@charset "utf-8";

.btn {
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding:0 1.3rem;
    height:2.25rem;
    line-height:2.2rem;
    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:#6b9f10}
.btn.btn--black {background-color:#000;}
.btn.btn--999 {background-color:#999999;}
.btn.btn--cy {background-color:#0b72d4;}
.btn.btn--red {background-color:#cf5a5a;}
.btn.btn--purple {background-color:#4cb8ef;}
.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}
.btn.btn--white {background-color:#fff;border:1px solid #d9d9d9;color:#484848}
.tbl-type1 .btn {
    padding:0 0.6rem;
    height:1.5rem;
    line-height:1.5rem;
    font-size:0.8rem;
}


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

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

/* 갤러리 리스트1 */
.gallery {
    position:relative;
    width:100%;
}
.gallery__list {
    position:relative;    
    border-top:2px solid #363636;border-bottom:1px solid #e7e7e7;margin:20px 0;
}
.gallery__ul {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.gallery__ul li {
    position:relative;    

    padding:10px;
    margin-bottom:1.3rem
}

.gallery__image {
    position:relative;
    width:350px;border:1px solid #e0e0e0;min-height:260px;
}
.gallery__image img {
    width:100%;
    height:auto;
}
.gallery__cont {margin-top:0.5rem}
.gallery__subject {
    font-size:0.9rem;
    color:#000;
    font-weight:500;
	padding-top:15px;
}
.gallery_w_subject {
    font-size:1.2rem;
    color:#000;
    font-weight:500;
	padding:20px 0;
	border-bottom:1px solid #e0e0e0;
}
.gallery__info {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:95%;
    font-size:0.8rem;
    color:#999;
	padding:20px 0;
}
.gallery__info dt {
    width:4rem;
    margin-top:5px;
    color:#222;
}
.gallery__info dd {
    margin-top:5px;
    width:calc(100% - 4rem);
}
.gallery__ul li .gallery__box,
.gallery__ul li a {display:block;position:relative;}
.gallery__ul li .chk {position:absolute;top:10px;left:10px;z-index:10}
.gallery__ul 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__ul li .s_img {padding-top:100%}
.gallery__ul li .s_img.pdt {padding-top:140%}
@media screen and (max-width:720px) {
    .gallery__ul li {width:50%}
	.gallery__image {width:100%;min-height:auto;}
}
@media screen and (max-width:640px) {
    .gallery__ul li {width:50%}
}
@media screen and (max-width:400px) {
    .gallery__ul li {width:100%}
}

#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__searcharea {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.board__searcharea form {width:100%}
.board__searcharea .board__searchcont {
    position:relative;
    width:100%;
    max-width:28.75rem;
    margin-left:auto;
}
.board__searcharea .board__searchcont ul {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    flex-direction:row;
    width:100%;    
}
.board__searcharea .board__searchcont ul li {
    position:relative;    
    padding:0 2px;
}
.board__searcharea .board__searchcont ul li.fst {
    width:100%;
    max-width:7.35rem;    
}
.board__searcharea .board__searchcont ul li.mid {
    width:100%;
    max-width:17.5rem;
}
.board__searcharea .board__searchcont ul li.last {
    width:100%;
    max-width:3.55rem;
    padding-right:0;
}
.board__searcharea .frminput {
    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__searcharea .btn_sch {
    display:block;
    width:100%;
    height:2.4rem;
    line-height:2.4rem;
    font-size:0.8rem;
    color:#fff;
    font-weight:500;
    background-color:#0d6eb0;
}
@media screen and (max-width:510px){
    .board__searcharea .board__searchcont ul li.fst {
        width:100%;
        max-width:100%;
    }
    .board__searcharea .board__searchcont ul li.mid {
        width:100%;
        max-width:80%;
        margin-top:2px;
    }
    .board__searcharea .board__searchcont ul li.last {
        width:100%;
        max-width:20%;
        margin-top:2px;
    }
}

/* 페이저 */
.page__nav {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    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;
}
.page__nav a:hover,
.page__nav a.on {color:#6b9f10;font-weight:700}
.page__nav a.p__prev,
.page__nav a.p__next {
    display:inline-block;
    min-width:0.8rem;
    height:0.8rem;
    vertical-align:middle;
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size:0.4rem auto;   
}
.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
} 

.eduview {position:relative;}
.eduview__top {
    position:relative;
    display:flex;
    flex-direction:row;
    width:100%;
}
.eduview__top__image {
    position:relative;
    width:300px;
}
.eduview__top_image img {
    width:100%;
    height:auto;
}

.eduview__top__cont {
    position:relative;
    width:calc(100% - 300px);
    padding-left:1.5rem;
}
.eduview__top__cont .__in {
    position:relative;
    width:100%;
    background-color:#f1f1f1;
    padding:1.5rem;
}
.eduview__top__cont .__ul {
    position:relative;
    font-size:0.8rem;
    color:#666;
}
.eduview__top__cont .__ul strong {
    color:#333;
    font-weight:500;    
}
.eduview__top__cont .__ul li {line-height:1;}
.eduview__top__cont .__ul li + li {margin-top:0.5rem}
.eduview__top__cont .__btnbox {margin-top:1rem}
.eduview__mid {
    position:relative;
    width:100%;
    font-size:0.8rem;
    color:#000;
}
.eduview__mid img {
    max-width:100%;
    height:auto;
}
.eduview_btnbox {
    margin-top:1rem;
    text-align:center;
}
.eduview__title ~ .eduview__title {margin-top:2rem}

.eduview__title {
    font-size:1.1rem;
    font-weight:500;
    color:#222;
    line-height:1;
    margin-bottom:1rem;
}

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

/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0 }
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin:1rem 0;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;}
.bo_notice td a {font-weight:bold;}



/* 일반리스트 */
.board__list {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed
}
.board__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;
}
.board__list thead th a {color:#272727}
.board__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
}
.board__list .w50{width:8%;}
.board__list .w100{width:10%;}
.board__list .w200{width:20%;}
.board__list .w650{width:55%;}
.board__list .td--chk {width:60px}
.board__list .s--number {width:60px}
.board__list .s--name {width:300px}
.board__list .s--write {width:100px}
.board__list .s--view {width:100px}
.board__list .s--day {width:100px}
.board__list .s--name {
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    word-break:break-all
}
.board__list .s--name a {color:#222}
.board__list .s--name a.bo--cate--link {font-size:0.8rem}
.board__list .s--name .bo__tit {
    display:block;
    position:relative;
    width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.board__list .frminput {
    width:100%;
    height:1.7rem;
    font-size:0.8rem;
    color:#222
}
.board__list .s--name .cmt__ico {
    display:inline-block;
    vertical-align:middle;
    width:0.85rem;
    height:auto
}
.board__list .s--name a.rock {padding-right:0.85rem}
.board__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%);
}
.board__list .bo__tit {font-weight:500}
@media screen and (max-width:854px){
    .board__list {
        display:block;
        border-top:1px solid #ddd
    }
    .board__list colgroup,
    .board__list thead {display:none}
    .board__list tbody,
    .board__list tr,
    .board__list td {display:block}
    .board__list tbody td {
        height:auto;
        text-align:center;
        border-bottom:0;
        text-align:left
    }
    .board__list tr {border-bottom:1px solid #ddd;padding:0.7rem}
    .board__list tbody td.s--number {display:none}
    .board__list tbody td.s--data,
    .board__list tbody td.s--day,
    .board__list tbody td.s--view,
    .board__list tbody td.s--state,
    .board__list tbody td.s--write,
    .board__list tbody td.s--date {
        display:inline-block;
        vertical-align:middle;
        padding:0.5rem;
        width:auto
    }
    .board__list .s--name {font-size:1.1rem;color:#000;font-weight:500;width:100%}
    .board__list .s--name a.bo--cate--link {font-size:1.1rem}
    .bo--notice {background-color:#e6f8ff}    
}

.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;
}
.btn__state {
    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;
}
.btn__state.ing {background-color:#10a0a9}


/* 공통글뷰 */
.boardview {position:relative;}
.boardview__title {position:relative;}
.boardview__title .view__tit {
    display:block;
    font-size:1.6em;
    font-weight:500;
    letter-spacing:-1px;
    word-break:break-all;
    margin-bottom: 6px;
}
.boardview__info {
    margin-top:0.8rem;
    padding:0.8rem 0.85rem;
    background-color:#f1f1f1
}
.boardview__info ul {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.boardview__info ul li {
    position:relative;
    padding:0 1.35rem;
    color:#222;
    font-size:0.75rem
}
.boardview__info ul li:first-child {padding-left:0;}
.boardview__info ul li:last-child {padding-right:0;}
.boardview__info ul li strong,
.boardview__info ul li span {display:inline-block;position:relative;}
.boardview__info ul li strong {padding-left:0.75rem;font-weight:500}
.boardview__info ul li strong:before {
    display:block;
    content:"";
    position:absolute;
    top:0.4rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#555;
}
.boardview_info ul li span.dot {margin:0 0.1rem}
@media screen and (max-width:618px){
    .boardview__info ul {flex-direction:column;}
    .boardview__info ul li {padding:0;}
    .boardview__info ul li+li {margin-top:5px}
}

.boardview__file {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    padding:0.85rem 0.85rem;
    background-color:#f1f1f1;
    color:#222;
    font-size:0.75rem;
}
.boardview__file .file__tit {
    position:relative;
    display:block;
    padding-left:0.75rem;
    font-weight:700;
}
.boardview__file .file__tit:before {
    display:block;
    content:"";
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.3rem;
    height:0.3rem;
    background-color:#555;
}
.boardview__file .file__tit span {
    display:inline-block;
    position:relative;
    margin:0 0.1rem;
}
.boardview__file .file__list {
    position:relative;
    width:calc(100% - 5rem);
    margin-left:auto;
}
.boardview__file .file__list li a {display:block;position:relative;color:#222}
.boardview__file .file__list li a.file {padding-left:1.2rem;}
.boardview__file .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;
}
.boardview__content {
    padding:2rem 1rem;
    font-size:0.9rem;
    line-height:1.15rem;
    color:#222;
}
.boardview__content .gall_img {text-align:left;margin-bottom:2rem}
.boardview__content img {max-width:100%;height:auto}

.boardview__btnbox {
    margin-top:1.5rem;
    text-align:center;
}

.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){
    .boardview__content {padding:0.8rem 0}
    .bo_v_file_cnt {position:relative;top:auto;right:auto;text-align:right;}
}

.boardview__page {
    width:100%;
    margin-top:1rem;
}
.boardview__page ul {border-top:1px solid #ddd;}
.boardview__page ul li {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
    border-bottom:1px solid #ddd;
    padding:0;
}
.boardview__page ul li .nb__tit {
    display:block;
    width:7.143rem;
    padding:0.7rem 0;
    text-align:center;
    color:#222;
    font-size:0.8rem;
    font-weight:bold
}
.boardview__page ul li .nb__link {
    display:block;
    width:calc(100% - 14.29rem);
    padding:0.7rem 0;
    text-align:left;
    color:#222;
    font-size:0.8rem;
    font-weight:400;
}
.boardview__page ul li .nb__link a {
    display:block;
    width:100%;
    color:#222;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.boardview__page ul li .nb__date {
    display:block;
    width:7.143rem;
    padding:0.7rem 0;
    text-align:center;
    color:#999;
    font-size:0.75rem;
    font-weight:400;
}
.boardview__page ul li .nb__tit,
.boardview__page ul li .nb__link,
.boardview__page ul li .nb__date {vertical-align:middle}
@media screen and (max-width:854px){
    .boardview__page ul li .nb__tit {width:5rem}
    .boardview__page ul li .nb__link {width:calc(100% - 5.5rem)}
    .boardview__page ul li .nb__date {display:none;}
}

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

.frmbox {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    margin-bottom:0.5rem
}
.frmbox .frmbox__tit {
    display:block;
    padding-top:0.5857rem;
}
.frmbox .frmbox__tit span,
.frmbox .frmbox__tit label {
    display:inline-block;
    position:relative;
    font-size:0.8rem;
    color:#757575;
    padding-left:0.9286rem;
}
.frmbox .frmbox__tit span:before,
.frmbox .frmbox__tit label:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:0.3rem;
    height:0.3rem;
    background-color:#55869e;
    transform:translateY(-50%);
}
.frmbox .frmbox__tit strong {font-size:0.7rem}
.frmbox .frmbox__cont {
    position:relative;
    width:calc(100% - 7rem);
    font-size:0.8rem;
    color:#757575;
    margin-left:auto;
}
.frmbox .frmbox__cont.pt {padding-top:0.7857rem}
.frmbox .frmbox__cont .mb_4 {margin-bottom:4px}
.frminput {
    width:100%;
    height:2.25rem;
    line-height:2.25rem;
    background-color:#eee;
    border-color:#eee;
    font-size:0.8rem;
    padding:0 0.5rem;
    border:1px solid  #ddd;
    background-color:#fff;
}
.frmbox.btn {padding:0 0.8rem}
.frmbox.last {margin-bottom:0}
.board .frmbox .frmbox__cont {width:calc(100% - 100px)}
.frmbox textarea.frminput {padding:0.5rem;line-height:1.3;height:10rem}

.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){
    .frmbox {flex-direction:column;}
    .frmbox .frmbox__cont {width:100%;}
    .frminput.w200 {max-width:100%}
    .frminput.w230 {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%;}

.bo-write-info {position:relative;padding-top:1px;margin-bottom:1rem}
.bo-write-info dl {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    margin-top:-1px;
}
.bo-write-info dl dt {
    position: relative;
    width: 141px;
    padding:0.75rem 2rem;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    text-align: center;
    font-size:0.8rem;
    font-weight: bold;
    color: #070707;
    align-self: stretch;
}
.bo-write-info dl dd {
    width: calc(100% - 140px);
    margin-left: -1px;
    padding: 15px 15px 0 10px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    font-size: 0.8rem;
    color: #707070;
}

@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_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;
}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file .tit {padding:10px;background: #f3f3f3;font-weight:500;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
#bo_v_file strong {font-weight:500;}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link .tit {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-weight:500;}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}


.photo-list-wrap {position:relative;width:100%;overflow:hidden;margin-bottom:1rem}
.photo-list-wrap .photo-list-content {margin:-0.7rem -0.7rem}
.photo-list-wrap .photo-list-content .photo-list {display:flex;flex-wrap:wrap;width:100%;flex-direction:row;}
.photo-list-wrap .photo-list-content .photo-list .list-inner {position:relative;}
.photo-list-wrap .photo-list-content .photo-list .list-inner .chk {
    position:absolute;
    top:0.5rem;
    left:0.5rem;
    z-index:3;
}
.photo-list-wrap .photo-list-content .empty_list {width:100%;padding:1rem 0;text-align:center;font-size:1rem;}
.photo-list-wrap .photo-list-content .photo-list .list {position:relative;width:33.33333333333333%;padding:0.7rem 0.7rem}
.photo-list-wrap .photo-list-content .photo-list .list .s_img {padding-top:100%;border:1px solid #ddd;border-bottom-width:0}
.photo-list-wrap .photo-list-content .photo-list .list .list-cont {padding:0.85rem;border:1px solid #ddd;border-top-width:0;}
.photo-list-wrap .photo-list-content .photo-list .list .subject {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 1.1rem;
    color: #1e1e1e;
    font-weight: 500;
    line-height: 1.3;
    word-break: keep-all;
    text-align:center;
}
.photo-list-wrap .photo-list-content .photo-list .list .text {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: #a9a8a8;
    line-height: 1.05rem;
    font-weight: 400;
    text-align:center;
}
.photo-list-wrap .photo-list-content .photo-list .list .btn-box {margin-top:0.8rem}
.photo-list-wrap .photo-list-content .photo-list .list .btn-voting {
    position:relative;
    display:inline-block;
    width:100%;
    height:2.25rem;
    line-height:2.25rem;
    text-align:center;
    font-size:0.9rem;
    color:#fff;
    font-weight:400;
    background-color:#3ebab1;
}
@media screen and (max-width:960px) {
    .photo-list-wrap .photo-list-content {margin:-0.3rem -0.3rem}
    .photo-list-wrap .photo-list-content .photo-list .list {width:50%;padding:0.3rem 0.3rem}
    .photo-list-wrap .photo-list-content .photo-list .list .subject {overflow:visible;white-space:normal;text-overflow:initial;font-size:0.8rem;}
}

@media only screen and (min-width: 641px){
    .fl.remodal {
        max-width:500px;
    }
}

#pw_confirm {border:1px solid #ddd;}

.excel  {background-color:#df2828; color:#fff; text-decoration:none; padding:0px 10px; font-size:14px; font-family:'NanumGothic'; font-weight:600; cursor:pointer; display:inline-block; height:25px; line-height:24p;margin-bottom: 15px}