@charset "UTF-8";
@import "reset.css";
/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}

/* Intro */
.consult-wrap {background:#fff url('../images/visual.png') no-repeat top center; background-size:contain; position: relative; min-height:100vh;}
/* .sub-visual-1{} */

.consult-wrap .menu {margin-top:11.53%;}
.consult-wrap .menu ul {display:flex; width:100%; flex-wrap: wrap; justify-content: space-between;}  
.consult-wrap .menu li{width:49.1%;}
.consult-wrap .menu li a {display: block; height:100%;} 

.consult-wrap .menu .item {padding:12.93% 12.93% 15.63% 12.93%;}
.consult-wrap .menu .item span {font-size:3.23rem; display: inline-block; color:#fff; font-family:'Noto Bold'; letter-spacing: -.05em;}
.consult-wrap .menu .item .icon {margin-bottom: 3.9%;}
.consult-wrap .menu .item .icon span {text-indent: -9999px; display: inline-block; max-width:31.7%; width:100%;font-size: 3.9rem;}
.consult-wrap .menu .item1 .icon span {background:url('../images/ic_menu01.png') no-repeat center center; background-size:contain;}
.consult-wrap .menu .item2 .icon span {background:url('../images/ic_menu02.png') no-repeat center center; background-size:contain;}

.consult-wrap .menu .item .icon > img{max-width:31.7%;} 
.consult-wrap .menu .item1 a {background:url('../images/menuBg_01.png') no-repeat center center; background-size:contain;}
.consult-wrap .menu .item2 a {background:url('../images/menuBg_02.png') no-repeat center center; background-size:contain;}

.consult-wrap .footer-txt {margin-top: 10.5%;}
.consult-wrap .footer-txt p {font-size:2.08vw; letter-spacing: -.075em; font-family:'Noto Regular'; line-height:1.5; text-align: center; color:#888;}

@media all and (min-width:1670px) {
    .consult-wrap .menu .item span {font-size:2.8rem;}
    .consult-wrap .main-txt > p {font-size: 4.2rem;}
}
@media all and (max-width:768px) {
    .consult-wrap .menu .item span {font-size: 3.5rem;}
    .consult-wrap .footer-txt p {font-size:3.2rem;}
}
@media all and (max-width:500px) {
    .consult-wrap .footer-txt p {font-size: 16px;}
}

.consult-wrap {max-width:1454px; width:100%; margin: 0 auto;}
/* 텍스트 문구 */
.consult-wrap .consult-txt {margin-top: 11.53%; margin-bottom:14.15%;}
.consult-wrap .consult-txt p {color:#666; font-size:3.44vw; line-height:1.2; text-align: center; letter-spacing: -.05em; font-family:'Noto Regular';} 

/* 하단 안내문구 */
.consult-wrap .waring-txt {background:#F7F7F7; border-radius:1.2rem; padding:3.76% 3.66%; margin-bottom: 5.9%;}
.consult-wrap .waring-txt p{font-size: 2.39vw; line-height: 1.5; font-family: 'Noto Light'; color:#BCBCBC; padding-left: 3.27%; position: relative; letter-spacing: -.05em; margin: 0; letter-spacing: -.05em;}
.consult-wrap .waring-txt p::after {content:''; position: absolute; left: 0; top:1.2rem; width:0.7rem; height:0.7rem; background:#BCBCBC; border-radius: 50%;}

.col-b {color:#256EE3; font-family: 'Noto Regular';}

@media all and (min-width:1454px) {
    .consult-wrap .consult-txt p {font-size:50px;}
    .consult-wrap .waring-txt p {font-size: 36px;}
    .consult-wrap .consult-btn .btn-deco {font-size: 46px;}
    .consult-wrap .menu li {width: 47.1%;}
}

/* List Table */
.scroll-table {position: relative; margin-top: 11.53%; border: 2px solid #E0E0E0; border-radius:1.4rem; overflow: hidden;}
.board-table .col-admin {width: 4%;}
.board-table .col-num {width: 4%;}
.board-table .col-write {width: 9%;}
.board-table .col-date {width: 9%;}
.board-table .col-acess {width: 8%;}
.board-table .col-file {width: 8%;}

.board-table .col-reco-y,
.board-table .col-reco-n,
.board-table .col-comment {display: none;}

.board-table .th-reco-y,
.board-table .th-reco-n,
.board-table .th-comment {display: none;}

.board-table .td-reco-y, 
.board-table .td-reco-n,
.board-table .td-comment {display: none;}

.board-table thead th { background: #EEEEEE; font-size: 2.75vw; font-family: 'Noto Medium'; font-weight: normal;  border-bottom: 1px solid #cfcfd1; padding:2.92% 0; width:100%;}
.board-table tbody tr.notice {background: #f9f9f9;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; background: url('../images/ico-notice.png') no-repeat center center;}
.board-table tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 2.75vw; font-family: 'Noto Regular'; color: #666; border-bottom: 1px solid #cfcfd1;}
.board-table tbody td > a {color:#666; display: block; padding: 9.65% 0; width:100%;}
.board-table tbody td.td-subject {font-size: 2.75vw; color: #444; text-align: left; padding-left: 20px; font-weight: normal;}
.board-table tbody td.td-subject .new {position: relative; top: 11px; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px;}
.board-table tbody tr.trash td.td-subject {text-decoration: line-through;}
.board-table tbody td.td-file {text-indent: -9999px;}
.board-table tbody td.td-file.file {background: url('../images/ico-file.png') no-repeat center center;}
.board-table tbody tr:last-child td{border-bottom:none;}
.board-table .state-color1 {color:#00816C;}
.board-table .state-color2 {color:#256EE3;}


@media all and (min-width:1454px) {
    .board-table thead th,
    .board-table tbody td {font-size: 40px;}

}
/* Category */
.board-cate .cate-now{margin-bottom:30px;overflow:hidden; border:1px solid #aaa;}
.board-cate .cate-now li{ float:left;}
.board-cate .cate-now li.all-list{background-color:#18327c;}
.board-cate .cate-now li.all-list a{color:#fff; font-weight:500; background:url(../images/bul-cate.png) 15px 31px no-repeat; padding-right:25px; padding-left:35px;}
.board-cate .cate-now li:nth-child(2){background:url(../images/bg-cate.png) -290px center no-repeat;}
.board-cate .cate-now li a{color:#666; padding:19px 15px; display:block; font-family:'Noto Regular';}
.board-cate .cate-now li.no-cate{padding-top: 19px; padding-left:15px; padding-bottom: 19px; font-weight: 500; color: #999;}
.board-cate .cate-now li + li + li{background:url(../images/line-cate.png) left center no-repeat;}

@media only screen and (max-width:600px){
	.board .cate-now{border:none;}
	.board .cate-now li.all-list{width:100%;  margin-bottom:2px;}
	.board .cate-now li.all-list a{border:1px solid #0060a6;}
	.board .cate-now li{width:calc(100% / 2 - 2px); margin-bottom:2px;}
    .board .cate-now li a{border:1px solid #cfcfcf; text-align:center; padding:12px 15px;}
    .board .cate-now li.all-list a {background-image:none;}
    .board .cate-now li:nth-child(2) a {background-image:none; color:#666;}
    .board .cate-now li:nth-child(2) {background-image:none;}
}

/* Tab */
.board-tab ul {display: inline-block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.board-tab ul li {float: left; margin-right: 10px;}
.board-tab ul li a {position: relative; top: 1px; display: block; padding: 10px 15px; border: 1px solid #d1d1d1;}
.board-tab ul li a.on {background: #18327c; color: #fff;}

/* Date Search */
.board-date {text-align: center; background: #f2f2f2; border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 30px;}
.board-date label {font-family: 'Noto Regular'; color: #666; margin: 0 15px; padding-left: 30px; background: url('../images/icon-cal.png') no-repeat left center;}
.board-date input {background: #fff;}
.board-date .line {display: inline-block;}
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button,
.ui-datepicker .ui-datepicker-title select,
.ui-datepicker table {font-size: 13px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 5px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}

@media all and (max-width:620px) {
    .board-date .line {display: block;}
}

/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 10px;}
.board-search .util-search {float: left; font-family: 'Noto Regular'; font-size: 14px; margin-top: 7px;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong {color: #dd0042;}
.board-search .form-search {float: right;}
.board-search .box-sel {display: inline-block; margin-right: 10px;}
.board-search .box-sel select {background: #ebebeb url('../images/arrow-search.png') no-repeat right center; font-size: 14px; font-family: 'Noto Regular'; color: #646464; border: 0; height: 40px; border-radius: 100px; min-width: 160px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; display: inline-block; background: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px; min-width: 300px;}
.board-search .box-search input {position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Regular';}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 40px; background: url('../images/ico-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

@media all and (max-width:780px) {
    .board-search .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .board-search .util-search {display: none;}
    .board-search .form-search {float: left; width: 100%;}
    .board-search .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .board-search .box-sel select {min-width: auto; width: 100%;}
    .board-search .box-search {display: table-cell;}
}

/* View */
.view-info {border-top: 2px solid #7c7c7c;}
.view-info .view-num {display: none;}
.view-info .view-title {font-size: 20px; font-family: 'Noto Regular'; border-bottom: 1px solid #dadada; padding: 17px 30px;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #d1d1d1; padding: 10px 30px;}
.view-detail .view-util {float: left; font-size: 14px; color: #9b9b9b; font-family: 'Noto Regular';}
.view-detail .view-util dl {display: inline-block; padding-right: 10px; margin-right: 10px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:last-child:after {display: none;}
.view-detail .view-util dl.count dd {padding-left: 25px; background: url('../images/ico-view.png') no-repeat left center;}
.view-detail .view-util dt {display: none;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-share {float: right;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}

.view-file {margin-bottom: 40px;}
.view-file .row {display: table; width: 100%; border-top: 1px solid #7c7c7c; border-bottom: 2px solid #7c7c7c;}
.view-file .row .title {width: 200px; display: table-cell; vertical-align: middle; padding: 25px 0; background: #f5f5f5; text-align: center; font-family: 'Noto Regular'; color: #444;}
.view-file .row .insert {display: table-cell; vertical-align: middle; padding: 15px 30px;}
.view-file .row .insert a {display: block; padding-left: 30px; margin-top: 5px; margin-bottom: 5px; background: url('../images/ico-add.png') no-repeat left center;}
.view-file .no-file {color: #888;}

@media all and (max-width:1000px) {
    .view-detail .view-util {width: 100%; float: none;}
    .view-detail .view-share {width: 100%; float: none;}
}

@media all and (max-width:700px) {
    .view-file .row {display: block;}
    .view-file .row .title {display: block; width: 100%; text-align: left; padding:15px 0 15px 30px;}
    .view-file .row .insert {display: block; width: 100%;}
}

/* Write Update */
.write-title .title {font-size: 4.6rem; font-family:'Noto Bold'; line-height:1; color:#101010; letter-spacing: -.05em; margin-top: 11.53%; margin-bottom:1.2%;}
.write-title .mark1 {background:url('../images/ic_mark.png') no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; width:4.25%; margin-left: 1.5%; } 
.write-title .guide-txt {font-size: 2.4rem; text-align: right; color:#9B9B9B; letter-spacing: -.05em; font-family:'Noto Regular';}

.board-write .row {display: table; width: 100%; border:2px solid #E0E0E0; border-radius:1.4rem; margin-bottom: 3.35%; position: relative;}
.board-write .row:last-child {margin-bottom:1.2%;}
.board-write .title {width:23.32%; display: table-cell; vertical-align: middle; text-align: left; padding:  2.71% 0 2.71% 4.17%; font-size: 3.2rem; font-family: 'Noto Regular'; color: #747474; letter-spacing: -.05em;}
.board-write .insert {display: table-cell; vertical-align: middle; padding: 2.24% 4.17%; font-family: 'Noto Regular'; color: #666;}
.board-write .insert.editor {padding: 12px 0 6px 0;}
.board-write .insert .long {width: 100%;}
.board-write .insert .space {margin-bottom: 10px;}
/* .board-write .insert .tarea {width: 100%; font-family: 'Noto Regular'; font-size: 14px; color: #666;} */
.board-write .insert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.board-write .insert .ico-cal { padding-left: 30px; padding-right: 10px; background: url(../images/icon-cal.png) no-repeat left center;}
.board-write .insert .ico-cal.space {margin-left: 10px;}
.board-write .insert .switch {margin-top: 10px;}
.board-write .insert .file-select {font-family: 'Noto Regular'; font-size: 14px; color: #666; padding: 10px; height: 130px;}
.board-write .insert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.board-write .insert .one-line li {float: left; margin-right: 10px; }
.board-write .insert .pass-form {margin-top: 10px;}
.board-write .insert .pass-form label {margin-right: 10px;}
.board-write .insert .sel-type {font-family: 'Noto Regular'; font-size: 14px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url(../images/arrow-search.png) no-repeat right center;}
.board-write .insert .line {display: inline-block;}
.board-write .insert input {font-family:'Noto Regular';}  
.board-write .insert .select-box {width:100%; height:auto; font-family:'Noto Regular'; line-height: 1.2; font-size:3rem; color:#000; border:none; background:url('../images/ic_selectArrow.png') no-repeat right center; } 
.board-write .insert .select-box {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
.board-write .insert .writer {font-size: 3rem; height:auto; border: none;}
.board-write .writer-title .mark1 {background:url('../images/ic_mark.png') no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; width:22%; margin-left: 8.5%; } 

.board-write .insert .sj {font-size: 3rem; height:auto; border: none;}

.board-write .insert.content {padding:3.5% 4.17% 0.6%;}
.board-write .insert textarea { padding: 0.5% 0; width:100%; line-height: 1.2; border:none; font-size:3.2rem; color:#000; height:auto; font-family:'Noto Regular'; letter-spacing: -.05em;}
.board-write .insert textarea::placeholder {color:#747474; font-family:'Noto Regular'; letter-spacing: -.05em; font-size: 3.2rem; line-height: 1;}

.board-write .insert .file-inner {position: relative;}
.board-write .insert .label-upload {position: relative; width:100%; height:6.1rem; top:0; left:0; border-radius:1.2rem; border: 2px solid #E0E0E0; display: inline-block; text-indent: -9999px; background:#F7F7F7 url('../images/upload_btn.png') no-repeat center center; background-size: contain;}
.board-write .insert .label-delete {position: absolute; height:100%; width:48.5%; top:0; right:0;border-radius:1.2rem; border: 2px solid #E0E0E0; display: inline-block; text-indent: -9999px; background:#F7F7F7 url('../images/delete_btn.png') no-repeat center center; background-size: contain;}
.board-write .insert .multiSelectBox {width:98%; font-size:3.44vw; height:100%; font-family:'Noto Regular'; display: table-cell; vertical-align: middle; border: none; background: #fff; color:#111; padding:3% 0;}
.board-write .insert .multiSelectBox {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.board-write .insert .multiSelectBox::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

.board-write .insert .button-box { width:12.25%; position: absolute; right:0; top:50%; transform:translateY(-50%);}
.board-write .insert .button-box > span{display: none;}

.consult-wrap .file-txt {border: none; color:#9B9B9B; margin-bottom: 4.9%;}
.consult-wrap .file-txt p {font-size:2.48vw; line-height: 1.5; }


.popup-wrap {position: fixed; width:100%; height:100%; top:0; left:0; z-index: 1000; display: none;}
.popup-wrap .blackBg {position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.popup-wrap .popup-box {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; height:300px; border: 1px solid #000; background: #fff; z-index: 1001;}

@media all and (max-width: 580px) {
    .board-write .insert .line {display: block; margin: 5px 0;}
    .board-write .insert .ico-cal.space {margin-left: 0;}
}

@media all and (min-width:1454px) {   
    .write-title .title {font-size: 70px;}
    .write-title .guide-txt {font-size: 36px;}

    .board-write .title {font-size: 50px;}
    .board-write .insert .select-box {font-size: 50px;}
    .board-write .insert textarea {font-size: 50px;}
    .board-write .insert textarea::placeholder {font-size:50px;}
    .board-write .insert .multiSelectBox {height:102px;}
    .consult-wrap .file-txt p{font-size: 36px;}
}
@media all and (max-width:580px) {
    .board-write .insert .select-box {background-size:contain;}
}



/* detail-view */ 
.board-view {margin-top:11.53%;}
.board-view .row {margin-bottom: 3.35%;}
.board-view .row:last-child {margin-bottom:0;}
.board-view .row-inner {display: table; width: 100%; border:2px solid #E0E0E0; border-radius:1.4rem;   position: relative;}
.board-view .bg-color1 {background:#F7F7F7;}
.board-view .row-inner:last-child {margin-bottom:1.2%;}
.board-view .title {width:100%; display: block;  text-align: left; line-height: 1; font-size: 2.75vw; font-family: 'Noto Regular'; margin-bottom:2.23%; color: #747474; letter-spacing: -.05em;}
.board-view .insert {display: table-cell; vertical-align: middle; line-height: 1.3; padding: 4.14% 4.17%; font-family: 'Noto Regular'; color: #666; font-size: 3.44vw; word-break:break-all;}
.board-view .insert.editor {padding: 12px 0 6px 0;}
.board-view .insert .long {width: 100%;}
.board-view .insert .space {margin-bottom: 10px;}
.board-view .insert .tarea {width: 100%; font-family: 'Noto Regular'; font-size: 14px; color: #666;}
.board-view .insert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.board-view .insert .ico-cal { padding-left: 30px; padding-right: 10px; background: url(../images/icon-cal.png) no-repeat left center;}
.board-view .insert .ico-cal.space {margin-left: 10px;}
.board-view .insert .switch {margin-top: 10px;}
.board-view .insert .file-select {font-family: 'Noto Regular'; font-size: 14px; color: #666; padding: 10px; height: 130px;}
.board-view .insert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.board-view .insert .one-line li {float: left; margin-right: 10px; }
.board-view .insert .pass-form {margin-top: 10px;}
.board-view .insert .pass-form label {margin-right: 10px;}
.board-view .insert .sel-type {font-family: 'Noto Regular'; font-size: 14px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url(../images/arrow-search.png) no-repeat right center;}
.board-view .insert .line {display: inline-block;}
.board-view .insert input {font-family:'Noto Regular';} 
.board-view .insert .select-box {width:100%; height:auto; line-height: 1.2; font-size:3rem; color:#000; border:none; background:url('../images/ic_selectArrow.png') no-repeat right center; } 
.board-view .insert .select-box {-moz-appearance:none; -webkit-appearance:none; appearance:none;}

.board-view .insert .writer {font-size: 3rem; height:auto; border: none;}
.board-view .writer-title .mark1 {background:url('../images/ic_mark.png') no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; width:22%; margin-left: 8.5%; } 

.board-view .insert .sj {font-size: 3rem; height:auto; border: none; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}

.board-view .insert.content {padding:2.9% 4.17%;}
.board-view .insert textarea { padding: 1% 0; border:none; font-size:3.2rem; color:#000; height:auto; font-family:'Noto Regular';}
.board-view .insert textarea::placeholder {color:#747474; font-family:'Noto Regular'; letter-spacing: -.05em; font-size: 3.2rem; line-height: 1;}

.board-view .insert .file-inner {position: relative; display: table; width:100%;}
.board-view .insert .label-upload {position: absolute; top:0; right: 0; bottom: 0; left: 0; border-radius:1.2rem; border: 2px solid #E0E0E0; display: inline-block; text-indent: -9999px; background:#F7F7F7 url('../images/file_btn.png') no-repeat center center; background-size: contain;}
.board-view .insert .multiSelectBox {width:99%; font-size:4.7rem; height:100%; font-family:'Noto Regular'; display: table-cell; vertical-align: middle; border: none; background: #fff; color:#111;}
.board-view .insert .button-box { width:12.25%; display: table-cell; vertical-align: middle; position: relative;}
.board-view .insert .button-box > span{display: none;}


@media all and (min-width:1454px) {   
    .board-view .title {font-size: 40px;}
    .board-view .insert {font-size: 50px;}
    .board-view .insert .select-box {font-size: 50px;}
    .board-view .insert textarea {font-size: 50px;}
    .board-view .insert textarea::placeholder {font-size:50px;}
    .board-view .insert .multiSelectBox {height:102px;}
}

/* Contents */
.view-con {padding: 50px 30px;}
.view-img {margin-bottom: 30px;}

/* Paging */
.scroll-table {margin-bottom: 1.4%;}
._paging {padding:4.4% 0;}
._paging ._inner {height:auto; display: flex; align-items: center; justify-content: center; }
._paging ._inner a {border: none; width:4.3rem; height:4.3rem; font-size: 2.06vw; line-height: 4.3rem;}
._paging ._inner ul {height:auto; }
._paging ._inner strong {width:4.3rem; height:4.3rem; font-size: 2.06vw; line-height: 4.3rem;}
._paging > ._inner > ul {padding:0 2%;}
._paging > ._inner > ul li strong { background-color: #256EE3; border-color: #256EE3; border-radius:0.7rem; }
._paging > ._inner > ul li > a {border-radius:5px; }
/* ._paging > ._inner > a {background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;} */
._paging > ._inner > a._first {background:url('../images/prev_all.png') no-repeat center center; background-size: contain;}
._paging > ._inner > a._last {background:url('../images/next_all.png') no-repeat center center; background-size: contain;}
._paging > ._inner > a._listPrev {background:url('../images/prev_btn.png') no-repeat center center; background-size: contain;}
._paging > ._inner > a._listNext {background:url('../images/next_btn.png') no-repeat center center; background-size: contain;}
._paging ._inner a._prev {background:url('../images/prev_page.png') no-repeat center center; background-size: contain;}
._paging ._inner a._next {background:url('../images/next_page.png') no-repeat center center; background-size: contain;}
._paging ._inner ._pageState {display: none;}
._paging ._inner ul li {display: block;}

@media all and (min-width:1454px) {
    ._paging ._inner a {font-size: 30px;}
    ._paging > ._inner > ul li strong {font-size: 30px;}
    ._paging ._inner a {border: none; width:63px; height:63px; line-height: 63px;}
    ._paging ._inner strong { width:63px; height:63px; line-height: 63px;}
}
@media all and (max-width:500px) {
    /* 페이지네이션 */
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner strong {font-size: 16px; width:32px; height:32px;  line-height: 28px;}
    ._paging ._inner a {width:32px; height:32px; line-height: 28px; font-size: 16px;}
    ._paging ._inner ._pageState {display: block;}
    ._paging ._inner ._pageState > span {font-size: 16px;}
    /* ._paging > ._inner > a._last, ._paging > ._inner > a._first {display: none;} */
}



/* Prev Next */
.view-navi {position: relative;}
.view-navi .navi-info {display: none;}
.view-navi .title {display: none;}
.view-navi a {text-indent: -9999px;}
.view-navi .prev a {position: absolute; top: 0; left: 0; width: 55px; height: 55px; background: url('../images/btn-prev.png') no-repeat center center; }
.view-navi .next a {position: absolute; top: 0; right: 0; width: 55px; height: 55px; background: url('../images/btn-next.png') no-repeat center center; }
.view-navi a:after {position: absolute; top: 10px; text-indent: 0; }
.view-navi .prev a:after {content: '이전글'; left: 120%; font-family: 'Noto Regular'; width: 70px;}
.view-navi .next a:after {content: '다음글'; right: 120%; font-family: 'Noto Regular'; width: 70px;}

@media all and (max-width:675px) {
    .view-navi {display: none;}
}

/* Button */
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button.board-view-btn .btn-deco {width:31.26%;}
.board-button.board-view-btn .align-c {margin:0 auto;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}


a.samll-btn, input.samll-btn {color: #fff; display: inline-block !important;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto DemiLight';}
.small-btn-box .samll-btn.color1 {background: #0c837f; color: #fff; border: 1px solid #0c837f;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 25px; line-height: 20px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight';}
.tiny-btn.color1 {background: #0c837f; border: 1px solid #0c837f; color: #fff;}
.tiny-btn.color2 {background: #ce2856; border: 1px solid #ce2856; color: #fff;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 35px; padding-right: 20px; cursor: pointer;}
.file-btn.add {background: #ececec url('../images/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../images/ico-file-del.png') no-repeat 14px center;}


@media all and (min-width:1454px) {
    .board-button .btn-deco {font-size: 46px;}
}

/* Comment */
/*.board-view .insert .comment {line-height:1.3; display:-webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical;}*/
.board-view .insert .comment {line-height:1.3; display:-webkit-box; -webkit-line-clamp: 2; overflow: hidden;}
/* .view-comment-write {position: relative; border: 1px solid #aaaaaa; border-top: 2px solid #7c7c7c; padding: 15px 30px 20px 30px; margin-bottom: 40px;} */
/* .view-comment-write .name {margin-bottom: 15px;} */
/* .view-comment-write .name label {font-family: 'Noto Regular'; font-size: 13px; padding-right: 10px; color: #666;} */
/* .view-comment-write .name input {border-radius: 3px; padding: 5px;} */
/* .view-comment-write textarea {width: 100%; background: #f2f2f2; padding: 15px; font-family: 'Noto Regular'; margin-bottom: 10px;} */
/* .view-comment-list {padding-bottom: 20px;} */
/* .view-comment-list li {border: 1px solid #7c7c7c; padding: 20px; padding-top: 10px; margin-bottom: 20px;} */
/* .view-comment-list .title {display: block; margin-bottom: 10px; font-family: 'Noto Regular';} */
/* .view-comment-list .title .date {font-size: 14px; color: #777; margin-left: 10px; position: relative; top: -1px;} */
/* .view-comment-list .comment {background: #f2f2f2; padding: 15px; font-family: 'Noto Regular';} */
/* .view-comment-write .must {top:4px} */

/* Answer */
.view-answer {position: relative; border: 1px solid #aaaaaa; border-top: 2px solid #7c7c7c; padding: 15px 30px 20px 30px; margin-bottom: 40px;}
.view-answer:after {content: ''; position: absolute; top: 0; left: 30px; width: 36px; height: 38px;  background: url('../images/ico-reply.png') no-repeat left top;}
.view-answer .answer-title {padding-left: 55px;}
.view-answer .answer-title .title {font-size: 17px; color: #444; font-family: 'Noto Regular'; line-height: 1.2;}
.view-answer .answer-info {color: #9b9b9b; font-family: 'Noto DemiLight'; font-size: 14px; margin-bottom: 20px;}
.view-answer .answer-info .writer {position: relative; padding-right: 10px; margin-right: 10px;}
.view-answer .answer-info .writer:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 10px; background: #c3c3c3; }
.view-answer .answer {background: #f2f2f2; padding: 15px; font-family: 'Noto Regular'; margin-bottom: 20px;}

._popup {height: 100%; font-family: 'Noto Regular';}
._popup #_popupHeader {padding-top: 20px; padding-bottom: 10px; height: auto !important; line-height:normal !important;}
._popup #_popupHeader h1 {float: none !important; display: block; padding-left: 33px; background: url('../images/bul-pop.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 20px !important;}

.answer-write {border-top: 2px solid #7c7c7c;}
.answer-write .box-answer {margin-bottom: 40px;}
.answer-write .row {display: table; width: 100%;border-bottom: 1px solid #d1d1d1;}
.answer-write .row .title {width: 130px; display: table-cell; vertical-align: middle; text-align: left; padding: 15px 10px; background: #f5f5f5; font-family: 'Noto Regular'; color: #444;}
.answer-write .row .insert {display: table-cell; vertical-align: middle; padding: 15px 30px; font-family: 'Noto Regular';  font-size: 14px;}
.answer-write .row textarea {width: 100%; background: #f2f2f2; padding: 15px; font-family: 'Noto Regular'; }
.answer-write .insert input[type="text"], .answer-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.answer-write .insert .long {width: 100%;}
.answer-write .insert .file-select {font-family: 'Noto Regular'; font-size: 14px; color: #666; padding: 10px; height: 130px;}

/* Must */
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../images/ico-mark.png') no-repeat; text-indent: -9999px;}

.kogl_wrap {
    border-top: 1px solid #426dca;
    border-bottom: 1px solid #426dca;
    background-color: #f6f6f6;
    padding: 20px 30px;
    font-size: 0.94em;
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
    font-weight: 400;
}
.kogl_wrap .open_img {
    margin-right: 10px;
}
.kogl_wrap a {
    display: table-cell;
    vertical-align: middle;
}
@media all and (max-width: 550px) {
    .board-write .insert .select-box {background:none; appearance: auto; -webkit-appearance: auto; -moz-appearance: auto;}
}

/* 모바일 */
@media all and (max-width:500px) {
    .consult-wrap .call-box a {font-size: 16px;}
    .write-title .guide-txt {font-size: 15px;}
    .consult-wrap .board-write .title {font-size: 16px;}
    .consult-wrap .file-txt p {font-size: 16px;}
    .consult-wrap .waring-txt p {font-size: 14px;}

    /* 작성 */
    .board-write .title {font-size: 16px;}
    .board-write .insert .select-box {font-size: 16px;}
    .board-write .insert .writer {font-size: 16px;}
    .board-write .insert .sj {font-size: 16px;}
    .board-write .insert textarea {font-size: 16px;}
    /* 리스트 */
    .board-table thead th {font-size: 16px;}
    .board-table tbody td {font-size: 15px;}

    /* 수정 */
    .board-view .title {font-size: 16px;}
}


/* 모달 팝업 */
.modal-wrap {position:fixed; width:100%; height:100%; top:0; left:0; z-index: 1003; display: none;}
.modal-wrap .modal-pop {max-width:1454px; width:100%; margin: 0 auto;}
.modal-wrap .modal-pop .modal-inner {padding:0 7.97%; position: absolute; width:100%; top:50%; transform:translatey(-50%); z-index: 1; left: 0;}

.modal-wrap .modal-pop .modal {background:#fff; position: relative; z-index: 1005; text-align: center; border-radius:1.5rem; padding:3.34% 6.4%;}
.modal-wrap .modal-pop .modal::after {content:''; display:block; clear:both;}
.modal-wrap .modal-pop .modal p {font-size:2.75vw; font-family:'Noto DemiLight'; letter-spacing: -.05em; line-height: 1.5; margin-bottom:10.3%;}
.modal-wrap .modal-pop .btn-area {width:100%; text-align:right;}
.modal-wrap .modal-pop .btn-area button {font-size: 3.16vw; }
.modal-wrap .modal-pop .btn-area .close-btn {color:#ccc;}
.modal-wrap .modal-pop .btn-area .check-btn {color:#256EE3; font-family: 'Noto Bold'; margin-left: 7%;}

.modal-wrap .modal-bg {position: fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);}


/* file-list */
.file-list {border:2px solid #e0e0e0; border-radius:1.4rem; font-size: 3.2rem; padding: 0 4.17%;}
.file-inner .file-list-inner {position: relative;}
.file-inner .file-list-inner p{font-size:1.6rem; padding-right:6rem; margin-bottom:1.5rem; width:43rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.file-inner .file-list-inner p:last-child {margin-bottom:0;}
 @media all and (max-width:1454px) {
    .modal-wrap .modal-pop .modal p {font-size: 40px;}
    .modal-wrap .modal-pop .btn-area button {font-size: 46px;}
    /* .file-list {font-size: 50px;} */
 }
 @media all and (max-width:501px) {
    .file-inner .file-list-inner p{font-size:17px;}
 }

 /* 첨부파일 삭제버튼 */
 .blind {display: inline-block; text-indent: -9999px; background:url('../images/close_btn2.png') no-repeat center center; background-size:contain; width:10%; margin-left:1.5rem; position: absolute; right:0;}