@charset "utf-8";
@font-face {
    font-family: 'MabinogiClassicR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/MabinogiClassicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
 
#body hr.padding {height:0;padding:0;}
#body .fix-layout {max-width:1200px;}
body {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto; /* macOS Firefox 호환성 */
  }



:root{
	/*색상 설정*/
	--mb-box: silver; /*창 테두리 색*/
	--mb-shadow-light: #fff; /*창의 가장 밝은 색*/
	--mb-shadow-middle-light: #dfdfdf; /*창의 중간 밝은 색*/
	--mb-shadow-middle-dark: grey; /*창의 중간 어두운 색*/
	--mb-shadow-dark: #0a0a0a; /*창의 가장 어두운 색*/
	--mb-gra: linear-gradient(90deg, navy, #1084d0); /*상단 바 그라데이션 색*/
}



/*목록*/

.mb_board_notice	{ max-width: 300px; padding: 10px; margin: 30px auto; text-align: center; box-sizing: border-box; }

#navi_category ul {text-align:center;padding:30px 0;}
#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;}

.mb_board_skin-basic{
position:relative;
width:100%;
margin:30px auto 0;
    height: 960px;
    padding: 4px;
    display: flex;
    background: var(--mb-box);
    box-shadow: inset -1px -1px var(--mb-shadow-dark), inset 1px 1px var(--mb-shadow-middle-light), inset -2px -2px var(--mb-shadow-middle-dark), inset 2px 2px var(--mb-shadow-light);
    flex-direction: column;
}

.swiper-container_2 {
	background-image: url("img/bg.png");
	width: auto;
    height: 927px;
	position: relative;
	border: 2px groove transparent;
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;
    box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	background-size: cover;
}
  
.swiper-container h2 {
	padding: 45px 0 20px;
} /* 카테고리 - 분류별 정렬 시 사용 */
  
.swiper-container li.bo-list {
	align-items: center;
    display: flex;
    position: relative;
    padding: 0;
    text-align: center;
    width: 350px !important;
    flex-direction: row;
    box-shadow: rgb(155 155 155) 0px 0px 0px 1px, rgb(70, 70, 70) 0px 0px 0px 3px;
    padding: 4px;
    border-radius: 1px;
	color: white;
	text-shadow: -2px 0px 2px black, 0px 2px 2px black, 2px 0px 2px black, 0px -2px 2px black;
	font-family: 'MabinogiClassicR';
	font-weight: 100;
	font-size: 11px;
}




.swiper-container li.bo-list:hover {
	background-color: #BDBDBD;
    text-shadow: -2px 0px 2px #dddddd, 0px 2px 2px #dddddd, 2px 0px 2px #dddddd, 0px -2px 2px #dddddd;
}
  
.swiper-wrapper {
	display: flex;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.2);
    align-items: center;
	padding: 3px;
    box-shadow: rgb(173 173 173) 0px 0px 0px 1px, rgb(113 113 113) 0px 0px 0px 3px;
    border-radius: 1px;
	overflow: auto;
}

  .swiper-container li a {
	display: block;
	flex-direction: column;
    align-items: center;
	color: white;
}
  
  .swiper-container li a.ui-thumb {
	overflow: hidden;
	box-shadow: rgb(145, 145, 145) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 3px;
	background-color: white;
  } /* 썸네일 기본 */

  .swiper-container li a.ui-profile {
	text-align: left;
	padding: 10px;
	
  } 
  

  .swiper-container li a.ui-profile .name,
  .swiper-container li a.ui-profile .type {
	display: block;
	line-height: 130%;
	word-break: break-all;
  }
  
  .swiper-container li a.ui-profile .name {
	font-size: 13px;
	font-weight: 100;
  } /* 이름 */
  

  

.swiper-container li.swiper-slide {
	overflow:hidden;
	padding:0;
	text-align: center;   
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}  
.swiper-slide a{position:relative;display:block;width:100%;height:100%;	font-size: 20px; line-height:150%}  
.mb_board_skin-basic .swiper-button-prev, .mb_board_skin-basic .swiper-container-rtl .swiper-button-next,
.mb_board_skin-basic .swiper-button-next, .mb_board_skin-basic .swiper-container-rtl .swiper-button-prev {background-image:none;font-size:44px;line-height:44px;}
.mb_board_skin-basic .swiper-button-prev, .mb_board_skin-basic .swiper-container-rtl .swiper-button-next {left:10px;}
.mb_board_skin-basic .swiper-button-next, .mb_board_skin-basic .swiper-container-rtl .swiper-button-prev {right:10px;} 


/*글쓰기*/

.mb_board_write	{  max-width:800px; padding: 0 10px; margin:30px auto; font-family: 'MabinogiClassicR'}
.mb_board_write > dl {position:relative;}
.mb_board_write > dl > dt { width:100px;position:absolute;line-height:32px;text-align:center; }
.mb_board_write > dl > dd { width:100%;margin-left:0;padding-left:110px;box-sizing:border-box;line-height:32px;}
.mb_board_write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}
.mb_board_write .frm_input.small { width:50px;}
.mb_board_write .frm_info{line-height:140%;}
.mb_board_write .write-notice	{
	padding: 20px 10px 10px;
	font-size: 11px;
}

.mb_board_write .files {position:relative;}
.mb_board_write .files	{ margin-top: 20px;}  
.mb_board_write .files .sub {position:relative;padding-left:65px; box-sizing:border-box;} 
.mb_board_write .files span.sub_tit{position:absolute;left:0;display:block;width:65px;} 
.mb_board_write .files .frm_info{padding-top:5px;}
.mb_board_write .files .label-right {position:absolute;top:0;right:0;z-index:2;}


/*본문*/

.mb_board_viewer	{
	width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    height: 960px !important;
		background: var(--mb-box);
    box-shadow: inset -1px -1px var(--mb-shadow-dark), inset 1px 1px var(--mb-shadow-middle-light), inset -2px -2px var(--mb-shadow-middle-dark), inset 2px 2px var(--mb-shadow-light);
    padding: 3px;
    margin-top: 50px !important;}

.mb_board_viewer:after{content:"";display:block;clear:both;}


.frame-top-1 {
	width: 100%;
	height: 23px;
	box-sizing: border-box;
	background: var(--mb-gra);
	padding: 0 5px;
	text-align: left;
	margin-bottom: 3px;
  }

  .frame-top-1 span {
	color:rgb(255, 255, 255);
	position:  relative;  
	margin: 0 0 auto; 
	font-size: 11px;
	line-height: 23px;
}
.staus_bar_botton1 {
	width: 20px;
	height: 19px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 10px;
	color: black;
	transform: rotate(0deg);
	float: right;
	margin: 2px 0px 0px 0px;
	font-weight: 900;
	background-color: var(--mb-box);
}

.staus_bar_botton1:active {
	color: black;
	transition-duration: 0s;
	transform: translateX(1px) translateY(1px);
}

.staus_bar_botton1:before {
	content: '×';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--mb-box);
    box-shadow: inset -1px -1px var(--mb-shadow-dark), inset 1px 1px var(--mb-shadow-light), inset -2px -2px var(--mb-shadow-middle-dark), inset 2px 2px var(--mb-shadow-middle-light);
	line-height: 19px;
	text-indent: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	font-family: gulim;
}

.staus_bar_botton1:active:before {
	box-shadow: inset -1px -1px var(--mb-shadow-light), inset 1px 1px var(--mb-shadow-dark), inset -2px -2px var(--mb-shadow-middle-light), inset 2px 2px var(--mb-shadow-middle-dark);
}


.staus_bar_botton2 {
	width: 20px;
	height: 19px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 10px;
	color: black;
	transform: rotate(0deg);
	float: right;
	margin: 2px 0px 0px 0px;
	font-weight: 700;
}

.staus_bar_botton2:active {
	color: black;
	transition-duration: 0s;
	transform: translateX(1px) translateY(1px);
}

.staus_bar_botton2:before {
	content: '?';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--mb-box);
    box-shadow: inset -1px -1px var(--mb-shadow-dark), inset 1px 1px var(--mb-shadow-light), inset -2px -2px var(--mb-shadow-middle-dark), inset 2px 2px var(--mb-shadow-middle-light);
	line-height: 19px;
	text-indent: 0;
	text-align: center;
	font-size: 13px;
	font-weight: 900;
	font-family: gulim;
	
}

.staus_bar_botton2:active:before {
	box-shadow: inset -1px -1px var(--mb-shadow-light), inset 1px 1px var(--mb-shadow-dark), inset -2px -2px var(--mb-shadow-middle-light), inset 2px 2px var(--mb-shadow-middle-dark);
}



.mb_board_viewer .body_img { 
	position: absolute;
	overflow: hidden;
	width: 500px;
	top: 160px;
	height: 650px;
	z-index: 1;
} 

#mb_board_gradient { 
	content: "";
	background-image: url("img/gradient.png");
	background-repeat: repeat-x;
	z-index: 2;
	position: absolute;
	width: calc(100% - 9px);
	height: calc(100% - 35px);
} 

.mb_board_viewer .bg_img {
	position: absolute;
	width: calc(100% - 7px);
	height: calc(100% - 33px);
	overflow: hidden;
	border: 2px groove transparent;
	border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;
	box-sizing: border-box;
}

#links-box-open {
	display: none;
  }
  
  .links-box {
	position: absolute;
	top: 40px;
	left: 15px;
	width: 100%;
  }
  
  .links-box .ui-links {
	overflow: hidden;
	padding: 10px;
  }
  

  .links-box .ui-links ul {
	display: flex;
	flex-direction: row;
	
  } 

  .links-box .ui-links li {
	margin:3px;
  }
  
  #rel_link {
	position: absolute;
    
  }
  
  #rel_link li a.ui-thumb {
    cursor: pointer;
	color: white;
	box-shadow: rgb(145, 145, 145) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 3px;
	margin: 3px;
	z-index: 999;
	}
  
  
	.links-box .ui-links li::after {
		content: "";
		width: 40px;
		height: 40px;
		border: 1px dashed #a1a1a1;
		z-index: 9;
		display: flex;
		position: relative;
		top: -33px;
		left: 9px;
		}
  
  #clo_link {
	float: right;
  }
  
  #clo_link li {
	text-align: right;
  }
  

  

.mb_board_viewer .mb_contents	{ 
    position: absolute;
    box-sizing: border-box;
    width: 720px !important;
    height: 270px !important;
    top: 550px;
    right: 180px;
    z-index: 3;
		background: linear-gradient(180deg, rgba(25, 25, 25, 0.95), rgba(20, 20, 18, 0.95));
		border-image-source: url(img/frame.png);
    border-image-width: 10px 10px 10px 10px;
    border-image-slice: 10 10 10 10;
		background-size: contain;
		background-repeat: no-repeat;
    border-image-repeat: stretch;
    font-family: 'MabinogiClassicR';
	border-radius: 3px;
} 

.mb_board_viewer .mb_contents .mb_content-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 20px 50px;
	height: -webkit-fill-available;
}

#mbng_note {
    box-sizing: border-box;
    top: 15px;
    right: -50px;
    z-index: 4;
	position: absolute;
}

.clear #mbng_note {
	background: linear-gradient(180deg, rgba(25, 25, 25, 0.9), rgba(20, 20, 18, 0.9));
	border: 1px solid black;
	width: 300px;
	height: 100px;
	right: 0px;
	top: -110px;
}
.clear #mbng_note .note_con {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.clear #mbng_note img {
	display: none;
}
.clear #mbng_note .note_button {
	color: white;
}
.clear #mbng_note .note_btn_sub {
	display: none;
}
.clear #pageNav_total {
	top: unset;
	bottom: 5px;
	right: 30px;
	color: white;
}
.clear #pageNav {
	width: 100%;
	height: 100%;
}
.clear #pageNav .page_btn {
	position: absolute;
	width: unset;
	top: unset;
	bottom: -5px;
	height: unset;
	height: 30px;
	width: 30px;
}
.clear #pageNav .page_btn:first-child {
	right: 40px;
}
.clear #pageNav .page_btn:first-child::before{
	content:'<';
	color: white;
}
.clear #pageNav .page_btn:first-child:hover::before,
.clear #pageNav .page_btn:last-child:hover::before {
	font-weight: bold;
}
.clear #pageNav .page_btn:last-child {
	right: 0px;
}
.clear #pageNav .page_btn:last-child::before {
	content: '>';
	color: white;
}
.clear .con_btns {
	flex-wrap: wrap;
	height: unset;
	bottom: 28px;
}
.clear #mb_board_gradient {
	background-size: contain;
}

.clear #mbng_bot .mbng_com a {
	padding: 0px 10px;
	min-width: 50px;
}

#mbng_note .note_button {
	position: relative;
	background-color: transparent;
	border: 1px solid #595A68;
	color: blue;
	border-radius: 1%;
	font-family: 'MabinogiClassicR';
	font-size: 11px;
	padding: 2px;
	z-index: 999;
	border-radius: 2px;
} 

#mbng_note .note_button:hover {
	font-weight: bold;
}

#mbng_note .note_con {
    position: absolute;
    top: 0;
    color: black;
		padding: 15px 25px;
    max-height: 210px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    width: 90%;
    align-items: center;
    align-content: space-between;
}


#pageNav_total {
	position: absolute;
    top: 220px;
    right: 70px;
}


#pageNav .page_btn {
	position: relative;
    width: 170px;
    top: -260px;
    height: 250px;
    background-color: transparent;
    border: 1px solid transparent;
	z-index:5;
	color: transparent;
}


.note_con_btn {
	margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	width: 125px;
}



#mbng_name {
	color: white;
	font-size: 12px !important;
	padding: 5px 0px 10px 0px;
}

.note_btn_sub {
	font-size: 11px;
}

#mbng_con {
	padding:0px;
	font-size: 11px;
	width: 50%;
	max-height: 150px;
	overflow: scroll;
	-ms-overflow-style: none;
	font-weight: 100;
	color: white;
	height: 100%;
}  

#mbng_con::-webkit-scrollbar{
	display:none;
  }  

.con_btns {
	display: flex;
	height: 46px;
	align-items: center;
	margin-top: 7px;
	position: absolute;
	bottom: 20px;
	width: calc(100% - 100px);
}

.con_btn {
	box-shadow: inset -1px -1px 1px #212121, inset 1px 1px 1px #4C4C4C, inset -2px -2px 1px #353535, inset 2px 2px 1px #4C4C4C;
    background-color: #3C3C3C;
    font-family: 'MabinogiClassicR';
    font-size: 11px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    cursor: pointer;
    margin: 3px;
    border-radius: 2px;
	color: white;
}

.con_btn:hover {
	box-shadow: inset -1px -1px #3F3F3F, inset 1px 1px #5D5D5D, inset -2px -2px #3d3d3d, inset 2px 2px #5D5D5D;
    background-color: #4B4B4B;
}

.con_btn:active {
	box-shadow: inset -1px -1px 1px #4C4C4C, inset 1px 1px 1px #212121, inset -2px -2px 1px #353535, inset 2px 2px 1px #212121;
    background-color: #353535;
} 


.mbng_btn_box {
	display: flex;
	flex-direction: row;
}

.mbng_btn {
	box-shadow: inset -1px -1px 1px #212121, inset 1px 1px 1px #4C4C4C, inset -2px -2px 1px #353535, inset 2px 2px 1px #4C4C4C;
    background-color: #3C3C3C !important;
    font-family: 'MabinogiClassicR';
    font-size: 11px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer; 
	margin: 2px;
    color: white;
    padding: 1px 24px;
	border-radius: 2px;
}




.mbng_com {
	display: flex;
	flex-direction: row;
}


.mbng_btn:hover {
	box-shadow: inset -1px -1px #303030, inset 1px 1px #5D5D5D, inset -2px -2px #3d3d3d, inset 2px 2px #5D5D5D;
    background-color: #4B4B4B !important;
}

.mbng_btn:active {
	box-shadow: inset -1px -1px 1px #4C4C4C, inset 1px 1px 1px #212121, inset -2px -2px 1px #353535, inset 2px 2px 1px #212121;
    background-color: #353535 !important;
} 


#mbng_bot	{ padding: 15px;
    z-index: 3;
    position: relative;
    float: right;}

#mbng_bot .mbng_btn {margin-bottom:2px;
	box-shadow: inset -1px -1px #212121, inset 1px 1px #4C4C4C, inset -2px -2px #353535, inset 2px 2px #4C4C4C;
    border: 1px;
    background-color: #3C3C3C;
	font-family: 'MabinogiClassicR';
	font-size: 11px;
	cursor:pointer; 
} 

#mbng_bot .mbng_btn:active {
	box-shadow: inset -1px -1px #4C4C4C, inset 1px 1px #212121, inset -2px -2px #353535, inset 2px 2px #212121;
    border: 1px;
    background-color: #353535;
} 




.mb_board_viewer .mb_contents::-webkit-scrollbar,.mb_board_viewer .body_img::-webkit-scrollbar {display:none;} /*스크롤바 숨김*/

.mb_board_viewer.clear{height:auto;}
.mb_board_viewer.clear .body_img, .mb_board_viewer.clear .mb_contents{
	float: none;
	width: 90% !important;
	clear: both;
	height: auto;
	right: unset;
	left: 50%;
	translate: -50% 0;
}
.mb_board_viewer.clear .mb_contents {
margin:0 auto 30px;	
}

.mb_board_viewer.clear .body_img {text-align:center;}  
.mb_board_viewer .body-img {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
 }
.mb_board_viewer .body-img img{ 
	cursor:pointer; 
	max-height:100%; /* 전신 세로 최대를 스크린 사이즈에 맞게 설정 */
} 
  
.mb_board_comment-view {position:relative;clear:both;overflow:hidden;}
p.add { margin: 10px 0;}
p.add.txt-left {float:left;} 
p.add.txt-right {float:right;}
p.add a {display:inline-block;}
#bo_vc_w {clear:both;} 


.co-content {text-align:right;}

.mb_board_comment-list			{ position: relative;clear:both; } 
.mb_board_comment-list .item	{
	position: relative; 
	margin-bottom:5px;
} 
.mb_board_comment-list strong {display:block;margin:20px 0 5px;}
.mb_board_comment-list .co-content {box-sizing:border-box;padding-right:50px;padding-bottom:5px;}
.mb_board_comment-list .co-content .co-inner {text-align:left;}
.mb_board_comment-list .co-info {position:absolute; width:50px; top:0;right:0;}
.mb_board_comment-list .co-content .mbng_btn {padding:0 8px; margin:0 2px;}
.mb_board_comment-form	{ 
	position: relative;
	padding-right: 80px;
}
.mb_board_comment-form .btn_confirm	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 80px;
}
.mb_board_comment-form .btn_confirm .mbng_btn	{
	width: 100%;
	height: 100%;
}
.mb_board_comment-form p	{
	margin: 0;
	padding: 5px 10px;
} 

#wr_content{display:block;height:150px;}
 

#wr_note {
	display: flex;
    flex-direction: column;
}

.wr_note_con {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 4px;
} 

.wr_note_con :placeholder-shown {
	font-family: 'MabinogiClassicR';
	font-size: 11px;
}


.wr_note_con input {
	width:200px;
}

.wr_note_con textarea {
	width: 100%;
	height: 50px;
} 



 


@media all and (max-width: 640px) {   
	.mb_board_category	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.mb_board_category select	{
		width: 100%;
	}

	.bo_fx	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
.mb_board_skin-basic .swiper-button-prev, .mb_board_skin-basic .swiper-container-rtl .swiper-button-next {left:0;}
.mb_board_skin-basic .swiper-button-next, .mb_board_skin-basic .swiper-container-rtl .swiper-button-prev {right:0;}
.mb_board_viewer .body_img ,.mb_board_viewer .contents {width:100%;float:none;clear:both;}
.mb_board_viewer .body_img {text-align:center;} 
.mb_board_write .files .sub {padding-left:0;} 
.mb_board_write .files span.sub_tit{position:relative;} 
.mb_board_write .files .label-right {position:relative;}
#links-box-open {display:block;margin:10px auto;opacity:0.7;}
.links-box {position:relative;top:auto;overflow:hidden;display:none;}
.links-box .ui-links li {font-size:13px;}
}

.next_btn {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer !important;
}

.con_question {
	position: absolute;
	bottom: 20px;
}

.pausePrinter, .contentPrinter {
	height: 100%;
}

.sample_text {
	display: block;
	line-height: 100%;
	background: rgba(255, 255, 255, 0.5);
	color: #252525;
	padding: 10px;
	border-radius: 5px;
}

.con_btn.q_btn {
	height: unset;
	min-height: 18px;
	width: unset;
	min-width: 60px;
	padding: 3px 10px;
}

#goto_top {
	display: none !important;
}