@charset "UTF-8";
@import url('/sites/guide/style/css/w_reset.css');

/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}

/* List Album */
.board-album {padding: 40px 50px 15px 50px; border-top: 2px solid #005128; border-bottom: 1px solid #ababab;}
.board-album .list-album {display: inline-block; width: calc(100% + 26px);}
.board-album.horizon1 .list-album > li {width: 100%;}
.board-album.horizon2 .list-album > li {width: 50%;}
.board-album.horizon3 .list-album > li {width: 33.3333%;}
.board-album.horizon4 .list-album > li {width: 25%;}
.board-album.horizon5 .list-album > li {width: 20%;}
.board-album .list-album > li {float: left; padding: 0 20px 20px 0}
.board-album .list-album .no-data {float: none !important; width: 100% !important; padding: 42px 0 72px 0; text-align: center;}
.board-album .box {position: relative;}
.board-album .shadow > a {position: relative; display: block;}
.board-album.horizon1 .thumb {height: auto;}
.board-album.horizon2 .thumb {height: 615px;}
.board-album.horizon3 .thumb {height: 410px;}
.board-album.horizon4 .thumb {height: 290px;}
.board-album.horizon5 .thumb {height: 231px;}
.board-album .thumb {overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f5f6f8; text-align: center;}
.board-album .thumb.horizon img {height: 100%; max-width: none;}
.board-album .thumb.vertical img {width: 100%;}
.board-album .info {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center; transition: .3s;}
.board-album .info:hover {opacity: 1;}
.board-album .info .info-table {display: table; width: 100%; height: 100%; table-layout: fixed;}
.board-album .info .info-cell {display: table-cell; vertical-align: middle;}
.board-album .info .title {margin-bottom: 35px;}
.board-album .info .title.trash {margin: 0;}
.board-album .info .title strong {display: -webkit-box; overflow: hidden; padding: 0 10%; font-family: 'Noto Bold'; font-size: 24px; color: #fff; line-height: 1.3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board-album .info .title .new {position: relative; top: -3px; display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.board-album .info .youtube {display: inline-block; width: 80px; height: 45px; background: url('../images/ico-youtube.png') no-repeat center center; text-indent: -99999px;}
.board-album .info dt {display: none;}
.board-album .info dd {font-family: 'Noto Light'; font-size: 16px; color: #fff;}
.board-album .info .date dd {letter-spacing: normal;}
.board-album .info dl {position: relative; display: inline-block; width: 100%;}
.board-album .info dl.writer:after {display: none;}
.board-album .info dl.count {display: none; padding-left: 25px; background: url('../images/ico-view.png') no-repeat left center;}
.board-album .deleteArtclSeqs {position: absolute; top: 10px; left: 10px; z-index: 1;}
.board-album .view-more {display: none;}

@media all and (max-width:1000px) {
  .board-album.horizon1 .list-album > li,
  .board-album.horizon2 .list-album > li {width: 100%;}
  .board-album.horizon3 .list-album > li {width: 50%;}
  .board-album.horizon4 .list-album > li {width: 33.3333%;}
  .board-album.horizon5 .list-album > li {width: 25%;}
}

@media all and (max-width:760px) {
  .board-album.horizon1 .list-album > li,
  .board-album.horizon2 .list-album > li,
  .board-album.horizon3 .list-album > li {width: 100%;}
  .board-album.horizon4 .list-album > li,
  .board-album.horizon5 .list-album > li {width: 50%;}
}

@media all and (max-width:600px) {
  .board-album {padding: 30px 20px 10px 20px;}
  .board-album.horizon1 .list-album > li,
  .board-album.horizon2 .list-album > li,
  .board-album.horizon3 .list-album > li,
  .board-album.horizon4 .list-album > li,
  .board-album.horizon5 .list-album > li {width: 100%;}
  .board-album.horizon1 .thumb,
  .board-album.horizon2 .thumb,
  .board-album.horizon3 .thumb,
  .board-album.horizon4 .thumb,
  .board-album.horizon5 .thumb {height: auto;}
  .board-album .thumb.horizon img {width: 100%;}
  .board-album .thumb.vertical img {width: 100%;}
}

/* Category */
.board-cate {margin-bottom: 30px; border: 2px solid #94b3a3;}
.board-cate .cate-now {padding: 20px 0;}
.board-cate .cate-now li {display: inline-block; height: 40px; padding-left: 40px; line-height: 40px;}
.board-cate .cate-now li.no-cate {display: none;}
.board-cate .cate-now a {position: relative; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.board-cate .cate-now a::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.board-cate .cate-now .all-list a {padding-left: 42px;}
.board-cate .cate-now .all-list a::before {top: 3px; width: 22px; height: 22px; background: transparent url('../images/ico-all-list.png') no-repeat center !important; border-radius: 0;}
.board-cate .cate-now .active a,
.board-cate .cate-now a:hover {color: #007a3c;}
.board-cate .cate-now .active a::before,
.board-cate .cate-now a:hover::before {background: #00a754;}

@media (max-width: 860px) {
  .board-cate {margin-bottom: 10px;}
  .board-cate .cate-now {padding: 0;}
  .board-cate {padding: 10px 20px;}
  .board-cate .cate-now li {height: auto; padding-left: 0; padding: 5px 20px 5px 0; line-height: normal}
  .board-cate .cate-now a {font-size: 15px;}
  .board-cate .cate-now a::before {top: 8px;}
  .board-cate .cate-now .all-list a::before {top: 0px;}
}

/* Tab */
.board-tab {margin-bottom: 30px;}
.board-tab ul {border-bottom: 1px solid #c1ccd6;}
.board-tab li {position: relative; display: inline-block;}
.board-tab li:last-child::after {display: none;}
.board-tab li::after {content: ''; position: absolute; right: 0; top: 19px; width: 1px; height: 15px; background: #e2e2e2;}
.board-tab a {padding: 0 20px; font-family: 'Noto Regular'; font-size: 16px; line-height: 50px; color: #666 !important;}
.board-tab a:hover,
.board-tab a.on {color: #005128 !important;}

@media (max-width: 860px) {
  .board-tab a {font-size: 15px;}
}

/* Date Search */
.board-date {text-align: center; background: #fff; 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 (max-width:620px) {
  .board-date .line {display: block; margin: 5px 0;}
}

/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 14px;}
.board-search .util-search {float: left; font-family: 'Noto Light'; font-size: 17px; margin-top: 14px;}
.board-search .util-search a {display: inline-block; width: 25px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right: 6px;}
.board-search .util-search strong {font-family: 'Noto Regular'; color: #e63b53;}
.board-search .form-search {float: right;}
.board-search .box-sel {display: inline-block; margin-right: 10px;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 17px; font-family: 'Noto Light'; color: #333; border: 1px solid #d9d9d9; height: 50px; min-width: 120px; padding-left: 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; display: inline-block; background: #fff; height: 50px; line-height: 50px; min-width: 365px; border: 1px solid #d9d9d9;}
.board-search .box-search input {position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 17px; text-indent: 15px; color: #333;}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; background: #016365 url('../images/ico-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

@media (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%; font-size: 16px;}
  .board-search .box-search {display: table-cell;}
}

/* View */
.view-info {padding: 35px 50px 30px 50px; border-top: 2px solid #005128; border-bottom: 1px solid #e2e2e2;}
.view-info .view-num {display: none;}
.view-info .view-title {font-size: 30px; font-family: 'Noto Bold'; line-height: 1.2; color: #000;}
.view-detail {display: inline-block; width: 100%; padding-top: 13px;}
.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: 20px; margin-right: 18px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 15px; background: #dcdcdc;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dl.write:after {display: none;}
.view-detail .view-util dl dt {display: inline-block; margin-right: 5px; font-family: 'Noto Medium'; font-size: 16px; color: #2a2a2a;}
.view-detail .view-util dl dd {display: inline-block; font-family: 'Noto Light'; font-size: 16px; color: #666;}
.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 .row {display: table; width: 100%;  border-bottom: 1px solid #e2e2e2;}
.view-file .row .title {width: 200px; display: none; 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: 23px 50px;}
.view-file .row .insert a {display: inline-block; padding: 5px 0 5px 35px; margin: 5px 0; background: url('../images/ico-add.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 17px; color: #333;}
.view-file .no-file {font-family: 'Noto Regular'; font-size: 17px; color: #888;}

.curve-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 Light';}
.curve-btn.color1 {background: #005128; border: 1px solid #005128; color: #fff;}
.curve-btn.color1:hover {background: #fff; border: 1px solid #005128; color: #005128;}

@media (max-width:1000px) {
  .view-detail .view-util {width: 100%; float: none;}
  .view-detail .view-share {display: none; width: 100%; float: none;}
  .view-info {padding: 25px 20px 25px 20px;}
  .view-info .view-title {font-size: 25px; line-height: 1.4;}
  .view-file .row .insert {padding: 23px 20px;}
}

@media (max-width:700px) {
  .view-file .row {display: block;}
  .view-file .row .insert {display: block; width: 100%; padding: 15px;}
  .view-file .row .insert a {font-size: 15px;}
  .view-info .view-title {font-size: 22px;}
}

/* Write Update */
.board-write {border-top: 2px solid #7c7c7c; margin-bottom: 40px;}
.board-write .row {display: table; width: 100%;border-bottom: 1px solid #dadada;}
.board-write .title {width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px; background: #f5f5f5; font-family: 'Noto Regular'; color: #222;}
.board-write .insert {display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 15px; font-family: 'Noto Regular'; color: #666;}
.board-write .insert.editor {padding: 12px 0 6px 0;}
.board-write .insert input[type="text"],
.board-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px; font-size: 15px;}
.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: 15px; 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: 15px; 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: 15px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 50px 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;}

@media (max-width: 780px) {
  .board-write .row {display: block;}
  .board-write .title {display: block; width: 100%;}
  .board-write .insert {display: block; width: 100%; padding: 9px 0;}
  .board-write .insert .one-line {background: #fff; border: 1px solid #d1d1d1;}
}

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

.view-con {padding: 35px 45px; font-family: 'Noto Light'; font-size: 18px; color: #666;}
.view-con.txt {border-bottom: 2px solid #000; }
.view-img {margin-bottom: 30px;}
.view-con.photo {padding: 0;}
.view-con.movie {text-align: center;}
.view-con .youtube {margin-bottom: 40px;}
.photo-con {margin-top: -10px;}
.photo-con .slick-slide img {margin: 0 auto; max-width: 1100px;}
.photo-con .slick-slide .vertical img {width: auto; max-height: 560px;}
.photo-bottom {padding: 0 18% 30px 18%; border-bottom: 1px solid #000000;}
.photo-bottom .photo-list {position: relative;}
.photo-bottom .photo-list .thumb {position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: start; height: 130px; text-align: center; transition: box-shadow .5s; cursor: pointer;}
.photo-bottom .photo-list .thumb img {width: 200%; max-width: none;}
.photo-bottom .photo-list .slick-slide {margin: 0 10px;}
.photo-bottom .photo-list .slick-slide img {margin: 0 auto;}
.photo-bottom .photo-list .slick-slide.slick-active {position: relative;}
.photo-bottom .photo-list .slick-slide.slick-active:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.photo-bottom .photo-list .slick-slide.slick-current {position: relative;}
.photo-bottom .photo-list .slick-slide.slick-current:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #008395; background: transparent; }
.photo-bottom .photo-list .photo-prev,
.photo-bottom .photo-list .photo-next {position: absolute; top: 50%; width: 20px; height: 33px; background: url('../images/btn-view-photo.png') no-repeat; text-indent: -9999px; transform: translate(0, -50%)}
.photo-bottom .photo-list .photo-prev {left:-40px; background-position: left top;}
.photo-bottom .photo-list .photo-prev:hover {background-position: left bottom;}
.photo-bottom .photo-list .photo-next {right:-40px; background-position: right top;}
.photo-bottom .photo-list .photo-next:hover {background-position: right bottom;}
.view-con .sub {overflow-y: auto;  max-width: 1110px; height: 150px; margin: 0 auto; padding: 10px 20px; border: 5px solid #dce0e6; background: #f9f9f9; text-align: left; font-family: 'Noto Light'; font-size: 18px; line-height:1.2; color: #666;; }
.view-img {margin-bottom: 30px;}
.view-move {margin-bottom: 40px;}
.add-img {text-align: center;}

@media all and (max-width: 580px) {
  .view-con {padding: 30px; }
}

@media all and (max-width: 1200px) {
  .photo-bottom {padding: 0 40px 30px 40px;}
}

@media all and (max-width: 1000px) {
  .view-con {padding: 35px 20px;}
}

@media all and (max-width: 700px) {
  .view-con {font-size: 16px;}
}

/* Paging */
._paging {padding: 30px 0;}
._paging > ._inner > ul {margin: 0 5px;}
._paging > ._inner > ul li a {border: 0; font-family: 'Gmarket Medium'; font-size: 16px; line-height: 37px;  color: #666;}
._paging > ._inner > ul li strong {width: 36px; height: 36px; line-height: 37px; background-color: #005128; border-color: #005128; border-radius: 100%; font-family: 'Gmarket Medium'; font-size: 16px; color: #fff;}

._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner a._next {background-position: 0 -140px;}
._paging ._inner a._listPrev {display: block; background-position: 0 -70px;}
._paging ._inner a._listNext {display: block; background-position: 0 -105px;}
._paging ._inner a._first {background-position: 0 0;}
._paging ._inner a._last {background-position: 0 -176px;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #005128;}

/* Prev Next */
.view-navi {position: relative; border-bottom: 2px solid #000;}
.view-navi .navi-info {display: none;}
.view-navi .row {display: table; width: 100%;}
.view-navi .row.prev {border-bottom: 1px solid #ccc;}
.view-navi .row .title {display: table-cell; width: 180px; padding: 16px 0;; font-family: 'Noto Medium'; font-size: 18px; vertical-align: middle; text-align: center; color: #000;}
.view-navi .row .title::before {content: ''; position: relative; display: inline-block; width: 20px; height: 12px; margin-right: 35px; vertical-align: middle;}
.view-navi .row.prev .title::before {top: -3px; background: url('../images/btn-prev.png') no-repeat center;}
.view-navi .row.next .title::before {top: -2px; background: url('../images/btn-next.png') no-repeat center;}
.view-navi .row .insert {display: table-cell; font-family: 'Noto Medium'; font-size: 16px; vertical-align: middle; color: #333;}

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

/* Button */
.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 18px; min-width: 140px; height: 60px; line-height: 58px; text-align: center; padding: 0 10px; margin: 0 10px; font-family: 'Noto Regular';}
.board-button  a.btn-deco,
.board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #005128; border: 1px solid #005128;}
.board-button .btn-deco.color1:hover {background: #003219; border: 1px solid #003219;}
.board-button .btn-deco.color2 {background: #016365; border: 1px solid #016365;}
.board-button .btn-deco.color2:hover {background: #004a4b; border: 1px solid #004a4b;}
.board-button .btn-deco.color3 {background: #333333; border: 1px solid #333333;}
.board-button .btn-deco.color3:hover {background: #000000; border: 1px solid #000000;}
.board-button .btn-deco.color4 {background: #609015; border: 1px solid #609015;}
.board-button .btn-deco.color4:hover {background: #3c5d08; border: 1px solid #3c5d08;}
.board-button .btn-deco.color5 {background: #333333; border: 1px solid #333333;}
.board-button .btn-deco.color5:hover {background: #000000; border: 1px solid #000000;}

.board-button.view {margin: 50px 0; 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; vertical-align: middle;}
.small-btn-box {text-align: right; font-size: 0;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 40px; line-height: 38px; text-align: center; padding: 0 17px; margin: 0 0 0 10px; font-family: 'Noto Light';}
.small-btn-box .samll-btn.color1 {background: #005128; color: #fff; border: 1px solid #005128;}
.small-btn-box .samll-btn.color1:hover {background: #fff; border: 1px solid #005128; color: #005128;}
.small-btn-box .samll-btn.color2 {background: #fff; border: 1px solid #3c5d08; color: #3c5d08;}
.small-btn-box .samll-btn.color2:hover {background: #3c5d08; border: 1px solid #3c5d08; color: #fff;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 30px; line-height: 24px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight'; vertical-align: middle;}
.tiny-btn.color1 {background: #fff; border: 1px solid #0c837f; color: #0c837f;}
.tiny-btn.color1:hover {background: #0c837f; color: #fff;}
.tiny-btn.color2 {background: #fff; border: 1px solid #609015; color: #609015;}
.tiny-btn.color2:hover {background: #609015; 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 (max-width: 600px) {
  .board-button .btn-mine,
  .board-button.view .btn-mine {width: 100%;}
  .board-button .btn-control,
  .board-button.view .btn-control {width: 100%;}
  .board-button .btn-deco {display: block; width: 100%; height: 45px; margin: 0 0 10px 0; font-size: 16px; line-height: 45px;}
}

/* Comment */
.view-comment-write {position: relative; border: 1px solid #cccccc; border-top: 2px solid #262626; padding: 15px 30px 40px 30px; margin-bottom: 40px;}
.view-comment-write .name {margin-bottom: 15px;}
.view-comment-write .name {font-family: 'Noto Regular'; font-size: 13px; padding-right: 10px; color: #666;}
.view-comment-write .name label {margin-right: 10px;}
.view-comment-write .name input {border-radius: 3px; margin-left: 10px; padding: 5px;}
.view-comment-write .comment-text {padding-left: 75px; background: url('../images/ico-comment.png') no-repeat left 7px;}
.view-comment-write textarea {width: 100%; height: 65px; background: #fff; padding: 15px; border: 1px solid #ccc; font-family: 'Noto Regular'; margin-bottom: 5px;}
.view-comment-list li {background: #f2f2f2; padding: 15px; margin-top: 20px;}
.view-comment-list .title {display: block; margin-bottom: 10px; padding-left: 25px; background: url('../images/ico-people.png') no-repeat left 4px; font-family: 'Noto Light'; font-size: 16px; color: #444;}
.view-comment-list .title .date {position: relative; margin-left: 10px; padding-left: 10px; font-family: 'Noto Light'; font-size: 16px; letter-spacing: 0; color: #777;}
.view-comment-list .title .date::before {content: ''; position: absolute; left: 0; top: 8px; width: 1px; height: 11px; background: #d7d7d7;}
.view-comment-list .comment {display: flex; align-items: center; padding-left: 25px; font-family: 'Noto Light'; font-size: 16px; color: #444;}
.view-comment-list .comment .btn-del {position: relative; top: 0; display: inline-block; width: 15px; height: 15px; margin-left: 10px; margin-right: 10px; background: url('../images/btn-del-comment.png') no-repeat center; text-indent: -99999px; cursor: pointer;}
.view-comment-write .must {top:4px}

@media (max-width: 700px) {
  .view-comment-list .comment {font-size: 15px;}
}

/* Answer */
.view-answer {position: relative; border: 1px solid #d9e0e3; border-top: 2px solid #262626; padding: 15px 40px 40px 40px; margin-bottom: 40px;}
.view-answer:after {content: ''; position: absolute; top: 0; left: 40px; width: 50px; height: 63px;  background: url('../images/ico-reply.png') no-repeat left top;}
.view-answer .answer-title {padding-left: 65px;}
.view-answer .answer-title .title {font-size: 18px; color: #333; font-family: 'Noto Medium'; line-height: 1.2;}
.view-answer .answer-info {color: #777; font-family: 'Noto Light'; font-size: 16px; margin-bottom: 27px;}
.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-info .date {letter-spacing: 0;}
.view-answer .answer {background: #f2f2f2; padding: 20px 15px; font-family: 'Noto Light'; font-size: 16px; margin-bottom: 30px; color: #666;}
.view-answer .view-file {margin-bottom: 20px;}
.view-answer .view-file .row .insert { border-top: 1px solid #000; padding: 25px 0;}

@media (max-width: 700px) {
  .view-answer .answer {font-size: 15px;}
}

._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 .insert select {height: 35px;}
.answer-write .row .insert select option {padding: 5px; font-family: 'Noto Regular';}
.answer-write .row textarea {width: 100%; background: #f2f2f2; padding: 15px; font-family: 'Noto Regular'; }
.answer-write .row .possible {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 .board-button {margin-bottom: 40px;}
/* Must */
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../images/ico-mark.png') no-repeat; text-indent: -9999px;}

/* _fnctOrder */
.sub ._fnctWrap ._fnctAdmin._fnctOrder {right:25px;}
._fnctWrap ._fnctAdmin._fnctOrder {background-image:url('../images/order.png') !important; background-position:center; background-size:20px;}