@charset "utf-8";

.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-left:0;padding-right:10px;*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 .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 {text-align:center; overflow:hidden}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block; overflow:hidden}
#bo_gall .gall_img img {max-width:100%;height:auto !important;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;}
#bo_gall .gall_img a:hover img{transform: scale(1.1);}
#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 {padding:10px 0;}
#bo_gall .gall_text_href a {font-weight: 500;font-size: 18px;color: #222;}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
#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 *//* margin-top: 10px; */}
#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:10px;right: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)}




#bo_gall{ position:relative;}
#bo_gall .gall_text_href .bo_tit{font-weight:bold;}
.gall_con p.ellip{-webkit-line-clamp: 2;color:#535353;font-weight:300;}
#bo_gall .gall_text_href a img{vertical-align:middle}
#gall_allchk{position: relative;top: 0;left: 0;margin-bottom: 20px;}
 
.sub_visual{background-image:url(/images/pc/sub5/visual5.png);} 
 
.gall_tit a{color:#000;line-height: 1.2em;height: 1.2em;}
.gall_tit h3{}

.pg_wrap a,.pg_wrap .pg_current{text-align:center;}
 .pg_current{border-bottom:2px solid #671337;}
.pg_wrap a{display:inline-block;font-weight:300; color:#000; vertical-align:middle;}
.pg_wrap .pg_current{display:inline-block;color:#671337;vertical-align:middle;}



.view_btn {position:relative;border-top: 1px solid #eee;}
.view_btn a{display:block;}
.view_btn .v_nb{position:absolute;}
.view_btn .list_btn{text-align:center;background-color: #671337;color: #fff;font-weight: bold;border-radius: 5px;}
.view_btn .list_btn img{vertical-align:middle;}

.view_btn .v_nb{color:#000; font-weight:bold;}
.view_btn .left_btn{left:0;}
.view_btn .right_btn{right:0;}
 
 

.notice_icon{background-color:#671337; color:#fff; border-radius:5px; text-align:center;}

.bo_info{position:absolute; }
.bo_info span{display:inline-block; vertical-align:middle;}

.new_icon{color:#671337; font-weight:bold;}

@media (min-width:1200px) {
#bo_v,.tbl_head01 {margin-top:60px;}
.pg_wrap{margin-top:40px;}
 
.pg_wrap a,.pg_wrap .pg_current{font-size:21px;width:25px; height:35px; line-height:35px;}

	
.view_btn {padding:60px 0;margin-top: 50px;}

.view_btn a{height:60px;line-height: 60px;width: 150px;font-size: 20px;margin: 0 auto;} 

.view_btn .list_btn{}


.view_btn .v_nb{font-size:21px;top: 60px;}


.video_box{height:730px;}
.bo_info{top:15px; right:20px;}
.bo_info span{margin-left:10px;font-size:18px;font-weight:300;line-height: 1.2em;}
#bo_v header{padding:15px 20px; margin-bottom:50px;}
#bo_v_title {font-size:18px; font-weight:300; padding-right: 200px;}

.notice_icon{width:60px; height:30px; line-height:30px; margin-right:30px;}

.tbl_head01 td {padding:10px 5px;height:60px; font-size:18px}
}
 
@media (min-width:640px){
	.new_icon{font-size:15px;}
}
@media (min-width: 640px) and (max-width: 1299px){
	 .gall_row {margin:0 -3vw;}
.gall_row .col-gn-2{padding:0 3vw 9vw;}

#bo_v,.tbl_head01 {margin-top:7vw;}
.pg_wrap{margin-top:1vw;}
 
.pg_wrap a,.pg_wrap .pg_current{font-size:2vw;width:2vw; height:3vw; margin:0 2vw; line-height:3vw;}


.view_btn {padding:6vw 0;margin-top: 6vw;}
.view_btn a{height:6.5vw;line-height: 6.5vw;width: 17vw;font-size: 2vw;margin: 0 auto;} 

.view_btn .list_btn{}
.view_btn .v_nb{font-size:2vw;top: 6.5vw;}

.video_box{height:58vw;}

.bo_info{top: 2vw;right: 2vw;}
.bo_info span{margin-left:10px;font-size: 2vw;font-weight:300;line-height: 1.2em;}
#bo_v header{padding: 2vw;margin-bottom:50px;}
#bo_v_title {font-size: 2vw;font-weight:300;padding-right: 20vw;}

.notice_icon{width:60px;height:30px;line-height:30px;margin-right: 20px;font-size: 15px;}

.tbl_head01 td {padding:10px 5px;height:60px; font-size:16px}
}
@media (max-width:1299px){
	
}
@media (max-width:640px){
 .gall_row {margin:0 -2vw;}
 .gall_row .col-gn-2{padding:0 2vw 6vw;}

#bo_v,.tbl_head01 {margin-top:9vw;}
.pg_wrap{margin-top:1vw;}
 
.pg_wrap a,.pg_wrap .pg_current{font-size:3.5vw;width:4vw; height:5vw; margin:0 2vw; line-height:4vw;}


.view_btn {padding:10vw 0;margin-top: 10vw;}
.view_btn a{height:10vw;line-height:10vw;width: 21vw;font-size:3.5vw;margin: 0 auto;} 

.view_btn .list_btn{}
.view_btn .v_nb{font-size:3.5vww;top:10vw;}

.video_box{height:58vw;}


.bo_info{position: relative;padding-left: 2vw;margin-top: 2vw;}
.bo_info span{margin-right: 8vw;font-size: 3vw;font-weight:300;}
#bo_v header{padding: 2.5vw 2vw 2.5vw  2vw;margin-bottom: 9vw;}
#bo_v_title {font-size: 3.5vw;font-weight:300;padding-left: 2vw;}

.notice_icon{position:absolute;width: 12vw;height: 5vw;line-height: 5vw;margin-right: 2vw;left: 2vw;top: 2vw;font-weight: 500;font-size: 2.5vw;}


 
.tbl_head01 td {padding:10px 5px;height:60px; font-size:3.5vw}
.tbl_head01 td {padding:10px 5px;height:60px; font-size:3.5vw}

.new_icon{font-size:3vw;}
}