@charset "utf-8";
/* CSS Document */


/* 버튼 */
.btn-wrap {position: relative; text-align: center; margin-top: 20px;}
.btn-wrap:after { content: ''; display: block; clear: both; }
.btn-wrap.inline { display: inline-block; margin-top: 0; }
.btn-wrap .btn-right {float:right;}
.btn-wrap .btn-left {float:left;}
.btn-wrap .btn-center {display: inline-block; }
.btn-wrap div button {margin-right: 10px; font-weight: 500;}
.btn-wrap div button:last-child {margin-right:0;}
.btn-wrap button {border:0; background:#aeaeae; color:#fff; height: 35px;padding:0 15px; min-width: 100px; font-size: 1.3rem; font-weight: 600; -webkit-transition: background .3s; -o-transition: background .3s;transition: background .3s; cursor: pointer; float: left; border-radius: 5px;}
.btn-wrap button.blue-btn {background:#0475f4;}
.btn-wrap button.blue-btn:hover {background:#065DBF;}
.btn-wrap button.dgray-btn {background:#041e38;}
.btn-wrap button.dgray-btn:hover {background:#000913;}
.btn-wrap button.white-btn {background:#fff; border: 1px solid #ddd; color: #1c1c1c;}
.btn-wrap button.white-btn:hover {background:#eee;}
.btn-wrap button.red-btn {background:#B52B2B; color: #fff;}
.btn-wrap button.red-btn:hover {background:#9C2525;}
.btn-wrap button.bd-blue-btn {background:#fff; border: 1px solid #0475f4; color: #0475f4;}
.btn-wrap button.bd-blue-btn:hover {background: #0475f4; border-color: #0475f4; color: #fff;}
.btn-wrap button.black-btn {background:#3a3a3a; color: #fff; border: 1px solid #3a3a3a;}
.btn-wrap button.black-btn:hover {background:#1b1b1b;}
.btn-wrap button.green-btn {background:#24B22D; color: #fff; border: 1px solid #24B22D;}
.btn-wrap button.green-btn:hover {background:#15951D;}
.btn-wrap button.mint-btn {background:#00CE84; color: #fff; border: 1px solid #00CE84;}
.btn-wrap button.mint-btn:hover {background:#00A86C; border-color: #00A86C;}
.btn-wrap button.bd-red-btn {background:#fff; border: 1px solid #B52B2B; color: #B52B2B;}
.btn-wrap button.bd-red-btn:hover {background: #B52B2B; border-color: #B52B2B; color: #fff;}

/* 정렬버튼 */
.filter-wrap .btn-wrap button { height: 25px; font-size: 1.2rem; padding: 0 8px; border-radius: 3px; min-width: 80px; }

/* vertical table */
table.vertic-table { margin-top: 20px; width: 100%; border: 1px solid #dee3eb; border-bottom: 0; border-right: 0;}
table.vertic-table tbody tr th { width:100px; padding:5px; text-align: center; font-size: 1.3rem; font-weight: 600; height: 35px; word-break: keep-all; background: #efefef; border-bottom: 1px solid #dee3eb;}
table.vertic-table tbody tr td { padding:5px 15px; font-size: 1.3rem; height: 35px; word-break: keep-all; color: #000; border-bottom: 1px solid #dee3eb; border-right: 1px solid #dee3eb;}


/* normal table */
table.normal-table {border-top:1px solid #777; margin-top: 20px; width: 100%; table-layout: fixed;}
table.normal-table thead tr th { background:#f8f8f8; padding:5px; text-align: center; font-size: 1.4rem; font-weight: 600; border-bottom: 1px solid #dee3eb; height: 35px; border-right:1px solid #dee3eb; word-break: break-all;}
table.normal-table thead tr th.num {width: 50px;}
table.normal-table tbody tr td { padding:3px;font-size: 1.4rem; border-bottom: 1px solid #dee3eb; height: 35px;word-break: break-all; text-align: center; border-right:1px solid #dee3eb;}
table.normal-table thead tr th:last-child,
table.normal-table tbody tr td:last-child {border-right:0;}

/* board-wrap list */
.board-wrap { width: 100%; position: relative; }
.board-wrap .list { width: 100%; position: relative; border-top: 1px solid #3a3a3a; }
.board-wrap .list .head { width: 100%;  border-bottom: 1px solid #3a3a3a;}
.board-wrap .list .head .th { float: left; font-size: 1.5rem; color: #1f1f1f; padding: 18px 0; text-align: center; }
.board-wrap .list .head .th.num { width: 80px; }
.board-wrap .list .head .th.title { width: -webkit-calc(100% - 260px); width: calc(100% - 260px); }
.board-wrap .list .head .th.date { width: 100px; }
.board-wrap .list .head .th.view { width: 80px; }
.board-wrap .list .body .row { border-bottom: 1px solid #dee3eb; }
.board-wrap .list .body .row:hover { background: #f6f6f6; }
.board-wrap .list .body .row.fix { background: #f6f6f6; }
.board-wrap .list .body .row.fix .td img { width: 17px; height: 16px; }
.board-wrap .list .body .row .td { float: left; font-size: 1.4rem; color: #1f1f1f; padding: 18px 0; text-align: center; }
.board-wrap .list .body .row .td.num { width: 80px; }
.board-wrap .list .body .row .td.date { width: 100px; }
.board-wrap .list .body .row .td.view { width: 80px; }
.board-wrap .list .body .row .td.title { width: -webkit-calc(100% - 260px); width: calc(100% - 260px); text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.board-wrap .list .body .row .none { width: 100%;}
.board-wrap .list .body .row .td.title a:hover { text-decoration: underline; }
.board-wrap .list .body .row .td .m-tit { display: none; }

/* board-wrap list -news */
.board-wrap.news-board .list .head .th.title { width: -webkit-calc(100% - 460px); width: calc(100% - 460px); }
.board-wrap.news-board .list .head .th.writer {width:180px;}
.board-wrap.news-board .list .body .row .td.title { width: -webkit-calc(100% - 460px); width: calc(100% - 460px); text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.board-wrap.news-board .list .body .row .td.writer {width:180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }

/* board detail */
.board-detail .title-area {padding: 35px 10px 30px; border-top:2px solid #333; border-bottom:1px solid #dee3eb;background: #fafafa;}
.board-detail .title-area h3 { font-size: 2rem; word-break: break-all; }
.board-detail .title-area .tit {margin-bottom:13px;}
.board-detail .title-area .tit span {display: inline-block; font-size: 1.1rem; font-weight: 400; padding:1px 10px; background: #2ebb75; color:#fff; border-radius: 3px; margin-right: 2px;}
.board-detail .title-area ul {margin-top:25px;}
.board-detail .title-area ul li { display: inline-block; padding-right:15px; color:#a1a1a1; position: relative;}
.board-detail .title-area ul li:after {position: absolute; content: ''; display:block; width: 1px; height: 10px; top:5px; right:5px; background: #c9ced6}
.board-detail .title-area ul li:last-child:after {display: none;}
.board-detail .file-area {padding:10px; border-bottom: 1px solid #dee3eb;}
.board-detail .file-area img {width:12px; margin-right:10px; vertical-align:middle;}
.board-detail .file-area span {cursor: pointer;}
.board-detail .file-area span:hover {text-decoration: underline;}
.board-detail .file-area ul li:last-child {margin-bottom: 0;}
.board-detail .file-area ul li img { width: 12px; margin-right: 10px; vertical-align: middle}
/*.board-detail .text-area {padding: 50px 10px; font-size: 1.4rem; white-space: pre-wrap; line-height: 1.8;}*/
.board-detail .text-area img {max-width:100%; max-height:100%; }

/* 탭메뉴 */
.tab-menu { position: relative; margin-bottom: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.tab-menu > ul > li { float: left; width: 20%; height: 50px; }
.tab-menu > ul > li > a { display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; font-size: 1.8rem;; font-weight: 400; background: rgba(255,255,255,0.2); -webkit-transition: opacity .2s;-o-transition: opacity .2s;transition: opacity .2s; color: #fff;}
.tab-menu > ul > li > a:hover { background: #333; }
.tab-menu > ul > li.select:hover > a,
.tab-menu > ul > li.select > a { color: #000; background: #fff; opacity: 1; }
.tab-menu > ul > li.empty-menu > a,
.tab-menu > ul > li.empty-menu:hover > a  { background: #f8f8f8; cursor: context-menu; }
.tab-menu > ul > li ul { display: none; width: 100%; position: absolute; top: 100%; border-top: 1px solid #000; left: 0; padding: 15px 30px; background: rgba(255,255,255,.2); z-index: 99; }
.tab-menu > ul > li:hover ul { display: block; }
.tab-menu > ul > li ul li { display: inline-block; margin-left: 30px; }
.tab-menu > ul > li ul li:first-child { margin-left: 0; }
.tab-menu > ul > li ul li a { color: #fff; font-size: 1.5rem; font-weight: 500; }

/* 페이징 */
.paging { text-align: center; margin-top: 20px;}
.paging ul {display: inline-block;}
.paging ul li {float: left; height: 30px; line-height: 30px; width:30px; text-align: center; margin:0 2px; }
.paging ul li:hover a { background: #eaeaea; }
.paging ul li.select a {background: #0475f4; color: #fff; }
.paging ul li a {display: block; width: 100%; height: 100%;color: #333; border-radius: 30px;}
.paging ul li.arrow a { border: 1px solid #e5e5e5; color: #aaa; }

/* 알림창 */
.alert-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 999; transition: height 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),padding 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),opacity 0.7s cubic-bezier(1, 0.09, 0.18, 0.66); box-shadow: 0 2px 5px 5px rgba(0,0,0,0.05); padding: 0 20px; overflow: hidden; opacity: 0; }
.alert-pop-wrap.on { height: 50px; padding: 14px 20px; opacity: 1; }
.alert-pop-wrap.red-bg { background: rgba(255,44,48,0.95); }
.alert-pop-wrap.blue-bg { background: #001ad9; }
.alert-pop-wrap i { display: inline-block; color: #fff; margin-right: 5px; font-size: 13px; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05);  }
.alert-pop-wrap .messege { color: #fff; font-size: 13px; font-weight: 300; display: inline-block; cursor: default; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05); }
.alert-pop-wrap .close-btn { float: right; color: #fff; cursor: pointer; transition: opacity .25s ease; }
.alert-pop-wrap .close-btn:hover { opacity: 0.7; }

/* 확인창 */
.confirm-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.2); min-width: 960px; }
.confirm-pop-wrap .confirm-pop-area { position: relative; width: 100%; height: 100%; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop { width: 320px; min-height: 50px; position: absolute; background: #fff; left: 50%; top: 50px; margin-left: -160px; box-shadow: 0 1px 8px 1px rgba(0,0,0,0.1); }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content { padding: 40px 30px; text-align: center; font-size: 13px; position: relative; letter-spacing: -0.5px; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content p { white-space: pre-wrap; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn { position: absolute; top: 10px; right: 15px; cursor: pointer; opacity: 0.3; transition: opacity .25s ease; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn:hover { opacity: .7; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap { height: 50px; padding: 10px 15px; text-align: center; border-top: 1px solid #eee; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap a { display: inline-block; cursor: pointer; padding: 4px 20px; border: 1px solid #dee3eb; border-radius: 3px; margin-left: 5px; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .cancel-btn { color: #999; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .confirm-btn { background: #001ad9; color: #fff; border-color: #001ad9; }

/* 셀렉트박스 */
.select-box { width: 120px; height:35px; position: relative; display: inline-block; float: left;}
.select-box select {border:1px solid #cacaca; border-radius: 5px 0 0 5px; width: 100%; height: 100%; padding: 0 10px; font-size: 1.5rem; background: url(../../img/common/select_arrow.png) 93%; background-repeat: no-repeat; -webkit-background-size: 9px 6px; background-size: 9px 6px; padding-right: 20px; color: #1f1f1f;}
.select-box select:hover {border-color: #a8a8a8;}


/* 인풋 텍스트 */
input[type="text"].text-input { height: 35px;  width: 250px; display: inline-block; font-size: 1.2rem; padding:0 10px; border: 1px solid #cacaca; color: #333; border-radius: 5px;}
input[type="text"].text-input:hover { border-color: #a8a8a8; }
input[type="text"].text-input.s-width { width:80px;}
input[type="text"].text-input.m-width { width:50%;}
input[type="text"].text-input.l-width { width:100%;}
input[type="text"]:hover {border-color: #a8a8a8; background: #fff;}

.search-input { position: relative; }
.search-input::after { content: ''; display: block; clear: both; }
.search-input .btn-wrap { float: left; margin-left: 10px;}
.search-input input[type="text"].text-input { float: left; width: 500px;}
@media (max-width: 768px) {
  .search-input .btn-wrap { width: 100px !important; margin-left: 5px; }
  .search-input input[type="text"].text-input { width: calc(100% - 105px) !important;}
}

/* 인풋 패스워드 */
input[type="password"].text-input { height: 35px;  width: 250px; display: inline-block; font-size: 1.2rem; padding:0 10px; border: 1px solid #cacaca; color: #333; border-radius: 5px;}
input[type="password"].text-input.l-width { width:100%;}
input[type="password"]:hover {border-color: #a8a8a8; background: #fff;}

/* 달력 ui */
input[type="text"].text-input.calendar-input { background: url(../../img/sub/sub-common/calendar_icon.svg) no-repeat center; -webkit-background-size: 20px 20px; background-size: 20px; background-position: 95%; padding-right: 45px; cursor: pointer; }


/* 휴대폰 입력 인풋 */
.text-btn-input .btn-wrap { float: left; display: inline-block; margin-top: 0; }
.text-btn-input .btn-wrap button { margin-left: 10px;}
.text-btn-input .phone-wrap:after { content: ''; display: block; clear: both; }
.text-btn-input .phone-wrap .select-box { float: left; width: 100px; margin-right: 3px;}
.text-btn-input .phone-wrap .select-box select{ border-radius: 5px; }
.text-btn-input .phone-wrap input[type="text"].text-input.phone { float:left; width: 100px; }
.text-btn-input .phone-wrap span.unit{ float:left; margin: 15px 3px; }
.text-btn-input .text-input-wrap:after { content: ''; display: block; clear: both; }
.text-btn-input .text-input-wrap input[type="text"].text-input.num { float: left; width: 325px; }

.alrt-01 { font-size: 1.2rem; color: #0475f4; margin-top: 5px; }
.alrt-02 { font-size: 1.2rem; color: #b52b2b; margin-top: 5px; }

/* 검색 (셀렉트+인풋+검색버튼) */
.search-wrap {margin-bottom: 25px;}
.search-wrap .search-area {float: right;}
.search-wrap .search-area:after {clear: both; content: ''; display: block;}
.search-wrap .search-area .select-box select { border-right: 0; }
.search-wrap .search-area .input-box {float: left;}
.search-wrap .search-area .input-box input[type="text"].text-input {border-right: 0;border-radius: 0;}
.search-wrap .search-area .btn-wrap {float: left; margin-top: 0;}
.search-wrap .search-area .btn-wrap button {height: 35px; border-radius: 0 5px 5px 0;}
.search-wrap .result-area { font-size: 1.4rem; color: #1f1f1f; float: left; margin-top: 25px; }
.search-wrap .result-area span { color: #0475f4; font-weight: 600; }

/* 셀렉트+텍스트인풋 */
.select-input .select-box select { border-right: 0; }
.select-input .input-box input[type="text"].text-input { border-radius: 0 5px 5px 0 }

/* textarea */
textarea {width: 100%; resize: none; padding:10px; font-size: 1.2rem; min-height: 200px;border:1px solid #cacaca; border-radius: 5px;}
textarea:hover {border-color: #a8a8a8;}

/* 파일인풋 */
.file-input { display: inline-block; text-align: left; width: 400px; position: relative; padding-left: 10px; font-size: 1.2rem; line-height: 31px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #cacaca; font-weight: 400; border-radius: 5px;}
.file-input > input[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer; }
.file-input > input[type='file']:hover {border-color: #a8a8a8;}
.file-input > .button { display: inline-block; padding: 0; font-size: 1.2rem; vertical-align: top; background-color: #041e38; cursor: pointer; border: 1px solid #041e38; border-bottom-color: #041e38; border-radius: 2px; font-weight: 400; color: #fff; height: 33px; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; z-index: 2; top: -1px; right: -1px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 70px; text-align: center; line-height: 31px; }
.file-input:hover > .button { background: #000913; color: #fff; border-color: #000913; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 55px; display: block;}
.file-input.-chosen > .label { opacity: 1; }
.file-row { margin: 5px 0; }
.file-row .add-wrap { display: inline-block; margin-left: 10px; position: relative; }
.file-row .add-wrap button { border-style: none; background: transparent; width: 20px; height: 20px; margin-right: 3px; }
.file-row .add-wrap button img {opacity: .7; cursor: pointer;}
.file-row .add-wrap button:hover img {opacity: 1;}


/* 인풋 라디오 커스텀 */
.check-input-wrap .check-input { display: inline-block; }
input[type=radio]:not(old) { margin:0; padding:0; opacity:0; background:url("../../img/common/radio_box_off.png") no-repeat 0 11px; width:0; } 
input[type=checkbox]:not(old) { margin:0; padding:0; opacity:0; background:url("../../img/common/check_box_off.png") no-repeat 0 11px; width:0; } 
input[type=radio]:not(old) + label { display: inline-block; text-align: left; padding-left: 20px; background: url("../../img/common/radio_box_off.png") no-repeat 0 11px;  vertical-align: top;position: relative; top:0; line-height: 35px; margin-right: 10px; color: #000;}
input[type=checkbox]:not(old) + label { display: inline-block; text-align: left; padding-left: 20px; background: url("../../img/common/check_box_off.png") no-repeat 0 11px;vertical-align: top;position: relative; top:0;  line-height: 35px;margin-right: 10px; color: #000;}
input[type=radio]:not(old):checked + label { background: url("../../img/common/radio_box_on.png") no-repeat 0 11px; position: relative; top:0; margin-right: 10px;}
input[type=checkbox]:not(old):checked + label { background: url("../../img/common/check_box_on.png") no-repeat 0 11px; position: relative; top:0; margin-right: 10px;}



/* 레이어팝업 */
.layer-pop-wrap { position: fixed; width: 0; height: 0; overflow: hidden; background: rgba(0,0,0,0.3); z-index: 999;  }
.layer-pop-wrap.open { width: 100%; height: 100%; }
.layer-pop-wrap.open .layer-box { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; max-width: 60%; min-width: 300px; border-radius: 10px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
  -webkit-animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; 
       -o-animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; 
          animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@-webkit-keyframes scaleUp {
  0% { top:70%; opacity: 0; }
  100% { top:50%; opacity: 1; }
}
@-o-keyframes scaleUp {
  0% { top:70%; opacity: 0; }
  100% { top:50%; opacity: 1; }
}
@keyframes scaleUp {
  0% { top:70%; opacity: 0; }
  100% { top:50%; opacity: 1; }
}

.layer-pop-wrap .layer-box .head { position: relative; width: 100%; padding: 20px; border-bottom: 1px solid #dee3eb; font-size: 1.7rem; }
.layer-pop-wrap .layer-box .head i { position: absolute; top: 20px; right: 20px; cursor: pointer; color: #636363; }
.layer-pop-wrap .layer-box .head i:hover { opacity: .7; }
.layer-pop-wrap .layer-box .body { position: relative; width: 100%; padding: 20px; font-size: 1.5rem; max-height: 550px; overflow-y: auto;}
.layer-pop-wrap .layer-box .foot { position: relative; width: 100%; padding: 20px; border-top: 1px solid #dee3eb; }
.layer-pop-wrap .layer-box .foot .btn-wrap { margin-top: 0; }


/* 게시판 상세 이전다음 ui */
.board-control { position: relative; width: 100%; margin-top: 50px; }
.board-control ul { border-top: 1px solid #585858; }
.board-control ul li { padding: 20px 0; border-bottom: 1px solid #dee3eb; }
.board-control ul li .left { position: relative; float: left; width: 100px; font-weight: 600; text-align: center; }
.board-control ul li .left i { margin-left: 15px;}
.board-control ul li .left.prev i { position: relative; top: 3px; }
.board-control ul li .right { float: left; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); }
.board-control ul li .right a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.board-control ul li .right a:hover { text-decoration: underline; }

.txt-invalid { display: none; margin-top: 8px; color: #ed4448;}
.dot { display: inline-block; height: 4px; width: 4px; border-radius: 50%; margin: 0 0 8px 5px; }
.red-bg { background: #ed4448; }

/* 첨부 된 파일 */
.added-file .file { display: inline-block; cursor: pointer; background: #f1f1f1; padding: 5px 10px; border-radius: 14px; font-size:1.2rem; color:#424242 ; font-weight: 600; margin: 2px 5px 2px 0;}
.added-file .file:last-of-type { margin-right: 0; }
.added-file .file:hover {background: #e8e8e8}
.added-file .file img { margin-right: 5px; opacity: 0.7; width: 12px; height: 14px; position:relative; top:2px;}
.added-file .add-wrap { display: inline-block; margin-left: 5px; position: relative; }
.added-file .add-wrap button { border-style: none; background: transparent; width: 17px; height: 17px; margin-right: 3px; }
.added-file .add-wrap button img {opacity: .3; cursor: pointer; width: 100%; height:100%; }
.added-file .add-wrap button:hover img {opacity: .7;}

@media(max-width: 768px) {
	.added-file {font-size: 1.3rem}
}

@media(max-width: 500px) {
	.added-file {font-size: 1.2rem}
	.added-file img {width: 10px; height: 12px;}
}

/* empty-list */
.empty-list {background:#f2f4f7; padding:50px 0;}
.empty-list p {text-align:center; font-size:1.3rem; color:#999;}

@media(max-width:500px) {
  .empty-list {font-size:1.2rem;}
}

.alrt-wrap { padding: 10px 20px; margin-top: 10px; border: 1px solid #e1d4d4; background-color: #f6f2f2; }
.alrt-wrap .dot { position: relative; top: 5px;}