@font-face{
    font-family:"Nanum Gothic";
    src:url('../font/NanumGothic.eot');
    src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('../font/NanumGothic.woff') format('woff'),
    url('../font/NanumGothic.ttf') format('truetype');
    src:local(※), url('../font/NanumGothic.woff') format('woff');
}

@font-face{
    font-family:"Nanum Gothic";
    font-weight:600;
    src:url('../font/NanumGothicBold.eot');
    src:url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
    url('../font/NanumGothicBold.woff') format('woff'),
    url('../font/NanumGothicBold.ttf') format('truetype');
    src:local(※), url('../font/NanumGothicBold.woff') format('woff');
}

td{border-bottom: 1px solid #f7f7f7;
    padding: 10px 5px;}



/*섹션*/
section {padding-bottom:5em;}
#wrap{width:1120px;
    height:600px;
    margin:0 auto;
    padding-top:50px;}
#wrap .boardTitle{text-align:center;
            padding-bottom: 30px;
            font-size: 34px;}
.subRightSection {padding-bottom:5em;}




/*게시판 타이틀*/
.subConTitle {border-bottom:1px solid #b6b6b9; margin:1em 0; }
.subConTitle span { font-size:.8em;  vertical-align:middle;}
.subConTitle p {font-family: 'S-CoreDream-4Regular';
    font-size:1.8em;
    line-height: 1.5;
    margin-right:.2em;
    display:inline-block;
    vertical-align:middle;}


/*검색창*/
.label_hidden {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.searchBox {text-align:right; margin-bottom:.5em; font-size:.9em; padding-right:0;}
.searchBox ul, .searchBox p {display:inline-block;}
.searchBox ul li {display:inline-block; position:relative; margin:0 2px;}
.searchBox ul li input {padding:.4em;
                        font-family: 'S-CoreDream-3Light';}
.searchBox ul li input.searchInput {width:29em;}
.searchBox ul li select {padding:.5em;
                        font-family: 'S-CoreDream-3Light';}
.searchBtnImg {padding:.4em 1em;
    border-radius:3px;
    vertical-align:middle;
    background:#878788;
    color:#fff;
    display:block;
        letter-spacing: -1px;}
select, input{border:1px solid #cfcecd;
            border-radius:3px;}


/*list페이지 테이블*/
table {width:100%; border-collapse:collapse; font-size:.9em; }
table caption {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; padding:0; margin:0;}
table th {border-top:3px solid #dfdfe0;
    border-bottom:3px solid #dfdfe0;
    text-align:center;
    font-size:1em; padding:.4em;}

.boardTable th, .boardTable td {padding:.8em; font-family:'Nanum Gothic'; }
.boardTable td p {font-family:'Nanum Gothic'; }

/*view페이지*/
    /*테이블*/
.TableView, .TableNext {border-top:3px solid #dfdfe0; border-bottom:0}
.TableView th, .TableNext th {border:1px solid #dfdfe0; background:none;}
.TableView td, .TableNext td {border:1px solid #dfdfe0;}

.tableContent {padding:30px 0;}
.tableContent img {max-width:100%;}

.tableLeft {text-align:left; padding-left:2em;}
.tableLeft a {display:block; }
.tableLeft a:hover {;}

.boardTable th, .boardTable td {padding:.8em; font-family:'Nanum Gothic'; }



/*insertOrUpdate페이지 테이블*/
.TableWrite {border-top:3px solid #dfdfe0; border-bottom:3px solid #dfdfe0;}
.TableWrite th, .TableWrite td {border-top:0; border-bottom:1px solid #dfdfe0; text-align:left; padding-left:20px;}
.TableWrite label {margin:0;}
.TableWrite td input {padding:3px 5px;}
.TableWrite caption {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; padding:0; margin:0;}






/*페이지네이션 버튼*/
nav.Page { width:100%;}
.pagination {margin-top:20px; width:100%; display:flex;}
.pagination span, .pagination .page-link {color:#000; font-size:.75rem;}
.page-link{border:1px solid #dee2e6;
            padding: .25rem .5rem;
            border-radius:.25rem;
            cursor:pointer;}

.justify-content-center{justify-content:center!important;}



/*글쓰기 버튼  <질문과 답변 페이지*/
.btnBox {text-align:center; margin-top:15px;  font-family:'Nanum Gothic';}
.btnBoxRight {text-align:right;}
.btnBox li {display:inline-block; margin:0 2px;}
.btnBox li a {display:block; border:1px solid #d0d0d1; font-size:13px; padding:5px 10px; color:#a0a0a5;  font-family:'Nanum Gothic';}
.btnBox li a.basic {border:1px solid #193975; background:#193975; color:#fff;}
.btnBox li a img {margin-right:5px;}
.btnBox li a span {vertical-align:middle; font-family:'Nanum Gothic';}



    /*자주하는 질문*/
   /*탭버튼*/
.tabBox {display:inline-block; margin-bottom:.5em; font-family: 'notokr-regular';
        line-height: 20px;}
.tabBox li {display:inline-block; /*margin:0 .2em;*/}
.tabBox li:first-child {margin:0;}
.tabBox li a {display:block; padding:.5em 1em; border:1px solid #aaa; color:#444; font-size:.75em; font-family:'Nanum Gothic';}
.tabBox li a.tabChoice {background:#deb622; border:1px solid #deb622; color:#fff;}


    /*자주하는 질문, 품목가격등록요청*/
.qnaBox {border-top:1px solid #dddddd; font-size:.9em;}
.qnaBox dt {padding:.5em 1em; border-bottom:1px solid #ddd; }
.qnaBox dt.qnaOn {border-bottom:0; }
.qnaBox dt a {display:block; color:#333;}
.qnaBox dt a p, .qnaBox dd p {display:inline-block; vertical-align:middle;}
.qnaBox dt a p:before {content:url("../img/sub/qnaImg.png"); display:inline-block; vertical-align:middle; margin-right:.5em;}
.qnaBox dd {background:#f5f5f5; padding:.5em 1em; border-bottom:1px solid #ddd; }
.qnaBox dd:before {content:url("../img/sub/qnaImg2.png"); display:inline-block; vertical-align:middle; margin-right:.5em;}




.row i{font-style:normal;
        font-size: 10px;
        color:#fff;
        padding: 1px 5px;
        border-radius: 12px;}





/*---------------------------------모바일--------------------------------------*/
@media(max-width:767px){
    #wrap{width:95%;
        padding-top: 50px;}
}




@media (max-width: 768px) {
    /*비주얼이미지*/
    .subVisualBox {height:150px; ;}
    .boardTable th, .boardTable td {padding:.5em;}
    .addFileTh {width:22%;}
    /*탭버튼*/
    .tabBox li {margin:.2em;}

    /*검색창*/
    .searchBox {margin-top:1em; text-align:center;}
    /*댓글*/
    .replyBox {border-bottom:1px solid #dfdfe0;}
    .boardTable {display:table !important; width:100%;}

    .boardTableReserBar tr th {background:#efeff1; border-top:0; border-bottom:0; border-right:1px solid #dcdbe8;}
    .boardTableReserBar tr th:last-child {border-right:0;}
    .boardTableReserBar tr:nth-child(4n+5) th {border-top:2px solid #d4c893 !important;}
    .boardTableReserBar tr.event th {border-top:1px solid #dcdbe8 !important;}
}

@media (min-width: 768px) {

    /*테이블 모바일에서 pc로 넘어갈경우*/
    .boardTableM .d-md-block {display:table-cell !important;}
    .TableNext {display:table !important;}

    .boardTableM .tableWeb {display:table !important;}



}

@media (max-width: 610px) {
    /*검색창*/
    .searchBox {padding:.5em; }
    .searchBtn a {padding:1em 1em;}
    .searchBox ul li input.searchInput {width:11em;}
    .boardTableWeb {display:table !important; width:100%;}
    /*댓글*/
    .replyBox textarea {width:77%;}
    .replyBox button {padding:.8em;}
    .introImg ul li {width:100%;}
    .introImg ul li:first-child {margin-bottom:5px;;}

}