@charset "utf-8";
/*기본 버튼*/
.btn_b01{padding:10px; background:#fff !important; color:#646464  !important; font-weight:500; border:1px solid #eee; transition:.3s;}
.btn_admin{padding:10px; background:#36e4c6 !important; color:#fff  !important; font-weight:500; border:1px solid #eee; transition:.3s;}
.btn_b01:hover,.btn_admin:hover{background:#f57d20 !important; color:#fff !important; border:1px solid #f57d20;}


/*카테고리*/

#bo_list {position:relative; width:100%; max-width:1650px; margin:0 auto 100px;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate {padding:10px 0; overflow:hidden;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {text-align:center;}
#bo_cate li {display:inline-block; margin-right:10px;}
#bo_cate li:last-of-type {margin-right:0;}
#bo_cate a {display:block;font-weight:700; color:#646464; font-size:1rem;padding:10px 20px; border-bottom:1px solid #eee; transition:.3s;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background:#3497d9; color:#fff;}
#bo_cate #bo_cate_on {z-index:2;background:#f57d20;color:#fff;}
.td_subject img {margin-left:5px}


/* 갤러리 목록 */
#bo_gall{width:100%; max-width:1650px; margin:0 auto;}
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1;font-family:'open sans',sans-serif;font-weight:300;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left;margin:0 10px 30px 0}

#bo_gall .gall_con {margin:0;padding:0;list-style:none;font-family:'open sans',sans-serif;font-weight:300;}
#bo_gall .gall_con li {margin:0 0 4px}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}

#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_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}

#bo_gall .gall_text_href {margin:10px 0 !important}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0 0 0 4px}

/* 게시판 목록 공통 */
#bo_gall {}
.bo_fx {width:100%; margin-bottom:30px; overflow:hidden;}
#bo_list_total {float:left; font-size:0.75rem; font-weight:700; color:#646464; letter-spacing:1px; margin-bottom:20px;}
.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:7px;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:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}

#bo_sch {text-align:right;float:right;box-sizing:border-box;}
#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 {width:1100px; text-align:center; left:0 !important; padding:100px 0;}
/*체크*/
.list_allchk{margin:10px 0 15px; overflow:hidden; display:block;}
.list_allchk input[type="checkbox"],.list_check {position:absolute; left:-9999px;}
.list_allchk input[type="checkbox"] + label, .list_check + .list_label
{display:inline-block; padding:10px; border:1px solid #ddd; font-size:0.75rem; font-weight:500; color:#646464; transition:.3s;cursor:pointer; margin-bottom:10px;}
.list_allchk input[type="checkbox"]:checked + label,.list_check:checked + .list_label {background:#f57d20; border:1px solid #f57d20;color:#fff; }
.list_allchk input[type="checkbox"]:checked + label:after,.list_check:checked + .list_label:after {content:''; display:inline-block;}
.chk_area{display:inline-block; border:1px solid #ddd; border-radius:5px; padding:5px;}
.chk_btn{margin:4px 0 0 !important;}
.chk_label{cursor:pointer;}

/* 게시판 쓰기 */
#item_w{width:100%; max-width:1650px; margin:0 auto;}
.item_w_list{width:100%; position:relative; padding:10px 0; border-bottom:1px solid #eee; font-size:1rem; color:#646464;}
.item_w_list:after {display:block;visibility:hidden;clear:both;content:""}
.w_title{width:20%; max-width:100px;line-height:2.5rem;  float:left; padding-left:10px; border-right:1px solid #eee;  font-weight:500; }
/* .w_content{width:calc(100% - 100px); float:left; padding-left:20px; font-weight:300;} */
.w_content select{width:200px; height:40px; border:1px solid #eee;}
.w_content .frm_input {height:40px; border:1px solid #eee;}
.w_content .btn_frmline{float:right;}

.w_content{width:calc(100% - 150px); float:left; padding-left:20px; font-weight:300;} /* 2020-05-14 수정 100% - 100px >> 100% - 150px */
.w_right {float: right; width: 50px; padding-left:20px; font-weight:600; line-height: 2.5rem; font-size: 1.5rem; color: blue; cursor: pointer;} /* 2020-05-14 추가 */
.w_right.del {color: red;} /* 2020-05-14 추가 */
#fileBox {display: none;} /* 2020-05-14 추가 */

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
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:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px 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}

#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}

#item_w .bo_w_link{margin:10px 0 20px; overflow:hidden;}
#item_w .bo_w_link input{height:40px; border:1px solid #eee;}

#item_w input[type="checkbox"] {position:absolute; left:-9999px;}
#item_w input[type="checkbox"] + label { position:relative; display:inline-block;  font-size:1rem; padding:7px 10px 0 40px;  height:30px; margin-top:5px; cursor:pointer;}
#item_w input[type="checkbox"] + label:before{content:'';  position:absolute;  left:0; top:0; width:30px; height:30px; border:2px solid #eee;background:#fff;overflow:hidden; transition:.3s;}
#item_w input[type="checkbox"] + label:after{content:'\f00c'; opacity:0; font-family: "FontAwesome"; font-size:1rem;  position:absolute;  left:7px; top:7px;  transition:.3s;}

#item_w input[type="checkbox"]:checked + label:before{content:''; color:#fff; }
#item_w input[type="checkbox"]:checked + label:after{opacity:1; color:#646464; }
.btn_confirm{margin:30px 0 50px; text-align:center !important;}
.btn_submit{display:inline-block !important;height:35px;padding:0 20px;font-weight:bold;font-size:1em;}
a.btn_cancel {display:inline-block !important;background:#969696 !important;color:#fff;padding:0 20px !important; margin: -6px 0 0 0;}
/* 게시판 읽기 */

#bo_v {max-width:1650px; width:100%; margin:0 auto; overflow:hidden; padding:0 2%; position:relative; /*border:1px solid #eee;*/}
#bo_v header{border-bottom:1px solid #ddd;}

#bo_v_title {width:100%;}
#bo_v_title span{display:block;}
#bo_v_title .v_cate {font-size:1rem; color:#999; font-weight:400; margin-bottom:10px;}
#bo_v_title .v_title {font-size:2.5rem; font-weight:600; color:#333; width:100%; letter-spacing:-1px; line-height:3.125rem; margin-bottom:30px;}
.bo_v_name{text-align:right; font-size:0.875rem; font-weight:400; color:#999; margin-bottom:20px;}

#bo_v_info {padding:49px 0 10px;border-bottom:1px solid #ddd}
#bo_v_info {padding:0;border:none;}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {/*display:inline-block;margin:0 15px 0 5px;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 {}
#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 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;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 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {overflow:hidden; }
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {width:100%; overflow:hidden;text-align:center; margin:30px 0;}
#bo_v_link li {display:inline-block; margin-right:2%;}
#bo_v_link li:last-child {margin-right:0;}
#bo_v_link a {display:block;color:#646464; border:1px solid #ddd; padding:10px;word-wrap:break-word; font-size:0.875rem; font-weight:400;}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {font-size:0.75rem; color:#999; }
#bo_v_link a strong{font-weight:400;}

#bo_v_top {overflow:hidden; padding:0; margin-bottom:30px;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}

#bo_v_bot {margin-bottom:50px; zoom:1;clear:both;}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}
.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {min-height:200px;height:auto !important;position:relative;overflow:hidden; margin-bottom:50px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:auto;overflow:hidden;zoom:1;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;height:auto;}

.right-content {position:absolute;top:0;right:0; width:400px;padding-left:30px;box-sizing:border-box;}
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.6 !important; color:#333; min-height:200px;word-break:break-all;overflow:hidden; }
#bo_v_con a {color:#0782C1;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center;clear:both;}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;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 5px 0 0}


/*읽기 커스텀 버튼*/
.bo_v_bottom{width:100%; margin:0 0 100px !important;  overflow:hidden;}
.bo_v_bottom li{width:100%;}
.bo_v_bottom li a{width:20%; border:1px solid #ccc; color:#646464;  display:block; font-size:1rem; margin:0 auto; text-align:center; padding:10px 0; transition:.3s;}
.bo_v_bottom li a:hover{background:#f57d20; color:#fff; border:1px solid #f57d20;}
.board_gall{margin-bottom:30px; }


/*검색*/
#item_sch {width:280px; margin:0 0 30px;border:1px solid #ccc; float:right;}
#item_sch:after {display:block;visibility:hidden;clear:both;content:""}
#item_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#item_sch select{width:0; height:0; line-height:0; position:absolute; left:-9999px;}
#item_sch .sch_input{width:238px; padding:10px; background-color:transparent;float:left; font-size:0.875rem;}
#item_sch .sch_input:placeholder{}
#item_sch .sch_btn{height:38px;float:left;background:url('/skin/board/gallery/img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}



/* Chrome/Opera/Safari */
#stx::-webkit-input-placeholder {color: #bababa;}
/* Firefox 19+ */
#stx::-moz-placeholder {color: #bababa;}
/* IE 10+ */
#stx:-ms-input-placeholder {color: #bababa;}
 /* Firefox 18- */
#stx:-moz-placeholder {color: #bababa;}
#bo_sch {min-width:290px;width:auto;}
#bo_sch:hover .btn_submit , #stx:focus + .btn_submit {top:30px;}
fieldset .btn_submit {width:40px; height:27px; border-top:1px solid #bababa;border-right:1px solid #bababa;border-bottom:1px solid #bababa;background:url('../../../skin/board/newGallery/img/btn_search.png') no-repeat center center; background-size:40%; padding:0 6px; color:#595968;transition:all 0.2s ease-in-out; }


.pg_wrap {margin:0 0 80px;}
.pg_page ,.pg_current {border-radius:12px;width:25px;height:25px;line-height:25px;}
.pg_page {background:#fff;transition:all 0.2s linear;}
.pg_page:hover {background :#888;color:#fff;}

#container_title {display:none;}
/**/
.no_image{display:block; overflow:hidden; width:100%;height:232px; line-height:16rem; display:block; background:#fff; border:1px solid #eee;  text-align:center;}
.no_image img{display:inline-block !important; border:0 !important;}

.gall_area{margin-bottom:30px; border-bottom:1px solid #ddd; transition:.3s; padding:5px 10px;}
.gall_area:hover{background:rgba(0,0,0,0.05);}
.gall_area:hover .title {color:#f57d20 !important;}
.gall_main{width:100%; overflow:hidden;}
#gall_allchk{overflow:hidden; width:100%;  margin-bottom:30px;}
.chk_wr_area label{font-size:0.7rem; font-weight:500; margin-bottom:5px; cursor:pointer;}
#wookmark1 li a {display:block;height:auto; font-weight:600; text-align:left; overflow:hidden;}
.tiles-wrap img{border-radius:0 !important;}
#wookmark1 li a.list_thumb{margin-bottom:20px;}
#wookmark1 li a.bo_cate_link {display:block; overflow:hidden;font-size:0.875rem; text-align:left; margin:0 0 10px;  color:#aaa;font-weight:300; padding:0 15px;}
#wookmark1 li a.title {display:block;font-size:1.25rem; color:#333; line-height:1.675rem; font-weight:500; margin-bottom:10px; letter-spacing:-.5px; padding:0; transition:.3s;}
#wookmark1 li a.content {display:block; color:#999; font-size:1rem; font-weight:500; line-height:1.5rem; margin-bottom:10px; letter-spacing:-.5px;padding:0;}
#wookmark1 li div.info {margin-top:10px;font-size:11px;color:#cecece;height:30px;padding:5px 0;}
#wookmark1 li div.info .title {color:#888;font-size:12px;font-weight:300; text-align:right;}
#wookmark1 li a.good {float:left;margin-right:10px;margin-top:5px;font-weight:300;}
#wookmark1 li a.good strong {color:#7fdbff;margin:0 3px;}
#wookmark1 li a.nogood {float:left;margin-top:5px;font-weight:300;}
#wookmark1 li a.nogood strong {color:#f18d28;margin:0 3px;}
#wookmark1 li a span {display:inline-block;text-align:center;}
#wookmark1 li a .cnt_cmt {font-size:13px;color:#f98287;line-height:16px;}
#wookmark1 li div .icon-wrapper {width:30px;height:30px;display:inline-block;margin-right:3px;position:relative;float:left;vertical-align:middle;text-align:left;}
#wookmark1 li div .userIcon {width:22px;height:22px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#wookmark1 li div {text-align:left;}
#wookmark1 .list_content_info {display:block; font-size:0.75rem; color:#999; text-align:center; background:#eee; font-weight:600; padding:5px 0;}

#wookmark1 .sv_wrap img {display:none;}
#wookmark1 .sv_wrap .sv a {border-radius:0;background:rgba(9,9,9,0.84);}
#wookmark1 .sv_wrap .qs_on {display:block!important;position:absolute;top:10px;left:20px;width:auto;height:auto;}


#loadingImage {position:fixed;width:80px;height:80px;left:0;right:0;top:0;bottom:0;margin:auto;z-index:2000;background:rgba(5,5,5,0.13);display:none;border-radius:8px;}
#loadingImage img {width:100%;height:100%;}

/**/
.tiles-wrap li {border-radius:0 !important;margin-bottom:30px !important; overflow:hidden;}
/* media Query */
@media screen and (max-width:600px){
	#bo_v_img img {width:100%!important;}
	.right-content {display:none;}
}

/*mc*/
.mc_box:nth-child(2){width:100%;}
.mc-list-skin{max-width:605px; width:100%; float:left;}
.mc_box{width:100%;display:block;overflow:hidden;}

.mc_box span{display:block; width:100%; text-align:center; border-bottom:1px solid #eee; margin-bottom:10px; padding:10px 0;}
.mc_block{float:left;width:100%;}

.mc_block input[type="radio"]{display:none;}
.mc_block label {width: 140px;}
.mc_block div {display:inline-block; margin-right:2%;}
.mc_block div:last-child {margin-right:0;}

/* style label */
.mc_block input[type="radio"]:empty ~ label {position: relative;float: left;cursor: pointer;border:1px solid #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; transition:.3s; text-align:center;}
.mc_block input[type="radio"]:empty ~ label:before {display: block;content: '';width: 100%;background: #fff;height: 25px;position: absolute;z-index: -1;}
/* toggle hover */
.mc_block input[type="radio"]:hover:not(:checked) ~ label:before {content:'';/*content:'\2714';*/text-indent:4px;color: #C2C2C2;}
.mc_block input[type="radio"]:hover:not(:checked) ~ label {color: #2680c4;border:1px solid #2680c4;}
/* toggle on */
.mc_block input[type="radio"]:checked ~ label:before {content:'';/*content:'\2714';*/text-indent:4px;color: #fff;background-color: #2680c4;}
.mc_block input[type="radio"]:checked ~ label {color: #fff;}
/* radio focus */
.mc_block input[type="radio"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}
/**/
.gall_cate{text-align:center !important;border-radius:10px; margin-bottom:10px; padding:5px; float:left;font-size:0.75em;}
.gall_box{display:block; overflow:hidden;}
.gall_title{width:100%; display:block;background:rgba(0,0,0,0.7);position:absolute;color:#fff;bottom:0;height:22%;transition:.3s; border-radius:0 0 5px 5px;}
.gall_title_text{display:block;position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;text-align:left;padding: 5px; top:0;transition:.3s; width:100%;}
.gall_title_date{text-align:left; font-size:0.75em;display:block;}
.gall_box:hover .gall_title_text {top:50%;transform:translateY(-50%)}
.gall_box:hover .gall_title {background:rgba(0,0,0,0.9);height:100%; border-radius:5px;}
.gall_img{}
.gall_href a{position:relative; display:block; float:left;}


/*gall_fx*/
.gall_fx{max-width:1100px; width:100%; margin:0 auto 30px; overflow:hidden;}