@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@800&display=swap');

/* VISUAL    ================================================================================== */
.main_container						{padding:152px 0 0 0;}

.main_visual						{position:relative; height:580px; overflow:hidden;}
.main_visual .item					{position:relative; width:100%; height:580px; content:''; animation:imgScale 3s both;}	
.main_visual dl						{position:absolute; width:100%; top:18%; z-index:100; color:#fff; }
.main_visual dl dt					{font-family: 'S-CoreDream-2ExtraLight'; font-size:1.8em; line-height:1.4; margin:0 0 30px 0; letter-spacing:-2px; text-shadow:0 0 5px rgba(0,0,0,0.2);}
.main_visual dl dt span				{font-family: 'S-CoreDream-6Bold'; display:block; font-size:48px; letter-spacing:-4px;}
.main_visual dl dd					{line-height:1.5; font-size:1.25em;}	


/* MAIN_CONT    ================================================================================== */
.main_container .lt					{position:relative; float:left; width:calc(100% - 440px); z-index:1;}
.main_container .rt					{position:relative; z-index:1; float:right; width:380px;}

.cont01								{position:relative; padding:80px 0; overflow:hidden;}
.cont01:after						{position:absolute; bottom:0; left:0; content:''; display:block; width:100%; height:240px; background:url("../img/main/acc_bg.png") no-repeat center; background-size:cover;}
.cont01 .lt h2						{font-family: 'S-CoreDream-5Medium'; color:#333; font-size:1.8em; letter-spacing:-2px; margin-bottom:20px; line-height:36px;}
.cont01 .control					{position:absolute; top:0; right:0;}
.cont01 .control .arrow				{display:inline-block;}
.cont01 .control .arrow p			{float:left; background: #fff; width:36px; height:36px; border:1px solid #ddd; cursor:pointer;}
.cont01 .control .arrow p:last-child	{margin-left:3px;}
.cont01 .control .prev				{display:inline-block; border:solid #333; padding:5px; margin:12px 0 0 15px; border-width:0 1px 1px 0; transform:rotate(135deg);}
.cont01 .control .next				{display:inline-block; border:solid #333; padding:5px; margin:12px 0 0 9px; border-width:1px 1px 0 0; transform:rotate(45deg);}
.cont01 .control .more				{display:inline-block; vertical-align:top; height:36px; line-height:34px; border:1px solid #27539f; font-size:0.9em; }
.cont01 .control .more a			{display:block; font-size:0.9em; padding:0 15px; font-weight:500; color:#27539f;}
.cont01 .control .arrow p:hover		{border-color:#27539f; background:#fff;}
.cont01 .control .arrow p:hover span	{border-color:#27539f;}
.cont01 .control .more:hover		{background:#27539f;}
.cont01 .control .more:hover a		{color:#fff;}
.main_pro							{position:relative; border:1px solid #ddd; background:#fff; height:330px; overflow:hidden;}
.main_pro dl						{float:left; border-right:1px solid #ddd; padding:40px;}
.main_pro dl:hover					{background:#f9f9f9;}
.main_pro dl em						{display:block; font-style:normal; background:#306bc5; color:#fff; font-size:0.95em; letter-spacing:-1px; width:70px; line-height:32px; text-align:center;}
.main_pro dl dt						{margin:15px 0 10px 0; font-size:1.25em; font-weight:700; height:56px;line-height:1.4; letter-spacing:-1px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.main_pro dl dd p					{color:#777; line-height:26px; letter-spacing:-0.75px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.main_pro dl dd strong				{color:#27539f; margin-right:12px;}
.main_pro .cont						{color:#7f7f7f; font-size:0.95em; height:46px; letter-spacing:-0.75px; margin-bottom:20px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.main_pro dl dd:nth-child(4)		{padding-top:20px; border-top:1px dashed #cdd2d8;}
.main_pro .list_end em,
.main_pro .list_wait em				{background:#888f95;} 
.outlogin_box						{height:385px; padding:40px; background:#fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
.outlogin_box h2					{position:relative; font-family: 'S-CoreDream-6Bold'; color:#27539f; font-size:1.5em;}
.outlogin_box h2:after				{content:''; display:block; position:absolute; right:0; top:50%; width:calc(100% - 85px); height:1px; background:#27539f;}
.outlogin_box .type					{margin:25px 0 10px 0;}
.outlogin_box .type li				{display:inline-block; margin-right:10px; vertical-align:middle;}
.outlogin_box .type li:last-child	{margin:0;}
.outlogin_box .field input			{box-sizing:border-box; border:1px solid #f4f4f4; background-color:#f4f4f4; padding:13px 12px; margin:3px 0; border-radius:3px; width:100%; letter-spacing:-0.75px;}
.outlogin_box .btn					{margin:5px 0 0 0;}
.outlogin_box .btn input			{display:inline-block; font-family: 'S-CoreDream-5Medium'; width:100%; height:58px; line-height:56px; color:#fff; font-size:1.1em; border-radius:3px; border:1px solid #003e7e; background:#003e7e;} 
.outlogin_box .btn input:hover		{background:#000; border-color:#000;}
.outlogin_box .id input				{background:url("../img/main/acc_id.png") no-repeat 12px center #f4f4f4; background-size:25px; text-indent:32px;}
.outlogin_box .pw input				{background:url("../img/main/acc_pw.png") no-repeat 12px center #f4f4f4; background-size:23px; text-indent:32px;}
.outlogin_box .find							{margin-top:15px; text-align:center;}
.outlogin_box .find li						{position:relative; display:inline-block; margin-right:20px;}
.outlogin_box .find li a					{color:#999; letter-spacing:-0.75px; font-size:0.9em;}
.outlogin_box .find li a:after				{content:''; position:absolute; top:2px; right:-13px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.outlogin_box .find li:last-child			{margin-right:0;}
.outlogin_box .find li:last-child a:after	{display:none;}

.login_box					{padding:80px;background:url("../img/main/login_bg.png") no-repeat 15px; background-size:55px; font-size:1.1em;}
.logout_btn					{display:inline-block; font-family: 'S-CoreDream-5Medium'; width:100%; height:58px; line-height:56px; color:#fff; font-size:1.1em; text-align:center; border-radius:3px; border:1px solid #003e7e; background:#003e7e;} 
.logout_btn:hover		{background:#000; border-color:#000;}

.outlogin_box .secret_wrap img				{width:175px;}
.outlogin_box .secret_wrap .btns div		{height:35px; line-height:35px;}
.outlogin_box .secret #secret_key				{width:100%; border:0; border-bottom:1px solid #d4d4d4; background:transparent;padding: 8px 0px;}


.cont02								{position:relative; padding:80px 0; overflow:hidden;}
.cont02 .lt							{height:400px;}
.news_tab							{overflow:hidden; }
.news_tab li						{float:left; width:calc(50% - 30px);text-align:center; cursor:pointer;}
.news_tab li a						{font-family: 'S-CoreDream-4Regular'; display:block; color:#2a2a2a; padding:0 10px; font-size:1.25em; letter-spacing:-1.75px; line-height:58px; height:60px; border:1px solid #ccc;}
.news_tab .on a						{background:#9c1c2b; border-color:#9c1c2b; color:#fff;}
.news_tab .more						{display:block; position:absolute; right:0; top:0; width:60px; height:60px; cursor:pointer; border:1px solid #ccc; border-left:0;}
.news_tab .more:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:2px; background:#000;}
.news_tab .more:before				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:20px; background:#000;}
.news_item							{}
.news_item .top						{overflow:hidden; padding:30px 0; border-bottom:1px solid #e2e2e2; margin-bottom:15px;}
.news_item .date					{float:left; width:100px; height:75px; text-align:center; padding:5px 0 0 0;}
.news_item .date p					{font-family: 'Jost', sans-serif; line-height:100%; color:#181818; font-size:3.2em; font-weight:700; letter-spacing:-1px; }
.news_item .date em					{font-family: 'Jost', sans-serif; font-style:normal; color:#5f5f5f; letter-spacing:-1px;}
.news_item dl						{padding:0 0 0 120px;}
.news_item dl dt					{font-size:1.25em; letter-spacing:-1px; font-weight:700; color:#333; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd					{color:#797979; height:46px;line-height:150%; letter-spacing:-0.75px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
.news_item ul						{overflow:hidden; }
.news_item ul li					{position:relative; overflow:hidden; padding:6px 0 6px 12px;} 
.news_item ul li:after				{position:absolute; content:''; display:block; top:18px; left:0; width:3px; height:3px; border-radius:100%; background:#122e50;}
.news_item ul li p					{position:relative; float:left; width:calc(100% - 90px); color:#666; letter-spacing:-1px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li em					{font-style:normal; float:right; color:#a2a2a2; font-size:0.95em; letter-spacing:-0.5px;}
.news_item .nolist					{text-align:center; border-bottom:1px solid #ddd; padding:100px 0; color:#797979;}
.cont02 .rt dl						{padding:35px 0 0 150px; border:3px solid #ececec; height:125px; letter-spacing:-0.75px;}
.cont02 .rt dl dt					{font-family: 'S-CoreDream-5Medium'; color:#222; font-size:1.25em; margin-bottom:5px; }
.cont02 .rt dl dd					{color:#7f7f7f;}
.cont02 .bn1						{background:url("../img/main/acc_bn01.png") no-repeat 30px center; background-size:95px;}
.cont02 .bn2						{background:url("../img/main/acc_bn02.png") no-repeat 30px center; background-size:95px; margin:10px 0;}
.cont02 .bn3						{background:url("../img/main/acc_bn03.png") no-repeat 30px center; background-size:95px;}

.foot_bn							{position:relative; padding:35px 0; border-top:1px solid #ddd;}
.foot_bn ul							{width:calc(100% - 60px); margin:0 auto; text-align:center}
.foot_bn ul li						{display:inline-block; margin:0 1px;line-height:60px;}
.foot_bn ul li img					{max-width:180px;}
.foot_bn .arrow p					{position:absolute; top:30%; width:30px; height:30px; cursor:pointer;}
.foot_bn .arrow span				{display:inline-block; border:solid #aaa; border-width:0 3px 3px 0;  padding:5px; margin:10px 0 0 10px;}
.foot_bn .arrow span:hover			{border-color:#555;}
.foot_bn .prev						{left:0; transform: rotate(135deg);}
.foot_bn .next						{right:0; transform: rotate(-45deg);}
.foot_bn .slick-list				{padding:0;}


@media screen and (max-width:1240px) {

	.foot_bn .prev					{left:10px;}
	.foot_bn .next					{right:10px;}

}


@media screen and (max-width:1200px) {

	.main_visual dl					{padding:0 20px;}
	.cont01,
	.cont02							{padding:80px 20px;}

}


@media screen and (max-width:1024px) {

	.main_container					{padding:60px 0 0 0;}
	.main_visual,
	.main_visual .item				{height:420px;}

	.main_visual dl					{top:15%;}
	.main_visual dl dt				{font-size:1.4em; margin:0 0 20px 0;}
	.main_visual dl dt span			{font-size:38px;}
	.main_visual dl dd				{font-size:0.95em;}
	.main_visual .bxWrap .bx-pager	{bottom:10px;}

	.main_container .lt	,
	.main_container .rt				{float:none; width:100%;}

	.cont01,
	.cont02							{padding:40px 20px;}

	.cont01 .lt h2					{font-size:1.4em; margin-bottom:10px;}
	.main_pro						{height:auto;}
	.main_pro dl					{padding:25px;}
	.main_pro dl em					{font-size:0.85em; line-height:28px;}
	.main_pro dl dt					{font-size:1.1em; margin:10px 0;}
	.main_pro .cont					{margin-bottom:10px;}
	.main_pro dl dd:nth-child(4)	{padding-top:10px;}
	.cont01 .rt						{display:none;}
	.cont01:after					{height:180px;}
	.cont01 .control .more			{height:32px; line-height:30px;}
	.cont01 .control .more a		{font-size:0.85em; padding:0 10px;}
	.cont01 .control .arrow p		{width:32px; height:32px;}
	.cont01 .control .next			{margin:10px 0 0 9px; padding:4px;}
	.cont01 .control .prev			{margin:10px 0 0 14px; padding:4px;}

	.cont02 .lt						{height:360px;}
	.news_tab li					{width:calc(50% - 25px);}
	.news_tab li a					{font-size:1.1em; line-height:50px; height:52px;}
	.news_tab .more					{width:50px; height:52px;}
	.news_tab .more:before			{height:16px;}
	.news_tab .more:after			{width:16px;}
	.news_item .top					{padding:20px 0;}
	.news_item dl dt				{font-size:1.1em; margin-bottom:5px;}
	.news_item dl dd				{font-size:0.95em;}
	.news_item .date				{width:80px;}
	.news_item .date p				{font-size:2.4em;}
	.news_item .date em				{font-size:0.85em;}
	.news_item dl					{padding:0 0 0 95px;}
	.news_item ul li				{padding:3px 0 3px 12px;}
	.news_item ul li p				{font-size:0.95em;}
	.news_item ul li em				{font-size:0.85em;}
	.news_item ul li:after			{top:14px;}
	.cont02 .rt						{overflow:hidden;}
	.cont02 .rt dl					{float:left; width:calc(34.5% - 20px); padding:20px 0 0 100px; height:100px;}
	.cont02 .rt dl dt				{font-size:1.1em; margin-bottom:3px;}
	.cont02 .rt dl dd				{font-size:0.95em;}
	.cont02 .bn1,
	.cont02 .bn3					{background-size:70px; background-position:15px center;}
	.cont02 .bn2					{background-size:70px; background-position:15px center; margin:0 10px;}

}



@media screen and (max-width:768px) {

	.main_visual, .main_visual .item	{height:360px;}
	.main_visual dl dt				{font-size:1.2em;}
	.main_visual dl dt span			{font-size:32px;}

	.cont01 h2						{text-align:center;}
	.cont01 .control				{position:relative; text-align:center; margin-bottom:10px;}
	.cont01 .control .arrow p		{text-align:left;}
	.main_pro dl					{margin-left:-10px; border:0;}

	.cont02 .rt dl					{float:none; width:100%;}
	.cont02 .bn2					{margin:5px 0;}

}