@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.06.25 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2025.06.25
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */
 
/* all.css overwrite */
@media screen and (min-width:1260px){
	#head {position:absolute;top:0;left:0;width:100%;z-index:3}
	#head_s1 {border-bottom:1px solid rgba(233,233,233,.15)}
	h1#logo a:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(/_res/eng/img/inc/logo@2xon.png) no-repeat 0 0 / cover}
	h1#logo a img {opacity:0}
	#anb1 .b1.toggle {border-color:#fff}	
	#anb1 .b1.toggle .ic1 {background:#fff}
	#lang1 .b1.open, #member1 a {color:#fff}
	#lang1 .b1.open:before {background-position:-527px -25px}
	#lang1 .b1.open:after {border-color:#fff transparent transparent transparent}
	#lang1 .b1.open.on:after {top:18px;border-color:transparent transparent #fff transparent;}
	#lang1c {left:0}
	#member1 a.login:before {background-position:-544px 0}
	#member1 a.logout:before {background-position:-572px 0}
	#tnb1 div.d1>ul>li>a {color:#fff}
	#head.is-over {background:#fff}
	.is-over h1#logo a:before {opacity:0;}
	.is-over h1#logo a img {opacity:1}
	.is-over #anb1 .b1.toggle {border-color:#000}
	.is-over #anb1 .b1.toggle .ic1 {background:#000}
	.is-over #lang1 .b1.open, .is-over #member1 a {color:#000}
	.is-over #tnb1 div.d1>ul>li>a {color:#010101}
	.is-over #lang1 .b1.open:before {background-position:0 0}
	.is-over #lang1 .b1.open:after {border-color:#000 transparent transparent transparent}
	.is-over #member1 a.login:before {background-position:-488px 0}
	.is-over #member1 a.logout:before {background-position:-516px 0}
}

/* 공통 */
#wrap>.container {max-width:none;}
[id*=mainbody] {position:relative;}
[id*=mainbody] .ht1 {font-family:"Outfit", sans-serif;font-weight:600;color:#000;line-height:1.2;font-size:56px;letter-spacing:-.025em;}
[id*=mainbody] .datalist .item {vertical-align:top;}
@media screen and (max-width:1499px){
	[id*=mainbody] .ht1 {font-size:52px;}
}
@media screen and (max-width:1399px){
	[id*=mainbody] .ht1 {font-size:50px;}
}
@media screen and (max-width:1259px){
	[id*=mainbody] .ht1 {font-size:46px;}
}
@media screen and (max-width:999px){
	[id*=mainbody] .ht1 {font-size:42px;}
}
@media screen and (max-width:768px){
	[id*=mainbody] .ht1 {font-size:38px;}
}
@media screen and (max-width:599px){
	[id*=mainbody] .ht1 {font-size:32px;}
}
@media screen and (max-width:499px){
	[id*=mainbody] .ht1 {font-size:30px;}
}
@media screen and (max-width:399px){
	[id*=mainbody] .ht1 {font-size:26px;}
}


/* mainbody1 */
#vpr1 {width:300px;margin:auto;}
#vpr1 .datalist {width:1920px;margin-left:-810px}
#vpr1 .datalist .item img {width:100%;}
#vpr1 .tg1 {position:absolute;top:260px;left:0;text-align:center;width:100%;font-family:"Outfit", sans-serif;font-weight:600;color:#fff;line-height:1.3;font-size:56px;filter:drop-shadow(5px 5px 15px rgba(0,0,0,.6))}
#vpr1 .tg1 span {display:block;font-size:214%;}
#vpr1 .menu {position:absolute;bottom:80px;left:0;width:100%;text-align:center;}
#vpr1 .menu * {display:inline-block;vertical-align:top;}
#vpr1 .menu button {position:relative;width:40px;height:40px;border:0;text-indent:-8888px;background-color:transparent;border-radius:100%;}
#vpr1 .menu .goPage button:before {position:absolute;top:50%;left:50%;content:"";display:block;width:16px;height:16px;border-radius:100%;background:#fff;margin:-8px;box-sizing:border-box;}
#vpr1 .menu .goPage .slick-active button:before {border:3px solid #fff;background:transparent;}
#vpr1 .menu .m {background-image:url(/_res/eng/img/main/main_sprite.png);background-repeat:no-repeat;background-size:1000px auto;}
#vpr1 .menu .m.stop {background-position:0 0}
#vpr1 .menu .m.play {background-position:-42px 0}
@media screen and (max-width:1259px){
	#vpr1 .datalist {width:1728px;margin-left:-714px}
	#vpr1 .tg1 {font-size:45px}	
	#vpr1 .tg1 span {line-height:1.3}
}
@media screen and (max-width:999px){
	#vpr1 .datalist {width:1536px;margin-left:-618px}
	#vpr1 .tg1 {font-size:34px}	
	#vpr1 .tg1 span {font-size:207%}
}
@media screen and (max-width:768px){
	#vpr1 .datalist {width:1152px;margin-left:-426px}
	#vpr1 .tg1 {top:208px;font-size:25px}		
	#vpr1 .menu {bottom:60px}
}
@media screen and (max-width:599px){
	#vpr1 .datalist {width:960px;margin-left:-330px}
	#vpr1 .tg1 {top:156px;font-size:20px}		
	#vpr1 .menu {bottom:40px}
	#vpr1 .menu button {width:36px;height:36px;}
	#vpr1 .menu .m {width:36px;height:36px;background-size:900px auto;}
}
@media screen and (max-width:449px){
	#vpr1 .datalist {width:768px;margin-left:-234px}
	#vpr1 .tg1 {top:117px;font-size:18px}		
	#vpr1 .menu {bottom:20px}
	#vpr1 .menu button {width:32px;height:32px;}
	#vpr1 .menu .m {width:32px;height:32px;background-size:800px auto;}
}
@media screen and (max-width:399px){
	#vpr1 .tg1 {font-size:16px;}
	#vpr1 .tg1 span {font-size:200%}
	
}

/* mainbody2 */
#mainbody2 {max-width:1500px;margin:auto;padding:80px 0;text-align:center;}
#menu1 {margin-top:50px;}
#menu1:after {content:"";display:block;clear:both;}
#menu1 .datalist .slick-list {overflow:visible;}
#menu1 .datalist .item a {position:relative;display:block;margin-left:45px;}
#menu1 .datalist {margin-left:-45px;}
#menu1 .datalist .item a:focus-visible {outline-offset:0;}
#menu1 .datalist .item a .f1 {position:relative;top:auto;left:auto;display:block;width:100%;height:0;padding-bottom:63.82%;transition:padding .4s ease 0s}
#menu1 .datalist .item a .f1:before, #menu1 .datalist .item a .f1:after {position:absolute;top:0;right:0;content:"";display:block;background-image:url(/_res/eng/img/main/main_sprite.png);background-repeat:no-repeat;background-size:1000px auto;z-index:1}
#menu1 .datalist .item a .f1:before {width:108px;height:109px;background-position:-892px 0;}
#menu1 .datalist .item a .f1:after {width:63px;height:63px;background-color:#fff;background-position:-146px 0;border-radius:100%}
#menu1 .datalist .item a .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
#menu1 .datalist .item a .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:30px;}
#menu1 .datalist .item a .tg1 {position:absolute;bottom:0;left:0;width:100%;padding:33px 20px 45px;box-sizing:border-box;text-align:left;border-radius:0 0 30px 30px;transition:background .3s ease;z-index:1}
#menu1 .datalist .item a .tg1 .t1 {display:block;font-size:36px;line-height:1.1;font-family:"Outfit", sans-serif;font-weight:600;color:#000;}
#menu1 .datalist .item a .tg1 .t2 {display:block;font-size:18px;line-height:1.1;color:#555;font-weight:500;margin-bottom:15px;}
#menu1 .datalist .slick-arrow {display:none;position:absolute;top:50%;width:50px;height:50px;margin-top:-50px;border-radius:100%;text-indent:-9999px;background-color:#fff;border:0;box-shadow:5px 5px 15px rgba(0,0,0,.15);z-index:1}
#menu1 .datalist .slick-prev {left:2px}
#menu1 .datalist .slick-next {right:-28px}
#menu1 .datalist .slick-arrow:before {position:absolute;top:50%;left:50%;content:"";display:block;width:18px;height:18px;border:4px solid #222;box-sizing:border-box;margin-top:-9px;border-radius:5px;transform:rotate(45deg)}
#menu1 .datalist .slick-prev:before {border-top:0;border-right:0;margin-left:-7px;}
#menu1 .datalist .slick-next:before {border-bottom:0;border-left:0;margin-left:-12px;}
@media screen and (min-width:1260px){
	#menu1 .datalist .item a {height:0;padding-bottom:87.4%;}
	#menu1 .datalist .item a .f1 {position:absolute;top:0;left:0;}
	#menu1 .datalist .item a .tg1:after {position:absolute;top:-40%;left:0;content:"";display:block;width:100%;height:140%;background:linear-gradient(to top, #000 53%, transparent);border-radius:0 0 30px 30px;z-index:-1;transition:opacity .3s ease 0s;opacity:0;}
	#menu1 .datalist .item.on a .f1:after {background-position:-211px 0;box-shadow:5px 5px 15px rgba(0,0,0,.25)}
	#menu1 .datalist .item.on a .tg1:after {transition-delay:.04s;opacity:1}
	#menu1 .datalist .item.on a .f1:before, #menu1 .datalist .item a:focus .f1:before {background-position:-782px 0}
	#menu1 .datalist .item.on a .f1 {padding-bottom:95.74%;}
	#menu1 .datalist .item.on a .tg1 {padding-left:50px;padding-right:50px;}
	#menu1 .datalist .item.on a .tg1 .t1, #menu1 .datalist .item.on a .tg1 .t2 {color:#fff}
}
@media screen and (max-width:1548px){
	#mainbody2 {margin-left:24px;margin-right:24px;}
	#menu1 .datalist {margin-left:-30px;}
	#menu1 .datalist .item a {margin-left:30px;}
}
@media screen and (max-width:1399px){
	#mainbody2 {padding:70px 0}
	#menu1 .datalist .item a .tg1 {padding-bottom:30px}
	#menu1 .datalist .item a .tg1 .t1 {font-size:32px}
	#menu1 .datalist .item.on a .tg1 {padding-left:40px;padding-right:40px;}
}
@media screen and (max-width:1259px){
	#mainbody2 {padding:60px 0;margin-left:16px;margin-right:16px;}
	#menu1 {padding-left:30px;padding-right:30px;}
	#menu1 .datalist .slick-list {overflow:hidden;}
	#menu1 .datalist .item a:after {width:57px;height:57px;background-size:900px auto;background-position:-131px 0}
	#menu1 .datalist .item a .f1:before {width:97px;height:98px;background-size:900px auto;background-position:-803px 0}
	#menu1 .datalist .item a .tg1, #menu1 .datalist .item.on a .tg1 {position:relative;bottom:auto;left:auto;font-size:30px;padding:30px 15px 25px;}
	#menu1 .datalist .item a .tg1 .t1 {font-size:30px;}
	#menu1 .datalist .item a .tg1 .t2 {font-size:17px;margin-bottom:10px;}
	#menu1 .datalist .slick-arrow {display:block;}
}
@media screen and (max-width:999px){
	#mainbody2 {padding-bottom:40px;}
	#menu1 {margin-top:40px;padding-left:10px;padding-right:10px;}
	#menu1 .datalist {margin-left:-25px}
	#menu1 .datalist .item a {margin-left:25px;}
	#menu1 .datalist .item a .f1:before {width:86px;height:87px;background-size:800px auto;background-position:-714px 0}
	#menu1 .datalist .item a .f1:after {width:50px;height:50px;background-size:800px auto;background-position:-117px 0}
	#menu1 .datalist .item a .tg1, #menu1 .datalist .item.on a .tg1 {padding:25px 10px 20px;}
	#menu1 .datalist .item a .tg1 .t1 {font-size:28px;}
	#menu1 .datalist .item a .tg1 .t2 {font-size:16px;}
	#menu1 .datalist .slick-next {right:-23px;}
}
@media screen and (max-width:768px){
	#menu1 .datalist .item a .tg1 .t1 {font-size:24px;}
	#menu1 .datalist .item a .tg1 .t2 {font-size:15px;margin-bottom:5px;}
}
@media screen and (max-width:599px){
	#mainbody2 {padding-top:50px;padding-bottom:30px;}
	#menu1 {padding-left:4px;padding-right:4px;margin-top:30px;}
	#menu1 .datalist {margin-left:0}
	#menu1 .datalist .item a {margin-left:0}
	#menu1 .datalist .item a .tg1, #menu1 .datalist .item.on a .tg1 {padding:20px 10px 15px;}
	#menu1 .datalist .slick-prev {left:-15px}
	#menu1 .datalist .slick-next {right:-15px}
}
@media screen and (max-width:499px){
	#mainbody2 {padding-top:40px;padding-bottom:25px;}
	#menu1 {margin-top:25px;}
	#menu1 .datalist .item a .tg1 .t1 {font-size:22px}
	#menu1 .datalist .item a .tg1 .t2 {font-size:14px;}
}
@media screen and (max-width:399px){
	#mainbody2 {padding-top:35px;padding-bottom:20px;}
	#menu1 {margin-top:20px;}
	#menu1 .datalist .item a .f1:before {width:65px;height:65px;background-size:600px auto;background-position:-535px 0;}
	#menu1 .datalist .item a .f1:after {width:38px;height:38px;background-size:600px auto;background-position:-88px 0}
	#menu1 .datalist .item a .f1 .f1p1 img {border-radius:24px}
	#menu1 .datalist .item a .tg1 .t1 {font-size:20px;}
	#menu1 .datalist .slick-arrow {width:40px;height:40px;}
	#menu1 .datalist .slick-arrow:before {width:16px;height:16px;margin-top:-8px;}
	#menu1 .datalist .slick-prev:before {margin-left:-5px;}
	#menu1 .datalist .slick-next:before {margin-left:-10px;}
}

/* mainbody3 */
#mainbody3 {background:#15204e;}
#mainbody3 .ht1 {position:absolute;top:110px;left:0;color:#fff;}
#mainbody3 .ht1 span {display:block;}
#mainbody3>.container {padding:90px 0}
#mainbody3>.container:before {position:absolute;bottom:0;left:50%;content:"";display:block;width:490px;height:270px;background:url(/_res/eng/img/main/main_sprite.png) no-repeat -510px -330px / 1000px auto;margin-left:-650px;}
/* menu2 */
#menu2 {position:relative;margin-left:42.6%;}
#menu2:after {content:"";display:block;clear:both;}
#menu2 li {float:left;width:calc(50% - 20px);margin-left:40px;}
#menu2 li:first-child {margin-left:0;}
#menu2 li a {position:relative;display:block;padding:50px 0 55px;text-align:center;border:1px solid rgba(255,255,255,.5);border-radius:30px;transition:background-color .35s ease}
#menu2 li a:before, #menu2 li a:after {content:"";display:block;background-image:url(/_res/eng/img/main/main_sprite.png);background-repeat:no-repeat;background-size:1000px auto;}
#menu2 li a:before {width:92px;height:95px;margin:auto auto 30px;}
#menu2 li a .t1 {display:block;font-family:"Outfit", sans-serif;font-size:32px;font-weight:600;color:#e178bb;margin-bottom:20px;line-height:1.1}
#menu2 li a .t2 {display:block;font-size:18px;font-weight:500;line-height:1.1;color:#fff;}
#menu2 li.n1 a:before {background-position:-472px 0;}
#menu2 li.n2 a:before {background-position:-566px 0;}
@media screen and (min-width:1260px){
	#menu2 li a:after {position:absolute;right:-7px;bottom:-12px;width:70px;height:70px;background-position:-276px 0;box-shadow:10px 10px 30px rgba(0,0,0,.15);opacity:0;transition:all .35s ease 0s}
	#menu2 li a:hover, #menu2 li a:focus {background:#a3488f;border-color:transparent;box-shadow:10px 10px 30px rgba(0,0,0,.15)}
	#menu2 li.n1 a:hover:before, #menu2 li.n1 a:focus:before {background-position:-472px -97px;}
	#menu2 li.n2 a:hover:before, #menu2 li.n2 a:focus:before {background-position:-566px -97px;}
	#menu2 li a:hover .t1, #menu2 li a:focus .t1 {color:#fff}
	#menu2 li a:hover:after, #menu2 li a:focus:after {right:-17px;opacity:1;transition-delay:.1s}
}
@media screen and (max-width:1548px){
	#mainbody3 {padding-left:24px;padding-right:24px;}	
}
@media screen and (max-width:1399px){
	#mainbody3>.container:before {left:0;width:441px;height:243px;background-size:900px auto;background-position:-459px -297px;margin-left:0}
	#menu2 {margin-left:400px}
}
@media screen and (max-width:1259px){
	#mainbody3 {padding-left:16px;padding-right:16px;}
	#mainbody3>.container:before {left:-16px;width:392px;height:216px;background-size:800px auto;background-position:-409px -264px;}
	#menu2 li {margin-left:30px;width:calc(50% - 15px)}
}
@media screen and (max-width:1199px){
	#mainbody3 .ht1 {position:relative;top:auto;left:auto;text-align:center;margin-bottom:50px;}
	#mainbody3 .ht1 span {display:inline}
	#menu2 {margin-left:0;}
	#menu2 li a {background-color:#15204e}
}
@media screen and (max-width:999px){
	#mainbody3>.container {padding:70px 0;}
	#mainbody3>.container:before {width:343px;height:189px;background-size:700px auto;background-position:-357px -231px;}
	#mainbody3 .ht1 {margin-bottom:40px}
	#menu2 li a {padding:45px 0}
	#menu2 li a .t1 {font-size:28px;}
	#menu2 li a .t2 {font-size:17px;}
}
@media screen and (max-width:768px){
	#mainbody3>.container {padding:60px 0;}
	#mainbody3>.container:before {bottom:auto;top:45px;left:auto;right:-2px;width:270px;height:149px;background-size:550px auto;background-position:-281px -182px}
	#mainbody3 .ht1 {margin-bottom:30px}	
	#mainbody3 .ht1 span {display:block;}
	#menu2 li {margin-left:20px;width:calc(50% - 10px);}
	#menu2 li a {padding:30px 0}
	#menu2 li a:before {margin-bottom:15px;width:64px;height:67px;background-size:700px auto;}
	#menu2 li a .t1 {font-size:24px;margin-bottom:15px;}
	#menu2 li a .t2 {font-size:16px;}
	#menu2 li.n1 a:before {background-position:-330px 0;}
	#menu2 li.n2 a:before {background-position:-396px 0;}
}
@media screen and (max-width:699px){
	#mainbody3>.container:before {top:80px;width:221px;height:122px;background-size:450px auto;background-position:-230px -149px;}
	#menu2 li {margin-left:30px;width:calc(50% - 15px);}
	#menu2 li a {padding:25px 25px}
	#menu2 li a .t2 {margin-left:30px;margin-right:30px;}
}
@media screen and (max-width:599px){
	#mainbody3>.container {padding:50px 0 40px}
	#mainbody3>.container:before {display:none}
	#mainbody3 .ht1 {margin-bottom:20px}
	#menu2 li {margin-left:20px;width:calc(50% - 10px)}
	#menu2 li a {border-radius:24px;}
	#menu2 li a .t2 {margin:0}
	#menu2 li a:before {width:46px;height:48px;background-size:500px auto;margin-bottom:8px}
	#menu2 li.n1 a:before {background-position:-236px 0;}
	#menu2 li.n2 a:before {background-position:-283px 0;}
}
@media screen and (max-width:499px){
	#mainbody3>.container {padding-top:40px;padding-bottom:35px;}
	#menu2 li a .t1 {font-size:22px;}
	#menu2 li a .t2 {font-size:15px;}
}
@media screen and (max-width:449px){
	#mainbody3>.container {padding-bottom:25px;}
	#menu2 li {float:none;width:100%;margin-left:0;margin-bottom:10px;}
	#menu2 li a {padding:15px 10px 20px;}
	#menu2 li a .t2 {margin:0}
}

/* mainbody4 */
#mainbody4 {max-width:1500px;padding:100px 0 105px;margin:auto;}
#mainbody4:after {content:"";display:block;clear:both;}
/* menu3 */
#menu3 {float:left;width:calc(100% - 760px);}
#menu3 li {float:left;width:calc(50% - 20px);margin-left:40px;}
#menu3 li:first-child {margin-left:0}
#menu3 li a {position:relative;display:block;height:273px;border:1px solid #e1e1e1;border-radius:30px;padding:40px 34px 23px 45px;font-size:24px;font-family:"Outfit", sans-serif;font-weight:600;color:#000;line-height:29px;transition:border-color .35s ease;box-sizing:border-box}
#menu3 li a span {display:block;}
#menu3 li a:before, #menu3 li a:after {content:"";display:block;background:url(/_res/eng/img/main/main_sprite.png) no-repeat;background-size:1000px auto;}
#menu3 li a:before {position:absolute;top:50%;left:50px;width:60px;height:60px;border-radius:100%;background-position:-348px 0;margin-top:-12px;}
#menu3 li a:after {position:absolute;bottom:23px;right:34px;width:107px;height:98px;}
#menu3 li.n1 a:after {background-position:-660px 0}
#menu3 li.n2 a:after {background-position:-660px -100px}
/* ban1 */
#ban1 {position:relative;float:right;width:720px;background:#ffd752 url(/_res/eng/img/main/ban1_bg.jpg) no-repeat 0 0 / cover;border-radius:30px;padding:60px;box-sizing:border-box;line-height:1.1}
#ban1 .t1 {display:block;font-size:26px;font-weight:700;color:#4c2bad;}
#ban1 .t2 {position:relative;display:block;font-size:66px;font-family:"Outfit", sans-serif;font-weight:600;color:#002a57;padding-left:105px;margin:20px 0 5px;}
#ban1 .t2:before {position:absolute;top:5px;left:0;content:"";display:block;width:92px;height:61px;background:url(/_res/eng/img/main/main_sprite.png) no-repeat 0 -62px / 1000px auto;}
#ban1 .t3 {display:block;font-family:"Outfit", sans-serif;font-size:24px;font-weight:500;color:#000;}
#ban1:after {position:absolute;bottom:25px;right:30px;content:"";display:block;width:218px;height:185px;background:url(/_res/eng/img/main/main_sprite.png) no-repeat -782px -111px / 1000px auto;}
@media screen and (min-width:1260px){
	#menu3 li a:hover, #menu3 li a:focus {border:4px solid #1d6eb0;padding:37px 31px 20px 42px;}
	#menu3 li a:hover:before {left:47px;background-position:-410px 0}	
	#menu3 li a:hover:after {right:31px;bottom:20px;}
}
@media screen and (max-width:1548px){
	#mainbody4 {margin-left:24px;margin-right:24px;}
	#menu3 {width:calc(100% - 730px)}
	#menu3 li {width:calc(50% - 15px);margin-left:30px;}
	#menu3 li a {padding-left:30px;padding-right:25px;}
	#menu3 li a:before {left:30px}
	#ban1 {width:700px;padding-left:45px;padding-right:45px}
	#ban1:after {right:20px}
}
@media screen and (max-width:1399px){
	#menu3 {width:calc(100% - 690px)}
	#menu3 li {width:calc(50% - 10px);margin-left:20px;}
	#menu3 li a {padding-left:25px;padding-right:20px;font-size:22px}
	#ban1 {width:670px;padding-left:35px;}
}
@media screen and (max-width:1259px){
	#mainbody4 {margin:0;padding:80px 16px 85px}
	#menu3 {width:calc(100% - 670px);height:241px;}
	#menu3 li {float:none;width:100%;height:calc(50% - 7.5px);margin-left:0;margin-top:15px;}
	#menu3 li:first-child {margin-top:0}
	#menu3 li a {height:100%;padding:27px 30px;font-size:20px}
	#menu3 li a:before {display:none}
	#menu3 li a:after {bottom:auto;top:50%;right:20px;width:86px;height:78px;background-size:800px auto;margin-top:-39px}
	#menu3 li.n1 a:after {background-position:-528px 0}
	#menu3 li.n2 a:after {background-position:-528px -80px}
	#ban1 {padding:50px 30px;width:650px;}
	#ban1 .t1 {font-size:24px}
	#ban1 .t2 {font-size:55px;}
	#ban1 .t3 {font-size:22px;margin-top:10px;}
	#ban1:after {width:174px;height:148px;background-size:800px auto;background-position:-626px -89px}
}
@media screen and (max-width:1099px){
	#menu3 {width:calc(100% - 590px)}
	#ban1 {width:560px}
}
@media screen and (max-width:999px){
	#mainbody4 {padding:60px 16px 55px}
	#menu3 {width:calc(100% - 520px);height:201px}
	#menu3 li {margin-top:10px;height:calc(50% - 5px);}
	#menu3 li a {font-size:19px;line-height:1.3;padding-top:22px;border-radius:24px}
	#menu3 li a:after {width:64px;height:59px;background-size:600px auto;margin-top:-30px}
	#menu3 li.n1 a:after {background-position:-396px 0}
	#menu3 li.n2 a:after {background-position:-396px -60px}
	#ban1 {width:500px;padding:35px 30px;}
	#ban1 .t1 {font-size:22px}
	#ban1 .t2 {font-size:50px;padding-left:85px}
	#ban1 .t2:before {width:74px;height:49px;background-size:800px auto;background-position:0 -50px}
	#ban1 .t3 {font-size:20px}
	#ban1:after {width:131px;height:111px;background-size:600px auto;background-position:-469px -67px;}
}
@media screen and (max-width:899px){
	#menu3 {width:100%;height:auto;float:none;overflow:hidden;}
	#menu3 li {float:left;width:calc(50% - 10px);height:100%;margin-left:20px;margin-top:0}
	#ban1 {float:none;width:100%;margin-top:20px;}
	#ban1:after {width:174px;height:148px;background-size:800px auto;background-position:-626px -89px}
}
@media screen and (max-width:699px){
	#menu3 li {float:none;width:100%;margin-left:0;margin-top:15px;}
	#ban1 {padding:30px}
	#ban1 .t1 {font-size:20px}
	#ban1 .t2 {font-size:45px}
	#ban1 .t3 {font-size:18px}
	#ban1:after {width:131px;height:111px;background-size:600px auto;background-position:-469px -67px;}
}
@media screen and (max-width:499px){
	#mainbody4 {padding:40px 16px 30px}
	#ban1 .t1 {font-size:18px}
	#ban1 .t2 {font-size:40px;padding-left:65px;margin-top:15px;}
	#ban1 .t2:before {width:55px;height:37px;background-size:600px auto;background-position:0 -37px}
	#ban1:after {right:10px;width:109px;height:93px;background-size:500px auto;background-position:-391px -56px;}
}
@media screen and (max-width:449px){
	#menu3 li {margin-top:10px}
	#menu3 li a {font-size:17px;padding:18px 25px;}
	#ban1 {padding:25px}
	#ban1 .t1 {font-size:16px;}
	#ban1 .t2 {font-size:32px;}
	#ban1 .t2:before {top:0}
	#ban1 .t3 {font-size:16px}
}
@media screen and (max-width:399px){
	#menu3 li a:after {width:54px;height:49px;background-size:500px auto;margin-top:-25px}
	#menu3 li.n1 a:after {background-position:-330px 0}
	#menu3 li.n2 a:after {background-position:-330px -50px}
	#ban1 {text-align:center;padding:22px 15px;}
	#ban1 .t1 {font-size:15px;}
	#ban1 .t2 {font-size:28px;padding-left:0;}
	#ban1 .t2:before {position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin:-6px 10px 0 0}
	#ban1 .t3 {font-size:15px}
	#ban1:after {display:none}
}