@charset "UTF-8";h1,h2,h3,h4,h5,h6 {font-weight:bold;}
.cont1280 {max-width:1290px;width:100%;margin:0 auto;}
body {font-size:16px;overflow-x:hidden;}
/*체계도*/.hierarchy {margin-top:100px;line-height:1.6;}
.hierarchy .topCont {position:relative;width:100%;height:760px;display:flex;}
.hierarchy .history {position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end;}
.hierarchy .history > li {position:relative;margin:5px 0;}
/*.hierarchy .history > li:after {*//*content:"";*//*display:inline-block;*//*width:16px;*//*height:16px;*//*background:url(/static/assets_rn/images/hierarchy/icon-book.svg) no-repeat center center / cover;*//*margin:0 0 -4px 4px;*//*}
*/.hierarchy .history > li:last-child:after {opacity:.4;}
.hierarchy .history > li a {color:rgba(0,0,0,.4);font-weight:bold;}
.hierarchy .history > li:hover a {text-decoration:underline;}
.hierarchy .history > li:first-child a,.hierarchy .history > li:nth-child(2) a {position:relative;display:inline-block;color:#222;line-height:1;z-index:11;}
.hierarchy .history > li:first-child a:before {content:"";position:absolute;bottom:-4px;left:0;width:100%;height:10px;background:red;transform:skew(-15deg);opacity:.6;z-index:-1}
.hierarchy .topCont .btnPdfView:hover {background:#222;color:#fff;border:1px solid #222;}
.hierarchy .topCont .btnPdfView img {width:18px;margin:0 0 2px 5px;vertical-align:bottom;transition:.3s;}
.hierarchy .topCont .btnPdfView:hover img {filter:invert(1);}
.hierarchy .topCont .bgTop {position:relative;width:40%;height:100%;background:none !important;}
.hierarchy .topCont .bgTop:before {content:"";position:absolute;top:0;left:-17vw;width:40vw;height:100%;background:url(/static/assets_rn/images/hierarchy/bgHierTop.jpg) no-repeat center center / cover;}
.hierarchy .topCont .txtTop {position:relative;}
.hierarchy .topCont .txtTop:before {content:"";display:inline-block;width:150px;height:150px;background:url(/static/assets_rn/images/hierarchy/txtStart.svg) no-repeat center center / 140px;margin-left:-17%;opacity:.8;}
.hierarchy .topCont .txtTop li {font-size:20px;}
.hierarchy .topCont .txtTop li:not(:last-child) {margin-bottom:60px;}
.hierarchy .topCont .txtTop li b {font-size:20px;font-weight:600;}
.hierarchy .midCont {position:relative;padding:120px 15px 40px 15px;}
.hierarchy .midCont:before {content:"";position:absolute;top:-200px;left:-430px;width:400px;height:400px;/*background:url(/static/assets_rn/images/hierarchy/decoCircle.svg) no-repeat center center / 90%;*/animation:circle 10s linear infinite;z-index:-2;}
.hierarchy .midCont:after {content:"";position:absolute;bottom:-200px;right:-430px;width:400px;height:400px;/*background:url(/static/assets_rn/images/hierarchy/decoCircle.svg) no-repeat center center / 90%;*/animation:circle 10s linear infinite;z-index:-2;}
@keyframes circle {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
.hierarchy .midCont > ul > li {/*display:flex;*/    align-items:center;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #ccc;}
.hierarchy .midCont > ul > li:last-child {border-bottom:none;}
.hierarchy .midCont > ul > li > img {width:96px}
.hierarchy .midCont > ul > li h3 {position:relative;font-size:52px;margin:0 120px 0 40px;}
.hierarchy .midCont > ul > li h3:before {content:"";position:absolute;bottom:-20px;right:-35px;color:#e8e8e8;font-size:40px;z-index:-1;}
.hierarchy .midCont > ul > li:nth-child(1) h3 {color:#CA1212;}
.hierarchy .midCont > ul > li:nth-child(2) h3 {color:#BB12CA;}
.hierarchy .midCont > ul > li:nth-child(3) h3 {color:#123ACA;}
.hierarchy .midCont > ul > li:nth-child(4) h3 {color:#35a769;}
.hierarchy .midCont > ul > li:first-child h3:before {content:"Value";}
.hierarchy .midCont > ul > li:nth-child(2) h3:before {content:"Vision";bottom:-25px;right:-55px;}
.hierarchy .midCont > ul > li:nth-child(3) h3:before {content:"Mission";bottom:-26px;right:-85px;}
.hierarchy .midCont > ul > li:nth-child(4) h3:before {content:"Goal";bottom:-20px;right:-25px;}
.hierarchy .midCont > ul > li p {font-size:28px;font-weight:bold;}
.hierarchy .midCont > ul > li p span {font-size:16px;color:#666;display:block;margin-bottom:20px;line-height:0.8;}
.hierarchy .bottomCont {position:relative;max-width:1000px;width:100%;margin:0 auto;padding:40px 0;}
.hierarchy .bottomCont:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#f8f8f8;z-index:-1;}
.hierarchy .bottomCont > ul {display:flex;flex-wrap:wrap;}
.hierarchy .bottomCont > ul > li {position:relative;width:50%;padding:50px;}
.hierarchy .bottomCont > ul > li:nth-child(1) {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.hierarchy .bottomCont > ul > li:nth-child(2) {border-bottom:1px solid #ccc;}
.hierarchy .bottomCont > ul > li:nth-child(3) {border-right:1px solid #ccc;}
.hierarchy .bottomCont > ul > li:nth-child(2):before {content:"01";position:absolute;bottom:0;right:0;font-size:100px;font-weight:bold;color:#e4e4e4;z-index:-1;}
.hierarchy .bottomCont > ul > li:nth-child(3):before {content:"02";position:absolute;bottom:0;right:0;font-size:100px;font-weight:bold;color:#e4e4e4;z-index:-1;}
.hierarchy .bottomCont > ul > li:nth-child(4):before {content:"03";position:absolute;bottom:0;right:0;font-size:100px;font-weight:bold;color:#e4e4e4;z-index:-1;}
.hierarchy .bottomCont h3 {font-size:52px;color:#0087a5;line-height:1;}
.hierarchy .bottomCont h3 span {display:block;color:#e4e4e4;}
.hierarchy .bottomCont > ul > li > h4 {font-size:32px;padding-bottom:20px;}
.hierarchy .bottomCont > ul > li > ul > li {font-size:20px;}
.hierarchy .preGov {display:flex;justify-content:space-between;align-items:flex-start;max-width:1000px;width:100%;margin:40px auto 30px;padding-bottom:20px;text-align:center;}
.hierarchy .preGov dl {position:relative;width:50%;padding:0 50px;text-align:left;}
.hierarchy .preGov dl:first-child:after {content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:100%;background:#ccc;}
.hierarchy .preGov dl dt a {font-size:18px;}
.hierarchy .preGov dl dt:hover a {text-decoration:underline;}
.hierarchy .preGov dl dt a:before {content:"";display:inline-block;width:16px;height:16px;background:url(/static/assets_rn/images/hierarchy/icon-book.svg) no-repeat center center / cover;margin:0 4px -2px 0;}
.hierarchy .preGov dl dd {padding-left:25px;}
.hierarchy .preGov dl dd:before {content:"";display:inline-block;width:4px;height:4px;background:#888;margin:0 5px 3px 0;border-radius:50%;}
.hierarchy .preGov dl dd a {font-size:17px;font-weight:normal;color:#888;}
.hierarchy .preGov dl dd:hover a {text-decoration:underline;}
.hierarchy .preGov a {font-weight:bold;}
/*중점과제*/.leftBox,.rightBox {height:40vh}
.mission {margin-top:80px;line-height:1.6;}
.mission .topCont {display:flex;/*margin-bottom:120px;*/}
.mission .topCont > div {position:relative;width:100%;/*height:600px;*/}
.mission .topCont > div:first-child {width:100%;/*text-align:center!imporant;*/    /*top:-10%;*/    margin-left:5%;height:inherit;background:url(/static/assets_rn/images/hierarchy/missionTxt.svg) no-repeat left 45% / 90%;}
.mission .topCont > div:last-child {background:url(/static/assets_rn/images/hierarchy/new_bgMissionTop.jpg) no-repeat center center / 100%;}
/*.mission .topCont > div:last-child:before {*//*    content:"";*//*    position:absolute;*//*    top:0;*//*    right:-17vw;*//*    width:54vw;*//*    height:inherit;*//*    !*230413 이미지 변경*!*//*    !*background:url(/static/assets_rn/images/hierarchy/bgMisiionTop.png) no-repeat center center / cover;*!*//*    z-index:-1;*//*}
*/.mission .midCont {/*margin-bottom:40px;*/    padding:60px 0 40px 0;}
.mission .midCont .tabBox {display:flex;flex-wrap:wrap;gap:10px;}
.mission .midCont .tabBox > li {position:relative;width:32.8%;padding:15px;border:1px solid #ccc;overflow:hidden;cursor:pointer;}
.mission .midCont .tabBox > li .img {width:45px;height:45px;}
.mission .midCont .tabBox > li:nth-child(1) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_01.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(1).active .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_01.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(2) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_02.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(2).active .img {background:url("/static/assets_rn/images/hierarchy/w_new_tabMisson_02.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(3) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_03.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(3).active .img {background:url("/static/assets_rn/images/hierarchy/w_new_tabMisson_03.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(4) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_04.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(4).active .img {background:url("/static/assets_rn/images/hierarchy/w_new_tabMisson_04.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(5) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_05.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(5).active .img {background:url("/static/assets_rn/images/hierarchy/w_new_tabMisson_05.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(6) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_06.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(6).active .img {background:url("/static/assets_rn/images/hierarchy/w_new_tabMisson_06.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(7) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_07.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(7).active .img {background:url("/static/assets_rn/images/hierarchy/tabMisson_07.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(8) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_08.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(8).active .img {background:url("/static/assets_rn/images/hierarchy/tabMission10.png") no-repeat;}
.mission .midCont .tabBox > li:nth-child(9) .img {background:url("/static/assets_rn/images/hierarchy/new_tabMisson_09.png") no-repeat 50%;}
.mission .midCont .tabBox > li:nth-child(9).active .img {background:url("/static/assets_rn/images/hierarchy/tabMisson_09.png") no-repeat;}
.mission .midCont .tabBox > li  p {font-size:20px;font-weight:600;color:#0b0b0b;}
.mission .midCont .tabBox > li > p:before {content:"";display:block;width:16px;height:1px;background:#222;margin:10px 0;}
.mission .midCont .tabBox > li span {position:absolute;bottom:1px;right:13px;font-size:17px;width:max-content;}
.mission .midCont .tabBox > li.blue.active {/*border:thick double #123ACA;*/    /*border:4mm ridge #9eb1f5;*/    background:#9eb1f5;}
/*.mission .midCont .tabBox > li.blue.active p,.mission .midCont .tabBox > li.blue.active span {color:#000000}
*/.mission .midCont .tabBox > li.orange.active {/*border:thick double #CA5412;*/    /*border:4mm ridge #ec9e73;*/    background:#e8a986;}
/*.mission .midCont .tabBox > li.orange.active p,.mission .midCont .tabBox > li.orange.active span {color:#000000}
*/.mission .midCont .tabBox > li.skygreen.active {/*border:thick double #12A9CA;*/    /*border:4mm ridge #5fd1ea;*/    background:#7dd2e5;}
.blue >p {color:#000000;}
/*.mission .midCont .tabBox > li.skygreen.active p,.mission .midCont .tabBox > li.skygreen.active span {color:#000000}
*/.mission .midCont .tabBox > li.blue:before {content:"";position:absolute;bottom:-15px;right:-15px;width:30px;height:30px;background:#123ACA;transform:rotate(45deg);}
.mission .midCont .tabBox > li.orange:before {content:"";position:absolute;bottom:-15px;right:-15px;width:30px;height:30px;background:#CA5412;transform:rotate(45deg);}
.mission .midCont .tabBox > li.skygreen:before {content:"";position:absolute;bottom:-15px;right:-15px;width:30px;height:30px;background:#12A9CA;transform:rotate(45deg);}
.mission .midCont .tabBox > li.blue span {color:#123ACA}
.mission .midCont .tabBox > li.orange span {color:#CA5412}
.mission .midCont .tabBox > li.skygreen span {color:#12A9CA}
.mission .bottomCont .tabContBox > div {display:none;}
.mission .bottomCont .tabContBox > div.active {display:block;}
.mission .bottomCont .tabContSbjt {display:flex;align-items:center;gap:0 40px;padding-bottom:20px;}
.mission .bottomCont .tabContSbjt h4 {position:relative;font-size:24px;display:inline-block;}
.mission .bottomCont .tabContSbjt h4:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:#000;opacity:.4;z-index:-1;}
.mission .bottomCont .tabContSbjt.blue h4:before {background:#123ACA;}
.mission .bottomCont .tabContSbjt.orange h4:before {background:#CA5412;}
.mission .bottomCont .tabContSbjt.skygreen h4:before {background:#12A9CA;}
.mission .bottomCont .tabContMain {position:relative;padding:40px;margin-bottom:5rem;}
.mission .bottomCont .tabContMain.skygreen {border:1px solid #12a9ca3b;}
.mission .bottomCont .tabContMain.orange {border:1px solid #ca54123d;}
.mission .bottomCont .tabContMain.blue {border:1px solid #123aca3b;}
.mission .bottomCont .tabContMain:before {content:"";position:absolute;top:0;left:50%;width:200vw;height:100%;/*background:#f8f8f8;*/    transform:translateX(-50%);z-index:-1;}
.mission .bottomCont .tabContMain ul > li {position:relative;font-size:20px;font-weight:600;margin-left:10px;}
.mission .bottomCont .tabContMain ul > li:before {content:"";position:absolute;top:10px;left:-10px;width:4px;height:4px;background:#222;}
.mission .bottomCont .tabContMain ul > li:not(:last-child) {margin-bottom:20px;}
.mission .bottomCont .tabContMain ul > li span {color:#666;font-size:18px;display:block;font-weight:normal;}
.mission .bottomCont .tabContMain ul > li span b {font-weight:500}
@media all and (min-width:1921px) {.hierarchy .topCont .bgTop:before {left:-25vw;width:43vw;}
.hierarchy .midCont:before,.hierarchy .midCont:after {display:none;}
.mission .topCont > div:last-child:before {right:-25vw;}
}
@media all and (max-width:1600px) {.hierarchy .topCont .bgTop:before {width:46vw;}
}
@media all and (max-width:1400px) {.hierarchy .topCont .bgTop:before {width:48vw;}
}
@media all and (max-width:1024px) {.mission {margin-top:0}
.mission .bottomCont .tabContMain {margin:0 1rem 5rem 1rem}
.hierarchy:is(.midCont,.bottomCont),.mission .midCont {padding:0 12px;margin-bottom:30px;}
.hierarchy .topCont .txtTop li {font-size:18px;}
.hierarchy .topCont .txtTop li b {font-size:18px;}
.hierarchy .topCont .bgTop:before {width:55vw;height:86%;}
.hierarchy .midCont > ul > li h3 {font-size:32px;}
.hierarchy .midCont > ul > li h3:before {font-size:32px;}
.hierarchy .bottomCont:before {width:100%;}
.hierarchy .bottomCont h3 {font-size:32px;}
.hierarchy .bottomCont > ul > li > h4 {font-size:24px;}
.hierarchy .bottomCont > ul > li > ul > li {font-size:17px;}
.mission .topCont > div:last-child:before {right:-15px;width:60vw;}
.hierarchy .midCont > ul > li p {font-size:20px;}
.hierarchy .preGov dl dd a {font-size:17px}
.mission .midCont .tabBox > li {width:48%;}
.mission .midCont .tabBox > li > p {font-size:14px;}
.mission .midCont .tabBox > li > img {width:40px;}
.mission .midCont .tabBox > li > span {font-size:12px;}
.mission .bottomCont .tabContMain:before {width:100%;}
.mission .bottomCont:is(.tabContSbjt,.tabContMain ul) {padding-right:12px;padding-left:12px;}
h2 {font-size:2rem !important}
}
@media all and (max-width:768px) {.mission .bottomCont .tabContSbjt h4:before {height:100%}
.mission .midCont .tabBox > li p {line-height:25px;margin-bottom:2rem;word-break:keep-all}
br.responsive {display:none;}
.hierarchy .history {top:-120px;right:0;z-index:10;flex-direction:column;}
.hierarchy .history li {width:calc(100% / 4);}
.hierarchy .history li a {display:block !important;!i;!;!o;!o,;!o;!;text-align:center;margin:0;line-height:120% !important;!i;!;}
.hierarchy .topCont {flex-direction:column;height:100%;height:auto !important;!i;!;}
.hierarchy .topCont .bgTop {width:100%;height:200px;}
.hierarchy .topCont .bgTop:before {left:0;width:100%;height:200px;}
.hierarchy .topCont .btnPdfView {top:-60px;left:50%;transform:translateX(-50%);}
.hierarchy .topCont .txtTop {padding:20px 12px 80px 12px;}
.hierarchy .topCont .txtTop::before {margin-top:-45px;margin-bottom:40px;margin-left:0;width:90px;height:90px;/*background:url(/static/assets_rn/images/hierarchy/txtStart.svg) no-repeat center center / 90px;*/}
.hierarchy .topCont .txtTop li:not(:last-child) {margin-bottom:20px;font-size:17px !important;}
.hierarchy .topCont .txtTop li b,.hierarchy .topCont .txtTop li {font-size:17px !important;}
.hierarchy .midCont > ul > li {/*display:block;*/}
.hierarchy .midCont > ul > li img {vertical-align:middle;padding-bottom:20px;}
.hierarchy .midCont > ul > li h3 {margin:0 0 20px 0;display:inline-block;}
.hierarchy .midCont > ul > li p {font-size:18px;}
.hierarchy .bottomCont > ul {flex-direction:column;}
.hierarchy .bottomCont > ul > li {width:100%;border:none !important;padding:25px 0;}
.hierarchy .bottomCont > ul > li:before {display:none;}
.hierarchy .bottomCont > ul > li:not(:first-child) {border-bottom:1px solid #ccc !important;}
.hierarchy .bottomCont > ul > li:last-child {border-bottom:none !important;}
.hierarchy .preGov {margin:0 auto;flex-direction:column;}
.hierarchy .preGov {padding:0 12px;}
.hierarchy .preGov dl {width:100%;padding:25px 0;}
.hierarchy .preGov dl:first-child {border-bottom:1px dashed #ccc;}
.hierarchy .preGov dl:first-child:after {display:none;}
.hierarchy .bottomCont .preGov dl dt a {font-size:14px;}
.mission .topCont {flex-direction:column-reverse;height:400px;}
.mission .topCont > div {width:100%;}
.mission .topCont > div:first-child {/*background:url(/static/assets_rn/images/hierarchy/missionTxt.svg) no-repeat center 65% / 50%;*/}
.mission .topCont > div:last-child:before {right:0;width:100%;height:300px;}
.mission .midCont {overflow-x:auto;scrollbar-width:none;}
.mission .midCont::-webkit-scrollbar {display:none;}
.topCont .leftBox img {max-width:50%;margin-top:-30.5rem;}
}
@media all and (max-width:600px) {.mission .midCont .tabBox {width:1800px;flex-wrap:nowrap;}
.topCont .leftBox img {max-width:100%;margin-top:-28.5rem}
.txtTop ul {margin-top:7rem}
.mission .topCont > div:first-child {/*background:url(/static/assets_rn/images/hierarchy/missionTxt.svg) no-repeat center 38% / 90%;*/}
.mission .bottomCont .tabContSbjt {display:block;}
.mission .bottomCont .tabContSbjt h4 {/*font-size:20px;*/}
.mission .bottomCont .tabContSbjt p {font-size:14px;}
.mission .bottomCont .tabContMain {position:relative;padding:0px 0 40px 0;}
}
@media all and (max-width:400px) {.mission .midCont .tabBox > li {padding:15px 10px 20px 10px;}
.mission .bottomCont .tabContSbjt img {}
}