@charset "utf-8";

.btn {display:inline-block;vertical-align:middle;position:relative;padding:0 1.3rem;height:2.857rem;line-height:2.714rem;font-size:1.1rem;color:#fff;text-align:center}
.btn.btn_grey {background-color:#999}
.btn.btn_cy {background-color:#10a0a9}
.btn.btn_blue {background-color:#024a73}
.btn.btn_green {background-color:#6b9f10}

.board_73 {margin-top:5.214rem}
.board_73.mt_0 {margin-top:0rem}
.board_area {margin-top:1.643rem}
.board_area .board_list_top {border-bottom:1px solid #ddd}
.board_area .board_list_top .board_top_txt {font-size:1.143rem;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:1.429rem}
@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}
}

/* 갤러리 리스트1 */
.gallery_list1 {position:relative;padding-top:5rem;margin:-1rem}
.gallery_list1 li {position:relative;float:left;width:25%;padding:1rem;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:1.071rem;line-height:1.643rem;color:#222;text-align:center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;}
#bo_gall li.empty_list {width:100%;text-align:center;font-size:1.071rem;line-height:1.643rem;color:#222;}

.gallery_list2 {position:relative;margin:-1.286rem}
.gallery_list2 li {position:relative;float:left;width:25%;padding:1.286rem;}
.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:1.071rem;line-height:1.643rem;color:#222;text-align:center}
.gallery_list2 li .txt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media screen and (max-width:960px){
    .gallery_list1 {padding-top:3rem}
    .gallery_list1 {margin:-1.2rem}
    .gallery_list1 li {padding:1.2rem;margin-bottom:1.5rem}
    .gallery_list2 {margin:-1.1rem}
    .gallery_list2 li {padding:1.1rem;}
}
@media screen and (max-width:700px){
    .gallery_list2 li,
    .gallery_list1 li {width:33.3333333333%}
}
@media screen and (max-width:640px){
    .gallery_list2 li .txt,
    .gallery_list1 li .txt {font-size:1.2rem}
}
@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:2.5rem}
.board_search_area {border-top:1px solid #ddd;padding-top:1.071rem;margin-top:3.5rem;clear: both;}
.board_search_area .board_search_cont {position:relative;width:100%;max-width:41.21rem;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:10.57rem}
.board_search_area .board_search_cont ul li.mid {width:100%;max-width:25rem}
.board_search_area .board_search_cont ul li.last {width:100%;max-width:5.071rem}
.board_search_area .frm_input {width:100%;height:3.429rem;padding:0 0 0 1.214rem;line-height:3.429rem;border:1px solid #ddd;color:#222;font-size:1.071rem;background-color:#fff}
.board_search_area .b_sch_btn {display:block;width:100%;height:3.429rem;line-height:3.429rem;font-size:1.071rem;color:#fff;font-weight:700;background-color:#024a73}
@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:3.143rem;text-align:center}
.page_nav a {display:inline-block;position:relative;line-height:1.643rem;font-size:1.071rem;color:#222222;vertical-align:middle}
.page_nav a.num {min-width:1.643rem;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:1.643rem;
    height:1.643rem;
    margin-left:-4px;
    vertical-align:middle;
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size:0.5rem 0.8571rem;    
    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:1rem}
.board_ca .frm_input {width:100%;height:2.429rem;font-size:1.071rem;color:#222;background-color:#fff}

/* 일반리스트 */
.bo_list {width:100%;border-collapse:collapse;table-layout:fixed}
.bo_list thead th {height:3.5rem;text-align:center;color:#fff;font-size:1.071rem;vertical-align:middle;font-weight:500;}
.bo_list thead th a {color:#fff}
.bo_list thead {
    background:#777; /* Old browsers */
}
.bo_list tbody td {height:3.5rem;border-bottom:1px solid #ddd;text-align:center;color:#222;font-size:1.071rem;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 {display:block;position:relative;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bo_list .frm_input {width:100%;height:2.429rem;font-size:1.071rem;color:#222}
.bo_list .s-name .cmt_ico {display:inline-block;vertical-align:middle;width:1.214rem;height:auto}
.bo_list .s-name a.rock {padding-right:1.214rem}
.bo_list .s-name a.rock:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:0;
    width:0.9286rem;
    height:1.286rem;
    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:1rem}
    .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_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:3.5rem;text-align:center;color:#fff;font-size:1.071rem;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:3.5rem;text-align:center;color:#222;font-size:1.071rem;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.571rem;
    height:1.429rem;
    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:2.429rem;
    border-radius:3.571rem;
    font-size:1.071rem;
    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.929rem;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:1.143rem;padding:0.8571rem 1.214rem;background-color:#f1f1f1}
.board_view_info ul {margin:0 -1.929rem}
.board_view_info ul li {float:left;position:relative;padding:0 1.929rem;color:#222;font-size:1.071rem}
.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:1.071rem;font-weight:500}
.board_view_info ul li strong:before {
    display:block;
    content:"";
    position:absolute;
    top:0.5714rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#555;
}
.board_view_info ul li span.dot {margin:0 0.8571rem}
@media screen and (max-width:618px){
    .board_view_info ul li {float:none}
}

.board_file_info {margin-top:2px;padding:0.8571rem 1.214rem;background-color:#f1f1f1;color:#222;font-size:1.071rem}
.board_file_info .file_tit {position:relative;display:block;float:left;padding-left:1.071rem;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.8571rem}
.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.714rem;}
.board_file_info .file_list li a.file:before {
    display:block;
    content:"";
    position:absolute;
    top:0.2857rem;
    left:0;
    width:1.286rem;
    height:1.143rem;
    background:url(../imgs/board/file_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.board_view_content {padding:2.143rem;font-size:1.143rem;line-height:1.643rem;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:1.2rem}
#bo_vc_empty {font-size:1.1rem}
.bo_vc_w textarea {font-size:1.1rem}
#bo_v_share .btn {font-size:1.1rem}
@media screen and (max-width:640px){
    .board_view_content {padding:2rem}
}

.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:1rem 0;text-align:center;color:#222;font-size:1.071rem;font-weight:bold}
.bo_v_nb ul li .nb_link {display:block;float:left;width:calc(100% - 14.29rem);padding:1rem 0;text-align:left;color:#222;font-size:1.071rem;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:1rem 0;text-align:center;color:#999;font-size:1.071rem;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}

/* 공통글등록 */
.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_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:1.071rem;color:#222;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.4286rem;
    height:0.4286rem;
    background-color:#024a73;
    transform:translateY(-50%);
}
.frm_box .frm_tit strong {font-size:1.071rem}
.frm_box .frm_cont {float:right;position:relative;width:calc(100% - 10rem);font-size:1.071rem;color:#222;}
.frm_box .frm_cont.pt {padding-top:0.7857rem}
.frm_box .frm_input {width:100%;height:2.857rem;line-height:2.857rem;background-color:#eee;border-color:#eee;font-size:1.1rem;padding:0 0.5rem}
.frm_box .btn {padding:0 1.143rem}
.frm_box.last {margin-bottom:0}
.board .frm_box .frm_cont {width:calc(100% - 100px)}
@media screen and (max-width:700px){
    .board .frm_box .frm_cont {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:1.143rem;
    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:1200px){
    .frm_box .frm_cont {width:calc(100% - 14.14rem)}
}
@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:1rem 1.857rem}

.checkbox {display:inline-block;position:relative;padding-left:24px;font-size:1.071rem;color:#222;line-height:1.071rem}
.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:1.143rem;line-height:1.143rem}
.checkbox ~ .checkbox {margin-left:0.7143rem}

.agree_chk_box {display:table;width:100%;margin-top:0.7143rem;border:1px solid #ddd;padding:1rem 1.857rem}
.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:2.429rem;font-size:1.143rem;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:3.5rem;line-height:3.357rem;font-size:1.429rem;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:1rem}
}

.alt_box {position:relative;background-color:#5e6061;padding:0.9286rem 10rem 0.9286rem 1.786rem;font-size:1.143rem;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.929rem;
    height:1.929rem;
    background:url(../imgs/common/alt_dot.png) no-repeat 0 0;
    background-size:1.929rem 1.929rem;
}
.alt_box button {
    display:block;
    position:absolute;
    top:0.7857rem;
    right:1.786rem;
    width:8.357rem;
    height:2.143rem;
    line-height:2rem;
    border-radius:3.571rem !important;
    font-size:1rem;
    color:#fff;
    text-align:center;
    background-color:#006dc3;
}
@media screen and (max-width:528px){
    .alt_box span:before {top:2px}
}

/*
#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:2.5rem;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:1rem}
#bo_w .bo_w_tit #btn_autosave {top:0;font-size:1rem;height:2.857rem;line-height: 2.857rem;}

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

.cmt_btn {display:inline-block;width:auto;padding-right:1.429rem;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:2.857rem;line-height:2.857rem;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_file_cnt {position:relative;display:block;top:inherit;right:inherit;text-align:right}
}
#bo_vc header {font-size:1.12rem;}
.bo_vc_hdinfo {font-style:normal;font-size:0.934rem}
#bo_vc .cmt_contents {margin-top:0.7143rem;padding:1.071rem;font-size:1.1rem}
.bo_vc_act li a {border:1px solid #ddd;padding:0.3rem;font-size:0.9rem;}
#bo_vc article {margin:1.429rem 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:1rem;}
.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:1.071rem; }
.webzin_list > ul > li > div:first-child > p:last-child {margin-top:0.45rem;font-size:1rem;}
.webzin_list > ul > li > div:last-child { padding:0 1rem 1rem;}

.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:1.7rem;
	font-size: 1.643rem!important;	
}

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


@media screen and (max-width:960px) {
	.webzin_list > ul > li > div:last-child {font-size:1.1rem}
}
@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:1.426rem 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

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