@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css');

/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0; color:#000; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }
@media all and (max-width:767px) {
	body {  }
}
/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper {  }
.wrapper .index_whole {}
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
@media all and (max-width:767px) {
	.wrapper {  }
	.wrapper .index_whole { background-color: #f2f3f7; }
}
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -75px 0 0 -75px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }
#nt_loader .loader img {
	animation: rotate_image 10s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

/********************************************************
■ LNB
********************************************************/
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; }
#nt_lnb .dropdown-toggle::after { color:#ccc; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
#nt_menu { background-color: #fff; }
@media all and (max-width:767px) {
	#nt_menu { background-color: #f2f3f7; }
}
#nt_menu .header-logo img { max-width:100%; }
#nt_menu .header-search {   }
#nt_menu .header-search form { padding:0; border: 1px solid #c8cad2; border-radius: 25px; width: 500px; height: 48px; overflow: hidden; }
#nt_menu .header-search .powerball {margin: 11px 0 0 11px;}
#nt_menu .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; border-radius: 25px 0 0 25px; height: 44px !important; }
#nt_menu .header-search input::placeholder { font-size: 14px; }
#nt_menu .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#nt_menu .header-search .btn { border:0; background: none !important; outline:none; }
#nt_menu .top-right-menu { font-family: 'Pretendard', sans-serif !important; font-size: 14px; }
#nt_menu .top-right-menu a { margin-right: 10px; cursor: pointer; }
#nt_menu .top-right-menu a:last-child { margin-right: 0; }
#nt_menu .top-right-menu a.join-btn { color: #fff; background-color: #000; border-radius: 8px; padding: 8px 10px; }
#nt_menu #menu_index { }
#menu-list-ul a span { font-family: 'Pretendard', sans-serif !important; font-size: 17px !important; line-height: 1.7 !important; display: inline-block; padding: 6px 0 5px; font-weight: 400; }

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { font-family: 'Pretendard', sans-serif !important; padding: 6px 10px; transition: all 0.3s ease-in-out; border: 1px solid transparent; }
#header_mo.index_head { background-color: #f2f3f7; }
#header_mo.in_head { background-color: transparent; }
#header_mo .mlogo_a { margin-right: auto; display: flex;}
#header_mo .mlogo_img { width: 124px; }
#header_mo.scrolled { background-color: #fff; padding: 6px 10px !important; border: 1px solid #e4e4e4; }
#header_mo .mobile_join { padding: 5px; background-color: #000; display: flex; color: #fff; font-size: 14px; border-radius: 5px;}
#header_mo .mobile_login { padding: 5px; background-color: #000; display: flex; color: #fff; font-size: 14px; border-radius: 5px; margin-right: 5px;}
#header_mo .mobile_search { margin-right: 20px; display: none; color: #fff; }
#header_mo .icon-color-toggle { color: #fff; }
#header_mo.scrolled .mobile_search { display: flex; flex-direction: column; justify-content: center; color: #000; }
#header_mo.scrolled .icon-color-toggle { color: #000; }
#header_mo.in_head .mobile_search { display: flex; flex-direction: column; justify-content: center; }
#header_mo #mobile_show_menu { display: flex; flex-direction: column; justify-content: center; cursor: pointer; }

#mobile_full_menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;display:none;overflow-y:auto;transition:transform .3s ease-in-out;transform:translateX(100%)}
#mobile_full_menu.is_active{display:block;transform:translateX(0)}
#mobile_full_menu .close_btn{position:absolute;top:15px;right:15px;color:#333;padding:10px}
#mobile_full_menu #mobile_close_menu { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 46px; position: relative; text-align: center; border-bottom: 1px solid #f5f6fa; }
#mobile_full_menu #mobile_close_menu .mobile_close_button { position: absolute; top: 7px; left: 20px; }
#mobile_full_menu .menu_content { padding:50px 20px 20px; display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr);}
#mobile_full_menu .menu_content .menu_grid { font-size: 11px; font-family: 'Pretendard', sans-serif !important; text-align: center; }
#mobile_full_menu .menu_content .menu_grid img { width: 40px; margin-bottom: 10px; }


/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; border-bottom: 1px solid #e4e5ed; }
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative; }
#nt_menu .sub-slide { display:none; visibility:visible; }
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; color:#212224; border-bottom: 4px solid transparent; }
#nt_menu .me-li { position: relative;}
#nt_menu .mr10 { margin-right: 20px;}
#nt_menu .me-li .devide { position: absolute; top: 5px; right: -10px; color: #e4e5ed;}
#nt_menu .me-li .f-lg { margin-bottom: 0 !important; padding: 5px 0;}
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#212224; border-bottom: 4px solid #ffd400; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; }
#nt_menu .sub-2line { display:block; color:#000; background:#f5f5f5; }
.nt-menu .sub-1div { position:absolute; left:0; z-index:21; width:auto; text-align:left; top:100%; left:0; background:#fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:#000; border-bottom: 1px solid #eee; }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#000; background: #f5f5f5; border-color: #eee;}
.nt-menu .sub-1line { color:#000; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:999; left:0; top:0; }
@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }
}

.me-list { overflow: hidden; max-height: 44px; transition: max-height 0.3s ease-in-out; }
.me-list.show-all { max-height: 200px; }

#menu-toggle-btn { cursor: pointer; }
.menu_all { box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
.menu_all ul { padding: 0; margin: 0; list-style: none; }
.menu_all ul li { padding: 0 10px; font-size: 13px; color: #212224; }
.menu_all ul li.menu-title { font-weight: bold; margin-top: 10px; }
.menu_all ul li a { color: #555969; font-weight: normal; }
#menu_left { background-color: #fafafc; width: 180px; height: 578px; position: fixed; z-index: 1; top: 125px; }
#menu_left ul li.menu-link:hover { background-color: #f2f3f7; }
#menu_right { background-color: #fff; width: 180px; height: 578px; position: fixed; z-index: 2; margin-left: 180px; top: 125px; }

/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; overflow:hidden; color:#727585; }
#nt_title .nt-container { position:relative; z-index:2; }
#nt_title .page-title { font-family: 'Pretendard', sans-serif !important; font-size:32px; letter-spacing:-1px; line-height:1.4; font-weight: 700; color: #212224; }
#nt_title .breadcrumb a { color: #727585; font-size: 13px; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-weight: normal; color:#727585; content:">"; }
@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
	.responsive #nt_title .nt-container { height:60px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
	/* .responsive #nt_title .nt-container { height:50px; } */
}

.location { margin: 40px 0 8px 0; color: #727585; font-size: 13px; }
.location-view { margin: 20px 0 8px 0; color: #727585; font-size: 13px; width: 100%; display: flex; }
@media all and (max-width:767px) {
	.location-view { width: calc(100% - 40px);}
}
.location-view .right-good { margin-left: auto; padding-right: 20px; color: #000; }
.location-view .right-good i { margin-right: 10px; }

.rating-box { position: relative; display: inline-block; font-size: 20px; line-height: 1; font-family: 'Pretendard', sans-serif !important; }
.rating-box .stars-empty { color: #f2edee; width: 100%; white-space: nowrap; }
.rating-box .stars-fill { position: absolute; top: 0; left: 0; overflow: hidden; color: #5dd877; white-space: nowrap; }
.rating-box .star_score { position: absolute; top: 3px; left: 110px; font-size: 13px; font-weight: bold; }
.rating-box .star_count { position: absolute; top: 3px; left: 135px; font-size: 12px; font-weight: normal; }

/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

/********************************************************
■ Footer 
********************************************************/
#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left: 0; }
#nt_footer ul > li:last-child { padding-right: 0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #212224; white-space:nowrap;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

/********************************************************
■ Widget Title 위젯 타이틀
********************************************************/
h3.h3 { padding: 0; margin: 0; font-weight: bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #212224; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }

/* 인덱스 스타일 추가 */
.index-left h1.main-title { font-family: 'Pretendard', sans-serif !important; padding: 32px; margin-top: 46px; font-size: 40px; line-height: 1.2; font-weight: 700; }
.index-left .header-search { width:100%; margin-top: 36px; padding-right: 72px; }
.index-left .header-search form { padding:0; border: 1px solid #c8cad2; border-radius: 70px; box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
.index-left .header-search input { font-size:20px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; border-radius: 70px 0 0 70px; height: 70px; padding: 0 30px; }
.index-left .header-search input::placeholder { opacity: .5; }
.index-left .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
.index-left .header-search .btn { border:0; background: none !important; outline:none; }
.index-left .header-search .btn i { font-size: 2em; }
.index-left .index-menu { padding: 24px; }
.index-left .index-menu a {display: inline-block; cursor: pointer; background-color: #f2f3f7; padding: 5px 15px; margin-right: 10px; border-radius: 20px; color: #212224; transition: background-color 0.3s ease-in-out; }
.index-left .index-menu a:hover { background-color: #e4e5ed; }

.index-right .mini-slider-container{position:relative;width:373px;height:373px;margin-top:60px}
.index-right .mini-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:transform .3s ease-in-out,z-index,opacity .3s ease-in-out;z-index:1;display:flex;justify-content:center;align-items:center}
.index-right .mini-slide  img { width: 100%; border-radius: 10px; }
.index-right .mini-slide.active{opacity:1;z-index:3;transform:translateY(0) scale(1)}
.index-right .mini-slide.prev{opacity:1;z-index:2;transform:translateY(-20px) scale(.8);transform-origin:top center}
.index-right .mini-slide.prev-prev{opacity:1;z-index:1;transform:translateY(-40px) scale(.6);transform-origin:top center}
.index-right .mini-slide span{font-size:56px;color:#fff;white-space:nowrap}
.index-right .slide-control-button{position:absolute;right:10px;bottom:10px;background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:0 8px 2px;font-size:12px;cursor:pointer;z-index:4;border-radius:15px;display:flex;align-items:center}
.index-right .slide-control-button .slide-number{margin-right:5px}
.index-right .slide-control-button .next-arrow{font-size:12px}

@media all and (max-width:767px) {
	.index-left h1.main-title { display: none; }
	.index-left .header-search { margin-top: 18px; padding-right: 0; }
	.index-left .header-search form { border-radius: 40px; margin: 0 10px; }
	.index-left .header-search input { font-size:12px !important; border-radius: 40px 0 0 40px; height: 40px; padding: 8 16px; }
	.index-left .header-search .btn { padding: 5px 10px; }
	.index-left .header-search .btn i { font-size: 1em; }
	.index-left .index-menu { display: none;}
	.index-right .mini-slider-container{ display: none; }
}

.icon-menu > div { width: 100%; margin-top: 32px; }
.icon-menu a { flex: 1; justify-content: center; text-align: center; }
.icon-menu a h2 { font-family: 'Pretendard', sans-serif !important; }
.icon-menu a.cp { cursor: pointer;}
.icon-menu a .icon { height: 56px; }
.icon-menu a .icon svg { margin-top: 20px; }
.icon-menu a .icon img { max-width: 56px; position: relative; top: 0; transition: top 0.3s ease-in-out; }
.icon-menu a:hover .icon img { top: -5px; }
.icon-menu a .menu-name { font-size: 13px; display: block; line-height: 1.8 !important; font-weight: 400; }
.icon-menu #undermenu { display: none;}
.icon-menu #undermenu > div { width: 90%; margin: 0 auto; }

.icon-menu-mobile{display:none;justify-content:center;align-items:center;width:100%;max-width:500px;margin:20px auto}
.icon-menu-mobile .menu-container{ width:100%; background-color: white; border:1px solid #ddd; border-radius:15px; overflow:hidden; position:relative; padding:0 0 25px 0; box-sizing:border-box; font-family: 'Pretendard', sans-serif !important; }
.icon-menu-mobile .swiper-container.menu-swiper{width:100%;height:auto;overflow:hidden;padding:15px 10px 25px;box-sizing:border-box}
.icon-menu-mobile .swiper-wrapper{ height:142px }
.icon-menu-mobile .swiper-slide{ width:auto; height: 75px !important; display:flex; align-items:center; justify-content:center; text-align:center }
.icon-menu-mobile .menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:100%;box-sizing:border-box}
.icon-menu-mobile .menu-item img{width:50px;height:50px;border-radius:10px;margin-bottom:5px;object-fit:cover}
.icon-menu-mobile .menu-item p, .icon-menu-mobile .menu-item h2{ font-size:.7em; color:#333; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; font-weight: bold; }
.icon-menu-mobile .swiper-scrollbar.menu-swiper-scrollbar{
    position:absolute;
    bottom: 15px; /* ⬅️ 하단 공백을 15px로 늘림 */
    left:50%;
    transform:translateX(-50%);
    width: 60px; 
    height: 3px; /* ⬅️ 굵기(높이)를 3px로 줄임 */
    background: #e0e0e0; /* ⬅️ 트랙(배경) 색상을 #303441로 변경 */
    border-radius:3px;
    opacity:1 !important; 
    transition:opacity .3s ease-in-out;
    z-index:10
}

.icon-menu-mobile .swiper-scrollbar-drag{
    height:100%;
    background:#303441;
    cursor:grab
}
@media all and (max-width:767px){
	.icon-menu{display:none}
	.icon-menu-mobile{display:flex}
}

.nt-container2 { width: 100%; background-color: #fafafc; border-top: 1px solid #f2f3f7; }
.nt-container2 .w1200 { width: 1200px; margin: 0 auto; padding-top: 80px; }
.nt-container2 .w1200 .reflex { display: flex; flex-direction: row;}
.nt-container2 .w1200:last-child { padding-bottom: 100px; }
.nt-container2 .w1200 .fb20 { flex-basis: 20%;}
.nt-container2 .w1200 .fb80 { flex-basis: 80%;}
.nt-container2 .w1200 .fb20 h2 { font-size: 28px; font-weight: 400; line-height: 1.5;}
.nt-container2 .w1200 .fb20 .by { background-color: #fff5a5;}
.nt-container2 .w1200 .fb20 .bp { background-color: #ffd5f5;}
.nt-container2 .w1200 .fb20 .bb { background-color: #d5ebff;}
.nt-container2 .w1200banner { width: 1200px; margin: 0 auto; }

.index-mobile-slide {display: none;}
.autoplay-slide-container{width:100%;max-width:600px;position:relative;overflow:hidden;margin:10px auto;}
.autoplay-slide-container .swiper-slide{display:flex;justify-content:center;align-items:center;text-align:center;}
.autoplay-slide-container .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain;}
.mobile-control-button{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.3);color:white;padding:0 4px 2px 8px;border-radius:15px;display:flex;align-items:center;cursor:pointer;z-index:10;border:none;font-size:10px;}
.mobile-number{margin-right:5px;}
.mobile-arrow{font-weight:bold;}

@media all and (max-width:767px) {
	.nt-container2 { margin: 20px; width: calc(100% - 40px); border-radius: 10px;}
	.nt-container2 .w1200 { width: 100%; padding: 48px 20px 0; }
	.nt-container2 .w1200 .reflex { flex-direction: column;}
	.nt-container2 .w1200:last-child { padding-bottom: 10px; }
	.nt-container2 .w1200 .fb20 { flex-basis: auto;}
	.nt-container2 .w1200 .fb80 { flex-basis: auto;}
	.nt-container2 .w1200 .fb20 h2 { font-size: 20px; }
	.index-mobile-slide {display: block;}
	.nt-container2 .w1200banner { width: 100%; margin: 0; }
}

.index-box-frame { display: grid; gap: 36px; grid-template-columns: repeat(3, 1fr); margin-top: 70px; position: relative; }
.index-box-frame .index-box { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.02), -5px -5px 5px rgba(0, 0, 0, 0.02), 5px -5px 5px rgba(0, 0, 0, 0.02), -5px 5px 5px rgba(0, 0, 0, 0.02); border: 1px solid #e4e5ed; padding: 32px; width: 100%; }
.index-box-frame .index-box h3 { text-align: center;}
.index-box-frame .index-box h3 .bo { color: #fb842d; }
.index-box-frame .index-box h3 .bb { color: #4b94fa; }
.index-box-frame .index-box h3 .bp { color: #823ce6; }
.index-box-frame .index-box .box-area { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); margin-top: 24px; }
.index-box-frame .index-box .box-area a { display: block; cursor: pointer; }
.index-box-frame .index-box .box-area a .img { overflow: hidden; }
.index-box-frame .index-box .box-area a .img img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease-in-out; transform-origin: center center; }
.index-box-frame .index-box .box-area a:hover .img img { transform: scale(1.2); }
.index-box-frame .index-box .box-area a .area-text { text-align: center;}

.index-box-frame.swiper-container .swiper-pagination { display: none; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; }
.swiper-pagination-bullet { background: #ccc; opacity: 1; width: 10px; height: 10px; margin: 0 5px; transition: all 0.3s ease; }
.swiper-pagination-bullet-active { background: #007bff; width: 12px; height: 12px; }

@media all and (max-width: 767px) {
    .index-box-frame { display: block; margin-top: 20px; padding-bottom: 40px; padding-top: 20px; overflow: hidden; background-color: #ffffff; }
    .index-box-frame.swiper-container { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
    .index-box-frame.swiper-container .swiper-slide { padding: 12px; box-sizing: border-box; margin-bottom: 20px; }
    .index-box-frame .index-box { width: 100%; margin: 0; border-radius: 10px; }
	.index-box-frame .index-box h3 { font-size: 24px; text-align: left;}
    .index-box-frame.swiper-container .swiper-pagination { display: block; }
}

.nt-container3 .slide-h2 { text-align: center; line-height: 1.3; color: #212224; font-weight: 400; margin-top: 96px; font-size: 36px;}
.nt-container3 .slide-list { margin-top: 56px; margin-bottom: 80px; }

@media all and (max-width: 767px) {
	.nt-container3 { width: calc(100% - 40px); margin: 20px; background-color: #fff; border-radius: 10px; padding: 20px; }
	.nt-container3 .slide-h2 { font-size: 24px; text-align: left; margin-top: 0; }
	.nt-container3 .slide-list { margin-top: 10px; margin-bottom: 10px; }
}

.nt-container4 { background-color: #303441; }

.top-category { background-color: #fafafc; border-radius: 5px; padding: 32px 24px; margin-bottom: 24px; font-family: 'Pretendard', sans-serif !important; }
.top-category h3 { font-size: 20px; font-family: 'Pretendard', sans-serif !important; margin-bottom: 10px; }
.top-category h3 img { max-width: 38px; }
.top-category .top-category-slide {}

.side-img { width: 100%; }
.side-mobile-img { display: none; width: 100%; }
@media all and (max-width: 767px) {
	.side-img { display: none; }
	.side-mobile-img { display: block; }
}
.carea { margin-top: 24px; font-family: 'Pretendard', sans-serif !important; }
.carea .clist { margin-bottom: 24px; }
.carea .clist h4 { margin-bottom: 14px; }
.carea .clist h4 > a { color: #303441; font-size: 12px; font-weight: bold; }
.carea .clist > a { display: block; color: #555969; font-size: 13px; margin-bottom: 4px; font-weight: 400; }
.dframe .dtitle a { font-family: 'Pretendard', sans-serif !important; display: block; font-size: 14px; color: #212224; font-weight: 700; line-height: 21px; text-align: left; }
.dframe .dprice { font-size: 14px; color: #212224;}
.dframe .dcompany { font-family: 'Pretendard', sans-serif !important; font-size: 12px; color: #727585; text-align: left; }
.dframe .dcompany i { color: #5dd877; }
.dframe .dcompany .star_score { font-size: 13px; font-weight: bold; }
.dframe .dcompany .star_count { font-size: 12px; font-weight: normal; }
.dframe .dbutton { text-align: left; }
.dframe .dbutton span { font-family: 'Pretendard', sans-serif !important; font-weight: 400; font-size: 12px; color: #555969; display: inline-block; padding: 0 3px; background-color: #f2f3f7; margin-right: 5px; border-radius: 3px; }
.dframe .dbutton span:last-child {margin-right: 0;}

.out-div { width: 100%; position: relative; height: 300px; }
.out-div .full-width-div { position: absolute; width: 100vw; left: 50%; transform: translateX(-50%); height: 300px; background-image: linear-gradient(#f2ebee, #f2eeee); }
.out-div .full-width-div .in-div { width: 100%; max-width: 1200px; margin: 0 auto; }

.left-area-blank { width: 100%; height: 0; background-color: transparent; }
.left-area { position: relative; width: 66.6666%; }
.left-area .left-bottom-out { position: absolute; left: 0; bottom: 0; width: 100%; }
.left-area .left-bottom-out .left-bottom { background-color: rgba(0,0,0,0.05); border-radius: 10px; padding: 12px 20px; width: 100%; display: flex; }
.left-area .left-bottom-out .left-bottom img { width: 48px; height: 48px; margin-right: 10px; }
.left-area .left-bottom-out .left-bottom .explain-line { color: #555969; font-size: 13px; }
.left-area .left-bottom-out .left-bottom .explain-line > div { margin-right: 20px; }
.left-area .left-bottom-out .left-bottom .explain-line > div:last-child { margin-right: 0; }
.left-area .left-bottom-out .left-bottom .explain-line > div > i { margin-right: 5px; }
.left-area .left-bottom-out .left-bottom .ask-btn { background-color: #fff; color: #212224; border: 1px solid #c8cad2; border-radius: 8px; padding: 5px 10px; transition-duration: .3s; }
.left-area .left-bottom-out .left-bottom .ask-btn:hover { background-color: #f2f3f7;}
.left-area .page-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right-area { width: 33.3333%;}
.right-img { width: 359px; height: 269px; margin: 15px 0 0 auto; border-radius: 10px; overflow: hidden; }
.right-img img { width: 100%; transition: transform 0.3s ease-in-out; }
.right-img:hover img { transform: scale(1.1); }
.height100 { height: 100%; }
.mla { margin-left: auto; }
.m-img { display: none; }

.left-area2 { position: relative;}
.left-area2 .left-bottom-out {  }
.left-area2 .left-bottom-out .left-bottom { background-color: #fff; border: 1px solid #e4e5ed; border-radius: 10px; padding: 12px 20px; }
.left-area2 .left-bottom-out .left-bottom > div { width: 100%; display: flex; }
.left-area2 .left-bottom-out .left-bottom img { width: 48px; height: 48px; margin-right: 10px; }
.left-area2 .left-bottom-out .left-bottom .explain-line { color: #555969; font-size: 13px; }
.left-area2 .left-bottom-out .left-bottom .explain-line > div { margin-right: 20px; }
.left-area2 .left-bottom-out .left-bottom .explain-line > div:last-child { margin-right: 0; }
.left-area2 .left-bottom-out .left-bottom .explain-line > div > i { margin-right: 5px; }
.left-area2 .left-bottom-out .left-bottom .ask-btn { background-color: #fff; color: #212224; border: 1px solid #c8cad2; border-radius: 8px; padding: 5px 10px; transition-duration: .3s; }
.left-area2 .left-bottom-out .left-bottom .ask-btn:hover { background-color: #f2f3f7;}
.left-area2 .left-bottom-out .left-bottom .expert-explain { padding-top: 10px; }

@media all and (max-width:767px) { 
	.out-div { width: 100vw; height: auto;}
	.out-div .full-width-div { position: relative; width: 100%; left: 0; transform: none; height: auto; background: none; }
	.out-div .full-width-div .in-div { max-width: none; }
	/* .left-area-blank { height: 58.5vw; } */
	.left-area-blank { height: calc(100vw - 150px); }
	.left-area { width: 100%; background-color: #fff; }
	.left-area .left-bottom-out { position: relative; width: 100%; }
	.left-area .left-bottom-out .left-bottom { padding: 5px; margin: 10px 20px; width: calc(100vw - 30px);}
	.left-area .left-bottom-out .left-bottom .explain-line { flex-direction: column; font-size: 11px;}
	.left-area .left-bottom-out .left-bottom .ask-btn { padding: 3px 5px; font-size: 12px;}
	.left-area .page-title { font-size: 16px !important; height: 30px; }
	.left-area .m-container { height:auto !important; }
	.right-area { display: none; }

	.left-area2 .left-bottom-out { width: calc(100vw - 40px); height: auto; }
	.left-area2 .left-bottom-out .left-bottom .explain-line { flex-direction: column; font-size: 11px;}

	.m-img { display: flex; justify-content: center; width: 100%; position: fixed; top: 0; z-index: -1; }
	.m-img .temp-head { display: flex; width: 100%; height: 50px; position: absolute; padding: 7px 11px; }
	.m-img .temp-head .temp-logo { margin-right: auto; }
	.m-img .temp-head .temp-logo img { width: 124px; }
	.m-img .m-img-head img { width: 100%; max-width: 100%; }
}

#main-nav { background-color: #fff; border-bottom: 1px solid #e4e5ed; margin-bottom: 10px; }
#main-nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: left; flex-wrap: wrap; }
#main-nav ul li { margin: 0; }
#main-nav ul li a { color: #727585; text-decoration: none; padding: 8px 15px; display: block; font-weight: 700; transition: background-color .3s ease,color .3s ease; }
.fixed-nav { position: fixed; top: 130px; width: 100%; z-index: 2; }
.fixed-nav-mobile { position: fixed; top: 49px; width: 100%; z-index: 2; }
#main-nav ul li a.active { color: #212224; border-bottom: 3px solid #212224; }
@media all and (max-width: 767px) {
	#main-nav { font-size: 14px !important; }
	#main-nav ul li a { padding: 6px 8px; }
}

#section2 { padding-top: 50px;}
#section2 h4 { margin-bottom: 10px; font-size: 16px;}
#section2 .price-info { margin-bottom: 20px; text-align: center; }
#section2 .price-info img { max-width: 100%; }

#section3 { padding-top: 50px;}
#section3 h4 { margin-bottom: 10px; font-size: 16px;}
#section3 .price-info { border: 1px solid #e4e5ed; border-radius: 8px; padding: 10px; margin-bottom: 20px;}

.mobile-bottom-margin { display: none; width: 100%; height: 70px; }

.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;background-color:#ffffff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 5px rgba(0,0,0,0.1);z-index:10; padding: 3px 0;}
.bottom-nav .nav-item{display:none;flex-direction:column;align-items:center;text-decoration:none;color:#9a9ba7;font-size:12px;flex-grow:1;padding:5px 0;transition:color 0.3s ease, fill 0.3s ease;}
.bottom-nav .nav-item:hover{color:#ffd400;}
.bottom-nav .nav-item svg{width:20px;height:20px;fill:#9a9ba7;transition:fill 0.3s ease;}
.bottom-nav .nav-item:hover svg{fill:#ffd400;}
.bottom-nav .nav-item.active{color:#ffd400;}
.bottom-nav .nav-item.active svg{fill:#ffd400;}

@media all and (max-width: 767px) {
	.mobile-bottom-margin { display: block; }
	.bottom-nav .nav-item{ display:flex; }
}

.custom-select { font-weight: bold !important; }
.custom-select option { font-weight: bold !important; }
.kmong-slide .owl-nav { display: none; }
.kmong-slide .dframe .dtitle { height: 21px; overflow: hidden; }
#bo_cate_list { padding-bottom: 5px; }



.livestream-wrap{display:flex;justify-content:center}
.randombox-wrap{display:flex;flex-direction:column;align-items:center;width:100%}
.randombox-wrap .randombox-header{display:flex;flex-direction:column}
.randombox-wrap .randombox-contents{display:flex;flex-direction:column;width:100%}
.randombox-wrap .randombox-contents .randombox-title{margin-top:20px;font-size:16px;font-weight:700;color:#0a5ce8;display:flex;justify-content:center}
.randombox-wrap .randombox-contents .text{margin-top:20px;display:flex;flex-direction:column;text-align:center}
.randombox-wrap .randombox-contents .my-info{margin-top:10px;display:flex}
.randombox-wrap .randombox-contents .my-info .my-point,.randombox-wrap .randombox-contents .my-info .my-gift-coupon{display:flex;height:40px;font-weight:700;justify-content:center;align-items:center;border:1px solid #ededed;border-radius:8px;padding:0 10px}
.randombox-wrap .randombox-contents .get-randombox{display:flex;justify-content:center;align-items:center;margin-top:10px}
.randombox-wrap .randombox-contents .get-randombox>div{height:40px;padding:0 20px;border-radius:8px;font-weight:700;color:#fff;background-color:#1769f6;display:flex;justify-content:center;align-items:center;cursor:pointer}
@media (hover: hover) {
.randombox-wrap .randombox-contents .get-randombox>div:hover{background-color:#0a5ce8}
}
.randombox-wrap .randombox-contents .randombox-log{margin-top:10px}
.randombox-wrap .randombox-contents .randombox-log .buylist-text{font-size:16px;font-weight:700;color:#1769f6;margin-bottom:10px;margin-top:10px;display:flex;justify-content:center}
.randombox-wrap .randombox-contents .randombox-log .buylist{width:100%;border-spacing:unset;border-top:2px solid #1769f6}
.randombox-wrap .randombox-contents .randombox-log .buylist th{width:33.3333%;height:40px;border-bottom:1px solid #ededed}
.randombox-wrap .randombox-contents .randombox-log .buylist td{height:40px;text-align:center}
.powerball-page-content .powerball_wrap{margin-top:10px}
.powerball-page-content .powerball_wrap .game-title{height:40px;display:flex;align-items:center;margin-bottom:10px;border:1px solid #ededed;padding:0 10px;border-radius:8px;font-weight:700}
.powerball-page-content .powerball_wrap .odds-btn-wrap{display:flex;margin-bottom:10px}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div{display:flex;width:100%}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div:first-child{margin-right:5px}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div:last-child{margin-left:5px}
.powerball-page-content .powerball_wrap .odds-btn-wrap input{width:100%;height:40px;background-color:#f7f9fa;border:1px solid #ededed;border-radius:8px;font-weight:700;cursor:pointer}
.powerball-page-content .powerball_wrap .odds-btn-wrap input.on{background-color:#1769f6!important;color:#fff!important}
.powerball-page-content .powerball_cartwrap{display:flex}
.powerball-page-content .powerball_cartwrap .powerball_cart{width:100%;display:flex}
.powerball-page-content .powerball_cartwrap .powerball_cart>div{display:flex;flex-direction:column}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_info{border:1px solid #ededed;justify-content:center;width:50%;align-items:center;border-radius:8px;padding:10px;margin-right:5px}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_info>div{margin-bottom:10px}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay{border:1px solid #ededed;width:50%;border-radius:8px;padding:10px;margin-left:5px}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay>div{margin-bottom:10px;display:flex;align-items:center}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay>div label{display:flex;flex-shrink:0}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_btn_inner{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money input{border:0;color:#1769f6;font-weight:700;width:100%;padding:0 5px}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money #bettotal{color:#ff6767!important}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money_free input{border:0;color:#000;font-weight:700;width:100%;padding:0 5px}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_btn_inner input{border:1px solid #ededed;background-color:transparent;transition:.2s ease;border-radius:8px;height:40px;cursor:pointer}
@media (hover: hover) {
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_btn_inner input:hover{background-color:#f7f7f7}
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .btn_bet{height:40px;background-color:#1769f6;color:#fff;font-weight:700;border-radius:8px;border:0;cursor:pointer;transition:.2s ease}
@media (hover: hover) {
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .btn_bet:hover{background-color:#0a5ce8}
}
.powerball-page-content .betting_list table{margin-top:10px;border-top:2px solid #1769f6}
.powerball-page-content .betting_list th{height:40px;border-bottom:1px solid #ededed}
.powerball-page-content .betting_list td{height:40px;text-align:center}
.coupon-partner-wrap{display:flex;flex-direction:column}
.coupon-partner-wrap .coupon-partner-header{display:flex;justify-content:center;margin-top:20px}
.coupon-partner-wrap .coupon-partner-header>div{display:flex;flex-direction:column;align-items:center;padding:0 20px;padding-bottom:20px;border-bottom:2px solid #1769f6}
.coupon-partner-wrap .coupon-partner-header .top{font-size:22px;font-weight:700;color:#1769f6}
.coupon-partner-wrap .coupon-partner-header .desc{display:flex;margin-top:5px;font-weight:700}
.coupon-partner-wrap .coupon-partner-button-wrap{display:flex}
.coupon-partner-wrap .coupon-partner-button-wrap button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;font-weight:700}
.coupon-partner-wrap .coupon-partner-button-wrap button.select-all{font-weight:400}
.coupon-partner-wrap .coupon-partner-button-wrap button.select-approve{color:#1769f6;margin-right:10px}
.coupon-partner-wrap .coupon-partner-button-wrap button.select-cancel{color:#ff6060}
@media (hover: hover) {
.coupon-partner-wrap .coupon-partner-button-wrap button:hover{background-color:#f7f7f7}
}
.coupon-partner-wrap .coupon-partner-board{display:flex;flex-direction:column;border-top:2px solid #1769f6;margin-top:20px}
.coupon-partner-wrap .coupon-partner-board table{width:100%;border-spacing:0}
.coupon-partner-wrap .coupon-partner-board table thead tr{height:40px}
.coupon-partner-wrap .coupon-partner-board table thead tr th{padding:0 10px;border-bottom:1px solid #ededed}
.coupon-partner-wrap .coupon-partner-board table tbody tr{height:40px}
.coupon-partner-wrap .coupon-partner-board table tbody tr td{padding:0 10px;text-align:center;border-bottom:1px solid #ededed}
.coupon-partner-wrap .coupon-partner-board table tbody tr td.coupon{font-weight:700;color:#1769f6}
.coupon-partner-wrap .coupon-partner-board table tbody tr td.wait{font-weight:700;opacity:.6}
.coupon-partner-wrap .coupon-partner-board table tbody tr td.approve{font-weight:700;color:#1769f6}
.coupon-partner-wrap .coupon-partner-board table tbody tr td.cancel{font-weight:700;color:#ff6060}
.write-wrap{display:flex;flex-direction:column}
.write-wrap .write-header{color:#1769f6;font-weight:700;font-size:16px}
.write-wrap .write_div textarea{border:1px solid #ededed!important;border-radius:8px!important}
.write-wrap form .point-input-wrap{display:flex}
.write-wrap form .point-input-wrap .point-input{max-width:250px;width:100%;height:40px;padding:0 10px;border-radius:8px;border:1px solid #ededed;margin-top:20px}
.write-wrap form .point-notice{margin-top:10px;padding:0 5px;display:flex}
.write-wrap form .point-notice span{color:#a7a7a7;font-weight:700}
.write-wrap form .point-notice span i{color:#f15353}
.write-wrap form .category-option{display:flex;margin-top:20px}
.write-wrap form .category-option>div{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px}
.write-wrap form .category-option>div>span{display:flex;justify-content:center;align-items:center}
.write-wrap form .category-option>div input{margin-right:5px}
.write-wrap form #qa_category{width:100%;height:40px;padding:0 20px;border:1px solid #ededed;border-radius:8px;margin-top:20px}
.write-wrap form .write-subject{display:flex;margin-top:20px;margin-bottom:20px}
.write-wrap form .write-subject input{width:100%;height:40px;padding:0 20px;border:1px solid #ededed;border-radius:8px}
.write-wrap form .button-wrap{display:flex;align-items:center;justify-content:center;height:45px;margin-top:20px}
.write-wrap form .button-wrap button,.write-wrap form .button-wrap a{height:100%;padding:0 20px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px;color:#fff}
.write-wrap form .button-wrap .submit-btn{outline:0;border:0;background-color:#1769f6;transition:.2s ease}
@media (hover: hover) {
.write-wrap form .button-wrap .submit-btn:hover{background-color:#0a5ce8}
}
.write-wrap form .button-wrap .cancel-btn{margin-left:10px;background-color:#fff;border:1px solid #ededed;color:#000;transition:.2s ease}
@media (hover: hover) {
.write-wrap form .button-wrap .cancel-btn:hover{background-color:#f7f7f7}
}
.alarm-wrap{display:flex;flex-direction:column}
.alarm-wrap .delete-all-wrap{display:flex;justify-content:flex-end}
.alarm-wrap .delete-all-wrap .delete-all-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer}
@media (hover: hover) {
.alarm-wrap .delete-all-wrap .delete-all-btn:hover{background-color:#f7f7f7}
}
.alarm-wrap .alarm-list{display:flex;flex-direction:column;margin-top:10px}
.alarm-wrap .alarm-list .empty-alarm{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid #ededed;border-radius:8px}
.alarm-wrap .alarm-btn-wrap{display:flex}
.alarm-wrap .alarm-btn-wrap>div{display:flex}
.alarm-wrap .alarm-btn-wrap input{margin-left:10px}
.alarm-wrap .alarm-btn-wrap button,.alarm-wrap .alarm-btn-wrap input{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer}
@media (hover: hover) {
.alarm-wrap .alarm-btn-wrap button:hover,.alarm-wrap .alarm-btn-wrap input:hover{background-color:#f7f7f7}
}
.alarm-wrap .alarm-data{display:flex;flex-direction:column;border:1px solid #ededed;padding:10px;border-radius:8px;margin-bottom:10px;transition:.2s ease}
.alarm-wrap .alarm-data .subject-wrap{display:flex;margin-bottom:10px}
.alarm-wrap .alarm-data .subject-wrap a{display:flex;align-items:center}
.alarm-wrap .alarm-data .subject-wrap .list_chk{display:flex;align-items:center;margin-right:5px}
.alarm-wrap .alarm-data .alarm-info-wrap{display:flex}
.alarm-wrap .alarm-data .alarm-info-wrap .list_stat{margin-left:5px}
.alarm-wrap .alarm-data .alarm-info-wrap .list_stat .read{color:#1769f6}
.alarm-wrap .alarm-data .alarm-info-wrap .list_stat .no-read{color:#ff6060}
@media (hover: hover) {
.alarm-wrap .alarm-data:hover{background-color:#f7f9fa}
}
.main-page{display:flex;flex-direction:column}
.main-page .main-header-image-wrap{height:236px;width:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;margin-bottom:18px}
.main-page .main-header-image-wrap img{border-radius:8px;width:100%;height:100%}
.main-page .main-latest-wrap{display:flex;margin-bottom:18px}
.main-page .main-latest-wrap .telegram-image-wrap{display:flex;background-color:#fff;border-radius:8px;flex-direction:column;min-width:0;padding:20px;border:1px solid #ededed;margin-right:18px;width:100%;height:236px}
.main-page .main-latest-wrap .telegram-image-wrap img{width:100%;height:100%}
.main-page .main-latest-wrap .latest-wrap{display:flex;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;flex-direction:column;min-width:0;margin-right:18px;width:100%;height:236px}
.main-page .main-latest-wrap .latest-wrap:last-child{margin-right:0}
.main-page .main-latest-wrap .latest-wrap .latest-header{font-weight:700;margin-bottom:20px;display:flex;font-size:15px;align-items:center}
.main-page .main-latest-wrap .latest-wrap .latest-header svg{margin-right:5px}
.main-page .main-latest-wrap .latest-wrap .latest-header .more{font-size:14px;font-weight:400;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.main-page .main-latest-wrap .latest-wrap .latest-header .more:hover{opacity:1}
}
.main-page .main-latest-wrap .latest-wrap .list-wrap{display:flex;flex-direction:column;height:100%}
.main-page .main-latest-wrap .latest-wrap .list-wrap .no-data{display:flex;align-items:center;justify-content:center;height:100%}
.main-page .main-latest-wrap .latest-wrap .list-wrap .info{width:100%;display:flex;height:30px;align-items:center}
.main-page .main-latest-wrap .latest-wrap .list-wrap .info .category{font-weight:700;margin-right:5px;display:flex;flex-shrink:0}
.main-page .main-latest-wrap .latest-wrap .list-wrap .info .subject{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.main-page .main-latest-wrap .attandance-image-wrap{display:flex;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;flex-direction:column;min-width:0;margin-right:18px;width:100%}
.main-page .main-latest-wrap .main-gallery-wrap{display:flex;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;flex-direction:column;min-width:0;margin-right:18px;width:100%;height:236px}
.main-page .main-latest-wrap .main-gallery-wrap:last-child{margin-right:0}
.main-page .main-latest-wrap .main-gallery-wrap .latest-header{font-weight:700;margin-bottom:20px;display:flex;font-size:15px;align-items:center}
.main-page .main-latest-wrap .main-gallery-wrap .latest-header svg{margin-right:5px}
.main-page .main-latest-wrap .main-gallery-wrap .latest-header .more{font-size:14px;font-weight:400;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.main-page .main-latest-wrap .main-gallery-wrap .latest-header .more:hover{opacity:1}
}
.main-page .main-latest-wrap .main-gallery-wrap .list-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;height:100%}
.main-page .main-latest-wrap .main-gallery-wrap .list-wrap .info{width:100%;display:flex;align-items:center}
.main-page .main-latest-wrap .main-gallery-wrap .list-wrap .info a{width:100%;height:100%;min-height:70px;max-height:70px;display:flex;border-radius:8px}
.main-page .main-latest-wrap .main-gallery-wrap .list-wrap .info a img{width:100%;height:100%;border-radius:8px}
.main-page .main-information-wrap{border-radius:8px;padding:20px;border:1px solid #ededed;margin-bottom:20px}
.main-page .main-information-wrap:last-child{margin-bottom:0}
.main-page .main-information-wrap h1{font-size:15px;font-weight:700;margin-bottom:10px}
.main-page .main-information-wrap h2{font-size:15px;font-weight:700;margin-top:20px}
.main-page .main-information-wrap h3{font-size:15px;font-weight:700;margin-top:20px}
.main-page .main-information-wrap>div{display:flex;flex-direction:column}
.main-page .main-information-wrap>div span{margin-bottom:5px}
.main-page .main-information-wrap>div span:last-child{margin-bottom:0}
.main-page .main-information-wrap li{list-style:none}
.main-page .main-information-wrap table{text-align:center;border:1px solid #ededed;border-radius:8px;border-spacing:0 thead;border-spacing-height:40px;border-spacing-background-color:#ededed}
.main-page .main-information-wrap table tbody tr{height:40px}
.main-page .main-information-wrap table tbody tr td{border-right:1px solid #ededed;border-bottom:1px solid #ededed}
.main-page .main-information-wrap table tbody tr td:last-child{border-right:0!important}
.main-page .main-information-wrap table tbody tr:last-child td{border-bottom:0!important}
.attendance .attendance-header{display:flex;align-items:center;height:40px}
.attendance .attendance-header .att-header-text{display:flex}
.attendance .attendance-header .att-header-text .header-title{display:flex;font-size:22px;font-weight:700;color:#1769f6;height:100%;align-items:center}
.attendance .attendance-header .att-header-text .header-title-text{display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px;font-weight:700}
.attendance .attendance-info{border-radius:8px;padding:20px;border:1px solid #d4d6d7;margin-top:20px}
.attendance .attendance-info>div{margin-bottom:10px}
.attendance .attendance-info .check-time{margin-bottom:30px}
.attendance .attendance-info .check-rank{margin-top:30px}
.attendance .attendance-info .attendance-basic-point{color:#1769f6;font-weight:700}
.attendance .attendance-info .attendance-week-point{color:#ff8144;font-weight:700}
.attendance .attendance-info .attendance-month-point{color:#5692ff;font-weight:700}
.attendance .attendance-info .attendance-year-point{color:#ff3ef0;font-weight:700}
.attendance .attendance-info .attendance-first-point{color:#ff6767;font-weight:700}
.attendance .attendance-info .attendance-second-point{color:#00cb48;font-weight:700}
.attendance .attendance-info .attendance-third-point{color:#1769f6;font-weight:700}
.attendance .attendance-form .input-append{display:flex;height:40px;margin-top:20px}
.attendance .attendance-form .input-append .attendance-input{width:100%;display:flex;border:1px solid #d4d6d7;border-radius:8px;padding:0 10px;margin-right:10px}
.attendance .attendance-form .input-append .sm-btn{display:flex;height:100%;align-items:center;padding:0 20px;color:#fff;background-color:#1769f6;border-radius:8px;transition:.2s ease;flex-shrink:0;cursor:pointer;border:0}
@media (hover: hover) {
.attendance .attendance-form .input-append .sm-btn:hover{background-color:#0a5ce8}
}
.attendance .attendance-list{display:flex;flex-direction:column;margin-top:20px}
.attendance .attendance-list .alert{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #d4d6d7;border-radius:8px;padding:20px 0}
.attendance .attendance-list .alert>div:first-child{font-size:15px;font-weight:700;margin-bottom:10px}
.attendance .attendance-list .att{display:flex;flex-direction:column;border:1px solid #d4d6d7;padding:10px;border-radius:8px;margin-bottom:10px}
.attendance .attendance-list .att>div{display:flex}
.attendance .attendance-list .att:last-child{margin-bottom:0}
.attendance .attendance-list .att-top>div{display:flex;align-items:center}
.attendance .attendance-list .att-text{height:unset!important}
.attendance .attendance-list .att-text,.attendance .attendance-list .att-top{height:30px;align-items:center}
.attendance .attendance-list .att-text span,.attendance .attendance-list .att-top span{display:flex;align-items:center}
.basic-view-wrap{display:flex;flex-direction:column;width:100%}
.basic-view-wrap>header{margin-top:5px;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d4d6d7}
.basic-view-wrap>header .subject span{font-size:28px;font-weight:600}
.basic-view-wrap>header .user-info-wrap{display:flex;color:#6c7072;margin-top:20px}
.basic-view-wrap>header .user-info-wrap .report{background-color:transparent;border:0;color:#ff6060;cursor:pointer}
.basic-view-wrap>header .user-info-wrap .user-icon{display:flex;flex-shrink:0;border-radius:50%;width:40px;margin-right:10px}
.basic-view-wrap>header .user-info-wrap .user-icon img{border-radius:50%;width:100%}
.basic-view-wrap>header .user-info-wrap .user-nickname{font-weight:700}
.basic-view-wrap>header .user-info-wrap>div{display:flex;position:relative;margin-right:15px;padding-right:15px;align-items:center}
.basic-view-wrap>header .user-info-wrap>div:last-child:after{background:transparent}
.basic-view-wrap>header .user-info-wrap>div:after{content:"";position:absolute;width:1px;height:12px;background:#d4d6d7;top:50%;transform:translateY(-50%);right:0}
.basic-view-wrap>.page-info{margin-top:20px;display:flex}
.basic-view-wrap>.btn-wrap{display:flex}
.basic-view-wrap>.btn-wrap>div{display:flex}
.basic-view-wrap>.btn-wrap>div a{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease; font-weight:bold;}
@media (hover: hover) {
.basic-view-wrap>.btn-wrap>div a:hover{background-color:#1769f6; color:#fff; }
}
.basic-view-wrap .trade-point-info{display:flex;padding-bottom:20px;font-size:15px;align-items:center;border-bottom:1px solid #d4d6d7;margin-bottom:20px}
.basic-view-wrap .trade-point-info .point-b{color:#1769f6}
.basic-view-wrap .post-content-wrap .verification-site-info{display:flex;margin-bottom:20px}
.basic-view-wrap .post-content-wrap .verification-site-info .site-image{width:40%;height:auto;border-radius:8px;margin-right:20px;display:flex;flex-shrink:0}
.basic-view-wrap .post-content-wrap .verification-site-info .site-image img{width:100%;height:100%;border-radius:8px}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info{display:flex;flex-direction:column;border:1px solid #d4d6d7;border-radius:8px;width:100%;justify-content:center;padding:0 10px;min-width:0}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div{display:flex;min-height:55px;align-items:center;justify-content:center;border-bottom:1px solid #d4d6d7}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div:last-child{border-bottom:0}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div{display:flex;justify-content:center}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:first-child{flex-shrink:0;width:150px;height:40px;align-items:center;padding:0 10px;border-right:1px solid #d4d6d7; font-weight:bold; color:#000; justify-content:center;}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child{width:100%;align-items:center;padding:10px;min-width:0; justify-content: left;}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .site-name,.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .url,.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .deposit,.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .code{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .deposit{color:#1769f6}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .code{color:#647eff}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .link{display:flex;padding:0 10px;height:35px;align-items:center;justify-content:center;background-color:#1769f6;color:#fff;margin-left:10px;border-radius:8px;transition:.2s ease;flex-shrink:0}
@media (hover: hover) {
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:last-child .link:hover{background-color:#0a5ce8}
}
.basic-view-wrap .post-content-wrap .swindler-site-info{display:flex;margin-bottom:20px}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-image{width:40%;height:282px;border-radius:8px;margin-right:20px;display:flex;flex-shrink:0}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-image img{width:100%;height:100%;border-radius:8px}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info{display:flex;flex-direction:column;border:1px solid #d4d6d7;border-radius:8px;width:100%;justify-content:center;padding:0 10px;min-width:0}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div{display:flex;min-height:55px;align-items:center;justify-content:center;border-bottom:1px solid #d4d6d7}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div:last-child{border-bottom:0}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div{display:flex;justify-content:center}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:first-child{flex-shrink:0;width:150px;height:40px;align-items:center;padding:0 10px;border-right:1px solid #d4d6d7}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child{width:100%;align-items:center;padding:10px;min-width:0}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .site-name,.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .url,.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .damage-amount{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .case-date,.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .use-date{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:last-child .damage-amount{color:#ff6060}
.basic-view-wrap .post-content-wrap .post-content{min-height:400px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d4d6d7}
.basic-view-wrap .post-content-wrap .post-content img{max-width:100%}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_add{display:flex;justify-content:flex-end;height:40px;align-items:center}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_add>a{display:flex;justify-content:center;align-items:center;height:100%;padding:0 15px;border:1px solid #d4d6d7;border-radius:8px;transition:.2s ease}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_add>a:first-child{margin-right:10px}
@media (hover: hover) {
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_add>a:hover{background-color:#f7f7f7}
}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_datetime{display:flex;align-items:center}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_datetime .answer-desc{font-size:15px;color:#1769f6;font-weight:700}
.basic-view-wrap .post-content-wrap .answer-view-wrap .ans_datetime .date{font-size:12px;margin-left:5px}
.basic-view-wrap .post-content-wrap .qa-comment-wrap .wait-answer{border:1px solid #d4d6d7;display:flex;border-radius:8px;padding:20px;justify-content:center;align-items:center}
.basic-view-wrap .post-content-wrap .comment-wrap{display:flex;flex-direction:column;font-size:14px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment-total{display:flex;margin-bottom:20px;font-size:16px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment-total .text{font-weight:700;margin-right:5px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment-total .count{color:#1769f6;font-weight:700}
.basic-view-wrap .post-content-wrap .comment-wrap .trade-done{margin-bottom:10px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .trade-done .comment{border:1px solid #d4d6d7;border-radius:8px;padding-left:20px;padding-right:20px;background-color:#f7f9fa;margin-bottom:0!important}
.basic-view-wrap .post-content-wrap .comment-wrap .trade-done .trade-off{color:#1769f6;font-weight:700;margin-bottom:10px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment{display:flex;flex-direction:column;border-bottom:1px solid #d4d6d7;padding-top:20px;padding-bottom:10px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment.reply{padding-left:35px;padding-right:20px;background-color:#f7f9fa}
.basic-view-wrap .post-content-wrap .comment-wrap .comment:last-child{margin-bottom:20px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form{display:flex}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form{display:flex;width:100%}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .form,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .form{width:100%;resize:none;min-height:100px;padding:10px;box-sizing:border-box;border:1px solid #d4d6d7;border-radius:8px;background-color:#f7f9fa}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr{display:flex;padding-left:20px;flex-shrink:0}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm{display:flex;flex-direction:column;align-items:center}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm label,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm label{width:100%}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm .secret_cm,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm .secret_cm{display:flex;height:40px;align-items:center;width:100%;margin-bottom:5px;border:1px solid #d4d6d7;padding:0 10px;border-radius:8px;box-sizing:border-box}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm .secret_cm input,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm .secret_cm input{margin-right:10px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm .secret_cm span,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm .secret_cm span{display:flex;align-items:center}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm .btn_submit,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm .btn_submit{padding:0 10px;width:100px;height:100%;border:0;outline:0;cursor:pointer;border-radius:8px;transition:.2s ease;background-color:#1769f6;color:#fff}
@media (hover: hover) {
.basic-view-wrap .post-content-wrap .comment-wrap .comment .edit-form form .bo_vc_w_wr .btn_confirm .btn_submit:hover,.basic-view-wrap .post-content-wrap .comment-wrap .comment .reply-form form .bo_vc_w_wr .btn_confirm .btn_submit:hover{background-color:#0a5ce8}
}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header{display:flex}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>div{display:flex;align-items:center}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info{color:#6c7072}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info .user-icon{display:flex;flex-shrink:0;border-radius:50%;width:25px;margin-right:10px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info .user-icon img{border-radius:50%;width:100%}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info .user-name{font-weight:700}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info .user-ip{margin-left:3px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .time{margin-left:10px;font-size:12px;opacity:.7}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap{display:flex}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap .point-send{border:0;background-color:#1769f6;color:#fff;padding:5px 10px;border-radius:8px;margin-right:5px;transition:.2s ease;cursor:pointer}
@media (hover: hover) {
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap .point-send:hover{background-color:#0a5ce8}
}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap>div{display:flex;position:relative;padding-right:10px;margin-right:10px}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap>div:after{content:"";position:absolute;width:1px;height:12px;background:#d4d6d7;top:50%;transform:translateY(-50%);right:0}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap>div a{color:#6c7072}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap .report{padding:0;cursor:pointer;border:0;outline:0;background-color:transparent;color:#ff6060}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .cmt_contents p{display:flex;align-items:center;word-break:break-word}
.basic-view-wrap .post-content-wrap .comment-wrap .comment .cmt_contents p img{margin-right:10px}
.basic-view-wrap .post-content-wrap .comment-write-form{display:flex;margin-bottom:50px}
.basic-view-wrap .post-content-wrap .comment-write-form form{display:flex;width:100%}
.basic-view-wrap .post-content-wrap .comment-write-form form .form{width:100%;resize:none;min-height:100px;padding:10px;box-sizing:border-box;border:1px solid #d4d6d7;border-radius:8px;background-color:#f7f9fa}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr{display:flex;padding-left:20px;flex-shrink:0}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm{display:flex;flex-direction:column;align-items:center}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm label{width:100%}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm .secret_cm{display:flex;height:40px;align-items:center;width:100%;margin-bottom:5px;border:1px solid #d4d6d7;padding:0 10px;border-radius:8px;box-sizing:border-box}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm .secret_cm input{margin-right:10px}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm .secret_cm span{display:flex;align-items:center}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm .btn_submit{padding:0 10px;width:100px;height:100%;border:0;outline:0;cursor:pointer;border-radius:8px;transition:.2s ease;background-color:#1769f6;color:#fff}
@media (hover: hover) {
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr .btn_confirm .btn_submit:hover{background-color:#0a5ce8}
}
.basic-board-wrap{display:flex;flex-direction:column;width:100%}
.basic-board-wrap .board-search-wrap{display:flex;margin-top:20px}
.basic-board-wrap .board-search-wrap form{display:flex}
.basic-board-wrap .board-search-wrap .search-wrap{height:40px;display:flex}
.basic-board-wrap .board-search-wrap .search-wrap .refresh{width:20px;margin-right:5px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.basic-board-wrap .board-search-wrap .search-wrap .refresh:hover{opacity:1}
}
.basic-board-wrap .board-search-wrap .search-wrap select{margin-right:5px;border:1px solid #ededed;border-radius:8px;padding:0 10px;box-sizing:border-box}
.basic-board-wrap .board-search-wrap .search-wrap .input-wrap{margin-right:5px;border:1px solid #ededed;border-radius:8px;display:flex}
.basic-board-wrap .board-search-wrap .search-wrap .input-wrap input{border-radius:8px;box-sizing:border-box;padding:0 10px;border:0}
.basic-board-wrap .board-search-wrap .search-wrap button{border:0;padding:0 15px;border-radius:8px;color:#fff;background-color:#1769f6;cursor:pointer;transition:.2s ease;border:0}
@media (hover: hover) {
.basic-board-wrap .board-search-wrap .search-wrap button:hover{background-color:#0a5ce8}
}
.basic-board-wrap .board-top{display:flex;flex-direction:column}
.basic-board-wrap .board-top .header-top{display:flex;align-items:center;width:100%}
.basic-board-wrap .board-top .header-top .board-title{display:flex}
.basic-board-wrap .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.basic-board-wrap .board-top .header-top .board-title .category-page{display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px;font-weight:700}
.basic-board-wrap .board-top .category-wrap{display:flex;height:40px;align-items:center;margin-top:20px}
.basic-board-wrap .board-top .category-wrap>a{display:flex;align-items:center;justify-content:center;margin-right:10px;height:36px;border-radius:100px;padding:0 10px;border:1px solid #d4d6d7}
.basic-board-wrap .board-top .category-wrap>a.active{background-color:#1769f6;color:#fff;font-weight:700;border:0!important}
.basic-board-wrap .board-top .category-wrap>a:last-child{margin-right:0}
.basic-board-wrap>form{display:flex;width:100%;flex-direction:column}
.basic-board-wrap>form .button-wrap{display:flex}
.basic-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.basic-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.basic-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.basic-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.basic-board-wrap>form .mobile-board-button-wrap{display:flex;display:none;justify-content:flex-end;margin-top:10px}
.basic-board-wrap>form .mobile-board-button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.basic-board-wrap>form .mobile-board-button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.basic-board-wrap>form .mobile-board-button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.basic-board-wrap>form .mobile-board-button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.basic-board-wrap>form .mobile-board{display:none;margin-top:10px}
.basic-board-wrap>form .mobile-board .board-list{display:flex;flex-direction:column;width:100%}
.basic-board-wrap>form .mobile-board .board-list .empty-list{align-items:center}
.basic-board-wrap>form .mobile-board .board-list .notice{background-color:#f2f4f5!important}
.basic-board-wrap>form .mobile-board .board-list .notice .subtitle a{color:#1769f6;font-weight:700}
.basic-board-wrap>form .mobile-board .board-list>div{padding:10px 5px;display:flex;flex-direction:column;border-bottom:1px solid #ededed}
.basic-board-wrap>form .mobile-board .board-list>div:first-child{border-top:1px solid #ededed}
.basic-board-wrap>form .mobile-board .board-list>div .list-header{margin-top:5px;display:flex}
.basic-board-wrap>form .mobile-board .board-list>div .list-header>div{display:flex;align-items:center}
.basic-board-wrap>form .mobile-board .board-list>div .list-header .category{color:#1769f6;margin-right:5px;flex-shrink:0}
.basic-board-wrap>form .mobile-board .board-list>div .list-header .subtitle{font-weight:700;min-width:0}
.basic-board-wrap>form .mobile-board .board-list>div .list-header .subtitle a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.basic-board-wrap>form .mobile-board .board-list>div .list-header .subtitle.read{color:#1769f6!important}
.basic-board-wrap>form .mobile-board .board-list>div .list-info{display:flex;margin-top:5px}
.basic-board-wrap>form .mobile-board .board-list>div .list-info>div{display:flex;align-items:center;margin-right:10px;padding-right:10px;position:relative}
.basic-board-wrap>form .mobile-board .board-list>div .list-info>div:last-child:after{display:none}
.basic-board-wrap>form .mobile-board .board-list>div .list-info>div:after{content:"";position:absolute;width:1px;height:12px;background:#d4d6d7;top:50%;transform:translateY(-50%);right:0}
.basic-board-wrap>form .mobile-board .board-list>div .list-info .nickname .icon{width:24px;margin-right:5px}
.basic-board-wrap>form .mobile-board .board-list>div .list-info .nickname .icon img{width:100%;height:100%;border-radius:50%}
.basic-board-wrap>form .basic-board{display:flex;flex-direction:column;margin-top:20px}
.basic-board-wrap>form .basic-board .board-header{display:flex;border-top:2px solid #1769f6;height:40px;align-items:center;border-bottom:1px solid #ededed}
.basic-board-wrap>form .basic-board .board-header>div{display:flex;justify-content:center;font-size:12px;font-weight:700;padding:0 10px;flex-shrink:0}
.basic-board-wrap>form .basic-board .board-header .category{width:100px}
.basic-board-wrap>form .basic-board .board-header .subject{flex-grow:2;flex-shrink:unset!important}
.basic-board-wrap>form .basic-board .board-header .nickname{width:126px}
.basic-board-wrap>form .basic-board .board-header .view{width:57px}
.basic-board-wrap>form .basic-board .board-header .date{width:75px}
.basic-board-wrap>form .basic-board .board-list{display:flex;flex-direction:column}
.basic-board-wrap>form .basic-board .board-list .sch_word{color:#1769f6}
.basic-board-wrap>form .basic-board .board-list .empty-list{justify-content:center}
.basic-board-wrap>form .basic-board .board-list .notice{background-color:#f2f4f5!important}
.basic-board-wrap>form .basic-board .board-list .notice .category span{background-color:#1769f6;color:#fff!important}
.basic-board-wrap>form .basic-board .board-list .notice .subject a{color:#1769f6!important}
.basic-board-wrap>form .basic-board .board-list>div{display:flex;height:46px;align-items:center;border-bottom:1px solid #ededed;transition:.2s ease}
@media (hover: hover) {
.basic-board-wrap>form .basic-board .board-list>div:hover{background-color:#f7f9fa}
}
.basic-board-wrap>form .basic-board .board-list>div>div{display:flex;justify-content:center;align-items:center;padding:0 10px;flex-shrink:0}
.basic-board-wrap>form .basic-board .board-list .category{width:100px}
.basic-board-wrap>form .basic-board .board-list .category span{height:30px;background-color:#f2f4f5;border-radius:8px;color:#303437;font-weight:400;font-size:12px;padding:0 10px;display:flex;justify-content:center;align-items:center}
.basic-board-wrap>form .basic-board .board-list .subject{flex-grow:2;font-weight:700;justify-content:flex-start;font-size:15px;flex-shrink:unset!important;min-width:0}
.basic-board-wrap>form .basic-board .board-list .subject.read a{color:#1769f6!important}
.basic-board-wrap>form .basic-board .board-list .subject a{transition:.2s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.basic-board-wrap>form .basic-board .board-list .subject a .qa-title{overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis!important}
@media (hover: hover) {
.basic-board-wrap>form .basic-board .board-list .subject a:hover{color:#1769f6}
}
.basic-board-wrap>form .basic-board .board-list .subject i{margin-left:10px;margin-right:2px;opacity:.6;font-size:12px}
.basic-board-wrap>form .basic-board .board-list .subject .comment{font-size:12px;font-weight:700;color:#1769f6}
.basic-board-wrap>form .basic-board .board-list .nickname{width:126px}
.basic-board-wrap>form .basic-board .board-list .nickname .icon{margin-right:5px}
.basic-board-wrap>form .basic-board .board-list .nickname .icon img{width:24px;height:24px;border-radius:50%}
.basic-board-wrap>form .basic-board .board-list .view{width:57px;font-size:12px}
.basic-board-wrap>form .basic-board .board-list .date{width:75px;font-size:12px}
.qa-board-wrap .mobile-board-button-wrap{display:flex;display:none;justify-content:flex-end;margin-top:10px}
.qa-board-wrap .mobile-board-button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.qa-board-wrap .mobile-board-button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.qa-board-wrap .mobile-board-button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.qa-board-wrap .mobile-board-button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.qa-board-wrap .mobile-board .subtitle a{display:flex;align-items:center}
.qa-board-wrap .mobile-board .subtitle a .qa-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qa-board-wrap .mobile-board .subtitle .wait{color:#b3b3b3!important}
.qa-board-wrap .mobile-board .subtitle .done{color:#1769f6!important}
.qa-board-wrap .mobile-board .subtitle .done,.qa-board-wrap .mobile-board .subtitle .wait{font-size:12px;margin-right:5px;display:flex;flex-shrink:0}
.qa-board-wrap .basic-board .board-header .subtitle{flex-grow:2!important}
.qa-board-wrap .basic-board .board-list .subject{flex-grow:2!important}
.qa-board-wrap .basic-board .board-list .subject.read a{color:#1769f6!important}
.qa-board-wrap .basic-board .board-list .subject a{display:flex;align-items:center}
.qa-board-wrap .basic-board .board-list .subject .wait{color:#b3b3b3!important}
.qa-board-wrap .basic-board .board-list .subject .done{color:#1769f6!important}
.qa-board-wrap .basic-board .board-list .subject .done,.qa-board-wrap .basic-board .board-list .subject .wait{font-size:12px;margin-right:5px;display:flex;flex-shrink:0}
.qa-board-wrap .basic-board .board-list .date{width:85px!important}
.gallery-board-wrap{display:flex;flex-direction:column;width:100%}
.gallery-board-wrap .board-search-wrap{display:flex;margin-top:20px}
.gallery-board-wrap .board-search-wrap .search-wrap{height:40px;display:flex}
.gallery-board-wrap .board-search-wrap .search-wrap .refresh{width:20px;margin-right:5px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.gallery-board-wrap .board-search-wrap .search-wrap .refresh:hover{opacity:1}
}
.gallery-board-wrap .board-search-wrap .search-wrap select{margin-right:5px;border:1px solid #ededed;border-radius:8px;padding:0 10px;box-sizing:border-box}
.gallery-board-wrap .board-search-wrap .search-wrap .input-wrap{margin-right:5px;border:1px solid #ededed;border-radius:8px;display:flex}
.gallery-board-wrap .board-search-wrap .search-wrap .input-wrap input{border-radius:8px;box-sizing:border-box;padding:0 10px;border:0}
.gallery-board-wrap .board-search-wrap .search-wrap button{border:0;padding:0 15px;border-radius:8px;color:#fff;background-color:#1769f6;cursor:pointer;transition:.2s ease;border:0}
@media (hover: hover) {
.gallery-board-wrap .board-search-wrap .search-wrap button:hover{background-color:#0a5ce8}
}
.gallery-board-wrap>form .button-wrap{display:flex}
.gallery-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.gallery-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.gallery-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.gallery-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.gallery-board-wrap>form .mobile-board-button-wrap{display:none;justify-content:flex-end;margin-top:10px}
.gallery-board-wrap>form .mobile-board-button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.gallery-board-wrap>form .mobile-board-button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.gallery-board-wrap>form .mobile-board-button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.gallery-board-wrap>form .mobile-board-button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.gallery-board-wrap>form .board-top{display:flex;flex-direction:column}
.gallery-board-wrap>form .board-top .header-top{display:flex;align-items:center;width:100%}
.gallery-board-wrap>form .board-top .header-top .board-title{display:flex}
.gallery-board-wrap>form .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.gallery-board-wrap>form .board-top .header-top .board-title .category-page{display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px;font-weight:700}
.gallery-board-wrap>form .board-top .category-wrap{display:flex;height:40px;align-items:center;margin-top:20px}
.gallery-board-wrap>form .board-top .category-wrap>a{display:flex;align-items:center;justify-content:center;margin-right:10px;height:36px;border-radius:100px;padding:0 10px;border:1px solid #d4d6d7}
.gallery-board-wrap>form .board-top .category-wrap>a.active{background-color:#1769f6;color:#fff;font-weight:700;border:0!important}
.gallery-board-wrap>form .board-top .category-wrap>a:last-child{margin-right:0}
.gallery-board-wrap>form .gallery-board{margin-top:20px;border-top:2px solid #1769f6;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding-top:20px}
.gallery-board-wrap>form .gallery-board .empty-list{grid-column:1 / 5;text-align:center}
.gallery-board-wrap>form .gallery-board .gallery-content{display:flex;width:100%;flex-direction:column;overflow-x:auto;max-width:100%;box-sizing:border-box;overflow:hidden}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-img{display:flex;width:100%;height:150px;border-radius:8px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-img a{width:100%;height:100%;display:flex}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-img img{border-radius:8px;width:100%;height:100%}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href{display:flex;margin-top:10px;margin-bottom:5px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href .view-wrap{display:flex;flex-shrink:0;padding:0 5px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href .gall-subject{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href .subject{width:100%;display:flex;align-items:center}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href .subject i{font-size:12px;margin-right:2px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-text-href .subject .comment{font-size:12px;font-weight:700;color:#1769f6}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info{display:flex;flex-direction:column}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .view{display:flex;font-size:12px;align-items:center;color:#6c7072;margin-bottom:5px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .user-info{display:flex;font-size:12px;align-items:center;color:#6c7072}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .user-info .nickname{display:flex;align-items:center}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .user-info .nickname .icon{margin-right:5px}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .user-info .nickname .icon img{width:24px;height:24px;border-radius:50%}
.gallery-board-wrap>form .gallery-board .gallery-content .gall-info .user-info .dot{width:3px;height:3px;background-color:#d4d6d7;margin:0 6px;border-radius:3px}
.event-board-wrap{display:flex;flex-direction:column;width:100%}
.event-board-wrap>form .button-wrap{display:flex;justify-content:flex-end}
.event-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.event-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.event-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.event-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.event-board-wrap>form .board-top{display:flex;flex-direction:column}
.event-board-wrap>form .board-top .header-top{display:flex;align-items:center;width:100%;justify-content:center;margin-top:20px}
.event-board-wrap>form .board-top .header-top .board-title{display:flex;flex-direction:column;align-items:center;padding:0 20px;padding-bottom:20px;border-bottom:2px solid #1769f6}
.event-board-wrap>form .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.event-board-wrap>form .board-top .header-top .board-title .category-page{display:flex;margin-top:5px;font-weight:700}
.event-board-wrap>form .event-board{margin-top:20px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding-top:20px}
.event-board-wrap>form .event-board .empty-list{grid-column:1 / 3;text-align:center}
.event-board-wrap>form .event-board .event-content{display:flex;width:100%;flex-direction:column;overflow-x:auto;max-width:100%;box-sizing:border-box;overflow:hidden}
.event-board-wrap>form .event-board .event-content .evnt-img{display:flex;width:100%;height:200px;border-radius:8px}
.event-board-wrap>form .event-board .event-content .evnt-img a{width:100%;height:100%;display:flex}
.event-board-wrap>form .event-board .event-content .evnt-img img{border-radius:8px;width:100%;height:100%}
.trade-board-wrap{display:flex;flex-direction:column;width:100%}
.trade-board-wrap .board-search-wrap{display:flex;margin-top:20px}
.trade-board-wrap .board-search-wrap .search-wrap{height:40px;display:flex}
.trade-board-wrap .board-search-wrap .search-wrap .refresh{width:20px;margin-right:5px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.trade-board-wrap .board-search-wrap .search-wrap .refresh:hover{opacity:1}
}
.trade-board-wrap .board-search-wrap .search-wrap select{margin-right:5px;border:1px solid #ededed;border-radius:8px;padding:0 10px;box-sizing:border-box}
.trade-board-wrap .board-search-wrap .search-wrap .input-wrap{margin-right:5px;border:1px solid #ededed;border-radius:8px;display:flex}
.trade-board-wrap .board-search-wrap .search-wrap .input-wrap input{border-radius:8px;box-sizing:border-box;padding:0 10px;border:0}
.trade-board-wrap .board-search-wrap .search-wrap button{border:0;padding:0 15px;border-radius:8px;color:#fff;background-color:#1769f6;cursor:pointer;transition:.2s ease;border:0}
@media (hover: hover) {
.trade-board-wrap .board-search-wrap .search-wrap button:hover{background-color:#0a5ce8}
}
.trade-board-wrap>form .button-wrap{display:flex}
.trade-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.trade-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.trade-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.trade-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.trade-board-wrap>form .mobile-board-button-wrap{display:flex;display:none;justify-content:flex-end;margin-top:10px}
.trade-board-wrap>form .mobile-board-button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.trade-board-wrap>form .mobile-board-button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.trade-board-wrap>form .mobile-board-button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.trade-board-wrap>form .mobile-board-button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.trade-board-wrap>form .board-top{display:flex;flex-direction:column}
.trade-board-wrap>form .board-top .header-top{display:flex;align-items:center;width:100%}
.trade-board-wrap>form .board-top .header-top .board-title{display:flex}
.trade-board-wrap>form .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.trade-board-wrap>form .board-top .header-top .board-title .category-page{display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px;font-weight:700}
.trade-board-wrap>form .trade-board-list{margin-top:20px;display:flex;flex-direction:column}
.trade-board-wrap>form .trade-board-list .empty{min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #ededed}
.trade-board-wrap>form .trade-board-list>div{display:flex;flex-direction:column;border:1px solid #ededed;padding:10px;border-radius:8px;margin-bottom:10px;transition:.2s ease}
@media (hover: hover) {
.trade-board-wrap>form .trade-board-list>div:hover{background-color:#f7f9fa}
}
.trade-board-wrap>form .trade-board-list>div:last-child{margin-bottom:0}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap{display:flex;align-items:center;height:30px;font-size:15px}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap .checkbox input{margin-right:5px}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap .point{flex-shrink:0;margin-right:5px}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap .point .amount{color:#1769f6}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap .subject{font-weight:700;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.trade-board-wrap>form .trade-board-list>div .trade-subject-wrap span{display:flex;align-items:center}
.trade-board-wrap>form .trade-board-list>div .trade-user-info{display:flex;align-items:center;margin-top:5px}
.trade-board-wrap>form .trade-board-list>div .trade-user-info .nickname{display:flex;align-items:center}
.trade-board-wrap>form .trade-board-list>div .trade-user-info .nickname .icon{margin-right:5px}
.trade-board-wrap>form .trade-board-list>div .trade-user-info .nickname .icon img{width:24px;height:24px;border-radius:50%}
.trade-board-wrap>form .trade-board-list>div .trade-user-info>div{position:relative;padding-right:10px;margin-right:10px;font-size:13px}
.trade-board-wrap>form .trade-board-list>div .trade-user-info>div:last-child:after{display:none}
.trade-board-wrap>form .trade-board-list>div .trade-user-info>div:after{content:"";position:absolute;width:1px;height:12px;background:#d4d6d7;top:50%;transform:translateY(-50%);right:0}
.verification-board-wrap{display:flex;flex-direction:column;width:100%}
.verification-board-wrap .board-search-wrap{display:flex;margin-top:20px}
.verification-board-wrap .board-search-wrap .search-wrap{height:40px;display:flex}
.verification-board-wrap .board-search-wrap .search-wrap .refresh{width:20px;margin-right:5px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.verification-board-wrap .board-search-wrap .search-wrap .refresh:hover{opacity:1}
}
.verification-board-wrap .board-search-wrap .search-wrap select{margin-right:5px;border:1px solid #ededed;border-radius:8px;padding:0 10px;box-sizing:border-box}
.verification-board-wrap .board-search-wrap .search-wrap .input-wrap{margin-right:5px;border:1px solid #ededed;border-radius:8px;display:flex}
.verification-board-wrap .board-search-wrap .search-wrap .input-wrap input{border-radius:8px;box-sizing:border-box;padding:0 10px;border:0}
.verification-board-wrap .board-search-wrap .search-wrap button{border:0;padding:0 15px;border-radius:8px;color:#fff;background-color:#1769f6;cursor:pointer;transition:.2s ease;border:0}
@media (hover: hover) {
.verification-board-wrap .board-search-wrap .search-wrap button:hover{background-color:#0a5ce8}
}
.verification-board-wrap>form .button-wrap{display:flex;justify-content:flex-end}
.verification-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.verification-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.verification-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.verification-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.verification-board-wrap>form .board-top{display:flex;flex-direction:column}
.verification-board-wrap>form .board-top .header-top{display:flex;align-items:center;width:100%;justify-content:center;margin-top:20px}
.verification-board-wrap>form .board-top .header-top .board-title{display:flex;flex-direction:column;align-items:center;padding:0 20px;padding-bottom:20px;border-bottom:2px solid #1769f6}
.verification-board-wrap>form .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.verification-board-wrap>form .board-top .header-top .board-title .category-page{display:flex;margin-top:5px}
.verification-board-wrap>form .board-top .category-wrap{display:flex;height:40px;align-items:center;margin-top:20px;justify-content:center}
.verification-board-wrap>form .board-top .category-wrap>a{display:flex;align-items:center;justify-content:center;width:120px;margin-right:10px;height:36px;border-radius:100px;padding:0 10px;border:1px solid #d4d6d7}
.verification-board-wrap>form .board-top .category-wrap>a.active{background-color:#1769f6;color:#fff;font-weight:700;border:0!important}
.verification-board-wrap>form .board-top .category-wrap>a:last-child{margin-right:0}
.verification-board-wrap>form .verification-board{margin-top:20px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding-top:20px}
.verification-board-wrap>form .verification-board .empty-list{grid-column:1 / 5;text-align:center;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #ededed}
.verification-board-wrap>form .verification-board .verification-content{display:flex;width:100%;flex-direction:column;overflow-x:auto;max-width:100%;box-sizing:border-box;overflow:hidden}
.verification-board-wrap>form .verification-board .verification-content .verifi-img{display:flex;width:100%;height:200px;border-radius:8px 8px 0 0}
.verification-board-wrap>form .verification-board .verification-content .verifi-img a{width:100%;height:100%;display:flex}
.verification-board-wrap>form .verification-board .verification-content .verifi-img img{border-radius:8px 8px 0 0;width:100%;height:100%}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail{display:flex;flex-direction:column;border-radius:0 0 8px 8px;border:1px solid #d4d6d7;border-top:0!important;padding:0 10px}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail>div{border-bottom:1px solid #d4d6d7}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail>div:last-child{border-bottom:0!important}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail div{display:flex}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail div>div{height:40px;align-items:center}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail .site-name{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:1.4rem;}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail .deposit{font-weight:700;color:#1769f6}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail div>div:first-child{width:80px;flex-shrink:0;padding-right:10px}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail div>div:last-child{width:100%;padding:0 10px;min-width:0}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail .detail-btn{width:100%;margin:10px 0;height:50px;display:flex}
.verification-board-wrap>form .verification-board .verification-content .verifi-detail .detail-btn a{width:100%;height:100%;background-color:#EEEEEE;border-radius:8px;transition:.2s ease;color:#000;display:flex;align-items:center;justify-content:center; margin:0 5px; font-weight:bold;}
@media (hover: hover) {
.verification-board-wrap>form .verification-board .verification-content .verifi-detail .detail-btn a:hover{background-color:#0a5ce8; color:#fff; }
}
.swindler-board-wrap{display:flex;flex-direction:column;width:100%}
.swindler-board-wrap .board-search-wrap{display:flex;margin-top:20px}
.swindler-board-wrap .board-search-wrap .search-wrap{height:40px;display:flex}
.swindler-board-wrap .board-search-wrap .search-wrap .refresh{width:20px;margin-right:5px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.swindler-board-wrap .board-search-wrap .search-wrap .refresh:hover{opacity:1}
}
.swindler-board-wrap .board-search-wrap .search-wrap select{margin-right:5px;border:1px solid #ededed;border-radius:8px;padding:0 10px;box-sizing:border-box}
.swindler-board-wrap .board-search-wrap .search-wrap .input-wrap{margin-right:5px;border:1px solid #ededed;border-radius:8px;display:flex}
.swindler-board-wrap .board-search-wrap .search-wrap .input-wrap input{border-radius:8px;box-sizing:border-box;padding:0 10px;border:0}
.swindler-board-wrap .board-search-wrap .search-wrap button{border:0;padding:0 15px;border-radius:8px;color:#fff;background-color:#1769f6;cursor:pointer;transition:.2s ease;border:0}
@media (hover: hover) {
.swindler-board-wrap .board-search-wrap .search-wrap button:hover{background-color:#0a5ce8}
}
.swindler-board-wrap>form .button-wrap{display:flex}
.swindler-board-wrap>form .button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.swindler-board-wrap>form .button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.swindler-board-wrap>form .button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 20px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.swindler-board-wrap>form .button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.swindler-board-wrap>form .mobile-board-button-wrap{display:flex;display:none;justify-content:flex-end;margin-top:10px}
.swindler-board-wrap>form .mobile-board-button-wrap .write-btn{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.swindler-board-wrap>form .mobile-board-button-wrap .write-btn:hover{background-color:#f7f7f7}
}
.swindler-board-wrap>form .mobile-board-button-wrap .admin-delete-button{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease;cursor:pointer;margin-left:10px}
@media (hover: hover) {
.swindler-board-wrap>form .mobile-board-button-wrap .admin-delete-button:hover{background-color:#f7f7f7}
}
.swindler-board-wrap>form .board-top{display:flex;flex-direction:column}
.swindler-board-wrap>form .board-top .header-top{display:flex;align-items:center;width:100%}
.swindler-board-wrap>form .board-top .header-top .board-title{display:flex}
.swindler-board-wrap>form .board-top .header-top .board-title .category-top{font-size:22px;font-weight:700;color:#1769f6}
.swindler-board-wrap>form .board-top .header-top .board-title .category-page{display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px;font-weight:700}
.swindler-board-wrap>form .board-top .category-wrap{display:flex;height:40px;align-items:center;margin-top:20px}
.swindler-board-wrap>form .board-top .category-wrap>a{display:flex;align-items:center;justify-content:center;margin-right:10px;height:36px;border-radius:100px;padding:0 10px;border:1px solid #d4d6d7}
.swindler-board-wrap>form .board-top .category-wrap>a.active{background-color:#1769f6;color:#fff;font-weight:700;border:0!important}
.swindler-board-wrap>form .board-top .category-wrap>a:last-child{margin-right:0}
.swindler-board-wrap>form .swindler-board{margin-top:20px;border-top:2px solid #1769f6;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding-top:20px}
.swindler-board-wrap>form .swindler-board .empty-list{grid-column:1 / 5;text-align:center}
.swindler-board-wrap>form .swindler-board .swindler-content{display:flex;width:100%;flex-direction:column;overflow-x:auto;max-width:100%;box-sizing:border-box;overflow:hidden}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-img{display:flex;width:100%;height:200px;border-radius:8px 8px 0 0}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-img a{width:100%;height:100%;display:flex}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-img img{border-radius:8px 8px 0 0;width:100%;height:100%}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail{display:flex;flex-direction:column;border-radius:0 0 8px 8px;border:1px solid #d4d6d7;border-top:0!important;padding:0 10px}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail>div{border-bottom:1px solid #d4d6d7}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail>div:last-child{border-bottom:0!important}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div{display:flex}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div{height:40px;align-items:center}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div .url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div .site-name{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div .damage-amount{font-weight:700;color:#ff6060}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div:first-child{width:80px;flex-shrink:0;padding-right:10px}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail div>div:last-child{width:100%;padding:0 10px;min-width:0}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail .detail-btn{width:100%;margin:10px 0;height:50px;display:flex}
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail .detail-btn a{width:100%;height:100%;background-color:#ff6e6e;border-radius:8px;transition:.2s ease;color:#fff;display:flex;align-items:center;justify-content:center}
@media (hover: hover) {
.swindler-board-wrap>form .swindler-board .swindler-content .swind-detail .detail-btn a:hover{background-color:#ff4d4d}
}
.lost-password{display:flex;flex-direction:column;align-items:center;width:100%}
.lost-password .lost-password-header{display:flex;flex-direction:column}
.lost-password .lost-password-contents{display:flex;flex-direction:column}
.lost-password .lost-password-contents .lost-password-title{font-size:16px;font-weight:700;color:#0a5ce8;display:flex;justify-content:center}
.lost-password .lost-password-contents .text{margin-top:20px;display:flex;flex-direction:column;text-align:center}
.lost-password .find-form{display:flex;flex-direction:column;margin-top:20px;align-items:center}
.lost-password .find-form input,.lost-password .find-form button{min-width:300px;height:45px;padding:0 20px;margin-bottom:10px;border:1px solid #ededed;border-radius:8px}
.lost-password .find-form .verify_send:disabled{background-color:#d2b5ff;cursor:not-allowed}
@media (hover: hover) {
.lost-password .find-form .verify_send:disabled:hover{background-color:#d2b5ff!important}
}
.lost-password .find-form button{background-color:#1769f6;color:#fff;cursor:pointer;transition:.2s ease}
@media (hover: hover) {
.lost-password .find-form button:hover{background-color:#0a5ce8}
}
.lost-password .find-form .sms-text{margin-bottom:10px;font-weight:700;color:#f15353}
.register-result{display:flex;flex-direction:column;align-items:center;width:100%}
.register-result .register-result-header{display:flex;flex-direction:column}
.register-result .register-result-contents{display:flex;flex-direction:column}
.register-result .register-result-contents .register-result-title{font-size:16px;font-weight:700;color:#0a5ce8;display:flex;justify-content:center;margin-top:20px}
.register-result .register-result-contents .text{margin-top:20px;display:flex;flex-direction:column;text-align:center}
.register-result .register-result-contents .text .small{font-weight:700;margin-top:20px}
.register-result .register-result-contents .back-btn-wrap{background-color:#1769f6;display:flex;height:40px;border-radius:8px;margin-top:20px;transition:.2s ease}
.register-result .register-result-contents .back-btn-wrap a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;color:#fff; }
@media (hover: hover) {
.register-result .register-result-contents .back-btn-wrap:hover{background-color:#0a5ce8}
}
.member-confirm{display:flex;flex-direction:column;align-items:center;width:100%}
.member-confirm .member-confirm-header{display:flex;flex-direction:column}
.member-confirm .member-confirm-contents{display:flex;flex-direction:column}
.member-confirm .member-confirm-contents .member-confirm-title{font-size:16px;font-weight:700;color:#0a5ce8;display:flex;justify-content:center}
.member-confirm .member-confirm-contents .text{margin-top:20px;display:flex;flex-direction:column;text-align:center}
.member-confirm .confirm-form{display:flex;flex-direction:column;margin-top:20px;align-items:center}
.member-confirm .confirm-form form{display:flex;flex-direction:column}
.member-confirm .confirm-form form input{min-width:300px;height:45px;padding:0 20px;margin-bottom:10px;border:1px solid #ededed;border-radius:8px}
.member-confirm .confirm-form form .submit-button{background-color:#1769f6;color:#fff;cursor:pointer;transition:.2s ease}
@media (hover: hover) {
.member-confirm .confirm-form form .submit-button:hover{background-color:#0a5ce8}
}
.register{display:flex;width:100%}
.register>form{width:100%}
.register>form .register-header{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}
.register>form .register-header .header-title{font-size:14px;display:flex;color:#7e7e7e;flex-direction:column}
.register>form .register-header .header-title .point{color:#1769f6}
.register>form .register-header .header-title span{text-align:center}
.register>form .register-form-wrap{display:flex;flex-direction:column}
.register>form .register-form-wrap .register_form_inner{display:flex;flex-direction:column;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ededed}
.register>form .register-form-wrap .register_form_inner div{display:flex}
.register>form .register-form-wrap .register_form_inner .notice{margin-bottom:20px;font-weight:700;color:#a7a7a7}
.register>form .register-form-wrap .register_form_inner .notice .warning{color:#f15353}
.register>form .register-form-wrap .register_form_inner .form{height:45px;align-items:center;margin-bottom:20px}
.register>form .register-form-wrap .register_form_inner .form:last-child{margin-bottom:0}
.register>form .register-form-wrap .register_form_inner .form>div:first-child{min-width:100px;margin-right:20px;font-weight:700}
.register>form .register-form-wrap .register_form_inner .form input{height:45px;padding:0 20px;border:1px solid #ededed;border-radius:8px;min-width:250px}
.register>form .register-form-wrap .register_form_inner .form .send-code{margin-left:10px}
.register>form .register-form-wrap .register_form_inner .form .send-code button{height:45px;padding:0 20px;border:1px solid #ededed;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#1769f6;color:#fff;transition:.2s ease;min-width:150px}
@media (hover: hover) {
.register>form .register-form-wrap .register_form_inner .form .send-code button:hover{background-color:#0a5ce8}
}
.register>form .register-form-wrap .register_form_inner .form .send-code button:disabled{background-color:#d2b5ff;cursor:not-allowed}
@media (hover: hover) {
.register>form .register-form-wrap .register_form_inner .form .send-code button:disabled:hover{background-color:#d2b5ff!important}
}
.register>form .btn_confirm{display:flex;height:45px;align-items:center;justify-content:center}
.register>form .btn_confirm button,.register>form .btn_confirm a{height:45px;padding:0 20px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px;color:#fff}
.register>form .btn_confirm button{outline:0;border:0;background-color:#1769f6;transition:.2s ease}
@media (hover: hover) {
.register>form .btn_confirm button:hover{background-color:#0a5ce8}
}
.register>form .btn_confirm a{margin-left:10px;background-color:#fff;border:1px solid #ededed;color:#000;transition:.2s ease}
@media (hover: hover) {
.register>form .btn_confirm a:hover{background-color:#f7f7f7}
}
.contents .wrap .right-wrap{display:flex;flex-direction:column;width:350px;margin-left:20px;flex-shrink:0}
.contents .wrap .right-wrap .login-wrap{display:flex;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;margin-bottom:20px}
.contents .wrap .right-wrap .login-wrap form{width:100%;display:flex;flex-direction:column}
.contents .wrap .right-wrap .login-wrap form .login-info{display:flex;flex-direction:column}
.contents .wrap .right-wrap .login-wrap form .login-info .login-header{font-weight:700;margin-bottom:20px;display:flex;font-size:15px}
.contents .wrap .right-wrap .login-wrap form .login-info input{height:45px;padding:0 20px;margin-bottom:10px;border:1px solid #ededed;border-radius:8px}
.contents .wrap .right-wrap .login-wrap form .login-info input:last-child{margin-bottom:0}
.contents .wrap .right-wrap .login-wrap form .login-info .find-password{display:flex;margin-bottom:10px;justify-content:flex-end}
.contents .wrap .right-wrap .login-wrap form .login-info .find-password a{transition:.2s ease;color:#b5b5b5}
@media (hover: hover) {
.contents .wrap .right-wrap .login-wrap form .login-info .find-password a:hover{color:#1769f6}
}
.contents .wrap .right-wrap .login-wrap form .login-info .login-btn{width:150px;padding:0 10px;margin:0 auto;border:0;background-color:#1769f6;color:#fff;cursor:pointer;transition:.2s ease}
@media (hover: hover) {
.contents .wrap .right-wrap .login-wrap form .login-info .login-btn:hover{background-color:#0a5ce8}
}
.contents .wrap .right-wrap .login-wrap form .register{display:flex;margin-top:20px;justify-content:center}
.contents .wrap .right-wrap .login-wrap form .register span{color:#b5b5b5}
.contents .wrap .right-wrap .login-wrap form .register span a{color:#c49fff;margin-left:5px;transition:.2s ease}
@media (hover: hover) {
.contents .wrap .right-wrap .login-wrap form .register span a:hover{color:#1769f6}
}
.contents .wrap .right-wrap .member-info-wrap{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;margin-bottom:20px}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail{display:flex}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .profile-img{display:flex;flex-shrink:0;border-radius:50%;width:48px}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .profile-img img{border-radius:50%;width:100%}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname{display:flex;flex-direction:column;justify-content:center;margin-left:10px;flex-grow:2}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname span{font-size:16px;font-weight:700;color:#1769f6;margin-bottom:5px}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname .edit-userinfo{color:#b5b5b5;transition:.2s ease}
@media (hover: hover) {
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname .edit-userinfo:hover{color:#1769f6}
}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout{display:flex;justify-content:flex-end;flex-shrink:0}
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout a{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.contents .wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout a:hover{background-color:#f7f7f7}
}
.contents .wrap .right-wrap .member-info-wrap .member-detail{margin-top:20px}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div{border-bottom:1px solid #ededed;padding-bottom:15px}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div:last-child{border-bottom:0;padding-top:15px;padding-bottom:0}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div{width:50%}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div .desc{margin-right:5px}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div .desc>span{display:flex;align-items:center}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div .desc>span img{margin-right:5px}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div .data a{display:flex}
.contents .wrap .right-wrap .member-info-wrap .member-detail>div>div .data button{padding:0!important;cursor:pointer;font-weight:700;color:#1769f6;background-color:transparent;border:0}
.contents .wrap .right-wrap .member-info-wrap .member-detail div{display:flex}
.contents .wrap .right-wrap .telegram{margin-bottom:20px;border-radius:8px}
.contents .wrap .right-wrap .telegram a{display:flex}
.contents .wrap .right-wrap .telegram img{border-radius:8px}
.contents .wrap .right-wrap .latest-wrap{display:flex;background-color:#fff;border-radius:8px;padding:20px;border:1px solid #ededed;flex-direction:column;margin-bottom:20px}
.contents .wrap .right-wrap .latest-wrap:last-child{margin-bottom:0}
.contents .wrap .right-wrap .latest-wrap .latest-header{font-weight:700;margin-bottom:20px;display:flex;font-size:15px;align-items:center}
.contents .wrap .right-wrap .latest-wrap .latest-header svg{margin-right:5px}
.contents .wrap .right-wrap .latest-wrap .latest-header .more{font-size:14px;font-weight:400;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.contents .wrap .right-wrap .latest-wrap .latest-header .more:hover{opacity:1}
}
.contents .wrap .right-wrap .latest-wrap .list-wrap{display:flex;flex-direction:column}
.contents .wrap .right-wrap .latest-wrap .list-wrap .info{width:100%;display:flex;height:30px;align-items:center}
.contents .wrap .right-wrap .latest-wrap .list-wrap .info .category{font-weight:700;margin-right:5px;display:flex;flex-shrink:0}
.contents .wrap .right-wrap .latest-wrap .list-wrap .info .subject{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.copyright{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;background-color:#fff;border-top:1px solid #ededed}
.copyright .copyright-menu-list{display:flex}
.copyright .copyright-menu-list>div{margin-right:20px;padding-right:20px;position:relative;font-weight:700;margin-bottom:20px}
.copyright .copyright-menu-list>div a{transition:.2s ease}
@media (hover: hover) {
.copyright .copyright-menu-list>div a:hover{color:#1769f6}
}
.copyright .copyright-menu-list>div:last-child:after{display:none}
.copyright .copyright-menu-list>div:after{content:"";position:absolute;width:1px;height:12px;background:#d4d6d7;top:50%;transform:translateY(-50%);right:0}
.copyright .warning{display:flex;justify-content:center;flex-direction:column;margin-bottom:20px;font-size:13px}
.copyright .warning span{display:flex;justify-content:center}
.copyright .reserved{font-size:13px;opacity:.8}
.right-nav-wrap{padding:10px!important}
.right-nav-wrap .right-wrap{display:flex;flex-direction:column;width:100%;flex-shrink:0}
.right-nav-wrap .right-wrap .login-wrap{display:flex;background-color:#fff;border-radius:8px;padding:10px;border:1px solid #ededed;margin-bottom:20px}
.right-nav-wrap .right-wrap .login-wrap form{width:100%;display:flex;flex-direction:column}
.right-nav-wrap .right-wrap .login-wrap form .login-info{display:flex;flex-direction:column}
.right-nav-wrap .right-wrap .login-wrap form .login-info .login-header{font-weight:700;margin-bottom:20px;display:flex;font-size:15px}
.right-nav-wrap .right-wrap .login-wrap form .login-info input{height:45px;padding:0 20px;margin-bottom:10px;border:1px solid #ededed;border-radius:8px}
.right-nav-wrap .right-wrap .login-wrap form .login-info input:last-child{margin-bottom:0}
.right-nav-wrap .right-wrap .login-wrap form .login-info .find-password{display:flex;margin-bottom:10px;justify-content:flex-end}
.right-nav-wrap .right-wrap .login-wrap form .login-info .find-password a{transition:.2s ease;color:#b5b5b5}
@media (hover: hover) {
.right-nav-wrap .right-wrap .login-wrap form .login-info .find-password a:hover{color:#1769f6}
}
.right-nav-wrap .right-wrap .login-wrap form .login-info .login-btn{width:150px;padding:0 10px;margin:0 auto;border:0;background-color:#1769f6;color:#fff;cursor:pointer;transition:.2s ease}
@media (hover: hover) {
.right-nav-wrap .right-wrap .login-wrap form .login-info .login-btn:hover{background-color:#0a5ce8}
}
.right-nav-wrap .right-wrap .login-wrap form .register{display:flex;margin-top:20px;justify-content:center}
.right-nav-wrap .right-wrap .login-wrap form .register span{color:#b5b5b5}
.right-nav-wrap .right-wrap .login-wrap form .register span a{color:#c49fff;margin-left:5px;transition:.2s ease}
@media (hover: hover) {
.right-nav-wrap .right-wrap .login-wrap form .register span a:hover{color:#1769f6}
}
.right-nav-wrap .right-wrap .member-info-wrap{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:10px;border:1px solid #ededed;margin-bottom:20px}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail{display:flex}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .profile-img{display:flex;flex-shrink:0;border-radius:50%;width:40px}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .profile-img img{border-radius:50%;width:100%}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname{display:flex;flex-direction:column;justify-content:center;margin-left:10px;flex-grow:2}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname span{font-size:14px;font-weight:700;color:#1769f6;margin-bottom:5px}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname .edit-userinfo{color:#b5b5b5;transition:.2s ease}
@media (hover: hover) {
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname .edit-userinfo:hover{color:#1769f6}
}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout{display:flex;justify-content:flex-end;flex-shrink:0}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout a{background-color:#fff;border:1px solid #ededed;padding:0 10px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:.2s ease}
@media (hover: hover) {
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .logout a:hover{background-color:#f7f7f7}
}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail{margin-top:20px}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div{border-bottom:1px solid #ededed;padding-bottom:15px}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div:last-child{border-bottom:0;padding-top:15px;padding-bottom:0}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div{width:50%}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .desc{margin-right:5px}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .desc>span{display:flex;align-items:center}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .desc>span img{margin-right:5px}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .data{font-weight:700}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .data a{display:flex}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .data button{border:0;background-color:transparent;font-weight:700;color:#1769f6}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .data .emp{color:#1769f6}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail div{display:flex}
.right-nav-wrap .right-wrap .telegram{margin-bottom:20px;border-radius:8px}
.right-nav-wrap .right-wrap .telegram a{display:flex}
.right-nav-wrap .right-wrap .telegram img{width:100%;border-radius:8px}
.right-nav-wrap .right-wrap .latest-wrap{display:flex;background-color:#fff;border-radius:8px;padding:10px;border:1px solid #ededed;flex-direction:column;margin-bottom:20px}
.right-nav-wrap .right-wrap .latest-wrap:last-child{margin-bottom:0}
.right-nav-wrap .right-wrap .latest-wrap .latest-header{font-weight:700;margin-bottom:10px;display:flex;font-size:15px;align-items:center}
.right-nav-wrap .right-wrap .latest-wrap .latest-header svg{margin-right:5px}
.right-nav-wrap .right-wrap .latest-wrap .latest-header .more{font-size:14px;font-weight:400;opacity:.7;transition:.2s ease}
@media (hover: hover) {
.right-nav-wrap .right-wrap .latest-wrap .latest-header .more:hover{opacity:1}
}
.right-nav-wrap .right-wrap .latest-wrap .list-wrap{display:flex;flex-direction:column}
.right-nav-wrap .right-wrap .latest-wrap .list-wrap .info{width:100%;display:flex;height:30px;align-items:center}
.right-nav-wrap .right-wrap .latest-wrap .list-wrap .info .category{font-weight:700;margin-right:5px;display:flex;flex-shrink:0}
.right-nav-wrap .right-wrap .latest-wrap .list-wrap .info .subject{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.left-nav-wrap{padding:20px!important}
.left-nav-wrap .nav-wrap{display:flex;margin:0 auto;flex-direction:column}
.left-nav-wrap .nav-wrap nav{width:100%;display:flex}
.left-nav-wrap .nav-wrap nav .list{display:flex;flex-direction:column;width:100%}
.left-nav-wrap .nav-wrap nav .list .category{display:flex;flex-direction:column}
.left-nav-wrap .nav-wrap nav .list .category>a{height:40px;align-items:center;display:flex;color:#303437;font-size:14px;font-weight:700;border-bottom:1px solid #ededed}
.left-nav-wrap .nav-wrap .second-category{border-radius:8px;padding-top:10px;margin-bottom:10px}
.left-nav-wrap .nav-wrap .second-category>div{width:100%;border-radius:8px;margin-bottom:10px}
.left-nav-wrap .nav-wrap .second-category>div:last-child{margin-bottom:0}
.left-nav-wrap .nav-wrap .second-category>div a{font-size:14px;width:100%;display:flex;align-items:center;padding-left:15px}
.left-nav-wrap .livestream>a{height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#1769f6;padding:0 20px;color:#fff;font-weight:700;margin-top:10px}
@media only screen and (max-width: 1160px) {
.swindler-board-wrap>form .swindler-board{grid-template-columns:repeat(2,1fr)!important}
.verification-board-wrap>form .verification-board{grid-template-columns:repeat(2,1fr)!important}
.gallery-board-wrap>form .gallery-board{grid-template-columns:repeat(3,1fr)!important}
}
@media only screen and (max-width: 1080px) {
.basic-board-wrap>form .mobile-board{display:flex!important}
.basic-board-wrap>form .basic-board{display:none!important}
.basic-board-wrap .board-search-wrap .search-wrap .input-wrap input{max-width:150px}
.left-nav-wrap .nav-wrap nav .list .category>a{font-size:13px!important}
.left-nav-wrap .nav-wrap nav .list .category .second-category>div a{font-size:12px!important}
.register .register-header .logo{display:none!important}
.register .register-form-wrap .register_form_inner{padding-bottom:10px!important}
.register .register-form-wrap .register_form_inner .notice{margin-bottom:10px!important}
.register .register-form-wrap .register_form_inner .form{margin-bottom:10px!important}
.register .register-form-wrap .register_form_inner .form .send-code{min-width:unset!important}
.register .register-form-wrap .register_form_inner .form .send-code span{display:flex;flex-shrink:0}
.register .register-form-wrap .register_form_inner .form>div{width:100%}
.register .register-form-wrap .register_form_inner .form>div input{width:100%}
.register .register-form-wrap .register_form_inner .form>div:first-child{display:none!important}
.board-search-wrap,.pagination{margin-top:10px!important}
.trade-board-wrap .trade-subject-wrap{font-size:12px!important;height:25px!important}
.trade-board-wrap .trade-user-info>div{font-size:11px!important}
.verification-board-wrap .board-top .category-wrap,.event-board-wrap .board-top .category-wrap{margin-top:10px!important}
.verification-board-wrap .board-title,.event-board-wrap .board-title{text-align:center;padding-bottom:10px!important}
.verification-board-wrap .board-title .category-top,.event-board-wrap .board-title .category-top{font-size:14px!important}
.verification-board-wrap .event-board,.event-board-wrap .event-board{padding-top:0!important;margin-top:10px!important}
.attendance .header-title{font-size:14px!important}
.attendance .attendance-info{margin-top:10px!important}
.attendance .attendance-form .input-append{margin-top:10px!important}
.attendance .attendance-list{margin-top:10px!important}
.copyright{margin-top:10px!important}
.copyright .warning{padding:0 20px;text-align:center}
.copyright .copyright-menu-list>div{margin-right:5px!important;padding-right:5px!important}
.contents{margin-top:10px!important}
.contents .wrap{padding:0 10px!important}
.contents .wrap .content{padding:10px!important}
.contents .wrap .right-wrap{display:none}
.gallery-board-wrap .gall-subject{font-size:12px!important}
.gallery-board-wrap form>.gallery-board .gallery-content .gall-info .view{font-size:11px!important}
.gallery-board-wrap form>.gallery-board .gallery-content .gall-info .user-info{font-size:11px!important}
.basic-board-wrap .basic-board,.basic-board-wrap .gallery-board,.basic-board-wrap .trade-board-list,.basic-board-wrap .swindler-board,.gallery-board-wrap .basic-board,.gallery-board-wrap .gallery-board,.gallery-board-wrap .trade-board-list,.gallery-board-wrap .swindler-board,.swindler-board-wrap .basic-board,.swindler-board-wrap .gallery-board,.swindler-board-wrap .trade-board-list,.swindler-board-wrap .swindler-board,.trade-board-wrap .basic-board,.trade-board-wrap .gallery-board,.trade-board-wrap .trade-board-list,.trade-board-wrap .swindler-board{margin-top:10px!important;padding-top:10px!important}
.basic-board-wrap .basic-board,.basic-board-wrap .trade-board-list,.gallery-board-wrap .basic-board,.gallery-board-wrap .trade-board-list,.swindler-board-wrap .basic-board,.swindler-board-wrap .trade-board-list,.trade-board-wrap .basic-board,.trade-board-wrap .trade-board-list{padding-top:0!important}
.basic-board-wrap .board-top .header-top .grow-2,.gallery-board-wrap .board-top .header-top .grow-2,.swindler-board-wrap .board-top .header-top .grow-2,.trade-board-wrap .board-top .header-top .grow-2{display:none}
.basic-board-wrap .board-top .header-top .button-wrap,.gallery-board-wrap .board-top .header-top .button-wrap,.swindler-board-wrap .board-top .header-top .button-wrap,.trade-board-wrap .board-top .header-top .button-wrap{display:none!important}
.basic-board-wrap .board-top .category-wrap,.gallery-board-wrap .board-top .category-wrap,.swindler-board-wrap .board-top .category-wrap,.trade-board-wrap .board-top .category-wrap{display:none!important}
.basic-board-wrap .board-top .board-title .category-top,.gallery-board-wrap .board-top .board-title .category-top,.swindler-board-wrap .board-top .board-title .category-top,.trade-board-wrap .board-top .board-title .category-top{font-size:14px!important}
.mobile-board-button-wrap{display:flex!important}
.header{height:60px!important}
.header .header-top .logo{margin:0 auto}
.header .header-top button{display:flex!important}
.header .header-top .grow-2{display:none}
.header .header-top .event-btn{display:none}
.header .header-top .search-wrap{display:none}
.header .mobile-header-btn-wrap{display:flex!important}
.header .nav-wrap{display:none}
body{font-size:11px!important}
.latest-header{font-size:12px!important;margin-bottom:10px!important}
.latest-header .more{font-size:11px!important}
.header .nav-wrap nav .list .category>a{font-size:12px!important}
.copyright .warning{font-size:11px!important}
.copyright .reserved{font-size:11px!important}
.right-nav-wrap .right-wrap .telegram{margin-bottom:10px!important}
.right-nav-wrap .right-wrap .latest-wrap{margin-bottom:10px!important}
.right-nav-wrap .right-wrap .latest-wrap .list-wrap .info{height:25px!important}
.right-nav-wrap .right-wrap .member-info-wrap{margin-bottom:10px!important}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail{align-items:center}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .profile-img{width:30px}
.right-nav-wrap .right-wrap .member-info-wrap .member-profile .member-profile-detail .nickname span{font-size:13px!important}
.right-nav-wrap .right-wrap .member-info-wrap .member-detail>div>div .data button{padding:0!important}
.contents .wrap .content{width:100%!important}
.main-gallery-wrap .list-wrap .info a{min-height:79.5px!important;max-height:79.5px!important}
.powerball-page-content .powerball_cartwrap .powerball_cart{flex-direction:column!important}
.powerball-page-content .powerball_cartwrap .powerball_cart>div{width:100%!important;margin-left:0!important;margin-right:0!important}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay{margin-top:10px!important}
.write-wrap .point-input{margin-top:10px!important}
.write-wrap .write-header{font-size:13px!important}
.write-wrap .write-subject{margin-top:10px!important;margin-bottom:10px!important}
.write-wrap #qa_category{margin-top:10px!important}
.write-wrap .button-wrap{margin-top:10px!important}
.basic-view-wrap>header{margin-bottom:10px!important;padding-bottom:10px!important}
.basic-view-wrap>header .user-info-wrap{margin-top:10px!important}
.basic-view-wrap>header .user-info-wrap>div{margin-right:5px!important;padding-right:5px!important}
.basic-view-wrap>header .user-info-wrap>div:last-child{padding-right:0!important}
.basic-view-wrap>header .user-info-wrap>div>div{margin-right:5px!important}
.basic-view-wrap>header .user-info-wrap>div>div:last-child{margin-left:0!important;margin-right:0!important}
.basic-view-wrap>header .user-info-wrap>div>div:last-child>a button{padding:0!important}
.basic-view-wrap>header .user-info-wrap .user-icon{width:30px!important}
.basic-view-wrap>header .subject span{font-size:16px!important}
.basic-view-wrap .trade-point-info{padding-bottom:10px!important}
.basic-view-wrap .post-content-wrap .verification-site-info{flex-direction:column!important;align-items:center}
.basic-view-wrap .post-content-wrap .verification-site-info .site-image{margin-right:0!important;width:100%!important}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info{margin-top:10px}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div{padding:0!important}
.basic-view-wrap .post-content-wrap .verification-site-info .site-info>div>div:first-child{width:100px!important}
.basic-view-wrap .post-content-wrap .swindler-site-info{flex-direction:column!important;align-items:center}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-image{margin-right:0!important;width:100%!important}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info{margin-top:10px}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div{padding:0!important}
.basic-view-wrap .post-content-wrap .swindler-site-info .site-info>div>div:first-child{width:100px!important}
.verification-board-wrap>form .verification-board{margin-top:0!important}
.attendance .attendance-list .alert>div:first-child{font-size:13px!important}
.register>form .register-header .header-title{font-size:12px!important}
.lost-password .lost-password-title{font-size:13px!important}
.main-page .main-header-image-wrap{height:110px!important;margin-bottom:10px!important}
.main-page>div:last-child{margin-bottom:0!important}
.main-page .main-latest-wrap{flex-direction:column;margin-bottom:10px!important}
.main-page .main-latest-wrap .telegram-image-wrap{margin-bottom:10px!important}
.main-page .main-latest-wrap .latest-wrap{margin-bottom:10px!important;height:208px!important;padding:15px!important}
.main-page .main-latest-wrap .latest-wrap:last-child{margin-bottom:0!important}
.main-page .main-latest-wrap>div .latest-header img{width:13px;height:13px}
.main-page .main-latest-wrap>div:first-child{margin-bottom:18px;margin-right:0!important}
.swindler-board-wrap>form .swindler-board{grid-template-columns:repeat(1,1fr)!important}
.verification-board-wrap>form .verification-board{grid-template-columns:repeat(1,1fr)!important}
.event-board-wrap>form .event-board{grid-template-columns:repeat(1,1fr)!important}
.gallery-board-wrap>form .gallery-board{grid-template-columns:repeat(2,1fr)!important}
.alarm-wrap .alarm-btn-wrap{margin-top:10px}
.coupon-wrap .coupon-list{grid-template-columns:repeat(2,1fr)}
.coupon-wrap .coupon-header .desc{text-align:center}
.coupon-wrap .coupon-exchange-wrap{flex-direction:column}
.coupon-wrap .coupon-exchange-wrap>form{width:unset!important;margin-right:0!important}
.coupon-wrap .coupon-exchange-wrap .exchange-log-wrap{margin-top:10px}
.coupon-wrap .coupon-exchange-wrap .exchange-log-wrap .empty-log{min-height:100px}
.withdraw-wrap .withdraw-list{grid-template-columns:repeat(2,1fr)}
.withdraw-wrap .withdraw-header .desc{text-align:center}
.withdraw-wrap .withdraw-exchange-wrap{flex-direction:column}
.withdraw-wrap .withdraw-exchange-wrap>form{width:unset!important;margin-right:0!important}
.withdraw-wrap .withdraw-exchange-wrap .exchange-log-wrap{margin-top:10px}
.withdraw-wrap .withdraw-exchange-wrap .exchange-log-wrap .empty-log{min-height:100px}
.basic-view-wrap .post-content-wrap .comment-write-form form .bo_vc_w_wr{padding-left:10px!important}
.basic-view-wrap .post-content-wrap .comment-wrap{font-size:11px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .trade-done .comment{padding-left:10px!important;padding-right:10px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment-total{font-size:13px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment{padding-top:15px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment.reply{padding-left:10px!important;padding-right:10px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header{font-size:11px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header>.btn-wrap>div{padding-right:5px!important;margin-right:5px!important}
.basic-view-wrap .post-content-wrap .comment-wrap .comment header .user-info .user-icon{margin-right:5px!important;width:20px!important}
}
@media only screen and (max-width: 400px) {
.message-view-wrap .message-view{font-size:11px!important}
.message-wrap{padding:10px;display:flex;flex-direction:column}
.message-wrap .message-title .category-top{font-size:14px!important}
.message-wrap .message-title .category-page{font-weight:700;font-size:11px!important}
.message-wrap .message-list{background-color:#fff;margin-top:20px;border:1px solid #ededed;border-radius:8px;padding:10px!important}
.message-wrap .message-list>div{display:flex;border:1px solid #ededed;padding:10px;border-radius:8px;margin-bottom:10px;transition:.2s ease}
.message-wrap .message-list>div:last-child{margin-bottom:0!important}
.message-wrap .message-list>div>div{display:flex;flex-direction:column}
.message-wrap .message-list>div>div:first-child{flex-grow:2}
.message-wrap .message-list>div>div:last-child .delete-btn{height:100%;padding:0 10px;display:flex;justify-content:center;align-items:center}
.message-wrap .message-list .subject-wrap{font-size:12px;margin-bottom:5px!important}
.point-wrap{padding:10px;display:flex;flex-direction:column}
.point-wrap .point-title .category-top{font-size:14px!important}
.point-wrap .point-title .category-page{font-weight:700;font-size:11px!important}
.point-wrap .point-list{background-color:#fff;margin-top:20px;border:1px solid #ededed;border-radius:8px;padding:10px!important}
.point-wrap .point-list>div{display:flex;border:1px solid #ededed;padding:10px;border-radius:8px;margin-bottom:10px;transition:.2s ease}
.point-wrap .point-list>div:last-child{margin-bottom:0!important}
.point-wrap .point-list>div>div{display:flex;flex-direction:column}
.point-wrap .point-list>div>div:first-child{flex-grow:2}
.point-wrap .point-list>div>div:last-child .point-amount{height:100%;padding:0 10px;display:flex;justify-content:center;align-items:center}
.point-wrap .point-list .subject-wrap{font-size:12px;margin-bottom:5px!important}
}