html,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
a,
form,
text,
ol,
li,
ul {
	font-family: '-apple-system-font', 'Malgun Gothic';
	font-size: 10pt;
	user-select: none;
}

/* 반드시 들어가야 하는 스타일 시작 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #EAEAEA;
}

a {
	text-decoration: none;
}

/* 페이징 - 현재 페이지 */
.selected {
	color: #545252;
	font-weight: bold;
}

.no-more-prev {
	background: url('/wikizips/skin_img/icon_prev_no.gif') no-repeat left 4px !important;
}

.no-more-next {
	background: url('/wikizips/skin_img/icon_next_no.gif') right 4px no-repeat !important;
}

/* 카테고리 - 이미지 버튼 */
.ib {
	cursor: pointer;
}

/* 카테고리 - 트리 셀 */
.branch3 {
	cursor: pointer;
}

/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {
	font-size: 9px/9px;
	letter-spacing: 0px;
	color: #717171;
}

/* 달력 월 표시 */
.cal_month {
	font-size: 0.95em;
	height: 18px;
}

/* 달력 요일 표시(th 영역) */
.cal_week1 {
	font-size: 0.95em;
	height: 18px;
	font-weight: normal;
}

/* 달력 일요일 표시(th 영역) */
.cal_week2 {
	font-size: 0.95em;
}

/* 달력 Day(td 영역) */
.cal_day {
	height: 16px;
	color: #A3A3A3;
	font-size: 10px/10px;
	text-align: center;
}

/* 달력 오늘 날짜 표시(td) */
.cal_day4 {
	background: url('/wikizips/skin_img/bg_today.gif') no-repeat 5px 2px;
	color: #fff;
}

/* 달력 글쓴 날 링크 스타일 */
#sidebar .cal_click {
	color: #fff;
	font-size: 10px/12px;
}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {
	position: relative;
}

.rp_admin {
	background: url('/wikizips/skin_img/iconAdmin.gif') no-repeat;
}

.rp_secret {
	color: #f30;
}

.guest_admin {
	background: url('/wikizips/skin_img/iconAdmin.gif') no-repeat;
	padding-left: 20px;
}

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment {
	background: url('/wikizips/skin_img/iconSecret.gif') no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

/* 이미지 아래 캡션 스타일 */
.cap1 {
	color: #999;
	text-align: center;
	padding: 4px 0;
	margin: 0;
}

/* 그림 */
.imageblock {
	margin: 0;
	position: relative;
}

/* 그림 2개 배치 */
.dual {
	margin-bottom: 5px;
}

/* 그림 3개 배치 */
.triple {
	margin-bottom: 5px;
}

/* 본문 - more / less */
.moreless_fold,
.moreless_top,
.moreless_bottom {
	color: #424242;
	font-size: 14px;
	font-weight: bold;
}

.moreless_fold {
	margin-top: 18px;
}

.moreless_top {
	margin-top: 18px;
}

.moreless_content {
	margin: 5px 0 2px 0;
}

.moreless_bottom {
	margin-top: 20px;
}

/* 키워드 */
.key1 {
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr {
	display: none;
}

#taglog ul,
#tagbox ul {
	text-align: justify;
}

#blogMenu li,
#counter li,
#tagbox li,
#taglog li {
	display: inline;
}

.nonEntry li,
.listEntry li,
#sidebar li,
#conter li,
.trackback li,
.commentList li {
	list-style-type: none;
}

/* 포스트 본문 마크업 */
#content .entry {
	margin-bottom: 10px;
	background: white;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea #dcdde1 #cfd1d5 #e1e2e3;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.article dt {
	padding-top: 5px;
	text-decoration: underline;
}

.article dd {
	padding-left: 25px;
	padding-bottom: 5px;
}


/* 이미지를 둘러싼 테이블 bg */
.dual table td,
.triple table td {
	background-color: transparent;
}

/* 블로그 레이아웃 */
#container {
	width: 100%;
	max-width: 512px;
	margin: 0px auto;
}

#header {
	width: 100%;
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#header .logo,
.wiki_search_box {
	height: 44px;
	width: 100%;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.wiki_search_box {
	position: absolute;
	top: -79px;
	left: 0;
	opacity: 0;
	padding: 2px 0;
}

#header .logo .logo_img {
	float: left;
	width: 96.8px;
	height: 44px;
	background-image: url('/wikizips/skin_img/wikilogo-min2.png');
	background-size: 96.8px;
}

#header .top_bar {
	width: 100%;
	border-bottom: 1px solid #d9d9da;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	background: #F8F8F8;
	z-index: 999;
}

#header .top_bar .td {
	padding: 10px 0px 7px 0px;
	width: 33.33%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	color: #47484f;
	float: left;
}

#sidebar {
	display: none;
	padding-top: 40px;
	padding-bottom: 21px;
	border-bottom: 1px solid #000;
}

.sidebar-one,
.sidebar-two,
.sidebar-three,
.sidebar-four {
	word-break: break-all;
	text-align: left;
	width: 155px;
	word-wrap: break-word;
	overflow: hidden;
}

.sidebar-one {
	float: left;
	width: 155px;
	margin-right: 20px;
}

.sidebar-two {
	float: left;
	margin-right: 20px;
}

.sidebar-three {
	float: left;
	margin-right: 20px;
}

.sidebar-four {
	float: left;
}

.sidebar {
	width: 190px;
}

#content {
	width: 96%;
	margin: 90px auto 50px auto;
}

#tt-body-media #content {
	padding-top: 30px;
}

/* 해더 */
#header {
	padding-bottom: 11px;
}

#header h1 a {
	height: 16px;
	overflow: visible;
	color: #000;
	font-size: 16px;
	line-height: 1.1em;
	letter-spacing: -1px;
}

/* 공통 */
input.text {
	border: 1px solid #E6EAED;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #979796;
}

/* 방명록 댓글 기준 */
textarea {
	width: 100%;
	height: 80px;
	padding: 5px;
	border: 1px solid #D6D6D6;
	color: #A4A4A4;
	font-size: 12px/15px;
}

.submit {
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
}

/* 방명록 댓글 */
.comment {
	padding-top: 5px;
	background: #FCFCFC;
}

/* 쓰기 */
#guestWrite,
.commentWrite {
	width: 100%;
}

#guestWrite {
	margin-top: 5px;
}

.commentWrite {
	position: relative;
}

.head label {
	display: block;
	margin-bottom: 3px;
	color: #a3a3a3;
	font-size: 11px;
	text-transform: lowercase;
}

.head {
	float: left;
}

.name,
.password {
	width: 49%;
}

.name input.text,
.password input.text {
	width: 100%;
}

.secretWrap {
	clear: both;
	padding: 2px 0;
	text-align: right;
}

.secretWrap label {
	color: #979796;
	font-size: 11px/11px;
}

.secretWrap label,
.secretWrap input {
	vertical-align: middle;
}

/* 읽기 */
.control {
	color: #666;
	font-size: 8px/20px;
	position: absolute;
	top: 0;
	right: 0;
}

.control a {
	color: #b5b4b4;
	margin-right: 10px;
	font-size: 12px;
}

.control a:hover {
	color: #4b4b4b;
}

.control a:active {
	color: #4b4b4b;
}

/* 검색결과 */
.listEntry {
	margin-bottom: 50px;
}

.listEntry h3 {
	margin-bottom: 15px;
	color: #424242;
	font-size: 12px/18px;
}

.listEntry h3 b {
	font-weight: bold;
}

.listEntry .date {
	display: block;
	float: left;
	width: 64px;
	margin-top: 1px;
	color: #A5A5A5;
	font-size: 11px/11px;
}

.listEntry .list {
	float: left;
	width: 100%;
}

.listEntry,
.listEntry a,
.listEntry span {
	color: #888;
	font-size: 12px/16px;
}

.listEntry li {
	margin-bottom: 2px;
}

/* 포스트 */
.titleWrap {
	padding-bottom: 12px;
}

.titleWrap h2 a {
	color: #424242;
	font-size: 12px;
	line-height: 1.2em;
}

.titleWrap .date,
.titleWrap .category {
	color: #acb0b8;
	font-size: 12px;
}

.titleWrap .category a {
	color: #B7B7B7;
	font-size: 11px/11px;
}

.admin {
	margin-top: 12px;
	margin-bottom: 2px;
}

.admin,
.admin a,
.admin a:hover {
	color: #b7b7b7;
	font-size: 11px/18px;
}

.article,
.actionTrail {
	text-align: center;
	width: 100%;
	color: #36373c;
	font-size: 10pt;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* 쓰기 */
#guestWrite,
.commentWrite {
	width: 100%;
}

#guestWrite {
	margin-top: 5px;
}

.commentWrite {
	position: relative;
}

.head label {
	display: block;
	margin-bottom: 3px;
	color: #a3a3a3;
	font-size: 11px;
	text-transform: lowercase;
}

.head {
	float: left;
}

.name,
.password {
	width: 49%;
}

.name input.text,
.password input.text {
	width: 100%;
}

.homepage input.text {
	width: 100%;
	/* 기존 주석 및 고정 너비 제거 */
}

.secretWrap {
	clear: both;
	padding: 2px 0;
	text-align: right;
}

.secretWrap label {
	color: #979796;
	font-size: 11px/11px;
}

.secretWrap label,
.secretWrap input {
	vertical-align: middle;
}

.btn-write {
	width: 100%;
	height: 0px;
	margin-top: 5px;
	text-align: right;
}

.btn-write input.submit {
	float: right;
	width: 70px;
	height: 30px;
	/* 0px에서 실제 높이로 수정 */
	background: url('/wikizips/skin_img/btn_confirm.gif') no-repeat;
}

/* 읽기 */
#guestList {
	margin-top: 20px;
}

#guestList li,
.commentList li {
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}

#guestList .name,
#guestList .name a,
.commentList .name,
.commentList .name a {
	color: #222325;
	font-weight: 700;
	font-size: 13px;
}

#guestList .date,
.commentList .date {
	color: #acb0b8;
	font-size: 12px;
	margin-left: 4px;
}

#guestList p,
.commentList p {
	padding: 5px 0 11px 0;
	color: #36373c;
	font-size: 13px;
	width: 100%;
}

.control {
	color: #666;
	font-size: 8px/20px;
	position: absolute;
	top: 0;
	right: 0;
}

.control a {
	color: #b5b4b4;
	margin-right: 10px;
	font-size: 12px;
}

.control a:hover {
	color: #4b4b4b;
}

.control a:active {
	color: #4b4b4b;
}

#guestList ul li,
.commentList ul li {
	margin-left: 5%;
	width: 95%;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}

/* 포스트본문 */
.article blockquote {
	padding-left: 10px;
	background: url('/wikizips/skin_img/iconBlockquote.gif') no-repeat;
}

.tagTrail,
.tagTrail a {
	color: white;
	font-size: 0px;
}

/* 액션트레일 */
.actionTrail {
	background: #FCFCFC;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 35px;
	padding: 0 10px;
}

.actionTrail,
.actionTrail a,
.actionTrail a span,
.actionTrail b {
	color: #73767c;
	font-size: 12px;
}

.author {
	float: right;
	color: #B7B7B7;
	font-size: 11px/14px;
	letter-spacing: -1px;
}

.author .text {
	text-transform: uppercase;
}

.actionTrail span.cnt {
	font-size: bold 10px;
	color: #73767c;
	font-weight: bold;
}

/* 페이지 */
#paging {
	margin-bottom: 50px;
	text-align: center;
}

.numbox a {
	padding: 0 4px;
}

#paging,
#paging a,
#paging a:hover {
	color: #8E8E8E;
	font-size: 12px;
}

#prevpage_div,
#nextpage_div {
	width: 49%;
	float: left;
	background: white;
	padding: 20px 0;
	color: #47484f;
	border: 1px solid #dbdde1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#prevpage_div:hover,
#nextpage_div:hover {
	font-weight: 700;
}

#prevpage_div {
	margin-right: 1%;
}

#nextpage_div {
	margin-left: 1%;
}

.no-more-prev:hover,
.no-more-next:hover {
	text-decoration: none;
}

/* footer */
#footer {
	padding-top: 15px;
	display: none;
}

#adTistory {
	width: 80px;
	height: 10px;
	margin-top: 1px;
	padding-top: 6px;
	padding-left: 88px;
	background: url('/wikizips/skin_img/tistory.gif') no-repeat;
}

#adTistory a {
	color: #bbb;
	font-size: 9px/9px;
	padding-right: 6px;
	background: url('/wikizips/skin_img/bul_tistory.gif') no-repeat right 5px;
}

#footMenu {
	color: #E7E7E7;
	font-size: 11px/14px;
}

#footMenu a,
#copyright,
#copyright a {
	color: #B8B6B6;
	font-size: 11px/14px;
	letter-spacing: -1px;
}

#copyright,
#copyright a {
	text-transform: uppercase;
}

/* sidebar */
#blogImage {
	margin-bottom: 9px;
}

#blogImage img {
	width: 155px;
}

#userID,
#blogDesc {
	color: #919191;
	font-size: 11px/14px;
}

#userID {
	color: #919191;
}

#blogDesc {
	margin-bottom: 16px;
	color: #A7A6A6;
}

/* 달력테이블 */
#calendar {
	margin-bottom: 16px;
}

.cal_month {
	padding: 0 4px 9px 4px;
}

.prev-month,
.next-month {
	width: 3px;
	height: 5px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -1000px;
	overflow: hidden;
}

.prev-month {
	float: left;
	background-image: url('/wikizips/skin_img/btn_prev.gif');
}

.next-month {
	float: right;
	background-image: url('/wikizips/skin_img/btn_next.gif');
}

.tt-calendar thead {
	display: none;
}

#sidebar .cal_month a {
	display: block;
}

#sidebar .this-month {
	color: #9E9E9E;
	font-size: 10px/10px;
}

/* search */
#searchBox {
	height: 18px;
	margin-bottom: 15px;
	padding-top: 3px;
	border: 1px solid #E6E6E6;
}

#searchBox input {
	vertical-align: top;
}

#searchBox input.text {
	float: left;
	width: 131px;
	height: 14px;
	padding-top: 0px;
	border: 0px;
	color: #888;
	font-size: 12px/14px;
}

#searchBox .submit {
	float: right;
	width: 12px;
	height: 12px;
	margin-top: 1px;
	margin-right: 5px;
	background: url('/wikizips/skin_img/btn_search.gif') no-repeat;
	vertical-align: middle;
}

/* counter */
#counter {
	margin-bottom: 16px;
	color: #9E9E9E;
	font-size: 9px/18px;
}

#counter span {
	float: right;
}


/* 사이드바 */
/* 타이틀 */
#sidebar h3 {
	height: 14px;
	background-repeat: no-repeat;
	line-height: 5000px;
	overflow: hidden;
}

#category h3 {
	background-image: url('/wikizips/skin_img/stit_category.gif');
}

#tagbox h3 {
	background-image: url('/wikizips/skin_img/stit_tag.gif');
}

#notice h3 {
	background-image: url('/wikizips/skin_img/stit_notice.gif');
}

#recentPost h3 {
	background-image: url('/wikizips/skin_img/stit_recentpost.gif');
}

#recentComment h3 {
	background-image: url('/wikizips/skin_img/stit_recentcomment.gif');
}

#recentTrackback h3 {
	background-image: url('/wikizips/skin_img/stit_recenttrackback.gif');
}

#archive h3 {
	background-image: url('/wikizips/skin_img/stit_archive.gif');
}

#link h3 {
	background-image: url('/wikizips/skin_img/stit_link.gif');
}

.module {
	margin-bottom: 16px;
}

.module_widget h3,
.module_plugin h3 {
	margin-bottom: 6px;
	color: #757575;
	font-size: bold 11px;
	line-height: 14px !important;
	overflow: visible;
}

/* 플러그인 위젯 타이틀 */

/* 목록 */
#sidebar,
#sidebar a {
	color: #9C9C9C;
	font-size: 11px/14px;
}

#sidebar ul {
	margin-bottom: 16px;
}

#sidebar li {
	padding: 1px 0;
}

#sidebar .cnt,
#sidebar .date .c_cnt {
	font-size: 9px/9px;
	letter-spacing: 0px;
	color: #717171;
}

/* 카테고리 */
#category {
	margin-bottom: 16px;
}

#sidebar #category ul {
	margin: 0;
}

#sidebar #category li {
	padding: 0;
}

#sidebar #category li a {
	display: block;
	padding: 2px 0;
}

#category ul li ul li ul li {
	padding-left: 9px !important;
	background: url('/wikizips/skin_img/iconDepth3.gif') no-repeat 0px 5px;
}

.hide {
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clear {
	clear: both;
}

/* Float 버그 */
.floatWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.floatWrapper {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .floatWrapper {
	height: 1%;
}

/* End hide from IE-mac */


.imageblock,
.imageblock img,
.and_banner,
.and_banner img,
.ios_banner,
.ios_banner img,
.toptoon_banner,
.toptoon_banner img {
	max-width: 100%;
	height: auto;
}

.toptoon_banner {
	margin-top: 50px;
}

.and_banner,
.ios_banner {
	display: none;
	margin-top: 20px;
}

.android .and_banner {
	display: block;
}

.ios .ios_banner {
	display: block;
}

.beatz_youtube {
	width: 474px;
	height: 266px;
}

.beatz_youtubeb {
	width: 394px;
	height: 700px;
}

.beatz_youtube480640 {
	width: 474px;
	height: 632px;
}

.beatz_youtube640480 {
	width: 474px;
	height: 355.5px;
}

@media (max-width : 700px) {

	.beatz_youtube,
	.beatz_youtubeb,
	.beatz_youtube640480,
	.beatz_youtube480640 {
		width: 100%;
	}
}

.w_like {
	position: relative;
	width: 36px;
	height: 36px;
	background-image: url('/wikizips/skin_img/like-min.png');
	margin: 8px;
	margin-right: 0;
	float: left;
	cursor: pointer;
}

.w_share {
	position: relative;
	width: 36px;
	height: 36px;
	background-image: url('/wikizips/skin_img/share-min.png');
	margin: 8px;
	float: left;
	cursor: pointer;
}

.w_share_box {
	position: absolute;
	bottom: 44px;
	border: 1px solid #d1d1d6;
	width: 121px;
	left: -40%;
	background: white;
	z-index: 10000;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	display: none;
	z-index: 100000;
}

.w_share_btn {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #d1d1d6;
	color: #63676f;
	padding: 8px 0;
	font-size: 9pt
}

.s_mobile {
	display: none;
}

.mobile .s_mobile {
	display: block;
}

.rp_like {
	color: #73767c;
	font-size: 12px;
	margin-right: 5px;
}

.like_cnt {
	font-size: 12px;
	color: #73767c;
	font-weight: bold;
}

.tt-share-entry-with-sns,
.daum_like_wrapper {
	display: none;
}

.top_bottom_box {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.top_bottom {
	padding: 15px;
	background-image: url('/wikizips/skin_img/top_bottom_bg-min.png');
}

.w_wait {
	position: fixed;
	top: 20%;
	left: 0;
	width: 100%;
	height: 29px;
	text-align: center;
	background-image: url('/wikizips/skin_img/w_rp_loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1000000;
	display: none;
	opacity: .2;
}

.w_white {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: .5;
	z-index: 999999;
	display: none;
}

#re_loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.black {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	background: white;
	opacity: .5;
	z-index: 999999;
}

.ment {
	position: fixed;
	top: -60px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	z-index: 1000001;
	text-align: center;
	height: 1px;
	font-weight: bold;
	font-size: 1.5em;
	color: #2b2b2b;
}

.re_img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 0;
	margin: auto;
	text-align: center;
	z-index: 1000000;
	opacity: .7;
}

.tt_article_useless_p_margin {
	margin-top: 20px;
}

.fb_follow {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.search_icon {
	float: right;
	width: 44px;
	height: 44px;
	background-image: url('/wikizips/skin_img/search_icon.png');
	background-size: 25px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 1000;
	display: none;
}

.search_icon:hover,
.search_icon:active {
	opacity: .6;
}

#wiki_s_input {
	width: 100%;
	height: 30px;
	margin: 6px 0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: white;
	padding-left: 35px;
}

.search_in_icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	background-image: url('/wikizips/skin_img/search_icon.png');
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1000;
	opacity: .6;
}

.search_cancel {
	color: #47484f;
	width: 100%;
	background: #F8F8F8;
	padding: 10px 0px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	float: left;
	cursor: pointer;
}

.search_cancel:hover,
.search_cancel:active {
	background: #dddddd;
}

#cpt_script_frame {
	margin: 20px 0;
}

.tt_more_preview_comments_wrap {
	border-bottom: 1px solid #eee;
}

.tt_more_preview_comments_text {
	color: #b5b4b4;
	font-size: 12px;
	line-height: 30px;
}

.tt_more_preview_comments_text:hover {
	color: #2b2b2b;
}

#quiz_box,
.quiz_succ {
	margin-bottom: 20px;
	text-align: center;
}

.quiz_t,
.quiz_s {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px;
	border: 3px solid #EB624B;
	font-size: 20pt;
	font-weight: bold;
}

.quiz_a_box {
	text-align: center;
}

.myButton {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
	padding: 22px 0;
	width: 35%;
	text-decoration: none;
	margin: 10px 0;
}

.myButton:hover {
	background-color: #d24b34;
}

.myButton:active {
	position: relative;
	top: 1px;
}

.quiz_kas {
	background-color: #FAE101;
	border: 1px solid #a89a18;
	color: black;
	text-shadow: 0px 1px 0px white;
}

.quiz_kas:hover {
	background-color: #d4bf00;
}

.quiz_a_select {
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
	color: #9f9f9f;
}

.quiz_a_select:hover {
	background-color: #dddddd;
}

.swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* 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 img {
	width: 100%;
}

#app_bn_title {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: white;
	background: #EB624B;
}

#img_video {
	margin: 20px 0;
	position: relative;
}

.btn_rotation {
	-webkit-animation-name: video_ro;
	-webkit-animation-duration: .2s;
	animation-name: video_ro;
	animation-duration: .2s;
	animation-timing-function: ease-in-out;
}

.fb_like {
	padding-top: 20px;
	text-align: left;
	height: 20px;
}

.article h1 {
	font-weight: normal;
}

#chamyu_info {
	padding: 10px 0;
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#banana_info span {
	padding: 5px;
	font-size: 12px;
}

.comment .date a {
	display: none;
}

.ks_btn {
	background-color: #EB624B !important;
	border: 1px solid #b3331d !important;
	text-shadow: 0px 1px 0px #2f6627 !important;
}

.ks_btn:hover {
	background-color: #d24b34 !important;
}

.fb_btn {
	background-color: #3b5998 !important;
	border: 1px solid #1e4eb4 !important;
	text-shadow: 0px 1px 0px #233762 !important;
}

.fb_btn:hover {
	background-color: #1c3b7e !important;
}

.kt_btn {
	background-color: #fbe300 !important;
	border: 1px solid #b2a311 !important;
	text-shadow: 0px 1px 0px white !important;
	color: #3b1e1e;
}

.kt_btn:hover {
	background-color: #d9c617 !important;
}

.area_related {
	margin-top: 20px;
}

.area_related a {
	color: #36373c;
}

.area_related ul,
.area_related ul li {
	list-style: none;
	margin: 0;
}

.area_related ul li:hover {
	background: #eee;
}

.area_related img {
	max-width: 100%;
}

.area_related .thumb_type {
	width: 47%;
	display: inline-block;
	padding: 1%;
}

.txt_related {
	display: block;
	margin-top: 5px;
	height: 42px;
	font-size: 9pt;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#fb_top img,
#fb_btm img {
	width: 100%;
	max-width: 100%;
}

.container_postbtn {
	display: none;
}



#header .logo,
.wiki_search_box {
	background: #3b5998;
	border-bottom: 1px solid #2c4780;
}

.myButton {
	background-color: #3b5998;
	border: 1px solid #1e4eb4;
	text-shadow: 0px 1px 0px #233762;
}

.myButton:hover {
	background-color: #1c3b7e;
}

#wiki_s_input {
	background: #173b86;
}

#wiki_s_input::-webkit-input-placeholder {
	color: #c3cfe8;
}

#ks_ls {
	display: none;
}

.numsel {
	width: 66px !important;
	border-radius: 100% !important;
}

#more_list {
	margin-top: 0;
}

#more_list_date {
	margin-top: 20px;
	padding: 10px;
	border-top: 1px solid #ddd;
	font-size: 8pt;
}

#prev_next_post a,
#more_list a {
	display: none;
	width: 50%;
	text-align: center;
	margin-bottom: 2%;
}

#prev_next_post a {
	display: inline-block;
}

#prev_next_post a img,
#more_list a img {
	width: 95%;
}

#prev_next_post {
	margin-top: 30px;
}

#MF_Reference1 {
	display: none;
}

#more_list_btn {
	cursor: pointer;
	padding: 15px 0;
	color: white;
	display: none;
	background: #3b5998;
	width: 98%;
	border-radius: 5px;
	margin: 0 auto 10px auto;
}


#now_post_title {
	padding-bottom: 20px;
}

.parent_in {
	margin-left: 5%;
	width: 95% !important;
}

.commentWrite input[type=text] {
	padding: 10px;
	color: #36373c;
}

#cpbn_close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	color: white;
	display: inline-block;
	line-height: 1;
}

#cpbn_close:hover {
	cursor: pointer;
}

#cpbn_close:hover .x1,
#cpbn_close:hover .x2 {
	background: white;
}

#cpbn_close div {
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 2px;
	background: lightgrey;
}

#cpbn_close .x1 {
	transform: rotate(45deg);
}

#cpbn_close .x2 {
	transform: rotate(-45deg);
}

.cpbn_black {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: black;
	opacity: .5;
}

.cate_info {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	margin-top: 20px;
	font-weight: 600;
}

#cp_info {
	position: absolute;
	bottom: 0;
	color: white;
	z-index: 9;
	left: 0;
	width: 100%;
	font-size: 6pt;
	padding: 5px 0;
	text-shadow: -.5px 0 black, 0 .5px black, .5px 0 black, 0 -.5px black;
}

#now_post_url {
	display: none;
}

.share_box {
	display: flex;
	justify-content: center;
	/* 가로 정렬을 가운데로 조정할 경우 사용 */
	align-items: center;
	/* 세로 정렬을 가운데로 조정할 경우 사용 */
	width: 80%;
	margin: 10px auto 20px auto;
}

.share_icon {
	margin: 0 5px;
	/* 아이콘 사이의 간격을 조절할 수 있습니다. */
	cursor: pointer;
}

.share_info {
	margin-top: 20px;
}

.share_icon img {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 20px;
}