﻿.title-area{background-image:url(../../Images/Common/bg-searchbar.png);padding:70px 0;background-position:center center;background-size:100% 100%}
.content{padding:52px 0 188px}
.notice-table{margin-top:16px;border-top:solid 2px #d9dde3}
.notice-table tr{position:relative}
.notice-table tr>td{background-color:unset}
.notice-table td:nth-child(1){width:150px}
.notice-table td:nth-child(3){width:125px}
.notice-table a{position:absolute;top:0;left:0;width:100%;height:100%}
.notice-table .icon-notice{margin-left:20px;margin-right:12px}
.Notice-loading{width:100%;display:flex;justify-content:center;margin-top:30px}
.Notice-loading-img{content:'';background-image:url(../../Images/Icon/icon-loading.png);background-size:40px 40px;height:40px;width:40px;-webkit-animation:loading-animation 1s infinite linear;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.Notice-loading .run{-webkit-animation:loading-animation 1s infinite linear}
.notice-show-top{display:inline-block;background-color:#254a91;color:white;margin-right:12px;font-size:12px;font-weight:600;line-height:1.83;padding: 1px 8px}
.select-arrow-large select{font-size:20px;font-weight:600;line-height:1.5;padding-top:3px;padding-left:20px;width:176px;height:48px;color:#172439}
.select-arrow-large:after{top:12px;right:20px;width:24px;height:24px}
.allread-area{position:absolute;right:0px;top:11px}
.bell-read{content:url(../../Images/Icon/icon-bell-read.svg)}
.no-data{padding:83px 0;text-align:center;background-color:#f2f5fa;color:#9fadc3}
.no-data *{margin:0 auto;}
.no-data *:not(:first-child){margin-top:16px}
.no-data .icon-mail{width:68px;height:68px}
/****** RWD Setting ******/
@media screen and (max-width:767px){
.title-area{background-image:unset;background-image:linear-gradient(to bottom,#f9fbff 22%,#e6ebf5 86%);padding:20px 0}
.content{padding:24px 0 120px}
.notice-table{margin-top:12px}
.notice-table tr{display:block;padding:11.5px 8px}
.notice-table tr>td{display:block;padding:unset}
.notice-table td:nth-child(3){position:absolute;top:11.5px;right:8px}
.notice-table .icon-notice{margin-left:8px;margin-right:4px}
.notice-table .notice-title{margin-top:8px;margin-left:16px;text-align:justify;text-justify:inter-ideograph;display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notice-show-top{margin-right:7px;}
.no-data{padding:46px 0}
.no-data *:not(:first-child){margin-top:12px}
.no-data .icon-mail{width:48px;height:48px}
}

