/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	검색필터
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cont_search_wrap {position: relative;display: block;overflow: hidden;border: 1px solid #dee2e6;background: #fafafa;padding: 20px 15px;margin-bottom: 15px}
.cont_search_wrap dl {position: relative;display: block;overflow: hidden;padding-left: 120px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;margin-bottom: 10px;}
.cont_search_wrap dl:last-child {padding-bottom: 0;margin-bottom: 0;border: none;}
.cont_search_wrap dt {position: absolute;top: 0;left: 0;width: 110px;height: 36px;line-height: 36px;font-weight: 600;color: #333;}
.cont_search_wrap dd {display: block;min-height: 34px;}
.cont_search_wrap dd .radio, .cont_search_wrap dd .checkbox {margin-top: 8px;margin-bottom: 8px;}
.cont_search_wrap select {min-width: 90px;width: auto;margin: 0 2px;box-sizing: border-box}
.cont_search_wrap input[type=text] {margin: 0 2px;width: 100px}
.cont_search_wrap .search_input {width: 260px !important;}
.cont_search_wrap .btn {height: 30px;line-height: 30px;padding: 0 8px;font-size: 13px;background: #fff;}
.cont_search_wrap .btn_dark {background: #313a46;}

.form_block {position: relative;display: flex;overflow: hidden;margin-bottom: 5px}
.form_block:last-child {margin-bottom: 0}
.form_group {display: flex;float: left;overflow: hidden;margin: 2px}
.form_group.fr {float: right}
.group_btn {display: block;overflow: hidden}
.group_btn li {float: left;}
.form_calendar {}
.input_group_text {float: left;line-height: 2rem;margin: 0 5px}
.input_group_icon {float: left;border-radius: 4px;background: #e9ecef;width: 38px;text-align: center;height: 32px;line-height: 31px;font-size: 16px;color: #495057;border:1px solid #d9e3e9;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.calendar {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;margin-left: -3px !important;}
.cont_search_wrap .total {line-height: 34px}

@media only screen and (max-width:1024px){
    .cont_search_wrap .total {display: block;width: 100%;float: none;}

    .cont_search_wrap dl {padding-left: 0;}
    .cont_search_wrap dt {position: relative;width: 100%;height: 26px;line-height: 26px;}

    .cont_search_wrap select {width: 100%;margin: 2px 0}
    .cont_search_wrap .search_input {width: calc(100% - 130px) !important;}
    .cont_search_wrap .btn_search {width: 100%;box-sizing: border-box;margin: 10px 0 0}

    .form_block {display: block;border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px}
    .form_block:last-child {border-bottom: none;padding-bottom: 0;margin-bottom: 0}
    .form_group {display: block;float: none;margin: 5px 0}
    .form_calendar {overflow: hidden}
    .form_calendar .form_group {float: left;width: calc(50% - 10px)}
    .form_calendar .form_group:nth-child(2) {width: 20px}
    .calendar {width: calc(100% - 40px) !important}

    .group_btn {width: 100%;float: left;}
    .group_btn li {width: calc(16.6% - 2px);margin-right: 2px;float: left;}
    .group_btn li:last-child {margin-right: 0}
    .group_btn li a {width: 100%;box-sizing: border-box;font-size: 12px !important;;padding: 0 !important;}

    .form_group.full {width: 100% !important}
    .form_group.full.fr {float: none !important;}
    .form_group.full .search_input {width: 100% !important;margin: 0}
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	리스트 탑
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.listTbl_top {position: relative;display: block;overflow: hidden;margin-bottom: 10px;height: 34px;line-height: 34px}
.listTbl_top .ad_tit02:after {top: 13px;}
.listTbl_top .align {position: relative;display: block;overflow: hidden;height: 34px;}
.listTbl_top .align select {float: left;width: 150px;margin: 0 2px}
.listTbl_top .btn {height: 32px;padding: 0 20px !important;margin: 0 2px}
.listTbl_top .txt {float: right;}

.total {display: inline-block;}
.total .num {display: inline-block;color: #084e99;letter-spacing: 0;}


@media only screen and (max-width:640px){
    .listTbl_top {height: auto;line-height: 150%}
    .listTbl_top .txt {float: none;clear: both;}
}

/*목록리스트*/
.listTbl {position: relative;display: block;font-size: 13px;}
.listTbl table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 1px solid #dee2e6;}
.listTbl th, .listTbl td {border: 1px solid #dee2e6;word-wrap: break-word;}
.listTbl th {padding: 7px 5px;}
.listTbl td {padding: 5px 3px;}
.listTbl td {text-align: center;}
.listTbl thead th {color: #333;background: #fff;border-bottom: 2px solid #dee2e6;font-weight: 600}
.listTbl tr:nth-child(odd) td {background: #f3f6f8;}
.listTbl .c {text-align: center}
.listTbl .l {text-align: left;padding: 5px 7px}
.listTbl .r {text-align: right}

/*폼*/
.writeTbl {position: relative;display: block;font-size: 13px;}
.writeTbl table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 1px solid #dee2e6;}
.writeTbl th, .writeTbl td {border: 1px solid #dee2e6;word-wrap: break-word;padding: 7px 5px}
.writeTbl td {text-align: left;}
.writeTbl th {font-weight: 600;color: #333;background: #f3f6f8;text-align: center}

@media only screen and (max-width:640px){
    .writeTbl .m-size {width: 120px}
}
@media only screen and (max-width:480px){
    .writeTbl .m-size {width: 90px}
}
@media only screen and (max-width:380px){
    .writeTbl .m-size {width: 70px}
}


/*리스트*/
.boardLst {position: relative;display: block;overflow: hidden;}
.boardLst ul {display: table;width: 100%;}
.boardLst li {position: relative;display: table-cell;vertical-align: middle;line-height: 150%;text-align: center;padding: 10px 5px}
.boardLst li .mtit {display: none}

.boardLst .head {position: relative;display: block;border-top: 2px solid #98a6ad;border-bottom: 1px solid #d0dbe1;background: #fafafa;z-index: 5}
.boardLst .head li {color: #151515;font-size: 15px;text-align: center !important;padding: 10px 5px}
.boardLst .item {position: relative;display: block;border-bottom: 1px solid #d0dbe1;z-index: 15}
.boardLst a.title {display: inline;color: #151515;}
.boardLst a.title:hover {color: #084e99}
.boardLst .fe-bell, .boardLst .fe-file {font-size: 17px}
.boardLst .fe-bell {color: #084e99}

.boardLst .board_file {position: relative;display: inline-block;vertical-align: top;margin: 1px 0;width: 16px;text-align: center;z-index: 15}
.boardLst .board_file .txt {display: none;position: absolute;bottom: 27px;left: 50%;width: 120px;height: auto;margin-left: -75px;padding: 5px 15px;border-radius: 5px;background: rgba(0,0,0,0.75);line-height: 16px;color: #fff;font-size: 12px;letter-spacing: 0;z-index: 20}
.boardLst .board_file .txt:after {position: absolute;bottom: -10px;left: 50%;margin-left: -5px;content: "";display:block; width:0; height:0; border-style:solid; border-width:5px;border-color: rgba(0,0,0,0.75) transparent transparent transparent;}
.boardLst .board_file:hover .txt {display: block}

.boardLst .notice {background: #f5fafe;}
.boardLst .noData {display: block;width: 100%;text-align: center;padding: 40px 20px;border-bottom: 1px solid #d0dbe1}

.boardLst .col1 {width: 50px}
.boardLst .col2 {width: 190px}
.boardLst .col3 {width: 50%;text-align: left;}
.boardLst .col4 {width: 50px}
.boardLst .col5 {width: 100px}
.boardLst .col6 {width: 100px}

.faq_btnLst {position: relative;display: block;overflow: hidden}
.faq_btnLst ul {position: relative;display: block;overflow: hidden}
.faq_btnLst ul li {float: left;margin-right: 20px;width: 215px}
.faq_btnLst ul li:last-child {margin-right: 0}
.faq_btnLst ul li a {display: block;text-align: center;padding: 30px 15px;background: #f3f3f3}
.faq_btnLst ul li a span {display: inline-block;padding: 0 20px;line-height: 30px;height: 30px;border-radius: 30px;background: #fff;font-size: 13px;margin-bottom: 10px}
.faq_btnLst ul li a b  {display: block;font-size: 16px;font-weight: 600;color: #141414;line-height: 140%}

.faq_btnLst.st01 li a {background: #dce9fb}
.faq_btnLst.st01 li a:hover {background: #2464bf}
.faq_btnLst.st01 li a:hover b {color: #fff}
.faq_btnLst.st02 li a {background: #dbf7f4}
.faq_btnLst.st02 li a:hover {background: #10baa8}
.faq_btnLst.st02 li a:hover b {color: #fff}

@media only screen and (max-width:1024px){
    .faq_btnLst ul li {margin-right: 1%;width: 24%}

}

@media only screen and (max-width: 920px){
    .faq_btnLst ul li {margin: 1%;width: 48%}
    .faq_btnLst ul li a {padding: 20px 10px;}
    .faq_btnLst ul li a span {padding: 0 15px;}
    .faq_btnLst ul li a b  {font-size: 15px;}
}

@media only screen and (max-width:720px){
    .boardLst .item {border: 1px solid #d0dbe1}
    .boardLst ul {display: block;padding: 15px;box-sizing: border-box;overflow: hidden}
    .boardLst li {display: block;box-sizing: border-box;overflow: hidden;text-align: left;padding: 0;}

    .boardLst .head {display: none}
    .boardLst .item {margin-top: 0;margin-bottom: 10px;overflow: hidden;padding-left:  50px}
    .boardLst .item:before {position: absolute;top: 10px;left: 50px;width: 1px;height: calc(100% - 20px);background: #ddd;content: ""}
    .boardLst .item .noti {background: #084e99;border-radius: 50%}
    .boardLst .item .noti .fe-bell {color: #fff;line-height: 30px;width: 30px;height: 30px;text-align: center;display: block;}
    .boardLst a.title {color: #151515;font-size: 14px;font-weight: 600}

    .boardLst .col1 {position: absolute;top: 50%;left: 10px;width: 30px !important;height: 30px;line-height: 30px;text-align: center;margin-top: -15px;font-size: 13px}
    .boardLst .col3 {width: 100% !important;overflow: hidden;clear: both;margin-bottom: 5px}
    .boardLst .col4 {display: none;}
    .boardLst .col5, .boardLst .col6 {float: left;display: inline-block;vertical-align: top;width: auto;color: #888;}
    .boardLst .col5 {padding-right: 15px}
    .boardLst .col5:before {position: absolute;top: 5px;right: 7px;width: 1px;height: 10px;background: #ccc;content: ""}

    .faq_btnLst ul li {margin: 10px 0;width: 100%;float: none}
    .faq_btnLst ul li a {padding: 15px 10px;}
}

/*리뷰게시판*/
.reviewLst {position: relative;display: block;overflow: hidden;}
.reviewLst ul {display: table;width: 100%;}
.reviewLst li {position: relative;display: table-cell;vertical-align: middle;line-height: 150%;text-align: center;padding: 10px 5px}
.reviewLst li .mtit {display: none}

.reviewLst .head {position: relative;display: block;border-top: 2px solid #98a6ad;border-bottom: 1px solid #d0dbe1;background: #fafafa;z-index: 5}
.reviewLst .head li {color: #151515;font-size: 15px;text-align: center !important;padding: 10px 5px}
.reviewLst .item {position: relative;display: block;border-bottom: 1px solid #d0dbe1;z-index: 15}
.reviewLst .title {display: inline;color: #151515;}
.reviewLst .title:hover {color: #084e99}

.reviewLst .rating {height: 24px;margin-left: 5px}
.reviewLst .rating i {width: 13px;height: 24px;}
.reviewLst .rating i:after {line-height: 24px;font-size: 12px;}

.reviewLst li .text {display: block;line-height: 150%;color: #777}
.reviewLst li .text a {color: #777}

.reviewLst .noData {display: block;width: 100%;text-align: center;padding: 40px 20px;border-bottom: 1px solid #d0dbe1}

.reviewLst .col1 {width: 50px}
.reviewLst .col2 {width: 55%;text-align: left;}
.reviewLst .col3 {width: 100px}
.reviewLst .col4 {width: 100px}
.reviewLst .col5 {width: 80px}

@media only screen and (max-width:720px){
    .reviewLst .item {border: 1px solid #d0dbe1}
    .reviewLst ul {display: block;padding: 15px;box-sizing: border-box;overflow: hidden}
    .reviewLst li {display: block;box-sizing: border-box;overflow: hidden;text-align: left;padding: 0;}

    .reviewLst .head {display: none}
    .reviewLst .item {margin-top: 0;margin-bottom: 10px;overflow: hidden;padding-left:  50px}
    .reviewLst .item:before {position: absolute;top: 10px;left: 50px;width: 1px;height: calc(100% - 20px);background: #ddd;content: ""}
    .reviewLst a.title {color: #151515;font-size: 14px;font-weight: 600}

    .reviewLst .col1 {position: absolute;top: 50%;left: 10px;width: 30px !important;height: 30px;line-height: 30px;text-align: center;margin-top: -15px;font-size: 13px}
    .reviewLst .col2 {width: 100% !important;overflow: hidden;clear: both;}
    .reviewLst .col3 {width: 100% !important;overflow: hidden;clear: both;height: 23px}
    .reviewLst .col3 .rating {margin-left: 0}
    .reviewLst .col4, .reviewLst .col5 {float: left;display: inline-block;vertical-align: top;width: auto;color: #888;}
    .reviewLst .col4 {padding-right: 15px}
    .reviewLst .col4:before {position: absolute;top: 5px;right: 7px;width: 1px;height: 10px;background: #ccc;content: ""}
}

/*포토리스트*/
.photoLst {position: relative;display: block;border-top: 2px solid #dee2e6;overflow: hidden;padding: 10px;margin-top: 20px;}
.photoLst ul {overflow: hidden}
.photoLst li {float: left;width: calc(25% - 20px);margin: 10px;overflow: hidden;border: 1px solid #dee2e6;box-sizing: border-box}
.photoLst li a {display: block;}
.photoLst li .zoomImg {position: relative;display: block;width: 100%;height: 160px;overflow: hidden}
.photoLst li .zoomImg img {width: 100%;height: 100%;}
.photoLst li .zoomImg:after, .photoLst li .zoomImg:before {-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.photoLst li .zoomImg:after {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.7);content: "";z-index: 0}
.photoLst li .zoomImg:before {opacity: 0;position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;line-height: 50px;content: "\e9b2";color: #fff;font-size: 50px;font-weight: 100;font-family: 'Feather' !important;z-index: 1}
.photoLst li .txtBox {position: relative;display: block;padding: 15px;}
.photoLst li .txtBox .title {display: block;width: 100%;color: #333;font-size: 14px;line-height: 150%;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.photoLst li .txtBox .date {display: block;color: #888;font-size: 13px;margin-top: 3px}
.photoLst li a:hover .zoomImg:after, .photoLst li a:hover .zoomImg:before {opacity: 1;}
.photoLst li a:hover .title {color: #084e99}

@media only screen and (max-width:1024px){
    .photoLst li {width: calc(50% - 10px);margin: 10px 5px}
    .photoLst li .txtBox {padding: 15px;}
    .photoLst li .txtBox .title {font-size: 14px}
    .photoLst li .txtBox .date {font-size: 12px;margin-top: 0}
    .photoLst li .zoomImg {height: 150px;}
}
@media only screen and (max-width:480px){
    .photoLst li {width: 100%;margin: 10px 0}
    .photoLst li .zoomImg {height: 200px;}
    .photoLst li .txtBox {padding: 15px;}
    .photoLst li .txtBox .title {font-size: 14px;height: auto;}
    .photoLst li .txtBox .date {font-size: 12px;margin-top: 0}

}

/*이벤트 게시판*/
.eventLst {position: relative;display: block;overflow: hidden;border-top: 2px solid #98a6ad;min-height: 380px;z-index: 5}
.eventLst .item {position: relative;display: block;overflow: hidden;min-height: 148px;padding: 20px 0 20px 326px;border-bottom: 1px solid #ddd;}
.eventLst .img {position: absolute;top: 20px;left: 0;width: 296px;height: 148px;overflow: hidden}
.eventLst .img img {width: 296px;height: 148px;}
.eventLst .txtBox {display: block}
.eventLst .status {display: inline-block;width: 60px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #666;font-size: 13px;}
.eventLst .status.end {border: 1px solid #666;color: #666;}
.eventLst .status.ing {border: 1px solid #084e99;color: #084e99;}
.eventLst .title {display: block;margin: 5px 0;}
.eventLst .title a {display: inline-block;font-size: 17px;color: #151515;font-weight: 600}
.eventLst .txt {display: block;font-size: 14px;color: #666;line-height: 150%}
.eventLst .date {display: block;color: #666;line-height: 150%;margin-top: 15px;font-size: 15px}
.eventLst .date b {position: relative;display: inline-block;margin-right: 15px;color: #444;line-height: 26px}
.eventLst .date b:after {position: absolute;top: 50%;right: -9px;width: 1px;height: 12px;margin-top: -7px;background: #ccc;content: "";z-index: 0}

@media only screen and (max-width:1024px){
    .eventLst .item {min-height: 126px;padding: 20px 0 20px 280px;}
    .eventLst .img {width: 250px;height: 126px;}
    .eventLst .img img {width: 250px;height: 126px;}
}
@media only screen and (max-width:780px){
    .eventLst {border-top: none;}
    .eventLst .item {padding: 0;border: 1px solid #ddd;width: calc(50% - 10px);margin: 5px 5px;float: left;box-sizing: border-box}
    .eventLst .img {position: relative;top:0;width: 100%;height: auto;}
    .eventLst .img img {width: 100%;height: auto;}
    .eventLst .txtBox {padding: 15px}
    .eventLst .status {width: 50px;height: 20px;line-height: 20px;font-size: 12px;}
    .eventLst .title a {font-size: 15px;}
    .eventLst .txt {font-size: 13px}
    .eventLst .date {font-size: 14px}
}
@media only screen and (max-width:640px){
    .eventLst .item {width: 100%;margin: 0 0 20px 0;float: none;}
    .eventLst .item:last-child {margin-bottom: 0}
}

/*게시판 뷰*/
.boardViw {position: relative;display: block;border-top: 2px solid #dee2e6;}
.boardViw_top {position: relative;display: block;overflow: hidden;}
.boardViw_top .boardViw_title {position: relative;display: block;padding: 20px 25px;background: #f7f7f7;border-bottom: 1px solid #dee2e6;font-size: 17px;color: #333;font-weight: 600;line-height: 120%}
.boardViw_top .boardViw_title .subtitle {display: block;font-size: 15px}
.boardViw_top .boardViw_info {position: relative;display: block;padding: 20px 30px;border-bottom: 1px solid #dee2e6;}
.boardViw_top .boardViw_info ul {overflow: hidden}
.boardViw_top .boardViw_info li {float: left;color: #777;margin-right: 25px;}
.boardViw_top .boardViw_info li:last-child {margin-right: 0}
.boardViw_top .boardViw_info li .title {position: relative;display: inline-block;margin-right: 15px;line-height: 22px;color: #333}
.boardViw_top .boardViw_info li .title:after {position: absolute;top: 50%;right: -8px;width: 1px;height: 12px;margin-top: -5px;background: #ccc;content: "";z-index: 0}

.boardViw_top .status {display: inline-block;width: 60px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #666;font-size: 13px;}
.boardViw_top .status.end {border: 1px solid #666;color: #666;}
.boardViw_top .status.ing {border: 1px solid #084e99;color: #084e99;}

.boardViw_file {position: relative;display: block;background: #f3f6f8;padding: 15px 30px 15px 120px;}
.boardViw_file .title {position: absolute;top: 15px;left: 30px;width: 80px;line-height: 22px;color: #333}
.boardViw_file ul {display: block;overflow: hidden}
.boardViw_file li {display: block;margin: 2px 20px 2px 0;float: left;}
.boardViw_file li:last-child {margin-right: 0}
.boardViw_file li a {display: inline-block;line-height: 22px;font-size: 14px;}
.boardViw_file li a:hover {text-decoration: underline}

.boardViw_cont {position: relative;display: block;padding: 30px;border-bottom: 1px solid #dee2e6;border-top: 1px solid #dee2e6;line-height: 160%}
.boardViw_cont img {max-width: 100%;}

@media only screen and (max-width:1024px){
    .boardViw_top .boardViw_title {padding: 15px;font-size: 15px;}
    .boardViw_top .boardViw_info {padding: 15px;}
    .boardViw_top .boardViw_info li {margin-right: 15px;}

    .boardViw_file {padding: 15px 15px 15px 80px;}
    .boardViw_file .title {left: 15px;width: 53px;}
    .boardViw_file ul {display: block;overflow: hidden}
    .boardViw_file li a {line-height: 20px;font-size: 13px;}

    .boardViw_cont {padding: 15px;overflow-y: auto}
    .boardViw_cont img {max-width: 100%;}
}
@media only screen and (max-width:640px){
    .boardViw_top .boardViw_title {padding: 15px;font-size: 15px;}
    .boardViw_top .boardViw_info {padding: 15px;}
    .boardViw_top .boardViw_info li {margin-right: 15px;}

    .boardViw_file {padding: 15px 15px 15px 80px;}
    .boardViw_file .title {left: 15px;width: 53px;}
    .boardViw_file ul {display: block;overflow: hidden}
    .boardViw_file li a {line-height: 20px;font-size: 13px;}

    .boardViw_cont {padding: 15px;}
}


/*댓글*/
.board_comment {position: relative;display: block;padding: 15px 0;overflow: hidden}
.comment_title {position: relative;display: block;margin-bottom: 10px;line-height: 30px;}
.comment_title .title {float: left;margin-right: 10px;}
.comment_title .title b {position: relative;font-weight: 600;font-size: 16px;color: #084e99;cursor: pointer;display: inline-block;line-height: 30px;}
.comment_title .title:hover .comment_policy {display: block}
.comment_title .title .comment_policy {display: none;position: absolute;top: 32px;left: 0;width: 600px;height: auto;border: 1px solid #ddd;border-radius: 5px;padding: 20px;background: #fff;z-index: 50}
.comment_title .title .comment_policy b {font-size: 15px;color: #333;}
.comment_inputBox {position: relative;display: block;overflow: hidden;padding-right: 150px;}
.comment_inputBox textarea {width: 100%;box-sizing: border-box;padding: 15px;height: 72px}
.comment_inputBox .comment_btn {position: absolute;top: 0;right: 0;width: 140px;height: 72px;background: #084e99;border-radius: 5px;line-height: 72px;color: #fff;font-size: 20px;text-align: center}
.comment_list {position: relative;display: block;overflow: hidden;}
.comment_list ul {display: block;overflow: hidden;border-top: 1px solid #ddd;}
.comment_list li {position: relative;padding: 15px 15px 15px 90px;min-height: 60px;border-bottom: 1px solid #dee2e6}
.comment_list li div {display: block;vertical-align: top}
.comment_list li .icon {position: absolute;top: 50%;left: 15px;width: 60px;height: 60px;margin-top: -30px;text-align: center;line-height: 65px;border-radius: 50%;font-size: 20px;background: #f3f6f8}
.comment_list li .name, .comment_list li .date {font-size: 13px;letter-spacing: -0.03em;color: #888;vertical-align: top}
.comment_list li .text {color: #333}
.comment_list li .del {position: absolute;bottom: 15px;right: 15px;}
.comment_list li .del a {display: inline-block;}
.comment_list li .del a:hover{text-decoration: underline}
.comment_list li .rating {height: 24px;margin-left: 5px}
.comment_list li .rating i {width: 13px;height: 24px;}
.comment_list li .rating i:after {line-height: 24px;font-size: 12px;}

.comment_asBtn {position: absolute;top: 0;right: 0}

/*답변*/
.board_answer {position: relative;display: block;padding: 30px;overflow: hidden;border-bottom: 1px solid #dee2e6}
.answer_inputBox {position: relative;display: block;overflow: hidden;padding-right: 150px;margin-bottom: 30px}
.answer_inputBox textarea {width: 100%;box-sizing: border-box;padding: 15px;height: 80px}
.answer_inputBox .comment_btn {position: absolute;top: 0;right: 0;width: 140px;height: 80px;background: #084e99;border-radius: 5px;line-height: 80px;color: #fff;font-size: 20px;text-align: center}
.answer_content {position: relative;display: block;overflow: hidden;padding-left: 120px}
.answer_content .iconBox {position: absolute;top: 0;left: 0;width: 100px;text-align: center;}
.answer_content .iconBox .icon  {position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;font-size: 20px;background: #3d4960;color: #fff}
.answer_content .iconBox .txt {display: block;margin-top: 10px;font-size: 15px;}
.answer_content .cont {position: relative;display: block;border-radius: 5px;background: #e7edf1;padding: 30px;line-height: 160%}
.answer_content .cont:after  {position: absolute;top: 15px;left: -20px;content: "";display:block; width:0; height:0; border-style:solid; border-width:10px;border-color:  transparent #e7edf1 transparent transparent;}

.no_data {position: relative;display: block;padding: 30px 0;text-align: center;overflow: hidden;clear: both;border: 1px solid #ddd;margin: 20px 0;border-radius: 3px}
.no_data .icon {display: inline-block;width: 80px;height: 80px;text-align: center;line-height: 83px;border-radius: 50%;font-size: 35px;background: #f3f6f8}
.no_data .txt {display: block;margin-top: 15px;}

@media only screen and (max-width:1024px) {
    .board_comment {padding: 15px 0;}
    .comment_title {line-height: 20px}
    .comment_title .title {float: none;margin-right: 0;line-height: 20px}
    .comment_title .title b {line-height: 20px;}
    .comment_title .title .comment_policy {display: none !important}
    .comment_inputBox {padding-right: 100px;}
    .comment_inputBox textarea {padding: 10px;box-sizing: border-box}
    .comment_inputBox .comment_btn {width: 95px;font-size: 16px;}
}
@media only screen and (max-width:640px){
    .comment_inputBox {padding-right: 80px;}
    .comment_inputBox textarea {height: 60px !important}
    .comment_inputBox .comment_btn {width: 75px;height: 60px;line-height: 60px;background: #084e99;font-size: 14px}
    .comment_list li {padding: 10px;min-height: 30px;}
    .comment_list li .icon {display: none}
    .comment_list li .text {margin: 5px 0;color: #333}
    .comment_list li .del {bottom: 10px;right: 10px;}

    .comment_asBtn {position: relative;text-align: center;margin-top: 20px}
    .comment_list li {padding: 10px;}
    .comment_list li .icon {left: 10px;width: 40px;height: 40px;margin-top: -20px;line-height: 45px;}
}


/*FAQ*/
.fold-wrap {border: 1px solid #ddd;text-align: center;font-size: 14px;}
.fold-wrap .view {display: block;padding: 20px 0;}
.fold-wrap .view .arr {background: url('/static/images/board/folds_open.svg') no-repeat 0 0;background-size: 20%;display: inline-block;width: 36px;height: 35px;vertical-align: middle;margin-left: 17px;transform: all .5s ease;transition: background .3s;}
.fold-wrap .view.over .arr {background: url('/static/images/board/folds_close.svg') no-repeat 0 0;background-size: 20%;transform: all .5s ease;transition: background .3s;}
.fold-wrap .fold-cont {overflow: hidden;height: 0;background: #f7f7f6;}
.fold-wrap .fold-cont .cont-wrap {padding: 10px 0;}
.foldings-wrap {border-top: 1px solid #333;border-bottom: 1px solid #999;}
.foldings-list {position: relative;width: 100%;overflow: hidden}
.foldings-list > li {border-top: 1px solid #ddd;overflow: hidden;}
.foldings-list > li:first-child {border-top: 0;}
.foldings-list .foldings-in-wrap a { position: relative;display:block;background: url('/static/images/board/folds_open.svg') no-repeat 98% center;padding: 20px 80px 20px 52px;cursor: pointer;line-height: 22px;font-size: 14px;
    transform: all .5s ease;transition: background .3s;color: #666}
.foldings-list .foldings-in-wrap a .num {color: #777;font-size: 14px;padding-right: 25px;}
.foldings-list .foldings-in-wrap a .question {position: absolute;top: 50%;left: 20px;margin-top: -12px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #414759;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 25px;font-weight: normal;margin-right: 5px}
.foldings-list .foldings-in-cont {position: relative;display: none;overflow: hidden;background: #f7f7f6;padding: 30px 60px 30px 80px;border-top: 1px solid #ddd;line-height: 160%}
.foldings-list .foldings-in-cont  .answer {position: absolute;top: 40px;left: 45px;margin-top: -12px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #084e99;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 25px;font-weight: normal;margin-right: 5px}
.foldings-list .over a .num {color: #333;}
.foldings-list .over .foldings-in-cont {display: block;}
.foldings-list .over .foldings-in-wrap a {background: url('/static/images/board/folds_close.svg') no-repeat 98% center;transform: all .5s ease;transition: background .3s;}

.foldings-list li.nodata  {position: relative;display: block;padding: 50px 0;text-align: center;font-size: 16px}

@media only screen and (max-width:860px){
    .fold-wrap {font-size: 13px;}
    .foldings-list .foldings-in-wrap a { padding: 15px 60px 15px 40px;line-height:18px;font-size: 13px;}
    .foldings-list .foldings-in-wrap a .num {color: #777;font-size: 13px;padding-right: 25px;}
    .foldings-list .foldings-in-wrap a .question {left: 5px;}
    .foldings-list .foldings-in-cont {padding: 20px 40px 20px 40px;font-size: 13px}
    .foldings-list .foldings-in-cont  .answer {top: 30px;left: 10px;}

    .foldings-list li.nodata  {padding: 30px 0;font-size: 13px}
}



/*페이징*/
.pagination {font-size: 0;text-align: center;margin-top: 25px}
.pagination li {display: inline-block;vertical-align: top;}
.pagination li a {position: relative;display: block;width: 30px;height: 30px;font-size: 14px;border: 1px solid #dee2e6;line-height: 30px;color: #313a46;background: #fff;border-radius: 3px;margin: 0 2px}
.pagination li a:hover {background: #f6f6f6}
.pagination li a.active {border: 1px solid #084e99;background: #084e99;color: #fff;}

.pagination li.first a, .pagination li a.first,
.pagination li.last a, .pagination li a.last,
.pagination li.prev a, .pagination li a.prev,
.pagination li.next a, .pagination li a.next {text-indent: -9999px;background: #f6f6f6}

.pagination li.first a:after, .pagination li a.first:after,
.pagination li.last a:after, .pagination li a.last:after,
.pagination li.prev a:after, .pagination li a.prev:after,
.pagination li.next a:after, .pagination li a.next:after {position: absolute;top: 0;left: 0;width: 30px;height: 30px;line-height: 30px;text-indent: 0;font-family: 'Feather' !important;}

.pagination li.first a:after, .pagination li a.first:after {content: "\e933"}
.pagination li.last a:after, .pagination li a.last:after {content: "\e934"}
.pagination li.prev a:after, .pagination li a.prev:after {content: "\e92f"}
.pagination li.next a:after, .pagination li a.next:after {content:"\e930"}