@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * pic_slide_basic style.css custom 
 * ****************************************************************************************** 
.gw_gl_s_box .title{padding-bottom:1rem; text-align:center; font-size:1.75rem; font-weight:300;}
.gw_gl_s_box ul{margin:0 -10px; font-size:0;}
.gw_gl_s_box ul li.inner{display:inline-block; width:auto; padding:0 75px 20px; vertical-align:top; font-size:16px;}

.gw_gl_s_box .pic_area{display:block; width:100%; padding-top:60%; position:relative;}
.gw_gl_s_box .pic_area span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.gw_gl_s_box .pic_area img{ width:100%; height:100%; object-fit:cover;-webkit-transition:all .5s ease; transition:all .5s ease;}
.gw_gl_s_box .pic_area:hover img {transform: scale(1.05)}

.gw_gl_s_box .txt_area{padding-top:10px;}
.gw_gl_s_box .txt_area a{ color: #888; font-size: 16px; text-transform: uppercase; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gw_gl_s_box ul li.inner:hover .txt_area a { color:#fff }

.gw_gl_s_box .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.gw_gl_s_box .empty_li:before {background:none;padding:0}
*/

/* 갤러리 목록 */
#bo_gall { /*background: #fff; padding: 60px 40px;*/ }
#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 -10px 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px}
#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px}

.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:13px;*padding-left:0;padding-right:13px;*padding-right:0;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 .col-gn-3 { padding-left: 10px; padding-right: 10px; }

.gall_row .box_clear {clear:both}

#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;max-height:200px;overflow:hidden}
#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 !important}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin:10px 0}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
#bo_gall .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}

#bo_gall .bo_cnt {color:#acacac;line-height:18px}
#bo_gall .profile_img img {border-radius:50%}
#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;margin-right:2px}
#bo_gall .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}
#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;line-height:20px}
#bo_gall .gall_info strong {display:inline-block;margin:0}
#bo_gall .gall_info i {font-size:12px}
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

#bo_gall .gall_option {position:absolute;top:170px;left:10px}
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-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)}


.td_num strong {color:#000}
.bo_cate_link {display:inline-block;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#e8180c}
.car_info {display:inline-block;background:#F2F3F5;color:#616D87;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size: 12px; letter-spacing: -0.5px}
.basic_info {display:block;color:#666;font-weight:normal !important;line-height:14px;border-radius:5px;font-size: 12px; line-height: 1.4; letter-spacing: -0.5px; padding: 6px 0 8px}
.price { display: inline-block; vertical-align: top; font-weight: 700; font-size: 26px; color: #111; letter-spacing: -1px; }
.price s { font-size:14px; color: #999; font-weight: normal; padding-left:8px}
.price .won {font-size: 15px; font-weight:normal; padding-left: 4px}
.price .discount { color: #DF1014}
.price .price_exp { display: block; margin-top: 2px; font-size: 14px; color: #af6249; font-weight: normal}



#bo_v_title .price { position: absolute; bottom: 60px; right: 60px; font-size: 44px; text-align: right }
#bo_v_title .price s { font-size:20px; display: block }
#bo_v_title .price .won {font-size: 24px; font-weight: 600 }
#bo_v_title .price .discount { color: #DF1014}
#bo_v_title .price .price_exp { margin-top: 2px; font-size: 18px; }


#bo_list .profile_img {display:inline-block;margin-right:5px}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}

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

.etc_info { position: absolute; left: 22px; bottom: 13px; font-size: 0; line-height: 0; z-index: 9}
.etc_info span {position: relative;display: inline-block;padding: 0 8px;color: #fff;font-size: 13px;line-height: 20px;}
.etc_info span:before {content: '';position: absolute;top: 5px;left: 0;width: 1px;height: 12px;background-color: rgba(255, 255, 255, 0.5);}
.etc_info span:first-child {padding-left: 0;}
.etc_info span:first-child:before {display: none;}
.blind {position: absolute; font-style: normal; top: -9999em;}

span.m_num {position: absolute;bottom: 0;right: 0;background: #111;color: #fff;font-size: 12px;padding: 2px 6px; z-index: 9}

@media screen and (max-width:780px) {
  span.m_num { font-size: 12px; }
}


/* 갤러리 심플 게시물 없을 때 */
.gall_row li.gw_gl_empty{width:calc(100% - 20px); margin:0 auto; padding:60px 0; border-top:1px solid #eef1f5; border-bottom:1px solid #eef1f5; text-align:center;
	-webkit-transition:background .3s; transition:background .3s; }
.gall_row li.gw_gl_empty:hover{background:#fafafa;}

/* 갤러리 심플 */
.gw_gl_s_box{margin-bottom:10px;}
.gall_row{margin:0 -10px; padding:0;}
.gall_row:after{content:""; display:block; clear:both;}
.gall_row .box{position:relative; margin-bottom:12px; cursor:pointer; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15)}
.gall_row .con{position:relative;  }

/* img */
.gall_row .con > .img{background-color:#fafafa; overflow:hidden; position:relative; display: inline-block}
.soldout-sticker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.65);
    z-index: 99;
    text-align: center;
}
.soldout-sticker span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ff0000;
    padding: 5px 15px;
    border: #ff0000 3px solid;
    border-radius: 4px;
    display: inline-block;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-6deg);
    transform: translateX(-50%) translateY(-50%) rotate(-6deg);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -1px;
}
.gall_row .disable .con .img { filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
    opacity: .5;
}
/*.gall_row .con > .img:after{content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,.75); opacity:0; z-index:-1;
	-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}*/
.gall_row .con > .img:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 100%; height: 62px; background: linear-gradient(to top, rgba(0,0,0, 0.6) 30%, rgba(0,0,0,0) ); }
.gall_row .con > .img img{max-width:100%; height:auto; -webkit-transition:all 0.4s; transition:all 0.4s;}
.gall_row .more{display:block; position:absolute; top:0; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	padding:8px 16px; border:2px solid #fff; border-radius:20px; text-transform:uppercase; color:#fff; font-size:12px; font-weight:600; letter-spacing:0.05em; opacity:0; 
	webkit-transition:all .4s ease; transition:all .4s ease;}

/* txt */
.gall_row .con > .txt{padding:15px 20px; min-height: 190px; display: inline-block}
.gall_row .info {padding:0; padding-top:30px; font-size:13px; }
.gall_row .info > span{padding-right:6px;}
.gall_row .info .date{color:#868992;}
.gall_row .info .profile_img img{display:none;}
.gall_row .title_warp{display:inline-block; width:100%; margin-bottom: 10px; text-align: left; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.gall_row .bo_tit{display:inline; color:#646873; font-size:15px; line-height:1.33; vertical-align:middle;}
.gall_row .bo_tit > span{display:inline-block; vertical-align:middle; font-size: 20px; line-height: 30px; letter-spacing: -1px; color: #111; font-weight: 600; padding-top: 4px}

.sticker { position: absolute; top:10px; left: 10px; background: #00A79A; color: #fff;font-size: 14px; letter-spacing: -0.6px; padding: 4px 6px; text-align: center; font-weight: 400; border-radius: 4px; z-index: 9}
.sticker.red { background-color: #e10a0a;} 

/* 갤러리 심플 hover */
/*.gall_row li:hover .img:after{opacity:0.2; z-index:1;}*/
.gall_row li:hover .img img{webkit-transform:scale(1.05); transform:scale(1.05);}
.gall_row li:hover .more{top:50%; opacity:1; z-index:2;}

/* 갤러리 심플 전체 선택 */
#gall_allchk{height:60px; margin-bottom:20px; line-height:60px; border-top:1px solid #eef1f5; border-bottom:2px solid #eef1f5;
	-webkit-transition:background .3s; transition:background .3s;}
#gall_allchk:hover{background:#fafafa;}
.chk_box input[type="checkbox"] + label:hover{color:inherit;}
.all_chk.chk_box input[type="checkbox"] + label span{top:2px;}

/* 갤러리 심플 체크박스 */
.gall_row .chk_box{position:absolute; top:2px; left:2px; z-index:99;}
.gall_row .chk_box input[type="checkbox"] + label span{position:static; top:unset; left:unset;}
.gall_row .chk_box input[type="checkbox"] + label{padding-left:0;}



.gw_gl_s_box { margin-bottom: 0}
.gall_row .box {
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.15);
}
/* slick arrow button 재지정, slick.css 파일을 수정하지 말 것 */
.gw_gl_s_box .slick-arrow{width:48px; height:48px; padding:0; border:0; background-color: transparent; font-size:0; z-index:9}
.gw_gl_s_box .slick-prev, 
.gw_gl_s_box .slick-next{position:absolute; top:50%; margin-top:-2.5rem; -webkit-transition:all .3s ease; transition:all .3s ease; }
.gw_gl_s_box .slick-prev{left:-58px;}
.gw_gl_s_box .slick-next{right:-58px;}
.gw_gl_s_box .slick-prev:after, 
.gw_gl_s_box .slick-next:after{content:""; position:absolute; top:50%; left:50%; width:30px; height:30px; border:2px solid #ccc; border-top:none; border-right:none; -webkit-transition:all .3s ease; transition:all .3s ease;}
.gw_gl_s_box .slick-prev:after{transform:translate(-40%, -50%) rotate(45deg);}
.gw_gl_s_box .slick-next:after{transform:translate(-60%, -50%) rotate(-135deg);}
.gw_gl_s_box .slick-prev:hover, 
.gw_gl_s_box .slick-next:hover{color:#111;}
.gw_gl_s_box .slick-prev:hover:after, 
.gw_gl_s_box .slick-next:hover:after{border-color:#111;}

/* slick dot 재지정 */
.gw_gl_s_box .slick-dots{padding-top:0; text-align:center;}
.gw_gl_s_box .slick-dots li{display:inline-block; margin:0 10px; font-size:0;}
.gw_gl_s_box .slick-dots li button{width:10px; height:10px; border-radius:50%; border:none; background:#111; opacity: 0.2; font-size:0}
.gw_gl_s_box .slick-dots li.slick-active button{background:#111; opacity: 1;}

/* btn set 지정 */
.btn_detail01 { width: 100%; border: #555 1px solid; color: #ccc; line-height:50px; box-sizing: border-box; display: inline-block; text-align: center; font-size: 13px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gw_gl_s_box ul li a:hover > .btn_detail01 { background-color: #fff; color: #000; }


@media screen and (max-width:1200px) {

	/* slick arrow button */
	.gw_gl_s_box .slick-arrow{display:none !important;}

}/* 1200px end */


@media screen and (max-width:480px) {
	
	/* title */
	.gw_gl_s_box .title{font-size:1.5rem;}

}/* 480px end */