@charset "utf-8";

/*
@import url(themify-icons.css);
 게시판 목록 */

/* 체크박스 
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70;vertical-align:baseline}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:10px;left:10px;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0}

*/

.sv_wrap, .profile_img {  vertical-align: middle;  }

.is_wide .box_row .col_grid_0,.is_wide .box_row .col_grid_1,.is_wide .box_row .col_grid_2,.is_wide .box_row .col_grid_3,.is_wide .box_row .col_grid_4,.is_wide .box_row .col_grid_5,.is_wide .box_row .col_grid_6,.is_wide .box_row .col_grid_7,.is_wide .box_row .col_grid_8,.is_wide .box_row .col_grid_9,.is_wide .box_row .col_grid_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-bottom: 0px;
}
.is_wide .box_row .col_grid_0,.is_wide .box_row .col_grid_1 {width:100%}
.is_wide .box_row .col_grid_2 {width:50%}
.is_wide .box_row .col_grid_3 {width:33.33333333%}
.is_wide .box_row .col_grid_4 {width:25%}
.is_wide .box_row .col_grid_5 {width:20%}
.is_wide .box_row .col_grid_6 {width:16.66666667%}
.is_wide .box_row .col_grid_7 {width:14.28571428%}
.is_wide .box_row .col_grid_8 {width:12.5%}
.is_wide .box_row .col_grid_9 {width:11.11111111%}
.is_wide .box_row .col_grid_10 {width:10%}


.is_wide .box_row .col_grid_0, 
.is_wide .box_row .col_grid_1, 
.is_wide .box_row .col_grid_2, 
.is_wide .box_row .col_grid_3, 
.is_wide .box_row .col_grid_4, 
.is_wide .box_row .col_grid_5, 
.is_wide .box_row .col_grid_6, 
.is_wide .box_row .col_grid_7, 
.is_wide .box_row .col_grid_8, 
.is_wide .box_row .col_grid_9, 
.is_wide .box_row .col_grid_10 {  padding-left: 10px; padding-right: 10px;  }


.is_wide.lat[data-iswide="1"] .box_row .col_grid_0,  
.is_wide.lat[data-iswide="1"] .box_row .col_grid_1,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_2,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_3,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_4,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_5,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_6,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_7,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_8,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_9,
.is_wide.lat[data-iswide="1"] .box_row .col_grid_10{  padding-left: 0px;  padding-right: 0px;} 

.is_wide .box_row .box_clear {clear:both}
.box_row .box_clear {clear:both}
.box_row::after {
    content: "";
    display: block;
    clear: both;
}

/* 갤러리 목록 */
.is_wide h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.is_wide #box_wrap { margin:0;padding:0;list-style:none;zoom:1}
.is_wide #box_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.is_wide .col {}
.is_wide .col .box_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
.is_wide .box_item {position:relative; border-radius:0 0 2px 2px; margin:0 0 0px 0;}


/* swiper 실행시 */ 
.is_wide7  { overflow: visible! important; }

/* Tablet Styles */
@media (max-width: 1200px) {

}
@media (max-width: 900px) {
  .is_wide .box_row .col_grid_4 {width:33.33333333%}
}

@media screen and (max-width:768px) {	
  .is_wide .box_row .col_grid_3, .is_wide .box_row .col_grid_4 {width:49.99999%}
  .is_wide .box_row .col_grid_0, .is_wide .box_row .col_grid_1, .is_wide .box_row .col_grid_2, .is_wide .box_row .col_grid_3, .is_wide .box_row .col_grid_4, .is_wide .box_row .col_grid_5, .is_wide .box_row .col_grid_6, .is_wide .box_row .col_grid_7, .is_wide .box_row .col_grid_8, .is_wide .box_row .col_grid_9, .is_wide .box_row .col_grid_10 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .is_wide .box_item { margin: 0;}
}

@media screen and (max-width:520px) {	
  .is_wide .box_row .col_grid_3, .is_wide .box_row .col_grid_4 {width:100%}
  .is_wide .box_row .col_grid_0, .is_wide .box_row .col_grid_1, .is_wide .box_row .col_grid_2, .is_wide .box_row .col_grid_3, .is_wide .box_row .col_grid_4, .is_wide .box_row .col_grid_5, .is_wide .box_row .col_grid_6, .is_wide .box_row .col_grid_7, .is_wide .box_row .col_grid_8, .is_wide .box_row .col_grid_9, .is_wide .box_row .col_grid_10 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .is_wide .gall_info { padding-bottom: 20px;}
}





.is_wide .col_grid_now .gall_text_href a { color:#ff3061; }
.is_wide .gall_href a:link, .is_wide .gall_href a:focus, .is_wide .gall_href a:hover {text-decoration:none}
.is_wide .box_img { text-align:center;}
.is_wide .box_img a,.is_wide .box_img .no_image {display:block}
.is_wide .box_img .is_notice { position: absolute; background: none; top: 0% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -7%); }
.is_wide .box_img img, .is_wide .box_img video {max-width:100%;height:auto !important}
.is_wide .box_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

.is_wide .gall_text_href {margin:10px 0 5px}
.is_wide .gall_text_href a {font-weight:bold}
.is_wide .gall_text_href img {margin:0 0 0 4px}
.is_wide .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;overflow:hidden; letter-spacing:-1px; padding-right:1px;cursor: pointer;}
.is_wide .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.wide_gall_text_href .bo_cnt {color:#fff; overflow: hidden; letter-spacing: -1px;width: 60%; margin: 0 auto; overflow: hidden;} 
.is_wide .profile_img img {border-radius:50%}
.is_wide .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}
.is_wide .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}
.is_wide .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;margin-right:2px}
.is_wide .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
.is_wide .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}
.is_wide .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

.is_wide .gall_info {line-height:1.5em;line-height:20px}
.is_wide .gall_info strong {display:inline-block;margin:0}
.is_wide .gall_info i {font-size:12px}
.is_wide .gall_info .gall_date,
.is_wide .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}


/* 추가 */
.is_wide .caption_content { padding:10px; margin:-2px 0px; overflow:hidden; }

/* 백그라운드 확대 */
.is_wide .box_img .img-hover-scale {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.5s;
}

.is_wide .box_img:hover .img-hover-scale {
    transform: translate(-50%, -50%) scale(1.1);
}

.is_wide .top-right-icon{position:absolute;top:15px;right:15px;border-radius:50px;width:30px;height:30px;text-align:center;line-height:30px;z-index:3;color:#fff;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.is_wide .top-right-icon i{top:2px;color: #fff !important;}
.is_wide .img-hover-scale:hover .top-right-icon{margin-top:-3px;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0px 5px 11px 0px rgba(0,0,0,0.18),0px 4px 15px 0px rgba(0,0,0,0.15);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}


.is_wide .img_caption {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 15px;
	color: #fff !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}
.is_wide .box_row.is_hover .img_caption { 
	transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); 
}
.is_wide .box_row.is_hover .box_item:hover .img_caption { 
	transition:transform 0.4s, opacity 0.1s; opacity: 1; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); 
}
.is_wide .box_row .img_caption .bo_tit{ font-size:1;  color: #fff !important;cursor: pointer;} 

.is_wide .img_caption2 { position: absolute; height: 100%; background: #0000009e; width: 40%; z-index: 2; top: 0;} 
.is_wide .img_caption2_box { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);width: calc(100% - 25%);overflow: hidden;line-height: 1.2; }
.is_wide .img_caption2_box .bo_tit2{ font-size: var(--font_tit1); color: #fff;word-break: keep-all;font-weight: 600; } 
.is_wide .img_caption2_box .bo_cnt2 {  color: #666;  overflow: hidden;  letter-spacing: -1px;}
 
.btn_link2 {
    color: #333;
    font-weight: 400;
    letter-spacing: 0.6px;
    font-size: 16px;
    line-height: 40px;
    min-height: 45px;
    min-width: 150px;
    border-radius: 3em;
    display: inline-block;
    background-color: transparent;
    border: 1px #333 solid;
    text-decoration: none;
    text-align: center;
	margin-top: 20px;cursor: pointer;
}
.btn_link2:hover { 
    color: #fff;
    border: 1px #66666696 solid;
    background-color: #66666696;
}
@media (max-width: 768px) { 
    .btn_link2 { line-height: 27px;  min-height: 30px;  min-width: 100px; }
	.is_wide .img_caption2 { width: 65%; }
	.is_wide .img_caption2_box .bo_tit2{ font-weight: 500; }
}




.is_wide .img_wrap {display:block; position:relative;overflow: hidden;}
.is_wide .img_wrap .img_item7 { display:block; position:absolute; top:0; left:0; width:100%; height:100%;overflow:hidden;}  

.is_wide .view_btn a{color:#fff;border:0px solid #fff;width:70px;height:70px;display:inline-block;border-radius:50%;text-align:center;line-height:65px;font-size:29px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;background-color: #fff3;}
.is_wide .view_btn a:hover{color:#fff;background-color: var(--color-main);} 
.is_wide .view_btn.btn_icon_small a{width:40px;height:40px;line-height:37px;font-size:20px;cursor: pointer;}
.is_wide .view_btn.btn_icon_small a i{margin-right:0px;}

.is_wide .view_btn.btn_icon_small a svg { margin-top: 8px;}

@media (max-width: 768px) { 
	.swiper-slide.moss {  height:300px! important; width:300px !important;}
	.is_wide .img_wrap { height: 300px! important;}  
}


.moss .wide_gall_text_href { bottom: 0;transform: translate(-50%, 50%);word-break: keep-all;width: calc(100% - 0px);}  
.subject_tit { font-weight: 600; font-size: var(--font_tit5); }
.subject_tit.fsr_50 {  font-size:var(--font_subject); 
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 수정 필요 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; margin: 0 auto; width: 60%;
}

.moss .wide_gall_text_href a .btn_link, 
.moss .wide_gall_text_href .bo_cnt,
.moss .img_caption2_box a .btn_link, 
.moss .img_caption2_box .bo_cnt2 { display: none; font-size: 0px; }

.moss .img_caption2_box .bo_tit2 { font-size: var(--font-l); }
.moss .box_info { background: transparent;  } 
.edit_mode[data-iswide="1"] .moss_inner { overflow: hidden; padding: 100px 100px; background: transparent; }




.bg-gift { background-color: #fff3;}
.bg-plus { background-color: #fff3;}
.bg-green { background-color: #fff3;}
.bg-blue { background-color: #fff3;}
.bg-purple { background-color: #fff3;}
.bg-yellow { background-color: #fff3;}
.bg-navy { background-color: #fff3;}

/* 이미지 와이드*/
.view_images { display: flex;justify-content: center; align-items: center; flex-direction: column;width: 100%; margin-bottom: 30px;}
.view_images_inner { width: 100%; box-sizing: border-box; height: 100%; overflow: hidden; }
.view_images_inner img{ position: relative; user-select: none; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.view_gradient { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;  }
.view_img_bg { background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; position: absolute;top: 0;left: 0;z-index: 1;width: 100%; height: 100%;}
.view_img_text { position: relative; height: 100%;}
.view_img_top {  }
.share_top { position: absolute; z-index: 50; bottom: 1rem; right: 1rem; border-radius: 3rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0.4rem 1rem; background: rgba(19, 19, 28, 0.5); color: white;}
.view_top_subject { position: absolute; z-index: 4; top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 80px); }
.view_top_subject > h2 {font-weight: 400; font-size: 25px; color: white; word-break: keep-all;text-align: center;} 

.wide_gall_text_href { 
    position: absolute; 
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 80px);    
    color: white;
    word-break: keep-all;
    text-align: center;
 } 

@media (max-width: 768px) {   }

.wide_gall_info  { 
    position: absolute; 
    z-index: 4;
    top: 70%;
    left: 50%;
	font-weight: 600;
    transform: translate(-50%, -50%);
    width: calc(100% - 80px);
    color: white;
    word-break: keep-all;
    text-align: center;
 }
.bo_cate_link_1 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: #ffffff45;
    background-color: #ffffff45;
    cursor: pointer;
	font-weight: 500; 
    font-size: 0.9rem;
    min-width: 64px;
    padding: 4px 10px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-color: #FAFAFA;
    max-width: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_link {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.6px;
    font-size: 16px;
    line-height: 45px;
    min-height: 45px;
    min-width: 150px;
    border-radius: 3em;
    display: inline-block;
    background-color: transparent;
    border: 1px #fff solid;
    text-decoration: none;
    text-align: center;
	margin-top: 20px;
}
.btn_link:hover { 
    color: #fff;
    border: 1px var(--color-main) solid;
    background-color: var(--color-main);
}
@media (max-width: 768px) { .btn_link { line-height: 27px;  min-height: 30px;  min-width: 100px; }  }
.image-source-link {color: #98C3D1; font-size: 16px;}
.image-source-link:hover{color: #98C3D1 !important;}


.is_wide .swiper-horizontal>.swiper-pagination-bullets, 
.is_wide > .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.is_wide .swiper-horizontal>.swiper-pagination-fraction { bottom: 20px! important; }