@charset "utf-8"; 
 


/* MAIN    ================================================================================== */
#main_wrap							{position:relative; }
.main_container						{position:relative; height:100%; padding:40px 0 100px 0; background:url("../image/main/main_bg.jpg") center top no-repeat #236dcc; background-size:contain;  overflow:hidden;}

.main_txt							{position:relative; color:#fff; padding:0 0 60px 0;}
.main_txt h1 img					{width:175px;}
.main_txt dt						{position:relative; font-size:1.8em; font-family: 'GmarketSansLight'; letter-spacing:-2px; margin:60px 0 20px 0; z-index:2;}
.main_txt dt strong					{font-family: 'GmarketSansBold'; display:block; font-size:70px; line-height:100%; margin:25px 0 0 0;}
.main_txt dd						{position:relative; z-index:1; font-size:1.1em; margin:0 0 35px 0; line-height:160%;}
.main_txt dd strong					{display:inline-block; margin-right:20px; width:100px; height:36px; line-height:34px; text-align:center; border:2px solid #fff; border-radius:20px; font-family: 'GmarketSansMedium'; font-size:16px;}
.main_txt .info						{font-family: 'GmarketSansMedium'; font-size:1.3em; margin:5px 0;}
.main_txt:after						{position:absolute; content:'';  width:780px; height:420px; bottom:0; right:-50px; background:url("../image/main/main_acc.png") no-repeat right bottom;}
.main_txt .link						{float:right;display:inline-block; color:#fff; font-size:0.9em; letter-spacing:-1px;border:2px solid #fff; line-height:32px; padding:0 20px 0 38px; background:url("../image/common/acc_link.png") no-repeat 15px center; background-size:14px; border-radius:20px;}
.main_txt_sub:after					{width:44%; background-size:contain;}
.main_txt_sub dt					{font-size:1.4em;}
.main_txt_sub dt strong				{font-size:60px; margin:20px 0 0 0;}
.main_txt_sub dd strong				{font-size:15px;}
.main_txt_sub .info					{font-size:1.1em;}

.main_top							{overflow:hidden;}
.main_top dl						{float:left; width:25%; text-align:center; height:280px;}
.main_top dl img					{width:84px; margin:30px 0 25px 0;}
.main_top dl dt						{font-size:1.5em; font-family: 'GmarketSansBold'; margin:0 0 10px 0; line-height:100%;}
.main_top dl dd						{opacity:0.9; font-weight:500; letter-spacing:-1px;}
.main_top dl:first-child			{background:#ffbd31; width:50%;}
.main_top dl:nth-child(2)			{background:#20adc8;}
.main_top dl:nth-child(3)			{background:#2f92e6;}
.main_top dl a						{display:block; color:#fff;}
.main_top dl .wrap					{position:relative; width: 100%; height:100%; padding-top:50%;}
.main_top dl iframe					{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.main_top p						{position:relative; font-size:1.5em; font-family: 'GmarketSansBold'; margin:100px 0 10px 0; line-height:100%;}
.main_top p:after				{content:''; position:absolute; width:25px; height:10px; bottom:5px; background:url("../image/main/more.gif") no-repeat right bottom;}
.main_top div					{opacity:0.9; font-weight:500;letter-spacing:-1px;}

.main_mid							{overflow:hidden;}
.main_mid .lt						{float:left; width:50%; background:#fff; height:320px;}
.main_mid .wrap						{padding:40px; padding-bottom:0;}
.main_mid .tit						{position:relative; font-family: 'GmarketSansBold'; font-size:1.4em; color:#333; padding-bottom:15px; border-bottom:1px solid #e3e3e3;}
.main_mid .more						{position:absolute; display:block; right:0; top:-5px; border:1px solid #cacaca; width:30px; height:30px;}
.main_mid .more:after				{position:absolute; content:''; width:12px; height:2px; background:#535353; left:8px; top:14px;}
.main_mid .more:before				{position:absolute; content:''; width:2px; height:12px; background:#535353; top:9px; left:13px;}
.main_mid .more:hover				{background:#236dcc; border-color:#236dcc;}
.main_mid .more:hover:after,
.main_mid .more:hover:before		{background:#fff;}
.main_news_list						{overflow:hidden; margin:30px 0 0 0;}
.main_news_list li					{overflow:hidden; }
.main_news_list li:first-child		{margin-bottom:30px;}
.main_news_list .date				{float:left; height:75px; text-align:center; }
.main_news_list .date p				{margin:15px 0 7px 0; color:#333; font-size:2em; font-weight:700; letter-spacing:-1px; }
.main_news_list .date em			{font-weight:100; font-style:normal; margin-top:3px; color:#a2a2a2; font-size:0.9em;}
.main_news_list dl					{padding:0 0 0 75px;}
.main_news_list dl dt				{font-size:1.1em; font-weight:700; color:#414141; letter-spacing:-1px; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.main_news_list dl dd				{color:#797979; height:46px;line-height:150%; letter-spacing:-0.75px; font-size:0.95em; 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_news_list .nolist				{float:none; width:100%; padding:80px 0; text-align:center; font-weight:normal !important; color:#999 !important; }
.main_mid .rt						{float:left; width:25%;}
.main_mid .rt li					{height:320px; background:#5f4ca7; padding:120px 0 0 0px; text-align:center;}
/*.main_mid .rt li:first-child		{background:#c74a77;}*/
.main_mid .rt p						{position:relative; font-size:1.5em; font-family: 'GmarketSansBold'; margin:0 0 10px 0; line-height:100%;}
.main_mid .rt p:after				{content:''; position:absolute; width:25px; height:10px; bottom:5px; background:url("../image/main/more.gif") no-repeat right bottom;}
.main_mid .rt span					{opacity:0.9; font-weight:500;letter-spacing:-1px;}
.main_mid .rt a						{display:block; color:#fff; }

.main_mid .login						{float:right; width:25%; height:320px; background-color:#fff; overflow:hidden; text-align:center;}
.main_mid .login h2						{text-align:center; font-size:1.6em; font-family: 'GmarketSansBold'; color:#2b3956; margin:0 0 20px 0;}
.main_mid .login .name					{display:inline-block; height:40px; line-height:40px; padding:0 0 0 50px;background:url("../image/main/login_bg.png") no-repeat left top; background-size:40px; margin:20px 0;}
.main_mid .login .name span				{font-weight:500; color:#333;}
.main_mid .login .wrap					{padding:40px;}
.outlogin_input							{box-sizing:border-box; border:1px solid #dfdfdf; color:#222; padding:0 10px 0 40px; margin:5px 0; height:46px; line-height:46px; width:100%; letter-spacing:-1px; margin-top:-1px;}
.outlogin_input	::-webkit-input-placeholder	{color: #b3b3b3;}
.outlogin_input :-moz-placeholder			{color: #b3b3b3;} /* Firefox 4-18 */
.outlogin_input	::-moz-placeholder			{color: #b3b3b3;} /* Firefox 19+ */
.outlogin_input	:-ms-input-placeholder		{color: #b3b3b3;}  /* IE10+ */

.outlogin_btn input, .outlogin_btn div		{display:inline-block;zoom:1;*display:inline;box-sizing:border-box; width:100%;text-align:center;line-height:48px;height:50px;color:#fff;background:#2b3956;font-size:1.05em;font-weight:500; border:1px solid #3f4b65; cursor:pointer; letter-spacing:-1px; margin:2px 0;} 
.outlogin_btn input:hover, .outlogin_btn div:hover	{background:#333; border-color:#333;}
.outlogin_btn div a							{color:#fff;}
.outlogin_field .acc_login					{background:url("../image/main/acc_login.png") no-repeat 10px center #f5f5f5; background-size:20px;}
.outlogin_field .acc_logout					{background:url("../image/main/acc_logout.png") no-repeat 10px center #f5f5f5; background-size:20px;}
.outlogin_btn .mpagelist					{background:#fff; border-color:#ddd; color:#2b3956; font-size:0.95em; height:48px; line-height:46px;}
.outlogin_btn .mpagelist a					{color:#333;}
.outlogin_btn .mpagelist:hover				{background:#333;}
.outlogin_btn .mpagelist:hover a			{color:#fff;}

.main_btm							{position:relative; overflow:hidden; background:#eff1f6;}
.main_btm .wrap						{padding:40px;}
.main_btm .tit						{font-family: 'GmarketSansMedium'; font-size:1.4em; letter-spacing:-2px;}
.main_btm .list_btn					{display:none; position:absolute; right:40px; top:40px;}
.main_btm .list_btn p				{position:relative; display:block; float:left; width:25px; height:25px; border:1px solid #ddd; border-right:0; background:#fff; cursor:pointer;}
.main_btm .list_btn p:last-child	{border-right:1px solid #ddd;}
.main_btm .list_btn .prev			{display:inline-block;zoom:1;*display:inline; margin:0 0 2px 10px; border:solid #878790; border-width:0 2px 2px 0; padding:3px; transform:rotate(135deg);  }
.main_btm .list_btn .next			{display:inline-block;zoom:1;*display:inline; margin:0 0 2px 6px;  border:solid #878790; border-width:2px 2px 0 0; padding:3px; transform:rotate(45deg);  }
.main_btm .list_btn .stop			{display:block; width:2px; height:10px; background:#878790; margin:7px 0 0 8px; }
.main_btm .list_btn .stop:after		{margin-left:5px; content:''; display:block; width:2px; height:10px; background:#878790; }
.main_btm .list_btn .play			{display:block; content:''; width:0; height:0; margin:6px 0 0 9px; border-top:6px solid transparent; border-left:9px solid #878790; border-bottom:6px solid transparent;}
.main_btm .list_btn p:hover			{background:#f2f2f2;}

.main_btm .list_item				{overflow:hidden; margin:20px 0 0 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.main_btm .list_item li				{float:left;  width:16.66%; border:1px solid #ddd; border-right:0; border-bottom:0; height:60px; background:#fff; text-align:center; display:flex;justify-content:center;align-items:center;}
.main_btm .list_item li img				{max-width:90%; max-height:90%; flex:0 0 auto;}


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

	.main_txt h1						{margin-left:70px;}

}


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

	.main_container					{padding:0 15px 60px 15px;}
	.main_txt						{padding:100px 0 60px 0;}
	.main_txt_sub					{padding:60px 0; margin:0 15px;}
	.main_txt h1					{margin:0;}
}


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

	.main_container					{padding:60px 15px;}
	.main_txt						{padding:0 0 60px 0;}
	.main_txt h1					{display:none;}
	.main_txt dt					{margin:40px 0 10px 0; font-size:1.3em;}
	.main_txt dt strong				{font-size:40px; margin:15px 0 0 0;}
	.main_txt_sub dt strong			{margin:15px 0;}
	.main_txt dd					{font-size:0.95em;}
	.main_txt .info					{font-size:1.05em;}
	.main_txt dd strong				{width:80px; margin-right:15px; font-size:14px; height:32px; line-height:30px;}
	.main_txt:after					{width:60%; background-size:contain;}

	.main_top dl					{width:50%; padding:30px 20px; height:240px;}
	.main_top dl dt					{font-size:1.2em; margin:15px 0 10px 0;}
	.main_top dl dd					{font-size:0.9em; line-height:140%;}
	.main_top dl img				{width:70px; margin:0;}
	.main_top dl:first-child		{width:50%;}
	.main_top dl:last-child			{width:100%; height:100%;padding:0;}
    .main_top p						{margin:50px 0 10px 0;}

	.main_mid .lt					{float:none; width:100%; height:100%;}
	.main_mid .wrap					{padding:20px;}
	.main_mid .tit					{font-size:1.2em; padding-bottom:15px;}
	.main_news_list					{margin:20px 0 0 0;}
	.main_news_list .date p			{font-size:1.6em;}
	.main_news_list .date em		{font-size:0.8em;}
	.main_news_list dl				{padding:0 0 0 65px;}
	.main_news_list dl dt			{font-size:1.05em;}

	.main_mid .rt					{width:50%;}
	.main_mid .rt p					{font-size:1.3em;}
	.main_mid .rt span				{font-size:0.95em;}

	.main_mid .login				{width:50%; border-top:1px dashed #ddd;}
	.main_mid .login .wrap			{padding:30px 20px;}

	.main_btm .wrap					{padding:20px;}
	.main_btm .tit					{font-size:1.2em;}
	.main_btm .list_btn				{right:20px; top:20px;}
	.main_btm .list_item			{margin:10px 0 0 0;}
	.main_btm .list_item li			{width:25%; height:52px;}

}



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

	.main_container					{padding:40px 15px;}

	.main_top dl					{float:none; width:100%; height:100%; padding:30px 20px; text-align:left; overflow:hidden;}
	.main_top dl img				{float:left; margin-right:30px;}
	.main_top dl dt					{margin:0 0 10px 0;}
	.main_top dl dd br				{display:none;}
	.main_top dl:first-child		{width:100%;}
    .main_top p						{margin:0px 0 10px 0; text-align:center;}
    .main_top div					{opacity:0.9; font-weight:500;letter-spacing:-1px; text-align:center !important;}

	.main_mid .rt					{float:none; width:100%; overflow:hidden;}
	.main_mid .rt li				{float:left; width:100%; padding:30px 20px; height:100%;}
	.main_mid .rt span br			{display:none;}
	.main_mid .login				{float:none; width:100%; height:100%; border:0;}
	.main_mid .login h2				{font-size:1.4em; margin:0 0 10px 0;}
	.outlogin_btn input, .outlogin_btn div	{height:46px; line-height:44px;font-size:1em;}
	.outlogin_btn .mpagelist				{height:44px; line-height:42px;}

	.main_btm .list_item li			{width:50%;}
}


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


}