#main { background: rgb(255, 255, 255); overflow: hidden; padding-top: 166px; position: relative; }
.fixed#header ~ #main { padding-top: 84px; }

@media all and (max-width:1199px) {
	#main { padding: 60px 0px 0px; }
	.fixed#header + #main { padding-top: 50px; }
}

#visual { position: relative; background:#12234e; }
#visual .visualbx { height: 510px; position: relative; background:#12234e; }
#visual .visualbx img { left: 50%; top: 0px; width: 1920px; height: 510px; margin-left: -960px; position: absolute; }
#visual .textbx { left: 0px; top: 72px; line-height: 1.6; position: absolute; z-index: 2; }
#visual .textbx span { animation:up1 0.7s 0.1s both; color: rgb(255, 255, 255); font-size: 24px; font-weight: 400; margin-bottom: 6px; display: block; white-space: nowrap; }
#visual .textbx h2 { animation:up1 1s 0.2s both; color: rgb(255, 255, 255); font-size: 50px; font-weight: 700; }
#visual .textbx h2 strong { color: rgb(47, 71, 236); }
#visual .textbx h2 em { font-size: 40px; font-weight: 400; }

#notify { top: 79px; right: 20px; padding-bottom: 28px; position: absolute; z-index: 10; }
#notify .slick { border-radius: 20px; width: 560px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03); }
#notify .slick .slick-list { border-radius: 20px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
#notify .control { right: 0px; bottom: 0px; position: absolute; z-index: 3; }
#notify .control a[role='button'] { background: url("../images/common/sp_new.png") no-repeat -35px -113px / 720px 400px; transition:0.1s; width: 11px; height: 14px; text-indent: -9999px; overflow: hidden; margin-top: 12px; vertical-align: middle; display: inline-block; position: relative; }
#notify .control a[role='button'] + a[role='button'] { margin-left: 0px; }
#notify .control a.play { display: none; }
#notify .control a.next { background-position: -115px -113px; }
#notify .control a.pause { background-position: -274px -113px; }
#notify .control a.play { background-position: -195px -113px; }
#notify .control a[role='button']:active { transform: scale(0.9); }
#notify .count { margin: 11px 9px 0px; color: rgb(255, 255, 255); line-height: 1; font-size: 16px; font-weight: 500; vertical-align: top; display: inline-block; }
#notify .count em { font-size: 18px; }

@media all and (max-width:1199px) {
	#visual { background:#fff; }
	#visual .visualbx { height: 420px; }
	#visual .visualbx img { width: 1581px; height: 420px; margin-left: -880px; }
	#visual .textbx { top: 50px; }
	#visual .textbx span { font-size: 18px; margin-bottom: 5px; }
	#visual .textbx h2 { font-size: 42px; }
	#visual .textbx h2 em { font-size: 30px; }

	#notify { top: 60px; }
	#notify .slick { width: 460px; }
}

@media all and (max-width:991px) {
	#visual { background:#fff; }
	#visual .visualbx { height: 340px; }
	#visual .visualbx img { width: 1280px; height: 340px; margin-left: -640px; }
	#visual .textbx { top: 35px; }
	#visual .textbx span { font-size: 16px; margin-bottom: 4px; }
	#visual .textbx h2 { font-size: 38px; }
	#visual .textbx h2 em { font-size: 25px; }

	#notify { margin: 25px auto 0px; top: auto; width: 460px; right: auto; position: relative; max-width: 100%; }
	#notify .slick { max-width: 100%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); }
	#notify .count { color: rgb(18, 11, 42); }
	#notify .count em { color: rgb(3, 1, 10); }
	#notify .control a[role='button'] { background-position-y: -145px !important; }
}

@media all and (max-width:760px) {
	#visual { background:#fff; }
	#visual .visualbx { height: 330px; }
	#visual .visualbx img { width: 1242px; height: 330px; margin-left: -560px; }
	#visual .textbx { top: 35px; }
	#visual .textbx span { font-size: 15px; }
	#visual .textbx h2 { font-size: 32px; }
	#visual .textbx h2 em { font-size: 20px; }

	#notify .count { margin: 13px 7px 0px; }
	#notify .count { font-size: 15px; }
	#notify .count em { font-size: 16px; }
	#notify .control { min-width:100px; }
	#notify .control a[role='button'] + a[role='button'] { margin-left: 0px; }
}

#news { margin-top: 80px; position: relative; }
#news .scutbx { width: 50%; padding-right: 20px; float: left; }
#news .scutbx a { background: rgb(255, 255, 255); border-radius: 50px; width: 200px; height: 100px; text-align: center; color: rgb(18, 11, 42); line-height: 100px; font-size: 16px; font-weight: 500; margin-right: calc((100% - 600.2px) /2); float: left; display: block; box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.05); }
#news .scutbx a:nth-of-type(3n) { margin-right: 0px; }
#news .scutbx a:nth-of-type(n+4) { margin-top: 20px; }
#news .scutbx a::before { background: url("../images/common/sp_new.png") no-repeat -21px -180px / 720px 400px; transition:0.2s; width: 38px; height: 40px; margin-right: 10px; vertical-align: -12px; display: inline-block; content: ""; image-rendering: -webkit-optimize-contrast; }
#news .scutbx a.i02::before { background-position: -102px -180px; }
#news .scutbx a.i03::before { background-position: -182px -180px; }
#news .scutbx a.i04::before { background-position: -262px -180px; }
#news .scutbx a.i05::before { background-position: -341px -180px; }
#news .scutbx a.i06::before {background-position: -422px -180px; }
#news .scutbx a:hover::before { transform: scale(1.1); }
#news .scutbx p { font-size:14px; padding-top:10px; color:#0a2f8f; font-weight:300; letter-spacing: 0.1em; font-family: 'Open Sans',sans-serif !important; }

#news .scutrbx { width: 50%; padding-left: 20px; margin-top: 30px; float: left; position: relative; }
#news .newsbx { width:100%; padding:20px; border: 1px solid #d8d8d8; background:#fdfdfd; border-radius: 10px; position: relative; }
#news .newsbx h2 { color: rgb(18, 11, 42); line-height: 1.0; font-size: 25px; font-weight: 600; padding:0; margin:0; }
#news .newsbx h2 strong { color: rgb(47, 71, 236); }
#news .newsbx ul { padding-top: 10px; }
#news .newsbx ul a { padding: 0px 120px 0px 0px; height: 30px; line-height: 30px; display: block; position: relative; }
#news .newsbx ul a p { color: rgb(18, 11, 42); overflow: hidden; font-size: 16px; font-weight: 400; white-space: nowrap; -ms-text-overflow: ellipsis; }
#news .newsbx ul a span { top: 50%; right: 0px; color: rgb(133, 132, 137); font-size: 16px; font-weight: 300; display: block; position: absolute; transform: translateY(-50%); }
#news .newsbx ul a::after { background: rgb(47, 71, 236); border-radius: 50%; left: 0px; top: 50%; width: 3px; height: 3px; margin-top: -2.5px; display: none; position: absolute; content: ""; }
#news .newsbx ul a:hover p { text-decoration: underline; }
#news .newsbx ul a:hover span { text-decoration: underline; }
#news .newsbx .more { background: url("../images/common/sp_foundation.png") no-repeat -508px -108px / 720px 480px; transition:0.1s; top: 21px; right: 20px; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; display: block; position: absolute; }
#news .newsbx .more:hover { transform: rotate(180deg); }

@media all and (max-width:1199px) {
	#news { margin-top: 45px; }
	#news .scutbx { padding-right: 15px; }
	#news .scutbx a { width: calc((100% - 30.2px) /3); height: 80px; line-height: 80px; font-size: 16px; margin-right: 15px; }
	#news .scutbx a:nth-of-type(3n) { margin-right: 0px; }
	#news .scutbx a:nth-of-type(n+4) { margin-top: 20px; }
	#news .scutbx a::before { margin-right: 13px; transform: scale(0.9); }
	#news .scutrbx { padding-left: 15px; margin-top: 0px !important; }
	#news .newsbx { padding:15px; }
	#news .newsbx h2 { font-size: 26px; }
	#news .newsbx ul { padding-top: 10px; }
	#news .newsbx ul a { padding: 0px 100px 0px 0px; height: 30px; line-height: 30px; }
	#news .newsbx ul a p { font-size: 16px; }
	#news .newsbx ul a span { font-size: 16px; }
	#news .newsbx .more { top: 15px; right:15px; transform: scale(0.9); }
	#news .newsbx .more:hover { transform: rotate(180deg) scale(0.9); }
} 

@media all and (max-width:991px) {
	#news .scutbx { width: 100%; padding-right: 0px; float: none; display:none; }
	#news .scutbx a { height: 60px; line-height: 60px; font-size: 15px; }
	#news .scutbx a:nth-of-type(n+4) { margin-top: 15px; }
	#news .scutbx a::before { margin-right: 13px; transform: scale(0.9); }
	#news .scutrbx { width: 100%; padding-left: 0px; margin-top: 30px; float: none; }
	#news .newsbx { width: 100%; padding:15px; }
	#news .newsbx h2 { font-size: 24px; }
	#news .newsbx ul { padding-top: 10px; }
	#news .newsbx ul a { padding: 0px 100px 0px 0px; height: 26px; line-height: 26px; }
	#news .newsbx ul a p { font-size: 15px; }
	#news .newsbx ul a span { font-size: 15px; }
	#news .newsbx .more { top: 15px; right:15px; }
}

@media all and (max-width:767px) {
	#news .scutbx a { width: calc((100% - 15.2px) /2); height: 54px; line-height: 55px; font-size: 15px; }
	#news .scutbx a:nth-of-type(3n) { margin-right: 15px; }
	#news .scutbx a:nth-of-type(2n) { margin-right: 0px; }
	#news .scutbx a:nth-of-type(n+3) { margin-top: 15px; }
	#news .scutbx a::before { margin-right: 10px; vertical-align: -14px; transform: scale(0.85); }
	#news .scutbx p { font-size:13px !important; }
	#news .newsbx { width: 100%; padding:15px; }
	#news .newsbx h2 { font-size: 22px; }
	#news .newsbx ul { padding-top: 8px; }
	#news .newsbx ul a { padding: 0px 80px 0px 0px; height: 26px; line-height: 26px; }
	#news .newsbx ul a p { font-size: 15px; }
	#news .newsbx ul a span { font-size: 15px; }
	#news .newsbx .more { top: 15px; right:15px; transform: scale(0.8); }
	#news .newsbx .more:hover { transform: rotate(180deg) scale(0.8); }
}

#info { margin-top: 80px; position: relative; }
#info .diagnosis { padding: 15px 200px 15px 0px; width: 40%; height: 478px; float: left; position: relative; z-index: 2; }
#info .diagnosis::before { background: rgb(223, 232, 255); border-radius: 0px 75px 75px 0px; top: 0px; width: 820px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: -1; content: ""; }
#info .menu { top: 50%; width: 180px; right: 0px; position: absolute; transform: translateY(-50%); }
#info .menu a { transition:0.2s; height: 62px; color: rgb(18, 11, 42); line-height: 62px; padding-left: 20px; font-size: 20px; font-weight: 500; display: block; white-space: nowrap; position: relative; }
#info .menu a::after { background: url("../images/common/sp_new.png") no-repeat -30px -272px / 720px 400px; transition:0.1s; left: 30px; top: 50%; width: 21px; height: 16px; margin-top: -8px; display: block; position: absolute; content: ""; opacity: 0; }
#info .menu a + a { border-top-color: rgb(176, 181, 206); border-top-width: 1px; border-top-style: dashed; }
#info .menu a.active { background: rgb(255, 255, 255); margin: 0px -10px; border-radius: 31px; padding-left: 68px; font-weight: 700; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); }
#info .menu a.active + a { border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
#info .menu a.active::after { opacity: 1; }
#info .menu a:hover { font-weight: 700; }
#info .diagnosis .bx a { display: none; }
#info .diagnosis .bx a img { margin: 0px auto; width: 100%; display: block; max-width: 320px; }
#info .diagnosis .bx h2 { text-align: center; color: rgb(47, 71, 236); line-height: 1.2; font-size: 34px; font-weight: 700; margin-top: 9px; }
#info .diagnosis .bx p { text-align: center; color: rgb(0, 0, 0); line-height: 1.4; font-size: 18px; font-weight: 400; margin-top: 7px; -ms-word-break: keep-all; }
#info .edu { padding: 36px 0px 15px 80px; width: 60%; height: 478px; float: left; position: relative; z-index: 2; }
#info .edu::before { background: rgb(208, 229, 255); border-radius: 75px 0px 0px 75px; left: 40px; top: 0px; width: 1060px; bottom: 0px; display: block; position: absolute; z-index: -1; content: ""; }
#info .edu .video { width: 47%; padding-top: 20px; float: left; }
#info .edu .video h2 { text-align: center; color: rgb(18, 11, 42); line-height: 1.2; font-size: 34px; font-weight: 700; }
#info .edu .video a { margin-top: 17px; display: block; }
#info .edu .video a img { width: 100%; display: block; }
#info .edu .video p { color: rgb(18, 11, 42); line-height: 1.2; overflow: hidden; font-size: 18px; font-weight: 400; margin-top: 17px; white-space: nowrap; -ms-text-overflow: ellipsis; }
#info .lnk { width: 53%; padding-top: 0px; padding-left: 40px; float: left; position: relative; }
#info .lnk img { width: 100%; display: block; max-width: 360px; }
#info .lnk > div { padding-top: 13px; position: relative; }
#info .lnk > div a { padding: 0px 35px 0px 15px; transition:0.2s; width: calc((100% - 30.2px) /3); height: 51px; color: rgb(18, 11, 42); line-height: 51px; font-size: 16px; font-weight: 500; margin-top: 10px; margin-right: 15px; border-bottom-color: rgb(133, 178, 224); border-bottom-width: 2px; border-bottom-style: solid; float: left; white-space: nowrap; position: relative; }
#info .lnk > div a::after { background: url("../images/common/sp_new.png") no-repeat -110px -272px / 720px 400px; top: 50%; width: 21px; height: 16px; right: 15px; margin-top: -8px; display: block; position: absolute; content: ""; }
#info .lnk > div a:nth-of-type(3n) { margin-right: 0px; }
#info .lnk > div a:hover { background: rgb(255, 255, 255); border-color: transparent; border-radius: 26px; }

@media all and (max-width:1199px) {
	#info { margin-top: 48px; }
	#info .diagnosis { padding: 15px 180px 15px 0px; width: 42%; height: 370px; }
	#info .menu { width: 140px; }
	#info .menu a { height: 52px; line-height: 54px; padding-left: 15px; font-size: 16px; }
	#info .menu a::after { transform-origin: 0% 50%; left: 20px; transform: scale(0.8); }
	#info .menu a.active { padding-left: 48px; }
	#info .diagnosis .bx h2 { font-size: 26px; margin-top: 7px; }
	#info .diagnosis .bx p { font-size: 14px; margin-top: 6px; }
	#info .diagnosis .bx p br { display: none; }
	#info .edu { padding: 45px 0px 15px 60px; width: 58%; height: 370px; }
	#info .edu::before { left: 30px; }
	#info .edu .video { padding-top: 15px; }
	#info .edu .video h2 { font-size: 26px; }
	#info .edu .video a { margin-top: 15px; }
	#info .edu .video p { font-size: 16px; margin-top: 15px; }
	#info .lnk { padding-left: 30px; }
	#info .lnk > div { padding-top: 7px; }
	#info .lnk > div a { padding: 0px; width: calc((100% - 20.2px) /3); height: 41px; text-align: center; line-height: 41px; font-size: 15px; margin-top: 6px; margin-right: 10px; border-bottom-color: rgb(133, 178, 224); border-bottom-width: 1px; border-bottom-style: solid; }
	#info .lnk > div a::after { display: none; }
}

@media all and (max-width:991px) {
	#info .diagnosis { padding: 10px 180px 15px 60px; width: 90%; height: 340px; float: none; }
	#info .menu { width: 140px; }
	#info .menu a { height: 46px; line-height: 48px; font-size: 15px; }
	#info .diagnosis .bx h2 { font-size: 24px; margin-top: 8px; }
	#info .diagnosis .bx p { margin-top: 5px; }
	#info .diagnosis .bx p br { display: block; }
	#info .diagnosis .bx a img { margin: 0px auto; max-width: 235px; }
	#info .edu { padding: 15px 0px 15px 60px; width: 90%; height: 340px; margin-top: 25px; float: right; }
	#info .edu::before { left: 0px; }
	#info .edu .video h2 { font-size: 24px; }
	#info .edu .video p { font-size: 15px; }
	#info .lnk > div { padding-top: 8px; }
	#info .lnk > div a { font-size: 14px; }
}

@media all and (max-width:760px) {
	#info { margin-top: 41px; }
	#info .diagnosis { padding: 10px 150px 15px 0px; width: 100%; height: auto; float: none; }
	#info .menu { width: 130px; }
	#info .diagnosis .bx p br { display: none; }
	#info .diagnosis .bx a img { max-width: 190px; }
	#info .diagnosis .bx h2 { font-size: 22px; margin-top: 8px; }
	#info .diagnosis .bx p { font-size: 12px; }
	#info .edu { padding: 0px 0px 15px 30px; width: 100%; height: auto; margin-top: 25px; float: right; }
	#info .edu::before { left: 0px; }
	#info .edu .video h2 { font-size: 22px; }
	#info .edu .video p { font-size: 14px; }
	#info .lnk > div { padding-top: 8px; }
	#info .lnk > div a { font-size: 14px; }
	#info .diagnosis::before { border-radius: 0px 30px 30px 0px; }
	#info .edu::before { border-radius: 30px 0px 0px 30px; }
}

@media all and (max-width:500px){
	#info .edu .video { width: 100%; float: none; }
	#info .lnk { width: 100%; padding-left: 0px; margin-top: 25px; float: none; }
	#info .edu .video a { margin: 15px auto 0px; max-width: 260px; }
	#info .lnk img { margin: 0px auto; max-width: 220px; }
	#info .lnk > div { padding-top: 5px; }
	#info .lnk > div::before { background: rgb(0, 0, 0); left: 0px; top: -2px; height: 2px; right: 0px; display: block; position: absolute; content: ""; }
	#info .lnk > div a { padding: 0px 30px 0px 15px; height: 38px; text-align: left; line-height: 38px; margin-top: 5px; }
	#info .lnk > div a::after { transform-origin: 100% 50%; display: block; transform: scale(0.8); }
}

#support {
	margin-top: 60px; position: relative;
}
#support h2 {
	margin: 0px auto; text-align: center; color: rgb(18, 11, 42); line-height: 1.2; font-size: 34px; font-weight: 700; position: relative; max-width: 1400px;
}
#support h2 span {
	background: rgb(245, 247, 252); padding: 0px 25px; display: inline-block; position: relative;
}
#support h2 strong {
	color: rgb(47, 71, 236);
}
#support h2::before {
	background: rgb(199, 206, 226); left: 0px; top: 50%; height: 1px; right: 0px; display: block; position: absolute; content: "";
}
#support .slick {
	overflow: hidden; margin-top: 55px; position: relative;
}
#support .slick .slick-list {
	margin: 0px -20px;
}
#support .slide {
	margin: 0px 20px;
}
#support .slide img {
	border-radius: 20px;
}
#support .slide p {
	color: rgb(25, 16, 59); line-height: 1.2; overflow: hidden; font-size: 18px; font-weight: 400; margin-top: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#support .arrow {
	background: url("/page/gwjob/images/renew/common/sp_new.png") no-repeat -264px -249px / 720px 400px; left: -70px; top: 50%; width: 33px; height: 63px; text-indent: -9999px; overflow: hidden; margin-top: -50px; display: block; position: absolute;
}
#support .arrow.next {
	left: auto; right: -70px; background-position-x: -344px;
}
#support .arrow:active {
	transform: scale(0.9);
}
#support .slide:hover p {
	text-decoration: underline;
}
#support .lnk {
	background: rgb(240, 242, 247); padding: 25px 0px; margin-top: 72px;
}
#support .lnk a {
	background: rgb(255, 255, 255); padding: 0px 40px 0px 17px; border-radius: 17px; width: 200px; height: 100px; color: rgb(18, 11, 42); line-height: 98px; overflow: hidden; font-size: 22px; font-weight: 500; margin-right: calc((100% - 1200.2px) /5); float: left; display: block; white-space: nowrap; position: relative; z-index: 2; -ms-text-overflow: ellipsis;
}
#support .lnk a:last-child {
	margin-right: 0px;
}
#support .lnk a::after {
	border-radius: 19px; border: 1px solid rgb(149, 204, 255); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
#support .lnk a::before {
	background: rgb(149, 204, 255); border-radius: 100px 0px 0px 100px; transition:0.2s ease-in-out; top: 50%; width: 100px; height: 200px; right: -100px; bottom: 0px; display: block; position: absolute; z-index: -3; content: ""; transform: translateY(-50%);
}
#support .lnk a i {
	background: url("/page/gwjob/images/renew/common/sp_new.png") no-repeat -430px -270px / 720px 400px; top: 50%; width: 20px; height: 20px; right: 20px; text-indent: -999px; overflow: hidden; margin-top: -10px; display: block; position: absolute; z-index: 1;
}
#support .lnk a:hover::before {
	right: -40px;
}
#support .lnk a:nth-child(2n)::after {
	border-color: rgb(168, 154, 231);
}
#support .lnk a:nth-child(3n)::after {
	border-color: rgb(148, 163, 231);
}
#support .lnk a:nth-child(4n)::after {
	border-color: rgb(128, 186, 188);
}
#support .lnk a:nth-child(5n)::after {
	border-color: rgb(95, 185, 196);
}
#support .lnk a:nth-child(6n)::after {
	border-color: rgb(138, 197, 141);
}
#support .lnk a:nth-child(2n)::before {
	background: rgb(168, 154, 231);
}
#support .lnk a:nth-child(3n)::before {
	background: rgb(148, 163, 231);
}
#support .lnk a:nth-child(4n)::before {
	background: rgb(128, 186, 188);
}
#support .lnk a:nth-child(5n)::before {
	background: rgb(95, 185, 196);
}
#support .lnk a:nth-child(6n)::before {
	background: rgb(138, 197, 141);
}

@media all and (max-width:1199px) {
#support {
	margin-top: 48px;
}
#support h2 {
	font-size: 28px;
}
#support h2 span {
	padding: 0px 20px;
}
#support h2::before {
	left: 20px; right: 20px;
}
#support .slick {
	margin-top: 35px; margin-right: -140px;
}
#support .slick .slick-list {
	margin: 0px -10px;
}
#support .slide {
	margin: 0px 10px;
}
#support .slide p {
	font-size: 16px; margin-top: 13px;
}
#support .arrow {
	display: none;
}
#support .lnk {
	padding: 20px 0px; margin-top: 50px;
}
#support .lnk a {
	padding: 0px 30px 0px 12px; width: calc((100% - 75.2px) /6); height: 80px; line-height: 80px; font-size: 16px; margin-right: 15px;
}
#support .lnk a::before {
	right: -55px !important;
}
#support .lnk a:hover::before {
	right: -55px !important;
}
#support .lnk a i {
	transform-origin: 100% 50%; right: 12px; transform: scale(0.8);
}
}

@media all and (max-width:991px) {
#support h2 {
	font-size: 24px;
}
#support h2 span {
	padding: 0px 15px;
}
#support .slick {
	margin-right: -90px;
}
#support .slide p {
	font-size: 15px; margin-top: 12px;
}
#support .lnk {
	padding: 20px 0px; margin-top: 40px;
}
#support .lnk a {
	padding: 0px 30px 0px 12px; width: calc((100% - 30.2px) /3); height: 60px; line-height: 60px; font-size: 15px; margin-right: 15px;
}
#support .lnk a:nth-child(3n) {
	margin-right: 0px;
}
#support .lnk a:nth-child(n+4) {
	margin-top: 15px;
}
}

@media all and (max-width:760px) {
#support h2 {
	font-size: 22px;
}
#support h2::before {
	left: 15px; right: 15px;
}
#support .slick {
	margin-top: 30px; margin-right: -120px;
}
#support .slick .slick-list {
	margin: 0px -8px;
}
#support .slide {
	margin: 0px 8px;
}
#support .lnk {
	padding: 15px 0px; margin-top: 35px;
}
#support .lnk a {
	padding: 0px 30px 0px 12px; width: calc((100% - 15.2px) /2); height: 50px; line-height: 52px; font-size: 15px; margin-right: 15px;
}
#support .lnk a:nth-child(3n) {
	margin-right: 15px;
}
#support .lnk a:nth-child(2n) {
	margin-right: 0px;
}
#support .lnk a:nth-child(n+3) {
	margin-top: 10px;
}
}

#app {
	padding-bottom: 40px; margin-top: 60px; position: relative; z-index: 2;
}
#app::before {
	background: url("../images/common/bg_app01.jpg") no-repeat left; left: 0px; height: 560px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: -1; content: "";
}
#app h2 {
	margin: 0px auto; text-align: center; color: rgb(18, 11, 42); line-height: 1.2; font-size: 34px; font-weight: 700; position: relative; max-width: 1400px;
}
#app h2 span {
	background: rgb(245, 247, 252); padding: 0px 25px; display: inline-block; position: relative;
}
#app h2 strong {
	color: rgb(47, 71, 236);
}
#app h2::before {
	background: rgb(199, 206, 226); left: 0px; top: 50%; height: 1px; right: 0px; display: block; position: absolute; content: "";
}
#app .slick {
	overflow: hidden; margin-top: 5px; position: relative;
}
#app .slick .slick-list {
	margin: 0px -20px; padding: 50px 0px 40px;
}
#app .slide {
	margin: 0px 20px; border-radius: 20px; transition:0.3s; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.03);
}
#app .slide .ibx {
	position: relative;
}
#app .slide .ibx img {
	width: 100%; display: block;
}
#app .slide p {
	background: rgb(255, 255, 255); padding: 20px 15px 25px 30px; position: relative;
}
#app .slide p span {
	border-radius: 12px; border: 1px solid rgb(93, 91, 105); border-image: none; width: 80px; height: 24px; text-align: center; color: rgb(93, 91, 105); line-height: 24px; font-size: 13px; font-weight: 400; display: block;
}
#app .slide p strong {
	color: rgb(42, 42, 42); line-height: 1.2; overflow: hidden; font-size: 16px; font-weight: 500; margin-top: 13px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#app .slide p em {
	color: rgb(93, 91, 105); line-height: 1.2; font-size: 13px; font-weight: 400; margin-top: 10px; display: block; white-space: nowrap;
}
#app .slide.ing p span {
	border-color: rgb(47, 82, 243); color: rgb(47, 82, 243);
}
#app .slide.ing p::after {
	background: url("../images/common/sp_new.png") no-repeat -505px -265px / 720px 400px; top: 16px; width: 30px; height: 30px; right: 20px; display: block; position: absolute; content: "";
}
#app .slide:hover {
	text-decoration: none; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15); transform: translateY(-20px);
}
#app .slide:hover .ibx::after {
	opacity: 0;
}
#app .slide:hover p {
	text-decoration: none;
}
#app .arrow {
	background: url("../images/common/sp_new.png") no-repeat -264px -249px / 720px 400px; left: -60px; top: 50%; width: 33px; height: 63px; text-indent: -9999px; overflow: hidden; margin-top: -25px; display: block; position: absolute;
}
#app .arrow.next {
	left: auto; right: -70px; background-position-x: -344px;
}
#app .arrow:active {
	transform: scale(0.9);
}
#app .lnk {
	background: rgba(0, 0, 0, 0.05); padding: 40px; border-radius: 20px;
}
#app .lnk > div {
	width: calc(100% - 440.2px); float: left;
}
#app .lnk > div:last-child {
	width: 440px;
}
#app .lnk .bx01 a {
	background: url("../images/main/main_bk_01.png") no-repeat center / cover rgba(0, 0, 0, 0.0); padding: 30px 0px 0px 50px; border-radius: 20px; transition:0.1s; width: calc((100% - 40.2px) /2); height: 120px; color: rgb(255, 255, 255); line-height: 1.3; overflow: hidden; font-size: 24px; font-weight: 500; margin-right: 40px; float: left; display: block;
}
#app .lnk .bx01 a:nth-child(2n) {
	margin-right: 0px;
}
#app .lnk .bx01 a:nth-child(n+3) {
	margin-top: 20px;
}
#app .lnk .bx01 a:nth-child(2) {
	background-image: url("../images/main/main_bk_02.png");
}
#app .lnk .bx01 a:nth-child(3) {
	background-image: url("../images/main/main_bk_03.png");
}
#app .lnk .bx01 a:nth-child(4) {
	background-image: url("../images/main/main_bk_04.png");
}
#app .lnk .bx01 a:hover { font-weight: 600; }
#app .lnk .bx02 {
	padding: 42px 0px 0px 40px; white-space: nowrap;
}
#app .lnk .bx02 a {
	background: rgb(255, 255, 255); border-radius: 50%; width: 180px; height: 180px; text-align: center; color: rgb(18, 11, 42); padding-top: 57px; font-size: 18px; font-weight: 500; vertical-align: top; display: inline-block; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
}
#app .lnk .bx02 a + a {
	margin-left: 36px;
}
#app .lnk .bx02 a::before {
	background: url("../images/common/sp_new.png") no-repeat -568px -261px / 720px 400px; margin: 0px auto 5px; width: 66px; height: 40px; display: block; content: "";
}
#app .lnk .bx02 a.ep::before {
	background-position-x: -648px;
}
#app .lnk .bx02 a:hover::before {
	background-position-y: -341px;
}

@media all and (max-width:1199px) {
#app {
	padding-bottom: 30px; margin-top: 48px;
}
#app::before {
	height: 443px;
}
#app h2 {
	font-size: 28px;
}
#app h2 span {
	padding: 0px 20px;
}
#app h2::before {
	left: 20px; right: 20px;
}
#app .slick {
	margin-top: 0px; margin-right: -140px;
}
#app .slick .slick-list {
	margin: 0px -10px; padding: 35px 0px 30px;
}
#app .slide {
	margin: 0px 10px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.03);
}
.arrow#app {
	display: none;
}
#app .slide p {
	padding: 18px 10px 20px 25px;
}
#app .slide p span {
	width: 70px; height: 22px; line-height: 22px; font-size: 13px;
}
#app .slide p strong {
	font-size: 20px; margin-top: 11px;
}
#app .slide p em {
	font-size: 15px; margin-top: 10px;
}
#app .slide.ing p::after {
	transform-origin: 100% 0%; top: 15px; right: 15px; transform: scale(0.85);
}
#app .slide:hover {
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); transform: translateY(0px);
}
#app .slide.slick-current .ibx::after {
	opacity: 0;
}
#app .lnk {
	margin: 0px -20px; padding: 30px; border-radius: 0px;
}
#app .lnk > div {
	width: calc(100% - 340.2px);
}
#app .lnk > div:last-child {
	width: 340px;
}
#app .lnk .bx01 a {
	padding: 16px 0px 0px 30px; width: calc((100% - 20.2px) /2); height: 90px; font-size: 22px; margin-right: 20px;
}
#app .lnk .bx02 {
	padding: 30px 0px 0px 30px;
}
#app .lnk .bx02 a {
	width: 145px; height: 145px; padding-top: 37px; font-size: 16px;
}
#app .lnk .bx02 a + a {
	margin-left: 26px;
}
#app .lnk .bx02 a::before {
	transform-origin: 50% 100%; transform: scale(0.85);
}
}

@media all and (max-width:991px) {
#app::before {
	height: 380px;
}
#app h2 {
	font-size: 24px;
}
#app h2 span {
	padding: 0px 15px;
}
#app .slick {
	margin-right: -90px;
}
#app .slide p {
	padding: 15px 10px 15px 20px;
}
#app .slide p span {
	width: 60px; font-size: 12px;
}
#app .slide p strong {
	font-size: 16px; margin-top: 10px;
}
#app .slide p em {
	font-size: 14px; margin-top: 8px;
}
#app .slide.ing p::after {
	top: 15px; right: 15px; transform: scale(0.8);
}
#app .lnk {
	padding: 20px;
}
#app .lnk > div {
	width: calc(100% - 250.2px);
}
#app .lnk > div:last-child {
	width: 250px;
}
#app .lnk .bx01 a {
	padding: 16px 0px 0px 20px; width: calc((100% - 15.2px) /2); height: 80px; font-size: 18px; margin-right: 15px;
}
#app .lnk .bx01 a:nth-child(n+3) {
	margin-top: 15px;
}
#app .lnk .bx02 {
	padding: 33px 0px 0px 20px;
}
#app .lnk .bx02 a {
	width: 110px; height: 110px; padding-top: 19px; font-size: 15px;
}
#app .lnk .bx02 a + a {
	margin-left: 11px;
}
#app .lnk .bx02 a::before {
	transform: scale(0.8);
}
}

@media all and (max-width:760px) {
#app::before {
	height: 446px;
}
#app h2 {
	font-size: 22px;
}
#app .slick {
	margin-right: -120px;
}
#app .slick .slick-list {
	margin: 0px -8px; padding: 30px 0px 25px;
}
#app .slide {
	margin: 0px 8px;
}
#app .slide p {
	padding: 13px 10px 13px 15px;
}
#app .slide p strong {
	margin-top: 9px;
}
#app .slide p em {
	font-size: 13px; margin-top: 7px;
}
#app .slide.ing p::after {
	top: 10px; right: 10px; transform: scale(0.7);
}
#app .lnk {
	margin: 0px -15px; padding: 15px;
}
#app .lnk > div {
	width: 100%; float: none;
}
#app .lnk > div:last-child {
	width: 100%; float: none;
}
#app .lnk .bx01 a {
	padding: 16px 0px 0px 20px; width: calc((100% - 15.2px) /2); height: 70px; font-size: 16px; font-weight: 500; margin-right: 15px;
}
#app .lnk .bx01 a:nth-child(n+3) {
	margin-top: 10px;
}
#app .lnk .bx02 {
	padding: 23px 0px 0px; text-align: center;
}
#app .lnk .bx02 a {
	width: 100px; height: 100px; padding-top: 16px; font-size: 15px;
}
#app .lnk .bx02 a + a {
	margin-left: 31px;
}
}