@charset "utf-8";
:root {
	--main-color:#3AA370;
	--sub-color:#0D0B5D;
	--point-color1:#42C0BD; 
	--basic-bg:#f6f6f6;	
	--dark-color:#313033;
	--grd:linear-gradient(90deg, #5099FF, #544CB9);
	--btn-shadow:0 1px 2px rgba(0,0,0,0.1);
	--bx-shadow:0 10px 20px rgba(0,0,0,0.1);
	--more-shadow:0 2px 4px rgba(0,0,0,0.1);
	--color-shadow:0 4px 10px rgba(84,76,185,0.4);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
	--faw:'Font Awesome 6 Pro';
}

::selection		{background:var(--point-color1);color:#fff}
body			{font-size:1.063rem;color:#454545;line-height:1.8;}
h1				{font-size:3rem;font-weight:var(--font-bold);}
h2				{font-family:ns-neo;margin:2rem 0 1rem;}
h3				{color:var(--main-color)}
.d_width		{width:1400px;margin:0 auto;position:relative;transition:var(--all-ani);}
.c_width		{width:100%;margin:0 auto;position:relative;}
.nodata			{color:#aaa;font-weight:300}

.va_mo			{display:none;}	
@media only screen and (max-width:767px){
	.va_pc		{display:none;}
	.va_mo		{display:block;}
}		

/**/
@media only screen and (max-width:1800px){
	.d_width		{}
}
@media only screen and (max-width:1600px){
	.d_width		{width:1200px;}
}
@media only screen and (max-width:1240px){
	.d_width		{width:960px;}
	h1				{font-size:2.5rem;}
}
@media only screen and (max-width:1023px){
	.d_width		{width:760px;}
}
@media only screen and (max-width:767px){
	.d_width		{width:auto;margin:0 20px;}
	h1				{font-size:2rem;}
	#wrap			{min-width:320px;}
}
@media only screen and (max-width:576px){
	.d_width		{}
}
@media only screen and (max-width:415px){
	.d_width		{margin:0 20px;}
}

/**/
#wrap										{position:relative;padding:0;margin:0;background:#fff;}
#header										{position:absolute;left:0;top:0;width:100%;height:70px;z-index:999;transition:var(--all-ani);border-bottom:1px solid #ddd;}
#header > .row								{justify-content:space-between;align-items:center;}
#header 
#logo										{display:flex;flex-flow:row nowrap;align-items:center;}
#logo img									{margin:15px 0;z-index:999;font-size:0;line-height:1;transition:all 0.3s;}
#logo .logo-name							{display:inline-block;font-size:1.25rem;margin-left:1rem;line-height:1;color:#333;font-weight:700;transition:all 0.3s;}
#header	.btn-login							{font-size:1rem;}
#header	.btn-login i						{margin-right:8px;}
#header.fix									{position:fixed;left:0;top:0;width:100%;height:60px;background:#fff9;backdrop-filter: blur(3px);}
 #header.fix	 #logo img					{margin:15px 0;height:30px;}
#header.fix	 #logo .logo-name				{font-size:1rem;margin-left:.6rem;}
#header.fix .btn-login						{scale:.9;box-shadow:0 0 5px rgba(0,0,0,0.2);}

#main-container{padding-top:70px;}

#aside										{position:relative;width:340px;padding:40px 40px 80px 0;}
#aside > div								{position:absolute;top:0;left:0;width:100%;}
#aside > div.sticky							{position:sticky;top:100px;}
#contwrap									{width:calc(100% - 340px);min-height:calc(100vh - 237px);border-left:1px solid #ddd;padding:40px 0 80px 40px;}

#gnb .tit									{font-size:var(--font-lg);border-bottom:1px solid #666;margin:30px 0 0;}
#gnb .tit a									{display:block;padding-bottom:15px;}
/* #gnb .tit a:before							{content:"\f054";font-family:var(--faw);color:var(--main-color);margin-right:10px;font-size:1rem;} */
#gnb .tit a	.mo_more						{display:none;}
#gnbmn										{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a									{position:relative;display:block;font-size:var(--font-lg);padding:10px 0;border-bottom:1px solid #ddd;word-break:keep-all;display:flex;align-items: center;justify-content: space-between;}
#gnbmn a:after								{content:"\f054";font-family:var(--faw);margin-right:10px;font-size:.9rem;color:#b5b5b5;}
#gnbmn a:hover, 
#gnbmn a.active,
#gnbmn a.on									{background:var(--main-color);padding-left:0.5rem;color:#fff;}
#gnbmn a:hover:after,
#gnbmn a.active:after,
#gnbmn a.on:after							{color:#fff;}

/* #footer										{border-top:1px solid #ddd;background:#fafafa;padding:40px 0 100px;font-size:.9rem;color:#666;}*/
footer				{background:#3D454E;z-index:9; padding:0px 0;}
footer:before		{background:rgba(0,0,0,0.4);}
footer ul.f_mn li a	{color:#9CA7B1;}
footer address		{color:#9CA7B1; margin-top:20px;}
footer address .tit	{color:#FFCC00; margin-right:5px;}
footer .copyright	{color:#949FAB; font-size:13px; margin-top:20px;}

footer ul.f_mn li{display:inline-block; margin:10px 10px 10px 0;}
.f_cont{width:60%;  float:left;}
.f_link{width:40%; float:left; padding:10px 0; }
.f_link select{margin-right:10px;}

#footer				{position:relative;background:#2B3956 url(../../../img/footer_bg.jpg) no-repeat 50% 50%;}
#footer>.d_width	{padding:20px 0;}
#footer .fmn li		{float:left;margin-right:10px;line-height:1.2;}
#footer .fmn li a	{font-size:13px;color:#949BAA;}
#footer .fmn li a:hover		{color:#fff;}
#footer address	{font-size:12px;color:#949BAA;margin:20px 0 15px;line-height:1.6;}
#footer address p:after	{content:"";display:block;float:none;clear:both;}
#footer address span	{float:left;}
#footer address span:nth-of-type(1)	{width:70px;}
#footer address span:nth-of-type(2)	{width:270px;}
#footer address span:nth-of-type(3)	{width:140px;}
#copyright		{font-size:11px;color:#949BAA;line-height:1.2;}
.linksite			{position:relative;}
.go-top				{position:absolute;right:calc(50% - 700px);top:-20px;z-index:99;}
.go-top.va-mo		{display:none;}
.go-top a			{display:block;width:60px;height:60px;background:var(--main-color);box-shadow:5px 5px 10px rgba(0,0,0,0.3);text-align:center;line-height:60px;font-size:var(--font-sm);color:#fff;font-weight:700;border-radius:5px;transition:all 0.2s ease-out;}
.go-top a:hover		{transform:translateY(-10px);}
.linksite .tab{display:none;}

#mobile-navicon						{display:none;position:absolute;left:1.5rem;top:2rem;}
#mobile-navicon:before				{content:"";display:block;background:url(../img/ico_topmn.png) no-repeat 0 0;width:40px;height:40px;}
#mobile-navicon i					{display:none;}

#aside .login {border-radius:5px;border:1px solid #555;}
#aside .login .btn-wrap{padding:30px;text-align:Center;}
#aside .login .btn-login{font-family:ns-neo;width:100%;font-weight:700;}
#aside .login .btn-wrap .tit{font-size:var(--font-xlg);font-weight:700;font-family:ns-neo;color:#000;margin-bottom:20px;line-height:1.2;}
#aside .login .txt{font-size:1rem;padding:25px;border-top:1px solid #555;line-height:1.3;word-break:keep-all;color:#666;font-weight:300;}
#aside .user{padding:25px 20px;background:#f6f6f6 url(../img/research_user.png) no-repeat 90% 50%;font-family:ns-neo;border-radius:5px;font-size:var(--font-lg);color:#000;line-height:1.3;}
#aside .user span{font-size:var(--font-3xlg);display:block;font-weight:900;}

.main-title{padding:60px;line-height:1.3;word-break:keep-all;font-family:ns-neo;background:linear-gradient(145deg, #3AA370, 80% ,#36c17e, #91b720);background-size: 400% 400%;animation: bg-pan-left 4s cubic-bezier(0, 0.89, 0.53, 1.01) alternate both infinite;border-radius:8px;margin-bottom:30px;position:relative;overflow:hidden;}
.main-title:after{content:"";width:374px;height:247px;background:url(../img/mv-bg-1.png);background-size:cover;position:absolute;right:0;top:15%;animation:fadeUpLeft .5s .6s both;}
.main-title:before{content:"";width:374px;height:247px;background:url(../img/mv-bg-2.png);background-size:cover;position:absolute;right:0;top:15%;animation:fadeUpLeft .5s .7s both;}
.main-title .stit{font-size:30px;color:#fff;}
.main-title .tit{font-size:50px;font-weight:900;color:#ffc;}
#contwrap > .txt{line-height:1.4;color:#666;font-size:1rem;font-weight:300;margin-bottom:20px;}

.sub-title{padding:40px;line-height:1.3;word-break:keep-all;font-family:ns-neo;background:linear-gradient(145deg, #3AA370, 80% ,#36c17e, #91b720);background-size: 300% 300%;animation: bg-pan-left 4s cubic-bezier(0, 0.89, 0.53, 1.01) alternate both infinite;border-radius:8px;margin-bottom:30px;position:relative;overflow:hidden;}
.sub-title:after{content:"";width:374px;height:247px;background:url(../img/mv-bg-1.png);background-size:cover;position:absolute;right:0;top:10%;animation:fadeUpLeft .5s .6s both;}
.sub-title:before{content:"";width:374px;height:247px;background:url(../img/mv-bg-2.png);background-size:cover;position:absolute;right:0;top:10%;animation:fadeUpLeft .5s .7s both;}
.sub-title .stit{font-size:20px;color:#fff;font-weight:300;}
.sub-title .tit{font-size:var(--font-3xlg);font-weight:900;color:#ffc;}

@keyframes fadeUpLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px,100px,0);
	transform: translate3d(100px,100px,0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bg-pan-left {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}

.research-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;counter-reset: num;line-height:1.2;}
.research-list li{width:calc(50% - 10px);margin:10px 0;background:#f6f6f6;border:1px solid #f6f6f6;border-radius:5px;transition:all 0.3s;position:relative;}
.research-list li a{display:block;padding:30px;padding-right:100px;overflow:hidden;position:relative;word-break:keep-all;}
.research-list li .num:before{counter-increment: num;content: "0" counter(num);font-size:.7rem;color:var(--sub-color);position:relative;}
.research-list li:nth-child(n + 10) .num:before{content: counter(num);}
.research-list li .tit{font-size:var(--font-xlg);font-weight:600;margin:10px 0;position:relative;}
.research-list li .more{font-size:.9rem;color:var(--main-color);position:relative;}
.research-list li .more:after{content:"\f178";font-family:var(--faw);margin-left:5px;}
.research-list a:after{content:"";width:55px;height:55px;position:absolute;top:50%;right:30px;transform:translateY(-50%);transition:all 0.3s;background-size:cover;}
.research-list a.ico1:after{background-image:url(../img/research_ico01.png);}
.research-list a.ico2:after{background-image:url(../img/research_ico02.png);}
.research-list a.ico3:after{background-image:url(../img/research_ico03.png);}
.research-list a.ico4:after{background-image:url(../img/research_ico04.png);}
.research-list a.ico5:after{background-image:url(../img/research_ico05.png);}
.research-list a.ico6:after{background-image:url(../img/research_ico06.png);}
.research-list a.ico7:after{background-image:url(../img/research_ico07.png);}
.research-list a.ico8:after{background-image:url(../img/research_ico08.png);}
.research-list a.ico9:after{background-image:url(../img/research_ico09.png);}
.research-list a.ico10:after{background-image:url(../img/research_ico10.png);}
.research-list li:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.15);border:1px solid var(--main-color);}
.research-list a:hover:after{filter:drop-shadow(1px 2px 3px rgba(0,0,0,0.3));animation:wobble .8s both alternate infinite;}
.research-list li:before{content:"";width:100%;height:0%;background:#fff;position:absolute;left:0;bottom:0;transition:all 0.3s;border-radius:5px;}
.research-list li:hover:before{height:100%;}
.research-list a:hover .tit{color:#000;font-weight:900;transition:all 0.3s;}
.research-list a:hover .num:before,
.research-list a:hover .more{font-weight:700;transition:all 0.3s;}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(-3px) translateY(-50%);
    transform: translateX(-3px) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(3px) translateY(-50%);
    transform: translateX(3px) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.poll					{background:#f6f6f6;border-radius:8px;overflow:hidden;} 
.poll table				{display:table;width:100%;text-align:center;color:#333;font-size:1rem;} 
.poll table thead tr		{border-bottom:2px solid #333;}
.poll table thead tr,
.poll table tbody tr		{display:table-row;width:100%;padding:0;}
.poll table thead th		{padding:1rem 0;font-weight:normal;color:#333;vertical-align:middle;line-height:1;word-break:keep-all;}
.poll table tbody tr		{border-bottom:1px solid #9f9f9f;}
.poll table tbody th		{font-weight:700;}
.poll table tbody th,
.poll table tbody td		{display:table-cell;vertical-align:middle;float:none;width:auto;padding:20px 5px;}
.poll table tbody tr:last-child 	{border-bottom:none;}
.poll table tbody td				{position:static;} 
.poll table tbody td.subject		{position:static; width:auto !important;text-align:left;padding-left:20px;} 
.poll table thead .grade	{width:30px;height:30px;line-height:30px;margin:0 auto;margin-bottom:8px;text-align:center;border-radius:30px;background:#C98801;color:#fff;}
.poll table tbody td span	{display:none;} 
.poll table ul li			{float:left;width:20%;font-size:12px;} 
.poll table ul:after		{content:"";clear:both;display:block;float:none;}
.poll .tv-radio input[type="radio"] + label::before{border:2px solid #666;}
.tv-radio input[type="radio"]:checked + label::before{border:2px solid var(--main-color);}

@media all and (max-width:767px){
	.poll{border:none;background:none;padding-left:30px;}
	.poll table						{position:relative;display:block;background:#fff;line-height:160%;}
	.poll table thead				{display:none;}
	.poll table thead .num,
	.poll table thead .tt			{width:0 !important;}
	.poll table tbody				{display:block;}
	.poll table tbody tr			{position:relative;clear:both;border-bottom:0;}
	.poll table tr:last-child 		{border-bottom:1px solid #ddd;}
	.poll table tbody th, 
	.poll table tbody td			{position:relative;display:inline-block;float:left; zoom:1; *display:inline;width:100%;padding:0;text-align:left;}
	.poll table tbody td:last-child	{margin:0;padding:0 0 10px 0;}

	.poll table tbody span.num_m	{display:inline-block;float:left;background:#4B5058;width:25px;height:25px;line-height:25px;margin:4px 10px 0 -35px;text-align:center;color:#fff;font-size:12px}
	.poll table tbody th.num		{display:none;}
	.poll table tbody td.subject	{padding:15px 10px 0 10px;width:auto;font-size:16px;}
	.poll table tbody td.answer		{padding:5px 0;border:2px solid #fff;width:100%;background:#f4f4f4;text-align:center;font-size:12px;letter-spacing:-1px;line-height:120%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
	.poll table tbody span.tt, .poll table tbody input	{display:block;margin:0 auto;}

	.tv-radio input[type="radio"] + label::before,
	.tv-radio input[type="radio"] + label::after{margin:0;}
}

.result					{background:#f6f6f6;border-radius:8px;padding:40px;}
.result	.table1	thead th{background:#fff;}
.result	.table1	tbody th{border-right:1px solid var(--basic-border);background:#fff5;}
.result .tit h3			{color:#333;}
.result .tit em			{color:var(--main-color);font-weight:900;}
.result	ul.bu>li		{font-weight:700;line-height:2;}
.result ul.bu>li:before	{vertical-align:text-top;}
.result	ul.bu>li li		{font-weight:300;font-size:var(--font-base);color:#666;}

@media only screen and (max-width:1600px){
	.research-list li .tit{font-size:var(--font-lg);}
	.main-title .stit{font-size:var(--font-2xlg);}
	.main-title .tit{font-size:45px;}
	.go-top{right:calc(50% - 600px);}
}
@media only screen and (max-width:1240px){
	#aside{width:250px;padding:20px 20px 40px 0;}
	#contwrap{width:calc(100% - 250px);padding:20px 0 40px 20px;border-left:none;}
	#gnbmn a{font-size:1.1rem;}
	.main-title{padding:40px;}
	.main-title .stit{font-size:var(--font-2xlg);}
	.main-title .tit{font-size:40px;}
	#aside .user span{font-size:var(--font-2xlg);}
	#aside .login .btn-wrap .tit{font-size:var(--font-lg);}
	#aside .login .btn-wrap, #aside .login .txt{padding:20px;}
	.sub-title{padding:30px;}
	.sub-title:after,
	.sub-title:before{width:285px;height:240px;}
	.sub-title .tit{font-size:var(--font-2xlg);}
	.result{padding:30px;}
	.fmn	{padding-right:80px;}
	.go-top{right:calc(50% - 480px);}
}
@media only screen and (max-width:1023px){
	#aside{width:100%;padding:0;margin:30px 0;position:relative;z-index:1;}
	#contwrap{width:100%;padding:0;margin:0 0 60px;}
	#aside > div{display:flex;flex-direction:column;}
	#aside .user{order:1;margin-top:20px;display:none;}
	#aside .user span{display:inline-block;margin-left:5px;font-size:var(--font-xlg);}
	#aside .login{margin-bottom:20px;}
	#gnb .tit{margin-top:0;}
	#gnb .tit a:before{display:none;}
	#gnb .tit a{position:relative;}
	#gnb .tit a	.mo_more {display:block;position:absolute;top:0;right:0;width:35px;line-height:33px;border-radius:50%;background:var(--sub-color);text-align:center;color:#ffc;font-size:.9rem;}
	#gnb .tit a	.mo_more:before{content:"\f078";font-family:var(--faw);}
	#gnb.open .tit a .mo_more:before{content:"\f077";}
	#gnbmn{height: 0;overflow: hidden;position:absolute;/* background:#000000ad;backdrop-filter: blur(3px); */background:#fff;transition:all 0.5s;}
	#gnb.open #gnbmn{height:auto;}
	#gnb.open #gnbmn a{font-weight:500;/* border-color:#00000052;color:#fff; */padding:10px 1rem;}
	#gnb.open .tit a{background: var(--main-color);color: #fff;padding: 10px 1rem;}
	#gnb.open .tit a .mo_more{color:#fff;background:var(--main-color);top:8px;right:10px;}
	.go-top{right:calc(50% - 380px);}
}
@media only screen and (max-width:767px){
	#header .btn-login i{margin-right:0;}
	#header .btn-login{padding: 0 0.5rem;width: 35px;height: 35px;}
	#aside{margin:0 0 20px;}
	#aside .login{margin:20px 0 0;}
	#gnb .tit{margin-top:20px;}
	.main-title:after,
	.main-title:before{width:225px;height:160px;}
	.main-title{padding:30px;}
	.main-title .stit{font-size:var(--font-xlg);}
	.main-title .tit{font-size:var(--font-3xlg);}
	.research-list li a{padding:20px;padding-right:90px;}
	.research-list a:after{right:20px;width:45px;height:45px;}
	.sub-title{padding:20px;}
	.sub-title:after,
	.sub-title:before{width:225px;height:160px;}
	.sub-title .stit{font-size:var(--font-base);}
	.sub-title .tit{font-size:var(--font-xlg);}
	.result{padding:10px;}
	.go-top	{right:20px;}
}
@media only screen and (max-width:576px){
	#header, #header.fix{height:55px;}
	#main-container{padding-top:55px;}
	#logo img{height:25px;}
	#header.fix #logo img{height:25px;}
	#logo .logo-name{font-size:.9rem;margin-left:.5rem;}
	.main-title .stit{font-size:var(--font-lg);}
	.main-title .tit{font-size:var(--font-xlg);}
	.research-list li{width:100%;margin:5px 0;}
	.main-title:after, .main-title:before{width:135px;height:115px;}
	#footer .copy{font-size:var(--font-xsm);}
	.sub-title:after,
	.sub-title:before{width:170px;height:130px;filter:opacity(0.5);}
	.fmn{padding-right:0;}}
}
@media only screen and (max-width:415px){
	#aside .user{padding:20px;}
	#aside .user, #aside .user span{font-size:var(--font-base);}
	#gnb .tit a{padding-bottom:10px;}
	#logo img{height:20px;margin:17px 0;}
	#logo .logo-name{font-size:.8rem;margin-left:.3rem;white-space:nowrap;}
	#header.fix #logo .logo-name{display:none;}
	.main-title{padding:20px;}
}