/* common */
* { word-break: keep-all; } 
*,*:before,*:after { box-sizing: border-box; } 
body { position: relative; width: 100%; margin: 0 auto!important; } 
.container { width: 1590px; margin-left: auto; margin-right: auto; padding:0 15px; transition: 0.3s; } 
.img-responsive { display: block; max-width: 100% } 
.center-block { margin-left: auto; margin-right: auto } 
.f0 { font-size: 0; } 
.text-center { text-align: center!important } 
.text-right { text-align: right; } 
.hidden { display: none } 
input[type="checkbox"] { margin:0 } 
input, select, textarea, tspan { font-family: 'SUIT Variable', sans-serif; outline: none; border:none; -webkit-border-radius: 0; } 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } 
.embed-responsive::before { content:""; display: block; padding-top: 56.25%; } 
.embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } 
.visible-xs { display: none } 
.flex { display: flex; } 
.flex-center { align-items: center; } 
.faktum { font-family: 'Outfit', sans-serif; } 
.main-f { color:#f4bb1b } 
.svg-wrap svg { display:block; max-width: 100%; margin-left: auto; margin-right: auto; } 
svg { display: block; max-width: 100%; height: auto; } 
span { font-size: inherit; font-weight: inherit; } 

:root { --main:#f4bb1b; --main2:#fff67f; --sub: #00325b; --sub2: #26aad4; --aos-duration: 400ms; } 

section { overflow: hidden; } 

/* header.php */
header { position: fixed; top: 0; left: 0; z-index: 20; width: 100%; background-color: transparent; transition: 0.3s; } 
header .container > ul { border-bottom:1px solid #fff; justify-content: space-between; } 
header h1 { font-size: 0; } 
header h1 svg { display: block; } 
header .container > .flex > li > ul > li { font-size: 0; } 
header .container > .flex > li:first-child > ul > li:last-child { padding-left: 100px; } 
header ul li.nav div { display: inline-block; position: relative; margin-right: 50px; vertical-align: top } 
header ul li.nav div:last-child { margin-right: 0; } 
header h3, header ul li.nav div > a { display:inline-block; padding-top: 35px; padding-bottom: 35px; font-size: 18px; cursor: pointer; color: #fff; transition: 0.3s; } 
header h3:hover, header ul li.nav div > a:hover, header h3.over { color: var(--main) !important; font-weight: 600; } 
header .menu { display:none; position: absolute; top:90%; width: 320px; padding:25px 20px; background-color: #fff; border-top: 1px solid #fff; border-radius: 20px; } 
header.sub .menu { box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.03); } 
header.sub.roll .menu { border-color: #fff; } 
header ul li div:hover .menu { display: block; } 
header .menu li { font-size: 0; } 
header .menu li a { display: block !important; margin: 0 -10px; padding: 0 10px; border-radius: 6px; font-size: 16px; color: #011229 !important; line-height: 32px; transition: background-color 0.2s, color 0.2s; } 
header .menu li a:hover { background-color: #eef3f8; color: var(--sub) !important; font-weight: 600; } 
header .menu.menu-biz { width: 760px; padding: 30px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto); grid-auto-flow: column; column-gap: 40px; row-gap: 22px; } 
header ul li div:hover .menu.menu-biz { display: grid; } 
header .menu-biz li a.tit { display: flex !important; align-items: center; gap: 12px; padding-top: 4px; padding-bottom: 4px; font-size: 17px; font-weight: 700; color: var(--sub) !important; line-height: 1.4; } 
header .menu-biz li a.tit .ico { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background-color: #eef3f8; transition: background-color 0.2s; } 
header .menu-biz li a.tit .ico img { max-width: 26px; max-height: 24px; } 
header .menu-biz li a.tit:hover .ico { background-color: #fff; } 
header .menu-biz li .depth2 { display: block; margin: 6px 0 0 52px; } 
header .menu-biz li .depth2 a { padding: 0 10px; font-size: 15px; color: #6b7280 !important; line-height: 30px; } 
header .menu-biz li .depth2 a:hover { color: var(--sub) !important; } 
header .header-info { display: flex; align-items: center; } 
header .header-info > .btn-box { padding-right: 20px; position: relative; } 
header .header-info > .btn-box:after { content: ''; display: block; width: 1px; height: 15px; background: rgba(255, 255, 255, 0.4); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
header .header-info .btn-box a { font-size: 18px; color:#fff; } 
header .header-info .select-box { padding: 0 20px; position: relative; } 
header .header-info .select-box h3 { padding-right: 15px; background-image: url('../images/down_arrow.png'); background-repeat: no-repeat; background-size: 10px; background-position: center right; } 
header .header-info .select-box ul { display: none; position: absolute; top: 90%; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05); border-radius: 12px; } 
header .header-info .select-box ul li a { display: block; text-align: center; color: #011229; line-height: 40px; } 
header .header-info .select-box ul li.on a { color: var(--main); font-weight: 500; } 
header .header-info .select-box ul li:hover a { color: var(--main); font-weight: 500; } 
header .header-info .contact-box a { display: block; background-color: #fff67f; border-radius: 22px; text-align: center; padding: 0 16px; } 
header .header-info .contact-box a div { font-size: 17px; font-weight: 500; color: #011229; line-height: 46px; } 
header.sub .container > ul { border-bottom: 1px solid rgba(0, 0, 0, 0.6); } 
header.sub.roll .container > ul { border-color:#fff; } 
header.roll { background-color: #fff; transition: 0.3s; } 
header.roll .container { width: 1800px; transition: 0.3s; } 
header.roll h1 img, header.sub h1 img, header.mobile h1 img { content: url("../images/logo_b.svg") } 
header.roll h3, header.sub h3, header.roll ul li.nav div > a, header.sub ul li.nav div > a { color:#000; transition: 0.3s; } 
header.roll .header-info .btn-box a, header.sub .header-info .btn-box a { color:#000; } 
header.roll .header-info .select-box h3, header.sub .header-info .select-box h3 { background-image: url('../images/down_arrow_b.png'); } 

.btn-ani { position: relative; display: inline-flex; max-width: 100%; overflow: hidden; } 
.btn-ani .org-txt, .btn-ani .hover-txt { display: block; left:0; transition: transform .4s cubic-bezier(0.51, 0.57, 0.17, 1); } 
.btn-ani .org-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.btn-ani .hover-txt { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); } 
.btn-ani:hover .org-txt { transform: translate3d(0, -100%, 0); transition-delay: 0.05s; } 
.btn-ani:hover .hover-txt { transform: translate3d(-50%, -100%, 0); transition-delay: 0.05s; } 

header .m-btn { display: none; position: fixed; top: 18px; right: 15px; width: 30px; height: 30px; margin-top: 0; background: url("../images/header/menu.png?ver=2") no-repeat center center; background-size: 30px; cursor: pointer; } 
header .m-btn.on { background: url(../images/header/menu02.png) no-repeat center center; cursor: pointer; } 
.m-menu { display:none; position:fixed; top:0; left:0; z-index: 12; width:100%; height: 100%; padding:100px 0; background-color: #fff; overflow-y: auto } 
.m-menu ul li h3 { margin:20px 0; padding-left: 15px; padding-right: 15px; font-size: 22px; font-weight: 600; color:#00325b; cursor: pointer; } 
.m-menu > ul > li:first-child h3 { margin-top: 0; } 
.m-menu ul li ul { display:none; padding-top: 20px; padding-bottom: 20px; background-color: var(--sub); } 
.m-menu ul li ul li { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } 
.m-menu ul li ul li:last-child { padding-bottom: 0; } 
.m-menu ul li ul li a { font-size: 16px; font-weight: 500; color:#f4bb1b } 
.m-header-info { padding: 15px; border-top: 1px solid #ccc; margin: 0 15px; } 
.m-header-info .btn-box { border-bottom: 1px dashed #ccc; padding-bottom: 10px; } 
.m-header-info .btn-box a { font-size: 18px; } 
.m-header-info .invest-box { padding: 10px 0; border-bottom: 1px dashed #ccc; } 
.m-header-info .invest-box ul { display: flex; } 
.m-header-info .invest-box ul li { position: relative; margin-right: 30px; } 
.m-header-info .invest-box ul li:after { content: ''; display: block; width: 1px; height: 12px; background-color: #ccc; position: absolute; top: 6px; right: -15px; } 
.m-header-info .invest-box ul li:last-child:after { display: none; } 
.m-header-info .lang-box { margin-top: 30px; } 
.m-header-info .lang-box ul li { margin-right: 10px; } 
.m-header-info .lang-box ul li:last-child { margin-right: 0; } 
.m-header-info .lang-box ul li a { display:inline-block; font-size: 16px; border-radius: 20px; border: 1px solid var(--sub); color: var(--sub); text-align: center; line-height: 34px; padding: 0 10px; } 
.m-header-info .lang-box ul li.on a { background-color: var(--sub); color: var(--main2); font-weight: 700; } 
.m-header-info .contact-box { margin-top: 50px; } 
.m-header-info .contact-box a { display: block; background-color: #fff67f; border-radius: 22px; text-align: center; padding: 0 16px; line-height: 50px; text-transform: uppercase; font-weight: 700; } 
.m-menu .depth2 { margin: 10px 0; } 
.m-menu .depth2 a { display: block; padding-left: 20px; line-height: 30px; } 
.m-menu .m-biz .tit { display: block; font-size: 16px; font-weight: 700; color: var(--main); } 
.m-menu .m-biz .depth2 { margin: 6px 0 0; } 
.m-menu .m-biz .depth2 a { padding-left: 0; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 28px; } 

/* footer.php */
footer { padding:70px 0; background-color: #011229 } 
.footer-top { display: flex; justify-content: space-between; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,.3); } 
.footer-top .top-btn { width:80px; height:80px; cursor: pointer; } 
.footer-bottom { margin-top: 40px; } 
.footer-bottom li:first-child { font-size: 0; width: 50%; } 
.footer-bottom li:last-child { width: 50%; } 
.footer-bottom .wrap:first-child { width:180px; border-right:1px solid rgba(255,255,255,.3) } 
.footer-bottom .wrap:first-child + .wrap { padding-left: 50px; width: calc(100% - 180px); } 
.footer-bottom .wrap { display: inline-block; vertical-align: top } 
.footer-bottom .wrap > div { margin-bottom: 20px; display: flex; flex-wrap: wrap; } 
.footer-bottom .wrap > div:last-child { margin-bottom: 0; } 
.footer-bottom .wrap > div * { vertical-align: middle } 
.footer-bottom strong { padding-left: 8px; font-size: 16px; font-weight: 500; color:#fff } 
.footer-bottom p { width:100%; font-size: 16px; font-weight: 300; color:rgba(255,255,255,.6) } 
.footer-bottom a { display: block; margin-right: 50px; font-size: 18px; color:#fff; letter-spacing: -0.72px; } 
.footer-bottom a:last-child { margin-right: 0; } 
.footer-bottom .footer-nav { display:flex; justify-content: flex-end; } 
.footer-bottom .footer-nav-col { flex-shrink: 0; } 
.footer-bottom .footer-nav-col:nth-child(2) { flex-shrink: 1; } 
.footer-bottom .footer-nav-col ul { margin-top: 20px; } 
.footer-bottom .footer-nav-col ul li { margin-right: 30px; margin-bottom: 10px; width: auto; } 
.footer-bottom .footer-nav-col ul li:last-child { margin-bottom: 0; } 
.footer-bottom .footer-nav-col ul li a { font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.6); } 
.footer-bottom .footer-nav-col ul li a:hover { color:#fff; } 
.copy-right { justify-content: space-between; align-items: baseline; } 
.copy-right p { font-size: 16px; font-weight: 500; color:#fff } 
.copy-right li:last-child { display:flex; margin-top: 25px; } 
.copy-right a { margin-right: 20px; } 
.copy-right a:last-child { margin-right: 0; } 

/* banner.php */
.broad { margin-top: 200px; } 
.broad ul li { margin-right: 30px; font-size: 0; font-size: 16px; color: #00325b; } 
.broad ul li:last-child { margin-right: 0; } 
.broad ul li svg { display: block } 
.broad h3 { margin-bottom: 80px; font-size: 120px; font-weight: 800; line-height: 1.25; letter-spacing: -6px; color: #00325b; } 
.broad .wrap { position: relative; margin-bottom: 50px; } 
.broad .wrap:before { content:""; display: block; position: absolute; top:50%; left:0; z-index: -1; width:100%; height:1px; margin-top: -0.5px; background-color: #b2b2b2; } 
.broad h4 { display:inline-block; padding-right: 140px; padding-left: 20px; font-size: 18px; font-weight: 600; line-height: 1; background-color: #fff } 
.broad h4:after { content:""; display:block; position: absolute; top:50%; left:0; width: 12px; height: 12px; margin-top: -6px; background-color: #f4bb1b; border-radius: 50% } 

/* index.php */
.main-content01 .swiper-slide { height: 950px; background-repeat: no-repeat; background-position: center center; background-size: cover } 
.main-content01 .slide01 { background-image: url(../images/main/bg01.png) } 
.main-content01 .slide02 { background-image: url(../images/main/bg04.png) } 
.main-content01 .flex { height: 100%; } 
.main-content01 div { width:100%; text-align: center; } 
.main-content01 h3 { font-size: 72px; font-weight: 700; color:#fff; line-height: 1; transform: translateY(20px); opacity: 0; transition: 0.3s; } 
.main-content01 .swiper-slide-active h3 { transform: translateY(0px); opacity: 1; transition: 0.3s; transition-delay: 0.2s; } 
.main-content01 h3 span { font-weight: inherit; color:#f4bb1b } 
.main-content01 p { margin-top: 15px; font-size: 29px; color:#fff; transform: translateY(20px); opacity: 0; transition: 0.3s; } 
.main-content01 .swiper-slide-active p { opacity: 1; transition: 0.3s; transition-delay: 0.4s; } 
.main-content01 a { display: inline-block; width: 300px; height: 70px; margin-top: 60px; padding-left: 55px; border-radius: 8px; border: solid 1px #fff; line-height: 68px; font-size: 20px; font-weight: 500; color:#fff; text-align: left; background: url(../images/main/icon01.png) no-repeat center right+55px; transform: translateY(20px); opacity: 0; transition: 0.3s; } 
.main-content01 .swiper-slide-active a { opacity: 1; transition: 0.4s; transition-delay: 0.6s; } 

.main-content02 .paging-box { display: flex; align-items: center; justify-content: center; margin-top: 60px; } 
.main-content02 .paging-box .arrow { cursor: pointer; } 
.main-content02 .swiper-pagination { position: static; text-align: left; width: auto; height: 20px; display: flex; align-items: center; margin: 0 25px; } 
.main-content02 .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 15px; border-radius: 50%; position: relative; background: #fff; display: inline-block; cursor: pointer; overflow: hidden; opacity: 1; } 
.main-content02 .swiper-pagination .swiper-pagination-bullet svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); } 
.main-content02 .swiper-pagination .swiper-pagination-bullet circle { transition: stroke-dashoffset 5s linear; fill: transparent; stroke: #fff; stroke-width: 2; stroke-dasharray: 125; stroke-dashoffset: 125; } 
.main-content02 .swiper-pagination .swiper-pagination-bullet-active { width: 20px; height: 20px; background: transparent; } 
.main-content02 .swiper-pagination .swiper-pagination-bullet-active circle { stroke-width: 8; stroke-dashoffset: 0; } 
.main-content02 { padding-top: 200px; background-color: #011229 } 
.main-content02 .wrap { padding-left: 100px; padding-right: 100px; } 
.main-content02 .wrap > h4 { position: relative; z-index: 1; padding-left: 20px; font-size: 18px; color:#fff; background-color:#011229 } 
.main-content02 .wrap > h4:before { content:""; display: block; position: absolute; top:50%; left:0; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background-color: #fff67f } 
.main-content02 .wrap > h4:after { content: ""; display: block; position: absolute; top:50%; right:0; width: calc(100% - 200px); height: 1px; background-color: #fff } 
.main-content02 ul { margin-top: 60px; flex-wrap:wrap; justify-content: center; } 
.main-content02 ul li { width: 100%; text-align: center; } 
.main-content02 ul li h3 { font-size: 50px; font-weight: 700; color:#fff; line-height: 1.2 } 
.main-content02 ul li h3 span { font-weight: inherit; color:#f4bb1b } 
.main-content02 ul li p { font-size: 20px; color:#fff } 
.main-content02 .swiper { margin-top: 100px; overflow: hidden; } 
.main-content02 .swiper-slide { flex: 0 0 auto; padding:70px; border-radius: 10px; background-image: linear-gradient(111deg, #1a325b, #06142d 100%); } 
.main-content02 .swiper-slide .slide-wrap { background-repeat: no-repeat; background-position: center right } 
.main-content02 .swiper-slide.slide01 .slide-wrap { background-image: url(../images/main/icon02.png?ver=1) } 
.main-content02 .swiper-slide.slide02 .slide-wrap { background-image: url(../images/main/icon03.png?ver=1) } 
.main-content02 .swiper-slide.slide03 .slide-wrap { background-image: url(../images/main/icon04.png?ver=1) } 
.main-content02 .swiper-slide h4 { font-size: 20px; font-weight: 700; color:#fff67f } 
.main-content02 .swiper-slide h3 { margin-top: 20px; font-size: 47px; font-weight: 700; color:#fff; line-height: 1 } 
.main-content02 .swiper-slide h5 { margin-top: 45px; font-size: 18px; font-weight: 500; color:#fff } 
.main-content02 .arrow-box_02 .arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; width: 20px; } 
.main-content02 .arrow-box_02 .arrow-prev { left: 24%; } 
.main-content02 .arrow-box_02 .arrow-next { right: 24%; } 
@media screen and (min-width:2400px) {.main-content02 .arrow-box_02 .arrow-prev { left: 33%; } 
.main-content02 .arrow-box_02 .arrow-next { right: 33%; } 
 }
.main-content03 { padding-top: 200px; padding-bottom: 200px; background-color: #011229 } 
.main-content03 h3 { position: relative; padding-bottom: 20px; font-size: 50px; font-weight: 700; color:#fff; line-height: 1.2; text-align: center; } 
.main-content03 h3:after { content:""; display: block; position: absolute; bottom:0; left:50%; width: 52px; height: 3px; margin-left: -26px; background-color: #f4bb1b; } 
.main-content03 h3 strong { font-size: inherit; font-weight: inherit; color:#f4bb1b } 
.main-content03 p { margin-top: 40px; font-size: 20px; color:#fff } 
.main-content03 .img-wrap { margin-top: 70px; } 
.main-content03 .img-wrap img { margin-right: 150px; } 
.main-content03 .img-wrap img:last-child { margin-right: 0; } 
.main-content04 { padding-top: 200px; padding-bottom: 200px; background-color: #011229 } 
.main-content04 .wrap { padding-left: 100px; padding-right: 100px; } 
.main-content04 h3 { position: relative; padding-bottom: 20px; font-size: 50px; font-weight: 700; color:#fff; line-height: 1.2; text-align: center; } 
.main-content04 h3:after { content:""; display: block; position: absolute; bottom:0; left:50%; width: 52px; height: 3px; margin-left: -26px; background-color: #f4bb1b; } 
.main-content04 h3 strong { font-size: inherit; font-weight: inherit; color:#f4bb1b } 
.main-content04 p { margin-top: 40px; font-size: 20px; color:#fff } 
.main-content04 ul { margin-top: 70px; flex-wrap: wrap; } 
.main-content04 ul li { width: calc((100% - 60px) / 3); margin-right: 30px; padding:60px 48px; border-radius: 10px; background-image: linear-gradient(135deg, #1a325b, #06142d); } 
.main-content04 ul li:hover { background-color: #f7b86d; background-image: none } 
.main-content04 ul li:nth-child(3n) { margin-right: 0; } 
.main-content04 ul li:nth-child(n+4) { margin-top: 30px; } 
.main-content04 ul li .img-wrap { width: 100px; height: 96px; background-repeat: no-repeat; background-position: center center; background-size: contain; } 
.main-content04 ul li:first-child .img-wrap { background-image: url(../images/main/icon09.svg?ver=2) } 
.main-content04 ul li:first-child:hover .img-wrap { background-image: url(../images/main/icon09_hover.svg?ver=2) } 
.main-content04 ul li:first-child + li .img-wrap { background-image: url(../images/main/icon10.svg?ver=2) } 
.main-content04 ul li:first-child + li:hover .img-wrap { background-image: url(../images/main/icon10_hover.svg?ver=2) } 
.main-content04 ul li:first-child + li + li .img-wrap { background-image: url(../images/main/icon11.svg?ver=2) } 
.main-content04 ul li:first-child + li + li:hover .img-wrap { background-image: url(../images/main/icon11_hover.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li .img-wrap { background-image: url(../images/main/icon12.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li:hover .img-wrap { background-image: url(../images/main/icon12_hover.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li + li .img-wrap { background-image: url(../images/main/icon13.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li + li:hover .img-wrap { background-image: url(../images/main/icon13_hover.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li + li + li .img-wrap { background-image: url(../images/main/icon14.svg?ver=2) } 
.main-content04 ul li:first-child + li + li + li + li + li:hover .img-wrap { background-image: url(../images/main/icon14_hover.svg?ver=2) } 
.main-content04 ul li dl { margin-top: 85px; } 
.main-content04 ul li dt { margin-bottom: 15px; font-size: 24px; font-weight: 700; color:#fff; font-family: 'Outfit', sans-serif; } 
.main-content04 ul li:hover dt { color:#000 } 
.main-content04 ul li dd { position: relative; font-size: 18px; font-weight: 300; color:#fff; letter-spacing: -.3px } 
.main-content04 ul li:hover dd { color:#000 } 
.main-content04 ul li dd:before { content:"•"; margin-right: 5px; font-size: 18px; font-weight: 300; color:#fff } 
.main-content04 ul li:hover dd:before { color:#000 } 
.main-content05 { padding:220px 0; background: url(../images/main/bg02.png) no-repeat center center/cover } 
.title h3 { position: relative; padding-bottom: 20px; font-size: 50px; font-weight: 700; color:#fff; line-height: 1.2; } 
.title h3:after { content:""; display: block; position: absolute; bottom:0; width: 52px; height: 3px; background-color: #f4bb1b; } 
.title h3 + p,.title + p { margin-top: 10px; } 
.title.center h3 { text-align: center; } 
.title.center h3:after { left:50%; margin-left: -26px; } 
.title h3 strong { font-size: inherit; font-weight: inherit; color:#f4bb1b } 
.main-content05 p { width:50%; margin-top: 40px; font-size: 18px; color:#fff } 
.main-content05 a { display:block; width: 235px; height: 60px; margin-top: 80px; padding-left: 40px; border-radius: 8px; border: solid 1px #fff; font-size: 18px; font-weight: 600; color:#fff; line-height: 58px; background: url(../images/main/icon01.png) no-repeat center right+40px; } 
.main-content06 { padding:200px 0; background-color: #f2f6f9; position: relative; } 
.main-content06:before { content: ''; display: block; width: 100%; height: 410px; background-image: url('../images/main/news_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left:0; bottom:85px; } 
.main-content06 .flex { justify-content: space-between; align-items: center; } 
.main-content06 .title h3 { color:#000 } 
.main-content06 .flex a { display:block; width: 235px; height: 60px; padding-left: 40px; border-radius: 8px; border: solid 1px #081130; font-size: 18px; font-weight: 600; color:#081130; line-height: 58px; background: url(../images/main/icon20.png) no-repeat center right+40px; } 
.main-content06 .swiper { margin-top: 50px; padding:15px 0; overflow: hidden; } 
.main-content06 .swiper-slide { height: auto; } 
.main-content06 .swiper-slide > a { display: block; height: 100%; } 
.main-content06 .swiper-slide .wrap { display: flex; flex-direction: column; height: 100%; padding:35px 25px; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; transition: background 0.3s; } 
.main-content06 .swiper-slide:hover .wrap { background-color: #081130; transition: background 0.3s; } 
.main-content06 .bg-wrap { height: 230px; background-repeat: no-repeat; background-position: center center; background-size: cover } 
.main-content06 h4 { margin-top: 30px; font-size: 16px; font-weight: 700; color: #2d78bd; } 
.main-content06 p { flex-grow: 1; margin-top: 10px; font-size: 18px; font-weight: 500; color:#000; transition: 0.3s; } 
.main-content06 .swiper-slide:hover p { color:#fff; transition: 0.3s; } 
.main-content06 span { display: inline-block; align-self: flex-start; margin-top: 50px; padding-right: 30px; font-size: 15px; font-weight: 600; color: #2d78bd; background: url(../images/main/icon19.png) no-repeat center right } 
.main-content07 { padding:180px 0; background: url(../images/main/bg03.png) no-repeat center center/cover } 
.main-content07 .flex { justify-content: space-between; align-items: center; } 
.main-content07 p { margin-top: 40px; font-size: 30px; font-weight: 500; color:#fff; line-height: 1.17 } 
.main-content07 a { display:block; width: 265px; height: 60px; padding-left: 40px; border-radius: 8px; border: solid 1px #f4bb1b; font-size: 18px; font-weight: 600; color:#f4bb1b; line-height: 58px; background: url(../images/main/icon18.png) no-repeat center right+40px; transition: background-color 0.3s, background-position 0.3s, color 0.3s; } 
.main-content07 a:hover { background-color: #f4bb1b; background-image: url(../images/main/icon20.png); background-position: center right 32px; color: #081130; } 

/* product.php */
.sub-title { margin-bottom: 60px; letter-spacing: -0.9px; line-height: 1; } 
.product_list .slide-box { overflow: hidden; } 
.product-content01 { height: 440px; padding-top: 100px; background-image: url("../images/product/list_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: initial; } 
.product-content01 .title-box { text-align: center; margin-bottom: 30px; } 
.product-content01 .title-box span { display:block; color:var(--sub2); margin-bottom: 10px; } 
.product-content01 .title-box h3 { font-size: 48px; font-weight: bold; line-height: 1; } 
.product-content01 .prd-list-slide { position: relative; overflow: hidden; margin-top: 30px; } 
.product-content01 .prd-list-slide .swiper-slide { transform: scale(0.5); transition: transform 0.3s; } 
.product-content01 .prd-list-slide .swiper-slide-active { transform: scale(1); transition: transform 0.3s; } 
.product-content01 .prd-list-slide .swiper-slide img { max-width: 320px; } 
.product-content01 .arrow-box { display:flex; justify-content: center; align-items: center; } 
.product-content01 .arrow-box .swiper-pagination { position:static; opacity: 1; width: auto; margin: 0 30px; } 
.product-content01 .arrow-box .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 4px; position: relative; opacity: 1; background: none; } 
.product-content01 .arrow-box .swiper-pagination .swiper-pagination-bullet:before { content: ''; display: block; width: 5px; height: 5px; background: #aaa; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50%; } 
.product-content01 .arrow-box .swiper-pagination .swiper-pagination-bullet-active:before { background: #000; } 
.product-content01 .arrow-box .swiper-pagination .swiper-pagination-bullet-active:after { content: ''; display: block; width: 15px; height: 15px; border: 1px solid #000; border-radius: 50%; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); } 
.product-content01 .arrow-box .arrow { cursor: pointer; position: static; margin: 0 !important; } 
.product-content02 { margin-top: 150px; margin-bottom: 150px; } 
.product-content02 p { margin-top: 25px; } 
.product-content03 { margin-bottom: 170px; } 
.product-content03 .box { background-color: #f5f8fa; border-radius: 12px; padding: 60px 50px; position: relative; cursor: pointer; } 
.product-content03 .box:last-child { margin-right: 0; } 
.product-content03 .box .btn-box { position: absolute; right:50px; top:50px; width:80px; height:80px; transition: 0.2s; } 
.product-content03 .box h3 { color:var(--sub); margin-bottom: 40px; } 
.product-content03 .box p { margin-bottom: 10px; } 
.product-content03 .box ul li { position: relative; padding-left: 20px; } 
.product-content03 .box ul li:before { content: ''; display: block; width: 6px; height: 6px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; top: 11px; } 
.product-content03 .box .img-box { margin: 0 40px; margin-top: 40px; } 
.product-content04 { margin-bottom: 150px; } 
.product-content04 .box { width:640px; background-color: #f5f8fa; border-radius: 12px; padding: 60px 50px; position: relative; cursor: pointer; } 
.product-content04 .box:last-child { margin-right: 0; } 
.product-content04 .box .btn-box { position: absolute; right:60px; top:60px; width:80px; height:80px; transition: 0.2s; } 
.product-content04 .box h3 { color:var(--sub); margin-bottom: 40px; } 
.product-content04 .box p { margin-bottom: 10px; } 
.product-content04 .box ul li { position: relative; padding-left: 20px; } 
.product-content04 .box ul li:before { content: ''; display: block; width: 6px; height: 6px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; top: 11px; } 
.product-content04 .box .img-box { margin: 0 80px; margin-top: 40px; } 
.product-content05 { padding-top: 160px; padding-bottom: 160px; background-color: var(--sub); } 
.product-content05 .sub-title { color:#fff; } 
.product-content05 .sub-title span { color:var(--main); } 
.product-content05 .flex { flex-wrap: wrap; } 
.product-content05 .flex .box { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; background-color: #fff; border: 1px solid #55c6e9; border-radius: 20px; padding: 40px; } 
.product-content05 .flex .box:nth-child(4n) { margin-right: 0; } 
.product-content05 .flex .box:nth-child(n+5) { margin-bottom: 0; } 
.product-content05 .flex .box h3 { margin-top: 25px; } 
.product-content05 .flex .box p { color: #707070; margin-top: 13px; } 
.product-content06 { padding-top: 115px; padding-bottom: 85px; background-color: #f5f8fa; } 
.product-content06 > .container > h3 { margin-bottom: 40px; } 
.product-content06 .left-box { width: 50%; background-color: #fff; position: relative; height: 0; padding-bottom: 50%; } 
.product-content06 .left-box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; } 
.product-content06 .right-box { width: 50%; padding-left: 155px; } 
.product-content06 .tab-list { margin-bottom: 95px; } 
.product-content06 .tab-list ul { font-size: 0; } 
.product-content06 .tab-list ul li { display: inline-block; vertical-align: top; margin-right: 10px; padding: 0 20px; border: 1px solid #000; border-radius: 25px; cursor: pointer; } 
.product-content06 .tab-list ul li:last-child { margin-right: 0; } 
.product-content06 .tab-list ul li span { display: block; text-align: center; font-size: 18px; line-height: 51px; } 
.product-content06 .tab-list ul li.on { background: #003159; border-color: #003159; } 
.product-content06 .tab-list ul li.on span { color: #f5f8fa; font-weight: 600; } 
.product-content06 .right-box .title-box { margin-bottom: 100px; } 
.product-content06 .right-box .title-box h3 { margin-bottom: 40px; } 
.product-content06 .list-box h3 { margin-bottom: 30px; } 
.product-content06 .list-box ul li { position: relative; padding:12px 0; padding-left: 20px; line-height: 1.75; border-bottom: 1px solid #dcdcdc; } 
.product-content06 .list-box ul li:last-child { border-bottom: none; } 
.product-content06 .list-box ul li:before { content: ''; display: block; width: 6px; height: 6px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; top: 23px; } 
.product-content07 { padding-top: 150px; padding-bottom: 150px; } 
.product-content07 .sub-title span { color: var(--main); } 
.product-content07 .flex { flex-wrap: wrap; } 
.product-content07 .flex .box { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px; background-color: #f5f8fa; border-radius: 20px; padding: 60px; padding-bottom: 70px; transition: 0.2s; } 
.product-content07 .flex .box:nth-child(2n) { margin-right: 0; } 
.product-content07 .flex .box:nth-child(n+3) { margin-bottom: 0; } 
.product-content07 .flex .box .icon-box { margin-bottom: 60px; } 
.product-content07 .flex .box p { letter-spacing: -0.44px; transition: 0.3s; } 
.product-content07 .flex .box svg rect, .product-content07 .flex .box svg path { transition: 0.3s; } 
.product-content07 .flex .box:hover { background-color: var(--sub); transition: 0.2s; } 
.product-content07 .flex .box:hover p { color: #fff; transition: 0.3s; } 
.product-content07 .flex .box:hover svg rect { fill:var(--main2) !important; transition: 0.3s; } 
.product-content07 .flex .box:hover svg path { fill:#2c60a1 !important; transition: 0.3s; } 
.product-footer { padding-top: 60px; padding-bottom: 60px; background-color: var(--main2); } 
.product-footer h3 { margin-bottom: 20px; letter-spacing: -0.9px; } 
.product-footer p { font-weight: 500; letter-spacing: -0.36px; } 
.product-footer .btn-box { width:180px; max-width: 100%; margin: 0 auto; margin-top: 40px; background-color: var(--sub); border-radius: 28px; } 
.product-footer .btn-box a { display: flex; align-items: center; justify-content: center; } 
.product-footer .btn-box span { display:block; font-weight: 500; color: #fff; margin-right: 10px; line-height: 56px; } 
.product-footer .btn-box img { transform:translate(0, 0); transition: transform 0.4s; } 
.product-footer .btn-box:hover img { transform:translate(4px, -4px); transition: transform 0.4s; } 
.prd-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 20; } 
.prd-popup .inner { width: 1350px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; padding: 120px; } 
.prd-popup .inner .close-btn { position: absolute; right: 40px; top: 40px; width:46px; height:46px; cursor: pointer; } 
.prd-popup .inner .close-btn img { transform: rotate(0); transition: 0.3s; cursor: pointer; } 
.prd-popup .inner .close-btn:hover img { transform: rotate(90deg); transition: 0.3s; } 
.prd-popup .inner .contents .img-box { width: 45%; background-color: #f5f8fa; border-radius: 10px; position: relative; height: 0; padding-bottom: 45%; } 
.prd-popup .inner .contents .img-box img { width: 17vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: contain; } 
.prd-popup .inner .contents .txt-box { width: 55%; padding-left: 70px; } 
.prd-popup .inner .contents .txt-box h3 { margin-top: 5px; color: var(--sub); } 
.prd-popup .inner .contents .txt-box ul { margin-top: 80px; } 
.prd-popup .inner .contents .txt-box ul li { position: relative; padding:12px 0; padding-left: 20px; line-height: 1.75; border-bottom: 1px solid #dcdcdc; } 
.prd-popup .inner .contents .txt-box ul li:last-child { border-bottom: none; } 
.prd-popup .inner .contents .txt-box ul li:before { content: ''; display: block; width: 6px; height: 6px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; top: 23px; } 

/* news.php */
.news { margin-top: -40px; } 
.news-content01 { padding-bottom: 120px; } 
.news-content01 .flex { flex-wrap: wrap; } 
.news-content01 .flex .box { position: relative; width: calc((100% - 90px) / 3); margin-right: 45px; margin-bottom: 45px; } 
.news-content01 .flex .box:nth-child(3n) { margin-right: 0; } 
.news-content01 .flex .box:nth-child(n+7) { margin-bottom: 0; } 
.news-content01 .flex .box .img-box { margin-bottom: 30px; } 
.news-content01 .flex .box .img-box, .news-content01 .flex .box .img-box img { border-radius: 13px; } 
.news-content01 .flex .box .txt-box .date-box { margin-bottom: 35px; } 
.news-content01 .flex .box .txt-box .date-box span { display: inline-block; padding-left: 20px; position: relative; } 
.news-content01 .flex .box .txt-box .date-box span::before { content: ''; display: block; width: 12px; height: 12px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; top: 7px; } 
.news-content01 .flex .box .txt-box .title-box { margin-bottom: 40px; } 
.news-content01 .flex .box .txt-box .title-box h3 { line-height: 1.32; margin-bottom: 13px; } 
.news-content01 .flex .box .txt-box .title-box p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.news-content01 .flex .box .btn-box { width:165px; max-width: 100%; margin-top: 40px; background-color: var(--sub); border-radius: 28px; } 
.news-content01 .flex .box .btn-box a { display: flex; align-items: center; justify-content: center; } 
.news-content01 .flex .box .btn-box a::after { content: ""; position: absolute; inset: 0; } 
.news-content01 .flex .box .btn-box span { display:block; font-weight: 500; color: #fff; margin-right: 10px; line-height: 56px; } 
.news-content01 .flex .box .btn-box img { transform:translate(0, 0); transition: transform 0.4s; } 
.news-content01 .flex .box:hover .btn-box img { transform:translate(2px, -2px); transition: transform 0.4s; } 
.paging-box { display: flex; align-items: center; justify-content: center; } 
.paging-box .arrow { position: static; margin: 0 !important; } 
.paging-box .num-box { margin: 0 25px; font-size: 0; } 
.paging-box .num-box a { display: inline-block; vertical-align: top; text-align: center; font-size: 20px; width:36px; line-height: 36px; letter-spacing: -0.8px; border-radius: 50%; margin: 0 15px; } 
.paging-box .num-box a.on { color:#fff; background-color: var(--sub); } 

/* news_view.php */
.news-view-content01 { padding-top: 100px; padding-bottom: 100px; background-color: #f5f8fa; } 
.news-view-content01 .title-box { padding-bottom: 60px; border-bottom: 1px solid #b2b2b2; } 
.news-view-content01 .title-box h3 { color: var(--sub); letter-spacing: -0.8px; position: relative; margin-bottom: 20px; } 
.news-view-content01 .title-box h3:after { content: ''; display: block; width: 50px; height: 4px; background-color: var(--sub); position: absolute; left: 50%; bottom:-20px; transform: translateX(-50%); } 
.news-view-content01 .info-box { margin-top: 60px; } 
.news-view-content01 .info-box ul { display: flex; align-items: center; justify-content: center; } 
.news-view-content01 .info-box ul li { margin-right: 25px; } 
.news-view-content01 .info-box ul li:last-child { margin-right: 0; } 
.news-view-content01 .info-box ul li span:first-child { margin-right: 13px; } 
.news-view-content01 .content-box { padding: 50px 0; } 
.news-view-content01 .content-box .img-box { width: 50%; } 
.news-view-content01 .content-box .txt-box { width: 50%; padding-left: 40px; } 
.news-view-content01 .content-box .txt-box h3 { font-size:28px; font-weight: 600; line-height: 1.43; margin-bottom: 30px; } 
.news-view-content01 .content-box .txt-box p { font-size: 18px; } 
.news-view-content01 .txt-box .editor-content { font-size: 18px; line-height: 1.7; word-break: break-word; } 
.news-view-content01 .txt-box .editor-content * { font-size: inherit; } 
.news-view-content01 .txt-box .editor-content p { margin-bottom: 0.8em; } 
.news-view-content01 .txt-box .editor-content h1,
.news-view-content01 .txt-box .editor-content h2,
.news-view-content01 .txt-box .editor-content h3,
.news-view-content01 .txt-box .editor-content h4,
.news-view-content01 .txt-box .editor-content h5,
.news-view-content01 .txt-box .editor-content h6 { margin: 1.2em 0 0.5em; font-weight: 700; line-height: 1.4; } 
.news-view-content01 .txt-box .editor-content h1 { font-size: 32px; } 
.news-view-content01 .txt-box .editor-content h2 { font-size: 28px; } 
.news-view-content01 .txt-box .editor-content h3 { font-size: 24px; } 
.news-view-content01 .txt-box .editor-content h4 { font-size: 20px; } 
.news-view-content01 .txt-box .editor-content strong,
.news-view-content01 .txt-box .editor-content b { font-weight: 700; } 
.news-view-content01 .txt-box .editor-content em,
.news-view-content01 .txt-box .editor-content i { font-style: italic; } 
.news-view-content01 .txt-box .editor-content ul,
.news-view-content01 .txt-box .editor-content ol { margin-bottom: 0.8em; padding-left: 1.5em; } 
.news-view-content01 .txt-box .editor-content ul li { list-style: disc; } 
.news-view-content01 .txt-box .editor-content ol li { list-style: decimal; } 
.news-view-content01 .txt-box .editor-content a { color: var(--sub2); text-decoration: underline; } 
.news-view-content01 .txt-box .editor-content img { max-width: 100%; height: auto; } 
.news-view-content01 .txt-box .editor-content table { width: 100%; margin-bottom: 0.8em; border-collapse: collapse; } 
.news-view-content01 .txt-box .editor-content th,
.news-view-content01 .txt-box .editor-content td { padding: 8px 10px; border: 1px solid #d1d5db; } 
.news-view-content02 { margin-top: 70px; } 
.news-view-content02 .list-box ul { border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,0,0,0.6); } 
.news-view-content02 .list-box ul li:hover { background-color: rgba(255, 255, 255, 0.8); } 
.news-view-content02 .list-box ul li a { display: flex; padding: 25px 0; } 
.news-view-content02 .list-box ul li:first-child { border-bottom: 1px solid #b2b2b2; } 
.news-view-content02 .list-box ul li .left-box { width: 170px; padding: 0 25px; display: flex; align-items: center; } 
.news-view-content02 .list-box ul li .left-box span { display:block; margin-right: 40px; } 
.news-view-content02 .list-box ul li .right-box { width: calc(100% - 170px); } 
.news-view-content02 .list-box .list-btn { width:160px; background-color: var(--main2); border-radius: 10px; margin-top: 50px; } 
.news-view-content02 .list-box .list-btn a { display: block; } 
.news-view-content02 .list-box .list-btn a div { text-align: center; line-height: 56px; letter-spacing: -0.72px; } 

/* contact.php */
.contact-content01 .title-box { margin-bottom: 40px; } 
.contact-content01 .title-box h3 { letter-spacing: -2px; line-height: 1.2; } 
.contact-content02 .flex .img-box { width: 41%; } 
.contact-content02 .flex .txt-box { width: 59%; padding-left: 115px; } 
.contact-content02 .form-wrap .form-row { display: flex; background-color: #f5f8fa; border-radius: 5px; margin-bottom: 20px; } 
.contact-content02 .form-wrap .form-row:last-child { margin-bottom: 0; } 
.contact-content02 .form-wrap .form-row .input-title { width:180px; padding-left: 25px; } 
.contact-content02 .form-wrap .form-row .input-title p { font-size: 19px; font-weight: 500; line-height: 80px; } 
.contact-content02 .form-wrap .form-row .input-title span { color: var(--main); } 
.contact-content02 .form-wrap .form-row .input-box { width: calc(100% - 180px); } 
.contact-content02 .form-wrap .form-row .input-box input { font-size: 19px; background: transparent; height:80px; line-height: 80px; width:100%; padding: 20px; } 
.contact-content02 .form-wrap .form-row .input-box input::placeholder { color: rgba(0,0,0,.6); font-size: 19px; } 
.contact-content02 .form-wrap .form-row .input-box textarea { font-size: 19px; width:100%; height: 160px; background: transparent; overflow-y: auto; resize: none; padding: 20px; } 
.contact-content02 .form-wrap .form-row .input-box textarea::placeholder { color: rgba(0,0,0,.6); font-size: 19px; } 
.contact-content02 .bottom-box { display: flex; margin-top: 20px; } 
.contact-content02 .bottom-box .chk-box { font-size:0; width: calc(100% - 242px); } 
.contact-content02 .bottom-box .chk-box input { display: none; } 
.contact-content02 .bottom-box .chk-box label { display: inline-block; vertical-align: middle; font-size: 20px; padding-left: 40px; position: relative; cursor: pointer; } 
.contact-content02 .bottom-box .chk-box label:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 6px; background-image: url("../images/contact/chk.png"); background-repeat: no-repeat; background-position: center; background-size: 20px; border-radius: 4px; border: 1px solid var(--sub); } 
.contact-content02 .bottom-box .chk-box input:checked + label:before { background-image: url("../images/contact/chk_active.png"); } 
.contact-content02 .bottom-box .send-box { margin-left: 80px; width: 162px; max-width: 100%; height: 53px; background-color: var(--sub); border-radius: 10px; } 
.contact-content02 .bottom-box .send-box a { display: block; text-align: center; } 
.contact-content02 .bottom-box .send-box a.is-sending { opacity: 0.6; cursor: wait; } 
.contact-content02 .bottom-box .send-box a div { font-size: 18px; color:#fff; line-height: 53px; } 
.contact-content03 { margin-top: 125px; } 
.contact-content03 .map-wrap { display: flex; margin-bottom: 40px; } 
.contact-content03 .map-wrap .left-box { width: 42%; } 
.contact-content03 .map-wrap .left-box iframe { width: 100% !important; height: 100% !important; } 
.contact-content03 .map-wrap .right-box { width: 58%; background-color:var(--sub); padding: 90px 115px; } 
.contact-content03 .map-wrap .right-box .text-box { margin-bottom: 60px; } 
.contact-content03 .map-wrap .right-box .text-box h3 { margin-bottom: 30px; color: #fff; letter-spacing: -0.6px; } 
.contact-content03 .map-wrap .right-box .text-box div { display:flex; align-items: center; } 
.contact-content03 .map-wrap .right-box .text-box div span { display:block; margin-left: 15px; color:#fff; } 
.contact-content03 .map-wrap .right-box .btn-box { width:166px; max-width:100%; border-radius: 28px; background-color: var(--main2); } 
.contact-content03 .map-wrap .right-box .btn-box a { display: block; text-align: center; } 
.contact-content03 .map-wrap .right-box .btn-box a div { font-size: 18px; font-weight: 600; line-height: 56px; color: #011229; } 

/* business08.php */
.business08-content02 { padding-top: 120px; padding-bottom: 120px; background-color: #f5f5f5; } 
.business08-content02 .flex { flex-wrap: wrap; justify-content: center; } 
.business08-content02 .flex .box { display: flex; width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; background-color: #fff; border: 1px solid #ccc; border-radius: 20px; padding: 30px 50px; } 
.business08-content02 .flex .box:nth-child(3n) { margin-right: 0; } 
.business08-content02 .flex .box:nth-child(n+4) { margin-bottom: 0; } 
.business08-content02 .flex .box .icon-box { width: 70px; margin-right: 30px; } 
.business08-content02 .flex .box .txt-box { width: calc(100% - 100px); } 
.business08-content02 .flex .box .txt-box span { color: #ccc; } 
.business08-content03 .flex .box { width: calc((100% - 60px) / 3); margin-right: 30px; padding: 30px; padding-bottom: 135px; border-radius: 12px; background-color: rgba(245, 248, 250, 0.62); } 
.business08-content03 .flex .box:nth-child(3n) { margin-right: 0; } 
.business08-content03 .flex .box .icon-box { margin-bottom: 30px; } 
.business08-content03 .flex .box h3 { color: var(--sub); letter-spacing: -0.44px; margin-bottom: 25px; } 
.business08-content03 .flex .box ul li { padding-left: 10px; position: relative; margin-bottom: 5px; letter-spacing: -0.32px; } 
.business08-content03 .flex .box ul li:before { content: ''; display: block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; left: 0; top: 11px; } 
.business08-content03 .flex .box ul li:last-child { margin-bottom: 0; } 
.business08-content03 .flex .box:hover svg rect { fill:var(--main2) !important; } 
.business08-content03 .flex .box:hover svg path { fill:var(--sub) !important; } 
.business08-content04 .flex .title-box { width: 34%; } 
.business08-content04 .flex .text-box { width: 66%; } 
.business08-content04 .flex .text-box .box-wrap .box-row { display: flex; align-items: center; padding: 35px 0; border-bottom: 1px solid #b2b2b2; } 
.business08-content04 .flex .text-box .box-wrap .box-row:first-child { border-top: 1px solid #b2b2b2; } 
.business08-content04 .flex .text-box .box-wrap .box-row .img-box { width: 38%; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box { width: 62%; padding-left: 100px; padding-right: 120px; position: relative; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box .btn-box { position: absolute; top: 0; right:0; width:80px; height:80px; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box .btn-box a { display: block; text-align: right; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box .btn-box img { transform: translate(0, 0); transition: 0.3s; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box .btn-box:hover img { transform: translate(2px, -2px); transition: 0.3s; transition-delay: 0.2s; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box h3 { color: var(--sub); margin-bottom: 10px; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box p { margin-bottom: 10px; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box ul { display: flex; flex-wrap: wrap; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box ul li { border: 1px solid #707070; border-radius: 20px; line-height: 40px; text-align: center; padding: 0 18px; margin-right: 5px; margin-bottom: 5px; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box ul li:last-child { margin-right: 0; } 

/* business09.php */
.business09-content02 { padding-top: 100px; padding-bottom: 100px; background-color: var(--main2); } 
.business09-content02 .txt-wrap { position: relative; } 
.business09-content02 .txt-wrap h3 { margin-bottom: 45px; letter-spacing: -2px; } 
.business09-content02 .txt-wrap .btn-box { position: absolute; top: 0; right: 0; width: 80px; height: 80px; transition: 0.2s; } 
.business09-content03 .flex .box { width: calc((100% - 240px) / 4); margin-right: 80px; } 
.business09-content03 .flex .box:nth-child(4n) { margin-right: 0px; } 
.business09-content03 .flex .box .list-box { text-align: center; background-color: #fff; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); padding: 40px 20px; cursor: pointer; transition: 0.3s; } 
.business09-content03 .flex .box .list-box:hover { background-color: #f5f8fa; transition: 0.3s; } 
.business09-content03 .flex .box .list-box .img-box svg { height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 55px; transform: scale(1); transition: 0.3s; } 
.business09-content03 .flex .box .list-box:hover .img-box svg { transform: scale(1.1); transition: 0.3s; } 
.business09-content03 .flex .box .list-box .txt-box { display: flex; align-items: center; justify-content: center; } 
.business09-content03 .flex .box .list-box .txt-box span { display: block; margin-right: 12px; } 
.business09-content03 .flex .box .list-box .txt-box img { transform: rotate(0deg); transition: transform 0.3s; } 
.business09-content03 .flex .box.on .list-box .txt-box img { transform: rotate(180deg); transition: transform 0.3s; } 
.business09-content03 .flex .box .content-box { visibility: hidden; opacity: 0; margin-top: 20px; background-color: #f5f8fa; border-radius: 10px; padding: 30px; transition: 0.3s; } 
.business09-content03 .flex .box.on .content-box { visibility: visible; opacity: 1; transition: 0.3s; } 
.business09-content03 .flex .box .content-box ul li { margin-bottom: 10px; padding-left: 20px; line-height: 1.8; position: relative; } 
.business09-content03 .flex .box .content-box ul li:last-child { margin-bottom: 0; } 
.business09-content03 .flex .box .content-box ul li::before { content: ''; display:block; width:5px; height:5px; background: #000; border-radius: 50%; position: absolute; left: 0; top: 10px; } 
.business09-content06 .slide-box { padding: 0 32px; overflow: hidden; position: relative; } 
.business09-content06 .slide-box:before { content:''; display: block; width:32px; height:100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 5; } 
.business09-content06 .slide-box:after { content:''; display: block; width:32px; height:100%; position: absolute; right: 0; top: 0; background-color: #fff; z-index: 5; } 
.business09-content06 .slide-box .swiper-slide p { text-align: center; margin-top: 30px; } 
.business09-content06 .slide-box .arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width:64px; height:64px; cursor: pointer; } 
.business09-content06 .slide-box .arrow.arrow-prev { left: 0; } 
.business09-content06 .slide-box .arrow.arrow-next { right: 0; } 
.business09-content06 .slide-box .arrow .circle01 { fill:var(--sub) !important; stroke:none !important; } 
.business09-content06 .slide-box .arrow path { stroke:#fff !important; } 
.business09-content06 .slide-box .arrow.swiper-button-disabled .circle01 { fill:#fff !important; stroke:#b7b7b7 !important; } 
.business09-content06 .slide-box .arrow.swiper-button-disabled path { stroke:#b7b7b7 !important; } 

/* business10.php */
.business10-content02 { margin-top: 160px; } 
.business10-content02 .flex { align-items: center; } 
.business10-content02 .flex .img-box { width:46%; } 
.business10-content02 .flex .txt-box { width:54%; padding-left: 80px; } 
.business10-content02 .flex .txt-box h4 { margin-bottom:20px; } 
.business10-content02 .flex .txt-box h4.circle08:before { top: 17px; } 
.business10-content02 .flex .txt-box ul li { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e5e5e5; } 
.business10-content02 .flex .txt-box ul li span { display: inline-block } 
.business10-content02 .flex .txt-box ul li span:first-child { font-size: 10px; width:36px; line-height:20px; margin-right: 20px; text-align: center; color:#fff; background-color: var(--sub); border-radius: 14px; } 
.business10-content02 .flex .txt-box ul li span:last-child { width: calc(100% - 56px); } 
.business10-content03 { padding-top: 140px; padding-bottom: 140px; background-color: #f5f8fa; } 
.business10-content03 .img-box { width: 48%; } 
.business10-content03 .txt-box { width: 52%; padding-left: 150px; align-self: flex-end; } 
.business10-content03 .txt-box ul li { padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } 
.business10-content03 .txt-box ul li span { display: block; } 
.business10-content03 .txt-box ul li span.circle12::before { top: 3px; } 
.business10-content03 .txt-box ul li span:first-child { margin-bottom: 20px; line-height: 1; } 

.circle08 { padding-left: 20px; position: relative; } 
.circle08:before { content: ''; display:block; width:8px; height: 8px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; } 
.circle12 { padding-left: 20px; position: relative; } 
.circle12:before { content: ''; display:block; width:12px; height: 12px; background-color: var(--main); border-radius: 50px; position: absolute; left: 0; } 

/* business11.php */
.business11-content01 .flex .title-box { width:47%; position: relative; } 
.business11-content01 .flex .title-box:after { content:''; display: block; width:1px; height:100%; position: absolute; right:0; top:0; background-color: rgba(112, 112, 112, 0.3); } 
.business11-content01 .flex .txt-box { width:53%; padding-left: 80px; position: relative; } 
.business11-content01 .flex .txt-box .btn-box { margin-top: 55px; } 
.business11-content01 .flex .txt-box .btn-box a { display: block; width: 235px; height: 60px; padding-left: 40px; border-radius: 8px; border: solid 1px #081130; font-size: 18px; font-weight: 600; color: #081130; line-height: 58px; background: url("../images/main/icon20.png") no-repeat center right +40px; transition: 0.3s; } 
.business11-content01 .flex .txt-box .btn-box:hover a { color: #fff; background:url("../images/main/icon01.png") no-repeat center right +40px; background-color: var(--sub); transition: 0.3s; } 
.business11-content02 .title-box h3 { margin-bottom: 30px; } 
.business11-content02 .flex { justify-content: center; padding: 0 180px; } 
.business11-content02 .flex .box { width:25%; position: relative; } 
.business11-content02 .flex .box:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 74px; right: -50%; border: 1px dashed var(--sub); z-index: -1; } 
.business11-content02 .flex .box:last-child:before { display: none; } 
.business11-content02 .flex .box .img-box { margin-bottom: 30px; } 
.business11-content02 .flex .box .img-box svg { margin-left: auto; margin-right: auto; } 
.business11-content02 .flex .box .img-box img { height: 135px; } 
.business11-content02 .flex .box .num-box { width:50px; height:50px; margin: 0 auto; margin-bottom: 20px; background-color:#fff; border: 1px solid var(--sub); border-radius: 50%; display: flex; justify-content: center; align-items: center; } 
.business11-content02 .flex .box .num-box span { color: var(--sub); }