@charset "utf-8";
@import url("./font-awesome.min.css");

 @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url(./fonts/Roboto-L.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(./fonts/Roboto-R.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url(./fonts/Roboto-B.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(./fonts/Roboto-EB.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'SBAggroL';
    src: url(./fonts/SBAggroL.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url(./fonts/SBAggroM.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroB';
    src: url(./fonts/SBAggroB.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('./fonts/Pretendard-Black.woff2') format('woff2'), url('./fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('./fonts/Pretendard-Bold.woff2') format('woff2'), url('./fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('./fonts/Pretendard-SemiBold.woff2') format('woff2'), url('./fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('./fonts/Pretendard-Medium.woff2') format('woff2'), url('./fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('./fonts/Pretendard-Regular.woff2') format('woff2'), url('./fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('./fonts/Pretendard-Light.woff2') format('woff2'), url('./fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('./fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('./fonts/Pretendard-Thin.woff2') format('woff2'), url('./fonts/Pretendard-Thin.woff') format('woff');
}


/* scrollbar */
/* width */
::-webkit-scrollbar { width: 8px; height: 15px; }
/* Track */
::-webkit-scrollbar-track { background: #e6e6e6; }
/* Handle */
::-webkit-scrollbar-thumb { background: rgba(80,110,160,0.2); border-radius: 4px; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: rgba(80,110,160,0.5); }

.col_scrollbar { width:9px; padding:0 !important; }

/* reset */
* { padding:0; margin:0; color: #020A13  }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
html { overflow-y:scroll; height:100%; font-size:15px }
body { font-family:Pretendard, sans-serif; height:100%; font-weight:500; line-height:1.38; background:#fff; letter-spacing:-0.7px; word-break:keep-all }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:700; font-size:1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; font-family:Pretendard, sans-serif; font-weight:500 }
input[type=text], input[type=password], input[type=date], input[type=number], input[type=submit], input[type=image] { padding:0 20px; border:1px solid #AFB6C3; line-height:60px; height:62px; border-radius:12px;-webkit-appearance:none }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text]:disabled { background:#f4f4f4 }
input[type=text]:read-only { border-color:#a6a8bf; background:#f8f8f8 }

input[type=checkbox], input[type=radio] { width:20px; height:20px; border:1px solid #7C8589  }
input[type=checkbox] + label, input[type=radio] + label { margin-left: 8px; display: inline-block; vertical-align: 0 }
/*input[type=checkbox] + i, input[type=radio] + i {width:20px; height:20px; display:inline-block; vertical-align:middle; background-size:100%; margin:-1px 3px 0 -20px;  }
input[type=checkbox] + i { background-image:url(/safetyplus/front/img/input_check.png) }
input[type=checkbox]:checked + i { background-image:url(/safetyplus/front/img/input_check_on.png) }
input[type=checkbox]:disabled + i { background-image:url(/safetyplus/front/img/input_check_dis.png) }
input[type=radio] + i { background-image:url(/safetyplus/front/img/input_radio.png) }
input[type=radio]:checked + i { background-image:url(/safetyplus/front/img/input_radio_on.png) }
input[type=radio]:disabled + i { background-image:url(/safetyplus/front/img/input_radio_dis.png) }*/

input.input_date { width:130px !important; padding-right:35px; background:#fff url(../../images/new_images/icon_calendar.png) no-repeat 102px center }

input[type=text],input[type=password],input[type=number], textarea, select, a, button { transition: all .2s; outline: none; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus { box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }

button, input[type=submit] { cursor:pointer }
select { border:1px solid #AFB6C3; height:62px; border-radius: 12px; padding:0 60px 0 20px; cursor:pointer; appearance:none; background: #fff url(../../images/new_images/btn_arrow_select.png) calc(100% - 20px) center no-repeat }
select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; -webkit-tap-highlight-color : transparent; }
strong, b, th { font-weight:700 }
table { width:100%; border-collapse:collapse; border-spacing:0 }
table.fixed { table-layout:fixed }
caption { display:none; font-size:0; line-height:0 }
textarea { font-size:1em; line-height:1.5; border:1px solid #AFB6C3; padding:20px; width:100%; border-radius:12px; vertical-align:top }
address { font-style:normal }

/* global */
.txt_primary { color:#4026EE !important }
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#f34444 !important }
.txt_blue { color:#00A3FF !important }
.txt_orange { color:#f98203 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#c08024 !important }
.txt_yellow { color:#FFF117 !important }
.clear:after { content:""; display:block; clear:both }
.align_center { text-align:center !important }
.align_left { text-align:left !important }
.align_right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
.overflow_x { overflow-x:scroll; overflow-y:hidden }
.overflow_y { overflow-x:hidden; overflow-y:scroll; min-height:36px }

.succession { margin-top:25px !important }
.succession_s { margin-top:20px !important }
.paragraph { margin-bottom:160px !important }
span.space { display:inline-block; width:18px; text-align:center }
span.space:first-child { width:5px }
.mobile_only { display: none }

.btn { padding:0 22px; height:62px; line-height:60px; font-weight:500; font-size:1em; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:12px; outline:none; vertical-align:middle; text-decoration:none !important; text-align:center }
.btn:hover { background:#f0f0f0 }
.btn-default { background:#fff }
.btn-default:hover { background:#eee }
.btn-accent { background:#fff linear-gradient(to bottom,#feccfe,#fff,#dce9ff) }
.btn-accent:hover { background:#fff linear-gradient(to top,#feccfe,#fff,#dce9ff) }
.btn-primary { background:#625CF9; border-color:#625CF9; color:#fff !important }
.btn-primary:hover{ background:#625CF9; border-color:#625CF9; }
.btn-primary-line { background:#fff; border-color:#625CF9; color:#625CF9 !important }
.btn-info { background:#555; border-color:#444; color:#fff !important }
.btn-info:hover { background:#333; border-color:#222 }
.btn-green { background:#6cc602; border-color:#6cc602; color:#fff !important }
.btn-green:hover{ background:#63b601; border-color:#63b601; }
.btn-green-line { background:#fff; border-color:#63b601; color:#63b601 !important }
.btn-red { background:#e10505; border-color:#e10505; color:#fff !important }
.btn-red:hover{ background:#b70303; border-color:#b70303; }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-pink { background:#f1189b; border-color:#f1189b; color:#fff !important }
.btn-pink:hover{ background:#f1189b; border-color:#f1189b; }
.btn-pink-line { background:#fff; border-color:#f1189b; color:#f1189b !important }
.btn-gray { background:#d5d5df; border-color:#d5d5df; color:#fff !important }
.btn-gray:hover{ background:#d5d5df; border-color:#d5d5df; }
.btn-gray-line { background:#fff; border-color:#d5d5df; color:#d5d5df !important }
.btn-orange { background:#f99903; border-color:#f99903; color:#fff !important }
.btn-orange:hover{ background:#ea7f01; border-color:#ea7f01; }
.btn-orange-line { background:#fff; border-color:#ea7f01; color:#f58808 !important }
.btn-blue { background:#0084ff; border-color:#0084ff; color:#fff !important }
.btn-blue:hover{ background:#0084ff; border-color:#0084ff; }
.btn-blue-line { background:#fff; border-color:#0084ff; color:#0084ff !important }
.btn-bgreen { background:#65c8ce; border-color:#65c8ce; color:#fff !important  }
.btn-bgreen:hover{ background:#40b8bf; border-color:#40b8bf; }
.btn-bgreen-line { background:#fff; border-color:#399d28; color:#399d28 !important }
.btn-brown { background:#e9a005; border-color:#d79301; color:#fff !important  }
.btn-brown:hover { background:#ca8a00; border-color:#b67d01; color:#fff !important  }
.btn-black { background:#797979; border-color:#797979; color:#fff !important }
.btn-black:hover{ background:#797979; border-color:#797979; }
.btn-black-line { background:#fff; border-color:#797979; color:#797979 !important }
.btn-disable { background:#fff; border-color:#e0e0e0; color:#ccc !important; cursor:default }
.btn-disable:hover { background:#fff }
.btn-lg { font-size:1.6em; height:80px; line-height:78px; padding:0 40px; border-radius:40px; font-family: SBAggroM; font-weight: normal; }
.btn-sm { height:38px; line-height:36px; }
.btn-sm i { font-size:14px }
.btn-ss { height:32px; line-height:30px; font-size: 0.95em }
.btn img { margin-top: -2px }
.btn-xs { padding:0 8px; height:30px; line-height:28px; font-size:.95rem; border-radius:3px; }
.btn-xs i { font-size:14px }
.btn-round { border-radius:16px }
.btn-shadow { box-shadow:15px 10px 10px rgba(0,0,0,0.05) }

.tab_con > section { display:none }
.tab_con_opacity > section { opacity:0; }
.tab_con_opacity > section.on { opacity:1 }

.pop_bg { position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:flex; justify-content:center; align-items:center; display:none }
.pop_layer { width:450px; background:#fff; border-radius:10px; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.06); padding:40px }
.pop_header { margin-bottom:25px; position:relative }
.pop_header h2 { text-align:center; font-size:25px; line-height:1.3 }
.pop_header .btn_close { font-size:0; position:absolute; right:-10px; top:-10px; background:url(../../images/new_images/btn_close_b.png); width:25px; height:25px; background-size:100%; display:block }
.pop_con .btn_area { margin-top:30px; display:flex; justify-content:center; align-items:center }
.pop_con .btn_area > * { margin:0 5px }
.pop_con .btn_area .btn { min-width:100px; text-align:center }

.blind { position: fixed; z-index: 30px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none }

#container { min-width: 1300px; height: 100% }
.wrap { width: 1200px; margin: 0 auto; position: relative; }

#header { position: fixed; width: 100%; border-bottom: 1px solid transparent; /*transition: all 0.3s;*/ z-index: 21 }
#header.on { background: #fff; border-color:rgba(0,0,0,0.1) }
#header .wrap { display:flex; height:80px; justify-content:space-between; align-items: center }
#header .logo { font-size:0 }
#header .logo img { width: 100px }
#header aside { display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; }
#header .gnb .depth1 { display:flex; justify-content:space-between; }
#header .gnb .depth1 > li { position:relative; flex-grow:1; margin: 0 50px }
#header .gnb .depth1 > li > a { font-size:18px; text-align:center; display:block; line-height: 1; font-weight: 500 }
/*#header .gnb .depth1 > li:nth-child(5) { border-left:1px solid #222; padding-left: 44px }*/
/*#header .gnb .depth1 > li:nth-child(n+5) > a { color: #555 }*/
#header .gnb .depth1 > li.on a { font-weight: 700; color: #4026EE }
/* 기존 메뉴 로직 */
#header .gnb .depth2 { position:absolute; background:#fff; width:160px; left:50%; transform:translateX(-50%); max-height:0; transition:all .3s; overflow:hidden; opacity:0; z-index:60 }
#header .gnb .depth2 a { line-height:1.3; padding:12px; display:block; background:#fff; border:1px solid #e0e0e0; text-align:center; margin-top:-1px }
#header .gnb .depth2 a:hover { background:#f9f9f9; color:#00278a }
#header .gnb .depth1 > li:hover .depth2 { max-height:300px; overflow:visible; opacity:1 }
/* 기존 메뉴 로직 */
#header .user { margin-left: 47px }
#header .user ul { display:flex; align-items:center; }
#header .user li a { display:block; line-height:1; font-size: 16px; color: #555 }
#header .user li:nth-child(2) a { margin-left:15px; border: 1px solid #4026EE; color: #4026EE; border-radius:14px; height: 28px; line-height: 26px; padding: 0 12px 0 11px; font-weight: 700 }

#footer .wrap  { background:#fff; padding: 100px 0 }
#footer h2 { background: url(../../images/new_images/ci_awa.png) no-repeat; background-size: 100%; width: 172px; height: 30px; font-size: 0 }
#footer address { font-size:16px; color:#555; line-height:1.4; margin-top:25px }
#footer dl { display: flex; font-size: 16px; color: #666; margin-top: 13px }
#footer dt { color: #666 }
#footer dd { color: #444; margin: 0 30px 0 5px }
#footer dd strong { color: #00278C }
#footer nav ul { display: flex; margin-top: 35px }
#footer nav li { border-left: 1px solid #666; padding-left: 25px; margin-left: 25px; line-height: 1; font-size: 18px }
#footer nav li:first-child { padding: 0; margin: 0; border: 0 }
#footer .copyright { display: flex; justify-content: space-between; margin-top: 20px }
#footer .copyright p { font-weight: 300; color: #555; font-size: 14px; letter-spacing: 0 }
#footer .copyright ul { display: flex }
#footer .copyright li { margin-left: 32px }
#footer .copyright li a { width: 50px; height: 50px; display: block; background-color: #61708E; background-repeat: no-repeat; background-position: center; border-radius: 50%; font-size: 0 }
#footer .copyright li:nth-child(1) a { background-image: url(../../images/new_images/icon_naver.png) }
#footer .copyright li:nth-child(2) a { background-image: url(../../images/new_images/icon_youtube.png) }
#footer .copyright li:nth-child(3) a { background-image: url(../../images/new_images/icon_fb.png) }
#footer .copyright li:nth-child(4) a { background-image: url(../../images/new_images/icon_insta.png) }
.footer_con { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 490px; background: url(../../images/new_images/main_con05_bg.png) no-repeat center ; background-size: cover; text-align: center }
.footer_con p { color: #fff; font-size: 46px; line-height: 1.5 }
.footer_con p strong { color: #fff }
.footer_con p.txt01 { font-family: SBAggroM; font-weight: normal; }
.footer_con .btn_start { display: inline-block; height: 80px; line-height: 82px; border-radius: 40px; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 47px center; color: #fff; font-family: SBAggroM; font-size: 34px;  padding: 0 102px 0 72px; margin-top: 30px; box-shadow:0 10px 15px rgba(0,12,75,0.3) }
.footer_con .btn_start strong { color: #03C4FD; font-weight: normal; }

.fix_btn { position: fixed; z-index: 20; right: 30px; bottom:56px; display: flex; flex-direction: column; }
.fix_btn a { margin-top: 25px; display: block; width: 80px; height: 80px; border-radius: 50%; font-size: 0; background-color: rgba(2,10,19,0.8); background-repeat: no-repeat; background-position: center }
.fix_btn a:nth-child(1) { background-color: #fff; border: 1px solid rgba(0,0,0,0.15); font-size: 14px; text-align: center; color: #323942; background-image: url(../../images/new_images/btn_top.png); background-position: center 20px; padding-top: 46px }
.fix_btn a:nth-child(2) { background-image: url(../../images/new_images/fix_btn01.png) }
.fix_btn a:nth-child(3) { background-color: #F34753; background-image: url(../../images/new_images/fix_btn02.png); box-shadow:0 30px 30px rgba(0,0,0,0.25) }
.fix_btn .sh_span { position: absolute; bottom: 16px; left: -193px; display: block; opacity:0; transition: opacity .3s; width: 180px; height: 50px; border-radius:25px; background: #625CF9; color: #fff; text-align: center; font-family: SBAggroM; line-height: 50px; font-size: 21px }
.fix_btn .sh_span strong { color: #F8FD03; font-weight: normal; }
.fix_btn a:nth-child(3):hover + .sh_span { opacity:1; }

.rows01 { display: flex; justify-content: space-between; }

.tab_menu ul { display: flex; justify-content: center; margin-bottom: 25px }
.tab_menu li { font-size: 21px; margin: 0 33px }
.tab_menu li a { border-bottom: 2px solid transparent; display: inline-block; padding: 0 3px }
.tab_menu li.on a { color: #5E46FF; font-weight: 700; border-color: #5E46FF }

#fullpage { min-height: 100% }
.main_visual { background: #F2F6FF; height: 100%; position: relative; min-height: 800px }
.main_visual .txt_area { margin-left: -600px; position: absolute; left: 50%; top: 22vh; z-index: 3 }
.main_visual .txt01 { font-size: 26px; font-family: SBAggroL; line-height: 1.4; color: #40495C }
.main_visual .txt02 { font-size: 62px; font-family: SBAggroB; line-height: 1.2; margin-top: 20px }
.main_visual .txt03 { font-size: 28px; line-height: 1.25; margin-top: 65px; display: flex }
.main_visual .txt03 li { text-align: center; position: relative; padding-left: 100px }
.main_visual .txt03 li:first-child { padding-left: 20px }
.main_visual .txt03 li:after { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 17px; height: 17px; background: url(../../images/new_images/icon_plus.png) no-repeat center; margin:0 46px; vertical-align: middle; }
.main_visual .txt03 li:first-child:after { display: none }
.main_visual .txt03 .txt_primary { color: #625CF9 !important; font-size: 32px }
.main_visual .txt03 img { vertical-align: 1px; margin: 0 12px }
.main_visual .btn_start { display: inline-block; height: 80px; line-height: 84px; border-radius: 40px; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 47px center; color: #fff; font-family: SBAggroM; font-size: 34px; padding: 0 102px 0 72px; margin-top: 70px; box-shadow:0 10px 15px rgba(0,12,75,0.3) }
.main_visual .btn_start strong { color: #03C4FD; font-weight: normal; }
.main_visual .img_area { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; margin-left: 100px; width: 660px; height: 607px; margin-top: 30px; z-index: 2 }
.main_visual .img_area .deco { position: absolute; }
.main_visual .img_area .bg { position: absolute; left: 0; top: 0; animation:main_bg .7s .5s forwards; opacity:0 }
.main_visual .img_area .deco01 { left: 160px; top: 110px; animation:main_deco01 .6s .8s forwards ease-in; opacity:0 }
.main_visual .img_area .deco02 { left: 250px; top: 170px; animation:main_deco02 .5s .8s forwards ease-in; opacity:0 }
.main_visual .img_area .deco03 { left: 285px; top: 200px; animation:main_deco03 .5s .9s forwards ease-in; opacity:0 }
.main_visual .img_area .deco04 { left: 280px; top: 180px; animation:main_deco04 .6s .9s forwards ease-in; opacity:0 }
.main_visual .img_area .deco05 { left: 300px; top: 200px; animation:main_deco05 .5s .9s forwards ease-in; opacity:0 }
.main_visual .img_area .deco06 { left: 270px; top: 190px; animation:main_deco06 .5s .9s forwards ease-in; opacity:0 }
.main_visual .img_area .safe { left: 170px; top: 120px; animation:main_safe .5s 2s forwards ease-in-out; opacity:0 }
@keyframes main_bg {
	0% { transform:translateY(80px); opacity:0; }
	100% { transform:translateY(0); opacity:1 }
}
@keyframes main_deco01 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(-250px,-70px); opacity:1 }
	100% { transform:scale(1) translate(-250px,-70px); opacity:1 }
}
@keyframes main_deco02 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(320px,70px); opacity:1 }
	100% { transform:scale(1) translate(320px,70px); opacity:1 }
}
@keyframes main_deco03 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(-190px,80px); opacity:1 }
	100% { transform:scale(1) translate(-190px,80px); opacity:1 }
}
@keyframes main_deco04 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(60px,-230px); opacity:1 }
	100% { transform:scale(1) translate(60px,-230px); opacity:1 }
}
@keyframes main_deco05 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(145px,-145px); opacity:1 }
	100% { transform:scale(1) translate(145px,-145px); opacity:1 }
}
@keyframes main_deco06 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(260px,160px); opacity:1 }
	100% { transform:scale(1) translate(260px,160px); opacity:1 }
}
@keyframes main_safe {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.05) translate(80px,-30px); opacity:1 }
	100% { transform:scale(1) translate(80px,-30px); opacity:1 }
}

.main_state { height: 100%; min-height: 900px; background: url(../../images/new_images/main_visual_state_bg.png) no-repeat center ; background-size:cover; padding-top: 180px; position: relative; }
.main_state p.txt01 { font-size: 28px; color: #fff; line-height: 1; margin-bottom: 60px }
.main_state p.txt01 strong { color: #fff }
.main_state dl { display: flex; flex-direction: column; justify-content: center; text-align: center; width: 350px; height: 350px; border-radius: 50%; background: #fff }
.main_state dd { font-weight: 700; font-size: 32px; line-height: 1; margin: 25px 0 10px 0 }
.main_state dd .data { display: inline-flex !important; font-size: 58px !important; height: 70px !important; vertical-align: -25px }
.main_state dd .data ._number { width: 42px !important }
.main_state dd .data ._number > div { width: 100% !important }
.main_state dd .data span { color: #00B3EC !important; font-family: SBAggroM; width: 100% !important }
.main_state dt { font-size: 24px; font-weight: 500; line-height: 1; padding-top: 42px; background-position: center top; background-repeat: no-repeat; }
.main_state dl:nth-child(1) dt { background-image: url(../../images/new_images/icon_building.png) }
.main_state dl:nth-child(2) dt { background-image: url(../../images/new_images/icon_worker.png) }
.main_state dl:nth-child(3) dt { background-image: url(../../images/new_images/icon_tbm.png) }
.main_state p.txt02 { font-size: 28px; color: #fff; line-height: 1; margin-top: 100px; text-align: center }
.main_state p.txt02 strong { font-size: 52px; font-family: SBAggroL; display: block; text-align: center; margin-top: 25px; color: #fff }

.main_con01 { background: #5E46FF url(../../images/new_images/main_con01_bg.png) no-repeat center top; height: 100%; min-height: 920px }
.main_con01 .wrap { display: flex; justify-content: space-between; height: 100%; }
.main_con01 p { color: #fff; font-size: 48px; line-height: 1.2; font-family: SBAggroM; margin-top: 330px; margin-right: 53px }
.main_con01 .img_area { position: absolute; top: 530px; left: 50%; margin-left: -598px }
.main_con01 img.deco { position: absolute; }
.main_con01 .deco01 { left:-175px; top: 0; transform: translate3d(15vw,5vw,0) scale(0.1); }
.main_con01 .deco02 { left:225px; top: 10px; transform: translate3d(-10vw,7vw,0) scale(0.1); }
.main_con01 .deco03 { left:-40px; top: 160px; transform: translate3d(10vw,-3vw,0) scale(0.1); }
.main_con01 ul { margin-top: 260px; position: relative; flex: 1 }
.main_con01 li { width: 268px; height: 250px; background-color: #fff; background-repeat: no-repeat; background-position: right 32px bottom 25px; border-radius:12px; padding: 38px 32px; position: absolute; font-size: 21px; line-height: 1.2; box-shadow: 2px 4px 12px rgba(26,21,62,0.25) }
.main_con01 li strong { font-size: 26px }
.main_con01 li:nth-child(1) { left: 0; top: 50px; background-image: url(../../images/new_images/main_con02_icon01.png)}
.main_con01 li:nth-child(2) { left: 310px; top: 0; background-image: url(../../images/new_images/main_con02_icon02.png) }
.main_con01 li:nth-child(3) { right: 0; top: 80px; background-image: url(../../images/new_images/main_con02_icon03.png) }
.main_con01 li:nth-child(4) { left: 0; top: 322px; background-image: url(../../images/new_images/main_con02_icon04.png) }
.main_con01 li:nth-child(5) { left: 310px; top: 272px; background-image: url(../../images/new_images/main_con02_icon05.png) }
.main_con01 li:nth-child(6) { right: 0; top: 352px; background-image: url(../../images/new_images/main_con02_icon06.png) }

.main_con02 { padding: 150px 0; background-color: #F8F9FD; background-image: url(../../images/new_images/main_con02_pattern01.png), url(../../images/new_images/main_con02_pattern02.png); background-position: center top 20px, right bottom; background-repeat: no-repeat, no-repeat }
.main_con02 h2, .main_con03 h2, .main_con04 h2 { font-size: 48px; font-family: SBAggroM; font-weight: normal; line-height: 1.25 }
.main_con02 .sec01 h2 { text-align: center }
.main_con02 .sec01 .tab_menu ul { margin-top: 25px }
.main_con02 .sec01 .tab_con_opacity { position: relative; height: 290px }
.main_con02 .sec01 .tab_con_opacity > section { position: absolute; width: 100% }
.main_con02 .sec01 .slider:before { content: ""; display: block; width: 33vw; height: 290px; background: linear-gradient(to right, rgba(248,249,253,0.8), rgba(248,249,253,0.6), rgba(248,249,253,0)); position: absolute;; left: 0; top: 0; z-index: 2 }
.main_con02 .sec01 .slider:after { content: ""; display: block; width: 33vw; height: 290px; background: linear-gradient(to left, rgba(248,249,253,0.8), rgba(248,249,253,0.6), rgba(248,249,253,0)); position: absolute;; right: 0; top: 0; z-index: 2 }
.main_con02 .sec01 .slider li { width: 310px !important; height: 260px; border-radius: 12px; background: #fff url(../../images/new_images/icon_dqm.png) no-repeat center 40px; box-shadow:4px 6px 15px rgba(119,124,142,0.25); padding: 106px 42px 40px 42px; text-align: center; font-size: 18px; margin: 10px 15px 20px 15px }
.main_con02 .sec01 .slider li strong { font-size: 21px }

.main_con02 .sec02 { margin-top: 180px }
.main_con02 .sec02 .wrap { display: flex; justify-content: space-between; align-items: center }
.main_con02 .sec02 .partner_area { width: 700px; height: 210px; background: #fff; position: relative; border-radius: 105px; display: flex; align-items: center; padding: 0 30px }
.main_con02 .sec02 .partner_area .btn_ctrl { display: block; width: 42px; height: 42px; background-color: #fff; border-radius: 50%; box-shadow:2px 4px 12px rgba(0,0,0,0.15); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); text-indent:-9000px; font-size:0  }
.main_con02 .sec02 .partner_area .btn_ctrl.prev { background-image: url(../../images/new_images/btn_prev.png); left: -21px }
.main_con02 .sec02 .partner_area .btn_ctrl.next { background-image: url(../../images/new_images/btn_next.png); right: -21px }
.main_con02 .sec02 .partner_area .ci_area { position: relative; overflow: hidden; width: 100%; height: 140px }
.main_con02 .sec02 .partner_area .ci_area:before { content: ""; display: block; width: 30px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); position: absolute;; left: 0; top: 0; z-index: 2 }
.main_con02 .sec02 .partner_area .ci_area:after { content: ""; display: block; width: 30px; height: 100%; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); position: absolute;; right: 0; top: 0; z-index: 2 }
.main_con02 .sec02 .partner_area .ci_area .area { display: flex; align-items: center; flex-wrap:wrap; width: 970px; flex-shrink: 0; position: absolute; left: 0; top: 0; transition: all 0.3s }
.main_con02 .sec02 .partner_area .ci_area a { margin: 13px 30px }

.main_con02 .sec03 { margin-top: 180px }
.main_con02 .sec03 .wrap { display: flex; justify-content: space-between;  }
.main_con02 .sec03 .video_area { width: 100%; width: 680px; height: 341px; border-radius: 12px; overflow: hidden; position: relative; }
.main_con02 .sec03 .video_area video { width: 100%; border-radius:12px }
.main_con02 .sec03 .video_area p { position: absolute; left: 27px; top: 25px; font-size: 21px; font-weight: 500; color: #fff }
.main_con02 .sec03 .video_area p small { font-size: 18px; display: block; color: #fff }
.main_con02 .sec03 .slider_area { margin-left: 50px; position: relative; width: 600px }
.main_con02 .sec03 .slider_area .bx_slider > div { border-radius: 8px; overflow: hidden }
.main_con02 .sec03 .slider_area .bx_slider img { max-width: 100% }
.main_con02 .sec03 .slider_area .bx_slider .on:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(151,136,255,0.4); border: 3px solid #5653FF; border-radius:8px }
.main_con02 .sec03 .bx-pager { display: flex; justify-content: center; align-items: center; height: 20px }
.main_con02 .sec03 .bx-pager a { font-size: 0; width:5px; height: 5px; display: block; background: #9B9B9B; margin: 0 3px; border-radius:50% }
.main_con02 .sec03 .bx-wrapper { display: flex; flex-direction: column-reverse; position: absolute; width: 100%; bottom:0 }
.main_con02 .sec03 .bx-controls { position:relative; margin-bottom: 13px }
.main_con02 .sec03 .bx-controls-direction a { font-size: 0; background: url(../../images/new_images/btn_prev.png) no-repeat; width: 14px; height: 12px; display: block; left: 0; top: 50%; transform: translateY(-50%); position: absolute; opacity:0.6 }
.main_con02 .sec03 .bx-controls-direction a:hover { opacity:1 }
.main_con02 .sec03 .bx-controls-direction a.bx-next { background-image: url(../../images/new_images/btn_next.png); left: auto; right: 0 }
.main_con02 .sec03 .bx-pager a.active { width: 10px; height: 10px; background: #020A13 }

.main_con03 { padding: 150px 0 0 0; background: #F0F4FE url(../../images/new_images/main_con03_pattern.png) no-repeat left top 40px }
.main_con03 h2 { text-align: center; margin-bottom: 45px }
.main_con03 .rows01 > section { width: 100%; position: relative; display: flex; justify-content: flex-end; padding-top: 80px; padding-right: 100px; background-image: url(../../images/new_images/main_con03_bg01.png); background-size: cover; background-position: center top }
.main_con03 .rows01 > section:last-child { justify-content: flex-start; padding-left: 100px; padding-right: 0; background-image: url(../../images/new_images/main_con03_bg02.png) }
.main_con03 .rows01 dl { text-align: center }
.main_con03 .rows01 dt { font-family: SBAggroM; font-weight: normal; color: #fff; padding-top: 84px; font-size: 38px; background: url(../../images/new_images/main_con03_icon01.png) no-repeat center top; text-shadow: 0 0 8px rgba(0,0,0,0.5) }
.main_con03 .rows01 > section:last-child dt { background-image: url(../../images/new_images/main_con03_icon02.png) }
.main_con03 .rows01 dd { margin-top: 12px }
.main_con03 .rows01 dd p { font-size: 21px; color: #fff; line-height: 1.52 }
.main_con03 .rows01 dd p:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../../images/new_images/icon_check.png) no-repeat; background-size: 100%; vertical-align: -2px; margin-right: 5px}
.main_con03 .rows01 dd p strong { color: #fff }
.main_con03 .rows01 dd img { margin-top: 38px }

.main_con04 { padding: 150px 0; background: #F0F4FE url(../../images/new_images/main_con04_pattern.png) no-repeat center top 245px }
.main_con04 h2 { text-align: center; margin-bottom: 100px }
.main_con04 .rows01 { margin-top: 150px }
.main_con04 .rows01:first-child { margin-top: 0 }
.main_con04 .rows01:nth-child(2), .main_con04 .rows01:nth-child(3), .main_con04 .rows01:nth-child(5) { flex-direction: row-reverse }
.main_con04 dl { width: 518px }
.main_con04 .rows01:nth-child(2) dl, .main_con04 .rows01:nth-child(3) dl, .main_con04 .rows01:nth-child(5) dl { margin-left: 110px; flex:1  }
.main_con04 .rows01:nth-child(2) img, .main_con04 .rows01:nth-child(3) img, .main_con04 .rows01:nth-child(5) img { margin-left: 50px }
.main_con04 .rows01:nth-child(5) dl { margin-left: 80px  }
.main_con04 .rows01:nth-child(5) img { margin-left: 20px }
.main_con04 dt { font-family: SBAggroM; font-weight: normal; font-size: 38px; color: #00A3FF; line-height: 1.31 }
.main_con04 dt:before { content: ""; display: block; width: 60px; height: 60px; background: #00A3FF url(../../images/new_images/main_con04_icon01.png) no-repeat center; box-shadow: 0 20px 20px rgba(0,0,0,0.15); border-radius: 50%; margin-bottom: 25px }
.main_con04 .rows01:nth-child(2) dt:before { background-image: url(../../images/new_images/main_con04_icon02.png) }
.main_con04 .rows01:nth-child(3) dt:before { background-image: url(../../images/new_images/main_con04_icon03.png) }
.main_con04 .rows01:nth-child(4) dt:before { background-image: url(../../images/new_images/main_con04_icon04.png) }
.main_con04 .rows01:nth-child(5) dt:before { background-image: url(../../images/new_images/main_con04_icon05.png) }
.main_con04 dd { font-size: 21px; color: #555; line-height: 1.52; margin-top: 24px }

.sub_layout { background: #F8F9FD; padding: 180px 0 0 0; font-size: 21px }
.h2_header { text-align: center; margin-bottom: 45px }
.h2_header h2 { font-size: 48px; line-height: 1.25; font-family: SBAggroM; font-weight: normal; }
.h2_header h2 strong { font-size: 62px; font-weight: normal; }
.h2_header p { margin-top: 15px }
.sub_layout .tab_menu ul { margin-bottom: 45px }
div.help { width: 346px; height: 123px; background: url(../../images/new_images/help_bg.png) no-repeat center; padding: 9px }
div.help span { display: block; width: 284px; height: 70px; text-align: center; font-size: 18px; color: #4026EE; padding-top: 10px }
div.help span strong { color: #4026EE }
div.help.large { width: 403px; height: 139px; background-image: url(../../images/new_images/help_bg_l.png) }
div.help.large span { width: 340px; height: 84px; font-size: 20px; padding-top: 14px }
div.help.small { width: 322px; height: 90px; background-image: url(../../images/new_images/help_bg_s.png); padding-left: 55px; padding-top: 5px }
div.help.small span { width: 257px; height: 45px; padding-top: 10px }
span.step { font-size: 16px; color: #61708E; line-height: 1; letter-spacing: 0; position: relative; }
span.step:before { content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; background: #FCD9E8; position: absolute; right: -10px; top: -9px; }
span.step strong { font-size: 28px; color: #2E71F5; vertical-align: -5px; position: relative; z-index: 1 }
.contents_layout01 li { display: flex; justify-content: space-between; padding-bottom: 170px }
.contents_layout01 li:nth-child(even) { flex-direction: row-reverse; }
.contents_layout01 li > div { width: 380px; padding: 15px }
.contents_layout01 li > div p { font-size: 36px; line-height: 1.25; font-weight: 700; margin-top: 16px }
.contents_layout01 li > div div.help { margin-top: 22px; margin-left: -8px }

.sub01_01 { background: url(../../images/new_images/sub01_ptn01.png) no-repeat center top; padding-top: 26px }
.sub01_02 { background: url(../../images/new_images/sub01_ptn02.png) no-repeat center top; padding-top: 26px }
.sub01_03 { background: url(../../images/new_images/sub01_ptn03.png) no-repeat center 170px; padding-top: 26px; padding-bottom: 170px }
.sub01_03 .txt01 { text-align: center; font-size: 48px; font-family: SBAggroM; margin-bottom: 56px }

.sub01_01 .contents_layout01 li:nth-child(4) .rows { display: flex; flex-direction: row-reverse; justify-content: space-between; flex:1 }

.sub02_top { background: url(../../images/new_images/sub02_ptn01.png) no-repeat 22.3% top; padding-top: 30px; padding-bottom: 70px }
.sub02_top .wrap { display: flex; justify-content: center; align-items: center }
.sub02_top h2 { font-size: 42px; font-family: SBAggroM; font-weight: normal; margin-left: 62px }
.sub02_top h2 .txt_blue { font-size: 48px }
.sub02_top img { margin-right: 62px }

.step_header { text-align: center; margin-bottom: 25px }
.step_header h3 { font-size: 21px; color: #2E71F5; line-height: 1; margin: 12px 0 0 0 }

.h3_header { text-align: center; margin-bottom: 60px }
.h3_header h3 { font-size: 42px; font-family: SBAggroM; font-weight: normal; }
.h3_header p { font-size: 26px; margin-top: 10px }

.sub02_con01 { padding: 120px 0 }
.sub02_top + .sub02_con01 { padding-top: 58px }
.sub02_con01 + .sub02_con01 { padding-top: 0 }
.sub02_con01 p { font-size: 23px; text-align: center; color: #323942 }
.sub02_con01 p.txt01 { font-size:36px; font-weight: 700; color: #020A13 }
.sub02_con01 .img01 { text-align: center; position: relative; margin-top: 36px }
.sub02_con01 .img01 .help { position: absolute; left: calc(50% + 45px); top: 8px; }

.sub02_con02 { padding: 120px 0 180px 0; background: #F0F4FE }
.sub02_02 .img01 { text-align: center; position: relative; margin-top: 36px }
.sub02_02 .img01 .help { position: absolute; left: calc(50% - 391px); top: auto; bottom: -80px; }

.sub02_func { background: #fff url(../../images/new_images/sub02_ptn02.png) no-repeat center top; padding: 110px 0 180px 0; text-align: center }
.sub02_func h3 { display: inline-block; background: #4026EE; color: #fff; height: 68px; line-height: 68px; border-radius:32px; font-size: 36px; padding: 0 75px; margin-bottom: 80px }
.sub02_func ul { display: flex; justify-content: space-around; align-items: center }
.sub02_func ul p { font-size: 24px; line-height: 32px; font-weight: 700; margin-top: 25px }
.sub02_func ul p .num { display: inline-block;; width: 32px; height: 32px; border-radius: 50%; background: #020A13; color: #fff; text-align: center; font-size: 21px; font-weight: 500 }

.sub02_guide { background: #CDDAF9 url(../../images/new_images/sub02_ptn03.png) no-repeat right top; padding: 105px 0 120px 0; position: relative; }
.sub02_guide h3 { font-size: 48px; font-family: SBAggroM; font-weight: normal; line-height: 1.25; position: absolute; left: 50%; top: 143px; margin-left: -600px }
.sub02_guide .bg { position: absolute; left: calc(50% - 55px); top: 103px }
.sub02_guide .slider { height: 760px; position: relative }
.slick-list { position: relative; overflow: hidden; }
.slick-track { position: relative; display: flex; align-items: center; margin-left: 252px; padding: 50px 0; margin-top: 120px }
.slick-slide { height: 100%; min-height: 1px; width: 462px; height: 395px; background: #fff; border-radius: 25px; margin: 0 50px; box-shadow: 0 6px 12px rgba(31,38,114,0.25); opacity: 0.7; margin-top: -60px }
.slick-active, .slick-current { opacity: 1; height: 609px; margin-top: 0 }
.slick-arrow { display: block; width: 62px; height: 62px; border-radius: 50%; background: #fff url(../../images/new_images/btn_arrow.png) no-repeat center; font-size: 0; border: 0; box-shadow: 2px 4px 12px rgba(0,0,0,0.15); position: absolute; top: 50%; left:50%; z-index:10 }
.slick-prev { margin-left: -58px }
.slick-next { margin-left: 500px; background-image: url(../../images/new_images/btn_next.png) }
.slick-slide { padding: 50px 30px 40px 30px; overflow: hidden; position: relative; }
.slick-slide:after { content: ""; position: absolute; display: block; width: 100%; height: 40px; bottom: 0; background: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(255,255,255,0)) }
.slick-slide h4 { width: 100px; height: 100px; border-radius:50%; background: #1CB892; color: #fff; font-size: 32px; line-height: 100px; margin: 0 auto 30px auto; text-align: center }
.slick-slide:nth-child(2) h4 { background: #26A6EE }
.slick-slide:nth-child(3) h4 { background: #2676EE }
.slick-slide:nth-child(4) h4 { background: #7562F6 }
.slick-slide:nth-child(5) h4 { background: #e062f6 }
.slick-slide:nth-child(6) h4 { background: #f66297 }
.slick-slide > ul > li { line-height: 32px; font-size: 24px; padding-left: 32px; margin: 18px 0 0 0; position: relative; font-weight: 700 }
.slick-slide > ul > li:before { content: ""; display: block; background: url(../../images/new_images/icon_check02.png) no-repeat; width: 23px; height: 22px; position: absolute; left: 0; top: 0 }
.slick-slide > ul > li span.refer { display: inline-block; height: 32px; line-height: 32px; background: #61708E; color: #fff; font-size: 18px; padding: 0 7px 0 6px; border-radius:16px; font-weight: 400; vertical-align: 3px; }
.slick-slide li li { font-size: 19px; color: #484848; margin-top: 5px; position: relative; padding-left: 13px; font-weight: 500 }
.slick-slide li li:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #484848; position: absolute; left: 0; top: 10px }

.sub02_03_top { margin-top: 79px }
.sub02_03_top .h3_header { margin-bottom: 90px }
.sub02_03_top ul { display: flex; justify-content: space-around; padding-top: 235px; background-repeat: no-repeat; background-position: center top; padding-bottom: 100px }
.sub02_03_top ul.ul01 { background-image: url(../../images/new_images/sub02_03_img01.png) }
.sub02_03_top ul.ul02 { background-image: url(../../images/new_images/sub02_03_img02.png) }
.sub02_03_top li { font-size: 24px; line-height: 32px; margin-top: 25px; position: relative; padding-left: 40px; width: 420px }
.sub02_03_top li .num { position: absolute; left: 0; top: 0; display: block; width: 32px; height: 32px; border-radius: 50%; background: #020A13; color: #fff; text-align: center; font-size: 21px; font-weight: 500 }

.sub02_03_con01 { padding: 100px 0; background: #fff url(../../images/new_images/sub02_03_ptn.png) no-repeat center top }
.sub02_03_con01 .wrap { display: flex; justify-content: center; align-items: center }
.sub02_03_con01 h3 { font-size: 42px; font-family: SBAggroM; font-weight: normal; width: 590px; padding-left: 138px }

.sub03_con01 { margin-top: 95px }
.sub03_con01 .h3_header h3 { font-size: 62px; line-height: 1.16 }
.sub03_con01 .h3_header p { font-size: 32px }
.sub03_con01 .h3_header .txt01 { height: 62px; line-height: 62px; border-radius:31px; color: #fff; background: #1B263D; padding: 0 35px; display: inline-block }
.sub03_con01 .sec01 { position: relative; margin-bottom: 165px }
.sub03_con01 section > i { font-style: normal; font-family: SBAggroM; font-size: 300px; line-height: 1; color: #CEDFF3; position: absolute; z-index: 0 }
.sub03_con01 .sec01 > i { left: 0; top: 0 }
.sub03_con01 .sec01 .rows01 section { width: 585px; z-index: 1; border-radius: 18px; padding: 50px 40px; height: 780px }
.sub03_con01 .sec01 .rows01 section:nth-child(1) { background: #2E71F5; position: relative; }
.sub03_con01 .sec01 .rows01 section:nth-child(1):after { content: ""; display: block; width: 36px; height: 80px; background: url(../../images/new_images/poly01.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -21px }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li { font-size: 32px; line-height: 1.2; padding-left: 80px; position: relative; margin-top: 24px; color: #fff; font-weight: 700 }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li:first-child { margin-top: 0 }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li span { display: block; width: 68px; height: 38px; line-height: 38px; border-radius:8px; text-align: center; color: #fff; position: absolute; left: 0; top: 0; background: #00278C }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li ul { margin: 8px 0 50px -22px }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li { color: rgba(255,255,255,0.8); font-size: 26px; line-height: 1.3; position: relative; margin-top: 10px; padding-left: 22px; font-weight: 400 }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li:before { content: ""; display: block; width: 12px; height: 4px; border-radius:2px; background: rgba(255,255,255,0.8); position: absolute; left: 0; top: 13px }
.sub03_con01 .sec01 .rows01 section:nth-child(2) { background: url(../../images/new_images/sub03_bg01.png); background-size: cover }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4 { color: #FFF117; border-bottom: 3px solid rgba(255,255,255,0.15); text-align: center; font-size: 38px; font-family: SBAggroM; font-weight: normal; padding-bottom: 5px }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4:before { content: ""; display: inline-block; background: url(../../images/new_images/icon_sub03.png) no-repeat; background-size: 100%; width: 26px; height: 32px; vertical-align: -4px; margin-right: 10px }
.sub03_con01 .sec01 .rows01 section:nth-child(2) li { font-size: 32px; line-height: 1.2; margin-top: 26px; color: #fff; font-weight: 700; text-align: center }
.sub03_con01 .sec02 { position: relative; margin-bottom: 300px }
.sub03_con01 .sec02 > i { right: 0; top: 0; z-index: 0 }
.sub03_con01 .sec02 .h3_header { z-index: 1; position: relative; padding-top: 20px }
.sub03_con01 .sec03 { position: relative; margin-bottom: 160px }
.sub03_con01 .sec03 > i { left: 0; top: 0; z-index: 0 }
.sub03_con01 .sec03 .h3_header { z-index: 1; position: relative; padding-top: 20px }
.sub03_con02 { position: relative; display: flex; justify-content: center; overflow: hidden; }
.sub03_con02 img { width: 100%; }
.sub03_con02 .text { position: absolute; width: 978px; top: 7.5vw; left: 50%; margin-left: -489px }
@keyframes scale {
	0% { transform:scale(2.9); opacity:0; }
	100% { transform:scale(1); opacity:1 }
}
.sub03_con03 { background: #E5ECFA; padding-top: 20px; position: relative; }
.sub03_con03:before { content: ""; display: block; position: absolute; left: 12vw; top: 20px; background: url(../../images/new_images/sub03_ptn01.png) no-repeat; background-size: 100%; width: 470px; height: 470px; z-index: 0 }
.sub03_con03 .wrap { z-index: 1 }
.sub03_con03 h3 { font-size: 48px; font-family: SBAggroM; font-weight: normal; text-align: center; letter-spacing: -2.5px; margin-top: 40px }
.sub03_con03 .rows01 { margin-top: 35px; position: relative }
.sub03_con03 .rows01 img { position: absolute; left: -50px; top: 30px }
.sub03_con03 .rows01 p { color: #40495C; font-size: 35px; line-height: 1.3; padding-left: 560px; margin-bottom: 40px }
.sub03_con03 footer { background: #625CF9; padding: 65px 0 70px 0 }
.sub03_con03 footer p { padding-left: 560px; font-size: 42px; line-height: 1.14; color: #fff; font-weight: 700 }

.input_div { margin-bottom: 30px }
.input_div input[type=text], .input_div input[type=password], .input_div input[type=number], .input_div select { width: 100% }
.input_div .btn_more { display: inline-block; font-size: 0; background: url(../../images/new_images/btn_more.png) center no-repeat; width: 24px; height: 24px; vertical-align: middle; margin-left: 5px }
.input_div a.btn_arrow_select { display: inline-block; font-size: 0; background: url(../../images/new_images/btn_arrow_select.png) center no-repeat; width: 24px; height: 24px; vertical-align: middle; margin-left: 5px; }
.input_div a.btn_arrow_select_opposite { display: inline-block; font-size: 0; background: url(../../images/new_images/btn_arrow_select_opposite.png) center no-repeat; width: 24px; height: 24px; vertical-align: middle; margin-left: 5px; }
.input_div textarea.textarea_style { margin-top: 12px; display: none; }

.inquiry { margin-top: 75px; padding-bottom: 160px }
.inquiry fieldset { width: 600px; margin: 0 auto; }
.inquiry .label { font-weight: 700 }
.inquiry .label.require:after { content: "*"; color: #F34753; display: inline-block; margin-left: 5px }
.inquiry p.label {  margin-bottom: 12px; line-height: 1 }
.inquiry .align_center { margin: 43px 0 65px 0 }
.inquiry .btn-lg { width: 400px; margin: 0 auto; }
.inquiry .cscenter { font-size: 18px }
.inquiry .cscenter dl { display: flex; align-items: center; margin-bottom: 10px; margin-top: 15px }
.inquiry .cscenter dt { color: #444 }
.inquiry .cscenter dd { font-weight: 700; font-size: 24px; color: #4026EE; margin-left: 10px }
.inquiry .cscenter p { margin: 3px 0 0 0; color: #444 }
.inquiry .cscenter p strong { font-weight: 500 }
.inquiry .cscenter p span.space { width: 8px }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html { scrollbar-arrow-color:rgba(80,110,160,0.2); scrollbar-3dlight-color:#e6e6e6;  scrollbar-darkshadow-color:rgba(80,110,160,0.2); scrollbar-face-color:rgba(80,110,160,0.2); scrollbar-hightlight-color:rgba(80,110,160,0.2); scrollbar-shadow-color:rgba(80,110,160,0.2); scrollbar-track-color:#e6e6e6 }
.col_scrollbar { width:17px }

}