@charset "utf-8";

.btn {display:inline-block;vertical-align:middle;position:relative;padding:0 1.3rem;height:2.25rem;line-height:2.1rem;font-size:0.8rem;color:#fff;text-align:center}
.btn.btn_grey {background-color:#999}
.btn.btn_cy {background-color:#10a0a9}
.btn.btn_blue {background-color:#2f8ad3}
.btn.btn_green {background-color:#6b9f10}
.btn.btn_brown {background-color:#2f8ad3}
.btn.bg_999 {background-color:#999999;}
.btn.bg_cy {background-color:#02a8c6;}
.btn_close {display:inline-block;vertical-align:middle;position:relative;padding:0 1.3rem;height:2.25rem;line-height:2.1rem;font-size:0.8rem;color:#fff;text-align:center;background-color:#999}
.btn_submit {font-size:0.8rem}

.board_73 {margin-top:5.214rem}
.board_73.mt_0 {margin-top:0rem}
.board_area {margin-top:1.15rem}
.board_area .board_list_top {border-bottom:1px solid #ddd}
.board_area .board_list_top .board_top_txt {font-size:0.8rem;color:#666}
.board_area .board_list_top .tab {float:left;width:80%;}
.board_area .board_list_top .tab ~ .board_top_txt {float:right;padding-top:0.7rem}
@media screen and (max-width:960px){
    .board_area .board_list_top .tab {float:none;width:100%}
    .board_area .board_list_top .tab ~ .board_top_txt {float:none;text-align:right}
    .board_area .board_list_top {border-bottom:0}
}

.board-btn {margin-top:2rem}

/* 갤러리 리스트1 */
.gallery_list1 {position:relative;padding-top:5rem;margin:-0.7rem}
.gallery_list1 li {position:relative;float:left;width:25%;padding:0.7rem;margin-bottom:1.3rem}
.gallery_list1 li .g_img {border:1px solid #e0e0e0;text-align:center}
.gallery_list1 li .g_img img {max-width:100%;height:auto}
.gallery_list1 li .gall_box,
.gallery_list1 li a {display:block;position:relative;}
.gallery_list1 li .chk {position:absolute;top:10px;left:10px;z-index:10}
.gallery_list1 li .txt {margin-top:0.9286rem;font-size:0.9rem;line-height:1.15rem;color:#222;text-align:center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;}
.gallery_list1 li .s_img {padding-top:100%}
.gallery_list1 li .s_img.pdt {padding-top:140%}

#bo_gall li.empty_list {width:100%;text-align:center;font-size:0.8rem;line-height:1.15rem;color:#222;}

.gallery_list2 {position:relative;margin:-0.9rem}
.gallery_list2 li {position:relative;float:left;width:25%;padding:0.9rem;}
.gallery_list2 li .g_img {text-align:center}
.gallery_list2 li .g_img img {max-width:100%;height:auto}
.gallery_list2 li a {display:block;position:relative;}
.gallery_list2 li .chk {position:absolute;top:10px;left:10px;}
.gallery_list2 li .txt {margin-top:0.9286rem;font-size:0.8rem;line-height:1.15rem;color:#222;text-align:center}
.gallery_list2 li .txt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media screen and (max-width:700px){
    .gallery_list2 li,
    .gallery_list1 li {width:33.3333333333%}
}
@media screen and (max-width:600px){
    .gallery_list2 li,
    .gallery_list1 li {width:50%}    
}
@media screen and (max-width:460px){
    .gallery_list2 li,
    .gallery_list1 li {width:100%}
}

/* 게시판 검색 */
.board_search_area.no_line {border-top:0;margin-top:1.75rem}
.board_search_area {border-top:1px solid #ddd;padding-top:0.8rem;margin-top:2.45rem;clear: both;}
.board_search_area .board_search_cont {position:relative;width:100%;max-width:28.75rem;margin:0 auto}
.board_search_area .board_search_cont ul {margin:0 -2px}
.board_search_area .board_search_cont ul li {float:left;position:relative;padding:2px}
.board_search_area .board_search_cont ul li.fst {width:100%;max-width:7.35rem}
.board_search_area .board_search_cont ul li.mid {width:100%;max-width:17.5rem}
.board_search_area .board_search_cont ul li.last {width:100%;max-width:3.55rem}
.board_search_area .frm_input {width:100%;height:2.4rem;padding:0 0 0 0.5rem;line-height:2.4rem;border:1px solid #ddd;color:#222;font-size:0.8rem;background-color:#fff}
.board_search_area .b_sch_btn {display:block;width:100%;height:2.4rem;line-height:2.4rem;font-size:0.8rem;color:#fff;font-weight:700;background-color:#2f8ad3}
@media screen and (max-width:467px){
    .board_search_area .board_search_cont ul li.fst {width:100%;max-width:100%;}
    .board_search_area .board_search_cont ul li.mid {width:100%;max-width:80%}
    .board_search_area .board_search_cont ul li.last {width:100%;max-width:20%}
}

/* 페이저 */
.page_nav {margin-top:2.2rem;text-align:center}
.page_nav a {display:inline-block;position:relative;line-height:1.15rem;font-size:0.8rem;color:#222222;vertical-align:middle}
.page_nav a.num {min-width:1.15rem;margin-left:-4px}
.page_nav a:hover,
.page_nav a.on {color:#005da6;font-weight:700}
.page_nav a.p_prev,
.page_nav a.p_next {
    display:inline-block;
    min-width:0.8rem;
    height:0.8rem;
    margin-left:-4px;
    vertical-align:middle;
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size:0.35rem 0.1rem;    
    opacity:0.3;
}
.page_nav a.p_prev {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MC42OSA2Mi41NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAuNjkgNjIuNTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM1NTU1NTU7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzEuMjcsMCAwLDMxLjI3IDMxLjI3LDYyLjU0IDQwLjY5LDUzLjExIDE4Ljg1LDMxLjI3IDQwLjY5LDkuNDMgMzEuMjcsMCAiLz4NCjwvc3ZnPg0K);
    background-position:100% 50%;
    margin-right:4px;
} 
.page_nav a.p_next {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MC42OSA2Mi41NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAuNjkgNjIuNTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM1NTU1NTU7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iOS40Myw2Mi41NCA0MC42OSwzMS4yNyA5LjQzLDAgMCw5LjQyIDIxLjg0LDMxLjI3IDAsNTMuMTEgOS40Myw2Mi41NCAiLz4NCjwvc3ZnPg0K);
    background-position:0% 50%;
    margin-left:4px
} 

.board_ca {width:100%;max-width:100px;margin-bottom:0.7rem}
.board_ca .frm_input {width:100%;height:1.7rem;font-size:0.8rem;color:#222;background-color:#fff}

/* 일반리스트 */
.bo_list {width:100%;border-collapse:collapse;table-layout:fixed}
.bo_list thead th {
    height:2.45rem;
    text-align:center;
    color:#272727;
    font-size:0.8rem;
    vertical-align:middle;
    font-weight:500;
    border-top:2px solid #363636;border-bottom:1px solid #363636;
}
.bo_list thead th a {color:#272727}
.bo_list tbody td {height:2.45rem;border-bottom:1px solid #ddd;text-align:center;color:#222;font-size:0.8rem;vertical-align:middle;font-weight:400;background-color:#fff}
.bo_list .w50{width:8%;}
.bo_list .w100{width:10%;}
.bo_list .w200{width:20%;}
.bo_list .w650{width:55%;}
.bo_list .td_chk {width:60px}
.bo_list .s-number {width:60px}
.bo_list .s-name {width:300px}
.bo_list .s-write {width:100px}
.bo_list .s-view {width:100px}
.bo_list .s-day {width:100px}

.bo_list .s-name {text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all}
.bo_list .s-name a {color:#222}
.bo_list .s-name a {}
.bo_list .s-name a.bo_cate_link {font-size:0.8rem}
.bo_list .s-name .bo_tit {display:block;position:relative;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bo_list .frm_input {width:100%;height:1.7rem;font-size:0.8rem;color:#222}
.bo_list .s-name .cmt_ico {display:inline-block;vertical-align:middle;width:0.85rem;height:auto}
.bo_list .s-name a.rock {padding-right:0.85rem}
.bo_list .s-name a.rock:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:0;
    width:0.9286rem;
    height:0.9rem;
    background:url(../imgs/board/rock_icon.png) no-repeat 0 0;
    background-size:100% auto;
    transform:translateY(-50%);
}
.bo_list .bo_tit {font-weight:500}
@media screen and (max-width:854px){
    .bo_list {display:block;border-top:1px solid #ddd}
    .bo_list colgroup,
    .bo_list thead {display:none}
    .bo_list tbody,
    .bo_list tr,
    .bo_list td {display:block}
    .bo_list tbody td {height:auto;text-align:center;border-bottom:0;text-align:left}
    .bo_list tr {border-bottom:1px solid #ddd;padding:0.7rem}
    .bo_list tbody td.s-number {display:none}
    .bo_list tbody td.s-data,
    .bo_list tbody td.s-day,
    .bo_list tbody td.s-view,
    .bo_list tbody td.s-state,
    .bo_list tbody td.s-write,
    .bo_list tbody td.s-date {display:inline-block;vertical-align:middle;padding:0.5rem;width:auto}
    .bo_list .s-name {font-size:1.1rem;color:#000;font-weight:500;width:100%}
    .bo_list .s-name a.bo_cate_link {font-size:1.1rem}
    .bo_notice {background-color:#e6f8ff}
    
}

.bo_list_head ul {display:table;width:100%;}
.bo_list_head .w120{width:120px;text-align:center;}
.bo_list_head .w_subject{text-align:center;}
.bo_list_head .w50{width:80px;text-align:center;}
.bo_list_head ul li {display:table;width:100%;}
.bo_list_head ul li {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005da6+0,10a0a9+100 */
background: rgb(0,93,166); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,93,166,1) 0%, rgba(16,160,169,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,93,166,1) 0%,rgba(16,160,169,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,93,166,1) 0%,rgba(16,160,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005da6', endColorstr='#10a0a9',GradientType=1 ); /* IE6-9 */

}
.bo_list_head ul li span {display:table-cell;height:2.45rem;text-align:center;color:#fff;font-size:0.8rem;vertical-align:middle;font-weight:700;}
.bo_list_head ul li span.s-check{width:50px;}
.bo_list_head ul li span.s-number{width:100px;}
.bo_list_head ul li span.s-name{width:650px;}
.bo_list_head ul li span.s-user{width:100px;}
.bo_list_head ul li span.s-view{width:100px;}
.bo_list_head ul li span.s-data{width:100px;}
.bo_list_head ul li span.s-day{width:180px;}

.bo_list_body ul {display:table;width:100%;} 
.bo_list_body ul li {display:table;width:100%;border-bottom:1px solid #ddd}
.bo_list_body ul li span {display:table-cell;height:2.45rem;text-align:center;color:#222;font-size:0.8rem;vertical-align:middle;font-weight:400}
.bo_list_body ul li span.s-check{width:5%;}
.bo_list_body ul li span.s-number{width:100px;}
.bo_list_body ul li span.s-name{width:650px;text-align:left}
.bo_list_body ul li span.s-name a {color:#222;}
.bo_list_body ul li span.s-user{width:100px;}
.bo_list_body ul li span.s-view{width:100px;}
.bo_list_body ul li span.s-data{width:100px;}
.bo_list_body ul li span.s-day{width:180px;}
.file_ico {
    display:inline-block;
    width:1.1rem;
    height:0.7rem;
    background:url(../imgs/board/file_ico.png) no-repeat 0 0;
    background-size:100% auto;
    vertical-align:middle;
}
.state_btn {
    display:inline-block;
    width:6.286rem;
    background-color:#999;
    line-height:1.7rem;
    border-radius:2.5rem;
    font-size:0.75rem;
    color:#fff;
    text-align:center;
    vertical-align:middle;
}
.state_btn.ing {background-color:#10a0a9}
.board_list_btn_box {padding-top:1.7143rem;text-align:right}


/* 공통글뷰 */
.board_view_area {margin-top:5rem}
.board_view_title {position:relative;padding-right:3rem}
.board_view_title .bo_view_tit {display:block;font-size:1.35rem;font-weight: 500;letter-spacing:-1px; word-break:break-all;margin-bottom: 6px;}
.board_view_title .print {display:block;position:absolute;bottom:0;right:0;width:2.214rem;height:2.214rem;background:url(../imgs/board/print_ico.png) no-repeat 0 0;background-size:100% auto}
.board_view_info {margin-top:0.8rem;padding:0.8rem 0.85rem;background-color:#f1f1f1}
.board_view_info ul {margin:0 -1.35rem}
.board_view_info ul li {float:left;position:relative;padding:0 1.35rem;color:#222;font-size:0.75rem}
.board_view_info ul li strong,
.board_view_info ul li span {display:inline-block;position:relative;}
.board_view_info ul li strong {padding-left:0.75rem;font-weight:500}
.board_view_info ul li strong:before {
    display:block;
    content:"";
    position:absolute;
    top:0.4rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#555;
}
.board_view_info ul li span.dot {margin:0 0.1rem}
@media screen and (max-width:618px){
    .board_view_info ul li {float:none}
}

.board_file_info {margin-top:2px;padding:0.1rem 0.85rem;background-color:#f1f1f1;color:#222;font-size:0.75rem}
.board_file_info .file_tit {position:relative;display:block;float:left;padding-left:0.75rem;font-weight:700}
.board_file_info .file_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:0.5714rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#555;
}
.board_file_info .file_tit span {display:inline-block;position:relative;margin:0 0.1rem}
.board_file_info .file_list {float:right;position:relative;width:calc(100% - 7.043rem)}
.board_file_info .file_list li a {display:block;position:relative;color:#222}
.board_file_info .file_list li a.file {padding-left:1.2rem;}
.board_file_info .file_list li a.file:before {
    display:block;
    content:"";
    position:absolute;
    top:0.2857rem;
    left:0;
    width:0.9rem;
    height:0.8rem;
    background:url(../imgs/board/file_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.board_view_content {padding:2rem 0;font-size:0.8rem;line-height:1.15rem;color:#222}
.board_view_content .gall_img {text-align:left;margin-bottom:2rem}
.board_view_content img {max-width:100%;height:auto}
.board_view_btn_box {padding-top:0.7143rem;text-align:right}
.cmt_btn {font-size:0.8rem}
#bo_vc_empty {font-size:0.8rem}
.bo_vc_w textarea {font-size:0.8rem}
#bo_v_share .btn {font-size:0.8rem}
@media screen and (max-width:700px){
    .board_view_content {padding:0.8rem 0}
    .bo_v_file_cnt {position:relative;top:auto;right:auto;text-align:right;}
}

.bo_v_nb {width:100%;border:0 !important}
.bo_v_nb ul {border-top:1px solid #ddd}
.bo_v_nb ul li {width:100%;border:0;border-bottom:1px solid #ddd;padding:0;}
.bo_v_nb ul li:after {display:block;content:"";clear:both}
.bo_v_nb ul li .nb_tit {display:block;float:left;width:7.143rem;padding:0.7rem 0;text-align:center;color:#222;font-size:0.8rem;font-weight:bold}
.bo_v_nb ul li .nb_link {display:block;float:left;width:calc(100% - 14.29rem);padding:0.7rem 0;text-align:left;color:#222;font-size:0.8rem;font-weight:400}
.bo_v_nb ul li .nb_link {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bo_v_nb ul li .nb_date {display:block;float:right;width:7.143rem;padding:0.7rem 0;text-align:center;color:#999;font-size:0.75rem;font-weight:400}
.bo_v_nb ul li .nb_tit,
.bo_v_nb ul li .nb_link,
.bo_v_nb ul li .nb_date {vertical-align:middle}
@media screen and (max-width:854px){
    .bo_v_nb ul li .nb_tit {width:5rem}
    .bo_v_nb ul li .nb_link {width:calc(100% - 5.5rem)}
    .bo_v_nb ul li .nb_date {display:none;}
}

/* 공통글등록 */
.frm_input.w465 {width:100%;max-width:465px}
.frm_input.w230 {width:100%;max-width:230px}
.frm_input.w100 {width:100%;max-width:100px}
.frm_input.w119 {width:100%;max-width:119px}
.frm_input.w700 {width:100%;max-width:700px}
.frm_input.w100 {width:20%;max-width:100px}
.frm_input.w180 {width:100%;max-width:180px}
.frm_input.w288 {width:100%;max-width:288px}
.frm_input.w200 {width:100%;max-width:200px}
.frm_input.w300 {width:100%;max-width:300px}

.frm_box {position:relative;width:100%;margin-bottom:0.5rem}
.frm_box .frm_tit {display:block;float:left;padding-top:0.5857rem}
.frm_box .frm_tit span,
.frm_box .frm_tit label {display:inline-block;position:relative;font-size:0.8rem;color:#757575;padding-left:0.9286rem}
.frm_box .frm_tit span:before,
.frm_box .frm_tit label:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:0.3rem;
    height:0.3rem;
    background-color:#55869e;
    transform:translateY(-50%);
}
.frm_box .frm_tit strong {font-size:0.7rem}
.frm_box .frm_cont {float:right;position:relative;width:calc(100% - 7rem);font-size:0.8rem;color:#757575;}
.frm_box .frm_cont.pt {padding-top:0.7857rem}
.frm_box .frm_cont .mb_4 {margin-bottom:4px}
.frm_input {width:100%;height:2.5rem;line-height:2.5rem;background-color:#eee;border-color:#eee;font-size:0.8rem;padding:0 0.5rem;border:1px solid  #ddd;background-color:#fff;}
.frm_box .btn {padding:0 0.8rem}
.frm_box.last {margin-bottom:0}
.board .frm_box .frm_cont {width:calc(100% - 100px)}
.frm_input_box {position:relative;width:100%;margin-bottom:0.5rem;z-index: 2;}
.frm_input_box:after {display:block;content:"";clear:both;}
.frm_input_box .tit {display:block;float:left;padding-top:0.5857rem}
.frm_input_box .tit.pd0 {padding:0}
.frm_input_box .tit span,
.frm_input_box .tit label {display:inline-block;position:relative;font-size:0.8rem;color:#757575;padding-left:0.9286rem}
.frm_input_box .tit span:before,
.frm_input_box .tit label:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:0.3rem;
    height:0.3rem;
    background-color:#55869e;
    transform:translateY(-50%);
}
.frm_input_box .input_box {float:right;position:relative;width:calc(100% - 7rem);font-size:0.8rem;color:#757575;}
@media screen and (max-width:700px){
    .board .frm_box .frm_cont {width:100%}
    .frm_input.w200 {max-width:100%}
}


.email_list {width:100%;position: relative;}
.email_list ul {position:relative;width:100%;}
.email_list ul li {float:left;position:relative;width:33.33333333%}
.email_list ul li:nth-child(1) {padding-right:0.7143rem}
.email_list ul li:nth-child(1):after {
    display:block;
    content:"@";
    position:absolute;
    top:50%;
    right:-5px;
    font-size:0.8rem;
    color:#333;
    transform:translateY(-50%);
}

.email_list ul li:nth-child(2) {padding-left:0.7143rem}
.email_list ul li:nth-child(3) {padding-left:5px}
.email_list .frm_input {width:100%;}

.tel_box {display:inline-block;width:100%;max-width:346px;vertical-align: middle;position: relative;}
.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%;}

.date_box {display:inline-block;width:100%;max-width:346px;vertical-align: middle;position: relative;}
.date_box ul {position:relative;margin:0 -2.5px}
.date_box ul li {float:left;width:50%;padding:0 2.5px}
.date_boxul li .frm_input {width:100%;}

.color_box {display:inline-block;width:100%;max-width:500px;vertical-align: middle;position: relative;}
.color_box ul {position:relative;margin:0 -2.5px}
.color_box ul li {float:left;width:50%;padding:0 2.5px}
.color_boxul li .frm_input {width:100%;max-width:100px}

.biz_num_box {display:inline-block;width:100%;max-width:570px;vertical-align: middle;}
.biz_num_box ul {position:relative;margin:0 -2.5px}
.biz_num_box ul li {float:left;width:33.33333333%;padding:0 2.5px}
.biz_num_box ul li.mid {width:20%}
.biz_num_box ul li .frm_input {width:100%;}

@media screen and (max-width:700px){
    .frm_box .frm_tit {float:none;}
    .frm_box .frm_cont {float:none;width:100%;margin-top:0.5rem}
    .frm_box .frm_cont.pt {padding-top:0}
    .frm_box .frm_tit span:before,
    .frm_box .frm_tit label:before {        
        top:50%;
        left:0;
        width:3px;
        height:3px;
    }
}
@media screen and (max-width:550px){
    #captcha .captcha_info .frm_input {display:block;}
}


/* 동의 체크 */
.all_agree_chk {background-color:#f1f1f1;border:1px solid #ddd;padding:0.7rem 1.3rem}

.checkbox {display:inline-block;position:relative;padding-left:24px;font-size:0.75rem;color:#222;line-height:0.75rem}
.checkbox .inp {display:block;position:absolute;top:50%;left:0;transform:translateY(-71%)}
.checkbox span {display:inline-block;vertical-align:middle;}
.checkbo.all {font-size:0.8rem;line-height:0.8rem}
.checkbox ~ .checkbox {margin-left:0.7143rem}

.agree_chk_box {display:table;width:100%;margin-top:0.7143rem;border:1px solid #ddd;padding:0.7rem 1.3rem}
.agree_chk_box .chk_box {display:table-cell;vertical-align:middle}
.agree_chk_box .chk_btn_box {display:table-cell;width:14.64rem;vertical-align:middle}
.agree_chk_box .chk_btn_box .chk_btn {display:inline-block;width:14.64rem;height:2.571rem;background-color:#777777;line-height:1.7rem;font-size:0.8rem;color:#fff;font-weight:700;text-align:center}
.agree_btn_box {position:relative;max-width:516px;margin-left:auto;margin-right:auto}
.agree_btn_box ul {margin:0 -2px}
.agree_btn_box ul li {float:left;position:relative;width:50%;padding:0 2px}
.agree_btn_box button,
.agree_btn_box a {display:inline-block;width:100%;height:2.45rem;line-height:3.357rem;font-size:0.7rem;color:#fff;text-align:center}
.agree_btn_box button {background-color:#005da6}
.agree_btn_box a {background-color:#999999}
@media screen and (max-width:360px){
    .agree_chk_box {display:block;}
    .agree_chk_box .chk_box {display:block;}
    .agree_chk_box .chk_btn_box {display:block;width:100%;text-align:right;margin-top:0.7rem}
}

.alt_box {position:relative;background-color:#5e6061;padding:0.9286rem 7rem 0.9286rem 1.786rem;font-size:0.8rem;color:#fff}
.alt_box span {display:inline-block;vertical-align:middle;position:relative;padding-left:2.643rem}
.alt_box span:before {
    display:block;
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:1.35rem;
    height:1.35rem;
    background:url(../imgs/common/alt_dot.png) no-repeat 0 0;
    background-size:1.35rem 1.35rem;
}
.alt_box button {
    display:block;
    position:absolute;
    top:0.7857rem;
    right:1.786rem;
    width:8.357rem;
    height:2.143rem;
    line-height:2rem;
    border-radius:2.5rem !important;
    font-size:0.7rem;
    color:#fff;
    text-align:center;
    background-color:#006dc3;
}
@media screen and (max-width:528px){
    .alt_box span:before {top:2px}
}
@media screen and (max-width:426px){
    .frm_input_box .tit {float:none;width:100%;padding-top:0}
    .frm_input_box .input_box {float:none;width:100%;margin-top:0.3rem}
    .frm_input_box .input_box  .frm_input.w200 {max-width:100%}
}

/*
#captcha {display:block;position:relative}
#captcha:after {display:block;content:"";clear:both}
#captcha .captcha_img {float:left;position:relative;width:17.86rem;min-height:5.071rem;padding:10px;border:1px solid #e9e9e9;background-color:#f1f1f1;text-align:center}
#captcha .captcha_info {float:right;width:calc(100% - 18.57rem);vertical-align:bottom}
#captcha .captcha_info .frm_input {width:100%;max-width:100px}
*/

.board_pw_box {position:relative;width:100%;max-width:330px;padding:1.75rem;border:1px solid #ddd;margin:0 auto;text-align:center}
.board_pw_box .frm_input {width:100%;height:3rem;line-height:3rem;border:1px solid #ddd}
.board_pw_box .btn {width:100%}

#bo_list_total {font-size:0.7rem}
#bo_w .bo_w_tit #btn_autosave {top:0;font-size:0.7rem;height:2rem;line-height: 2rem;}

#bo_v_file h2,
#bo_v_link h2 {font-size:0.8rem}
#bo_v_file li,
#bo_v_link li {font-size:0.8rem}

.cmt_btn {display:inline-block;width:auto;padding-right:1rem;background-image:none;position:relative;margin:0;}
.cmt_btn:after {
    display:block;
    content:"▼";
    position:absolute;
    top:33%;
    transform:translateY(-50%);
    right:0;   
    font-size:0.8rem;
}
.cmt_btn.cmt_btn_op:after {    
    content:"▲";
}

.bo_vc_w_info .frm_input {display:inline-block;width:100%;float:none;margin:0;height:2rem;line-height:2rem;background-color:#eee;border-color:#eee;font-size:1.1rem;padding:0 0.5rem}
#bo_v {padding:0;margin:0}

@media screen and (max-width:650px){
    .bo_v_link_cnt,
    .bo_v_file_cnt {position:relative !important;display:block !important;top:auto !important;right:auto !important;text-align:right;}
}
#bo_vc header {font-size:0.8rem;}
.bo_vc_hdinfo {font-style:normal;font-size:0.8rem}
#bo_vc .cmt_contents {margin-top:0.7143rem;padding:0.75rem;font-size:0.8rem}
.bo_vc_act li a {border:1px solid #ddd;padding:0.3rem;font-size:0.7rem;line-height:1.1rem}
#bo_vc article {margin:0.7rem 0}
#bo_w #wr_password {
    margin:0;
}
#bo_w .bo_w_info .frm_input {
    float:none;
    width:100%;
}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img{border-bottom:1px solid #eee;text-align:center}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{max-width:100%;height:auto}
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin:10px}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit{display:block;position:relative;font-weight:500;color:#000;font-size:1.283em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#bo_gall .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}
#bo_gall .bo_tit .title_icon {}

#bo_gall .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}


#bo_gall .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
#bo_gall .gall_info strong{ display:inline-block;margin:0 0 0 10px }
#bo_gall .gall_info i{font-size:12px}
#bo_gall .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:normal;display:inline-block;color:#777;}


.webzin_list {padding:1rem;border-bottom: 1px solid #ddd;background:#fff;}
.webzin_list > ul {}
.webzin_list > ul > li { float:right; width: calc(100% - 38%); }
.webzin_list > ul > li:first-child {float:left; position: relative; width:35%; margin-right:10px; }
.webzin_list > ul > li:first-child img { width: 100%; }
.webzin_list > ul > li.fst {border:1px solid #ddd}
.webzin_list .s_img {padding-top:65%}
.webzin_list > ul > li > div { padding:0.7rem}
.webzin_list > ul > li > div.gall_chk {position:absolute;top:0;left:0;z-index:3}
.webzin_list > ul > li > div:first-child { border-bottom: 1px solid #ececec; margin-bottom:10px; }
.webzin_list > ul > li > div:first-child > p:first-child {font-weight:500;font-size:0.7rem  }
.webzin_list > ul > li > div:first-child > p:last-child {margin-top:0.45rem;font-size:0.7rem;}
.webzin_list > ul > li > div:last-child { padding:0 0.7rem 0.7rem;}

.gall_chk{ border-bottom: none !important; }

.webzin_list > ul > li > div:first-child > p > a {
	display:block;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	color: #222;
	width: 100%;
	line-height:0.9rem;
	font-size:0.8rem!important;	
}

.webzin_list > ul > li > div:last-child {
	font-size:0.9rem;
	display:block; 
	width: 100%; 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
	white-space: normal; 
	color:#333
}

@media screen and (max-width:700px) {
	.mb_disp_no { display: none; }
}

@media screen and (max-width:600px) {
	.webzin_list > ul > li > div { padding: 5px 5px 5px 5px;}
}
@media screen and (max-width:640px) {
	.webzin_list > ul > li { float: left; width: 100%; }
	.webzin_list > ul > li:first-child { width: 100%; margin-right: 0px; }
	.webzin_list > ul > li:last-child { margin-top: 10px; }
}

.bo_v_com {margin:1rem 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {margin:1rem 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.youtube_box {position:relative;width:100%;padding-top:53%;overflow:hidden}
.youtube_box iframe {position:absolute;top:0;left:0;width:100%;height:100%}

#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent;font-size:0.8rem}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
.td_subject img {margin-left:5px}


.chkbox-list {position:relative;overflow:hidden;}
.chkbox-list li {float:left;position:relative;padding-right:0.5rem}

.chk_box {position:relative;padding-left:1.2rem}
.chk_box input[type="radio"],
.chk_box input[type="checkbox"] {
    position:absolute;
    top:0.2rem;
    left:0;
}
@media screen and (max-width:854px){
    .chk_box {position:relative;padding-left:1.5rem}
    .chk_box input[type="radio"],
    .chk_box input[type="checkbox"] {
        position:absolute;
        top:0rem;
        left:0;
    }
}

#bo_v_share .btn i {
    margin-right: 5px;
    background: #eee;
    color: #333;
    text-align: center;
    width: 30px;
    line-height: 30px !important;
    vertical-align: top;
}