@charset "utf-8";
/* CSS Document */

	*, *::before, *::after {box-sizing:border-box;}
	html, body {padding:0; margin:0;}
	body {min-height:100%;}
	.top_head { height: 72px;  position: sticky; -webkit-position: sticky; top: -16px;   z-index: 1; color: white;text-align: center; -webkit-backface-visibility: hidden;}
	.top_head::before, .top_head::after { content: ''; display: block; height: 16px; position: sticky; -webkit-position: sticky;}
	.top_head::before {top: 42px;  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);}
	.top_head::after {  background: linear-gradient(white 10%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.4) 70%, transparent); top: 0;
	 z-index: 2;}
	.top_head >div {background: #fff;border-bottom: 1px dashed #ccc; height:56px;  position: sticky;  -webkit-position: sticky; top: 0px;  margin-top: -16px; z-index: 3;}
	.top_head >div h2 { margin: 0 auto;font-size: 18px;line-height: 54px;color:#333;font-family:'Nanum Gothic', sans-serif, 'Open Sans', sans-serif; text-align: left;max-width: 1280px;padding-left:14px; }
	.top_head button{float: right; margin:16px;top: 0px;background: none; border: none;}
	.roles_conbody{ font-size: 12px; line-height: 24px; padding:16px; display:block;font-family:'Nanum Gothic', sans-serif, 'Open Sans', sans-serif; font-weight: normal;font-style: normal; color:#333;max-width: 1280px;margin:0 auto; }
	.roles_conbody h2{font-size: 18px;}
	.roles_tb01 {border-right:1px solid #eee;border-top:1px solid #eee; border-spacing: 0 !important;line-height: 24px; width:100%;margin: 20px 0;font-size: 12px;font-family:'Nanum Gothic', sans-serif, 'Open Sans', sans-serif; }
	.roles_tb01 tr th{border-left:1px solid #eee;border-bottom:1px solid #eee;padding:8px 2px;font-size: 12px; }
	.roles_tb01 tr td{border-left:1px solid #eee;border-bottom:1px solid #eee;padding:8px 2px;font-size: 12px; }
	.roles_conbody ul, .roles_conbody ol{padding-left: 16px;}
	.roles_conbody ul.nonebulet{ list-style-type : none;padding-left: 0px;}
	.roles_conbody ul{padding-bottom:20px;}
	.roles_conbody	a{text-decoration: none; color:#333;}
	.roles_conbody h3{font-weight:bold; font-size:14px;}
	.t_center{text-align: center;}
	@media screen and (min-width: 1280px) { .top_head h2{padding-left:0px;} } 
	.in_logo{width: 100px;float: right;margin-top: 4px;}
	.rules_bottom{max-width: 1280px;margin: 0 auto; text-align: center; padding: 35px 0 40px; border-top: 1px dashed #ddd;}
.rules_bottom a{text-decoration: none; font-size:13px; color:#999; font-weight: 700;}
.rules_bottom a img{margin-right:20px; vertical-align: 1px;}