@charset "utf-8";

/**/
body{font-size:1rem;}
#wrap										{position:relative;padding:0;margin:0;background:#fff;overflow-x:hidden}
#header										{position:absolute;left:0;top:0;width:100%;height:90px;background:linear-gradient(180deg, #fff 30%, rgba(255,255,255,0.8) 100%);box-shadow:0 1px 0px rgba(0,0,0,0.08);z-index:999;transition:all 0.2s ease-out;}
#header.fix									{position:fixed;left:0;top:0;width:100%;height:90px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2)}
#logo										{position:absolute;left:2rem;top:1.325rem;padding:0;margin:0;z-index:999;font-size:0;line-height:1;}

#gnb										{position:relative;}
#gnb .topmn									{position:absolute;right:0;top:0;z-index:99;display:flex;flex-flow:row wrap}
#gnb .topmn a								{display:inline-block;font-size:0.875rem;line-height:90px;height:90px;vertical-align:top;}
#gnb .topmn a.top-btn						{display:block;width:90px;text-align:center;color:#fff;font-size:1.75rem}
#gnb .topmn a:before						{content:"";font-family:FontAwesome;transition:all ease-out 0.2s;}
#gnb .topmn a.ico-lang						{margin-right:2rem;}
#gnb .topmn a.ico-search					{background:var(--point-color1);}
#gnb .topmn a.ico-sitemap					{background:var(--main-color);}
#gnb .topmn a.ico-lang:before				{content:"\f0ac";display:inline-block;margin-right:0.5rem;}
#gnb .topmn a.ico-search:before				{content:"\f002";}
#gnb .topmn a.ico-sitemap:before			{content:"\f0c9";}

#gnbmn										{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a									{position:relative;display:block;}
#gnbmn a[target=_blank] span:after			{content:"";display:inline-block;width:10px;height:10px;background:url(../img/ico_nw.png) no-repeat 0 0 / 100% auto;margin-left:5px;}
#gnbmn a:hover, 
#gnbmn a.active,
#gnbmn a.on									{color:var(--main-color) !important;}
#gnbmn ul.depth1							{width:1400px;margin:0 auto;z-index:9999;}
#gnbmn ul.depth1>li							{float:left;position:relative;width:calc(100% / 4);}
#gnbmn ul.depth1>li>a						{line-height:90px;font-size:1.375rem;font-weight:var(--font-bold);letter-spacing:-0.0125rem;text-align:center;color:#111}
#gnbmn ul.depth1>li:after					{content:'';display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:0.3s ease width;}
#gnbmn ul.depth1>li:hover:after,
#gnbmn ul.depth1>li.active:after			{width:100%;}

#gnbmn ul.depth2							{display:none;position:absolute;left:0;top:90px;width:350px;padding:1rem 0 1rem 1rem;margin:0;border-left:1px solid rgba(0,0,0,0.05);text-align:left;}
#gnbmn ul.depth2>li							{padding:0;margin:0;width:100%;}
#gnbmn ul.depth2>li>a						{padding:0.5rem 0;margin:0;font-size:1.125rem;font-weight:var(--font-bold);line-height:1.125;color:#333;white-space:normal;word-break:keep-all;}
#gnbmn ul.depth2>li>a>span					{display:inline-block;position:relative;}
#gnbmn ul.depth2>li>a>span:before			{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;transform:translateX(-50%);border-bottom:1px solid var(--main-color);transition:all ease-out 0.2s;}
#gnbmn ul.depth2>li>a:hover>span:before		{width:100%;}
#gnbmn ul.depth1>li:last-child ul			{border-right:1px solid rgba(0,0,0,0.05)}

#gnbmn ul.depth3							{padding:0 0 0.5rem 0;}
#gnbmn ul.depth3>li>a						{padding:0 0 0 0.5rem;font-size:1rem;font-weight:var(--font-normal);color:#666}
#gnbmn ul.depth3>li>a:before				{content:"";display:inline-block;vertical-align:top;margin:0.725rem 0.35rem 0 -0.25rem;width:2px;height:2px;border-radius:50%;background:#aaa}
#gnbmn ul.depth3>li>a:hover:before			{background:var(--main-color)}

#id_gnb_bg									{position:absolute;width:100%;left:0;top:0px;z-index:1;}
.gnb_bg										{width:100%;padding:0;margin:0;background:#fff}
.gnb_bg:after								{content:"";position:absolute;left:0;top:90px;width:100%;height:calc(100% - 90px);background:#f7f7f7 url(../img/gnb_bg.png) no-repeat 50% 100%;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

#mo-menu					{display:none;width:80px;line-height:80px;height:80px;font-size:1.5rem;position:absolute;right:0;top:0;text-align:center;background:var(--main-color);z-index:999;}
#mo-menu:before				{content:"\f0c9";font-family:FontAwesome;color:#fff;}

@media only screen and (max-width:1800px){
	#gnbmn ul.depth1	{width:1200px;}
	#gnbmn ul.depth2	{width:300px;}
}
@media only screen and (max-width:1600px){
	#gnbmn ul.depth1	{width:1000px;}
	#gnbmn ul.depth2	{width:250px;}
}
@media only screen and (max-width:1480px){	
	#gnbmn ul.depth1	{width:800px;}
	#gnbmn ul.depth2	{width:200px;}
	#gnbmn ul.depth1>li>a	{font-size:1.125rem;}
	#gnbmn ul.depth2>li>a	{font-size:1rem;}
	#gnbmn ul.depth3>li>a	{font-size:0.925rem;}
}
@media only screen and (max-width:1240px){
	#header					{height:80px;}
	#header.fix				{height:80px;}
	#logo					{left:50%;transform:translateX(-50%);top:1.125rem;}
	#gnb .topmn a			{line-height:80px;height:80px;}
	#gnb .topmn a.top-btn	{width:80px;font-size:1.5rem;}
	#gnb .topmn a.ico-sitemap{display:none !important;}
	#gnbmn					{display:none;}
	#mo-menu				{display:block;position:absolute;left:0;top:0;}
}
@media only screen and (max-width:1023px){

}
@media only screen and (max-width:767px){
	#header					{height:70px;}
	#header.fix				{height:70px;}
	#logo					{top:1rem;}
	#logo img				{height:40px;}
	#gnb .topmn a			{line-height:70px;height:70px;}
	#gnb .topmn a.top-btn	{width:70px;font-size:1.25rem;}
	#mo-menu				{width:70px;line-height:70px;height:70px;font-size:1.25rem;}
}
@media only screen and (max-width:576px){
	#header					{height:60px;}
	#header.fix				{height:60px;}
	#logo					{top:0.75rem;}
	#logo img				{height:36px;}
	#gnb .topmn a			{line-height:60px;height:60px;}
	#gnb .topmn a.top-btn	{width:60px;font-size:1rem;}
	#gnb .topmn a.ico-lang	{margin-right:1rem;}
	#mo-menu				{width:60px;line-height:60px;height:60px;font-size:1rem;}
}
@media only screen and (max-width:415px){
	#logo					{left:70px;top:0.925rem;transform:none;}
	#logo img				{height:30px;}
}


@keyframes titView	{
	0%{opacity:0;transform:scaleX(0);transform-origin:left center;}
	100%{opacity:1;transform:scaleX(1);transform-origin:left center;}
}
@keyframes wave {
	0%{transform: translate3d(0,0,0);opacity:0;}
	30%{transform: translate3d(0,20%,0);opacity:0.2;}
	60%{transform: translate3d(0,20%,0);opacity:0.2;}
	100%{transform: translate3d(0,22%,0);opacity:0;}
}
@keyframes acc-down {
	0%{transform: translate3d(0,0,0) ;opacity:0;}
	100%{transform: translate3d(0,40%,0) ;opacity:1;}
}
@keyframes acc-up {
	0%{transform: translate3d(0,0,0) ;opacity:0;}
	100%{transform: translate3d(20px,-40%,0) ;opacity:1;}
}
@keyframes acc-ro {
	0%{transform: translate3d(0,0,0) rotate(0deg);opacity:0;}
	100%{transform: translate3d(0,40%,0) rotate(90deg);opacity:1;}
}
#main-visual						{padding-top:90px;min-height:920px;z-index:1;display:flex;align-items:center;position:relative;overflow:hidden;}
#main-visual .grd-bg				{background:var(--grd);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:block;}
#main-visual .grd-bg .mvimg			{width:100%;height:100%;background:url(../img/wave.png) repeat-x 50% 0 / cover;animation:wave 20s cubic-bezier(0, 1, 0.5, 1) infinite}
#main-visual .row					{display:flex;flex-flow:row wrap;align-items:center;position:relative;z-index:2;transition:var(--all-ani)}
#main-visual .mvtit					{width:calc(100% - 800px - 30px);transition:var(--all-ani);letter-spacing:-0.05rem;line-height:1;font-weight:var(--font-light);word-break:keep-all;color:#ffffff;font-size:2.5rem;margin-top: -85px;}
#main-visual .mvtit p span			{font-size:4.2rem;color:#ffffcc;line-height:1;font-weight:var(--font-bold);position:relative;}
#main-visual .mvtit p.tit1          {font-size:40px;font-weight:700;}
#main-visual .mvtit p.tit2 span       {font-size:40px;font-weight:700;}   
#main-visual .mvtit p.tit2            {margin-top:30px;}   
#main-visual .mvtit p:nth-child(1)	{animation:fadeInLeft cubic-bezier(.4,0,0,1) 0.6s both 0.3s}
#main-visual .mvtit p:nth-child(2)	{animation:fadeInRight cubic-bezier(.4,0,0,1) 0.6s both 0.4s}
#main-visual .mvtit p:nth-child(3)	{animation:fadeInLeft ease-out 0.6s both 1.2s}
#main-visual .mvtit p:nth-child(4)	{animation:fadeInLeft ease-out 0.6s both 1.4s}
#main-visual .acc-r:before			{content:"";display:block;border:4px solid rgba(255,255,255,0.2);border-radius:160px;box-shadow:var(--bx-shadow);transform:rotate(-40deg);}
#main-visual .acc-line:before		{content:"";width:300px;display:block;border-top:4px solid rgba(255,255,255,0.4);box-shadow:var(--bx-shadow);transform:rotate(-40deg);}
#main-visual .acc-p:before			{content:"";width:30px;display:block;border-top:4px solid rgba(255,255,255,0.4);box-shadow:var(--bx-shadow);}
#main-visual .acc-p:after			{content:"";width:30px;display:block;border-top:4px solid rgba(255,255,255,0.4);box-shadow:var(--bx-shadow);transform:rotate(90deg);margin:-4px -1px 0 0}
#main-visual .acc-r1:before			{width:240px;height:80px;}
#main-visual .acc-r2:before			{width:300px;height:100px;}
#main-visual .acc-r3:before			{width:600px;height:180px;}
#main-visual .acc-r4:before			{width:500px;height:160px;}
#main-visual .acc-r,
#main-visual .acc-line,
#main-visual .acc-p					{position:absolute;opacity:0}
#main-visual .acc-r1				{top:80px;left:340px;animation:acc-down 1s cubic-bezier(0, 1, 0.5, 1) 1.6s both}
#main-visual .acc-r2				{bottom:120px;left:400px;animation:acc-down 1s cubic-bezier(0, 1, 0.5, 1) 1.8s both}
#main-visual .acc-r3				{top:0px;right:120px;animation:acc-down 1s cubic-bezier(0, 1, 0.5, 1) 1.9s both}
#main-visual .acc-r4				{bottom:-40px;right:240px;animation:acc-down 1s cubic-bezier(0, 1, 0.5, 1) 2.0s both}
#main-visual .acc-l1				{left:60px;bottom:0px;animation:acc-up 1s cubic-bezier(0, 1, 0.5, 1) 2.1s both}
#main-visual .acc-l2				{left:100px;bottom:20px;animation:acc-up 1s cubic-bezier(0, 1, 0.5, 1) 2.2s both}
#main-visual .acc-l3				{left:40%;top:60%;animation:acc-up 1s cubic-bezier(0, 1, 0.5, 1) 2.4s both;}
#main-visual .acc-l4				{right:-40px;top:45%;animation:acc-up 1s cubic-bezier(0, 1, 0.5, 1) 2.5s both;}
#main-visual .acc-p1				{top:160px;left:30%;animation:acc-ro 1s cubic-bezier(0, 1, 0.5, 1) 3s both}
#main-visual .acc-p2				{bottom:60px;left:40%;animation:acc-ro 1s cubic-bezier(0, 1, 0.5, 1) 3.2s both}
#main-visual .acc-p3				{top:40%;right:200px;animation:acc-ro 1s cubic-bezier(0, 1, 0.5, 1) 3.6s both}

#main-focus							{}
#main-focus ul						{display:flex;flex-flow:row wrap;}
#main-focus li:nth-child(2)			{margin-left:30px}
#main-focus li .bx					{width:400px;height:400px;padding:3rem;overflow:hidden;display:flex;flex-direction:column;justify-content: space-between;background:radial-gradient(#194477 0,#051231 60%);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.2);position:relative;}
#main-focus li .bx:before			{content:"";position:absolute;right:0;bottom:0;width:100%;height:100%;background-image:url(../img/focus_bg.png);background-repeat:no-repeat;background-position:100% 100%}
#main-focus li .bx:hover			{background:var(--grd);box-shadow:var(--bx-shadow);transform:translateY(10px)}
#main-focus li .bx:hover p			{color:#fff}
#main-focus li .bx p				{position:relative;}
#main-focus li .subject				{font-size:2rem;min-height:115px;font-weight:var(--font-exbold);color:var(--point-color1);line-height:1.2;word-break:keep-all;-webkit-line-clamp:3;}
#main-focus li .author				{margin:1rem 0;font-size:1rem;}
#main-focus li .txt					{color:rgba(255,255,255,0.6);min-height:45px;font-size:1rem;}
#main-focus li .view				{font-size:0.825rem}
#main-focus .tt-category			{text-transform:uppercase;font-size:0.75rem;margin:0 0 0.25rem 0}

#main-search						{margin-top:5rem;background:#fff;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.2);position:relative;z-index:5}
#main-search input					{line-height:calc(40px + 3rem);padding:0 0 0 3rem;width:100%;font-size:var(--font-lg);font-weight:var(--font-exbold);color:#111;border:none;text-align:left;}
#main-search input:focus			{outline:none;}
#main-search .btn-search			{position:absolute;right:1.5rem;top:27px;font-size:1.75rem;color:var(--point-color1);}

#top-search .rc-word h3             {width:150px;}
#top-search .rc-word .cont          {width: calc(100% - 150px);}

#main-search .date-select { padding: 0.5rem 0px 0.5rem 2rem; color: var(--main-color); border-top: 1px solid rgb(221, 221, 221); }
#main-search .date-select .tit { margin-right: 20px; font-weight: 700; color: rgb(255, 255, 255); background: var(--main-color); padding: 0.2rem 0.5rem; border-radius: 0.3rem; }
#main-search form      {position:relative;}

@media only screen and (max-width:1480px){
	#main-visual						{min-height:820px;}
	#main-visual .mvtit					{width:calc(100% - 720px - 30px);font-size:1.8rem;}
	#main-visual .mvtit p span          {font-size:3.4rem;}
	#main-focus li .bx					{width:360px;height:360px;}
	#main-search						{margin-top:4rem;}
}
@media only screen and (max-width:1240px){
	#main-visual						{padding:150px 0 60px 0;min-height:auto;}
	#main-visual .row					{flex-direction:column;}
	#main-visual .mvtit					{width:100%;margin-bottom:2rem;text-align:center;}
	#main-visual .mvtit p span          {font-size:3.5rem;}
	#main-visual .mvtit p:nth-child(1),
	#main-visual .mvtit p:nth-child(2),
	#main-visual .mvtit p:nth-child(3)  {display:inline-block;}	
	#main-focus li						{flex:1}
	#main-focus li .bx					{width:100%;height:320px;padding:2.5rem;}
	#main-focus li .subject				{font-size:1.75rem;min-height:105px;}
	#main-search						{margin-top:3rem;}
	#main-search input					{padding:0 0 0 1.5rem;}
	#main-visual .mvtit p.tit1 {font-size: 30px;margin-top:0;}
	#main-visual .mvtit p.tit2 span{font-size: 30px;margin-top:10px;}
	#main-visual .mvtit{margin-top:0;}
	#main-visual .date-select.row {flex-direction: unset;}
}
@media only screen and (max-width:1023px){
	#main-visual						{padding:120px 0 60px 0;}
    #main-visual .mvtit                 {padding:0 2rem;}
	#main-visual .mvtit	p span			{font-size:3rem;}
	#main-visual .mvtit 	            {font-size:1.5rem;}
	#main-focus li:nth-child(2)			{margin-left:20px}
	#main-focus li .bx					{padding:2rem;}
	#main-focus li .subject				{font-size:1.5rem;min-height:55px;-webkit-line-clamp:2;}
	#main-search						{margin-top:2.5rem;}	
	#main-search .btn-search			{font-size:1.5rem;}

}
@media only screen and (max-width:767px){
	#main-visual .mvtit p span		    {font-size:2.5rem;}
	#main-visual .mvtit 	            {font-size:1.25rem;}
	#main-focus							{width:100%;}
	#main-focus ul						{flex-direction:column;}
	#main-focus li:nth-child(2)			{margin:20px 0 0 0}
	#main-focus li .bx					{padding:1.5rem;height:auto;}
	#main-focus li .subject				{font-size:1.25rem;min-height:auto;}
	#main-focus li .txt					{min-height:auto;word-break:break-all;}
	#main-search						{margin-top:2rem;}
	#main-search input					{line-height:calc(40px + 2rem);padding:0 0 0 1rem;font-size:var(--font-base);font-weight:var(--font-bold);}
	#main-search .btn-search			{font-size:1.25rem;top:24px;}
	#main-search .date-select           {padding: 0.5rem 0px 0.5rem 1rem;}

}
@media only screen and (max-width:576px){
	#main-visual						{padding:90px 0 40px 0;}
	#main-visual .mvtit					{font-size:1.125rem;padding:0 1rem;margin-bottom:1rem;}
	#main-visual .mvtit p span          {font-size:2rem;}
	#main-focus li:nth-child(2)			{margin:1rem 0 0 0}
	#main-focus li .author				{margin:0.5rem 0 0 0;font-size:0.875rem}
	#main-focus li .txt					{display:none;}
	#main-search						{margin-top:1rem;}
}
@media only screen and (max-width:415px){
	#main-visual						{padding-bottom:20px;}
	#main-visual .mvtit	p span			{font-size:1.75rem;}
	#main-visual .mvtit              	{font-size:1rem;}
	#main-focus li:nth-child(2)			{margin-top:0.5rem;}
	#main-search						{margin-top:0.5rem;}
	#main-visual .mvtit p.tit1 {font-size: 25px;}
	#main-visual .mvtit p.tit2 span{font-size: 25px;}
}
.main-container						{position:relative;}
.main-container > section			{position:relative;padding:5rem 0;}
.main-container	article				{position:relative;}
.main-container	article h2			{margin-top:0}
.main-container	.subject			{font-size:1.375rem;color:#111;font-weight:500}
.main-container .more:before		{width:36px;height:36px;line-height:34px;content:"\2b";font-family:FontAwesome;display:block;border-radius:50%;text-align:Center;border:1px solid var(--basic-border);color:#aaa;transition:var(--all-ani)}
.main-container .more:hover:before	{background:var(--main-color) !important;border-color:var(--main-color);color:#fff;transform:rotate(90deg);}
@media only screen and (max-width:1480px){
	.main-container > section{padding:4rem 0}
}
@media only screen and (max-width:1240px){
	.main-container > section{padding:3.5rem 0}
	.main-container	.subject			{font-size:1.25rem;}
}
@media only screen and (max-width:1023px){
	.main-container > section{padding:3rem 0}
	.main-container	.subject			{font-size:1.125rem;}
	.main-container	.more:before		{width:30px;height:30px;line-height:28px;}
}
@media only screen and (max-width:767px){
	.main-container > section{padding:2.5rem 0}
	.main-container	.subject			{font-size:1.063rem;}
}
@media only screen and (max-width:576px){
	.main-container > section{padding:2rem 0}
}
@media only screen and (max-width:415px){
	.main-container > section{padding:1.5rem 0}
}
.mc-cont1	{}
.mc-cont2	{background:#EFF4F8}
.mc-cont3	{}
.mc-cont4	{}

.mc-cont1 .cont-l		{width:50%;padding-right:1.5rem}
.mc-cont1 .cont-r		{width:50%;padding-left:1.5rem}
#main-publish							{}
#main-publish .cont-tab					{display:flex;flex-flow:row wrap;position:relative;overflow:hidden;}
#main-publish .cont-tab:before			{content:"";border-bottom:4px solid var(--basic-border);position:Absolute;left:0;bottom:0;width:100%;z-index:1}
#main-publish .cont-tab a				{width:20%;display:block;text-align:center;font-size:var(--font-lg);padding:0 0 1.5rem 0;color:#777}
#main-publish .cont-tab a:hover,
#main-publish .cont-tab a.on			{color:var(--main-color);font-weight:var(--font-bold);}
#main-publish .cont-tab a:after			{content:"";position:absolute;left:-280px;width:280px;height:4px;bottom:0;background:var(--main-color);transition:var(--all-ani);z-index:2;opacity:0}
#main-publish .cont-tab a:hover:after,
#main-publish .cont-tab a.on:after		{left:0;opacity:1}
#main-publish .cont-tab a:nth-child(1):hover:after	{left:0;}
#main-publish .cont-tab a:nth-child(2):hover:after	{left:calc(280px*1);}
#main-publish .cont-tab a:nth-child(3):hover:after	{left:calc(280px*2);}
#main-publish .cont-tab a:nth-child(4):hover:after	{left:calc(280px*3);}
#main-publish .cont-tab a:nth-child(5):hover:after	{left:calc(280px*4);}
#main-publish .cont-tab a:before				{content:"";width:30px;height:30px;display:inline-block;margin-right:1rem;vertical-align:middle;background-repeat:no-repeat;background-position:50% -30px;background-size:100% auto;}
#main-publish .cont-tab a:nth-child(1):before	{background-image:url(../img/main_publish_tab01.png)}
#main-publish .cont-tab a:nth-child(2):before	{background-image:url(../img/main_publish_tab02.png)}
#main-publish .cont-tab a:nth-child(3):before	{background-image:url(../img/main_publish_tab03.png)}
#main-publish .cont-tab a:nth-child(4):before	{background-image:url(../img/main_publish_tab04.png)}
#main-publish .cont-tab a:nth-child(5):before	{background-image:url(../img/main_publish_tab05.png)}
#main-publish .cont-tab a:hover:before,
#main-publish .cont-tab a.on:before				{background-position:50% 0}
#main-publish .cont ul					{display:flex;flex-flow:row nowrap;margin:3rem 0;overflow:hidden;}
#main-publish .cont li					{width:20%;text-align:center;padding:0 0.5rem}
#main-publish .cont .thumb				{display:block;width:140px;height:210px;margin:0 auto 2rem;box-shadow:var(--bx-shadow)}
#main-publish .cont .thumb:hover		{box-shadow:5px 10px 20px rgba(12,35,75,0.2);transform:translateY(10px)}
#main-publish .cont .thumb:before,
#main-publish .cont .thumb:after		{transition:var(--all-ani);}
#main-publish .cont .thumb:before		{content:"";position:absolute;left:0;top:0;transform:translateY(-100%);width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:2;}
#main-publish .cont .thumb:hover:before	{transform:translateY(0)}
#main-publish .cont .thumb:hover:after	{transform:rotate(90deg);content:"\2b";font-family:FontAwesome;color:var(--point-color1);font-size:2rem;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}
#main-publish .cont a					{display:block;}
#main-publish .cont .subject			{height:55px;min-height:55px;font-margin:0.5rem 0 1rem 0;-webkit-line-clamp:2;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;weight:var(--font-exbold);line-height:1.2;text-overflo:ellipsis;overflow:hidden;}
#main-publish .cont .tt-category,
#main-publish .cont .a-pdf,
#main-publish .cont .a-more				{font-size:var(--font-sm)}
#main-publish .cont .a-pdf				{color:#FF6600}
#main-publish .cont .a-more				{color:var(--main-color)}
@media only screen and (max-width:1480px){
	#main-publish .cont-tab a:after		{left:-240px;width:240px;}
	#main-publish .cont-tab a:nth-child(2):hover:after	{left:calc(240px*1);}
	#main-publish .cont-tab a:nth-child(3):hover:after	{left:calc(240px*2);}
	#main-publish .cont-tab a:nth-child(4):hover:after	{left:calc(240px*3);}
	#main-publish .cont-tab a:nth-child(5):hover:after	{left:calc(240px*4);}
}
@media only screen and (max-width:1240px){
	#main-publish .cont-tab a:after		{left:-192px;width:192px;}
	#main-publish .cont-tab a:nth-child(2):hover:after	{left:calc(192px*1);}
	#main-publish .cont-tab a:nth-child(3):hover:after	{left:calc(192px*2);}
	#main-publish .cont-tab a:nth-child(4):hover:after	{left:calc(192px*3);}
	#main-publish .cont-tab a:nth-child(5):hover:after	{left:calc(192px*4);}
	#main-publish .cont li	{padding:0 1rem}
	#main-publish .cont .subject{min-height:68px;height:68px;-webkit-line-clamp:3;}
	.mc-cont1 .cont-l		{padding-right:1rem}
	.mc-cont1 .cont-r		{padding-left:1rem}
}
@media only screen and (max-width:1023px){
	#main-publish .cont-tab a	{font-size:1.125rem}
	#main-publish .cont-tab a:before	{width:24px;height:24px;background-position:50% -24px;margin-right:0.5rem;}
	#main-publish .cont-tab a:after		{left:-20%;width:20%;}
	#main-publish .cont-tab a:nth-child(2):hover:after	{left:calc(20%*1);}
	#main-publish .cont-tab a:nth-child(3):hover:after	{left:calc(20%*2);}
	#main-publish .cont-tab a:nth-child(4):hover:after	{left:calc(20%*3);}
	#main-publish .cont-tab a:nth-child(5):hover:after	{left:calc(20%*4);}
	#main-publish .cont li		{width:25%;}	
	#main-publish .cont .thumb	{width:120px;height:180px;margin:0 auto 1rem;}
	.mc-cont1 .cont-l			{padding-right:0.5rem}
	.mc-cont1 .cont-r			{padding-left:0.5rem}	
}
@media only screen and (max-width:767px){
	#main-publish .cont-tab:before,
	#main-publish .cont-tab a:after{display:none;}
	#main-publish .cont-tab		{border-top:1px solid var(--basic-border)}
	#main-publish .cont-tab a	{width:33.3333%;text-align:left;padding:0.5rem;border-right:1px solid var(--basic-border);border-bottom:1px solid var(--basic-border);font-size:1rem}	
	#main-publish .cont-tab a:nth-child(3n+1){border-left:1px solid var(--basic-border)}
	#main-publish .cont ul		{margin:2rem 0;}
	#main-publish .cont li		{width:33.3333%;}
	#main-publish .cont .subject{min-height:62px;height:62px;margin-bottom:0.5rem}
	.mc-cont1 .row				{flex-direction:column;}
	.mc-cont1 .cont-l,
	.mc-cont1 .cont-r			{width:100%;padding:0.5rem 0 0 0}
}
@media only screen and (max-width:576px){
	#main-publish .cont-tab a	{width:50%;font-weight:normal}
	#main-publish .cont-tab a:nth-child(3n+1){border-left:none;}	
	#main-publish .cont-tab a:nth-child(2n+1){border-left:1px solid var(--basic-border)}	
	#main-publish .cont li		{width:50%;}
	#main-publish .cont .thumb	{width:100px;height:150px;margin:0 auto 0.5rem;}
}
@media only screen and (max-width:415px){	
	#main-publish .cont .thumb	{width:80px;height:120px;}
}
.mc-cont2{}
#main-event							{position:relative;}
#main-event ul						{margin:0 -1.5rem;display:flex;flex-flow:row wrap;}
#main-event li						{width:50%;padding:0 1.5rem}
#main-event li a					{display:flex;flex-flow:row wrap;}
#main-event li a:hover .thumb		{box-shadow:var(--bx-shadow)}
#main-event li .thumb				{width:280px;height:190px;}
#main-event li .cont				{width:calc(100% - 280px);padding-left:3rem}
#main-event li .cont .subject		{font-size:1.5rem;font-weight:var(--font-exbold);color:var(--main-color);}
#main-event li .cont .txt			{min-height:70px;-webkit-line-clamp:3;margin:1rem 0}
#main-event li .cont .date			{font-size:var(--font-sm)}
#main-event .more					{position:absolute;right:0;top:0;}
#main-event .more:before			{background:#fff;}
@media only screen and (max-width:1480px){
	#main-event li .thumb				{width:220px;height:160px;}
	#main-event li .cont				{width:calc(100% - 220px);padding-left:2.5rem}
}
@media only screen and (max-width:1240px){
	#main-event li .thumb				{width:180px;height:120px;}
	#main-event li .cont				{width:calc(100% - 180px);padding-left:2rem}
}
@media only screen and (max-width:1023px){
	#main-event ul						{margin:0;flex-direction:column;}
	#main-event li						{width:100%;padding:0}
	#main-event li:last-child			{padding-top:1rem;}
	#main-event li .cont .subject		{font-size:1.25rem;}
	#main-event li .cont .txt			{min-height:45px;-webkit-line-clamp:2;margin:0.5rem 0}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	#main-event li .thumb				{width:120px;height:80px;}
	#main-event li .cont				{width:calc(100% - 120px);padding-left:1.5rem}
}
@media only screen and (max-width:415px){
}

/*.mc-cont3 .cont-l		{width:calc(100% - 440px);padding-right:3rem}
.mc-cont3 .cont-r		{width:440px;position:relative;}
.mc-cont3:after			{content:"";position:absolute;right:0;top:calc(5rem + 3.75rem);width:calc(50% - 260px);height:250px;background:#f4f4f4;border-radius:0.5rem 0 0 0.5rem;z-index:1}*/
#main-notice h3						{margin-top:0;}
#main-notice .cont					{margin-top:1.5rem;border:2px solid #111;border-left:none;border-right:none;}
#main-notice .cont li				{display:flex;flex-flow:row wrap;align-items:center;padding:1.5rem 0;border-top:1px dashed var(--basic-border)}
#main-notice .cont li:first-child	{border-top:none;}
#main-notice .cont li a				{display:inline-block;width:calc(100% - 80px);font-size:1.125rem;color:#333}
#main-notice .cont li a:hover .subject		{color:var(--sub-color)}
#main-notice .cont li .badge		{margin-right:0.5rem}
#main-notice .cont li .date			{display:inline-block;width:80px;font-size:var(--font-xsm);color:#999;text-align:right;}
#main-notice .more					{position:absolute;right:0;top:0;}

#main-webzine						{margin-top:4.5rem;display:none;}
#main-webzine:before				{position:absolute;left:0;top:-3.5rem;font-size:3.5rem;line-height:1;content:"WEBZINE";color:#f4f4f4;font-weight:var(--font-exbold);}
#main-webzine h3					{line-height:1;margin:0;}
#main-webzine .cont					{position:relative;z-index:6;padding:3rem 15rem 3rem 3rem;}
#main-webzine .cont .txt			{min-height:50px;margin:1rem 0}
#main-webzine .cont .view			{color:var(--main-color);font-weight:var(--font-bold)}
#main-webzine .thumb				{position:absolute;right:0;top:-3.75rem;width:190px;height:270px;background:#fff;z-index:2}
.main-webzine-bnr					{position:relative;display:block;padding:1.5rem 2rem;background:var(--sub-color);color:#fff;margin-top:1.5rem;display:none;}
.main-webzine-bnr:after				{content:"\f0e0";font-family:FontAwesome;position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:3rem;font-weight:300}
.main-webzine-bnr p:nth-child(1)	{color:#ffffcc;font-size:var(--font-xlg);font-weight:var(--font-exbold)}
.main-webzine-bnr p:nth-child(2)	{color:rgba(255,255,255,0.6)}
@media only screen and (max-width:1480px){
		#main-notice						{width:100%;margin-right:0}
	#main-notice .cont					{margin-top:1.5rem}
	#main-notice .cont li				{padding:1.125rem 0;}
}
@media only screen and (max-width:1240px){
/*	#main-notice						{width:calc(100% - 360px - 2rem);margin-right:2rem}*/
	#main-notice .notice-tab a			{margin-right:1rem;font-size:1.315rem;}
	#main-notice .cont					{margin-top:1.25rem}
	#main-notice .cont li				{padding:1rem 0;}
}
@media only screen and (max-width:1023px){
/*	#main-notice						{width:calc(100% - 300px - 1.5rem);margin-right:1.5rem}*/
	#main-notice .notice-tab a			{margin-right:0.5rem;font-size:1.25rem;}
	#main-notice .cont					{margin-top:1rem}
	#main-notice .cont li				{padding:0.825rem 0;}
	.main-bnr.bnr1, .main-bnr.bnr2      {margin-right:0;}
}
@media only screen and (max-width:767px){
	.mc-cont3 .row		{flex-direction:column;}

}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}
.mc-cont4					{padding-bottom:8rem}
.main-bnr					{width:calc(50% - 1.5rem);position:relative;}
.main-bnr.bnr1,
.main-bnr.bnr3				{margin-right:1.5rem;}	
.main-bnr.bnr2,
.main-bnr.bnr4				{margin-left:1.5rem;}
.main-bnr.bnr2:after		{width:180px;height:200px;right:2rem;bottom:0;background:url(../img/main_bnr02.png) no-repeat 0 0/ 100% auto;content:"";position:Absolute;box-shadow:5px -10px 30px rgba(0,0,0,0.2);}
.main-bnr a					{padding:2rem 45% 2rem 2rem;border-radius:0.5rem;height:100%;display:block;position:relative;overflow:hidden;}
.main-bnr a .tit			{font-size:1.75rem;font-weight:var(--font-exbold);color:#394562;line-height:1.2}
.main-bnr a .tit span		{display:block;}
.main-bnr a .view			{margin-top:2rem;font-size:var(--font-sm);color:#999}
.main-bnr.bnr1 a			{background:#E0E9F1 url(../img/main_bnr01.png) no-repeat 100% 50%}
.main-bnr.bnr2 a			{background:#EBECED;position:relative}
.main-bnr a:before			{content:"";position:Absolute;left:0;top:0;width:100%;height:calc(100% + 2px);background:var(--main-color);transform:translateX(-100%);transition:var(--all-ani)}
.main-bnr a:hover:before	{transform:translateX(0)}
.main-bnr p					{position:Relative;}
.main-bnr a:hover p			{color:#fff}

.main-bnr.bnr2:last-child:after                  {display:none;}
.main-webzine-bnr.cancel				{background:#fff;border:1px solid var(--sub-color);}
.main-webzine-bnr.cancel:hover			{border-color:var(--basic-bg);color:inherit !important}
.main-webzine-bnr.cancel p:nth-child(1)	{color:var(--sub-color);}
.main-webzine-bnr.cancel p:nth-child(2)	{color:#aaa}
.main-webzine-bnr.cancel:before			{background:var(--basic-bg)}
.main-webzine-bnr.cancel:after			{content:"\f05e";}
.main-webzine-bnr.cancel:hover:after	{color:rgba(0,0,0,0.1)}

.newsletter-bnr {margin-top: 1.5rem;}
.newsletter-bnr a{flex:1;margin:0rem;}


@media only screen and (max-width:1480px){
	.main-bnr.bnr2:after {width: 110px; height: 122px;}
}

@media only screen and (max-width:1240px){
	.main-bnr.bnr2:after		{width:100px;height:111px;right:1.5rem;}
	.main-bnr a .tit,
	.bnr3 .main-webzine-bnr-ver2 p:nth-child(1)			{font-size:1.5rem;}
	.main-bnr a .view			{margin-top:1rem;}
	.main-bnr.bnr3 a,
	.main-bnr.bnr4 a			{padding:1.5rem 20% 1.5rem 1.5rem;}
}
@media only screen and (max-width:1023px){
	.main-bnr					{width:calc(50% - 1rem);}
	.main-bnr.bnr1,
	.main-bnr.bnr3				{margin-right:1rem;}
	.main-bnr.bnr2,
	.main-bnr.bnr4				{margin-left:1rem;}
	.main-bnr.bnr2:after		{width:120px;height:140px;right:1rem;}	
	.main-bnr a.bnr1			{padding:1.5rem 45% 1.5rem 1.5rem;}
	.main-bnr a .tit,
	.bnr3 .main-webzine-bnr-ver2 p:nth-child(1)			{font-size:1.25rem;}
	.main-bnr a .view			{margin-top:1rem;}
	.main-bnr.bnr2              {margin-right: 0rem;}
	.newsletter-bnr             {margin-top: 1rem;}


}
@media only screen and (max-width:767px){
	.main-bnr					{width:calc(50% - 0.5rem);}
	.main-bnr.bnr1,
	.main-bnr.bnr3				{margin-right:0.5rem;}
	.main-bnr.bnr2,
	.main-bnr.bnr4				{margin-left:0.5rem;}
	.main-bnr a .tit,
	.bnr3 .main-webzine-bnr-ver2 p:nth-child(1)			{font-size:1.125rem;}
	.main-bnr.bnr2:after		{width:80px;height:100px;}

	.newsletter-bnr            {margin-top: 1rem;}
	.main-bnr.bnr3,
	.main-bnr.bnr4              {width:100%;margin:0;}	
	.main-bnr.bnr4             {margin-top: 0.5rem;}


}
@media only screen and (max-width:576px){
	.mc-cont4 .row				{flex-direction:column;}
	.main-bnr					{width:100%;}
	.main-bnr.bnr1				{margin-right:0;}
	.main-bnr.bnr2				{margin-left:0;margin-top:0.5rem}
	.main-bnr a					{padding:1.25rem 100px 1.25rem 1.25rem;}
	.main-bnr a .view			{margin-top:0.5rem;font-size:0.875rem;}
	.newsletter-bnr{flex-direction:column}
	.newsletter-bnr a	{margin:0;}
	.newsletter-bnr a:nth-child(2){margin:0.25rem 0 0 0}
	.newsletter-bnr            {margin-top: 0.5rem;}

}
@media only screen and (max-width:415px){
	.mc-cont4{padding-top:0 !important;}
}



#org .org1,
#org .org2					{font-weight:var(--font-exbold);line-height:1.1}
#org .org1					{font-size:var(--font-xlg);}
#org .org2					{font-size:var(--font-lg);}
#org .org3wrap .org3					{font-size:1rem;}
#org .org4wrap .org4					{font-size:1rem;}
@media only screen and (max-width:767px){
	#org .org4wrap .org4				{padding:1rem;line-height:1.1}
             
}
.db-board-view .info .desc dt			{width: 100px;font-weight:var(--font-bold);color:var(--main-color);position:relative;}
.db-board-view .info .desc dd			{width: calc(100% - 100px);}
.db-board-list.type-list>ul>li .cont .desc dd{font-size:0.875rem}
.db-prevnext .db-prev:before			{content:"Prev";left:2rem;}
.db-prevnext .db-next:after				{content:"Next";right:2rem;}

.db-board-list.type-namecard>ul>li .cont .desc dt	{width:100px;}
.db-board-list.type-namecard>ul>li .cont .desc dd	{width:calc(100% - 100px);}

.option-date input[type=date] {width:150px}
.option-date input[type="date"]::before {content:attr(data-placeholder);width:100%}
.option-date input[type="date"]:focus::before,
.option-date input[type="date"]:valid::before {display:none;}