@import url(/css/reset.css);
@import url(/css/animate.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

/* 공통 */
html, body { margin:0; padding:0; height:100%;}
html * {
    outline: 0 !important
}
body{ font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 12px; line-height:1; letter-spacing: -0.02em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow-y: scroll;}
/*img{vertical-align:baseline;}*/
a,a:link,a:visited,a:active,a:hover{cursor:pointer;text-decoration:none;outline:none;}
.clear{clear:both;overflow:hidden;height:0px;font-size:0px;display:block;}
.empty-space{display:block;height:1px;}
.img-full{display:block;width:100%;}
.tt-overflow{overflow:hidden;}
.container{ position: relative; width: 1070px; max-width:100%;}
.container_gnb { position: relative; width:1070px; max-width:100%; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}

/*table*/
.table-view{height:100%;width:100%;display:table;}
.row-view{display:table-row;}
.cell-view{display:table-cell;vertical-align:middle;}
.background-block{-moz-background-size:cover;background-size:cover;background-position:center center;}

/*nopadding class*/
.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.padding10{padding-left:5px;padding-right:5px;}
.font-roboto{font-family:'Roboto Slab';}
.font-raleway{font-family:'Raleway';}
.mbottom0{margin-bottom:0;}
.mbottom5{margin-bottom:5px;}
.mbottom10{margin-bottom:10px;}
.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}
.mbottom25{margin-bottom:25px;}
.mbottom30{margin-bottom:30px;}
.mbottom35{margin-bottom:35px;}
.mbottom40{margin-bottom:40px;}
.mbottom45{margin-bottom:45px;}
.mbottom50{margin-bottom:50px;}
.mbottom55{margin-bottom:55px;}
.mbottom60{margin-bottom:60px;}
.mbottom65{margin-bottom:65px;}
.mbottom70{margin-bottom:70px;}
.mbottom75{margin-bottom:75px;}
.mbottom80{margin-bottom:80px;}
.mbottom85{margin-bottom:85px;}
.mbottom90{margin-bottom:90px;}
.mbottom95{margin-bottom:95px;}
.mbottom100{margin-bottom:100px;}
.mbottom105{margin-bottom:105px;}
.mbottom140{margin-bottom:140px;}
.mbottom160{margin-bottom:160px;}
.mbottom200{margin-bottom:200px;}
.ptop10{padding-top:10px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop25{padding-top:25px;}
.ptop30{padding-top:30px;}
.ptop35{padding-top:35px;}
.ptop40{padding-top:40px;}
.ptop45{padding-top:45px;}
.ptop50{padding-top:50px;}
.ptop55{padding-top:55px;}
.ptop75{padding-top:75px;}
.pbottom15{padding-bottom:15px;}
.pbottom20{padding-bottom:20px;}
.pbottom25{padding-bottom:25px;}
.pbottom30{padding-bottom:30px;}
.pbottom35{padding-bottom:35px;}
.pbottom40{padding-bottom:40px;}
.pbottom45{padding-bottom:45px;}
.pbottom50{padding-bottom:50px;}
.pbottom70{padding-bottom:75px;}

/* 질문 게시판 */
.cont_body { width: 100%; overflow: hidden;}
.board_search { width: 1004px; margin: 0 auto; margin-bottom: 10px; text-align: right;}
.search_box { position: relative; width: auto; border: 1px solid #b9b9b9; padding: 8px; text-align: left; margin-top: 16px; display: inline-block;}
input[type="text"].input_search { width: 250px; font-size: 14px; color: #555; border: none; outline: none;}
.search_ico { position: absolute; background-color: #FFF; top: 0; right: 6px; margin-top: 10px; vertical-align: top;}
.board_cont { width: 1004px; margin: 0 auto; margin-top: 10px;}
.board_l { width: 474px; vertical-align: top; float: left;}
.board_top { border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 12px; overflow: hidden;}
.board_top_titl { font-size: 20px; color: #333; font-weight: 600; text-align: left; float: left;}
.board_top_more { float: right;}
.board_r { width: 474px; vertical-align: top; float: right;}
.board_txt_group { height: 28px; text-align: left;}
.qna_bullet { width: 75px; font-size: 11px; color: #FFF; text-align: center; background-color: #3caff1; padding: 5px 6px; margin-right: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; vertical-align: middle; display: inline-block;}
.qna_subject { width: 300px; font-size: 13px; color: #666; line-height: 20px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; vertical-align: top; display: inline-block;}
.qna_subject a { color: #666;}
.qna_date { font-size: 13px; color: #666; text-align: right; margin-top: 2px; float: right;}
.notice_subject { width: 380px; font-size: 13px; color: #666; line-height: 20px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; vertical-align: middle; display: inline-block;}
.notice_subject a { color: #666;}
.notice_date { font-size: 13px; color: #666; text-align: right; margin-top: 2px; float: right;}

.board_write_cont { width: 1014px; margin: 0 auto; margin-top: 20px;}
.btn_cont { width: 1004px; margin: 0 auto; margin-top: 20px;}
.btn_cont button { margin: 0 4px;}
.btn_cont_r { width: 1004px; margin: 0 auto; margin-top: 20px; text-align: right;}

table.qna { width: 100%; border-collapse: collapse;}
table.qna thead th { height: 46px; border-top: 2px solid #666; font-size: 14px; color: #222; font-weight: 500; text-align: center; padding: 6px 6px;}
table.qna tbody tr { display: table-row;}
table.qna tbody td { height: 40px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-size: 13px; color: #555; font-weight: 400; text-align: center; padding: 6px 10px; display: table-cell;}
table.qna tbody td.subject { text-align: left;}
table.qna tbody td.txt_col_red { color: #F00;}
table.qna tbody td a { color: #555;}
table.qna_write { width: 100%; border-collapse: collapse;}
table.qna_write tbody tr { display: table-row;}
table.qna_write tbody td { height: 44px; border-bottom: 1px solid #d7d7d7; font-size: 13px; color: #555; text-align: left; padding: 6px 10px; display: table-cell;}
table.qna_write tbody td.top { border-top: 2px solid #666;}
table.qna_write tbody td.titl { background-color: #ededed; text-align: center;}
table.qna_write input[type="text"].inputbox_subject { width: 80%; padding: 5px;}

.view_top_cont { border-bottom: 1px solid #CCC; border-top: 2px solid #666; padding: 20px; margin-top: 40px; overflow: hidden;}
.view_subject { font-size: 20px; color: #333; font-weight: 400; text-align: left;}
.view_top { margin-top: 16px;}
.view_top_txt { font-size: 13px; color: #666; float: left;}
.view_top_txt span { vertical-align: top; margin-top: -1px; display: inline-block;}
.view_top_txt_line { width: 1px; height: 13px; margin: 0 14px; background-color: #666; float: left;}
.view_body_cont { border-bottom: 1px solid #ccc; padding: 20px; text-align: left; overflow: hidden;}
.qna_txt_group { width: 100%; display: inline-block;}
.qna_txt_group_a { width: 100%; margin-top: 10px; display: inline-block;}
.qna_detail_txt { width: 100%; font-size: 14px; color: #333; line-height: 26px; font-weight: 300; vertical-align: top; float: left;}
.qna_l { width: 50px; padding-left: 20px; float: left;}
.qna_l_mobile { width: 60px; float: left; display: none;}
.qna_r { width: 93%; font-size: 13px; color: #333; line-height: 24px; font-weight: 300; text-align: left; vertical-align: top; margin-top: -2px; float: left;}
.qna_select { height: 39px;}
.view_detail_txt { line-height: 1.6;}
.view_detail_txt p { line-height: 1.5;}
.body_main p { line-height: 1.5;}
#ID_TR0 { margin-top: 8px;}

/* 페이징 */
.paging_inner { width:100%; overflow:hidden;}
.paging { display:inline-block; padding-left:0; margin:20px 0 6px 0; border-radius:3px;}
.paging>li { display:inline;}
.paging>li>a, .paging>li>span { position:relative; font-family:Arial, Helvetica, sans-serif; float:left; padding: 6px 12px; margin-left:-1px; line-height:1.42857143; color:#333333; text-decoration:none; background-color:#fff; border:1px solid #ddd; text-align: center;}
.paging>li:first-child>a,.paging>li:first-child>span { margin-left:0; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.paging>li:last-child>a,.paging>li:last-child>span { border-top-right-radius:3px; border-bottom-right-radius:3px;}
.paging>li>a:focus,.paging>li>a:hover,.paging>li>span:focus,.paging>li>span:hover {z-index:3; color:#333; background-color:#f5f5f5; border-color:#ddd;}
.paging>.active>a,.paging>.active>a:focus,.paging>.active>a:hover,.paging>.active>span,.paging>.active>span:focus,.paging>.active>span:hover{ z-index:4; color:#fff; cursor:default; background-color:#717171; border-color:#717171;}
.paging>.disabled>a,.paging>.disabled>a:focus,.paging>.disabled>a:hover,.paging>.disabled>span,.paging>.disabled>span:focus,.paging>.disabled>span:hover{ color:#bbb; cursor:not-allowed; background-color: transparent; border-color:#ddd;}

/* 추가 */