@charset "utf-8";
/* moowabo board style */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* head & breadcrumb */
#mwb-board-list, #mwb-board-view, #mwb-board-write {padding:50px 10px 30px 10px; background:#fff; }
#mwb-board-list h1, #mwb-board-view h1, #mwb-board-write h1 {font-size:24px; font-weight:700; padding:10px 0; }
.mwb-breadcrumb {margin:0 0 10px 0; padding:0; text-align:right; font-size:14px; }
.mwb-breadcrumb > li {display:inline-block;}
.mwb-breadcrumb > li + li:before {padding:0 5px; color:#ccc; content:">\00a0"; }

/* mwb-board-list style */
.mwb-board-list {}

/* mwb-board-gallery-list */
#mwb-board-gallery-list, #mwb-board-gallery-view, #mwb-board-gallery-write {padding:50px 0px 30px 0px; }
#mwb-board-gallery-list h1, #mwb-board-gallery-view h1, #mwb-board-gallery-write h1 {font-size:24px; font-weight:700; padding:10px 0; }
#mwb-board-gallery-list h1, #mwb-board-gallery-list ol, #mwb-board-gallery-list .mwb-breadcrumb, #mwb-board-gallery-list .mwb-bo-category, #mwb-board-gallery-list .mwb-board-btn-wrapper {padding:10px; }
.mwb-board-gallery-list {margin:0; padding:0; }
.mwb-board-gallery-list:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-board-gallery-list li {display:inline-block; float:left; height:auto; }
.mwb-gallery-notice {}
.mwb-gallery {height:100px; padding:0 10px 10px; }
.mwb-gallery:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-gallery .gallery-thumb {width:100%; padding:5px; height:auto; background:#eee; border:1px #dadada solid; }
.mwb-gallery .gallery-thumb a {display:block; }
.mwb-gallery .gallery-thumb img {width:100%; height:auto; }
.mwb-gallery .gallery-thumb img:hover {opacity:.7; }
.mwb-gallery .gallery-thumb:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-gallery .gallery-subject {padding:5px 0; text-align:center; }
.mwb-gallery .gallery-subject a {word-wrap: break-word; }
.mwb-gallery .gallery-desc {font-size:12px; color:#adadad; padding:0 5px; text-align:center; }



/* button */
.mwb-btn {border:1px #ccc solid; border-radius:3px; font-size:12px; display:inline-block; padding:5px 10px;}
.mwb-btn:hover {background:#f7f7f7; }
.mwb-board-btn-wrapper {padding:15px 0; }
.mwb-board-btn-wrapper:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-board-btn-wrapper-center {padding:20px 0 15px 0; text-align:center; }
.mwb-board-btn-wrapper-center:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-board-btn-wrapper-center .mwb-btn-admin {border:1px #ccc solid; border-radius:3px; font-size:12px; display:inline-block; padding:5px 10px; background:#e8180c; border:1px #e8180c solid; color:#fff; }
.mwb-board-btn-wrapper-center .mwb-btn-admin:hover {opacity:.8; }
.mwb-board-btn-set {float:right; list-style:none; }
.mwb-board-btn-set li {margin-left:5px; float:left; }
.mwb-board-btn-set a {border:1px #ccc solid; border-radius:3px; font-size:12px; display:inline-block; padding:5px 10px;}
.mwb-board-btn-set a.mwb-btn-rss {}
.mwb-board-btn-set a.mwb-btn-admin {background:#e8180c; border:1px #e8180c solid; color:#fff; }
.mwb-board-btn-set a.mwb-btn-admin:hover {opacity:.8; }
.mwb-board-btn-set a.mwb-btn-write {background:#019482; border:1px #019482 solid; color:#fff; }
.mwb-board-btn-set a.mwb-btn-write:hover {opacity:.8; }

.mwb-admin-btn-set {float:left; list-style:none; }
.mwb-admin-btn-set li {margin-right:5px; float:left; }
.mwb-admin-btn-set .mwb-btn-admin {border:1px #ccc solid; border-radius:3px; font-size:12px; display:inline-block; padding:5px 10px; background:#e8180c; border:1px #e8180c solid; color:#fff; }
.mwb-admin-btn-set .mwb-btn-admin:hover {opacity:.8; }

.mwb-list-btn-set {float:left; list-style:none; }
.mwb-list-btn-set li {margin-right:5px; float:left; }
.mwb-list-btn-set a {border:1px #ccc solid; border-radius:3px; font-size:12px; display:inline-block; padding:5px 10px;}
.mwb-list-btn-set .mwb-btn-admin:hover {opacity:.8; }

/* search */
#mwb-board-search {margin-top:10px; padding-bottom:5px; text-align:center; }
#mwb-board-search legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;width:auto;}
#mwb-board-search .mwb-btn-submit {border:1px solid #949494; background:#949494; color:#fff; }
#mwb-board-search .mwb-btn-submit:hover {opacity:.8; }
#mwb-board-search .mwb-board-list-search {max-width:150px; }

/* list */
.mwb-board-list {display:table; border-collapse:collapse; width:100%; border-top:2px #808080 solid; }
.mwb-board-list:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-board-list li {display:table-row; position:relative; border-bottom:1px #dadada solid;}
.mwb-board-list .cell1 {display:table-cell; width:50px; vertical-align:middle; }
.mwb-board-list .cell2 {display:table-cell; vertical-align:middle; }
.mwb-board-list .cell3 {display:table-cell; vertical-align:middle; }
.mwb-board-list .cell4 {display:block; text-align:right; font-size:12px; }
.mwb-board-list .cell4 > span {margin-right:5px; }

.mwb-board-thead  {height:auto; line-height:40px; text-align:center; }
.mwb-board-tbody {height:auto; line-height:36px; text-align:center; }
.mwb-board-tbody:hover {background:#f7f7f7; }
.mwb-board-notice {background: rgba(1, 148, 130, 0.18) !important; font-weight:700 !important; color:#ed9c16; }
.mwb-board-replay {}
.mwb-board-tbody-none { height:100px; line-height:100px; }

.mwb-board-thead .mwb-no {width:50px; display:inline-block; font-size:12px; }
.mwb-board-thead .mwb-checkbox {width:30px; display:inline-block; float:left; }
.mwb-board-thead .mwb-subject {display:block; margin-left:30px; }
.mwb-board-thead .mwb-writer {width:130px; display:inline-block; float:left; font-size:14px; }
.mwb-board-thead .mwb-date {width:60px; display:inline-block; float:left; font-size:12px; }
.mwb-board-thead .mwb-hit {width:50px; display:inline-block; float:left; font-size:12px; }
.mwb-board-thead .mwb-good {width:50px; display:inline-block; float:left; font-size:12px; }
.mwb-board-thead .mwb-nogood {width:50px; display:inline-block; float:left; font-size:12px; }

.mwb-board-tbody .mwb-no {width:50px; display:inline-block; font-size:12px; }
.mwb-board-tbody .mwb-checkbox {width:30px; display:inline-block; float:left; }
.mwb-board-tbody .mwb-subject {text-align:left; display:block; margin-left:30px; }
.mwb-board-tbody .mwb-subject a {display:block; }
.mwb-board-tbody .mwb-writer {width:130px; display:inline-block; float:left; font-size:14px; }
.mwb-board-tbody .mwb-date {width:60px; display:inline-block; float:left; font-size:12px; }
.mwb-board-tbody .mwb-hit {width:50px; display:inline-block; float:left; font-size:12px; }
.mwb-board-tbody .mwb-good {width:50px; display:inline-block; float:left; font-size:12px; }
.mwb-board-tbody .mwb-nogood {width:50px; display:inline-block; float:left; font-size:12px; }

.mwb-board-thead .mwb-checkbox input, .mwb-board-tbody .mwb-checkbox input[type="checkbox"] {margin:0; }
.mwb-board-icon {padding:0 5px; font-size:12px; display:inline-block; color:#888; }
.mwb-icon-secret {}
.mwb-icon-notice {}
.mwb-icon-file {}
.mwb-icon-text {}
.mwb-icon-new {}
.mwb-icon-hot {}
.mwb-icon-kink {}
.mwb-icon-reply {color:#adadad; }

.mwb-board-category {}
.mwb-board-category-notice {}

/* view */
.mwb-view-subject {padding:20px 0; border-top:2px #808080 solid; border-bottom:1px #dadada solid; }
.mwb-view-subject .mwb-view-category {display:inline-block; line-height:14px; font-size:14px; color:#777; padding-right:10px; }
.mwb-view-subject .mwb-subj {display:inline-block; }
.mwb-view-subject .mwb-subj .mwb-subj-notice {padding-right:10px; }

.mwb-view-file, .mwb-view-link {background:#f5f5f5; }
.mwb-view-file li, .mwb-view-link li {height:auto; line-height:30px; font-size:10px; color:#777; }
.mwb-view-file li:after, .mwb-view-link li:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-view-file li a, .mwb-view-link li a {font-size:12px; color:#777; }
.mwb-view-file li .mwb-file-desc, .mwb-view-link li .mwb-file-desc {display:inline-block;  }
.mwb-view-file li .mwb-hit, .mwb-view-link li .mwb-hit {padding:0 10px; }
.mwb-view-link {border-bottom:1px #dadada solid; }

.mwb-view-desc {height:auto; line-height:40px; text-align:right; }
.mwb-view-desc small {font-size:10px; padding-left:10px; }
.mwb-view-desc .mwb-date, .mwb-view-desc .mwb-hit, .mwb-view-desc .mwb-comment {font-size:12px; padding-left:5px; }

.mwb-view-content-wrapper {padding:20px 0; }
.mwb-view-content-wrapper .mwb-view-content img {max-width:100%; height:auto; }

.mwb-namecard {display:block; width:80%; margin:0 auto; border:1px #dadada solid; border-radius:3px; }
.mwb-namecard .mwb-namecard-head {background:#f7f7f7; padding:10px 10px 5px 10px; height:auto; }

.mwb-namecard .mwb-namecard-head a {display:inline-block; float:left; }
.mwb-namecard .mwb-namecard-head:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-namecard:after { display:block; visibility:hidden; clear:both; content: ""; }
.mwb-namecard .mwb-namecard-body {padding:5px 20px 10px 20px;font-size:12px;  }

.mwb-wr-field {margin:10px; padding:10px; border:1px #dadada solid; }
.mwb-wr-field .mwb-wr-field-list {font-size:12px; line-height:24px; }
.mwb-wr-field .mwb-wr-field-list .name {display:inline-block; width:50px; }
.mwb-wr-field .mwb-wr-field-list .value {display:inline-block; }

/* SNS - sir */
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* view-img sir  */
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

/* write */
#mwb-board-write h1 {padding:10px 0; }
.mwb-board-write {display:table; border-collapse:collapse; width:100%; border-top:2px #808080 solid; }
.mwb-board-write > div {display:table-row; border-bottom:1px #dadada solid; height:auto; line-height:46px; }
.mwb-board-write .mwb-board-write-subject, .mwb-board-write .mwb-board-write-content {display:table-cell; }
.mwb-board-write .mwb-board-write-subject {width:100px; text-align:center; background:#f7f7f7; font-weight:700; color:#888; vertical-align:top; }
.mwb-board-write .mwb-board-write-subject label {margin:0; }
.mwb-board-write .mwb-board-write-content {padding:0 15px; }
.mwb-board-write .mwb-board-write-content label {font-weight:normal; }
.mwb-board-write .mwb-board-write-content .small {font-size:12px; color:#aaa; }
.mwb-board-write-content .mwb-board-write-sbject-left {display:block; }

/* autosave */
#mwb-autosave-wrapper {position:relative; display:block; }
#autosave_pop {display:none;z-index:10;position:absolute;top:43px;left:0px;padding:8px;width:100%;max-width:450px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll;font-size:14px; line-height:24px; }
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop div {text-align:right;line-height:1px; }
#autosave_pop button {margin:0;padding:0;border:0;background:transparent; }
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px dashed #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}









/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/* comment */
#mwb-view-comment {margin:20px 0 0 0; border-top:2px #dadada solid; border-bottom:1px #dadada solid; background:#f7f7f7; padding:10px 0; }
#mwb-view-comment h2 {font-size:14px; padding-left:20px; }
#mwb-view-comment .count {font-size:12px; color:#888; }
.moowabo-view-comment-empty {padding:30px 0; text-align:center; font-size:14px; color:#dadada; }
.comment-head {padding-top:10px;  }
.comment-head .mwb-name {font-size:14px; }
.comment-head .mwb-ip {font-size:12px; color:#dadada; }
.comment-head .mwb-date {font-size:12px; color:#adadad; }
.comment-body {padding:0 0 10px 20px; border-bottom:1px #dadada dashed; font-size:14px; }
.mwb-comment-icon {padding:0 5px; font-size:12px; display:inline-block; color:#888; }
.mwb-board-write-comment {padding:10px; margin-top:10px; border:1px #dadada solid; }
.write-comment-head .write-comment-input, .write-comment-head .write-comment-secret {display:inline-block; font-size:14px; line-height:24px; }
.write-comment-sns {margin:5px 0; }









/* 반응형 설정 */

@media (min-width:440px) { /* 440px 보다 클 경우 */
}

@media (max-width:439px) { /* 439px 보다 작을 경우 */
	.mwb-board-gallery-list li {width:100% !important; }
}

@media (min-width:768px) {
  .mwb-board-list .mwb-xs-visible {display:none; }
  /* category */
  .mwb-bo-category {padding:10px 0; }
  .mwb-bo-category ul:after { display:block; visibility:hidden; clear:both; content: ""; }
  .mwb-bo-category li {float:left; border:1px #ccc solid; }
  .mwb-bo-category li + li {border-left:none; }
  .mwb-bo-category li a {display:block; padding:8px 15px; line-height:14px; background:#f7f7f7; color:#777; text-align:center; font-size:12px; }
  .mwb-bo-category li a:hover {background:#a5a5A5; color:#eee; }
  #mwb_bo_cate_ul #bo_cate_on {background:#7A9E6D; color:#fff; font-weight:700; }
}

@media (max-width:767px) {
  .mwb-board-thead, .mwb-board-list .cell1 {display:none !important; }
  .mwb-board-list .cell2 {display:block; padding-top:10px; line-height:24px; letter-spacing:-0.05em; }
  .mwb-board-list .cell3 {display:block; float:right; }
  .mwb-board-notice {height:60px !important; line-height:60px !important; }
  .mwb-board-tbody .mwb-subject {margin-left:0; }
  .mwb-board-category {display:none !important; }
  /* category */
  .mwb-bo-category {padding:10px 0; }
  .mwb-bo-category ul:after { display:block; visibility:hidden; clear:both; content: ""; }
  .mwb-bo-category li {float:left; border:1px #ccc solid; margin:1px; }
  .mwb-bo-category li a {display:block; padding:8px 15px; line-height:14px; background:#f7f7f7; color:#777; text-align:center; font-size:12px; }
  .mwb-bo-category li a:hover {background:#a5a5A5; color:#eee; }
  #mwb_bo_cate_ul #bo_cate_on {background:#7A9E6D; color:#fff; font-weight:700; }
  .mwb-admin-btn-set {margin-bottom:5px; }
  .mwb-list-btn-set {margin-bottom:5px; }
  .mwb-board-btn-set li {margin-bottom:5px; }
  .mwb-namecard {width:95%; }
  .mwb-view-file li a, .mwb-view-link li a {display:block; }
  .mwb-view-file li .mwb-file-desc, .mwb-view-link li .mwb-file-desc {display:none !important; }
  .mwb-board-write > div {display:block !important; padding:10px 0; }
  .mwb-board-write .mwb-board-write-subject {line-height:24px; background:none; text-align:left; color:#aaa; }
  .mwb-board-write .mwb-board-write-content {line-height:36px; padding:0; }
  .mwb-board-write .mwb-board-write-subject, .mwb-board-write .mwb-board-write-content {display:block !important; }
  .mwb-select-box-outer {display:none !important; }
  .write-comment-head .write-comment-input input {margin-bottom:5px; }

}

@media (min-width:440px) and (max-width:767px) {
	.mwb-board-gallery-list li {width:50% !important; }
}

@media (min-width:992px) { /* 992px 보다 클 경우 */
}

@media (min-width:1200px) { /* 1200px 보다 클 경우 */
}

@media (min-width:768px) and (max-width:991px) {
	.mwb-board-gallery-list li {width:50% !important; }
}

@media (min-width:992px) and (max-width:1199px) {
}


/* 무와보에서 제공하는 필드세트 */
.mwb-field-set {}
.mwb-field-set li {}
.mwb-field-set label{
}
.mwb-field-divide,
.mwb-field-long,
.mwb-field-select,
.mwb-field-textarea,
.mwb-field-set input[type=text], 
.mwb-field-set input[type=date],
.mwb-field-set input[type=datetime],
.mwb-field-set input[type=number],
.mwb-field-set input[type=search],
.mwb-field-set input[type=time],
.mwb-field-set input[type=url],
.mwb-field-set input[type=email],
 textarea, 
 select{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border:1px solid #BEBEBE;
     padding: 5px;
     margin:0px;
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;  
}
.mwb-field-divide:focus,
.mwb-field-long:focus,
.mwb-field-select:focus,
.mwb-field-textarea:focus,
.mwb-field-set input[type=text]:focus, 
.mwb-field-set input[type=date]:focus,
.mwb-field-set input[type=datetime]:focus,
.mwb-field-set input[type=number]:focus,
.mwb-field-set input[type=search]:focus,
.mwb-field-set input[type=time]:focus,
.mwb-field-set input[type=url]:focus,
.mwb-field-set input[type=email]:focus,
.mwb-field-set textarea:focus, 
.mwb-field-set select:focus{
     -moz-box-shadow: 0 0 8px #88D5E9;
     -webkit-box-shadow: 0 0 8px #88D5E9;
     box-shadow: 0 0 8px #88D5E9;
     border: 1px solid #88D5E9;
}
.mwb-field-set .mwb-field-divide, .mwb-field-divide{
     width: 49%;
     max-width:300px;
     font-size:14px; 
     line-height:18px;
}

.mwb-field-set .mwb-field-long, .mwb-field-long{
     width: 100%;
     font-size:14px; 
     line-height:18px;
}
.mwb-field-set .mwb-field-select, .mwb-field-select{
     width: 100%;
     max-width:300px; 
     font-size:14px; 
     line-height:18px;
     height:30px; 
     color:#333; 
}
.mwb-field-set .mwb-field-select option, .mwb-field-select option{
  font-size:14px; 
  line-height:24px; 
  padding:7px; 
}
.mwb-field-set .mwb-field-textarea, .mwb-field-textarea{
     width:100%; 
     height: 100px;
     font-size:14px; 
     line-height:18px; 
}
.mwb-field-set input[type=submit], .mwb-field-set input[type=button], .mwb-field-submit{
     background: #4B99AD;
     padding: 5px 10px;
     border: 1px solid #4B99AD;
     color: #fff;
     border-radius: 3px;
     font-size: 12px;
     line-height:18px; 
}
.mwb-field-set input[type=submit]:hover, .mwb-field-set input[type=button]:hover, .mwb-field-submit:hover{
     background: #4691A4;
     box-shadow:none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;
}
.mwb-field-set .mwb-required, .mwb-required{
     color:red;
}
.mwb-select-box-outer {display:inline-block; }
/*==================================================================*/
/*==Pagination======================================================*/
/*==https://codyhouse.co/gem/css-pagination=========================*/
/*==================================================================*/
/* -------------------------------- 

Basic style

-------------------------------- */
nav[role="navigation"] {
  text-align: center;
}

.mwb-pagination {
  width: 90%;
  max-width: 768px;
  margin: 20px auto 10px;
  text-align: center;
}
.mwb-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.mwb-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.mwb-pagination a, .mwb-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 12px;
}
.mwb-pagination a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
}
/* 상위 클래스에 no-touch를 선언했을 경우 hover때 애니메이션효과*/
.no-touch .mwb-pagination a:hover { 
  background-color: #f2f2f2;
}
.mwb-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.mwb-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.mwb-pagination a.disabled::before, .mwb-pagination a.disabled::after {
  opacity: .4;
}
.mwb-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.mwb-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.mwb-pagination .current {
  /* selected number */
  background-color: #64a281;
  border-color: #64a281;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 320px) {
  .mwb-pagination li {
    display: inline-block;
  }
}

@media only screen and (min-width: 1170px) {
  .mwb-pagination {
    margin: 10px auto 10px;
  }
}


/* -------------------------------- 

No space - remove distance between list items

-------------------------------- */
.mwb-pagination.mwb-pagination-no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
}
.mwb-pagination.mwb-pagination-no-space:after {
  content: "";
  display: table;
  clear: both;
}
.mwb-pagination.mwb-pagination-no-space li {
  height:40px; /* li 아래 빈공간 매꾸기 위해서 높이 지정 */
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.mwb-pagination.mwb-pagination-no-space li:last-of-type {
  border-right: none;
}
.mwb-pagination.mwb-pagination-no-space a, .mwb-pagination.mwb-pagination-no-space span {
  float: left;
  border-radius: 0;
  padding: .8em 1em;
  border: none;
}
.mwb-pagination.mwb-pagination-no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
.mwb-pagination.mwb-pagination-no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0;
}

/* -------------------------------- 

move buttons - move prev and next buttons to the sides

-------------------------------- */
.mwb-pagination.mwb-pagination-move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.mwb-pagination.mwb-pagination-move-buttons .button:first-of-type {
  float: left;
}
.mwb-pagination.mwb-pagination-move-buttons .button:last-of-type {
  float: right;
}

.mwb-pagination.mwb-pagination-no-space.mwb-pagination-move-buttons {
  width: 95%;
  max-width: 419px;
  display: block;
  overflow: hidden;
}
.mwb-pagination.mwb-pagination-no-space.mwb-pagination-move-buttons li {
  float: none; /* none이던 것을 li 사이 빈공간 없애기 위해 변경 */
  border: none;
}
.mwb-pagination.mwb-pagination-no-space.mwb-pagination-move-buttons a, .mwb-pagination.mwb-pagination-no-space.mwb-pagination-move-buttons span {
  float: none;
}

/* -------------------------------- 

custom icons - customize the small arrow inside the next and prev buttons 

-------------------------------- */
.mwb-pagination.mwb-pagination-custom-icons .button a {
  position: relative;
}
.mwb-pagination.mwb-pagination-custom-icons .button:first-of-type a {
  padding-left: 15px;
  overflow:hidden; 
}
.mwb-pagination.mwb-pagination-custom-icons .button:last-of-type a {
  padding-right: 15px;
  overflow:hidden; 
}
.mwb-pagination.mwb-pagination-custom-icons .button:first-of-type a::before,
.mwb-pagination.mwb-pagination-custom-icons .button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("img/cd-icon-arrow-1.svg") no-repeat center center;
}
.mwb-pagination.mwb-pagination-custom-icons .button:first-of-type a::before {
  left: .8em;
}
.mwb-pagination.mwb-pagination-custom-icons .button:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* -------------------------------- 

animated buttons - animate the text inside prev and next buttons 

-------------------------------- */
.mwb-pagination.animated-buttons a, .mwb-pagination.animated-buttons span {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  /*overflow: hidden;  버튼 아래 빈칸 없앰*/
}
.mwb-pagination.animated-buttons .button a {
  position: relative;
  padding: 0 15px;
}
.mwb-pagination.animated-buttons .button:first-of-type a::before,
.mwb-pagination.animated-buttons .button:last-of-type a::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.mwb-pagination.animated-buttons .button:last-of-type a::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.mwb-pagination.animated-buttons i {
  display: block;
  height: 100%;
  font-style:normal; 
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.no-touch .mwb-pagination.animated-buttons .button a:hover i {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-touch .mwb-pagination.animated-buttons .button:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
  -moz-transform: translateX(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateY(-50px);
  -o-transform: translateX(-50%) translateY(-50px);
  transform: translateX(-50%) translateY(-50px);
}

.no-touch .mwb-pagination.animated-buttons .button:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
  transform: translateX(-50%) rotate(180deg) translateY(50px);
}

@media only screen and (max-width: 439px) {
/*.mwb-pagination.mwb-pagination-move-buttons .button:first-of-type {
  display:none; 
}
.mwb-pagination.mwb-pagination-move-buttons .button:last-of-type {
  display:none; 
}*/
.mwb-pagination.animated-buttons a, .mwb-pagination.animated-buttons span {
  padding: 0 7px;
  height: 40px;
  line-height: 40px;
  /*overflow: hidden;  버튼 아래 빈칸 없앰*/
}
.mwb-pagination.animated-buttons .button a {
  position: relative;
  padding: 0 10px;
}
.mwb-pagination.mwb-pagination-custom-icons .button:first-of-type a {
  padding: 0px;
  overflow:hidden; 
}
.mwb-pagination.mwb-pagination-custom-icons .button:last-of-type a {
  padding: 0px;
  overflow:hidden; 
}
}