/*@charset "utf-8";*/ @font-face { font-family: 'OwnglyphMoogungChae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/OwnglyphMoogungChae.woff') format('woff'); font-weight: normal; font-style: normal; } /* 290 */ #repeat .support-btn {display: none;} #repeat {max-width: 1920px;margin: auto;} #repeat .inner {height: 100%;} #repeat .center {text-align: center;} #repeat .title-box {} #repeat .title-box > strong {font-size: 40px;color: #2e2e2e;line-height: 130%;} #repeat .title-box > span {font-size: 20px;color: #494949;display: block;margin-top: 20px;line-height: 150%;font-weight: 400;} #repeat .r1 {background: url(../../_images/support/top-img.jpg) no-repeat top center;height: 796px;} #repeat .r1 div.box {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #0b1a36;} #repeat .r1 div.box > h4 {font-size: 23px;border-bottom: 2px solid #0b1a36;display: inline-block;line-height: 40px;} #repeat .r1 div.box > h3 {font-size: 50px;line-height: 120%;margin-top: 20px;} #repeat .r1 div.box > div.desc {margin-top: 20px;font-size: 24px;line-height: 140%;} #repeat .r1 div.box > a {display: inline-block;background: linear-gradient(to left, #f57c2b 25%, #fc873a) no-repeat;width: 330px;height: 72px;color: #fff;font-size: 26px;font-weight: 700;line-height: 72px;margin-top: 40px;text-indent: 25px;box-shadow: 0 0 5px -23px #ffb07b;position: relative;z-index: 9;} #repeat .r1 div.box > a:after {content:'';background: url(../../_images/support/arrow-half-white.png);width: 24px;height: 10px;position: absolute;z-index: 10;right: 30px;top: calc(50% - 5px);} #repeat .r2 {background: url(../../_images/support/back-marble.jpg) no-repeat top center;height: 300px;text-align: center;} #repeat .r2 ul {font-size: 24px;color: #2e2e2e;line-height: 130%;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 100%;} #repeat .r2 ul > li {padding-top: 20px;} #repeat .r2 ul > li > span {font-size: 15px;color: #7e8990;display: block;} #repeat .r3 {} #repeat .r3 .slide {} #repeat .r3 .slide > li {min-height: 500px;} #repeat .r3 .slide > li > div.desc {width: 1100px;max-width: 1100px;position: absolute;z-index: 10;top: 50%;transform: translate(-50%, -50%);left: 50%;} #repeat .r3 .slide > li > div.desc > ul {} #repeat .r3 .slide > li > div.desc > ul > li {} #repeat .r3 .slide > li > div.desc > ul > li:first-child:before {content: '';background: url(../../_images/support/icon-quotes.png) no-repeat top center;width: 46px;height: 38px;position: absolute;top: -44px;} #repeat .r3 .slide > li > div.desc > ul > li:first-child {font-weight: 700;color: #ea5404;font-size: 40px;line-height: 130%;} #repeat .r3 .slide > li > div.desc > ul > li:last-child {font-size: 18px;color: #cfcfcf;padding-top: 30px;line-height: 150%;} #repeat .r3 .slide > li > div.img {} #repeat .r3 .slide > li > div.img > img {} #repeat .r3 .bx-wrapper {position:relative;} #repeat .r3 .bx-controls {} #repeat .r3 .bx-controls > .bx-pager {text-align: center;position: absolute;width: 100%;bottom: 80px;} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item {display: inline-block;width: 30px;height: 4px;overflow: hidden;margin-right: 10px;} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link {width: 100%;height: 100%;display: block;font-size: 0;line-height: 0;background: #fff;} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link.active {width: 100%;height: 100%;background: #ff4e00;} #repeat .r3 .bx-controls > .bx-controls-direction {/* display: none; */} #repeat .r3 .bx-controls > .bx-controls-direction > a {position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;width: 38px;height: 69px;} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-prev {left: 4%;background: url(../../_images/support/slide-left.png) no-repeat;} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-next {right: 4%;background: url(../../_images/support/slide-right.png) no-repeat;} #repeat .r4 {background: url(../../_images/support/back-minus.jpg) no-repeat top center;height: 400px;font-size: 40px;color: #fff;font-weight: 700;line-height: 120%;} #repeat .r4 div.desc {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;} #repeat .r5 {height: 846px;background: url(../../_images/support/back-street.jpg) no-repeat top center;padding: 90px 0;} #repeat .r5 ul.desc1 {color: #fff;height: 270px;} #repeat .r5 ul.desc1:after {display:block;content:'';clear:left;} #repeat .r5 ul.desc1 > li {float: left;} #repeat .r5 ul.desc1 > li:first-child {font-size: 40px;line-height: 130%;/* width: 32%; */width: 100%;text-align: center;padding-top: 55px;font-weight: 700;letter-spacing: -0.05em;} #repeat .r5 ul.desc1 > li:last-child {width: 68%;font-size: 20px;line-height: 160%;display: none;} #repeat .r5 ul.desc1 > li > strong {color: #ffc72f;} #repeat .r5 ul.desc2 {color: #2e2e2e;} #repeat .r5 ul.desc2:after {display:block;content:'';clear:left;} #repeat .r5 ul.desc2 > li {float: left;width: 30%;margin-right: 5%;background: #fff;padding: 28px;} #repeat .r5 ul.desc2 > li:last-child {margin-right:0;} #repeat .r5 ul.desc2 > li > span {font-size: 20px;display: block;text-align: center;} #repeat .r5 ul.desc2 > li > strong {font-size: 30px;color: #ff4e00;line-height: 200%;text-align: center;display: block;} #repeat .r5 ul.desc2 > li > div {font-size: 18px;line-height: 130%;font-weight: 300;height: 180px;margin-top: 15px;} #repeat .r5 ul.desc2 > li > ul {} #repeat .r5 ul.desc2 > li > ul:after {display:block;clear:both;content:'';} #repeat .r5 ul.desc2 > li > ul > li {float: left;} #repeat .r5 ul.desc2 > li > ul > li > strong {font-size: 18px;} #repeat .r5 ul.desc2 > li > ul > li > span {font-size: 15px;color: #9f9f9f;display: block;margin-top: 5px;} #repeat .r5 ul.desc2 > li > ul > li:first-child {} #repeat .r5 ul.desc2 > li > ul > li:last-child {float: right;font-size: 30px;font-weight: 700;} #repeat .r5 .bx-wrapper {display: none;} #repeat .r6 {background: #f3f3f3;padding: 90px 0;} #repeat .r6 > .inner > ul {margin-top: 70px;} #repeat .r6 > .inner > ul:after {display:block;content:'';clear:left;} #repeat .r6 > .inner > ul > li {width: 28%;float: left;margin-right: 8%;background: #fff;} #repeat .r6 > .inner > ul > li:last-child {margin-right:0;} #repeat .r6 > .inner > ul > li > ul {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) > img {width: 100%;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(2) {font-size: 22px;color: #ff4e00;padding: 28px;letter-spacing: -0.1em;text-align: center;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(3) {font-size: 18px;color: #2e2e2e;padding: 0 30px 30px;line-height: 140%;height: 140px;letter-spacing: -0.1em;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(4) {font-size: 15px;color: #6b6b6b;text-align: center;line-height: 61px;border-top: 1px solid #f3f3f3;font-weight: 300;} #repeat .r7 {padding: 90px 0;} #repeat .r7 ul {width: 1050px;margin: 50px auto 0 auto;} #repeat .r7 ul:after {clear:left;display:block;content:'';} #repeat .r7 ul > li {float: left;width: 20%;} #repeat .r7 ul > li > .circle {width: 100px;height: 100px;border-radius: 100px;margin: auto;} #repeat .r7 ul > li > .box {} #repeat .r7 ul > li > .box > strong {color: #ff4e00;text-align: center;font-size: 22px;line-height: 60px;width: 100%;display: block;} #repeat .r7 ul > li > .box > span {display: block;text-align: center;color: #6b6b6b;font-size: 15px;line-height: 140%;font-weight: 300;} #repeat .r7 ul > li:nth-child(1) > .circle {background: url(../../_images/support/use-icon1.png) no-repeat center center #fff6ee;} #repeat .r7 ul > li:nth-child(2) > .circle {background: url(../../_images/support/use-icon2.png) no-repeat center center #fff6ee;} #repeat .r7 ul > li:nth-child(3) > .circle {background: url(../../_images/support/use-icon3.png) no-repeat center center #fff6ee;} #repeat .r7 ul > li:nth-child(4) > .circle {background: url(../../_images/support/use-icon4.png) no-repeat center center #fff6ee;} #repeat .r7 ul > li:nth-child(5) > .circle {background: url(../../_images/support/use-icon5.png) no-repeat center center #fff6ee;} #repeat .r8 {background: #f3f3f3;padding: 90px 0;} #repeat .r8 > .inner > ul {margin-top: 80px;} #repeat .r8 > .inner > ul:after {content: '';clear: left;display: block;} #repeat .r8 > .inner > ul > li {float:left;width: 47.5%;} #repeat .r8 > .inner > ul > li:first-child {position: relative;margin-right: 5%;} #repeat .r8 > .inner > ul > li:first-child:after {content:'';width: 100%;display: block;position: absolute;bottom: 0;background: #000;z-index: 8;height: 60px;opacity: 0.9;} #repeat .r8 > .inner > ul > li:first-child > img {width: 100%;} #repeat .r8 > .inner > ul > li:first-child > div {position: absolute;bottom: 0;line-height: 60px;color: #fff;z-index: 10;text-align: center;width: 100%;font-size: 20px;} #repeat .r8 > .inner > ul > li:first-child > div > strong {color: #ff4e00;} #repeat .r8 > .inner > ul > li:last-child {} #repeat .r8 > .inner > ul > li:last-child > ul {height: 100%;} #repeat .r8 > .inner > ul > li:last-child > ul > li {height: 31.33333333%;margin-bottom: 2%;padding-left: 175px;font-size: 18px;color: #2e2e2e;position: relative;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(1) {background: url(../../_images/support/if-icon1.png) no-repeat left 60px center #fff;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(2) {background: url(../../_images/support/if-icon2.png) no-repeat left 50px center #fff;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(3) {background: url(../../_images/support/if-icon3.png) no-repeat left 60px center #fff;margin-bottom: 0;} #repeat .r8 > .inner > ul > li:last-child > ul > li > div {position: absolute;top: 50%;transform: translateY(-50%);letter-spacing: -1px;} #repeat .r8 > .inner > ul > li:last-child > ul > li > div > strong {display: block;color: #ff4e00;font-size: 22px;margin-top: 5px;} #repeat .r9 {background: url(../../_images/support/back-hand.jpg) no-repeat top center;height: 483px;} #repeat .r9 .inner > div {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);font-size: 50px;color: #fff;font-weight: 700;line-height: 140%;} #repeat .r9 .inner > div > a {display: block;background: linear-gradient(to left, #f57c2b 25%, #fc873a) no-repeat;width: 330px;height: 72px;color: #fff;font-size: 26px;font-weight: 700;line-height: 72px;margin: 40px auto 0 auto;text-indent: 25px;box-shadow: 0 0 28px -11px #ffb07b;position: relative;z-index: 9;text-align: left;} #repeat .r9 .inner > div > a:after {content:'';background: url(../../_images/support/arrow-half-white.png);width: 24px;height: 10px;position: absolute;z-index: 10;right: 30px;top: calc(50% - 5px);} #repeat .quick {position: absolute;top: 300px;right: 70px;background: #a19b94;padding: 10px;border-radius : 10px;} #repeat .quick > a {display: block;position: relative;} #repeat .quick > a:after {content:'';width: 60px;height: 26px;background: url(../../_images/support/arrow-brown.png) center center no-repeat #fff;display: block;position: absolute;border-radius: 30px;bottom: -23px;left: 50%;transform: translateX(-50%);} #repeat .quick > a > .photo {} #repeat .quick > a > .photo > img {} #repeat .quick > a > .title {font-size: 20px;color: #fffdc4;text-align: center;padding: 15px 0;line-height: 140%;font-weight: 400;} #repeat .quick > a > .title > strong {display: block;color: #fff;font-weight: 500;} @media (max-width:1560px){ #repeat .quick {display: none;} } @media (max-width:1280px){ #repeat {} #repeat .inner {padding: 0 30px;} #repeat .center {} #repeat .title-box {} #repeat .title-box > strong {font-size: 32px;} #repeat .title-box > span {font-size: 16px;margin-top: 10px;} #repeat .r1 {height: 550px;background: url(../../_images/support/top-img-t.jpg) no-repeat top center;} #repeat .r1 div.box {right: auto;left: 50%;letter-spacing: -1.5px;} #repeat .r1 div.box > h4 {font-size: 18px;} #repeat .r1 div.box > h3 {font-size: 40px;} #repeat .r1 div.box > div.desc {font-size: 19px;} #repeat .r1 div.box > a {font-size: 22px;width: 265px;height: 58px;line-height: 58px;} #repeat .r1 div.box > a:after {} #repeat .r2 {height: 250px;} #repeat .r2 ul {font-size: 20px;} #repeat .r2 ul > li {} #repeat .r2 ul > li > span {font-size: 14px;margin-top: 10px;} #repeat .r3 {} #repeat .r3 .slide {} #repeat .r3 .slide > li {max-height: 500px;overflow: hidden;} #repeat .r3 .slide > li > div.desc {left: 50%;width: auto;left: 10%;transform: translate(0, -50%);} #repeat .r3 .slide > li > div.desc > ul {} #repeat .r3 .slide > li > div.desc > ul > li {} #repeat .r3 .slide > li > div.desc > ul > li:first-child:before {width: 36px;height: 32px;background-size: contain;} #repeat .r3 .slide > li > div.desc > ul > li:first-child {font-size: 32px;} #repeat .r3 .slide > li > div.desc > ul > li:last-child {font-size: 16px;} #repeat .r3 .slide > li > div.img {overflow: hidden;} #repeat .r3 .slide > li > div.img > img {min-height: 500px;width: auto !important;max-width: none;height: 100%;position: relative;left: 50%;transform: translateX(-50%);max-height: 500px;} #repeat .r3 .bx-wrapper {} #repeat .r3 .bx-controls {} #repeat .r3 .bx-controls > .bx-pager {bottom: 40px;} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item {} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link {} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link.active {} #repeat .r3 .bx-controls > .bx-controls-direction {display: none;} #repeat .r3 .bx-controls > .bx-controls-direction > a {} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-prev {} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-next {} #repeat .r4 {font-size: 30px;background-size: auto 300px;height: 300px;} #repeat .r4 div.desc {position: relative;} #repeat .r5 {padding: 50px 0;height: auto;background-size: cover;} #repeat .r5 ul.desc1 {height: 190px;} #repeat .r5 ul.desc1:after {} #repeat .r5 ul.desc1 > li {} #repeat .r5 ul.desc1 > li:first-child {font-size: 32px;/* width: 39.5%; */font-weight: 700;width: 100%;text-align: center;padding-top: 35px;} #repeat .r5 ul.desc1 > li:last-child {font-size: 16px;width: 60.5%;display: none;} #repeat .r5 ul.desc1 > li > strong {} #repeat .r5 ul.desc2 {} #repeat .r5 ul.desc2:after {} #repeat .r5 ul.desc2 > li {width: 30.5%;margin-right: 4.25%;padding: 20px;} #repeat .r5 ul.desc2 > li:last-child {} #repeat .r5 ul.desc2 > li > span {font-size: 16px;} #repeat .r5 ul.desc2 > li > strong {font-size: 24px;} #repeat .r5 ul.desc2 > li > div {font-size: 15px;height: 150px;} #repeat .r5 ul.desc2 > li > ul {} #repeat .r5 ul.desc2 > li > ul:after {} #repeat .r5 ul.desc2 > li > ul > li {} #repeat .r5 ul.desc2 > li > ul > li > strong {font-size: 15px;} #repeat .r5 ul.desc2 > li > ul > li > span {font-size: 12px;} #repeat .r5 ul.desc2 > li > ul > li:first-child {} #repeat .r5 ul.desc2 > li > ul > li:last-child {font-size: 28px;letter-spacing: -1px;} #repeat .r5 .bx-wrapper {display: none;} #repeat .r6 {padding: 50px 0;} #repeat .r6 > .inner > ul {} #repeat .r6 > .inner > ul:after {} #repeat .r6 > .inner > ul > li {width: 30.5%;margin-right: 4.25%;} #repeat .r6 > .inner > ul > li:last-child {} #repeat .r6 > .inner > ul > li > ul {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) > img {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(2) {font-size: 16px;padding: 20px;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(3) {font-size: 15px;height: 125px;padding: 0 20px 20px;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(4) {font-size: 12px;line-height: 50px;} #repeat .r7 {padding: 50px 0;} #repeat .r7 ul {margin-top: 30px;width: 580px;text-align: center;} #repeat .r7 ul:after {} #repeat .r7 ul > li {width: 190px;display: inline-block;margin-bottom: 25px;float: none;} #repeat .r7 ul > li > .circle {width: 80px;height: 80px;background-size: 70% !important;} #repeat .r7 ul > li > .box {} #repeat .r7 ul > li > .box > strong {font-size: 16px;line-height: 40px;} #repeat .r7 ul > li > .box > span {font-size: 14px;} #repeat .r7 ul > li:nth-child(1) > .circle {} #repeat .r7 ul > li:nth-child(2) > .circle {} #repeat .r7 ul > li:nth-child(3) > .circle {} #repeat .r7 ul > li:nth-child(4) > .circle {} #repeat .r7 ul > li:nth-child(5) > .circle {} #repeat .r8 {padding: 50px 0;} #repeat .r8 > .inner > ul {margin-top: 40px;} #repeat .r8 > .inner > ul:after {} #repeat .r8 > .inner > ul > li {} #repeat .r8 > .inner > ul > li:first-child {} #repeat .r8 > .inner > ul > li:first-child:after {} #repeat .r8 > .inner > ul > li:first-child > img {} #repeat .r8 > .inner > ul > li:first-child > div {font-size: 18px;} #repeat .r8 > .inner > ul > li:first-child > div > strong {font-size: 20px;} #repeat .r8 > .inner > ul > li:last-child {} #repeat .r8 > .inner > ul > li:last-child > ul {} #repeat .r8 > .inner > ul > li:last-child > ul > li {font-size: 15px;padding-left: 95px;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(1) {background-position-x: 26px;background-size: 45px;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(2) {background-position-x: 17px;background-size: 60px;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(3) {background-position-x: 26px;background-size: 45px;} #repeat .r8 > .inner > ul > li:last-child > ul > li > div {} #repeat .r8 > .inner > ul > li:last-child > ul > li > div > strong {font-size: 18px;} #repeat .r9 {height: 300px;background-size: cover;} #repeat .r9 .inner > div {font-size: 40px;} #repeat .r9 .inner > div > a {font-size: 22px;width: 265px;height: 58px;line-height: 58px;margin-top: 30px;} #repeat .r9 .inner > div > a:after {} #repeat .quick {display: none;} #repeat .quick > a {} #repeat .quick > a:after {} #repeat .quick > a > .photo {} #repeat .quick > a > .photo > img {} #repeat .quick > a > .title {} #repeat .quick > a > .title > strong {} } @media (max-width:767px){ #repeat {} #repeat .inner {padding: 0 20px;} #repeat .center {} #repeat .title-box {} #repeat .title-box > strong {font-size: 25px;} #repeat .title-box > span {font-size: 15px;} #repeat .r1 {background: url(../../_images/support/top-img-mo.jpg) no-repeat top center;height: 660px;} #repeat .r1 div.box {position: relative;left: auto;transform: none;top: auto;height: 100%;} #repeat .r1 div.box > h4 {font-size: 16px;margin-top: 30px;} #repeat .r1 div.box > h3 {font-size: 33px;letter-spacing: -2px;} #repeat .r1 div.box > div.desc {font-size: 16px;} #repeat .r1 div.box > a {bottom: 30px;position: absolute;width: 100%;} #repeat .r1 div.box > a:after {} #repeat .r2 {height: 285px;} #repeat .r2 ul {font-size: 18px;} #repeat .r2 ul > li {} #repeat .r2 ul > li > span {} #repeat .r3 {} #repeat .r3 .slide {letter-spacing: -2px;} #repeat .r3 .slide > li {max-height: 400px;} #repeat .r3 .slide > li > div.desc {} #repeat .r3 .slide > li > div.desc > ul {} #repeat .r3 .slide > li > div.desc > ul > li {} #repeat .r3 .slide > li > div.desc > ul > li:first-child:before {} #repeat .r3 .slide > li > div.desc > ul > li:first-child {font-size: 25px;} #repeat .r3 .slide > li > div.desc > ul > li:last-child {font-size: 15px;padding-top: 10px;} #repeat .r3 .slide > li > div.img {} #repeat .r3 .slide > li > div.img > img {min-height: 400px;} #repeat .r3 .bx-wrapper {} #repeat .r3 .bx-controls {} #repeat .r3 .bx-controls > .bx-pager {} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item {} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link {} #repeat .r3 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link.active {} #repeat .r3 .bx-controls > .bx-controls-direction {} #repeat .r3 .bx-controls > .bx-controls-direction > a {} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-prev {} #repeat .r3 .bx-controls > .bx-controls-direction > .bx-next {} #repeat .r4 {height: 245px;font-size: 22px;background-size: auto 245px;} #repeat .r4 div.desc {line-height: 140%;} #repeat .r5 {} #repeat .r5 ul.desc1 {height: auto;margin-bottom: 30px;} #repeat .r5 ul.desc1:after {} #repeat .r5 ul.desc1 > li {float: none;} #repeat .r5 ul.desc1 > li:first-child {width: 100%;font-size: 25px;} #repeat .r5 ul.desc1 > li:last-child {width: 100%;margin-top: 30px; letter-spacing: -1px;} #repeat .r5 ul.desc1 > li > strong {} #repeat .r5 ul.desc2 {} #repeat .r5 ul.desc2:after {} #repeat .r5 ul.desc2 > li {} #repeat .r5 ul.desc2 > li:last-child {} #repeat .r5 ul.desc2 > li > span {} #repeat .r5 ul.desc2 > li > strong {} #repeat .r5 ul.desc2 > li > div {height: 130px;} #repeat .r5 ul.desc2 > li > ul {} #repeat .r5 ul.desc2 > li > ul:after {} #repeat .r5 ul.desc2 > li > ul > li {} #repeat .r5 ul.desc2 > li > ul > li > strong {} #repeat .r5 ul.desc2 > li > ul > li > span {} #repeat .r5 ul.desc2 > li > ul > li:first-child {} #repeat .r5 ul.desc2 > li > ul > li:last-child {} #repeat .r5 .bx-wrapper {position:relative;} #repeat .r5 .bx-controls {} #repeat .r5 .bx-controls > .bx-pager {text-align: center;width: 100%;margin-top: 30px;} #repeat .r5 .bx-controls > .bx-pager > .bx-pager-item {display: inline-block;width: 30px;height: 4px;overflow: hidden;margin-right: 10px;} #repeat .r5 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link {width: 100%;height: 100%;display: block;font-size: 0;line-height: 0;background: #fff;} #repeat .r5 .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link.active {width: 100%;height: 100%;background: #ff4e00;} #repeat .r5 .bx-controls > .bx-controls-direction {display: none;} #repeat .r6 {padding: 40px 0;} #repeat .r6 > .inner > ul {margin-top: 30px;} #repeat .r6 > .inner > ul:after {} #repeat .r6 > .inner > ul > li {float: none;width: 100%;margin-bottom: 20px;} #repeat .r6 > .inner > ul > li:last-child {margin-bottom: 0;} #repeat .r6 > .inner > ul > li > ul {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(1) > img {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(2) {} #repeat .r6 > .inner > ul > li > ul > li:nth-child(3) {height: auto;} #repeat .r6 > .inner > ul > li > ul > li:nth-child(4) {} #repeat .r7 {padding: 40px 0;} #repeat .r7 ul {width: 100%;text-align: left;} #repeat .r7 ul:after {} #repeat .r7 ul > li {display: block;width: 100%;margin-bottom: 20px;} #repeat .r7 ul > li:after {clear:left;content:'';display:block; } #repeat .r7 ul > li > .circle {float: left;margin-top: 5px;} #repeat .r7 ul > li > .box {float: left;width: calc(100% - 90px);min-height: 80px;padding-left: 20px;} #repeat .r7 ul > li > .box > strong {text-align: left;} #repeat .r7 ul > li > .box > span {text-align: left;} #repeat .r7 ul > li:nth-child(1) > .circle {margin-top: 14px;} #repeat .r7 ul > li:nth-child(2) > .circle {} #repeat .r7 ul > li:nth-child(3) > .circle {} #repeat .r7 ul > li:nth-child(4) > .circle {} #repeat .r7 ul > li:nth-child(5) > .circle {} #repeat .r8 {padding: 40px 0;} #repeat .r8 > .inner > ul {width: 100%;} #repeat .r8 > .inner > ul:after {} #repeat .r8 > .inner > ul > li {float: none;width: 100%;margin-right: 0 !important;} #repeat .r8 > .inner > ul > li:first-child {height: auto !important;margin-bottom: 5px;} #repeat .r8 > .inner > ul > li:first-child:after {} #repeat .r8 > .inner > ul > li:first-child > img {} #repeat .r8 > .inner > ul > li:first-child > div {} #repeat .r8 > .inner > ul > li:first-child > div > strong {} #repeat .r8 > .inner > ul > li:last-child {height: auto !important;} #repeat .r8 > .inner > ul > li:last-child > ul {} #repeat .r8 > .inner > ul > li:last-child > ul > li {height: 80px !important;margin-bottom: 5px;} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(1) {} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(2) {} #repeat .r8 > .inner > ul > li:last-child > ul > li:nth-child(3) {} #repeat .r8 > .inner > ul > li:last-child > ul > li > div {} #repeat .r8 > .inner > ul > li:last-child > ul > li > div > strong {} #repeat .r9 {height: 246px;} #repeat .r9 .inner > div {font-size: 33px;position: relative;} #repeat .r9 .inner > div > a {display: none;} #repeat .r9 .inner > div > a:after {} #repeat .quick {} #repeat .quick > a {} #repeat .quick > a:after {} #repeat .quick > a > .photo {} #repeat .quick > a > .photo > img {} #repeat .quick > a > .title {} #repeat .quick > a > .title > strong {} #repeat .support-btn {display: inline-block;background: linear-gradient(to left, #f57c2b 25%, #fc873a) no-repeat;width: 100%;height: 60px;color: #fff;font-size: 22px;font-weight: 700;line-height: 60px;text-indent: 0;box-shadow: 0 0 5px -23px #ffb07b;position: relative;z-index: 9;} #repeat .support-btn:after {} #repeat .support-btn > div {width: 136px;margin: auto;height: 100%;} #repeat .support-btn > div:after {margin-left: 22px;content:'';background: url(../../_images/support/arrow-half-white.png);width: 24px;height: 10px;position: absolute;z-index: 10;top: calc(50% - 5px);} #repeat .support-btn.fixed {position: fixed;bottom: 0;z-index: 11;} } /* 291 */ #support-selfstand {max-width: 1920px;margin: auto;position: relative;} #support-selfstand .inner {max-width:1100px;margin:auto;} #support-selfstand .quick {position: absolute;top: 300px;right: 70px;width: 160px;height: 245px;} #support-selfstand .quick a {display: block;width: 100%;height: 100%;text-indent: -1000px;overflow: hidden;background: url(../../_images/support-selfstand/young-quick.png);} #support-selfstand .section1 {background: url(../../_images/support-selfstand/young-section1-back.jpg) center center;height: 917px;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section1 .txt-box {text-align: center;margin: auto;padding: 84px 0 0 0;} #support-selfstand .section1 .txt-box .tex1 {width: 400px;height: 44px;margin: auto;line-height: 44px;color: #fff;font-size: 20px;background: #436280;border-radius: 22px;letter-spacing: -0.03em;} #support-selfstand .section1 .txt-box .tex2 {font-size: 120px;color: #595877;font-weight: 900;letter-spacing: -0.05em;padding: 30px 0 45px 0;} #support-selfstand .section1 .txt-box .tex3 {font-size: 26px;color: #595877;font-weight: 400;letter-spacing: -0.05em;} #support-selfstand .section1 .button {margin-top: 50px;text-align: center;} #support-selfstand .section1 .button a {width: 330px;height: 70px;line-height: 70px;display: inline-block;font-size: 26px;font-weight: 700;color: #fff;background: linear-gradient(to right, #fd893d, #f47a29);text-align: left;padding: 0 30px;border-radius: 16px;box-shadow: 5px 5px 5px rgb(246 126 46 / 30%);position: relative;} #support-selfstand .section1 .button a:after {content:'';display:block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-white.png);position: absolute;right: 30px;top: 30px;} #support-selfstand .section2 {background: url(../../_images/support-selfstand/young-section2-back.jpg);height: 979px;padding: 100px 0;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section2 .inner > .txt-box {text-align: center;} #support-selfstand .section2 .inner > .txt-box > .tex1 {color: #3f3f3f;font-size: 60px;font-weight: 700;} #support-selfstand .section2 .inner > .txt-box > .tex2 {font-size: 24px;color: #2e2e2e;font-weight: 300;line-height: 140%;padding: 40px 0 50px 0;letter-spacing: -0.05em;} #support-selfstand .section2 .inner > .txt-box > .tex2 span {display: block;font-size: 20px;} #support-selfstand .section2 .slide-box {max-width:1100px;} #support-selfstand .section2 .slide-box > ul {margin-left: -3%;} #support-selfstand .section2 .slide-box > ul:after {clear:left;content:'';display:block;} #support-selfstand .section2 .slide-box > ul li {float: left;width: 30.3%;margin-left: 3%;background: #fff;height: 330px;background-position: bottom center;background-repeat: no-repeat;padding: 50px 0;} #support-selfstand .section2 .slide-box > ul li:nth-child(1n+0) {background-image: url(../../_images/support-selfstand/young-people-boxback1.png);} #support-selfstand .section2 .slide-box > ul li:nth-child(2n+0) {background-image: url(../../_images/support-selfstand/young-people-boxback2.png);} #support-selfstand .section2 .slide-box > ul li:nth-child(3n+0) {background-image: url(../../_images/support-selfstand/young-people-boxback3.png);} #support-selfstand .section2 .slide-box > ul li .txt-box {} #support-selfstand .section2 .slide-box > ul li .txt-box .tex1 {font-size: 20px;line-height: 120%;min-height: 50px;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex2 {font-size: 50px;color: #f5691e;font-weight: 900;line-height: 160%;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 {font-size: 20px;font-weight: 300;line-height: 140%;letter-spacing: -0.05em;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 strong {font-weight: 500;} #support-selfstand .section2 .slide-desc {font-size: 16px;padding-top: 30px;font-weight: 300;} #support-selfstand .section2 .desc {font-size: 24px;line-height: 160%;margin-top: 70px;letter-spacing: -0.05em;} #support-selfstand .section3 {background: #f88031;text-align: center;padding: 65px 0;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section3 .tex1 {font-size: 60px;color: #fff;font-weight: 700;letter-spacing: -0.08em;} #support-selfstand .section3 .tex2 {font-size: 18px;color: #fff;font-weight:100;} #support-selfstand .section3 .button {margin: 40px 0;} #support-selfstand .section3 .button a {width: 450px;height: 72px;background: #fff;display: inline-block;line-height: 72px;color: #3f3f3f;font-size: 26px;text-align: left;padding: 0 30px;font-weight: 700;border-radius: 16px;position: relative;} #support-selfstand .section3 .button a:after {content: '';display: block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-gray.png);position: absolute;right: 30px;top: 30px;} #support-selfstand .section3 .button a strong {color: #f88031;} #support-selfstand .section4 {background: url(../../_images/support-selfstand/young-section4-back.jpg) center center;height: 650px;padding: 120px 0;} #support-selfstand .section4 .txt-box {-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section4 .txt-box .tex1 {font-size: 45px;color: #525252;font-weight: 700;line-height: 120%;letter-spacing: -0.05em;} #support-selfstand .section4 .txt-box .tex1 strong {color: #ff7e00;font-weight: 700;} #support-selfstand .section4 .txt-box .tex2 {font-size: 20px;color: #646464;line-height: 150%;font-weight: 400;letter-spacing: -0.05em;padding-top: 30px;} #support-selfstand .section4 .txt-box .tex3 {font-size: 22px;padding-top: 25px;line-height: 135%;text-align:right;font-weight: 600;color: #525252;letter-spacing: -0.1em;} #support-selfstand .section5 {background: url(../../_images/support-selfstand/young-section5-back.jpg) center center;height: 650px;padding: 120px 0;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section5 .txt-box {text-align: left;position: relative;} #support-selfstand .section5 .txt-box .tex1 {font-size: 45px;color: #525252;font-weight: 700;line-height: 120%;width: 475px;right: 0;margin-left: calc(100% - 475px);} #support-selfstand .section5 .txt-box .tex1 strong {color: #ff7e00;font-weight: 700;} #support-selfstand .section5 .txt-box .tex2 {font-size: 20px;color: #646464;line-height: 150%;font-weight: 400;letter-spacing: -0.05em;padding-top: 30px;width: 475px;right: 0;margin-left: calc(100% - 475px);} #support-selfstand .section5 .txt-box .tex3 {font-size: 22px;color: #525252;padding-top: 30px;width: 475px;right: 0;font-weight: 600;margin-left: calc(100% - 475px);letter-spacing: -0.1em;} #support-selfstand .section6 {background: url(../../_images/support-selfstand/young-section6-back.jpg) center center;height: 860px;padding: 120px 0;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section6 .slide-box {} #support-selfstand .section6 .slide-box > ul {margin-left: -3%;} #support-selfstand .section6 .slide-box > ul:after {clear:left;display:block;content:'';} #support-selfstand .section6 .slide-box > ul li {width: 30.3%;margin-left: 3%;float: left;background: rgb(255,255,255,0.8);padding: 170px 0 45px 0;text-align: center;position: relative;margin-top: 60px;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(1n+0):before {content:'';display:block;width: 189px;height: 184px;position: absolute;background: url(../../_images/support-selfstand/young-person1.png) center center;top: -60px;left: 12%;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(2n+0):before {content: '';display: block;width: 126px;height: 190px;position: absolute;background: url(../../_images/support-selfstand/young-person2.png) center center;top: -60px;left: 31%;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(3n+0):before {content:'';display:block;width: 123px;height: 180px;position: absolute;background: url(../../_images/support-selfstand/young-person3.png) center center;top: -56px;left: 31%;} #support-selfstand .section6 .slide-box > ul li .tex1 {font-size: 18px;color: #2e2e2e;line-height: 160%;letter-spacing: -0.05em;} #support-selfstand .section6 .slide-box > ul li .tex2 {font-size: 22px;margin-top: 20px;color: #ff7e00;} #support-selfstand .section6 .desc {text-align: center;font-size: 40px;color: #5d5d77;font-weight: 500;letter-spacing: -0.08em;margin: 80px auto 40px;} #support-selfstand .section6 .button {text-align: center;} #support-selfstand .section6 .button a {width: 330px;height: 70px;line-height: 70px;display: inline-block;font-size: 26px;font-weight: 700;color: #fff;background: linear-gradient(to right, #fd893d, #f47a29);text-align: left;padding: 0 30px;border-radius: 16px;box-shadow: 5px 5px 5px rgb(246 126 46 / 30%);position: relative;} #support-selfstand .section6 .button a:after {content:'';display:block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-white.png);position: absolute;right: 30px;top: 30px;} #support-selfstand .section7 {height: 609px;padding: 100px 0;text-align: center;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section7 .tex1 {font-size: 40px;color: #3f3f3f;font-weight: 700;line-height: 120%;} #support-selfstand .section7 .button {margin: 80px 0 40px 0;} #support-selfstand .section7 .button ul {margin-left: -3%;} #support-selfstand .section7 .button ul:after {clear:left;content:'';display:block;} #support-selfstand .section7 .button ul li {float: left;width: 30.3%;margin-left: 3%;} #support-selfstand .section7 .button ul li a {font-size: 26px;color: #2e2e2e;background: #efefef;display: block;width: 100%;padding: 27px 0 47px 0;font-weight: 500;position: relative; -moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #support-selfstand .section7 .button ul li a:after {content: '';display: block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-orange.png);position: absolute;left: calc(50% - 12px);bottom: 20px;} #support-selfstand .section7 .button ul li a:hover {color: #fff;background: #f78030;} #support-selfstand .section7 .button ul li a:hover:after {background: url(../../_images/support-selfstand/young-arrow-white.png);} #support-selfstand .section7 .tex2 {font-size: 24px;color: #2e2e2e;font-weight: 300;line-height: 150%;letter-spacing: -0.05em;} @media (max-width:1560px){ #support-selfstand .quick {display: none;} } @media (max-width: 1280px){ /* 291 */ #support-selfstand .inner {padding: 0 30px;} #support-selfstand .section1 {height: 550px;background-size: cover;} #support-selfstand .section1 .txt-box {padding: 35px 0 0 0;} #support-selfstand .section1 .txt-box .tex1 {width: 260px;height: 29px;line-height: 29px;font-size: 13px;} #support-selfstand .section1 .txt-box .tex2 {font-size: 73px;padding: 20px 0;} #support-selfstand .section1 .txt-box .tex3 {font-size: 15px;} #support-selfstand .section1 .button {margin-top: 25px;} #support-selfstand .section1 .button a {width: 264px;height: 57px;line-height: 57px;font-size: 20px;border-radius: 10px;} #support-selfstand .section1 .button a:after {top: 24px;} #support-selfstand .section2 {height: 675px;padding: 50px 0;} #support-selfstand .section2 .inner > .txt-box > .tex1 {font-size: 42px;} #support-selfstand .section2 .inner > .txt-box > .tex2 {padding: 30px 0 40px 0;font-size: 16px;} #support-selfstand .section2 .inner > .txt-box > .tex2 span {font-size: 15px;} #support-selfstand .section2 .slide-box > ul li {background-size: 85%;padding: 40px 0;height: 270px;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex1 {font-size: 16px;min-height: 40px;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex2 {font-size: 40px;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 {font-size: 16px;} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 strong {} #support-selfstand .section2 .slide-desc {font-size: 14px;padding-top: 20px;} #support-selfstand .section2 .desc {font-size: 17px;letter-spacing: -0.05em;margin-top: 40px;} #support-selfstand .section3 .tex1 {font-size: 45px;line-height: 120%;} #support-selfstand .section3 .tex2 {font-size: 16px;} #support-selfstand .section3 .button {margin: 30px 0;} #support-selfstand .section3 .button a {font-size: 22px;width: 384px;height: 57px;letter-spacing: -0.05em;line-height: 57px;border-radius: 10px;} #support-selfstand .section3 .button a:after {top: 23px;} #support-selfstand .section4 {height: 450px;background-size: cover;padding: 45px 0;} #support-selfstand .section4 .txt-box .tex1 {font-size: 32px;} #support-selfstand .section4 .txt-box .tex2 {font-size: 17px;padding-top: 25px;line-height: 135%;} #support-selfstand .section4 .txt-box .tex3 {font-size: 18px;padding-top: 25px;line-height: 135%;text-align:right;/* font-weight: 500; */} #support-selfstand .section5 {height: 450px;background-size: cover;padding: 45px 0;background-position: top right calc(50% - -15%);} #support-selfstand .section5 .txt-box .tex1 {width: 44%;font-size: 32px;margin-left: calc(100% - 44%);} #support-selfstand .section5 .txt-box .tex2 {font-size: 17px;padding-top: 25px;line-height: 135%;width: 44%;margin-left: calc(100% - 44%);} #support-selfstand .section5 .txt-box .tex3 {font-size: 18px;padding-top: 25px;line-height: 135%;width: 44%;margin-left: calc(100% - 44%);} #support-selfstand .section6 {height: 608px;background-size: cover;padding: 40px 0;background: url(../../_images/support-selfstand/young-section6-back-t.jpg) center center #e3e8ee;} #support-selfstand .section6 .slide-box > ul li {padding: 115px 0 35px 0;margin-top: 46px;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(1n+0):before {background-size: 143px;background-repeat: no-repeat;width: 66%;left: 11%;top: -23%;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(2n+0):before {background-size: 95px;background-repeat: no-repeat;width: 43%;left: 30%;top: -23%;} #support-selfstand .section6 .slide-box > ul.sl li.slick-slide:nth-child(3n+0):before {background-size: 95px;background-repeat: no-repeat;width: 44%;left: 26%;top: -21%;} #support-selfstand .section6 .slide-box > ul li .tex1 {font-size: 16px;letter-spacing: -0.05em;} #support-selfstand .section6 .slide-box > ul li .tex2 {font-size: 18px;} #support-selfstand .section6 .desc {font-size: 30px;line-height: 120%;margin: 30px 0 30px 0;font-weight: 700;} #support-selfstand .section6 .button a {width: 264px;height: 57px;line-height: 57px;font-size: 20px;border-radius: 10px;} #support-selfstand .section7 {padding: 35px 0 40px 0;height: auto;} #support-selfstand .section7 .tex1 {font-size: 30px;} #support-selfstand .section7 .button {margin: 35px 0 30px 0;} #support-selfstand .section7 .button ul li a {font-size: 20px;padding: 15px 0 35px 0;} #support-selfstand .section7 .button ul li a:after {bottom: 14px;} #support-selfstand .section7 .tex2 {font-size: 18px;} } @media (max-width:767px){ /* 291 */ #support-selfstand {} #support-selfstand .inner {} #support-selfstand .quick {} #support-selfstand .quick a {} #support-selfstand .section1 {height: 450px;background: url(../../_images/support-selfstand/young-section1-back-m.jpg) center center;} #support-selfstand .section1 .txt-box {padding-top: 30px;} #support-selfstand .section1 .txt-box .tex1 {font-size: 12px;height: 22px;line-height: 22px;width: 238px;} #support-selfstand .section1 .txt-box .tex2 {font-size: 60px;padding: 15px 0;} #support-selfstand .section1 .txt-box .tex3 {font-size: 13px;line-height: 130%;} #support-selfstand .section1 .button {margin-top: 20px;} #support-selfstand .section1 .button a {width: 200px;height: 50px;line-height: 50px;padding: 0 20px;} #support-selfstand .section1 .button a:after {top: 20px;right: 20px;} #support-selfstand .section2 {height: auto;padding: 30px 0;} #support-selfstand .section2 .inner > .txt-box {} #support-selfstand .section2 .inner > .txt-box > .tex1 {font-size: 30px;} #support-selfstand .section2 .inner > .txt-box > .tex2 {padding: 15px 0 20px 0;} #support-selfstand .section2 .inner > .txt-box > .tex2 span {} #support-selfstand .section2 .slide-box {margin-bottom: 15px;} #support-selfstand .section2 .slide-box > ul {margin-left: 0;} #support-selfstand .section2 .slide-box > ul:after {} #support-selfstand .section2 .slide-box > ul li {margin: 0 0.5% 0 0.5%;background-size: 190px;} #support-selfstand .section2 .slide-box ul li:nth-child(1n+0) {} #support-selfstand .section2 .slide-box ul li:nth-child(2n+0) {} #support-selfstand .section2 .slide-box ul li:nth-child(3n+0) {} #support-selfstand .section2 .slide-box > ul li .txt-box {} #support-selfstand .section2 .slide-box > ul li .txt-box .tex1 {} #support-selfstand .section2 .slide-box > ul li .txt-box .tex2 {} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 {} #support-selfstand .section2 .slide-box > ul li .txt-box .tex3 strong {} #support-selfstand .section2 .slide-desc {padding-top: 38px;line-height: 120%;} #support-selfstand .section2 .desc {font-size: 16px;margin-top: 20px;line-height: 130%;} #support-selfstand .section3 {padding: 30px 0;} #support-selfstand .section3 .tex1 {font-size: 30px;} #support-selfstand .section3 .tex2 {font-size: 14px;line-height: 140%;} #support-selfstand .section3 .button {margin: 20px 0;} #support-selfstand .section3 .button a {font-size: 20px;width: 100%;height: 70px;line-height: 50px;text-align: center;} #support-selfstand .section3 .button a:after {bottom: 15px;top: auto;left: calc(50% - 12px);} #support-selfstand .section3 .button a strong {} #support-selfstand .section4 {height: 592px;background-size: 879px;background-repeat: no-repeat;background-position: bottom left calc(50% - 124px);background-color: #eef9f3;padding: 30px 0;} #support-selfstand .section4 .txt-box {} #support-selfstand .section4 .txt-box .tex1 {font-size: 25px;} #support-selfstand .section4 .txt-box .tex1 strong {} #support-selfstand .section4 .txt-box .tex2 {font-size: 15px;padding-top: 15px;} #support-selfstand .section4 .txt-box .tex3 {position: absolute;bottom: -256px;left: calc(50% + 100px);} #support-selfstand .section5 {height: 563px;background-size: 882px;background-repeat: no-repeat;background-position: bottom -6px left calc(50% + 178px);background-color: #f1f0f8;padding: 30px 0;} #support-selfstand .section5 .txt-box {} #support-selfstand .section5 .txt-box .tex1 {width: 100%;margin-left: 0;font-size: 25px;} #support-selfstand .section5 .txt-box .tex1 strong {} #support-selfstand .section5 .txt-box .tex2 {width: 100%;margin-left: 0;font-size: 15px;} #support-selfstand .section5 .txt-box .tex3 {margin-left: 0;width: 100%;} #support-selfstand .section6 {height: auto;} #support-selfstand .section6 .slide-box {} #support-selfstand .section6 .slide-box > ul {margin-left: 0;} #support-selfstand .section6 .slide-box > ul:after {} #support-selfstand .section6 .slide-box > ul li {margin: 46px 0.5% 0 0.5%;} #support-selfstand .section6 .slide-box > ul.slick-slider li.ani:before {} #support-selfstand .section6 .slide-box > ul.slick-slider li.bal:before {background-image: url(../../_images/support-selfstand/young-person3.png) !important;width: 44% !important;left: 26% !important;top: -21% !important;background-size: 95px !important;} #support-selfstand .section6 .slide-box > ul.slick-slider li.cop:before {background-image: url(../../_images/support-selfstand/young-person1.png) !important;width: 66% !important;left: 11% !important;top: -23% !important;background-size: 143px !important;} #support-selfstand .section6 .desc {font-size: 25px;margin-top: 50px;margin-bottom: 20px;} #support-selfstand .section6 .button a {font-size: 20px;width: 200px;height: 50px;line-height: 50px;padding: 0 20px;} #support-selfstand .section6 .button a:after {top: 20px;right: 20px;} #support-selfstand .section7 .tex1 {font-size: 25px;} #support-selfstand .section7 .button ul {margin-top: -10px;margin-left: 0;} #support-selfstand .section7 .button ul li {float: none;width: 100%;margin-top: 10px;margin-left: 0;} #support-selfstand .section7 .tex2 {font-size: 16px;} } #support-selfstand .slick-slider {position: relative;} #support-selfstand .slick-slider .slick-dots {text-align: center;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);} #support-selfstand .slick-slider .slick-dots li {width: 30px !important;height: 4px !important;margin: 0 5px !important;padding: 0 !important;background: #fff !important;text-indent: -50px;overflow: hidden;display: inline-block;} #support-selfstand .slick-slider .slick-dots li.slick-active {background-color: #ff4e00 !important;} /* 290 new */ #repeatnew .support-btn {display: none;} #repeatnew {max-width: 1920px;margin: auto;} #repeatnew .inner {height: 100%;} #repeatnew .center {text-align: center;} #repeatnew .title-box {} #repeatnew .title-box > strong {font-size: 40px;color: #2e2e2e;line-height: 130%;} #repeatnew .title-box > span {font-size: 20px;color: #494949;display: block;margin-top: 20px;line-height: 150%;font-weight: 400;} #repeatnew .r1 {background: url(../../_images/support/top-img.jpg) no-repeat top center;height: 796px; position: relative} #repeatnew .r1 div.box {position: absolute;left:50%; margin-left: 68px; top: 35%;transform: translateY(-50%);color: #0b1a36;} #repeatnew .r1 div.box > h4 {font-size: 19px;display: inline-block;line-height: 40px;} #repeatnew .r1 div.box > h3 {font-size: 64px;line-height: 120%;margin-top: 20px;} #repeatnew .r1 div.box > div.desc {margin-top: 20px;font-size: 28px;line-height: 140%;} #repeatnew .r1 div.box > a {display: inline-block;background: linear-gradient(to left, #f57c2b 25%, #fc873a) no-repeat;width: 330px;height: 72px;color: #fff;font-size: 26px;font-weight: 700;line-height: 72px;margin-top: 40px;text-indent: 25px;box-shadow: 0 0 5px -23px #ffb07b;position: relative;z-index: 9; border-radius: 5px} #repeatnew .r1 div.box > a:after {content:'';background: url(../../_images/support/arrow-half-white.png);width: 24px;height: 10px;position: absolute;z-index: 10;right: 30px;top: calc(50% - 5px);} #repeatnew .r2 {background: url(../../_images/support/new_box02_bg.png) no-repeat top center;text-align: center;} #repeatnew .r2b {background: url(../../_images/support/new_box02_img02bg.png) no-repeat top center; height: 985px; color: #fff; padding-top: 240px; text-align: left; word-break:keep-all; word-wrap:break-word} #repeatnew .r2b dt{padding-left: 470px; font-size: 60px; font-weight: 700; line-height: 120%} #repeatnew .r2b dl{padding-left: 470px; font-size: 26px; font-weight: 700; margin-bottom: 30px; margin-top: 10px} #repeatnew .r2b dd{padding-left: 470px; font-size: 23px; font-weight: 300; line-height: 130%} #repeatnew .r3 {background: url(../../_images/support/new_box03_bg.png) no-repeat top center;height: 1005px;font-size: 36px;color: #fff;font-weight: 700;line-height: 140%; padding-top: 100px; text-align: center} #repeatnew .r3 ul li{display: inline-block; width: 231px; text-align: center; font-size: 22px; font-weight: 400; vertical-align: top; margin-top: 60px; line-height: 120%; margin: 60px 0px 0} #repeatnew .r3 ul li + li{margin-left: 50px} #repeatnew .r3 ul li img{padding-bottom: 22px} #repeatnew .r3 dl{font-size: 24px; color: #9e9e9e; margin-top: 60px;font-weight: 400;line-height: 130%;} #repeatnew .r3 dl span{color: #f88031} #repeatnew .r3 dd{font-size: 19px; opacity: 0.5; margin-top: 45px;font-weight: 400;line-height: 120%;} #repeatnew .r3 div.desc {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;} #repeatnew .r3b {background: url(../../_images/support/new_box03_img05bg.png) no-repeat top center; height: 985px; color: #fff; padding-top: 200px; text-align: left; word-break:keep-all; word-wrap:break-word} #repeatnew .r3b dt{ font-size: 60px; font-weight: 700; line-height: 120%} #repeatnew .r3b dl{ font-size: 26px; font-weight: 700; margin-bottom: 30px; margin-top: 10px} #repeatnew .r3b dd{padding-right: 470px; font-size: 23px; font-weight: 300; line-height: 130%} #repeatnew .r4 {background: url(../../_images/support/new_box04_bg.png) no-repeat top center;padding: 100px 0; height: 722px; line-height: 120%} #repeatnew .r4 ul.desc1 {color: #fff; margin-bottom: 75px} #repeatnew .r4 ul.desc1:after {display:block;content:'';clear:left;} #repeatnew .r4 ul.desc1 > li {text-align: center; font-size: 40px; font-weight:700; line-height: 140% } #repeatnew .r4 ul.desc1 > li > strong {color: #ffc72f;} #repeatnew .r4 ul.desc2 {color: #2e2e2e;} #repeatnew .r4 ul.desc2:after {display:block;content:'';clear:left;} #repeatnew .r4 ul.desc2 > li {float: left;width: 30%;margin-right: 5%;background: #fff;padding: 28px;} #repeatnew .r4 ul.desc2 > li:last-child {margin-right:0;} #repeatnew .r4 ul.desc2 > li > span {font-size: 20px;display: block;text-align: center; font-weight: 700} #repeatnew .r4 ul.desc2 > li > strong {font-size: 30px;color: #f88031;line-height: 200%;text-align: center;display: block;font-weight: 700} #repeatnew .r4 ul.desc2 > li > div {font-size: 18px;line-height: 130%;font-weight: 400;height: 180px;margin-top: 15px;} #repeatnew .r4 ul.desc2 > li > ul {} #repeatnew .r4 ul.desc2 > li > ul:after {display:block;clear:both;content:'';} #repeatnew .r4 ul.desc2 > li > ul > li {float: left;} #repeatnew .r4 ul.desc2 > li > ul > li > strong {font-size: 18px;} #repeatnew .r4 ul.desc2 > li > ul > li > span {font-size: 15px;color: #9f9f9f;display: block;margin-top: 5px;} #repeatnew .r4 ul.desc2 > li > ul > li:first-child {} #repeatnew .r4 ul.desc2 > li > ul > li:last-child {float: right;font-size: 30px;font-weight: 700;} #repeatnew .r5{background: url(../../_images/support/new_box05_bg.png) no-repeat top center; height: 872px; line-height: 120%; padding: 60px 0px 0 0; width: 100%;} #repeatnew .r5 dt{font-weight: 700; font-size: 40px; color: #f88031; padding-left: 540px; letter-spacing:-0.06em; display: block; line-height: 120%;} #repeatnew .r5 dl{font-weight: 700; font-size: 26px; margin: 18px 0 25px; padding-left: 540px;display: block; line-height: 120%;} #repeatnew .r5 dd{font-family: 'OwnglyphMoogungChae'; color: #333333; font-size: 23px; padding-left: 540px; display: block; line-height: 140%;font-weight: 400} #repeatnew .r5b{background: url(../../_images/support/new_box06_bg.png) no-repeat top center; height: 836px; line-height: 120%; padding: 120px 0px 0 ; } #repeatnew .r5b dt{font-weight: 700; font-size: 40px; color: #f88031; padding-left: 45px; letter-spacing:-0.06em;display: block; line-height: 120%;} #repeatnew .r5b dl{font-weight: 700; font-size: 26px; margin: 18px 0 25px; padding-left: 45px; display: block; line-height: 120%;} #repeatnew .r5b dd{font-family: 'OwnglyphMoogungChae'; color: #333333; font-size: 23px; padding-left: 45px;display: block; line-height: 140%; font-weight: 400} #repeatnew .r5c{background: url(../../_images/support/new_box07_bg.png) no-repeat top center; height: 830px; line-height: 120%; padding: 120px 0px 0 0; } #repeatnew .r5c dt{letter-spacing:-0.08em;} #repeatnew .r5a{background: url(../../_images/support/new_box05_img02bg.png) no-repeat top center; height: 872px; line-height: 120%; padding: 60px 0px 0 0; width: 100%;} #repeatnew .r5a dt{font-weight: 700; font-size: 40px; color: #f88031; padding-left: 540px; letter-spacing:-0.06em; display: block; line-height: 120%;} #repeatnew .r5a dl{font-weight: 700; font-size: 26px; margin: 18px 0 25px; padding-left: 540px;display: block; line-height: 120%;} #repeatnew .r5a dd{ color: #333333; font-size: 18px; padding-left: 540px; display: block; line-height: 160%;font-weight: 400} #repeatnew .r5ba{background: url(../../_images/support/new_box06_img02bg.png) no-repeat top center; height: 836px; line-height: 120%; padding: 120px 0px 0 ; } #repeatnew .r5ba dt{font-weight: 700; font-size: 40px; color: #f88031; padding-left: 45px; letter-spacing:-0.06em;display: block; line-height: 120%;} #repeatnew .r5ba dl{font-weight: 700; font-size: 26px; margin: 18px 0 25px; padding-left: 45px; display: block; line-height: 120%;} #repeatnew .r5ba dd{ color: #333333; font-size: 18px; padding-left: 45px;display: block; line-height: 160%; font-weight: 400} #repeatnew .r5ca{background: url(../../_images/support/new_box07_img02bg.png) no-repeat top center; height: 830px; line-height: 120%; padding: 120px 0px 0 0; } #repeatnew .r5ca dt{letter-spacing:-0.08em;} #repeatnew .r50 {display: block;} #repeatnew .r50 .slide-box{display: block;} #repeatnew .r50 .slide-box ul{display: block; width: 100%;} #repeatnew .r50 .slide-box ul li{display: block; width: 100%;} #repeatnew .r6 {padding: 90px 0;} #repeatnew .r6 ul {width: 1050px;margin: 50px auto 0 auto;} #repeatnew .r6 ul:after {clear:left;display:block;content:'';} #repeatnew .r6 ul > li {float: left;width: 20%;} #repeatnew .r6 ul > li > .circle {width: 100px;height: 100px;border-radius: 100px;margin: auto;} #repeatnew .r6 ul > li > .box {} #repeatnew .r6 ul > li > .box > strong {color: #f88031;text-align: center;font-size: 22px;line-height: 60px;width: 100%;display: block;} #repeatnew .r6 ul > li > .box > span {display: block;text-align: center;color: #6b6b6b;font-size: 15px;line-height: 140%;font-weight: 300;} #repeatnew .r6 ul > li:nth-child(1) > .circle {background: url(../../_images/support/use-icon1.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(2) > .circle {background: url(../../_images/support/use-icon2.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(3) > .circle {background: url(../../_images/support/use-icon3.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(4) > .circle {background: url(../../_images/support/use-icon4.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(5) > .circle {background: url(../../_images/support/use-icon5.png) no-repeat center center #fff6ee;} #repeatnew .r7{background: #f3f3f3; padding: 100px 0 120px} #repeatnew .r7 dt{display: block; text-align: center; color: #333333; font-size: 33px; line-height: 120%; font-weight: 700} #repeatnew .r7 dt span{color: #f88031} #repeatnew .r7 ul{font-size: 0; text-align: center; margin-top: 60px} #repeatnew .r7 ul li{display: inline-block; width: 333px; background: #fff; vertical-align: top; padding-bottom: 30px} #repeatnew .r7 ul li + li{margin-left: 50px} #repeatnew .r7 ul li dl{color: #f88031; font-size: 22px; justify-content:center; align-items:center; display: flex; height: 90px; margin-top: 30px; line-height: 130%; font-weight: 400} #repeatnew .r7 ul li dd{color: #6b6b6b; font-size: 15px; justify-content:center; align-items:center; display: flex; height: 70px; line-height: 130%} #repeatnew .r701 .slide-box{display: block;} #repeatnew .r701 .slide-box ul{display: block; width: 100%;} #repeatnew .r701 .slide-box ul li{display: block; width: 100%;} #repeatnew .r8 {background: #fff;padding: 90px 0;} #repeatnew .r8 > .inner > ul {margin-top: 80px;} #repeatnew .r8 > .inner > ul:after {content: '';clear: left;display: block;} #repeatnew .r8 > .inner > ul > li {float:left;width: 526px;} #repeatnew .r8 > .inner > ul > li:first-child {position: relative;margin-right: 49px; width: 525px} #repeatnew .r8 > .inner > ul > li:first-child:after {content:'';width: 100%;display: block;position: absolute;bottom: 0;background: #000;z-index: 8;height: 60px;opacity: 0.9;} #repeatnew .r8 > .inner > ul > li:first-child > img {width: 100%;} #repeatnew .r8 > .inner > ul > li:first-child > div {position: absolute;bottom: 0;line-height: 60px;color: #fff;z-index: 10;text-align: center;width: 100%;font-size: 20px;} #repeatnew .r8 > .inner > ul > li:first-child > div > strong {color: #f88031;} #repeatnew .r8 > .inner > ul > li:last-child {} #repeatnew .r8 > .inner > ul > li:last-child > ul {height: 100%;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li {height: 31.33333333%;margin-bottom: 2%;padding-left: 175px;font-size: 18px;color: #2e2e2e;position: relative; border: #cccccc 1px solid} #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(1) {background: url(../../_images/support/if-icon1.png) no-repeat left 60px center #fff;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(2) {background: url(../../_images/support/if-icon2.png) no-repeat left 50px center #fff;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(3) {background: url(../../_images/support/if-icon3.png) no-repeat left 60px center #fff;margin-bottom: 0;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li > div {position: absolute;top: 50%;transform: translateY(-50%);letter-spacing: -1px;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li > div > strong {display: block;color: #f88031;font-size: 22px;margin-top: 5px;} #repeatnew .r9 {background: url(../../_images/support/new_box10_bg.png) bottom left repeat-x;height: 419px;} #repeatnew .r9 .inner{padding-left: 116px} #repeatnew .r9 .inner > div {position: absolute;top: 282px;width: 100%;text-align: center;transform: translateY(-50%);font-size: 30px;color: #2e2e2e;font-weight: 700;line-height: 140%; padding-left: 547px; text-align: left} #repeatnew .r9 .inner > div > a {display: block;width: 330px;height: 71px;color: #fff;font-size: 26px;font-weight: 700;line-height: 71px;margin-top: 20px; border-radius: 5px; text-align: center; background: #f88031; } #repeatnew .r9 .inner .banner{height:40px; overflow: hidden;} #repeatnew .r9b {background:#f3f3f3;height: 419px;} #repeatnew .r9b .inner{padding-left: 116px} #repeatnew .r9b .inner > div {position: absolute;top: 282px;width: 100%;text-align: center;transform: translateY(-50%);font-size: 30px;color: #2e2e2e;font-weight: 700;line-height: 140%; padding-left: 547px; text-align: left} #repeatnew .r9b .inner > div > a {display: block;width: 330px;height: 71px;color: #fff;font-size: 26px;font-weight: 700;line-height: 71px;margin-top: 20px; border-radius: 5px; text-align: center; background: #f88031; } #repeatnew .r9b .inner .banner{height:40px; overflow: hidden;} #repeatnew .quick {position: absolute;top: 300px;right: 70px;padding: 10px;border-radius : 10px;} #repeatnew .quick > a {display: block;position: relative;} #repeatnew .quick > a > .photo {} #repeatnew .quick > a > .photo > img {} @media (max-width:1560px){ #repeatnew .quick {display: none;} } @media (max-width:767px){ #repeatnew .support-btn {display: inline-block;width: 100%;color: #fff;font-weight: 700;text-indent: 0;position: relative;z-index: 99999 !important;} #repeatnew .support-btn:after {} #repeatnew .support-btn.fixed {position: fixed;bottom: 10px;z-index: 99999;} #repeatnew {max-width: 100%;margin: auto;} #repeatnew .inner {height: 100%; padding: 0;} #repeatnew .center {text-align: center;} #repeatnew .title-box {} #repeatnew .title-box > strong {font-size: 20px;color: #2e2e2e;line-height: 130%;} #repeatnew .title-box > span {font-size: 12px;color: #494949;display: block;margin-top: 20px;line-height: 150%;font-weight: 400;} #repeatnew .r1 {background: none;height: auto; background-size: 100% auto; width: 100%; display: block; } #repeatnew .r1 img{display: block; width: 100%} #repeatnew .r1 div.box {position: absolute;right: 0px;top: 35%;transform: translateY(-50%);color: #0b1a36; margin-top: 40px; padding-left: 0%;left:45%; margin-left: 0px;} #repeatnew .r1 div.box > h4 {font-size: 10px;display: inline-block;line-height: 20px;} #repeatnew .r1 div.box > h3 {font-size: 30px;line-height: 120%;margin-top: 0px;} #repeatnew .r1 div.box > div.desc {margin-top: 10px;font-size: 13px;line-height: 140%;} #repeatnew .r1 div.box > a {display: inline-block;background: linear-gradient(to left, #f57c2b 25%, #fc873a) no-repeat;width: 80%;height: 32px;color: #fff;font-size: 13px;font-weight: 700;line-height: 32px;margin-top: 20px;text-indent: 25px;box-shadow: 0 0 5px -23px #ffb07b;position: relative;z-index: 9; border-radius: 5px} #repeatnew .r1 div.box > a:after {content:'';background: url(../../_images/support/arrow-half-white.png);width: 18px;height: 8px; background-size: 18px auto; position: absolute;z-index: 10;right: 30px;top: calc(50% - 5px);} #repeatnew .r2 {background: none;text-align: center;} #repeatnew .r2b { height: 450px; padding-top: 40px; background-size: auto 100% ; padding-right: 10px } #repeatnew .r2b dt{padding-left: 40%; font-size: 30px;} #repeatnew .r2b dl{padding-left: 40%; font-size: 13px; margin-bottom: 15px; margin-top: 5px} #repeatnew .r2b dd{padding-left: 40%; font-size: 12px;} #repeatnew .r3 {background: url(../../_images/support/new_box03_bgm.png) no-repeat top center;height: auto;font-size: 18px; padding-top: 50px; padding-bottom: 50px } #repeatnew .r3 ul li{ width: 43%; font-size: 12px; margin-top: 30px; line-height: 120%; margin: 30px 0% 0} #repeatnew .r3 ul li + li{margin-left: 0%} #repeatnew .r3 ul li img{padding-bottom: 12px; width: 80%; display: block; margin-left: 10%;} #repeatnew .r3 dl{font-size: 12px; margin-top: 30px;} #repeatnew .r3 dd{font-size: 11px; margin-top: 45px;} #repeatnew .r3 div.desc {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;} #repeatnew .r3b { height: 450px; padding-top: 40px; background-size: auto 100% ; padding-left: 10px } #repeatnew .r3b dt{ font-size: 30px;} #repeatnew .r3b dl{ font-size: 13px; margin-bottom: 15px; margin-top: 5px} #repeatnew .r3b dd{padding-right: 40%; font-size: 12px;} #repeatnew .r4 {background: url(../../_images/support/new_box04_bgm.png) no-repeat top center #e2e8fe;padding: 50px 0; height: auto; background-size: 100% auto} #repeatnew .r4 ul.desc1 { margin-bottom: 30px} #repeatnew .r4 ul.desc1 > li { font-size: 20px; } #repeatnew .r4 ul.desc2:after {display:block;content:'';clear:left;} #repeatnew .r4 ul.desc2 > li {float: left;width: 90%;margin-right: 5%;background: #fff;padding: 15px; margin-left: 5%; margin-bottom: 10px} #repeatnew .r4 ul.desc2 > li:last-child {margin-right:0;} #repeatnew .r4 ul.desc2 > li > span {font-size: 13px;} #repeatnew .r4 ul.desc2 > li > strong {font-size: 18px;} #repeatnew .r4 ul.desc2 > li > div {font-size: 12px;height: 80px;margin-top: 15px;} #repeatnew .r4 ul.desc2 > li > ul {} #repeatnew .r4 ul.desc2 > li > ul:after {display:block;clear:both;content:'';} #repeatnew .r4 ul.desc2 > li > ul > li {float: left;} #repeatnew .r4 ul.desc2 > li > ul > li > strong {font-size: 18px;} #repeatnew .r4 ul.desc2 > li > ul > li > span {font-size: 15px;color: #9f9f9f;display: block;margin-top: 5px;} #repeatnew .r4 ul.desc2 > li > ul > li:first-child {} #repeatnew .r4 ul.desc2 > li > ul > li:last-child {float: right;font-size: 30px;font-weight: 700;} #repeatnew .r50{ height: 110vh; width: 100%;} #repeatnew .r5{background:#e2e8fe; height: 140vh; padding: 60px 0px 60px 0; background-size: 100% auto; } #repeatnew .r5 dt{ font-size: 20px; padding-left: 20px; padding-right: 20px} #repeatnew .r5 dl{ font-size: 13px; margin: 5px 0 0vh; padding-left: 20px;} #repeatnew .r5 dd{font-family: 'OwnglyphMoogungChae'; font-size: 18px; padding-left: 20px; padding-right: 20px } #repeatnew .r5b{background: #f1faf5; height: 140vh; padding: 60px 0px 60px ; background-size: 100% auto} #repeatnew .r5b dt{ font-size: 20px; padding-left: 20px; padding-right: 20px} #repeatnew .r5b dl{ font-size: 13px; margin: 5px 0 0vh; padding-left: 20px; } #repeatnew .r5b dd{font-family: 'OwnglyphMoogungChae'; font-size: 18px; padding-left: 20px;padding-right: 20px} #repeatnew .r5c{background: #ffeff2; height: 140vh; padding: 60px 0px 60px 0; background-size: 100% auto} #repeatnew .r5a{background:#e2e8fe; height: 110vh; padding: 60px 0px 60px 0; background-size: 100% auto;} #repeatnew .r5a dt{font-size: 20px; padding-left: 20px; padding-right: 20px} #repeatnew .r5a dl{font-size: 13px; margin: 5px 0 0vh; padding-left: 20px;} #repeatnew .r5a dd{ font-size: 12px; padding-left: 20px; padding-right: 20px} #repeatnew .r5ba{background: #f1faf5; height: 110vh; padding: 60px 0px 60px ; background-size: 100% auto } #repeatnew .r5ba dt{font-size: 20px; padding-left: 20px; padding-right: 20px} #repeatnew .r5ba dl{font-size: 13px; margin: 5px 0 0vh; padding-left: 20px; } #repeatnew .r5ba dd{ color: #333333; font-size: 12px; padding-left: 20px;padding-right: 20px} #repeatnew .r5ca{background: #ffeff2; height: 110vh; padding: 60px 0px 60px 0; background-size: 100% auto } #repeatnew .slick-slider {position: relative; position: absolute; z-index: 9999; } #repeatnew .slick-slider .slick-dots { z-index: 9999;text-align: center !important; position: absolute;bottom: 30px; left: 50%;margin-left: -60px;} #repeatnew .slick-slider .slick-dots li {width: 30px !important;height: 4px !important;margin: 0 5px !important;padding: 0 !important;background: #fff !important;text-indent: -50px;overflow: hidden;display: inline-block; float: left;} #repeatnew .slick-slider .slick-dots li.slick-active {background-color: #ff4e00 !important;} #repeatnew .r6 {padding: 50px 0;} #repeatnew .r6 ul {width: 90%;margin: 50px auto 0 auto;} #repeatnew .r6 ul > li {float: left;width: 100%; text-align: left; position: relative; margin-bottom: 20px} #repeatnew .r6 ul > li > .circle {width: 100px;height: 100px;border-radius: 100px; position: absolute;left:0} #repeatnew .r6 ul > li > .box > strong {font-size: 16px;line-height: 30px;width: 100%;display: block;text-align: left; padding-left: 35%; padding-top: 10px} #repeatnew .r6 ul > li > .box > span {font-size: 12px;line-height: 140%;font-weight: 300;text-align: left; padding-left: 35%; padding-bottom: 20px} #repeatnew .r6 ul > li:nth-child(1) > .circle {background: url(../../_images/support/use-icon1.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(2) > .circle {background: url(../../_images/support/use-icon2.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(3) > .circle {background: url(../../_images/support/use-icon3.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(4) > .circle {background: url(../../_images/support/use-icon4.png) no-repeat center center #fff6ee;} #repeatnew .r6 ul > li:nth-child(5) > .circle {background: url(../../_images/support/use-icon5.png) no-repeat center center #fff6ee;} #repeatnew .r701{background: #f3f3f3; padding: 0 5% 550px;} #repeatnew .r7{ padding: 50px 0 50px; } #repeatnew .r7 dt{ font-size: 20px; } #repeatnew .r7 ul{font-size: 0; text-align: left; margin-top: 60px; background: none } #repeatnew .r7 ul li{display:block; width: 100%; text-align: center; padding-bottom: 30px; margin-left: 0%; } #repeatnew .r7 ul li + li{margin-left: 0;; margin-top: 0px} #repeatnew .r701 .r7 ul li img{width: 100%;} #repeatnew .r7 ul li dl{color: #f88031; font-size: 22px; justify-content:center; align-items:center; display: flex; height: 90px; margin-top: 30px; line-height: 130%; font-weight: 400} #repeatnew .r7 ul li dd{color: #6b6b6b; font-size: 15px; justify-content:center; align-items:center; display: flex; height: 70px; line-height: 130%} #repeatnew .r701 .slick-slider .slick-dots {bottom: -30px; } #repeatnew .r8 {background: #fff;padding: 50px 0;} #repeatnew .r8 > .inner > ul {margin-top: 40px; padding: 0 5%} #repeatnew .r8 > .inner > ul:after {content: '';clear: left;display: block;} #repeatnew .r8 > .inner > ul > li {float:left;width: 100%;} #repeatnew .r8 > .inner > ul > li:first-child {position: relative;margin-right: 0px; width: 100%; margin-bottom: 30px} #repeatnew .r8 > .inner > ul > li:first-child:after {content:'';width: 100%;display: block;position: absolute;bottom: 0;background: #000;z-index: 8;height: 60px;opacity: 0.9;} #repeatnew .r8 > .inner > ul > li:first-child > img {width: 100%;} #repeatnew .r8 > .inner > ul > li:first-child > div {position: absolute;bottom: 0;line-height: 60px;color: #fff;z-index: 10;text-align: center;width: 100%;font-size: 20px;} #repeatnew .r8 > .inner > ul > li:first-child > div > strong {color: #f88031;} #repeatnew .r8 > .inner > ul > li:last-child {} #repeatnew .r8 > .inner > ul > li:last-child > ul {height: 100%;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li {height: 17vh;margin-bottom: 2%;padding-left: 120px;font-size: 18px;color: #2e2e2e;position: relative; border: #cccccc 1px solid; padding-top:20px; } #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(1) {background: url(../../_images/support/if-icon1.png) no-repeat left 30px center #fff; background-size: auto 70px} #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(2) {background: url(../../_images/support/if-icon2.png) no-repeat left 20px center #fff;background-size: auto 60px} #repeatnew .r8 > .inner > ul > li:last-child > ul > li:nth-child(3) {background: url(../../_images/support/if-icon3.png) no-repeat left 30px center #fff;margin-bottom: 0;background-size: auto 70px} #repeatnew .r8 > .inner > ul > li:last-child > ul > li > div {position: absolute;top: 50%;transform: translateY(-50%);letter-spacing: -1px;} #repeatnew .r8 > .inner > ul > li:last-child > ul > li > div > strong {display: block;color: #f88031;font-size: 22px;margin-top: 5px;} #repeatnew .r9 {background: url(../../_images/support/new_box10_bg.png) bottom left repeat-x;height: auto; background-size: auto 25vh} #repeatnew .r9 .inner{padding-left: 20px} #repeatnew .r9 .inner img{ width: 30%} #repeatnew .r9 .inner > div {position: absolute;top: 11vh;width: 100%;text-align: center;transform: translateY(-50%);font-size: 15px;color: #2e2e2e;font-weight: 700;line-height: 140%; padding-left: 30%; text-align: left} #repeatnew .r9 .inner > div > a {display: block;width: 100px;height: 31px;font-size: 12px;font-weight: 700;line-height: 31px;margin-top: 10px; border-radius: 5px; text-align: center} #repeatnew .r9 .inner .banner{height:20px; overflow: hidden;} #repeatnew .r9b {background: #f3f3f3;height: auto; background-size: auto 25vh} #repeatnew .r9b .inner{padding-left: 20px} #repeatnew .r9b .inner img{ width: 30%} #repeatnew .r9b .inner > div {position: absolute;top: 11vh;width: 100%;text-align: center;transform: translateY(-50%);font-size: 15px;color: #2e2e2e;font-weight: 700;line-height: 140%; padding-left: 30%; text-align: left} #repeatnew .r9b .inner > div > a {display: block;width: 100px;height: 31px;font-size: 12px;font-weight: 700;line-height: 31px;margin-top: 10px; border-radius: 5px; text-align: center} #repeatnew .r9b .inner .banner{height:20px; overflow: hidden;} #repeatnew .quick {position: absolute;top: 300px;right: 70px;padding: 10px;border-radius : 10px;} #repeatnew .quick > a {display: block;position: relative;} #repeatnew .quick > a > .photo {position: absolute; top:0; margin-top: -21px} #repeatnew .quick > a > .photo > img {} #repeatnew .quick > a > .title {font-size: 20px;color: #fffdc4;text-align: center;padding: 15px 0;line-height: 140%;font-weight: 400;} #repeatnew .quick > a > .title > strong {display: block;color: #fff;font-weight: 500;} } /* 291 */ #support-selfstandnew .support-btn {display: none;} #support-selfstandnew {max-width: 1920px;margin: auto;position: relative;} #support-selfstandnew .inner {max-width:1200px;margin:auto;} #support-selfstandnew .quick {position: absolute;top: 300px;right: 70px;width: 138px;height: 138px;} #support-selfstandnew .quick a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; background: url(../../_images/support-selfstand/young-quick_new.png); } #support-selfstandnew .section1 { background: url(../../_images/support-selfstand/new_box01_bg.png) center center; height: 860px; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section1 .txt-box { text-align: center; margin: auto; padding: 84px 0 0 0; } #support-selfstandnew .section1 .txt-box .tex1 { width: 400px; height: 44px; margin: auto; line-height: 44px; color: #fff; font-size: 20px; background: #436280; border-radius: 22px; letter-spacing: -0.03em; } #support-selfstandnew .section1 .txt-box .tex2 { font-size: 120px; color: #595877; font-weight: 900; letter-spacing: -0.05em; padding: 20px 0 35px 0; } #support-selfstandnew .section1 .txt-box .tex3 { font-size: 26px; color: #000; font-weight: 400; letter-spacing: -0.05em; } #support-selfstandnew .section1 .button { margin-top: 50px; text-align: center; } #support-selfstandnew .section1 .button a { width: 330px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; font-weight: 700; color: #fff; background: linear-gradient(to right, #fd893d, #f47a29); text-align: left; padding: 0 30px; border-radius: 16px; box-shadow: 5px 5px 5px rgb(246 126 46 / 30%); position: relative; } #support-selfstandnew .section1 .button a:after {content:'';display:block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-white.png);position: absolute;right: 30px;top: 30px;} #support-selfstandnew .section1b{background: url(../../_images/support-selfstand/new_box02_bg.png) top center no-repeat; height: 451px; font-size:37px; color: #000; padding-top: 130px; text-align: center; line-height: 130%; font-weight: 700} #support-selfstandnew .section1b span{color: #f88031} #support-selfstandnew .section1b dd{font-size: 20px; text-align: center; margin-top: 5px; font-weight: 300} #support-selfstandnew .section2 { background: url(../../_images/support-selfstand/new_box03_bg.png); height: 862px; padding: 110px 0 0; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section2 .inner > .txt-box { text-align: center; } #support-selfstandnew .section2 .inner > .txt-box > .tex1 { color: #000; font-size: 47px; font-weight: 700; margin-bottom: 83px; } #support-selfstandnew .section2 .inner > .txt-box > .tex2 { font-size: 24px; color: #2e2e2e; font-weight: 300; line-height: 140%; padding: 40px 0 50px 0; letter-spacing: -0.05em; } #support-selfstandnew .section2 .inner > .txt-box > .tex2 span {display: block;font-size: 20px;} #support-selfstandnew .section2 .slide-box2 {max-width:1200px; display: none;} #support-selfstandnew .section2 .slide-box2 > ul {display:block;} #support-selfstandnew .section2 .slide-box2 > ul li { display: inline-block; width: 325px; box-shadow: 3px 3px 3px #cfc7c7; height: 320px; background-position: bottom center; background-repeat: no-repeat; padding: 125px 45px 0; margin: 0; } #support-selfstandnew .section2 .slide-box2 > ul li + li{margin-left: 55px} #support-selfstandnew .section2 .slide-box2 > ul li:nth-child(1n+0) { background-image: url(../../_images/support-selfstand/new_box03_img01.png); } #support-selfstandnew .section2 .slide-box2 > ul li:nth-child(2n+0) { background-image: url(../../_images/support-selfstand/new_box03_img02.png); } #support-selfstandnew .section2 .slide-box2 > ul li:nth-child(3n+0) { background-image: url(../../_images/support-selfstand/new_box03_img03.png); } #support-selfstandnew .section2 .slide-box2 > ul li .txt-box {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex1 { font-size: 22px; min-height: 40px; background:#f87f2f; color: #fff; height: 40px; line-height: 40px; } #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex2 { font-size: 17px; color: #000; font-weight: 900; line-height: 160%; margin-top: 10px; } #support-selfstandnew .section2 .slide-box3 {max-width:1200px;} #support-selfstandnew .section2 .slide-box3 > ul {display:block;} #support-selfstandnew .section2 .slide-box3 > ul li { display: inline-block; width: 325px; box-shadow: 3px 3px 3px #cfc7c7; height: 320px; background-position: bottom center; background-repeat: no-repeat; padding: 125px 45px 0; margin: 0; } #support-selfstandnew .section2 .slide-box3 > ul li + li{margin-left: 55px} #support-selfstandnew .section2 .slide-box3 > ul li:nth-child(1n+0) { background-image: url(../../_images/support-selfstand/new_box03_img01.png); } #support-selfstandnew .section2 .slide-box3 > ul li:nth-child(2n+0) { background-image: url(../../_images/support-selfstand/new_box03_img02.png); } #support-selfstandnew .section2 .slide-box3 > ul li:nth-child(3n+0) { background-image: url(../../_images/support-selfstand/new_box03_img03.png); } #support-selfstandnew .section2 .slide-box3 > ul li .txt-box {} #support-selfstandnew .section2 .slide-box3 > ul li .txt-box .tex1 { font-size: 22px; min-height: 40px; background:#f87f2f; color: #fff; height: 40px; line-height: 40px; } #support-selfstandnew .section2 .slide-box3 > ul li .txt-box .tex2 { font-size: 17px; color: #000; font-weight: 900; line-height: 160%; margin-top: 10px; } #support-selfstandnew .section2 .slide-desc { font-size: 20px; padding-top: 30px; font-weight: 300; color: #2e2e2e; } #support-selfstandnew .section2 .desc { font-size: 24px; line-height: 160%; margin-top: 70px; font-weight: 700; letter-spacing: -0.05em; } #support-selfstandnew .section2b{background: url(../../_images/support-selfstand/new_box04_bg.png) top center no-repeat; height: 824px; font-size:23px; padding-top: 286px; text-align: left; line-height: 130%; color: #fff} #support-selfstandnew .section2b dd{margin-top: 35px} #support-selfstandnew .section2b dt{font-size: 47px; font-weight: 700; margin-bottom: 40px} #support-selfstandnew .section2c{background: url(../../_images/support-selfstand/new_box05_bg.png) top center no-repeat; height: 824px; font-size:23px; padding-top: 286px; text-align: right; line-height: 130%; color: #fff} #support-selfstandnew .section2c dd{margin-top: 35px} #support-selfstandnew .section2c dt{font-size: 47px; font-weight: 700; margin-bottom: 40px} #support-selfstandnew .section2d{background: url(../../_images/support-selfstand/new_box06_bg.png) top center no-repeat; height: 1231px; font-size:24px; padding-top: 140px; text-align: center; line-height: 140%; color: #fff} #support-selfstandnew .section2d dd{background: #f87f2f; border-radius: 30px; padding: 30px 0; letter-spacing:-0.08em;} #support-selfstandnew .section2d dd span{color: #000; font-weight: 700} #support-selfstandnew .section2d dt{font-size: 47px; font-weight: 700; margin-bottom: 786px; color: #000} #support-selfstandnew .section2e{background: #1e2038; height: 828px; font-size:20px; padding-top: 125px; text-align: center; line-height: 140%; color: #fff; display: block; } #support-selfstandnew .section2e dt{font-size: 47px; font-weight: 700; line-height: 130%; letter-spacing:-0.04em; margin-bottom: 10px} #support-selfstandnew .section2e .slide-box{display: none} #support-selfstandnew .section2e ul {margin-top: 40px; text-align: center} #support-selfstandnew .section2e ul li{display: inline-block; width: 333px; height: 334px; background: #fff; padding-top: 50px; vertical-align: top} #support-selfstandnew .section2e ul li + li{margin-left: 45px} #support-selfstandnew .section2e ul li dl{font-size: 25px; color: #000; height: 105px; width: 100%;} #support-selfstandnew .section2e ul li dl span{color: #f87f2f;} #support-selfstandnew .section2e ul li dd{font-size: 20px; color: #818a92; height: 110px; display: flex; justify-content:center; align-items:center; margin-top: 20px} #support-selfstandnew .section2e .mt2{padding-top: 15px} #support-selfstandnew .section2f{background: url(../../_images/support-selfstand/new_box11_bg.png) top center no-repeat; height: 777px; font-size:47px; padding-top: 95px; text-align: center; line-height: 140%; color: #000; font-weight: 700} #support-selfstandnew .section2f ul { margin-top: 125px} #support-selfstandnew .section2f ul li{display: inline-block; vertical-align: top; background: #f4f5f7; border-radius: 10px; box-shadow: 3px 5px 5px #c2c3c5; text-align: center; width: 186px; height: 207px; padding-top: 40px} #support-selfstandnew .section2f ul li dd{height: 50px; display: flex; justify-content:center; align-items:center; color: #646464; font-size: 20px; line-height: 120%; margin-top: 10px; font-weight: 400} #support-selfstandnew .section2f ul li + li{margin-left: 20px} #support-selfstandnew .section3 { background: #f88031; text-align: center; padding: 65px 0; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section3 .tex1 { font-size: 60px; color: #fff; font-weight: 700; letter-spacing: -0.08em; } #support-selfstandnew .section3 .tex2 { font-size: 18px; color: #fff; font-weight:100; } #support-selfstandnew .section3 .button { margin: 40px 0; } #support-selfstandnew .section3 .button a { width: 450px; height: 72px; background: #fff; display: inline-block; line-height: 72px; color: #3f3f3f; font-size: 26px; text-align: left; padding: 0 30px; font-weight: 700; border-radius: 16px; position: relative; } #support-selfstandnew .section3 .button a:after { content: ''; display: block; width: 24px; height: 10px; background: url(../../_images/support-selfstand/young-arrow-gray.png); position: absolute; right: 30px; top: 30px; } #support-selfstandnew .section3 .button a strong { color: #f88031; } #support-selfstandnew .section4 { background: url(../../_images/support-selfstand/young-section4-back.jpg) center center; height: 650px; padding: 120px 0; } #support-selfstandnew .section4 .txt-box { -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section4 .txt-box .tex1 { font-size: 45px; color: #525252; font-weight: 700; line-height: 120%; letter-spacing: -0.05em; } #support-selfstandnew .section4 .txt-box .tex1 strong { color: #ff7e00; font-weight: 700; } #support-selfstandnew .section4 .txt-box .tex2 { font-size: 20px; color: #646464; line-height: 150%; font-weight: 400; letter-spacing: -0.05em; padding-top: 30px; } #support-selfstandnew .section4 .txt-box .tex3 {font-size: 22px;padding-top: 25px;line-height: 135%;text-align:right;font-weight: 600;color: #525252;letter-spacing: -0.1em;} #support-selfstandnew .section5 { background: url(../../_images/support-selfstand/young-section5-back.jpg) center center; height: 650px; padding: 120px 0; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section5 .txt-box { text-align: left; position: relative; } #support-selfstandnew .section5 .txt-box .tex1 { font-size: 45px; color: #525252; font-weight: 700; line-height: 120%; width: 475px; right: 0; margin-left: calc(100% - 475px); } #support-selfstandnew .section5 .txt-box .tex1 strong { color: #ff7e00; font-weight: 700; } #support-selfstandnew .section5 .txt-box .tex2 { font-size: 20px; color: #646464; line-height: 150%; font-weight: 400; letter-spacing: -0.05em; padding-top: 30px; width: 475px; right: 0; margin-left: calc(100% - 475px); } #support-selfstandnew .section5 .txt-box .tex3 { font-size: 22px; color: #525252; padding-top: 30px; width: 475px; right: 0; font-weight: 600; margin-left: calc(100% - 475px); letter-spacing: -0.1em; } #support-selfstandnew .section6 { background: url(../../_images/support-selfstand/young-section6-back.jpg) center center; height: 860px; padding: 150px 0; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section6 .slide-box { } #support-selfstandnew .section6 .slide-box > ul {margin-left: -3%;} #support-selfstandnew .section6 .slide-box > ul:after {clear:left;display:block;content:'';} #support-selfstandnew .section6 .slide-box > ul li { width: 30.3%; margin-left: 3%; float: left; background: rgb(255,255,255,0.8); padding: 170px 0 45px 0; text-align: center; position: relative; margin-top: 60px; } #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(1n+0):before {content:'';display:block;width: 189px;height: 184px;position: absolute;background: url(../../_images/support-selfstand/young-person1.png) center center;top: -60px;left: 12%;} #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(2n+0):before {content: '';display: block;width: 126px;height: 190px;position: absolute;background: url(../../_images/support-selfstand/young-person2.png) center center;top: -60px;left: 31%;} #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(3n+0):before {content:'';display:block;width: 123px;height: 180px;position: absolute;background: url(../../_images/support-selfstand/young-person3.png) center center;top: -56px;left: 31%;} #support-selfstandnew .section6 .slide-box > ul li .tex1 { font-size: 18px; color: #2e2e2e; line-height: 160%; letter-spacing: -0.05em; } #support-selfstandnew .section6 .slide-box > ul li .tex2 { font-size: 22px; margin-top: 20px; color: #ff7e00; } #support-selfstandnew .section6 .desc { text-align: center; font-size: 47px; color: #000; font-weight: 700; line-height: 130%; margin: 0px auto 30px; } #support-selfstandnew .section6 .button { text-align: center; } #support-selfstandnew .section6 .button a { width: 330px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; font-weight: 700; color: #fff; background: linear-gradient(to right, #fd893d, #f47a29); text-align: left; padding: 0 30px; border-radius: 16px; box-shadow: 5px 5px 5px rgb(246 126 46 / 30%); position: relative; } #support-selfstandnew .section6 .button a:after {content:'';display:block;width: 24px;height: 10px;background: url(../../_images/support-selfstand/young-arrow-white.png);position: absolute;right: 30px;top: 30px;} #support-selfstandnew .section7 { height: 609px; padding: 100px 0; text-align: center; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section7 .tex1 { font-size: 40px; color: #3f3f3f; font-weight: 700; line-height: 120%; } #support-selfstandnew .section7 .button { margin: 80px 0 40px 0; } #support-selfstandnew .section7 .button ul { margin-left: -3%; } #support-selfstandnew .section7 .button ul:after {clear:left;content:'';display:block;} #support-selfstandnew .section7 .button ul li { float: left; width: 30.3%; margin-left: 3%; } #support-selfstandnew .section7 .button ul li a { font-size: 26px; color: #2e2e2e; background: #efefef; display: block; width: 100%; padding: 27px 0 47px 0; font-weight: 500; position: relative; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #support-selfstandnew .section7 .button ul li a:after { content: ''; display: block; width: 24px; height: 10px; background: url(../../_images/support-selfstand/young-arrow-orange.png); position: absolute; left: calc(50% - 12px); bottom: 20px; } /* #support-selfstandnew .section7 .button ul li a:hover { color: #fff; background: #f78030; } #support-selfstandnew .section7 .button ul li a:hover:after { background: url(../../_images/support-selfstand/young-arrow-white.png); }*/ #support-selfstandnew .section7 .tex2 { font-size: 24px; color: #2e2e2e; font-weight: 300; line-height: 150%; letter-spacing: -0.05em; } @media (max-width:1560px){ #support-selfstandnew .quick {display: none;} } @media (max-width:767px){ /* 291 */ #support-selfstandnew .support-btn {display: inline-block;width: 100%;color: #fff;font-weight: 700;text-indent: 0;position: relative;z-index: 99999 !important;} #support-selfstandnew .support-btn:after {} #support-selfstandnew .support-btn.fixed {position: fixed;bottom: 10px;z-index: 99999;} #support-selfstandnew {} #support-selfstandnew .inner {} #support-selfstandnew .quick {} #support-selfstandnew .quick a {} #support-selfstandnew .section1 {background: none; background-size: 100% ; height: auto; position: relative} #support-selfstandnew .section1 .txt-box {padding-top: 30px; position: absolute; width: 90%; } #support-selfstandnew .section1 .txt-box .tex1 {font-size: 12px;height: 22px;line-height: 22px;width: 70%;} #support-selfstandnew .section1 .txt-box .tex2 {font-size: 40px;padding: 15px 0; font-weight: 700} #support-selfstandnew .section1 .txt-box .tex3 {font-size: 13px;line-height: 130%;} #support-selfstandnew .section1 .button {margin-top: 20px;} #support-selfstandnew .section1 .button a {width: 200px;height: 50px;line-height: 50px;padding: 0 20px;} #support-selfstandnew .section1 .button a:after {top: 20px;right: 20px;} #support-selfstandnew .section1 img{width: 100%;} #support-selfstandnew .section1b{background: url(../../_images/support-selfstand/new_box02_bg.png) top center no-repeat; height: auto; font-size:18px; padding-top: 60px; padding-bottom: 60px } #support-selfstandnew .section1b dd{font-size: 12px; line-height: 120%;} #support-selfstandnew .section2 {height: auto;padding: 60px 0 30px;} #support-selfstandnew .section2 .inner > .txt-box {} #support-selfstandnew .section2 .inner > .txt-box > .tex1 {font-size: 30px; margin-bottom: 30px} #support-selfstandnew .section2 .inner > .txt-box > .tex2 {padding: 15px 0 20px 0;} #support-selfstandnew .section2 .inner > .txt-box > .tex2 span {} #support-selfstandnew .section2 .slide-box3{display: none} #support-selfstandnew .section2 .slide-box2 {margin-bottom: 15px; display: block} #support-selfstandnew .section2 .slide-box2 > ul {margin-left: 0;} #support-selfstandnew .section2 .slide-box2 > ul:after {} #support-selfstandnew .section2 .slide-box2 > ul li {margin: 0 0% 0 0%;background-size: 100% ; padding: 125px 45px 0;} #support-selfstandnew .section2 .slide-box2 > ul li + li{margin-left: 0px} #support-selfstandnew .section2 .slide-box2 ul li:nth-child(1n+0) {} #support-selfstandnew .section2 .slide-box2 ul li:nth-child(2n+0) {} #support-selfstandnew .section2 .slide-box2 ul li:nth-child(3n+0) {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex1 {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex2 {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex3 {} #support-selfstandnew .section2 .slide-box2 > ul li .txt-box .tex3 strong {} #support-selfstandnew .section2 .slide-desc {padding-top: 38px;line-height: 120%;font-size: 12px} #support-selfstandnew .section2 .desc {font-size: 16px;margin-top: 20px;line-height: 130%;} #support-selfstandnew .section2b{background: url(../../_images/support-selfstand/new_box04_bgm.png) top right no-repeat; height: 52vh; background-size: 100% 100%; font-size:12px; padding-top: 50px; text-align: left; line-height: 130%; color: #fff} #support-selfstandnew .section2b dd{margin-top: 35px} #support-selfstandnew .section2b dt{font-size: 23px; font-weight: 700; margin-bottom: 40px} #support-selfstandnew .section2c{background: url(../../_images/support-selfstand/new_box05_bgm.png) top center no-repeat; height: 52vh; background-size: 100% 100%; font-size:12px; padding-top: 50px; text-align: right; line-height: 130%; color: #fff} #support-selfstandnew .section2c dd{margin-top: 35px} #support-selfstandnew .section2c dt{font-size: 23px; font-weight: 700; margin-bottom: 40px} #support-selfstandnew .section2d{background: url(../../_images/support-selfstand/new_box06_bgm.png) bottom center no-repeat #cdd2d7; height:auto; background-size: 100% auto; font-size:12px; padding-top: 50px; text-align: center; line-height: 140%; color: #fff; padding-bottom: 50px} #support-selfstandnew .section2d dd{background: #f87f2f; border-radius: 10px; padding: 10px 10px; letter-spacing:-0.08em; margin-top: 30px } #support-selfstandnew .section2d dd span{color: #000; font-weight: 700} #support-selfstandnew .section2d dt{font-size: 23px; font-weight: 700; margin-bottom: 2vh; color: #000; line-height: 120%;} #support-selfstandnew .section2e{ height: auto; font-size:13px; padding-top: 60px; padding-bottom: 60px} #support-selfstandnew .section2e dt{font-size: 20px; font-weight: 700; line-height: 130%; letter-spacing:-0.08em; margin-bottom: 10px} #support-selfstandnew .section2e ul{display: none} #support-selfstandnew .section2e .slide-box{padding: 0; margin: 0; display: block} #support-selfstandnew .section2e .slide-box ul {margin-top: 40px; text-align: center; display: block} #support-selfstandnew .section2e .slide-box ul li{display: inline-block; width: 100%; height: auto; background: #fff; padding-top: 30px; padding-bottom: 20px; vertical-align: top} #support-selfstandnew .section2e .slide-box ul li + li{margin-left: 0px} #support-selfstandnew .section2e .slide-box ul li dl{font-size: 20px; color: #000; height: 80px; width: 100%; line-height: 120%; display: block} #support-selfstandnew .section2e .slide-box ul li dl span{color: #f87f2f;} #support-selfstandnew .section2e .slide-box ul li dd{font-size: 12px; color: #818a92; height: 80px; display: flex; justify-content:center; align-items:center; margin-top: 0px; line-height: 120%; } #support-selfstandnew .section2f{background: url(../../_images/support-selfstand/new_box11_bgm.png) top left no-repeat; background-size: 100% 100%; height: auto; font-size:23px; padding-top: 35px; padding-bottom: 20px } #support-selfstandnew .section2f ul { margin-top: 30px} #support-selfstandnew .section2f ul li{ box-shadow: 3px 5px 5px #c2c3c5; width: 29.5%; height: 18vh; padding-top: 20px; margin: 0 1% 20px} #support-selfstandnew .section2f ul li img{width: 50%} #support-selfstandnew .section2f ul li dd{height: 30px; font-size: 11px; margin-top: 10px;} #support-selfstandnew .section2f ul li + li{margin-left: 2%} #support-selfstandnew .section3 {padding: 30px 0;} #support-selfstandnew .section3 .tex1 {font-size: 30px;} #support-selfstandnew .section3 .tex2 {font-size: 14px;line-height: 140%;} #support-selfstandnew .section3 .button {margin: 20px 0;} #support-selfstandnew .section3 .button a {font-size: 20px;width: 100%;height: 70px;line-height: 50px;text-align: center; padding: 0} #support-selfstandnew .section3 .button a:after {bottom: 15px;top: auto;left: calc(50% - 12px);} #support-selfstandnew .section3 .button a strong {} #support-selfstandnew .section4 {height: 592px;background-size: 879px;background-repeat: no-repeat;background-position: bottom left calc(50% - 124px);background-color: #eef9f3;padding: 30px 0;} #support-selfstandnew .section4 .txt-box {} #support-selfstandnew .section4 .txt-box .tex1 {font-size: 25px;} #support-selfstandnew .section4 .txt-box .tex1 strong {} #support-selfstandnew .section4 .txt-box .tex2 {font-size: 13px;padding-top: 15px;} #support-selfstandnew .section4 .txt-box .tex3 {position: relative; font-size: 13px; text-align: left; margin-top: -15px} #support-selfstandnew .section5 {height: 563px;background-size: 882px;background-repeat: no-repeat;background-position: bottom -6px left calc(50% + 178px);background-color: #f1f0f8;padding: 30px 0;} #support-selfstandnew .section5 .txt-box {} #support-selfstandnew .section5 .txt-box .tex1 {width: 100%;margin-left: 0;font-size: 25px;} #support-selfstandnew .section5 .txt-box .tex1 strong {} #support-selfstandnew .section5 .txt-box .tex2 {width: 100%;margin-left: 0;font-size: 13px;} #support-selfstandnew .section5 .txt-box .tex3 {margin-left: 0;width: 100%; font-size: 13px; margin-top: -15px} #support-selfstandnew .section6 {height: auto; background-size: auto 100% !important; background: url(../../_images/support-selfstand/young-section6-backm.png) top center no-repeat; padding: 10px 0 100px;} #support-selfstandnew .section6 .slide-box {} #support-selfstandnew .section6 .slide-box > ul {margin-left: 0;} #support-selfstandnew .section6 .slide-box > ul:after {} #support-selfstandnew .section6 .slide-box > ul li {margin: 46px 0.5% 0 0.5%; } #support-selfstandnew .section6 .slide-box > ul.slick-slider li.ani:before {} #support-selfstandnew .section6 .slide-box > ul.slick-slider li.bal:before { background-image: url(../../_images/support-selfstand/young-person3.png) !important; width: 44% !important; left: 26% !important; top: -21% !important; background-size: 95px !important; } #support-selfstandnew .section6 .slide-box > ul.slick-slider li.cop:before { background-image: url(../../_images/support-selfstand/young-person1.png) !important; width: 66% !important; left: 11% !important; top: -23% !important; background-size: 143px !important; } #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(1n+0):before {content:'';display:block;width: 50%;height:200px;position: absolute;background: url(../../_images/support-selfstand/young-person1.png) center bottom no-repeat ;top: -60px;left: 12%;} #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(2n+0):before {content: '';display: block;width: 50%;height: 200px;position: absolute;background: url(../../_images/support-selfstand/young-person2.png) center bottom no-repeat; background-size: auto 85%; top: -60px;left: 25%;} #support-selfstandnew .section6 .slide-box > ul.sl li.slick-slide:nth-child(3n+0):before {content:'';display:block;width: 50%;height: 200px;position: absolute;background: url(../../_images/support-selfstand/young-person3.png) center bottom no-repeat;top: -56px;left: 31%;} #support-selfstandnew .section6 .slide-box > ul li .tex1 { margin-top: -20px; } #support-selfstandnew .section6 .slide-box > ul li .tex2 {} #support-selfstandnew .section6 .desc {font-size: 23px;margin-top: 50px;margin-bottom: 20px;} #support-selfstandnew .section6 .button {} #support-selfstandnew .section6 .button a {font-size: 20px;width: 200px;height: 50px;line-height: 50px;padding: 0 20px;} #support-selfstandnew .section6 .button a:after {top: 20px;right: 20px;} #support-selfstandnew .section7 { height: auto; padding: 50px 0;} #support-selfstandnew .section7 .tex1 {font-size: 25px;} #support-selfstandnew .section7 .button {margin: 40px 0 20px 0;} #support-selfstandnew .section7 .button ul {margin-top: -10px;margin-left: 0;} #support-selfstandnew .section7 .button ul:after {} #support-selfstandnew .section7 .button ul li {float: none;width: 100%;margin-top: 10px;margin-left: 0;} #support-selfstandnew .section7 .button ul li a {font-size: 18px;padding: 20px 0 37px 0;} #support-selfstandnew .section7 .button ul li a:after {} #support-selfstandnew .section7 .button ul li a:hover {} #support-selfstandnew .section7 .button ul li a:hover:after {} #support-selfstandnew .section7 .tex2 {font-size: 13px;} } #support-selfstandnew .slick-slider { position: relative; } #support-selfstandnew .slick-slider .slick-dots { text-align: center; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); } #support-selfstandnew .slick-slider .slick-dots li { width: 30px !important; height: 4px !important; margin: 0 5px !important; padding: 0 !important; background: #fff !important; text-indent: -50px; overflow: hidden; display: inline-block; } #support-selfstandnew .slick-slider .slick-dots li.slick-active { background-color: #ff4e00 !important; } /* 260 */ #support-sharestore * { font-family: "Pretendard Variable" !important; } #support-sharestore .slick-slide {margin: 0 2px;} #support-sharestore { max-width: 1920px; margin: auto; position: relative; } #support-sharestore .vmid {position:absolute;top:50%;transform:translateY(-50%);} .sharestore-top { background: url(../../_images/sharestore-top.jpg) no-repeat; height: 270px; position: relative; } .sharestore-top .t { font-size: 40px; color: #d91212; font-weight: 900; letter-spacing: -0.05em; } .sharestore-top .c { font-size: 21px; font-weight: 500; letter-spacing: -0.05em; margin-top: 20px; line-height: 160%; } .sub_cont_wrap .inner .cont_box.sharestore { border-top: 0; margin-top: 50px; } .sharestore .btn-wrap {} .btn-inc .btn-wrap a { background: url(../../_images/sharestore-button-arrow.png) no-repeat #e53838 center right 30px; color: #fff; font-size: 26px; font-weight: 700; padding: 22px 85px 22px 30px; display: inline-block; } .sharestore .share-title { font-size: 40px; color: #d91212; font-weight: 900; letter-spacing: -0.05em; margin-bottom: 50px; } .sharestore .share-title.ab {position:absolute;z-index: 2;} .sharestore .share-cont {} .sharestore .process {} .sharestore .process ul { display: flex; margin-left: -50px; } .sharestore .process ul li { background-color: #f8f8f8; margin-left: 50px; width: 25%; text-align: center; padding-top: 120px; padding-bottom: 30px; font-size: 18px; font-weight: 500; background-repeat: no-repeat; background-position: top 32px center; position: relative; } .sharestore .process ul li:after {content:'';display:block;width: 20px;height: 18px;background: url(../../_images/sharestore-process-arrow.png);position: absolute;right: -35px;top: 50%;transform: translateY(-50%);} .sharestore .process ul li:last-child:after {display:none;} .sharestore .process ul li:nth-child(1) { background-image: url(../../_images/sharestore-process1.png); } .sharestore .process ul li:nth-child(2) { background-image: url(../../_images/sharestore-process2.png); } .sharestore .process ul li:nth-child(3) { background-image: url(../../_images/sharestore-process3.png); } .sharestore .process ul li:nth-child(4) { background-image: url(../../_images/sharestore-process4.png); } .sharestore .process .txt { font-size: 16px; font-weight: 500; margin-top: 20px; } .sharestore .result {} .sharestore .result ul { display: flex; flex-wrap: wrap; margin-left: -50px; margin-top: -30px; } .sharestore .result ul li { margin-left: 50px; margin-top: 30px; width: calc(50% - 50px); text-align: center; padding-bottom: 20px; } .sharestore .result ul li .photo {} .sharestore .result ul li .photo img {} .sharestore .result ul li .t { font-size: 20px; font-weight: 900; padding: 20px 0 10px 0; } .sharestore .result ul li .c { font-size: 16px; font-weight: 500; line-height: 140%; } .sharestore .result .btn-wrap { text-align: center; margin-top: 50px; } .sharestore .result .btn-wrap a {} .sharestore .with {} .sharestore .with ul {} .sharestore .with ul li a { display: flex; } .sharestore .with ul li .l { flex: 1; padding-top: 73px; letter-spacing: -0.05em; } .sharestore .with ul li .l .tit1 { font-size: 18px; color: #eb7140; } .sharestore .with ul li .l .tit2 { font-size: 35px; font-weight: 700; padding-top: 20px; padding-bottom: 20px; } .sharestore .with ul li .l .c { line-height: 140%; font-size: 20px; font-weight: 500; padding-right: 50px; text-align: left; word-break: keep-all; } .sharestore .with ul li .r {flex: 1;overflow: hidden;} .sharestore .with ul li .r .photo {} .sharestore .with ul li .r .photo img { } .sharestore-mid { background: url(../../_images/sharestore-mid.jpg) no-repeat; height: 350px; position: relative; margin-top: 70px; } .sharestore-mid .c { color: #512e2b; font-size: 30px; line-height: 140%; right: 70px; text-align: right; } .sharestore-mid strong {} .sharestore .faq { margin-top: -10px; } .sharestore .faq .details:last-of-type {/* border-bottom: 1px solid #ebebeb; */} .sharestore .faq .details {line-height: 140%;} .sharestore .faq .details > summary::marker {display: none;content: "";} .sharestore .faq .details summary {padding: 30px 30px 27px 30px;font-size: 14px;width: 100%;background: #f9f9f9;margin-top: 10px;} .sharestore .faq .details summary:after {display:none;-webkit-appearance:none;} details summary::-webkit-details-marker { display:none; } .sharestore .faq .details summary strong {font-size: 16px;color: #ef345e;margin-top: 0;display: inline-block;width: 20px;vertical-align: top;font-size: 22px;font-weight: 900;color: #db2e2e;} .sharestore .faq .details summary span {display: inline-block;width: calc(100% - 25px);font-size: 22px;font-weight: 900;color: #3c3c3c;position: relative;} .sharestore .faq .details summary span u { font-size: 14px; font-weight: 500; text-decoration: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .sharestore .faq .details p {padding: 20px;background: #fafafa;/* border-top: 1px solid #ebebeb; */display: block;} .sharestore .faq .details p strong {display: inline-block;vertical-align: top;width: 20px;} .sharestore .faq .details p u {display: inline-block;vertical-align: top;color: #d91212;text-decoration: none;font-weight: 700;} .sharestore .faq .details p span {display: inline-block;width: calc(100% - 30px);font-size: 16px;margin-left: 30px;font-weight: 500;} .sharestore .faq .details p u.num {} .sharestore .faq .details[open] {} .sharestore .faq .details[open] summary ~ * {animation: sweep .5s ease-in-out;} @keyframes sweep { 0% {opacity: 0; } 100% {opacity: 1; } } .sharestore .qa {} .sharestore .qa ul { display: flex; margin-left: -36px; } .sharestore .qa ul li { width: 33.33%; margin-left: 36px; background-color: #f8f8f8; background-repeat: no-repeat; background-position: top 30px center; } .sharestore .qa ul li a { text-align: center; padding-top: 150px; padding-bottom: 25px; display: block; width: 100%; height: 100%; } .sharestore .qa ul li:nth-child(1) { background-image: url(../../_images/sharestore-qa1.png); } .sharestore .qa ul li:nth-child(2) { background-image: url(../../_images/sharestore-qa2.png); } .sharestore .qa ul li:nth-child(3) { background-image: url(../../_images/sharestore-qa3.png); } .sharestore .qa ul li .t { font-size: 18px; font-weight: 700; } .sharestore .qa ul li .c { font-size: 16px; line-height: 140%; margin-top: 20px; } .sharestore-bottom { background: url(../../_images/sharestore-bottom.jpg) no-repeat; height: 443px; position: relative; margin-top: 70px; } .sharestore-bottom .c {width: 50%;right: 0;font-size: 35px;color: #3c3c3c;letter-spacing: -0.05em;line-height: 135%;font-weight: 300;} .sharestore-bottom .c strong {} .sharestore-bottom .c .btn-wrap { margin-top: 35px; } .sharestore-bottom .c .btn-wrap a { line-height: 100%; min-width: 340px; } .sharestore .share-option { position: absolute; right: 0; top: 50px; } .sharestore .share-option .search { display: inline-block; position: relative; vertical-align: bottom; } .sharestore .share-option input { border: 1px solid #e7e7e7; height: 40px; line-height: 40px; padding-left: 20px; width: 200px; } .sharestore .share-option button[type='submit'] { position: absolute; background: url(../../_images/sharestore-search.png) no-repeat center; width: 40px; height: 40px; text-indent: -100px; overflow: hidden; right: 0; } .sharestore .btn { display: inline-block; vertical-align: baseline; margin-left: 6px; } .sharestore .btn a { border: 1px solid #c7d2da; height: 40px; line-height: 38px; padding-left: 40px; padding-right: 16px; font-size: 14px; color: #899298; font-weight: 500; background-repeat: no-repeat; background-position: left 10px center; display: block; } .sharestore .btn-map {} .sharestore .btn-map a { background-image: url(../../_images/sharestore-map.png); } .sharestore .btn-list {} .sharestore .btn-list a {} .sharestore .map-list1 {} .sharestore .map-list1 ul { display: flex; flex-wrap: wrap; margin-left: -24px; margin-top: -24px; } .sharestore .map-list1 ul li { margin-left: 24px; width: calc(50% - 24px); margin-top: 24px; border: 1px solid #ff8600; background-image: url(../../_images/sharestore-map-point.png); background-repeat: no-repeat; background-position: right 30px center; padding: 30px; } .sharestore .map-list1 ul li:hover { background-color:#ff8600; } .sharestore .map-list1 ul li .t { font-size: 22px; font-weight: 700; } .sharestore .map-list1 ul li .a { font-size: 16px; margin-top: 15px; line-height: 130%; } .sharestore .bx-controls {position: absolute;bottom: 0;width: calc(50% - 50px);} .sharestore .bx-controls .bx-controls-direction {position:relative;} .sharestore .bx-controls .bx-controls-direction .bar {display:block;height: 3px;background-color:#000;top: 36px;position: absolute;width: 10%;} .sharestore .bx-controls .bx-prev {width: 50%;display: inline-block;background: url(../../_images/sharestore-with-arrow-left.png) no-repeat top left;text-align: left;padding-left: 20px;border-bottom: 3px solid #ececec;padding-bottom: 20px;font-size: 16px;font-weight: 700;} .sharestore .bx-controls .bx-next {width: 50%;display: inline-block;background: url(../../_images/sharestore-with-arrow-right.png) no-repeat top right;text-align: right;padding-right: 20px;border-bottom: 3px solid #ececec;padding-bottom: 20px;font-size: 16px;font-weight: 700;} .sharestore .with .bar-wrap {position: absolute;bottom: 0; width: calc(50% - 50px);} .sharestore .with .bar {display:block;height: 3px;background-color:#000;bottom: 0;position: absolute;width: 10%;z-index: 3;} .sharestore .slick-prev.slick-arrow {z-index: 1;bottom: 0;/* width: 50%; */display: inline-block;background: url(../../_images/sharestore-with-arrow-left.png) no-repeat top 2px left;text-align: left;padding-left: 20px;border-bottom: 3px solid #ececec;padding-bottom: 20px;font-size: 16px;font-weight: 700;position: absolute;width: calc(25% - 25px);color: #000;} .sharestore .slick-next.slick-arrow {bottom: 0;width: calc(25% - 25px);display: inline-block;background: url(../../_images/sharestore-with-arrow-right.png) no-repeat top 2px right;text-align: right;padding-right: 20px;border-bottom: 3px solid #ececec;padding-bottom: 20px;font-size: 16px;font-weight: 700;position: absolute;left: calc(25% - 25px);z-index: 1;color: #000;} #support-sharestore .quick {position: absolute;top: 0;left: calc(50% + 600px);width: 140px;height: 140px;z-index: 10;} #support-companyspt .quick {position: absolute;top: 300px;left: calc(50% + 600px);width: 140px;height: 140px;z-index: 10;} #support-sharestore .quick a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; background: url(../../_images/sharestore-quick.png); } #support-companyspt .quick a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; background: url(../../_images/support/companyspt-quick.png); } @media (max-width:1280px){ /* 260 */ #support-sharestore .vmid {} .sharestore-top {height: 174px;background-size: cover;background-position: right center;} .sharestore-top .t {font-size: 20px;} .sharestore-top .c {font-size: 16px;margin-top: 10px;line-height: 140%;} .sub_cont_wrap .inner .cont_box.sharestore {margin-top: 15px;padding-top: 15px;} .sharestore .btn-wrap {} .btn-inc .btn-wrap a {font-size: 20px;padding: 20px 66px 20px 20px;} .sharestore .share-title {font-size: 20px;margin-bottom: 21px;} .sharestore .share-title.ab {} .sharestore .share-cont {} .sharestore .process {} .sharestore .process ul {margin-left: -40px;} .sharestore .process ul li {margin-left: 40px;padding-top: 80px;padding-bottom: 20px;background-position: top 20px center;font-size: 15px;} .sharestore .process ul li:after {right: -28px;width: 16px;height: 14px;background-size: contain;} .sharestore .process ul li:last-child:after {} .sharestore .process ul li:nth-child(1) {background-size: 54px;} .sharestore .process ul li:nth-child(2) {background-size: 43px;} .sharestore .process ul li:nth-child(3) {background-size: 53px;} .sharestore .process ul li:nth-child(4) {background-size: 50px;} .sharestore .process .txt {font-size: 13px;} .sharestore .result {} .sharestore .result ul {} .sharestore .result ul li {padding-bottom: 0;} .sharestore .result ul li .photo {} .sharestore .result ul li .photo img {width: 100%;} .sharestore .result ul li .t {font-size: 15px;padding: 15px 0 8px 0;} .sharestore .result ul li .c {font-size: 14px;letter-spacing: -0.05em;} .sharestore .result .btn-wrap {} .sharestore .result .btn-wrap a {} .sharestore .with {} .sharestore .with ul {} .sharestore .with ul li {} .sharestore .with ul li .l {padding-top: 30px;} .sharestore .with ul li .l .tit1 {font-size: 14px !important;} .sharestore .with ul li .l .tit2 {font-size: 22px !important;padding-bottom: 8px;padding-top: 6px;} .sharestore .with ul li .l .c {font-size: 14px !important;padding-right: 0;} .sharestore .with ul li .r {flex: 1;} .sharestore .with ul li .r .photo {} .sharestore .with ul li .r .photo img {width: 100%;} .sharestore-mid {height: 226px;background-size: cover;background-position: left center;} .sharestore-mid .c {font-size: 20px;right: 50px;} .sharestore-mid strong {} .sharestore .faq {} .sharestore .faq .details:last-of-type {} .sharestore .faq .details {} .sharestore .faq .details > summary::marker {} .sharestore .faq .details summary {padding: 14px;} .sharestore .faq .details summary:after {} .sharestore .faq .details summary strong {font-size: 16px;} .sharestore .faq .details summary span {font-size: 16px;} .sharestore .faq .details summary span u {font-size: 12px;} .sharestore .faq .details p {padding: 0 14px 14px;} .sharestore .faq .details p strong {} .sharestore .faq .details p u {} .sharestore .faq .details p span {font-size: 14px;margin-left: 20px;} .sharestore .faq .details p u.num {} .sharestore .faq .details[open] {} .sharestore .faq .details[open] summary ~ * {} .sharestore .qa {} .sharestore .qa ul {margin-left: -30px;} .sharestore .qa ul li {background-size: 80px;background-position: center top 20px;margin-left: 30px;} .sharestore .qa ul li a {padding-top: 110px;padding-bottom: 15px;} .sharestore .qa ul li:nth-child(1) {} .sharestore .qa ul li:nth-child(2) {} .sharestore .qa ul li:nth-child(3) {} .sharestore .qa ul li .t {font-size: 15px;} .sharestore .qa ul li .c {font-size: 14px;margin-top: 10px;} .sharestore-bottom {margin-top: 40px;height: auto;background-size: contain;padding-bottom: 41%;} .sharestore-bottom .c {font-size: 20px;} .sharestore-bottom .c strong {} .sharestore-bottom .c .btn-wrap {margin-top: 20px;} .sharestore-bottom .c .btn-wrap a {min-width: 280px;} .sharestore .share-option {top: 9px;} .sharestore .share-option .search {} .sharestore .share-option input {height: 34px;} .sharestore .share-option button[type='submit'] {height: 34px;width: 34px;} .sharestore .btn {} .sharestore .btn a {height: 34px;line-height: 32px;font-size: 14px;padding-left: 35px;padding-right: 10px;} .sharestore .btn-map {} .sharestore .btn-map a {} .sharestore .btn-list {} .sharestore .btn-list a {} .sharestore .map-list1 {} .sharestore .map-list1 ul {margin-top: -10px;margin-left: -10px;} .sharestore .map-list1 ul li {padding: 20px;margin-top: 10px;margin-left: 10px;width: calc(50% - 10px);} .sharestore .map-list1 ul li:hover {} .sharestore .map-list1 ul li .t {font-size: 18px;} .sharestore .map-list1 ul li .a {font-size: 14px;} .sharestore .bx-controls {} .sharestore .bx-controls .bx-controls-direction {} .sharestore .bx-controls .bx-controls-direction .bar {top:28px;} .sharestore .bx-controls .bx-prev {font-size: 14px;background-size: 6px;padding-left: 12px;background-position: top 1px left;padding-bottom: 14px;} .sharestore .bx-controls .bx-next {font-size: 14px;background-size: 6px;padding-right: 12px;background-position: top 1px right;padding-bottom: 14px;} .sharestore .with .bar-wrap {width: calc(50% - 20px);} .sharestore .with .bar {} .sharestore .slick-prev.slick-arrow {width: calc(25% - 10px);font-size: 14px;padding-bottom: 14px;background-size: 6px;padding-left: 12px;background-position: top 1px left;} .sharestore .slick-next.slick-arrow {width: calc(25% - 10px);left: calc(25% - 10px);font-size: 14px;padding-bottom: 14px;background-size: 6px;padding-right: 12px;background-position: top 1px right;} #support-sharestore .quick, #support-companyspt .quick {display: none;} } @media (max-width:767px){ /* 260 */ #support-sharestore .vmid {} .sharestore-top {background-position: bottom right -28px;background-size: 700px;height: auto;} .sharestore-top .ct {position: relative !important;top: auto !important;transform: none !important;padding-bottom: 195px !important;} .sharestore-top .t {} .sharestore-top .c {} .sub_cont_wrap .inner .cont_box.sharestore {} .sharestore .btn-wrap {} .btn-inc .btn-wrap a {} .sharestore .share-title {} .sharestore .share-title.ab {} .sharestore .share-cont {} .sharestore .process {} .sharestore .process ul {margin-left: -30px;flex-wrap: wrap;margin-top: -20px;} .sharestore .process ul li {margin-left: 30px;width: calc(50% - 30px);margin-top: 20px;} .sharestore .process ul li:after {} .sharestore .process ul li:nth-child(2):after {display:none;} .sharestore .process ul li:nth-child(1) {} .sharestore .process ul li:nth-child(2) {} .sharestore .process ul li:nth-child(3) {} .sharestore .process ul li:nth-child(4) {} .sharestore .process .txt {margin-top: 10px;} .sharestore .result {} .sharestore .result ul {} .sharestore .result ul li {width: 100%;} .sharestore .result ul li .photo {} .sharestore .result ul li .photo img {} .sharestore .result ul li .t {} .sharestore .result ul li .c {} .sharestore .result .btn-wrap {} .sharestore .result .btn-wrap a {min-width: 100%;text-align: left;} .sharestore .with {} .sharestore .with ul { } .sharestore .with ul li a {flex-direction: column;} .sharestore .with ul li .l {padding-bottom: 20px;} .sharestore .with ul li .l .tit1 {} .sharestore .with ul li .l .tit2 {} .sharestore .with ul li .l .c {} .sharestore .with ul li .r {flex: 1;} .sharestore .with ul li .r .photo {} .sharestore .with ul li .r .photo img {} .sharestore-mid {margin-top: 80px;height: auto;background-size: 800px;background-position: left calc(15% - 17px) top;background-color: #f3e7df;} .sharestore-mid .c {font-size: 18px;text-align: center;right: auto;width: 100%;position: relative !important;top: auto !important;transform: none !important;padding-top: 240px;background: linear-gradient( to bottom, #f3e7df00 50%, #f3e7df 65%);padding-bottom: 30px;} .sharestore-mid strong {} .sharestore .faq {} .sharestore .faq .details:last-of-type {} .sharestore .faq .details {} .sharestore .faq .details > summary::marker {} .sharestore .faq .details summary {} .sharestore .faq .details summary:after {} .sharestore .faq .details summary strong {} .sharestore .faq .details summary span {width: calc(100% - 90px);} .sharestore .faq .details summary span u {right: -60px;} .sharestore .faq .details p {} .sharestore .faq .details p strong {} .sharestore .faq .details p u {} .sharestore .faq .details p span {} .sharestore .faq .details p u.num {} .sharestore .faq .details[open] {} .sharestore .faq .details[open] summary ~ * {} .sharestore .qa {} .sharestore .qa ul {flex-direction: column;margin-left: 0;margin-top: -10px;} .sharestore .qa ul li {width: 100%;margin-left: 0;margin-top: 10px;background-position: left 20px center;} .sharestore .qa ul li a {padding-top: 30px;padding-bottom: 30px;text-align: left;padding-left: 120px;} .sharestore .qa ul li:nth-child(1) {} .sharestore .qa ul li:nth-child(2) {} .sharestore .qa ul li:nth-child(3) {} .sharestore .qa ul li .t {} .sharestore .qa ul li .c {} .sharestore-bottom {background-size: 200%;padding-bottom: 0;padding-top: 90%;} .sharestore-bottom .c {position: relative !important;top: auto !important;transform: none !important;width: 100%;text-align: center;} .sharestore-bottom .c strong {} .sharestore-bottom .c .btn-wrap {} .sharestore-bottom .c .btn-wrap a {min-width: 100%;} .sharestore .share-option {position: relative;top: auto;} .sharestore .share-option .search {width: calc(100% - 121px);} .sharestore .share-option input {width: 100%;} .sharestore .share-option button[type='submit'] {} .sharestore .btn {} .sharestore .btn a {} .sharestore .btn-map {} .sharestore .btn-map a {} .sharestore .btn-list {} .sharestore .btn-list a {} .sharestore .map-list1 {margin-top: 20px;} .sharestore .map-list1 ul {} .sharestore .map-list1 ul li {width: 100%;} .sharestore .map-list1 ul li:hover {} .sharestore .map-list1 ul li .t {} .sharestore .map-list1 ul li .a {} .sharestore .bx-controls {width: 100%;bottom: -50px;} .sharestore .bx-controls .bx-controls-direction {} .sharestore .bx-controls .bx-prev {} .sharestore .bx-controls .bx-next {} .sharestore .with .bar-wrap {bottom: -50px;width: 100%;} .sharestore .with .bar {} .sharestore .slick-prev.slick-arrow {bottom: -50px;width: 50%;font-size: 14px;padding-bottom: 14px;background-size: 6px;padding-left: 12px;background-position: top 3px left;} .sharestore .slick-next.slick-arrow {bottom: -50px;width: 50%;left: 50%;font-size: 14px;padding-bottom: 14px;background-size: 6px;padding-right: 12px;background-position: top 3px right;} } /* 292 (2022.11.11 추가)*/ #ham_campaign * {color:#595757; letter-spacing: -0.04em;} #ham_campaign {max-width: 1920px;margin: auto;position: relative;} #ham_campaign .quick {position: absolute;top: 300px;right: 70px;width: 138px;height: 219px;z-index: 99;} #ham_campaign .quick a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; background: url('../../_images/support_hammanse/hammansae_icon.png'); background-size: 100% auto; background-repeat: no-repeat; } #ham_campaign .inner {max-width:1200px;margin:auto;} #ham_campaign a.go_link { display: block; background: #ff8737; width: 330px; height: 72px; color: #fff; font-size: 26px; font-weight: 700; line-height: 72px; text-indent: 25px; box-shadow: 0 0 5px -23px #ffb07b; border-radius: 15px; text-align: center; box-shadow: 5px 5px 17px -3px rgb(0 0 0 / 25%); text-indent: inherit; } #ham_campaign .under{position: relative;} #ham_campaign .under:after{ content: ''; width: 100%; left: 0; bottom: -5px; height: 12px; background: #fee29a; position: absolute; z-index: -9; } #ham_campaign .section3 .under:after { background:#9f8f73; z-index:0; bottom:0; height:10px; } #ham_campaign .section3 .under b { position:relative; z-index:1; color:inherit; font-size:inherit; font-weight:400; } #ham_campaign .section1 { height: 900px; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-image:url('../../_images/support_hammanse/top_img.jpg'); background-size:90% auto; background-position:center bottom; background-repeat: no-repeat; } #ham_campaign .section1 .inner {position: relative;height: 100%;} #ham_campaign .section1 a.go_link {position: absolute;left: calc(50% - 330px/2);bottom: 15%;} #ham_campaign .section1 .txt-box { text-align: center; margin: auto; padding: 0; position: relative; } #ham_campaign .section1 .txt-box .tex1 { line-height: 44px; color: #637196; font-size: 22px; font-weight: 500; letter-spacing: -0.03em; position: absolute; top: 30px; left: 0; } #ham_campaign .section1 .txt-box .tex2 { font-size: 68px; /*color: #485883;*/ font-weight: 500; letter-spacing: -0.05em; margin: auto; padding-top: 120px; line-height: 1.2em; background: linear-gradient(to bottom, #485883, #554475); color: transparent; -webkit-background-clip: text; } #ham_campaign .section1b {background:#fffefb; color: #000; padding: 100px 0; text-align: center; } #ham_campaign .section1b .title { color: #485883;font-size: 35px;font-weight: 600;position: relative; display: inline-block; z-index:1;} #ham_campaign .section1b .title .under {z-index: 0;} #ham_campaign .section1b p {font-size: 22px;margin: 30px auto 0;font-weight: 400;line-height: 200%;} #ham_campaign .section2 { padding: 110px 0 50px; background:#f8fbfd; position:relative; } #ham_campaign .section2:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:90px; z-index: 9; background: linear-gradient(to bottom, rgba(0,0,0,0.04), rgba(0,0,0,0)); } #ham_campaign .section2 .inner > .txt-box { text-align: center; } #ham_campaign .section2 .inner > .txt-box > .tex1 { font-size: 22px; font-weight: 400; margin-bottom: 60px; } #ham_campaign .section2 .status-box { max-width: 800px; margin: 0 auto; } #ham_campaign .section2 .status-box ul {display:block;} #ham_campaign .section2 .status-box ul li { display: inline-block; width:344px; margin:20px 0; } #ham_campaign .section2 .status-box ul li:nth-child(2n) {margin-left:50px;} #ham_campaign .section2 .status-box ul li .txt-box{ display: inline-block; width: 100%; height:344px; background:#637196; border-radius: 20px; box-shadow: 5px 5px 17px -3px rgb(0 0 0 / 25%); padding: 2%; } #ham_campaign .section2 .status-box ul li .txt-box .tex1{ color:#fff; font-size: 23px; font-weight: 500; padding: 30px 0 40px; } #ham_campaign .section2 .status-box ul li .txt-box .tex2{ color:#fff; font-size: 22px; font-weight: 500; line-height: 1.2em; padding-top: 50px; } #ham_campaign .section2 .status-box ul li p{ font-size: 15px; font-weight: 400; line-height: 1.4em; padding: 10px 13px; } #ham_campaign .section2 .interview-box { max-width: 900px; margin: 80px auto; } #ham_campaign .section2 .interview-box .txt-box{ padding: 20px; border: 2px dotted #e4dae6; background:#fffefb; border-radius: 20px; font-size: 0; word-spacing: 0; margin-bottom:30px; } #ham_campaign .section2 .interview-box .txt-box .interview-cont { width: calc(100% - 230px); display: inline-block; vertical-align: top; text-align: right; padding-top: 35px; } #ham_campaign .section2 .interview-box .txt-box .interview-cont p { font-size: 17px; line-height: 1.8em; padding-right: 25px; } #ham_campaign .section2 .interview-box .txt-box p { z-index:1; } #ham_campaign .section2 .interview-box .txt-box .under { z-index:0; } #ham_campaign .section2 .interview-box .txt-box .interview-cont .under:after { bottom: -1px; } #ham_campaign .section2 .interview-box .txt-box .user-info { width: 230px; display: inline-block; vertical-align: top; } #ham_campaign .section2 .interview-box .txt-box .user-info .user_thum { width: 220px; height: 220px; border-radius: 50%; display: block; background-position: center; background-size: cover; margin: 7px auto; box-shadow: 5px 5px 17px 0px rgb(0 0 0 / 25%); } #ham_campaign .section2 .interview-box .txt-box .user-info h5 { font-size: 18px; font-weight: 600; color:#595757; margin-top: 20px; } #ham_campaign .section2 .interview-box .txt-box.man2 .interview-cont { text-align: left; padding-top: 60px; padding-left: 25px; padding-right: 0; } #ham_campaign .section3 { padding: 110px 0 140px; background: #637196; } #ham_campaign .section3 .inner > .txt-box { text-align: center; } #ham_campaign .section3 .inner > .txt-box > .tex1 { color: #fff; font-size: 22px; font-weight: 400; margin-bottom: 30px; line-height: 2.5em; } #ham_campaign .section3 .inner > .txt-box > .tex1 span { font-weight: 600; color: inherit; } #ham_campaign .section3 .info-box { margin: 60px 0; text-align: center; } #ham_campaign .section3 .info-box ul { overflow: hidden; } #ham_campaign .section3 .info-box ul li { padding: 25px 20px; width: 300px; height: 300px; border-radius: 150px; background: #fff; margin-right: 30px; display: inline-block; } #ham_campaign .section3 .info-box ul li:last-child { margin-right:0; } #ham_campaign .section3 .info-box ul li .icon { text-align: center; display: block; height:45px; margin-top:18px; } #ham_campaign .section3 .info-box ul li:nth-child(1) .icon { padding :5px 0; } #ham_campaign .section3 .info-box ul li:nth-child(3) .icon { padding :5px 0; } #ham_campaign .section3 .info-box ul li .icon img { height:100%; } #ham_campaign .section3 .info-box ul li h4 { color: #637196; font-weight: 600; text-align: center; font-size:25px; margin-top: 15px; } #ham_campaign .section3 .info-box ul li .txt { padding-top: 25px; font-size: 19px; line-height: 1.3em; text-align: center; } #ham_campaign .section3 .go_link { margin: 0 auto; } #ham_campaign .section4 { padding: 80px 0; background: #fffefa; } #ham_campaign .section4 .inner > .txt-box { text-align: center; } #ham_campaign .section4 .inner > .txt-box > .tex1 { font-size: 22px; font-weight: 400; margin-bottom: 60px; line-height: 2.5em; } #ham_campaign .section4 .inner > .txt-box > .tex1 b { color: #637196; } #ham_campaign .section4 .inner > .txt-box > .tex1 em { display: block; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1em; } #ham_campaign .section4 .inner .sign-box { text-align: center; } #ham_campaign .section4 .inner .sign-box img{ display: block; margin: 0 auto; width:95px; } #ham_campaign .section4 .inner .sign-box img.sign{ margin-top: -9px; width: 150px; } #ham_campaign .section4 .inner .sign-box .tex1 { text-align: center; font-size: 18px; margin: 10px 0; } #ham_campaign .section4 .inner .sign-box .tex1 em { font-style: normal; font-size: 16px; } #ham_campaign .section4 .inner .info-box { text-align: center; margin: 70px 0; } #ham_campaign .section4 .inner .info-box .tex1 { font-size: 28px; font-weight: 500; margin: 10px 0 20px; } #ham_campaign .section4 .inner .info-box .tex1 img { width:61px; margin:0 10px; position:relative; top: -25px; } #ham_campaign .section4 .inner .info-box .tex1 b{ font-size: 33px; color:#637196; } #ham_campaign .section4 .inner .info-box .tag{ margin: 30px 0; } #ham_campaign .section4 .inner .info-box .tag span{ font-size: 20px; background: #637196; color: #fff; padding: 10px 20px; margin: 0 5px; font-weight:bold; display: inline-block; border-radius: 10px; box-shadow: 4px 4px 10px -4px rgb(0 0 0 / 25%); } #ham_campaign .section4 .inner .info-box .tex2 { font-size: 22px; font-weight: 400; margin: 20px 0; line-height: 1.5em; } #ham_campaign .section4 .inner .sample-box { padding: 40px 20px; border: 2px dotted #e4dae6; border-radius: 20px; font-size: 0; word-spacing: 0; margin-bottom:30px; text-align: center; } #ham_campaign .section4 .inner .sample-box .tex1 { font-size: 22px; line-height: 1.8em; } #ham_campaign .section4 .inner .sample-box .tex1 b { color: #637196; } #ham_campaign .section4 .inner .sample-box ul { overflow: hidden; } #ham_campaign .section4 .inner .sample-box ul li { padding: 25px 20px; margin-right: 30px; display: inline-block; position:relative; } #ham_campaign .section4 .inner .sample-box ul.each li:after { content:''; display:block; position:absolute; right:-10px; top:calc(50% - 30px); width:20px; height:20px; background-image:url('../../_images/support_hammanse/plus.png'); background-size:cover; } #ham_campaign .section4 .inner .sample-box ul.each li:nth-child(3):after { display:none; } #ham_campaign .section4 .inner .sample-box ul.total li { padding: 25px 0; margin-right:15px; } #ham_campaign .section4 .inner .sample-box ul li:last-child { margin-right:0; } #ham_campaign .section4 .inner .sample-box ul li p { font-size: 17px; margin: 20px 0 10px; } #ham_campaign .section4 .inner .sample-box ul.total li img { border-radius: 20px; width: 215px; } #ham_campaign .section4 .inner .sample-box .tex2 { font-size: 17px; margin-bottom:20px; } #ham_campaign .section4 .inner .tex3 { font-size: 18px; margin: 20px 0; text-align: center; } #ham_campaign .section5{ background:#f8fbfd; padding: 20px 0; position:relative; } #ham_campaign .section5:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:90px; z-index: 9; background: linear-gradient(to bottom, rgba(0,0,0,0.04), rgba(0,0,0,0)); } #ham_campaign .section5 a.go_link { margin: 30px auto 0; } #ham_campaign .section5 .tex1 { text-align: center; margin: 20px 0 100px; font-size: 18px; } #ham_campaign .section5 .tex1 img { vertical-align: bottom; margin-left: 10px; } #ham_campaign .section6 { display:none; background: #f8fbfd; padding-bottom: 20px; } #ham_campaign .section6 .m_quick_btn { display: block; width: 100%; } #ham_campaign .section6 .m_quick_btn.sticky { position: fixed; bottom: 10px; z-index: 2; } #ham_campaign .section6 .m_quick { display: block; background: #341c60; width: 95%; height: 62px; line-height: 62px; border-radius: 15px; text-align: center; margin: 0 auto; position: relative; } #ham_campaign .section6 .m_quick img{ position: absolute; top: -45px; left: 0; width: 120px; } #ham_campaign .section6 .m_quick a { font-size: 20px; font-weight: 500; color: #fff; } #ham_campaign .m_br {display: none;} @media (max-width:1560px){ #ham_campaign .section1 {height: 800px;} #ham_campaign .section1 a.go_link {bottom: 10%;} } @media (max-width:1460px){ #ham_campaign .section1 {height: 770px;} } @media (max-width:1360px){ #ham_campaign .section1 {height: 740px;} } @media (max-width:1260px){ #ham_campaign .section1 {height: 710px;} #ham_campaign .section1 {background-size: 100% auto;} } @media (max-width:1160px){ #ham_campaign .section1 {height: 680px;} } @media (max-width:1060px){ #ham_campaign .section1 {height: 650px;} #ham_campaign .section1 .txt-box .tex1 {font-size: 20px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 60px;} #ham_campaign .section3 .info-box ul li {width: 280px;height: 280px;margin-right: 20px;} #ham_campaign .section3 .info-box ul li .txt {font-size: 18px;} #ham_campaign .quick a {right: 25px;width: 120px;height: 190px} } @media (max-width:960px){ #ham_campaign .section1 {height: 600px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 50px;} #ham_campaign .section1 a.go_link, #ham_campaign .section3 a.go_link, #ham_campaign .section5 a.go_link {height: 62px;line-height: 62px;font-size: 25px; width: 310px;left: calc(50% - 310px/2);} #ham_campaign .section1b p, #ham_campaign .section2 .inner > .txt-box > .tex1 {font-size: 20px;} #ham_campaign .section2 .inner > .txt-box > .tex1 {line-height: 1.5em;margin-bottom: 20px;} #ham_campaign .section2 {padding: 80px 0 40px;} #ham_campaign .section2 .interview-box {margin: 40px auto;} #ham_campaign .section2 .interview-box .txt-box .interview-cont {padding-top: 15px;width: calc(100% - 190px);} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 14px;} #ham_campaign .section2 .interview-box .txt-box .user-info {width: 180px;} #ham_campaign .section2 .interview-box .txt-box .user-info .user_thum {width: 160px;height: 160px;} #ham_campaign .section2 .interview-box .txt-box .user-info h5 {font-size: 16px;} #ham_campaign .section2 .interview-box .txt-box.man2 .interview-cont {padding-top: 40px;} #ham_campaign .section3 {padding: 80px 0 100px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 20px;} #ham_campaign .section3 .info-box ul li {width: 250px;height: 250px;padding: 10px;} #ham_campaign .section3 .info-box ul li h4 {font-size: 22px;} #ham_campaign .section3 .info-box ul li .txt {font-size: 16px;} #ham_campaign .section5 .tex1 {font-size: 16px;margin-bottom:90px;} } @media (max-width:860px){ #ham_campaign .section1 {height: 550px;} #ham_campaign .section1 .txt-box .tex1 {font-size: 18px;top: 40px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 40px;} #ham_campaign .section1b p {font-size: 18px;} #ham_campaign .section2 .status-box ul li {width:320px;} #ham_campaign .section2 .status-box ul li .txt-box {height: 320px;} #ham_campaign .section2 .status-box ul li:nth-child(2n) {margin-left:20px;} #ham_campaign .section2 .status-box ul li .txt-box .tex1 {font-size: 21px;} #ham_campaign .section2 .interview-box {margin: 30px auto;} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 13px;} #ham_campaign .section3 .info-box ul li {width: 220px;height: 220px;} #ham_campaign .section3 .info-box ul li .icon {margin-top: 10px;} #ham_campaign .section3 .info-box ul li h4 {font-size: 21px;} #ham_campaign .section3 .info-box ul li .txt {font-size: 15px;} } @media (max-width:767px){ } @media (max-width:760px){ #ham_campaign .quick {display: none;} #ham_campaign .section6 {display: block;} #ham_campaign .section1 {height: 500px;} #ham_campaign .section2 .interview-box .txt-box {padding:20px 40px 30px;position: relative;} #ham_campaign .section2 .interview-box .txt-box .interview-cont {display:block;width: 100%;padding-top: 230px;} #ham_campaign .section2 .interview-box .txt-box .user-info {display:block;width: 100%;position: absolute;top: 25px;left: 50%;transform: translateX(-50%);} #ham_campaign .section2 .interview-box .txt-box.man2 .interview-cont {padding-top: 230px;padding-left: 0;} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {text-align:left;padding-right:0;font-size: 15px;} #ham_campaign .section4 .inner .tex3 {font-size: 15px;line-height: 1.5em;} #ham_campaign .section3 .info-box {margin-bottom: 30px;} #ham_campaign .section3 .info-box ul li {width:90%;height: 115px;border-radius: 15px;margin-bottom: 20px;margin-right:0;} #ham_campaign .section3 .info-box ul li .m_left {width:130px;display:inline-block;} #ham_campaign .section3 .info-box ul li .txt {width:calc(100% - 140px);display:inline-block;text-align: left;font-size: 18px;vertical-align: top;padding-top: 25px;padding-left: 15px;} #ham_campaign .section3 .info-box ul li h4 {font-size: 19px;} #ham_campaign .section3 .info-box ul li .icon {margin-top: 5px;} #ham_campaign .section4 {padding: 60px 0;} #ham_campaign .section4 .inner > .txt-box > .tex1, #ham_campaign .section4 .inner .info-box .tex2, #ham_campaign .section4 .inner .sample-box .tex1 {line-height: 1.5em;margin-bottom: 30px;} #ham_campaign .section4 .inner > .txt-box > .tex1 em {margin-top:5px;} #ham_campaign .section4 .inner .sign-box img {width: 130px;} #ham_campaign .section4 .inner .sign-box img.sign {margin-top: -18px;width: 250px;} #ham_campaign .section4 .inner .sample-box ul li {padding: 20px 15px;margin-right: 25px;} #ham_campaign .section4 .inner .sample-box ul.each li:after {right: -7px;top: calc(50% - 20px);width: 15px;height: 15px;} #ham_campaign .section4 .inner .sample-box ul.total li img {border-radius: 15px;width: 190px;} #ham_campaign .section5 .tex1 {margin-bottom: 30px;} #ham_campaign .p_br {display:none !important;} #ham_campaign .m_br {display:block !important;} } @media (max-width:705px){ #ham_campaign .section2 .status-box ul li {width: 400px;margin: 10px 0 !important;} #ham_campaign .section2 .status-box ul li .txt-box {height: 300px;} #ham_campaign .section2 .status-box ul li .txt-box .tex1 {padding-bottom:5px;} #ham_campaign .section2 .status-box ul li:nth-child(2) .txt-box .tex1 {padding-bottom:15px;} #ham_campaign .section2 .status-box ul li .txt-box .tex2 {line-height: 2em;padding-top: 30px;} #ham_campaign .section4 .inner .sample-box ul li {padding: 10px 5px;margin-right: 15px;} #ham_campaign .section4 .inner .sample-box ul li img {width: 120px;} #ham_campaign .section4 .inner .sample-box ul.total li img {width: 150px;} #ham_campaign .section4 .inner .sample-box ul li p {font-size: 15px;margin: 15px 0 5px;} #ham_campaign .section4 .inner .sample-box ul.total li {padding: 10px 0; margin-right: 10px;} #ham_campaign .section4 .inner .sample-box ul li:last-child {margin-right:0;} #ham_campaign .section4 .inner .sample-box .tex2 {font-size: 15px;margin-bottom: 0px;} } @media (max-width:660px){ #ham_campaign .section1 {height: 460px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 35px;} #ham_campaign .section1 a.go_link, #ham_campaign .section3 a.go_link, #ham_campaign .section5 a.go_link {height: 52px;line-height: 52px;font-size:20px;width: 250px;left: calc(50% - 250px/2);} #ham_campaign .section3 a.go_link {width: 280px;left: calc(50% - 280px/2);} #ham_campaign .section1b {padding: 70px 0;} #ham_campaign .section1b .title {font-size: 28px;} #ham_campaign .section3 {padding: 70px 0 60px;} #ham_campaign .section4 .inner .info-box {margin: 40px 0;} #ham_campaign .section4 .inner .info-box .tex1 {font-size: 23px;} #ham_campaign .section4 .inner .info-box .tex1 img {width: 50px;top: -10px;} #ham_campaign .section4 .inner .info-box .tex1 b {font-size: 28px;} #ham_campaign .section4 .inner .info-box .tag {margin: 20px 0;} #ham_campaign .section4 .inner .info-box .tag span {font-size: 18px;} #ham_campaign .section4 .inner .sample-box .tex1 {margin-bottom: 20px;} #ham_campaign .section5 .tex1 {font-size: 15px;} #ham_campaign .section5 .tex1 img {width: 70px;} } @media (max-width:560px){ #ham_campaign .section1 {height: 460px;background-size: 120% auto;} #ham_campaign .section1 a.go_link {bottom: 8%;} #ham_campaign .section1b p {font-size: 15px;} #ham_campaign .section2 {padding: 50px 0 20px;} #ham_campaign .section2 .inner > .txt-box > .tex1 {font-size: 18px;margin-bottom: 10px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 18px;} #ham_campaign .section3 {padding: 50px 0 80px;} #ham_campaign .section3 .info-box {margin-bottom: 10px;} #ham_campaign .section3 .info-box ul li {width: 95%;height: 100px;} #ham_campaign .section3 .info-box ul li .m_left {width: 110px;} #ham_campaign .section3 .info-box ul li .txt {width: calc(100% - 120px);font-size: 15.5px;padding-top: 20px; padding-left: 10px;} #ham_campaign .section3 .info-box ul li .icon {margin-top:0;} #ham_campaign .section3 .info-box ul li h4 {font-size: 17px;margin-top: 10px;} #ham_campaign .section4 .inner .info-box .tex1 {font-size: 19px;} #ham_campaign .section4 .inner .info-box .tex1 img {width: 35px;} #ham_campaign .section4 .inner .info-box .tex1 b {font-size: 22px;} #ham_campaign .section4 .inner .info-box .tag {margin: 10px 0;} #ham_campaign .section4 .inner .info-box .tag span {font-size: 15px;padding: 8px 10px;} #ham_campaign .section4 .inner > .txt-box > .tex1, #ham_campaign .section4 .inner .info-box .tex2, #ham_campaign .section4 .inner .sample-box .tex1 {font-size: 19px;} #ham_campaign .section4 .inner .sample-box {padding: 20px 5px;} #ham_campaign .section4 .inner .sample-box ul li {padding-top:5px;} #ham_campaign .section4 .inner .sample-box ul li img {width: 100px;} #ham_campaign .section4 .inner .sample-box ul li p {font-size: 13px;margin: 10px 0 5px;} #ham_campaign .section4 .inner .sample-box ul.each li:after {right: -3px;top: calc(50% - 10px);width: 10px;height: 10px;} #ham_campaign .section4 .inner .sample-box ul.total li img {width: 130px;} #ham_campaign .section4 .inner .sample-box .tex2 {font-size: 13px;} #ham_campaign .section2 .interview-box .txt-box {padding: 20px 20px 25px} } @media (max-width:490px){ #ham_campaign .section1 {height: 420px;} #ham_campaign .section1 .txt-box .tex1 {font-size: 15px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 30px;} #ham_campaign .section1b .title {font-size: 23px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 16px;line-height: 2.0em;} #ham_campaign .section4 .inner .sample-box ul li img {width: 85px;} #ham_campaign .section4 .inner .sample-box ul.total li img {width: 105px;} } @media (max-width:450px){ #ham_campaign .section1 {height: 400px;} #ham_campaign .section1b {padding-top: 40px;} #ham_campaign .section1b .title {font-size: 20px;} #ham_campaign .section1b {padding: 50px 0;} #ham_campaign .section1b p {font-size: 14px;} #ham_campaign .section2 .status-box ul li {width: 325px;} #ham_campaign .section2 .status-box ul li .txt-box {height: 250px;} #ham_campaign .section2 .status-box ul li .txt-box img {width:70%;} #ham_campaign .section2 .status-box ul li .txt-box .tex1 {font-size: 18px;} #ham_campaign .section2 .status-box ul li .txt-box .tex2 {font-size: 18px;} #ham_campaign .section2 .status-box ul li p {font-size: 14px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 15px;} #ham_campaign .section3 .info-box ul li .m_left {width: 100px;} #ham_campaign .section3 .info-box ul li h4 {font-size: 16px;} #ham_campaign .section3 .info-box ul li .txt {width: calc(100% - 110px);font-size: 13px;padding-left: 3px;padding-top: 25px;} #ham_campaign .section4 .inner > .txt-box > .tex1, #ham_campaign .section4 .inner .info-box .tex2, #ham_campaign .section4 .inner .sample-box .tex1 {font-size: 16px;} #ham_campaign .section4 .inner .info-box .tex1 {font-size: 17px;} #ham_campaign .section4 .inner .info-box .tex1 img {width: 25px;top: -5px;margin: 0px 3px;} #ham_campaign .section4 .inner .info-box .tex1 b {font-size: 21px;} #ham_campaign .section4 .inner .info-box .tag span {font-size: 13px;margin: 0 3px;border-radius: 5px;} #ham_campaign .section2 .interview-box .txt-box {padding: 15px 15px 20px;} #ham_campaign .section2 .interview-box .txt-box .user-info .user_thum {width: 140px;height: 140px;} #ham_campaign .section2 .interview-box .txt-box .interview-cont, #ham_campaign .section2 .interview-box .txt-box.man2 .interview-cont {padding-top: 210px;} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 13.5px;} #ham_campaign .section6 .m_quick {height: 52px;line-height: 52px;} #ham_campaign .section6 .m_quick img {width: 110px;} #ham_campaign .section6 .m_quick a{font-size: 17px;} } @media (max-width:400px){ #ham_campaign .section1 {height: 370px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 27px;} #ham_campaign .section1 a.go_link {bottom: 6%;} #ham_campaign .section1b p {font-size: 13px;} #ham_campaign .section2 .inner > .txt-box > .tex1 {font-size: 15px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 14px;} #ham_campaign .section4 .inner > .txt-box > .tex1, #ham_campaign .section4 .inner .info-box .tex2, #ham_campaign .section4 .inner .sample-box .tex1 {font-size: 15px;} #ham_campaign .section4 .inner > .txt-box > .tex1 em {font-size: 13px;} #ham_campaign .section4 .inner .sample-box ul li img {width: 70px;} #ham_campaign .section4 .inner .sample-box ul.total li img {width: 90px;} #ham_campaign .section4 .inner .sample-box ul.each li:after {right: -5px; top: calc(50% - 15px);} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 12.5px;} #ham_campaign .section3 .info-box {margin: 40px 0;} } @media (max-width:380px){ #ham_campaign .section1b p {font-size: 12px;} #ham_campaign .section3 {padding: 40px 0 70px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 13px;} #ham_campaign .section4 .inner .info-box .tex1 {font-size: 15px;} #ham_campaign .section4 .inner .info-box .tex1 img {width: 20px;margin: 0px 2px;} #ham_campaign .section4 .inner .info-box .tex1 b {font-size: 17px;} #ham_campaign .section4 .inner .info-box .tag {margin: 5px 0;} #ham_campaign .section4 .inner .info-box .tag span {font-size: 13px;padding: 8px 10px;} #ham_campaign .section4 .inner .sample-box .tex1 {font-size: 14px;} #ham_campaign .section4 .inner .tex3 {font-size: 14px;} #ham_campaign .section2 .interview-box .txt-box .user-info .user_thum {margin: 0px auto;} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 12px;} #ham_campaign .section2 .interview-box .txt-box {padding: 15px 8px 15px;} #ham_campaign .section6 .m_quick {height: 45px;line-height: 45px;} #ham_campaign .section6 .m_quick img {width: 90px;top: -35px;} #ham_campaign .section6 .m_quick a{font-size: 14.5px;} } @media (max-width:350px){ #ham_campaign .section1 {height: 340px;} #ham_campaign .section1 .txt-box .tex2 {font-size: 25px;} #ham_campaign .section1b p {font-size: 11px;} #ham_campaign .section2 .status-box ul li {width: 300px;} #ham_campaign .section2 .status-box ul li .txt-box {height: 220px;} #ham_campaign .section2 .status-box ul li .txt-box img {width:60%;} #ham_campaign .section2 .status-box ul li .txt-box .tex1 {padding-top:20px;font-size: 17px;} #ham_campaign .section2 .status-box ul li .txt-box .tex2 {font-size: 17px;} #ham_campaign .section2 .status-box ul li p {font-size: 13px;} #ham_campaign .section3 .inner > .txt-box > .tex1 {font-size: 11.5px;} #ham_campaign .section3 .info-box ul li {padding: 5px;width: 97%;height: 85px;border-radius: 7px;margin-bottom: 10px;} #ham_campaign .section3 .info-box ul li .m_left {width: 75px;} #ham_campaign .section3 .info-box ul li .txt {width: calc(100% - 80px);font-size: 12.5px;padding-top: 23px;padding-left:3px;} #ham_campaign .section3 .info-box ul li h4 {font-size: 13.5px;margin-top: 3px;} #ham_campaign .section3 .info-box ul li .icon {margin-top: 8px;} #ham_campaign .section3 .info-box ul li .icon img {height: 90%;} #ham_campaign .section4 .inner .sign-box img {width: 100px;} #ham_campaign .section4 .inner .sign-box img.sign {width: 200px;} #ham_campaign .section4 .inner .sample-box .tex1 {font-size: 12px;} #ham_campaign .section4 .inner .sample-box ul li {margin-right:0;} #ham_campaign .section4 .inner .sample-box ul li img {width: 65px;} #ham_campaign .section4 .inner .sample-box ul.total li img {width: 75px;} #ham_campaign .section4 .inner .sample-box ul li p, #ham_campaign .section4 .inner .sample-box .tex2 {font-size: 12px;} #ham_campaign .section5 .tex1 {font-size: 14px;} #ham_campaign .section5 .tex1 img {width: 60px;} #ham_campaign .section2 .interview-box .txt-box .interview-cont p {font-size: 10.5px;} } /* 270 */ #support-companyspt {} #support-companyspt .slick-list {padding: 0 !important;} #support-companyspt .slick-prev.slick-arrow {background-image: url(../../_images/support/companyspt-arrow-left.png);right: 45px;} #support-companyspt .slick-next.slick-arrow {background-image: url(../../_images/support/companyspt-arrow-right.png);right: 0;} #support-companyspt .slick-arrow {position: absolute;z-index: 2;width: 40px;height: 40px;text-indent: -100px;overflow: hidden;border: 1px solid #d2d2d2;border-radius: 100px;background-color: #fff;background-repeat: no-repeat;top: -95px;background-position: center;} #support-companyspt .apply .slick-arrow {top: -95px;} #support-companyspt .slick-slider .slick-dots {text-align: center;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);margin: auto;} #support-companyspt .slick-slider .slick-dots li {width: 30px !important;height: 4px !important;margin: 0 5px !important;padding: 0 !important;background: #e1e1e1 !important;text-indent: -50px;overflow: hidden;display: inline-block;min-height: auto;} #support-companyspt .slick-slider .slick-dots li.slick-active {background-color: #ff4e00 !important;} #support-companyspt .vmid {position:absolute;top:50%;transform:translateY(-50%);} #support-companyspt .c {width:100%;text-align:center} .companyspt-top {position: relative;background: url(../../_images/support/companyspt-top.jpg) no-repeat top right;height: 260px;padding-left: 50px;font-size: 23px;font-weight: 500;line-height: 1.4;color: #3c3c3c;margin-bottom: 70px;background-color: #fff6ed;} .companyspt { /* border-top: 0 !important; */ padding-top: 70px !important; } .companyspt .companyspt-moto { font-size: 25px; color: #3c3c3c; font-weight: 500; line-height: 1.5; margin-top: -20px; } .companyspt .companyspt-title {font-family: "Pretendard Variable" !important;font-size: 40px;color: #d91212;font-weight: 900;} .companyspt .companyspt-desc { font-size: 18px; font-weight: 700; color: #3c3c3c; margin-top: 50px; margin-bottom: -10px; } .companyspt .companyspt-cont { padding-top: 50px; } .companyspt .companyspt-cont .opt {} .companyspt .companyspt-cont .opt ul { margin-left: -50px; } .companyspt .companyspt-cont .opt ul li {float:left;text-align: center;background: #f8f8f8;padding: 30px 15px;min-height: 347px;margin-left: 50px;width: calc(33.33% - 50px);} .companyspt .companyspt-cont .opt ul:after {clear:left; display: block; content:'';} .companyspt .companyspt-cont .opt ul li .img-box {} .companyspt .companyspt-cont .opt ul li .img-box img {} .companyspt .companyspt-cont .opt ul li strong { font-size: 18px; margin-top: 20px; display: block; } .companyspt .companyspt-cont .opt ul li p { font-size: 16px; line-height: 1.3; margin-top: 15px; font-weight: 300; letter-spacing: -0.1em; } .companyspt-mid { background: url(../../_images/support/companyspt-mid.jpg) no-repeat; position: relative; height: 350px; font-size: 25px; color: #fff; font-weight: 300; line-height: 1.4; margin-top: 50px; } .companyspt .companyspt-cont .process {} .companyspt .companyspt-cont .process ul { display: flex; margin-left: -4.5%; } .companyspt .companyspt-cont .process ul li {flex: 1;text-align: center;background: #f8f8f8;margin-left: 4.5%;position: relative;padding: 30px 15px;} .companyspt .companyspt-cont .process ul li .photo { position: absolute; left: 50%; transform: translateX(-50%); } .companyspt .companyspt-cont .process ul li .phogo img {} .companyspt .companyspt-cont .process ul li .t { font-size: 18px; font-weight: 500; margin-top: 85px; } .companyspt .companyspt-cont .process ul li .c { font-size: 16px; font-weight: 300; line-height: 1.3; margin-top: 15px; letter-spacing: -0.05em; } .companyspt .companyspt-cont .process ul li:after {content:'';display:block;width: 20px;height: 18px;position: absolute;background: url(../../_images/support/companyspt-process-arrow.png) no-repeat;top: 50%;transform: translateY(-50%);right: calc(-19% + 10px);} .companyspt .companyspt-cont .process ul li:last-child:after {display: none;} .companyspt .companyspt-cont .process .txt { font-size: 16px; margin-top: 20px; font-weight: 300; } .companyspt .companyspt-cont .process .txt strong { color: #d91212; font-weight: 700; } .companyspt .companyspt-cont .process .txt span { font-weight: 100; color: #cbcbcb; } .companyspt .companyspt-cont .apply {} .companyspt .companyspt-cont .apply > ul { margin-left: -50px; } .companyspt .companyspt-cont .apply > ul li.d1 { float: left; margin-left: 50px;width: calc(33.33% - 50px);} .companyspt .companyspt-cont .apply > ul:after {clear:left; content:''; display: block;} .companyspt .companyspt-cont .apply > ul li.d1 .photo {} .companyspt .companyspt-cont .apply > ul li.d1 .photo img {width: 100%;} .companyspt .companyspt-cont .apply > ul li.d1 .t { font-size: 24px; color: #d91212; font-weight: 700; margin-top: 30px; } .companyspt .companyspt-cont .apply > ul li.d1 .c { margin-top: 20px; } .companyspt .companyspt-cont .apply > ul li.d1 .c ul {} .companyspt .companyspt-cont .apply > ul li.d1 .c ul > li { margin-top: 10px; text-align: left; position: relative; margin-left: 15px; line-height: 1.4; font-weight: 300; } .companyspt .companyspt-cont .apply > ul li.d1 .c ul > li:before {content:'·';display:block;position: absolute;left: -15px;} .companyspt .companyspt-cont .portfolio {} .companyspt .companyspt-cont .portfolio ul {margin-left: -50px;} .companyspt .companyspt-cont .portfolio ul li {float:left;margin-left: 50px;width: calc(33.33% - 50px);/* height: 300px; */} .companyspt .companyspt-cont .portfolio ul:after {clear:left; content:''; display: block;} .companyspt .companyspt-cont .portfolio ul li img {width: 100%;} .companyspt .companyspt-cont .btn-wrap { margin-top: 70px; text-align: center; } .companyspt .companyspt-cont .btn-wrap a { display: inline-block; border: 1px solid #e00014; border-radius: 3px; color: #e00014; font-size: 18px; font-weight: 400; text-align: center; padding: 15px 60px; line-height: 1.3; } .companyspt .company-list {} .companyspt .company-list ul {display: flex;flex-wrap: wrap;margin-left: -20px;margin-top: -20px;} .companyspt .company-list ul li {margin-left: 20px;width: calc(20% - 20px);margin-top: 20px;text-align: center;height: 64px;} .companyspt .company-list ul li a {display: block;width: 100%;height: 100%;border: 1px solid #eaeaea;vertical-align: middle;position: relative;} .companyspt .company-list ul li a img {max-height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .companyspt .form-desc { font-size: 18px; font-weight: 500; line-height: 1.3; } .companyspt .q-form { margin-top: 30px; display: flex; flex-wrap: wrap; margin-left: -40px; } .companyspt .q-form .half { width: calc(50% - 40px); } .companyspt .q-form .full { width: calc(100% - 40px); } .companyspt .q-form > div { margin-left: 40px; } .companyspt .q-form > div .title { font-size: 20px; padding: 40px 0 20px 0; font-weight: 300; } .companyspt .q-form > div input { width: 100%; height: 56px; padding: 0 10px; font-size: 18px; color: #8e8e8e; line-height: 56px; background: #f5f5f5; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif; } .companyspt .q-form > div select { width: 100%; height: 56px; padding: 0 10px; font-size: 18px; color: #8e8e8e; line-height: 56px; background: #f5f5f5; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif; } .companyspt .q-form > div textarea { width: 100%; height: 345px; padding: 10px; font-size: 18px; color: #8e8e8e; line-height: 1.5; resize: none; background: #f5f5f5; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif; } .companyspt .q-form .tel { margin-left: -18px; display: flex; position: relative; } .companyspt .q-form .tel span { flex: 1; position: relative; margin-left: 18px; } .companyspt .q-form .tel .teln {} .companyspt .q-form .tel .teln:before {content:"-";display:block;left: -12px;position: absolute;top: 19px;font-weight: 700;} .companyspt .q-form .email { display: flex; margin-left: -18px; position: relative; } .companyspt .q-form .email span { flex: 1; position: relative; margin-left: 18px; } .companyspt .q-form .email .domain:before {font-weight: 700;content:"@";display:block;position: absolute;left: -16px;top: 19px;} .companyspt .q-form .file {} .companyspt .q-form .file input[type='file'] { display: none; } .companyspt .q-form .file label {} .companyspt .q-form .file label input { width: calc(100% - 180px); } .companyspt .q-form .file label span { width: 170px; height: 56px; padding: 0 10px; font-size: 18px; color: #e00014; line-height: 56px; background: #f5f5f5; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif; display: inline-block; text-align: center; vertical-align: bottom; margin-left: 6px; } .companyspt .agree-box { background: #faefef; padding: 40px; margin-top: 50px; position: relative; } .companyspt .agree-box .title { font-size: 22px; } .companyspt .agree-box .desc { font-size: 14px; font-weight: 300; margin-top: 10px; line-height: 1.3; } .companyspt .agree-box a { position: absolute; top: 45px; left: 214px; font-size: 13px; color: #3c3c3c; } .companyspt .agree-box a:after {content:'\e5cc';font-family: 'Material Symbols Outlined';color: #fe6e6e;font-weight: 900;top: 1px;position: absolute;} .companyspt .agree-box .radio-box-wrap { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } .companyspt .agree-box .radio-box-wrap .radio-box {} .companyspt .agree-box .radio-box-wrap .radio-box label {} .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio'] {} .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio'] + span { width: 11px; height: 11px; display: inline-block; background: #d7d7d7; border-radius: 100px; border: 1px solid #c2c2c2; margin-right: 3px; } .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio']:checked + span { border: 1px solid #d54040; border-radius: 100px; background: #d54040; } .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio'] + span + strong { font-weight: 500; color: #777777; } .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio']:checked + span + strong { color: #d54040; font-weight: 700; } @media (max-width:1279px){ #support-companyspt .slick-list {padding: 0 !important;} #support-companyspt .slick-prev.slick-arrow {background-image: url(../../_images/support/companyspt-arrow-left.png);right: 35px;} #support-companyspt .slick-next.slick-arrow {background-image: url(../../_images/support/companyspt-arrow-right.png);right: 0;} #support-companyspt .slick-arrow {width: 32px;height: 32px;top: -48px;background-position: center;background-size: 8px;} .companyspt-top {height: 170px;font-size: 16px;margin-bottom: 30px;} .companyspt-top .vmid {} .companyspt {padding-top: 30px !important;} .companyspt .companyspt-moto {margin-top: -10px;font-size: 16px;} .companyspt .companyspt-title {font-size: 20px;} .companyspt .companyspt-desc {font-size: 15px;margin-top: 10px;margin-bottom: 10px;} .companyspt .companyspt-cont {padding-top: 20px;} .companyspt .companyspt-cont .opt {margin-top: 20px;} .companyspt .companyspt-cont .opt ul {margin-left: -20px;} .companyspt .companyspt-cont .opt ul li {margin-left: 20px;min-height: 315px;width: calc(33.33% - 20px);} .companyspt .companyspt-cont .opt ul li .img-box {width: 80px;margin: auto;} .companyspt .companyspt-cont .opt ul li strong {font-size: 15px;margin-top: 15px;} .companyspt .companyspt-cont .opt ul li p {font-size: 14px;margin-top: 5px;} .companyspt-mid {margin-top: 20px;height: 230px;font-size: 16px;background-size: cover;} .companyspt .companyspt-cont .process ul li .photo {width: 45px;margin: auto;} .companyspt .companyspt-cont .process ul li .t {font-size: 15px;margin-top: 61px;} .companyspt .companyspt-cont .process ul li .c {font-size: 14px;} .companyspt .companyspt-cont .process ul li:after {right: calc(-22% + 10px);} .companyspt .companyspt-cont .process .txt {font-size: 14px;margin-top: 10px;} .companyspt .companyspt-cont .apply > ul {margin-left: -20px;} .companyspt .companyspt-cont .apply > ul li.d1 {margin-left: 20px;width: calc(33.33% - 20px);} .companyspt .companyspt-cont .apply > ul li.d1 .t {font-size: 18px;margin-top: 15px;} .companyspt .companyspt-cont .apply > ul li.d1 .c {margin-top: 10px;} .companyspt .companyspt-cont .apply > ul li.d1 .c ul > li {font-size: 14px;margin-top: 5px;} .companyspt .companyspt-cont .apply > ul li.d1 .c ul > li:before {} .companyspt .companyspt-cont .portfolio ul {margin-left: -20px;} .companyspt .companyspt-cont .portfolio ul li {margin-left: 20px;width: calc(33.33% - 20px);} .companyspt .companyspt-cont .btn-wrap {margin-top: 30px;} .companyspt .companyspt-cont .btn-wrap a {font-size: 15px;padding: 10px 40px;} .companyspt .company-list ul {margin-top: -10px;margin-left: -10px;} .companyspt .company-list ul li {margin-left: 10px;margin-top: 10px;width: calc(20% - 10px);height: 42px;} .companyspt .company-list ul li a img {max-height: 20px;} .companyspt .form-desc {font-size: 14px;} .companyspt .q-form {margin-top: 0;} .companyspt .q-form .half {width: 100%;} .companyspt .q-form > div .title {font-size: 15px;padding: 30px 0 10px 0;} .companyspt .q-form > div input {height: 45px;} .companyspt .q-form > div select {height: 45px;} .companyspt .q-form > div textarea {height: 250px;} .companyspt .q-form .tel {width: 68%;} .companyspt .q-form .email span {flex: none;} .companyspt .q-form .file label input {font-size: 15px;} .companyspt .q-form .file label span {font-size: 15px;height: 45px;line-height: 45px;} .companyspt .agree-box {padding: 20px;margin-top: 35px;} .companyspt .agree-box .title {font-size: 18px;} .companyspt .agree-box .desc {font-size: 13px;} .companyspt .agree-box a {top: 23px;left: 169px;} .companyspt .agree-box .radio-box-wrap {position: relative;right: auto;top: auto;transform: none;margin-top: 10px;} .companyspt .agree-box .radio-box-wrap .radio-box label input[type='radio'] + span + strong {font-size: 13px;} } @media (max-width:767px){ .companyspt-top {height: 270px;background-size: 675px;background-position: right bottom;padding-left: 0;background-color: #fff;} .companyspt-top .vmid {top: 0 !important;position: relative !important;transform: none !important;} .companyspt .companyspt-cont .opt {margin-bottom: 55px;} .companyspt .companyspt-cont .opt ul {margin-left: auto;} .companyspt .companyspt-cont .opt ul li {margin-left: 0;width: 100%;min-height: 290px;} .companyspt .companyspt-cont .process ul {flex-direction: column;margin-top: -35px;} .companyspt .companyspt-cont .process ul li {margin-top: 35px;} .companyspt .companyspt-cont .process ul li:after {bottom: -26px;right: auto;left: calc(50% - 9px);top: auto;transform: rotate(90deg);} .companyspt .companyspt-cont .apply > ul {margin-left: 0;} .companyspt .companyspt-cont .apply > ul li.d1 {margin-left: 0;width: 100%;} .companyspt .company-list ul li {width: calc(50% - 10px);} .companyspt .q-form > div .title {padding-top: 20px;} .companyspt .q-form .tel {width: auto;} .companyspt .q-form .email {flex-wrap: wrap;} .companyspt .q-form .email span {width: 45%;} .companyspt .q-form .email span:last-of-type {width: calc(100% - 18px);margin-top: 10px;} .companyspt .q-form .file label input {width: 100%;text-align: center;} .companyspt .q-form .file label span {width: 100%;margin-left: 0;margin-top: 7px;} .companyspt .agree-box {margin-top: 20px;} }