@charset "utf-8";
/* 홈 */

/* 배너 */
#main-content-wrap .main-view-wrap .main-banner-list-wrap { height: 400px; position: relative; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list { height: 100%; width: 100%; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list>ul>.main-banner { display: none; width: 100%; height: 400px; color: #fff; cursor: default; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list>ul>.main-banner.on { display: block; }

#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi { height: 45px; width: 34%; display: block; position: absolute; z-index: 2; bottom: 25px; left: 25px; border-radius: 3px; position: 0 50px; overflow: hidden; background: rgba(255,255,255,1); box-shadow: 0 3px 0 0 rgba(0,0,0,0.1); }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li { height: 100%; font-size: 1.2rem; color: #2F6ED5; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.5px; transition: background 0.2s ease; width: 100%; text-align: center; display: none; font-weight: bold; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.select { display: block; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi { position: absolute; z-index: 2; width: 100%; height: 100%; display: block; right: 0; bottom: 0; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul { display: block; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul li { display: block; width: 45px; height: 50px; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul li.pre { float: left; border-right: 1px solid #eee; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul li.post { float: right; border-left: 1px solid #eee; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul li a { display: block; color: #999; cursor: pointer; font-size: 1.4rem; line-height: 45px; transition: color .2s ease; background: #f8f8f8; color: #999; }
#main-content-wrap .main-view-wrap .main-banner-list-wrap .main-banner-list .main-banner-navi>li.navi ul li a:hover { color: #666; }


/* 퀵메뉴 */
#main-content-wrap .quick-menu-wrap { height: 130px; margin-top: 20px; }
#main-content-wrap .quick-menu-wrap .quick-menu { height: 100%; width: 1200px; margin: 0 auto; }
#main-content-wrap .quick-menu-wrap .quick-menu ul { height: 100%; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li { height: 100%; width: 16.66666%; float: left; text-align: center; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li a { width: 100%; height: 100%; display: block; font-size: 1.4rem; letter-spacing: -0.5px; font-weight: 500; border: 1px solid #E5E5E5; border-right: none; padding-top: 75px; transition: background .2s ease, border-color 0.2s ease, color .2s ease; position: relative; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li a:hover { background: #2f6ed5; border-color: #2f6ed5; color: #fff; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li:last-child a { border-right: 1px solid #E5E5E5; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li:first-child a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li a:after { position: absolute; content: ''; z-index: 2; transition: background .2s ease;  }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.order a:after { background: url(../../img/home/quick_menu_ico_order.png); background-size: 34px 27px; width: 34px; height: 27px; top: 36px; left: 50%; margin-left: -17px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.order a:hover:after { background: url(../../img/home/quick_menu_ico_order_w.png); background-size: 34px 27px; width: 34px; height: 27px; top: 36px; left: 50%; margin-left: -17px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.inquiry a:after { background: url(../../img/home/quick_menu_ico_inquiry.png); background-size: 24px 32px; width: 24px; height: 32px; top: 34px; left: 50%; margin-left: -12px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.inquiry a:hover:after { background: url(../../img/home/quick_menu_ico_inquiry_w.png); background-size: 24px 32px; width: 24px; height: 32px; top: 34px; left: 50%; margin-left: -12px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.check a:after { background: url(../../img/home/quick_menu_ico_check.png); background-size: 37px 23.5px; width: 37px; height: 23.5px; top: 39px; left: 50%; margin-left: -18.5px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.check a:hover:after { background: url(../../img/home/quick_menu_ico_check_w.png); background-size: 37px 23.5px; width: 37px; height: 23.5px; top: 39px; left: 50%; margin-left: -18.5px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.notice a:after { background: url(../../img/home/quick_menu_ico_notice.png); background-size: 26px 23px; width: 26px; height: 23px; top: 38px; left: 50%; margin-left: -13px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.notice a:hover:after { background: url(../../img/home/quick_menu_ico_notice_w.png); background-size: 26px 23px; width: 26px; height: 23px; top: 38px; left: 50%; margin-left: -13px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.service a:after { background: url(../../img/home/quick_menu_ico_service.png); background-size: 32px 30px; width: 32px; height: 30px; top: 35px; left: 50%; margin-left: -16px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.service a:hover:after { background: url(../../img/home/quick_menu_ico_service_w.png); background-size: 32px 30px; width: 32px; height: 30px; top: 35px; left: 50%; margin-left: -16px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.partner a:after { background: url(../../img/home/quick_menu_ico_partner.png); background-size: 29px 26px; width: 29px; height: 26px; top: 35px; left: 50%; margin-left: -16px; }
#main-content-wrap .quick-menu-wrap .quick-menu ul li.partner a:hover:after { background: url(../../img/home/quick_menu_ico_partner_w.png); background-size: 29px 26px; width: 29px; height: 26px; top: 35px; left: 50%; margin-left: -16px; }

#main-content-wrap .main-product-wrap.library { margin-top: 30px;}
#main-content-wrap .main-product-wrap:nth-child(odd) {background: url(../../img/home/pttn_bg.png);}


#main-content-wrap .main-product-wrap:nth-child(odd) {background: #F4F7F8;}
/* 추천 상품(카드형) */
#main-content-wrap .recommend-list-wrap .recommend-list { width: 1200px; margin: 0 auto; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap { height: 250px; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box { width: 386.5px; height: 250px; margin-right: 20px; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box:nth-child(3n) { margin-right: 0; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .img-area { width: 145px; float: left; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .img-area .img-box { width: 145px; height: 145px; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .img-area .product-name { text-align: center; display: block; font-size: 1.4rem; font-weight: 700; color: #2f6ed5; margin-top: 10px; word-break: break-word; word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;line-height: 1.2em; height: 2.4em;display: -webkit-box;    -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box:hover a .img-area .product-name { text-decoration: underline; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .linear-formula { border: 1px solid #ccc; display: inline-block; padding: 0 10px; border-radius: 3px; margin-top: 10px;width: 100%;text-align: center; height: 20px;line-height: 17px;}
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .linear-formula .value { font-size: 1.1rem; font-weight: 500; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .txt-area { border: 1px solid #eee; width: 190px; float: right; height: 100%; padding: 20px; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .txt-area .property { display: block; margin-bottom: 10px; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .txt-area .property:last-of-type { margin-bottom: 0; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .txt-area .property .key { display: block; font-size: 1.1rem; color: #bbbbbb; font-weight: 500; }
#main-content-wrap .recommend-list-wrap .recommend-list .box-wrap .product-box a .txt-area .property .value { display: block; font-size: 1.3rem; font-weight: 700; }

/* 연구자를 위한 산업별 자료실 */
.library-wrap { width: 1200px; margin: 0 auto;  padding: 50px 0;}
.library-wrap .title-area { margin-bottom: 15px; }
.library-wrap .title-area .subject-title { font-size: 2.7rem; font-weight: 700; color: #02132F; text-align: center;}
.library-wrap .title-area .subject-title .bold { color: #1963AA;}

.library-wrap .box-area { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.library-wrap .box-area .box { width: calc(25% - 15px); background: #fff; border: 1px solid #C3CCD3; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 290px;}
.library-wrap .box-area .box:hover { border: 1px solid #3c8ce7; }
.library-wrap .box-area .box .info { display: flex; gap: 10px; justify-content: space-between; align-items: center;}
.library-wrap .box-area .box .info .info-label { font-size: 1.2rem; font-weight: 500; color: #FF373A; background: #F6E5EC; border: 1px solid #EFD1D1; border-radius: 100px; padding: 2px 10px; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.library-wrap .box-area .box .info .date { font-size: 1.2rem; color: #797979;}
.library-wrap .box-area .box .text-area { padding: 10px 0 20px 0; flex-grow: 1;}
.library-wrap .box-area .box .text-area .title { font-size: 1.5rem; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; max-height: calc(1.4em * 2); margin-bottom: 10px; letter-spacing: -0.5px;}
.library-wrap .box-area .box .text-area .text { font-size: 1.4rem; color: #797979; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; }
.library-wrap .box-area .box .thumbnail { width: 100%; position: relative; overflow: hidden; border: 1px solid var(--line); padding-bottom: 41%; margin-bottom: 0; border-radius: 10px; border: 1px solid #C3CCD3;}
.library-wrap .box-area .box .thumbnail::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: background 0.3s ease; pointer-events: none;
}
.library-wrap .box-area .box:hover .thumbnail::after { background: rgba(0,0,0,0.05); transition: background 0.3s ease;}
.library-wrap .box-area .box .thumbnail img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform .2s; object-fit: cover; width: 100%; height: 100%;}

.library-wrap .box-area .box .thumbnail.no-image { background: #F2F4F6; }
.library-wrap .box-area .box .thumbnail.no-image img { width: 120px; opacity: .5; height: auto;}

.library-wrap .empty-box { display: none;}
.library-wrap.empty .tab-area { display: none;}
.library-wrap.empty .box-area .empty-box { position: relative; width: 100%; display: block; background: #fff; border: 1px solid #C3CCD3; border-radius: 20px; padding: 20px; height: 100%; min-height: 290px; text-align: center; }
.library-wrap.empty .box-area .empty-box .empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.library-wrap.empty .box-area .empty-box .img-area { width: 40px; height: auto; margin: 0 auto;}
.library-wrap.empty .box-area .empty-box .img-area img { width: 100%; height: 100%;}
.library-wrap.empty .box-area .empty-box p { font-size: 1.4rem;  margin-top: 10px;}
.library-wrap.empty .box-area .box { display: none;}
.library-wrap.empty .add-btn-area { display: none;}

.add-btn-area { text-align: center; margin-top: 40px; }
.add-btn-area .btn { display: inline-block; background: #02132F; color: #fff; padding: 10px 20px; border-radius: 100px; font-size: 1.5rem; font-weight: 400; }
.add-btn-area .btn .arrow-right { position: relative; top: -1px;  display: inline-block; width: 8px; height: 8px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg);}

/* 베스트(바둑판형) */
#main-content-wrap .best-list-wrap .best-list { width: 1200px; margin: 0 auto; }
#main-content-wrap .best-list-wrap .best-list .box-wrap { height: 514px; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box,
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box { width: 281px; margin-right: 25px; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box:nth-child(4n),
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box:nth-child(4n) { margin-right: 0; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a { height: 50%; position: relative; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a:after { position: absolute; width: 90%; background: #eee; height: 1px; content: ''; bottom: 0; left: 5%; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .img-area .product-name { display: block; font-size: 1.5rem; font-weight: 700; color: #2f6ed5; margin-top: 10px; margin-bottom: 5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a:hover .img-area .product-name { text-decoration: underline; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .linear-formula { border: 1px solid #ccc; display: inline-block; padding: 0 10px; border-radius: 10px; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .linear-formula.serial-num {border-radius:3px;text-align:center;height:20px;line-height:17px;}
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .linear-formula-right { float: right;}
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .linear-formula .value { font-size: 1.1rem; font-weight: 500; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .property { margin-top: 5px; font-size: 1.2rem; color: #666; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .property .key { margin-right: 15px; position: relative; }
#main-content-wrap .best-list-wrap .best-list .box-wrap .product-box a .txt-area .property .key:after { width: 1px; height: 9px; background: #ddd; position: absolute; content: ''; top: 5px; right: -8px; }

/* 프로모션(슬라이드형) */
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap { height: 290px; }

/* 2025-11-12, 가맹점명 제거 후 브랜드명 출력을 위한 개발자 설정 -> margin 5px 0 10px 0 -> margin 0 0 10px 0 */
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .product-name { font-size: 1.5rem; font-weight: 400; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-break: break-word; line-height: 1.6; margin: 0 0 10px 0; }
  
/* 2025-11-12, 가맹점명 제거 후 브랜드명 출력을 위한 개발자 설정 */
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .brand { color: #4a5777 !important; margin-left: 0px !important; font-weight: 600 !important; font-size: 1.3rem !important; }
  
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .linear-formula { display: inline-block; padding: 2px 10px; border-radius: 10px; background: #EAF0FF; border: 1px solid #d1d9ef; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .linear-formula .value { font-size: 1.1rem; font-weight: 500; color: #376FFF; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .linear-formula-right { background: #FFF0DA; border: 1px solid #f3ddbd; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .linear-formula-right .value { color: #E78A00;} 

#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area { padding-top: 9px;}
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .promotion-content { height: 30px; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .promotion-content .price { float: left; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .promotion-content .price .post { color: #666; text-decoration: line-through; float: left; margin-top: 7px; margin-right: 8px; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .promotion-content .price p.current { float: left; font-size: 1.8rem; font-weight: 900; color: #232323; letter-spacing: -0.5px; }
#main-content-wrap .promotion-list-wrap .promotion-list .box-wrap .product-box a .txt-area .promotion-content .price p.current .unit { font-size: 1.3rem; font-weight: 500; color: #666; }
#main-content-wrap .product-list .box-wrap .product-box a .txt-area .promotion-content .label { position: absolute; top: 0; z-index: 3; padding: 2px 8px ; font-size: 12px; font-weight: 500;  color: #fff; text-align: center; border-radius: 8px 0px; }
#main-content-wrap .product-list .box-wrap .product-box a .txt-area .promotion-content .label.og-bg { background: #f34646; }
#main-content-wrap .product-list .box-wrap .product-box a .txt-area .promotion-content .label.bl-bg { background: #2f6ed5; }

/* 공지사항, 블로그 */
#main-content-wrap .sns-wrap {border-top:1px solid #dae1ed;}
#main-content-wrap .sns-wrap .sns-list-wrap {padding:30px 0 40px; margin:0 auto; width:1200px; overflow:hidden; clear:both;}
#main-content-wrap .sns-wrap .title-area {clear:both; overflow:auto; position:relative;}
#main-content-wrap .sns-wrap .title-area .left-tit {float:left;}
#main-content-wrap .sns-wrap .title-area .right-more {float:right;}
#main-content-wrap .sns-wrap .title-area p {font-size:1.3rem; font-weight:500; padding-top: 5px; color:#5796dd}
#main-content-wrap .sns-wrap .title-area .subject-title {font-size: 1.8rem; font-weight: 700; letter-spacing: -1px; cursor: default;}
#main-content-wrap .sns-wrap .title-area .product-list-navi { float: right; display: inline-block; position:absolute; right:0; bottom:1px; }
#main-content-wrap .sns-wrap .title-area .product-list-navi a {color: #88888B; cursor: pointer;}
#main-content-wrap .sns-wrap .title-area .product-list-navi a:hover { color:#5e5e62;}
#main-content-wrap .sns-wrap .title-area .product-list-navi a i.fas {margin-left:7px; font-size:1rem}
#main-content-wrap .sns-wrap .left-board,
#main-content-wrap .sns-wrap .right-board {float:left;}
#main-content-wrap .sns-wrap .left-board {width:50%; margin-right:25px;}
#main-content-wrap .sns-wrap .right-board {width: calc(50% - 25px)}
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap {margin-top:0;}
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap div.board-table {border-top: 1px solid #363e4e}
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table tbody tr:last-child {border-bottom:0}
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table.board table tbody tr td.title a {display:block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table.board table tbody tr th.title {width:65%; }
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table.board table tbody tr th.date {width:15%;}
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table table tbody tr th {padding:10px;}
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table table tbody tr td,
#ebric_pc_wrap #main-content-wrap .sns-wrap .board-wrap .board-table.board table tbody tr td.title {padding:10px;}
#main-content-wrap .sns-wrap .right-board .blog-box {width:100%; height:243px; padding:15px; border: 1px solid #ddd;background: #fff;margin-top:10px; position:relative; border-top: 2px solid #363e4e;}
#main-content-wrap .sns-wrap .right-board .blog-box .box {clear:both; overflow:auto; height:190px; max-height:190px;}
#main-content-wrap .sns-wrap .right-board .blog-box .img-area {float:left; width:150px; margin-right:15px;}
#main-content-wrap .sns-wrap .right-board .blog-box .img-area .thumbnail {border:1px solid #e5e5e5;}
#main-content-wrap .sns-wrap .right-board .blog-box .img-area .thumbnail img {max-width:100%; max-height:100%;}
#main-content-wrap .sns-wrap .right-board .blog-box .txt-wrap {float:left; width:calc(100% - 165px);cursor:pointer; }
#main-content-wrap .sns-wrap .right-board .blog-box .txt-wrap .blog-title {font-size: 1.6rem; display: inline-block; font-weight: 700; color: #2f6ed5;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height:50px;}
#main-content-wrap .sns-wrap .right-board .blog-box .txt-wrap .txt-area {font-size: 1.3rem; line-height: 21px; letter-spacing: -0.5px;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:100px; padding-top:15px;}
#main-content-wrap .sns-wrap .right-board .blog-box .box:hover .txt-wrap .txt-area {text-decoration: underline;}
#main-content-wrap .sns-wrap .right-board .paging {margin-top:0px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}