html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 200;
	vertical-align: baseline;
	background-color: #2c2a2a;
}
.material-icons{
	font-size: inherit;
	cursor: pointer;
}
strong,b {
	font-weight: 700;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body {
	overscroll-behavior-y:contain;
}
body {
	line-height: 1;
	width: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: top;
	max-width:100%
}

html {
	min-width: 320px;
	font-size: 15px !important;
}

body {
	color: rgba(0, 0, 0, 0.87);
	-webkit-font-smoothing: subpixel-antialiased;
	/*-webkit-font-smoothing: antialiased;*/
}

* {
	-webkit-overflow-scrolling: touch;
}

*:focus {
	outline: 0 !important; }

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
}

a:hover, a:focus {
	color: inherit;
	text-decoration: none;
}

button {
	color: inherit;
	cursor:pointer;
}
.uneditable-input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	-webkit-appearance: none;
}

.fs{
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
}

.app-header .navbar-brand span {
	font-size: 1.091rem;
}
.app-header .navbar-brand strong {
	font-size: 1.8364rem;
	margin-left: .3rem;
	font-weight: 600;
}
.app-header .navbar-brand {
	display: block;
	float: none;
	text-align: center;
	padding:2.25rem 0 1.2rem 0;
}

.country-img img, .country-img amp-img  {
	width: 1.59rem;
}

/*main-tag*/
.main-tag {
	padding: .8rem 1.16rem;
	background-color: #ececec;
}
.main-tag li {
	float: left;
	margin-right: .5rem;
}
.main-tag li.active a span {
	background-color: #8c88ff;
	color: #fff;
}
.main-tag li a span{
	font-size: .901rem;
	font-weight: 600;
	padding: .3rem .7rem;
	border-radius: .56rem;
	border: 0.14rem solid #8c88ff;
	color: #8c88ff;
	display: inline-block;
}
.main-tag li a {
	display: inline-block;
}

input:-ms-input-placeholder ,textarea:-ms-input-placeholder {color: #ccc !important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}
input::-moz-placeholder ,textarea::-moz-placeholder{ color: #ccc;}
input::-moz-placeholder ,textarea::-moz-placeholder { color: #ccc;}

.svg-inline--fa{
	vertical-align: -.23em;
}
.pc .main-header-box {
	z-index: 3;
	position: relative;
}
@media screen and (min-width: 1501px) {
	.main-header-box .main-search-input {
		width: 60% !important;
	}
	.mypage-content-body, .mypage-fix-mask {
		margin: auto;
	}
	.detail-policy-box ,.app-header .navbar, .detail-pc-width, .detail-content .navbar, .otherpage .mypage-footer, .write-v, .write-footer>div, .mypage-fix-mask,
	.chatting-alarm, .chatting-box .chatting-element, .write-header {
		width: 1010px !important;
	}
	.detail-content-top .position_top.fixed{
		width: 1010px !important;
		left: 50% !important;
		transform:translateX(-50%);
		top: calc(50px + 3.6rem) !important;
	}
}
@media screen and (max-width: 1920px) and (min-width: 1501px) {
	.main-header-box .main-search-input {
		width: 50% !important;
	}

}

@media screen and (min-width:2591px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 2584px !important;
		/*width: 2325px !important;*/
		/*width: calc(100% - 300px) !important;*/
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
		box-sizing: border-box;
	}
}
@media screen and (max-width:2590px) and (min-width:2290px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 2265px !important;
		/*width: 2071px !important;*/
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
		box-sizing: border-box;
	}
}
@media screen and (max-width:2289px) and (min-width:1970px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 1947px !important;
		/*width: 1817px !important;*/
		margin: auto;
		box-sizing: border-box;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1969px) and (min-width:1601px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 1629px !important;
		/*width: 1563px !important;*/
		box-sizing: border-box;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1600px) and (min-width:1321px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 1311px !important;
		/*width: 1309px !important;*/
		box-sizing: border-box;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1320px) and (min-width:1081px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width:993px !important;
		/*width: 1055px !important;*/
		box-sizing: border-box;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}

@media screen and (max-width:1080px) and (min-width:1021px) {
	.detail-content .lists,.mypage-content-body #listBox{
		width: 636px !important;
		/*width: 808px !important;*/
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
	#detailDisplayBody.detailDisplayPreviousNext{width:100% !important;}
	.detail-content .detail-previous-next-box{
		width: 100% !important;}
}
@media screen and (max-width:2440px) and (min-width:2161px) {
	.pc .page-slider .lists,.pc .page-slider .lists-origin,.pc .page-slider .time-lists{
		/*width: 1860px !important;*/
		width: 1817px !important;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:2160px) and (min-width:1911px) {
	.pc .page-slider .lists,.pc .page-slider .lists-origin,.pc .page-slider .time-lists{
		/*width: 1600px !important;*/
		width: 1563px !important;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1910px) and (min-width:1641px) {
	.pc .page-slider .lists,.pc .page-slider .lists-origin,.pc .page-slider .time-lists{
		/*width: 1340px !important;*/
		width: 1309px !important;
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1640px) and (min-width:1360px) {
	.pc .page-slider .lists,.pc .page-slider .lists-origin,.pc .page-slider .time-lists{
		width: 1080px !important;
		/*width: 1055px !important;*/
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width:1359px) and (min-width:1121px) {
	.pc .page-slider .lists,.pc .page-slider .lists-origin,.pc .page-slider .time-lists{
		width: 801px !important;
		/*width: 820px !important;*/
		margin: auto;
		padding: .6rem 1.3rem 0 !important;
	}
}
@media screen and (max-width: 1500px) and (min-width: 1010px) {
	.pc .main-header-box .main-search-input {
		width: calc(100% - 300px) !important;
		/*width: 60% !important;*/
	}
	.mypage-content-body, .mypage-fix-mask {
		margin: auto;
	}
	.detail-policy-box ,.app-header .navbar, .detail-pc-width, .detail-content .navbar, .otherpage .mypage-footer, .write-v, .write-footer>div, .mypage-fix-mask,
	.chatting-alarm, .chatting-box .chatting-element, .write-header {
		width: 1010px !important;
	}
	.tablet .lists #listBox .list-box, .tablet .preview-ad.list-box {
		width: 25% !important;
	}
	.tablet .lists #listBox .mobile-list-box {
		width: 100% !important;
	}
}
@media screen and (max-width:1024px){
	.detailDisplayPreviousNext .detail-arrow-ad-box {
		position: unset !important;
		top: auto;
		top: initial;
		left: auto !important;
		left: initial !important;
		right: auto !important;
		right: initial !important;
	}
	#listBox .detailDisplayPreviousNext .detail-arrow-ad-box .list-amp-img-box{
		position: relative;
	}
	#listBox .detailDisplayPreviousNext .detail-arrow-ad-box .list-amp-img-box iframe{
		position: absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	}
	#listBox .detailDisplayPreviousNext .detail-arrow-ad-box .list-box-thumb{
		height:200px !important;
	}
	#listBox .detailDisplayPreviousNext .detail-arrow-ad-box.arrow-1 .list-box-thumb{
		float: right;
	}
	body .lists #listBox .detailDisplayPreviousNext .detail-arrow-ad-box.arrow-0 {
		float: left;
		width: 50% !important;
		height: auto !important;
		clear: both;
	}
	body .lists #listBox .detailDisplayPreviousNext .detail-arrow-ad-box.arrow-1 {
		float: right !important;
		width: 50% !important;
		height: auto !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 789px) {
	.pc .main-header-box .main-search-input {
		width: calc(100% - 300px) !important;
		/*width: 50% !important;*/
	}
	.mypage-content-body, .mypage-fix-mask {
		margin: auto;
	}
	.detail-policy-box, .app-header .navbar, .detail-pc-width, .detail-content .navbar, .otherpage .mypage-footer, .write-v, .write-footer > div, .mypage-fix-mask,
	.chatting-alarm, .chatting-box .chatting-element {
		width: 100% !important;
	}
	.tablet .lists #listBox .list-box,.tablet .preview-ad.list-box {
		width: 25% !important;
	}
	.tablet .lists #listBox .mobile-list-box {
		width: 100% !important;
	}
	.tablet .write-etc-box .vue-img-dropzone-write {
		width: calc(25% - 1.2rem) !important;
	}
	.lists #detailDisplayBody .list-box{width:25%;}
	.lists #detailDisplayBody.detailDisplayPreviousNext .list-box{width:auto;}
	#detailDisplayBody{width:100% !important;}
	#scrollDetail .detail-world-list .lists{width:100% !important;}
}
@media screen and (max-width: 1024px) and (min-width: 790px) {
	.tablet .modify-mobile-height {
		min-height: calc(calc(25vw - 1.5rem) * .847) !important;
		max-height: calc(calc(25vw - 1.5rem) * .847) !important;
		height: calc(calc(25vw - 1.5rem) * .847) !important;
	}
	.tablet #listBox .list-box-thumb {
		height: calc(calc(25vw - 1.5rem) * .847) !important;
	}
	.tablet .vue-img-dropzone-write{
		min-height: calc(calc(25vw - 1.5rem) * .847) !important;
		max-height: calc(calc(25vw - 1.5rem) * .847) !important;
		height: calc(calc(25vw - 1.5rem) * .847) !important;
	}
}

@media screen and (min-width: 789px){
	.tablet .lists #listBox .list-box {
		width: 33.33%;
	}
	.mypage-slider .lists ,.mypage-slider .lists-origin {
		padding: 0 !important;
	}
	.suggestion .list-box>div {
		background-color: transparent !important;
		padding: 0 !important;
	}
	.list-box>div {
		border-radius: 5px;
	}

	.time-lists .time-item>div>a {
		border-radius: 5px !important;
	}
	.list-box .list-center {
		padding: .4rem 0 !important;
		box-sizing:border-box;
	}
	.tablet .list-box .list-center {
		padding: 0 !important;
	}
	.pc .main-header-box .search-hide {
		width: auto !important;
	}
	.pc .show-main{
		display: flex !important;
		align-items: center;
	}
	.pc .om {
		display: none !important;
	}
	.header-flag {
		margin: auto 1rem auto 0 !important;
	}
	.nav>li {
		padding: .6rem 1.5rem 0 !important;
		cursor:pointer;
	}
	.pc .app-header .search-pc .main-nav .nav li:hover span {
		border-bottom: 2px solid #fff;
		opacity: 1 !important;
	}
	.nav li:hover>span {
		color: #dfdfdf !important;
		border-bottom: 2px solid #dfdfdf;
	}
	.pc .search-help {
		background-color: #353535 !important;
		border-radius: 10px;
		margin: 0 1rem;
	}
	.mypage-content-tab-body .lists-origin .list-box>div {
		padding-left: 0 !important;
		background-color: transparent !important;
	}
	.mypage-content-tab-body .lists-origin .list-box:before {
		display: block !important;
		content:'' !important;
	}
	.lists-origin .list-box>div {
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		padding-left: 1rem;
		background-color: rgba(0,0,0,.5);
	}
	.lists-origin .list-box:before {
		display: none;
	}
	.suggestion {
		background-color: transparent !important;
		padding-top: 1.5rem !important;
	}
	.favorite-search {
		padding-bottom: 1.5rem !important;
	}
	.otherpage .mypage-fix,.mypage .mypage-fix{
		left: 50% !important;
		transform:translateX(-50%) !important;
	}
	.main-search-input, .detail-pc-width, .detail-content .navbar, .mypage, .otherpage, .write-v, .write-footer>div{
		margin: auto !important;
	}
	.otherpage .mypage-footer {
		left: 50% !important;
		transform:translateX(-50%) !important;
	}
	.list-box .list-title, .list-box-thumb, .detail-down-btn, .detail-up-btn, .header-write, .input-empty-btn, #searchList li span:first-of-type,
	#searchList li button, .recent-search >p span, .modal-header p span, .modal-footer .footer-btn input, .modal-footer .footer-btn .fb-signin-button, .modal-footer .footer-btn .GoogleLogin,
	.modal-footer .footer-etc label, .modal-footer .footer-etc .forgetPasswd, .detail-content .navbar-title, .detail-content .navbar-bookmark,
	.detail-content .navbar-ellipsis, .main-search-input .back-btn i, .main-search-input .input-star, #setTagName, .detail-bottom-menu li,
	.detail-comment-box-bottom .comment-reply, .detail-comment-box-bottom .comment-check, .navbar-modify, .list-box .list-img, .detail-comment-origin .btn,
	.chatting_body .btn, #searchList li strong, #searchList2 li strong, #searchList2 li .star, .detail-comment-box-top p .click_mc_name, .time-lists .time-item img,
	.mypage-friends .follower, .followModal li span, .followModal li strong, .comment-etc-modal .modal-list li:last-of-type span, #MessageSummaryModal li .message-hname, #MessageSummaryModal li .message-content, #MessageListModal .message-list-send,
	.comment-envelope, #person-list .go-chat, #person-list .go-message, #person-list .go-page, .detail-personal-chatt, .detail-comment-box-top .click_detail_ip {
		cursor:pointer;
	}
	.list-box .list-title:hover, .detail-down-btn:hover, .detail-up-btn:hover, .header-write:hover, .input-empty-btn:hover,
	#searchList li span:first-of-type:hover, #searchList li button:hover, .recent-search >p span:hover, .modal-header p span:hover, .modal-footer .footer-btn input:hover,
	.modal-footer .footer-etc label:hover, .modal-footer .footer-etc .forgetPasswd:hover, .detail-content .navbar-title:hover,
	.detail-content .navbar-bookmark:hover, .detail-content .navbar-ellipsis:hover, .main-search-input .back-btn i:hover, .main-search-input .input-star:hover,
	.main-top span:hover, #setTagName:hover, .detail-bottom-menu li:hover, .detail-comment-box-bottom .comment-reply:hover, .detail-comment-box-bottom .comment-check:hover,
	.detail-visit a:hover, .navbar-modify:hover, .modal-list li:hover, .mypage-setting:hover, .mypage-search:hover, .mypage-options:hover, .list-box .list-img:hover, .detail-comment-origin .btn:hover,
	.chatting_body .btn:hover, #searchList li strong:hover, #searchList2 li strong:hover, #searchList2 li .star:hover, .detail-comment-box-top p .click_mc_name:hover,
	.time-lists .time-item img:hover, .mypage-friends .follower:hover, .followModal li span:hover, .followModal li strong:hover, .total-chatting-person-list:hover, .chatting-close:hover,
	.chatting-list .avatar:hover, .chatting-peoples-open:hover, .detail-comment-input button:hover, #chattPersonalButton:hover, .comment-etc-modal .modal-list li:last-of-type span:hover,
	#MessageSummaryModal li .message-hname:hover, #MessageSummaryModal li .message-content:hover , .comment-envelope:hover, #person-list .go-chat:hover, #person-list .go-message:hover,
	#person-list .go-page:hover, .detail-personal-chatt:hover, .comment-link:hover, .nav-left-btn:hover, .nav-right-btn:hover, .detail-bestcomment-box .detail-text strong:hover,
	.detail-comment-box-top .click_detail_ip:hover, .comment-height-show:hover, .comment-mv-title:hover, .navbar-toMain:hover, .font-change-icon:hover {
		opacity: .7 !important;
	}
	.removeBookmark:hover {
		color: #42c4de;
		opacity: .7;
	}
	.modal-default-button:hover {
		background-color: #3f3f3f !important;
	}
	.modal-container {
		width: 500px !important;
	}
	#commentPicthureModal .modal-container{
		width:70% !important;
	}
	.recommendIpListModal, .followModal .modal-container, #MessageSummaryModal .modal-container, #MessageListModal .modal-container, .messageModal .modal-container {
		width: 60% !important;
	}
	.list-box .list-title a:visited, .list-box .list-img:visited {
		opacity: .7 !important;
		color: #e74c3c !important;
	}
	#GoTop {
		display: flex !important;
	}
}

@media screen and (min-width: 1367px) {
	#GoTop:hover div {
		color: rgba(3, 169, 244, 0.7) !important;
	}

	#GoTop div {
		color: #03a9f4 !important;
	}

}
.lists .list-box-thumb>a {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/*scrollbar option*/
.pc ::-webkit-scrollbar {
	height: 10px !important;
	overflow: visible !important;
	width: 13px !important;
	border-radius: 3px !important;
}

.pc ::-webkit-scrollbar-thumb {
	background:-webkit-linear-gradient(left, rgba(230, 230, 230, 0.81) 0%,rgba(238, 238, 238, 0.75) 100%) !important;
	background-clip: padding-box !important;
	border: 2px solid transparent !important;
	border-image: initial !important;
	min-height: 28px !important;
	padding: 100px 0px 0px !important;
	border-radius: 10px;
}

/* :window-inactive inspired by cssTricks */
.pc ::-webkit-scrollbar-thumb:hover {
	background:-webkit-linear-gradient(left, #f9f9f9 0%,#f9f9f9 100%) !important;
	background-clip: padding-box !important;
}

.pc ::-webkit-scrollbar-button {
	height: 0px !important;
	width: 0px !important;
}

.pc ::-webkit-scrollbar-track {
	background: #4b4b4b !important;
}

.pc ::-webkit-scrollbar-corner {
	background: transparent !important;
}

@media screen and (max-width:1120px) and (min-width:1010px){
	.pc .aside-bar{
		padding: 1.4rem 1rem 0 !important;
	}
	.pc .app-body .page-slider .lists, .pc .app-body .page-slider .lists-origin, .pc .app-body .page-slider .time-lists{
		width: 780px !important;
		padding: .6rem .6rem 0 !important;
		margin: auto;
	}
}
@media screen and (max-width: 414px) and (min-width: 376px) {
	.mobile .list-box .list-img {
		min-height: 8.7rem !important;
	}

	.mobile .vue-img-dropzone-write {
		width: 300px;
		height: 250px;
	}
	.navbar .detail-top.modifyWidth {
		max-width: 41% !important;
	}
	.mobile .chatting_body.noBack .chatt>div {
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 375px) and (min-width: 321px) {
	.mobile .list-box .list-img {
		/*height: 8.7rem !important;*/
		min-height: 8.7rem !important;
	}
	.mobile .dropzone .dz-message {
		line-height: 8.7rem !important;
	}
	.mobile .mypage-content-tab-list.en li a {
		font-size: 1.4rem !important;
	}
	.navbar .detail-top {
		max-width: 58% !important;
	}
	.navbar .detail-top.modifyWidth {
		max-width: 33% !important;
	}
	.mobile .chatting_body.noBack .chatt>div {
		border-radius: 0 !important;
	}
	.mobile .time-item img {
		height: 9rem !important;
	}
}
@media screen and (max-width: 320px) {
	.mobile .detail-content-top-fixed .detail-content-menu, .tablet .detail-content-top-fixed .detail-content-menu {
		margin-left: .5rem;
	}
	.mobile .detail-content-top-fixed .detail-content-menu i{
		font-size: 17px;
	}
	.mobile .detail-top-report-btn{
		font-size: 10px;
	}
	.mobile .navbar-modify div, .mobile .navbar-toMain div, .mobile .navbar-bookmark div {
		font-size: .8rem !important;
		margin-right: .1rem !important;
	}
	.mobile .navbar-paging .nav-left-btn:first-of-type {
		margin-right: 0 !important;
	}
	.mobile .navbar-paging .nav-left-btn:nth-of-type(2){
		margin-right: 0.1rem !important;
	}
	.mobile .navbar-bookmark, .mobile .navbar-modify, .mobile .navbar-toMain {
		margin: auto 0 auto .8rem;
	}
	.mobile .navbar-paging {
		margin: auto .5rem auto 1rem !important;
	}
	.mobile .navbar-paging .nav-left-btn span {
		font-size: .9rem;
	}
	.mobile .navbar-modify, .mobile .navbar-bookmark{
		margin-left: .5rem !important;
	}
	.mobile .navbar-paging .nav-left-btn i, .mobile .navbar-paging .nav-right-btn i {
		font-size: 1.7rem !important;
	}
	.mobile .mobile-list-box .toggleWrapper>span {
		font-size: .75rem !important;
	}
	.mobile .list-view span {
		font-size: .7rem !important;
	}
	.mobile .toggleWrapper .toggle {
		width: 3.5rem !important;
	}
	input:checked + .toggle .toggle__handler{
		/*width: 54px;*/
		-webkit-transform: translateX(23px) !important;
		transform: translateX(23px) !important;
		background-color: #42c4de;
	}
	.mobile .toggleWrapper .toggle__handler {
		width: 16px;
		height: 16px;
		top: 4px;
	}
	.mobile .toggleWrapper .toggle:before {
		left: 7px;
		font-size: .8rem;
	}
	.mobile .toggleWrapper .toggle:after {
		right: 5px;
		font-size: .8rem;
	}
	.mobile .main-header-box .search-hide .header-title.locale_en span {
		font-size: 1.27rem !important;
	}
	.mobile .list-box .list-img {
		min-height: 8.7rem !important;
	}
	.mobile .write-extra-menu select {
		padding: .1rem !important;
		font-size: .9rem;
		line-height: .9rem;
	}
	.mobile .write-extra-menu option {
		padding: .1rem;
		font-size: .9rem;
		line-height: .9rem;
	}
	.mobile .dropzone .dz-message {
		line-height: 7.7rem !important;
	}
	.navbar .detail-top {
		font-size: 1rem;
		max-width: 55%;
	}
	.mobile .time-item img {
		height: 9rem !important;
	}
	.mobile .comment-count i, .detail-view-count i, .comment-link i{
		font-size: 1rem !important;
	}
	.mobile .detail-best-comment-box {
		margin: 0 1.2rem !important;
	}
	.mobile .detail-best-comment h1 {
		margin-left: 1.2rem !important;
	}
	.mobile .chatting_body.noBack .chatt>div {
		border-radius: 0 !important;
	}
}
.tablet .chatt {
	width: 420px !important;
}
.tablet .chatting_person_box {
	width: 100% !important;
	float: none !important;
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	padding-right: 0 !important;
}
.tablet .chatting_person_box>div {
	background-color: rgb(41,41,41) !important;
}
html.tablet {
	background-color: #2c2a2a !important;
}

#commentChartModal .modal-mask{
	height: 100%;
	display: block;
}
#commentChartModal .modal-wrapper{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	display: block;
}
@media screen and (max-width:1000px) and (min-width:768px){
	#app #commentChartModal .modal-container{
		width: 80% !important;
	}
	#app #chart{
		height: 500px !important;
	}
	#youtubeModal .modal-container{
		width: 90% !important;
	}
}
@media screen and (max-width:767px) and (min-width: 320px) {
	#app #commentChartModal .modal-container{
		width: 90% !important;
	}
	.recommendIpListModal .modal-container{
		width: 90% !important;
	}
	#youtubeModal .modal-container{
		width: 90% !important;
	}
	#app #chart{
		height: 45vh !important;
	}
	.mobile .list-box .list-title {
		width: 100%;
	}
	.mobile .detail-comment-content .list-box .list-count {
		display: block !important;
		margin-left: 0 !important;
		font-size: .8rem !important;
	}
	.mobile .tag-popup {
		max-width: 100%;
	}
	.mobile #app .chatting_body.noBack .chat-box {
		bottom: 3.2rem !important;
		width: 100% !important;
	}
	.mobile .chat-box {
		left: 50% !important;
		transform:translateX(-50%) !important;
	}
	.mobile #app .chat-box-mask {
		height: 100%;
		margin-left: 0 !important;
		width: 100% !important;
	}
	.mobile .chatt {
		width: 100% !important;
		height: 100% !important;
		padding-right: 0 !important;
	}
	.mobile .chatting_person_box>div {
		background-color: rgb(41,41,41) !important;
	}
	.mobile .chatting_person_box {
		left: 0;
		top: 0;
		float: none !important;
		height: 100% !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.mobile .chatting_person_box .chatting-top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.mobile .chatting_person_box .chatting-element {
		margin-top: 45px;
		position: absolute !important;
	}
}
@media screen and (max-width:568px) and (min-width: 330px) {
	.mobile .write_top_title {
		font-size: 1.4rem !important;
		width: 16rem !important;
	}
	html.mobile {
		font-size: 14px !important;
	}
	.mobile #MessageListModal .message-list-write{
		height: 100px !important;
	}
	.mobile #MessageListModal .message-check .message-mask {
		height: 200px !important;
	}

}

@media screen and (max-width:330px) {
	.mobile .detail-comment-box,.mobile .detail-bestcomment-box {
		padding: 0 1rem !important	;
	}
	.mobile .write-top .write_top_title {
		font-size: 1.2rem !important;
		width: 14rem !important;
	}
	.mobile .mypage-tab-list.en li {
		height: 2.5rem !important;
	}
	.mobile .mypage-content-tab-list.en li a {
		font-size: 1.25rem !important;
	}
	html.mobile {
		font-size: 13px !important;
	}
	.mobile #MessageListModal .message-list-write{
		height: 100px !important;
	}
	.mobile #MessageListModal .message-check .message-mask {
		height: 200px !important;
	}
	.mobile .lists-origin .list-box .list-img {
		height: 4.28rem !important;
	}
}

.modal-body {
	color: #ffffff;
}
/*mypage-list*/
.mypage-content-tab-body .detail-comment-box:first-of-type {
	padding-top: .5rem;
}
#MessageListModal .modal-mask {
	z-index: 9999999999;
}
#MessageListModal .message-check .me {
	text-align: left;
}
#MessageListModal .message-check {
	text-align: left;
}
#MessageListModal .message-check .message-mask {
	overflow-y: auto;
	height: 500px;
}
#MessageListModal .modal-footer .message-list-send:hover {
	background-color:	#256c7b;
}
#MessageListModal .modal-footer .message-list-send {
	background-color: #42c4de;
	border: none;
	padding: 1rem 0;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	width: 50%;
	font-size: 1.1rem;
	color: #dfdfdf;
	font-weight: 700;
	float: left;
}
#MessageListModal .modal-footer button {
	width: 50%;
}
#MessageListModal .modal-footer .modal-default-button {
	border-bottom-left-radius: 0;
}
#MessageListModal .modal-body {
	padding: .7rem;
}
#MessageListModal .message-list-write textarea {
	border: 1px solid rgba(100, 100, 100, 0.34);
	background-color: transparent;
	color: rgb(223, 223, 223);
	margin: 0;
	width: 100%;
	height: 100%;
	resize: none;
	border-radius: 10px;
	padding: .3rem .4rem;
	box-sizing: border-box;
}
#MessageListModal .message-time {
	color: #777;
	font-size: .7rem;
	display: block;
	margin-left: .7rem;
	margin-top: .2rem;
	letter-spacing: 1px;
}
#MessageSummaryModal .modal-container,#MessageListModal .modal-container{
	width: 85%;
}
#MessageSummaryModal .summary-message-body {
	text-align: left;
}
#MessageSummaryModal .summary-message-top {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	color: #777;
}
#MessageSummaryModal .summary-message-top .message-hname i{
	vertical-align:sub;
	font-size:19px;
}
#MessageSummaryModal .summary-message-top .message-count {
	float: right;
}
#MessageSummaryModal li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(100, 100, 100, 0.34);
	padding: .5rem 0;
	margin: 0 1.6rem;

}
#MessageSummaryModal .message-unread-count {
	position: absolute;
	right: .5rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #dfdfdf;
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	text-align: center;
	line-height: 1.1rem;
	display: inline-block;
	background-color: #e74c3c;
	font-weight: 700;
	font-size: .7rem;
}
#MessageSummaryModal .message-content {
	color: #dfdfdf;
	position: relative;
	word-break: break-all;
}
#MessageSummaryModal .message-content>div {
	padding-right: 3rem;
	margin-bottom: .5rem;
}
#MessageListModal .message-content {
	background-color: #757575;
	border-radius: 10px;
	padding: .4rem .5rem;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	word-break: break-all;
	text-align: left;
}
#MessageListModal .message-list-write {
	margin-top: 1rem;
	height: 200px;
}
#MessageListModal .message-check .message-mask {
	padding:0 .7rem;
}
#MessageListModal .message-check li {
	margin-bottom: .7rem;
	text-align: right;
}
#MessageListModal .me .message-content {
	background-color: #42c4de;
	text-align: left;
}
#MessageListModal .message-content:before {


	position: absolute;
	content: " ";
	bottom: 10px;

	left: auto;
	left: initial;
	right: -6px;
	border-right: 6px solid transparent;
	border-left: none;
	border-top: 6px solid #757575;
}
#MessageListModal .me .message-content:before {
	left: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid #42c4de;
	border-left: 6px solid transparent;

}
/*mypage-list*/


/*mypage*/
#app .mypage-content-top .dropzone .dz-default{
	line-height: 4.35rem !important;
	width: 100%;
	height: 100%;
}
#app .mypage-content-top .dropzone .dz-default img{
	width: 100%;
	height: 100%;
	display: block;
}
#app .mypage-content-top .dropzone .dz-default span i{
	vertical-align: middle;
	line-height: .8;
}
.mobile .mypage-content-tab-list.en li, .tablet .mypage-content-tab-list.en li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile .mypage-tab-list.en li, .tablet .mypage-tab-list.en li {
	height: 3.2rem;
}

.mobile .mypageProfileEditModal .modal-container{
	width: 90%;
	/*height: 100%;*/
	/*border-radius: 0;*/
	/*display: flex;*/
	/*flex-direction: column;*/
}
.mobile .mypageProfileEditModal .modal-body {
	overflow-y:auto;
	max-height: 70vh;
	/*flex:1*/
}
.mobile .mypageProfileEditModal .modal-mask {
	height: 100% !important;
}
.mypageProfileEditModal .modal-footer button{
	width: 50% !important;
	float: left;
	border:0;
	font-size: 1.1rem;
	color: #dfdfdf;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding: 1rem 0;
	font-weight: 700;
	-webkit-appearance: none;
	margin: 0;
}
.mypageProfileEditModal .modal-footer button {
	border-bottom-right-radius: 0 !important;
}
.mypageProfileEditModal .modal-footer {
	overflow: hidden;
}
.mypageProfileEditModal .modal-footer .save-button {
	border-bottom-right-radius: 15px !important;
	background-color: #42c4de;
	cursor: pointer;
	float: right;
}
.mypageProfileEditModal .modal-footer .save-button:hover {
	background-color: #256c7b;
}
.mypage-top-popup {
	position: absolute;
	right: 0;
	top: 3rem;
	background-color: #2C2A2A;
	border-radius: 5px;
	padding: 1rem 1rem 0;
	z-index: 1;
}
.mobile .mypage-top-popup, .tablet .mypage-top-popup {
	right: 1rem;
}
.mypage-top-popup a {
	font-size: 1rem !important;
	display: block;
	font-weight: 600;
	color: #B5BBC0 !important;
	margin-right: 0 !important;
	margin-bottom: 1rem !important;
	margin-left: 0 !important;
}
.mypage-fix {
	min-width:320px;
	background: url('/static/img/fish.webp') 50% 50% no-repeat !important;
	background-size: cover !important;
	position: fixed;
	z-index: 20;
	width: 100%;
	top: 0;
	transition: top 0.15s ease-in-out;
}
.mypage-fix:before {
	content:'';
	z-index: -1;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 20rem;
	background-color: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(44,42,42,1) 18%, rgba(255,255,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, rgba(255,255,255,0)), color-stop(100%, rgba(44,42,42,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(top, rgba(44,42,42,1) 18%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(top, rgba(44,42,42,1) 18%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(44,42,42,1) 18%, rgba(42,42,42,0) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(44,42,42,1) 18%, rgba(44,42,42,0) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#2C2A2A',GradientType=1 ); /* ie6-9 */
}
#app .mypage-content-top .dropzone {
	bottom: 0 !important;
	z-index: 999999;
	border-radius: 50% !important;
	height: 4.35rem !important;
	min-height: 4.35rem !important;
	position: absolute !important;
	transform: translateX(0) !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
}
.mypage-content-top .mypage-box {
	margin: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}
.mypage-img-box {
	margin:auto 0 auto auto;
	display: block;
}
.mypage-img-box.fc .mypage-img{
	border: 3px solid #dfdfdf;
}
.mypage-content-top {
	padding: 0 1.2rem;
	display: flex;
	align-items: center;
	margin-bottom: 2.5rem;
	margin-top: 2.5rem;
}
.mobile .mypage-content-top {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mypage-profile-image {
	width: 4.35rem;
	position: relative;
	height: 4.35rem;
	margin: 0 1rem auto auto;
	border-radius:50%;
}
.mypage-profile-image .mypage-img{
	border: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	background: none;
}
.mypage-profile-image .dz-message span{
	line-height: 1 !important;
	width: 100%;
	height: 100%;
	background-color: #d5d5d5;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mypage-profile-image .dz-message{
	height: 100% !important;
	line-height: 1 !important;
	width: 100% !important;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin: 0 !important;
}
.mypage-profile-image .dz-message img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	max-width: none;
	height: 100%;
}
.mypage-img {
	width: 4.35rem;
	height: 4.35rem;
	margin: 0 0 auto auto;
	border-radius:50%;
}
.mypage-content-top .mypage-title-box.fc:before {
	width: 100%;
}
.mypage-content-top .mypage-password-box:before {
	display: none !important;
}
.mypage-password-box {
	margin: auto;
	text-align: left;
}
.mypage-password-box input {
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 1rem;
	width: 100%;
	padding: .5rem 0;
}
.mypage-password-box span {
	font-size: 1.2rem;
}
.mypage-password-box p {
	margin-bottom: 1rem;
}
.mypage-content-top .mypage-title-box:before {
	content: '';
	display: block;
	border-bottom: 1px solid #fff;
	width: 0;
	position: absolute;
	left: 0;
	bottom:-.3rem;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.mypage-content-top .mypage-title-box {
	position: relative;
	/*float: left;*/
	display: inline-block;
	vertical-align: middle;
}
.mypage-content-top .mypage-title{
	position: relative;
	font-size: 2rem;
	color: #fff;
	background-color: transparent;
	height: 2.5rem;
	max-width: 15rem;
	padding: 0;
	display: block;
	border: 0;
	width: 100%;
}
.mypage-content-top .mypage-password-p {
	width: 48%;
}
.mypage-content-top .mypage-password{
	position: relative;
	font-size: 2.2rem;
	color: #fff;
	margin-bottom: 1rem;
	background-color: transparent;
	height: 2.2rem;
	padding: 0;
	display: block;
	border: 0;
	width: 100%;
	border-bottom:1px solid #fff;
}
.mypage-content-top .mypage-password-save {
	/*border:2px solid #ffffff;*/
	border-radius: 5px;
	border:0;
	float: left;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	background-color: #42c4de;
	padding: .3rem .5rem;
	cursor:pointer;
}
.mypage-content-top .mypage-password-p span {
	font-size: 1rem;
	color: #fff;
	display: block;
}
.mypage-content-top .mypage-password-p:nth-of-type(1) {
	float: left;
}
.mypage-content-top .mypage-password-p:nth-of-type(2) {
	float: right;
}
.mypage-content-top .mypage-region {
	margin: auto auto 1rem auto;
}
.mypage-content-top .mypage-name-box img {
	height: 1.478rem;
	vertical-align: middle;
}
.mypage-content-top .mypage-name-box figure{
	vertical-align: middle;
}
.mypage-name-box {
	margin: auto auto .5rem 0;
}
.mypage-content-top .mypage-region strong {
	color: #FFFFFF;
	font-size: .9rem;
	line-height: 1.2;
}
.mypage-friends strong em {
	display: block;
	font-style: normal;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.6);
	padding-top: .5rem;
}
.mypage-friends strong:nth-of-type(1),.mypage-friends strong:nth-of-type(2){
	border-right: 1px solid rgba(255,255,255,.4);
	padding-right: 1.5rem;
}
.mypage-friends strong:nth-of-type(2),.mypage-friends strong:nth-of-type(3){
	padding-left: 1.5rem;
}
.mypage-content-top .mypage-friends strong span {
	font-size: 1.2rem;
	color: #fff;
}
.mypage-friends {
	margin: auto auto 0 auto;
}


.mypage-top {
	padding-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.mypage-top .mypage-prev, .mypage-top .mypage-setting, .mypage-top .mypage-setting-save, .mypage-top .mypage-setting-undo{
	margin-left: 1rem;
}
.mypage-top .mypage-setting, .mypage-top .mypage-setting-undo {
	margin-right: 1rem;
}
.mypage-top .mypage-setting {
	color: #fff;
}
.mypage-top .mypage-search, .mypage-top .mypage-options {
	margin-right: 1.214rem;
}
.mypage-top .mypage-options {
	margin-left: 1.214rem;
}
.mypage-options i {
	color: #fff;
}
.mypage-top a {
	margin: auto;
	font-size: 1.57rem;
	color: #fff;
}
.mypage-top .mypage-title {
	font-size: 1.85rem;
	color: #fff;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
}
.mobile .mypage-top .mypage-title {
	font-size: 1.5rem;
}

.mypage-slider {
	margin-bottom: 3.28rem;
	height: 100%;
	overflow-y: auto;
}
.nav-stacked .masks {
	overflow-x: auto;
	width: 100%;
	overflow-y: hidden;
}
.nav li {
	display: inline-block;
	padding: .5rem .7rem 0;
}

.nav-stacked .nav>li>span {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 0;
	color: #666;
	padding-bottom: .8rem;
	box-sizing: border-box;
}
.nav-stacked .nav>li.active>span {
	border-bottom:2px solid #fff;
	color: #dfdfdf !important;
}
.nav-active-primary .nav>li.active>span {
}

.default-modal .modal-mask {
	z-index: 999999 !important;
}
.footer-btn {
	margin-top: 2rem;
	text-align: center;
}
.mypage-content-tab-list {
	border-radius: 10px;
	margin: 0.3rem;
	display: flex;
	align-items: center;
	float: right;
}
.mypage-content-tab-list li{
	cursor: pointer;
	margin: auto .3rem;
	text-align: center;
	border-radius: 25px;
	padding: .5rem .8rem;
}
.mypage-content-tab-list #messageNum {
	right: -1.2rem;
	top: -.5rem;
}


.mypage-content-tab-list li:nth-of-type(5) a{
	position: relative;
}

.mypage-content-tab-list li a {
	word-break: break-word;
	font-size: 1.1rem;
	color: #fff;
	display: inline-block;
	margin: auto;
}
.mypage-content-tab-list li.active {
	background-color: #42c4de;
}
.following-subject li {
	width: 50%;
	float: left;
	margin: 0 0 1rem !important;
	border-bottom: 0 !important;
	text-align: center !important;
	padding: 0 !important;
}
.following-subject li.on {
	color: #42c4de;
}
.following-subject li:first-of-type {
	border-right: 1px solid #444;
	box-sizing: border-box;
}
/*mypage*/

/*otherpage*/
.message-list-send {
	height: 100%;
	background-color: #42c4de;
	border: none;
	padding: 1rem 0;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	width: 50%;
	font-size: 1.1rem;
	color: #dfdfdf;
	font-weight: 700;
	float: left;
	border-bottom-left-radius: 15px;
}
.messageModal .modal-body {
	padding: .8rem !important;
}
.messageModal .modal-container {
	width: 80%;
}
.messageModal .modal-footer button {
	height: 100%;
	width: 50%;
}
.comment-message-modal .modal-footer .modal-default-button{
	width: 50%;
}
.messageModal .modal-footer .modal-default-button {
	border-bottom-left-radius: 0;
	width: 50%;
}
.modal-footer .message-list-send:hover {
	background-color:	#256c7b;
}

.position_top.fixed{
	position: fixed;
	width: 100vw !important;
	left: 0px;
	background-color:#2c2a2a;
	padding: 8px;
}

.position_top button{
	padding: 1rem 3rem !important;
	background-color:#1a3b6d !important;
	font-weight: bold;
	color: #fff !important;
	border-radius: 15px;
	border: 0;
	font-size: 24px;
}
#messageText {
	border: 1px solid rgba(100, 100, 100, 0.34);
	background-color: transparent;
	color: rgb(223, 223, 223);
	margin: 0px;
	width: 100%;
	height: 100%;
	resize: none;
	border-radius: 10px;
	padding: .3rem .4rem;
	box-sizing: border-box;
}
.followAlertModal .modal-mask {
	z-index: 99999;
}
.followModal .modal-mask {
	z-index: 9999 !important;
}
.followModal .otherpage-following-modal ul {
	max-height: 50vh;
	overflow-y: auto;
}
.followModal .mypage-following-modal ul {
	max-height: 50vh;
	overflow-y: auto;
}
.followModal .modal-container {
	width: 90%;
}
.followModal .modal-body>figure, .followModal .modal-body>.module-notice {
	display: none;
}
.followModal .modal-top {
	font-size: 1.2rem;
	color: #e0e0e0;
	/* text-align: center; */
	margin-bottom: 1rem;
}
.followModal li {
	color: #e0e0e0;
	border-bottom: 1px solid #444444;
	text-align: left;
	margin: 0 1rem;
	padding: 1rem 0;
}
.followModal .back-img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%
}
.followModal .back-text {
	width: 2.5rem;
	height: 2.5rem;
	display:inline-block;
	border-radius: 50%;
	line-height: 2.5rem;
	text-align: center;
	background-color: #666666;
}
.followModal .back-nick {
	line-height: 2.5rem;
	margin-left: .5rem;
}
/*otherpage*/


/*main-footer*/
.default-modal .modal-mask {
	z-index: 999999 !important;
}
.message-modal-close .modal-mask {
	z-index: 999999999999 !important
}

#messageNum,#chattNum,#detailChattNum  {
	position: absolute;
	right: 0;
	top: 4px;
	color: #dfdfdf;
	border-radius: 50%;
	min-width: 1.2rem;
	height: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	display: inline-block;
	background-color: #e74c3c;
	font-weight: 700;
	font-size: .8rem;
}
#messageNum{
	/*display: none;*/
}
#detailChattNum {
	right: -7px;
	top: -7px;
}
.detail-comment-origin #detailChattNum {
	right: -5px;
	top: -6px;
}
.lists>div>div>div:first-of-type {
	border-width: 0 !important;
}
.main-header.hide {
	display: none !important;
}
.login-input input:-ms-input-placeholder ,textarea:-ms-input-placeholder {color: #ccc;}
.login-input input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}
.login-input input::-moz-placeholder ,textarea::-moz-placeholder{ color: #ccc;}
.login-input input::-moz-placeholder ,textarea::-moz-placeholder { color: #ccc;}

.login-input input::selection {
	background-color: #fff !important;
}
.fb-signin-button,.GoogleLogin{
	font-size: 17px;
	letter-spacing: -1px;
	border: 1px solid #dcdcdc;
	width: 14rem;
	background-color: #000;
	padding: .8rem 0;
	display: inline-block;
	border-radius: 4rem;
	margin: auto;
	text-align: center;
	color: #ffffff;
	font-weight: 550;
}
#bada_rememberbox input {
	display: none;
	visibility: hidden;
}
#bada_rememberbox label {
	position: relative;
	padding-left: 1.6rem;
}
#bada_rememberbox input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding-top: 1px;
	padding-right: 2px;
	box-sizing: border-box;
	font-size: .3rem;
	-ms-text-size-adjust: 100%;
}
#bada_rememberbox input[type="checkbox"]:checked + label:before {
	content: '\2713';
	position: absolute;
	left: 0;
	font-size: .8rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	box-sizing: border-box;
	line-height: 1.2;
	-ms-text-size-adjust: 100%;
}

#bada_agreebox input {
	display: none;
	visibility: hidden;
}
#bada_agreebox label {
	position: relative;
	padding-left: 1.6rem;
}
#bada_agreebox input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding-top: 1px;
	padding-right: 2px;
	box-sizing: border-box;
	font-size: .3rem;
	-ms-text-size-adjust: 100%;
}
#bada_agreebox input[type="checkbox"]:checked + label:before {
	content: '\2713';
	position: absolute;
	left: 0;
	font-size: .8rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	box-sizing: border-box;
	line-height: 1.2;
	-ms-text-size-adjust: 100%;
}
.footer-etc {
	margin-top: 2rem;
}
.footer-etc label {
	color: #fff;
	float: left;
	display: inline-block;
	font-size: .8rem;
}
#newUser {
	float: left;
}
.footer-etc .forgetPasswd{
	float: right;
}
.footer-btn {
	margin-top: 2rem;
	text-align: center;
}

#modalTemplate.login-modal .modal-container {
	width: 430px !important;
}
.login-modal .modal-mask {
	z-index: 99999;
}
#bada_login,#bada_signup,#sendNewPassword {
	width: 14rem;
	-webkit-appearance: none;
	background-color: #42c4de;
	padding: .8rem 0;
	display: block;
	border-radius: 4rem;
	margin: auto;
	font-size: 1rem;
	border: 1px solid #42c4de;
	color: #dcdcdc;
	font-weight: bold;
}
#fb_login {
	font-size: 1rem;
	border: 1px solid #dcdcdc;
	width: 14rem;
	background-color: transparent;
	padding: .8rem 0;
	display: inline-block;
	border-radius: 4rem;
	margin: auto;
	text-align: center;
	color: #dcdcdc;
}
.login-input {
	border-bottom: 1px solid #dcdcdc;
}
.login-input:first-of-type {
	margin-bottom: 1rem;
}
.login-icon i {
	color: #fff;
	font-size: 1rem;
}
.login-icon {
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}
.login-modal .modal-header{
	display: block !important;
}
.login-modal .modal-header p {
	text-align: left;
	font-weight: bold;
	font-size: 3rem;
	color: #fff;
	margin-bottom: 1.2rem;
	line-height: 1.2;
}
#bada_rememberbox {
	margin-top: .5rem;
}
#bada_rememberbox label{
	color: #fff;
	font-size: .8rem;
}
.login-modal .login-content input {
	width: calc(100% - 2.1rem);
	background-color: transparent;
	border-radius: 0;
	padding: .5rem;
	border: 0;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
}
.login-modal .login-content input::selection{
	background-color: #4fbcd2 !important;
}
.login-modal .modal-body {
	margin: 0;
	background-color:transparent !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.login-modal .modal-body>figure {
	display: none;
}
.login-modal .module-notice {
	display: none;
}
.login-modal .modal-container {
	box-shadow: none;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 4rem !important;
	border-radius: 0 !important;
	background-color: transparent !important;
}
.tablet .login-modal .modal-container {
	width: 60% !important;
}
.login-modal .modal-mask {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.pc .logo {
	display: inline-block;
	float: left;
}
.font-size {
	margin: auto;
}
.font-size ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.font-size li {
	margin: auto;
	color: #7b7b7b;
}
.font-size li:first-of-type {
	margin-right: 1rem;
	font-size: 1.4rem;
}

input:-ms-input-placeholder ,textarea:-ms-input-placeholder {color: rgba(255,255,255,.29) !important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: rgba(255,255,255,.29);}
input::-moz-placeholder ,textarea::-moz-placeholder{ color: rgba(255,255,255,.29);}
input::-moz-placeholder ,textarea::-moz-placeholder { color: rgba(255,255,255,.29);}
/*main-top*/


.messageModal .modal-mask {
	z-index: 9999999999999999 !important;
}

.modal-default .modal-mask {
	z-index: 9999999999;
}

.board-count {
	/* position: absolute; */
	/* top: -3px; */
	color: #dfdfdf;
	border-radius: 15px;
	min-width: 1.4rem;
	height: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	display: inline-block;
	background-color: rgb(66, 196, 222);
	font-weight: 700;
	font-size: .6rem;
	padding: 0 .2rem;
	font-style: normal;
	box-sizing: border-box;
	vertical-align: bottom;
	margin-left: .3rem;
	margin-top: -6px;
	float: left;
}
.pc #bedge_count_board.board-count{
	margin-top: 1px !important;
	position: absolute;
	right: 9px;
}
#bedge_count_board.board-count{
	min-width: 1.2rem !important;
	border-radius: 50% !important;
	vertical-align: middle !important;
	display: none;
}
.news-open-box {
	/*margin-top: 1rem;*/
	padding: .5rem .5rem 0;
}
.news-open-box li {
	padding-bottom: 1rem;
}

.news-count {
	float: right;
	/*margin-right: 1rem;*/
	color: #dfdfdf;
}
.news-count i {
	font-size: 1.2rem;
	font-weight: normal;
	margin-right: .2rem;
	vertical-align: middle;
	color: #e74c3c;
	margin-top: -1px;
	cursor: pointer;
}
.news-idx {
	color: rgb(0, 174, 239);
	float: left;
	margin-right: .5rem;
}
.news-word {
	float: left;
	font-weight: 600;
	/*color: #dfdfdf;*/
	color: #cacaca;
}

.pc .df {
	display: flex;
}
.pc .dp {
	display: block;
}
.mobile .dp, .tablet .dp, .mobile .df, .tablet .df {
	display: none !important;
}


.detail-magnify {
	position: fixed;
	top: 8.5rem;
	width: 1010px;
	left:50%;
	transform:translateX(-50%);
	z-index: 999;
}
.detail-magnify i {
	line-height: 1;
	position: absolute;
	left:590px;
	cursor: pointer;
	text-shadow:#000 0px 0px 3px;
}
.detail-content-modal .modal-mask {
	z-index: 99999;
}


.mobile .font-change, .tablet .font-change {
	margin: auto 1rem auto 0;
}
.mobile .detail-top-report-btn{
	padding: 0.3rem !important;
}



/*detail-공통*/
.mobile .detail-content-top-fixed .detail-top-comment, .tablet .detail-content-top-fixed .detail-top-comment{
	display: none !important;
}
.mobile .detail-content-top-fixed .navbar-bookmark div, .tablet .detail-content-top-fixed .navbar-bookmark div{
	font-size: .8rem;
}
.mobile .detail-content-top-fixed .detail-content-pc-top, .tablet .detail-content-top-fixed .detail-content-pc-top{
	margin: auto 1.2rem auto auto;
}
.mobile .detail-content-top-fixed .detail-content-menu, .tablet .detail-content-top-fixed .detail-content-menu{
	margin-left: .6rem;
}
.mobile .detail-content-top-fixed .navbar-modify div,.mobile .detail-content-top-fixed  .navbar-toMain div{
	font-size: .8rem;
	margin-right: .3rem;
}
.mobile .detail-content-top-fixed .navbar-modify span,.mobile .detail-content-top-fixed  .navbar-toMain span{
	font-size: .8rem !important;
	/*line-height: .9rem !important;*/
}



.mobile #detailContentBottomFollow .comment-link i, .tablet #detailContentBottomFollow .comment-link i {
	margin-left:-50%;
}
.mobile #detailContentBottomFollow .etc-box span, .mobile #detailContentBottomFollow .etc-box.btn strong, .tablet #detailContentBottomFollow .etc-box span, .tablet #detailContentBottomFollow .etc-box.btn strong {
	margin-top: 0 !important;
	float: right;
	line-height: 1.4rem;
	margin-left: .5rem;
}
.mobile #detailContentBottomFollow .etc-box.btn span, .tablet #detailContentBottomFollow .etc-box.btn span  {
	line-height: .8rem;
	margin-left: 0;
	float: none;
}
.mobile #detailContentBottomFollow .etc-box .comment-link.btn .chat-icon, .tablet #detailContentBottomFollow .etc-box .comment-link.btn .chat-icon {
	float: none;
	margin-left: 0;
}
.mobile #detailContentBottomFollow .etc-box.comment-link.btn em, .tablet #detailContentBottomFollow .etc-box.comment-link.btn em {
	float: left;
}
.tablet #detailContentBottomFollow .comment-link.btn #detailChattNum {
	float: right;
	margin-left: 2rem;
	line-height: 1.4rem;
}
.mobile #detailContentBottomFollow .comment-link.btn #detailChattNum {
	float: right;
	margin-left: 1.5rem;
	line-height: 1.4rem;
}
/*detail-공통*/


/*detail-comment-list*/
.mobile .mypage-slider div.detail-listcomment-box>div {
	padding-bottom: .5rem;
}
.mobile .mypage-slider div.detail-listcomment-box {
	padding:0 .6rem !important;
}
.mypage-content-body .mypage-slider .lists div .detail-comment-box>div {
	border-width: 1px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
	padding-top:1rem ;
}
.mobile .mypage-content-body .mypage-slider .lists div .detail-comment-box>div {
	padding-top:.5rem !important;
}
.tablet .mypage-slider div.detail-listcomment-box {
	padding: 0 1.2rem !important;
}
.mobile .mypage-slider .comment-mv-title {
	display: inline-block !important;
}
.detail-reply-auth {
	font-size: .8rem;
	color: #333;
	background-color: #666666;
	font-weight: bold;
	padding: .15rem .3rem;
	line-height: .8rem;
	border-radius: 5px;
	display: inline-block;
	/*margin-bottom: .2rem;*/
	margin-right: .3rem;
}
::-moz-selection {
	background: #000;
}
::selection {
	background: #000;
}


.mobile .detail-listcomment-box, .tablet .detail-listcomment-box {
	/*padding: .909rem 0 !important;*/
	padding: 0 !important;
	margin: 0 !important;
}
.mobile div.detail-listcomment-box:first-of-type>div, .tablet div.detail-listcomment-box:first-of-type>div {
	padding-top: 0;
	border-top: 0;
}
.pc .detail-listcomment-box .detail-text {
	padding-bottom: 1rem;
}
.mobile .detail-listcomment-box .comment-mv-title, .tablet .detail-listcomment-box .comment-mv-title {
	margin-bottom: .7rem;
	display: block;
}
.mobile .detail-listcomment-box .detail-comment-box-top p, .tablet .detail-listcomment-box .detail-comment-box-top p {
	/*margin-left: .5rem !important;*/
	width: calc(100% - 4rem);
}
.mobile .detail-listcomment-box .detail-top-text-location, .tablet .detail-listcomment-box .detail-top-text-location {
	display: inline-block !important;
}
.comment-box-up-down .detail-down-btn.color {
	color: #666;
}
.detail-down-btn.color{
	/*color: #E74C3C;*/
	color: #666;
}
.detail-up-btn {
	/*color: var(--icon-color);*/
	color: #666;
	margin: auto  !important;

}

.detail-up-btn .scale-rotate i{
	animation-name: up-button-effect;
	animation-duration: .4s;
}
.detail-down-btn .scale-rotate i{
	animation-name: up-button-effect;
	animation-duration: .4s;
}
.detail-down-btn {
	color: #666;
	margin: auto !important;
}
.detail-up-btn-width {
	padding: 0;
	box-sizing: border-box;
}
.detail-up-btn.uncolor,.detail-up-btn.nocolor {
	color: #666;
}

@keyframes up-button-effect  {
	0% {
		animation-timing-function: cubic-bezier(.19,1,.22,1);
		transform: scale(1) rotate(0deg);
	}
	50% {
		animation-timing-function: cubic-bezier(.95,.05,.795,.035);
		transform: scale(1.24) rotate(-8deg);
	}
}

@keyframes down-button-effect  {
	0% {
		animation-timing-function: cubic-bezier(.19,1,.22,1);
		transform: scale(1) rotate(0deg);
	}
	50% {
		animation-timing-function: cubic-bezier(.95,.05,.795,.035);
		transform: scale(1.24) rotate(8deg);
	}
}
.border {
	border-right: 1px solid #666;
	width: 1px;
	height: 21px;
}

.detail-best-comment {
	/*margin-bottom: 1rem;*/
	padding-top: 1rem;
	/*border-top: 1px solid #484848;*/
}
.detail-best-comment h1 {
	display: inline-block;
	background-color: #42c4de;
	font-weight: 700 !important;
	font-weight: normal;
	color: #fff;
	padding: .7rem;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 1rem !important;
	margin-left: 1.2rem;
	margin-bottom: -1px;
	/*margin-bottom:1rem;*/
}
/*detail-comment-list*/



/*suggestion*/
.highlight {
	color: #DFDFDF;
}
/*suggestion*/

.chatting-element .chatting-list li time{
	font-size: .8rem;
	color: #bcbcbc;
}
.chatting-element {
	width: 100%;
	margin: auto;
	position: fixed;
	/*bottom: 4.2rem;*/
	bottom: 6rem;
	left: 0;
	height: auto;
	max-height: calc(100% - 9.3rem);
	overflow-y: auto;
}
.chatting-element.desk {
	max-height: calc(100% - 135px) !important;
	/*max-height: calc(100% - 100px) !important;*/
	position: absolute !important;
}
.chatting_person_box .chatting-element.desk {
	/*max-height: calc(100% - 110px) !important;*/
	max-height: calc(100% - 135px) !important;
}
.chatting-element .chatting-list{
	width: 95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: hidden;
	opacity: 1;
	padding:0;
	margin: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.chatting-list .self .chatting-list-etc {
	text-align: right;
}
.chatting-list li {
	margin-bottom: .5rem;
}
.chatting-list .other .chatting-list-etc span {
	float: left;
}
.chatting-list .other .chatting-list-etc span:first-of-type {
	margin-right: .5rem;
}
.chatting-list .other .chatting-list-etc span:nth-of-type(2) {

}
.chatting-list .self .chatting-list-etc span:first-of-type {
	margin-left: .5rem;
}
.chatting-list .self .chatting-list-etc span:nth-of-type(2) {

}
.chatting-list .other .chatting-list-etc div {
	float: left;
	clear: both;
}
.chatting-list .self .chatting-list-etc div {
	float: right;
	clear: both;
}
.chatting-list .self .chatting-list-etc span{
	float: right;
}
.chatting-element.cd .chatting-list {
	opacity: 0;
	overflow-y: hidden !important;
}
.chatting-element.cd .chatting-alarm-window{
	cursor: pointer;
	line-height: 2.5 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*width: 100% !important;*/
}
.chatting-element.cd .chatting-alarm-window span{
	line-height: 1.5!important;
	color: #dfdfdf!important;
	font-weight: 700;
	margin: auto 0 auto auto;
	width: calc(100% - 2.5rem);
	overflow: hidden;
	text-overflow: ellipsis;
}
.chatting-element .chatting-list li .messages {
	border: 0;
	word-break: break-all;
	background-color: transparent;
	font-size: 1rem;
	color: #e6e6e6;
	box-sizing: border-box;
	width: calc(100% - 2.5rem);
	resize: none;
	float: right;
	line-height: 1.3rem;
}
.chatting-element .other .messages,.chatting-element .other .avatar{
	float: left;
}
.chatting-element .messages span,.chatting-element .messages time {
	margin: auto .3rem;
}
.chatting-element .self{
	-ms-text-align-last: right;
	text-align-last: right;
}
.chatting-element .self .messages span,.chatting-element .self .messages time{
	float: right;
}


.chatting-element ul .other .avatar {
	margin: 0 .7rem 0 0;
}
.chatting-element ul .self .messages p {
	float: right;
	background-color: #484848 !important;
	color: #FFFFFF !important;
	/*width: 100%;*/
}
.chatting-element ul .self .avatar {
	margin: 0 0 0 .7rem;
}
.chatting-element ul li .avatar{
	position: relative;
	background-color: #dfdfdf;
	border: 0;
	display: block;
	vertical-align: middle;
	height: 1.8rem;
	width: 1.8rem;
	box-sizing: border-box;
	border-radius: 50%;
	float: right;
}
.chatting-element ul li .avatar img{
	position: absolute;
	right: 0;
	width: 1rem;
	padding: 0;
}
.chatting-nation {
	background-color: #dfdfdf;
	border: 0;
	display: block;
	vertical-align: middle;
	height: 1.8rem;
	width: 1.8rem;
	box-sizing: border-box;
	margin: auto 0.7rem;
	border-radius: 50%;
	position: relative;
}
.chatting-nation figure {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	padding: 0;
}
.chatting-nation img {
	padding-top: 0 !important;
}
.chatting-body .chatting-nation {
	margin: auto .7rem;
}


.chatting-list {
	display: block;
	margin-bottom: 10px;
}
.chatting-list:last-of-type {
	/*margin-bottom: 0;*/
}
.chatting-list .avatar {
	background-color: #fff;
	border-radius:50%;
	position: relative;
	float: left;
	width: 1.8rem;
	height: 1.8rem;
}
.chatting-list .person-messages {
	float: left;
	height: 1.5rem;
	line-height: 1.5rem;
	padding-left: 10px;
	box-sizing:border-box;
}
.chatting-list .avatar span {
	font-size: 12px;
}

/* 채팅 알람 */
.chatting-alarm-box .chatting-element em{
	display: block;
	line-height: 2.5;
	font-weight: 700;
	color: #333;
}
.chatting-alarm-box.cd .chatting-element, .chatting-alarm-box.noBack .chatting-element  {
	z-index: 3;
	color: #fff !important;
	background-color: transparent !important;
	position: relative;
	border-radius: 0 !important;
	/*width: 100% !important;*/
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
	/*padding: 0 .5rem !important;*/
}
.chatting-alarm-box.cd .chatting-element:before, .chatting-alarm-box.noBack .chatting-element:before  {
	border-color: transparent;
}
.chatting-alarm-box {
	display: none;
	background-color: transparent;
	position: fixed;
	bottom: 3.8rem;
	left: 50%;
	transform:translateX(-50%);
	width: 100%;
	z-index: 86;
	height: 2.5rem;
	box-sizing: border-box;
	padding: 0;
	/*display: flex;*/
	overflow: hidden;
}
.chatting-alarm-box .chatting-alarm-window {
	position: relative;
	background-color: #2c2a2a;
	/*width: calc(100% - 7px);*/
	width: 95%;
	margin: auto;
	padding: 0px .5rem 0 1rem;
	line-height: 2.5rem;
	box-sizing: border-box;
	border-radius: 10px;
	height: 100%;
	color: #dfdfdf;
	border: 2px solid #42c4de;
}

.chatting-alarm-box .chatting-alarm-window:before,.chatting-alarm-box .chatting-alarm-window:after {
	position: absolute;
	right: -12px;
	top: 50%;
	transform:translateY(-50%);
	content: "\A";
	border-style: solid;
	/*border-width: 5px 0 5px 7px;*/
	width: 0;
	height: 0;
	/*border-color: transparent transparent transparent #dfdfdf;*/
}
.chatting-alarm-box .chatting-alarm-window:after{
	border-color: transparent transparent transparent #333;
	border-width: 6px;
	right: -11px;
}
.chatting-alarm-box .chatting-alarm-window:before{
	border-color: transparent transparent transparent #42c4de;
	border-width: 6px;
	right: -14px;
}
.chatting-bottom .emoji-invoker i {
	font-size: 1.3rem;
}
.chatting-bottom #addEmoji #emoji {
	width: auto !important;
	height: auto !important;
}
/*chatting*/

/*comment*/
.tablet .comment-etc-modal .modal-mask, .mobile .comment-etc-modal .modal-mask {
	z-index: 9999999999 !important;
}
.message-list-send {
	border-bottom-left-radius: 15px !important;
}
.comment-modal .modal-mask {
	z-index: 9999999999 !important;
}
.loading {
	display: none;
	z-index: 9999999 !important;
	position: fixed;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
	background-color: #0a0a0a3d;
	width: 100%;
	height: 100%;
}
.loading .load-more-gif .fa-li {
	font-size: 3rem;
	color: #e0e0e0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
}

html.scroll,body.scroll {
	-webkit-overflow-scrolling : touch !important;
	overflow: auto !important;
	height: 100% !important;
}

.star-2 {
	animation-iteration-count: infinite;
	animation-name: twinkle-2;
	animation-duration: 1s;
}
.star-3 {
	animation-iteration-count: infinite;
	animation-name: twinkle-3;
	animation-duration: 1s;
}
.star-4{
	animation-iteration-count: infinite;
	animation-name: twinkle-4;
	animation-duration: 1s;
}

@keyframes twinkle-2 {
	70% {
		color:#42c4de;
	}
}

@keyframes twinkle-3 {
	70% {
		color:rgb(255, 191, 0);
	}
}

@keyframes twinkle-4 {
	70% {
		color:rgb(255, 191, 0);
	}
}


.ch .detail-comment-pass-box {
	display: none !important;
}

.modal-header {
	display: none;
}
.country-img img{
	/*transform: translate(0,0) !important;*/
	/*-webkit-transform: translate(0,0) !important;*/
}
.summary-message-top .country-img div img{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
	width: auto;
	max-width: none;
}
.summary-message-top .country-img figure img{
	width: 15px;
	display: block;
}
.summary-message-top .country-img figure{
	position: absolute;
	right: 0;
	bottom: 0;
}
.summary-message-top .country-img{
	width: 32px !important;
	height: 32px;
	/* background-color: #f9f9f9 !important; */
	border-radius: 50% !important;
	/* overflow: hidden; */
	/* border-radius: 0; */
	/* background-color: transparent; */
	border: 2px solid #222222;
}
.mobile .comment-info-modal .modal-container{
	width:90%;
}
.comment-etc-modal .modal-body {
	padding: 0 !important;
}
.comment-etc-modal .modal-body>figure {
	padding-top: 1.2rem !important;
}
.detail-sns-modal .modal-list{
	border-top: 0;
}
.detail-sns-modal .modal-mask {
	z-index: 9999999999 !important;
}
.detail-sns-modal .module-notice{
	display: none;
}
.mobile .detail-sns-modal .modal-container{
	width: 70% !important;
}
.detail-sns-modal .modal-body{
	padding: 1rem 2rem !important;
}
.detail-sns-modal .modal-list li {
	padding: 1rem 0;
	/*border-bottom: 1px solid rgba(167,167,167,.15);*/
	/*height: 3rem;*/
	width: 100%;
	float: none;
}
.detail-sns-modal .modal-list li span {
	display: block;
}
.detail-sns-modal .modal-list li:nth-of-type(2n+1) {
	/*border-right: 1px solid rgba(167,167,167,.15);*/
}
.detail-sns-modal .modal-list li:last-of-type {
	/*width: 100%;*/
	/*cursor:pointer;*/
	/*border-right: 0;*/
}
.detail-sns-modal .modal-list li:last-of-type:hover {
	/*opacity: .7 !important;*/
}
.detail-sns-modal li i {
	font-size: 1.6rem;
}
.detail-sns-modal .modal-list li a{
	display: flex;
	align-items: center;
}
.detail-sns-modal .modal-list li a img{
	margin-right: .8rem;
}
.modal-list {
	border-top: 1px solid rgba(167,167,167,.15);
}
.modal-list li:last-of-type {
	cursor: default;
}
.modal-list li:last-of-type:hover {
	opacity: 1 !important;
}
.modal-list li:first-of-type {
	/*border-right: 1px solid rgba(167,167,167,.15);*/
	box-sizing: border-box;
}
.modal-list li {
	box-sizing:border-box;
	cursor: pointer;
	color: #dfdfdf;
	float: left;
	width: 50%;
	margin-bottom: 0;
	padding: 1rem 0;
}

.modal-list li:last-of-type {
	margin-bottom: 0;
}
/*comment*/


html>body.stop {
	overflow: hidden !important;
	overflow-y: hidden !important;
}
.tagModal .modal-body>figure {
	display: none;
}
.search-help.tp {
	top: 80px !important;
}

#modalTemplate .recent-search li {
	padding-bottom: 0;
}

/*write-content*/
.dashboard-menu-following{
	position: sticky;
	position: -webkit-sticky;
	top: 3.25rem;
	background-color: #2c2a2a;
	z-index: 999999999999999;
}
.dashboard-menu-box {
	margin-top: 3px;
	position: absolute;
	right: 0;
	z-index: 999999;
	top: 2.5rem;
}
.detail-content-top p {
	word-break: break-word;
}
.detail-content-top div {
	font-weight: 700;
	word-break: break-word;
}
.write-footer.fixfixed {
	bottom: auto !important;
}
.imgHeight {
	word-break: break-all;
}
.linkDashboard {
	z-index: 99999999;
	width: calc(1010px - 3rem);
	box-sizing: border-box;
	background-color: #2c2a2a;
	clear: both;
	padding: 1rem 0;
}
.mobile .linkDashboard, .tablet .linkDashboard {
	width: calc(100vw - 2rem) !important;
}
.dashboard-menu-box .dashboard-menu {
	float: right;
}
.link-dashboard input {
	font-size: 1rem;
	width: 100%;
	padding: 12px;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: #3a3939;
	border: 0;
	border-radius: 5px;
	margin: 0;
	color: #B5BBC0;
	box-sizing: border-box;
}
.write-add-link .write-link-box-all:last-of-type {
	border-bottom: 0;
}
.dashboard-menu li i {
	font-size: 1.3rem;
	color: #B5BBC0;
	font-weight: bold;
}
.dashboard-menu li {
	float: left;
	cursor: pointer;
	margin-right: 1.5rem;
}
.dashboard-menu li:last-of-type {
	margin-right: 0;
}
b{
	font-weight: bold !important;
}
h1{
	font-size: 4rem !important;
}
h2{
	font-size: 3.5rem !important;
}
h3{
	font-size: 2.5rem !important;
}
h4{
	font-size: 2rem !important;
}
h5{
	font-size: .909rem !important;
}
/*write-content*/


/*list*/
.mobile .jackpot, .tablet .jackpot {
	margin-top: .6rem;
}
.mobile .jackpot a, .tablet .jackpot a{
	width: 100% !important;
}
.pc .list-ad-etc {
	margin-bottom: .6rem !important;
}
#listBox .list-box-paging li {
	float: left;
	width: 50%;
	color: #dfdfdf;
}
#listBox .list-box-paging ul {
	margin: 4rem 0;
}
#listBox .list-box-paging li:last-of-type {
	text-align: right;
}
.list-box-paging i {
	font-size: 1.5rem;
	display: block;
	margin-bottom: .5rem;
}
.list-box-paging ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.list-box-paging .input-list-paging p {
	color: #dfdfdf;
}
.list-box-paging .input-list-paging p input{
	border: 0;
	background-color: #dfdfdf;
	border-radius: 5px;
	padding: .15rem .3rem;
	margin-right: .5rem;
}
.list-box-paging .input-list-paging button {
	border:0;
	background-color: #42c4de;
	border-radius: 5px;
	padding: .15rem .3rem;
	font-size: 1rem;
	line-height: 1rem;
	color: #333;
	font-weight: 500;
}
#listBox .list-box-paging .input-list-paging p {
	float: left;
}
#listBox .list-box-paging .input-list-paging button {
	float: right;
}
.pc .app-body .page-slider .lists .list-box.pbt {
	padding-bottom: 1.8rem !important;
}
.list-hot-box {
	background-color: #e74c3c;
	position: absolute;
	right: .3rem;
	top: .3rem;
	z-index: 5;
	padding: .3rem .5rem;
	border-radius: 5px;
	color: #fff;
	font-size: .85rem;
	font-weight: 800;
	display: none;
}
.list-community-box{
	background-color: #ffffff;
	position: absolute;
	right: .3rem;
	bottom: .3rem;
	z-index: 5;
	padding: .3rem .5rem;
	border-radius: 5px;
	color: #333333;
	font-size: .85rem;
	font-weight: 800;
	text-align: center;
}
.list-amp-img-box {
	position: relative;
	height: 100%;
}
.list-amp-img-box.height img{
	max-height: 100%;
}
.list-box-go-detail.height img{
	max-height: 100%;
	width: 100% !important;
}
.list-amp-img-box.width img{
	max-width: 100% !important;
}
.mobile .lists #listBox .list-box .list-img{
	max-width: 100%;
}
.pc .modify-mobile-height {
	min-height: 250px;
	max-height: 250px;
	height: 250px;
	background-color: #fff;
}
.pc .modify-mobile-height.cc .list-amp-img-box:before {
	display: none;
}
.tablet .modify-mobile-height {
	min-height: calc(calc(33vw - 1.6rem) * .847);
	max-height: calc(calc(33vw - 1.6rem) * .847);
	height: calc(calc(33vw - 1.6rem) * .847);
}
.tablet #listBox .list-box-thumb {
	height: calc(calc(33vw - 1.6rem) * .847);
}
.mobile .modify-mobile-height {
	min-height: calc(calc(50vw - 1.8rem) * .847);
	max-height: calc(calc(50vw - 1.8rem) * .847);
	height: calc(calc(50vw - 1.8rem) * .847);
}
.mobile #listBox .list-box-thumb {
	height: calc(calc(50vw - 1.8rem) * .847);
}

.tablet .mobile-list-box {
	float: none !important;
	width: 100% !important;
}
.mobile .mobile-list-box {
	float: none !important;
	width: 100% !important;
}
.mobile .detail-body-ago {
	clear: both;
	margin-left: 0 !important;
	float: none !important;
}
.lists .list-box .list-amp-img {
	position: relative;
	z-index: 2;
	min-height: 100%;
}
.toggleWrapper{
	overflow: hidden;
	margin-bottom: 1rem;
}
.toggleWrapper input{
	position: absolute;
	left: -99em;
}
#listBox .toggleWrapper .toggle {
	background-color: #494848;
}
#listBox .toggleWrapper .toggle__handler {
	background-color: #B5BBC0;
}
#listBox .toggleWrapper .toggle:after {
	color: #fff;
}
.toggle{
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 58px;
	height: 24px;
	background: #000000;
	border-radius: 50px;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.toggle:before, .toggle:after{
	position: absolute;
	line-height: 24px;
	font-size: .9rem;
	z-index: 2;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.pc .toggle:after {
	color: #666 !important;
}
.pc .toggle__handler {
	background-color: #666666 !important;
}
.toggle:before{
	content: "";
	left: 12px;
	color: #D21626;
}
.toggle:after{
	content: "OFF";
	right: 9px;
	color: #fff;
	font-weight: bold;
}
.toggle__handler{
	display: inline-block;
	position: relative;
	z-index: 1;
	background: #B5BBC0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
input:checked + .toggle:after {
	content:'';
}
input:checked + .toggle:before {
	content:'ON';
	color: #42c4de !important;
	font-weight: bold;
}
input:checked + .toggle{
	background: rgba(0,0,0,.5);
}
input:checked + .toggle:before{
	color: #fff;
}
input:checked + .toggle .toggle__handler{
	-webkit-transform: translateX(34px);
	transform: translateX(34px);
	background-color: #42c4de !important;
}

.pc .comment-list {
	background-color: #2c2a2a;
	margin: 1.4rem 1.2rem;
	/*padding: 1.2rem .6rem;*/
	max-width: 800px;
}

.mobile-list-box .news-open-box li a {
	min-width: 50px;
	text-align: center;
	background-color: #DBB49D;
	border-radius: 5px;
	padding: .6rem;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}
.mobile-list-box .news-open-box li:last-of-type {
	padding-bottom: 0 !important;
}
.mobile-list-box .news-word {
	float: none !important;
	text-align: center !important;
	color: #333 !important;
}
.mobile .comment-list {
	padding: 0 1.2rem;
}
.tablet .comment-list {
	padding: 0 1.2rem;
}
.tablet .comment-list {
	max-width: 100% !important;
}
.mobile .comment-list .news-box, .tablet .comment-list .news-box {
	width: 100% !important;
}
.mobile .comment-list .news-open-btn, .tablet .comment-list .news-open-btn {
	float: left;
	line-height: 1rem !important;
	height: 1rem;
}
.mobile .comment-list .news-open-btn i, .tablet .comment-list .news-open-btn i {
	font-size: .8rem !important;
	vertical-align: middle !important;
}
.mobile .comment-list .news-box li, .tablet .comment-list .news-box li  {
	height: 1rem;
}
.mobile .comment-list .news-mask, .tablet .comment-list .news-mask  {
	width: 100% !important;
	clear: both;
	height: 1rem;
}
.mobile .comment-list .news-box li a, .tablet .comment-list .news-box li a  {
	line-height: 1rem;
	font-size: .98rem;
}
.mobile .mobile-list-box, .tablet .mobile-list-box {
	display: block;
}
.pc .mobile-list-box {
	display: none;
}
.mobile .list-origin-img, .tablet .list-origin-img {
	height: 10.79rem;
}
.mobile .list-box-thumb .list-amp-img{
	height: auto !important;
	min-height: 100% !important;
	overflow: hidden;
}
.tablet .list-box-thumb .list-amp-img {
	height: auto !important;
	min-height: 100%;
}
.pc .list-amp-img {
	height: auto;
}
.pc .list-origin-img{
	height: 12.91rem;
}
.list-clicked.list-box .list-title, .list-clicked.list-box .list-img {
	opacity: .4 !important;
}
.time-item img {
	width: 100%;
	object-fit: cover;
}
.time-tag {
	background-color: #42c4de;
	border-radius: 10px;
	font-weight: 700;
	color: #fff;
	padding: .5rem .7rem;
	display: inline-block;
	box-sizing: border-box;
}
.time-tag-box p {
	margin-bottom: .3rem;
}
.time-tag-box p:last-of-type {
	margin-bottom: 0;
}
.time-tag em{
	margin-left: .3rem;
	cursor: pointer;
}
.time-tag em i{
	vertical-align: bottom;
	font-size: .9rem;
}
.tag-close {
	display: none;
}
.tag-close.on {
	display: inline;
}
.list-box .list-title:visited{
	color: #6b6b6b !important;
}
.load-more {
	float: left;
	clear: both;
	width: 100%;
	height: 3.28rem;
	position: relative;
}
.load-more-gif{
	position: absolute;
	width: 100%;
	height: 3.28rem;
	text-align: center;
	font-weight: 300;
	top: 50%;
	transform:translateY(-50%);
	font-size: 1.5rem;
	border-top: none;
	color: #666;
}
.load-more-gif div{
	display: inline-block;
}
.load-more-detail .load-more-icon{
	display: inline-block;
}
@keyframes loading-spinner {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(-360deg);
	}
}
#listBox .list-num span {
	font-size: .857rem;
	color: #888888;
	font-weight: bold;
	vertical-align: top;
}
.lists {
	width: 100%;
	height: 100% !important;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	padding: 0 .6rem;
	max-height: 100%;
}
#detailDisplayBody{width:100%;margin:auto;}
#detailDisplayBody.detailDisplayPreviousNext{
	width: 1010px;
	position: relative;
	cursor: pointer;
}
#detailDisplayBody .detail-list-mode {
	padding: 0 .6rem 5px;
	cursor: pointer;
}
#detailDisplayBody .detail-list-mode span{    font-weight: 500;
	color: #fff;
	padding: 0 10px;}
.tablet #detailDisplayBody{width:100%;margin-bottom:65px;margin-top:20px;}
.tablet .lists #listBox .detailDisplayPreviousNext .list-box{width:auto !important;}
.tablet .lists #listBox .detailDisplayPreviousNext .list-box>div{width:236px !important;}
.mobile #detailDisplayBody{width:100%;margin-top:20px;}
.mobile .lists #listBox .detailDisplayPreviousNext .list-box{width:100% !important;}
#detailDisplayBody .detail-previous-list .detail-list-mode{text-align:right;}
.detail-next-list{float:left;width:50%;}
.detail-previous-list{float:right;width:50%;}
.detail-previous-list .list-box{float:right !important;}
.detail-next-list .list-box{float:none !important;}
.detail-arrow-ad-box{
	position: absolute !important;
	top: 20px;
}
.detail-arrow-ad-box.arrow-1{
	left: 254px;
}
.detail-arrow-ad-box.arrow-2{
	right: 254px;
}
.mobile .detail-previous-list .list-box{float:none !important;}
.detail-next-list .list-box .list-center-sub,.detail-previous-list .list-box .list-center-sub{display:inline-block !important;}

.mobile #iframe_our_container_pc{width:100%;}
.tablet #iframe_our_container_pc{width:100%;}

.tablet .lists #listBox .list-box {
	width: 33.333%;
}
.mobile .lists #listBox .list-box {
	width: 50%;
}

.lists #listBox .list-box {
	background-color: transparent;
	position: relative;
	padding: .6rem;
	box-sizing:border-box;
	display: inline-block;
	vertical-align: text-top;
}
.pc .lists #listBox .list-box {
	padding: .8rem .6rem !important;
}

.lists #listBox .list-box .list-img {
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	min-height: 100%;
	width: auto;
	max-width: none;
}
.pc .lists #listBox .list-box .list-img{
	width: 100%;
}
.pc .lists #listBox .list-box .list-amp-img-box.ct .list-img {
	width: 100% !important;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
}
.pc .lists #listBox .list-box>div {
	width: 300px;
}
#listBox .list-box .list-num {
	font-size: 1.091rem;
	color: #454444;
	font-weight: 600;
	display: block;
	float: left;
	box-sizing:border-box;
	line-height: 5.23rem;
	width: 3.28rem;
	text-align: center;
	background: url('/static/img/comment.svg') 49.5% 50.5% no-repeat;
	background-size: 2rem	;
}
#listBox .list-box:nth-of-type(-n+3) .list-num {
	background-image:url('/static/img/comment_c.svg')
}
#listBox .list-box:nth-of-type(-n+3) .list-num span{
	color: #fff;
}
#listBox .list-box .list-center {
	width:100%;
}
.mobile #listBox .list-box .list-center, .tablet #listBox .list-box .list-center {
	height: 5.23rem;
}
#listBox .list-box .list-center>div {
	width: 100%;
}

#listBox .list-box .list-title {
	width: 100%;
	margin-bottom: .1rem;
	font-weight: 700;
	display: inline-block;
	font-size: .9rem;
	color: #dfdfdf;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 2.3rem;
	line-height: 1.15rem;
	white-space:normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#listBox .list-box .list-tag {
	font-size: 1rem;
	font-weight: 600;
	color: #8c88ff;
	margin-right: .5rem;
}
#listBox .list-box .list-title strong{
	font-size: 1rem;
	font-weight: 600;
	color: #474646;
}
.mobile #listBox .list-box .list-center-sub, .mobile #listBox .list-box .detail-view-vote{
	height: 1rem;
	line-height:1.4;
}
#listBox .list-box .list-center-sub {
	display: block;
	margin-bottom: .2rem;
}
#listBox .list-box .list-text {
	color: #888888;
	font-size: .75rem;
	float: left;
	line-height: 1.5;
}
#listBox .list-box .list-center-sub {
	float: left;
	cursor: pointer;
	/*line-height: 1.3;*/
	height: 1rem;
	overflow: hidden;
	color: #B5BBC0;
	font-size: .75rem;
}
#listBox .list-box .list-center-sub i {
	vertical-align: middle;
	margin-right: .4rem;
}
#listBox .list-box .list-img {
	display: block;
	width: 100%;
	height: 11.3rem;
}

#listBox .list-box .list-img img {
	width: 300px;
	height: 250px;
}
#listBox .list-box-thumb {
	position: relative;
	height: 250px;
}
#listBox .list-comm {
	position: absolute;
	left: .3rem;
	bottom: .3rem;
	width: 2rem;
	height: 1.9rem;
	z-index: 5;
}
#listBox .list-comm .list-comm-img {
	width: 100%;
	height: 100%;
	background: url('https://image.bada.io/files/vue/static/img/comment_b.svg') 49.5% 50.5% no-repeat;
	background-size: 2rem	;
	position: absolute;
	z-index: 4;
}
#listBox .list-top30 {
	background-color: #f76c5c;
	position: absolute;
	left: .6rem;
	top: .3rem;
	width: 2rem;
	height: 1rem;
	z-index: 5;
	padding: .3rem .5rem;
	border-radius: 5px;
	color: #fff;
	font-size: .85rem;
	font-weight: 800;
	display: none;
}

#listBox .list-top30>span {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 49%;
	transform: translate(-50% , -50%);
	font-weight: 800;
	font-size: .85rem;
	z-index: 4;
}
#listBox .list-comm .list-comm-img.high-comment {
	background: url('https://image.bada.io/files/vue/static/img/comment_recommend.svg') 49.5% 50.5% no-repeat !important;
	background-size: 2rem !important;
}
#listBox .list-comm>span {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 49%;
	transform: translate(-50% , -50%);
	font-weight: 800;
	font-size: .85rem;
	z-index: 4;
}

#listBox .list-view{
	font-size: .85rem;
	color: #B5BBC0;
	vertical-align: middle;
	font-weight: 600;
	margin-right: .5rem;
	float: left;
}

.mobile #listBox .list-box .list-title, .tablet #listBox .list-box .list-title {
	margin-top: .4rem;
}
/*list*/


/*link-preview*/
.link-preview-box{
	text-align: left !important;
	overflow: hidden;
	clear: both;
	padding: .5rem 0 .2rem;
	display: block;
}
.link-preview-box.other{
	margin-left: 2.5rem;
}
.link-preview-box.self .link-preview{
	float: right;
}
.link-preview{
	display: block;
	float: left;
}
#app .link-preview{
	width: 60%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff !important;
}
#app .link-preview .img-box img{
	width: auto;
	display: block;
	margin: auto;
}
#app .link-preview .img-box{
	position: relative;
	background-color: #fff !important;
}
#app .link-preview .img-box:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#app .link-preview .img-box strong{
	display: block;
	color: #fff !important;
	font-size: 1.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
#app .link-preview .tag-box {
	padding: .7rem;
}
#app .link-preview .tag-box .link-box{
	color: #9e9e9e;
	font-size: .8rem;
}
#app .link-preview .tag-box>div{
	color: #222 !important;
	line-height: 1.5;
	font-size: .9rem;
}
#app .link-preview-url{

}
/*link-preview*/

.comment-sms-modal .modal-container{width:260px !important;}
.comment-sms-modal .modal-footer .modal-default-button{
	width:50% !important;
	border-bottom-left-radius: 0 !important;
}

/*iphone X*/

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
	.app-footer {
		height: 3.8rem !important;
	}
	.write-footer {
		padding-bottom: 1.5rem !important;
	}
	.page-slider {
		margin-bottom: 4.2rem !important;
	}
}

.highlightText {
	background: darkblue;
}

.showRecommendCountryListModal .module-notice{
	display: none !important;
}
.showRecommendCountryListModal .modal-body>figure{
	margin-bottom: 15px !important;
}

.main-footer-modal .modal-container{
	z-index:9999999999 !important;
}
.outside-badge {
	display: none;
}

#commentChartModal .modal-body .module-notice{
	display: none;
}
.apexcharts-tooltip-marker{
	display: none !important;
}
.apexcharts-tooltip {
	/*background: #f3f3f3;*/
	/*color: orange;*/
}

#commentChartModal .modal-container{
	width: 50% !important;
}
#chart{
	height: 500px;
}


#appleid-signin{
	border: 1px solid #dcdcdc;
	width: 14rem;
	background-color: #000;
	display: inline-block;
	border-radius: 4rem;
	margin: auto;
	text-align: center;
	color: #dcdcdc;
	height: 2.6rem;
}
#appleid-signin>div{
	min-width:unset !important;
	max-width:unset !important;
	max-height:unset !important;
	min-height:unset !important;
	height: 100%;
}
#appleid-signin>div>div{
	padding-right: 0 !important;
	padding-left: 0 !important;
	position: initial !important;
	width: auto !important;
}
#appleid-signin>div>div:nth-of-type(2){
	display: none !important;
}
#AppleGetNameModal .modal-footer .modal-default-button{
	width: 50% !important;
	border-bottom-left-radius: 0;
}
#createChannelModal .modal-body figure, #createChannelModal .modal-body .module-notice{
	display: none;
}
#browseChannelModal .modal-body figure, #browseChannelModal .modal-body .module-notice{
	display: none;
}
#confirmDeleteModal .modal-body figure, #confirmDeleteModal .modal-body .module-notice{
	display: none;
}
#createChannelModal .modal-footer .modal-default-button{
	width: 50% !important;
	border-bottom-left-radius: 0;
}
#confirmDeleteModal .modal-footer .modal-default-button{
	width: 50% !important;
	border-bottom-left-radius: 0;
}
.accordion-open .expand{
	transform:rotate(-180deg);
}

#contentEtcModal .modal-mask{
	background-color: rgb(0, 0, 0, .8) !important;
}
#contentEtcModal .modal-container{
	background-color: transparent !important;
	width: 100% !important;
}

.pc #contentEtcModal .list-amp-img{
	width: 100% !important; ;
}
#contentEtcModal .list-box {
	overflow: hidden;
	margin: auto;
	border-radius: 5px;
}
#contentEtcModal .list-amp-img{
	position: absolute;
	left: 50%;
	height: 100%;
	top: 0;
	transform: translate(-50%,0);
	min-height: 100%;
	width: auto;
	max-width: none;
}
#contentEtcModal .modal-footer{
	text-align: center;
}
#contentEtcModal .modal-default-button:hover {
	background-color: transparent !important;
}
#contentEtcModal .modal-footer button{
	width: auto;
	float: none;
	background-color: transparent;
}
.pc #contentEtcModal .list-box{
	width: 300px;
}
.tablet #contentEtcModal .list-box{
	width: 33.33%;
}
.mobile #contentEtcModal .list-box{
	width: 50%;
}
.mobile #contentEtcModal .list-box .list-img {
	max-width: 100%;
}
#contentEtcModal .module-notice, #contentEtcModal .modal-body>figure{
	display: none;}
#youtubeModal .module-notice, #youtubeModal .modal-body>figure{
	display: none;}
#youtubeUrlIframe{
	height: 50vh !important;
}

@keyframes bounceIn {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(.8);
	}
	70% {
		transform: scale(.9);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.8);
	}
	70% {
		-webkit-transform: scale(.9);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

.bounce-animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}



.facebook-email-modal .modal-footer button{
	display: none !important;
}

.bottom-modal{
	min-width:320px;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999999 !important;
}
.bottom-modal-content.up{
	bottom: 0;
}
.bottom-modal-content {
	transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
	overflow: hidden;
	line-height:2.5rem;
	background-color:#f2f2f2;
	padding: .3rem .6rem;
	width: 100%;
	position: fixed;
	bottom: -100%;
	left: 0;
	/*z-index: 100;*/
	/*height: 3.28rem;*/
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	box-sizing:border-box;
	-webkit-backface-visibility: hidden;
}
.bottom-modal-back{
	background-color: rgba(44, 42, 42, 0.44);
	position: fixed;
	width: 101%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition:background-image 300ms ease-in 200ms;
	z-index: -1;
}

.mobile .mobile-search-filter, .tablet .mobile-search-filter{
	display: block !important;
}
.mobile .mobile-search-filter i, .tablet .mobile-search-filter i{
	display: block;
	transform: rotate(270deg);
}
.mobile #boardView, .tablet #boardView{
	padding: 0 .6rem !important;
}
.mobile .board-content-list, .tablet .board-content-list{
	width: 100% !important;
}
.board-content-more{
	cursor: pointer;
	float: right;
	color: #777777;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: bold;
}
.search-help-list{
	float: left;
	width: 33.333%;
	text-align: center;
}
.search-help-list .news-open-box li{
	text-align: center;
}
.best-tag-list li{
	background-color: #484848;
	border-radius:30px;
	padding: .5rem .8rem;
	display: inline-block;
	margin-bottom: 1rem;
	margin-left: 1rem;
}
.search-help-title {
	display: inline-block;
	padding-bottom: .5rem;
	border-bottom: 2px solid #42C4DE;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: .5rem;
}
.search-help-list .news-idx{
	color: rgba(255,255,255,.5);
	font-weight: bold;
	float: none;
}
.search-help-list .news-word{
	color: #FFFFFF;
	font-weight: bold;
	float: none;
}
.search-help-list .news-count-number{
	color: #fff;
	font-weight: bold;
}
.search-help-top-box ul{
	overflow: hidden;
	padding: 1rem;
}
.pc .app-body .page-slider .board-community-list.lists {
	padding: 1rem 1rem 1rem 2rem !important;
	width: calc(100% - 300px - 2rem) !important;
}
.pc .board-community-list .board-content-list{
	width: 100% !important;
	padding: 0 .6rem !important;
}

#boardView .board-content-list{
	float: left;
	width: calc(100% - 300px - 2rem);
}
.mobile #boardView .board-content-context{
	width: calc(100% - 110px);
}
.mobile .board-content-ad-box div{
	margin: auto;
	float: none !important;
}


.news-tag-box li{
	display: inline-block;
	background-color: #484848;
	padding: .8rem 1rem !important;
	border-radius: 25px;
	margin-right: .5rem;
	margin-bottom: .5rem;
	margin-top: .3rem;
}

.news-tag-box .news-idx{
	display: none !important;
}

.news-tag-box .news-count-number{
	opacity: 1;
	margin-left: .2rem;
	font-weight: bold;
}

.pc .board-content-img, .tablet .board-content-img{
	width: 160px;
	height: calc(160px * .847);
}
.pc .board-content-img img, .tablet .board-content-img img{
	width: 100%;
}
.mobile .board-content-img img.height{
	max-width: none;
	max-height:100%
}
.mobile .board-content-img{
	width: 100px;
	height: calc(100px * .847);
}
.mobile .meet-modal-title{
	font-size: 2.5rem !important;
	margin-bottom: 0 !important;
}
.mobile .meet-modal .modal-container{
	padding: 0 4rem !important;
}
.mobile .meet-modal-policy{
	height: 3rem !important;
}
.mobile .meet-modal .modal-body{
	padding: 1rem !important;
}
.mobile .meeting, .tablet .meeting {
	height: calc(100vh - 7.48rem) !important;
}



.mobile .board-content{
	margin-top: 1rem;
}
.tablet .board-content{
	margin-top: 0;
}

/* write */
#content_context{
	padding-bottom: 3.88rem !important;
	word-break: break-word !important;
}
.community .list-box{
	box-sizing:border-box;
}
.main-tag-box .main-tag:hover {
	color: #fff;
	opacity: .6;
}
#transparentBg {
	display: none;
	background-color: rgba(0, 0, 0, 0.58) !important;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
}

/* vote thumb */
.detail-body-vote {
	text-align: right;
	float: left;
}
.detail-body-vote i, .detail-body-vote span {
	/*font-size: 1rem;*/
	font-size: .93rem;
	vertical-align:middle;
	line-height: .6rem;
}
.detail-body-vote span {
	color: #cdd1d3;
	margin-left: .1rem;
	/*margin-left: .2rem;*/
	font-size: .9rem;
	font-weight: 600;
}
.detail-body-vote.up i {
	color: #42c4de;
}
.detail-body-vote.down i {
	color: #e74c3c;
}

#listBox .detail-body-vote {
	text-align: right;
	float: left;
}
#listBox .detail-body-vote i{
	font-size: .93rem;
	vertical-align:baseline;
	line-height: .6rem;
}
#listBox .detail-body-vote span {
	line-height: 1;
	color: #B5BBC0;
	vertical-align: text-top;
	margin-left: .1rem;
	font-size: .9rem;
	font-weight: 600;
}
#listBox .detail-body-vote.up i {
	color: #42c4de;
}
#listBox .detail-body-vote.down i {
	color: #e74c3c;
}
/* vote thumb */

/* board */
#boardView{
	padding: 2rem 1rem;
}
.board-content-context{
	float: left;
	width: calc(100% - 13rem);
}
.board-content-img{
	float: right;
	position: relative;
}
.board-content-img img{
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	min-height: 100%;
	width: auto;
	max-width: none;
}
.board-content-box{
	margin-bottom: 10px;
	overflow: hidden;
}
.pc .board-content-box{
	background-color: #202020;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, .5) 0 2px 5px;
	padding: 1rem;
}
.board-content-menu{
	overflow: hidden;
	color: #fff;
	display: inline-block;
	float: left;
	margin-right: .7rem;
}
.board-content-tag{
	overflow: hidden;
	float: left;
}
.pc .board-content-tag li{
	margin-top: .5rem;
}
.board-content-tag li{
	float: left;
	margin-right: .7rem;
}
.board-content-tag a{
	font-size: 1rem;
	color: #fff;
	opacity: .6;
}
.pc .board-content-tag a{
	font-size: .8rem;
	color: #B5BBC0;
	opacity: 1;
	background-color: #353535;
	border-radius: 40px;
	display: block;
	font-weight: bold;
	padding: .5rem .8rem;
}
.board-content-title{
	color:#fff;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
	line-height: 1.4;
}
.board-content-post{
	font-size: 1rem;
	color: #fff;
	opacity: .6;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}
.pc .board-content-post{
	float: left;
	width: calc(100% - 6rem);
	overflow: hidden;
	font-size: 1.2rem;
	color: #B5BBC0;
	line-height: 1.4;
	font-weight: 400;
}
.pc .board-content-bottom{
	margin-left: calc(60px + 2.5rem);
	margin-top: 1rem;
}
.board-content-etc{
	overflow: hidden;
	line-height: 1.9rem;
}
.board-content-etc li{
	float: left;
	margin-left: .7rem;
}
.board-content-views{
	color: #fff;
	opacity: .6;
	font-size: .9rem;
	font-weight: 600;
}
.board-content-like span{
	color: #fff;
	opacity: .6;
	font-size: .9rem;
	font-weight: 600;
	margin-left: .1rem;
}
.board-content-like i{
	vertical-align:middle;
	line-height: .6rem;
	font-size: .93rem;
}
.board-content-comment{
	width: 2rem;
	height: 1.9rem;
	position: relative;
}
.board-content-comment span{
	color: #fff;
	position: absolute;
	left: 50%;
	top: 49%;
	transform: translate(-50% , -50%);
	font-weight: 800;
	font-size: .85rem;
	z-index: 4;
}
.board-content-comment .comment-img{
	width: 100%;
	height: 100%;
	background: url('/static/img/comment_b.svg') 49.5% 50.5% no-repeat;
	background-size: 2rem	;
	position: absolute;
	z-index: 4;
}
.board-content-comment.high-comment .comment-img{
	background: url('/static/img/comment_recommend.svg') 49.5% 50.5% no-repeat !important;
	background-size: 2rem !important;
}
/* board */


.comment-block-modal .module-notice{
	font-size: 1.4rem !important;
}

/* 아는 형님 */
.main-tag-title{
	color:#fff;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
}
.main-tag-box .main-tag{
	color:#fff;
	margin: 5px;
	display: inline-block;
	background-color: #2c2a2a !important;
	font-size: 1rem !important;
	border-radius: 0 !important;
	padding: .2rem !important;
}
.main-tag-box{
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.main-tag-box::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.main-tag-box li{
	display: inline-block;
}
.page-box i {
	cursor: pointer;
	font-size: 1.6rem;
	font-weight: bold;
	color: #03a9f4 !important;
	padding-left: 5px;
	padding-right: 5px;
}


.cf:after {
	clear: both;
	display: block;
	content: '';
}
.search-background {
	z-index: 9;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(35, 35, 35, 0.66)
}

/* Terms */
#content_context_terms { width:100%; padding:.5rem 1.5rem;color:#fff; line-height: 20px; font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
}
#content_context_terms strong{
	font-weight: 500;
	display: block;
}
#content_context_terms h1{
	font-weight: 600;
	font-size: 16px !important;
	line-height: 25px;
}
/* -- Terms */



/* write>tag */
#writeTagModal .set-tag {
	margin-bottom: 0;
	display: inline-block;
	border-radius: 15px;
	padding: .2rem .8rem;
	color: #fff;
	background-color: #42c4de;
	margin-right: 1rem;
	font-size: .909rem;
}
#writeTagModal.write-tag-board-modal .set-tag {
	background-color: #484848 !important;
	border-radius: 27px !important;
	padding: .7rem 1.3rem !important;
	font-size: 1.2rem !important;
}
#writeTagModal .write-tag-preview .set-tag {
	background-color: #636363 !important;
	padding: .2rem .8rem !important;
	border-radius: 15px !important;
	cursor: pointer;
	display: inline-block !important;
}
#writeTagModal .set-tag span {
	font-weight: 400 !important;
	vertical-align: middle !important;
}
.write-tag-preview .set-tag {
	background-color: transparent !important;
	padding: .4rem .7rem !important;
	border-radius: 0 !important;
	margin-right: 0;
	cursor: pointer;
	display: block !important;
}
.write-tag-preview .set-tag span {
	color: #fff !important;
	margin-right: 0 !important;
}
.set-tag {
	margin-bottom: 0;
	display: inline-block;
	border-radius: 5px;
	padding: .2rem .3rem;
	color: #fff;
	background-color: #42c4de;
	margin-right: 1rem;
	font-size: .909rem;
}
#boardView .write-tag-mask .set-tag span{
	font-size: 1.3rem;
}
#boardView .set-tag{
	background-color: #484848 !important;
	font-size: 1rem !important;
	border-radius: 27px !important;
	padding: .8rem !important;
}
#writeTagModal .modal-container{
	background-color: #2C2A2A !important;
}
#writeTagModal .keyTag {
	color: #868991 !important;
	font-size: 1.3rem !important;
	font-weight: normal !important;
}
#writeTagModal .keyTag:-ms-input-placeholder {color: #868991 !important;}
#writeTagModal .keyTag::-webkit-input-placeholder{ color: #868991 ;}
#writeTagModal .keyTag::-moz-placeholder{ color: #868991 ;}
#writeTagModal .keyTag::-moz-placeholder{ color: #868991;}
#writeTagModal .write-tag-modal-header{
	justify-content: space-between;
}
#writeTagModal .write-tag-modal-header span{
	color: #F6F7F8;
	font-size: 1.5rem;
}
#writeTagModal .write-tag-modal-header a{
	color: #F6F7F8;
	background-color: #43C2DD;
	padding: .7rem 1.4rem;
	border-radius: 12px;
}
#writeTagModal .write-tag-mask{
	background-color: transparent !important;
}
#writeTagModal .modal-wrapper{
	height: 100%;
}
#writeTagModal .modal-container{
	width: 100%;
	height: 100%;
	border-radius:0;
}
#writeTagModal .modal-body{
	box-sizing: border-box;
	width: 100vw;
}
#writeTagModal .write-tag-mask{
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}
#writeTagModal .write-tag-preview{
	width: 100vw;
}
#writeTagModal .write-tag-modal-header{
	display: flex;
	align-items: center;
	/*justify-content: flex-end;*/
	margin-bottom: 20px;
	position: relative;
}
#writeTagModal .write-tag-modal-header a{
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
#writeTagModal .write-tag-modal-header span{
	font-size: 1.2rem;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	font-weight: bold;
	color: #fff;
}
#writeTagModal .modal-body>figure, #writeTagModal .module-notice, #writeTagModal .modal-footer{
	display: none;
}

#writeLinkModal .write-tag-modal-header{
	display: flex;
	align-items: center;
	/*justify-content: flex-end;*/
	margin-bottom: 20px;
	position: relative;
}
#writeLinkModal .write-tag-modal-header a{
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
#writeLinkModal .write-tag-modal-header span{
	font-size: 1.2rem;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	font-weight: bold;
	color: #fff;
}
#writeLinkModal .modal-body>figure, #writeLinkModal .module-notice, #writeLinkModal .modal-footer{
	display: none;
}
#writeLinkModal .modal-wrapper{
	height: 100%;
}
#writeLinkModal .modal-container{
	width: 100%;
	height: 100%;
	border-radius:0;
}
#writeLinkModal .modal-body{
	box-sizing: border-box;
	width: 100vw;
}

.wr-post-cancel img{
	width: 1.2rem;
}

.write-tag-board-modal .write-tag-modal-header .write-tag-modal-close {
	background-color: #43C2DD ;
	border-radius: 12px;
	padding: .8rem 1.5rem;
}
.write-link-board-modal .write-tag-modal-header .write-tag-modal-close{
	background-color: #6E6E6E ;
	border-radius: 12px;
	padding: .8rem 1.5rem;
}
.write-tag-board-modal .write-tag-modal-header, .write-link-board-modal .write-tag-modal-header{
	justify-content: space-between !important;
}
/* -- write>tag */
.pw_report_ad_container {
	display: none;
}
.ck-powered-by {
	display: none;
}
.text-tiny{font-size:.7em}
.text-small{font-size:.85em}
.text-big{font-size:1.4em}
.text-huge {
	font-size: 1.8em;
}


/* ckeditor */
.write-text .ck.ck-toolbar{
	background-color:transparent !important;
	border:0 !important;
	padding: 0;
}
.write-text .ck.ck-button:not(.ck-disabled):hover, .write-text a.ck.ck-button:not(.ck-disabled):hover{
	background-color: transparent !important;
}
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover{
	background-color: transparent !important;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus{
	box-shadow:none;
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
	box-shadow:none !important;
	border:0 !important;
}
.write-text .ck.ck-button:active,.write-text .ck.ck-button:focus,.write-text a.ck.ck-button:active,.write-text a.ck.ck-button:focus{
	box-shadow:none;
	border: 0;
}
.write-text .ck-reset_all :not(.ck-input-text *) :not(.ck-labeled-field-view *){
	color: #fff !important;
	margin: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover){
	background-color: transparent !important;
}
.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after, .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{
	display: none;
}
.ck.ck-dropdown__panel{
	background-color: transparent !important;
	background: #505050 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.ck.ck-list{
	background-color: transparent !important;
}
.write-content .write-text .ck.ck-button.ck-on,.write-content .write-text a.ck.ck-button.ck-on{
	background-color: #5e5e5e !important;
}
.write-text .ck.ck-editor__main>.ck-editor__editable{
	min-height: 30vh;
	background: transparent;
	color: #b5bbc0 !important;
	font-size: .909rem;
	font-weight: 700;
	border:0;
	padding: 0;
	line-height: 2;
}
.write-text .ck.ck-editor__main>.ck-editor__editable>p{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0em;
	margin-inline-end: 0em;
}
.write-text .ck.ck-editor__main>.ck-editor__editable>strong{
	font-weight: 700 !important;
}
.ck.ck-editor__editable > .ck-placeholder::before {
	color: #b5bbc0 !important;
}
.ck-widget.raw-html-embed{
	background-color: transparent !important;
	outline: none !important;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content{
	background-color: transparent !important;
}
span.ck-widget.html-object-embed{
	/*display: block !important;*/
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.ck-source-editing-area textarea {
	background-color: #2ab7a9 !important;
}
/* -- ckeditor */