@charset "utf-8";
/* CSS Document */
.new-area .news { width: 1180px; margin: 0 auto; }
.new-area .news .page-title { text-align: center; margin-bottom: 40px; }
.new-area .news .page-title h2 { font-size: 3.2rem; margin-bottom: 30px; font-weight: 500; line-height: 42px; }
.new-area .news .breadcrumb-area .breadcrumb .search-area { padding-top: 0; }
.new-area .news .breadcrumb-area .breadcrumb .search-area .search-btn { top: 0; }

/* 릴리즈노트 */
.new-area .news .release-note .release { margin-bottom: 20px; }
.new-area .news .release-note .release .title-area { border-bottom: 1px solid #dee3eb; padding-bottom: 15px; position: relative; }
.new-area .news .release-note .release .title-area .ver,
.new-area .news .release-note .release .title-area .date { font-size: 2.2rem; font-weight: bold; color: #001AD9; }
.new-area .news .release-note .release .title-area .new-label { position: absolute; background: #001AD9; color: #fff; font-weight: bold; letter-spacing: 0; padding: 3px 8px; font-size: 1.3rem; right: 0; top: 0; }
.new-area .news .release-note .release .content-area { padding: 15px 10px; }
.new-area .news .release-note .release .content-area .list { margin-bottom: 15px; }
.new-area .news .release-note .release .content-area .list .list-title { font-size: 1.6rem; letter-spacing: 0; font-weight: bold; display: block; margin-bottom: 5px; }
.new-area .news .release-note .release .content-area .list ul li { letter-spacing: 0; color: #666; position: relative; padding-left: 20px; margin-bottom: 2px; }
.new-area .news .release-note .release .content-area .list ul li:before { width: 15px; height: 15px; position: absolute; content: ''; background: url(../../img/common/puzzle_ico.svg); background-size: 15px; background-position: center; left: 0; top: 3px; opacity: .7; }

.new-area .news .more-btn { display: inline-block; padding: 0 30px; height: 45px; border: 1px solid #555; line-height: 43px; border-radius: 40px; font-size: 1.5rem; transition: background .25s ease, border-color .25s ease, color .25s ease; }
.new-area .news .more-btn:hover { background: #001AD9; border-color: #001AD9; color: #fff; }

@media all and (max-width: 1279px)
{
	.new-area .news { width: 100%; padding: 0 30px; }
}
@media all and (max-width: 840px)
{
	.new-area .news .more-btn { height: 40px; line-height: 38px; }
}
/* 새소식 */

.board-list>ul li a { display: block; }
/*.board-list>ul li a .thumb-area { float: left; width: 120px; height: 82px; background: #f8f8f8; position: relative; overflow: hidden; }*/
/*.board-list>ul li a .thumb-area .thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }*/
/*.board-list>ul li a .thumb-area .thumb img { position: absolute; top: 0; left: 0; height: 100%; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: transform 0.3s ease-in-out; }*/
/*.board-list>ul li a:hover .thumb-area .thumb img {  -webkit-transform: translate(-50%,-50%) scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg); }*/

.board-list>ul { border-top: 1px solid #000; }
.board-list>ul li a .text-area { width: 100%; padding: 20px 0; border-bottom: 1px solid #dee3eb; }
.board-list>ul li a .text-area .title-area { margin-bottom: 5px; position: relative; }
.board-list>ul li a .text-area .title-area .board-title { font-size: 1.7rem; font-weight: bold; transition: color .25s ease; padding-bottom: 10px;}
.board-list>ul li a:hover .text-area .title-area .board-title { text-decoration: underline; }
.board-list>ul li a .text-area .title-area .fixed { display: block; margin-bottom: 5px; font-weight: 900; font-size: 1.3rem; color: #001AD9; }
.board-list>ul li a .text-area .title-area .fixed img { width: 15px; height: 15px; position: relative; top: 2px; margin-right: 3px; }
.board-list>ul li a .text-area .title-area ul.info { color: #999; font-size: 1.35rem; display: block;}
.board-list>ul li a .text-area .title-area ul.info li { display: inline-block; margin-bottom: 0;}
.board-list>ul li a .text-area .title-area ul.info li:not(:first-child) { padding-left: 13px; }
.board-list>ul li a .text-area p { font-size: 1.5rem; color: #666; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; }

.new-area .board-detail { padding-bottom: 50px; border-bottom: 1px solid #dee3eb; }
.new-area .board-detail .text-area { width: 100%; border-top: 1px solid #000;}
.new-area .board-detail .bg { height: 150px; overflow: hidden; }
.new-area .board-detail .bg>div { height: 100%; }
.new-area .board-detail .text-area .subject { font-size: 1.5rem; color: #999; display: block; cursor: default; margin-bottom: 5px; }
.new-area .board-detail .text-area .board-title { font-size: 2.8rem; font-weight: 700; line-height: 35px; padding: 40px 0; border-bottom: 1px solid #dee3eb; }
.new-area .board-detail .text-area .board-title .date { font-size: 1.5rem; display: block; color: #999; font-weight: 400; }
.new-area .board-detail .text-area .board-title .label-block { display: inline-block; }
.new-area .board-detail .text-area .board-title .label-block .label { padding: 5px 20px; border-radius: 30px; margin-right: 5px; font-size: 1.4rem; background: #dee3eb; }
.new-area .board-detail .text-area .board-title ul.info { color: #999; font-size: 1.35rem; display: block;}
.new-area .board-detail .text-area .board-title ul.info li { display: inline-block; margin-bottom: 0;}
.new-area .board-detail .text-area .board-title ul.info li:not(:first-child) { padding-left: 13px; }
.new-area .board-detail .text-area .exp-area { margin-top: 30px; font-size: 1.5rem; color: #666; font-weight: 300; }
.new-area .board-detail .text-area .exp-area p { line-height: 21px; }
.new-area .board-detail .text-area .exp-area p .step-label { background: #666; color: #fff; font-size: 1.1rem; letter-spacing: 0; font-weight: 400; padding: 2px 10px; border-radius: 30px; line-height: 21px; margin-right: 5px; }
.new-area .board-detail .text-area .exp-area img { max-width: 100%; margin: 10px 0; }
.new-area .board-detail .text-area .fixed { display: block; margin-bottom: 5px; font-weight: 900; font-size: 1.3rem; color: #001AD9; }
.new-area .board-detail .text-area .fixed img { width: 15px; height: 15px; position: relative; top: 10px; margin-right: 3px; }
.new-area .board-detail .text-area .file-area { width: 100%; }
.new-area .board-detail .text-area .file-area .row { width: 100%; padding: 13px 0; border-bottom: 1px solid #dee3eb; }
.new-area .board-detail .text-area .file-area .row a { color: #999; font-size: 1.4rem; font-weight: 500; }
.new-area .board-detail .text-area .file-area .row:hover a { text-decoration: underline; }
.new-area .board-detail .text-area .file-area .row img { width: 18px; position: relative; top: 2px; }
@media all and (max-width: 640px) {
	.new-area .board-detail .text-area .file-area .row img { top: 0; }
}
.board-list .btn-wrap { margin-top: 30px; }
.board-list .btn-wrap a { border: 1px solid #999; height: 35px; display: inline-block; line-height: 33px; font-size: 1.4rem; padding: 0 30px; border-radius: 40px; float: right; color: #666; }

@media all and (max-width: 840px)
{
	.board-list>ul li a .text-area { width: 100%; }
	.new-area .board-detail .text-area .board-title { padding: 20px 0; text-align: center; word-break: keep-all;}
	.new-area .board-detail .text-area .board-title .date { margin-top: 10px; }
	.new-area .board-detail .text-area .board-title .label-block { display: block; margin-bottom: 10px; }
	.new-area .board-detail .text-area .fixed { margin: 10px 0 0; }
}

.sub-content-area .btn-wrap .trs-btn { height: 40px; display: inline-block; line-height: 40px; color: #fff; letter-spacing: 0; padding: 0 35px; border-radius: 30px; margin-right: 10px; font-size: 1.35rem; background: #001ad9; font-weight: 500; transition: background .25s ease; margin-top: 30px; }
.sub-content-area .btn-wrap .trs-btn:hover { background: #0017C1; }

.sub-new-area .breadcrumb-area { border: 0; }