/* page */
.paging {width:100%;margin-top:57px;text-align:center;}
.paging.mt28 {margin-top:28px}
.paging a.num {display:inline-block;padding:0 6px;height:22px;font-size:16px;color:#333;line-height:20px;vertical-align:top}
.paging a.num:hover,
.paging a.num.on {background-color:#026cb8;color:#fff}
.paging a.p_btn {
    display:inline-block;
    vertical-align:top;
    width:19px;
    height:19px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:9px auto;
    margin:0 3px;
}
.paging a.p_btn.prev {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1Ljk3IDYuNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUuOTcgNi40MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzQ0NDQ0NDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuMTUsMy41OWw1LjA4LDIuNjZjMC4yOCwwLjI5LDAuNzQsMC4yMiwwLjc0LTAuMThjMC0wLjIzLDAtNS40MiwwLTUuNzFjMC0wLjQ0LTAuNDYtMC40NC0wLjc0LTAuMTcNCglMMC4xNSwyLjg1Qy0wLjA1LDMuMDUtMC4wNSwzLjM4LDAuMTUsMy41OXoiLz4NCjwvc3ZnPg0K)
}
.paging a.p_btn.next {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1Ljk3IDYuNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUuOTcgNi40MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzQ0NDQ0NDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUuODIsMi44M0wwLjc0LDAuMThDMC40Ni0wLjExLDAtMC4wNCwwLDAuMzZjMCwwLjIzLDAsNS40MiwwLDUuNzFjMCwwLjQ0LDAuNDYsMC40NCwwLjc0LDAuMTdsNS4wOC0yLjY2DQoJQzYuMDIsMy4zNyw2LjAyLDMuMDQsNS44MiwyLjgzeiIvPg0KPC9zdmc+DQo=)
}
@media screen and (max-width:960px){ 
    .paging.mt28 {margin-top:2.8rem}
    .paging {margin-top:5.7rem}
    .paging a.num {font-size:1.4rem}
}
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;margin:10px; width:40px;height:40px;line-height:40px;color:#8c8c8c;letter-spacing:0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#ffffff; border-radius:5px; border: 1px solid #8c8c8c;text-decoration:none; color:#8c8c8c}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:10px;background:#026cb8;width:40px;height:40px;line-height:40px;border-radius:5px;color:#fff;font-weight:normal}

.pg_spage, .pg_scurrent, .qa_spage {display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:300;color:#8c8c8c;letter-spacing:0;}
.pg_scurrent {display:inline-block;width:20px;height:20px;line-height:20px;; font-size:12px;font-weight:700; color:#333333}



#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-list form { margin: 0; padding: 0; }
#kboard-default-list .kboard-list-header { float: left; display: table; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-list-header .kboard-total-count { *float: left; display: table-cell; font-size: 14px; }
#kboard-default-list .kboard-list-header .kboard-sort { *float: right; display: table-cell; text-align: right; }
#kboard-default-list .kboard-list-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; line-height: 26px; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }

#kboard-default-list .kboard-category { float: left; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-category.category-mobile { display: none; }
#kboard-default-list .kboard-category.category-pc { display: block; }
#kboard-default-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin-right: 30px; padding: 0; border: 0; list-style: none; }
#kboard-default-list .kboard-category .kboard-category-list li::before,
#kboard-default-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-default-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 15px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a {font-weight: bold; color: #ffffff; background-color:#026cb8; padding:10px 30px }

#kboard-default-list .kboard-tree-category-wrap { overflow: hidden; }
#kboard-default-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-default-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-tree-category li::before,
#kboard-default-list .kboard-tree-category li::after { display: none; }
#kboard-default-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 15px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-default-list .kboard-list { float: left; width: 100%; background-color: white; }
#kboard-default-list .kboard-list table { display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; border: 0; font-size: 15px; border-collapse: collapse; }
#kboard-default-list .kboard-list table a { color: black; font-weight: normal; text-decoration: none; border: 0; box-shadow: none; font-size: 15px; }
#kboard-default-list .kboard-list table a.white{ color: white;}
#kboard-default-list .kboard-list table tr { border: 0; background-color: transparent; transition-duration: 0.3s; }
#kboard-default-list .kboard-list table td { padding: 15px 5px; height: auto; text-align: center; vertical-align: middle; font-size: 15px; }
#kboard-default-list .kboard-list table td.kboard-list-uid { width: 72px; }
#kboard-default-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-default-list .kboard-list table td.kboard-list-user { width: 120px; }
#kboard-default-list .kboard-list table td.kboard-list-date { width: 130px; }
#kboard-default-list .kboard-list table td.kboard-list-vote { width: 55px; }
#kboard-default-list .kboard-list table td.kboard-list-view { width: 55px; }
#kboard-default-list .kboard-list thead { background-color: #f4f4f4;font-size: 15px; border-top:2px solid #222222 }
#kboard-default-list .kboard-list thead tr td { font-weight: bold; color: #545861; border: 0; border-bottom: 2px solid #f1f1f1; }
#kboard-default-list .kboard-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-list .kboard-list tbody tr:hover { background-color: #f7f7f7; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #ebf5ff; }
#kboard-default-list .kboard-list tbody tr.kboard-list-selected .kboard-default-cut-strings { font-weight: bold; }
#kboard-default-list .kboard-list tbody td.kboard-list-title { text-align: left; }
#kboard-default-list .kboard-list tbody td.kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color: #0d266e; }
#kboard-default-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents { display: none; font-size: 12px; color: #999999; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item { display: inline; margin: 0; padding: 0; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator { display: inline; margin: 0; padding: 0 2px; color: #bebebe; }

#kboard-default-list .kboard-search { float: left; padding-bottom: 15px; width: 100%; text-align: center; margin-top:50px }


@media screen and (max-width: 600px) {
	#kboard-default-list .kboard-category.category-mobile { display: block; }
	#kboard-default-list .kboard-category.category-pc { display: none; }
	#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
	#kboard-default-list .kboard-list table { border-top: 1px solid #f1f1f1; }
	#kboard-default-list .kboard-list table thead { display: none; }
	#kboard-default-list .kboard-list table td.kboard-list-title { padding: 10px 5px; }
	#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 10px; white-space: normal; font-size: 15px; line-height: 23px; }
	#kboard-default-list .kboard-list table td.kboard-list-uid,
	#kboard-default-list .kboard-list table td.kboard-list-user,
	#kboard-default-list .kboard-list table td.kboard-list-date,
	#kboard-default-list .kboard-list table td.kboard-list-vote,
	#kboard-default-list .kboard-list table td.kboard-list-view { display: none; }
	#kboard-default-list .kboard-list .kboard-mobile-contents { display: block; }
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: none; }
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.last-page,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 18px; }
	#kboard-default-list .kboard-search select { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 28px; line-height: 28px; box-sizing: border-box; }

}	
.width_re {width:300px;}


.frm_input {display:inline-block;height:30px;border-radius:5px;border:1px solid #c8c8c8 !important;position:relative;padding:0 0 0 10px !important;background:#ffffff;font-size:16px;color:#4a4a4a;vertical-align:middle;transition:all 0.3s ease;transform: translate(0%);}
.frm_input,
select.frm_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;    
}
select.frm_input {padding-right:20px !important}
.frm_input::-ms-expand,
select.frm_input::-ms-expand{display:none;}
select.frm_input {background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA3LjYyIDQuNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuNjIgNC40NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6Izk5OTk5OTt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLjY0LDAgMCwwLjY0IDMuODEsNC40NSA3LjYyLDAuNjQgNi45OCwwIDMuODEsMy4xNyAiLz4NCjwvc3ZnPg0K) no-repeat 95% 50% #fff;background-size:11px 11px;padding-left:11px;font-size:14px;color:#555}



.btn {  
    display:inline-block;
    position:relative;
    border:0 !important;
    border-radius:10px !important;
    -webkit-border-radius:0 !important;
    cursor:pointer;
    text-align:center;

}
/*.btn:after,
.btn:before,
.btn {transition:all 0.3s ease;}
.btn:after,
.btn:before {opacity:0;}
.btn span {display:inline-block;position:relative;}
.btn:before {display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;}*/

.btn_md {padding:10px 30px;font-size:16px;line-height:16px;color:#fff;text-align:center;vertical-align:middle}
.btn_md1 {padding:10px 30px;font-size:16px;line-height:16px;color:#026cb8;text-align:center;vertical-align:middle}
.btn_md2 {padding:10px 30px;font-size:16px;line-height:16px;color:#db152f;text-align:center;vertical-align:middle}
.btn_md4 {padding:7px 30px;font-size:14px;line-height:16px;color:#fff;text-align:center;vertical-align:middle;}

.btn_md.type1 {padding:13px 30px;}
.btn_md.type2 {padding:5px 30px;}

.btn_lg {padding:19px 30px;font-size:20px;line-height:20px;color:#fff;text-align:center;vertical-align:middle}
.btn_blue {background-color:#026cb8;}
.btn_sblue {background-color:#026cb8;padding:6px 15px;border-radius:10px; color:#ffffff;}
.btn_sblue_small {background-color:#026cb8;padding:5px 10px;border-radius:10px; color:#ffffff;}
.btn_grey {background-color:#333333}
.btn_grey_small {background-color:#333333;padding:5px 10px;border-radius:10px; color:#ffffff;}
.btn_or {background-color:#ff6600}
.btn_cy {background-color:#026cb8}
.btn_red {background-color:#db152f;padding:6px 15px;border-radius:10px;color:#ffffff;}
.btn_red_small {background-color:#db152f;padding:5px 10px;border-radius:10px;color:#ffffff;}
.btn_blueline {background-color:#ffffff; padding:4px 15px;border-radius:10px; color:#026cb8}
.btn_redline {border: 1px solid #db152f}
.btn_box {width:100%;margin-top:50px;}
.btn_box.mt20 {margin-top:20px}
.btn_box .left {float:left;width:50%}
.btn_box .right {float:right;width:50%;text-align:right}
.btn_box .center {text-align:center}
.btn_xs {padding:5px 10px;font-size:13px;line-height:13px;text-align:center;vertical-align:middle}
.btn_no_bg {background-color:transparent;border:1px solid #999 !important;color:#333;}
.btn.grid_100 {width:100%;}
.btn.grid_70 {width:70%;}
.btn.grid_50 {width:50%;}
@media screen and (max-width:960px){
	.btn {display:inline-block;position:relative;border:0 !important;border-radius:10px !important;-webkit-border-radius:0 !important;cursor:pointer;text-align:center;}
    .btn_box {margin-top:5rem}
    .btn_md {padding:1rem 3rem;font-size:1.6rem;line-height:1.6rem}
    .btn_box.mt20 {margin-top:2rem}
    .btn_xs {font-size:1.3rem;line-height:1.3rem;padding:0.5rem 1rem}
    .btn_lg {padding:1.9rem 3rem;font-size:2rem;line-height:2rem}
}
@media screen and (max-width:600px){ 
    /*
    .btn_box .left,
    .btn_box .right {float:none;width:100%;}
    .btn_box .right {margin-top:2rem}    
    */
	.btn {display:inline-block;position:relative;border:0 !important;border-radius:10px !important;-webkit-border-radius:0 !important;cursor:pointer;text-align:center;}
	
    .btn_md {padding:1rem 1.4rem}
    .btn_lg {padding:1.9rem 2.4rem}
	.btn_sblue {font-size:14px;background-color:#026cb8;padding:6px 15px;border-radius:10px; color:#ffffff;}
	.btn_red {font-size:14px;background-color:#db152f;padding:6px 15px;border-radius:10px;color:#ffffff;}
	.width_re {
    width: 136px;
}
.btn_md4 {padding:7px 30px;font-size:14px;line-height:16px;color:#fff;text-align:center;vertical-align:middle;margin-bottom: 10px;}
}
@media screen and (max-width:359px){ 
   
    .btn_md {padding:1rem 0.5rem}
    .btn_lg {padding:1.9rem 1rem}
	.width_re {
    width: 169px;
}

	
}


/* 회원가입 */
.join_area {padding:20px; border-radius:10px; border: 1px #c8c8c8 solid;width: 100%;}
.join_area .join_top {padding-bottom:15px;margin-bottom:27px;border-bottom:2px dashed #c8c8c8;}
.join_area .join_top ul{padding:15px}
.join_area .join_top ul li{float:left;font-size:18px;padding-right:40px;}
.join_area .join_top h3{ font-size:20px;}
.join_area .join_mid {padding-bottom:27px;margin-bottom:27px;border-bottom:2px dashed #c8c8c8;}
.mb .frm_input_box1 .frm_input {height:41px;line-height:41px;padding-left:10px !important;background-color:#f1f1f1;border:1px solid #c8c8c8;font-size:16px;color:#4a4a4a;;}
.mb .frm_input_box1 .tit {width: 200px;font-size:20px;}
.mb .btn_md {padding:0 25px !important;height:41px;line-height:39px;font-size:18px;}
.mb .frm_input_box1 {margin-bottom:12px}
.mb .frm_input_box1  .s_txt {display:inline-block;font-size:13px;color:#666}
.mb .frm_input_box1 .check_txt {display:inline-block;position:relative;padding-left:25px;font-size:16px;color:#2aa3dc;line-height:18px}
.mb .frm_input_box1 .check_txt:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:17px;
    height:11px;
    background-size:auto;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA3LjY5IDUuNjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuNjkgNS42MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzJBQTNEQzt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI3LjY5LDEuMTQgNi41NSwwIDMuMjIsMy4zMyAxLjE0LDEuMjUgMCwyLjM5IDMuMjIsNS42MSA0LjM2LDQuNDcgNC4zNiw0LjQ3ICIvPg0KPC9zdmc+DQo=)
}
.mb .frm_input_box1 .ipt_box {height:41px;vertical-align: middle;}
.mb .frm_input_box1 .ipt_box p{}
.mb .c_label {font-size:16px;color:#4a4a4a}
.agree_box { padding:1%;height:167px;overflow-y:auto;border-radius:5px;border:1px solid #c8c8c8;background-color:#ffffff;font-size:16px;line-height:27px;color:#4a4a4a;}
.agree_box p{ padding:10px}
.agree_box p textarea{font-size:16px;border:0px; overflow:hidden}
.mb .mb_btn_box {margin-top:41px;text-align:center}
.mb .mb_btn_box .btn_md {padding:0 10px;height:50px;line-height:48px;font-size:18px}
.mb .mb_btn_box ul {display:inline-block;width:100%;max-width:450px;margin:0 -1px}
.mb .mb_btn_box ul li {float:left;width:50%;padding:0 1px}
.mb .mb_btn_box ul li .btn_md {width:100%;padding:0 !important;height:50px;line-height:48px;font-size:18px}
@media screen and (max-width:960px){
    .join_area {margin-top:2rem;padding:5rem;}
    .mb .frm_input_box1 .frm_input {height:3.1rem;line-height:4.1rem;padding-left:1rem !important;font-size:1.3rem;}
    .mb .btn_md {padding:0 2.5rem !important;height:4.1rem;line-height:3.8rem;font-size:1.6rem}
    .mb .mb_btn_box ul li .btn_md {height:5rem;line-height:4.8rem;font-size:1.8rem}
    .agree_box {padding:2rem;height:16.7rem;font-size:1.5rem;line-height:2.5rem}
    .mb .c_label {font-size:1.6rem}
    .join_area .join_top {padding-bottom:1.5rem;margin-bottom:2.7rem;border-bottom-width:0.2rem}
    .join_area .join_mid {padding-bottom:2.7rem;margin-bottom:2.7rem;border-bottom-width:0.2rem}
}
@media screen and (max-width:854px){
    .join_area {padding:3rem}
}
@media screen and (max-width:720px){
    .join_area {padding:2rem}
    .mb .frm_input_box1 .tit {width:150px}
}
@media screen and (max-width:559px){ 
    .mb .frm_input_box1 .frm_input {max-width:none;width: 70%;}
    .id_btn {width:100%;margin-top:0.5rem}
	.btn_area {
    text-align: center;
    margin-top: 4rem;
}
}
@media screen and (max-width:450px){ 
    .mb .frm_input_box1 .tit {width:100%}
    .mb .frm_input_box1 .tit br {display:none}
    .mb .frm_input_box1 .ipt_box {height:auto;}
    .mb .frm_input_box1 .s_txt {display:block;margin-top:0.5rem}
}


/* 입력폼 type1 */
.frm_input_box1 {display:table;width:100%;}
.frm_input_box1 .tit,
.frm_input_box1 .ipt_box {display:table-cell;vertical-align:top}
.frm_input_box1 .ipt_box {font-size:16px;color:#333}
.frm_input_box1 .ipt_box.type1 {padding-left:10px;}
.frm_input_box1 .tit {width:100px;padding-top:10px;padding-left:10px;line-height:16px;font-weight:400}
.frm_input_box1 .ipt_box .color-blue-500 {font-size:12px;font-family:'NanumSquare',sans-serif;}
.frm_input_box1 .tit span {display:inline-block;position:relative;padding-left:18px;font-size:16px;line-height:16px;color:#333}
.frm_input_box1 .tit span:before {
    display:block;
    content:"";
    position: absolute;
    top:5px;
    left:0;
    width:6px;
    height:6px;
    background-color:#026cb8;
}
.frm_input_box1 .frm_input {padding-left:10px !important;height:36px;line-height:36px;font-size:16px}
.frm_input_box1 textarea.frm_input {height:300px;line-height:26px}
.date_box {width:100%;max-width:303px}
.date_box li {float:left;position:relative;width:50%}
.date_box li.fst {padding-right:12.5px}
.date_box li.fst:after {
    display:block;
    content:"~";
    position:absolute;
    top:8px;
    right:-1px;    
    font-size:16px;
    color:#333;
    line-height:16px;
}
.date_box li.last {padding-left:12.5px}
.date_box .frm_input {width:100%;}

.date_box.type1 {max-width: 405px}
.date_box.type1 li {width:40%}
.date_box.type1 li.btn_area {width:15%;padding-left:5px}
.date_box.type1 li.btn_area .sch_btn1 {height:36px;line-height:36px;font-size:15px;font-weight: 400;}

.name_box {display:inline-block;width:100%;}
.tel_box ul {position:relative;margin:0 -2.5px}
.tel_box ul li {float:left;width:50%;padding:0 2.5px}
.tel_box ul li .frm_input {width:100%;}
.tel_box {display:inline-block;width:100%;max-width:346px}
.tel_box ul {position:relative;margin:0 -2.5px}
.tel_box ul li {float:left;width:33.33333333%;padding:0 2.5px}
.tel_box ul li .frm_input {width:100%;}
.email_box {display:inline-block;width:100%;max-width:800px;vertical-align:middle}
.email_box ul {position:relative;margin:0 -16px}
.email_box ul li {float:left;position:relative;width:30%;padding:0 16px}
.email_box ul li:first-child:after {
    display:block;
    content:"@";
    position:absolute;
    top:4px;
    right:-5px;
    font-size:16px;
    color:#333;
}
.email_box ul li:last-child{padding:0}
.frm_input_box1 .s_txt {font-size:13px}
.frm_input_box1 .s_txt2 {display:inline-block;vertical-align:middle}
@media screen and (max-width:960px){ 
    .frm_input_box1 .tit {padding-top:1rem;padding-right:1rem}
    .frm_input_box1 .tit span {padding-left:1rem;font-size:1.3rem;line-height:1.6rem}
    .frm_input_box1 .tit span:before {top:6px;width:0.3rem;height:0.3rem}
    .frm_input_box1 .frm_input {padding-left:1rem !important;height:3.6rem;line-height:3.6rem;font-size:1.6rem}
    .date_box li.fst:after {font-size:1.6rem;line-height:1.6rem}
    .date_box li.fst {padding-right:1.25rem}
    .date_box li.last {padding-left:1.25rem}
    .frm_input_box1 .ipt_box {font-size:1.2rem}
    .frm_input_box1 textarea.frm_input {line-height:2.6rem}
    .date_box.type1 li.btn_area .sch_btn1 {height:3.6rem;line-height:3.6rem;font-size:1.6rem;font-weight: 400;}


}
@media screen and (max-width:640px){
    .frm_input_box1 .tit span:before {top:4px}
}
@media screen and (max-width:500px){ 
    .frm_input_box1 {display:block;}
    .frm_input_box1 .tit {display:block;width:100%;padding:0}    
    .frm_input_box1 .ipt_box.type1,
    .frm_input_box1 .ipt_box {display:block;width:100%;margin-top:0.1rem}
    .name_box,
	.tel_box,
    .email_box {display:block;}
    .frm_input_box1 .ipt_box.type1 {margin-top:0.5rem;padding:0}
}

.frm_input {display:inline-block;height:32px;border-radius:5px;border:1px solid #c8c8c8 !important;position:relative;padding:0 0 0 10px !important;background:#ffffff;font-size:16px;color:#4a4a4a;vertical-align:middle;transition:all 0.3s ease;}
.frm_input.bor0 { border:0px}
.frm_input.grid_100 {width:100%;}
.frm_input.grid_90 {width:90%;}
.frm_input.grid_85 {width:85%;}
.frm_input.grid_80 {width:80%;}
.frm_input.grid_70 {width:70%;}
.frm_input.grid_50 {width:50%;}
.frm_input.grid_47 {width:47%;}
.frm_input.grid_40 {width:40%;}
.frm_input.w223 {width:100%;max-width:223px}
.frm_input.w228 {width:100%;max-width:228px}
.frm_input.w200 {width:200px}
.frm_input.w150 {width:150px}
.frm_input.w100 {width:100px}
.frm_input.w500 {width:100%;max-width:500px}
.frm_input.w50 {width:50px}
.frm_input.w60 {width:60px}
.frm_input.h60 {height:60px}
.frm_input,
select.frm_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;    
}
select.frm_input {padding-right:20px !important}
.frm_input::-ms-expand,
select.frm_input::-ms-expand{display:none;}
select.frm_input {background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA3LjYyIDQuNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuNjIgNC40NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6Izk5OTk5OTt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLjY0LDAgMCwwLjY0IDMuODEsNC40NSA3LjYyLDAuNjQgNi45OCwwIDMuODEsMy4xNyAiLz4NCjwvc3ZnPg0K) no-repeat 95% 50% #fff;background-size:11px 11px;padding-left:11px;font-size:14px;color:#555}



input[type="checkbox"]{
  margin-right:10px;transform : scale(1.5);margin-left: 10px;}
input[type="file"]{
  cursor: pointer;
  border: 0;
  margin-top: 6px;
transform: translate(00%);border-radius: 0px;padding:0px;}
input[type="radio"] {
  cursor: pointer;
  width: 22px;
  height: 22px;
  margin-top: -1px;
}



/* 게시판 글보기 */
.board_view {width:100%;}
.board_view .title {padding:25px 0px;}
.board_view .title .v_tit {font-size:23px;line-height:33px;font-weight:500;color:#333;border-bottom:1px solid #026cb8; padding-bottom:20px}
.board_view .v_tit1 {display:block;position:relative;padding:15px 33px;background-color:#f8f8f8;font-size:20px;line-height:30px;color:#333;font-weight:600;cursor:pointer;border-top:1px #333333 solid; border-bottom:1px #cccccc solid;}
.board_view .v_tit1 span {color:#333;margin-right:3px;}
.board_view .title .v_info {margin:15px  0;font-size:14px;line-height:15px;text-align:right;border-bottom:1px solid #c8c8c8; padding-bottom:20px}
.board_view .title .v_info span {display:inline-block;padding:0 6px;vertical-align:middle}
.board_view .title .v_info span em {display:inline-block;position:relative;padding-left:10px;font-weight:400;font-style: inherit;} 
.board_view .title .v_info span em:before {
    content:"";
    position: absolute;
    top:4px;
    left:0;
    width:6px;
    height:6px;
    background-color:#aaa;
}

.board_view .body {padding:45px 20px 45px;border-bottom:1px solid #c8c8c8;}
.board_view .body img {max-width:100%;}
.board_view .body .bv_img {margin-bottom:35px}
.board_view .view_txt {font-size:18px;line-height:33px;color:#4a4a4a;text-align: center;}
.board_view .view_cont_info {margin-bottom:35px;width:100%;}
.board_view .view_cont_info dl {display:table;width:100%;margin-bottom:4px}
.board_view .view_cont_info dt,
.board_view .view_cont_info dd {display:table-cell;position:relative;height:43px;vertical-align:middle}
.board_view .view_cont_info dt {width:250px;background-color:#026cb8;font-size:16px;color:#fff;font-weight:bold;text-align:center}
.board_view .view_cont_info dd {word-break:break-all;margin-left:2px;padding-left:17px;background-color:#f1f1f1;font-size:16px;color:#333}
.board_view .view_cont_info dd a{color:#333}
.board_view .view_hash {margin-top:110px;}
.board_view .view_hash .hash {display:inline-block;padding:10px 16px;background-color:#999999;border-radius:50px;font-size:14px;color:#fff;line-height:14px;cursor:pointer}
.board_view .view_file {margin-top:15px;padding:24px 0 24px 20px;border:1px solid #ddd;border-width:1px 0 1px;}
.board_view .view_file dl {display:table-cell;width:100%;}
.board_view .view_file dt {display:table-cell;width:70px;padding-top:11px;font-size:16px;line-height:16px;color:#333;font-weight:400;}
.board_view .view_file dd {display:table-cell;}
.board_view .view_file dd a {display:inline-block;padding:10px;border:1px solid #ddd;background-color:#f1f1f1;font-size:16px;color:#333;}

/* 댓글 */
.b_comment {margin-top:20px;border-top:1px solid #000;padding-top:20px;}
.b_comment .cm_tit {font-size:16px;line-height:16px;color:#333;font-weight:400}
.b_comment .cm_tit em {color:#000;font-weight:500}
.b_comment .b_comment_list {margin-top:10px;}
.b_comment .b_comment_list .list {padding:23px 30px;margin:7px 0 3px;background:#f6f6f6;}
.b_comment .b_comment_list .list .tit {display:block;font-size:16px;color:#333;font-weight:500;margin-bottom:15px;}
.b_comment .b_comment_list .list .tit span {display:inline-block;margin-left:7px;font-size:13px;color:#999;font-weight:400}
.b_comment .b_comment_list .list .txt {font-size:16px;line-height:27px;color:#333}
.b_comment .b_comment_list .list.dept1 {padding-left:20px;background-color:#f1f1f1}
.b_comment .b_comment_list .list.dept1 .txt strong {color:#ec7d37}
.b_comment .b_comment_frm {margin-top:22px;}
.b_comment .b_comment_frm input[type="text"].frm_input,
.b_comment .b_comment_frm input[type="password"].frm_input {padding-left:10px !important;height:39px;line-height:39px;font-size:16px}
.b_comment .b_comment_frm textarea.frm_input {border:0 !important;padding:0 !important;font-size:16px}
.b_comment .b_comment_frm .b_cmt_frm_list {width:100%;max-width:384px}
.b_comment .b_comment_frm .b_cmt_frm_list li {float:left;width:50%}
.b_comment .b_comment_frm .b_cmt_frm_list li:first-child {padding-right:0.5px}
.b_comment .b_comment_frm .b_cmt_frm_list li:last-child {padding-left:0.5px}
.b_comment .b_comment_frm .textarea_box {margin-top:3px;padding:23px 23px 20px;border:1px solid #ddd}
.b_comment .b_comment_frm .textarea_box .btn_md {font-size:15px;line-height:15px}
@media screen and (max-width:960px){
    .board_view .title {padding:2.5rem 2rem}
    .board_view .title .v_tit {font-size:2.2rem;line-height:3.3rem}
    .board_view .title .v_info {margin:1.5rem -0.6rem 0;font-size:1.4rem;line-height:1.4rem}
    .board_view .title .v_info span {padding:0 0.6rem}
    .board_view .title .v_info span em:before {width:0.6rem;height:0.6rem;top:0.3rem}
    .board_view .body {padding:4rem 2rem 0}
    .board_view .body .bv_img {margin-bottom:3rem}
    .board_view .view_cont_info {margin-bottom:3rem}
    .board_view .view_cont_info dt, .board_view .view_cont_info dd {padding:1.1rem;height:4.3rem}
    .board_view .view_cont_info dt {width:100px;font-size:1.6rem;}
    .board_view .view_cont_info dd {padding-left:1.7rem;font-size:1.6rem}
    .board_view .view_txt {font-size:1.6rem;line-height:3rem}
	.board_view .view_txt img{width:100%}
    .board_view .view_hash {margin-top:10rem}
    .board_view .view_hash .hash {padding:1rem 1.6rem;font-size:1.4rem;line-height:1.4rem}
    .board_view .view_file {margin-top:1.5rem;padding:2rem 0 2rem 2rem;}
    .board_view .view_file dl {display:block}
    .board_view .view_file dt {display:block;width:100%;padding-top:0;font-size:1.6rem;line-height:1.6rem}
    .board_view .view_file dd {display:block;width:100%;margin-top:0.6rem;margin-left:-0.2rem;margin-right:-0.3rem}
    .board_view .view_file dd a {padding:1rem;font-size:1.6rem;margin:0.3rem}

    .b_comment {margin-top:2rem}
    .b_comment .cm_tit {font-size:1.6rem;line-height:1.6rem}
    .b_comment .b_comment_list {margin-top:0}
    .b_comment .b_comment_list .list {padding:2rem 0 2rem 0;}
    .b_comment .b_comment_list .list .tit {font-size:1.6rem}
    .b_comment .b_comment_list .list .tit span {margin-left:0.7rem;font-size:1.3rem}
    .b_comment .b_comment_list .list .txt {font-size:1.5rem;line-height:2.5rem}
    .b_comment .b_comment_list .list.dept1 {padding-left:2rem}
    .b_comment .b_comment_frm input[type="text"].frm_input, 
    .b_comment .b_comment_frm input[type="password"].frm_input {padding-left:1rem !important;height:3.9rem;line-height:3.9rem;font-size:1.6rem}
    .b_comment .b_comment_frm .textarea_box {padding:2rem}
    .b_comment .b_comment_frm textarea.frm_input {font-size:1.6rem}
    .b_comment .b_comment_frm .textarea_box .btn_md {font-size:1.5rem;line-height:1.5rem}
}