/*
Theme Name: Denim
Theme URI: http://www.bloter.net
Author: Bloter
Author URI: http://www.bloter.net
Description: 블로터 테마
Version: 1.1.2.20200211
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bloter
*/

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

figure, picture{
	display:block;
}


html{
	font-size:100%;
	font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Halvetica, Verdana, Arial, sans-serif;
	/* font-family: "나눔고딕", "nanumbarungothic", "Nanum Gothic", "나눔바른고딕", "NanumBarunGothic", "나눔바른고딕OTF", "NanumBarunGothicOTF", "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Halvetica, Verdana, Arial, sans-serif; */
}

html.wf-loading,
html.wf-inactive{
	font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Halvetica, Verdana, Arial, sans-serif;
}

html.wf-nanumbarungothic-n4-active div, html.wf-nanumbarungothic-n4-active h1, html.wf-nanumbarungothic-n4-active h2, html.wf-nanumbarungothic-n4-active h3, html.wf-nanumbarungothic-n4-active h4, html.wf-nanumbarungothic-n4-active h5, html.wf-nanumbarungothic-n4-active h6{
	font-family: "Nanum Barun Gothic Regular", "나눔바른고딕OTF", "NanumBarunGothicOTF", "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Halvetica, Verdana, Arial, sans-serif;
}

html.wf-nanumsquare-n4-active .headline-title a,
html.wf-nanumsquare-n4-active .article--title a,
html.wf-nanumsquare-n4-active .bloter-udemy--course-title a,
html.wf-nanumsquare-n4-active .bloter-academy--course-title a,
html.wf-nanumsquare-n4-active a.global-navigation--menu-item,
html.wf-nanumsquare-n4-active a.sub-navigation--node-title,
html.wf-nanumsquare-n4-active .built-in-menu--item__wrapper a,
html.wf-nanumsquare-n4-active .built-in-menu--trigger a,
html.wf-nanumsquare-n4-active h1.headline{
    font-family: "Nanum Square";
    font-weight: bold;
}

img{
	border:0px;
}


body.network-dialog--opened{
	overflow:hidden;
}

.picture a,
a.wp-image--wrapper,
.bloter-plus-counter--logo a,
.article--thumbnail__wrapper a,
.general-article--content a{
	color:transparent;
}

.general-article--content a{
	text-decoration:none;
}




.denim-layout--width{
	max-width:1080px;
	margin: 0px auto;
}

.is-hidden{
	display:none;
}


@media (max-width: 479px){ /* MDL 모바일 사이즈 */
	.is-hidden--mobile{
		display:none !important;
	}
	
	.denim-layout--adjust-width{
		margin:0px 15px;
	}
}

@media (max-width: 839px) and (min-width: 480px){ /* MDL 태블릿 사이즈 */
	.is-hidden--tablet{
		display:none !important;
	}
	
	.denim-layout--adjust-width{
		margin:0px 32px;
	}
}

@media (min-width: 840px){ /* MDL 데스크탑 사이즈 */
	.is-hidden--desktop{
		display:none !important;
	}
}


@media (max-width: 1204px) and (min-width: 841px){
	.denim-layout--adjust-width{
		margin:0px auto;
	}
}

.bxslider {
	opacity: 0;
}

.bxslider.loaded {
	opacity: 1;
}

.mobile-news-letter-subscription-form-wrapper {
    display: none;
}

@media (max-width: 479px){ /* MDL 모바일 사이즈 */
	.mobile-news-letter-subscription-form-wrapper {
		display: block;
		margin-bottom: 15px;
	}
}

/*
.search-action--form {
	display: none;
}
*/

#stb_form_result {
	margin-top: 20px !important;
}

#left-banner-area {
	float: left;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -720px;
	padding-top: 500px;
}
body.home #left-banner-area {
	padding-top: 170px;
}
body.single-post #left-banner-area {
	padding-top: 500px;
}
body.page-id-366456 #left-banner-area {
	padding-top: 620px;
}
#mobon-left-banner {
	/* top: 20; */
	width: 160px;
	height: 600px;
	z-index: 10;
}
.fixed-banner {
	position: fixed;
	top: 20px;
}

#single-left-banner {
	position: sticky;
	position: -webkit-sticky;
	/* background: #f83d23; */
	width: 160px;
	height: 600px;
	top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* box-shadow: 0 0 6px #000; */
	/* color: #fff; */
	margin: 20px;
	float: left;
}
@media (max-width: 839px){ /* MDL 데스크탑 사이즈 */
	#single-left-banner, #left-banner-area {
		display: none;
	}
}
@media (min-width: 480px){ /* MDL 데스크탑 사이즈 */
	#single-footer-banner, #wp_adbn_root {
		display: none;
	}
}
@media (max-width: 479px){ /* MDL 데스크탑 사이즈 */
	#footer-container {
		padding-bottom: 50px;
	}
}