@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;
    margin:0 auto;
    padding-top:100px;}
.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:.55em;
                        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:.35em 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;}
select{
    padding: .5em;
    width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/common/select_arrow.png') no-repeat 93% 50%;
}
select::-ms-expand{
    display: none;
}
select option{padding: 10px;}

/*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 {
    table-layout: fixed;
    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;
    line-height: 0;
}
.TableWrite label {margin:0;}
.TableWrite td input {
    padding:3px 5px;
    height:30px;
}
.TableWrite caption {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; padding:0; margin:0;}
input#secreted1{
    width: inherit;
}

/*글쓰기페이지 너비*/
input#title{
    width: 98%;
    box-sizing: border-box;
}
.tox-tinymce{
    width: 98%;
}
iframe#fileUploadFrame{
    width: 98%;
}




/*페이지네이션 버튼*/
nav.Page { width:100%;}
.pagination {margin-top:20px; width:100%; display:flex;}
.pagination span, .pagination .page-link {color:#000; font-size:.75rem;}
.page-link{
    padding: .25rem .5rem;
    cursor:pointer;
    border: 1px solid #eee;
}
li.page-item{
    margin: 2px;
}
li.page_choice.page-item .page-link{
    background: #f1f1f1;
}
.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:#d29e4b; border:1px solid #d29e4b; 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;}




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

.stateIcon{font-style:normal;
    font-size: 12px;
    color:#fdfdfd;
    padding: 3px 5px 4px;
    border-radius: 2px;}



/*---------------------------------모바일--------------------------------------*/
@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;;}

}