/* Add here all your css styles (customizations) */
.detail-section-top-sj{display:none;}

.parallax-counter-v2 .counters span {
  font-size: 30px;
}

#detail-thum .item img {
	display: block;
	width: 100%;
	height: auto;
	padding:3px;
	margin:0 10px 10px 0;
	border:1px solid #eee;
}
#detail-thum2 .item img {
	display: block;
	width: 100%;
	height: auto;
	padding:3px;
	margin:0 10px 10px 0;
	border:1px solid #eee;
}

.profile i.dell {
	color: #F30606;
	border: 1px solid #F30606;
}

#comments-list {
	border-top: none;
	border-bottom: 1px solid #eee;
}

#comments-re {
	margin-top: 10px !important;
	padding-top: 0px;
}

/*Customization*/
.job-description>.content {
	padding-top: 20px;
}

.job-description>.content>.title-box-v2 {
	margin-bottom: 20px;
}

.mypage-table>tbody>tr>td {
	padding: 5px !important;
}

.mypage-table>thead>tr>th {
	padding: 5px !important;
}

.da-slide h2 i {
	background-color: rgba(0, 75, 131, 0.50);
}

.purchase {
	border-bottom: none;
}

.headline h2, .headline h3, .headline h4 {
	border-bottom: 2px solid #76BFEB;
}

.badge-lists span.badge {
	top: 6px;
	right: 5px;
	position: absolute;
}

.job-description .left-inner img {
	width: 100%;
}

.acc-v1 .panel-heading a {
	background: #F5F5F5;
	text-align: left
}

.tab-v1 .nav-tabs {
	border: none;
	background: none;
	border-bottom: solid 2px #585F69;
}

.tab-v1 .nav-tabs>.active>a, .tab-v1 .nav-tabs>.active>a:hover, .tab-v1 .nav-tabs>.active>a:focus
	{
	color: #fff;
	border: none;
	background: #585F69;
}

.tab-v1 .nav-tabs>li>a:hover {
	color: #fff;
	background: #585F69;
}

.tab-v1 .nav-tabs>li {
	text-align: center;
}

#reward_number {
	text-align: left !important;
	height: 63px !important;
}

#won_position {
	height: 62px !important;
	line-height: 60px !important;
}

.smfont2 {
	font-weight: 400;
	line-height: 19px;
	font-size: 11px;
}

.blog_masonry_3col h3 {
	font-weight: 700;
}

.change-pic {
	left: 50%;
	top: 0px;
	margin-left: -40px;
	text-align: center;
	position: absolute;
	z-index: 1;
}

.change-pic2 {
	text-align: center;
	margin-top: -30px;
	z-index: 1;
}

.blog-info-v2 li {
	font-size: 12px;
	padding-left: 8px;
	line-height: 12px;
	border-left: 1px solid #eee;
}

.blog-info-v2 li:first-child {
	padding-left: 0;
	border-left: none;
}

.nice-logo {
	width: 140px;
	margin: 8px 8px 0 0 !important;
}

.error-v2 {
	padding: 10px;
	background: rgba(180, 180, 180, 0.5);
	margin: 10px 0;
}

.sns-div {
	display: inline-block;
	margin-bottom: 10px;
}

.sns-div img {
	width: 50px;
	height: 50px;
}

.sns-div div {
	float: left;
}

#sns-icon {
	padding-left: 10px;
}

#family-site {
	height: 24px;
	padding: 0 12px;
	margin-top: 12px;
	font-size: 12px;
}

@media ( max-width : 340px) {
	#sns-icon {
		padding-left: 5px;
	}
	#joinnreg_bt,#sms_tuja_s{font-size:13px;}
}

@media ( max-width : 480px) {
	.sns-div img {
		width: 44px;
		height: 44px;
	}
	.vacs h3,.vacs_span {font-size:13px !important;}
	
}

@media ( max-width : 451px) {
	.profile-img {
		width: 100px !important;
		height: 100px !important;
	}
}

@media ( max-width : 440px) {
	.sns-div img {
		width: 40px;
		height: 40px;
	}
  .parallax-counter-v2 .counters span {
     font-size: 16px;
   }
   .parallax-counter-v2 .counters h4 {
    font-size: 16px;   
   }
   .m_join_s{margin-bottom:15px;}
   .detail-section-top-sj{display:block !important;}
}

@media ( max-width : 410px) {
	.sns-div img {
		width: 30px;
		height: 30px;
	}
}

@media ( max-width : 450px) {
	/* .header > .containner {height:20px;} */
	.logo {
		width: 160px;
	}
	.topbar, .hidden-sm {
		display: none;
	}
	.header .navbar-toggle {
		margin-top: 20px;
	}
	.copyright p {
		font-size: 10px;
	}
	.job-description .right-inner img {
		display: none;
	}
	.job-description>.content {
		padding-top: 10px;
	}
	.gubun>h5 {
		font-size: 12px;
	}
	.save-job>li>h1 {
		font-size: 25px;
	}
	.left-inner {
		padding-bottom: 0px !important;
	}
	.tab-v1 .nav-tabs {
		border-bottom: none !important;
	}
	.tab-v1 .nav-tabs>li {
		text-align: left !important;
		width: 100%;
		background: #CECECE;
	}
	.tab-v1 .nav-tabs>li>a {
		
	}
	#mobile-hidden a {
		background: #555;
		color: #fff
	}
	#sponlist-date, #reply-list-date {
		display: none;
	}
	.mobile-hidden {
		display: none;
	}
	#date-form2, #cateList {
		display: none;
	}
	.content-sm {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.featured-blog {
		margin-bottom: 0px !important;
	}
	.featured-blog>.col-sm-4 {
		margin-bottom: 5px !important;
		padding-bottom: 0px !important;
	}
	.blog_masonry_3col .grid-boxes-in {
		margin-bottom: 5px;
	}
	.title-box-v2 {
		margin-bottom: 10px;
	}
	.title-box-v2 h2 {
		font-size: 18px;
	}
	.footer-v1 .footer {
		padding: 5px;
	}
	#footer-head {
		margin-bottom: 5px;
	}
	#footer-col {
		margin-bottom: 5px !important;
	}
	#footer-text {
		font-size: 11px
	}
	.parallax-counter-v2 {
		padding: 30px 0 0px;
	}
	#main_counter, #main_focus {
		margin-bottom: 7px !important;
	}
	.tag-box-v4 {
		margin-bottom: 5px !important;
	}
	#main_headline {
		display: none;
	}
	#main_title_v1 {
		margin-bottom: 20px !important;
	}
	#main_title_v1_col, #main_title_v2 {
		margin-bottom: 0px !important;
	}
	#new_left_ly hr {
		margin: 5px 0px 5px 0px !important;
	}
	#left_ly hr {
		margin: 5px 0px 5px 0px !important;
	}
	.sm-margin-bottom-10 {
		margin-bottom: 0px;
	}
	.margin-bottom-20 {
		margin-bottom: 0px;
	}
	.reg-page>.margin-bottom-20 {
		margin-bottom: 20px;
	}
	#accordion-1 {
		margin-bottom: 0px;
	}
	.tag-box {
		margin-bottom: 5px;
		padding: 5px 20px 5px 20px;
	}
	.tab-pane>.row {
		padding: 0px 20px 0px 20px !important;
	}
	#detail {
		margin-top: -10px
	}
	#profile>.content {
		padding-top: 0px !important
	}
	.profile .media.media-v2 {
		padding: 0px 0 0px;
	}
	#pic_mypage2 {
		margin-bottom: 20px;
	}
	#mypage_main {
		margin-top: -20px;
	}
	.sm-margin-bottom-20 {
		margin-bottom: 15px;
	}
	#mypage_title_1 {
		margin-top: 15px;
	}
	.counters span {
		font-size: 20px;
	}
	.margin-top-20 {
		margin-top: 5px;
	}
	.nice-logo {
		width: 100px;
		margin-top: 8px !important;
	}
	#Safe-key-header {
		font-size: 15px
	}
	.modal_loan {
		max-width: 360px !important;
	}
}

@media ( max-width : 530px) {
	.logo {
		width: 160px;
	}
}

@media ( max-width : 730px) {
	.modal_loan {
		max-width: 680px
	}
}

@media ( max-width : 770px) {
	.featured-blog>.col-sm-4 {
		padding-bottom: 10px;
	}
}

@media ( max-width : 990px) {
	.topbar {
		display: none;
	}
	.header .navbar-toggle {
		margin-top: 20px;
	}
	.main_mobile{display:block !important;}
}

@media ( max-width : 991px) {
	#family-site {
		display: none;
	}
	
}

@media ( max-width : 1200px) {
	.job-description .right-inner img {
		width: 70px;
	}
}

@media ( max-width : 1240px) {
	.da-slide h2 i {
		font-size: 24px
	}
}

@media ( min-width : 991px) {
	.navbar-responsive-mem {
		display: none !important;
	}
}

@media ( max-width : 768px) {
	.table th, .table td {
		font-size: 12px;
	}
	.table td span.hidden-sm {
		display: none !important;
	}
}