/* 퍼블리싱 신규 css */
@import url(reset.css);
@import url('swiper-bundle.min.css');
@import url('../fonts/font.css');


html,
body { font-size: 62.5%; }
@media all and (max-width: 1400px) {
    html {font-size: 45%;}
}
@media all and (max-width: 900px) {
    html {font-size: 35%;}
}
@media all and (max-width: 600px) {
    html {font-size: 62.5%;}
}

@keyframes fadeList {
    0%   {transform: translateY(70px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@keyframes fadeList2 {
    0%   {transform: translateY(20px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@keyframes progress {
    0%   {width: 0; transform: translateX(0);}
    100% {width: 100%; transform: translateX(100%);}
}


/* 메인 및 이모저모 신규 css 이동국 2023/05/26 */
body .oda-about .about-conts .cont02 li.video{
	height: auto;
	
}



body .oda-about .about-conts .cont02 li.video a{
	height: auto;
}

body .oda-about .about-conts .cont02 li.video.inactive a{
	display: flex;
	width: 35rem;
	padding: 3.5rem 3rem 0 3rem;
}

body .oda-about .about-conts .cont02 li.video a{
	width: 0rem;
	transition: 0.5s;
	cursor: pointer;
	word-break: keep-all;
	overflow: hidden;
	padding: 0;
}

.oda-about .about-conts .cont02 li.video.inactive div{
	width: 18.5rem;
    height: 10rem;
}

.oda-about .about-conts .cont02 li.video div{
    transition: 0.5s;
}
.sns_message{
	background: #F0F7FF;
	min-height: var(--size4);
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.sns_message>.row{
	position: relative;
}

.sns_message .footer_sns>ul.active{
	width: 75%
}
.sns_message .footer_sns>ul{
    transition: 1s;
    width: 8%;
}
.sns_message ul:first-child{
	padding: 0 0.5rem 0 0;
}



    
.sns_message>.row>.footer_sns{
	position: absolute;
    top: 50%;
    right: 0;
    width: 40%;
    transform: translateY(-50%);
    overflow: hidden;
    display: flex;
}
.sns_message ul li.sns_icon{
	height: 100%;
	width: auto;
	margin: 0 0.5rem 0 0;
}
.footer_sns>ul>li:nth-child(2){
	display: none;
	font-size: 2rem;
	white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.sns_message ul>li:nth-child(2) .swiper-slide a{
	white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
}

.sns_message ul.active>li:nth-child(2){
	display: block;
}

#m_sidebar .active a{
	color:rgb(0,82,136);
}




/* 공통 css */
:root {
    --white: #fff;
    --red: #D12433;
    --pink: #FFB8BE;
    --blue: #466BEF;
    --blue2: #3483FB;
    --blue3: #265FCC;
    --navy: #0340B6;
    --navy2: #044980;
    --navy3: #022D6C;
    --gray1: #dcdfe2;
    --gray2: #ddd;
    --gray3: #555;
    --gray5: #9FA7B4;
    --black: #222;
    
    --bgSkyblue: #eff7fd;
    --bgGray: #F4F6F8;
    --bgGray2: rgba(0, 0, 0, 0.4);
    --bdWhite: 0.1rem solid rgba(255,255,255,0.5);
    --bdGray1: 0.1rem solid var(--gray1);
    --bdGray2: 0.1rem solid var(--gray2);
    --bdGray3: 0.1rem solid #D2DEEC;
    --shadow: 0px 0.7rem var(--size1) rgba(0, 0, 0, 0.05);
    --shadow2: 5px 10px 25px 0px #92A5C273;
    --noRptCntRt: no-repeat center right;
    
    --title: 'Pretendard';
    --title2: 'Gmarket Sans';
    --font14: 1.4rem;
    --font15: 1.5rem;
    --font16: 1.6rem;
    --font18: 1.8rem;
    --font20: 2rem;
    
    --width2vw: 1vw;
    --width3vw: 1.6vw;
    --width4vw: 2.1vw;
    --width5vw: 2.6vw;
    --width6vw: 3.1vw;
    
    --size1: 1rem;
    --size1-5: 1.5rem;
    --size2: 2rem;
    --size2-5: 2.5rem;
    --size3: 3rem;
    --size4: 4rem;
    --size5: 5rem;
    --size6: 6rem;
    
    --gradi: linear-gradient(90deg);
    --gradi-pinkSky: linear-gradient(90deg, #FFE6E8 42.56%, #E3F2FE 71.5%);
    --gradi-pinkSky2: linear-gradient(90.06deg, #FAC5C9 36.5%, #B5D4EB 74.84%);
    --gradi-pinkSky3: linear-gradient(90deg, #F6D3D6 42.56%, #CDDBE5 71.5%);
    --gradi-red: linear-gradient(90deg, var(--red) 51.76%, #9D0B18 86.04%);;
    --gradi-redNavy: linear-gradient(94.2deg, var(--red) 35.37%, var(--navy) 64.96%);
    --gradi-redNavy2: linear-gradient(90deg, var(--red) 20.56%, var(--navy2) 71.5%);
    --gradi-redNavy3: linear-gradient(182.03deg, #12399F 36.38%, var(--red) 100%);
    --delay: calc((var(--list)+1) * 200ms);
}

/* common */
* {font-family: var(--title); margin: 0; padding: 0; -webkit-overflow-scrolling: touch; word-break: break-all; box-sizing: border-box;}
.clearfix::after{content: ""; display: block; clear: both;}
.hidden {visibility: hidden; width: 0; height: 0;}
em {font-style: normal;}

/* Form Controls */
.input, .select {display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; align-items: center; font-family: var(--title); min-width: 20rem; min-height: var(--size4); padding: 0 var(--size1); margin-right: 0.5rem; -webkit-appearance: none; border: var(--bdGray2); background-color: rgba(255,255,255,0.6); font-size: var(--font16); color: var(--black);}
.input.sch {background: url(/images/egovframework/cmz/pub/2023/ico_search.svg) center right no-repeat; background-size: 2rem; background-position: 95% center;}
.min-w {min-width: 15rem;}
.selectbox {display: flex;}
.select {background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_b.svg) no-repeat right var(--size1-5) center; padding-right: 3.5rem; background-size: 1.1rem; cursor: pointer;}
/*.select.active {background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_up_b.svg) no-repeat right var(--size1-5) center;}*/
.select.red {border-color: var(--pink); background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_r.svg) no-repeat right var(--size1-5) center;}
/*.select.red.active {background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_up_r.svg) no-repeat right var(--size1-5) center;}*/
.input:last-of-type {margin-right: 0;}
.select::-ms-expand {display: none;}
/*.select .option {position: relative; flex-direction: column;}
.select .option .option-box {display: none; position: absolute; top: -6rem; left: 0; background-color: #ddd;}
.select .option .option-box.active {display: flex;}
.select .option .option-box ul {flex-direction: column-reverse;}
.select .option .option-box ul li {min-height: var(--width5vw); border-bottom: var(--bdGray2);}
.select .option .option-box ul li a {height: 100%; background-color: var(--navy2);}*/
.input[type="text"].datepicker {position: relative; background: url(/images/egovframework/cmz/pub/2023/calendar.svg) no-repeat right 0.8rem center;}
.input[type="tel"] {text-align: right;}
.input[type="text"]:disabled, input[type="password"]:disabled, select:disabled {background-color: var(--bgGray);}
.input:focus, textarea:focus, select:focus {box-shadow: none; border-color: var(--blue);}
.input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--black); font-weight: 300; font-size: 1.4rem !important;}
.input.error {border: 0.1rem solid var(--red);}

/* textarea */
.textarea {width: 100%; padding: 1.3rem 0; height: 30rem; font-size: var(--font14); background: none; border: none; border: var(--bdGray2); resize: none;}

/* ridio */
.radio {position: absolute; width: var(--width2vw); height: var(--width2vw); opacity: 0;}
.radio+label {display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; align-items: center; position: relative; line-height: var(--width2vw); white-space: nowrap; font-size: var(--font16); cursor: pointer;}
.radio+label::before {content: ""; display: inline-block; position: relative; width: var(--width2vw); height: var(--width2vw); border-radius: 50%; border: var(--bdGray2); background-color: var(--white); margin-right: 0.4rem; cursor: pointer; z-index: 1;}
.radio+label::after {content: ""; display: block; position: absolute; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #ddd; left: 0.5rem; top: 0.5rem; z-index: 1; transition: all 0.2s ease; }
.radio:checked+label {}
.radio:checked+label:after {opacity: 1; background-color: var(--navy);}
.radio:disabled+label:before {border: var(--bdGray2); background-color: var(--bgGray); cursor: default;}
.radio:disabled+label {cursor: default;}

/* checkbox */
.checkbox {width: var(--width2vw); height: var(--width2vw); position: absolute; opacity: 0;}
.checkbox+label {display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; position: relative; cursor: pointer; align-items: center; vertical-align: middle; font-size: var(--font16); color: var(--black); line-height: 1.3;}
.checkbox+label:before {content: ""; display: inline-flex; justify-content: center; align-items: center; width: var(--width2vw); height: var(--width2vw); border: var(--bdGray2); background-color: var(--white); cursor: pointer; position: relative; z-index: 1; margin-right: 0.4rem;}
.checkbox:checked+label:before {background: url(/images/egovframework/cmz/pub/2023/ico-checked.svg) no-repeat; border: none; background-size: var(--width2vw);}
.checkbox:disabled+label:before {border: solid 0.1rem #dcdfe2; background-color: var(--bgGray); cursor: default;}
.checkbox:disabled+label {cursor: default;}

/* progressbar */
.progress {appearance: none; height: auto; margin-top: 0.5rem;}
.progress::-webkit-progress-bar {height: 5px; background-color: transparent; border-radius: 10rem; overflow: hidden;}
.progress::-webkit-progress-value {animation: var(--progress) 2s ease-out; height: 100%; background-color: #65a0d8; border-radius: 10rem;}

/* 정렬 style */
.flex {display: flex;}
.flex-row {flex-direction: row;}
.flex-colum {flex-direction: column;}
.wrap {flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
.just-start {justify-content: flex-start !important;}
.just-between {justify-content: space-between;}
.just-center {justify-content:center;}
.align-start {align-items: start !important;}
.align-center {align-items: center;}
.align-end {align-items: flex-end;}
.text-left{text-align: left !important;}
#ctCd_label.fit {min-width: 6rem;}
.w23 {width: 23rem !important;}

/* layout */
::-webkit-scrollbar {width: 0.6rem; height: 0.2rem;}
::-webkit-scrollbar-thumb {background: var(--navy); border-radius: var(--size1);}
::-webkit-scrollbar-track {background: var(--bgGray);}
html, body {scroll-behavior: smooth; color: var(--black);}
body {font-size: var(--font18); font-weight:400; line-height: 3.2rem;}
a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: var(--black); text-decoration: none; transition: all 0.2s ease;}
a:link, a:visited, a:active {text-decoration: none;}
button {box-shadow: none; border: none; background: none; font-family: var(--title); cursor: pointer; transition: all 0.2s ease;}
button:focus {box-shadow: none;}
ul, li {display: flex; align-items: center; width: 100%; height: 100%; margin-bottom: 0;}
li:first-of-type {margin-left: 0; margin-top: 0;}
li:last-of-type {margin-right: 0; margin-bottom: 0;}
article {display: flex; justify-content: center;}
#wrapper {display: flex; justify-content: space-between; align-items: center; flex-direction: column; max-width: unset;}
#content {padding-left: 0 !important;}
#content .contentLocation {display: block !important;}
.row {display: flex; flex-wrap: nowrap; justify-content: center; width: 72.9vw; margin: 0;}

@media only screen and (max-width: 1000px) {
    
    #content {margin-top: 0 !important; padding-bottom: 5rem !important;}
    .row {width: 90%;}
}

@media only screen and (max-width: 600px) {
	
	#content {padding-left: 2% !important; margin-top: 0 !important;}
	#content .contentMenu {flex-wrap: wrap;}
	#content .contentMenu a {border-bottom: 0;}
	#content .contentMenu.w33 a {flex: 1 1 33%; border-bottom: 1px solid #dee2e6}
	#content .contentMenu a:nth-last-of-type(1) {border-bottom: 1px solid #dee2e6;}
	#content .contentMenu a:nth-last-of-type(2) {border-bottom: 1px solid #dee2e6;}
	#content .contentMenu a:nth-of-type(2n) {border-right: 1px solid #dee2e6;}
    .row {width: 100%;}
    #ctCd_label.fit {min-width: 8rem;}
    .w23 {width: 100% !important;}
}

/* component */
/* button */
.btn {display: flex; justify-content: center; align-items: center; min-width: var(--size6); max-width: 8rem; height: var(--size4); margin-right: 0.5rem; background-color: var(--black); border-radius: 0.3rem; color: var(--white); font-size: var(--font18);}
.btn:hover {color: var(--white);}
.btn.white:hover {color: var(--black);}
.btn.white {background-color: var(--white); border: var(--bdGray2); color: var(--black);}
.btn.red {background-color: var(--red);}
.btn.blue {background-color: var(--navy);}
.btn:last-of-type {margin-right: 0;}

.search {display: flex; justify-content: center; position: absolute; top: 9.3rem; left: 50%; width: 100%; height: 9rem; background-color: var(--white); transform: translate(-50%, -120%); transition: transform 0.3s ease; z-index: -1;}
.search.active {display: flex; box-shadow: var(--shadow); transform: translate(-50%, 0); z-index: 1;}
.search .row {align-items: center;}
.search .inputbox {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.search .inputbox .flex {margin-right: var(--size2);}
.search .inputbox .flex .input {width: 50rem; border: 0;}
.search .inputbox .flex .input::-webkit-input-placeholder {font-size: 1.8rem !imortant;}
.search .inputbox .flex .btn {width: var(--size5); border: 0;}
.search .inputbox > .btn {width: 3.7rem; height: 3.5rem; min-width: inherit; background-color: var(--red); border-radius: 50%;}
.search .inputbox > .btn img {width: 1.8rem;}
.search form {display: flex;}

.paging {display: flex; justify-content: center; align-items: center; margin: var(--size5) 0;}
.paging ul {justify-content: center; flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
.paging ul li {width: auto; margin-bottom: 0;}
.paging ul li.first a {background: url(/images/egovframework/cmz/pub/2023/paging_first.svg) center no-repeat; background-size: 60% 60%;}
.paging ul li.prev a {background: url(/images/egovframework/cmz/pub/2023/paging_prev.svg) center no-repeat; background-size: 60% 60%;}
.paging ul li.next a {background: url(/images/egovframework/cmz/pub/2023/paging_next.svg) center no-repeat; background-size: 60% 60%;}
.paging ul li.last a {background: url(/images/egovframework/cmz/pub/2023/paging_last.svg) center no-repeat; background-size: 60% 60%;}
.paging ul li a {width: var(--size3); height: var(--size3); border-bottom: 0.2rem solid var(--white); font-size: var(--font15);}
.paging ul li a:hover {color: var(--navy);}
.paging ul li.current a {color: var(--navy); border-bottom: 0.2rem solid var(--navy);}
.image {display: flex; justify-content: center; position: relative;}
.image img {width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 600px) {
    
    .input, .select {min-width: 35vw;}
    .row {width: 100%; flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
    li {margin-right: 0 !important; margin-bottom: var(--size1);}
    
    .search {height: 5.7rem; top: 10.5rem; transform: translate(-50%, -100%);}
    .search form {width: 100%;}
    .search .inputbox {width: 100%; padding: 0 var(--size2);}
    .search .inputbox .flex {width: 100%; margin-right: var(--size1);}
    .search .inputbox .flex .input {width: 100%;}
    .search .inputbox .flex .btn {width: var(--size3);}
    .search.eng {transform: translate(-50%, -180%);}
    .search.eng.active {transform: translate(-50%, -73%);}
    
    .paging ul li a {width: var(--size2); height: var(--size2);}
}


/* intro */
.intro-bg {display: flex; justify-content: center; align-items: center; position: relative; height: 100%; min-height: 75.5vh; padding: var(--width3vw); overflow: hidden;}
.intro-bg .btn-eng {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: calc(100% / 5.5); width: 12rem; height: 6rem; border-radius: 0 0 1.5rem 1.5rem; background: var(--gradi-pinkSky); color: var(--red); transition: 0.2s; z-index: 2;}
.intro-bg .btn-eng:hover {height: 8rem;}
.intro-bg .btn-eng img {width: 1.5rem; height: 1.5rem; margin-left: 0.5rem; background-size: contain;}
.intro-bg::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--bgGray2); z-index: 2;}
.intro-bg .center-box {display: flex; flex-direction: column; align-items: center; z-index: 2;}
.intro-bg .center-box h1 {font-family: var(--title2); font-size: 9rem; font-weight: 800; color: var(--white);}
.intro-bg .center-box h2 {margin-top: var(--size2); margin-bottom: 17.6rem; font-size: 3rem; color: var(--white); font-weight: 500;}
.intro-bg .center-box ul {mix-blend-mode: screen;}
.intro-bg .center-box ul li {width: 28rem; height: 7.2rem; margin-right: var(--size1-5); border: 0.2rem solid var(--white); border-radius: var(--size5); overflow: hidden;}
.intro-bg .center-box ul li:nth-of-type(1) {background: linear-gradient(150deg, rgba(209, 36, 51, 0.85) 0%, rgba(25, 66, 145, 0.85) 160%);}
.intro-bg .center-box ul li:nth-of-type(2) {background: linear-gradient(90deg, rgba(95, 56, 103, 0.85) 0%, rgba(25, 66, 145, 0.85) 159.64%);}
.intro-bg .center-box ul li:nth-of-type(3) {background: linear-gradient(90deg, rgba(56, 62, 121, 0.85) 0%, rgba(24, 77, 124, 0.85) 100%); }
.intro-bg .center-box ul li a {padding: var(--size1-5) 0; color: var(--white); font-size: 2.8rem;}
.intro-bg li {display: flex; align-items: center; justify-content: center;}
.intro-bg .intro-slide{position: absolute;}

.intro-slide {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.intro-slide ul {height: 180%;}
.intro-slide ul li img {display: block; width: 100%; height: 100%; object-fit: cover;}
.intro-slide img {width: 100%; object-fit: cover; height: 180%;}
.intro-slide .slide-btn {display: block !important; width: auto; height: auto;}
.intro-slide .slide-btn img {width: 5rem; opacity: 0.5;}
.intro-slide .swiper-button-prev::after, .intro-slide .swiper-button-next::after {display: none;}
.intro-slide .swiper-button-prev {margin-left: 3vw;}
.intro-slide .swiper-button-next {margin-right: 5vw;}

@media only screen and (max-width: 600px) {
    
    .intro-bg {min-height: calc(73.5vh * 0.85); padding: var(--width2vw);}
    .intro-bg .btn-eng {width: 9rem; height: 4rem; right: inherit;}
    .intro-bg .center-box {margin-bottom: var(--width2vw);}
    .intro-bg .center-box ul {flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
    .intro-bg .center-box h1 {font-size: 12.47vw;}
    .intro-bg .center-box h2 {margin-top: var(--size1); margin-bottom: 12vh; font-size: var(--font20); font-weight: 500;}
    .intro-bg .center-box ul {flex-direction: column;}
    .intro-bg .center-box ul li {width: 55%; height: 5rem; border-width: 0.2rem;}
    .intro-bg .center-box ul li a {font-size: var(--font20);}
    
    .intro-slide ul {height: 146%;}
}


/* intro trend */
.daily-trend {display: flex; justify-content: center;}
.daily-trend .row {width: 145rem;}
.daily-trend-tit {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; left: 0; right: 0; height: 5.8rem; padding: 0 2rem 0 8rem; background: var(--gradi-red); color: var(--white); font-size: 2.6rem; font-weight: 500; z-index: 2;}
.daily-trend-tit::before {content: ''; position: absolute; left: -500%; width: 500%; height: 100%; background-color: var(--red); z-index: -1}
.daily-trend-tit a {text-decoration: none !important; color: var(--white);}
.daily-trend-tit h2 {position: relative; font-weight: 300;}
.daily-trend-tit h2::before {content: ''; position: absolute; top: 50%; left: -2.5vw; width: 2.6rem; height: 3rem; transform: translateY(-50%); background: url(/images/egovframework/cmz/pub/2023/ico_calendar.svg) no-repeat; background-size: contain;}
.daily-trend-tit .wrap {overflow: hidden;}
.daily-trend-tit .datepicker {min-width: auto; width: 10rem; padding: 0; z-index: 10; color: var(--white); font-size: 2.3rem; font-weight: 300; text-align: center; background: transparent; border: 0;}
.ui-widget-header .ui-icon {display: inline-flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; text-indent: -9999px;}

.daily-trend-tit .swiper {position: relative; width: 14rem;}
.daily-trend-tit .swiper-wrapper {}
.daily-trend-tit .swiper-wrapper li {display: flex; justify-content: center; height: 3rem; margin-bottom: 0;}
.daily-trend-tit .swiper-wrapper li a {color: var(--white);}
.daily-trend-tit .btn-box {}
.daily-trend-tit .btn-box a {}
.daily-trend-tit .btn-box a::after {}
.daily-trend-tit .btn-box a::after {font-size: var(--font18); font-weight: 900;}
.daily-trend-tit .swiper-button-prev {left: -0.8rem;}
.daily-trend-tit .swiper-button-next {right: -0.8rem;}

.trend-wrap {}
.trend-slide-wrap {overflow: inherit !important;}
.trend-slide-wrap .trend-slide {display: flex;}
.trend-slide-wrap .trend-slide .slider {width: 33.3%; height: 24.3vh; flex-direction: column; align-items: flex-start; position: relative; padding: 8.2rem var(--size4) 0; border-right: var(--bdGray2); margin-bottom: 0;}
.trend-slide-wrap .trend-slide .slider:last-of-type {border-right: 0;}

.trend-slide-wrap .trend-slide .slider .slide-btn {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: var(--size2);}
.trend-slide-wrap .trend-slide .slider .slide-btn .btn-box {display: flex;}
.trend-slide-wrap .trend-slide .slider .slide-btn .btn-box a {position: static; width: 4.3rem; height: 4.3rem; margin: 0; border: 1px solid #C9D8EE; font-size: var(--font14);}
.trend-slide-wrap .trend-slide .slider .slide-btn .btn-box a:first-child {border-right: 0;}
.trend-slide-wrap .trend-slide .slider .slide-btn div a::after {content: ''; width: 4.3rem; height: 4.3rem;}
.trend-slide-wrap .trend-slide .slider .slide-btn .swiper-button-prev::after {background: url(/images/egovframework/cmz/pub/2023/intro_icon_prev.svg) no-repeat center; background-size: 2rem 2rem;}
.trend-slide-wrap .trend-slide .slider .slide-btn .swiper-button-next::after {background: url(/images/egovframework/cmz/pub/2023/intro_icon_next.svg) no-repeat center; background-size: 2rem 2rem;}
.trend-slide-wrap .trend-slide .slider .slide-btn .tit {display: flex; align-items: center;}
.trend-slide-wrap .trend-slide .slider .slide-btn .tit a {text-decoration: none;}
.trend-slide-wrap .trend-slide .slider .slide-btn .tit a span {display: inline-flex; position: relative; margin-right: 1.2rem; font-size: 3.3rem; color: transparent; background: var(--gradi-redNavy2); -webkit-background-clip: text; line-height: normal; font-weight: 700;}
.trend-slide-wrap .trend-slide .slider .slide-btn .tit img {width: 3rem; height: 3rem;}
.trend-slide-wrap .trend-slide .slider .slide-btn .swiper-pagination {display: none; right: var(--size2-5); width: 4.5rem; height: 2.2rem; border-radius: 5rem; background-color: var(--white); border: 1px solid var(--red); color: var(--red); font-weight: 300;}

.trend-slide-wrap .trend-slide .slider .news-wrap {width: 100%; overflow: hidden;}
.trend-slide-wrap .trend-slide .slider .news-wrap .swiper {}
.trend-slide-wrap .trend-slide .slider .news-wrap .swiper-wrapper {align-items: flex-start;}
.trend-slide-wrap .trend-slide .slider .news-wrap .swiper-slide {width: 100% !important;}
.trend-slide-wrap .trend-slide .slider .news-wrap .swiper-slide a {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; color: var(--gray3); font-size: var(--font20); font-weight: 300; line-height: var(--size2-5); -webkit-box-orient: vertical; -webkit-line-clamp: 1; background-color: var(--white); text-decoration: none !important;}

@media only screen and (max-width: 600px) {
    
    .daily-trend .row {width: 100%;}
    .daily-trend-tit {top: -5rem; height: 4.8rem; padding-left: 15vw; font-size: 2.8vh;}
    .daily-trend-tit .swiper {width: 16rem;}
    .daily-trend-tit h2::before {width: 5vw; height: 2.2rem; left: -6vw;}
    
    .trend-wrap {width: 100%;}
    .trend-slide-wrap .trend-slide {flex-direction: column;}
    .trend-slide-wrap .trend-slide .slider:first-of-type {padding-top: 0; margin-top: var(--size5);}
    .trend-slide-wrap .trend-slide .slider {width: 100%; height: 5rem; padding: 0; border-right: 0; border-bottom: var(--bdGray2);}
    .trend-slide-wrap .trend-slide .slider .slide-btn {height: 100%; padding: 0 2.7rem; margin-bottom: 0;}
    .trend-slide-wrap .trend-slide .slider .slide-btn .tit a {display: flex; align-items: center; justify-content: flex-start; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 5rem; padding: 2rem 2.7rem; z-index: 1;}
    .trend-slide-wrap .trend-slide .slider .slide-btn .tit a span {font-size: 2.3rem; margin-right: 0; z-index: 1;}
    .trend-slide-wrap .trend-slide .slider .slide-btn .tit img {display: none;}
    .trend-slide-wrap .trend-slide .slider .slide-btn .btn-box {display: none;}
    .trend-slide-wrap .trend-slide .slider .slide-btn .swiper-pagination {font-size: var(--font16);}
    
    .trend-slide-wrap .trend-slide .slider .news-wrap {display: none;}
    .trend-slide-wrap .trend-slide .slider .news-wrap .swiper-slide li {margin-bottom: 0;}
    .trend-slide-wrap .trend-slide .slider .news-wrap .swiper-slide li:nth-child(2) a {margin-top: 0 !important;}
    .trend-slide-wrap .trend-slide .slider .news-wrap .swiper-slide a {width: 100%; margin-top: var(--size4); font-size: var(--font16);}
    
    .trend-slide-wrap .trend-slide .slider.active {height: auto; padding: 2rem 2.7rem;}
    .trend-slide-wrap .trend-slide .slider.active .news-wrap {display: block;}
    .trend-slide-wrap .trend-slide .slider:first-of-type.active {padding-top: var(--size5);}
    .trend-slide-wrap .trend-slide .slider:first-of-type .news-wrap .swiper-slide a {margin-top: 1rem;}
    .trend-slide-wrap .trend-slide .slider.active .slide-btn {margin-bottom: 0; padding: 0;}
    .trend-slide-wrap .trend-slide .slider.active .slide-btn .tit a {align-items: flex-start; height: auto;}
    .trend-slide-wrap .trend-slide .slider.active .slide-btn .swiper-pagination {display: flex; justify-content: space-evenly; align-items: center; top: var(--size2); left: auto; bottom: auto; font-size: var(--font14);}
    
}


/* index-header */
#header {width: 100%;}
.header {display: flex; justify-content: center; align-items: center; position: relative; min-height: 9.3rem; border-bottom: 0.5rem solid transparent; border-image: var(--gradi-redNavy2); border-image-slice: 1; background-color: var(--white); z-index: 2;}
.header .row {flex-wrap: nowrap; justify-content: space-between;}
.header h1 {margin-right: 2.5vw; z-index: 1;}
.header h1 a img {height: var(--width5vw);}
.header .dim .btn-close {display: none;}
.header .gnb {max-width: 95rem; height: 8.8rem; margin-right: 5rem;}
.header .gnb.bg::before {content: '';display: none;position: absolute; top: 8.8rem; left: 0; right: 0; width: 100%; height: 0.5rem; background: var(--gradi-redNavy2); z-index: 1;}
.header .gnb.bg::after {content: ''; display: none; position: absolute; top: 9.3rem; left: 0; right: 0; width: 100%; height: calc(19vw + 1vh); background: var(--gradi-pinkSky); border-bottom: 0.1rem solid transparent; border-image: var(--gradi-pinkSky2); border-image-slice: 1; z-index: 1;}
.header .gnb.bg:hover::before {display: block;}
.header .gnb.bg:hover::after {display: block;}
.header .gnb.bg:hover ul.two-depth {display: flex;}
.header .gnb.bg.active::after {display: block;}
.header .gnb.bg.active ul.two-depth {display: flex;}
.header .gnb.eng li.one-depth:nth-child(1) {width: 20rem;}
.header .gnb.eng li.one-depth:nth-child(2) {width: 16rem;}
.header .gnb.eng li.one-depth:nth-child(3) {width: 11rem;}
.header .gnb.eng li.one-depth:nth-child(4) {width: 20rem;}
.header .gnb.eng li.one-depth:nth-child(4) a {max-width: inherit;}
.header .gnb.eng li.one-depth:nth-child(5) {width: 15rem;}

.header .gnb li.one-depth {position: relative; justify-content: center;}
.header .gnb li.one-depth > a {justify-content: center; min-width: 14rem; padding: 0 var(--size1-5); font-size: var(--font20); font-weight: 600; letter-spacing: -0.13rem;}
.header .gnb li.one-depth:nth-of-type(3) > a {min-width: 18rem; padding-left: 2rem;}
.header .gnb li.one-depth:nth-of-type(4) > a {max-width: 10rem;}
.header .gnb li.one-depth > a.active {color: var(--red);}
.header .gnb li.one-depth > a:hover {color: var(--red);}
.header .gnb.active::after {display: flex;}
.header .gnb.active ul.two-depth {display: flex;}

.header .gnb ul.two-depth {display: none; flex-direction: column; position: absolute; top: 6.5vw; left: 0; z-index: 2;}
.header .gnb ul.two-depth li {height: auto;}
.header .gnb ul.two-depth li a {justify-content: flex-start; padding: 1.1rem 1.4rem; font-size: var(--font16); letter-spacing: -0.13rem;}
.header .gnb ul.two-depth li a:hover {color: var(--red); text-decoration-line: underline;}

.header .btn-all-menu {}
.header .btn-all-menu ul li {margin-right: 1.7rem;}
.header .btn-all-menu ul li:last-of-type {margin-right: 0;}
.header .btn-all-menu ul li a {font-size: var(--font14);}
.header .btn-all-menu ul li a img {width: 2.4rem;}
.header .btn-all-menu ul li.lang a {min-width: 4.5rem; height: 2.3rem; background-color: var(--red); color: var(--white); border-radius: 0.5rem; font-weight: 100; letter-spacing: 0.08rem;}
.header .btn-all-menu .nav-trigger {flex-direction: column; width: var(--size2-5); width: 3rem; height: 3rem; transform: scale(1);}
.header .btn-all-menu .nav-trigger i {display: block; width: 100%; height: 0.2rem; border-radius: 0.2rem; background-color: var(--black);}
.header .btn-all-menu .nav-trigger i:nth-of-type(2) {margin: 0.5rem 0; transition: all 0.3s ease;}
.header .btn-all-menu .nav-trigger:hover i:nth-of-type(2) {transform: translateX(-30%);}

.head-line {width: 100%; height: var(--size1-5); background: var(--gradi-pinkSky3);}

@media only screen and (max-width: 600px) {
    
    .header.eng {margin-top: 0;}
    .header.eng h1 {left: 0; transform: translate(2.8rem, -56%);}
    .header.eng .btn-all-menu ul {justify-content: flex-start; flex-direction: row-reverse;}
    .header.eng .btn-all-menu .sch {margin: 0 1rem !important;}
    .header.eng .btn-all-menu ul li.lang {display: flex;}
    
    .header {position: relative; min-height: var(--size6); margin-top: 3.7rem; z-index: 3;}
    .header .row {align-items: center; width: 100%; height: 6rem;}
    .header h1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -56%);}
    .header h1 a img {height: 3rem;}
    
    .header .dim {display: none; position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; background-color: var(--bgGray2); z-index: 9;}
    .header .dim .btn-close {display: flex; position: absolute; top: 2vw; right: 2vw; width: var(--size4); height: var(--size4); background: var(--black) url(/images/egovframework/cmz/pub/2023/btn-close.svg) no-repeat center; border-radius: 50%; z-index: 1; color: var(--white);}
    .header .dim .btn-close:hover {transform: }
    .header .gnb {position: fixed; flex-direction: column; align-items: flex-start; width: 75%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: var(--size2); background-color: var(--white); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 10;}
    .header .gnb.active {transform: translateX(0);}
    .header .gnb.active + .dim {display: block;}
    .header .gnb.bg::before {display: none;}
    .header .gnb.bg:hover::before {display: none;}
    .header .gnb.bg::after {display: none;}
    .header .gnb.bg:hover::after {display: none;}
    .header .gnb.bg:hover ul.two-depth {display: none;}
	.header .gnb.bg.active::after {display: none;}
	.header .gnb.bg.active ul.two-depth {display: none;}
    .header .gnb.active::after {display: none;}
    .header .gnb.active ul.two-depth {display: none;}
    
    .header .gnb li.one-depth {width: 100% !important; height: auto; flex-direction: column; align-items: flex-start; min-width: 19rem; margin-bottom: 0;}
    .header .gnb li.one-depth > a {justify-content: flex-start; width: 100% !important; padding: var(--size2); border-bottom: var(--bdGray2); font-weight: 700;}
    .header .gnb li.one-depth:nth-of-type(4) > a {max-width: inherit;}
    .header .gnb li.one-depth:last-of-type > a {border-bottom: 0;}
    .header .gnb li.one-depth.active > a {color: var(--red); background-color: var(--bgGray);}
    .header .gnb li.one-depth.active ul.two-depth {display: flex; height: auto;}
    .header .gnb li.one-depth.active + li.one-depth {border-top: var(--bdGray2);}
    .header .gnb ul.two-depth {display: none; position: static;}
    .header .gnb ul.two-depth li {margin-bottom: 0;}
    .header .gnb ul.two-depth li a {height: var(--size5); padding: 0 var(--size2);}
    
    .header .btn-all-menu {position: relative; width: 100%; height: 3vh;}
    .header .btn-all-menu ul {justify-content: space-between; padding: 0 var(--size2-5);}
    .header .btn-all-menu ul li {width: 2.3rem; margin-bottom: 0;}
    .header .btn-all-menu ul li a {width: 100%;}
    .header .btn-all-menu ul li.lang {display: none; width: auto;}
    .header .btn-all-menu ul li.lang a {width: 2.3rem;}
    
    .head-line {display: none;}
    
}


/* index-section */
#section {position: relative; width: 100%;}
.section {display: flex; justify-content: center; padding: var(--size2);}
.section.pd0 {padding: 0;}
.section .row {flex-direction: column;}
.section .row .newsSlide {position: relative; margin-left: inherit !important; margin-right: inherit !important; z-index: 0;}
.section .row .newsSlide .fa-arrow-right {font-size: var(--font15);}

.section .news-box {display: flex; padding: 5.6rem 0 9rem; box-sizing: inherit;}
.section .news-box .news-list {width: 33.3% !important; max-height: 21rem; flex-direction: column; flex: 1 1 50%; padding: 0 var(--width5vw); border-right: var(--bdGray2);}
.section .news-box .news-list:first-of-type {padding-left: 0;}
.section .news-box .news-list:nth-of-type(2) {/*max-width: 100%; */flex: 1 1 50%;}
.section .news-box .news-list:last-of-type {padding-right: 0; border-right: 0;}
.section .news-box .news-list .news-tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.1rem; font-size: 2.7rem;}
.section .news-box .news-list .news-tit span {display: block; position: relative; padding-left: var(--size1-5); font-weight: 700;}
.section .news-box .news-list .news-tit a {width: auto;}
.section .news-box .news-list .news-tit span::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.4rem; height: var(--size2); background-color: var(--pink); border-radius: var(--width2vw);}
.section .news-box .news-list .news-tit a {width: var(--size2-5); height: var(--size2-5); border: var(--bdGray2); font-size: var(--font20);}
.section .news-box .news-list ul {flex-direction: column;}
.section .news-box .news-list ul li {height: auto; margin-bottom: var(--size1-5);}
.section .news-box .news-list ul li:last-of-type {margin-bottom: 0;}
.section .news-box .news-list ul li a {display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: var(--font16); font-weight: 300;}

.section .stats-wrap {position: relative; display: block; padding: 3.2rem 0 9rem;}
.section .stats-wrap::before {content: ''; position: absolute; top: -9rem; left: -76rem; width: 111.278rem; height: 53rem; background: url(/images/egovframework/cmz/pub/2023/world_map.svg) no-repeat; background-size: cover; z-index: -1;}
.section .stats-wrap .stats-tit {display: inline-block; text-align: right;}
.section .stats-wrap .stats-tit span {display: block; font-family: var(--title); font-size: var(--font20); margin-bottom: var(--size1); color: var(--red); font-weight: 500;}
.section .stats-wrap .stats-tit h3 {font-family: var(--title); font-size: 4rem; margin-bottom: var(--width3vw); font-weight: 700;}
.section .stats-wrap .year {display: flex; align-items: center; margin-bottom: 2rem; font-size: 4.5rem; font-weight: 700; background: var(--gradi-redNavy3); color: transparent; -webkit-background-clip: text; line-height: 100%;}
.section .stats-wrap .year img {margin-right: 1.2rem; height: 3.9rem;}
.section .stats-wrap.eng .year {background: linear-gradient(180deg, var(--red) 0%, #12399F 83.12%); color: transparent; -webkit-background-clip: text; font-size: 8rem; font-weight: 600;}
.section .stats-wrap.eng .year img {height: 5.9rem;}
.section .stats-wrap .stats-result {position: relative; padding: var(--size2-5) var(--size4); background: var(--gradi-redNavy);}
.section .stats-wrap .stats-result ul {width: 82.7rem;}
.section .stats-wrap .stats-result ul li {width: auto; flex-direction: column; align-items: flex-start; margin-right: 3.3vw; color: var(--white);}
.section .stats-wrap .stats-result ul li:last-of-type {margin-right: 0;}
.section .stats-wrap .stats-result ul li h4 {font-family: var(--title); margin-bottom: 0.3rem; font-size: 1.3vw; font-weight: 100;}
.section .stats-wrap .stats-result ul li h4 span {display: inline-block; margin-left: 0.4rem; font-size: var(--font16);}
.section .stats-wrap .stats-result ul li .budget {font-family: var(--title); display: block; font-size: 1.8vw; font-weight: 500;}
.section .stats-wrap .stats-result ul li .budget .small {font-size: 2.6rem;}
.section .stats-wrap .stats-result .status-img {position: absolute; top: 50%; right: 0; width: 29.8vw; border-radius: var(--size1-5); transform: translateY(-50%); overflow: hidden;}
.section .stats-wrap .stats-result.eng li {margin-right: 4.8rem;}
.section .stats-wrap .stats-result.eng h4 {font-size: 1.1vw;}
.section .stats-wrap .stats-result .status-img img {width: 100%; height: 100%; background-size: cover; object-fit: cover;}

.section .stats-wrap .form .form-list fieldset {display: flex;}

.section .promobox {position: relative; height: 86.5rem;}
.section .promobox::after {content: ''; position: absolute; right: 11rem; bottom: -14.8rem; width: 71.7rem; height: 85rem; background: url(/images/egovframework/cmz/pub/2023/bg_pattern.png) no-repeat 100%; background-size: contain; z-index: -1;}
.section .promobox ul {position: relative; justify-content: center; max-width: 89rem;}
.section .promobox ul li {position: absolute; align-items: flex-start; width: 100%; height: auto;}
.section .promobox ul li .tit {font-size: 2.5rem; text-align: right; margin-right: 2rem; font-weight: 700; line-height: 3.6rem; color: #1D4279;}
.section .promobox ul li .tit span {font-weight: 400; line-height: 3.6rem;}
.section .promobox ul li a {border-radius: 6rem 0 6rem 0; overflow: hidden; box-shadow: 0.4rem 0.4rem 1rem 0 rgba(0,0,0,0.1);}
.section .promobox ul li a img {width: 100%; height: 100%; object-fit: contain; background-color: var(--white);}
.section .promobox ul li:nth-child(1) {position: relative; justify-content: flex-start; left: 0; margin-top: 26rem; flex-direction: column;}
.section .promobox ul li:nth-child(1) a {max-width: 53.2rem; height: 30rem;}
.section .promobox ul li:nth-child(1) a iframe {width: 100%; height: 100%;}
.section .promobox ul li:nth-child(1) .tit {position: relative; margin-bottom: 2rem;}
.section .promobox ul li:nth-child(1) .tit::before {content: ''; position: absolute; top: -2.5rem; left: -5rem; width: 18.5rem; height: 14.2rem; background: url(/images/egovframework/cmz/pub/2023/bg_pattern01.png) no-repeat; z-index: -1;}
.section .promobox ul li:nth-child(2) {justify-content: flex-end; top: 15rem; right: 0;}
.section .promobox ul li:nth-child(2)::after {content: ''; position: absolute; top: -9.5rem; right: -17.5rem; width: 22.4rem; height: 18.8rem; background: url(/images/egovframework/cmz/pub/2023/about_logo.svg) no-repeat 100% 100%; background-size: contain; z-index: -1;}
.section .promobox ul li:nth-child(2) a {width: 33rem; max-height: 45rem; border: 0.1rem solid #d7d7d7;}
.section .promobox ul li:nth-child(2) .tit {position: relative;}
.section .promobox ul li:nth-child(2) .tit::before {content: ''; position: absolute; top: -9rem; left: -7rem; width: 18.5rem; height: 14.2rem; background: url(/images/egovframework/cmz/pub/2023/bg_pattern02.png) no-repeat; z-index: -1;}
.section .promobox ul li:nth-child(2) .tit span {display: block;}


@media only screen and (max-width: 600px) {
    
    .section {position: relative; padding: 3.5vh 0;}
    .section .row .newsSlide {width: 100%; padding: 0 var(--size2-5) var(--size1); margin-bottom: 10vh; overflow: hidden;}
    .section .row .swiper-button-next {width: var(--size6); height: var(--size6); top: 7.3rem; right: -2.5rem !important; background-color: var(--red); border-radius: 5rem; color: var(--white); background-image: none;}
    .section .row .swiper-button-next::after {display: none;}
    .section .row .swiper-button-next i {margin-right: var(--size2-5);}
    
    .section .news-box {justify-content: flex-start; padding: 0;}
    .section .news-box .news-list {width: 100%; min-width: 100%; flex: auto; padding: 0; border-right: 0;}
    .section .news-box .news-list ul {width: 96%; align-items: baseline;}
    .section .news-box .news-list ul li {margin-bottom: var(--size1-5);}
    .section .news-box .news-list:last-of-type {border-bottom: 0;}
    .section .news-box .news-list .news-tit {display: inline-flex; margin-bottom: var(--size1-5); font-size: 2.3rem;}
    .section .news-box .news-list .news-tit span {margin-right: var(--size1);}
    .section .news-box .news-list .news-tit span::before {height: var(--size1-5);}
    
    .section .stats-wrap {display: flex; flex-direction: column; align-items: flex-end; width: 100%; padding: 0 0 8vh;}
    .section .stats-wrap::before {top: -11rem; left: -78rem;}
    .section .stats-wrap .year {font-size: 5.3rem; margin-bottom: 1rem;}
    .section .stats-wrap .year img {height: 4.3rem;}
    .section .stats-wrap.eng .year {flex-direction: column; align-items: flex-start; background: linear-gradient(180deg, var(--red) 50%, #12399F 83.12%); color: transparent; -webkit-background-clip: text; font-size: 13vw;}
    .section .stats-wrap.eng .year img {height: 11vw;}
    .section .stats-wrap .m-right {display: flex; flex-direction: column; width: calc(100% - var(--size5));}
    .section .stats-wrap .stats-tit {width: calc(100% - 11vw);}
    .section .stats-wrap .stats-tit span {text-align: right; margin-bottom: 0;}
    .section .stats-wrap .stats-tit h3 {margin-bottom: var(--size2); font-size: 8.2vw;}
    .section .stats-wrap .stats-result {display: flex; justify-content: center; width: 100%; height: auto; min-height: 18.7vh; padding: 5vw 0 5vw 7vw; background: linear-gradient(100deg, #D12433 60%, #3146A3 100%);}
    .section .stats-wrap .stats-result ul {width: 90%; flex-wrap: wrap; align-items: baseline;}
    .section .stats-wrap .stats-result ul li {height: auto; margin-right: var(--width3vw) !important; margin-bottom: var(--size1);}
    .section .stats-wrap .stats-result ul li:nth-child(2n+1) {width: calc(65% - 2.5rem); margin-right: 2.5rem !important;}
    .section .stats-wrap .stats-result ul li:nth-child(2n) {width: 31%; margin-right: 0 !important;}
    .section .stats-wrap .stats-result ul li:nth-last-of-type(1) {margin-bottom: 0;}
    .section .stats-wrap .stats-result ul li:nth-last-of-type(2) {margin-bottom: 0;}
    .section .stats-wrap .stats-result ul li h4 {font-size: 3.9vw; font-weight: 100;}
    .section .stats-wrap .stats-result ul li h4 span {font-size: 3.5vw;}
    .section .stats-wrap .stats-result ul li .budget {display: flex; font-size: 6.5vw; font-weight: 500;}
    .section .stats-wrap .stats-result ul li .budget .small {font-size: 5vw;}
    .section .stats-wrap .stats-result .status-img {position: absolute; top: 32vw; left: -5rem; width: calc(100% - 5rem); height: 26vh; transform: none; border-radius: 0; z-index: -1;}
    .section .stats-wrap .stats-result .status-img img {width: auto;}
    
    .section .stats-wrap .stats-result.eng h4 {font-size: 3.9vw;}
    .section .stats-wrap .stats-result.eng ul {width: 100%; align-items: center;}
    .section .stats-wrap .stats-result.eng ul li .budget {align-items: flex-end;}
    
    .section .stats-wrap .form {width: 100%; text-align: left; margin-top: 24.6vh; padding: 0 var(--size2);}
    .section .stats-wrap .form .form-list {flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
    .section .stats-wrap .form .form-list fieldset {width: 100%;}
    .section .stats-wrap .form .form-list fieldset:last-of-type {font-size: 1.7rem; margin-top: 0.5rem;}
    .section .stats-wrap .form .form-list .select {min-width: inherit; width: 70%;}
    .section .stats-wrap .tR {text-align: left; margin-top: var(--size1); font-weight: 300;}
    
    
    .section .promobox {height: auto; margin-bottom: 5rem;}
    .section .promobox::after {left: -6rem; right: 0; bottom: -1rem; width: 110vw;}
    .section .promobox ul {flex-direction: column-reverse; width: 100%; height: auto; margin-top: 50vw;}
    .section .promobox ul li {flex-direction: column; align-items: center; position: static;}
    .section .promobox ul li a {border-radius: 4rem 0 4rem 0;}
    .section .promobox ul li .tit {margin-right: 0; margin-bottom: 2rem; text-align: center; line-height: inherit; font-size: 6vw;}
    .section .promobox ul li .tit span {line-height: 2.2rem; font-size: 1.8rem;}
    .section .promobox ul li:nth-child(1) {position: static; margin: 0;}
    .section .promobox ul li:nth-child(1) a {max-width: 31rem; height: 19rem;}
    .section .promobox ul li:nth-child(1) .tit::before {display: none;}
    .section .promobox ul li:nth-child(2) {margin-bottom: 5rem;}
    .section .promobox ul li:nth-child(2) a {width: 23rem; height: 30rem;}
    .section .promobox ul li:nth-child(2) .tit::before {display: none;}
    .section .promobox ul li:nth-child(2)::after {top: -15rem; right: 0; width: 12.5rem;}
    
}

/* index-footer */
#footer {width: 100%; background-color: var(--white); padding: 0;}
.footer {display: flex; flex-direction: column;}
.footer .row {width: 72.9vw; justify-content: space-between;}
.footer .foot-info {display: flex; justify-content: center; align-items: center; height: 14.6rem; background-color: var(--white); font-size: var(--font16); font-weight: 300;}
.footer .foot-info .logo {width: 15.2rem; margin-right: var(--width2vw);}
.footer .foot-info .info {display: flex; align-items: center; justify-content: center; color: #929292;}
.footer .foot-info .info .copyright {margin-bottom: 0.2rem;}
.footer .foot-info .info .address {font-style: normal; margin-bottom: 0 !important;}
.footer .foot-info .info02 {display: flex; flex-direction: column; text-align: right; line-height: 1.5; color: var(--gray3);}
.footer .foot-info .info02 p {margin-bottom: 0;}
.sitemap {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: var(--size5); background-color: var(--navy2);}
.sitemap .row {margin-bottom: 0;}
.sitemap .tit {width: 50%; font-size: var(--font18);}
.sitemap .tit img {width: 3.4rem; margin-right: var(--width2vw);}
.sitemap li {height: var(--size6); border-right: var(--bdWhite); color: var(--white);}
.sitemap li .select {width: 100%; height: 100%; border: 0; padding: 0 var(--size2); color: var(--white); background: transparent url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_w.svg) no-repeat right var(--size1-5) center; margin-right: 0;}
.sitemap li .select.active {background: transparent url(/images/egovframework/cmz/pub/2023/ico_arrow_up_w.svg) no-repeat right var(--size1-5) center;}
.sitemap li .select optgroup {color: var(--navy2);}
.sitemap li .select option {display: block; color: var(--navy2); word-break: break-all; padding: var(--size1) 0; border-bottom: 1px solid #cacaca;}
.sitemap li:last-of-type .select {margin-right: 0; border-right: 0;}

.footer .row.eng {flex-direction: column-reverse;}
.sitemap.eng ul li:nth-child(1) {border-right: 0;}
.sitemap.eng .sns {display: flex;}
.sitemap.eng .sns a {margin-right: 1.5rem; border-radius: 50%;}
.sitemap.eng .sns a:last-of-type {margin-right: 0;}
.sitemap.eng .sns a img {width: 3.6rem; height: 3.6rem;}


@media only screen and (max-width: 1000px) {
    .footer .row {width: 90%;}
}
@media only screen and (max-width: 600px) {
    
    .footer .row {width: 100%; justify-content: center;}
    .footer .foot-info {padding: var(--width2vw); height: auto; padding: var(--size2-5);}
    .footer .foot-info .info {flex-direction: column; text-align: left; font-size: var(--font14); font-weight: 300;}
    .footer .foot-info .info div {text-align: center;}
    .footer .foot-info .info .address {text-align: center;}
    .footer .foot-info .info02 {text-align: center; margin-bottom: 3rem;}
    .footer .foot-info .info02 span {display: block;}
    .footer .foot-info .logo {width: auto; margin-right: 0; margin-bottom: var(--size1-5);}
    .footer.eng .row {flex-direction: column-reverse;}

    
    .sitemap .tit {display: none; width: 100%; padding: 0 var(--size2);}
    .sitemap .tit img {display: none;}
    .sitemap li {height: var(--size5); border-bottom: var(--bdWhite); border-right: 0; margin-bottom: 0;}
    .sitemap li:last-of-type .select {border-right: 0;}
    
    .sitemap.eng ul {position: relative;}
    .sitemap.eng ul li:nth-child(1) {position: absolute; bottom: -7rem; height: 4rem;}
    .sitemap.eng .sns {justify-content: center; width: 100%; height: 100%;}
    .sitemap.eng .sns a {width: auto;}
    .sitemap.eng .sns a:first-of-type {border: 0.1rem solid #ddd;}
    .sitemap.eng .sns a img {height: 100%;}
}


/* form */
.form {display: inline-block; text-align: right; margin-top: 1.8vh;}
legend {visibility: hidden; width: 0; height: 0;}
.form .form-list {display: flex;}
.form .rank-sub {display: block; margin-top: var(--size1); color: var(--white); font-size: var(--font15); line-height: 100%; text-align: left; font-weight: 100;}
.input-box {display: flex; width: 30rem; margin: var(--size3) 0 var(--size2) 0;}
.input-box select, .input-box input {padding: 0.5rem var(--size1); margin-right: 0.5rem; border: 1px solid var(--gray2); font-size: var(--font15);}
.input-box select {width: calc(35% - var(--size1-5));}
.input-box input {width: calc(65% - var(--size1-5));}
.input-box button {width: var(--size3); background-color: var(--gray3); border-radius: 0.3rem; color: var(--white);}

.iframebox {position: relative; overflow: hidden;}
.iframebox iframe {position: relative; top: -5.7rem;}

@media only screen and (max-width: 600px) {
    
    .input-box {width: 100%; margin: var(--size2) 0 var(--size2) 0;}
    
}

/* oda 통계 */
.oda-status-wrap {}
.top-login {display: flex; justify-content: center; padding-top: var(--size1-5);}
.top-login .row {justify-content: flex-end; margin-bottom: 1.6rem;}
.top-login a {min-width: 8.8rem; width: auto; height: 3rem; padding: 0 1.7rem; margin-right: 1rem; border-radius: 5rem; font-size: var(--font15); font-weight: 300; background-color: #2b5c8b; color: var(--white);}
.top-login a:last-child {margin-right: 0;}
.top-login a img {width: 1.5rem; margin-right: 0.5rem;}
.top-login .red {background-color: #ED3142;}

.top-wrap {margin-bottom: var(--size3);}
.top-wrap .row {align-items: flex-start;}
.top-wrap .main-tit {min-width: 35.4rem; height: 100%; margin-right: 6.2rem; font-weight: 700;}
.top-wrap .main-tit a {font-family: var(--title2); display: inline-flex; align-items: flex-end; position: relative; width: 100%; font-size: 5.5rem; color: transparent; background: var(--gradi-redNavy); -webkit-background-clip: text; line-height: normal;}
.top-wrap .main-tit a::before {content: ''; position: absolute; top: -1.8rem; left: 0; width: 7.5rem; height: 4.3rem; background: url(/images/egovframework/cmz/pub/2023/ico_status.svg) no-repeat right; background-size: contain; z-index: -1;}
.top-wrap .main-tit a::after {content: ''; position: absolute; bottom: 0; right: 0; width: 3.2rem; height: 2.1rem; background: url(/images/egovframework/cmz/pub/2023/ico_status02.svg) no-repeat right; background-size: contain; z-index: -1;}
.top-wrap .tab {height: auto; justify-content: flex-end;}
.top-wrap .tab li {max-width: 26rem; height: 8rem; margin-right: 1.5rem; background: linear-gradient(180deg, #F5F8FC 0%, #ECF3FD 100%); border-radius: 0.3rem var(--size1-5); overflow: hidden;}
.top-wrap .tab li a {flex-direction: column; justify-content: flex-start; justify-content: center;}
.top-wrap .tab li:first-of-type a {background: url(/images/egovframework/cmz/pub/2023/ico_tab_img01.png) no-repeat 25% 42%; background-size: 4.7rem 4rem;}
.top-wrap .tab li:first-of-type.active a,
.top-wrap .tab li:first-of-type a:hover {background: #1C5994 url(/images/egovframework/cmz/pub/2023/ico_tab_img01_on.png) no-repeat 25% 42%; background-size: 4.7rem 4rem;}

.top-wrap .tab li:nth-of-type(2) a {background: url(/images/egovframework/cmz/pub/2023/ico_tab_img02.png) no-repeat 25% 47%; background-size: 3.8rem 4rem;}
.top-wrap .tab li:nth-of-type(2).active a,
.top-wrap .tab li:nth-of-type(2) a:hover {background: #1C5994 url(/images/egovframework/cmz/pub/2023/ico_tab_img02_on.png) no-repeat 25% 47%; background-size: 3.8rem 4rem;}

.top-wrap .tab li:last-of-type {margin-right: 0;}
.top-wrap .tab li:last-of-type a {background: url(/images/egovframework/cmz/pub/2023/ico_tab_img03.png) no-repeat 25% 46%; background-size: 3.4rem 4rem;}
.top-wrap .tab li:last-of-type.active a,
.top-wrap .tab li:last-of-type a:hover {background: #1C5994 url(/images/egovframework/cmz/pub/2023/ico_tab_img03_on.png) no-repeat 25% 46%; background-size: 3.4rem 4rem;}

.top-wrap .tab li.active a {color: var(--white);}
.top-wrap .tab li a:hover {color: var(--white);}
.top-wrap .tab li a span {display: block; margin-bottom: 0.7rem; font-size: var(--font16); font-weight: 400; color: #7D89C7;}
.top-wrap .tab li a .tit {margin-left: 5rem; font-size: 2.8rem; font-weight: 600;}
.top-wrap .tab li.check {background: var(--navy3);}
.top-wrap .tab li.check a {color: var(--white);}

.bottom-wrap {position: relative; height: 68rem; background-color: var(--navy3); mix-blend-mode: color;}
.bottom-wrap .row {position: relative;}

.popup {display: none; position: fixed; top: 50%; left: 50%; max-width: 49rem; width: 100%; transform: translate(-50%,-50%); border: 0.1rem solid #78A9E3; z-index: 11;}
.popup .border {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 4.5rem 2rem; background-color: var(--white); border: 1.2rem solid #B1D5FF;}
.popup .title {margin-bottom: 2.4rem; font-size: 3rem; font-weight: 600;}
.popup .listbox {display: flex; flex-direction: column; align-items: flex-start;}
.popup .listbox .list {display: flex; flex-direction: column;}
.popup .listbox .list:nth-child(3n) {margin-right: 0;}
.popup .listbox .list dl {display: flex; justify-content: space-between; align-items: center; width: 30rem; border: 0.1rem solid #93AFD4; border-bottom: 0; background-color: var(--white); font-size: var(--font20); overflow: hidden;}
.popup .listbox .list:last-child dl:last-of-type {border-bottom: 0.1rem solid #93AFD4;}
.popup .listbox .list dl dt {display: flex; justify-content: center; align-items: center; min-width: 12rem; height: 4rem; background-color: #eef6ff;}
.popup .listbox .list dl dd {display: flex; align-items: baseline; padding-right: var(--size1-5); color: #07499E; font-weight: 600; font-family: monospace; font-size: 1.9rem;}
.popup .listbox .list dl span {display: flex; align-items: flex-end; height: 55%; font-size: var(--font16);}
.popup .btn {width: 9.4rem; height: 3.8rem; margin-top: 2rem; border-radius: 0.5rem; background-color: #2C3474; font-size: var(--font18); font-weight: 300;}
.popup .btn img {width: 1.2rem; margin-right: 1rem;}

.bottom-wrap::after {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100%; background: url(/images/egovframework/cmz/pub/2023/index_img02.png) no-repeat center; background-size: cover; opacity: 0.3; z-index: -1;}
.bottom-wrap .statusSlide {overflow: hidden;}

.bottom-wrap .rank-wrap {display: flex; align-items: center; margin-top: 3.5rem;}
.bottom-wrap .rank-wrap .rank-list {position: relative; width: auto !important; height: auto; margin-right: var(--size3) !important;}
.bottom-wrap .rank-wrap .rank-list:last-child {margin-right: var(--width5vw);}
.bottom-wrap .rank-wrap .rank-list .tit {font-family: var(--title); display: flex; justify-content: center; align-items: center; position: absolute; top: -2.5vw; left: 50%; width: 5.2vw; height: calc(2.5 * 1.29vw); transform: translateX(-50%); background-color: var(--blue); border-radius: 0.6rem; font-size: 2.5rem; color: var(--white); font-weight: 300; z-index: 1; cursor: pointer;}
.bottom-wrap .rank-wrap .rank-list .tit::before,
.bottom-wrap .rank-wrap .rank-list .tit::after {content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 0.6rem; background-color: var(--blue); z-index: -1;}
.bottom-wrap .rank-wrap .rank-list .tit::before {transform: translate(-50%, -50%) rotate(60deg);}
.bottom-wrap .rank-wrap .rank-list .tit::after {transform: translate(-50%, -50%) rotate(-60deg);}

.bottom-wrap .rank-wrap .rank-list .rank-sub {display: block; margin-top: var(--size1); color: var(--white); font-size: var(--font15); line-height: 100%; text-align: right; font-weight: 100;}
.bottom-wrap .rank-wrap .rank-list ol {position: relative; width: 16.4vw; min-height: 51rem; padding: 6.6rem var(--size2) 4vh; background-color: var(--white); border-radius: 0.5rem;}
.bottom-wrap .rank-wrap .rank-list ol li {flex-direction: column; align-items: flex-start; justify-content: space-between; margin-bottom: var(--size1-5);}
.bottom-wrap .rank-wrap .rank-list ol li:last-of-type {margin-bottom: 0;}
.bottom-wrap .rank-wrap .rank-list ol li .namebox {display: flex; width: 100%; cursor: pointer;}
.bottom-wrap .rank-wrap .rank-list ol li .name {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bottom-wrap .rank-wrap .rank-list ol li .progress {width: calc(100% - 2rem); margin-left: 2rem; background-color: #efefef;}
.bottom-wrap .rank-wrap .rank-list ol li .num {min-width: 3.4rem; text-align: right; color: var(--blue);}
.bottom-wrap .rank-title {margin-top: 12rem;}
.bottom-wrap .rank-title .tit {font-family: var(--title); font-size: var(--width4vw); color: var(--white); font-weight: 300;}
.bottom-wrap .rank-title .tit > span {display: block; margin-top: var(--size1); font-size: var(--size6); font-weight: 700;}
.bottom-wrap .rank-title .tit > span span {display: block; color: #E2FF33;}
.bottom-wrap .rank-title .tit > span .ng-binding {font-size: 4.8rem;}
.slide-btn {display: none !important;}

@media only screen and (max-width: 1000px) {
    
    .bottom-wrap .rank-wrap .rank-list ol {width: 20.4vw;}
}

@media only screen and (max-width: 600px) {
    
    .top-login {display: none; position: absolute; top: 5rem; right: var(--size2); padding: 0;}
    
    .top-wrap {height: auto; padding: var(--size6) var(--size1) var(--size2); margin-bottom: 0;}
    
    .top-wrap .main-tit {width: 100%; height: auto; font-size: 2.4rem; margin-bottom: var(--size1); margin-right: 0;}
    .top-wrap .main-tit::after {top: -2rem; right: -10rem; width: 9rem;}
    .top-wrap .main-tit a {width: auto; min-width: auto; font-size: 3.6rem; margin-bottom: 0;}
    .top-wrap .main-tit a::before {height: 3.4rem; top: -0.7rem; left: inherit; right: -7rem;}
    .top-wrap .main-tit a::after {display: none;}
    .top-wrap .tab li {height: 7rem; margin-right: var(--size1) !important; margin-bottom: 0;}
    .top-wrap .tab li:last-of-type {margin-right: 0 !important;}
    .top-wrap .tab li a {padding: 1.3rem 0.5rem;}
    .top-wrap .tab li:first-of-type a,
    .top-wrap .tab li:first-of-type.active a,
    .top-wrap .tab li:first-of-type:hover a {background-position: 50% 86%; background-size: 6vw;}
    .top-wrap .tab li:nth-of-type(2) a,
    .top-wrap .tab li:nth-of-type(2).active a,
    .top-wrap .tab li:nth-of-type(2):hover a {background-position: 50% 95%; background-size: 6vw;}
    .top-wrap .tab li:last-of-type a,
    .top-wrap .tab li:last-of-type.active a,
    .top-wrap .tab li:last-of-type:hover a {background-position: 50% 95%; background-size: 6vw;}
    .top-wrap .tab li.active a .tit {color: var(--white);}
    .top-wrap .tab li a span {font-size: var(--font16); margin-bottom: 0.3rem;}
    .top-wrap .tab li a .tit {font-size: var(--font18); margin-left: 0; margin-bottom: 2rem;}
    
    .popup {width: auto; height: auto;}
    .popup .border {padding: var(--size2);}
    .popup .title {font-size: 2.4rem;}
    .popup .listbox {height: 36rem; justify-content: center; border: 0.1rem solid #93AFD4; border-left: 0; overflow-y: scroll;}
    .popup .listbox .list {margin-right: 0;}
    .popup .listbox .list dl {width: 25rem; border-right: 0; font-size: var(--font20);}
    .popup .listbox .list dl:last-of-type {border-bottom: 0;}
    .popup .btn {width: 8rem; height: 3rem; font-size: var(--font16);}
    
    .bottom-wrap {height: auto; padding: var(--width4vw);}
    .bottom-wrap::after {min-height: 75vh; background-position: center top; background-size: contain;}
    .bottom-wrap .row {align-items: center; flex-direction: column-reverse;}
    .bottom-wrap .statusSlide {position: relative; width: 100%; max-width: 95vw; height: auto; padding: 0 var(--size2-5) var(--size3);}
    .bottom-wrap .rank-title {width: calc(100% - 20vw); margin-top: 2vh;}
    .bottom-wrap .rank-title .tit {font-size: var(--font20); font-weight: 100;}
    .bottom-wrap .rank-title .tit > span {display: flex; font-size: 7.5vw; margin-top: var(--width2vw); font-weight: 500;}
    .bottom-wrap .rank-title .tit > span span {display: flex; margin-left: var(--size1);}
    .bottom-wrap .rank-title .tit > span .ng-binding {font-size: 2.5rem;}
    .bottom-wrap .rank-wrap {padding: 0; height: auto; margin-top: 9.5rem;}
    .bottom-wrap .rank-wrap .rank-list {width: 100% !important;}
    .bottom-wrap .rank-wrap .rank-list .tit {top: -8.5vw; width: 10rem; height: var(--size6);}
    .bottom-wrap .rank-wrap .rank-list ol {width: 100%; min-height: auto; padding: 7.6rem var(--size3) var(--size3);}
    .bottom-wrap .rank-wrap .rank-list ol li {margin-bottom: 1.7rem;}
    .bottom-wrap .rank-wrap .rank-list ol li .num {display: block;}
    
    .bottom-wrap .slide-btn {display: flex; width: 5.5rem; height: 5.5rem; background-color: var(--blue2); border-radius: 50%; color: var(--white);}
    .bottom-wrap .swiper-button-prev::after, .swiper-button-next::after {font-size: 2.5rem; font-weight: 900;}
    
    .bottom-wrap .form {}
    .bottom-wrap .form .select {min-width: 50vw;}
    .slide-btn {display: flex !important; width: auto; min-width: 5.5rem;}
}


/* oda 이모저모 */
.oda-about {display: flex; justify-content: center; padding: 6rem 0;}
.oda-about .oda-about {padding: 0 var(--size4);}
.oda-about > .row {width: 126rem; flex-direction: column; border: 1px solid #A3C0E1; box-shadow: var(--shadow2); overflow: hidden;}
.oda-about .gray-tit {font-family: var(--title2); display: flex; align-items: center; flex-wrap: wrap; min-height: var(--size5); padding: 0.5rem var(--size4) 0; background-color: var(--bgGray); border: var(--bdGray3); border-left: 0; border-right: 0; font-size: 2.5rem; font-weight: 700; color: var(--blue2);}
.oda-about .gray-tit a {font-family: var(--title2); position: relative; width: auto; font-size: 2.5rem; font-weight: 700; color: var(--blue2);}
.oda-about .gray-tit a::after {position: absolute; left: 0; content: ''; display: block; width: 100%; height: var(--size5);}
.oda-about .gray-tit a.check {color: var(--blue2);}

.oda-about .about-title {display: flex; justify-content: space-between; padding: 0 6.4rem;}
.oda-about .about-title .tit {display: flex; align-items: center; height: 17rem; font-size: var(--width5vw); color: var(--navy); font-weight: 500;}
.oda-about .about-title a {display: flex; justify-content: space-between; align-items: start; width: auto;}
.oda-about .about-title p {margin-top: 2.5rem; font-size: var(--font18); text-align: right; color: var(--navy); font-weight: 400;}
.oda-about .about-title h1 {font-size: 5rem;}
.oda-about .about-title .tit img {height: 88%; margin-bottom: 2rem;}
.oda-about .about-title .tit h1 {font-family: var(--title2); margin-top: 1rem; margin-left: 4.2rem; font-size: 4.6rem; font-weight: 800; line-height: 4.8rem;}
.oda-about .about-title .tit h1 span {display: flex; font-family: var(--title2); color: var(--blue3);}
.oda-about .about-title .tit h1 span {color: var(--navy);}
.oda-about .about-title .tit h1 .fc-blue {font-family: var(--title2); color: var(--blue2);}
.oda-about .about-title .tit h1 .fc-blue2 {font-family: var(--title2); color: var(--blue3);}

.oda-about .conts {padding: 0 2rem;}
.oda-about .about-conts {}
.oda-about .about-conts .cont {justify-content: flex-start;}
.oda-about .about-conts .cont01 {display: flex; align-items: baseline; height: auto; margin-bottom: 0;}
.oda-about .about-conts .cont01 li {display: flex; flex: 1 1 50%; height: 33rem; border-right: var(--bdGray3); }
.oda-about .about-conts .cont01 li:last-of-type {border-right: 0;}
.oda-about .about-conts .cont01 li a {padding: var(--size1);}
.oda-about .about-conts .cont01 li a img {width: 100%; height: 100%; object-fit: contain;}

.oda-about .about-conts .flex {display: flex; flex-direction: column; justify-content: space-between; width: 50%;}
.oda-about .about-conts .cont02 {display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; height: auto;}
.oda-about .about-conts .cont02.height {height: 100%;}
.oda-about .about-conts .cont02 li {height: auto; flex: 1 1 50%; border: var(--bdGray3); border-left: 0; border-top: 0;}
.oda-about .about-conts .cont02 li a {min-height: 14rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 3.5rem 3rem 0 3rem;}
.oda-about .about-conts .cont02 li .tit {font-weight: 600; margin-bottom: 0.5rem; font-size: var(--font18); width: 15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.oda-about .about-conts .cont02 li .txt {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; color: var(--gray3); font-size: var(--font16); font-weight: 300; line-height: var(--size2-5); -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.oda-about .about-conts .cont02 li.video {height: 100%; justify-content: center; align-items: center; padding: var(--size3) 0; border-bottom: 0;}
.oda-about .about-conts .cont02 li.video div {width: 53.5rem; height: 30rem; border-radius: var(--size2); overflow: hidden; background-color: var(--bgGray);}
.oda-about .about-conts .cont02 li.video div iframe {width: 100%; height: 100%;}
.oda-about .about-conts .cont02 li.video .swiper-wrapper {border-radius: var(--size2); overflow: hidden; background-color: var(--bgGray); border: var(--bdGray3);}

.oda-about .about-conts .cont03 {display: flex; max-height: 14rem; min-height: 14rem;}
.oda-about .about-conts .cont03 .flex {display: flex;}
.oda-about .about-conts .cont03 li {align-items: baseline; border-right: var(--bdGray3);}
.oda-about .about-conts .cont03 li:nth-of-type(1) a {}
.oda-about .about-conts .cont03 li:nth-of-type(2) a {}
.oda-about .about-conts .cont03 li:nth-of-type(3) a {}
.oda-about .about-conts .cont03 li:nth-of-type(4) a {}
.oda-about .about-conts .cont03 li:nth-of-type(4) {border-right: 0;}
.oda-about .about-conts .cont03 li a {flex-direction: column; width: 100%; padding: 2.7rem 0; letter-spacing: 0.07rem; font-size: var(--font15); font-weight: 400; color: var(--gray5);}
.oda-about .about-conts .cont03 li a img {object-fit: fill; margin-bottom: 0.7rem;}

.oda-about .about-conts .cont04 {display: flex; justify-content: center; padding: 4rem;}
.oda-about .about-conts .cont04 li {width: auto;}
.oda-about .about-conts .cont04 li img {width: 100%; height: 100%; background-size: cover;}

.oda-about.pd2 {padding: 0 6.4rem 3.5rem 6.4rem;}
.oda-about .table a {justify-content: start;}
.oda-about .table a:hover {color: var(--navy);}
.oda-about .table th {text-align: center;}
.oda-about .table td {padding: 1rem 1.5rem}
.oda-about .defaultBoardDetailContent {min-height: 400px; font-size: var(--font20);}

.about-boxs {padding: var(--size2) var(--size4);}

@media only screen and (max-width: 600px) {
    
    .oda-about {padding: 0;}
    .oda-about .oda-about {padding: 0;}
    
    .oda-about > .row {flex-wrap: nowrap; box-shadow: none; border: 0;}
    .oda-about .gray-tit {min-height: 4rem; margin-bottom: 0; padding: 0.5rem var(--size2) 0; font-size: var(--font20);}
    .oda-about .gray-tit a {justify-content: flex-start; width: 100%; font-size: var(--font20);}
    .oda-about .gray-tit a::after {content: none;}
    
    .oda-about .about-title {justify-content: left; padding: 2.1rem var(--size2) 0;}
    .oda-about .about-title .tit {height: 10rem;}
    .oda-about .about-title .tit h1 {font-size: 2.6rem; margin-top: 2rem; margin-left: var(--size2); line-height: inherit;}
    .oda-about .about-title .tit img {width: 8.4rem; margin-bottom: 0;}
    .oda-about .about-title p {display: none;}
    
    .oda-about .about-conts {width: 100%; /*padding: var(--size1) var(--size1) var(--size4);*/}
    .oda-about .about-conts .cont01 {flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
    .oda-about .about-conts .cont01 li {height: 100%; border-bottom: var(--bdGray3); margin-bottom: 0;}
    .oda-about .about-conts .cont01 li:nth-of-type(2) {border-right: 0;}
    .oda-about .about-conts .cont01 li:nth-last-child(1) {border-bottom: 0;}
    .oda-about .about-conts .cont01 li:nth-last-child(2) {border-bottom: 0;}
    .oda-about .about-conts .cont01 li a {padding: 0;}
    .oda-about .about-conts .cont01 li a img {width: 70%;}
    
    .oda-about .about-conts .cont {display: block;}
    .oda-about .about-conts .flex {width: 100%;}
    
    .oda-about .about-conts .cont02 {display: block; align-items: baseline;}
    .oda-about .about-conts .cont02 li {position: relative; height: 100%; padding: var(--size2) 0; border-bottom: var(--bdGray3); border-right: 0; margin-bottom: 0;}
    .oda-about .about-conts .cont02 li .tit {width: 100%;}
    .oda-about .about-conts .cont02 li.video {padding: var(--size2-5);}
    .oda-about .about-conts .cont02 li.video div {width: 100%; height: 30vh;}
    .oda-about .about-conts .cont02 li a {min-height: auto; padding: 0 var(--size2-5);}
    .oda-about .about-conts .cont02 li .txt {}
    .oda-about .about-conts .cont02 li.video .swiper-wrapper {width: auto; height: auto;}

    .oda-about .about-conts .cont03 {flex-wrap: wrap; min-height: inherit; max-height: inherit;}
    .oda-about .about-conts .cont03 li {flex: 1 1 50%; height: auto; margin-bottom: 0;}
    .oda-about .about-conts .cont03 li:nth-of-type(1) {border-bottom: var(--bdGray3);}
    .oda-about .about-conts .cont03 li:nth-of-type(2) {border-bottom: var(--bdGray3); border-right: 0;}

    .oda-about .about-conts .cont04 {padding: var(--width4vw) var(--size2-5);}
    
    .oda-about .sub-content .conts {padding: 0;}
    .about-conts .oda-about form input {width: 100%; margin-bottom: 0.5rem;}
    .about-conts .oda-about form select {width: 100%; margin-bottom: 0.5rem; padding: 0 1rem;}
    
    .swiper-button-prev {left: 0 !important;}
    .swiper-button-next {right: 0 !important;}
    
    .about-boxs {padding: 0;}
    
}


/* quick menu */
.quick-menu {position: fixed; top: 11rem; right: 6vw; z-index: 3;}
.quick-menu ul {flex-direction: column;}
.quick-menu ul li {position: relative; width: 10rem; height: 10rem; margin-bottom: var(--size1); border-radius: 50%; overflow: hidden;}
.quick-menu ul li a {flex-direction: column; font-family: var(--title); position: relative; background-color: var(--white); border-radius: 50%; font-size: var(--font18); line-height: 1.5rem; font-weight: 500; text-align: center;}
.quick-menu ul li.blue {border: 0.4rem solid #C8F0FF;}
.quick-menu ul li.blue a {border: 0.4rem solid #009CD8;}
.quick-menu ul li.green {border: 0.4rem solid #C7F2C2;}
.quick-menu ul li.green a {border: 0.4rem solid #61C156;}
.quick-menu ul li.orange {border: 0.4rem solid #FFDBC9;}
.quick-menu ul li.orange a {border: 0.4rem solid #FF7A3D;}
.quick-menu ul li.gray {display: none;}
.quick-menu ul li:last-of-type {margin-bottom: 0;}

.quick-menu.eng {top: 18.5rem; right: 1.5vw;}
.quick-menu.eng ul li {width: 3.6rem; height: 3.6rem;}
.quick-menu.eng ul li a {width: 100%; height: 100%;}
.quick-menu.eng ul li a img {width: 100%; height: 100%;}
.quick-menu.eng ul li:nth-child(3) a {background: linear-gradient(180deg, #8640cd, #BA37AB 32%, #EE4C61 66%, #F9A241);}
.quick-menu.eng ul li:nth-child(3) a img {width: 60%; height: 60%;}

@media only screen and (max-width: 600px) {
    
    .quick-menu {position: absolute; top: 0; left: 0; right: 0; bottom: inherit;}
    .quick-menu ul {flex-direction: row; height: 3.6rem; /*background: linear-gradient(90deg, #CE2433 0%, #04497F 100%);*/}
    .quick-menu ul li {width: 100%; height: 100%; border-radius: 0; margin: 0;}
    .quick-menu ul li a {flex-direction: row; height: 100%; border-radius: 0; color: var(--white); font-size: var(--font14); font-weight: 400; letter-spacing: 0.07rem; background: transparent;}
    
    .quick-menu ul li.blue {border: 0;}
    .quick-menu ul li.blue a {border: 0; border-right: var(--bdWhite); background-color: #0185B8;}
    .quick-menu ul li.green {border: 0;}
    .quick-menu ul li.green a {border: 0; border-right: var(--bdWhite); background-color: #1DA60E}
    .quick-menu ul li.orange {border: 0;}
    .quick-menu ul li.orange a {border: 0; background-color: #E54D06}
    .quick-menu ul li.gray {display: block; position: static; width: 60%; margin-bottom: 0; border: 0; border-right: 0.1rem solid #ddd; border-bottom: 0.1rem solid #ddd;}
    .quick-menu ul li.gray:last-of-type {border-right: 0;}
    .quick-menu ul li.gray a {border: 0; background: var(--bgGray); color: var(--black);}
    .quick-menu ul li.gray.login {display: block;}
    
    .quick-menu.eng {top: 0; right: 0;}
    .quick-menu.eng ul li {width: 100%;}
    .quick-menu.eng ul li:nth-child(1) a {background-color: #2f4296;}
    .quick-menu.eng ul li:nth-child(2) a {background-color: #d12433;}
    .quick-menu.eng ul li:nth-child(3) a {background: url(/images/egovframework/cmz/pub/2023/insta_bg.png) no-repeat 100% 50%; background-size: cover; /*background: linear-gradient(180deg, #8640cd, #BA37AB 32%, #EE4C61 66%, #F9A241);*/}
    .quick-menu.eng ul li:nth-child(4) a {background-color: #2fb44a;}
    
}


/* lnb css */
.sub-box {justify-content: space-between; flex-direction: row !important;}
.left-menu {animation: fadeList 1.5s ease; min-width: 27rem; margin-right: 5.3rem; margin-top: 6.6rem; box-shadow: var(--shadow);}
.left-menu a {align-items: flex-start; font-size: var(--font18);}
.left-menu.eng a {font-size: var(--font16);}
.left-menu .title {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 9rem; margin-bottom: 0; background: linear-gradient(250.45deg, #D12433 34.89%, #A30E1A 85.83%); font-size: 2.8rem; font-weight: 500; color: var(--white);}
.lnb * {flex-direction: column;}

.lnb {flex-direction: column; height: auto !important; border: var(--bdGray1);}
.lnb li.one-depth {position: relative; height: auto;}
.lnb > li > a {height: auto; padding: 0 var(--size2); min-height: 5.8rem; border-top: 0; border-bottom: var(--bdGray1); background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_r.svg) no-repeat 92%; background-size: 1.2rem;}
.lnb > li.none > a {background: var(--white);}
.lnb > li:first-of-type > a {border-top: 0;}
.lnb > li:last-of-type > a {border-bottom: 0;}
.lnb > li.active > a {background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_up_b.svg) no-repeat 92%; background-size: 1.2rem;}
.lnb > li.active ul.two-depth {display: flex;}
.lnb > li.active ul.two-depth:last-of-type {border-bottom: var(--bdGray2);}
.lnb > li:last-of-type ul.two-depth:last-of-type {border-bottom: 0;}

.lnb ul.two-depth {display: none; font-weight: 500;}
.lnb ul.two-depth > li > a {padding: 1rem 3.8rem; min-height: 4rem; background-color: var(--bgGray); font-weight: 300; letter-spacing: -0.13rem;}
.lnb ul.two-depth > li:first-of-type > a {padding-top: var(--size2);}
.lnb ul.two-depth > li:last-of-type > a {padding-bottom: var(--size2);}
.lnb ul.two-depth > li:hover > a {font-weight: 500;}
.lnb ul.two-depth > li.active > a {font-weight: 500;}
.lnb ul.two-depth.active ul.three-depth {display: flex;}

.lnb ul.three-depth {display: none; background-color: var(--white); padding: 1rem 0;}
.lnb ul.three-depth li a {position: relative; padding: 0 4.8rem; min-height: 4rem; background-color: var(--white); color: var(--gray3); font-weight: 300;}
.lnb ul.three-depth li a::before {content: ''; position: absolute; top: 50%; left: 3rem; transform: translateY(-50%); width: 0.6rem; height: 1rem; background: url(/images/egovframework/cmz/pub/2023/lnb_right_bullet.svg) no-repeat 100%;}
.lnb ul.three-depth li a:hover {color: var(--red);}

@media only screen and (max-width: 600px) {
    
    .sidebar {width: 100%;}
    .left-menu {width: 100%; max-height: inherit; margin: 0; animation: none;}
    .left-menu .title {height: 7rem; font-size: 2.6rem;}
    
    .lnb {display: flex !important; flex-direction: row; flex-wrap: wrap; margin-bottom: 0;}
    .lnb li {margin-bottom: 0;}
    .lnb > li {max-width: 33.33%; margin-bottom: 0;}
    .lnb > li > a {display: block; position: relative; width: 100%; min-height: 5rem; border-bottom: 0; padding: var(--size1-5) 3rem 1rem var(--size1-5); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--font16);}
    .lnb > li > a::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 2rem; background-color: var(--gray2);}
    .lnb > li:nth-of-type(3n) > a::after {display: none;}
    .lnb > li:last-of-type > a::after {display: none;}
    .lnb li.one-depth.active ul.two-depth {position: absolute; top: 5rem; z-index: 1;}
    .lnb li.one-depth:last-of-type ul.two-depth:last-of-type {border-bottom: var(--bdGray2);}
    
    .lnb ul.two-depth {height: auto; border: var(--bdGray3);}
    .lnb ul.two-depth > li {margin-bottom: 0;}
    .lnb ul.two-depth > li > a {padding: 0 var(--size1); border-bottom: var(--bdGray2); font-size: var(--font15);}
    .lnb ul.two-depth > li:last-of-type a {border-bottom: 0;}
    
    .lnb ul.three-depth li a {min-height: 2rem; padding: 0 var(--size2-5); font-size: var(--font14);}
    .lnb ul.three-depth li a::before {left: var(--size1-5);}
}


/* 컨텐츠 들어가는 부분 */
.sub-box {letter-spacing: 0;}
.sub-content {width: 100%; animation: fadeList 1s ease; animation-delay: 0.2s;}
.sub-content .conts {padding: 3.8vw 2vw;}
.top-title {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; min-height: 15.1rem; height: 100%; border-bottom: 0.4rem double #BACEE9; padding: 3.5rem 4rem 2.8rem 0; background: url(/images/egovframework/cmz/pub/2023/top_title_img.svg) no-repeat left 1.3rem; background-size: 28.6rem; font-size: 3rem; font-weight: 500;}
.top-title sup {margin-bottom: 0.6rem; color: var(--gray3); font-size: var(--font20); font-weight: 400; line-height: 100%;}
.top-title div {display: flex;}
.top-title div .fc-blue {color: var(--navy);}
.top-title div .fc-navy {color: var(--navy2); margin-left: var(--size1);}
.top-title div .size-l {font-size: 4rem; font-weight: 700;}

.location {margin-top: 3.8rem; margin-bottom: var(--size2);}
.location ul li {position: relative; width: auto; margin-right: var(--size1-5);}
.location ul li.home a {min-width: 2rem; background: url(/images/egovframework/cmz/pub/2023/ico_home.svg) no-repeat left 44%; text-indent: -9999px;}
.location ul li::after {content: '>'; position: absolute; top: 50%; right: -0.7vw; transform: translateY(-55%); font-weight: 100;}
.location ul li:first-of-type a {padding-left: 0;}
.location ul li:last-of-type::after {display: none;}
/* .location ul li:last-of-type a {color: var(--black); font-weight: 500;} */
.location ul li a {padding: 0 0.5rem; font-size: var(--font16); color: var(--gray3); font-weight: 300;}

.contentTitle {font-size: 3.5rem; margin-bottom: var(--size3); font-weight: 600; color: var(--navy2);}
.minorHeading {position: relative; margin-top: 4.5rem; margin-bottom: var(--size2); padding-left: var(--size2); font-size: var(--size2-5); font-weight: 500; color: var(--black);}
.minorHeading::before {content: ''; position: absolute; top: 50%; left: 0; width: 1rem; height: 2.4rem; transform: translateY(-50%); background: url(/images/egovframework/cmz/pub/2023/title_s_bullet.svg) no-repeat 100%; background-size: 0.8rem;}
.title-s02 {font-size: var(--font20); font-weight: 500;}
.paragraph {margin-bottom: var(--size3); line-height: 3rem; font-size: var(--font16); font-weight: 300;}
.law-wrap {padding: var(--size4) var(--size2); border: var(--bdGray2);}
.law-wrap a {margin-bottom: var(--size2);}
.law-wrap a:last-of-type {margin-bottom: 0;}
.law-wrap a dl {width: 100%; padding: var(--size2) var(--size4); background-color: var(--navy2); color: var(--white); font-weight: 200;}
.law-wrap a dl dt {font-size: var(--font20); margin-bottom: var(--size1);}
.law-wrap a dl dd {opacity: 0.5;}


@media only screen and (max-width: 600px) {
    
    .sub-content {padding: var(--size1) var(--size1) var(--size4);}
    .conts {padding: var(--size1-5) 3.8vw 7rem;}
    
    .contentTitle {font-size: 3.5vh; margin: 6vh 0; text-align: center;}
    .top-title {width: 100%; height: 100%; min-height: auto; font-size: var(--font20); padding: 2rem var(--size2) var(--size2); background-position: 0.8rem 100%; background-size: 16rem; font-size: var(--font20); text-shadow: 0 0 0.4rem var(--white);}
	.top-title > div {flex-direction: column;}
	.top-title p {margin-bottom: 0;}

    .top-title div {display: block;}
    .top-title div .size-l {font-size: var(--size2-5);}
    .top-title.eng div .fc-navy {margin-left: var(--size2);}
    
    .location {margin-top: 2rem; margin-bottom: 0;}
    .location ul li {margin-bottom: 0;}
    .location ul li.home a {min-width: var(--size2-5);}
    .location ul li a {padding: 0 var(--size1);}
    
    .conts {}
    .conts form .select {min-width: 100%; width: 100%; margin-bottom: 0.5rem; margin-right: 0;}
    .conts form .input {width: 100%;}
    
	.logo li {display: block; margin-bottom: var(--size1) !important;}
	.logo li:last-of-type {margin-bottom: 0 !important;}
}


/* table 게시판 리스트 */
caption {visibility: hidden; width: 0; height: 0;}
.table {table-layout: fixed; margin: var(--size2) 0 var(--size1); border-top: 0.2rem solid var(--black); font-size: var(--font16);}
.table.center td {text-align: center;}
.table thead th {padding: 1rem 0; background-color: var(--bgGray); border: var(--bdGray2); border-top: 0; border-left: 0; text-align: center;}
.table thead tr:first-of-type th:last-of-type {border-right: none;}
.table thead tr:last-of-type th:last-of-type {border-right: none;}

.table tbody th {padding: var(--size1) var(--size2); background-color: var(--bgGray); text-align: center; border-top: 0;}
.table tbody td {padding: var(--size1) var(--size1-5); border: var(--bdGray2); border-top: 0; border-left: 0; font-weight: 300;}
.table tbody td:nth-child(2) {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.table tbody td:last-of-type {border-right: 0 !important; border-left: var(--bdGray2);}
.table tbody td.center {text-align: center;}
.table tbody td.bg-blue {background-color: #F2F6FB;}
.table tbody tr td:last-of-type {border-right: none;}
.table td {vertical-align: middle;}
.table td a {display: block; width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}

.table tfoot tr td {padding: 1rem 0; background-color: var(--bgGray); text-align: center; border: var(--bdGray3); border-top: 0; border-left: 0;}
.table tfoot tr td:last-of-type{border-right: none;}
.sources {color: var(--gray3); font-size: var(--font15); font-weight: 300;}

@media only screen and (max-width: 600px) {
    
    .table {margin-top: 0;}
    
    .oda-about > .form {text-align: left;}
    .oda-about > .table a {display: block; width: 85%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 2.5rem 0 4rem;}
    .oda-about > .table,
    .oda-about > .table td {border: 0; display: block;}
    .oda-about > .table thead th {display: none;}
    .oda-about > .table tbody {display: block; width:100%;}
    .oda-about > .table tbody tr {display: block; position: relative; width: 100%; height: 7.5rem; border-bottom: 1px solid var(--gray1);}
    .oda-about > .table tbody tr:first-of-type {border-top: 1px solid var(--gray1);}
    .oda-about > .table tbody td {display: block; position: absolute; /* width: 100%; */}
    .oda-about > .table tbody tr td:nth-of-type(1) {display: block;}
    .oda-about > .table tbody tr td:nth-of-type(2) {top: 0;left: 0; right: 0;}
    .oda-about > .table tbody tr td:nth-of-type(3) {left: 0; bottom: 0;}
    .oda-about > .table tbody tr td:nth-of-type(4) {right: 0;bottom: 0;}
    .oda-about > .table tbody tr td:nth-of-type(5) {display: none;}
    .oda-about > .table tbody tr td:nth-of-type(6) {top: 0; right: 0;}
    
    .table td img {width: 100% !important; height: unset !important; object-fit: contain;}
    .m_none {display: none!important;}
    
}


/* 게시판 info */
.sub-content-info {width: 100%; margin-top: var(--size1); color: var(--gray3);}
.sub-content-info .table tbody td:last-of-type {border-left: 0;}
.sub-content-info .table th {padding: var(--size1) var(--size1-5); background-color: var(--bgGray); border: 1px solid var(--gray2); border-left: 0; border-bottom: 0; text-align: left; font-size: var(--font16); color: var(--navy2); font-weight: 600;}
.sub-content-info .table td {border-width: 1px 0 1px 0; border-style: solid; border-color: var(--gray2);}
.sub-content-info .table tr td:nth-of-type(2n + 1) {border-right: 0.1rem solid var(--gray1)}
.sub-content-info .table tr td:nth-of-type(3) {border-left: 0.1rem solid var(--gray1);}
.sub-content-info .table tr:last-child td:last-child {border-right: 0;}
.sub-content-info .table td img {width: 100%; height: 100%; background-size: 10%; margin-right: 0.5rem;}
.sub-content-info .table td a {display: block; width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sub-content-info .table td a:hover {color: var(--navy);}
.sub-content-info > div {padding: var(--size2) 0;}
.sub-content-info div p {font-size: var(--font15); line-height: 1.75;}
.sub-content-info div p + img {margin-top: var(--size2);}
.sub-content-info div img {width: 100%; margin: auto; text-align: center;}
.sub-content-info div + table td {padding: var(--size1-5);}
.sub-content-info button {margin-top: var(--size2); float: right;}

@media only screen and (max-width: 600px) {
    
    .sub-content-info {margin-top: 0;}
    .sub-content-info table th {padding: var(--size1); font-size: var(--font18);}
    .sub-content-info table td {padding: 0.5rem; margin: 0; font-size: 1.2rem;}
    .sub-content-info .table td img {margin-right: 0;}
    .sub-content-info > div {padding: 0;}
    .sub-content-info div + table td {padding: var(--size1);}
    .sub-content-info div img {width: 100%;}
    .sub-content-info button {font-size: var(--size1-5);}
    
}


/* 포토게시판 */
.thumb {border-top: 0.2rem solid var(--black); margin-top: var(--size4); padding-top: var(--size3);}
.thumb ul {display: flex; flex-wrap: wrap; -webkit-box-lines: multiple; -ms-flex-wrap: wrap;}
.thumb ul li {max-width: calc((100% / 4) - 1.5rem); min-height: 25rem; flex-direction: column; justify-content: flex-end; margin: 0 2rem 2rem 0; border: var(--bdGray2);}
.thumb ul li:nth-of-type(4n) {margin-right: 0;}
.thumb ul li:nth-last-of-type(1) {margin-bottom: var(--size2);}
.thumb ul li a {width: 100%; height: 15vh; overflow: hidden;}
.thumb ul li a:hover img {transform: scale(1.2); transition: 0.5s;}
.thumb ul li a img {width: 100%; height: 100% !important; object-fit: contain;}
.thumb ul li dl {display: block; width: 100%; padding: var(--size2) var(--size1) var(--size1); margin-bottom: 0;}
.thumb ul li dl dt {display: block; margin-bottom: var(--size1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--font15);}
.thumb ul li dl dd {display: flex; flex-direction: column; font-size: var(--font16); font-weight: 300;}
.thumb ul li dl dd span {color: var(--gray3);}
.thumb ul li dl dd .tbumb-name {}
.thumb ul li dl dd .tbumb-date {}
.thumb ul li dl dd .tbumb-count {}

@media only screen and (max-width: 600px) {
    
    .thumb {padding: var(--size3) var(--size1) 0;}
    .thumb ul li {max-width: inherit; width: calc(50% - 1rem); flex: 1 1 46%; min-height: auto; margin: 0 1rem 1rem 0 !important;}
    .thumb ul li:nth-of-type(2n) {margin-right: 0 !important;}
    .thumb ul li a {}
}



/* 통계 공통 */
.odaStats {display: flex; flex-direction: column; align-items: center; background-color: #e0e9ef; padding: var(--size2);}
.odaStats .row {flex-direction: column;}
.odaStats .row p {display: flex; align-items: center; margin: 1rem 0 0 1.5rem; font-size: var(--font16);}

.promotion {position: absolute; top: 2rem; right: 0; width: auto; height: auto; padding: 0;}
.promotion img {width: 16rem;}

.indexTitle {display: flex; justify-content: space-between; background: url(/images/egovframework/cmz/pub/2023/bg_title.png) no-repeat left top; padding-left: 2.4rem; font-size: 3rem; color: var(--black); font-weight: 700;}
.indexTitle::before {content: ''; position: absolute;}
.indexTitle span {font-size: var(--font20);}
.indexTitle .btn {max-width: inherit; height: 3.2rem; padding: 0 1rem; border-radius: 0.5rem; background-color: var(--blue);}
.indexTitle .exchange {display: flex; justify-content: center; align-items: center; margin-left: 1.5rem; font-size: 1.6rem; font-weight: 500; color: var(--blue);}

.ng-pristine p {margin-top: var(--size2);}
.formRange {flex-wrap: wrap;}
.formRange li {width: auto; margin-left: 0;}
.formRange li label {display: flex; justify-content: flex-end; align-items: center; min-width: 9rem; padding-right: 1rem; font-size: var(--font18); color: var(--black);}
.formRange li button {min-width: 12rem; text-align: center; color: var(--white); height: 4rem; border-radius: 0.5rem; background-color: var(--navy2); font-size: var(--font16);}
.formRange li button img {margin-right: 0.5rem; position: relative; top: -0.1rem;}
.formRange li .inputWrap {display: flex; align-items: center; width: 100%;}
.formRange li .inputWrap select {min-width: 16.1rem;}
.formRange li .inputWrap select:last-of-type {margin-left: 0.5rem; margin-right: 0;}
.formRange .select {min-width: 16.5rem;}

@media only screen and (max-width: 1000px) {
    
    .odaStats form.ng-valid.ng-pristine {display: flex; justify-content: center; width: 100%;}
    
}

@media only screen and (max-width: 600px) {
    
    .odaStats {padding: var(--size2);}
    .odaStats .row {padding: 0;}
    .odaStats form {padding: 0;}
    
    .indexTitle {flex-wrap: wrap; padding-left: 1.5rem; font-size: 2.2rem; background-size: 0.5rem 2.2rem;}
    .indexTitle p {margin-top: 0.5rem; margin-left: 0;}
    .indexTitle a {height: auto;}
    .indexTitle a img {width: 12rem;}
    .indexTitle .btn {font-size: var(--font14);}
    
    .formRange {flex-direction: column;}
    .formRange li {width: 100%; margin-left: 0 !important; margin-bottom: var(--size1);}
    .formRange li label {min-width: 8rem}
    .formRange li .inputWrap select {width: 100% !important; min-width: inherit;}
    .formRange li select {width: 100%;}
    .formRange li select:last-child {margin-right: 0;}
    .formRange li button {min-width: 8rem;}
}


/* 종합현황 */
.statsView {padding: var(--size1) var(--size2); background-color: var(--navy2);}
.statsView .modal {display: none;}
.statsView .modal .video {position: relative; top: 50%; width: calc(100% - 2rem) !important; max-width: 93rem; transform: translateY(-50%);}
.statsView .modal .video a {position: absolute; top: 0.5rem; right: 0.5rem; width: 4rem; height: 4rem; z-index: 1;}
.statsView .row {width: auto !important;}
.statsView ul {display: flex; flex-wrap: wrap; justify-content: center; }
.statsView ul li {flex-direction: column; justify-content: center; align-items: center; width: 28.5rem; height: 10.5vh; min-height: 10rem; margin-right: var(--size3); border-radius: 2rem; background-color: var(--bgGray2); color: var(--white);}
.statsView ul li span {display: block; font-size: 2.2rem; margin-bottom: var(--size1);}
.statsView ul li b{font-size: 4vh; font-weight: 700;}
.statsView ul li:nth-child(1) b {color: #00b6ff;}
.statsView ul li:nth-child(2) b {color: #9fff54;}
.statsView ul li:nth-child(3) b {color: #fdc655;}
.statsView ul li:nth-child(4) b {color: #ff7540;}
.statsView ul li:last-of-type {margin-right: 0;}

.mapArea {display: flex; justify-content: center; position: relative; width: 100%; height: 45vh; background-color: var(--bgSkyblue);}
.mapArea .row {position: relative; height: 100%;}
.mapColor {display: flex; justify-content: center; height: 2.5rem; background-color: var(--bgSkyblue);}
.mapColor .row > div {display: flex; justify-content: flex-end; align-items: center; width: 20rem; padding: 0 var(--size1); font-size: var(--font14); color: var(--white); background-image: linear-gradient(to right, transparent, var(--navy));}
.mapColor .row {justify-content: flex-end; height: 100%; background-color: var(--bgSkyblue);}
.mapColor .red {background-image: linear-gradient(to right, transparent, #8B0000) !important;}
.mapColor .blue{background-image: linear-gradient(to right, transparent, #3b59b1) !important;}
.mapColor .green {background-image: linear-gradient(to right, transparent, #127912) !important;}
.mapColor .purple {background-image: linear-gradient(to right, transparent, #673ab7) !important;}
.mapColor div.gray {display: flex; justify-content: center; align-items: center; width: 8rem; font-size: var(--font14); background: #dcdcdc; color: var(--black);}

@media only screen and (max-width: 600px) {
    
    .statsView {display: flex; flex-direction: column-reverse;}
    .statsView .modal {margin: 0 0 var(--size2) !important;}
    .statsView .row {width: 100%;}
    .statsView ul li {width: 100%;}
    .statsView ul li span {font-size: 2.4rem;}
}

.layerInfo {position: absolute; width: 647px; background-color: var(--white); box-shadow: 0 1rem 1rem rgba(0,0,0,0.1); z-index: 30;}
.layerInfo:after {content: ""; position: absolute; top: -2.7rem; left: 50%; display: block; background: url(/images/egovframework/cmz/pub/2023/img_layerArrow.png) no-repeat 0 0; width: 2.1rem; height: 2.7rem; margin-left: -1rem;}
.layerInfo .infoHead {color: var(--white); background-color: var(--navy2); height: 5rem;}
.layerInfo .infoHead .title {display: flex; align-items: center; height: 100%; font-size: 2.8rem; padding-left: var(--size3); font-weight: 600;}
.layerInfo .locationTxt {background: url(/images/egovframework/cmz/pub/2023/bg_point.png) no-repeat; position: absolute; top: -53px; left: 50%; margin-left: -1rem; padding: var(--size2) 0 0 10rem; font-size: 2.7vh; color: var(--navy3);}
.layerInfo .closeLayer {position: absolute; right: 0; top: 0; width: 5rem; height: 5rem; text-align: center;}
.layerInfo ul li {display: flex; flex-direction: column; justify-content: center; width: 25%; height: 16vh; margin-bottom: 0; border-left: 0.1rem dotted var(--black); font-size: 2.4vh; color: var(--black);}
.layerInfo ul li b {display: block; margin-top: var(--size1); font-size: 3vh; font-weight: 600; text-align: center; color: var(--blue);}
.layerInfo ul li:first-child {border: none;}

@media only screen and (max-width: 600px) {
    
    .layerInfo {/*width: calc(100% - 2rem); left: auto !important;*/}
    .layerInfo .infoHead .title {font-size: 2.4rem;}
    .layerInfo .infoHead .title span:nth-of-type(2) {margin-top: 0.5rem;}
    .layerInfo ul li {height: 11vh; font-size: var(--size2);}
    .layerInfo ul li b {font-size: 2.6rem;}
    
}


/* 수원국별 */
.rankArea {display: flex; justify-content: center; position: relative; padding: var(--size4) var(--size2) 3.5rem; background: #d8e9f6 url(/images/egovframework/cmz/pub/2023/bg_rank.png) no-repeat 50% 0; background-size: cover;}
.rankArea .row {flex-direction: column;}
.rankArea .tableBox {background: var(--white); padding: var(--size3); margin-top: var(--size4); border-top: 0.3rem solid var(--navy2); border-top: 0.2rem solid var(--navy2);}
.rankArea .tableBoxScroll {overflow:scroll;	height: 53rem; padding: var(--size3); margin-top: 4rem; border-top: 0.2rem solid var(--navy2); background-color: var(--white);}

.pieView {display: flex; justify-content: center; padding: var(--size1-5); background-color: var(--navy3);}
.pieView .row {padding: 0;}
.pieView .row div {width: 100%; border-radius: 0.7rem; background: rgba(0,0,0,0.3) url('/static/statsPortal/img/world-map.png') center no-repeat !important;}
#chart {width: 100% !important; height: 460px !important;}
.k-list {display: block;}
.k-window {position: fixed !important; top: 50% !important; left: 50% !important; transform: scale(1) translate(-50%, -50%) !important;}
.k-state-selected {border-color: transparent transparent var(--blue2) !important;}
.k-input {min-height: 4rem; line-height: 2 !important; padding-right: 0 !important; background-color: var(--white) !important; font-size: var(--font16) !important;}
.k-input.ng-valid.ng-dirty {height: 100% !important; line-height: inherit !important; padding-right: 10px;}
.k-dropdown .k-state-default {background-color: transparent !important;}
.k-dropdown-wrap.k-state-default {height: 4rem; border-radius: 0 !important; border-color: var(--gray2) !important; background-color: transparent !important;}
.k-state-disabled {background-color: transparent !important;}
.k-pager-wrap {display: flex !important; align-items: center !important;}
.k-pager-numbers {width: auto !important;}
.k-animation-container {width: auto !important;}
.k-list-container.k-popup.k-group {width: 100% !important;}
.k-listbox .k-item,
.k-popup .k-list .k-item {font-size: var(--font14) !important;}
.k-i-arrow-60-down {display: none !important;}
.k-list-filter {width: 100% !important;}
.k-list-filter > .k-textbox {width: 100% !important; font-size: var(--font16);}
label + .k-widget {width: 16.4rem !important; border: none !important;}

.rightTab {position: absolute; right: 13.3vw; width: auto !important; height: auto !important; white-space: nowrap;}
.rightTab li {background: #f5f5f5; margin: 0 0.1rem;}
.rightTab li a {display: block; padding: var(--size1) var(--size2);}
.rightTab li.active {background: var(--navy2);}
.rightTab li.active a {color: var(--white);}

.contentsArea {background-color: var(--bgSkyblue);}
.table-default {table-layout: fixed;}
.table-default caption {visibility: hidden; width: 0; height: 0;}
.table-default td,
.table-default th {position: relative; padding: var(--size1) 0.5rem; border-bottom: 0.1rem solid #acbbc7;}
.table-default td:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0.1rem; height: 0.7rem; border-left: 0.1rem solid #acbbc7;}
.table-default td:first-child:after {display: none;}
.table-default th {color:var(--navy2); text-align: center;}
.table-default td .bt-cell {height: 2.4rem;}
.table-default td .bt-cell span {display: inline-block;	width: calc(100% - 50px); height: 2.4rem; padding-right: 0.5rem;}
.table-default td .bt-cell > button {background: var(--blue2); padding: 0.5rem; border-radius: 0.5rem; margin-top: -0.2rem;}

@media only screen and (max-width: 1000px) {
    
    .rightTab {right: 6.3vw;}
    .k-link.k-pager-nav {display: flex !important; justify-content: center !important; align-items: center !important; height: 3.6rem !important; padding: 0 !important;}
    
}
    
@media only screen and (max-width: 600px) {
    
    .rankArea {padding-top: 6rem;}
    .rankArea .row {width: 100%;}
    .rankArea .tableBox {padding: 0 var(--size1); margin-top: var(--size1);}
    .rankArea .tableBoxScroll {padding: 0 var(--size1);}
    
    .k-pager-wrap {justify-content: space-evenly;}
    .k-pager-numbers {width: auto !important;}
    .k-pager-numbers.k-reset {width: 38% !important;}
    .k-pager-numbers .k-current-page {margin-bottom: 0 !important;}
    .k-pager-numbers .k-current-page .k-pager-nav {display: flex; justify-content: center; align-items: center; height: 4rem;}
    .k-pager-nav {width: auto !important;}
    .k-window {width: calc(100% - 2rem) !important;}
    .k-grid td {padding: var(--size1) 0.5rem; border-width: inherit;}
    .k-grid-content tbody tr td span {font-size: var(--font14);}
    .k-dropdown-wrap.k-state-default {max-width: inherit; min-width: inherit;}
    label + .k-widget {width: 100% !important;}
    
    .rightTab {top: 2rem; right: 4vw;}
    .rightTab li a {padding: 0.5rem var(--size2);}
    
    .table-default td,
    .table-default th {padding: var(--size1) 0;}
    .table-default thead th:nth-of-type(1) {width: 11rem;}
    .table-default thead th:nth-of-type(2) {width: 10rem;}
}


/* 심층분석 */
.flexForm h3 {font-size: 2.8rem;}
.flexForm > ul {margin-top: var(--size1);}
.flexForm > ul li {max-width: 33.3%; text-align: right;}
.flexForm .select {min-width: fit-content;}
.flexForm > ul li label {display: flex; justify-content: flex-end; width: 10.5rem !important; padding-right: 1rem; font-size: var(--font18); color: var(--black);}
.flexForm > ul li .inputWrap {display: flex; align-items: center; width: calc(100% - 9vw); text-align: left;}
.inputWrap > span {width: 100% !important; height: 4rem; margin-right: 0.5rem; border: none !important; box-sizing: border-box; overflow: hidden; border: var(--bdGray2); border-radius: 0 !important; background: #fff url(/images/egovframework/cmz/pub/2023/img/ico_arrow_bottom_b.svg) no-repeat calc(100% - 1.5rem) center; background-image: url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_b.svg) !important;}
.flexForm > ul li .inputWrap > span:last-of-type {margin-right: 0;}
.flexForm > ul li .inputWrap.withBt {width: calc(100% - 14rem);}
.flexForm > ul li .delGrp {width: 3rem; height: 3rem; border-radius: 0.5rem; text-align: center; font-size: var(--font16); background-color: var(--navy2); color: var(--white);}
.flexForm > ul li .delGrp img {width: 1.5rem; margin-top: 0.1rem; margin-left: 0.1rem;}
.flexForm > ul li .addGrp {width: 10rem; height: 3rem; border-radius: 0.5rem; padding: 0 var(--size1); text-align: center; font-size: var(--font16); margin-left: var(--size2); background-color: var(--navy2); color: var(--white);}
.flexForm > ul li.add {display: flex; justify-content: flex-start; align-items: center;}
.flexForm input[type=text] {height: 4rem; border-radius: 0.5rem; border: 0.1rem solid #acbbc7;}
button.searchDetail {width: auto !important; height: 4rem; padding: 0 var(--size2); border-radius: 0.5rem; text-align: center; font-size: var(--font16); background-color: var(--navy2); color: var(--white);}
button.searchDetail img {position: relative; top: -0.1rem; margin-right: 0.5rem;}
button.gray {background-color: #66535880;}
.page-content-card {width: 100%;}
.detailDiv {display: none; width: 100%; background: rgba(184, 207, 224); border-radius: 1.5rem;}
.detailDiv > div {margin: var(--size1-5);}
.detailDiv.active {display: block; background: rgba(184, 207, 224); border-radius: 1.5rem;}

/* 엑셀다운 로딩 화면 */
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.modal.fade .modal-dialog {transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%);}
.modal.show .modal-dialog {display: flex; justify-content: center; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
.modal-dialog {position: relative; width: auto; margin: 0.5rem; pointer-events: none;}
.modal-dialog-centered {display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2));}

.modal-content {position: relative; display: flex; flex-direction: column; width: 50%; pointer-events: auto; background-color: var(--white); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: var(--black);}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}

.modal-header {display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;}
.modal-header .close {padding: 1rem; margin: -1rem -1rem -1rem auto;}
.modal-title {margin-bottom: 0; line-height: 1.5;}
.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}
.modal-footer {display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef;}
.modal-footer > :not(:first-child) {margin-left: .25rem;}
.modal-footer > :not(:last-child) {margin-right: .25rem;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}

.tooltip {display: block; position: absolute; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; z-index: 1070;}
.tooltip.show {opacity: 0.9;}
.tooltip .arrow {display: block; position: absolute; width: 0.8rem; height: 0.4rem;}
.tooltip .arrow::before {position: absolute; content: ''; border-color: transparent; border-style: solid;}


@media only screen and (max-width: 600px) {
    
    .flexForm > ul {flex-direction: column; flex-wrap: wrap;}
    .flexForm > ul li {max-width: 100%; min-width: inherit;}
    .flexForm > ul li label {justify-content: center;}
    .flexForm > ul li .addGrp {margin-left: 0;}
    .flexForm > ul li .inputWrap {width: calc(100% - 10.5rem);}
    .flexForm .select {margin-right: 0;}
    .inputWrap > span {margin-right: 0;}
    .flexForm > ul li .inputWrap > span {margin-right: 0.5rem;}
    
    button.searchDetail {margin-right: 0.5rem; padding: 0 var(--size1);}
    button.searchDetail:last-of-type {margin-right: 0;}
}



/* 기존 css 추가 */
.trend-wrap {width: 100%;}
.trend-wrap .swiper-button-prev,
.trend-wrap .swiper-button-next {background-image: none;}
.trend-slide > .slider .slide-btn {display: flex !important;}
.photoCon > ul {flex-wrap: wrap;}
.photoCon > ul > li {display: block;}
.pagination ul {display: flex; justify-content: center;}
.pagination ul li {width: unset;}

.sidebarCollapseBtn {display: none;}

.oda-about .input.sch {background: unset;}
.defaultCanvas {width:100% !important; height: auto !important;}
#annualGrowthRateOfDAC {width:100%!important;height: auto !important;}
#humanitarianAidBudget {width:100%!important;height: auto !important;}
#trendsInGovernmentFundingForPublicPrivatePartnershipProjects {width:100% !important; height: auto !important;}
.countrySearchItem a {justify-content: left;}
.objectWrap > .row.justify-content-center {width: unset;}
.input-group .form-control {height: unset;}
.download_wrapper img {width: 100% !important; max-width: 35rem;}
.logo .logo_wrapper li {display: block; margin: 0 1rem 1rem 0;}
.logo li img {width: 100%; height: 100%; max-height: 9.5rem; object-fit: contain;}
.mdgDesc li {height: auto;}

.sidebar > .left-menu >.lnb > li > a{background: unset;}
.sidebar > .left-menu > .lnb > li.one-depth > a{background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_r.svg) no-repeat 92%;}
.sidebar > .left-menu > .lnb > li.one-depth.active > a {background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_up_b.svg) no-repeat 92%; background-size: 1.2rem;}
#sidebar {min-width: 32.3rem;}
#m_sidebar {display: none; width: 100%;}
#m_sidebar > ul {justify-content: space-between; width: 100%; border: var(--bdGray1);}
#m_sidebar > ul > li {flex-direction: column; position: relative; min-width: 0; margin-bottom: 0;}
#m_sidebar > ul > li > ul {display: none; flex-direction: column; position: absolute; width: 100%; height: unset; top: 5rem; background-color: white; border: var(--bdGray3); z-index: 2;}
#m_sidebar > ul > li > ul > li {margin-bottom: 0px;min-height: 4rem; background-color: var(--bgGray);padding: 0 var(--size1);border-bottom: var(--bdGray2);font-size: var(--font15);}
#m_sidebar > ul > li > ul > li a {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 300;}
#m_sidebar button {width: 100%; height: 5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: var(--white) url(/images/egovframework/cmz/pub/2023/ico_arrow_bottom_r.svg) no-repeat 92%; font-size: var(--font16); padding: var(--size1) 2.5rem 1rem var(--size1-5);}
#m_sidebar > ul > li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 2rem; background-color: var(--gray2);}
#m_sidebar > ul > li:last-child::after {content: none;}

#map.defaultTableWrap text {font-size: 3px; letter-spacing: 0.1px;}
#map.defaultTableWrap text tspan {font-size: 3px; letter-spacing: 0.1px;}

.source_href a {display: inline-flex; width: auto !important;}
.source_href i {padding-right: 0.5rem;}

@media only screen and (max-width: 600px) {
    
    .about-conts .sub-content-info .table col:nth-child(1){width: 25% !important}
    .about-conts .sub-content-info .table col:nth-child(3){width: 25% !important}
}

.defaultSearchKeyword .input-group-append .btn,
.defaultSearchKeyword .input-group-prepend .btn {z-index: 0;}
.defaultBoardWrap th {padding: 1rem 0;}
.defaultBoardPrevAndNext dt {padding: 1rem 0;}
.defaultActivityResult {padding: 2rem 3rem;}
.defaultActivityResult dl dt div {display: list-item; list-style: decimal; margin-bottom: 0.4rem; font-weight: 400; color: var(--black);}
.defaultActivityResult dl dt div:last-of-type {margin-bottom: 0;}
.defaultActivityResult dt a {font-size: var(--font16); font-weight: 300;}
.defaultActivityResultFile a {width: 100px; padding: 1rem 0;}

.defaultBoardDetail .defaultBoardDetailContent {padding: 0;}
.defaultBoardDetail .defaultBoardDetailContent-box {padding: var(--size2) 0;}
.defaultBoardDetailContent-box h4 {display: flex; align-items: center; flex: 1; padding-bottom: var(--size1); margin: 0; font-size: var(--font20); font-weight: 600; color: var(--navy3);}
.defaultBoardDetailContent-box p {margin: 0.3rem 0 0 0; font-size: var(--font16); font-weight: 500; line-height: 1.75; color: var(--navy2);}
.defaultBoardDetailContent-box span {display: block; padding-left: var(--size1-5); font-size: var(--font16); font-weight: 400; color: var(--gray3);}
.defaultHashtag {display: flex; justify-content: center; padding: var(--size2); margin-top: var(--size2); text-align: center; border: 0.2rem solid var(--gray1);}
.defaultHashtag li {max-width: 11rem; height: 3rem; margin: 0; margin-right: 1rem; font-size: var(--font15); color: var(--black);}
.defaultHashtag li:last-child {margin-right: 0;}
.defaultHashtag li.active {font-weight: 600;}
.defaultHashtag a {background-color: #f4f6f8; border: 0.1rem solid var(--gray2); color: var(--black);}

@media only screen and (max-width: 600px) {
    
    .defaultBoardDetailContent-box h4::before {content: ''; min-width: 17px; min-height: 17px; margin-right: var(--size1); border: 0.5rem outset var(--blue3); border-radius: 0.2rem; box-sizing: border-box;}
    .defaultBoardDetailContent-box span {line-height: 1.5;}
    .defaultHashtag {justify-content: flex-start; flex-wrap: wrap; padding: var(--size1); margin-bottom: var(--size1);}
    .defaultHashtag li {max-width: 49%; flex: 1 1 35%; width: auto; margin: 0 1rem 1rem 0 !important; font-size: var(--font16);}
    .defaultHashtag li:nth-of-type(1) {margin-top: 1rem !important;}
    .defaultHashtag li:nth-of-type(2) {margin-top: 1rem !important;}
    .defaultHashtag li:nth-child(2n) {margin-right: 0 !important;}
    .defaultHashtag li:last-of-type {margin-right: 0 !important;}
}

.sub-styleBox {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0; margin-bottom: var(--size3);}
.sub-styleBox li {flex-direction: column; flex: 1 1 47%; max-width: 48%; margin: 0 var(--size3) var(--size3) 0;}
.sub-styleBox li p {width: 100%;}
.sub-styleBox li:nth-child(2n) {margin-right: 0;}
.sub-styleBox li:last-child {margin-right: 0; margin-bottom: var(--size3);}
.sub-styleBox div {width: 100%; padding-bottom: var(--size1); margin-bottom: var(--size1); border-bottom: 0.2rem solid var(--black); font-size: var(--font20); font-weight: 600;}
.sub-styleBox p {font-size: var(--font16); line-height: 1.4; font-weight: 500;}
.sub-styleBox p:last-of-type {margin-bottom: 0;}
.sub-styleBox p::before {content: '●'; padding-right: 0.5rem;}

.object-wrap ul, .object-wrap ol {padding: 0; margin: 0;}

.head-first ul, .head-first ul li, .head-first ul li a,
.head-second ul, .head-second ul li, .head-second ul li a {display: block; width: auto;}

.head-first {display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 30px;}
.head-first.short::after {min-height: 230px;}
.head-first::after {content: ''; position: absolute; top: 88px; left: 50%; bottom: 0; width: 1px; min-height: 651px; background-color: #ccc; transform: translateX(-50%); z-index: -1;}
.head-first span {display: inline-flex; justify-content: center; align-items: center; position: relative; width: 140px; height: 140px; border-radius: 50%; line-height: 1.2; font-size: 22px; font-weight: 600; color: #fff; background: linear-gradient(#0087e1, #d4e14c) /*linear-gradient(to bottom, #fff, #fff)*/; /*border: 8px solid transparent; */ background-clip: padding-box, border-box; background-origin: border-box; box-sizing: border-box;}
.head-first span::after {content: ''; position: absolute; top: 63%; left: 50%; width: 50%; height: 1px; background-color: #fff; transform: translateX(-50%);}
.head-second {display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 130px;}
.head-second > ul {display: flex; flex-direction: column;}
.head-second > ul > li {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; text-align: center; margin-bottom: 10px; background-color: #fff;}
.head-second > ul > li:last-child {margin-bottom: 0;}
.head-second > ul > li > a {display: flex; justify-content: center; align-items: center; position: relative; min-width: 210px; padding: 15px 8px; background: linear-gradient(140deg, #0092f3 10px, #46a8e9 20%); color: #fff; font-size: 1.7rem; font-weight: 600; box-sizing: border-box; overflow: hidden;}
.head-second > ul > li::before {content: ''; position: absolute; top: 28px; left: -70px; width: 70px; height: 1px; background-color: #ccc; transform: translateY(-50%); z-index: -1;}
.head-second > ul > li::after {content: ''; position: absolute; top: 26px; right: -70px; width: 70px; height: 1px; background-color: #ccc; transform: translateY(-50%); z-index: -1;}
.head-second > ul > li > a::before {content: ''; position: absolute; top: -14px; left: -14px; border: 13px solid #fff; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; transform: rotate(-45deg);}
.head-second > ul > li > a::after {content: ''; position: absolute; top: 4px; left: 4px; border: 13px solid #99d6ff; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; transform: rotate(135deg);}

.line-none::before {display: none;}
.line-none::after {display: none;}
.head-second.mb0 {margin-bottom: 50px;}
.head-second.mb0 .cont-left {margin-right: 0;}
.head-second .cont-left {margin-right: 140px;}
.head-second .cont-left .ml {margin-left: -210px;}
.head-second .cont-left li::before {display: none;}
.head-second .cont-right.alignB {margin-bottom: -110px; justify-content: flex-end;}
.head-second .cont-right {}
.head-second .cont-right li {}
.head-second .cont-right li::after {display: none;}
.head-second .cont-right .title a {text-align: center; font-size: 1.5rem; background: #005288; color: #fff;}
.head-second .cont-right .title a::after {content: ''; position: absolute; top: 4px; left: 4px; border: 13px solid #a1c4dc; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; transform: rotate(135deg);}

.head-second .head-inner-menu {width: 100%; border: 1px solid #ccc; border-top: 0; box-sizing: border-box;}
.head-second .head-inner-menu li {display: flex; justify-content: center; align-items: center; min-height: 40px; border-bottom: 1px solid #ccc;}
.head-second .head-inner-menu li:last-child {margin-bottom: 0; border-bottom: 0;}
.head-second .head-inner-menu li a {width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; font-size: var(--font16)}

.head-list {display: flex; position: relative; padding-top: var(--size4); margin-bottom: 100px;}
.head-list.col-04::before {width: calc(100% - 209px);}
.head-list::before {content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 165px); height: 1px; background-color: #ccc; transform: translateX(-50%); z-index: -1;}
.head-list dl {position: relative; width: calc(100% - 15px); margin-right: 15px; z-index: 10;}
.head-list dl::before {content: ''; position: absolute; top: -40px; left: 50%; width: 1px; height: 40px; background-color: #ccc; transform: translateX(-50%); z-index: -1;}
.head-list dl:last-child {margin-right: 0;}
.head-list dl dt {display: flex; justify-content: center; align-items: center; position: relative; height: 50px; background-color: #005288; color: #fff; text-align: center; font-size: var(--font15); box-sizing: border-box;}
.head-list dl dt::before {content: ''; position: absolute; top: -10px; left: -10px; border: 10px solid #fff; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; transform: rotate(-45deg);}
.head-list dl dt::after {content: ''; position: absolute; top: 4px; left: 4px; border: 10px solid #a1c4dc; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; transform: rotate(135deg);}
.head-list dl dd {}
.head-list dl dd .list-cont {display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid #c4cdd4; box-sizing: border-box;}
.head-list dl dd .list-cont > li {flex-direction: column;}
.head-list dl dd .list-cont > li:first-child > a {border-top: 0;}
.head-list dl dd .list-cont > li > a {display: flex; justify-content: center; align-items: center; width: 100%; padding: 8px 15px; background-color: #f2f6f9; border-top: 1px solid #c4cdd4; color: #45799f; font-size: 16.5px; font-weight: 600; box-sizing: border-box;}
.head-list dl dd .list-cont li .list-inner {flex-direction: column; padding: 10px 15px 10px 24px; box-sizing: border-box; margin-bottom: 0;}
.head-list dl dd .list-cont li p.list-inner {padding: 15px; min-height: 240px; line-height: 1.3; box-sizing: border-box; font-size: var(--font15);}

.object-wrap.col-02 .head-list {flex-wrap: wrap; padding-top: 0;}
.object-wrap.col-02 .head-list::before {display: none;}
.object-wrap.col-02 .head-list dl {width: calc(50% - 8px);}
.object-wrap.col-02 .head-list dl::before {top: -15px;}
.object-wrap.col-02 .head-list dl:nth-child(2n) {margin-right: 0;}
.object-wrap.col-02 .head-list dl dd .list-cont li p.list-inner {min-height: auto; background-color: #fff;}

.object-wrap.col-02 .head-first::after {min-height: 108px;}
.object-wrap.col-02 .head-first span::after {top: 74%;}
.object-wrap.col-02 .head-second {flex-wrap: nowrap; margin-bottom: 15px;}
.object-wrap.col-02 .head-second > ul > li {margin-bottom: 0;}
.object-wrap.col-02 .head-second > ul > li:nth-child(1)::after {right: -116px; width: 200px;}
.object-wrap.col-02 .head-second > ul > li:nth-child(2)::after {left: -116px; width: 200px;}
.object-wrap.col-02 .head-second .cont-left {flex-direction: row; width: 74%; justify-content: space-between;}

.head-list dl dd .list-cont li .list-inner li {margin-bottom: 10px;}
.head-list dl dd .list-cont li .list-inner li:last-child {margin-bottom: 0;}
.head-list dl dd .list-cont li .list-inner li a {position: relative; justify-content: flex-start; font-size: var(--font16);}
.head-list dl dd .list-cont li .list-inner li a::before {content: ''; position: absolute; top: 6px;left: -8px; width: 3px; height: 3px; background-color: #b2b2b2;}

.defaultTable.member td {text-align: left;}
.defaultTable.member td:nth-child(1) {text-align: center;}
.defaultTable ol li {display: list-item; list-style: decimal; font-weight: 400;}

.memberbox {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin-bottom: var(--size3);}
.memberbox h5 {display: inline-block; padding: var(--size1-5) 7rem; margin-bottom: 7rem; text-align: center; font-size: 2.3rem; font-weight: 500; color: #fff; background-color: #283b69;}
.memberbox div {display: block; width: 100%; height: 100%; min-height: 56rem; padding: var(--size5) var(--size4) var(--size4); border: 0.2rem solid #008cdd; border-radius: 3rem;}
.memberbox ul {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 0;}
.memberbox li {position: relative; flex: 1; margin-right: var(--size3);}
.memberbox li:last-child {margin: 0;}
.memberbox li h5 {position: absolute; top: -30px; left: 50%; width: 30rem; margin: 0; background-color: #008cdd; transform: translateX(-50%);}
.memberbox li p {margin-bottom: 0; font-size: var(--font16); line-height: 1.75; font-weight: 500;}
.memberbox li span {margin-left: 0.5rem; font-size: var(--size15);}

.shortcut {width: auto;}
.download {width: auto;}
dl.iati {flex: 1 1 45%; min-width: auto;}

@media screen and (max-width: 600px) {
	
	.member colgroup col:nth-child(1) {width: 12%;}
	.member colgroup col:nth-child(2) {width: 25%;}
	.member colgroup col:nth-child(3) {width: 0%; display: none;}
	.member colgroup col:nth-child(4) {width: 53%; text-align: left;}
	.member colgroup col:nth-child(5) {width: 10%;}
	
	.defaultTable.member td {padding: 0.5rem; font-size: 1rem;}
	.defaultTable.member th {padding: 0.5rem; font-size: 1rem;}
	
	.memberbox h5 {width: 100%; padding: 15px 0;}
    .memberbox div {height: auto; min-height: inherit;}
    .memberbox ul {flex-wrap: wrap;}
    .memberbox li {flex: none; width: 100%; margin: 0 0 5rem 0;}
    .memberbox li h5 {width: 100%; max-width: 30rem;}
    
	dl.iati {margin-top: 3rem;}
	dl.iati dd {flex-direction: column;}
	dl.iati .download {margin-bottom: 0.5rem;}
	dl.iati .download:last-of-type {margin-bottom: 0;}
	
	.defaultPreview .defaultPreviewImg img {height: auto;}
}