@charset "utf-8";
	@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
	
	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: "Nanum Gothic", 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									{ background-color : white; }
		body:not(.toggleMenu)	> header					{ margin-bottom : 35px; }
		body.toggleMenu	> header							{ position : fixed; top : 0px; left : 0px; width : 100%; z-index : 100; }
		body.toggleMenu > main.responsiveBase				{ margin-top:223px!important; }
	}
	
	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; font-weight:bold; }
	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 #333366; 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:#333366; opacity:0.8; font-size:12px; }
	body	> header	.topmenu1	.keyword:-ms-input-placeholder	{ color:#333366; opacity:0.8; font-size:12px; }
	body	> header	.topmenu1	.keyword::-ms-input-placeholder	{ color:#333366; 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 : white; background-color:#333366; width:95px; height:40px; line-height:40px; 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 : white; background-color:#333366; height:50px; width:100%; line-height:50px; font-size:17px; border:1px solid #333366; 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; text-align:center; }
	body.toggleMenu	> footer		{ position : fixed; bottom : 0px; left : 0px; width : 100%; }
	body	> footer	nav			{ color:#999999; padding:30px 20px 10px 20px; }
	body	> footer	nav		a	{ margin:0px 10px 0px 10px; }
	body	> footer	.company	{ color:#999999;  padding:0px 20px 10px 20px; }
	body	> footer	.copyright	{ color:#999999;  padding:0px 20px 50px 20px; }
	
		
	@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	.company	{ font-size:13px; line-height:1.3em; }
		body	> footer	.company	span.data	{ display : block; }
		body	> footer	.company	span.split	{ display : none; }
		body	> footer	.company	span.split2	{ display : none; }
		body	> footer	.company	span.split3	{ display : none; }
		body	> footer	.company	span.split4	{ display : none; }
		body	> footer	.company	span.split5	{ display : none; }
		body	> footer	.copyright	{ font-size:14px; line-height:1.3em; }
	}
	@media (min-width:480px) and (max-width:639px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:1.3em; }
		body	> footer	.company	{ font-size:16px; line-height:1.3em; }
		body	> footer	.company	span.split3	{ display : none; }
		body	> footer	.company	span.split4	{ display : none; }
		body	> footer	.company	span.split5	{ display : none; }
		body	> footer	.copyright	{ font-size:18px; line-height:1.3em; }
	}
	@media (min-width:640px) and (max-width:920px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:1.3em; }
		body	> footer	.company	{ font-size:15px; line-height:1.3em; }
		body	> footer	.company	span.split2	{ display : none; }
		body	> footer	.company	span.split4	{ display : none; }
		body	> footer	.company	span.split5	{ display : none; }
		body	> footer	.copyright	{ font-size:18px; line-height:1.3em; }
	}
	@media (min-width:921px) and (max-width:1239px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:1.3em; }
		body	> footer	.company	{ font-size:15px; line-height:1.3em; }
		body	> footer	.company	span.split2	{ display : none; }
		body	> footer	.company	span.split3	{ display : none; }
		body	> footer	.company	span.split5	{ display : none; }
		body	> footer	.copyright	{ font-size:18px; line-height:1.3em; }
	}
	@media (min-width:1240px)
	{
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:1.3em; }
		body	> footer	.company	{ font-size:15px; line-height:1.3em; }
		body	> footer	.company	span.split2	{ display : none; }
		body	> footer	.company	span.split3	{ display : none; }
		body	> footer	.company	span.split4	{ display : none; }
		body	> footer	.copyright	{ font-size:18px; line-height:1.3em; }
	}
	
	@media (max-width:920px)
	{
		.responsiveTop		{ margin : 0px 20px 60px 20px; padding-bottom : 60px; border-bottom : 2px solid #7b7b7b; }
		.responsiveLeft		{ display : none; }
		.responsiveRight	{ margin : 0px 20px 0px 20px; }
	}
	@media (min-width:921px) and (max-width:1239px)
	{
		.responsiveTop		{ width:100%; margin-bottom : 60px; padding-bottom : 60px; border-bottom : 2px solid #7b7b7b; }
		.responsiveLeft		{ display : none; }
		.responsiveRight	{ width:100%; }
	}
	@media (min-width:1240px)
	{
		.responsiveTop		{ width:100%; margin-bottom : 60px; }
		.responsiveLeft		{ width:380px; float:left; }
		.responsiveRight	{ width:780px; float:right; }
	}
	
	@media (max-width:480px)
	{
		section.banner.mainTop		ul		{ width : 100%; }
		section.banner.mainTop		.text	{ padding:5px 5px 5px 5px; width:calc(100% - 10px); }
		section.banner.mainTop		h4		{ line-height:1.5em; font-size:21px; }
	}
	@media (min-width:481px) and (max-width:640px)
	{
		section.banner.mainTop		ul		{ width : 100%; }
		section.banner.mainTop		.text	{ padding:10px 10px 10px 10px; width:calc(100% - 20px); }
		section.banner.mainTop		h4		{ line-height:1.5em; font-size:23px; }
	}
	@media (min-width:641px) and (max-width:801px)
	{
		section.banner.mainTop		ul		{ width : 100%; }
		section.banner.mainTop		.text	{ padding:10px 20px 10px 20px; width:calc(100% - 40px); }
		section.banner.mainTop		h4		{ height:30px; line-height:30px; font-size:23px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	}
	@media (min-width:801px) and (max-width:920px)
	{
		section.banner.mainTop		ul		{ width : 100%; }
		section.banner.mainTop		.text	{ padding:10px 20px 10px 20px; width:calc(100% - 40px); }
		section.banner.mainTop		h4		{ height:36px; line-height:36px; font-size:28px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	}
	@media (min-width:921px)
	{
		section.banner.mainTop		ul		{ margin : 0px auto 0px auto; width : 880px; }
		section.banner.mainTop		.text	{ padding:10px 30px 10px 30px; width:calc(100% - 60px); }
		section.banner.mainTop		h4		{ height:45px; line-height:45px; font-size:35px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	}
	
		
	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	img.banner	{ width:100%; position:absolute; top:0px; left:0px; }
	section.banner.mainTop,
	section.banner.mainTop		ul	li	{ width:100%; }
	section.banner.mainTop		.text	{ position:absolute; left:0px; bottom:0px; background-color:rgba(1,1,1,0.5); }
	section.banner.mainTop		h4		{ color:white; }

	
	.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; }
	}
	
	.foldingList li.contentsItem { border-bottom : 2px solid #7b7b7b; margin-bottom : 60px; }
	.foldingList li.contentsItem .articleInfo { margin-bottom : 15px; line-height : 16px; height : 16px; }
	.foldingList li.contentsItem .articleInfo .category { display : inline-block; vertical-align:top; color : white; padding : 0px; height : 16px; background-color : white; margin-right : 12px; }
	.foldingList li.contentsItem .articleInfo .writer { display : inline-block; vertical-align:top; color : #808080; padding : 0px 2px; font-size : 11px; font-weight : bold; }
	.foldingList li.contentsItem h4.title { font-size : 21px; line-height : 1.5em; color : #808080; margin-bottom : 18px; }
	.foldingList li.contentsItem .youtube { position:relative; width:100%; padding-top:56%; overflow:hidden; margin-bottom:20px; }
	.foldingList li.contentsItem .youtube iframe { position:absolute; left:0px; top:0px; width:100%; height:100%; }
	.foldingList li.contentsItem .mainImageBox { margin-bottom : 24px; max-width:100%; }
	.foldingList li.contentsItem .mainImageBox .image { position : relative; }
	.foldingList li.contentsItem .mainImageBox .image.size169 { padding-top:56.25%; }
	.foldingList li.contentsItem .mainImageBox .image img { position : absolute; top : 0px; left : 0px; width : 100%; }
	.foldingList li.contentsItem .mainImageBox .caption { font-size : 11px; line-height : 18px; color : #808080; margin-top : 10px; }
	.foldingList li.contentsItem .text { font-size:16px; color : #666666; letter-spacing:-0.015em; line-height:1.625em; }
	.foldingList li.contentsItem .text .imageBox { max-width:100%; }
	.foldingList li.contentsItem .text .imageBox.left { float:left; margin:0px 20px 20px 0px; }
	.foldingList li.contentsItem .text .imageBox.right { float:right; margin:0px 0px 20px 20px; }
	.foldingList li.contentsItem .text .imageBox.center { margin:0px auto 20px auto; }
	.foldingList li.contentsItem .text .imageBox .caption { font-size:11px; line-height:18px; color:#9f9f9f; }
	.foldingList li.contentsItem .text .imageBox img { max-width:100%; }
	
	.foldingList li.contentsItem .shareBox { margin:102px 0px 55px 0px; }
	.foldingList li.contentsItem .shareBox li { display:inline-block; vertical-align:top; width:40px; cursor:pointer; }
	.foldingList li.contentsItem .shareBox li img { width : 100%; }
	.foldingList li.contentsItem .shareBox li ~ li { margin-left : 20px; }
	.foldingList li.contentsItem .buttonBox { margin : 16px 0px 60px 0px; text-align : right; }
	.foldingList li.contentsItem .buttonBox .detailButton { display : inline-block; line-height:14px; font-size:14px; font-weight:bold; color:white; text-align : right; padding:12px 50px 12px 0px; width : 118px; background:#333366 url(/static/image/ico_plus.png) left 50px center / 14px 14px no-repeat; border-radius : 4px; }
	
	.foldingList li.contentsItem.collapse .text > * { display : none; }
	.foldingList li.contentsItem.collapse .text > .preview { display : initial!important; }
	.foldingList li.contentsItem.collapse > .shareBox { display : none; }
	.foldingList li.contentsItem:not(.collapse) > .buttonBox { display : none; }
	.foldingList .hasNoItem { padding:40px; text-align:center; color:#333366; font-size:24px; line-height:1.3em; }
	.foldingList nav.page { background-color:#ffffff; padding-bottom:20px; margin-bottom:20px; }
	
	#contentsListTemplate { 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:#828282; font-weight:bold; letter-spacing:-0.083em; }
	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:18px; letter-spacing:-0.015em; line-height:26px; margin-bottom:30px; }
	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:40px; line-height:50px; }
		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-weight: 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: #282828; }
	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:16px; }
	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; }	

	aside.floating.fixed { position : fixed; width : 380px; }
	aside.floating.bottom { position : absolute; width : 380px; }
	aside.floating section:first-child { padding-top : 40px; }
	aside.floating section { padding-bottom : 68px; }
	aside.floating section .titleBox { padding-bottom : 9px; text-indent : 5px; }
	aside.floating section .titleBox h3 { font-size:21px; line-height:1em; color : #939393; letter-spacing:-0.043em; font-weight : bold; }
	aside.floating section .titleBox .hr { width : 62px; border-bottom : 2px solid #cacaca; margin-top : 11px; }
	
	section.newsletter .buttonBox { padding:25px 0px 28px 0px; background-color:#f2f2f2; text-align:center; }
	section.newsletter .buttonBox p { font-size:16px; font-weight : bold; line-height : 1.5em; padding : 0px 20px; color:#808080; margin-bottom:25px; }
	section.newsletter .button.apply { display:inline-block; color : white; font-weight : bold; background-color:#333366; height:20px; line-height:20px; border-radius:3px; text-align:center; font-size:15px; padding : 6px 40px 6px 40px; }
	
	section.popular .contentsList li { padding : 21px 5px 19px 5px; border-top : 1px solid #cacaca; border-bottom : 1px solid #cacaca; margin-top : 9px; }
	section.popular .contentsList li h4 { font-size : 16px; font-weight : bold; line-height : 20px; color : #949494; }


	
	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-weight: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.donation	main	section			{ margin-bottom:60px; }
	body.donation	main	section		b	{ display:inline-block; font-size:24px; color:#282828; line-height:24px; margin-bottom:30px; }
	body.donation	main	section		li	{ list-style : decimal; margin-left : 20px; }
	body.donation	main	section		p,
	body.donation	main	section		li	{ font-size:16px; color:#808080; line-height:20px; margin-bottom:20px; }
	body.donation	main	section.donation	h4		{ color:#333366; font-size:30px; font-weight:bold; line-height:30px; margin-bottom:40px; }
	body.donation	main	section.donation	a.link	{ color:#333366; font-size:18px; }
	
	
	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; padding-left:5px;}
	body.policy		main	.index		ol.level1	> li			{ font-size:16px; line-height:20px; color:#808080; margin:0px 0px 10px 20px; }
	
	body.policy		main	.contents	> h3						{ color : #333366; font-size:24px; line-height:24px; margin:0px 0px 20px 0px; }
	body.policy		main	.contents	ol.level1	> li			{ list-style:decimal; }
	body.policy		main	.contents	ol.level1	> li,
	body.policy		main	.contents	ul.level1	> li			{ font-size:20px; line-height:20px; color:#282828; margin:0px 0px 40px 30px; }
	body.policy		main	.contents	ol.level1	> li	> h4,
	body.policy		main	.contents	ul.level1	> li	> h4	{ margin-bottom:30px; }
	body.policy		main	.contents	ol.level1	> li	> p,
	body.policy		main	.contents	ul.level1	> li	> p		{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level2	> li			{ list-style:decimal; }
	body.policy		main	.contents	ol.level2	> li,
	body.policy		main	.contents	ul.level2	> li			{ font-size:16px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	body.policy		main	.contents	ol.level2	> li	> h5,
	body.policy		main	.contents	ul.level2	> li	> h5	{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level2	> li	> p,
	body.policy		main	.contents	ul.level2	> li	> p		{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level3	> li			{ list-style:decimal; font-size:16px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	body.policy		main	.contents	ol.level3	> li	> p,
	body.policy		main	.contents	ul.level3	> li	> p		{ font-size:16px; line-height:22px; color:#808080; margin-bottom:10px; }
	body.policy		main	.contents	ol.level4	> li			{ list-style:decimal; font-size:15px; line-height:22px; color:#808080; margin:0px 0px 10px 20px; }
	body.policy		main	.contents	ol.circle	> li			{ list-style:circle!important; }
	body.policy		main	.contents	ol.disc		> li			{ list-style:disc!important; }
	body.policy		main	.contents	ol.none		> li			{ list-style:none!important; margin-left : 10px!important; }
	
	.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; }