@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* common */
.fwB {font-weight: bold;}
.fw5 {font-weight: 500;}
.fwN {font-weight: normal;}
.btn-float img {width: 30px; height: 30px; transform: scaleY(-1);}

/* pc */
.wrap {width: 100%; background: #fff;}
.visual-n {background-color: #eff6f6; padding:71px 0 0 0;}
.wrap-notice {max-width: 1140px; background-image: url('../img/common/img-top-notice.png'); background-repeat: no-repeat; background-size: contain; background-position: right center; margin: 0 auto; padding: 71px 20px; height:58px;}
.visual-n-title {max-width: 1140px; height: 100%; margin: 0 auto; font-size: 40px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #1e1e1e;}

/* list-view */
.notice {}
.wrap-list-notice {width:100%;}
.list-body {width:100%; border-top:1px solid #000;}
/* .list-body .wrap-list:nth-last-child(1) {border-bottom: 0;} */
.wrap-list {padding: 34px 0; border-bottom: 1px solid #c9c9c9; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;}

.list-title {width: 90%; /* max-width:320px; */ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-left:10px;}
.title {font-size:1.25em; font-weight:700; font-stretch: normal; font-style: normal; line-height: 26px; letter-spacing: normal; text-align: left; color: #1e1e1e; padding-right: 20px;}
.title img {vertical-align: middle;}
.title a:link, .title a:visited {text-decoration: none; color: #1e1e1e;}

.title a:hover, .title a:active {text-decoration: underline; color: #1e1e1e;}

.wrap-list-right {display: flex;}
.l-date {font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 26px; letter-spacing: normal; text-align: right; color: #8e8e8e;}
.arrow-r {display: flex; margin-right:10px;}

.btn-notice {width: 210px; padding: 10px 0; margin: 70px auto 0; border-radius: 30px; background-color: #4e4e4e; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; cursor:pointer;}
/* list-view */


/* view-본문 */
.wrap-view-notice {max-width:100%; margin: 0 auto;}
.pb70 {padding-bottom: 40px;}
.btn-back div {display: flex; align-items:center;}
.btn-back a {text-decoration: none; color: #1e1e1e;}
/* .btn-back img {vertical-align: bottom; margin-right: 20px;} */
.back-txt {font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1e1e1e; position:relative; padding:0 0 0 30px; cursor:pointer;}
.back-txt img {position:absolute; top:0; left:0;}
.view-title {font-size: 32px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1e1e1e;}
.view-body {max-width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.wrap-tit {padding:20px;}
.wrap-tit h1 {font-size:2em; font-weight:700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1e1e1e;}
.date {font-size:0.875em; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #8e8e8e; padding-top: 10px;}
.wrap-bd {border-top: 1px solid #c9c9c9; padding:30px 20px; min-height:300px;}
.body-txt {font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.13; letter-spacing: normal; text-align: left; color: #4e4e4e;}
.bo_list_btn {text-align:center; margin-top:50px;}
.bo_list_btn a {display:inline-block; padding:15px 50px; background:#000; color:#fff; font-size:1.1em; border-radius:30px;}
/* view-본문 */


/* pc */


/* (해상도 ~ 649px)*/
@media all and (max-width:650px) {
    .title {font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 26px; letter-spacing: normal; text-align: left; color: #1e1e1e; padding-right: 20px;}
    .visual-n-title {text-align: left;}
    .list-title {width: 90%; display: block;}
    .l-date {font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 26px; letter-spacing: normal; text-align: left; color: #8e8e8e;}
}

/* (해상도 ~ 479px)*/
@media all and (max-width:480px) {
    .wrap {width: 100%; background: #fff; }
    .visual-n-title {height: 100%; margin: 0 auto; font-size: 32px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #1e1e1e; }
    .wrap-tit h1 {font-size:18px; font-weight:500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1e1e1e; }
    .wrap-list {padding:15px 0; border-bottom: 1px solid #c9c9c9;}

    .l-title {width: 70%; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1e1e1e; }

    .title {font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 26px; letter-spacing: normal; text-align: left; color: #1e1e1e; padding-right: 20px; }
    .visual-n-title {text-align: left; }
    .l-date {text-align: left; }
    .list-title {width: 90%; display: block; }
	.list-title .l-date {font-size:0.75em;}

	.wrap-tit {padding:10px 5px;}
	.date {font-size:0.75em; padding-top:5px;}

	.wrap-bd {padding:15px 5px;}
	.bo_list_btn {margin-top:30px;}
	.bo_list_btn a {padding:8px 30px; font-size:0.875em; border-radius:30px;}
}