@charset "UTF-8";

/*Notice*/
.wrap-notice .container {display: table; width: 100%; min-height: 360px; padding: 68px 0 63px 0; table-layout: fixed;}
.wrap-notice .title {display: table-cell; width: 220px; vertical-align: top;}
.wrap-notice .title {display: table-cell; width: 220px; vertical-align: top;}
.wrap-notice .title .eng {display: block; font-family: 'Mont Light'; font-size: 14px; color: #808080;}
.wrap-notice .title .kor {display: block; font-family: 'Noto Bold'; font-size: 35px; color: #121212;}
.wrap-notice .box-notice {position: relative; display: table-cell;}
.wrap-notice .list-notice .con-list {display: none;}
.wrap-notice .list-notice.on .con-list {display: block;}
.wrap-notice .list-notice .more {display: none;}
.wrap-notice .con-list {position: absolute; left: 160px; top: 0; z-index: 10; width: calc(100.9% - 160px); }
.wrap-notice .con-list .slider li {float: left; padding: 0 20px 0 0;}
.wrap-notice .con-list li.nodata {float: none; padding: 90px 0; text-align: center;}
.wrap-notice .con-list a {position: relative; display: block; min-height: 230px; padding: 30px; background: #fff; border: 1px solid #fff; color: #000; transition: .54s;}
.wrap-notice .con-list a:hover {background: #f8f8f8; border: 1px solid #07695c; transition: .3s}
.wrap-notice .con-list .state {padding-bottom: 15px;}
.wrap-notice .con-list .state em {display: inline-block; min-width: 100px; height: 35px; border: 1px solid #07695c; font-family: 'Noto Regular'; font-size: 14px; line-height: 35px; text-align: center; color: #07695c; transition: .4s}
.wrap-notice .con-list .empty-state {padding-bottom: 10px;}
.wrap-notice .con-list .empty-state em {display: inline-block; min-width: 100px; height: 35px; transition: .4s}
.wrap-notice .con-list a:hover .state em {background: #127a94; color: #fff;}
.wrap-notice .con-list .title {overflow: hidden; display: block; width: 100%; height: 52px; margin: 0 0 10px 0; font-family: 'Noto Medium'; font-size: 18px; line-height: 1.4;}
.wrap-notice .con-list .title span {background: linear-gradient(to bottom, transparent 60%, rgba(179,210,218,1) 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-notice .con-list a:hover .title span {background-size: 100% auto;}
.wrap-notice .con-list .desc {overflow: hidden; height: 62px; font-family: 'Noto Light'; font-size: 16px; line-height: 1.3; color: #666;}
.wrap-notice .con-list .date {position: absolute; right: 30px; top: 20px; text-align: center;}
.wrap-notice .con-list .date .day {display: block; font-family:'Mont SemiBold'; font-size: 24px; color: #222;}
.wrap-notice .con-list .date .month {display: block; font-family: 'Mont SemiBold'; font-size: 12px; color: #222;}
.wrap-notice .btn-tab {width: 160px; height: 50px; padding: 0 0 0 20px; border-bottom: 1px solid #e1e1e2; font-family: 'Noto Light'; font-size: 18px; line-height: 50px; text-align: left; color: #121212;}
.wrap-notice .list-notice:first-child .btn-tab {margin: 30px 0 0 0;}
.wrap-notice .list-notice:last-child .btn-tab {border-bottom: 0;}
.wrap-notice .list-notice.on .btn-tab {position: relative; border-bottom: 0; background: #304c87 url('../images/btn_tab_arrow.png') no-repeat 90% center ; color: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); z-index: 11;}
.wrap-notice .control {padding: 140px 0 0 0; font-size: 0;}
.wrap-notice .control .prev,
.wrap-notice .control .next {display: inline-block; width: 31px; height: 9px; text-indent: -99999px; vertical-align: middle;}
.wrap-notice .control .prev {background: url('../images/btn_notice_prev.png') no-repeat center center;}
.wrap-notice .control .next {background: url('../images/btn_notice_next.png') no-repeat center center;}
.wrap-notice .control .more {display: inline-block; width: 14px; height: 14px; margin: 7px 10px 0 10px; background: url('../images/btn_notice_more.png') no-repeat center center; text-indent: -9999px; vertical-align: middle;}

@media all and (max-width: 1800px) {
    .wrap-notice .container {padding: 68px 20px 63px 20px;}
}

@media all and (max-width: 1024px) {
    .wrap-notice .container {display: block; padding: 30px 20px;}
    .wrap-notice .title {position: relative; display: block; width: 100%;}
    .wrap-notice .box-notice {display: block;}
    .wrap-notice .control {position: absolute; right: 0; top: 30px; padding: 0;}
    .wrap-notice .con-list {width: calc(102% - 160px);}
}

@media all and (max-width: 600px) {
    .wrap-notice .title .kor {font-size: 25px;}
    .wrap-notice .title .eng {font-size: 11px;}
}

@media all and (max-width: 480px) {
    .wrap-notice .container {min-height: 430px;}
    .wrap-notice .title {margin: 0 0 20px 0;}
    .wrap-notice .list-notice {display: inline-block;}
    .wrap-notice .btn-tab {width: auto; padding:0 10px; border-bottom: 0px; font-size: 14px;}
    .wrap-notice .list-notice:first-child .btn-tab {margin-top: 0;}
    .wrap-notice .list-notice.on .btn-tab {background-image: none;}
    .wrap-notice .con-list {left: 0; top: 65px; width: 100%;}
    .wrap-notice .con-list a {border: 1px solid #d1d1d1;}
    .wrap-notice .con-list .slider li {padding: 0;}
}

/*20230509 백그라운드 이미지 alt 값 대신 css로 처리*/
.text-hidden{position: absolute !important; left: -99999px !important; text-indent: -9999px !important;}