@charset "UTF-8";

#container {position:relative; min-height: 100vh;}

/*-------------------------------------------------------------------
	분류그룹 : 공통
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.section-area {display: block;     padding: 40px 30px 0;margin: 0 auto;max-width: 1400px;width: 100%;}

.section-con {display:block;  margin:0 auto;}
.section-con:after{content:"";display:block;clear:both;}
@media screen and (max-width: 1400px) {
    .section-con {padding: 0 20px;}
}
@media screen and (max-width: 1024px) {
    .section-con {padding: 0 15px;}
}

.sc-title {display: block; line-height: 35px; font-weight: 600; font-size: 1.389rem; color: #222; font-family: 'Pretendard GOV','Pretendard','Noto Sans KR', sans-serif;}
.sc-title .em {font-weight: 800; color: #ffffff;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.sc-title {font-size: 1.25rem;}
}
@media screen and (max-width: 1024px) {
	.section-area { padding: 35px 0 0;}
}
@media screen and (max-width: 600px) {
	.sc-title {font-size: 1.125rem;}
}


/*-------------------------------------------------------------------
	분류그룹 : 메인 배너 & 포토뉴스
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section-01::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 480px; }
#section-01::after {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 480px;}
#section-01 .section-con {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; position: relative; z-index: 1;}

@media screen and (max-width: 1400px) {
	.section-area {padding: 35px 0 0;}
	#section-01::before {height: 440px;}
	#section-01::after {height: 440px; background-size: 1864px;}
}
@media screen and (max-width: 1200px) {
	#section-01 {padding-top: 35px;}
	#section-01::before {height: 380px;}
	#section-01::after {height: 380px; background-size: 1610px;}
}
@media screen and (max-width: 1024px) {
	#section-01::before {height: 340px;}
	#section-01::after {height: 340px; background-size: 1441px;}
}
@media screen and (max-width: 900px) {
	#section-01 {padding-top: 0;}
	#section-01::before {padding-top: calc(59.7% +  380px); height: auto;}
	#section-01::after {padding-top: calc(59.7% +  380px); height: auto; background-size: 1272px; background-position: bottom center;}
	#section-01 .section-con {display: block; padding: 0;}
}
@media screen and (max-width: 600px) {
	#section-01::before {padding-top: calc(59.7% +  260px);}
	#section-01::after {padding-top: calc(59.7% +  260px); background-size: 1102px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 메인 배너 & 포토뉴스 > 메인 배너
-------------------------------------------------------------------*/
#section-01 .main-banner-area {display: block; position: relative; width: 65%;}
#section-01 .main-banner-area .main-banner-slide {display: block; overflow: hidden;}
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide {display: block;}
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item {display: block; position: relative;}
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item::before {content:''; display: block;}
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item > img {display: block; position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%;}
#section-01 .main-banner-area .main-banner-slide .swiper-notification {position: absolute; bottom: 0; left: 0; z-index: 2; color: #ffffff;}



#section-01 .main-banner-area .main-banner-utils {display: flex; position: absolute; bottom: 0px;border-radius: 30px; left: 50%; transform: translate(-50%, -50%); width: calc(50% - 230px); z-index: 2; justify-content: center; padding: 0 15px 0 25px; background-color: rgba(0, 0, 0, 0.7);}
#section-01 .main-banner-area .main-banner-utils::after {content:''; display: block; clear: both;}
#section-01 .main-banner-area .main-banner-utils .pagination {display: block; float: left; width: auto; margin-right: 20px; color: #ffffff; text-align: center;}
#section-01 .main-banner-area .main-banner-utils .pagination::after {content:''; display: block; clear: both;}
#section-01 .main-banner-area .main-banner-utils .pagination > span {display: block; float: left; min-width: 20px; line-height: 45px;}
#section-01 .main-banner-area .main-banner-utils .pagination > span.swiper-pagination-current {font-weight: 700;}
#section-01 .main-banner-area .main-banner-utils .pagination .slash {padding: 0 5px;}
#section-01 .main-banner-area .main-banner-utils .nav-box {display: block; float: left; padding: 10px 0;}
#section-01 .main-banner-area .main-banner-utils .nav-box::after {content:''; display: block; clear: both;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item {display: block; float: left;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav {display: block;border-radius: 40px; width: 25px; height: 25px; background-color: transparent; background-repeat: no-repeat; background-position: center;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_wh.svg);}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_wh.svg);}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_wh.svg);}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
/* #section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item > img {transition: transform 0.4s;}
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item:hover > img {transform: translateX(-50%) scale(1.025);} */
#section-01 .main-banner-area .main-banner-slide .swiper-wrapper .swiper-slide .slide-item:focus::after {content:""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 2px dashed #ffffff; box-sizing: border-box;}

#section-01 .main-banner-area .main-banner-utils {transition: background 0.4s;}
#section-01 .main-banner-area .main-banner-utils.on {background-color: rgba(0,0,0,0.3);}

#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav {transition: background 0.3s;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-prev:focus,
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-prev:hover {background-image: url(/krds/img/component/icon/icon_left_ye.svg);background-color: #333333;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-next:focus,
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-next:hover {background-image: url(/krds/img/component/icon/icon_right_ye.svg);background-color: #333333;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause:focus,
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause:hover {background-image: url(/krds/img/component/icon/icon_stop_ye.svg);background-color: #333333;}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_wh.svg);}
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause.active:focus,
#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_ye.svg);background-color: #333333;}

.main-b-img:focus { border: 2px dashed #000; display: inline-block;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-01 .main-banner-area {width: 63%;}
	#section-01 .main-banner-area .main-banner-utils {padding: 0 10px; width: fit-content;}
	#section-01 .main-banner-area .main-banner-utils .pagination {margin-right:5px;}
	#section-01 .main-banner-area .main-banner-utils .pagination > span {line-height: 35px; font-size: 14px;}
	#section-01 .main-banner-area .main-banner-utils .nav-box {padding: 7.5px 0;}
	#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav {width: 20px; height: 20px;}
}
@media screen and (max-width: 1200px) {
	#section-01 .main-banner-area {width: 65%;}
	
}
@media screen and (max-width: 1024px) {
	#section-01 .main-banner-area {width: 68%;}
	#section-01 .main-banner-area .main-banner-utils {padding: 0 7px;}
	#section-01 .main-banner-area .main-banner-utils .pagination {margin-right: 5px;}
	#section-01 .main-banner-area .main-banner-utils .pagination > span {line-height: 35px; font-size: 14px;}
	#section-01 .main-banner-area .main-banner-utils .nav-box {padding: 7.5px 0;}
	#section-01 .main-banner-area .main-banner-utils .nav-box .nav-item .btn-nav {width: 20px; height: 20px;}
}
@media screen and (max-width: 900px) {
	#section-01 .main-banner-area {width: 100%; margin-bottom: 35px;padding: 0 15px;}
}
@media screen and (max-width: 600px) {
	#section-01 .main-banner-area .main-banner-utils {padding: 6px 10px; }
	#section-01 .main-banner-area .main-banner-utils .nav-box {padding: 2.5px 0;}
	#section-01 .main-banner-area .main-banner-utils .pagination {margin-right: 10px;}
	#section-01 .main-banner-area .main-banner-utils .pagination > span {line-height: 25px;}
	#section-01 .main-banner-area .main-banner-utils .pagination .slash {min-width: 0;}
}




/*-------------------------------------------------------------------
	분류그룹 : 메인 배너 & 포토뉴스 > 포토뉴스
-------------------------------------------------------------------*/
#section-01 .photo-area {display: block; width: 35%; padding-left: 34px; height: 420px;}
#section-01 .photo-area .photo-wrap {
    display: block;
    height: 99.8%;
    padding: 0;
    border-radius: 12px;
    background-color: #ECEFF4;
    border: 1px solid #DDDFE2;
}
#section-01 .photo-area .photo-wrap .area-head {  display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 18px;
    height: 62px;}
#section-01 .photo-area .photo-wrap .area-head .sc-title {float: left; color: #222;}
#section-01 .photo-area .photo-wrap .area-head .sc-title .em {color: #ffffff;}
#section-01 .photo-area .photo-wrap .area-head .utils {display: block; float: right;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box {display: flex; float: left; padding: 5px 0;}
.nav-box > .pagination {
    padding: 1px 8px;
}
.nav-box > .pagination > .swiper-pagination-current {
    font-weight:600; 
    font-size: 1.08rem;
}
.nav-box > .pagination span {
    padding: 0px 2px;
}
.nav-box > .pagination span {
    padding: 0px 2px;
}

#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item {display: block; float: left;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item button:focus {outline-color: #0775DB !important;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav {display: block; width: 26px; height: 26px; border:1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 22px;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_bk.svg);}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_bk.svg); margin-right: 2px; margin-left: 2px;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_bk.svg);}
#section-01 .photo-area .photo-wrap .btn-more {display: block; width: 25px; height: 25px; margin-left: 5px; border-radius: 40px; background-image: url(/krds/img/component/icon/icon_more_bk.svg); background-repeat: no-repeat; background-position: center;}

#section-01 .photo-area .photo-wrap .area-body {display: block; position: relative;}
#section-01 .photo-area .photo-wrap .area-body .pagination {display: flex;align-items: baseline; position: absolute; top: 10px; left: 10px; bottom: auto; right: auto; z-index: 2; width: auto; padding: 2px 15px; font-size: 0.85rem;border-radius: 40px; color: #ffffff; text-align: center; background-color: rgba(0,0,0,0.7);}
#section-01 .photo-area .photo-wrap .area-body .pagination::after {content:''; display: block; clear: both;}
#section-01 .photo-area .photo-wrap .area-body .pagination > span {display: block; float: left; min-width: 20px; line-height: 30px;}
#section-01 .photo-area .photo-wrap .area-body .pagination > span.swiper-pagination-current {font-weight: 700;}
#section-01 .photo-area .photo-wrap .area-body .pagination .slash {padding: 0 5px;}
/*#section-01 .photo-area .photo-wrap .area-body .photo-slide {display: block; overflow: hidden;background-color: #ECEFF4;border: 1px solid #DDDFE2;border-radius: 12px;}*/
#section-01 .photo-area .photo-wrap .area-body .photo-slide {
    display: block;
    overflow: hidden;
}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide {display: block; overflow: hidden;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item {display: block; position: relative;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box {display: block; overflow: hidden; position: relative;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box::before {content:''; display: block; padding-top: 61%;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box > img {display: block; position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%;transition: transform 0.3s ease;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box {display: block;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box .tit {display: block; padding: 20px 20px 0px; overflow: hidden; font-weight: 600; font-size: 1.056rem; color: #222; white-space: nowrap; text-overflow: ellipsis;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box .txt {display: block;padding-left:20px; overflow: hidden; height: 2.2rem; font-weight: 400; font-size: 0.944rem; color: #222; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box .date {display: block; padding-top: 10px;padding-bottom: 25px; border-top: 1px solid rgba(255,255,255,0.2); padding-left: 40px; background: url(/krds/img/component/icon/i_date_bk.svg) no-repeat; background-position: bottom 27px left 20px; background-size: 14px; line-height: 1; font-weight: 400; font-size: 0.944rem; color: #222;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-notification {position: absolute; bottom: 0; left: 0; z-index: 2; color: #222;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item:hover .img-box > img {transform: scale(1.04);}

@media (max-width: 1100px) {
    #section-01 .photo-area  {
        height: 380px;
    }
}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav {transition: background 0.3s;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-prev:focus,
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-prev:hover {background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_left_bl.svg);border-color: #005CB2;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-next:focus,
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-next:hover {background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_right_bl.svg);border-color: #005CB2;}

#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause:focus,
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause:hover {background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_stop_bl.svg);border-color: #005CB2;}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_bk.svg);}
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause.active:focus,
#section-01 .photo-area .photo-wrap .area-head .utils .nav-box .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_bl.svg);box-shadow: 0 2px 5px rgba(55, 80, 112, 0.4);}

#section-01 .photo-area .photo-wrap .btn-more {transition: background 0.4s, transform 0.4s}
#section-01 .photo-area .photo-wrap .area-head .utils .btn-more:focus,
#section-01 .photo-area .photo-wrap .btn-more:hover {background-image: url(/krds/img/component/icon/icon_more_bl.svg); transform: rotate(180deg);}

#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item:focus::after {content:""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 3px dashed #0775DB; box-sizing: border-box;}
/* #section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box > img {transition: transform 0.4s;}
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item:focus .img-box > img,
#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item:hover .img-box > img {transform: translateY(-50%) scale(1.025);} */

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-01 .photo-area {width: 37%; padding-left: 20px;}
	#section-01 .photo-area .photo-wrap .area-head {padding-top: 0;}
	#section-01 .photo-area .photo-wrap .area-body .pagination {}
	#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box .date { padding-top: 10px;}
	#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box::before {
    padding-top: 55%;
}
}
@media screen and (max-width: 1200px) {
	#section-01 .photo-area {width: 35%;}
	#section-01 .photo-area .photo-wrap {}
	#section-01 .photo-area .photo-wrap .area-body .pagination {}
	#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box .txt {height: 2.6rem; -webkit-line-clamp: 2;}
}
@media screen and (max-width: 1024px) {
	#section-01 .photo-area {width: 32%; padding-left: 0;}
	#section-01 .photo-area .photo-wrap { margin-left: 15px;}
	#section-01 .photo-area .photo-wrap .area-head {padding: 5px;}
}
@media screen and (max-width: 900px) {
	#section-01 .photo-area {width: 100%; padding: 0 15px;}
	#section-01 .photo-area .photo-wrap {
        padding: 0;
        margin: 0;
        background: transparent;
        border: 0px;
    }
	#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .txt-box {
		border-radius: 0 0 12px 12px;
		background-color: #ECEFF4;
		border: 1px solid #DDDFE2;
	}
	#section-01 .photo-area .photo-wrap .area-body .photo-slide .swiper-wrapper .swiper-slide .slide-item .img-box{
		border-radius: 12px 12px 0 0;
	}
	#section-01 .photo-area {
		width: 100%;
		padding: 0 15px;
		height: fit-content;
	}

}
@media screen and (max-width: 600px) {
	#section-01 .photo-area .photo-wrap {padding: 10px 0;}
}



/*-------------------------------------------------------------------
	분류그룹 : 바다소통 & 공지사항 & 알림판
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section-02 {padding-top: 35px; background-color: #ffffff;}
#section-02 .section-con > .con-wrap {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 -25px; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

@media screen and (max-width: 1400px) {
	#section-02 .section-con > .con-wrap {margin: 0 -10px;}
}
@media screen and (max-width: 800px) {
	#section-02 {padding-top: 20px;}
}
@media screen and (max-width: 600px) {
	#section-02 {padding-top: 15px;}
	#section-02 .section-con > .con-wrap {margin: 0 -5px;}
}

/*-------------------------------------------------------------------
	분류그룹 : 바다소통 & 공지사항 & 알림판 > 바다소통
-------------------------------------------------------------------*/
#section-02 .sns-area {display: block; position: relative; width: 375px; padding: 25px;}
#section-02 .sns-area .title-box {display: flex; height: 60px; border-radius: 12px 12px 0 0; justify-content: space-between;align-items: center;}
#section-02 .sns-area .title-box .title-con {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; float: left; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#section-02 .sns-area .title-box .title-con .sc-title {display: block; margin-right: 10px; line-height: 60px;}
#section-02 .sns-area .title-box .title-con .pagination {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
#section-02 .sns-area .title-box .title-con .pagination .bullet {display: block; width: 26px; height: 26px; margin-right: 5px; border-radius: 50%; background-color: #b3b3b3; background-repeat: no-repeat; background-position: center; background-size: cover;}
#section-02 .sns-area .title-box .title-con .pagination .bullet:last-child {margin-right: 0;}
#section-02 .sns-area .title-box .utils {display: block; float: right;}
#section-02 .sns-area .title-box .utils .nav-box {display: flex; align-items: center;}
#section-02 .sns-area .title-box .utils .nav-box::after {content:""; display: block; clear: both;}
#section-02 .sns-area .title-box .utils .nav-box .nav-item {display: block; float: left;}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav {display: block; width: 25px; height: 25px; margin-top: 2.5px; border:1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 22px;}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_bk.svg);}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_bk.svg); margin-right: 2px; margin-left: 2px;}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_bk.svg);}

#section-02 .sns-area .slide-box {display: block; position: relative;border-radius: 12px;  border: 1px solid #e6e9eb;overflow: hidden;}
#section-02 .sns-area .slide-box .sns-slide {display: block; overflow: hidden; position: relative;}
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide {display: block;}
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item {display: block; overflow: hidden; position: relative; padding-bottom: 100%;}
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item > img {display: block; position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%;transition: transform 0.3s ease;}
#section-02 .sns-area .slide-box .sns-slide .swiper-notification {position: absolute; top: 0; right: 0; z-index: 2;}
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item:hover > img {transform: scale(1.04);}
/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item:focus::after {content:""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 2px dashed #000000; box-sizing: border-box;}
/* #section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item > img {transition: transform 0.4s;}
#section-02 .sns-area .slide-box .sns-slide .swiper-wrapper .swiper-slide .slide-item:hover > img {transform: translateY(-50%) scale(1.05);} */

#section-02 .sns-area .title-box .title-con .pagination .bullet {transition: background 0.4s;}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-facebook {background-image: url(../images/layout/i_sns_facebook_off.svg);}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-naver {background-image: url(../images/layout/i_sns_blog_off.svg);}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-instagram {background-image: url(../images/layout/i_sns_insta_off.svg);}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-facebook:focus,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-facebook:hover,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-facebook.active {background-color: #3A589E; background-image: url(/krds/img/component/icon/ico_facebook_wh-01.svg);}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-naver:focus,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-naver:hover,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-naver.active {background-color: #1FAA39;background-image: url(/krds/img/component/icon/ico_blog_wh-01.svg);}
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-instagram:focus,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-instagram:hover,
#section-02 .sns-area .title-box .title-con .pagination .bullet.sns-instagram.active { background-image:url(/krds/img/component/icon/ico_instagram_wh-01.svg), radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}

#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav {transition: background 0.3s;}
/* #section-02 .sns-area .title-box .utils .nav-box .nav-item button:focus {border:3px solid #0775DB !important;  border-radius: 40px;} */
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:focus,
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:hover {  border-color: #005CB2; background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_left_bl.svg);}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:focus,
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:hover {  border-color: #005CB2;  background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_right_bl.svg);}

#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:focus,
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:hover { border-color: #005CB2;  background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_stop_bl.svg);}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_bk.svg);}
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:focus,
#section-02 .sns-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_bl.svg);}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .sns-area {width: 295px; padding: 25px 10px;}
}
@media screen and (max-width: 1200px) {
	#section-02 .sns-area {width: 33.333%; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2;}
}
@media screen and (max-width: 1024px) {
	#section-02 .sns-area .title-box {height: 50px;}
	#section-02 .sns-area .title-box .title-con .sc-title {margin-right: 5px; line-height: 50px;}
	#section-02 .sns-area .title-box .title-con .pagination .bullet {width: 25px; height: 25px;}
	#section-02 .sns-area .title-box .utils {margin-top: 10px;}
}
@media screen and (max-width: 800px) {
	#section-02 .sns-area {width: 50%; padding: 10px;}
}
@media screen and (max-width: 615px) {
	#section-02 .sns-area .title-box .title-con .pagination {display: none;}
}
@media screen and (max-width: 600px) {
	#section-02 .sns-area {padding: 5px;}
	#section-02 .sns-area .title-box {padding: 0 10px;}
}
@media screen and (max-width: 475px) {
	#section-02 .sns-area {width: 100%; padding: 24px 5px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 바다소통 & 공지사항 & 알림판 > 공지사항
-------------------------------------------------------------------*/
#section-02 .news-area {display: block; position: relative; width: calc(100% - 750px); padding: 25px;}
#section-02 .news-area::after {content:''; display: block; clear: both;}
#section-02 .news-area .sc-title {float: left; margin-right: 35px;}
#section-02 .news-area .menu-wrap {display: block; position: relative; padding-right: 60px; padding-bottom: 325px;}
#section-02 .news-area .menu-wrap .menu-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; border-bottom: 1px solid #ccc; table-layout: fixed;}
#section-02 .news-area .menu-wrap .menu-list > li {display: block; width: 25%;}
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab {display: block; position: relative; width: 100%; height: 50px; border-bottom: 4px solid transparent;  line-height: 58px; color: #000000; font-family: 'Pretendard GOV','Pretendard','Noto Sans KR', sans-serif;}
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab > span {display: block; line-height: 1; font-weight: 600; font-size: 1.1rem;}

#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box {display: none;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box.active {display: block;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap {display: block; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 325px;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li {display: block; border-bottom: 1px solid #e9e9e9;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item {display: block; height: 52px;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit {display: block; overflow: hidden; float: left; position: relative; width: calc(100% - 110px); padding-left:5px; line-height: 52px; font-size: 0.944rem; color: #000000; white-space: nowrap; text-overflow: ellipsis;}
/* #section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit::before {content:""; position: absolute; top: calc(50% - 2px); left: 15px; width: 3px; height:3px; background-color: #121212;} */
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .date {display: block; overflow: hidden; padding-left: 15px; line-height: 55px; font-weight: 500; font-size: 0.944rem; color: #666;}

#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils {display: block; position: absolute; top: 0; right: 0;border-bottom: 1px solid #ccc;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more {display: block; width: 60px; height: 50px; background-image: url(/krds/img/component/icon/icon_more_bk.svg); background-repeat: no-repeat; background-position: center;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab {transition: background 0.4s, color 0.4s;}
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab:hover,
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab.active {color: #005CB2; border-color: #005CB2;}
#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab:focus { color: #3C69C0; outline-color: transparent; border-bottom: 4px solid #256ef4;}

#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:focus {position: relative; outline-color: transparent;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000000; box-sizing: border-box;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit {transition: transform 0.3s ease;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:focus .tit,
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:hover .tit {color: #3C69C0;font-weight: 700;animation: moveRightBack 0.6s ease forwards;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .date {transition: background 0.4s, color 0.4s;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:focus .date,
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item:hover .date {color: #3C69C0;}

#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more {transition: background 0.3s, transform 0.4s;}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:hover {background-image: url(/krds/img/component/icon/icon_more_bl.svg); transform: rotate(180deg);}
#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:focus {outline-color: transparent;}
/* #section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid #000000; box-sizing: border-box;} */

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .news-area {width: calc(100% - 590px); padding: 25px 10px;}
	#section-02 .news-area .menu-wrap {padding-bottom: 275px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap {height: 275px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item {height: 54px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit {line-height: 54px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .date {line-height: 54px;}
}
@media screen and (max-width: 1200px) {
	/* #section-02 .news-area {width: calc(100% - 540px);} */
	#section-02 .news-area {width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1;}
	#section-02 .news-area .menu-wrap {padding-bottom: 250px;}
	#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab > span {font-size: 1rem;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap {height: 285px;padding-top: 37px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item {height: 49px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit {line-height: 49px; font-size: 1rem;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .date {line-height: 49px;}
}
@media screen and (max-width: 1024px) {
	#section-02 .news-area .menu-wrap {padding-right: 50px;}
	#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab {height: 50px; line-height: 48px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more {width: 50px; height: 50px;}
}
@media screen and (max-width: 800px) {
	#section-02 .news-area {padding: 20px 10px 30px;}
}
@media screen and (max-width: 600px) {
	#section-02 .news-area {padding: 15px 5px 20px;}
}
@media screen and (max-width: 475px) {
	#section-02 .news-area {padding: 15px 5px;}
	#section-02 .news-area .menu-wrap {padding-right: 0; padding-bottom: 290px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap {bottom: 10px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit {padding-left: 0px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap > li .item .tit::before {left: 10px;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils {top: auto; bottom: -33px; width: 100%;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:focus,
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:hover {background: none;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more {width: 100%; height: auto; line-height: 1; border: 0; background: none; text-align: center;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more > span {display: inline-block; position: relative; width: auto; height: auto; margin: 0; padding-right: 30px; line-height: 40px; font-weight: 600; font-size: 1rem; color: #5C6C82; clip: unset; vertical-align: middle;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more > span::before {content:""; position: absolute; top: 7.5px; right: 0; width: 25px; height: 25px; border-radius: 50%; background: #3C69C0 url(../images/main/i_more_wh.svg) no-repeat center;}
}
@media screen and (max-width: 375px) {
	#section-02 .news-area .menu-wrap .menu-list {overflow-x: auto; overflow-y: hidden; width: auto;}
	#section-02 .news-area .menu-wrap .menu-list > li {width: auto;}
	#section-02 .news-area .menu-wrap .menu-list > li .btn-news-tab {width: 75px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 해수부 소식 & 알림판 > 알림판
-------------------------------------------------------------------*/
#section-02 .alert-area {display: block; position: relative; width: 375px; padding: 25px;}
#section-02 .alert-area .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0;
}
#section-02 .alert-area .title-box .sc-title {float: left; line-height: 60px;}
#section-02 .alert-area .title-box .utils {display: block; float: right;}
#section-02 .alert-area .title-box .utils .nav-box {display: flex;}
#section-02 .alert-area .title-box .utils .nav-box::after {content:""; display: block; clear: both;}
#section-02 .alert-area .title-box .utils .nav-box .nav-item {display: block; float: left;}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav {display: block; width: 25px; height: 25px; border:1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 22px;}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_bk.svg);}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_bk.svg); margin-left: 2px; margin-right: 2px;}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_bk.svg);}

#section-02 .alert-area .slide-box {display: block; position: relative;border-radius: 12px;overflow: hidden;border: 1px solid #e6e9eb;}
#section-02 .alert-area .slide-box .pagination {display: flex; align-items: baseline; position: absolute; top: 10px; left: 10px; bottom: auto; right: auto; border-radius: 40px; z-index: 2; width: auto; padding: 2px 15px; font-size: 0.85rem; color: #ffffff; text-align: center; background-color: rgba(0,0,0,0.7);}
#section-02 .alert-area .slide-box .pagination::after {content:''; display: block; clear: both;}
#section-02 .alert-area .slide-box .pagination > span {display: block; float: left; min-width: 20px; line-height: 30px;}
#section-02 .alert-area .slide-box .pagination > span.swiper-pagination-current {font-weight: 700;}
#section-02 .alert-area .slide-box .pagination .slash {padding: 0 5px;}
#section-02 .alert-area .slide-box .alert-slide {display: block; overflow: hidden; position: relative;}
#section-02 .alert-area .slide-box .alert-slide .swiper-wrapper .swiper-slide {display: block;}
#section-02 .alert-area .slide-box .alert-slide .swiper-wrapper .swiper-slide .slide-item {display: block; overflow: hidden; position: relative; padding-bottom: 100%;}
#section-02 .alert-area .slide-box .alert-slide .swiper-wrapper .swiper-slide .slide-item > img {display: block; position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%;transition: transform 0.3s ease;}
#section-02 .alert-area .slide-box .alert-slide .swiper-notification {position: absolute; top: 0; right: 0; z-index: 2;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .alert-area .slide-box .alert-slide .swiper-wrapper .swiper-slide .slide-item:focus::after {content:""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 2px dashed #000000; box-sizing: border-box;}
#section-02 .alert-area .slide-box .alert-slide .swiper-wrapper .swiper-slide .slide-item:hover > img {transform: scale(1.04);}

#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav {transition: background 0.3s;}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:focus,
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:hover {border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_left_bl.svg);}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:focus,
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:hover {border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_right_bl.svg);}

#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:focus,
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:hover {border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_stop_bl.svg);}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_bk.svg);}
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:focus,
#section-02 .alert-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_bl.svg);}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .alert-area {width: 295px; padding: 25px 10px;}
	#section-02 .alert-area .title-box .utils .pagination {right: 10px;}
}
@media screen and (max-width: 1200px) {
	#section-02 .alert-area {width: 33.333%; -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3;}
}
@media screen and (max-width: 1024px) {
	#section-02 .alert-area .title-box {height: 50px;}
	#section-02 .alert-area .title-box .sc-title {line-height: 50px;}
	
}
@media screen and (max-width: 800px) {
	#section-02 .alert-area {width: 50%; padding: 10px;}
	#section-02 .alert-area .title-box .utils .pagination {bottom: 10px;}
}
@media screen and (max-width: 600px) {
	#section-02 .alert-area {padding: 5px;}
	#section-02 .alert-area .title-box {padding: 0 10px;}
	#section-02 .alert-area .title-box .utils .pagination {right: 5px; bottom: 5px;}
}
@media screen and (max-width: 475px) {
	#section-02 .alert-area {width: 100%; padding: 15px 5px;}
}


#wrap[class*=scroll] #header:not(.sample) .header-in {
    border-bottom:0px;
}

/*-------------------------------------------------------------------
	분류그룹 : 어서오션 TV & 이달의 해양수산 & 열린장관실
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 어서오션 TV & 이달의 해양수산 & 열린장관실 > 어서오션 TV
-------------------------------------------------------------------*/
#section-02 .video-area {display: block; position: relative; width: 375px; padding: 25px;}
#section-02 .video-area .title-box {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: space-between;
}
#section-02 .video-area .title-box .title-con {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; float: left; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#section-02 .video-area .title-box .title-con .sc-title {display: block; margin-right: 10px; line-height: 60px;}
#section-02 .video-area .title-box .title-con .btn-more {display: block; width: 30px; height: 30px; border-radius: 50%; background: url(../images/layout/i_sns_youtube2.svg) no-repeat center; background-size: cover;}

#section-02 .video-area .title-box .utils {display: block; float: right;}
#section-02 .video-area .title-box .utils .nav-box {display: flex;align-items: center;}
#section-02 .video-area .title-box .utils .nav-box::after {content:""; display: block; clear: both;}
#section-02 .video-area .title-box .utils .nav-box .nav-item {display: block; float: left;}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav {display: block; width: 25px; height: 25px; margin-top: 2.5px; border:1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 22px;}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_bk.svg);}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_bk.svg); margin-right: 2px; margin-left: 2px;}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_bk.svg);}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-more {display: block; width: 30px; height: 30px; border-radius: 50%; background: url(../images/layout/i_sns_youtube2.svg) no-repeat center; background-size: cover;}

#section-02 .video-area .slide-box {display: block; position: relative; background: url(../images/main/bg_video.jpg) no-repeat center; background-size: cover;border-radius: 12px;overflow: hidden;}
#section-02 .video-area .slide-box .pagination {display: flex;align-items: baseline; position: absolute; top: 10px; left: 10px; right: auto; height: fit-content; z-index: 2; width: auto; padding: 2px 15px; border-radius: 40px; font-size: 0.85rem; color: #ffffff; text-align: center; background-color: rgba(0,0,0,0.7);}
#section-02 .video-area .slide-box .pagination::after {content:''; display: block; clear: both;}
#section-02 .video-area .slide-box .pagination > span {display: block; float: left; min-width: 20px; line-height: 30px;}
#section-02 .video-area .slide-box .pagination > span.swiper-pagination-current {font-weight: 700;}
#section-02 .video-area .slide-box .video-slide {display: block; overflow: hidden; position: relative;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide {display: block;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item {display: block; overflow: hidden; padding-top: 100%;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item .img-box {display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 50px);}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item .img-box > img {display: block; position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: auto;transition: transform 0.3s ease;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .txt {display: block; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 15px; background-color: rgba(0,0,0,0.5); line-height: 50px; font-weight: 600; font-size: 1rem; color: #ffffff; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
#section-02 .video-area .slide-box .video-slide .swiper-notification {position: absolute; top: 0; right: 0; z-index: 2;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item:hover .img-box > img {transform: scale(1.04);}
/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item:focus::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 2px dashed #fff;
    box-sizing: border-box;
}
/* #section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item .img-box > img {transition: transform 0.4s;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .slide-item:hover .img-box > img {transform: translateY(-50%) scale(1.05);} */

#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide .txt {transition: background 0.4s;}
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide:focus .txt,
#section-02 .video-area .slide-box .video-slide .swiper-wrapper .swiper-slide:hover .txt {background-color: rgba(0,0,0,0.7);}

#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav {transition: background 0.3s;}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:focus,
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-prev:hover {border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_left_bl.svg);}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:focus,
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-next:hover { border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_right_bl.svg);}

#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:focus,
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause:hover { border-color: #005CB2;background-color: #E8F2FC; background-image: url(/krds/img/component/icon/icon_stop_bl.svg);}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_bl.svg);}
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:focus,
#section-02 .video-area .title-box .utils .nav-box .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_bl.svg);}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .video-area {width: 295px; padding: 25px 10px;}
}
@media screen and (max-width: 1200px) {
	#section-02 .video-area {width: 33.333%; -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4;}
}
@media screen and (max-width: 1024px) {
	#section-02 .video-area .title-box {height: 50px; line-height: 50px;}
	#section-02 .video-area .title-box .title-con .sc-title {margin-right: 5px; line-height: 50px;}
	#section-02 .video-area .title-box .title-con .btn-more {width: 25px; height: 25px;}
	
}
@media screen and (max-width: 800px) {
	#section-02 .video-area {width: 50%; padding: 10px;}
}
@media screen and (max-width: 600px) {
	#section-02 .video-area {padding: 5px;}
	#section-02 .video-area .title-box {
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (max-width: 475px) {
	#section-02 .video-area {width: 100%; padding: 15px 5px;}
}


.nav-box > .pagination2{padding: 1px8px;}
.nav-box > .pagination2 > .swiper-pagination-current{font-weight: 600; font-size: 1.08rem;}
.nav-box > .pagination2 span{padding: 0px 2px;}
/*-------------------------------------------------------------------
	분류그룹 : 어서오션 TV & 이달의 해양수산 & 열린장관실 > 이달의 해양수산
-------------------------------------------------------------------*/
#section-02 .month-area {display: block; width: calc(100% - 750px); padding: 25px;}
#section-02 .month-area .con-wrap {display: table; position: relative; width: 100%; padding-bottom: 345px;}
#section-02 .month-area .con-wrap .title-box {display: table-cell; width: 1%; vertical-align: middle;}
#section-02 .month-area .con-wrap .title-box .sc-title {display: block; line-height: 40px; color: #000000; white-space: nowrap;}
#section-02 .month-area .con-wrap .title-box .sc-title .em {color: #005CB2;}
#section-02 .month-area .con-wrap .menu-wrap {display: table-cell; width: 99%; padding-left: 30px; vertical-align: middle;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list {display: block; border-bottom: 1px solid #ccc;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list::after {content:""; display: block; clear: both;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li {display: block; float: left; width: 20%;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab {display: block; width: 100%; height: 50px; border-bottom: 4px solid transparent; background-color: transparent; font-weight: 600; font-size: 1.175rem; font-family: 'Pretendard GOV','Pretendard','Noto Sans KR', sans-serif;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab > span {display: inline-block; position: relative; line-height: 38px; vertical-align: middle;font-size: 1.056rem; font-weight: 600;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 60px);}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box {display: block; float: left; max-width: 233px; height: 100%;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box > img {display: block; height: 100%;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box {display: flex; flex-direction: column; justify-content: space-between;height:90%;  padding-left: 25px;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .title {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; padding: 50px 10px 0px;-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: flex-start; word-break: break-all;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .title .category {display: block; width: 50px; height: 50px;  border-radius: 50px; background-color: #005CB2; line-height: 50px; font-weight: 600; font-size: 17px; color: #ffffff; text-align: center;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .title .tit {display: block; overflow: hidden; width: calc(100% - 50px); max-height: 2.5rem; padding-top: 17px; font-size: 1.056rem; color: #000000; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box {display: block; margin-bottom: 20px; padding: 15px 10px; }
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box::after {content:""; display: block; clear: both;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .txt {display: block; overflow: hidden; height: 2.6rem; text-overflow: ellipsis; margin-bottom: 20px; line-height: 1.4rem; font-weight: 400; font-size: 0.944rem; color: #121212; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more {display: inline-block; position: relative; padding-right: 35px; line-height: 30px; font-weight: 600; color: #5C6C82;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more::before {content:""; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #0775DB; background-image: url(../images/main/i_more_wh.svg); background-repeat: no-repeat; background-position: center;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .date {display: block; padding-left: 10px; font-weight: 500; font-size: 17px; color: #555;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab {transition: border 0.4s, background 0.4s, color 0.4s;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab:focus {position: relative; outline-color: transparent; background-color: #ffffff; color: #000000;}
/* #section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px dashed #000000; box-sizing: border-box;} */
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab.active {border-color: #005CB2; color: #005CB2;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab.active:focus {border-color: #005CB2;; background-color: #ffffff; color: #0775DB;}

#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box.active {display: block;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box:focus {position: relative; outline-color: transparent;}
/*#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #000000; box-sizing: border-box;}*/
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus {position: relative; outline-color: transparent;}
/* #section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #000000; box-sizing: border-box;} */
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .title .tit {transition: transform 0.3s ease;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .title .tit,
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus .title .tit {color: #002e59;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .txt {transition: color 0.4s;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .txt-box .txt,
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus .txt-box .txt {color: #000000;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more {transition: color 0.4s;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .txt-box .i-more,
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus .txt-box .i-more {color: #000000;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more::before {transition: transform 0.4s;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .txt-box .i-more::before,
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus .txt-box .i-more::before {transform: rotate(180deg);}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .date {transition: color 0.4s;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .date,
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:focus .date {color: #000000;}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more .more-btn-txt {font-size: 0.8rem;}
.more-btn-txt { padding: 8px 30px 8px 15px;border: 1px solid #005CB2;font-size: 0.9rem; background-color: #F3F8FF;color: #005CB2;border-radius: 40px;position: relative;}
.more-btn-txt::after {content: '';transition: transform 0.4s;background-image: url(/krds/img/component/icon/icon_more_bl.svg);display: inline-block;background-position: center;width: 12px;height:12px;position: absolute;top:11px; right:10px; background-repeat: no-repeat;}
.more-btn-txt:hover::after {    transform: rotate(180deg);background-image: url(/krds/img/component/icon/icon_more_Na.svg);}
.more-btn-txt:hover {border-color: #173A70;color:#173A70; }
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .month-area {width: calc(100% - 590px); padding: 25px 10px;}
	#section-02 .month-area .con-wrap {padding-bottom: 295px}
	#section-02 .month-area .con-wrap .menu-wrap {padding-left: 5px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab {font-size: 1rem;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box {padding-left: 15px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box {margin-bottom: 10px; padding: 10px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .txt {margin-bottom: 15px;}
}
@media screen and (max-width: 1200px) {
	#section-02 .month-area {width: 66.666%; -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5;}
}
@media screen and (max-width: 1024px) {
	#section-02 .month-area .con-wrap {padding-bottom: 285px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box {height: calc(100% - 50px);}
}
@media screen and (max-width: 800px) {
	#section-02 .month-area {width: 100%; padding: 30px 10px 20px; -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6;}
}
@media screen and (max-width: 600px) {
	#section-02 .month-area {padding: 25px 5px 15px;}
	#section-02 .month-area .con-wrap {display: block; padding-bottom: 250px;}
	/* #section-02 .month-area .con-wrap .title-box {display: block; width: auto; padding: 0 10px; background-color: #0775DB;border-radius: 12px 12px 0 0;}
	#section-02 .month-area .con-wrap .title-box .sc-title {display: block; height: 50px; line-height: 50px; color: #ffffff;}
	#section-02 .month-area .con-wrap .title-box .sc-title .em {color: #ffffff;} */

	#section-02 .month-area .con-wrap .menu-wrap {display: block; overflow-x: auto; overflow-y: visible; width: auto; padding-left: 0;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list {display: flex;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list::after {display: none;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li {display: block; min-width: 65px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab {border: 0; height: auto;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab > span {padding: 15px 0; line-height: 1; font-size: 1rem;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab.active {background-color: #ffffff; color: #005CB2;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab.active > span::before {content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #005CB2;}

	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box {height: calc(100% - 109px);}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .title {padding: 0 0 10px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box {padding: 10px 0;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .date {padding-left: 0;}
}
@media screen and (max-width: 475px) {
	#section-02 .month-area {padding: 15px 5px 30px; border-bottom: 1px solid #ccc;}
	#section-02 .month-area .con-wrap {padding-bottom: calc(467px + 5.2rem);}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box {float: none; width: 100%; max-width: none; height: 325px; margin-bottom: 10px; background-color: #F7F9FB;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .img-box > img {margin: 0 auto;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box {position: relative; padding-left: 0;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box {margin-bottom: 0;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .txt {margin-bottom: 10px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more {float: right; line-height: 25px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .txt-box .i-more::before {width: 25px; height: 25px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box .date {position: absolute; bottom: 11px; left: 0; line-height: 25px;}
}



/*-------------------------------------------------------------------
	분류그룹 : 어서오션 TV & 이달의 해양수산 & 열린장관실 > 열린장관실
-------------------------------------------------------------------*/
#section-02 .minister-area {display: block; position: relative; width: 375px; padding: 25px;}
#section-02 .minister-area .title-box {display: block; height: 60px; }
#section-02 .minister-area .title-box .sc-title {float: left; line-height: 60px;}

#section-02 .minister-area .con-box {display: block; position: relative; padding-bottom: 325px; background: url(/krds/img/component/icon/mof_img.jpg) no-repeat center; background-size: cover;border-radius: 12px;overflow: hidden;}
#section-02 .minister-area .con-box .tit {display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 50px); padding-top: 60px; padding-left: 30px; padding-right: 160px; font-weight: 500; font-size: 1.25rem; color: #000;}
#section-02 .minister-area .con-box .menu-box {display: table; position: absolute; bottom: 0; left: 0; width: calc(100% - 30px);margin: 15px;border-radius: 6px; background-color: rgba(47,51,66,0.75);}
#section-02 .minister-area .con-box .menu-box .item {display: table-cell; height: 50px; line-height: 50px; color: #fff; text-align: center;}
.pa_txt {padding-top: 15px;display: inline-block;font-weight: 500;}
.we_txt {font-weight: 700;}
/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-02 .minister-area .con-box .tit:focus { border: 3px dashed #000; }
/*#section-02 .minister-area .con-box .tit:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px dashed #ffffff; box-sizing: border-box;}*/

#section-02 .minister-area .con-box .menu-box .item {transition: background 0.3s;position: relative;}
#section-02 .minister-area .con-box .menu-box .item::after {content: ''; border-right: 1px solid rgba(85,88,94,0.7);position: absolute;top:15px;bottom: 15px;left: 0; display: inline-block;}
#section-02 .minister-area .con-box .menu-box .item:hover {background-color: #2F3342;border-radius: 6px;}
#section-02 .minister-area .con-box .menu-box .item:focus {background-color: #ffffff; color: #3C69C0; border-radius: 8px;}
/* 
#section-02 .minister-area .con-box .menu-box .item:focus {position: relative; outline-width: 3px; outline-style: solid; outline-color: #000000;} */
#section-02 .minister-area .con-box .menu-box .item:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #ffffff; box-sizing: border-box;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-02 .minister-area {width: 295px; padding: 25px 10px;}
	#section-02 .minister-area .con-box {padding-bottom: 275px;}
	#section-02 .minister-area .con-box::before {width: 200px; height: 257px;}
	#section-02 .minister-area .con-box .tit {padding-top: 50px; padding-left: 15px; padding-right: 110px;}
}
@media screen and (max-width: 1200px) {
	#section-02 .minister-area {width: 33.333%; -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6;}
}
@media screen and (max-width: 1024px) {
	#section-02 .minister-area .title-box {height: 50px;}
	#section-02 .minister-area .title-box .sc-title {line-height: 50px;}
}
@media screen and (max-width: 800px) {
	#section-02 .minister-area {width: 50%; padding: 10px; -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5;}
	#section-02 .minister-area .con-box {padding-bottom: 100%;}
	#section-02 .minister-area .con-box .tit {font-size: 22px;}
}
@media screen and (max-width: 600px) {
	#section-02 .minister-area {padding: 5px;}
	#section-02 .minister-area .title-box {padding: 0 10px;}
	#section-02 .minister-area .con-box::before {width: 227px; height: 241px;}
	#section-02 .minister-area .con-box .tit {padding-top: 40px; font-size: 18px;}
}
@media screen and (max-width: 475px) {
	#section-02 .minister-area {width: 100%; padding: 15px 5px;}
	#section-02 .minister-area .con-box {padding-bottom: 275px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 자주찾는 메뉴
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section-03 {padding-top: 25px;z-index: 2;position: relative;}
#section-03 .quick-area {display: block; overflow: hidden; position: relative; background-color: #F7F9FB;}
#section-03 .quick-area::before {content:""; position: absolute; top: 0; left: 0; width: calc((100% - 1400px) / 2 + 378px); height: 100%; background-color: #E7F3FF;}
#section-03 .quick-area .section-con {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#section-03 .quick-area .section-con .title-box {display: block; position: relative; z-index: 1; width: 378px;}
#section-03 .quick-area .section-con .title-box .sc-title {position: relative; padding: 60px 0 60px 130px; line-height: 40px; color: #000000;}
#section-03 .quick-area .section-con .title-box .sc-title::before {content:""; position: absolute; top: calc(50% - 63.5px); left: 0; width: 115px; height: 127px; background: url(./img_quick.png) no-repeat center; background-size: contain;}
#section-03 .quick-area .section-con .title-box .sc-title .em {color: #005CB2;}
#section-03 .quick-area .section-con .con-wrap {display: block; position: relative; width: calc(100% - 378px); min-height: 240px; padding-top: 65px;}
#section-03 .quick-area .section-con .con-wrap .menu-list {display: block;}
#section-03 .quick-area .section-con .con-wrap .menu-list::after {content:""; display: block; clear: both;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li {display: block; margin-bottom: 10px;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li:last-child {margin-bottom: 0;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {display: block; position: relative; z-index: 1; width: 120px; height: 50px; background-color: #ffffff; font-weight: 600; font-size: 1rem; color: #4C72BD; transform: translateX(-60px);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 120px; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list {display: block; width: 100%;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list::after {content:""; display: block; clear: both;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li {display: block; float: left; padding: 0 5px;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item {display: block; width: 100%; text-align: center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item::before {content:""; display: block; width: 85px; height:85px; margin: 0 auto; border: 6px solid #fff; border-radius: 50%; background-color: #EDF5FF; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item .tit {display: block; margin-top: 15px; line-height: 20px; font-weight: 600; font-size: 1rem; color: #44484c;}

/* 퀵메뉴 */
/*
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li {width: calc(100% / 8);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v1::before {background-image: url(../images/main/i_quick_0101.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v2::before {background-image: url(../images/main/i_quick_0102.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v3::before {background-image: url(../images/main/i_quick_0103.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v4::before {background-image: url(../images/main/i_quick_0104.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v5::before {background-image: url(../images/main/i_quick_0105.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v6::before {background-image: url(../images/main/i_quick_0106.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v7::before {background-image: url(../images/main/i_quick_0107.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v8::before {background-image: url(../images/main/i_quick_0108.png);}
*/

#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item::before {background-image: url(/krds/img/component/icon/i_quick_0100.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v1::before {background-position: 22px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v2::before {background-position: -67px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v3::before {background-position: -156px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v4::before {background-position: -244px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v5::before {background-position: -333px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v6::before {background-position: -423px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v7::before {background-position: -511px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v8::before {background-position: -599px center;}
/* 해양정보 */
/*
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li {width: calc(100% / 6);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v1::before {background-image: url(../images/main/i_quick_0201.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v2::before {background-image: url(../images/main/i_quick_0202.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v3::before {background-image: url(../images/main/i_quick_0203.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v4::before {background-image: url(../images/main/i_quick_0204.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v5::before {background-image: url(../images/main/i_quick_0205.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v6::before {background-image: url(../images/main/i_quick_0206.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v7::before {background-image: url(../images/main/i_quick_0207.png);}
*/

#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item::before {background-image: url(/krds/img/component/icon/i_quick_0200.png);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v1::before {background-position: 14px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v2::before {background-position: -73px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v3::before {background-position: -164px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v4::before {background-position: -253px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v5::before {background-position: -342px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v6::before {background-position: -431px center;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v7::before {background-position: -517px center;}


/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {transition: background 0.4s, color 0.4s, transform 0.4s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab:hover {background-color: #005CB2; color: #ffffff;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab:focus {background-color: #ffffff; color: #005CB2;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab.active {background-color: #005CB2; color: #ffffff; transform: translateX(-30px);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab.active:focus {background-color: #ffffff; color: #005CB2;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab:focus {outline: transparent;}
/* #section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid #000000; box-sizing: border-box;} */

#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active {visibility: visible;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item {opacity: 0; transform: translateY(20px); transition: transform 0.4s, opacity 0.4s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li .item {opacity: 1; transform: translateY(0);}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(2) .item {transition-delay: 0.1s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(3) .item {transition-delay: 0.2s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(4) .item {transition-delay: 0.3s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(5) .item {transition-delay: 0.4s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(6) .item {transition-delay: 0.5s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(7) .item {transition-delay: 0.6s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(8) .item {transition-delay: 0.7s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(9) .item {transition-delay: 0.8s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box.active .quick-list > li:nth-child(10) .item {transition-delay: 0.9s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item::before {transition: border 0.4s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item:focus::before,
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item:hover::before {border-color: #005CB2;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item .tit {transition: color 0.4s;}
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item:focus .tit,
#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item:hover .tit {color: #005CB2;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	#section-03 .quick-area {padding: 20px 0;}
	#section-03 .quick-area::before {width: 315px;}
	#section-03 .quick-area .section-con {display: block;}
	#section-03 .quick-area .section-con .title-box {z-index: 2; width: 295px;}
	#section-03 .quick-area .section-con .title-box .sc-title {padding: 40px 0 40px 130px;}
	#section-03 .quick-area .section-con .title-box .sc-title::before {top: auto; bottom: -9px;}

	#section-03 .quick-area .section-con .con-wrap {width: 295px; position: static; min-height: 0; padding-top: 0; padding-right: 20px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li {float: left; width: 50%; margin-bottom: 0;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {width: 100%;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab,
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab.active {transform: translateX(0);}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box {padding-left: 330px; padding-right: 15px;}
}
@media screen and (max-width: 1200px) {
	#section-03 .quick-area::before {width: 280px;}
	#section-03 .quick-area .section-con .title-box {width: 260px;}
	#section-03 .quick-area .section-con .title-box .sc-title {padding: 25px 0 25px 110px;}
	#section-03 .quick-area .section-con .title-box .sc-title::before {bottom: -8px; width: 95px; height: 105px;}
	
	#section-03 .quick-area .section-con .con-wrap {width: 260px; padding-right: 15px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {height: 40px; line-height: 40px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box {padding-left: 290px; padding-right: 10px;}
/*	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item::before {width: 70px; height: 70px; background-size: 30px;}*/
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item .tit {margin-top: 10px; font-size: 14px;}
}
@media screen and (max-width: 1024px) {
	#section-03 .quick-area {padding: 15px 0;}
	#section-03 .quick-area::before {width: 100%; height: 80px;}
	#section-03 .quick-area .section-con {padding-bottom: 150px;}
	#section-03 .quick-area .section-con::after {content:""; display: block; clear: both;}
	#section-03 .quick-area .section-con .title-box {float: left; width: auto;}
	#section-03 .quick-area .section-con .title-box .sc-title {padding: 5px 0 5px 75px;}
	#section-03 .quick-area .section-con .title-box .sc-title::before {width: 60px; height: 67px;}
	#section-03 .quick-area .section-con .con-wrap {float: right; width: auto; padding-right: 0;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {width: 120px; height: 50px; line-height: 50px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box {top: auto; bottom: 0; height: 135px; padding-left: 10px; padding-top: 15px;}
}
@media screen and (max-width: 800px) {
	#section-03 {padding-top: 20px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item::before {width: 70px; height: 60px; border-radius: 5px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v1::before {background-position: 16px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v5::before {background-position: -339px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v2::before {background-position: -73px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v3::before {background-position: -162px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v4::before {background-position: -248px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v8::before {background-position: -605px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v6::before {background-position: -428px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v7::before {background-position: -517px center;}

	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v1::before {background-position: 8px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v2::before {background-position: -81px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v3::before {background-position: -170px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v4::before {background-position: -258px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v5::before {background-position: -348px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v6::before {background-position: -437px center;}
	    
}	

@media screen and (max-width: 720px){
	#section-03 .quick-area .section-con {padding-bottom: 220px; }
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box {height: 195px;}
}
@media screen and (max-width: 600px) {
	#section-03 {padding-top: 15px;}
	.quick-area .section-con.type-a {padding-bottom: 210px;}
	#section-03 .quick-area .section-con.type-b {padding-bottom: 250px;}
	#section-03 .quick-area .section-con.type-a .con-wrap .menu-list > li .quick-tab-box {height: 195px;}
	#section-03 .quick-area .section-con.type-b .con-wrap .menu-list > li .quick-tab-box {height: 235px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li {padding-bottom: 10px;}
	
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item .tit {margin-top: 5px;}
	
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {width: 100px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li {width: 25%;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li:nth-child(n + 5) {padding-bottom: 0;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li {width: 33.333%;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li:nth-child(n + 4) {padding-bottom: 0;}
/* 	
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v1::before { background-position: 8px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v2::before {background-position: -81px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v3::before {background-position: -171px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v4::before { background-position: -259px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v5::before { background-position: -347px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v6::before {background-position: -435px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v7::before { background-position: -525px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li .item.v8::before {background-position: -615px center;}
	
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v1::before { background-position: 8px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v2::before {background-position: -81px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v3::before {background-position: -171px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v4::before { background-position: -259px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v5::before { background-position: -347px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v6::before {background-position: -435px center;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v2 > li .item.v7::before { background-position: -525px center;} */
}
@media screen and (max-width: 475px) {
	#section-03 .quick-area::before {height: 105px;}
	#section-03 .quick-area .section-con.type-a {padding-bottom: 195px;}
	#section-03 .quick-area .section-con.type-b {padding-bottom: 235px;}
	#section-03 .quick-area .section-con .title-box {float: none; text-align: center;}
	#section-03 .quick-area .section-con .title-box .sc-title {display: inline-block;}
	#section-03 .quick-area .section-con .title-box .sc-title::before {bottom: -6px;}
	#section-03 .quick-area .section-con .con-wrap {float: none;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .btn-quick-tab {width: 100%; height: 40px; line-height: 40px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item .tit {font-size: 13px;}
}
@media screen and (max-width: 375px) {
	#section-03 .quick-area .section-con.type-a {padding-bottom: 290px;}
	#section-03 .quick-area .section-con.type-a .con-wrap .menu-list > li .quick-tab-box {height: 290px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li {width: 33.333%;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li:nth-child(n + 5) {padding-bottom: 10px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list.v1 > li:nth-child(n + 7) {padding-bottom: 0;}
}




/*-------------------------------------------------------------------
	분류그룹 : 배너
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section-04 {display: block; padding: 20px 0; background-color: #ffffff; z-index: 2; position: relative;}
#section-04 .sub-banner-area {display: block;}
#section-04 .sub-banner-area::after {content:''; display: block; clear: both;}
#section-04 .sub-banner-area .sc-title {display: block; float: left; padding-right: 50px; line-height: 40px; color: #000000;}
#section-04 .sub-banner-area .sc-title .em {color: #005CB2;}
#section-04 .sub-banner-area .slide-box {display: block; overflow: hidden; position: relative; padding: 0 40px 0 110px;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide {display: block; overflow: hidden; position: relative; z-index: 2;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide {display: block; width: auto; text-align: center;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item {display: inline-block; height: 40px; padding-right: 20px; line-height: 40px; background-image: url(./img/component/icon/i_link.svg); background-repeat: no-repeat; background-position: center right; color: #5C6C82; vertical-align: middle;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item > span {display: inline-block; vertical-align: middle; word-break: break-all;}

#section-04 .sub-banner-area .slide-box .utils {display: block; position: absolute; top: 0; left: 0; width: 100%;}
#section-04 .sub-banner-area .slide-box .utils::after {content:''; display: block; clear: both;}
#section-04 .sub-banner-area .slide-box .utils .nav-item {display: block; margin-top: 5px;}
#section-04 .sub-banner-area .slide-box .utils .nav-item.v1 {float: left; margin-right: 5px;}
#section-04 .sub-banner-area .slide-box .utils .nav-item.prev {position: absolute; top: 0; left: 70px;}
#section-04 .sub-banner-area .slide-box .utils .nav-item.next {position: absolute; top: 0; right: 0;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav {display: block; width: 30px; height: 30px; border: 1px solid transparent; background-color: #ffffff; background-repeat: no-repeat; background-position: center;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-prev {background-image: url(/krds/img/component/icon/icon_left_bk.svg);}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause {background-image: url(/krds/img/component/icon/icon_stop_bk.svg);}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-next {background-image: url(/krds/img/component/icon/icon_right_bk.svg);}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-more {display: block; float: left; width: 30px; height: 30px; border: 1px solid transparent; background-color: #ffffff; background-image: url(/krds/img/component/icon/icon_more_bk.svg); background-repeat: no-repeat; background-position: center;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item {transition: background 0.3s, color 0.3s;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item:focus,
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item:hover {background-image: url(/krds/img/component/icon/i_link_on.svg); color: #195EFF;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item:focus {outline: transparent;}
#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #000000; box-sizing: border-box;}

#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav {transition: border 0.3s, background 0.3s;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav:hover {border-color: #4C72BD;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-prev:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-prev:hover {background-image: url(/krds/img/component/icon/icon_left_bl.svg);border-color: #005CB2;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-next:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-next:hover {background-image: url(/krds/img/component/icon/icon_right_bl.svg);border-color: #005CB2;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause:hover {background-image: url(/krds/img/component/icon/icon_stop_bl.svg);border-color: #005CB2;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause.active {background-image: url(/krds/img/component/icon/icon_play_bk.svg);}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause.active:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-nav.btn-pause.active:hover {background-image: url(/krds/img/component/icon/icon_play_bl.svg);border-color: #005CB2;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-more {transition: border 0.3s, background 0.3s;}
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-more:focus,
#section-04 .sub-banner-area .slide-box .utils .nav-item .btn-more:hover { background-image: url(/krds/img/component/icon/icon_more_bl.svg);border-color: #005CB2;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	#section-04 {padding: 15px 0;}
	#section-04 .sub-banner-area .sc-title {float: none;}
}
@media screen and (max-width: 600px) {
	#section-04 .sub-banner-area .sc-title {padding-right: 75px;}
	#section-04 .sub-banner-area .slide-box {overflow: visible; padding: 0 40px;}
	#section-04 .sub-banner-area .slide-box .sub-banner-slide .swiper-wrapper .swiper-slide .slide-item {font-size: 14px;}

	#section-04 .sub-banner-area .slide-box .utils .nav-item.v1 {margin-right: 0;}
	#section-04 .sub-banner-area .slide-box .utils .nav-item.prev {left: 0;}
	#section-04 .sub-banner-area .slide-box .utils .nav-item.pause {position: absolute; bottom: 5px; right: 35px;}
	#section-04 .sub-banner-area .slide-box .utils .nav-item.more {position: absolute; bottom: 5px; right: 0;}
}

.frame_height {min-height:350px; width: 100%;height: 100%;border: none;}

@media screen and (max-width: 1270px) {
    .frame_height {
        min-height: 530px;
    }
}
@media screen and (max-width: 1045px) {
    .frame_height {
        min-height: 570px;
    }
}

@media screen and (max-width: 977px) {
    .frame_height {
        min-height: 560px;
    }
}

@media screen and (max-width: 663px) {
    .frame_height {
        min-height: 790px;
    }
}
@media screen and (max-width: 480px) {
    .frame_height {
        min-height: 940px;
    }
}
@media screen and (max-width: 449px) {
    .frame_height {
        min-height: 1030px;
    }
}

@media screen and (max-width: 430px) {
    .frame_height {
        min-height: 970px;
    }
}
@media screen and (max-width: 423px) {
    .frame_height {
        min-height: 1040px;
    }
}
@media screen and (max-width: 405px) {
    .frame_height {
        min-height: 520px;
    }
}

@media screen and (max-width: 380px) {
    .frame_height {
        min-height: 520px;
    }
}

.txt_01 {
    margin-top: 15px;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.035em;
}

.txt_02 {
    margin-top: 5px;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.2;
    color: #89fff3;
    letter-spacing: -0.035em;
}

.title {
    margin-top: 0px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}
.btn_size {
    font-size: 16px;
}
.btn_wrap {
    margin-top: 14px;
}

.btn_red {
    margin-right: 5px;
    display: inline-block;
    padding: 0 20px;
    line-height: 42px;
    font-weight: 700;
    color: #000 !important;
    letter-spacing: -.045em;
    background: #ff7854;
    border-radius: 5px;
    box-shadow: 3px 3px 19px -8px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 3px 3px 19px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 19px -8px rgba(0,0,0,0.75);
}
.table_col > tbody > tr > td:first-child .tit {
    display: block;
    margin-top: 0;
    font-size: 0.85rem;
    color: #fff;
    font-weight: 500;
    position: absolute;
    width: 100%;
    top: 3px;
}
.table_col > tbody > tr > td:first-child p {
    position: absolute;
    width: 100%;
    top: 17px;
    margin-top: 5px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1;
}

.ba_back {max-width: 1400px;}
.ifr_back {width: 100%;display: flex;justify-content: center;padding: 30px 0;}
.con_back, .con_back_02 {width: 100%; max-width: 1400px;display: flex;justify-content: center;align-items: center;}
.gray_back {width: 100%;margin-top:15px; display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 0.3);backdrop-filter: blur(7px) saturate(100%);-webkit-backdrop-filter: blur(7px) saturate(100%); z-index: 2;}
.bottom_txt {display: flex;justify-content: space-between;}

#footer .site-box-wrap .list-area .site-box-list > li .site-box .site-list > li > a {display:block; min-height: 45px; padding: 5px 15px; background-color: #fff; line-height: 30px; color: #000;}
#footer .site-box-wrap .list-area .site-box-list > li { border-right: 1px solid #ccc;}
#footer .site-box-wrap .list-area .site-box-list { border-left: 1px solid #ccc;}
#footer .site-box-wrap .list-area .site-box-list > li .site-box .btn-site::before {content: ""; background: url(/krds/img/component/icon/i_arr.png);    background-size: contain;}
#footer .site-box-wrap .list-area .site-box-list > li .site-box .btn-site.on {background-color: #eee;color: #000;}



#footer .footer-wrap {width: 100%;}

#footer > .inner {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}


@media (max-width: 1400px) {
	.table_col > tbody > tr > td:first-child .tit {top: 5px;font-size: 14px;}
	.btn_red {padding: 0 7px;}
	.table_col > tbody > tr > td:first-child p {top:15px; font-size: 12px;}
}
@media (min-width: 1024px) {
    #footer > .inner {
        gap: var(--krds-gap-9);
        padding: var(--krds-padding-10) 0 var(--krds-padding-8);
    }
}
@media (min-width: 1024px) {
    .inner {
        margin: 0 auto;
    }
}
#footer {background-color: #f4f5f6 !important;}
.inner {
    width: 100%;
	padding-right: 2rem;
	padding-left: 2rem;
}
#footer .f-logo {
    width: 9.7rem;
    height: var(--krds-size-height-7);
    background-image: url(/krds/img/component/icon/logo1.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#footer .f-cnt {
    display: flex;
    gap: var(--krds-gap-7);
	margin-bottom: 30px;
}
@media (min-width: 1024px) {
    #footer .f-cnt {
        justify-content: space-between;
        flex: 1;
    }
}
#footer .f-cnt .f-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: 0.85rem;
	font-size: 0.9rem;
}
#footer .f-cnt .f-info .info-cs {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 0.85rem;
}
.g-wrap .g-example-wrap .g-example .sample-view #footer .f-cnt .f-link {
    min-width: fit-content;
}
@media (min-width: 1024px) {
    #footer .f-cnt .f-link {
        flex-shrink: 0;
        width: 23.5%;
    }
}
#footer .f-cnt .f-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-shrink: 0;
    gap: 2rem;
}
#footer .f-cnt .f-link .link-go {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.4rem;
}
#footer .f-cnt .f-link .link-go .krds-btn.text {
    gap: 0.9rem;
    height: var(--krds-button--size-height-medium);
    padding: var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium);
    border-radius: var(--krds-button--radius-medium);
    font-size: 1rem;
    font-weight: var(--krds-button--font-weight-medium);
}
#footer .f-cnt .f-link .link-go .krds-btn.text .svg-icon {
    width: 1rem;
    height: 1rem;
}
#footer .f-cnt .f-link .link-sns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
#footer .f-cnt .f-link .link-sns a {
    display: inline-flex;
}
#footer .f-btm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: var(--krds-padding-6);
    gap: var(--krds-gap-9);
    border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
	margin-bottom: 70px;
}
#footer .f-btm .f-btm-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}
#footer .f-btm .f-btm-text .f-menu {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--krds-gap-3);
	font-size: 0.95rem;
}
#footer .f-btm .f-btm-text .f-menu .point {color: #002e58;text-decoration: underline;font-weight: 700;text-underline-offset: 5px;}
#footer .f-btm .f-btm-text .f-copy {
    font-size:0.85rem;
    color: var(--krds-light-color-text-subtle);
}

.wa_icon {width: 3.5rem;margin-top: -10px;}

.right_side_menu {
	display: block;
    position: fixed;
    top: 228px;
    right: 1.6%;
    z-index: 99;
    border-radius: 12px;
    padding: 10px;
    animation: backColor 3s ease-in-out infinite;
}


.right_side_menu .side_btn_close {display: block;width: 100%;}
.right_side_menu.closed {
    right: -300px; /* 메뉴 너비만큼 숨김 */
}
.side_btn_open.show {
    right: 0;
	opacity: 1;
  pointer-events: auto;
}
.right_side_menu .side_btn_close::after {content: '';background: url(/krds/img/component/icon/icon_right_bk.svg);display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;background-size: contain;background-position: center;vertical-align: text-bottom;}
.side_btn_open {
  position: fixed;
  top: 228px;
  right: -60px;
  z-index: 98;
  padding: 15px 15px 15px 20px;
  background-color: #E8F2FC;
  border-radius: 12px 0 0 12px;
  border: 1px solid #E5E5E5;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: right 0.6s ease, opacity 0.3s ease;
}
.side_btn_open::after {
  content: '';
  background: url(/krds/img/component/icon/icon_left_bk.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: text-bottom;
  margin-left: 5px;
}
.side_btn_con {padding: 0 18px;}
.side_btn_con a {font-family: 'Pretendard GOV','Pretendard','Noto Sans KR', sans-serif;font-size: 0.85rem;color: #000; line-height: 1rem; font-weight: 600; border-bottom: 1px solid #E5E5E5;border-radius: 0px !important;}
.side_btn_con a:last-child {border-bottom: 0px;}
.blue_txt {color: #005CB2;font-weight: 700;font-size: 0.85rem;}


.swiper-slide img {vertical-align: middle;}

.m_logo {    display: block; width: 100%; height: 2.5rem;background-image: url(/krds/img/component/icon/logo1.svg); background-position:left center; background-size: contain; background-repeat: no-repeat;}
.svg-icon.ico-popup-close {width: 1.8rem !important;height: 1.8rem !important;}


.m_menu_btn_icon{color: #000;}
.m_menu_btn_icon::after {content: "";background: url(/krds/img/component/icon/ico_go.svg) no-repeat center;background-size: contain;min-width: 18PX; width: 18px;height: 18px;vertical-align: middle;margin-left: 5px; display: inline-block;}

#header .header-container .btn-navi.m_t_sch_btn {display: none;}

#container {
    position: relative;
    min-height: 100vh;
    margin-top: 204px;
}
/* 닫기 버튼 */
#sitemap .btn-close {display: block; border: 0; background-color: transparent; cursor: pointer;}
#sitemap .btn-close .icon {display: block; position: relative; width: 30px; height: 30px;}
#sitemap .btn-close .icon::before,
#sitemap .btn-close .icon::after {content:""; position: absolute; top: 50%; left: 50%; width: 100%; height: 3px; border-radius: 1.5px; background-color: #fff;}
#sitemap .btn-close .icon::before {transform: translate(-50%, -50%) rotate(45deg);}
#sitemap .btn-close .icon::after {transform: translate(-50%, -50%) rotate(-45deg);}
#wrap .header-hidden{transform: translateY(-100%);}


/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#sitemap .btn-close .icon::before,
#sitemap .btn-close .icon::after {transition: transform 0.3s;}
#sitemap .btn-close:hover .icon::before {transform: translate(-50%, -50%) rotate(30deg);}
#sitemap .btn-close:hover .icon::after {transform: translate(-50%, -50%) rotate(-30deg);}

#footer .site-box-wrap {display: block; background-color: #fff;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#footer .site-box-wrap .list-area .site-box-list > li .site-box .btn-site {display:block; position: relative; z-index: 50; width:100%; height: 55px; padding: 0 30px 0 20px; background-color: #fff; line-height: 55px; text-align: left; color:#121212; cursor: pointer;}

@media (max-width: 1200px) {
	.con_back, .con_back_02, .gray_back {display: contents;}
    
}
@media (max-width: 1023px) {
	#footer .site-box-wrap .list-area .site-box-list > li .site-box {height: 55px;}
	#header .header-container .btn-sitemap {display: none;}
	#footer .site-box-wrap .list-area .site-box-list > li {border-bottom: 1px solid #ccc;}
	#footer .site-box-wrap .list-area .site-box-list > li:nth-child(3), #footer .site-box-wrap .list-area .site-box-list > li:nth-child(4) {border-bottom: 0px;}
	#header .header-container .btn-navi {min-height: 2.6rem;}
	#header .header-container .header-utility {display: block;}
	#section-01 {padding-top: 35px;}
}
@media screen and (max-width: 985px) {
    #container {
        margin-top: 140px;
    }
	#section-02 {padding-top:10px;}
	#section-03 .quick-area .section-con .con-wrap .menu-list > li .quick-tab-box .quick-list > li .item::before {border-width: 4px;}
}
@media screen and (max-width: 860px){
	#section-02 .minister-area .con-box .menu-box .item {line-height: 25px;}
}
@media screen and (max-width: 800px){
	#section-02 .minister-area .con-box .menu-box .item {line-height: 50px;}
}
@media screen and (max-width: 767px){
	.sch_input {display: none;}
	#header .header-container .btn-navi.m_t_sch_btn {display: flex;border: 0px !important;}
	#header .header-container .btn-navi.t_sch_btn {display: none;}
	
	#container { margin-top: 100px;}
	#section-01 .main-banner-area {margin-bottom: 20px;}
	#section-02 { padding-top: 5px;}
	.right_side_menu button { padding: 10px 10px 10px 15px;margin-bottom: 15px;font-size:0.9rem;}
	.side_btn_open {padding: 10px 10px 10px 15px;top: 134px;font-size:0.9rem;}
	.right_side_menu {top:134px;}
	.right_side_menu a, .right_side_menu a:nth-of-type(1), .right_side_menu a:nth-of-type(2),.right_side_menu a:nth-of-type(3),.right_side_menu a:nth-of-type(4), .right_side_menu a:nth-of-type(5) {height: 50px;margin-bottom: 10px;}
	.banner .title {font-size: 21px;margin-bottom: 5px;}
	.table_col > tbody > tr > td:first-child .tit {top:1px;}
	.table_col > tbody > tr > td:first-child p {top:11px;}
	.txt_01 { margin-top: 7px;font-size: 18px;}
	.tb_Wrap {margin-top: 5px;}
	.txt_02 {font-size: 1.3rem;}
	.btn_size {font-size: 13px;font-weight: 600;}
	.btn_red {line-height: 30px;}
	.btn_wrap {margin-top: 2px;}
	#footer .f-btm {margin-bottom: 40px;}
	
}
@media screen and (max-width: 570px){
	#section-02 .minister-area .con-box .menu-box .item {line-height: 25px;}
}
@media screen and (max-width: 475px){
	.btn_red {line-height: 15px;}
	.tb_Wrap {width: 350px;}
	#section-02 .minister-area .con-box .menu-box .item {line-height: 50px;}
	#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box {height: auto;}
	.bottom_txt {justify-content: flex-end;}
	.side_btn_con a {font-size: 0.8rem;letter-spacing: -0.1rem;}
	.blue_txt {font-size: 0.8rem;}
	.right_side_menu {min-width: 170px;}
	.banner .title {font-size: 19px;margin-bottom: 0;}
	.tb_Wrap {width: 300px;}
	.txt_01 {margin-top: 2px;font-size: 14px;}
	.txt_02 {font-size: 0.8rem;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .utils .btn-more:hover {transform:none;}
	#header .header-container .btn-navi .m_text_hidden {display: none;}
	#footer .site-box-wrap .list-area .site-box-list > li:nth-child(3){border-bottom: 1px solid #ccc; }
	#header .header-container .btn-navi::before {width: 28px; height: 28px;}
	#header .header-container .btn-navi.sch::before {mask-size: 28px;}
	#header .header-container .btn-navi {padding-right: 0.4rem;}
	#section-02 .news-area .menu-wrap .menu-list > li .news-tab-box .list-wrap{padding-top: 0px;}
}

.krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {
    font-size: 1.2rem;
}
#section-02 .month-area .con-wrap .menu-wrap .menu-list > li .btn-month-tab:hover {
    border-color: #005cb2;
    color: #005cb2;
}
.check > span::before, .check > label::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    box-sizing: border-box;
}
.check > span::after, .check > label::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 4px;
    width: 12px;
    height: 9px;
    border-left: 3px solid #3D55A5;
    border-bottom: 3px solid #3D55A5;
    opacity: 0;
    transform: rotate(-45deg);
    box-sizing: border-box;
}
.check > span, .check > label {
    display: inline-block;
    line-height: 20px;
    font-weight: 500;
    font-size: 1rem;
    vertical-align: middle;
    color: #ffffff;
}
.check > input[type="checkbox"]:checked + span, .check > input[type="checkbox"]:checked + label {
    color: #ffffff;
}


#waveCanvas {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100vw;
      height: 200px;
      pointer-events: none;
      /*transform: translateY(200px);*/ /* 기본 위치: 화면 아래 */
      z-index: 1;
    }

    /* 빠르게 올라올 때 */
    /* #waveCanvas.raising {
      transition: transform 0.5s ease-out;
      transform: translateY(0);
    } */

    /* 천천히 내려갈 때 */
    /* #waveCanvas.lowering {
      transition: transform 1.2s ease-in;
      transform: translateY(200px);
    } */
	@media (max-width: 1400px) {
		.inner { padding-right: 0.5rem;padding-left: 0.5rem !important;}
		#section-02 .section-con > .con-wrap {z-index: 2; position: relative; }
	}
@media (max-width: 1100px) {
    .txt_01 {
        font-size: 20px;
        margin-top: 5px;
    }
 .txt_02 {
        font-size: 22px;
    }
.table_col > tbody > tr > th {
        line-height: 20px;
    }
.tb_Wrap {
    margin-top: 5px;
}
.btn_wrap {
    margin-top:5px;
}
#section-02 {
padding-top: 10px;
}
}
@media (max-width: 600px) {
.txt_01 {
        font-size: 15px;
        margin-top: 0px;
    }
	    .banner .title {
        font-size: 14px;
        margin-bottom: 2px;
    }
	    .txt_02 {
        font-size: 18px;
    }
	    .btn_wrap {
        margin-top: 0px;
    }
}

@media (max-width: 500px) {
	.banner .title {font-size: 18px;margin-bottom: 7px;}
	.table_col > tbody > tr > td > span { line-height: 32px; font-size: 18px;}
	.txt_01 {margin-top: 7px;font-size: 18px;}
	.stext_size {font-size: 20px;}
	.txt_02 {font-size: 21px;}
	.btn_wrap {margin-top: 3px;}
	.banner { justify-content: center;display: flex; padding: 0 10px 25px;}
	
}
@media (max-width: 450px) {
	.banner .title {font-size: 15px;margin-bottom: 5px;}
	.table_col > tbody > tr > td > span { line-height: 26px;}
	.txt_01 {margin-top: 5px;font-size: 16px;}
	.stext_size {font-size: 16px;}
	.txt_02 {font-size: 17px;}
	.btn_wrap {margin-top: 0px;}
	.btn_size {font-size: 11px;}
	#section-02 .minister-area .con-box {background-image: url(/images/test/mof_img_2.jpg);}
	#section-02 .minister-area .con-box .tit {font-size: 23px;padding-left: 32px;}
}
@media (max-width: 400px) {
	.banner {padding:10px;}
}

*:focus {
    outline: 0.1rem solid transparent;
 box-shadow: 0 0 0 0.1rem #256ef4;
}

.krds-main-menu .gnb-menu .gnb-main-trigger:focus {
    box-shadow:0 0 0 0.1rem #256ef4;
    outline-offset: -0.4rem;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus {
    box-shadow: 0 0 0 0.1rem #256ef4;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {
    box-shadow: 0 0 0 0.1rem #256ef4;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17rem;
    height: 100%;
    content: "";
    background-color: #d3dfea;
}
@keyframes moveRightBack {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(2px); 
	}
	100% {
	  transform: translateX(0);
	}
  }
  #section-02 .month-area .con-wrap .menu-wrap .menu-list > li .month-tab-box .con-box:hover .txt-box .txt {color: #002e59 !important;}

.swiper-slide .img .main-slide-vimg {
    height: 420px;
	border-radius: 12px;
}

@media (max-width: 1100px) {
    .swiper-slide .img .main-slide-vimg {
	height:380px;
}
    .banner .title {
       padding-top: 25px;
}
}
@media (max-width: 900px) {
    .banner .title {
	 padding-top: 10px;
}
    .swiper-slide .img .main-slide-vimg {
    	height: 420px;
}
}
@media (max-width: 620px) {
    .swiper-slide .img .main-slide-vimg {
    	height: 300px;
}
}
@media (max-width: 500px) {
    .swiper-slide .img .main-slide-vimg {
        height: 280px;
    }
}
@media (max-width: 500px) {
    .table_col > tbody > tr > td:first-child p {
        font-size: 8px;
    }
}