@charset "utf-8";
	@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
	
	html { -webkit-text-size-adjust:none;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,table
	{margin:0;padding:0;border-collapse:collapse;resize:none;}
	fieldset,img {border:none;}
	ul,ol,li,dl,dt,dd {list-style:none;}
	blockquote, q {quotes:none;}
	a {color:inherit;text-decoration:none;}
	a:active, a:hover {text-decoration:none;}

	html	{ width:100%; }
	body	{ font-family: 'Noto Sans', sans-serif; width:100%; font-size:0px; line-height:0px; word-wrap:break-word; }
	
	@media (max-width:919px)
	{
		.responsiveBase				{ position:relative; min-width:320px; max-width:670px; margin:0px auto 0px auto; }
		.responsiveWide,
		.responsiveMedium,
		.responsiveWideAndMedium	{ display:none; }
	}
	@media (min-width:920px) and (max-width:1239px)
	{
		.responsiveBase				{ position:relative; width:880px; margin:0px auto 0px auto; }
		.responsiveWide,
		.responsiveNarrow			{ display:none; }
	}
	@media (min-width:1240px)
	{
		.responsiveBase				{ position:relative; width:1200px; margin:0px auto 0px auto; }
		.responsiveMedium,
		.responsiveNarrow,
		.responsiveNarrowAndMedium	{ display:none; }
	}
	
	@media (max-width:920px)
	{
		body	> header									{ height:70px; margin-bottom:40px; }
		body	> header	.topmenu2						{ position:fixed; top:0px; left:0px; width:100%; z-index:50; background-color:white; }
		body	> header	.topmenu2	.logo				{ height:50px; padding:10px; }
		body	> header	.topmenu2	.openButton			{ top:10px; left:10px; width:50px; height:50px; }
		body	> header	.topmenu2	.serchButton		{ top:10px; right:10px; width:50px; height:50px; }
	}
	@media (min-width:921px) and (max-width:1239px)
	{
		body	> header									{ margin-bottom:35px; }
		body	> header	.topmenu2	.logo				{ height:60px; padding:30px; }
		body	> header	.topmenu2	.openButton			{ top:35px; left:10px; width:50px; height:50px; }
		body	> header	.topmenu2	.serchButton		{ top:35px; right:10px; width:50px; height:50px; }		
	}
	@media (min-width:1240px)
	{
		body	> header				{ margin-bottom:35px; }
	}
	
	body	> header	.topmenu1						{ border-bottom:1px solid #c3c3c3; }
	body	> header	.topmenu1	.logo				{ height:60px; padding:30px; text-align:center; border-bottom:1px solid #c3c3c3; }
	body	> header	.topmenu1	nav					{ display:inline-block; }
	body	> header	.topmenu1	nav	li.lv1			{ display:inline-block; padding:19px 20px 19px 20px; position:relative; }
	body	> header	.topmenu1	nav	li.lv1.on		{ background-color:#333366; }
	body	> header	.topmenu1	nav	li.lv1		h4	{ line-height:1.3em; font-size:18px; }
	body	> header	.topmenu1	nav	li.lv1.on	h4	{ color:white; font-weight:bold; }
	body	> header	.topmenu1	nav	li.lv1.off	h4	{ color:#808080; }
	body	> header	.topmenu1	nav	ul.lv2			{ position:absolute; left:0px; top:60px; z-index:10; background-color:white; border:1px solid #333366; padding:20px; min-width:150px; display:none; }
	body	> header	.topmenu1	nav	li.lv2		h5	{ font-size:16px; line-height:30px; }
	body	> header	.topmenu1	nav	li.lv2.on	h5	{ color:#e81d54; }
	body	> header	.topmenu1	nav	li.lv2.off	h5	{ color:#808080; }
	body	> header	.topmenu1	.searchBox			{ display:inline-block; position:absolute; right:104px; top:10px; width:163px; height:20px; border:1px solid #e81d54; border-radius:3px; padding:9px 35px 9px 10px; }
	body	> header	.topmenu1	.keyword			{ width:100%; height:20px; padding:0px; border:none; font-size:15px; color:#e81d54; }
	body	> header	.topmenu1	.keyword::placeholder			{ color:#e81d54; opacity:0.8; font-size:12px; }
	body	> header	.topmenu1	.keyword:-ms-input-placeholder	{ color:#e81d54; opacity:0.8; font-size:12px; }
	body	> header	.topmenu1	.keyword::-ms-input-placeholder	{ color:#e81d54; opacity:0.8; font-size:12px; }
	body	> header	.topmenu1	.button.search		{ display:inline-block; position:absolute; right:0px; top:0px; width:38px; height:38px;}
	body	> header	.topmenu1	.loginBox			{ display:inline-block; position:absolute; right:0px; top:10px; }
	body	> header	.topmenu1	.button.login		{ display:inline-block; color:#e81d54; width:93px; height:38px; line-height:38px; border:1px solid #e81d54; border-radius:3px; text-align:center; font-size:15px; }
	
	body	> header	.topmenu2						{ border-bottom:1px solid #c3c3c3; }
	body	> header	.topmenu2	.logo				{ text-align:center; }
	body	> header	.topmenu2	.logo	img			{ width:217px; }
	body	> header	.topmenu2	.openButton			{ position:absolute; cursor:pointer; background:url(/static/image/ico_topmenu2_open.png) center center / 20px 20px no-repeat; }
	body	> header	.topmenu2	.serchButton		{ position:absolute; cursor:pointer; background:url(/static/image/ico_topmenu2_search_gray.png) center center / 20px 20px no-repeat; }
	body	> header	.topmenu2	.menuBase1			{ position:fixed; top:0px; left:0px; z-index:100; width:100%; height:100%; background-color:rgba(1,1,1,0.5); }
	body	> header	.topmenu2	.menuBase2			{ position:relative; width:250px; height:100%; padding:0px 25px 0px 25px; background-color:white; overflow-y:auto; }
	body	> header	.topmenu2	.logo2				{ padding-top:25px; margin-bottom:25px; }
	body	> header	.topmenu2	.logo2	img			{ width:150px; }
	body	> header	.topmenu2	.closeButton		{ position:absolute; top:25px; right:15px; width:35px; height:35px; background:url(/static/image/ico_topmenu2_close.png) center center / 15px 15px no-repeat; cursor:pointer; }
	body	> header	.topmenu2	.button.login		{ display:inline-block; color:#e81d54; height:50px; width:100%; line-height:50px; font-size:17px; border:1px solid #e81d54; border-radius:3px; text-align:center; margin-bottom:10px; }
	body	> header	.topmenu2	nav	li.lv1				{ cursor:pointer; }
	body	> header	.topmenu2	nav	li.lv1	~ li.lv1	{ margin-top:15px; }
	body	> header	.topmenu2	nav	li.lv1.expand		{ background:url(/static/image/ico_topmenu2_collapse.png) right top / 20px 20px no-repeat; }
	body	> header	.topmenu2	nav	li.lv1.collapse		{ background:url(/static/image/ico_topmenu2_expand.png) right top / 20px 20px no-repeat; }
	body	> header	.topmenu2	nav	li.lv1			h4	{ display:inline-block; line-height:1.3em; font-size:18px; }
	body	> header	.topmenu2	nav	li.lv1.on		h4	{ color:#e81d54; }
	body	> header	.topmenu2	nav	li.lv1.off		h4	{ color:#282828; }
	body	> header	.topmenu2	nav	ul.lv2				{ margin:10px 0px 0px 20px; }
	body	> header	.topmenu2	nav	li.lv2		h5		{ display:inline-block; line-height:1.3em; font-size:16px; margin-bottom:5px; }
	body	> header	.topmenu2	nav	li.lv2.on	h5		{ color:#e81d54; }
	body	> header	.topmenu2	nav	li.lv2.off	h5		{ color:#282828; }
	body	> header	.topmenu2	.sns.follow	h4		{ color:#282828; margin-bottom:12px; font-size:18px; line-height:1.3em; font-weight:normal; }
	body	> header	.topmenu2	.sns.follow	li		{ display:inline-block; vertical-align:top; margin:0px 10px 0px 10px; }
	body	> header	.topmenu2	.sns.follow	li	img	{ width:30px; height:30px; }
	
	body	> header	.topmenu2	.hLine					{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #c3c3c3; }
	
	body	> header	.topmenu2	.searchBase1				{ position:fixed; top:0px; left:0px; z-index:100; width:100%; height:100%; background-color:rgba(1,1,1,0.5); }
	body	> header	.topmenu2	.searchBase2				{ position:relative; background-color:white; }
	body	> header	.topmenu2	.searchBox					{ padding:20px 110px 20px 20px; }
	body	> header	.topmenu2	.searchBox	input.keyword	{ font-size:20px; height:30px; width:100%; border:none; color:#e81d54; }
	body	> header	.topmenu2	.keyword::placeholder			{ color:#e81d54; opacity:0.8; font-size:16px; }
	body	> header	.topmenu2	.keyword:-ms-input-placeholder	{ color:#e81d54; opacity:0.8; font-size:16px; }
	body	> header	.topmenu2	.keyword::-ms-input-placeholder	{ color:#e81d54; opacity:0.8; font-size:16px; }
	body	> header	.topmenu2	.searchBox	.button.search	{ position:absolute; top:15px; right:50px; width:40px; height:40px; }
	body	> header	.topmenu2	.searchBox	.closeButton	{ position:absolute; top:15px; right:10px; width:40px; height:40px; background:url(/static/image/ico_topmenu2_close.png) center center / 20px 20px no-repeat; }
	
	body	> footer				{ background-color:#f2f2f2; padding:30px 20px 50px 20px; margin-top:95px; text-align:center; }
	body	> footer	nav			{ color:#999999; margin-bottom: 10px; }
	body	> footer	nav		a	{ margin:0px 10px 0px 10px; }
	body	> footer	.copyright	{ color:#999999; }
	
	@media (max-width:479px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:13px; line-height:1.3em; letter-spacing:-1px; }
		body	> footer	.copyright	{ color:#999999; font-size:14px; line-height:1.3em; }
	}
	@media (min-width:480px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:1.3em; }
		body	> footer	.copyright	{ color:#999999; font-size:18px; line-height:1.3em; }
	}
	
	body.main	.responsiveBlock9	{ overflow:hidden; }
	
	@media (max-width:920px)
	{
		body.main	.responsiveBlock11							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock12							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock2							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock4							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock5							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock6							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock6	.contentsList.fullWidth	{ margin-bottom:20px; }
		body.main	.responsiveBlock7							{ margin:0px 15px 20px 15px; }
		body.main	.responsiveBlock7	.sns.follow				{ margin-bottom:20px; }
		body.main	.responsiveBlock9							{ margin-bottom:200px; }
	}
	@media (min-width:921px) and (max-width:1239px)
	{
		body.main	.responsiveBlock1							{ width:880px; margin-bottom:20px; }
		body.main	.responsiveBlock2							{ display:inline-block; vertical-align:top; width:300px; float:left; margin-right:20px; margin-bottom:40px; }
		body.main	.responsiveBlock3							{ display:inline-block; vertical-align:top; width:560px; float:right; margin-bottom:40px; }
		body.main	.responsiveBlock3	section.qna				{ height:545px; }
		body.main	.responsiveBlock3	section.qna	.qnaBot		{ height:474px; }
		body.main	.responsiveClear2							{ clear:both; }
		body.main	.responsiveBlock4							{ width:880px; margin-bottom:20px; }
		body.main	.responsiveBlock5							{ width:880px; margin-bottom:20px; }
		body.main	.responsiveBlock6							{ width:880px; }
		body.main	.responsiveBlock6	.contentsList.fullWidth	{ margin-bottom:20px; }
		body.main	.responsiveBlock7							{ display:inline-block; vertical-align:top; width:560px; float:left; margin-bottom:40px; margin-right:20px; }
		body.main	.responsiveBlock7	.sns.follow				{ margin-bottom:20px; }
		body.main	.responsiveBlock8							{ display:inline-block; vertical-align:top; width:300px; float:right; margin-bottom:20px; }
		body.main	.responsiveBlock9							{ clear:both; }
		
		body.main	.responsiveBlock11							{ margin:0px 15px 20px 15px; }
	}
	@media (min-width:1240px)
	{
		body.main	.responsiveBlock1							{ display:inline-block; vertical-align:top; width:880px; float:left; margin-bottom:40px; }
		body.main	.responsiveBlock2							{ display:inline-block; vertical-align:top; width:300px; float:right; margin-bottom:40px; }
		body.main	.responsiveClear1							{ clear:both; }
		body.main	.responsiveBlock3							{ display:inline-block; vertical-align:top; width:300px; float:left; margin-bottom:40px; }
		body.main	.responsiveBlock3	section.qna				{ height:460px; }
		body.main	.responsiveBlock3	section.qna	.qnaBot		{ height:389px; }
		body.main	.responsiveBlock4							{ display:inline-block; vertical-align:top; width:880px; float:right; margin-bottom:20px; }
		body.main	.responsiveBlock5							{ display:inline-block; vertical-align:top; width:880px; float:right; margin-bottom:40px; }
		body.main	.responsiveClear3							{ clear:both; }
		body.main	.responsiveBlock6							{ display:inline-block; vertical-align:top; width:880px; float:left; }
		body.main	.responsiveBlock6	.contentsList.fullWidth	{ margin-bottom:20px; }
		body.main	.responsiveBlock7							{ display:inline-block; vertical-align:top; width:300px; float:right; margin-bottom:20px; }
		body.main	.responsiveBlock7	.sns.follow				{ margin-bottom:20px; }
		body.main	.responsiveBlock8							{ display:inline-block; vertical-align:top; width:300px; float:right; margin-bottom:20px; }
		body.main	.responsiveBlock9							{ display:inline-block; vertical-align:top; width:300px; float:right; }
	}
	
	body.main	.mainTop.wideScreen		{ margin-bottom:40px; }
	body.main	.mainTop	.block1		{ display:inline-block; vertical-align:top; width:880px; float:left; }
	body.main	.mainTop	.block2		{ display:inline-block; vertical-align:top; width:300px; float:right; }
	body.main	.mainMid				{ margin-bottom:40px; }
	body.main	.mainMid	.block1		{ display:inline-block; vertical-align:top; width:300px; float:left; }
	body.main	.mainMid	.block2		{ display:inline-block; vertical-align:top; width:880px; float:right; }
	body.main	.mainMid	.block21	{ margin-bottom:20px; }
	body.main	.mainBot				{ margin-bottom:40px; }
	body.main	.mainBot	.block1		{ display:inline-block; vertical-align:top; width:880px; float:left; }
	body.main	.mainBot	.block11	{ margin-bottom:20px; }
	body.main	.mainBot	.block2		{ display:inline-block; vertical-align:top; width:300px; float:right; }
	body.main	.mainBot	.block21	{ margin-bottom:20px; }
	body.main	.mainBot	.block22	{ margin-bottom:20px; }
	
	
	aside.right		.right1		{ margin-bottom:20px; }
	aside.right		.right2		{ margin-bottom:20px; }
	aside.right		.right3		{ margin-bottom:20px; }
	aside.right		.right4		{ margin-bottom:20px; }
	aside.right		.right5		{ margin-bottom:20px; overflow:hidden; }
	
	
		
	@media (max-width:920px)
	{
		.responsiveLeft		{ margin:0px 15px 0px 15px; }
		.responsiveRight	{ margin:0px 15px 0px 15px; }
		
		aside.bottom		{ margin-bottom:20px; }
		
		aside.right		.right2	section.qna			{ height:460px; }
		aside.right		.right2	section.qna	.qnaBot	{ height:389px; }
	}
	@media (min-width:921px) and (max-width:1239px)
	{
		aside.bottom		{ margin-bottom:20px; }
	
		aside.right		.right1		{ margin-bottom:20px; width:300px; float:right; }
		aside.right		.right2		{ margin-bottom:20px; width:560px; margin-right:20px; float:left; }
		aside.right		.right3		{ margin-bottom:20px; width:300px; float:right; }
		aside.right		.right4		{ margin-bottom:20px; width:560px; margin-right:20px; float:left; }
		aside.right		.right5		{ width:100%; margin-right:20px; float:left; }
		
		aside.right		.right2	section.qna			{ height:460px; }
		aside.right		.right2	section.qna	.qnaBot	{ height:389px; }
	}
	@media (min-width:1240px)
	{
		.responsiveLeft		{ display:inline-block; vertical-align:top; width:880px; float:left; }
		.responsiveRight	{ display:inline-block; vertical-align:top; width:300px; float:right; }
		
		aside.right		.right2	section.qna			{ height:460px; }
		aside.right		.right2	section.qna	.qnaBot	{ height:389px; }
	}
	
	.mainTitle										{ position:relative; margin-bottom:35px; }
	.mainTitle		h2								{ color:#333366; font-weight:bold; }
	.mainTitle		h2	.keyword					{ color:#e81d54; }
	.mainTitle		nav.site.path					{ position:absolute; bottom:3px; right:0px; }	
	.mainTitle		nav.site.path	a,
	.mainTitle		nav.site.path	span			{ font-size:16px; color:#808080; }
	.mainTitle		nav.site.path	img				{ margin-right:5px; }
	.mainTitle		nav.site.path	img.splitter	{ margin-left:5px; }
	
	@media (max-width:920px)
	{
		.mainTitle		h2		{ font-size:20px; line-height:20px; }
	}
	@media (min-width:921px)
	{
		.mainTitle		h2		{ font-size:30px; line-height:30px; }
	}
	
	.contentsList								{ position:relative; }
	.contentsList		.hasNoItem				{ padding:40px; text-align:center; color:#333366; font-size:24px; line-height:1.3em; }
	.contentsList		h3						{ display:none; color:#333366; font-size:20px; line-height:30px; font-wieght:bold; margin-bottom:35px; }	
	.contentsList		li						{ position:relative; }
	.contentsList		.image				a	{ position:relative; display:block; }		
	.contentsList		.image.size1610		a	{ padding-top:62.5%; }
	.contentsList		.image.size169		a	{ padding-top:56.25%; }
	.contentsList		.image	img.contents	{ width:100%; position:absolute; top:0px; left:0px; }
	.contentsList		.text	h4				{ overflow:hidden; }
	.contentsList		.text	p				{ overflow:hidden; }
	.contentsList		.info	.count			{ float:left; }
	.contentsList		.info	.count	.item	{ font-size:14px; height:20px; line-height:20px; color:#808080; padding-left: 20px; display:inline-block; vertical-align:top; margin-right:15px; }
	.contentsList		.info	.count	.like	{ background:url(/static/image/ico_count_like_on.png) left center / 13px 13px no-repeat; }
	.contentsList		.info	.count	.view	{ background:url(/static/image/ico_count_view.png) left center / 13px 13px no-repeat; }
	.contentsList		.info	.count	.reply	{ background:url(/static/image/ico_count_reply.png) left center / 13px 13px no-repeat; }
	.contentsList		.info	.time			{ float:right; min-width:120px; font-size:14px; line-height:20px; color:#808080; text-align:right; }
	
	.contentsList.fullWidth		li	.image	img		{ width:100%; }
	.contentsList.fullWidth		li	~ li			{ margin-top:20px; }
	.contentsList.fullWidth		.text				{ position:absolute; width:100%; left:0px; bottom:0px; background-color:rgba(1,1,1,0.5); }
	.contentsList.fullWidth		h4					{ color:white; }
	
	.contentsList.w65_300		ul					{ background-color:#f2f2f2; padding:0px 1px 0px 1px; }
	.contentsList.w65_300		li					{ border-bottom:2px solid white; }
	.contentsList.w65_300		img.contents		{ position:absolute; top:18px; left:13px; width:65px; height:65px; }
	.contentsList.w65_300		.text				{ padding:23px 25px 26px 93px;  }
	.contentsList.w65_300		h4					{ color:#282828; font-size:15px; line-height:18px; height:54px; overflow:hidden; }
	
	.contentsList.w430_880S		li	.image	img		{ width:100%; }
	
	@media (max-width:400px)
	{
		body.contents		.contentsList.narrow		{ margin-bottom:40px; }
		body.contents		.contentsList.narrow	ul	{ margin-bottom:40px; }
	
		.contentsList.narrow		li							{ margin-bottom:20px; }
		.contentsList.narrow		li	.image					{ margin-bottom:10px; }
		.contentsList.narrow		li	.text	h4				{ font-size:14px; line-height:20px; color:#282828; margin-bottom:10px; }
		
		.contentsList.fullWidth		h4					{ height:40px; line-height:20px; font-size:14px; margin:10px 20px 10px 20px; overflow:hidden; }
	}
	@media (min-width:401px) and (max-width:920px)
	{
		body.contents		.contentsList.narrow		{ margin-bottom:40px; }
		body.contents		.contentsList.narrow	ul	{ margin-bottom:40px; }
		
		.contentsList.narrow									{ margin-bottom:30px; }
		.contentsList.narrow		li							{ display:inline-block; vertical-align:top; width:50%; margin-bottom:20px; }
		.contentsList.narrow		li	.image					{ margin-bottom:10px; }
		.contentsList.narrow		li:nth-child(2n+1)	.image,
		.contentsList.narrow		li:nth-child(2n+1)	.text,
		.contentsList.narrow		li:nth-child(2n+1)	.info	{ margin-right:10px; }
		.contentsList.narrow		li:nth-child(2n)	.image,
		.contentsList.narrow		li:nth-child(2n)	.text,
		.contentsList.narrow		li:nth-child(2n)	.info	{ margin-left:10px; }
		.contentsList.narrow		li	.text	h4				{ font-size:15px; line-height:20px; height:60px; color:#282828; margin-bottom:10px; }
		.contentsList.narrow		li	.text	p				{ display:none; }
		.contentsList.w430_880.monthlyPopular	.image	{ margin-bottom:0px!important; }
		
		.contentsList.fullWidth		h4					{ height:40px; line-height:20px; font-size:15px; margin:10px 20px 10px 20px; overflow:hidden; }
	}
	@media (min-width:921px)
	{
		body.contents		.contentsList.normal,
		body.contents		.contentsList.zigzag,
		body.contents		.contentsList.zigzag2,
		body.contents		.contentsList.w280_880,
		body.contents		.contentsList.w430_880		{ margin-bottom:40px; }
		body.contents		.contentsList.normal	ul,
		body.contents		.contentsList.zigzag	ul,
		body.contents		.contentsList.zigzag2	ul,
		body.contents		.contentsList.w280_880	ul,
		body.contents		.contentsList.w430_880	ul	{ margin-bottom:40px; }
	
		.contentsList.normal		ul					{ background-color:#f2f2f2; padding:14px; margin-bottom:20px; }
		.contentsList.normal		ul	li				{ background-color:white; height:200px; }
		.contentsList.normal		ul	li:not(:first-child)	{ margin-top:14px; }
		.contentsList.normal		.image				{ position:absolute; top:0px; left:0px; width:320px; height:200px; }
		.contentsList.normal		.text				{ padding:20px 20px 15px 350px; }
		.contentsList.normal		.info				{ padding:0px 20px 0px 350px; }
		.contentsList.normal		h4					{ font-size:24px; line-height:32px; max-height:64px; color:#282828; margin-bottom:5px; }
		.contentsList.normal		p					{ font-size:14px; line-height:20px; height:60px; color:#808080; }
	
		.contentsList.zigzag		li					{ margin-bottom:30px; display:inline-block; vertical-align:top; }
		.contentsList.zigzag		li.big				{ width:580px; }
		.contentsList.zigzag		li.small			{ width:280px; }
		.contentsList.zigzag		li:nth-child(2n+1)	{ margin-right:20px; }
		.contentsList.zigzag		li			.image	{ margin-bottom:10px; }
		.contentsList.zigzag		li			h4		{ font-size:24px; line-height:32px; height:64px; color:#282828; margin-bottom:5px; }
		.contentsList.zigzag		li.big		p		{ font-size:15px; line-height:20px; height:40px; color:#808080; margin-bottom:11px; }
		.contentsList.zigzag		li.small	p		{ font-size:15px; line-height:20px; height:220px; color:#808080; margin-bottom:26px; }
		
		.contentsList.zigzag2		li					{ display:inline-block; vertical-align:top; }
		.contentsList.zigzag2		li.big				{ width:580px; margin-bottom:30px; float:left; }
		.contentsList.zigzag2		li.small			{ width:280px; float:right; }
		.contentsList.zigzag2		li:nth-child(2),
		.contentsList.zigzag2		li:nth-child(7)		{ margin-bottom:20px; }
		.contentsList.zigzag2		li:nth-child(3),
		.contentsList.zigzag2		li:nth-child(4),
		.contentsList.zigzag2		li:nth-child(5),
		.contentsList.zigzag2		li:nth-child(8)		{ margin-bottom:30px; }
		.contentsList.zigzag2		li.medium			{ width:430px; }
		.contentsList.zigzag2		li			.image	{ margin-bottom:10px; }
		.contentsList.zigzag2		li			h4		{ font-size:24px; line-height:32px; color:#282828; height:64px; margin-bottom:5px; }
		.contentsList.zigzag2		li.small	h4		{ margin-bottom:21px; }
		.contentsList.zigzag2		li.big		p		{ font-size:14px; line-height:20px; height:120px; color:#808080; margin-bottom:21px; }
		.contentsList.zigzag2		li.medium	p		{ font-size:14px; line-height:20px; height:80px; color:#808080; margin-bottom:21px;}
		.contentsList.zigzag2		li:nth-child(4)		{ margin-right:20px; }
		
		.contentsList.w280_880		li					{ width:280px; margin-bottom:20px; float:left; display:inline-block; vertical-align:top; }
		.contentsList.w280_880		li:nth-child(3n+1),
		.contentsList.w280_880		li:nth-child(3n+2)	{ margin-right:20px; }
		.contentsList.w280_880		li			.image	{ margin-bottom:10px; }
		.contentsList.w280_880		li			h4		{ font-size:24px; line-height:32px; color:#282828; height:64px; margin-bottom:5px; }
		.contentsList.w280_880		p					{ font-size:14px; line-height:20px; height:80px; color:#808080; margin-bottom:16px; }
		
		.contentsList.w430_880		li,
		.contentsList.w430_880S		li					{ width:430px; margin-bottom:20px; display:inline-block; vertical-align:top; }
		.contentsList.w430_880		li:nth-child(2n+1),
		.contentsList.w430_880S		li:nth-child(2n+1)	{ float:left; }
		.contentsList.w430_880		li:nth-child(2n),
		.contentsList.w430_880S		li:nth-child(2n)	{ float:right; }
		.contentsList.w430_880		li		.image,
		.contentsList.w430_880S		li		.image		{ margin-bottom:10px; }
		.contentsList.w430_880		li		.image	img,
		.contentsList.w430_880S		li		.image	img	{ height:268px; }
		.contentsList.w430_880		li		h4			{ font-size:24px; line-height:32px; color:#282828; height:64px; margin-bottom:5px; }
		.contentsList.w430_880		p					{ font-size:14px; line-height:20px; height:80px; color:#808080; margin-bottom:21px; }
		.contentsList.w430_880S		li		h4			{ font-size:20px; line-height:30px; color:#808080; height:60px; margin-bottom:5px; }
		
		.contentsList.fullWidth		h4					{ height:40px; line-height:40px; font-size:30px; margin:15px 20px 15px 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	}
	
	section.contents.box						{ display:inline-block; vertical-align:top; width:100%; }
	section.contents.box	.contentsTop		{ height:40px; line-height:40px; font-size:24px; color:white; padding:10px 15px 10px 15px; background:#333366 url(/static/image/ico_plus.png) right 15px center no-repeat; }
	
	@media (max-width:920px)
	{
		.tabBox.size2		ul.tabMenu						{ display:none; }
		.tabBox.size2		ul.tabContents		h3			{ display:block; font-size:16px; line-height:20px; margin-bottom:20px; }
	}
	@media (min-width:921px)
	{
		.tabBox.size2		ul.tabMenu						{ background-color:#f2f2f2; }
		.tabBox.size2		ul.tabMenu		li				{ display:inline-block; vertical-align:top; width:50%; text-align:center; padding:20px 0px 10px 0px;}
		.tabBox.size2		ul.tabMenu		li		.button	{ font-size:16px; line-height:20px; cursor:pointer; }
		.tabBox.size2		ul.tabMenu		li.on	.button	{ color:#e81d54; font-weight:bold; }
		.tabBox.size2		ul.tabMenu		li.off	.button	{ color:#282828; }
		.tabBox.size2		ul.tabContents	li.on			{ }
		.tabBox.size2		ul.tabContents	li.off			{ display:none; }		
	}
	
	body.contents.view	article.contents	{ margin-bottom:20px; }
	body.contents.view	section.reply		{ margin-bottom:40px; }
	body.contents.view	section.related		{ margin-bottom:40px; }
	
	article.contents								{ position:relative; }
	article.contents	.youtube					{ position:relative; width:100%; padding-top:56%; overflow:hidden; margin-bottom:20px; }
	article.contents	.youtube	iframe			{ position:absolute; left:0px; top:0px; width:100%; height:100%; }
	article.contents	.mainImage					{ max-width:100%; margin:0px auto 20px auto; }
	article.contents	.mainImage	img				{ width:100%; }
	article.contents	.mainImage	.caption		{ font-size:14px; line-height:18px; color:#808080; margin-top:5px; }
	article.contents	h1							{ margin-bottom:20px; color:#28282; }
	article.contents	.info						{ margin-bottom:25px; padding-left:15px; }
	article.contents	.info	.text				{ float:left; }
	article.contents	.info	.writer				{ color:#282828; font-size:18px; line-height:24px; margin-bottom:4px; }
	article.contents	.info	.time				{ color:#808080; font-size:14px; line-height:20px; margin-bottom:12px; }
	article.contents	.info	.count				{ float:right; }
	article.contents	.info	.count	li			{ display:inline-block; vertical-align:top; width:50px; text-align:center; color:#808080; font-size:14px; line-height:20px; padding-top:35px; }
	article.contents	.info	.count	li.like		{ cursor:pointer; }
	article.contents	.info	.count	li.like.on	{ background:url(/static/image/ico_count_like_on.png) center top no-repeat; }
	article.contents	.info	.count	li.like.off	{ background:url(/static/image/ico_count_like_off.png) center top no-repeat; }
	article.contents	.info	.count	li.view		{ background:url(/static/image/ico_count_view.png) center top no-repeat; }
	
	article.contents	.contents					{ font-size:14px; line-height:1.6em; margin-bottom:30px; }
	article.contents	.contents	p				{ margin-bottom:1.5em; }
	article.contents	.contents	img				{ max-width:100%; }

	article.contents	.contents	.imageBox				{ max-width:100%; }
	article.contents	.contents	.imageBox.left			{ float:left; margin:0px 20px 20px 0px; }
	article.contents	.contents	.imageBox.right			{ float:right; margin:0px 0px 20px 20px; }
	article.contents	.contents	.imageBox.center		{ margin:0px auto 20px auto; }
	article.contents	.contents	.imageBox	.caption	{ font-size:14px; line-height:1.3em; color:#9f9f9f; }
	
	article.contents	.translate					{ margin-bottom:30px; }
	article.contents	.translate	select			{ background-color:white; border:3px solid #f2f2f2; margin:0px; width:130px; height:30px; margin-right:5px; }
	
	article.contents	.shareBox					{ margin-bottom:20px; }
	article.contents	.shareBox	li				{ display:inline-block; vertical-align:top; width:35px; cursor:pointer; }
	article.contents	.keywordBox	li				{ display:inline-block; vertical-align:top; margin-right:20px; }
	article.contents	.keywordBox	li	a			{ color:#a0a0a0; font-size:15px; line-height:20px; border-bottom:1px solid #9f9f9f; }
	article.contents	.keywordBox	li	a:hover		{ color:#e81d54; border-bottom:1px solid #e81d54; }
	article.contents	.keywordBox	li.space		{ display:none; }
	
	@media (max-width:480px)
	{
		article.contents	h1						{ font-size:20px; line-height:24px;  }
		article.contents	.contents		img		{ width:unset !important; height:unset !important; }
		article.contents	.shareBox				{ padding-left:10px; }
		article.contents	.shareBox	li			{ margin-right:20px; }
		article.contents	.keywordBox				{ padding-left:10px; }
	}
	@media (min-width:481px) and (max-width:920px)
	{
		article.contents	h1						{ font-size:24px; line-height:28px;  }
		article.contents	.contents		img		{ width:unset !important; height:unset !important; }
		article.contents	.shareBox				{ padding-left:20px; }
		article.contents	.shareBox	li			{ margin-right:30px; }
		article.contents	.keywordBox				{ padding-left:20px; }
	}
	@media (min-width:921px)
	{
		article.contents	h1						{ font-size:32px; line-height:36px;  }
		article.contents	.shareBox				{ padding-left:20px; }
		article.contents	.shareBox	li			{ margin-right:30px; }
		article.contents	.keywordBox				{ padding-left:20px; }
	}
	
	body.board.view	article.board				{ margin-bottom:20px; }
	body.board.view	section.reply				{ margin-bottom:40px; }
	body.board.view	section.boardListNav		{ margin-bottom:40px; }
	
	article.board								{ position:relative; }
	article.board	h3							{ color:#333366; font-size:30px; font-wieght:bold; line-height:36px; margin-bottom:35px; }
	article.board	.mainImage					{ text-align:center; margin-bottom:20px; }
	article.board	.mainImage	img				{ max-width:100%; }
	article.board	h1							{ margin-bottom:20px; color:#28282; }
	article.board	.info						{ margin-bottom:25px; padding-left:15px; }
	article.board	.info	.infoText			{ float:left; }
	article.board	.info	.writer				{ color:#282828; font-size:18px; line-height:22px; margin-bottom:4px; }
	article.board	.info	.time				{ color:#808080; font-size:14px; line-height:18px; margin-bottom:4px; }
	article.board	.info	.count				{ float:right; width:120px; text-align:center; }
	article.board	.info	.count	li			{ display:inline-block; vertical-align:top; width:50px; text-align:center; color:#808080; font-size:14px; line-height:18px; padding-top:40px; }
	article.board	.info	.count	li.like		{ cursor:pointer; }
	article.board	.info	.count	li.like.on	{ background:url(/static/image/ico_count_like_on.png) center top no-repeat; }
	article.board	.info	.count	li.like.off	{ background:url(/static/image/ico_count_like_off.png) center top no-repeat; }
	article.board	.info	.count	li.view		{ background:url(/static/image/ico_count_view.png) center top no-repeat; }
	
	article.board	.contents					{ font-size:15px; line-height:1.6; margin-bottom:30px; color:#808080; }
	article.board	.shareBox					{ margin-bottom:20px; }
	article.board	.shareBox	li				{ display:inline-block; vertical-align:top; width:35px; cursor:pointer; margin-bottom:20px; }
	article.board	.wideButton					{ margin-bottom:20px; }
	
	@media (max-width:480px)
	{
		article.board	h1				{ font-size:20px; line-height:24px; }
		article.board	.shareBox		{ padding-left:10px; }
		article.board	.shareBox	li	{ margin-right:20px; }
	}
	@media (min-width:481px) and (max-width:920px)
	{
		article.board	h1				{ font-size:24px; line-height:28px; }
		article.board	.shareBox		{ padding-left:20px; }
		article.board	.shareBox	li	{ margin-right:30px; }
	}
	@media (min-width:921px)
	{
		article.board	h1				{ font-size:32px; line-height:36px; }
		article.board	.shareBox		{ padding-left:20px; }
		article.board	.shareBox	li	{ margin-right:30px; }
	}
	
	article.alert			{ padding:40px 0px 80px 0px; text-align:center; font-size:32px; color:#e81d54; }
	
	section.reply										{ background-color:#f2f2f2; }
	section.reply	.writeBox							{ position:relative; padding:20px 130px 20px 30px; border-bottom:2px solid white; }
	section.reply	.writeBox	textarea				{ padding:10px 2% 10px 2%; width:96%; height:50px; border:none; border-radius:3px; font-size:15px; color:#808080; }
	section.reply	.writeBox	.button					{ position:absolute; right:30px; top:20px; padding:10px; height:50px; width:70px; border-radius:3px; background-color:#333366; color:white; text-align:center; line-height:50px; font-size:24px; }
	section.reply	.listBox							{ max-height: 430px; overflow-y:auto; }
	section.reply	.listBox	ul	li					{ padding:13px 30px 13px 30px; }
	section.reply	.listBox	ul	li	.info			{ display:inline-block; vertical-align:top; float:left; line-height:16px; margin-bottom:5px; }
	section.reply	.listBox	ul	li	.options		{ display:inline-block; vertical-align:top; float:right; text-align:right; margin-bottom:5px; }
	section.reply	.listBox	ul	li:not(:last-child)	{ border-bottom:2px solid white; }
	section.reply	.listBox	ul	li	.name			{ color:#282828; font-size:15px; margin-right:10px; }
	section.reply	.listBox	ul	li	.adminLogo		{ padding-left:26px; background:url(/static/image/logo_icon.png) left center / 16px 16px no-repeat; }
	section.reply	.listBox	ul	li	.time			{ color:#808080; font-size:14px; }
	section.reply	.listBox	ul	li	.icon			{ display:inline-block; vertical-align:top; }
	section.reply	.listBox	ul	li	.like			{ color:#808080; cursor:pointer; font-size:12px; padding-left:23px; height:16px; line-height:16px; margin-left:15px; }
	section.reply	.listBox	ul	li	.like.on		{ background:url(/static/image/ico_count_like_on.png) left center / 13px 13px no-repeat; }
	section.reply	.listBox	ul	li	.like.off		{ background:url(/static/image/ico_count_like_off.png) left center / 13px 13px no-repeat; }
	section.reply	.listBox	ul	li	.delete			{ cursor:pointer; width:16px; height:16px; background:url(/static/image/ico_delete.png) left center / 13px 13px no-repeat; margin-left:15px; }
	section.reply	.listBox	ul	li	.text			{ color:#808080; font-size:14px; line-height:18px; }
	
	section.related		h3							{ color:#333366; font-weight:bold; }
	section.related		ul	li						{ display:inline-block; vertical-align:top; }
	section.related		ul	li	a					{ display:block; }
	section.related		ul	li	img					{ width:100%; margin-bottom:15px; }
	section.related		ul	h4						{ overflow:hidden; }

	@media (max-width:400px)
	{
		section.related		h3							{ font-size:20px; line-height:24px; margin-bottom:35px; }
		section.related		ul	li	h4					{ font-size:14px; line-height:18px; height:36px; color:#9f9f9f; }
		section.related		ul	li	~ li				{ margin-top:20px; }
	}
	@media (min-width:401px) and (max-width:920px)
	{
		section.related		h3							{ font-size:24px; line-height:32px; margin-bottom:25px; }
		section.related		ul	li						{ width:50%; }
		section.related		ul	li:nth-child(1)	a		{ margin-right:10px; }
		section.related		ul	li:nth-child(2)	a		{ margin-left:10px; }
		section.related		ul	li:nth-child(3)			{ display:none; }
		section.related		ul	li	h4					{ font-size:16px; line-height:22px; height:44px; color:#9f9f9f; }
	}
	@media (min-width:921px)
	{
		section.related		h3							{ font-size:32px; line-height:45px; margin-bottom:30px; } 
		section.related		ul	li						{ width:280px; }
		section.related		ul	li:not(:last-child)		{ margin-right:20px; }
		section.related		ul	li	h4					{ font-size:18px; line-height:24px; height:48px; color:#808080; }
	}
	
	.boardList								{ position:relative; margin-bottom:20px; padding-bottom:40px; }
	.boardList		h3						{ display:none; }	
	.boardList		.hasNoItem				{ padding:40px; text-align:center; color:#333366; font-size:24px; line-height:30px; }
	.boardList		ul						{ margin-top:20px; padding-bottom:20px; background-color:#f2f2f2; }
	.boardList		li						{ position:relative; padding:20px 30px 20px 30px; }
	.boardList		ul	li:not(:last-child)	{ border-bottom:2px solid white; }
	.boardList		.image	.bg				{ width:100%; height:100%; background-size: cover; background-position: center center; }
	.boardList		li	h4					{ font-size:16px; line-height:20px; height:20px; color:#282828; margin-bottom:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	.boardList		p						{ overflow:hidden; font-size:14px; line-height:18px; max-height:54px; color:#808080; margin-bottom:15px; }
	.boardList		.count					{ float:left; }
	.boardList		.count	.item			{ font-size:14px; height:18px; line-height:18px; color:#808080; padding-left: 20px; display:inline-block; vertical-align:top; margin-right:15px; }
	.boardList		.count	.like			{ background:url(/static/image/ico_count_like_on.png) left center / 13px 13px no-repeat; }
	.boardList		.count	.view			{ background:url(/static/image/ico_count_view.png) left center / 13px 13px no-repeat; }
	.boardList		.count	.reply			{ background:url(/static/image/ico_count_reply.png) left center / 13px 13px no-repeat; }
	.boardList		.infoText				{ float:right; }
	.boardList		.infoText	.name		{ display:inline-block; vertical-align:top; font-size:14px; line-height:18px; color:#808080; margin-right:40px; }
	.boardList		.infoText	.time		{ display:inline-block; vertical-align:top; font-size:14px; line-height:18px; color:#808080; }
	.boardList		nav.page				{ background-color:#f2f2f2; padding-bottom:20px; margin-bottom:20px; }
	
	@media (max-width:480px)
	{
		.boardList		.image					{ width:100%; margin-bottom:10px; }
		.boardList		.image	.bg				{ padding-top:50%; }
		.boardList		.text					{ margin-bottom:10px; }
	}
	@media (min-width:481px) and (max-width:920px)
	{
		.boardList		.image					{ position:absolute; top:20px; left:30px; width:120px; height:120px;  }
		.boardList		.text					{ margin-bottom:10px; }
		.boardList		li.hasImage		.text	{ height:120px; padding-left:140px; }
	}
	@media (min-width:921px)
	{
		.boardList		.image					{ position:absolute; top:20px; left:30px; width:120px; height:120px;  }
		.boardList		li.hasImage		.text	{ height:100px; padding-left:140px; }
		.boardList		li.hasImage		.info	{ height:20px; padding-left:140px; }
	}
	
	section.boardListNav	table			{ width:100%; }
	section.boardListNav	th				{ color:#808080; border-bottom:2px solid #c3c3c3; }
	section.boardListNav	td				{ border-bottom:1px solid #c3c3c3; }
	section.boardListNav	td.name			{ width:100px; text-align:center; }
	section.boardListNav	td.title	p	{ overflow:hidden; }
	section.boardListNav	td.time			{ width:120px; text-align:center; }
	section.boardListNav	td.reply		{ width:60px; text-align:center; }
	section.boardListNav	td.status		{ width:60px; text-align:center; }
	section.boardListNav	.check.icon		{ width:25px; height:25px; display:inline-block; }
	section.boardListNav	.check.on		{ background:url(/static/image/ico_board_check_on.png) center center/25px 25px no-repeat; }
	section.boardListNav	.check.off		{ background:url(/static/image/ico_board_check_off.png) center center/25px 25px no-repeat; }
	section.boardListNav	tr.on	td		{ color:#e81d54; }
	section.boardListNav	tr.off	td		{ color:#282828; }
	
	@media (max-width:400px)
	{
		section.boardListNav	th.time,
		section.boardListNav	td.time			{ display:none; }
	}
	@media (max-width:480px)
	{
		section.boardListNav	td.name			{ width:60px; font-size:14px; }
		section.boardListNav	td.time			{ width:80px; font-size:12px; }
		section.boardListNav	td.title		{ font-size:14px; }
		section.boardListNav	td.title	p	{ max-height:36px; }
		section.boardListNav	td.status		{ width:40px; font-size:14px; }
		section.boardListNav	th				{ font-size:14px; line-height:18px; padding:10px; }
		section.boardListNav	td				{ line-height:18px; padding:10px; }
		section.boardListNav	th.reply,
		section.boardListNav	td.reply		{ display:none; }
	}
	@media (min-width:481px) and (max-width:920px)
	{
		section.boardListNav	td.name			{ width:60px; font-size:14px; }
		section.boardListNav	td.time			{ width:80px; font-size:12px; }
		section.boardListNav	td.title		{ font-size:14px; }
		section.boardListNav	td.title	p	{ max-height:36px; }
		section.boardListNav	td.reply		{ width:40px; font-size:14px; }
		section.boardListNav	td.status		{ width:40px; font-size:14px; }
		section.boardListNav	th				{ font-size:14px; line-height:18px; padding:10px; }
		section.boardListNav	td				{ line-height:18px; padding:10px; }
	}
	@media (min-width:921px)
	{
		section.boardListNav	td.name			{ width:100px; }
		section.boardListNav	td.time			{ width:120px; }
		section.boardListNav	td.title	p	{ max-height:40px; }
		section.boardListNav	td.reply		{ width:60px; }
		section.boardListNav	td.status		{ width:60px; }
		section.boardListNav	th				{ font-size:15px; line-height:20px; padding:20px; }
		section.boardListNav	td				{ font-size:15px; line-height:20px; padding:20px; }
	}
	
	form.boardForm							{ margin-bottom:40px; }
	form.boardForm	h3						{ display:none; }
	form.boardForm	.comment				{ color:#808080; font-size:14px; line-height:18px; margin-bottom:20px; }
	form.boardForm	.line					{ border:1px solid #808080; border-radius:3px; margin-bottom:20px; padding:10px; }
	form.boardForm	input					{ font-size:15px; line-height:20px; width:100%; border:none; }
	form.boardForm	textarea				{ font-size:15px; line-height:20px; width:100%; border:none; height:200px; }
	form.boardForm	.done					{ display:block; border:2px solid #333366; border-radius:5px; text-align:center; padding:20px; cursor:pointer; }
	form.boardForm	.done	span			{ font-size:20px; color:#333366; padding-right:20px; line-height:24px; height:24px; background:url(/static/image/ico_wideButton.png) right center / 15px 15px no-repeat; }

	form.boardForm.hasImage					{ position:relative; }
	form.boardForm.hasImage	.line1			{ margin-right:150px; }
	form.boardForm.hasImage	.mainImage		{ position:absolute; right:0px; top:0px; width:138px; height:98px; border:1px solid #a0a0a0; line-height:98px; text-align:center;}
	form.boardForm.hasImage	.mainImage	img	{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0px; left:0px; bottom:0px; right:0px; }	
	
	section.banner						{ display:inline-block; vertical-align:top; }
	section.banner				h3		{ display:none; }
	section.banner				li		{ position:relative; }
	section.banner	.image			a	{ position:relative; display:block; }		
	section.banner	.image.size1610	a	{ padding-top:62.5%; }
	section.banner	.image.size169	a	{ padding-top:56.25%; }
	section.banner	.image.size81	a	{ padding-top:12.5%; }
	section.banner	.image	img.banner	{ width:100%; position:absolute; top:0px; left:0px; }
	section.banner.mainTop,
	section.banner.mainTop		ul,
	section.banner.mainTop		ul	li	{ width:100%; }
	section.banner.mainTop		.text	{ position:absolute; width:820px; left:0px; bottom:0px; padding:10px 30px 10px 30px; background-color:rgba(1,1,1,0.5); }
	section.banner.mainTop		h4		{ height:45px; line-height:45px; font-size:35px; color:white; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	
	section.banner.mainTop2,
	section.banner.mainTop2		ul,
	section.banner.mainTop2		ul	li		{ width:100%; }
	section.banner.mainTop2		li	~ li	{ margin-top:20px; }
	section.banner.mainTop2		.text		{ position:absolute; width:100%; left:0px; bottom:0px; background-color:rgba(1,1,1,0.5); }
	section.banner.mainTop2		h4			{ height:40px; line-height:20px; font-size:16px; color:white; overflow:hidden; margin:15px 20px 15px 20px; }
	
	section.banner.community			{ width:100%; }
	section.banner.community	.text,
	section.banner.lnb			h4		{ display:none; }
	section.banner.lnb			li:not(:first-child)	{ margin-top:20px; }
	
	section.banner.mobileTop							{ width:100%; }
	section.banner.mobileTop	.swiper-slide			{ position:relative; text-align: center; }
	section.banner.mobileTop	.swiper-slide	.text	{ position:absolute; width:100%; bottom:30px; left:0px; }
	section.banner.mobileTop	.swiper-slide	h4		{ font-size:20px; line-height:25px; max-height:55px; overflow:hidden; color:white; text-align:center; padding:0px 20px 0px 20px; }
	section.banner.mobileTop	.swiper-pagination	.swiper-pagination-bullet	{ background-color:white; }
	
	section.banner		img.banner	{ width:100%; }
	
	@media (max-width:920px)
	{
		section.banner.hotissue								{ position:relative; width:100%; }
		section.banner.hotissue		.info	a				{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
		section.banner.hotissue		.info	.title			{ position:absolute; top:15px; left:10px; color:white; }
		section.banner.hotissue		.info	.title	.small	{ font-size:15px; line-height:15px; margin-bottom:5px; }
		section.banner.hotissue		.info	.title	.impact	{ font-size:30px; line-height:30px; }
		section.banner.hotissue		.info	h4				{ position:absolute; bottom:5px; left:0px; color:white; font-size:16px; line-height:16px; max-height:32px; overflow:hidden; padding:10px; }
		section.banner.hotissue		.info	img.button		{ position:absolute; top:20px; right:10px; }
		section.banner.hotissue		img.banner				{ width:100%; }
		section.banner.hotissue		.swiper-button-prev		{ display:none; }
		section.banner.hotissue		.swiper-button-next		{ display:none; }
	}
	@media (min-width:921px)
	{
		section.banner.hotissue								{ position:relative; width:880px; height:330px; }
		section.banner.hotissue		.info					{ position:relative; display:inline-block; vertical-align:top; width:292px; height:240px; padding:60px 30px 30px 30px; background-color:#333366; color:white; float:left; }
		section.banner.hotissue		.info	.title			{ margin-bottom:25px; }
		section.banner.hotissue		.info	.title	.small	{ font-size:15px; line-height:15px; margin-bottom:10px; }
		section.banner.hotissue		.info	.title	.impact	{ font-size:55px; line-height:55px; }
		section.banner.hotissue		.info	h4				{ font-size:20px; line-height:26px; width:230px; }
		section.banner.hotissue		.info	img.button		{ position:absolute; bottom:30px;right:30px; }
		section.banner.hotissue		.image					{ margin-left:352px; }
		section.banner.hotissue		.swiper-button-prev		{ background:none; left:362px; right:unset; width:40px; height:41px; margin-top:-20px; }
		section.banner.hotissue		.swiper-button-next		{ background:none; left:unset; right:10px; width:40px; height:41px; margin-top:-20px; }
	}
	
		
	section.qna							{ display:inline-block; vertical-align:top; width:100%; }
	section.qna		.qnaTop				{ height:25px; padding:23px 15px 22px 15px; background:#333366 url(/static/image/ico_plus.png) right 15px center no-repeat; }
	section.qna		h3					{ line-height:25px; font-size:25px; color:white;  }
	section.qna		.qnaBot				{ overflow-y:scroll; background-color:#f2f2f2; padding:0px 20px 0px 20px; }
	section.qna		ul					{ padding-bottom:10px; }
	section.qna		ul:not(:last-child)	{ border-bottom:1px solid white; }
	section.qna		li					{ position:relative; height:96px; }
	section.qna		li	.marker			{ position:absolute; top:19px; left:20px; width:10px; height:10px; border-radius:5px; }
	section.qna		li	.marker.master	{ background-color:#c3c3c3; }
	section.qna		li	.marker.user	{ position:absolute; top:19px; left:20px; width:10px; height:10px; border-radius:5px; background-color:#282828; }
	section.qna		li	.marker.admin	{ position:absolute; top:19px; left:20px; width:10px; height:10px; border-radius:5px; background-color:#e81d54; }
	section.qna		li	.adminLogo		{ padding-left:26px; background:url(/static/image/logo_icon.png) left center / 16px 16px no-repeat; }
	section.qna		li	.line			{ position:absolute; top:28px; left:24px; width:2px; height:87px; background-color:#808080; }
	section.qna		li	.question		{ padding:15px 40px 0px 60px; height:54px; line-height:18px; font-size:15px; overflow-y:hidden; word-break:break-all; color:#808080; }
	section.qna		li	.answer			{ padding:15px 40px 0px 60px; height:54px; line-height:18px; font-size:15px; overflow-y:hidden; word-break:break-all; color:#808080; }
	section.qna		li	.name			{ padding:9px 20px 9px 0px; height:10px; line-height:10px; font-size:11px; text-align:right; color:#808080; }
	section.qna		ul	li:last-child	.line	{ display:none; }

	section.sns.follow			{ display:inline-block; vertical-align:top; width:100%; }
	section.sns.follow			{ height:70px; padding:25px 0px 25px 0px; background-color:#f2f2f2; text-align:center; }
	section.sns.follow	h3		{ font-size:18px; line-height:18px; height:18px; color:#808080; margin-bottom:15px; }
	section.sns.follow	li		{ display:inline-block; vertical-align:top; margin:0px 10px 0px 10px; }
	section.sns.follow	li	img	{ width:40px; height:40px; }
	
	nav.page					{ text-align:center; }
	nav.page	a,
	nav.page	span			{ font-size:18px; line-height:18px; margin:0px 10px 0px 10px; color:#808080; }
	nav.page	span.disable	{ color:#e0e0e0; }
	nav.page	span.on			{ color:#e81d54; }
	
	body.aboutUs	main	section					{ margin-bottom:60px; }
	body.aboutUs	main	section		b			{ display:inline-block; font-size:24px; color:#282828; line-height:24px; margin-bottom:30px; }
	body.aboutUs	main	section		p			{ font-size:16px; color:#808080; line-height:20px; margin-bottom:20px; }
	body.aboutUs	main	section.aboutUs		h4	{ display:none; }
	body.aboutUs	main	section.contactUs	h4,
	body.aboutUs	main	section.supportUs	h4	{ color:#333366; font-size:30px; font-wieght:bold; line-height:30px; margin-bottom:40px; }
	body.aboutUs	main	section.supportUs	.paypal			{ margin-bottom:20px; }
	body.aboutUs	main	section.supportUs	.paypal	.value	{ font-size:14px; line-height:20px; margin-top:10px; }
	
	body.policy		main	.header						{ font-size:16px; line-height:20px; color:#808080; margin-bottom:40px; }
	body.policy		main	.index						{ margin-bottom:40px; }
	body.policy		main	.index		h4				{ font-size:20px; line-height:20px; color:#282828; margin-bottom:20px; }
	body.policy		main	.index		ol.level1	li	{ list-style:decimal; font-size:16px; line-height:20px; color:#808080; margin:0px 0px 10px 20px; padding-left:5px;}
	body.policy		main	.contents	ol.level1	h4	{ margin-bottom:30px; }
	body.policy		main	.contents	ol.level1	p	{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level1	li	{ list-style:decimal; font-size:20px; line-height:20px; color:#282828; margin:0px 0px 40px 20px; }
	body.policy		main	.contents	ol.level2	h5	{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level2	p,
	body.policy		main	.contents	ul.level2	p	{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level2	li	{ list-style:upper-alpha; font-size:16px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	body.policy		main	.contents	ul.level2	li	{ list-style:disc; font-size:16px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	body.policy		main	.contents	ol.level3	li	{ list-style:lower-roman; font-size:16px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	
	.wideButton			{ display:block; border:2px solid #333366; border-radius:5px; text-align:center; padding:20px; cursor:pointer; }
	.wideButton	span	{ font-size:20px; color:#333366; padding-right:20px; line-height:20px; height:20px; background:url(/static/image/ico_wideButton.png) right center / 15px 15px no-repeat; }
	
	.clear				{ clear:both; }