@charset "utf-8";

@media only screen and (max-width:767px){ /* auto */
	.layer-position{width:auto !important;height:auto !important;/* padding-bottom:40px; */}
}


#main-container	section	{padding:60px 0 80px;}
#main-container	h2		{font-family:'gsans';font-weight:700;font-size:40px;padding:0;margin:0;letter-spacing:-1px;line-height:1.1}
#main-container	.title	{margin-bottom:60px}
#mvisual			{position:relative;height:720px;z-index:1}
#mvisual:before		{content:"";position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:240px;background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));}
#mvisual video			{position:absolute;left:0;top:0;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;z-index:1}
.mvcont					{padding-top:250px;animation:fadeInUp .8s cubic-bezier(.4,0,0,1)}
.mvtit					{position:relative;min-height:240px;z-index:2;background:rgba(0,0,0,0.5);display:inline-block;padding:40px 70px 0 40px;color:#fff;line-height:1.1}
.mvtit:after			{content:"";position:absolute;left:0;bottom:-40px;width:100%;border-top:40px solid rgba(0,0,0,0.5);border-right:40px solid transparent;}
.mvtit:before			{content:"GUMI HOT ISSUE";position:absolute;right:20px;top:30px;display:block;color:rgba(255,255,255,0.4);letter-spacing:0;font-size:10px;font-family:Lato;font-weight:700;transform:rotate(-90deg);transform-origin:100% 100%;}
.mvtit .stit			{font-weight:500;font-size:20px;margin-bottom:10px}
.mvtit .tit				{font-weight:700;font-size:48px;}
.mvtit .txt	            {font-weight:400;font-size:15px;margin-top:10px;}
.mvtit .control			{position:absolute;left:40px;bottom:0;width:100%;}
.mvtit .control a		{float:left;margin-right:10px;display:block;height:14px;border-left:4px solid #fff}
.mvtit .control a.on	{border-color:#ffcc00;transform:skew(-30deg);margin-right:16px}
.mvimg		{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}

/* 메인인트로추가 - 190327 김민영 */
.main-intro		{position:absolute;left:0;top:70px;width:100%;height:720px;background:rgba(0,0,0,0.1);padding-top:60px;z-index:999;overflow:hidden;}
.main-intro ul	{}
.main-intro .slide-wrap	{padding:130px 100px;}
.main-intro .bx-wrapper	{overflow:hidden;}
.main-intro ul:after	{content:"";display:block;clear:both;float:none;}
.main-intro ul		{height:400px;overflow:hidden;}
.main-intro li		{float:left;width:50%;}
.main-intro li .inside	{text-align:center;position:relative;overflow:hidden;height:400px;width:calc(100% - 20px);margin:0 auto;}
.main-intro li img		{height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-intro .control a	{position:absolute;top:50%;margin-top:-60px;font-size:60px;color:#fff;z-index:999;}
.main-intro .control a.prev	{left:0;}
.main-intro .control a.next	{right:0;}
.main-intro .close	{position:absolute;right:55px;top:120px;opacity:1;cursor:auto;}
.main-intro .close label	{font-size:13px;color:#fff;text-shadow:none;font-weight:normal;margin:0 10px 0 5px;}
.main-intro .close a	{display:block;width:40px;height:40px;line-height:40px;text-align:center;text-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.main-intro .close a:before	{content:"\f00d";font-family:'fontAwesome';font-weight:900;color:#fff;}
/* .main-intro .close a		{position:relative;display:inline-block;width:30px;height:30px;vertical-align:middle;}
.main-intro .close a:before	{content:"";display:block;height:20px;width:1px;background:#fff;transform:rotate(-45deg);transform-origin:13px -4px;}
.main-intro .close a:after	{content:"";display:block;height:20px;width:1px;background:#fff;transform:rotate(45deg);transform-origin:26px 20px;}
 */
/*
.mvimg1		{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:url(../img/mvimg01.jpg) no-repeat 50% 0;background-size:cover;} 
*/

@media only screen and (max-width:1256px){ /* 960px */
	#mvisual	{height:650px;}
	.mvcont		{padding-top:140px;}
	.main-intro		{height:650px;}
	.main-intro .slide-wrap	{padding:100px 60px;}
	.main-intro li	{float:none;width:100%;}
	.main-intro li img	{width:auto;object-fit:none;min-width:auto;}
	.main-intro .close	{right:20px;top:90px;}
}
@media only screen and (max-width:1239px){
	.main-intro .close	{right:170px;}
}
@media only screen and (max-width:1023px){ /* 720px */
	#mvisual	{height:450px;}
	.mvcont		{padding-top:60px;}
	.mvtit .tit	{font-size:40px;}
	.main-intro		{height:450px;padding-top:0;margin-top:-10px;}
	.main-intro .slide-wrap	{padding:60px;}
	.main-intro.fix	{top:0;}
	.main-intro li .inside	{height:300px;max-width:375px;margin:0 auto;}
	.main-intro li img		{object-fit:cover;position:relative;left:auto;top:auto;transform:none;}
	.main-intro .close	{right:130px;top:50px;}
}
@media only screen and (max-width:767px){ /* auto */
	#mvisual	{height:300px;}
	.mvcont		{padding:40px 20px 20px 20px;}
	.mvtit		{min-height:140px;width:100%;padding:30px 50px 0 30px;}
	.mvtit .stit{font-size:12px;}
	.mvtit .tit	{font-size:24px;}	
	.mvtit:after	{bottom:-30px;border-top-width:30px;border-right-width:30px}
	.mvtit .control	{left:30px;}
	.main-intro				{height:250px;padding:30px 20px;}
	.main-intro .slide-wrap	{padding:0 20px;}
	.main-intro li .inside	{height:200px;max-width:250px;}
	.main-intro .close	{left:calc(50% + 125px);right:auto;top:-10px;}
	.main-intro .control a	{margin-top:-30px;}
}

/* #main-user			{position:relative;margin-top:-120px;height:120px;z-index:899;text-align:center}
#main-user #user01_tab,
#main-user #user01	{background:rgba(11,95,145,0.8)}
#main-user #user02_tab,
#main-user #user02	{background:rgba(11,61,145,0.8)}
#main-user #user03_tab,
#main-user #user03	{background:rgba(6,34,79,0.8)}
#main-user a		{position:relative;color:#fff}
#main-user .tab		{width:360px;margin:0 auto;}
#main-user .tab	a	{float:left;display:block;padding-bottom:20px;width:120px;}
#main-user .tab	a span		{position:relative;display:block;line-height:20px;font-size:18px;font-weight:500;letter-spacing:-1px;}
#main-user .tab	a:before	{content:"";position:absolute;left:0;top:-20px;width:100%;border-bottom:20px solid;border-left:20px solid transparent;}
#main-user .tab	#user01_tab:before{border-bottom:20px solid rgba(11,95,145,0.8)}
#main-user .tab	#user02_tab:before{border-bottom:20px solid rgba(11,61,145,0.8)}
#main-user .tab	#user03_tab:before{border-bottom:20px solid rgba(6,34,79,0.8)}
#main-user .cont	{position:absolute;left:0;bottom:0;width:100%;}
#main-user .cont a	{display:block;line-height:50px;margin:15px 0;padding:0 0 0 50px;font-size:16px;border-left:1px solid rgba(0,0,0,0.2)}
#main-user .cont a:hover{color:#ffcc00}
#main-user .cont li:first-child a{border-left:none}
#main-user .cont li	{background-repeat:no-repeat;background-position:10px 50%}
#main-user .ico11	{background-image:url(../img/main_user_ico11.png)}
#main-user .ico12	{background-image:url(../img/main_user_ico12.png)}
#main-user .ico13	{background-image:url(../img/main_user_ico13.png)}
#main-user .ico14	{background-image:url(../img/main_user_ico14.png)}
#main-user .ico15	{background-image:url(../img/main_user_ico15.png)}
#main-user .ico16	{background-image:url(../img/main_user_ico16.png)}
#main-user .ico21	{background-image:url(../img/main_user_ico21.png)}
#main-user .ico22	{background-image:url(../img/main_user_ico22.png)}
#main-user .ico23	{background-image:url(../img/main_user_ico23.png)}
#main-user .ico24	{background-image:url(../img/main_user_ico24.png)}
#main-user .ico25	{background-image:url(../img/main_user_ico25.png)}
#main-user .ico26	{background-image:url(../img/main_user_ico26.png)}
#main-user .ico27	{background-image:url(../img/main_user_ico27.png)}
#main-user .ico28	{background-image:url(../img/main_user_ico28.png)}
#main-user .ico29	{background-image:url(../img/main_user_ico29.png)}
#main-user .ico31	{background-image:url(../img/main_user_ico31.png)}
#main-user .ico32	{background-image:url(../img/main_user_ico32.png)}
#main-user .ico33	{background-image:url(../img/main_user_ico33.png)}
#main-user .ico34	{background-image:url(../img/main_user_ico34.png)}
#main-user .ico35	{background-image:url(../img/main_user_ico35.png)}
#main-user .ico36	{background-image:url(../img/main_user_ico36.png)}
#main-user .ico37	{background-image:url(../img/main_user_ico37.png)}

@media only screen and (max-width:1256px){
	#main-user				{margin-top:-140px;height:140px;}
	#main-user .tab	a		{padding-bottom:15px;}
	#main-user .tab	a span	{font-size:18px;margin-top:-5px}
	#main-user .cont li	{background-position:50% 20px;height:110px;}
	#main-user .cont a	{line-height:30px;padding:50px 0 0 0;font-size:14px;}
}
@media only screen and (max-width:1023px){
	
}
@media only screen and (max-width:767px){
	#main-user			{margin-top:-30px;height:auto;}
	#main-user .tab		{width:auto;}
	#main-user .tab	a	{width:33.3333%;}
	#main-user .tab	a span	{font-size:16px;}	
	#main-user .cont	{position:relative;top:0;bottom:auto;padding:10px 0;height:auto;}
	#main-user .cont li	{width:50% !important;background-position:10px 50%;background-size:auto 20px;height:25px;text-align:left;}
	#main-user .cont a	{margin:0;line-height:25px;padding:0 0 0 40px;font-size:13px;border-left:none}
	#main-user #user01_tab,
	#main-user #user01	{background:rgba(11,95,145,1)}
	#main-user #user02_tab,
	#main-user #user02	{background:rgba(11,61,145,1)}
	#main-user #user03_tab,
	#main-user #user03	{background:rgba(6,34,79,1)}
	#main-user .tab	#user01_tab:before{border-bottom:20px solid rgba(11,95,145,1)}
	#main-user .tab	#user02_tab:before{border-bottom:20px solid rgba(11,61,145,1)}
	#main-user .tab	#user03_tab:before{border-bottom:20px solid rgba(6,34,79,1)}
} */



#main-user			{position:relative;margin-top:-120px;height:120px;z-index:899;word-break:keep-all;display:none;}
#main-user #user01,
#main-user #user02,	
#main-user #user03	{background:#fcfcfc;border-bottom:1px solid #f1f1f1;}
#main-user a		{position:relative;}
#main-user .tab	{width:360px;margin:0 auto;text-align:center}
#main-user .tab a	{float:left;display:block;padding:20px 0;width:120px;background:#0B3D91;color:#fff;border-right:1px solid rgba(0,0,0,0.2);}
#main-user .tab a.on	{background:#102d5e;}
#main-user .tab a span		{position:relative;display:block;line-height:20px;font-size:18px;font-weight:500;letter-spacing:-1px;}

#main-user .tab a[class*='mq-ad']{background:#f3466b;width:100%;}
#main-user .tab a.mq-ad2{background:#4686f3 !important;}

#main-user .cont	{position:absolute;left:0;bottom:0;width:100%;}
#main-user .cont a	{position:relative;display:block;margin:15px 0;padding:0 0 0 50px;height:50px;font-size:15px;border-left:1px solid rgba(0,0,0,0.2);text-align:center;}
#main-user .cont a:hover{color:#ffcc00}
#main-user .cont li:first-child a{border-left:none}
#main-user .cont p	{position:absolute;left:40px;top:50%;transform:translateY(-50%);line-height:1.2;width:calc(100% - 50px);}
#main-user .ico	{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;background-size:auto 100%;background-repeat:no-repeat;filter: brightness(0.5);}
#main-user .ico11	{background-image:url(../img/main_user_ico11.png)}
#main-user .ico12	{background-image:url(../img/main_user_ico12.png)}
#main-user .ico13	{background-image:url(../img/main_user_ico13.png)}
#main-user .ico14	{background-image:url(../img/main_user_ico14.png)}
#main-user .ico15	{background-image:url(../img/main_user_ico15.png)}
#main-user .ico16	{background-image:url(../img/main_user_ico16.png)}
#main-user .ico21	{background-image:url(../img/main_user_ico21.png)}
#main-user .ico22	{background-image:url(../img/main_user_ico22.png)}
#main-user .ico23	{background-image:url(../img/main_user_ico23.png)}
#main-user .ico24	{background-image:url(../img/main_user_ico24.png)}
#main-user .ico25	{background-image:url(../img/main_user_ico25.png)}
#main-user .ico26	{background-image:url(../img/main_user_ico26.png)}
#main-user .ico27	{background-image:url(../img/main_user_ico27.png)}
#main-user .ico28	{background-image:url(../img/main_user_ico28.png);left:0;}
#main-user .ico29	{background-image:url(../img/main_user_ico29.png)}
#main-user .ico31	{background-image:url(../img/main_user_ico31.png)}
#main-user .ico32	{background-image:url(../img/main_user_ico32.png)}
#main-user .ico33	{background-image:url(../img/main_user_ico33.png)}
#main-user .ico34	{background-image:url(../img/main_user_ico34.png)}
#main-user .ico35	{background-image:url(../img/main_user_ico35.png)}
#main-user .ico36	{background-image:url(../img/main_user_ico36.png)}
#main-user .ico37	{background-image:url(../img/main_user_ico37.png)}
#main-user .ico38	{background-image:url(../img/main_user_ico38.png)}


@media only screen and (max-width:1256px){ /* 960px */	
	
}
@media only screen and (max-width:1023px){ /* 720px */
	#main-user	{display:block;}
	#main-user #user01 .ico	{margin-bottom:5px;}
	#main-user .cont#user01 a	{padding-top:0;}

	/* #main-user .tab a		{padding-bottom:15px;}
	#main-user .tab a span	{font-size:18px;margin-top:-5px}
	#main-user .cont a		{font-size:14px;text-align:center;padding:5px 0 0 0;height:80px;}
	#main-user .cont p		{position:relative;left:auto;top:auto;transform:none;width:100%;}
	#main-user .ico		{position:relative;left:auto;top:auto;margin:0 auto 10px;} */


	#main-user				{margin-top:-50px;height:auto;}
	#main-user .tab		{width:auto;}
	#main-user .tab a		{width:33.3333%;}
	#main-user .tab a span	{font-size:16px;}	
	#main-user .cont	{position:relative;top:0;bottom:auto;padding:10px 0;height:auto;}
	#main-user .cont li{width:50% !important;}
	#main-user .cont a	{margin:0;padding:0 0 0 40px;font-size:13px;border-left:none;text-align:left;height:auto;}
	#main-user .cont p	{position:relative;left:auto;top:auto;transform:none;width:100%;line-height:25px;}
	#main-user .ico	{position:absolute;left:10px;top:50%;margin-top:-10px;width:20px;height:20px;}
}
@media only screen and (max-width:767px){ /* auto */
	#main-user .tab a		{padding:15px 0;}
	
}	
@media only screen and (max-width:415px){
	#main-user .tab a span	{font-size:14px;}	
}	



section#main-news	{padding:50px 0 60px;}
#main-notice				{float:left;width:calc(100% - 450px);height:360px;position:relative;}
#main-notice .tab_on > a,
#main-notice .tab_off > a	{position:relative;z-index:2;display:block;float:left;width: 120px;height:50px;line-height:30px;text-align:center;font-size:20px;font-weight:600}
#main-notice .tab_on > a	{color:#0B3D91;border-bottom:2px solid #0B3D91;}
#main-notice .tab_off > a	{color:#999;}
#main-notice .tab_off > a:hover	{color:#0B3D91;}
#main-notice .tab_on .tabcontent {position:absolute;z-index:2;left:0;top:48px;width:100%;height:calc(100% - 48px);text-align:left;border-top:2px solid rgba(11,61,145,0.3);background:#fff}
#main-notice .tabcontent	{position:absolute;z-index:1;left:0;top:48px;width:100%;height:calc(100% - 48px);text-align:left;border-top:2px solid rgba(11,61,145,0.3);background:#fff}
#main-notice .tabcontent ul	{position:relative;}
#main-notice .tabcontent li	{position:relative;border-bottom:1px solid #eaeaea;padding:16px 0;}
#main-notice .tabcontent ul:nth-child(2) li:last-child	{border-bottom:1px solid #ccc;}
#main-notice .tabcontent li a {display:block;width:calc(100% - 100px);padding-right:100px;font-size:19px;color:#111;font-weight:500;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
#main-notice .tabcontent li a .arrow		{position:absolute;display:block;width:27px;right:0;top:40px;}
#main-notice .tabcontent li a .arrow:after	{content:"";position:absolute;top:calc(50% - 1px);right:1px;display:block;transition:all 0.2s ease-out;background:#ccc;width:27px;height:2px;}
#main-notice .tabcontent li a .arrow:before	{content:"";position:absolute;left:50%;top:50%;display:block;transition:all 0.2s ease-out;transform:translate(-50%, -50%) rotate(45deg);width:16px;height:16px;border-right:2px solid #ccc;border-top:2px solid #ccc;margin-left:2px;}
/* #main-notice .tabcontent ul p	{line-height:2em;height:2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; width:100%; white-space:normal;overflow:hidden; text-overflow:ellipsis;} */
#main-notice .tabcontent ul.list		{margin-top:25px;}
#main-notice .tabcontent ul.list li:before 	{content:"";display:inline-block;width:2px;height:2px;background:#999;vertical-align:top;margin:12px 8px 0 0;}
#main-notice .date			{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:block;text-align:center;font-size:14px;color:#999;font-family:'Montserrat';padding:10px 0;line-height:1.5;}
#main-notice .date span		{display:block;font-family:'Montserrat';font-size:26px;line-height:1;color:#0B3D91;}
#main-notice .more			{position:absolute;right:0;top:8px;}
#main-notice .more span		{display:none}
#main-notice .more a		{position:relative;width:20px;height:20px;display:block;}
#main-notice .more a:before	{content:"";position:absolute;left:9px;top:0;border-left:2px solid #0B3D91;height:20px;display:block;}
#main-notice .more a:after	{content:"";position:absolute;left:0px;top:9px;border-top:2px solid #0B3D91;width:20px;display:block;}
#main-notice .tabcontent li a:hover .arrow:after	{background:#0B3D91;}
#main-notice .tabcontent li a:hover .arrow:before	{border-color:#0B3D91;}

#main-notice .static 			{font-size:13px;color:#999;padding-left:80px;}
#main-notice .static span		{padding-right:10px;overflow:hidden;}
#main-notice .static span em		{text-indent:-9999px;display:inline-block;}
#main-notice .static span.st-view:before		{content:"\f06e";font-family:'fontAwesome';font-weight:900;margin-right:5px;}

#popupzone					{position:relative;float:right;width:400px;}
#popupzone .cont			{position:relative;z-index:999}
#popupzone .control			{position:absolute;z-index:999;right:0;bottom:0;width:auto;text-align:center;}
#popupzone .control em		{color:#ffcc00}
#popupzone .control span	{font-size:12px;}
#popupzone .control span,
#popupzone .control a	{float:left;display:block;background:rgba(0,0,0,0.7);width:50px;height:50px;line-height:50px;margin-left:1px;color:#fff}
#popupzone .control a.prev:before	{content:"\f053";font-family:'fontAwesome'}
#popupzone .control a.next:before	{content:"\f054";font-family:'fontAwesome'}
#popupzone .type-txt 		{position:absolute;display:block;width:100%;height:100%;padding:50px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;word-break:keep-all;line-height:1.2}
#popupzone .type-txt .stit	{font-size:20px;font-family:nsn;margin-bottom:10px}
#popupzone .type-txt .tit	{font-size:36px;font-family:nsb;}
#popupzone .type-txt .txt	{margin:20px 0 0 0;line-height:1.6}
#popupzone .type-txt .btn_d	{display:inline-block;background:none;border:2px solid rgba(0,0,0,0.2);color:rgba(0,0,0,0.4);font-weight:600;padding:10px 20px;font-size:14px;margin-top:30px;transition:all .3s ease-out}
#popupzone .type-txt .btn_d:hover	{background:#fff;color:#222}
#ppz-p .ppz-cont			{position:relative;height:360px;overflow:hidden}
#ppz-p .ppz-cont img		{height:100%;}

@media only screen and (max-width:1023px){ /* 720px */	
	#main-container	h2	{font-size:32px;}
	#main-notice		{width:calc(100% - 340px);height:300px;}
	#main-notice .tab_on > a,
	#main-notice .tab_off > a				{width:100px;height:40px;font-size:18px;}
	#main-notice .tabcontent	{top:38px;height:calc(100% - 60px);}
	#main-notice .tabcontent li	{padding:11px 0;}
	#main-notice .tabcontent ul.notice p	{display:none;}
	#main-notice .tabcontent ul.notice li a	{width:100%;font-size:16px;margin:0;}
	#main-notice .tabcontent ul.list		{margin-top:15px;}
	#popupzone		{width:300px;}
	#ppz-p .ppz-cont			{height:300px;}
	#popupzone .type-txt 		{padding:40px;}
	#popupzone .type-txt .stit	{font-size:16px;}
	#popupzone .type-txt .tit	{font-size:32px;}
	#popupzone .type-txt .btn_d	{display:none;}
	#main-pr	{padding:;}
}
@media only screen and (max-width:767px){ /* auto */	
	#main-container	section	{padding:20px 0;}
	#main-container	h2		{font-size:24px;text-align:center;}
	#main-container	.title	{margin-bottom:20px;}
	section#main-news		{padding:0;}
	#main-notice				{float:none;width:auto;margin-top:10px;height:290px;}
	#main-notice .tab_on > a,
	#main-notice .tab_off > a	{width:33.33333%;font-size:16px;}
	#main-notice .tabcontent	{height:195px;padding:15px 20px;background:none}
	#main-notice .tabcontent ul.notice li	{border-bottom:none;padding:0;}
	#main-notice .tabcontent li a		{padding:2px 0;padding-right:120px;}
	
	#main-notice .tabcontent ul:nth-child(2) li:last-child	{border-bottom:none;}
	#main-notice .more		{position:absolute;z-index:99;padding:15px 20px;right:0;top:auto;bottom:0px;border-top:1px dotted #ddd;width:100%;}
	#main-notice .more a	{float:right;width:auto;margin-right:20px;}
	#main-notice .more span	{display:inline-block;}
	#popupzone				{float:none;width:auto;margin:0;background:#f4f4f4}
	#popupzone .control			{position:relative;top:0;}
	#popupzone .control span	{display:none;}
	#popupzone .control a		{position:absolute;width:20px;height:40px;line-height:40px;top:-100px;}
	#popupzone .control a.prev	{left:0;}
	#popupzone .control a.next	{right:0;}
	#popupzone .type-img		{text-align:center;}
	#popupzone .type-txt 		{padding:20px 30px;}
	#popupzone .type-txt .stit	{font-size:14px;margin-bottom:5px;}
	#popupzone .type-txt .tit	{font-size:24px;}
	#popupzone .type-txt .txt	{margin-top:10px;font-size:13px;}	
	#ppz-p .ppz-cont			{height:160px;text-align:center;}
	
}	
@media only screen and (max-width:415px){ /* auto */	
	#main-notice .tabcontent li a	{position:relative;}
	#main-notice .tabcontent li a img	{position:absolute;right:90px;top:10px;}
}
#main-pr		{position:relative;height:720px;background:#f4f4f4;overflow:hidden;}
#main-pr .bg	{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;animation:screenXL .2s cubic-bezier(.4,0,0,1) forwards;z-index:4;}
#main-pr .title {text-align:center;}
#main-pr h2		{color:#111}
#main-pr h2 span	{font-weight:400;}

#main-challenge	{position:relative;}
#main-challenge .bx-viewport	{overflow:visible !important;height:auto !important;}
#main-challenge ul	{justify-content: center;margin:20px 0;left:50%;align-items: stretch;height:auto;}
#main-challenge ul li	{flex-basis:345px;;margin:0 20px;height:auto;}
#main-challenge ul li a	{display:block;height:100%;padding:40px 30px;border:1px solid #0B3D91;text-align:center;}
#main-challenge .va-pc	{display:block;}
#main-challenge .num span		{position:relative;display:inline-block;font-family:'Montserrat';font-size:14px;margin:0 0 20px;color:#333;text-align:center;letter-spacing:0.5px;}
#main-challenge .num span:after	{content:"";display:block;width:100%;height:10px;position:absolute;bottom:3px;left:0;background:rgba(83,165,241,0.15);}
#main-challenge .tit	{font-family:'gsans';font-size:30px;font-weight:600;color:#0B3D91;}
#main-challenge .txt	{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.5px;}
#main-challenge .ico	{display:block;width:80px;height:80px;margin:20px auto 20px;}
#main-challenge .ico.ico1	{background:url('../img/ico_challenge01.png') 50% 50% no-repeat;}
#main-challenge .ico.ico2	{background:url('../img/ico_challenge02.png') 50% 50% no-repeat;}
#main-challenge .ico.ico3	{background:url('../img/ico_challenge03.png') 50% 50% no-repeat;}
#main-challenge .ico.ico4	{background:url('../img/ico_challenge04.png') 50% 50% no-repeat;}
#main-challenge .ico.ico5	{background:url('../img/ico_challenge05.png') 50% 50% no-repeat;}
#main-challenge .ico.ico6	{background:url('../img/ico_challenge06.png') 50% 50% no-repeat;}
#main-challenge .ico.ico7	{background:url('../img/ico_challenge07.png') 50% 50% no-repeat;}
/*#main-challenge .more	{display:block;font-family:'Montserrat';font-size:12px;margin:20px 0 0;color:rgba(11,61,145,0.7);letter-spacing:1.5px;}*/
#main-challenge .more	{display:block;font-family:'Montserrat';font-size:12px;margin:20px 70px 0;color:#fff;letter-spacing:1.5px;border-radius:35px; background:#53a5f1;}
#main-challenge ul li a:hover	{transform:translateY(-15px);background:rgba(83,165,241,0.1);}

#main-challenge .control		{position:absolute;left:50%;top:50%;transform:translate(-50%,-45px);z-index:9;}
#main-challenge .control .swiper-button-prev,
#main-challenge .control .swiper-button-next{position:absolute;display:block;width:90px;height:90px;border-radius:100%;background:rgba(0,0,0,0.2);}
#main-challenge .control .swiper-button-prev	{left:0;}
#main-challenge .control .swiper-button-next	{right:0;}
#main-challenge .control .swiper-button-prev:before,
#main-challenge .control .swiper-button-next:before	{content:"";position:absolute;left:50%;top:50%;display:block;transition:all 0.2s ease-out;}
#main-challenge .control .swiper-button-prev:after,
#main-challenge .control .swiper-button-next:after	{content:"";position:absolute;top:calc(50% - 1px);display:block;transition:all 0.2s ease-out;background:#fff;width:20px;height:2px;}
#main-challenge .control .swiper-button-prev:before	{transform:translate(-50%, -50%) rotate(-135deg);width:16px;height:16px;border-right:2px solid #fff;border-top:2px solid #fff;margin-left:2px;}
#main-challenge .control .swiper-button-next:before	{transform:translate(-50%, -50%) rotate(45deg);width:16px;height:16px;border-right:2px solid #fff;border-top:2px solid #fff;margin-left:-2px;}
#main-challenge .control .swiper-button-prev:after	{left:calc(50% - 6px);}
#main-challenge .control .swiper-button-next:after	{left:calc(50% - 14px);}
#main-challenge .control .swiper-button-prev:hover,
#main-challenge .control .swiper-button-next:hover	{background:rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.2);}

@keyframes screenXL {
    0%		{transform-origin:left center;transform:scaleX(1);}
    100%	{transform-origin:left center;transform:scaleX(0);}
}
@keyframes screenXR {
    0%		{transform-origin:right center;transform:scaleX(1);}
    100%	{transform-origin:right center;transform:scaleX(0);}
}
#main-video .bg		{position:absolute;left:0;top:0;width:100%;height:100%;background:#DCE4F1;animation:screenXR .3s cubic-bezier(.4,0,0,1) 0.2s forwards;z-index:4;}
#main-video			{position:relative;z-index:1;height:420px;background:url(../img/main_video_bg_new.jpg) no-repeat 50% 25%;background-size:cover;}
#main-video .d_width		{z-index:2;height:100%;}
#main-video .d_width p		{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;line-height:1.2;font-family:'gsans';font-weight:700;background:url(../img/ico_mainpr.png) no-repeat 0 -2px;font-size:38px;line-height:55px;padding-left:70px;}
#main-video a.play			{z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:130px;height:130px;background:url(../img/main_video_play.png) no-repeat 50% 50% / auto 100% ;}
#main-video a.play:hover	{}
#main-video-modal iframe	{height:540px;}
.modal						{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:999999;overflow:hidden;
							filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; zoom: 1; }
.video-modal-cont 			{position:relative;z-index:-1;width:960px;margin:120px auto 0;box-shadow:0 20px 40px rgba(0,0,0,0.6)}
.video-modal-cont .close	{position:absolute;top:-30px;right:0;z-index:9999999;opacity:1;}
.video-modal-cont .close a	{position:relative;display:block;float:right;margin-top:3px;width:20px;height:20px;background:#fff;border:2px solid #000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.video-modal-cont .close a:before	{content:"";position:absolute;left:4px;top:7px;display:block;width:8px;height:2px;background:#0B3D91;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;}
.video-modal-cont .close a:after	{content:"";position:absolute;left:4px;top:7px;display:block;width:8px;height:2px;background:#0B3D91;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50%;}
.video-modal-cont .close form	{font-size:14px;color:#ccc;text-shadow:none;display:inline-block;margin-right:10px;margin-bottom:5px;}
.video-modal-cont .close input{margin-top:0;}
.video-modal-cont iframe	{vertical-align:top}

#main-media				{position:relative;background:#fff}
#main-media .title		{position:relative;margin:0 0 40px 0 }
#main-media .title h2	{position:relative;font-family:'gsans';font-weight:700;font-size:38px;color:#53A5F1;background:url(../img/main_media_titbg.png) no-repeat 0 0;padding:0 20px 0 70px;margin:0;line-height:80px;display:inline-block}
#main-media .title:before{content:"";display:block;position:Absolute;left:330px;top:calc(50% - 5px);width:calc(100% - 430px);border-top:1px solid #78BEF1;}
#main-media .bx-wrapper			{max-width:1240px !important;}
#main-media li			{float:left;padding:0 25px}
#main-media li:nth-child(2){}
#main-media li a		{position:relative;display:block;transition:all ease-out 0.2s}
#main-media .thumb		{position:relative;height:320px;overflow:hidden;background:#fff url(../img/media_noimg.gif) no-repeat 50% 0;box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:all ease-out 0.2s}
#main-media .thumb img	{position:absolute;left:50%;transform:translateX(-50%);top:0;max-width:100%;min-height:100%;object-fit:cover}
#main-media .desc		{text-align:center;margin:20px 0 0 0;}
#main-media .date		{font-family:Lato;font-size:13px;}
#main-media .subject	{font-size:20px;letter-spacing:-1px;line-height:1.2;height:3.6em;overflow:hidden;}
#main-media li a:hover				{margin-top:-10px;}
#main-media li a:hover .thumb		{box-shadow:0 10px 20px rgba(10,113,208,0.2)}
#main-media li a:hover .subject	{color:#53A5F1}
#main-media li a.more				{display:none;position:absolute;top:0;right:0}
#main-media .control			{position:Absolute;right:0;top:16px;}
#main-media .control a.prev,
#main-media .control a.next		{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;color:#53a5f1;}
#main-media .control a.prev		{}
#main-media .control a.next		{}
#main-media .control a.prev:before,
#main-media .control a.next:before{content:"";font-family:'fontAwesome';font-size:24px;}
#main-media .control a.prev:before{content:"\f104";}
#main-media .control a.next:before{content:"\f105";}
#main-media .control a:hover		{color:#ffffcc;}

@media only screen and (max-width:1256px){ /* 960px */		
	#main-video a				{font-size:35px;line-height:100px;}
	#main-video a:after			{width:100px;height:100px;}
	#main-media li		{width:33.3333%;}
	.video-modal-cont 		{width:80%;margin:60px auto 0;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#main-pr				{height:auto;border-top:1px solid #ccc;}
	#main-pr h2	{font-size:26px;}
	#main-pr .title	{margin-bottom:20px;}
	#main-challenge .bx-viewport	{height:auto !important;}
	#main-challenge ul li	{flex-basis:250px;margin:0 10px;}
	#main-challenge ul li a	{padding:30px 15px;}
	#main-challenge .tit	{font-size:20px;line-height:1.2;word-break:keep-all;}
	#main-challenge .txt	{font-size:16px;line-height:1.4;word-break:keep-all;}
	#main-challenge .txt .va-pc	{display:none;}
	#main-challenge .more	{margin:15px 30px 0;}
	#main-challenge .control,
	#main-challenge .control .d_width	{width:100%;}
	#main-challenge .control .swiper-button-prev, #main-challenge .control .swiper-button-next	{width:70px;height:70px;}
	#main-challenge .control .swiper-button-next	{right:10px;}
	#main-challenge .control .swiper-button-prev	{left:10px;}
	#main-video				{height:280px;padding:20px;}	
	#main-video a.play			{width:80px;height:80px;}
	#main-video-modal iframe{height:480px;}
	#main-media li			{padding:0 10px;}
	#main-media li a		{height:260px;}
	#main-media .thumb		{height:180px;box-shadow:none;}
	#main-media .desc		{padding:10px;margin-top:0;}
	#main-media .subject	{font-size:16px;margin:0;height:2.5em;}

}
@media only screen and (max-width:767px){ /* auto */	
	#main-pr h2	{font-size:22px;}
	#main-pr .title	{margin-bottom:0;}
	#main-challenge ul li	{flex-basis:220px;}
	#main-challenge .tit	{font-size:17px;}
	#main-challenge .txt	{font-size:14px;}
	#main-video					{height:180px;}
	#main-video a				{}
	#main-video a.play			{width:60px;height:60px;}
	#main-video .d_width p		{left:20px;font-size:26px;background-size:auto 26px;line-height:34px;padding-left:50px}
	#main-video-modal iframe{height:240px;}
	section#main-media	{padding:20px;}
	#main-media .title	{margin:0 0 15px 0;}
	#main-media .title:before	{width:calc(100% - 330px);left:230px;}
	#main-media .title h2	{font-size:26px;line-height:60px;background-size:40px;padding:0 20px 0 50px;}
	#main-media ul		{position:relative;height:240px;margin:0;}
	#main-media li		{float:left;/*width:100% !important;*/position:absolute;left:0;top:0;}	
	#main-media li a	{margin:0;}
	#main-media .control	{top:8px;}
	.media-cont-wrap .bx-wrapper	{width:100% !important;/*max-width:100% !important;*/position:relative;}
	/*#media-m-cont	{width:100% !important;}*/
}	

@media only screen and (max-width:576px){/*mobile-s*/
	
	#main-challenge ul li	{flex-basis:200px;}
	#main-challenge ul li a	{padding:20px 10px;}
	#main-challenge .num span	{font-size:12px;margin:0 0 10px;}
	#main-challenge .ico	{width:50px;height:50px;background-size:cover !important;margin:10px auto 10px;}
	#main-challenge .more	{margin:10px 20px 0;font-size:11px;}
	#main-challenge .control	{transform:translate(-50%,-25px);}
	#main-challenge .control .swiper-button-prev, #main-challenge .control .swiper-button-next	{width:50px;height:50px;}
	#main-challenge .txt .va-pc,
	#main-challenge .txt .va-mo	{display:block;}
	
	#main-video p	{display:none;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	#main-challenge ul li	{flex-basis:160px;}
	#main-challenge .tit	{font-size:15px;}
	#main-challenge .txt	{font-size:12px;}
	#main-challenge .more	{font-size:10px;}

	section#main-media	{padding:0;}
	section#main-media .d_width	{padding:20px;}
	
	#main-media .title	{margin:0 0 20px 0;}
	#main-media .title:before	{content:none;}
	#main-media .title h2	{font-size:24px;}
	#main-media .control	{top:25px;right:20px;}
	#main-media .control a.prev, #main-media .control a.next	{width:30px;}
}

@media only screen and (max-width:320px){/*mobile-xs*/
	#main-challenge ul li	{flex-basis:140px;}
}

#main-sns				{position:relative;background:#fff}
#main-sns:before		{content:"#GU";font-family:'gsans';font-size:240px;font-weight:700;color:rgba(0,0,0,0.02);position:Absolute;left:calc(50% - 940px);top:140px;line-height:1}
#main-sns .msns-wrap	{margin:0 -15px}
#main-sns .bx			{margin:0}
#main-sns .bx > div		{position:relative;transition:all ease-out 0.2s}
#main-sns .bx:hover > div {transform:translateY(-10px)}
#main-sns .title		{position:relative;text-align:center;}
#main-sns .title h2		{position:relative;font-family:'gsans';font-weight:700;font-size:38px;color:#53A5F1;background:#fff;padding:0 30px;margin:0;display:inline-block;vertical-align:top;}
#main-sns .title:before	{content:"";display:block;position:Absolute;left:0;top:calc(50% - 5px);width:100%;border-top:1px solid #D2EFFB;}
#main-sns .link			{margin:30px 0;text-align:center;}
#main-sns .link a		{display:inline-block;margin:0 2px;width:46px;height:46px;line-height:44px;text-align:center;border-radius:50%;border:1px solid #eaeaea;}
#main-sns .link a:before{content:"";font-family:'fontAwesome';font-size:20px;font-weight:normal;}
#main-sns .link a.ico_facebook:before	{content:"\f39e";color:#3F5C9A;font-size:1.5rem}
#main-sns .link a.ico_blog:before		{content:"b";color:#3EB834;font-family:Lato;font-weight:700}
#main-sns .link a.ico_instagram:before	{content:"\f16d";color:#d6249f;}
#main-sns .link a.ico_youtube:before	{content:"\f04b";color:#ff0000;font-size:1.5rem}
#main-sns .link a:hover					{border-color:#fff;}
#main-sns .link a:hover:before			{color:#fff;}
#main-sns .link a.ico_facebook:hover	{background:#3F5C9A;}
#main-sns .link a.ico_blog:hover		{background:#3EB834;}
#main-sns .link a.ico_instagram:hover	{background:#d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
#main-sns .link a.ico_youtube:hover		{background:#ff0000;}


#main-sns .cont_sns		{position:relative;padding:0 10px;}
#main-sns .cont_sns a	{display:block;background:#fff;border:1px solid #eaeaea;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;}
#main-sns .thumb		{position:relative;height:240px;overflow:hidden;z-index:1;}
#main-sns .thumb img	{width:100%;min-height:100%;height: 100%;object-fit:cover;position:absolute;top:0;left:50%;transform:translate(-50%,0);}
#main-sns .txt			{position:relative;z-index:2;line-height:1.5em;height:4.5em;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;color:#333;text-align:center;}
#main-sns .more			{position:relative;z-index:2;color:#0B3D91;font-size:13px;font-family:Lato;font-weight:700;display:none;}
#main-sns .badge		{position:absolute;right:15px;bottom:15px;display:block;width:35px;height:35px;line-height:35px;text-align:center;z-index:4;border-radius:50%;padding:0;margin:0;}
#main-sns .desc			{position:relative;padding:20px;}

#main-sns .msns-wrap .sns1,
#main-sns .msns-wrap .sns2,
#main-sns .msns-wrap .sns3,
#main-sns .msns-wrap .sns4		{width:100%;}
/*박스슬라이더 하단에 잘리는 현상으로 수정 시작- 20210625 김성민대리*/
#main-sns .control		{position:absolute;top:120px;width:100%;}
#main-sns .control a	{position:absolute;font-size:16px;display:block;width:30px;height:30px;text-align:center;background:rgba(0,0,0,0.4);border-radius:50%;color:#fff;transition:all 0.2s;z-index:99;}
#main-sns .control i	{display:block;vertical-align:top;font-size:0.875rem;line-height:30px;}
#main-sns .control a.prev	{left:20px;}
#main-sns .control a.next	{right:20px;}
#main-sns .control a:hover	{background:#FF9900;}

.badge:before				{content:"";font-family:'fontAwesome';color:#fff;font-size:20px;font-weight:normal;vertical-align:top;}
.badge.ico_facebook			{background:#3F5C9A}
.badge.ico_blog				{background:#3EB834}
.badge.ico_instagram		{background:#d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.badge.ico_youtube			{background:#ff0000}
.sns-list .badge.ico_facebook:before{content:"\f39e";font-size:1.5rem;}
.sns-list .badge.ico_blog:before{content:"b";font-family:Lato;font-weight:700;line-height:35px;}
.sns-list .badge.ico_instagram:before{content:"\f16d";}
.sns-list .badge.ico_youtube:before{content:"\f04b";font-size:1.5rem;}
#main-sns .ico_facebook:before	{content:"\f39e";font-size:1.5rem}
#main-sns .ico_blog:before		{content:"b";font-family:Lato;font-weight:700;}
#main-sns .ico_instagram:before	{content:"\f16d"}
#main-sns .ico_youtube:before	{content:"\f04b";font-size:1.5rem}

section#main-quick		{background:#4582a4 url(../img/main_quick_pattern.png) no-repeat;background-size:cover;;position:relative;/* background:url(../img/main_video_bg_new.jpg) no-repeat 50% 25%;background-size:cover; */padding:60px 0;}
/* section#main-quick:before		{content:"";width:100%;height:100%;display:block;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;} */
#main-quick ul				{display:flex;flex-wrap:wrap;width:100%;}
#main-quick li				{position:relative;overflow:hidden;width:20%;text-align:center;border-left:1px solid rgba(255,255,255,0.2);}
#main-quick li:first-child,
#main-quick li:nth-child(6)	{border-left:none;}
#main-quick li:nth-child(6){clear:both;}
#main-quick li:nth-child(5){border-left:1px solid rgba(255,255,255,0.2);}
#main-quick li:nth-child(-n+5)	{border-bottom:1px solid rgba(255,255,255,0.2);}

#main-quick a				{position:relative;font-family: 'gsans';display:block;padding:25px 0;z-index:2;font-size:20px;color:#fff;font-weight:500;letter-spacing:-1px;}
#main-quick a:before		{position:relative;z-index:2;content:"";display:block;width:80px;height:80px;margin:0 auto 10px;background-repeat: no-repeat;background-position:50% -80px;transition:all 0.3s;}
#main-quick a.ico1:before	{background-image:url(../img/main_quick_ico01_02.png)}
#main-quick a.ico2:before	{background-image:url(../img/main_quick_ico02_02.png)}
#main-quick a.ico3:before	{background-image:url(../img/main_quick_ico03_02.png)}
#main-quick a.ico4:before	{background-image:url(../img/main_quick_ico04_02.png)}
#main-quick a.ico5:before	{background-image:url(../img/main_quick_ico05_02.png)}
#main-quick a.ico6:before	{background-image:url(../img/main_quick_ico06_02.png)}
#main-quick a.ico7:before	{background-image:url(../img/main_quick_ico07_02.png)}
#main-quick a.ico8:before	{background-image:url(../img/main_quick_ico08_02.png)}
#main-quick a.ico9:before	{background-image:url(../img/main_quick_ico09_02.png)}
#main-quick a.ico10:before	{background-image:url(../img/main_quick_ico10_02.png)}
#main-quick a.ico11:before	{background-image:url(../img/main_quick_ico11_02.png)}
#main-quick a.ico12:before	{background-image:url(../img/main_quick_ico12_02.png)}
#main-quick li:hover a,
#main-quick li a:hover		{color:#ffffcc;}
#main-quick li:hover a:before	{background-position:50% 0}

@media only screen and (max-width:1256px){ /* 960px */	
	#main-sns .title	{float:none;width:auto;}	
	#main-sns .title span{display:inline-block;margin-left:10px;}
	#main-sns .title a	{position:absolute;}	
	#main-sns ul		{float:none;width:auto;margin:0 -10px}
	#main-sns li a		{height:360px;}
	#main-sns .txt		{height:3.2em}	
	#main-quick .title	{float:none;width:auto;}	
	#main-quick .title span{display:inline-block;margin-left:10px;}
	#main-quick ul		{float:none;width:auto;margin:0 -10px}	

	#main-sns .msns-wrap .sns_pt60	{padding-top:60px;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	section#main-quick	{padding:40px 0;}
	#main-quick a	{font-size:16px;}

	#main-sns .msns-wrap > .col_d4	{width:50%;}
	#main-sns .msns-wrap .sns2, #main-sns .msns-wrap .sns4	{margin-top:0;}

	#main-sns .msns-wrap .sns_pt60	{padding-top:0px;}
}
@media only screen and (max-width:767px){ /* auto */	
	
	section#main-sns	{padding:20px;margin:0;}
	#main-sns .d_width	{padding:0;}
	#main-sns .title a	{top:410px;right:20px;}	
	#main-sns .title h2	{font-size:24px;}
	#main-sns ul	{position:relative;height:240px;margin:0;padding:0;}
	#main-sns li	{float:none;position:absolute;left:0;top:0;width:100%;margin:0;padding:0;}
	#main-sns li a		{height:360px;margin:10px 0;padding:0;}
	
	#main-sns .txt		{margin-bottom:10px;line-height:1.5em;height:3em;}
	#main-sns .msns-wrap 	{display:block !important;}
	#main-sns .msns-wrap .col_d4	{width:50%;}
	/* #main-sns .control	{display:none !important;} */
	
	section#main-quick	{padding:20px 0;}
	#main-quick ul	{margin:0;}
	#main-quick a	{font-size:14px;padding:15px 0;}
	#main-quick a:before	{width:55px;height:55px;background-size:cover;background-position:50% -60px;}
	#main-quick li:hover a:before	{background-position:50% -60px}

	#main-sns .msns-wrap .sns_pt60	{padding-top:0px;}
}

@media only screen and (max-width:576px){/*mobile-s*/
	#main-quick a:before	{margin-bottom:5px;}
	#main-sns .msns-wrap .sns_pt60	{padding-top:0px;}
}


@media only screen and (max-width:460px){
	section#main-quick	{padding:10px 0;}
	#main-quick a	{line-height:1.2;}
	#main-quick .va-mo	{display:block;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	#main-quick a	{padding:5px 0 10px;font-size:12px;line-height:1.2;}
	#main-quick a:before	{width:40px;height:40px;background-position:50% -40px;}
	#main-quick li:hover a:before	{background-position:50% -40px}
	

	section#main-sns	{padding:0;}
	section#main-sns .d_width	{padding:20px;}


	#main-sns .msns-wrap .col_d4	{width:100%;}
	#main-sns .title	{margin:0 0 20px 0;}
	#main-sns .title h2	{font-size:20px;}
	#main-sns .msns-wrap .sns_pt60	{padding-top:0px;}
}

/* toppopup */
#toppopwrap					{position:relative;background:#A8ABB0}

.topbnr_close		{position:absolute;right:30px;top:50%;z-index:99999;}
.topbnr_close a		{position:relative;display:block;height:30px;width:30px;margin-top:-15px;background:rgba(0,0,0,0.2);padding-top:7px;}
.topbnr_close a:before,
.topbnr_close a:after	{content:"";position:absolute;width:15px;height:15px;}
.topbnr_close a:before	{left:12px;top:3px;border-left:2px solid #fff;transform:rotate(-45deg);}
.topbnr_close a:after	{left:3px;top:3px;border-bottom:2px solid #fff;transform:rotate(-45deg);}

#toppopcont				{position:relative;}
#toppopup				{position:relative;}
#toppopup .control		{position:absolute;width:100%;left:0;top:50%;}
#toppopup .control a	{position:absolute;display:block;line-height:20px;height:20px;color:#fff !important;z-index:99;margin-top:-10px;}
#toppopup a.prev		{left:0px;}
#toppopup a.next		{right:0px;}
#toppopup #mcbnr_cont	{clear:both;position:relative;padding:0;margin:0;z-index:98;height:90px;overflow:hidden;text-overflow:ellipsis}
#toppopup .bx			{position:relative;text-align:center;color:#fff;word-break:keep-all;line-height:1.6;margin:0;}
#toppopup .bx.d_width	{width:100% !important;padding:0 20px;}
#toppopup .bx:after		{position:absolute;left:0;top:0;content:"";display:block;}
#toppopup .bx:first-child:after,
#toppopup .cycle-slide-active:after {display:none;}
#toppopup .bx a		{color:#fff !important;}
#toppopup .tit		{font-size:24px;font-weight:500;letter-spacing:-1px;}
#toppopup .txt		{font-size:14px;}
#toppopup .txtcont		{padding:10px 0;}
#toppopup img			{max-width:100%}
#toppopwrap .sbtn				{position:relative;text-align:center;border-top:1px dotted rgba(0,0,0,0.05);/**/height:40px;}
#toppopwrap .sbtn a				{display:inline-block;}
#toppopwrap .sbtn a.sbtn-co		{background:rgba(0,0,0,0.2);margin:10px 2px;width:15px;height:15px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
#toppopwrap .sbtn a.sbtn-co.on	{background:#fff;width:24px;border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}
#toppopwrap .sbtn a.stop,
#toppopwrap .sbtn a.play		{color:rgba(0,0,0,0.6);vertical-align:top;font-size:18px;margin:1px;}
#toppopwrap input				{vertical-align:middle;margin:0;}
#toppopwrap .sbtn_conf1			{display:inline-block;min-width:60px;}
#toppopwrap .close-txt			{position:absolute;right:10px;bottom:0;padding:0;line-height:40px;height:40px;color:rgba(0,0,0,0.4);font-size:11px;}
#toppopwrap .close-txt a		{display:inline-block;margin-left:5px;background:rgba(0,0,0,0.4) url(../img/ico_close.gif) no-repeat 50% 50%;width:18px;height:18px;vertical-align:middle;}
#toppopwrap .close-txt input[type=checkbox]	{border:1px solid rgba(0,0,0,1);height:16px;width:16px;box-sizing:border-box;margin-right:2px;}

@media only screen and (max-width:1440px){
.topbnr_close			{right:10px;}
#toppopup a.prev		{left:50px;}
#toppopup a.next		{right:50px;}
}
@media only screen and (max-width:1023px){ /* 720 */
.topbnr_close			{right:0px;top:0}
.topbnr_close a			{margin:0;}
#toppopup a.prev		{left:20px;}
#toppopup a.next		{right:20px;}
#toppopup img			{max-width:calc(100% - 40px);}
}
@media only screen and (max-width:767px){ /* auto */
.topbnr_close a		{width:20px;height:20px;}
.topbnr_close a:before,
.topbnr_close a:after	{width:12px;height:12px;}
.topbnr_close a:before	{left:8px;top:0px}
.topbnr_close a:after	{left:1px;top:0px;}
}


.main-aside		{position:fixed;right:30px;top:355px;z-index:99999;text-align:center;background:#0B3D91;width:150px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.main-aside .tit	{position:relative;font-family: 'gsans';font-size:14px;font-weight:600;color:#ffffcc;border-radius:20px 20px 0 0;background:rgba(0,0,0,0.4);line-height:60px;}
.main-aside ul		{position:relative;padding:0 10px;}
.main-aside .asidemn		{border-bottom:1px dashed rgba(0,0,0,0.3);}
.main-aside a		{display:block;color:#fff;height:50px;line-height:50px;overflow:hidden;z-index:1;font-size:15px;}
.main-aside .mn-click:before	{font-family:'fontAwesome';margin-right:10px;color:#fff;}
.main-aside .mn-click.ico1:before	{content:"\f007";font-weight:900;}
.main-aside .mn-click.ico2:before	{content:"\f299";}
.main-aside .mn-click.ico3:before	{content:"\f0b1";}
.main-aside .close-btn			{position:absolute;right:20px;top:5px;border:none;}
.main-aside .close-btn:before	{content:"\f00d";font-family:'fontAwesome';color:rgba(255,255,255,0.7);}


.asidemn-list		{position:absolute;top:0;right:160px;width:400px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.asidemn-list .stit	{font-family:'gsans';font-size:20px;font-weight:600;color:#fff;border-radius:10px 10px 0 0;background:#0B3D91;line-height:50px;}
.asidemn-list ul	{padding:20px 20px 30px;}
.asidemn-list li	{float:left;width:50%;padding:0 10px;}
.asidemn-list a		{color:#333;height:45px;line-height:45px;text-align:left;border-bottom:1px dashed #ccc;position:relative;}
.asidemn-list a p:after	{content:"\f105";font-family:'fontAwesome';position:absolute;right:0;top:0;color:#ccc;font-weight:600;}
.asidemn-list a:hover,
.asidemn-list a:hover p:after{color:#0B3D91;transition:0.3s;} 

@media only screen and (max-width:1240px){ /* 720 */
	.main-aside			{top:calc(50% - 220px);}
}

@media only screen and (max-width:1023px){ /* 720 */
	.main-aside			{display:none;}
}