@charset "utf-8";
/* SIR 지운아빠 */ 
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body {font-size: 12px; line-height: 1.5em;}
.ra0-content{color: white; font-size: 12px; line-height: 1.5em;}
.wr_content textarea {min-height: 0;}
.fix-layout{padding-top:15px;}
.board-comment-list.theme-box{background: #0000004f !important;color: white;border: 1px solid white !important;}
iframe{border-radius: 10px;}
.ra0-content a.blur-txt,
.ra0-content a.none-blur {
    color: inherit;
    transition: filter .18s ease;
}
.ra0-content a.blur-txt:hover,
.ra0-content a.none-blur:hover {
    color: inherit;
}
.ra0-content .hashtag {color: white; border-color: white;}
.ra0-content img {margin: 0;}


#bo_btn_top::after {
    display: none;
}

.ott-topbar-left {
    display: flex;
    align-items: center;
    min-width: 0;
}

.btn_bo_user {
    float: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn_bo_user li {
    float: none;
    margin-left: 0;
}

/* select 방식 */
.ott-cate-select select,
#navi_category.ott-cate-select select {
    min-width: 140px;
    height: 34px;
    padding: 0 36px 0 12px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    background: rgba(0,0,0,.22);
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* 커스텀 카테고리 */
.ott-cate-dropdown {
    position: relative;
}

.ott-cate-dropdown__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 140px;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
		color: var(--content-font-color);
    background: rgb(from var(--card-bg-color) r g b / 50%);
    border: 1px solid var(--card-border-color);
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

.ott-cate-dropdown__arrow {
    margin-left: auto;
    opacity: .8;
    transition: transform .18s ease;
}

.ott-cate-dropdown__btn.is-open .ott-cate-dropdown__arrow {
    transform: rotate(180deg);
}

.ott-cate-dropdown__menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 180px;
    height: fit-content;
    overflow-y: auto;
    padding: 2px 0;
    border: 1px solid var(--container-border-color);
    border-radius: 12px;
    background: var(--container-bg-color);
    backdrop-filter: blur(10px);
    z-index: 50;
}

.ott-cate-dropdown__menu.is-open {
    display: block;
}

.ott-cate-dropdown__menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ott-cate-dropdown__menu li {
    display: block !important;
    padding: 0 !important;
}

.ott-cate-dropdown__menu li::before {
    display: none !important;
    content: none !important;
}

.ott-cate-dropdown__menu a {
    display: block;
    padding: 9px 14px;
    color: var(--content-font-color);
    text-decoration: none;
    opacity: .9;
}

.ott-cate-dropdown__menu a:hover,
.ott-cate-dropdown__menu a.is-active,
.ott-cate-dropdown__menu #bo_cate_on {
    background: var(--btn-secondary-bg);
    opacity: 1;
    font-weight: 700;
		border-radius: 10px;
    margin: 5px;
}

#bo_btn_top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    gap: 12px;
		padding: 5px;
}

#bo_btn_top::after {
    display: none !important;
    content: none !important;
}

.ott-topbar-left {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.btn_bo_user {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 0 0 auto !important;
    padding: 0;
    list-style: none;
    float: none !important;
    flex: 0 0 auto;
}

.btn_bo_user li {
    float: none !important;
    margin: 0 !important;
}

#navi_category,
.ott-cate-select {
    display: block;
    margin: 0;
}

#navi_category ul,
#navi_category li {
    margin: 0;
}

.ott-cate-select select {
    min-width: 120px;
    height: 34px;
}

@media all and (max-width: 640px) {
    #bo_btn_top {
        gap: 8px;
    }

    .ott-cate-dropdown__btn,
    .ott-cate-select select {
        min-width: 110px;
        max-width: 140px;
    }
}


:root {
	/*아보카도 관리자 설정과의 색상충돌 방지*/
	--list-color: transparent; 
	--list-item-color: transparent;

/*색상 설정*/
--load-text: #B0B8CA;/*글자색*/
--load-text2: #fff;/*배경 있는 텍스트 글자색*/
--load-base: #161616;/*그림 위아래, 리플 배경색*/
--load-base2: #2A2A2A;/*리리플 배경색*/
--load-point: #1e4edc;/*포인트 컬러*/
--load-point-trans: #B0B8CA;
--load-point2: transparent;/*그 외 강조색*/
--load-point2-trans: #ffdaf77e;
--load-shadow: rgba(36, 32, 32, 0.32);
--load-pic-shadow: rgba(0, 0, 0, 0.1);/*로그 그림자*/
--load-reply-shadow: rgba(0, 0, 0, 0.041);/*답글 그림자*/
--load-gra: linear-gradient(to right, #434F64, #434F64);
/*배경 설정-밑줄에 들어가는 색상*/

/*해시태그 설정*/
	--load-hash: white;
	--load-hash-bg: #d3d3d3;
	--load-hash-ho: white;
	--hash-font: 'Paperlogy-4Regular';
	}
	
	/*해시태그 디자인*/
	
	.link_hash_tag,
	.pic-footer .link_hash_tag {
	font-family: var(--hash-font);
	font-size: 12px;
	position: relative;
	margin: 1px;
	padding: 1px 7px;
	color: var(--load-hash);
	border: 1px solid var(--load-hash);
	/*text-shadow: -1px 0 #B0B8CA, 0 1px #B0B8CA, 1px 0 #B0B8CA, 0 -1px #B0B8CA;*/
	/* background-color: var(--load-hash-bg); */
	border-radius: 100px;
	filter:drop-shadow(0px 0px 1px rgba(0,0,0,0.3));
	transition-duration: 0.2s;
	}
	
	
	.link_hash_tag:hover:after,
	.pic-footer .link_hash_tag:hover:after {
	color: var(--load-hash);
	}
	
	.link_hash_tag:hover,
	.pic-footer .link_hash_tag:hover {
	color: black;
	font-weight: bold;
	background-color: var(--load-hash-ho);
	}


.board-comment-list.theme-box{border: 0px solid }

#header {z-index: 5;}
.pg_wrap {
    display: block;
    position: relative;
    text-align: center;
}

/* 게시판 목록 */
/*.board-category	{
	float:left;height:30px;
	display: block;
	position: relative;margin: 10px 0; 
	
} 
#navi_category ul {text-align:center;}
#navi_category li {display:inline-block; padding:5px 0;}
#navi_category li:before {display:inline-block; content:"|";padding:0 15px;opacity:.6;}
#navi_category li:first-child:before {display:none;content:"";}
#navi_category #bo_cate_on {font-weight:bold;}*/
/* 갤러리 목록 */
#bo_gall {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:0px 0 10px 0;padding:0;list-style:none;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative; padding:0;overflow:hidden; opacity: 0.999;}
#bo_gall .gall_box:hover {opacity:1;}

#bo_gall .gall_li .gall_chk{position:absolute;bottom:0;left:0;right:0; z-index: 2;}
#bo_gall .gall_li .gall_chk label{display:block;width:100%;padding:10px;box-sizing:border-box;}

.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:2.5px;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_con {width:100%;height:100%;}  

#bo_gall .bo_tit{display:block;font-weight:bold; width:100%;height:100%;padding:0 10px;box-sizing:border-box;text-align:center;} 
/* 게시판 목록 공통 */
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right; }
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none} 
.bo_fx #chkall {display:inline-block;width:0;height:0;overflow:hidden;}
.bo_fx #chkall + label span {display:inline-block;font-size:12px;line-height:26px;} 
.bo_fx #chkall + label span:after {content:"선택";}
.bo_fx #chkall + label span.on:after{ content:"해제";}
.bo_fx ul {margin:0;padding:0;list-style:none} 

.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:0 8px;border:0; text-decoration:none;vertical-align:middle}  
 
#bo_sch {float:left;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;height:28px;float:left;}
#bo_sch .sch_input{height:28px;border:0;padding:0 10px;float:left}
#bo_sch .sch_btn{ float:left; margin-top:-1px; }

#bo_gall li.empty_list {padding:85px 0;text-align:center} 
  
#bo_gall li.gall_li.bo_notice .gall_name,#bo_gall li.gall_li.bo_notice .gall_date{display:none;} 
#bo_gall li.gall_li.bo_notice,#bo_gall li.gall_li.bo_notice .gall_box ,#bo_gall li.gall_li.bo_notice .gall_con{display:block;width:100%;clear:both;}  
#bo_gall li.gall_li.bo_notice .bo_tit{padding:10px;height:auto; color: var(--btn-primary-bg); background: var(--btn-primary-text);}
#bo_gall li.gall_li.bo_notice .gall_chk{left:auto;right:0;top:0;bottom:0;}  
#bo_gall li.gall_li.bo_notice .gall_box {opacity:1;}
#bo_gall .bo_notice .notice_icon{display:inline-block; width:20px;height:20px;line-height:18px;padding:0;margin-right:5px;font-style:normal;text-align:center;font-weight:bold; pointer-events: none; background: var(--btn-primary-bg) !important; color: var(--btn-primary-text) !important;}
#bo_gall li.gall_li.bo_notice .cate {display:none;}
#bo_gall li.gall_li.bo_notice .info_movie {display:none;}
#bo_gall li.gall_li.bo_notice .gall_box:hover {box-shadow: none;}
#bo_gall li.gall_li.bo_notice .gall_box {background: none;}
#bo_gall li.gall_li.bo_notice .gall_box:hover {
transition:none;
width:100%;
height:100% !important;
transform: scale(0);
transform: translate(0);
margin-left: 0 !important;
transform-origin:top left
}


/* 공지 커스텀 
.review-item.notice {
	display: inline-block;
    margin-left: 5px;
    border-radius: 5px;
    padding: 5px 0;
    width: 627.5px !important;
}
.review-item.notice .review-item-content {
	color:var(--color-default); 
}
.review-item.notice .review-item-content:hover {font-weight:600;}
.review-item.notice .review-item-content span {padding:2px 8px;}
.review-item.notice .review-item-content span.hash {
	background: #3f3f3f;
    color: #f2f2f2;
    font-weight: bold;
	border: 1px solid #9e9e9e;
	border-radius: 5px;
	margin-right: 10px;
}
	*/
 
.pg_wrap{clear:both;}

/* 갤러리 뷰 */
#password_box {max-width:300px;margin:20px auto;position:relative;z-index:9999;}
#password_box p{padding:5px;}
#view_box{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:999;}
#view_box.on {display:block;}
#view_box .fix-layout {margin:0 auto;height:100%;}
#view_box #close_area{display:block;position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:10;}
#view_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;}

#bo_v {position:relative;padding:20px 30px;box-sizing:border-box; overflow:auto;} 

#bo_v_top{position:absolute;width:100%;left:0;z-index:999;}
#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 {padding-right:20px;list-style:none;word-break:break-all}

#bo_v_info {padding:0 10px;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {font-size:15px;padding-bottom:5px;}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal; font-family: var(--title-font-family);} 
#bo_v_info .if_date{margin:0;}

.bo_v_com { float:right; }
.bo_v_com li {float:left;margin-right:8px}

.bo_v_left { float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {
	position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 0px;
    /* transform: translateY(-50%); */
    z-index: 999;
} 
.bo_v_nb .prev, .bo_v_nb .next{position:relative;display:block;width:50px;height:50px;line-height:50px;}
.bo_v_nb .prev {float:left}
.bo_v_nb .next {float:right;}
.bo_v_nb .prev:after {content:"<";}
.bo_v_nb .next:after {content:">";}
.bo_v_nb .prev:after, .bo_v_nb .next:after{position:absolute;top:0;display:block;width:100%;height:100%;font-size:35px;text-align:center;}
.bo_v_nb .prev span, .bo_v_nb .next span{display:inline-block;width:0;height:0;white-space:nowrap;overflow:hidden;}
 
#bo_v .bo_block {position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;}

#bo_v_atc {min-height:100px;padding:30px 10px 10px; }  
#bo_v_atc p { z-index: 101; position: relative;}  


#bo_v_con { width:100%; overflow:hidden} 
#bo_v_con img {max-width:100%;height:auto}
 
#bo_vc_act li {display: inline-block;}


/*글쓰기*/ 
#bo_w .theme-box{
	width: 900px;
	overflow-x: hidden;
  margin: 0 auto;
}
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:0;right:0;line-height:30px;height:30px;}
#bo_w .bo_w_link label,#bo_w .bo_w_flie label{display:inline-block;height:28px;line-height:28px;width:60px;background: #eee;text-align:center;color:#000} 
#bo_w .bo_w_link .frm_input,#bo_w .bo_w_flie .frm_file{padding-left:65px}  
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 } 

.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}



/* 게시판 댓글 (현재 사용안함) */ 
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 10px;position:relative} 
#bo_vc header {line-height:23px;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} 
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:10px;margin:5px 0 0;}
#bo_vc #bo_vc_winfo {float:left} 

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w .btn_confirm{float:right;margin-top:5px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px; text-align:center;}
.bo_vc_w .btn_submit{height:30px;padding:0 20px; font-weight:bold; }
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

.gall_con .source {/*filter: drop-shadow(0 0 3px #000); text-align: right;padding:0 15px 7px 15px; color: #f9f9f9; font-size: 11px; font-weight: 100; word-break: keep-all;*/ display: none;}
.gall_con .list_img {position: absolute; bottom:0;  left:0; right:0; margin: 0 auto; text-align: center; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) , transparent) ; display: none;}
.gall_con .list_img img {max-width: 80%;margin-bottom:20px; text-align: center; max-height:50px;}
#bo_gall .gall_box:hover .info_movie {opacity: 1;}
#bo_gall .gall_box:hover .list_img {opacity: 0;}

.gall_con .play_btn { background-color: white; color: black; width:30px; height: 30px; padding-left: 5px; box-sizing: border-box; display: inline-block; border-radius: 50%; font-size: 20px; line-height: 30px; text-align: center; position: absolute; top:-8px; right: 50px;}
.gall_con .plus_btn { border:1px solid rgb(105, 105, 105);  color: rgb(105, 105, 105); width:30px; height: 30px; box-sizing: border-box; display: inline-block; border-radius: 50%; font-size: 20px; line-height: 30px; text-align: center; position: absolute; top:-8px; right: 15px;}
.play_btn, .plus_btn {pointer-events: none;}

#bo_gall .gall_box{border: 1px solid #9e9e9e; border-radius: 10px;}
#bo_gall .gall_box:hover {box-shadow: 0 21px 54px rgba(0, 0, 0, 0.637);}

.gall_box.theme-box {border: none; border-radius: 0px; /*box-shadow: 0 0 20px #00000042;*/ }
#bo_gall .gall_box {background-position: center; background-repeat: no-repeat; background-size: cover;}
#bo_gall .gall_box:hover {animation:slide 5s infinite linear;background-position: left center; }
@keyframes slide {
	50% { background-position: right center; }
}

.gall_con .subject {font-size: 17px; text-align: right; font-weight: bold; color:#f9f9f9; padding: 0 15px;  filter: drop-shadow(0 0 3px #000); word-break: keep-all;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.gall_con .movie_date {color:#DF1910;  padding-top: 2px;  filter: drop-shadow(0 0 3px #000); text-align: right;padding:0px 15px 12px 15px; font-weight: 100; letter-spacing: 1px; font-size: 15px; font-weight: bold;}

.gall_con .info_movie {text-align: center; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 40% , transparent) ; padding-top: 30px; bottom:0; position: absolute; width:100%; opacity: 0;}

.flyout {display: none !important;}

@media all and (max-width: 1000px) { 
	.gall_con .source {font-size: 8pt;word-break: keep-all; padding: 2px;}
	.gall_con .subject {font-size: 15px;    width: 90%; padding: 2px;}
}


.board-viewer.theme-box	{
	display: block;
	position: relative;
	padding: 20px;
}

.board-viewer .subject	{
	
	display: inline-block;
	text-align: left;
	margin-left:250px;
	/*margin-top: 50px;*/
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.363));	color: #fff;
	min-height: 385px;
}
.board-viewer .subject em	{
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 1.2em;
	padding-bottom: 10px;
}
.board-viewer .subject strong	{
	display: block;
	position: relative;
	font-size: 40px;
	margin-bottom:15px;
	line-height: 50px;
	font-family: var(--title-font-family);
	word-break: keep-all;
}

.board-viewer .date	{
	color:rgb(209, 209, 209);
}
.board-viewer .info .info_title {font-weight: 800; font-size: 11px; color: #a8a8a8; margin-right:8px;}
.board-viewer .genre {background-color: rgb(0, 0, 0, 0.2);
    backdrop-filter: blur(20px); border-radius: 2em; display: inline-block; padding:2px 12px; border: 1px solid #fff; margin:10px 0;}

.board-viewer .info	{
	/*margin-top: 20px;*/
}

.summary {
	width:100%;
	min-height:120px;
	/*margin-bottom:50px;*/
}.board-viewer .contents
.board-viewer .info span	{ display: inline-block; opacity: .8; }
.board-viewer .info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 5px;
}

.title_img {
	max-height:100px;
	max-width: 80%;
	margin-bottom: 15px;
}
.board-viewer .contents	{
	display: block;
	position: relative;
	margin: 10px 0;
	padding: 30px 15px 90px 15px;
	border-left-width: 0;
	border-right-width: 0;
	color:#f2f2f2
}


.star {font-size: 30px; margin-bottom:15px}
.cate {background-color: var(--btn-primary-bg); color:var(--btn-primary-text); border-radius: 5px; display: inline-block; padding:2px 8px; margin:10px; font-weight: bold;}
/* image modal */
.modal {
    display: none;
    z-index: 500;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(12px);
		overflow: hidden;
}
.modalBox {
    position: relative;
    text-align: center;
		top: 10%;
		height: 100%;
	
}

.modalBox img {max-width: 60%; height: 80%;}

#bo_v_bot	{ padding: 25px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }


.board-comment-list			{ position: relative; }
.board-comment-list .co-line	{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
.board-comment-list .item	{
	position: relative;
	padding: 10px 10px 0px 100px;
}
.board-comment-list .co-name	{
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	width: 90px;
	padding: 10px 10px;
	box-sizing: border-box;
}
.board-comment-list .co-info {
	display: block;
	text-align: right;
	padding-top: 15px;
	font-size: 11px;
	color: black;
	opacity: 1;
}
.board-comment-list .co-info span	{ display: inline-block; opacity: .8; }
.board-comment-list .co-info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 10px;
}

.board-comment-list .item.reply	{ border-left: 5px solid transparent; }
.board-comment-list .item.reply .co-name	{
	background: none;
}


.board-comment-list + .board-comment-write	{
	margin-top: 20px;
}

.board-comment-form	{ 
	position: relative;
	padding-right: 80px;
}
.board-comment-form .btn_confirm	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 29px;
	width: 80px;
}
.board-comment-form .btn_confirm .ui-btn	{
	width: 100%;
	height: 100%;
}
.board-comment-form p	{
	margin: 0;
	padding: 5px 10px;
}
.board-comment-form textarea	{ display: block; height: 100px; resize: none; border: 1px solid white; }

#thumb_poster {display: inline-block; position: absolute;}
#thumb_poster img {width:220px; height:320px !important;  object-fit: cover; border-radius: 5px;  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.459));}

#thumb_poster2 { display: block; position: relative; text-align: center; margin-bottom: 15px;}
#thumb_poster2 img { width:500px; height:250px !important;object-fit: cover; border-radius: 1em; filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.459));}

#thumb_poster .play_btn_view {position: absolute; bottom:-50px; font-size: 14px; background-color: white; border-radius: 5px; color:black; font-weight: bold; height: 30px; line-height: 20px; box-sizing: border-box;}
#thumb_poster .play_btn_view a {display: block; padding: 5px 15px; color: inherit;}
#thumb_poster .play_btn_view a::before {content: "▶ "; font-family: 'Pretendard-Regular'; font-size: 18px; vertical-align: middle;}
#thumb_poster .play_btn_view.ott_stop a::before {content: '■ '; font-family: 'Pretendard-Regular'; font-size: 18px; vertical-align: middle;}
#thumb_poster .plus_btn_view {position: absolute; bottom:-50px; left:80px; width: 30px; height: 30px; font-size: 18px; border-radius: 50%; border:2px solid #cccccc;  color: #cccccc;  font-weight: bold; text-align: center; line-height: 26px; box-sizing: border-box;}
#thumb_poster .play_line {width: 45%; height: 3px; border-radius: 2em; background-color: rgba(151, 151, 151, 0.452);position: absolute; bottom:-35px; right:0;}
#thumb_poster .play_line::after {content: ""; display: block;width: 70%; height: 3px; border-radius: 2em; background-color: white;position: absolute; top:0; left: 0;}

#thumb_poster2 .btn_list {display: block; margin-top: 15px; margin-bottom: 10px;}
#thumb_poster2 .play_btn_view {position: relative; display: inline-block;  font-size: 14px; background-color: white; border-radius: 10px; color:black; font-weight: bold;font-family: 'Pretendard-Regular'; height: 30px; line-height: 20px; box-sizing: border-box;}
#thumb_poster2 .play_btn_view a {display: block; color: inherit; padding: 5px 15px;}
#thumb_poster2 .play_btn_view a::before {content: "▶ "; font-size: 18px; vertical-align: middle;}
#thumb_poster2 .play_btn_view.ott_stop a::before {content: '■ '; font-size: 18px; vertical-align: middle;}
#thumb_poster2 .plus_btn_view {position: relative; display: inline-block; width: 30px; height: 30px; margin-left: 5px; font-size: 18px; border-radius: 50%; border:2px solid #cccccc;  color: #cccccc;  font-weight: bold; text-align: center; line-height: 26px; box-sizing: border-box;}
#thumb_poster2 .play_line {width: 25%; height: 3px; margin-left:8px; bottom:5px;border-radius: 2em; background-color: rgba(151, 151, 151, 0.452);position: relative; display: inline-block; }
#thumb_poster2 .play_line::after {content: ""; display: block;width: 70%; height: 3px; border-radius: 2em; background-color: white;position: absolute; top:0; left: 0;}

#thumb_poster .play_btn_view.ott_play,
#thumb_poster2 .play_btn_view.ott_play {display: none;}



@media all and (max-width: 640px) {
	#container_wr {padding: 0 20px; overflow-x: hidden;}
	#thumb_poster { position: absolute;}
	#thumb_poster img { width:40%; height:auto !important;}
	#thumb_poster .play_line {position: relative; top:70px}
.board-viewer .subject	{
	display: inline-block;
	text-align: left;
	width:50%;
	margin-left:50%;
	margin-top:60px;
	margin-bottom: 80px;
}
	.avocado-list li a	{
		line-height: 1.2em;
		padding: 15px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.avocado-list li .ico-cate,
	.avocado-list li .name,
	.avocado-list li .date,
	.avocado-list li .hit	{
		position: relative;
		width: auto;
		left: auto;
		right: auto;
		bottom: auto;
		line-height: 1.2em;
	}

	.avocado-list li .info	{
		display: block;
		text-align: right;
		line-height: 1.0em;
		padding-top: 10px;
	}

	.avocado-list li .ico-cate	{ display: inline; }
	.avocado-list li .ico-cate:before	{ content: "[ "; }
	.avocado-list li .ico-cate:after	{ content: " ]"; }

	.avocado-list li strong	{ display: inline; line-height: 1.2em; font-family: var(--title-font-family);}

	.avocado-list li .name,
	.avocado-list li .date,
	.avocado-list li .hit	{ display: inline; padding: 0 5px; }

	.board-comment-list .item	{ padding: 0; }
	.board-comment-list .co-name	{ position: relative; width: auto; padding: 5px 10px; }
	.board-comment-list .co-content	{ padding: 10px; word-break:break-all;}

}

.back-img {width: 105vw; height:70vh; position:fixed; z-index: -1; left:-10px; top:-10px; background: linear-gradient(to bottom, gray, transparent); overflow: hidden; filter: blur(2px); background-size: cover !important;}
.back-img {   -webkit-mask-image: linear-gradient(black, transparent);	mask-image: linear-gradient (black, transparent); filter: brightness(0.7);}


/*roll20호환*/
/*.message .avatar{
	position: absolute;
    top: 4px;
    left: 5px;
	}
.avatar img{
	width:100% !important;
	}

.message.you {
 	color: #000000 !important;
 	background-color: #d3e5f5 !important;
}
.message.desc {
	background-color: #f1f1f1!important;
    color: #333333 !important;
}

.message{
	position: relative;
 	background-color: #ffffff !important;
 	color: #000000 !important;
	}
.message .spacer {
    background: transparent !important;
	}

.emote {
	padding-left:0 !important;
	padding-right:0 !important;
	background-color: #d4b8a0 !important;
}

.sheet-rolltemplate-coc-1{
	width: 100%;
    position: relative;
}
.__se_tbl_ext{
	width: 100% !important;
	color:#000000 !important;
}

.sheet-template_label{
	width: 25% !important;	
}
.formula, .rolled {
	display: inline;
    color: #0d0d0d !important;
    word-wrap: break-word;
    border: none !important;
}
.dicegrouping{
float: left;
}

.dicon{
	display:inline-block !important;
	}
.diceroll{
	display: inline-block;
	}*/

	
	
	
	#bo_v_img {
		text-align: center;
		margin-bottom:35px;
	}

	#bo_v_img img {
		width: 100%;
	}


	.title_trpg {width:100%;font-family: 'Pretendard-Regular'; height:auto !important; padding-bottom:4px !important; font-size: 13px; line-height: 13px; padding-top:4px !important; opacity: 0;}
	.gall_box:hover .title_trpg {opacity: 1;}



	@media all and (max-width:1000px) {
		.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{width:100%}
	
	}
	

	caption {display:table-caption !important}

	caption .success_1 {background: none !important;}

	.sheet-template_value {padding:0px !important; }

	.inlinerollresult {margin:2px 0;}

	.success_1 {}

/************************************
매복사랑니 CUSTOM START
************************************/
@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	}
	@font-face {
	font-family: 'GongGothicLight';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	@font-face {
	font-family: 'PyeongChangPeace-Bold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	}
	@font-face {
	font-family: 'Cafe24Ohsquare';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	@font-face {
	font-family: 'KIMM_Bold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	}
	@font-face {
	font-family: 'InkLipquid';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	@font-face {
	font-family: 'KCC-eunyoung';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	@font-face {
	font-family: 'ROEHOE-CHAN';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
	@font-face {
	font-family: 'PFStardust';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/PFStardust.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	:root {
	/* 글자색깔 */
	--mr-text1: #3f3f3f;
	--mr-text2: #f2f2f2;
	/* 포인트색 */
	--mr-point1: #d3d3d3;
	--mr-point2: #848484;
	--mr-point3: black;
	/* 글꼴 */
	--mr-font1: 'Paperlogy-4Regular';
	--mr-font2: 'GongGothicLight';
	--mr-font3: 'Cafe24Ohsquare';
	--mr-font4: 'KIMM_Bold';
	--mr-font5: 'PFStardust';
	--mr-font6: 'InkLipquid';
	--mr-font7: 'KCC-eunyoung';
	--mr-font8: 'ROEHOE-CHAN';
	}
	#body {
	min-height: 0px !important;
	}
	.action-check a.new_win { color: var(--mr-point2) !important;}
	
	/* selection
	::selection { background:var(--mr-point1)!important;color:var(--mr-text1)!important; }
	::-moz-selection { background:var(--mr-point1)!important;color:var(--mr-text1)!important; }
	::-webkit-selection { background:var(--mr-point1)!important;color:var(--mr-text1)!important; }*/
	
	/* scroll
	*::-webkit-scrollbar-track { background-color: #D4D9C1!important; }
	*::-webkit-scrollbar-thumb { background: #A2A69C!important; }*/
	
	
	
	
	/* 버튼 */
	a.close-comment { color: var(--mr-point2) !important; }
	.pic-header .re:before, .pic-header .mod:before, .pic-header .del:before { color: black !important;}
	/* .ui-comment .re:before, .ui-comment .mod:before, .ui-comment .del:before { color: var(--mr-point3) !important; }*/
	.blind-btn { color: var(--mr-point2) !important; }
	
	
	.ui-btn {display: inline-block;}

	.ui-btn.mr-btn {
	width: 42px;
	padding: 2px !important;
	cursor: pointer !important;
	}
	.ui-btn.mr-btn i {
	color: inherit !important;
	font-size: 20px !important;
	line-height: 23px !important;
	}
	
	
	/* 외부링크 */
	#log_list .item .item-inner .co-content .other-site-link {
	display:inline-block;
	line-height: 16px;
	padding:0 5px;
	margin: 2px 0;
	border-radius:5px;
	
	font-family: var(--mr-font2) !important;
	font-size:11px;
	font-weight:bold;
	color: var(--mr-text1) !important;
	background-color: var(--mr-point1) !important;
	border: 1px solid var(--mr-text1);
	}
	#log_list .item .item-inner .co-content .other-site-link:after {
	content:"\f0c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left:2px;
	}
	#log_list .item .item-inner .co-content .other-site-link:hover {
	color: var(--mr-text1) !important;
	background-color: var(--mr-point2) !important;
	
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3)) !important;
	}
	/* 로그앵커 */
	#log_list .item .item-inner .co-content .log_link_tag {
	display:inline-block;
	line-height: 16px;
	padding:0 5px;
	margin: 2px 0;
	border-radius:5px;
	
	font-family: var(--mr-font2) !important;
	font-size:11px;
	font-weight:bold;
	color: var(--mr-text1) !important;
	background-color: var(--mr-point1) !important;
	border: 1px solid var(--mr-text1);
	}
	#log_list .item .item-inner .co-content .log_link_tag:before {
	content:"\f0a4";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 3px;
	}
	#log_list .item .item-inner .co-content .log_link_tag:hover {
	color: var(--mr-text1) !important;
	background-color: var(--mr-point2) !important;
	}
	
	/* HINT.CSS CUSTOM */
	.hint--mrpoint1:after { background-color: var(--mr-point1)!important; color: var(--mr-text1)!important; text-shadow: none!important; }
	.hint--mrpoint1.hint--top-left:before { border-top-color: var(--mr-point1); }
	.hint--mrpoint1.hint--top-right:before { border-top-color: var(--mr-point1); }
	.hint--mrpoint1.hint--top:before { border-top-color: var(--mr-point1); }
	.hint--mrpoint1.hint--bottom-left:before { border-bottom-color:var(--mr-point1); }
	.hint--mrpoint1.hint--bottom-right:before { border-bottom-color:var(--mr-point1); }
	.hint--mrpoint1.hint--bottom:before { border-bottom-color:var(--mr-point1); }
	.hint--mrpoint1.hint--left:before { border-left-color: var(--mr-point1); }
	.hint--mrpoint1.hint--right:before { border-right-color: var(--mr-point1); }
	
	.hint--mrpoint2:after { background-color: var(--mr-point2)!important; color: var(--mr-text2); text-shadow: none!important; }
	.hint--mrpoint2.hint--top-left:before { border-top-color: var(--mr-point2); }
	.hint--mrpoint2.hint--top-right:before { border-top-color: var(--mr-point2); }
	.hint--mrpoint2.hint--top:before { border-top-color: var(--mr-point2); }
	.hint--mrpoint2.hint--bottom-left:before { border-bottom-color:var(--mr-point2); }
	.hint--mrpoint2.hint--bottom-right:before { border-bottom-color:var(--mr-point2); }
	.hint--mrpoint2.hint--bottom:before { border-bottom-color:var(--mr-point2); }
	.hint--mrpoint2.hint--left:before { border-left-color: var(--mr-point2); }
	.hint--mrpoint2.hint--right:before { border-right-color: var(--mr-point2); }
	
	.hint--mrpoint3:after { background-color: var(--mr-point3)!important; color: var(--mr-text2); text-shadow: none!important; }
	.hint--mrpoint3.hint--top-left:before { border-top-color: var(--mr-point3); }
	.hint--mrpoint3.hint--top-right:before { border-top-color: var(--mr-point3); }
	.hint--mrpoint3.hint--top:before { border-top-color: var(--mr-point3); }
	.hint--mrpoint3.hint--bottom-left:before { border-bottom-color:var(--mr-point3); }
	.hint--mrpoint3.hint--bottom-right:before { border-bottom-color:var(--mr-point3); }
	.hint--mrpoint3.hint--bottom:before { border-bottom-color:var(--mr-point3); }
	.hint--mrpoint3.hint--left:before { border-left-color: var(--mr-point3); }
	.hint--mrpoint3.hint--right:before { border-right-color: var(--mr-point3); }
	
	.hint--white:after { background-color: #fbfbfb!important; color: var(--mr-text1)!important; text-shadow: none!important; }
	.hint--white.hint--top-left:before { border-top-color: #fbfbfb; }
	.hint--white.hint--top-right:before { border-top-color: #fbfbfb; }
	.hint--white.hint--top:before { border-top-color: #fbfbfb; }
	.hint--white.hint--bottom-left:before { border-bottom-color:#fbfbfb; }
	.hint--white.hint--bottom-right:before { border-bottom-color:#fbfbfb; }
	.hint--white.hint--bottom:before { border-bottom-color:#fbfbfb; }
	.hint--white.hint--left:before { border-left-color: #fbfbfb; }
	.hint--white.hint--right:before { border-right-color: #fbfbfb; }
	
	/************************************
	매복사랑니 CUSTOM END
	************************************/


#ott_bgm_wrap {width: 0px; height: 0px; overflow: hidden;}