@charset "utf-8";
#footer-wrap {margin-bottom: 0 !important}
/* 갤러리 상단 */
#brd_header {width:100%; height:80px; line-height:80px; background: rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:99}
#brd_header .head {width:1200px; margin:0 auto; display:table}
#brd_header .head > * {display:table-cell; vertical-align:middle}
#brd_header .head a {width:15%}
#brd_header .head a img {height:45px}
#brd_header .head span {width:20%}
#brd_header .head .menu {width:65%; text-align:center}
#brd_header .head .menu li {display:inline-block}
#brd_header .head .menu li a {color:#fff; padding:0 30px}


#sub_top {width:100%; height:250px; background: url(./img/brd_top_bg.jpg) center top no-repeat; display:table}
#sub_top .sub-top-inner {width:100%; display:table-cell; vertical-align:middle; text-align:center}
#sub_top .sub-top-inner h2 {font-size:3em; color:#fff}
#sub_top .sub-top-inner p {color: #e04d6f; letter-spacing: 20px; font-size: 13px; font-weight: 700; margin-bottom: 15px}


/* 갤러리 목록 */
#bo_gall {width:1200px; height:auto; margin:0 auto; padding:100px 0 90px 0; overflow:hidden}
#bo_gall #gall_ul {margin:0 -10px}
#bo_gall #gall_ul:after,
#bo_gall #gall_ul:before {content:''; width:100%; display:block}
#bo_gall #gall_ul:after {clear:both}
#bo_gall #gall_ul .gall_li {padding:0 10px; float:left; width: 33.33%}
#bo_gall .gall_box {position:relative;margin-bottom:20px;border:1px solid #ccc; transition: all 0.3s ease;}
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

/*.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px; padding-left:10px; padding-right:10px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin-left:0;}*/
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}

.gall_row .box_clear{clear:both}

#bo_gall .gall_img .no_image {display:block;background:url(./img/noimage.jpg) center no-repeat;min-height:250px}
#bo_gall .gall_img a {display:block;overflow:hidden}
#bo_gall .gall_img img{width:100%;transition:all 0.4s ease}
#bo_gall .gall_text_href {background:#fff; text-align:center}
#bo_gall .gall_text_href a {display:block; width:100%; padding:30px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
#bo_gall .gall_box:hover {border:1px solid #ff1d00}
#bo_gall .gall_box:hover .bo_tit {color:#ff1d00}
#bo_gall .gall_box:hover .gall_date {color:#ff1d00; font-weight:700}

/* 게시판 목록 공통 */
#bo_btn_top{margin:10px 0; text-align:right}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {width:100%; margin:30px 0}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx li {display:inline-block; vertical-align:middle}
.btn_bo_user li {display:inline-block}
.btn_bo_user_left {float:left}
.btn_bo_user_right {float:right}

#gall_allchk {padding:10px}

#bo_sch {float:left;border:1px solid #ccc;border-radius:3px;margin:0 0 20px;background:#fff}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:url('./img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}

#bo_gall li.empty_list {padding:85px 0;text-align:center}


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v {width:1200px; margin:0 auto; padding:100px 0}
#bo_v header {width:100%; border-top:2px solid #ff1d00; border-bottom:1px solid #ddd; padding:25px; display:table; margin-bottom:30px}
#bo_v header > * {display:table-cell; vertical-align:middle}
#bo_v header .title {width:70%; font-size:24px}
#bo_v header .date {width:30%; font-size:14px; text-align:right; letter-spacing:0}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file h2 {padding:10px;background: #f3f3f3;font-size:15px}
#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;word-wrap:break-word;letter-spacing:0}
#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_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link h2 {padding:10px;background: #f3f3f3;font-size:15px}
#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;word-wrap:break-word;letter-spacing:0}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_top {width:100%;margin:30px 0}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul {word-break:break-all}
#bo_v_top ul li {display:inline-block}

.bo_v_nb {margin:50px 0;position:relative;clear:both;text-align:left;border-top:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:20px; border-bottom:1px solid #ddd; font-size:15px; letter-spacing:0}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i {vertical-align:-2px; font-size:1.2em}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#4567b5;font-weight:500}
.bo_v_nb li .nb_date {float:right;color:#888}

#bo_v_atc {width:100%}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:inline-block}
#bo_v_img img {display:none}

#bo_v_con {width:100%; font-size:16px; line-height:1.7; word-break:break-all; overflow:hidden; position:relative}
#bo_v_con img {max-width:100%; height:auto}
#bo_v_con iframe {border:0}

.list-button {width:100%; margin:50px 0; text-align:center}


.gall_video {padding:56.25% 0 0 0;position:relative;}
.gall_video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/*글쓰기*/
#bo_w {width:1200px; margin:50px auto}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div > label {width:100px; display:inline-block}
#bo_w .write_div input[type="text"] {border:1px solid #ddd; padding:0 10px; height:50px; line-height:50px; border-radius:3px; font-size:14px; font-family:inherit}
#bo_w .write_div.end label {font-size:14px; color:#fd4242}

#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:0; right:0; bottom:0; padding:0 20px; background:#222; color:#fff; font-size:14px; font-weight:700}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:48px;line-height:48px;width:50px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:60px !important}
#bo_w .detail-desc {margin:20px 0; padding:20px; background-color:#f4f4f4}
#bo_w .detail-desc p {font-size:14px; font-weight:500; color:#888; line-height:1.65}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:48px;line-height:48px;width:50px;background:#eee;text-align:center;color:#888}
/*#bo_w .bo_w_flie .lb_icon i{margin-right:10px}*/
#bo_w .bo_w_flie .frm_file{font-size:14px; padding:12px 10px 12px 60px; width:100%; background:#fff}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle; border-radius:3px; height:50px}
#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}

#btn_submit {}
.btn_cancel {}

@media screen and (max-width: 1200px) {
    #bo_gall, #bo_v {width: 100%; padding: 7% 5%}
}

@media screen and (max-width: 768px) {
    #bo_gall #gall_ul .gall_li {width: 50%}
    #bo_gall .gall_text_href a {padding: 20px}

    #bo_v header {display: block; padding: 25px 0}
    #bo_v header > * {display: block}
    #bo_v header .title {width: 100%; margin-bottom: 20px; text-align: center}
    #bo_v header .date {width: 100%; text-align: center}

    .bo_v_nb li .nb_date {display: none;}
}

@media screen and (max-width: 430px) {
    #bo_gall #gall_ul .gall_li {width: 100%}
    #bo_v header .title {font-size: 20px}
    #bo_v header .date {font-size: 12px}

    .bo_v_nb li {padding: 20px 5px; font-size: 13px}
    .bo_v_nb li .nb_tit {display: none;}

}