@charset "utf-8"; 
 
 
.main_visual						{position:relative; margin:0 auto; } 
.main_visual li						{height:400px; }
.main_visual li img					{width:100%; height:100%;}
.main_visual .main_txt				{margin-top:120px; color:#fff; }
.main_visual .main_txt .title		{font-size:3.05em; letter-spacing:-1px; line-height:120%; font-weight:500; }
.main_visual .main_txt .title span	{display:inline-block; margin:0 0 0 0; padding:1px 5px 3px 5px; color:#244445; background-color:#fff;  }
.main_visual .main_txt .title br	{display:none; }
.main_visual .main_txt .txt			{margin:0 auto; width:75%; height:30%; padding:30px 0; font-size:1.15em; line-height:130%; letter-spacing:-1px; font-weight:500; text-shadow:0 1px 3px rgba(0,0,0,0.7); background:radial-gradient(ellipse, rgba(0,0,0,0.3), rgba(0,0,0,0.25), transparent, transparent );}


#main_wrap							{position:relative; width:100%; height:auto; min-height:340px; margin:50px 0; }
.main_cont						{position:relative; display:inline-block; width:100%; }	
.main_title						{color:#fff; font-size:1.8em; letter-spacing:-2px; font-weight:500; line-height:120%; text-align:left;  }
.main_title span				{font-size:0.9em; color:#ffdde0; }

.member_wrap				    {display:inline-block; float:left; width:25%; height:340px; margin-right:2.5%; }
.member div						{width:100%; height:170px; text-align:left; }
.member .top					{padding:25px 30px; border-radius:10px 10px 0 0; background-color:#6d000b; }
.member .top .txt				{padding-top:10px; color:#d4c3c4; font-size:0.85em; line-height:145%; }
.member .top .btn				{display:none; }
.member .under					{border-radius:0 0 10px 10px; background:url('../image/main/member_img.jpg') no-repeat top center; background-size:300px;  }

.main_bn						{display:inline-block; float:left; width:25%; height:340px; margin-right:2.5%; }
.main_bn ul li					{float:left; width:50%; padding:17px 0; text-align:center; }
.main_bn ul li:nth-child(1), .main_bn ul li:nth-child(3)	{border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(2), .main_bn ul li:nth-child(4)	{border-right:0; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(5)		{border-bottom:0; border-right:1px solid #e7e7e7; }
.main_bn ul li:nth-child(6)		{border-bottom:0; border-right:0; }
.main_bn p						{margin-top:10px; font-size:0.97em; color:#3f3f3f; font-weight:500; letter-spacing:-1px; }
.main_bn img					{width:42px; }

.box_wrap					{float:right; width:45%; }
.log_box					{float:left; width:50%; }
.log_box .login_tab		{float:left; width:100%; height:40px; background-color:#fff; }
.log_box .login_tab p		{float:left; width:30%; height:40px; line-height:38px; color:#888; text-align:center; font-weight:500; box-sizing:border-box; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; cursor:pointer; }
.log_box .login_tab p:first-child		{width:40%; border-top-left-radius:10px; }
.log_box .login_tab p:last-child		{float:right; border-right:1px solid #d8d8d8; }
.log_box .login_tab p:hover	{color:#be222f; border-bottom:1px solid #f3f3f3; background-color:#f3f3f3; }
.log_box .login	{height:340px; border:1px solid #d8d8d8; border-bottom-left-radius:10px; background-color:#f3f3f3; }

.system_box 				{float:right; width:50%; height:340px; padding:25px 30px; border-radius:0 10px 10px 0; background-color:#be222f; }
.system_box .txt	{padding-top:9px; line-height:145%; font-size:0.85em; color:#ffdde0; }
.system_box .bar			{width:35px; height:3px; margin:20px 0 13px 0; text-align:left; background-color:#fff; }
.system_box .btn		 {display:inline-block; width:100%; height:45px; line-height:43px; margin-top:40px; font-size:1.15em; color:#fff; text-align:center; border:1px solid #7b0611; background-color:#800a15; box-sizing:border-box; cursor:pointer;  }
.system_box .info			{margin:13px 0 0 0; font-size:0.85em; color:#ffdde0; text-align:center; }

.main_slide							{width:100%; height:100px; line-height:100px; border-top:1px solid #e9e9e9; background:#fafafa; }


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

.main_slide		{display:none; }

.outlogin_all .outlogin_btn02 p:nth-child(2)		{letter-spacing:-1.5px; }
.system_box .info	{letter-spacing:-1px; }

}


/* screen 1100 */
@media screen and (max-width:1100px) {

#main_wrap				{display:inline-block; width:100%; height:460px; margin:30px 0; padding:0 3%; }	
.member_wrap		    {float:left; width:48.5%; height:auto; margin-bottom:30px; }
.member .top	{border-radius:10px 10px 0 0; }
.member .under	{background-size:100%;  }

.main_bn_wrap			{position:relative; width:100%; top:0; left:0; clear:both; }
.main_bn					{position:absolute; width:100%; height:120px; }
.main_bn ul li		{width:16.6%; display:inline-block; }
.main_bn ul li:nth-child(1), .main_bn ul li:nth-child(2),
.main_bn ul li:nth-child(3), .main_bn ul li:nth-child(4),
.main_bn ul li:nth-child(5)		{border-right:1px solid #e7e7e7; border-bottom:0; }
.main_bn ul li:nth-child(6)		{border-right:0; border-bottom:0; }

.box_wrap		{width:100%; }
.log_box		{display:none; }

.system_box_wrap 	{position:relative; float:right; width:48.5%; top:-370px; border-radius:10px; }
.system_box 	{position:absolute; float:right; width:100%; border-radius:10px; }
.system_box .info	{letter-spacing:-0.8px; }

}


/* screen 880 */
@media screen and (max-width:880px) {

.main_visual li	{height:320px; }
.main_visual .main_txt					{margin-top:85px;  }
.main_visual .main_txt .title			{font-size:2.4em; }
.main_visual .main_txt .txt				{width:95%; font-size:1.05em; line-height:140%; }

}


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

.main_bn					{float:none; width:100%; height:auto; }
.box_wrap		{margin:0; }

}


/* screen 560 */
@media screen and (max-width:560px) {

.main_visual .main_txt .title			{font-size:2em; }
.main_visual .main_txt .txt				{width:90%; }
.main_visual .main_txt .txt br		{display:none; }

#main_wrap				{height:300px; min-height:auto; }
.main_bn ul li		{width:33.333%; }
.main_bn ul li:nth-child(1), .main_bn ul li:nth-child(2)	{border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(4), .main_bn ul li:nth-child(5)	{border-bottom:0; border-right:1px solid #e7e7e7; }
.main_bn ul li:nth-child(3)	{border-right:0; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(6)	{border-bottom:0; border-right:0; }

.main_title		{font-size:1.5em; line-height:135%; letter-spacing:-0.5px; }

.member div, .system_box		{height:170px; }
.member .top, .system_box	{padding:18px 25px; border-radius:10px; }
.member .top .txt, .member .under, .system_box .bar, .system_box .txt, .system_box .info {display:none; }
.member .top .btn {display:block; width:100%; height:45px; line-height:43px; margin-top:20px; font-size:1.15em; color:#fff; text-align:center; border:1px solid #ab0520; background-color:#9e051c; box-sizing:border-box; cursor:pointer;  }

.system_box_wrap 	{top:-200px; }
.system_box .btn		{margin-top:20px; }

.main_bn ul li	{padding:12px 0; text-align:left; }
.main_bn img	{float:left; width:40px; margin:0 10px 0 15px; }
.main_bn p	{font-size:0.92em; }

}


/* screen 480 */
@media screen and (max-width:480px) {

.main_title		{font-size:1.25em; line-height:130%; }
.main_title span		{display:none; }
.main_title br		{display:none; }

#main_wrap				{height:455px; }
.member_wrap		    {float:none; width:100%; height:auto; margin-bottom:0; }

.member div, .system_box		{height:120px; }
.member .top .btn, .system_box .btn	{height:38px; line-height:36px; margin-top:15px; font-size:1em; }

.system_box_wrap 	{float:none; width:100%; top:15px; }

.main_bn_wrap	{top:160px; }
.main_bn ul li	{width:50%; }
.main_bn ul li:nth-child(1), .main_bn ul li:nth-child(3)	{border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(2), .main_bn ul li:nth-child(4)	{border-right:0; border-bottom:1px solid #e7e7e7; }
.main_bn ul li:nth-child(5)	{border-right:1px solid #e7e7e7; border-bottom:0; }
.main_bn ul li:nth-child(6)	{border-right:0; border-bottom:0; }

}


/* screen 360 */
@media screen and (max-width:360px) {

.main_visual .main_txt .title			{font-size:2.4em; }
.main_visual .main_txt .title span			{display:inline-block; margin:5px 0; }
.main_visual .main_txt .txt				{display:none; }
.main_visual .main_txt br	{display:block; }


}