@charset "UTF-8";

/*Notice*/
/*
.wrap-notice .container {display: table;width: 100%;min-height: 360px; padding: 68px 0 63px 0; table-layout: fixed;}
.wrap-notice .container {display: table; width: 100%; table-layout: fixed; }
.wrap-notice .title {display: table-cell; width: 220px; vertical-align: top;}

.wrap-notice .box-notice {position: relative;display: table-cell;}

.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: #164ab8;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 11;border-top: 2px solid #164ab8;transition: .4s;
}
*/
.wrap-notice .container {position: relative;}
.wrap-notice .title .text {vertical-align: top;position: absolute;left:0;top:0;}
.wrap-notice .title .eng {display: block;font-family: 'Mont Light';font-size: .8rem;color: #808080;}
.wrap-notice .title .kor {display: block;font-family: 'S-CoreDream-6Bold';font-size: 2.2rem;color: #121212;font-weight: 600;}
.wrap-notice .box-notice {position: relative;padding-right: 133px;}
.box-notice ul {text-align: right;}
.wrap-notice .box-notice li {display: inline-block;}
.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;width: 100%;left: 0;top: 90px;z-index: 10;}
.list-notice:first-child button:after{display:none;}
/*박스왼쪽정렬*/
.con-box {text-align: left;}
.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: 260px;padding: 23px;background: #f2f2f2;border: 2px solid #dfdfdf;color: #000;transition: .54s;border-radius: 6px;}
.wrap-notice .con-list a:hover {background: #f2f2f2;border: 2px solid #3662c7;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: 24px;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: 50px;margin: 0 0 18px 0;font-family: 'S-CoreDream-5Medium';font-size: 1.2rem;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: 70px;font-family: 'S-CoreDream-3Light';font-size: 1rem;line-height: 1.4;color: #666;}
.wrap-notice .con-list .date {position: absolute;left: 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: .9rem;color: #707070;}


/******button 효과********/
.wrap-notice .list-notice button {
    position: relative;
    /* left: 360px; */
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.25rem;
    line-height: 50px;
    margin: 0 20px;
    color: #616161;
}
/*button 효과*/
.wrap-notice .list-notice button:before {
    content: '';
    position: absolute;
    background: #164ab8;
    top: -2px;
    width: 0;
    height: 2px;
    left: 0;
    transition: width 0.3s;    /*border  숨김*/
}

.wrap-notice .list-notice button:hover:before {width: 100%;}
/*.wrap-notice .list-notice:hover button:before {width: 100%;}*/
.wrap-notice .list-notice .btn-tab .on {color: #164ab8;/*버튼눌렀을때 색바뀜*/}

.wrap-notice .list-notice button:hover {color: #164ab8;
   /*공지사항 hover*/
}

/*공지사이 .*/
.wrap-notice .list-notice button:after{content: '';position: absolute;left: -25px;top: 48%;width: 6px;height: 6px;background: #cfd4d7;border-radius: 100%;}

/******button 효과********/
.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;
    color: #164ab8;
    z-index: 11;
    border-top: 2px solid #164ab8;
}
.wrap-notice .list-notice .btn-tab:hover {color: #164ab8;}
.wrap-notice .list-notice .btn-tab:hover::after {transition: .4s;}
/*more추가*/
.listmore {width: 90px;background: #f58120 url('../images/btn_notice_listmore.png') no-repeat center right 15%;height: 21px;border-radius: 10px;margin-top: 20px;color: #fff;font-size: 12px;padding: 0 0 0 15px;letter-spacing: 0.2px;}

/*control*/
.wrap-notice .control {font-size: 0;position: absolute;right: 0;top: 0px;}
.wrap-notice .control .prev,
.wrap-notice .control .next {display: inline-block;width: 55px;height: 50px;text-indent: -99999px;vertical-align: middle;position: relative;}
.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 .next::after {content: '';position: absolute;left: 0;top: 13px;width: 1px;height: 26px;background: #b9b9b9;vertical-align: middle;}
.wrap-notice .control .more {display: inline-block;width: 26px;height: 26px;/* margin: 5px 7px 0 7px; */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 .control {position: absolute; right: 0; top: 30px; padding: 0;}
    .wrap-notice .con-list {padding: 0 20px;}
}    

@media all and (max-width: 600px) {
    .wrap-notice .title .kor {font-size: 25px;}
    .wrap-notice .title .eng {font-size: 11px;}
    .wrap-notice .list-notice button{font-size: 1rem;;}
    .wrap-notice .box-notice{padding-right:100px;}
}


@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;}