#top_col1, #top_col2, #top_col3 {
	margin-top: 30px;
}


#topCurten {
	position: relative;
	display: none;
	opacity: 0;
	*margin-bottom: 30px;
}

.home #topCurten {
	display: block;
	opacity: 1;
}

#topCurten img {
	margin: 0;
	width: 100%;
}

#topCurten.show {
	display: block;
	opacity: 1;
}

#topCurtenContent {
	display: block;
}

#topCurtenControl { display:none; }


.owlTopCurtenBtn {
	height: 20px;
	background: url('/online/wp-content/plugins/owl-smart/img/owl_top_curten_btn.png') no-repeat center center;
	position: absolute;
    bottom: 0;
    width: 100%;
	cursor: pointer;
}

.owlSmartMenu {
	position: initial;
}

.owlSmartMenu .menuBtn {
	background: url('/online/wp-content/plugins/owl-smart/img/mobileMenuBtn.png') no-repeat center center;
	position: absolute;
    cursor: pointer;
    width: 40px;
	height: 20px;
	top: 20px;
    right: 0px;
}

.owlSmartMenu .menuBox {
	display: none;
	position: absolute;
    right: -15px;
    top: -50px;
	background: #fff;
	z-index: 9999;
	width: 270px;
	padding: 0 10px;
    box-shadow: none;
	overflow: auto;
}

.owlSmartMenu .menuBox #top_shortcut {
	padding: 10px 0;
	border-bottom: 1px solid #333;
}

.owlSmartMenu .menuBox #top_shortcut #menu-top_shortcut #menu-item-72, 
.owlSmartMenu .menuBox .menu-top-container #menu-item-3824 {
	border-bottom: 1px solid #333 !important;
	margin-bottom: 10px;
	padding: 5px 10px 15px 20px !important;
}

.owlSmartMenu .menuBox #top_shortcut #menu-top_shortcut #menu-item-53120, 
.owlSmartMenu .menuBox #top_shortcut #menu-top_shortcut #menu-item-16404 {
	display: none;
}

.owlSmartMenu .menuBox .menu-top-container #menu-item-53120, 
.owlSmartMenu .menuBox .menu-top-container #menu-item-16404 {
	text-transform: uppercase;
    font-size: 20px;
    font-family: "Times New Roman", Times, serif;
}

.owlSmartMenu .menuBox .menu-top-container #menu-item-53120 a, 
.owlSmartMenu .menuBox .menu-top-container #menu-item-16404 a {
    color: #888 !important;
}

.owlSmartMenu .menuBox #top_shortcut #menu-top_shortcut a {
	font-size: 20px;
	letter-spacing: -1px;
}

.owlSmartMenu .menuBox #top_shortcut #menu-top_shortcut li {
	float: none !important;
	background: none;
	padding: 0;
	border-bottom: 0px solid #ccc;
    line-height: 1.5;
	padding: 5px 10px 5px 20px !important;
    font-style: italic;
}

.owlSmartMenu .menuBox .menu-top-container {
	padding: 10px 0;
	border-bottom: 1px solid #333;
}

.owlSmartMenu .menuBox .menu-top-container .menu {
	margin: 0;
    list-style: none;
}

.owlSmartMenu .menuBox .menu-top-container .menu li {
	float: none !important;
    background: none;
    padding: 0;
    border-bottom: 0px solid #ccc;
    line-height: 1.5;
    padding: 5px 10px 5px 20px !important;
    font-style: italic;
}

.owlSmartMenu .menuBox .menu-top-container .menu li a {
	font-size: 20px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

.owlSmartMenu .menuBox .menu-top-container .menu li.current-menu-item a {
	color: #e80012;
}

.owlSmartMenu .menuBox .widget_black_studio_tinymce {
	padding: 10px 0;
	border-bottom: 1px solid #333;
}

.owlSmart #main #primary .pageTitle {
	font-size: 22px;
	line-height: 35px;
	color: #e80012;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 0;
	letter-spacing: -1px;
	line-height: 2.6em;
}

.owlSmart #main #primary .viewAllHTML {
	font-size: 18px;
	line-height: 35px;
	color: #999;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	float: right;
	font-weight: bold;
	margin-top: -45px;
	letter-spacing: -1px;
}

.viewAllHTML .arrowIcon {
	font-size: 18px;
	margin-left: 5px;
}



.owlSmart #main #primary .viewAllHTML span {
	font-size: 16px;
	color: #999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: mnormal;
	font-weight: bold;
}

.owlSmart #top_col3 .menuBox .wp_bannerize {
	display: block;
	float: none;
    width: 100%;
	height: auto;
}

.owlSmart #top_col3 .menuBox .wp_bannerize div {
	float: none;
}

.owlSmart #top_col3 .menuBox .wp_bannerize div img {
    width: 100%;
}

.owlSmart #branding #header-widget-area .widget-area {
	margin-right: 0;
}

.owlSmart .hsc-button.hsc-buttonskin-none {
	margin-bottom: 60px;
}

.owlSmart .hsc-button.hsc-buttonskin-none a.hsc-link {
	margin: 0;
}

.owlSmart .hsc-button.hsc-buttonskin-none a.hsc-link span {
	padding: 5px 10px;
    background: #333;
    color: #fff;
    font-size: 20px;
    font-weight: bold;	
}

.bottomToolBar {
	display: none;
}

.bottomToolBar {
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 18px;
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.bottomToolBar ul {
	list-style: none;
	display: table;
	width: 100%;
	padding: 15px 0 0 0;
	margin: 0;
}

.bottomToolBar ul li {
	display: table-cell;
	width: 25%;
	text-align: center;
	'border-left: 1px solid #777;
	line-height: 1;
	cursor: pointer;
	font-family: NotoSans;
}

.bottomToolBar ul li:first-child {
	'border-left: 0px solid #fff;
}

.bottomToolBar ul .shareBtn {
	border-left: 1px solid #777;
	font-size: 16px;
}

.bottomToolBar ul .recentBtn {
	font-size: 16px;
}

.bottomToolBar ul .currentBox {
    color: #EC0909;
    font-weight: 500;
}

.mobileShareBox {
	display: none;
	position: fixed;
    bottom: 0px;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: calc(100% - 50px);
	height: 100%;
    z-index: 99;
	color: #fff;
}

.mobileShareBox .contBox {
	padding: 0px 20px 50px;
    height: calc(100% - 180px);
    overflow: auto;
}

.mobileShareBox a {
	color: #fff !important;
}


.mobileShareBox .title {
	font-family: NotoSans;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 10px 0 40px 20px;
    color: #fff;
    text-align: left;
}

.mobileShareBox .korea-sns-post {
	text-align: center;
	margin-bottom: 100px;
}

.mobileShareBox .korea-sns-post .korea-sns-button {
	width: 64px;
    height: 64px;
	margin: 20px;
}


.mobileRecentPostBox {
	display: none;
	position: fixed;
    bottom: 0px;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: calc(100% - 150px);
	height: 100%;
    z-index: 99;
	color: #fff;
}

.mobileRecentPostBox .title {
	font-family: NotoSans;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 10px 0 20px 20px;
    color: #fff;
    text-align: left;
}

.mobileCloseBtn {
	font-family: Roboto;
	font-weight: 100;
	font-size: 30px;
	line-height: 60px;
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	color: #fff;	
	width: 50px;
    height: 50px;
	text-align: center;
	z-index: 9;
}

.mobileCloseBtn.black {
	color: #000;
}

.mobileRecentPostBox .contBox {
	padding: 0px 20px 50px;
    height: calc(100% - 180px);
    overflow: auto;
	overflow: scroll;
}

.mobileRecentPostBox p {
	color: #fff !important;
}

.mobileRecentPostBox a {
	color: #fff !important;
}

ul.mobileLastest {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
    display: table;
}

ul.mobileLastest li {
	display: inline-block;
	box-sizing: border-box;
	*width: 44%;
    *margin: 0 3% 20px;
	width: calc(50% - 20px);
    margin: 0 10px 20px;
	vertical-align: top;
}

ul.mobileLastest li img {
	*width: auto;
    *height: 150px;
	width: 100%;
    height: auto;
}

ul.mobileLastest li .thumbBox {
	 text-align: center;
	 overflow: hidden;
	 height: 150px;
	 width: 100%;
}

ul.mobileLastest li h3 {
	height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-family: NotoSans;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 10px 0;
	color: #fff;
	display: none;
}


.mobileShareBox {
	display: none;
}


.search .format-gallery .gallery-thumb {
	margin: 20px 20px 0 0;
}

.format-gallery .gallery-thumb img {
	width: 280px;
}

.search .articleContBox {
	display: inline-block;
    width: calc(100% - 150px - 20px);
	width: calc(100% - 400px - 20px);
}

@media (max-width: 600px) {
	.search .articleContBox {
		display: inline-block;
		width: 100%;
	}
	
}

.search .hentry {
	clear: both;
}


.pageMask {
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.owlSmart .pcOnly { display: block !important; }
.owlSmart .mobileOnly { display: none !important; }


@media (max-width: 980px) {
	.owlSmart .pcOnly { display: none !important; }
	.owlSmart .mobileOnly { display: block !important; }
	.owlSmart .mobileOnly p { font-size: 12px; }
}

@media (max-width: 980px) {
	.owlSmart #page {
		min-width: initial;
		width: 98%;
		width: calc(100% - 30px);
		position: relative;
	}
	
	.owlSmart #main #content {
		min-width: initial;
		width: 100%;
	}
	
	.owlSmart #access, .owlSmart #top_col1 #top_shortcut {
		display: none;
	}
	
	
	.owlSmart #top_col1, .owlSmart #top_col2, .owlSmart #top_col3 {
		margin-top: 30px;
		margin-bottom: 10px;
		height: auto;
		min-width: initial;
		width: 33.3%;
		position: relative;
	}
	
	.owlSmart #branding #issue_copy {
		font-size: 20px;
		line-height: 1;
	}
	
	.owlSmart #branding #month_copy {
		font-size: 14px;
		line-height: 1;
	}
	
	.owlSmart #top_col2 #stylechosun_logo img {
		height: 50px;
    	max-width: none;
	}
	
	.owlSmart #top_col3 .wp_bannerize {
		display: none;
	}
	
	.owlSmart.one-column #branding #first #searchform {
		display: none;
	}
	
	.owlSmart.one-column #branding > #searchform {
		display: block;
		right: auto;
		top: auto;
		position: relative;
		clear: both;
	}
	
	.owlSmart #branding {
		padding-bottom: 0px;
	}
	
	.owlSmart #branding #s {
    	padding: 4px 10px;
		float: none;
		border-radius: 0;
		box-shadow: none;
		border: 2px solid #666;
		font-size: 20px;
    	height: 40px;
		*width: calc(100% - 20px);
		width: 100%;
		box-sizing: border-box;
	}

	.owlSmart #searchformPdf {
		display: block;
		right: auto;
		top: auto;
		position: relative;
		clear: both;
		width: auto;
		margin: 0 0 5px 0;
		left: unset !important;
	}

	.owlSmart #searchformPdf #pdfYear {
		padding: 4px 10px;
		float: none;
		border-radius: 0;
		box-shadow: none;
		border: 2px solid #666;
		font-size: 20px;
		height: 40px;
		*width: calc(100% - 20px);
		width: 100%;
		box-sizing: border-box;
		background: #fafafa;
		font-weight: unset;
	}

	.owlSmart #searchformPdf #pdfYear:-ms-input-placeholder,
	.owlSmart #searchformPdf #pdfYear:placeholder-shown,
	.owlSmart #searchformPdf #pdfYear:-moz-placeholde,
	.owlSmart #searchformPdf #pdfYear::-moz-placeholder {
		color: #333;
		text-align: right;
		font-style: italic;
		font-weight: bold;
	}

	.owlSmart #searchformPdf #pdfYear::-webkit-input-placeholder {
		color: #333;
		text-align: right;
		font-style: italic;
		font-family: "Times New Roman", Times, serif;
	}
	
	.owlSmart #branding #s:-ms-input-placeholder,
	.owlSmart #branding #s:placeholder-shown,
	.owlSmart #branding #s:-moz-placeholde,
	.owlSmart #branding #s::-moz-placeholder {
		color: #333;
		text-align: right;
		font-style: italic;
		font-weight: bold;
	}
	
	.owlSmart #branding #s::-webkit-input-placeholder {
		color: #333;
		text-align: right;
		font-style: italic;
		font-family: "Times New Roman", Times, serif;
	}
	
}

@media (max-width: 980px) {	
	.owlSmart #main_col1, .owlSmart #main_col2, .owlSmart #main_col3 {
		width: 100%;
	}
	
	.owlSmart #main_col1 li > p, .owlSmart #main_col2 li > p, .owlSmart #main_col3 li > p {
		*font-size: 14px !important;
	}
	
	.owlSmart #main_col1 > ul, .owlSmart #main_col2 > ul, .owlSmart #main_col3 > ul {
		width: 100% !important;
		position: relative;
	}
	
	.owlSmart #main_col1 > ul > li, .owlSmart #main_col2 > ul > li, .owlSmart #main_col3 > ul > li {
		display: inline-block;
    	clear: initial !important;
	}
	
	.owlSmart #main_col1 > ul > li > div, .owlSmart #main_col2 > ul > li > div, .owlSmart #main_col3 > ul > li > div {
		width: 100%;
		height: auto;
		overflow: initial;
		display: inline-block;
	}

	.owlSmart #main_col2 > ul > li > div:first-child {
		min-height: 110px;	
	}
	
	.owlSmart #main_col1 img, .owlSmart #main_col3 img {
		width: 100%;
		min-width: initial;
		max-height: initial;
		min-height: initial;
		height: auto;
	}
	
	.owlSmart #main_col2 img {
		*width: 100%;
		*max-width: 100%;
		min-width: initial;
		max-height: 100px;
		min-height: initial;
		width: auto;
	}
	
	.owlSmart #main_col2 ul:first-child img {
		max-height: initial;
		width: 100%;
	}
	
	.owlSmart #main_col1 > ul > li {
		margin: 0 0px 40px 0;
		width: 49%;
		margin-right: 1%;
	}
	
	.owlSmart #main_col1 > ul > li > p:first-child {
		text-align: left;
	}
		
	.owlSmart #main_col2 > ul > li {
		margin: 0 0px 40px 0;
		width: 49%;
		margin-right: 1%;
	}
	
	.owlSmart #main_col2 > ul:first-child > li {
		width: 100%;
		margin-right: 0%;
	}
	
	.owlSmart #main_col2 > ul:first-child > li a p {
		font-size: 18px;
	}
	
	
	
	.owlSmart #main_col3 > ul > li {
		margin: 0 0px 40px 0;
		width: 100%;
	}
	
	.owlSmart #main_col2 img {
		max-width: 100%;
		width: 100%;
	}
	
	.owlSmart #popular-latest {
		display: none;
	}
	
	.owlSmart .KMJ_TwitFaceWidget {
		display: none;
	}
	
	.owlSmart #content .wp-pagenavi {
		line-height: 3;
	}
	
	.owlSmart .wp-pagenavi span.pages:first-child {
		display: none;
    	margin-bottom: 5px;
	}
	
	.owlSmart .wp-pagenavi .first {
		display: block;
    	margin-bottom: 5px;
	}
	
	.owlSmart .wp-pagenavi .extend {
		display: none;
    	margin-bottom: 5px;
	}
	
	
	
	.owlSmart .wp-pagenavi .last {
		*display: block;
    	margin-top: 5px;
	}
	
	.owlSmart #content-popular-latest #content-banner {
		margin: 0 !important;
		width: 100%;
	}
	
	.owlSmart .entry-content img, .owlSmart .comment-content img, .owlSmart .widget img {
		max-width: 100%;
		*width: 100%;
	}
	
	.owlSmart .owl-cation-image img {
		width: 100%;
	}
	
	.owlSmart #content-popular-latest.mobileOnly {
		position: relative;
		width: 100%;
	}
	
	.owlSmart #colophon #supplementary #first {
		border-top: 0px solid #000;
    	border-bottom: 2px solid #000;
	}
	
	.owlSmart #colophon #supplementary #first .widget_nav_menu {
		*display: none;
	}
	
	.owlSmart #main #primary #content table {
		width: 100% !important;
	}
	
	body.single.owlSmart #content nav {
		width: 100%;
	}
	
	.owlSmart.single-post #content .entry-meta,
	.owlSmart #comments {
		width: 100%;
	}
	
	.owlSmart #content_profile {
		border-bottom: 0px solid #D1D1D1;
		height: initial;
	}
	
	.owlSmart #content_editor,
	.owlSmart #content_date {
		float: none;
		text-align: right;
	}
	
	.owlSmart .entry-header .entry-title {
		font-size: 22px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	
	.owl-image-group {
		max-width: 100%;
		height: auto !important;
		display: block;
		width: 100% !important;
		position: relative;
		left: 0 !important;
		top: 0 !important;
		clear: both;
	}
	
	.owl-caption {
		max-width: 50%;
		height: auto !important;
		float: left;
		width: 50% !important;
		position: relative;
		left: 0 !important;
		top: 0 !important;
	}
	
	.owl-content-info-box {
		clear: both;
	}
	
	.owl-caption .owl-cation-image {
		position: relative;
		border-width: 0 !important;
	}
	
	.owl-caption .owl-caption-text {
		left: 0 !important;
		top: 0 !important;
	}
	
	.mobileBottom img {
		width: 100%;
	}
	
	.owlSmart div.wp_bannerize, .owlSmart div.wp_bannerize div {
		float: none;	
	}
	
	.category-pdf-view article {
		width: 33%;
		margin-right: 0 !important;
		min-height: 455px;
	}
	
	.category-pdf-view article .entry-content figure {
		width: 100%;
	}
	
	.category-pdf-view #content .page-header {
		width: 100%;
	}
	
	
	
}

@media (max-width: 600px) {
	body {-webkit-text-size-adjust: none;}
	#main_col2-1 .skin-light dl.slidedeck dd.slide .sd-node-title {
		font-size: 22px;
		line-height: 22px;
	}
	
	#main_col2-3 .skin-light dl.slidedeck dd.slide .sd-node-image img {
		max-width: 100%;
		max-height: 100%;
		min-height: auto;
	}
	
	.single-post .bottomToolBar {
		display: block;
	}

	.owl-image-group, .owl-caption {
		max-width: 100%;
		height: auto !important;
		display: block;
		width: 100% !important;
		position: relative;
		left: 0 !important;
		top: 0 !important;
	}
	
	.format-gallery .gallery-thumb {
		margin: 0;
    	width: 100%;
		*height: 230px;
		overflow: hidden;
	}
	
	.category .format-gallery .gallery-thumb {
		height: 230px;
	}
	
	.format-gallery .gallery-thumb img {
		margin: 0;
    	width: 100%;
	}
	
	.owlSmart div.wp_bannerize, .owlSmart div.wp_bannerize div {
		float: none;	
	}
	
	.category-pdf-view article {
		width: 50%;
		margin-right: 0 !important;
		min-height: auto;
	}
	
	.category-pdf-view article .entry-content figure {
		width: 100%;
	}
	
	.owlSmart #main_col1 > ul > li {
		margin: 0 0px 40px 0 !important;
		width: 100% !important;
		margin-right: 0% !important;
	}
	
	.owlSmart.category article {
		width: 49%;
		padding: 0 1% !important;
		display: inline-block;
		box-sizing: border-box;
		vertical-align: top;
	}
	
	.owlSmart.category .page-title {
		*font-weight: bold;
		font-size: 22px;
		color: #e80012;
		font-family: "Times New Roman", Times, serif;
		letter-spacing: -1px;
	}
	
	.owlSmart .entry-content img, .owlSmart .comment-content img, .owlSmart .widget img {
		width: 100%;	
	}
	
	.owlSmart img[src$="pdf.gif"] {
		width: auto;	
	}
	
	#colophon #first #black-studio-tinymce-2 .textwidget img {
		width: auto;	
	}
	
	.category .entry-header .entry-title a {
/*		max-height: 20px;*/
		overflow: hidden;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.category article .entry-content p {
		max-height: 62px;
		overflow: hidden;
		display: block;
	}
	
	#nav-single .col {
		display: table-cell;
		line-height: 1.5;
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	
	#nav-single .col.arrow {
	
	}
	
	#nav-single .col.link a {
		line-height: 1;	
	}
}

@media (max-width: 500px) {
	.category .format-gallery .gallery-thumb {
		height: 210px;
	}
}

@media (max-width: 400px) {
	.mobileBottom img {
		width: 100%;
	}
	
	.owlSmart div.wp_bannerize, .owlSmart div.wp_bannerize div {
		float: none;	
	}
	
	.category-pdf-view article {
		width: 100%;
	}
	
	.category-pdf-view article .entry-content figure {
		width: 100%;
	}
	
	.category .format-gallery .gallery-thumb {
		height: 190px;
	}
	
	/*
	.owlSmart #main_col1 > ul > li {
		width: 100% !important;
		margin-left: 0% !important;
	}
	
	.owlSmart #main_col1 > ul > li:nth-child(odd) {
		width: 100% !important;
		margin-left: 0% !important;
	}
	
	.owlSmart #main_col2 > ul > li {
		width: 100% !important;
		margin-left: 0% !important;
	}
	
	.owlSmart #main_col2 > ul > li:nth-child(odd) {
		width: 100% !important;
		margin-left: 0% !important;
	}
	*/
}

@media (max-width: 320px) {
	.owlSmart.category .page-title {
		line-height: 1;
	}
	
	.sectionMainBtn {
		float: none;
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	
	.owlSmart #main #primary .pageTitle {
		line-height: 1;
		margin-bottom: 0;
	}
	
	.owlSmart #main #primary .viewAllHTML {
		float: none;
		display: inline-block;
		width: 100%;
		text-align: right;
		margin-top: -10px;
	}

	.category .format-gallery .gallery-thumb {
		height: 150px;
	}
}

#fourth.widget-area {display:none;}
#branding .menuBox .imageBanner a {display:block;}
#branding .menuBox .imageBanner a img{width:100%;}