@charset "utf-8";

.bo-top {text-align:center;margin-top:16rem;}
.bo-search {padding:5rem 0 10rem;}
.bo-search form[name="fsearch"] {width:61rem;border:0.1rem solid #ccc;margin:0 auto;}
.bo-search input[name="stx"] {width:90%;padding-left:4rem;height:7rem;border:0;font-size:1.8rem;}
.bo-search input[name="stx"]::placeholder {color:#595959;}
.bo-search input[name="stx"]:focus {outline:0;box-shadow:unset;border:0 !important;}
.bo-search select[name="sfl"] {display:none;}
.bo-bottom {text-align:center;}

/* section01 */
#section01 {max-width:1400px;margin:0 auto;}
#section01 h3 {font-size:4rem;font-weight:600;}
#section01 .video-list {padding-top:5rem;}
#section01 .video-list:nth-of-type(1) {border-bottom:0.1rem solid #eee;margin-bottom:8.5rem;padding-bottom:13rem;}
#section01 .video-list:nth-of-type(2) {padding-bottom:16rem;}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0.1rem;height:0.1rem;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {display:flex;gap:1.6rem;flex-wrap:wrap;padding-bottom:8rem;margin-bottom:9rem;padding-top:7rem;width: 100%;}
#bo_gall .gall_li {width:calc(33.33333% - 1.2rem) !important;}
#bo_gall .gall_li:nth-child(n+4) {padding:3rem 0 0;}

#bo_gall .gall_con {position:relative;margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 0.4rem}
#bo_gall .gall_con li .gall_img {height:auto !important;}
#bo_gall .gall_con .gall_subject {display:inline-block;width:5rem}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:flex;align-items:center;justify-content:center;background:#f7f7f7;text-align:center;line-height:10rem;width:100%;height:26rem;}
/* #bo_gall .gall_href img {width:100%;height:26rem;object-fit:cover;} */
#bo_gall .gall_href > input[type="checkbox"] {position:absolute;top:0.8rem;left:0.8rem;}
/* #bo_gall .gall_img {height:100% !important;max-height:100% !important;} */

#bo_gall .gall_text_href {text-align:left;margin:3.3rem 0 0 !important}
#bo_gall .gall_text_href > a {font-size:2.6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#000;font-family:'GmarketSansMedium';letter-spacing:-0.075em;  }
#bo_gall .gall_text_href div > a {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;font-size:1.8rem;font-weight:400;letter-spacing: -0.075em;}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0 0 0 0.4rem}
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
.td_subject img {margin-left:0.3rem}

#bo_gall .bo_cnt {font-size:2.3rem;padding-top:1.5rem;word-break:keep-all;}

.pg_wrap {display:none;}


/* 게시판 목록 공통 */
.bo_fx {margin-bottom:0.5rem;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;padding-top:0.5rem}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none;font-size:1.4rem;}
.btn_bo_user ul {display:flex;align-items:center;gap:0.55rem;}
.btn_bo_user li {float:left;margin-left:0.5rem;}
.btn_bo_user li > button,
.btn_bo_user li > a {font-size:1.4rem;color:#111;}
.btn_bo_user li > a:last-child {color:#fff;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:0.5rem}
.btn_bo_adm input {padding:0.7rem;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:none;margin:0 0.3rem 0 0;padding:0 0.6rem 0;border-right:0.1rem solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}

#bo_sch {margin-bottom:1rem;padding-top:0.5rem;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_gall li.empty_list {padding:8.5rem 0;text-align:center}


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

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:2.4rem;right:11.7rem;padding:0.8rem;width:35rem;height:auto !important;height:18rem;max-height:18rem;border:0.1rem solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:100rem !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:1rem 0;padding:0;border-top:0.1rem solid #e9e9e9;list-style:none}
#autosave_pop li {padding:0.8rem 0.5rem;border-bottom:0.1rem solid #e9e9e9;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}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 쓰기 */
#bo_w {width:135rem !important;margin:2rem auto 6rem;}
#bo_w #container_title {padding-bottom:0.8rem;}
#bo_w .frm_input {height:2.4rem;}

/* 게시판 읽기 */
#bo_v {width:135rem !important;margin:2.2rem auto 6rem;}

#bo_v_table {position:absolute;top:0;right:1.6rem;margin:0;padding:0 0.5rem;height:2.5rem;background:#565e60;color:#fff;font-weight:bold;line-height:2.2rem}
#bo_v_title {padding:0.8rem 0;font-size:1.8rem}

#bo_v_info {padding:0 0 2rem;border-bottom:0.1rem solid #ddd;font-size:1.4rem}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 1.5rem 0 0.5rem;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 1rem;border-bottom:0.1rem solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:0.8rem 0 0.7rem;width:100%;color:#000;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 1rem 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 0.3rem 1.6rem}

#bo_v_top {margin:0 0 1rem;padding:1rem 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:0.25rem;}
#bo_v_top a {font-size:1.4rem;}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:0.5rem}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:0.5rem}

#bo_v_atc {min-height:20rem;height:auto !important;height:20rem}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 auto 1rem;width:fit-content;overflow:hidden;zoom:1;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {display:block;margin-bottom:2rem;max-width:100%;height:auto}

#bo_v_con {margin-bottom:3rem;width:100%;word-break:break-all;overflow:hidden;font-size:1.7rem;line-height:1.5;text-align:center;   }
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_con iframe {display:block;width:110.8rem !important;height:62.3rem !important;padding-bottom:1rem;}

#bo_v_act {margin-bottom:3rem;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:3rem;left:0;padding:1rem 0;width:16.5rem;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 2rem;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 0.5rem 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 2rem;padding:2rem 2rem 1rem;border:0.1rem solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:1rem}
#bo_vc article {padding:0 0 1rem;border-top:0.1rem dotted #ccc}
#bo_vc header {position:relative;padding:1.5rem 0 0.5rem}
#bo_vc header .icon_reply {position:absolute;top:1.5rem;left:-2rem}
#bo_vc .sv_wrap {margin-right:1.5rem}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 1.5rem 0 0.5rem}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 0.5rem;line-height:1.8rem}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:2rem !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:0.5rem}

#bo_vc_w {position:relative;margin:0 0 1rem;padding:0 0 2rem}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 0.5rem}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 2rem 0 0}
#bo_vc_sns input {margin:0 0 0 0.5rem}

@media (max-width:1023px) {
    #bo_v_con iframe {display:block;width:100% !important;height:100% !important;min-height:24rem !important;padding-bottom:1rem;}
    #fboardlist {width:100%;margin:0 auto;}
    #bo_gall .gall_text_href > a {font-size:2rem;width:95%;margin:0 auto;margin-top:0 !important;}
    #bo_gall .bo_cnt {font-size:1.5rem;width:95%;margin:0 auto;padding-top:0.5rem;}
    #bo_gall .gall_li:nth-child(1n) {padding:0 0 2.5rem;}
    #bo_gall #gall_ul {margin-bottom:1.5rem;}

    #bo_gall img {object-fit:contain !important;}
    
    #bo_w .frm_input {width:96.5% !important;}
    #bo_w textarea {width:99% !important;}
    #section01 {width:100% !important;margin:0 auto;}
    #bo_w {width:98% !important;margin:2rem auto 6rem;}
    #bo_v {width:95% !important;margin:2rem auto 6rem;}
    #bo_gall #gall_ul {gap: 0.4rem;padding-top:4rem;margin-bottom:0;padding-bottom:4rem;}
    #bo_gall .gall_li {width:calc(50% - 0.2rem) !important;}
    #bo_gall .gall_text_href > a{font-size:1.8rem !important;}
    #bo_gall .gall_text_href{margin-top:2rem !important;}
    #bo_gall .gall_text_href > .bo_cnt > a{font-size:1.4rem !important;}
    #bo_v_con{font-size: 1.4rem;}
}

#bo_vc,
#btn_autosave,
#bo_v #bo_v_link,
#bo_v .tbl_frm01,
#bo_v .btn_confirm,
#bo_v_act a,
#bo_v_bot,
#bo_v_table {display:none;}

@media(max-width:500px){
    #wrapper{width: calc(100% - 10px);padding: 0 5px;}
}