/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

body {font-family: 'Noto Sans KR', sans-serif !important;}

.side_banner01 h3 {position:relative; background: #5894ef; color: #fff !important; padding: 25px;font-family: 'Noto Sans KR', sans-serif !important; font-size: 20px !important; line-height: 1.5em; font-weight: 700;letter-spacing: -1px; word-break: keep-all; border-radius: 10px 10px 0 0;margin-bottom: 0;}
.side_banner01 h3::before {content: '';position:absolute; top: 0; left: 0; background: url(/images/side_banner_bg.png) no-repeat; background-size: cover; width: 100%; height: 100%;}
.side_banner01 h3 span {display: inline-block; width: 25px; height: 25px; background: #ff4c61; text-align: center; line-height: 25px; font-size: 15px; border-radius: 50%; margin-left: 5px;}
.side_banner01 ul {background: #fafafa; padding: 15px; border-radius: 0 0 10px 10px; margin-left: 0;}
.side_banner01 ul li {list-style: none; color: #666; font-size: 15px; word-break: keep-all; letter-spacing: -1px; font-weight: 300; text-align: left; line-height: 1.5em; margin-left: 1em; padding: 3px 0;}
.side_banner01 ul li span {font-weight: 700; color: #222;}
.side_banner01 ul li p {font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1.5em; margin: 0;}
.side_banner02 h3 {background: #58b4ef;}
.side_banner03 h3 {background: #58dfef;}
.side_banner04 h3 {background: #58efbf;}
.side_banner05 h3 {background: #d1ef58;}
.side_banner06 h3 {background: #efd458;}

#footer {background: #192034; padding: 0;}
#footer .widget .textwidget div {color: #fff; opacity: .7; font-size: 14px; font-weight: 300; line-height: 2em;}
#footer .widget {margin: 60px 0;}
#socket {display: none;}

.board_layout {max-width: 1300px; width: 90%; margin: 0 auto;}
.board_layout article {width: 33.3333%; display: inline-block; float: unset; padding: 0 10px;}
.board_layout div.post_delimiter {display: none;}
.board_layout .date-container {color: #222 !important;}
.board_layout .post-meta-infos {margin-top: 1.5em; font-}
.board_layout .blog-author {display: none;}
.board_layout .big-preview {width: auto; height: 260px;}
.board_layout .big-preview a, .board_layout .big-preview a img {width: 100%; height: 100%;}
.board_layout .entry-content-wrapper {padding: 20px; background: #f5f5f5; border-radius: 0 0 10px 10px;}

.board_tab .av-tab-section-tab-title-container {max-width: 1300px; width: 100%; margin: 0 auto;}
.board_tab .av-tab-section-tab-title-container a {width: 50%; text-align: center;}
.board_tab .av-tab-section-tab-title-container a.av-active-tab-title {background: #192034;}
.board_tab .av-tab-section-tab-title-container a.av-active-tab-title .av-inner-tab-title {color: #fff; }
.board_tab .av-tab-section-tab-title-container .av-inner-tab-title {width: auto; font-size: 17px;}
.board_tab .av-tab-section-tab-title-container .av-tab-arrow-container {display: none;}
.av-tab-section-tab-title-container {padding: 0;}
.board_tab .av-special-heading-h3 .special-heading-border {height: 0;}
.entry-content-wrapper .big-preview.single-big, .av-layout-tab {padding: 0;}

.tab_set .av-alb-blogposts, .tab_display .av-alb-blogposts {margin: 50px 0;}

.main_color .pagination a {color: #A0A0A0 !important;}
.widgettitle {display: none !important;}
.wpml-ls-legacy-dropdown .wpml-ls-item {display: none !important;}



@media only screen and (max-width: 1400px) {
	.board_layout {width: 100%;}
	.board_tab .av-tab-section-tab-title-container {min-width: auto !important; width: 95%;}
	.boxed .av-layout-tab-inner .container {width: auto; margin: 0 auto;}
}

@media only screen and (max-width: 1100px) {
	.board_layout article {width: 50%;}
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 768px) {
  /* Add your Desktop Styles here */
	.board_tab .av-tab-section-tab-title-container .av-inner-tab-title {font-size: 15px;}
	#top .av-section-tab-title {padding: 10px;}
	.av-tab-no-icon.av-tab-no-image .av-inner-tab-title {margin-bottom: 7px;}
	.board_layout article {width: 100%; display: block;}
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}