* {
	font-family: '노토산스',Noto Sans,'돋움',Dotum,'굴림',Gulim,"애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",sans-serif;
    letter-spacing: -1px;
    /* line-height: 1.267em; */
}


/* Default */
	html { }
	body { background: white; }
	body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, blockquote { margin: 0; padding: 0; }
	body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-family: "Gulim", AppleGothic; font-size: 15px; color: #000000; font-weight: normal; letter-spacing: 0px; font-style: normal; text-decoration: none; }
	fieldset, iframe, img { border: 0; }
	/*legend, */hr { display: none; }
	a { color: #000000; text-decoration: none; }
	li, ul, ol { list-style: none; }
	em, address { font-style: normal; }
	input {-webkit-border-radius: 1px; -webkit-apprearance: none; outline-style: none;}
	input.radio { width: 12px; height: 12px; margin: 0; padding: 0; }
	input.checkbox { width: 12px; height: 12px; margin: 0; padding: 0; }
	.hidden { display: none; }
	#tboard-comment-wrap input,
	#tboard-comment-wrap textarea,
	#tboard-comment-wrap select,
	#tboard-comment-wrap button,
	#tboard-comment-wrap h1,
	#tboard-comment-wrap h2,
	#tboard-comment-wrap h3,
	#tboard-comment-wrap h4,
	#tboard-comment-wrap h5,
	#tboard-comment-wrap h6 { font-size: 13px!important;}


/* Overwrite For Old Style */
	#layout .list-type1 ul li {
		clear: none;
		border: 0;
	}
	#layout .list-type1 ul li:first-child {
		border-top: 0;
	}
	#layout .list-type1 ul li a {
		padding: 0;
	}
	#layout .focus-type1 {
		overflow: visible;
	}
	#layout .focus-type1 a {
		position: static;
		display: inline;
		height: auto;
		overflow: visible;
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}

/* Main */
	/* Common */
		body.viewtype-mobile #webzine-main {
			overflow: hidden;
			background: #f3f3f3;
			padding-bottom: 5px;
		}
		body.viewtype-mobile #webzine-main .comp-group {
			margin-top: 5px;
		}
		body.viewtype-mobile #webzine-main .comp-one {
			margin-top: 5px;
		}
		body.viewtype-mobile #webzine-main .box-shadow {
			-moz-box-shadow: 0 1px 1px #dddddd;
			-webkit-box-shadow: 0 1px 1px #dddddd;
			box-shadow: 0 1px 1px #dddddd;
		}
		body.viewtype-mobile #webzine-main .transition {
			transition-delay: 0;
			transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
			transition-duration: 0.5s;
		}
	/* Comp: Hotissue Type 1 */
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 {
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 .hotissue-list {
			margin-top: -5px;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 .hotissue-list .hotissue-one {
			text-align: center;
			margin-top: 5px;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 .hotissue-list .hotissue-one a {
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin: 0 auto;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 .hotissue-list .hotissue-one .hotissue-image {
			display: block;
			max-width: 100%;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type1 .hotissue-list .hotissue-one .hotissue-title {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			display: block;
			color: #ffffff;
			font-size: 16px;
			line-height: 18px;
			text-align: center;
			background: url('/static/m/images/bg_black_opacity50.png') repeat left top;
			padding: 7px 5px 5px;
		}
	/* Comp: Hotissue Type 2 */
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 {
			overflow: hidden;
			background: #ffffff;
			border: 1px solid #dddddd;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one a {
			position: relative;
			display: block;
			height: 49px;
			overflow: hidden;
			color: #333333;
			padding: 8px 7px 7px;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one:first-child a {
			padding-top: 7px;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one a:after {
			content: '';
			position: absolute;
			top: 0;
			left: 7px;
			right: 7px;
			display: block;
			height: 1px;
			overflow: hidden;
			border-top: 1px solid #dddddd;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one:first-child a:after {
			display: none;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one .hotissue-image {
			float: left;
			width: 82px;
			height: 47px;
			border: 1px solid #dddddd;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one .hotissue-title {
			display: table;
			height: 100%;
			padding-left: 7px;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one .hotissue-title .vertical-middle {
			display: table-cell;
			overflow: hidden;
			vertical-align: middle;
		}
		body.viewtype-mobile #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one .hotissue-title .overflow-text {
			display: inline-block;
			display: -webkit-box;
			max-height: 30px;
			overflow: hidden;
			font-size: 14px;
			line-height: 15px;
			text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
		}
		body.viewtype-mobile.browser-ie #webzine-main .comp-one.hotissue-type2 .hotissue-list .hotissue-one .hotissue-title .overflow-text {
			margin-top: 4px;
		}
	/* Comp: Tab Type 1 */
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 {
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-list {
			height: 31px;
			border-bottom: 1px solid #dddddd;
			padding: 0 5px 0 6px;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-list .tab-one {
			position: relative;
			z-index: 2;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			width: 50%;
			height: 32px;
			overflow: hidden;
			color: #333333;
			font-size: 13px;
			line-height: 30px;
			text-align: center;
			white-space: nowrap;
			text-overflow: ellipsis;
			background: #d7d7d7;
			border: 1px solid #c1c1c1;
			margin-left: -1px;
			padding: 0 5px;
			transition-property: z-index, color, background-color, border-color;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-list .tab-one.selected {
			z-index: 1;
			color: #ff0000;
			font-weight: bold;
			letter-spacing: -1px;
			background: #ffffff;
			border-color: #dddddd;
			border-bottom-color: transparent;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-body {
			background: #ffffff;
			border: 1px solid #dddddd;
			border-top: 0;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-body .tab-one {
			display: none;
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type1 .tab-body .tab-one.selected {
			display: block;
		}
	/* Comp: Tab Type 2 */
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 {
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-list {
			overflow: hidden;
			padding: 1px 0 0 1px;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-list .tab-one-wrap {
			float: left;
			width: 33%;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-list .tab-one-wrap.col3 {
			width: 34%;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-list .tab-one {
			position: relative;
			z-index: 2;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			height: 33px;
			overflow: hidden;
			color: #ffffff;
			font-size: 13px;
			line-height: 31px;
			text-align: center;
			white-space: nowrap;
			text-overflow: ellipsis;
			background: #516ce8;
			border: 1px solid #3349aa;
			margin: -1px 0 0 -1px;
			padding: 0 5px;
			transition-property: z-index, background-color;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-list .tab-one.selected {
			z-index: 1;
			color: #ffffff;
			font-weight: bold;
			letter-spacing: -1px;
			background: #454fa3;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-body {
			background: #ffffff;
			border: 1px solid #dddddd;
			border-top: 0;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-body .tab-one {
			/display: none;
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.tab-type2 .tab-body .tab-one.selected {
			display: block;
		}
	/* Comp: Focus Type 1 */
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 {
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 .focus-list {
			padding-top: 1px;
		}
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 .focus-list .focus-one {
			text-align: center;
			border: 1px solid #d2d2d2;
			margin-top: -1px;
			padding: 10px;
		}
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 .focus-list .focus-one a {
			position: relative;
			display: inline-block;
			vertical-align: top;
			border: 1px solid #dddddd;
			margin: 0 auto;
		}
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 .focus-list .focus-one .focus-image {
			display: block;
			max-width: 100%;
		}
		body.viewtype-mobile #webzine-main .comp-one.focus-type1 .focus-list .focus-one .focus-title {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			display: block;
			color: #ffffff;
			font-size: 13px;
			line-height: 15px;
			text-align: center;
			background: url('/static/m/images/bg_black_opacity50.png') repeat left top;
			padding: 7px 5px 5px;
		}
	/* Comp: List Type 1 */
		body.viewtype-mobile #webzine-main .comp-one.list-type1 {
			overflow: hidden;
			padding-bottom: 5px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type1 ul li a {
			display: block;
			height: 27px;
			overflow: hidden;
			color: #333333;
			font-size: 13px;
			line-height: 27px;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding: 0 10px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type1 ul li a .rank {
			display: inline-block;
			color: #333333;
			font-weight: bold;
			letter-spacing: -1px;
			padding-right: 3px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type1 ul li:first-child a .rank {
			color: #ff7979;
		}
	/* Comp: List Type 2 */
		body.viewtype-mobile #webzine-main .comp-one.list-type2 {
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type2 ul {
			padding-top: 1px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type2 ul li {
			border: 1px solid #d2d2d2;
			margin-top: -1px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type2 ul li a {
			display: block;
			overflow: hidden;
			color: #333333;
			line-height: 16px;
			padding: 8px 10px 7px;
		}
		body.viewtype-mobile #webzine-main .comp-one.list-type2 ul li a .category {
			display: inline-block;
			color: #2183df;
			font-style: normal;
			font-weight: normal;
			letter-spacing: normal;
			padding-right: 3px;
		}
	/* Comp: Card Type 1 */
		body.viewtype-mobile #webzine-main .comp-one.card-type1 {

		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-samples {
			display: none;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list {
			overflow: hidden;
			margin: -5px 5px 15px;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one {
			float: left;
			width: 100%;
			margin: 15px 0 0;
		}
		/* Over ((317 * 2) + 20)px */ @media screen and (min-width: 654px) {
			body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one {
				width: 50%;
			}
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one a {
			display: block;
			width: 307px;
			height: 280px;
			overflow: hidden;
			text-decoration: none;
			margin: 5px;
			text-decoration: none;
			margin: 0 auto;
			position: relative;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .card-wrap {
			display: block;
			width: 305px;
			height: 278px;
			overflow: hidden;
			color: #333333;
			background: #ffffff;
			border: 1px solid #d2d2d2;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .thumbnail {
			display: block;
			width: 305px;
			height: 183px;
			vertical-align: top;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .subject-line {
			display: block;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 16px;
			font-size: 15px;
			height: 32px;
			margin: 14px 9px 0;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .title {
			color: #2183df;
			font-style: normal;
			letter-spacing: normal;
			font-weight: bold;
			letter-spacing: -1px;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .subject {
			color: #333333;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .author {
			display: block;
			height: 30px;
			overflow: hidden;
			line-height: 14px;
			font-size: 12px;
			margin: 10px 0 0 10px;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .author .icon {
			float: left;
			width: 28px;
			height: 28px;
			background: #ffffff;

		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .author .nickname {
			display: block;
			font-weight: bold;
			font-style: normal;
			letter-spacing: -1px;
			margin: 2px 0 0 37px;
			color: #333333
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .author .signature {
			display: block;
			color: #333333;
			margin: 0 0 0 37px;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-news1 .comments {
			position: absolute;
			right: 7px;
			bottom: 10px;
			width: 32px;
			height: 23px;
			display: block;
			background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
			line-height: 23px;
			font-size: 13px;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-image1 .card-wrap {
			display: block;
			width: 307px;
			height: 280px;
			overflow: hidden;
		}
		body.viewtype-mobile #webzine-main .comp-one.card-type1 .card-list .card-one.type-image1 img {
			display: block;
			width: 100%;
			height: 100%;
		}
	/* MainNews R Board */
		body.viewtype-mobile #webzine-main .mainnews-rboard {
			padding-bottom: 5px;
		}
		body.viewtype-mobile #webzine-main .mainnews-rboard .comp-one-group {
			margin: 0 5px;
		}
		body.viewtype-mobile #webzine-main .mainnews-rboard .comp-one {
			margin: 5px 0 0;
		}
		body.viewtype-mobile #webzine-main .mainnews-rboard .comp-one + .comp-one {
			margin-top: -1px;
		}
		body.viewtype-mobile #webzine-main .mainnews-rboard .focus-list .focus-image {
			width: 260px;
			height: 100px;
		}
	/* Gstar */


    body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;

	}
	 #container-renewal a  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
	}

	#container-renewal body {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
		background-color: #FFF !important;
	}

	#container-renewal div  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
	}

	#container-renewal span  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;

	}

	#head-renewal a{
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
	}

	#head-renewal body  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
		background-color: #FFF !important;
	}

	#head-renewal div  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
	}

	#head-renewal span  {
		font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif !important;
	}


	#head-renewal{
		position:relative;
		display:block;
		min-width:320px;
	}
	#container-renewal {
		clear:both;
		min-width:320px;
	}

	/* Header */
	#head-renewal #header-top {
		position: relative;
		background-color: #8bc34a;
		overflow: hidden;
		padding:0;
		display:block;
	}
	#head-renewal #header-top {
		width:100%;
		height: 48px;
	}
	#head-renewal #header-top .site-logo {
		/* position: absolute; */
		vertical-align:middle;
		top: 0px;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
	}
	#head-renewal #header-top .site-logo a {
		width: 120px;
		height: 48px;
		display: inline-block;
		overflow: hidden;
		text-indent: -10000em;
		background: #8bc34a url(/static/m/webzine/images/top_back.png) no-repeat center center;
		background-size: 100%;
	}


	#head-renewal #header-top .mobile-menu {
		position: absolute;
		top: 15px;
		bottom: 0;
		left: 15px;
		width: 18px;
		overflow: hidden;
		vertical-align: middle;
	}

	#head-renewal #header-top .mobile-menu img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 18px;
		height: 18px;
	}

	#head-renewal #header-top .login {
		position:relative;
		float:right;
		top: -35px;
		bottom: 0;
		left: -15px;
		width: 18px;
		overflow: hidden;
		display: inline-block;
		margin-left:0.5%;
	}

	#head-renewal #header-top .login img {
		overflow: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 18px;
		height: 18px;
	}

	#head-renewal #header-top .logout {
		position: relative;
		float: right;
		top: -35px;
		bottom: 0;
		left: -16px;
		width: 18px;
		overflow: hidden;
		display: inline-block;
	}

	#head-renewal #header-top .logout img {
		overflow: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 18px;
		height: 18px;
	}

	#head-renewal #header-top .search {
		position:relative;
		float:right;
		top: -35px;
		bottom: 0;
		left: -25px;
		overflow: hidden;
		display: inline-block;
	}

	#head-renewal #header-top .search img {
		overflow: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 18px;
		height: 18px;
	}




	#container-renewal .ui-mask {
		background-color: #000000;
	}
	#container-renewal .ui-mask {
		position: fixed;
		z-index: 4;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		opacity: 0.5;
	}
	#container-renewal .menu-container{
		background-color: #f2f2f2;
		position: absolute;
		text-align: left;
		z-index: 999999999999999999999;
		top: 0;
		display: none;
		overflow: hidden;
		height: 100%;
		height: 100vh;
}
	#container-renewal .menu-close{
		position: absolute;
		text-align: right;
		z-index: 999;
		top: 11px;
		right: 15px;
		width: 18px;
		height: 18px;
		display: none;
	}
	#container-renewal .menu-close a img{
		width:18px;
		height:18px;
	}


	/*메뉴리스트*/
	#container-renewal .menu-container .menu-group{
		border-top: 1px solid #D7D7D7;
		border-bottom: 1px solid #D7D7D7;
		background-size:1px 48px;
		width:260px;
		height:33px;
	}

	#container-renewal .menu-container .menu-group-icon{
		width:20px;
		height:20px;
		padding-left:5px;
		padding-right:5px;
		vertical-align:middle;
		margin:auto;
	}

	#container-renewal .menu-container .menu-group-title{
		vertical-align:middle;
		font-size:15px;
		color:#16A086;
		font-weight: bold;
		line-height:33px;
		margin:auto;
	}

	#container-renewal .menu-container .menu-title{
		width:100px;
		font-size:15px;
		padding-left:5px;
		line-height:24px;
	}

	#container-renewal .menu-container ul{
		/* padding-top:3px; */
		/* padding-bottom:7px; */
	}

	#container-renewal .menu-container .menu-arrow{
		vertical-align:middle;
		padding-right:9px;
		padding-top:14px;
		float:right;
		width:8px;
		height:5px;
		margin:auto;
	}


	/*찾기*/
	#head-renewal #search-container{
		width:100%;
		background-color:#EBEBEB;
		height:41px;
		display:block;
		position:relative;
		display:none;
	}

	#head-renewal #search-container .search-button-container{
		width:86px;
		padding-right:1px;
		padding-left:3px;
		padding-top:3px;
		right:0px;
	}

	#head-renewal #search-container .search-button{
		width:41px;
		height:30px;
		background-color: #36528d;
		color: #fff;
		border: 1px;
		text-align: center;
		line-height: 28px;
	}

	#head-renewal #search-container .search-cancel-button{
		width:41px;
		height:30px;
		background-color: #a1a1a1;
		color: #fff;
		border: 1px;
		text-align: center;
		line-height: 28px;
	}

	#head-renewal #search-container input{
		-webkit-border-radius: 0px;
	}

	#head-renewal #search-container .search-text-container{
		padding-right:17px;

	}

	#head-renewal #search-container .search-text{
		width:100%;
		height:28px;
		border: 1px solid #CECECE;
		vertical-align:middle;
		line-height:16px;
		margin-top:1px;
		margin-left:1px;
		font-size:15px;
		padding-left:7px;
		padding-right:7px;
	}

	#head-renewal #search-container .search-table{
		width:100%;
	}

	/*찾기*/
	#head-renewal #login-container{
		 width:100%;
		background-color:#EBEBEB;
		height:41px;
		display:block;
		position:relative;
		display:none;
	}

	#head-renewal #login-container .login-button-container{
	   width:86px;
		padding-right:1px;
		padding-left:3px;
		padding-top:3px;
		right:0px;
	}

	#head-renewal #login-container .login-button{
		width:41px;
		height:30px;
	}

	#head-renewal #search-container .login-text-container{
		padding-right:17px;

	}

	#head-renewal #login-container .login-cancel-button{
		width:41px;
		height:30px;
	}

	#head-renewal #login-container input{
		-webkit-border-radius: 0px;
	}

	#head-renewal #login-container .login-id-text{
		border: 1px solid #CECECE;
		width:41%;
		height:28px;
		vertical-align:middle;
		line-height:16px;
		margin-top:1px;
		margin-left:1px;
		font-size:14px;
		padding-left:7px;
		padding-right:7px;
	}

	#head-renewal #login-container .login-passwd-text{
		border: 1px solid #CECECE;
		width:41%;
		height:28px;
		vertical-align:middle;
		line-height:16px;
		margin-top:1px;
		font-size:14px;
		padding-left:7px;
		padding-right:7px;
	}

	#head-renewal #login-container .login-table{
		width:100%;
	}

	/*내정보*/
	#head-renewal .myinfo-container{
		width:100%;
		z-index:999;
		position:absolute;
	}
	#head-renewal .myinfo-panel{
		display:none;
		float:right;
		background-color:#FFFFFF;
	}
	#head-renewal .myinfo-container .menu-title{
		font-size:14px;
		padding-left:1px;
		line-height:26px;
	}

	#head-renewal .myinfo-container .list-container{
		padding:7px;
		border-top: 1px solid #DEDEDE;
	}

	#head-renewal .myinfo-container .nick-container{
		display:block;
		padding:7px 0px 5px 10px;
		border-left: 0.5px solid #DEDEDE;
		vertical-align:text-middle;
	}

	#head-renewal .myinfo-container .nickname{
		font-size:14px;
		line-height:33px;
		text-align:center;
		font-weight:bold;
		vertical-align:middle;
	}

	#head-renewal .myinfo-container .nick-image{
		vertical-align:middle;
		width:25px;
		height:25px;
	}


	#head-renewal .myinfo-container .logout-button{
		width:116px;
		height:25px;
		margin:5px 7px 1px 5px;
	}


	/*카테고리*/

	#head-renewal .category-container{
		position:relative;
		display:block;
	}

	#head-renewal .category-container .category{
		float:left;
		text-align:center;
		font-size:15px;
		font-weight:bold;
		line-height:36px;
		padding-top:5px;
	}

	#head-renewal .category-container .home{
		width:8%;
		border-bottom:3px solid #16A086;
		color:#16A086;
	}
	#head-renewal .category-container .report{
		width:13%;
	}
	 #head-renewal .category-container .plan{
		width:13%;
	}
	#head-renewal .category-container .card{
		width:20%;
	}
	#head-renewal .category-container .free{
		width:13%;
	}
	#head-renewal .category-container .gallery{
		width:16%;
	}
	#head-renewal .category-container .agit{
		width:17%;
	}

	/* 아지트 리스트 */
	#head-renewal .agit-container{
		position:relative;
		clear:both;
		display:none;
	}

	#head-renewal .agit-list-layer {
		width:175px;
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		background: #ffffff;
		font-size:13px;
		border-top: 1px solid #EDEDED;
		padding:0px 3px 0px 5px;
	}
	#head-renewal .agit-list-layer ul {

		padding: 10px 0;
	}
	#head-renewal .agit-list-layer ul li {
		clear: both;
	}
	#head-renewal .agit-list-layer ul li a {
		display: block;
		padding: 10px 10px ;
	}
	 #head-renewal .agit-list-layer ul li img.icon {
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin: -1px 10px 0px 0;
	}
	.google-ad-part{
    /* margin-bottom: 10px; */
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    /*height: 72px;*/
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    /* padding: 10px 15px; */
	width: 100%;
	padding: 0px;
	border: 0px!important;
	}

	#tboard-comment-wrap .google-ad-part{
		/*border:0;*/
		margin-bottom: 20px;
		border: 1px solid #e0e0e0;
		background: #fff;
		height: 100px;
		text-align: center;
		line-height: 100px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: grid;
		padding: 0px;
		vertical-align: middle;
		}



/******* 웹진 메인 페이지 *******/
	#webzine-main-renewal{
		background-color: #e0e0e0 !important;
	}

	/* 핫이슈 배너*/
	#webzine-main-renewal .hotissue-group{
		width:100%;
		/*padding-top:6px;
		background:#EBEBEB;*/
		padding-top:0px;
		background:white;
	}

	#webzine-main-renewal .hotissue-group .image-panel{
		float:left;
		width:100%;
	}

	#webzine-main-renewal .hotissue-group .image-panel .image{
		float:left;
		width:100%;
	}

	#webzine-main-renewal .hotissue-group .half-back{
		width:100%;
	}

	.absolute{
		position:absolute;
	}


	#webzine-main-renewal .hotissue-group .text-container{
		bottom:10px;
		vertical-align:middle;
	}

	#webzine-main-renewal .hotissue-group .hot-category{
	    letter-spacing: -1px;
		color:white;
		padding-left:10px;
		padding-right:10px;
		font-size:13px;
		font-weight:bold;
		font-family: Helvetica, 나눔 고딕, AppleGothic !important;
	}

	#webzine-main-renewal .hotissue-group .hot-subject{
	    letter-spacing: -1px;
		color:white;
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		font-size:20px;
		font-weight:bold;
		height:48px;
		overflow:hidden;
	}

	#webzine-main-renewal .hotissue-group .hot-content{
	    letter-spacing: -1px;
		color:white;
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		line-height:18px;
		font-size:12px;
		height:36px;
		overflow:hidden;
	}

	/* Pagination Styles */
	#webzine-main-renewal .hotissue-group .swiper-pagination {
	  text-align:right;
	  top:3px;
	  -webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  z-index: 3;
	}
	#webzine-main-renewal .hotissue-group .swiper-pagination.swiper-pagination-hidden {
	  opacity: 0;
	}
	/* Common Styles */
	#webzine-main-renewal .hotissue-group .swiper-pagination{
		padding-right:3px;
	}

	#webzine-main-renewal .hotissue-group .swiper-pagination-fraction,
	#webzine-main-renewal .hotissue-group .swiper-pagination-custom,
	#webzine-main-renewal .hotissue-group .swiper-container-horizontal > .swiper-pagination-bullets {
	  width: 1;
	  height:20px;
	}
	/* Bullets */
	#webzine-main-renewal .hotissue-group .swiper-pagination-bullet {
	  width: 6px;
	  height: 6px;
	  display: inline-block;
	  background:rgba( 255, 255, 255, 0 );;
	  opacity: 1;
	  border:1px solid #FFFFFF;
	  border-radius: 6px;

	}
	#webzine-main-renewal .hotissue-group button.swiper-pagination-bullet {
	  border: none;
	  margin: 0;
	  padding: 0;
	  box-shadow: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;

	}
	#webzine-main-renewal .hotissue-group .swiper-pagination-clickable .swiper-pagination-bullet {
	  cursor: pointer;
	}
	#webzine-main-renewal .hotissue-group .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #FFF;
	}
	#webzine-main-renewal .hotissue-group .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 1px;
	}



	/* 에디터뉴스 */
	#webzine-main-renewal .editor-group{
		position:relative;
		background:#EBEBEB;
		width:100%;
		overflow:hidden;

	}

	#webzine-main-renewal .editor-group .editor-head{
		position:absolute;
	}

	#webzine-main-renewal .editor-group .editor-head img{
		width:150px;
		height:20px;
		margin:5px 5px 5px 5px;
	}


	#webzine-main-renewal .editor-group  .editor-one{
		/*padding-top:32px;*/

	}

	#webzine-main-renewal .editor-group  .editor-panel-container{
		padding-left:2px;
		padding-right:3px;
	}

	#webzine-main-renewal .editor-group  .editor-panel{
		display: inline-block;
		width:100%;
		height: 80px;
		margin-bottom:0px;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border: 1px solid #dcdada;
		border-top: 0;
		transition-property: background;
	}

	#webzine-main-renewal .editor-group table{
		width:100%;
		height:80px;
		border-spacing: 0px;
	}

	#webzine-main-renewal .editor-group  .editor-one .editor-subject-panel{
		padding:5px;
	}
	#webzine-main-renewal .editor-group  .editor-one .editor-image-td{
		width:135px;
	}
	#webzine-main-renewal .editor-group  .editor-one .editor-image-panel{
		float:right;
		width:135px;
		height:80px;
	}

	#webzine-main-renewal .editor-group  .editor-one .editor-image-panel img{
		width:135px;
		height:80px;
	}

	#webzine-main-renewal .editor-group  .editor-one.type-news1 .thumbnail {
		width: 135px;
		border-bottom: 1px solid #bbbaba;
	}
	#webzine-main-renewal .editor-group  .editor-one.type-news1 .subject-container{

		height:52px;
		overflow:hidden;
	}
	#webzine-main-renewal .editor-group  .editor-one.type-news1 .subject-line {
		height:34px;
		overflow:hidden;
		letter-spacing: -1px;
		line-height: 18px;
		font-size: 13px;
		margin: 0px 0px 0px 0px;
	}
	#webzine-main-renewal .editor-group  .editor-one.type-news1 .subject {
		color: #333333;
	}

	#webzine-main-renewal .editor-group  .editor-one.type-news1 .autor-container{
		float:bottom;
	}

	#webzine-main-renewal .editor-group  .editor-one.type-news1 .author {
		bottom:3px;
		height: 34px;
		overflow: hidden;
		margin: 15px 0 0 0;
		line-height: 13px;
		font-size: 11px;
		color: #999999;
	}

	#webzine-main-renewal .editor-group .editor-one.type-news1 .comments {
		float:right;
		float:bottom;
		right: 0px;
		bottom: 0px;
		width: 24px;
		height: 17px;
		display: block;
		background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
		background-size: 100%;
		line-height: 17px;
		font-size: 9px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}

	/* Pagination Styles */
	#webzine-main-renewal .editor-group .swiper-pagination {

	  position: absolute;
	  text-align:right;
	  right:5px;
	  top:15px;
	  -webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  z-index: 3;
	}
	#webzine-main-renewal .editor-group .swiper-pagination.swiper-pagination-hidden {
	  opacity: 0;
	}
	/* Common Styles */
	#webzine-main-renewal .editor-group .swiper-pagination{
		position:absolute;
		padding-right:3px;
	}

	#webzine-main-renewal .editor-group .swiper-pagination-fraction,
	#webzine-main-renewal .editor-group .swiper-pagination-custom,
	#webzine-main-renewal .editor-group .swiper-container-horizontal > .swiper-pagination-bullets {
		position:absolute;
	  width: 1;
	  height:20px;
	}
	/* Bullets */
	#webzine-main-renewal .editor-group .swiper-pagination-bullet {
	  width: 6px;
	  height: 6px;
	  display: inline-block;
	  background:rgba( 255, 255, 255, 0 );;
	  opacity: 1;
	  border:1px solid #333;
	  border-radius: 6px;

	}
	#webzine-main-renewal .editor-group button.swiper-pagination-bullet {
	  border: none;
	  margin: 0;
	  padding: 0;
	  box-shadow: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;

	}
	#webzine-main-renewal .editor-group .swiper-pagination-clickable .swiper-pagination-bullet {
	  cursor: pointer;
	}
	#webzine-main-renewal .editor-group .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #333;
	}
	#webzine-main-renewal .editor-group .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 1px;
	}



	/* 카드뉴스 */
	#webzine-main-renewal .card-group {
		width:100%;
		background-color:#EBEBEB;
		padding-top:10px;
		position:relative;
		overflow:hidden;
	}

	#webzine-main-renewal .card-group .card-head img{
		width:150px;
		height:20px;
		margin:10px 5px 5px 5px;
	}

	#webzine-main-renewal .card-group .card-head{
		position:absolute;

	}

	#webzine-main-renewal .card-group .card-container{
		padding-top:35px;
		padding-left:2px;
		padding-right:3px;
	}

	#webzine-main-renewal .card-group .card-one .card-panel{
		width: 100%;
		margin-top:3px;
		color: #333333;
		background: #FFFFFF;
		border: 1px solid #dcdada;
		border-top: 0;
		transition-property: background;
	}



	#webzine-main-renewal .card-group .card-content{
		width:100%;
		background-color:#ffffff;
	}

	#webzine-main-renewal .card-group .card-content img{
		width:100%;
	}
	#webzine-main-renewal .card-group .card-one.type-news1 .subject-line {
		display: block;
		overflow:hidden;
		letter-spacing: -1px;
		line-height: 24px;
		font-size: 16px;
		height: 20px;
		margin: 7px 8px 10px 8px;
	}
	#webzine-main-renewal .card-group .card-one.type-news1 .subject {
		color: #333333;
	}
	#webzine-main-renewal .card-group .card-one.type-news1 .content {
		background-color:#ffffff;
		height: 36px;
		overflow:hidden;
		padding: 0px 13px 10px 10px;
		line-height: 16px;
		font-size: 11px;
		color: #333333;

	}
	#webzine-main-renewal .card-group .card-link {
		width:100%;
		text-align:middle;
	}

	#webzine-main-renewal .card-group .card-link img{
		text-align:middle;
		padding:20px 1% 5px 1%;
		width:98%;
	}

	/* Pagination Styles */
	#webzine-main-renewal .card-group .swiper-pagination {
	  position: absolute;
	  text-align:right;
	  right:8px;
	  top:20px;
	  -webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  z-index: 3;
	}
	#webzine-main-renewal .card-group .swiper-pagination.swiper-pagination-hidden {
	  opacity: 0;
	}
	/* Common Styles */
	#webzine-main-renewal .card-group .swiper-pagination{
		position:absolute;
		padding-right:3px;
	}

	#webzine-main-renewal .card-group .swiper-pagination-fraction,
	#webzine-main-renewal .card-group .swiper-pagination-custom,
	#webzine-main-renewal .card-group .swiper-container-horizontal > .swiper-pagination-bullets {
		position:absolute;
	  width: 1;
	  height:20px;
	}
	/* Bullets */
	#webzine-main-renewal .card-group .swiper-pagination-bullet {
	  width: 6px;
	  height: 6px;
	  display: inline-block;
	  background:rgba( 255, 255, 255, 0 );;
	  opacity: 1;
	  border:1px solid #333;
	  border-radius: 6px;

	}
	#webzine-main-renewal .card-group button.swiper-pagination-bullet {
	  border: none;
	  margin: 0;
	  padding: 0;
	  box-shadow: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;

	}
	#webzine-main-renewal .card-group .swiper-pagination-clickable .swiper-pagination-bullet {
	  cursor: pointer;
	}
	#webzine-main-renewal .card-group .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #333;
	}
	#webzine-main-renewal .card-group .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 1px;
	}


	/* 카툰/연재 */

	#webzine-main-renewal .cartoon-group .cartoon-head img{
		width:151px;
		height:20px;
		margin:15px 5px 2px 5px;
	}

	#webzine-main-renewal .cartoon-group {
		position: relative;
		padding-top:5px;
		width:100%;
		overflow: hidden;
		background-color:#ebebeb;
	}

	#webzine-main-renewal .cartoon-group .cartoon-list {
		width:99.7%;
		overflow: hidden;
	}

	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one {
		position: relative;
		display: block;
		float: left;
		width: 49.2%;
		overflow: hidden;
		text-decoration: none;
		margin: 0.4%;
		transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
	}

	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one.type-news1 .card-wrap {
		display: block;
		width: 99.5%;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border: 1px solid #dcdada;
		border-top: 0;
		transition-property: background;
	}

	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one.type-news1 .thumbnail {
		display: block;
		width: 100%;
		vertical-align: top;
		border-bottom: 1px solid #bbbaba;
	}
	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one.type-news1 .subject-line {
		display: block;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 17px;
		font-size: 12px;
		height: 34px;
		overflow:hidden;
		margin: 6px 4px 6px 4px;
	}
	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one.type-news1 .subject {
		color: #333333;
	}
	#webzine-main-renewal .cartoon-group .cartoon-list .catoon-one.type-news1 .author {
		display: block;
		height: 13px;
		overflow: hidden;
		margin: 6px 4px 4px 4px;
		line-height: 11px;
		font-size: 11px;
		color: #888888;
	}


	/*뉴스 리스트*/
	#webzine-main-renewal .news-title{
		font-weight:bold;
		font-size:15px;
		margin:16px 3px 8px;
	}

	#webzine-main-renewal .news-list {
		width:100%;
		overflow: hidden;
		background: #EBEBEB;

	}
	#webzine-main-renewal .news-list-container {
		padding-left: 2px;
		padding-right: 2px;
	}
	#webzine-main-renewal .news-list .news-one {
		width:100%;
		position: relative;
		display: block;
		float: left;
		overflow: hidden;
		text-decoration: none;
	}

	#webzine-main-renewal  .news-list .news-one a {
		display: block;
		text-decoration: none;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .news-wrap {
		display: block;
		width: 100%;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border: 1px solid #dcdada;
	}

	#webzine-main-renewal  .news-list .news-one.type-news1 .thumbnail {
		display: block;
		width: 100%;
		vertical-align: top;
		border-bottom: 1px solid #bbbaba;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .subject-line {
		display: block;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 17px;
		font-size: 14px;
		height: 34px;
		margin: 12px 9px 0;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .title {
		color: #16A086;

	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .subject {
		color: #333333;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .author {
		display: block;
		height: 30px;
		overflow: hidden;
		margin: 15px 0px 12px 10px;
		line-height: 15px;
		font-size: 11px;
		font-color: #ed3f40;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .author .icon {
		float: left;
		width: 30px;
		height: 30px;
		background: #ffffff;
		border: 0;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .author .nickname {
		display: block;
		font-weight: bold;
		letter-spacing: -1px;
		margin: 0 0 0 34px;
		color: #333333
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .author .signature {
		display: block;
		color: #999999;
		margin: 0 0 0 34px;
	}
	#webzine-main-renewal  .news-list .news-one.type-news1 .comments {
		position: absolute;
		right: 13px;
		bottom: 12px;
		width: 24px;
		height: 17px;
		display: block;
		background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
		background-size: 100%;
		line-height: 17px;
		font-size: 9px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}



	#webzine-main-renewal .newsub-list {
		margin-top:12px;
		background: #EBEBEB;
		border-top: 0;

	}
	#webzine-main-renewal .newsub-list-container {
		padding-left: 2px;
		padding-right: 2px;
	}
	#webzine-main-renewal .newsub-list .newssub-one {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		text-decoration: none;
		margin-bottom:3px;
	}

	#webzine-main-renewal  .newsub-list .newssub-one a {
		display: block;
		text-decoration: none;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .newssub-wrap {
		display: block;
		width: 100%;
		height:80px;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border: 1px solid #dcdada;
		border-top: 0;
		transition-property: background;
	}


	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .newssub-subscript {
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .thumbnail {
		width: 135px;
		height:80px;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 table{
		width:100%;
		border-spacing: 0px;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .newsub-list-td{
		width: 135px;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .subject-line {
		top:0px;
		letter-spacing: -1px;
		line-height: 17px;
		font-size: 13px;
		overflow:hidden;
		height: 34px;
		margin: 0px 6px 0;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .title {
		color: #16A086;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .subject {
		color: #333333;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .author {
		display: block;
		bottom: 0px;
		height: 12px;
		overflow: hidden;
		margin: 20px 0px 6px 8px;
		color: #999999;
		line-height: 12px;
		font-size: 11px;

	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .author .signature {
		display: block;
		color:#999999;
	}
	#webzine-main-renewal  .newsub-list .newssub-one.type-news1 .comments {
		position: absolute;
		right: 140px;
		bottom: 8px;
		width: 24px;
		height: 17px;
		display: block;
		background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
		background-size: 100%;
		line-height: 17px;
		font-size: 9px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}




	#webzine-main-renewal .newsub-detail-list {
		margin-top:12px;
		margin-bottom:12px;
		background: #EBEBEB;
		border-top: 0;
	}
	#webzine-main-renewal .newsub-detail-list-container {
		padding-left: 2px;
		padding-right: 2px;
	}
	#webzine-main-renewal .newsub-detail-list .newssub-one {
		position: relative;
		display: block;
		float: left;
		width: 100%;
		overflow: hidden;
		text-decoration: none;
		margin: 0;
		transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
		margin-bottom:0px;
	}

	#webzine-main-renewal  .newsub-detail-list .newssub-one a {
		display: block;
		text-decoration: none;
	}
	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .newssub-wrap {
		display: block;
		width: 100%;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border: 1px solid #dcdada;
		border-top:0;
		transition-property: background;
	}


	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .newssub-subscript {
		width: 10 0%;
		vertical-align: center;
		border-bottom: 0px solid #bbbaba;
	}

	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .subject-line {
		display: block;
		letter-spacing: -1px;
		line-height: 16px;
		font-size: 13px;

		margin: 9px 8px 8px;
	}
	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .title {
		color: #16A086;
	}
	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .subject {
		color: #333333;
	}
	#webzine-main-renewal  .newsub-detail-list .newssub-one.type-news1 .comments {
		position: absolute;
		vertical-align:center;
		right: 9px;
		top: 22%;
		width: 24px;
		height: 17px;
		display: block;
		background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
		background-size: 100%;
		line-height: 17px;
		font-size: 9px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}

	#webzine-main-renewal  .loading{
		clear:both;
		margin-top:1px;
		background:#FFFFFF;
		width:100%;
		text-align:center;
	}

	#webzine-main-renewal .premium-special-group{
		width:100%;
		padding-top:6px;
		background:#EBEBEB;
		display: table;
	}
	#webzine-main-renewal .premium-special-group .premium-special{
		padding:5px;
	}
	#webzine-main-renewal .premium-special-group .special-head{
		width:100%;
	}
	#webzine-main-renewal .premium-special-group .special-head img{
		width:100%;
		height:51px;
	}
	#webzine-main-renewal .premium-special-group .special-contents{
		width:100%;
	}
	#webzine-main-renewal .premium-special-group .special-contents ul {
		width:100%;
		display:inline-block;
	}
	#webzine-main-renewal .premium-special-group .special-contents ul li{
		width:49%;
		float:left;
		margin:3px 0.5%;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list{
		border:1px solid #c2c2c2;
		background:#ffffff;
	}

	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-1 span{
		display:flex;
		height:auto;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-1 span img{
		width:100%;
		height:100%;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-2 .title-line{
		 font-weight: bold;
		 text-align:center;
		 font-size: 15px;
		 height: 40px;
		 color:#a2c302;
		 padding:10px 5px 0px 5px
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-2 .subject-line{
		 font-weight: bold;
		 text-align:center;
		 font-size: 15px;
		 height: 90px;
		color:#000000;
		padding:10px 5px 0px 5px;
		vertical-align: middle;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-2 .add-line{
		 text-align:center;
		 font-size: 12px;
		 height: 40px;
		 color:#9c9c9c;
		 padding:10px 5px 0px 5px
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 {
		 position:relative;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .arrow-btn {
		 position:absolute;
		 top:65px;
		 left:0px;
		 width:100%;
		 text-align:center;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .title-line{
		 font-weight: bold;
		 text-align:center;
		 font-size: 15px;
		 height: 30px;
		color:#a2c302;
		padding:10px 5px 0px 5px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .subject-line{
		 font-weight: bold;
		 text-align:center;
		 font-size: 15px;
		 height: 110px;
		color:#000000;
		letter-spacing : -1px;
		padding:0px 5px 0px 5px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .subject-line span{
		display:block;
		height:110px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .subject-line span img{
		width:100%;
		height:110px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-3 .add-line{
		text-align:center;
		font-size: 12px;
		height: 40px;
		color:#9c9c9c;
		letter-spacing : -1px;
		padding:10px 5px 0px 5px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-4 .title-line{
		 font-weight: bold;
		 text-align:center;
		 font-size: 15px;
		 height: 40px;
		 color:#a2c302;
		 padding:10px 5px 0px 5px
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-4 .contents-line{
		display:block;
		height:135px;
		padding:5px 5px 10px 5px ;
		text-align: left;
		font-size: 12px;
		color: #656565;
		font-weight: bold;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-4 .contents-line .line-1{
		display:blcok;
		width:100%;
		height:39px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-4 .contents-line .line-2{
		display:blcok;
		width:100%;
		height:39px;
		border-top: 1px solid #bbbaba;
		padding-top:8px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-5 .title-line{
		font-weight: bold;
		text-align:center;
		font-size: 15px;
		height: 30px;
		color:#a2c302;
		padding:10px 5px 0px 5px
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-5 .subject-line{
		font-weight: bold;
		text-align:center;
		font-size: 15px;
		height: 100px;
		color:#000000;
		letter-spacing : -1px;
		padding:0px 0px 0px 0px;
		display:table;
		width:100%;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-5 .subject-line span{
		vertical-align:middle;display:table-cell;padding:0 5px;
	}
	#webzine-main-renewal .premium-special-group .special-contents .card-list.type-5 .add-line{
		text-align:center;
		font-size: 12px;
		height: 50px;
		color:#9c9c9c;
		letter-spacing : -1px;
		padding:10px 5px 0px 5px;

	}

	/* Bullets */
	#webzine-main-renewal .premium-special-group .swiper-pagination-bullet {
	  width: 6px;
	  height: 6px;
	  display: inline-block;
	  background:rgba( 255, 255, 255, 0 );;
	  opacity: 1;
	  border:1px solid #333;
	  border-radius: 6px;

	}
	#webzine-main-renewal .premium-special-group .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #333;
	}
	.tig-album-news-contents-1 img {
		float: left;
	}



/***** 중단 최신기사 시작 *****/
		.top-stories-head {
			margin: 10px 0px;
		}
		.top-stories-head img{
			width: 150px;
			height: 20px;
			margin: 5px 5px 5px 5px;
		}
		.top-stories-head b{
			margin: 5px 5px 5px 5px;
			padding-left: 6px;
		}
		.new-news-groups{
			background: #ededed;
			width: 100%;
			float: left;
			margin-top: 5px;
		}

		.top-news-wrap{
			border-top: 4px solid #db3f43;
			background: #ffffff;
			display: block;
			overflow: hidden;
			margin-bottom: 10px;
		}

		.top-news-contents-wp{
			border: 1px solid #bbbbbb;
			display: block;
			overflow: hidden;
			height:100px;
		}
		.top-news-contents-wp .bx-wrapper{
			box-shadow: none;
			-moz-box-shadow: none;
    		-webkit-box-shadow: none;
		}
		.top-news-contents-wp .img {
			float: left;
			margin: 10px;
		}
		.top-news-contents-wp .img img {
			width: 130px;
			height: 77px;
		}
		.top-news-contents-wp .contents {
		    font-size: 14px;
		    font-weight: bold;
		    line-height: 1.6em;
		    padding-left: 150px;
		    padding-right: 15px;
		    position: absolute;
		    top:0px;
		}


		/*슬라이드버튼*/
		.top-news-carousel-wrap {
			position: relative;
			top: -9px;
    		left: -9px;
		}
		.top-news-carousel-bullet {
		    position: absolute;
		    bottom: 10px;
		    right: 2%;
		    z-index: 15;
		    width: 60%;
		    text-align: right;
		    list-style: none;

		}
		.top-news-carousel-bullet .active {
			width: 5px;
			height: 5px;
			/*margin: 0;*/
			background-color: #ef1515;
		}
		.top-news-carousel-bullet a {
			display: inline-block;
			width: 5px;
			height: 5px;
			margin: 1px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #000\9;
			background-color: rgba(0,0,0,0);
			border: 1px solid #ea0000;
			border-radius: 10px;
		}
		.btn-group {
			position: absolute;
			right: 7px;
			bottom: 10px;

		}

		.btn-group button {
			background-color: #FFFFFF;
			border: 1px solid #e2e2e2;
			color: #ea3f38;
			font-weight: bold;
			cursor: pointer;
			float: left;
			/*line-height: 13px;
			padding-bottom: 2px;*/
			vertical-align: middle;
			text-align: center;
			width: 21px;
            height: 18px;
            padding-left: 6px;
			padding-top:1px;
		}

		.btn-group button:not(:last-child) {
			border-right: none;
		}

		.btn-group:after {
			content: "";
			clear: both;
			display: table;
		}

		.btn-group button:hover {
			background-color: #ea3f38;
			color:#fff
		}

		.btn-group .left {
			border-radius: 20px 0px 0px 20px;
		}
		.btn-group .right {
			border-radius: 0px 20px 20px 0px;
		}
		/*버튼끝*/
		.top-nesw-list-wrap{
			border: 1px solid #bbbbbb;
			background: #fff;
			padding: 4px 10px 4px 10px;
		}
		.top-nesw-list-wrap li {
			border-bottom: 1px solid #d9d9d9;
			/*padding: 10px 0px 11.5px 0px;*/
			line-height: 38px;
			width: 99%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

		}
		.top-nesw-list-wrap li:last-child {
			border-bottom: 0px ;
		}

		.top-nesw-list-wrap li a {
			font-size:13px;

		}

		/* 프리미엄존 */
		.premium-zone-wrap{
			float: left;
			width: 100%;
			margin: 6px 0px;
			border: 1px solid #dadada;
		}

		.tab-wrap {
			overflow: hidden;
			background-color: #f1f1f1;
		}
		.tab >li {
			display: table-cell;
			width: 1%;
			    text-align: center;
		}
		.tab li a {
			display: block;
			padding: 4px 0px 0px 0px;
			text-align: center;
		}
		.tab li a img {
			height: 25px;
			text-align: center;
			vertical-align: bottom;
		}

		.tabcontent {
			display: none;
			padding: 10px;
			border-top: none;
		}

		.premium-img {
			display: block;
		}
		.premium-img img {
			width: 100%;
			/*height: 110px;*/
		}

		.premium-content-wrap{
			/*display: block;
			overflow: auto;
			display: table;
			margin: 8px 0px;
			position: relative;*/
			width: 100%;
			margin-top: 10px;
		}
		.premium-content-img{
			float: left;
			width: 90px;
			display: table-cell;
			vertical-align: middle;
		}
		.premium-content-img img{
			width: 90px;
			height: 52px;
		}
		.premium-content-text{
			/*float: left;*/
			/*width: 100%;*/
			padding: 0px 10px 0px 0px;
			float: left;
			display: table-cell;
			vertical-align: middle;
			position: absolute;
			left: 100px;
		}
		.premium-content-text:hover{
			text-decoration: underline;
		}
		.premium-content-text b{
			font-size: 12px;
			font-weight: bold;
		}
		.premium-content-text p{
			font-size: 11px;
			line-height: 1.6em;
		}


		.premium-zone-wrap .btn a {
			display: block;
			text-align: center;
			font-size: 12px;
			padding: 4px;
		}

		.premium-zone-wrap .btn.white a{
			color: #ffffff !important;
		}
		.premium-zone-wrap .btn.white {
			display: bloack;
			width: 100%;
			border: 1px solid #fff;
		}
		.premium-zone-wrap .btn.black {
			display: bloack;
			width: 100%;
			border: 1px solid #000;
		}




		.premium-content-wrap .media {
		margin: 10px 0px;
		}
		.premium-content-wrap .media:first-child {
		margin-top: 0;
		}
		.premium-content-wrap .media,
		.premium-content-wrap .media-body {
		zoom: 1;
		overflow: hidden;
		}
		.premium-content-wrap .media-body {
		width: 10000px;
		}
		.premium-content-wrap .media-object {
		display: block;
		width: 90px;
		}
		.premium-content-wrap .media-object.img-thumbnail {
		max-width: none;
		}
		.premium-content-wrap .media-right,
		.premium-content-wrap .media > .pull-right {
		padding-left: 10px;
		}
		.premium-content-wrap .media-left,
		.premium-content-wrap .media > .pull-left {
		padding-right: 10px;
		}
		.premium-content-wrap .media-left,
		.premium-content-wrap .media-right,
		.premium-content-wrap .media-body {
		display: table-cell;
		vertical-align: top;
		font-size: 11px;
		line-height: 1.6em;
		}
		.premium-content-wrap .media-middle {
		vertical-align: middle;
		}
		.premium-content-wrap .media-bottom {
		vertical-align: bottom;
		}
		.premium-content-wrap .media-heading {
		margin-top: 0;
		/* margin-bottom: 5px; */
		font-size: 12px;
		font-weight: bold;
		font-family: 'Nanum Gothic', sans-serif !important;
		}
		.premium-content-wrap .media-list {
		padding-left: 0;
		list-style: none;
		}




		/***하단 기사영역 리스트***/
		.editor-head b {
			padding-left: 6px;
		}
		.m-nesw-list-wrap{
			border: 1px solid #dcdada;
			background: #fff;
			padding: 0px 6px 1px 6px;
			margin: 0 2px 0 2px;
		}
		.m-nesw-list-wrap li {
			border-bottom: 1px solid #dcdada;
			padding: 10px 0px;
			width: 99%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.m-nesw-list-wrap li:last-child {
			border-bottom: 0px ;
		}

		.m-nesw-list-wrap li a {
			font-size:12px;

		}
		.m-nesw-list-wrap li a .title{
			color: #ed3f40 !important

		}






/*********************************
메인(인덱스 페이지 리뉴얼 코드 시작
--------------------------------------------------------
*******************************************************/
body {
	background-color: #e0e0e0!important;
}


/*원형메뉴*/

.circlemenubt-wrap{
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
	width: 100%;
    display: block;
    /* margin-bottom: 10px; */
	padding: 10px 0px;
	text-align: center;
}
.circlemenubt-wrap .bx-wrapper{
    margin-bottom: 0px;
}
.circlemenubt {
	/*width: 100%;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    height: 64px;*/
	/* overflow: hidden;
    vertical-align: middle;
    display: block;
    height: 48px;
    text-align: center;
    margin: 0 auto;
	width: 100%; */
}
.circlemenubt ul{
/* margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center;  */
}

.circlemenubt li {
    margin-right: 5px;

}
	/* .circlemenubt li a{
text-align: center;
    text-decoration: none;
    color: #36528d;
    margin: 0;
    width: 48px;
    height: 47px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
		line-height: 15px;
	width: 46px;
	height: 46px;
}*/
.circlemenubt li a span img{
	width: 46px;
	height: 46px;
	-webkit-perspective: 1;
}
/* .circlemenubt a span{position:relative;vertical-align: middle;text-align: center;} */
/* .circlemenubt li a:visited{
color: white;
} */
/* .circlemenubt a:hover{
	background: #36528d;
    border-radius: 400px;
    -moz-border-radius: 400px;
    -webkit-border-radius: 400px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
	width: 46x;
	height: 46px;
	border: 1px solid #36528d;
} */

/* .circlemenubt li.active a{
		background: #36528d;
    border-radius: 400px;
    -moz-border-radius: 400px;
    -webkit-border-radius: 400px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
	width: 46px;
	height: 46px;
	border: 1px solid #36528d;
} */



/*메인페이지 뉴스리스트위젯*/
.newslist-wrap {
	margin-top: 10px;
	padding: 15px;
	background : #FFF;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newslist-wrap .bx-wrapper .bx-viewport {
	background : #FFF;
}
.list-group{
    /* border-top: 1px solid #ddd; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    letter-spacing: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	white-space: normal;
    word-wrap: break-word;
}
.list-group-item:first-child {
    padding-top:0px;
}
.list-group-item:last-of-type {
	padding-bottom:0px;
	border-bottom: 0px;
}
.list-group-item-slider {
    position: relative;
    display: block;
    padding: 10px 15px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    letter-spacing: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	white-space: normal;
    word-wrap: break-word;
}
.list-group-item-slider a {
    text-decoration: none;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-group-item a {
  text-decoration: none;
  color: #333333;
  display: block;
	font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.list-group-item b {
	color:#f44e41;
}
.list-group-item a b {
	color:#f44e41;
}

/*메인페이지 롤링*/
.multi-roll-list {
	border-bottom: 1px solid #f5f5f5;
}
.multi-roll-list .multi-roll-title{
	margin-bottom: 10px;
}
.multi-roll-list .multi-roll-title,
.multi-roll-list a .multi-roll-title{
	color: #3984c6;
    font-size: 17px;
    font-weight: bold;
}
.multi-roll-list .multi-list-group{
    /* border-top: 1px solid #ddd; */
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 15px;
}
.multi-roll-list .multi-list-group li {
	position:relative;
	width:100%;
	list-style-type: none;
	text-transform: uppercase;
	}
.multi-roll-list .multi-list-group li a {
		font-size: 16px;
		color: #333333;
		text-decoration: none;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
.multi-roll-list .multi-list-group li::before{
	position:absolute;
	content:"";
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-left:-10px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid red;
	}

.multi-roll-list .multi-list-group-item {
    position: relative;
    display: block;
    padding: 5px 0px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border-bottom: 0px;
    letter-spacing: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
	font-size:14px;
}


.single-roll-list {
	border-bottom: 1px solid #f5f5f5;
}
.single-roll-list .single-roll-title{
	margin-bottom: 10px;
}
.single-roll-list .single-roll-title,
.single-roll-list a .single-roll-title{
	color: #3984c6;
	font-size: 15px;
}
.single-roll-list .single-list-group{
    /* border-top: 1px solid #ddd; */
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.single-roll-list .single-list-group li {
	position:relative;
	width:100%;
	list-style-type: none;
	text-transform: uppercase;
	}
.single-roll-list .single-list-group li a {
		font-size: 17px;
		color: #000000;
		text-decoration: none;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
.single-roll-list .single-list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border-bottom: 0px;
    letter-spacing: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
	font-size:14px;
}

.multi-roll-list:first-child {
	padding-top: 10px;
}
.newslist-wrap .single-roll-list:first-child .single-list-group .single-list-group-item{
	padding-top: 0px;
}
.multi-roll-list:last-of-type,
.single-roll-list:last-of-type {
	margin-top: 10px;
	border-bottom: 0px;
}


/*메인페이지 뉴스리스트 위젯 타이틀*/

.list-group-title {
    position: relative;
    display: block;
    padding: 0px 0px 15px 0px;
    background-color: #fff;
}
.list-group-title h2 {
	font-size:16px;
	color: #333333;
    display: block;
	font-weight: 700;
}
.list-group-title a {
  text-decoration: none;
  color: #333333;
  display: block;
  float: left;
}

.list-group-title .m-arrow-wrap {
  float: right;
  display: block;
  position: absolute;
  top: 17px;
  right: 17px;
}
.list-group-title .m-arrow-right-wrap {
    float: right;
    display: block;
    position: absolute;
    top: 25px;
    right: 33px;
    /* height: 14px; */
    zoom: 50%;
}

.list-group-title .m-arrow-wrap a.active span {
  width: 15px;
  height: 15px;
  background-color: #f44e41;
  display: block;
  padding: 0px;
  border-radius: 400px;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  margin-left: 5px;
  border: 0px;
}

.list-group-title .m-arrow-wrap a span {
  width: 15px;
  height: 15px;
  background-color: #fff;
  display: block;
  padding: 0px;
  border-radius: 400px;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  margin-left: 5px;
  border: 2px solid #9e9e9e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-group-title .list-group-item:first-child {
  background-color: #f44e41;
}
.list-group-title .text-red {
	color: #ce0000;
}

/*뉴스리스트 넘버*/

.list-group-item .m-number{
    background: #2196f3;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    text-align: center;
    margin-top: -1px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-right: 10px;
    line-height: 18px;
    padding: 2px 2px 2px 1px;
}

/*메인페이지 뉴스리스트 썸네일위젯*/
.list-group-thumbnail-wrap {
  overflow: hidden;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* margin-bottom: -7px; */
  background-color: #fff;
}

.list-group-thumbnail{
  position: relative;
}

.list-group-thumbnail ul{list-style: none;}

.list-group-img {
    float: left;
    width: 50%;
    margin: 0 0 6px;
    display: list-item;
}
.list-group-img:last-child a {
    margin-left: 5px;
}
.list-group-img:first-child a {
    margin-right: 5px;
}

.list-group-img a {
    display: block;
    position: relative;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.list-group-img a img {
    display: block;
    position: relative;
	width: 100%;
	max-height: 265px;
}

.list-group-img a span {
    display: block;
    height: 2.786em;
    padding: 5px 0px 0 0px;
    overflow: hidden;
    padding-right: 1px;
    color: #333333;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.357em;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
	text-align: left;
	font-size: 16px;
}


/*광고*/
.m-ads-wrap {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  background: #fff;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
}



/*메인페이지 소셜카운트*/

.m-sns-line-wrap {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.m-line-facebook {
  background-color: #3b5b96;
  display: table;
    height: 40px;
    padding: 0px 15px;
}

.m-line-facebook .m-icon {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.m-line-facebook .m-text {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  font-size:15px;
  color: #fff;
}
.m-line-facebook .m-link {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.m-line-facebook .m-icon img {
  zoom: 40%
}
.m-line-facebook .m-link a {
  font-size:15px;
  color: #fff;
}



.m-line-twitter {
  background-color: #29c5f6;
  display: table;
    height: 40px;
    padding: 0px 15px;
}
.m-line-twitter .m-icon {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.m-line-twitter .m-icon img {
  zoom: 40%
}
.m-line-twitter .m-text {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  font-size:15px;
  color: #fff;
}
.m-line-twitter .m-link {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  font-size:15px;
  color: #fff;
}
.m-line-twitter .m-link a {
  font-size:15px;
  color: #fff;
}




.m-line-kakao {
  background-color: #ffc602;
  display: table;
    height: 40px;
    padding: 0px 15px;
}
.m-line-kakao .m-icon {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.m-line-kakao .m-icon img {
  zoom: 40%
}
.m-line-kakao .m-text {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  font-size:15px;
  color: #fff;
}
.m-line-kakao .m-link {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  font-size:15px;
  color: #fff;
}
.m-line-kakao .m-link a {
  font-size:15px;
  color: #fff;
}



/****카드뉴스배너*****/
.m-card-news-wrap {
  width: 100%;
  /*height: 418px;*/
  margin-bottom: 10px;
  position: relative;
}
.m-card-news-wrap img {
  width: 100%;
}
.m-card-news-wrap h2 {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    /* height: 50px; */
    z-index: 99999;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.m-card-news-wrap span {
    width: 100%;
    height: 99.333333333333%;
    padding: 0px;
    background-color: #292626;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    color: #fff;
}


/****연재카툰*****/
.m-serial-cartoon-wrap .list-group-thumbnail-wrap{
 /* padding-top: 0px; */
 margin-bottom: 1px;
}

.m-serial-cartoon-text-wrap {
  padding: 10px 15px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.m-serial-cartoon-text {
	margin-bottom: 20px;
}
.m-serial-cartoon-text-wrap h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

.m-serial-cartoon-text-wrap a p {
  margin-bottom: 8px;
  letter-spacing: -1px;
}
.m-serial-cartoon-text-wrap a  {
  color: #333333;
  text-decoration: none;
}


/***********3단 썸네일 카테고리****************/


.newslist-wrap .m-media-left {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    width: 97px;
	max-width: 97px;
}

.newslist-wrap .m-media-left img {
    /*width: 97px;
    height : 67px;*/
    width : 100%;
}

.newslist-wrap .m-media-right {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    overflow: hidden;
    zoom: 1;
    white-space: normal;
    word-wrap: break-word;
	line-height:24px;
}

/**************3단 썸네일 슬라이드 카테고리**************************/

.dan-3slide-bt .m-arrow-wrap {
    float: right;
    display: block;
    position: absolute;
    right: 16px;
    bottom: 24px;
    z-index: 999999999999;
}
.dan-3slide-bt .m-arrow-wrap a {
    float: left;
}

.dan-3slide-bt .m-arrow-wrap a.active span {
  width: 15px;
  height: 15px;
  background-color: #f44e41;
  display: block;
  padding: 0px;
  border-radius: 400px;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  margin-left: 5px;
  border: 0px;
}

.dan-3slide-bt .m-arrow-wrap a span {
  width: 15px;
  height: 15px;
  background-color: #fff;
  display: block;
  padding: 0px;
  border-radius: 400px;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  margin-left: 5px;
  border: 2px solid #9e9e9e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/********************실시간 정보*********************************/

.m-live-news-info-wrap{
    width: 100%;
    margin-bottom: -7px;
    padding: 10px 0px 0px 0px;
    background-color: #fff;
    position: relative;
}
.m-live-news-info-wrap a{
    display: block;
}
.m-live-news-info-wrap img{
    width: 100%;
}
.m-live-news-info-wrap a span {
    position: absolute;
    border: 0px;
    background-color: #000;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    bottom: 5px;
    left: 0px;
    opacity: 0.7;
}
.m-live-news-info-wrap a span b{
    font-size: 15px;
    color: #fff;
}


/*****************TIG콘텐츠다양한플랫폼**********************/


.m-tig-platform-wrap{
	padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}
.m-tig-platform-nav {position: relative;overflow: hidden;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.m-tig-platform-nav ul {
    display: block;
    width: 100%;
    /* padding: 10px; */
}
.m-tig-platform-nav ul li {
    /* display: table-cell; */
    width: 19.99999999999%;
    text-align: center;
    vertical-align: middle;
    height: 80px;
    float: left;
    position: relative;
    list-style-type: none;
}
.m-tig-platform-nav ul li a {color: #333333;display: block;text-decoration: none;}

.m-tig-platform-nav ul li a .img-icon {
  height:36px;
  font-size:12px;
}
.m-tig-platform-nav ul li a p {
  font-size:12px;
}
.m-tig-platform-nav ul li a .img-icon img {
  vertical-align: bottom;
  width:32px;
  height:32px;
}



/***********2단 썸네일 위젯****************/
.m-serial-2dan-wrap {
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 15px;
  background: #FFF;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/******* 상단 고정 네비 **********/
.m-top-nav-fixed-wrap{
    display: block;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 999999999;
    /* line-height: 54px; */
}
.m-top-nav-fixed {
    padding: 10px 15px;
    display: block;
    height: 40px;
}
.m-top-nav-fixed-logo {
  display: block;
  float: left;
  padding-top: 14px;
}
.m-top-nav-fixed-logo a img {
  width: 120px;
}
.m-top-nav-fixed-sns{
  display: block;
  float: right;
}
.m-top-nav-fixed-sns ul {
  list-style: none;
  float: right;
  text-align: right;
  }
.m-top-nav-fixed-sns ul li {
  float: left;
  margin-right: 5px;
}
.m-top-nav-fixed-sns ul li a {
  display: block;
}
.m-top-nav-fixed-sns ul li a img {
	width: 42px;
}


/*********************************
연재 리스트 리뉴얼 코드 시작
--------------------------------------------------------
*******************************************************/
.series-list-text-wrap{

}
.series-list-text-wrap h1 {

  font-weight: bold;
  color: #333333;
  letter-spacing: -1px;
}
.series-list-text-wrap h2 {

  color: #f44e41;
  letter-spacing: -1px;
}
.series-list-text-wrap p {

  color: #333333;
  letter-spacing: -1px;
  line-height: 30px;
}


.end-series-list-wrap {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

.end-series-list-wrap .m-media-left {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    width: 97px;
    max-width: 97px;
}

.end-series-list-wrap .m-media-left img {
    width: 100%;
}

.end-series-list-wrap .m-media-right {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    overflow: hidden;
    zoom: 1;
}

.end-series-list-group{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.end-series-list-group-item {
    position: relative;
    display: block;
    padding: 26px 22px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.end-series-list-group-item:first-child{
    padding-top: 0px !important;
}
.end-series-list-group-item:last-child {
    border-bottom: 0px;
}

.end-series-list-group-item a {
  text-decoration: none;
  color: #333333;
  display: block;
}


.end-series-list-group-title {
    position: relative;
    display: block;
    padding: 26px 22px 26px 22px;
    background-color: #fff;
}
.end-series-list-group-title h2 {
    display: block;
    /* float: left; */
}
.end-series-list-group-title a {
  text-decoration: none;
  color: #333333;
  display: block;
}

.end-series-list-group-title .m-arrow-down-wrap {
    float: right;
    display: block;
    position: absolute;
    top: 29px;
    right: 24px;
}
.end-series-list-group-title .m-arrow-down-wrap img {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}



/********************웹진 bx-wrapper*********************************/

#webzine-main-renewal .bx-wrapper{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background:transparent;
    margin-bottom: 0px;
}






/*********************************
메뉴 리뉴얼 코드 시작
--------------------------------------------------------
*******************************************************/

/***start***/
.menu-head{
  /* max-height: 120px; */
    background-color: #8bc34a;
    padding: 10px 15px;
    display: block;
    height: 20px;
}

.menu-head .user-text {
  display: block;
  float: left;
}
.menu-head .user-text a{
  text-decoration: none;
}
.menu-head .user-text h3 {
  color: #fff;
}
.menu-head .user-text h3 .nicklv-text {
  color: #fff;
  margin-left: 10px;
}
.menu-head .user-bt {
  display: block;
  float: right;
}


/***start***/
.menu-nav {
    /* overflow: hidden; */
    /* z-index: 0; */
    /* position: relative; */
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}

.menu-nav nav ul {
    display: table;
    /* height: 130px; */
}

.menu-nav nav ul li {
	display: table-cell;
    width: 1%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0e0e0;
    padding: 10px 15px;
    line-height: 14px;
    word-wrap: break-word;
    word-break: break-all;
}

.menu-nav nav ul li a {
    display: block;
    color: #8bc34a;
    /* line-height: 60px; */
	text-decoration: none;
	letter-spacing: -1.6px;
}
.menu-nav nav ul li a img {
  vertical-align: middle;
  margin-right: 15px;
  zoom: 50%;
}
.menu-nav nav ul li a .img-icon {
	margin-bottom: 5px;
}
.menu-nav nav ul li a .img-icon img {
  margin: 0px;
}

.menu-nav2 {
    border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
	font-size: 13px;
}

.menu-nav2 nav ul {
    display: table;
}

.menu-nav2 nav ul li {
	display: table-cell;
    width: 1%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0e0e0;
    padding: 10px 5px;
    line-height: 14px;
    word-wrap: break-word;
    word-break: break-all;
}

.menu-nav2 nav ul li a {
    display: block;
    color: #36528d;
    /* line-height: 60px; */
	text-decoration: none;
	letter-spacing: -1.6px;
}
.menu-nav2 nav ul li a img {
  vertical-align: middle;
  margin-right: 15px;
  zoom: 50%;
}
.menu-nav2 nav ul li a .img-icon {
	margin-bottom: 5px;
}
.menu-nav2 nav ul li a .img-icon img {
  margin: 0px;
}

/***start***/
.m-news-menu {
  margin-top: 10px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
}
.m-news-menu .m-news-title {
  border-bottom: 1px solid #e0e0e0;
}
.m-news-menu .m-news-title h3 a{
  color: #36528d;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.m-news-menu .m-news-list {
  /* padding: 0px 22px; */
  position: relative;
  overflow: hidden;
  width: 100%;
}

.m-news-menu .m-news-list ul li {
    /* display: table-cell; */
    width: 50%;
    float: left;
    position: relative;
    line-height: 32px;
    list-style-type: none;
    border-bottom: 1px solid #e0e0e0;
    /* padding-left: 22px; */
}
.m-news-menu .m-news-list li a {
    color: #36528d;
    overflow: hidden;
    display: block;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
.m-news-menu .m-news-list li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    padding-left: 22px;
    color: #666; /* Or a color you prefer */
    float: left;
}


/***start***/

.m-series-cartoon-menu{
  margin-top: 10px;
  background-color: #fff;
}
.m-series-cartoon-menu .m-sc-title {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.m-series-cartoon-menu .m-sc-title h3 a{
  color: #36528d;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.m-series-cartoon-menu .m-sc-nav {
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}
.m-series-cartoon-menu .m-sc-nav ul {
    display: table;
}
.m-series-cartoon-menu .m-sc-nav ul li {
    display: table-cell;
    width: 1%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0e0e0;
    height: 74px;
}
.m-series-cartoon-menu .m-sc-nav ul li a {
    font-size: 14px;
    color: #36528d;
    display: block;
    text-decoration: none;
}
.m-series-cartoon-menu .m-sc-nav ul li a .img-icon {
  height: 26px;
}
.m-series-cartoon-menu .m-sc-nav ul li a .img-icon img {
  vertical-align: bottom;
  zoom: 50%;
}


/***start***/

.collapse-wrap{
  display: block;
  margin-top: 10px;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.collapse-wrap .collapse-head{
  display: block;
  border-bottom: 1px solid #e0e0e0;
  /* border-top: 1px solid #e0e0e0; */
}
.collapse-wrap .collapse-head h3 a{

color: #36528d;

font-weight: bold;

text-decoration: none;

display: block;

padding: 10px 15px;
}
.collapse-wrap .collapse-head .collapse-bt,
.m-news-menu .collapse-bt,
.m-series-cartoon-menu .collapse-bt
{
    display: block;
    float: right;
}
.collapse-wrap .collapse-head .collapse-bt img,
.m-news-menu .collapse-bt img,
.m-series-cartoon-menu .collapse-bt img
{
  vertical-align: middle;
    width: 12px;
}

.collapse-wrap .collapse-list{
  display: block;
  padding: 10px 25px;
  /* line-height: 48px; */
  border-bottom: 1px solid #e0e0e0;
}
.collapse-wrap .collapse-list ul li {
    display: table-row;
}
.collapse-wrap .collapse-list ul li a {
    color: #36528d;
    line-height: 44px;
    text-decoration: none;
}

/***start***/

.agit-menu{
  margin-top: 10px;
  background-color: #fff;
}
.agit-menu .m-agit-title {

border-bottom: 1px solid #e0e0e0;

border-top: 1px solid #e0e0e0;
}
.agit-menu .m-agit-title h3 a{color: #36528d;font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;}

.agit-menu .m-agit-nav {border-bottom: 1px solid #e0e0e0;background-color: #fff;position: relative;overflow: hidden;width: 100%;}
.agit-menu .m-agit-nav ul {
    display: block;
    width: 100%;
    /* padding: 10px; */
}
.agit-menu .m-agit-nav ul li {
    display: table-cell;
    width: 24.999999999999999999%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 92px;
    float: left;
    position: relative;
    line-height: 55px;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.agit-menu .m-agit-nav ul li a {color: #666666;display: block;text-decoration: none;}

.agit-menu .m-agit-nav ul li a .img-icon {
  height: 42px;
}
.agit-menu .m-agit-nav ul li a .img-icon img {
  vertical-align: bottom;
  width: 32px;
  height: 32px;
}



/***start***/
.pc-view-menu{
  margin-top: 10px;
}
.pc-view-menu .pc-view-title {
  background-color: #fff;
      border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
.pc-view-menu .pc-view-title h3 a{
    color: #36528d;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

/*********************************
티어존
--------------------------------------------------------
*******************************************************/

	.tier-group {
		margin-bottom: 10px;
		background: #fff;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 12px;
	}

	.tier-group-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.tier-wrap {
		display: block;
		width: 100%;
		height: 120px;
		overflow: hidden;
		color: #333333;
		background: #ffffff;
		border-top: 0;
		transition-property: background;
	}

	.tier-container{
		/* margin-left: 10px; */
		/* margin-right: 10px; */
	}

	.tier-img {
		margin: 12px 0px 0px 15px;
		width: 135px;
		height: 30px;
	}

	.tier-page {
		float: right;
		margin: 15px 10px;
		width: 10%;
		height: 13px;
	}

	.tier-page span img{
		width: 15px;
		height: 15px;
		float: left;
	}

	.tier-body{
		text-align: left;
		font-size: 13px;
		font-weight: bold;
	}

	.tier-thumbnail {
		margin: 0px 15px;
		border: 1px solid #dcdada;
		width: 135px;
		height: 73px;
		padding-bottom: 12px;
	}

	.tier-title {
		position: relative;
		margin-top: 0px;
		color: #ed3f40 !important;
	}

	.tier-subject {
		position: relative;
	}


/*********************************
미디어쿼리
--------------------------------------------------------
*******************************************************/
@media screen and (min-width:640px) {

	.grid1
	{
		width: 50%;
		float: left;
		border-right: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.grid2
	{
		width: 50%;
		float: left;
		/*border-left: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	*/
	}


	.grid-view-mobile {
		display: none;
	}

}

@media screen and (max-width:639px) {

	.grid-view-tablet {
		display: none;
	}


}

@media screen and (min-width:768px) {

	.tgrid1
	{
		width: 49.5%;
		float: left;
		/*border-right: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	*/
		margin-right: 1%;
	}
	.tgrid2
	{
		width: 49.5%;
		float: left;
		/*border-left: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;*/
	}

	.board-bottom-ad {

	}

	.m-news-view-title-wrap, .news-choice-list-wrap, .google-ad-part,
	.m-content-title-sns,.mobile-nboard .article-content,.m-comment-modal-wrap {
		/* border-right: 1px solid #ddd; */
	}

	.newslist-wrap, .m-serial-2dan-wrap{
		/* border-left: 1px solid #ddd; */
	}

	.news-choice-list-wrap, .m-serial-2dan-wrap{
		/* border-bottom: 1px solid #ddd; */
	}

}


@media screen and (min-width:860px) {

		#webzine-main-renewal .premium-special-group .special-contents ul li {
			width: 24%;
		}


	}

	@media (min-width:561px) and (max-width:639px) {

			#webzine-main-renewal .premium-special-group .special-contents ul li {
				width: 24%;
			}


		}


/***ad_floating****/
.ad_floating {
    text-align: center;
    border: 1px solid #e0e0e0;
    margin: 0 auto;
    width: 300px;
    height: 289px;
    background-color: #fff;
}
.ad_floating #ad_main_ti_close {
    height: 28px;
    width: 100px;
    line-height: 26px;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    background: #8bc34a;
    margin: 6px auto;
    vertical-align: middle;
    letter-spacing: normal;
	text-transform: uppercase;
	border-radius: 4px;
}

.ad_floating .icon-remove {
    display: inline;
    line-height: 22px;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    text-transform: initial;
    font-style: normal;
    font-size: 18px;
}
.ad_footer_floating{
	display: block;
    bottom: 0px;
    position: fixed;
    width: 320px;
    z-index: 99999999999;
	height: 50px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

/*화제의 SNS*/
.side-sns-list-wrap {
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	padding: 10px;
	margin-bottom: 10px;
}
.side-sns-list-wrap:last-child {
	margin-bottom: 0px;
}
.side-sns-title-name {
	height: 25px;
	margin-bottom: 5px;
}
.side-sns-title-name .sns-icon {
	width: 25px;
    height: 25px;
    display: block;
	float: left;
	margin-right: 5px;
}
.side-sns-title-name .sns-icon img {
	width: 24px;
	height: 24px;
}
.side-sns-title-name .sns-title {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    height: 25px;
    display: block;
    float: left;
    line-height: 24px;
    letter-spacing: normal;
}
.side-sns-contant p {
	font-size: 16px;
	margin-bottom: 5px;
    color: #333333;
}
.side-sns-contant p a {
    color: #085294;
}
.side-sns-contant .side-sns-contant-img {
	text-align: center;
}
.side-sns-contant .side-sns-contant-img img {
	width: 100%;
}

/*배너 프레임*/
.m-banner-wrap{
	margin-top: 10px;
	text-align: center;
	width: 100%;
	/* height: 100px; */
	/* min-height: 100px; */
}

/*주요 뉴스영역 시작*/
.news-middle-line-wrap{
	background: #fafafa;
	border-bottom: 1px solid #e0e0e0;
	border-top: 2px solid #f44336;
	width: 100%;
	height: 60px;
	display: table;
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 15px;
	}

	.news-middle-line-wrap .news-middle-line-text {
		display: table-cell;
		vertical-align: middle;
		padding: 15px 0px;
	}
	.news-middle-line-wrap .news-middle-line-text h2{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	}
	.news-middle-line-wrap .news-middle-line-text a h2{
		font-size: 16px;
		font-weight: bold;
		color: #333;
		}
	.news-middle-line-banner{
	width: 45px;
	height: 45px;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	}
	.news-middle-line-banner i {
	font-size: 34px;
	color: #e0e0e0
	}
	.group-roll-list {
	}
	.group-roll-list .group-roll-title{
		margin-bottom: 10px;
	}
	.group-roll-list .group-roll-title,
	.group-roll-list a .group-roll-title{
		color: #3984c6;
		font-size: 15px;
	}
	.group-roll-list .group-list-group{
		/* border-top: 1px solid #ddd; */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.group-roll-list .group-list-group li {
		position:relative;
		width:100%;
		list-style-type: none;
		text-transform: uppercase;
		border-bottom: 1px solid #f5f5f5;
		}
	.group-roll-list .group-list-group li a {
			font-size: 16px;
			color: #000000;
			text-decoration: none;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
	.group-roll-list .group-list-group-item {
		position: relative;
		display: block;
		padding: 10px 0px;
		/* margin-bottom: -1px; */
		background-color: #fff;
		border-bottom: 0px;
		letter-spacing: -1px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		white-space: normal;
		word-wrap: break-word;
		font-size:14px;
	}
	.group-roll-list .group-list-group-item:first-child{
		padding-top: 0px;
	}
	.group-roll-list .group-list-group-item:last-of-type{
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	#newlistRow.group-roll-list .group-list-group-item:first-child{
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #f5f5f5;
	}

.group-list-group-btn{
	border: 1px solid #03a9f4;
	width: 100%;
	min-height: 30px;
	margin-top: 10px;
	text-align: center;
}
.group-list-group-btn a {
	width: 100%;
	display: block;
}
.group-list-group-btn a .group-list-group-btn-text {
	color: #03a9f4;
	font-size: 14px;
	padding: 5px 0px;
	display: block;
}
.group-list-group-btn a .group-list-group-btn-text:hover {
	cursor: pointer;
}
.group-list-group-btn #moreview{
    color: #03a9f4;
    font-size: 14px;
    padding: 5px 0px;
    display: block;
    width: 100%;
    background: none;
    border: 0px;
}
.group-list-group-btn #moreview:hover {
	cursor: pointer;
}

/*자주찾는 메뉴*/
.favorite-menu-wrap{
	margin-top: 10px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
}
.favorite-menu{
	position: relative;
    margin: 0 0 10px;
}
.favorite-menu ul {
	margin: 0;
    padding: 0;
}
.favorite-menu ul li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3%;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.favorite-menu ul li a {
    display: block;
    padding: 7px 5px 8px;
    text-align: center;
}
.favorite-menu ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #757575;
    letter-spacing: -1px;
    font-size: 15px;
    line-height: 25px;
}

.favorite-menu ul li:nth-child(3n-1) {
    width: 33.4%;
}
.favorite-menu ul li:nth-child(3n-2) {
    border-left: 0;
}
.favorite-menu ul li:nth-child(1),
.favorite-menu ul li:nth-child(2),
.favorite-menu ul li:nth-child(3) {
    border-top: 0;
}

/*연재 및 동영상 썸네일*/
.series-list-wrap{
	background-color: #fff;
}

	.series-list-title-wrap {
	margin-bottom: 10px;
	display: block;
	}
	.series-list-title-wrap h2 {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}
	.series-list-title-wrap h2 .text-red {
	color: #ce0000;
	}
	.series-list-title-wrap .more-btn {
	float: right;
	color: #9e9e9e;
	font-size: 12px;
	}
	.series-list-title-wrap .more-btn a {
	color: #9e9e9e;
	font-size: 12px;
	}


	.series-list-wrap .series-list-thumbnail-wrap {
		background-color: #fff;
	  }

    .series-list-wrap .series-list-thumbnail-wrap ul{
		list-style: none;
	 }


	  .series-list-wrap .series-list-img {
		  float: left;
		  width: 50%;
		  margin: 0 0 10px;

	  }
	  .series-list-wrap .series-list-img:nth-child(2n+1) {
		clear: both;
	}
	.series-list-wrap .series-list-img:nth-child(n+3) {
		margin-top: 5px;
	}
	  .series-list-wrap .series-list-img:last-child a {
		  margin-right: 0px;
	  }
	  .series-list-wrap .series-list-img:first-child a {
		  margin-left: 0px;
		  padding-left: 0px;
	  }
	  .series-list-wrap .series-list-img:nth-child(2) a {
		margin-right: 0px;
		padding-right: 0px;
	}
	.series-list-wrap .series-list-img:nth-child(3) a {
		margin-left: 0px;
		padding-left: 0px;
	}
	.series-list-wrap .series-list-img:nth-child(4) a {
		margin-right: 0px;
		padding-right: 0px;
	}

	 .series-list-wrap .series-list-img .tag {
		font-size: 14px;
		color: #03a9f4;
		margin-bottom: 5px;
		display: block;

	}

	  .series-list-wrap .series-list-img a {
		  display: block;
		  position: relative;
		  padding: 0px 5px;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		  text-decoration: none;
	  }

	  .series-list-wrap .series-list-img a .series-list-box {
		border: 1px solid #bdbdbd;
	    background-color: #f5f5f5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}

	  .series-list-wrap .series-list-img a img {
		  display: block;
		  position: relative;
		  width: 100%;
	  }

	  .series-list-wrap .series-list-img a .s-title {
		display: block;
		min-height: 68px;
		padding: 10px;
		font-size: 16px;
		color: #333333;
	  }
	  .series-list-wrap .series-list-img a .series-list-tap {
		padding: 0px 10px 10px 10px;
	  }
	  .series-list-wrap .series-list-img a .series-list-tap .series-list-tap-text{
		border-top: 1px solid #e0e0e0;
		color: #f44336;
		font-size: 14px;
		text-align: right;
		padding-top: 10px;
	  }

	.vod-img-wrap{
		display: block;
		position: relative;
	}
	.vod-img-icon {
		width: 34px;
		height: 34px;
		background-position: -529px -458px;
		position: absolute;
		bottom: 5px;
		left: 7px;
		font-size: 28px;
		color: #ffffff;
	}
/*연재 및 동영상 썸네일*/

/**단일 썸네일**/
.single-thumbnail-wrap .single-list-box-wrap li a {
	display: block;
    position: relative;
}
.single-thumbnail-wrap .single-list-box-wrap li a .single-list-box {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.single-thumbnail-wrap .single-list-box-wrap li a .single-list-img {
	display: table-cell;
	width: 32.17%;
	position: relative;
}
/* .single-thumbnail-wrap .single-list-box-wrap li a .single-list-img::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} */
.single-thumbnail-wrap .single-list-box-wrap li a .single-list-img img {
	min-height: 76px;
	width: 100%;
}

.single-thumbnail-wrap .single-list-box-wrap li a .single-list-box .single-list-text {
    display: table-cell;
    width: 67.83%;
	vertical-align: middle;
	padding-left: 15px;
}
.single-thumbnail-wrap .single-list-box-wrap li a .single-list-box .single-list-text .single-title {
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 1.2rem;
    vertical-align: 0;
    letter-spacing: -1px;
	color: #333;
	font-weight: bold;
}
.single-thumbnail-wrap .single-list-box-wrap li a .single-list-box .single-list-text .single-title-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.1rem;
    vertical-align: 0;
    letter-spacing: -1px;
    color: #03a9f4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}

/**카드뉴스**/
.card-news-box-img-wrap {
    margin-top: 10px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 210px;
}
.card-news-box-img-wrap a{
	display: block;
	position: relative;
}
.card-news-box-img-wrap .card-news-box-img img {
	width: 100%;
	height: 210px;

}
.card-news-box-img-wrap .card-news-box-text {
    position: absolute;
    bottom: 4px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4rem;
    vertical-align: 0;
    letter-spacing: -1px;
    width: 100%;
    height: 63px;
}
.card-news-box-img-wrap .card-news-box-text-bg {
    background-color: #000;
    opacity: 0.8;
	width: 100%;
	height: 63px;
    position: absolute;
    bottom: 0px;
}
.card-news-box-img-wrap .card-news-box-text h2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 7px 15px 8px 15px;
    line-height: 1.6em;
    letter-spacing: -0.6px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}
/**이 게임 할까? 말까?**/
.thisgame-list-wrap .list-group-img a span{
	font-size: 16px;
}
.thisgame-list-wrap .list-group-thumbnail-wrap{
	margin-bottom: 10px;
}
.thisgame-list-wrap .group-roll-list .group-list-group li a {
	font-size: 16px;
}
.thisgame-list-wrap .group-roll-list .group-list-group-item:first-child {
	padding-top: 10px;
	border-top: 1px solid #f5f5f5;
	font-weight: bold;
}

/**카툰 오늘의게임***/
.cartoon-list-wrap {
	margin-top: 10px;
	/* padding: 15px; */
	background : #FFF;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tab {
	overflow: hidden;
    /* border: 1px solid #ccc; */
    background-color: #e0e0e0;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	width: 50%;
}

.tab button:hover {
    background-color: #fff;
}

.tab button.active {
    background-color: #fff;
}

.tabcontent {
    display: none;
    padding: 10px 15px;
}

.cartoon-list-wrap .single-list-box-wrap li{
	padding: 10px 0px 6px 0px;
	border-bottom: 1px solid #f5f5f5;
}
.cartoon-list-wrap .single-list-box-wrap li:first-child{
	padding-top: 0px;
}
.cartoon-list-wrap .single-list-box-wrap li:last-of-type{
	border-bottom: 0px;
}

/**리뉴얼 프리미엄 존**/
.m-premiumzone-box-wrap{
	margin-top: 10px;
	background : #FFF;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-premiumzone-box-img-top a {
	display: grid;
	display: -ms-grid;
}
.m-premiumzone-box-img-top img{
	width: 100%;
	min-height: 188px;
}
.m-single-thumbnail-wrap{
	padding: 15px;
	background-color: #424242;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li{
	padding: 15px 0px;
	border-bottom: 1px solid #616161;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li:first-child{
	padding-top:0px;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li:last-of-type{
	border-bottom: 0px;
	padding-bottom: 0px;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a {
	display: block;
	position: relative;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-box {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-img {
	display: table-cell;
	width: 32.17%;
	position: relative;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-img img {
	min-height: 76px;
	width: 100%;
}

.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-box .m-single-list-text {
    display: table-cell;
    width: 67.83%;
	vertical-align: middle;
	padding-left: 15px;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-box .m-single-list-text .m-single-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 1.2rem;
    vertical-align: 0;
    letter-spacing: -1px;
    color: #fff;
    font-weight: bold;
}
.m-single-thumbnail-wrap .m-single-list-box-wrap li a .m-single-list-box .m-single-list-text .m-single-title-sub {
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1rem;
    vertical-align: 0;
    letter-spacing: -1px;
	color: #ffeb3b;
	padding-top: 10px;
}
.m-premiumzone-btn-wrap {
	padding: 11px 80px 0px 80px;
}
.m-premiumzone-btn{
    background-color: #f44336;
    width: 100%;
    height: 30px;
    /* margin-top: 10px; */
    text-align: center;
    display: table;
}
.m-premiumzone-btn a {
	width: 100%;
    display: table-cell;
    min-height: 22px;
    vertical-align: middle;
	text-align: center;
	padding: 4px;
}
.m-premiumzone-btn a .m-premiumzone-btn-text {
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
}

/**새로운 메뉴**/
.scrollmenu-wrap{
	background : #FFF;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0;
}
.scrollmenu-box {
    position: relative;
    padding-right: 43px;
}
.scrollmenu {
	overflow: hidden;
    overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.scrollmenu ul {
	position: relative;
    height: 100%;
    font-family: sans-serif;
    font-size: 0;
    line-height: 0;
	white-space: nowrap;
	list-style: none;
}
.scrollmenu ul li {
	display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
    white-space: normal;
}
.scrollmenu ul li a {
    display: block;
    position: relative;
    height: 42px;
    margin-left: 3px;
    padding: 0 9px;
    font-size: 16px;
    line-height: 42px;
    color: #424242;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.3px;
}
.scrollmenu ul li a.selected,
.scrollmenu ul li a:hover {
	color: #8bc34a;
	/* border-bottom: 2px solid #8bc34a; */
}
.scrollmenu-box .btn-more {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	text-align: center;
	border-left: 1px solid #e0e0e0;
}
.scrollmenu-box .btn-more i {
	font-size: 42px;
	color: #212121;
}

.scrollmenu-wrap.open .scrollmenu-box {
    padding: 0;
}
.scrollmenu-wrap.open .scrollmenu-box .scrollmenu {
    height: auto!important;
}
.scrollmenu-wrap.open .scrollmenu-box .scrollmenu ul {
    overflow: hidden;
    margin: 0 12px;
    padding: 1px 0 10px;
}
.scrollmenu-wrap.open .scrollmenu-box .scrollmenu ul li {
    float: left;
    width: 25%;
}
.scrollmenu-wrap.open .scrollmenu-box .scrollmenu ul li a {
    width: auto;
    height: 36px;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 36px;
}
.scrollmenu-wrap.open .scrollmenu-box .scrollmenu ul li a.selected {
	border-bottom: 0px;
}
.scrollmenu-wrap.open .scrollmenu-box .btn-more {
    display: none;
}

.scrollmenu-wrap .scroll-option {
	display: none;
}
.scrollmenu-wrap.open .scroll-option {
    display: block;
    position: relative;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
    background-color: #f5f5f5;
}
.scrollmenu-wrap .scroll-btn-wrap {
    text-align: right;
}
.scrollmenu-wrap .scroll-btn-wrap .btn-close {
    float: none;
    position: relative;
    min-height: 42px;
    padding: 10px 15px;
    border: 0;
    font-size: 14px;
    color: #555;
    background: none;
}


/*********URL 복사***********/
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999999999998;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 398px;
	position: relative;
	margin: 10% auto;
	padding: 14px 22px 14px 22px;
	background: #fff;
	border: 1px solid #e0e0e0;
}

.modalDialog h2{
    display: block;
    padding: 0px 0 12px 0;
    color: #333;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}
.modalDialog h3{
    display: block;
    padding: 6px 0 22px 0;
    color: #333;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.close {
    color: #959595;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 14px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
}

.urlcopy-box-wrap{
	padding: 0px;
	text-align: center;
}
.urlcopy-box-btn{
	display: block;
    float: right;
    min-width: 51px;
    margin-left: -3px;
    padding: 0 12px;
    color: #333;
    font-size: 13px;
    line-height: 36px;
    border: 1px solid #d9dcdf;
    background: #fff;
}
.urlcopy-box-input{
	display: block;
    text-align: left;
    padding: 0 7px;
    overflow: hidden;
    color: #167ac6;
    font-size: 13px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #d9dcdf;
    background: #fafafa;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.google-ad-part-top{
	display: block;
	background-color: #fff;
	text-align: center;
	}
	.google-ad-part-top iframe{
		display: block;
		margin: 0 auto;
		}