@charset 'utf-8';

/* 페이징 */
/* 190107 (S) */
.pagenation { position:relative; width:100%;clear:both;text-align:center;margin-top:15px; }
.subpg {margin-top: 0;}
.pagenation img {vertical-align:middle;}
.pagenation ul {overflow:hidden;margin:0 auto;padding:0;}
.pagenation ul li {display:inline;}
.pagenation ul li span {display:inline-block; padding: 0 10px;}
.pagenation ul li span a {color:#333;display:block;}
.pagenation ul li span.on a {display:block; color:#64ad14; font-weight: bold;}
.pagenation a.write-page { position:absolute; right:0; top:0; }/* 20130731 */
div.write-page { text-align:right; }
.paging img {vertical-align: middle;}
.firstpg,.prevpg,.nextpg,.lastpg {display: inline-block; width: 28px; height: 28px; vertical-align: middle; background: url(/images/common/prevnext.png) no-repeat;}
.firstpg {background-position: 0 0;}
.prevpg {background-position: -28px 0;}
.nextpg {background-position: -56px 0;}
.lastpg {background-position: -84px 0;}
/* //190107 (E) */


/*게시판 리스트*/
/* 190102 (S) */
table.common-board-list {width:100%; margin:40px 0 25px 0; padding:0; border-spacing:0px; border-collapse:collapse; border-top:3px solid #76b0df;}
/* //190102 (E) */
table.common-board-list span{ padding-right:3px;}
table.common-board-list img {vertical-align:middle;}
table.common-board-list td, table.common-board-list th {border-bottom:1px solid #ccc; padding:13px 0;color:#333;}
table.common-board-list th {text-align:center;background:#f4f9fc;}
/* 190103 (S) */
table.common-board-list td {text-align:center;}
/* //190103 (E) */
table.common-board-list td.title {text-align:left;}
table.common-board-list td.title a {display: inline-block; max-width : 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#333; letter-spacing : -0.9px;}
table.common-board-list td.title a:hover {text-decoration: underline;}
table.common-board-list td.num {width:55px;}
table.common-board-list td.date {width:80px;}
/* 190103 (S) */
/*table.common-board-list td.hit {width:65px;}*/
/* //190103 (E) */
table.common-board-list td.attach {width:75px;}
table.common-board-list td.reply {width:85px;}
table.common-board-list td.name {width:65px;}
/* 190110 (S) */
.table-wrap .no-search {padding: 10px 0 15px 0; text-align: center;}
/* //190110 (E) */

/*게시판 리스트 마이페이지*/
table.mypage-board-list {width:100%; margin:10px 0 25px 0; padding:0; border-spacing:0px; border-collapse:collapse; border-top:3px solid #76b0df;}
/* 190103 (S) */
table.mypage-board-list.mbmypage {display: none;}
/* //190103 (E) */
table.mypage-board-list span{ padding-right:3px;}
table.mypage-board-list img {vertical-align:middle;}
table.mypage-board-list tr {border-bottom: 1px solid #ccc;}
table.mypage-board-list td, table.mypage-board-list th {padding:13px 0; color:#333;}
table.mypage-board-list th {text-align:center;background:#f4f9fc;}
table.mypage-board-list td {text-align:center;}
table.mypage-board-list td.title {text-align:left;}


/* 공지사항 */
.resultNone {display: none;}
.notiDetail td {text-align: left !important;}
.ntdot {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ntbold {font-weight: bold;}
/* 190103 (S) */
.ntcont {padding: 13px 10px !important; line-height: 22px; word-break: keep-all;}
/* //190103 (E) */
.title-wrap {background-color: #f4f9fc;}
/* 190103 (S) */
.title-td {padding: 18px 0 18px 10px !important;}
/* //190103 (E) */
.btnList {background-color: #005e97;}
.btnList:hover {font-weight: bold;}
/* 190110 (S) */
.btnDw {display: block; color: darkorange; line-height: 20px;}
/* //190110 (E) */
.btnDw {color: darkorange;}
.btnDw:hover {text-decoration: underline;}
.mbnoti {display: none;}

/* 버튼공통 */
.tbBtn {padding: 3px 10px; margin-left: 8px; border: 1px solid #005e97; border-radius: 5px; font-size: 14px; color: #fff; background-color: #005e97; letter-spacing: 0;}
.tbBtn_prt {border: 1px solid #76b0df; background-color: #76b0df;}
.tbBtn_cc {border: 1px solid #555; background-color: #555;}
.btnCom {padding: 10px 15px; color: #fff; font-size: 15px; letter-spacing: 0;}
.btnsch {padding: 7px 20px; color: #fff; font-size: 14px; letter-spacing: 0; vertical-align: middle;}
.btnschtwo {padding: 3px 20px; color: #fff; font-size: 14px; letter-spacing: 0;}
.btnpp {padding: 5px 10px; color: #fff; font-size: 14px; letter-spacing: 0;}
/* 190110 (S) */
.rgWrap a {display: inline-block;}
/* //190110 (E) */


/* Q&A */
.mbnone {display: none;}
.mgtop {margin-top: 40px !important;}
.common-board-list.qnaTb td {padding: 13px 0;}
.common-board-list.qnaTb td.title {padding: 13px 0 13px 10px;}
.common-board-list.qnaBoard {margin-bottom: 0;}
.common-board-list.qnaBoard td {padding-left: 10px; text-align: left;}
.common-board-list.answerBoard {margin: 0; border-top: none;}
.common-board-list.answerBoard .title-wrap {background-color: #f7f7f7;}
.btnRg {background-color: #005e97;}
.btnRg:hover {font-weight: bold;}
.btnRit {background-color: #72be23;}
.btnCle {background-color: #555;}
.btncfrm {margin-left: 8px; padding: 6px 20px !important; background-color: #005e97;}
.repl {color:#64ad14; padding: 0 5px !important; font-weight: bold; vertical-align: top;}
.reply-no {display:block;padding:30px 22px;border-bottom:1px solid #ccc;text-align:center;background:#f7f7f7;}
.reply-no p:first-child {color: #005e97; font-size: 18px; line-height: 28px;}


/* FAQ 게시판 */
.more {display: inline-block; width: 16px; height: 16px; background:url(/images/common/faq_icon.png) no-repeat 0 -22px;}
.close {display: inline-block; width: 16px; height: 16px; background:url(/images/common/faq_icon.png) no-repeat 0 0;}
/* 190102 (S) */
.opntxt {display: none; background-color: #f7f7f7;}
.scresult {font-weight: bold;}
.qz, .ansr {font-weight: bold; font-size: 18px;}
.qz {font-weight: bold; color: #1f75ba !important; font-size: 18px;}
.ansr {font-weight: bold; color: #6b6b6b !important; font-size: 18px;}
.ansrtxt {padding: 13px 13px 13px 10px !important; line-height: 24px; word-break: keep-all; text-align: left !important;}
.page-top{height:30px; width:100%; border-top:1px solid #cccccc;}
.board-search2 {float:right; margin-bottom: 20px;}
.board-search2 input.text {width:200px;height:33px;border:1px solid #d1d1d1;box-sizing: border-box;}
.board-search2 input {vertical-align:middle;}
.boardbtn{float:right;}
/* //190102 (E) */


.sel{width:85px; height:30px; float:left; padding-top:3px;}
.sel select{font-size:12px; height:25px; font-weight:600; width:80px; border:1px solid #ccc; float:left; padding:2px; -webkit-appearance: none; 
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(/images/main/select_btn.gif) no-repeat 95% 50%;}

/* IE 10, 11의 네이티브 화살표 숨기기 */
.sel select::-ms-expand {display: none;}

.customer-information h2 {font-size: 15px;}

/*게시판 뷰*/
div.common-board-view {border-top:3px solid #76b0df;}
div.common-board-view div.title-wrap {overflow:hidden;border-bottom:1px solid #ccc;color:#333;background:#f4f9fc;}
div.common-board-view div.title-wrap span,div.common-board-view div.attach-wrap span {float:left;display:block;}
div.common-board-view div.title-wrap span.title {width:550px;font-weight:bold;padding:15px 22px 13px 22px;}
div.common-board-view div.title-wrap span.date {padding:15px 22px 13px 22px;}
div.common-board-view div.reply-title-wrap {overflow:hidden;border-bottom:1px solid #ccc;color:#333;background:#f7f7f7;}
div.common-board-view div.reply-title-wrap span,div.common-board-view div.attach-wrap span {float:left;display:block;}
div.common-board-view div.reply-title-wrap span.title {width:550px;font-weight:bold;padding:15px 22px 13px 22px;}
div.common-board-view div.reply-title-wrap span.title span {color:#64ad14;padding:0 35px 0 15px;background:url(/images/board/bul_reply.gif) left top no-repeat;}
div.common-board-view div.reply-title-wrap span.date {padding:15px 22px 13px 22px;}
div.common-board-view div.attach-wrap {overflow:hidden;clear:both;border-bottom:1px solid #ccc;}
div.common-board-view div.attach-wrap span.attach-file {padding:15px 22px 13px 22px;width:530px;}
div.common-board-view div.attach-wrap span.attach-file strong {color:#333;padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/board/bg_line.gif) right 1px no-repeat;}
div.common-board-view div.attach-wrap span.attach-file a {padding:0 5px 0 0;color:#666;}
div.common-board-view div.attach-wrap span.hit {padding:15px 22px 13px 22px;color:#333;}
div.common-board-view div.attach-wrap span.hit strong {padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/board/bg_line.gif) right 1px no-repeat;}
div.common-board-view div.board-content {clear:both;display:block;padding:30px 22px;border-bottom:1px solid #ccc;}
div.common-board-view div.reply-no {clear:both;display:block;padding:30px 22px;border-bottom:1px solid #ccc;text-align:center;background:#f7f7f7;}

div.common-board-view div.reply-yes {clear:both;display:block;padding:30px 22px;border-bottom:1px solid #ccc;text-align:center;background:#f7f7f7;}

div.common-board-view div.attach-wrap span.name {padding:15px 22px 13px 22px;}
div.common-board-view div.attach-wrap span.name strong {color:#333;padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/board/bg_line.gif) right 1px no-repeat;}
div.common-board-view div.attach-wrap span.email {float:right;padding:15px 22px 13px 22px;color:#333;}
div.common-board-view div.attach-wrap span.email strong {padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/board/bg_line.gif) right 1px no-repeat;}

.btn-last-wrap {text-align:center;;margin:38px 0 0 0;}

/* 비밀번호 레이어 */
.user-password { display:none; position:absolute; left:0; top:0; border-top:8px solid #1f75ba; font-family:"Nanum Gothic", "nanumgothic"; background:#fff; }
.user-password .inner-user-password { width:218px; border:1px solid #ccc; border-top-width:0; }
.user-password .inner-user-password strong { display:block; padding:10px 15px;font-size:16px; color:#1f75ba; background:#f3f3f3; }
.user-password .inner-user-password .password-field { padding:15px; }
.user-password .inner-user-password .password-field input[type=password] { width:108px; height:23px; border:1px solid #d1d1d1; vertical-align:middle; background:#f8f8f8; }
.user-password .inner-user-password .password-field img { vertical-align:middle; cursor:pointer; }

.green{color:#73be22; font-weight:800;}
/* 190102 (S) */
.pass{width:100%;}
.pass>span {display: inline-block; width: 100%; margin: 20px auto 10px auto; text-align: center;}
/* //190102 (E) */
.blue{color:#006fbf;} 


/* 190102 (S) */
@media all and (max-width: 1024px){
.mailadd {width: 15% !important;} 
.anstit {width: 90% !important;}
}

@media all and (max-width: 768px){
.wrtdate {display: none;}
.wirter {width: 22%;}
.mgtop {margin-top: 20px !important;}
/* 190110 (S) */
table.common-board-list {margin: 20px 0 10px 0;}
/* //190110 (E) */
table.common-board-list {margin-top: 20px;}
table.faqtbWrap td {padding: 13px 0;}
table.notiDetail td,.title-td {padding: 15px 10px !important;}
/* 190110 (S) */
/*.notiTb {display: none;}
.resultNone {display: inline-block;} */	
/* //190110 (E) */
/* 190103 (S) */
table.mypage-board-list.pcmypage {display: none;}
table.mypage-board-list.mbmypage {display: inline-table;}
/* //190103 (E) */
.pcnoti {display: none;}
.mbnoti {display: inline-table;}
.common-board-list .ntbold {text-align: center !important;}
.pgnone {display: none !important;}
.btnRg,.btnRit,.btnCle {font-size: 14px;}
.tbBtn {display: inline-block; margin: 4px 0 0 4px;}
.tbBtn_prt {display: none;}
/* 190122 (S) */
/*.photo-area {display: none;}*/
/* //190122 (E) */
.online-pt {display: none;}
.mbnone {display: table-row;}
.boardbtn {float: inherit; text-align: center;}
.infobtn a {display: inline-block; width: 100%; padding: 15px 0; margin-top: 20px;}
.customer-information h2 {line-height: 20px;}
}

@media all and (max-width: 568px){
.board-search2 {margin-bottom: 10px;}
table.common-board-list .wirtedt {width: 25%;}
table.common-board-list .addfile {width: 20%;}
table.common-board-list .stt {width: 15%;}
.rgWrap {display: block; margin-bottom: 20px; clear: both;}
.mailadd,.fileadd {width: 22% !important;} 

}

@media all and (max-width: 414px){
.mbfircol {width: 20% !important;}	
.pswth {width: 30% !important;}
.anstit {width: 80% !important;}
.qnadate {width: 20% !important;}
}

@media all and (max-width: 320px){
.mbfircol {width: 25% !important;}	
.qnaTb .anwr {width: 20% !important;}
.btncfrm {margin-left: 0;}
}
/* //190102 (E) */