@charset "utf-8";

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin-top:10px; margin-right:-40px}
#bo_gall .gall_li{ margin-bottom:40px;}
#bo_gall .gall_li .in { position: relative; height: 100%; display: block; margin-right: 40px; padding: 30px; transition: .3s; border-radius: var(--item_r);}
#bo_gall .gall_li .in:hover {background-color: #f9f9f9;}
#bo_gall .gall_li .in .gall_chk {position:absolute; top:5px; left:5px; padding:5px; z-index:1}
#bo_gall .gall_li .in .gall_con {position:relative}
#bo_gall .gall_li .in .bo_ctg{color:#fff; background-color: var(--mainColor); border-radius: 3px; padding:3px 10px; display: inline-block; margin-bottom: 10px; font-weight: 300;}
#bo_gall .gall_li .in .bo_tit{color: #333; font-size: 1.25em; font-weight: 700; }
#bo_gall .gall_li .in .bo_img{margin-bottom:25px;}
#bo_gall .gall_li .in .bo_img a{height:100%;}
#bo_gall .gall_li .in .bo_img img,
#bo_gall .gall_li .in .bo_img video {max-width:100%;}
#bo_gall .gall_li .in .bo_img .no_image{font-size:1.25em; color:#ccc; font-weight: 600; width:100%; height:100%; background-color: #f9f9f9;}
#bo_gall .gall_li .in .bo_img .no_image .xi{font-size:2.5em; display: block; line-height: 1;}

.gall_row .col-gn-0,
.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:calc(100% / 2);}
.gall_row .col-gn-3 {width:calc(100% / 3);}
.gall_row .col-gn-4 {width:calc(100% / 4);}
.gall_row .col-gn-5 {width:calc(100% / 5);}
.gall_row .col-gn-6 {width:calc(100% / 6);}
.gall_row .col-gn-7 {width:calc(100% / 7);}
.gall_row .col-gn-8 {width:calc(100% / 8);}
.gall_row .col-gn-9 {width:calc(100% / 9);}
.gall_row .col-gn-10 {width:calc(100% / 10);}
.gall_row .box_clear {clear:both}

/*뷰페이지*/
#bo_v .mod_v_ibox{ position: relative; width:95%; margin:-30px auto 0; border-radius: var(--item_r); overflow: hidden;}
#bo_v .mod_v_ibox .mod_img{position: relative; height:850px; overflow: hidden; border-radius: var(--item_r); text-align: center;}
#bo_v .mod_v_ibox .mod_img li{width:100%; height: 100%;}
#bo_v .mod_v_ibox .mod_img img{width:auto!important; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#bo_v .mod_v_top{background:linear-gradient(0deg, rgba(0,0,0,0.6), #0000); padding:45px 0; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); color:#fff; width:100%; z-index: 10;}
#bo_v .mod_v_top .mod_v_tit .mod_cate{font-size:1.125em; font-weight: 300; color:#ddd;}
#bo_v .mod_v_top .mod_v_tit .mod_tt{font-size:2.625em; font-weight: 500;}
#bo_v .mod_v_top .mod_pay{font-size:2.25em; font-weight: 500;}
#bo_v .mod_v_top .mod_pay .st{font-size:.75em; margin-left:3px; font-weight: 300;}
#bo_v #bo_v_con{margin-top:100px;}
#bo_v #bo_v_con iframe{width:1300px!important; height:803px!important;}

/*글쓰기 페이지*/
#bo_w .write_div,
#bo_w .bo_w_flie.st1,
#bo_w .bo_w_flie.st2{margin-top:25px!important;}
#bo_w .bo_w_flie{margin-top:5px!important;}
#bo_w .bo_w_flie.st1 .page_tx,
#bo_w .bo_w_flie.st2 .page_tx{height:25px;}
#bo_w .bo_w_flie.st1 .info_stx,
#bo_w .bo_w_flie.st2 .info_stx{font-size: .938em; color: #666; line-height: 1.2; font-family: var(--fs_02); font-weight: 400;}
#bo_w .bo_w_flie.st1 .page_tx:before{content:'리스트 썸네일 (차량 사진)'}
#bo_w .bo_w_flie.st1 .info_stx:before{content:'(이미지 크기 : 가로 360px / 세로 260px)'}
#bo_w .bo_w_flie.st2 .page_tx:before{content:'뷰페이지 상단 이미지'}
#bo_w .bo_w_flie.st2 .info_stx:before{content:'(이미지 크기 : 가로 1800px / 세로 850px)'}