@media (max-width:1023px) {

::-webkit-scrollbar { width: 1.38vw; height: 1.38vw; }
::-webkit-scrollbar-track { background: transparent }
::-webkit-scrollbar-thumb { background: transparent }
::-webkit-scrollbar-thumb:hover { background: transparent }

html { font-size:3.6111vw }
body { letter-spacing:-0.0648vw }
img { max-width: 88.89vw }

input[type=text], input[type=password], input[type=date], input[type=number], input[type=submit], input[type=image] { height: 8vw; line-height: 8.2vw; padding: 0 2vw; border-radius:1vw; font-size: 2.6vw  }
select { height:8vw; border-radius: 1vw; padding:0 6vw 0 2vw; background: #fff url(../../images/new_images/btn_arrow_select.png) calc(100% - 2.5vw) center no-repeat; background-size: 2vw; font-size: 2.6vw }
textarea { font-size: 2.6vw; padding: 2vw; border-radius:1vw }
input[type=checkbox], input[type=radio] { width: 2.5vw; height: 2.5vw }
input[type=checkbox] + label, input[type=radio] + label { margin-left: 1vw; font-size: 2.6vw }

.pc_only { display: none !important }
.tab_no { display: none }

.btn { padding:0 6.1111vw; height:17.2222vw; line-height:16.6667vw; font-weight:500; font-size:5.55vw; border:0.2778vw solid #ddd; border-radius:3.3333vw;  }
.btn-lg { font-size:1.6em; height:22.2222vw; line-height:21.6667vw; padding:0 11.1111vw; border-radius:11.1111vw; }

#container { min-width: inherit; }
.wrap { width: 100% }

#header { border-bottom-width: 0.1302vw }
#header .wrap { height:8.4635vw; padding-left: 3.3854vw }
#header .logo img { width: 9.1146vw }
#header .btn_gnb { position: absolute; display: block; width: 5.2083vw; height: 5.2083vw; font-size: 0; background: url(../../images/new_images/btn_gnb.png) no-repeat center/3.3854vw; top: 1.6927vw; right: 3vw }
#header aside { margin-left: 0; position: fixed; width: 90vw; height:100%; top: 0; right: -90vw; background: #fff; flex-direction: column-reverse; align-items: flex-start; justify-content: space-between; padding-bottom: 3.1250vw; transition: right .3s; }
#header aside.on { right: 0 }
#header aside .btn_gnb { background: url(../../images/new_images/btn_close.png) no-repeat center/2.7344vw; }
#header aside .btn_start { display: block; height: 8.86vw; line-height: 9.6vw; border-radius: 4.43vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 15vw center/2.9948vw; color: #fff; font-family: SBAggroM; font-size: 3.9063vw; width: 60.1563vw; text-align: center; padding-right:6vw; box-shadow:0 1.3021vw 1.9531vw rgba(0,12,75,0.3); margin: 0 auto }
#header aside .btn_start strong { color: #03C4FD; font-weight: normal; }
/* 기존 */
/*#header .gnb { padding: 0 2.6042vw; padding-top: 1vw; flex-grow: 1; width: 100% }*/
/* 수정 */
#header .gnb { padding: 0 2.6042vw; padding-top: 1vw; flex-grow: 1; width: 100%;overflow: auto; }
#header .gnb .depth1 { flex-direction: column; }
#header .gnb .depth1 > li { margin: 3.7vw 0 0 0 }
#header .gnb .depth1 > li > a { font-size: 2.3438vw; display: inline-block; }
#header .gnb .depth1 > li:nth-child(5) { padding: 0; border: 0; border-top: 0.1302vw solid #e0e0e0; padding-top: 3.5vw }
#header .user { margin-left: 0; border-bottom: 0.1302vw solid #eee; padding: 2.6042vw; padding-top: 2.8971vw; padding-bottom: 0; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; height: 8.4635vw }
#header .user li a { font-size: 1.8229vw }
#header .user li:nth-child(2) a { height: 3.5156vw; line-height: 3vw }

#footer .wrap { padding: 11.7188vw 2.6042vw 16vw 2.6042vw; background: #F0F4FE }
#footer h2 { width: 22.3958vw; height: 3.9063vw }
#footer address { font-size: 2.0833vw; margin-top: 2.6042vw }
#footer dl { font-size: 2.0833vw; flex-wrap: wrap; margin-top: 2.6042vw }
#footer dd { margin-right: 4vw }
#footer nav ul { margin-top: 4vw; justify-content: space-between; }
#footer nav li { font-size: 2.6042vw; padding-left: 6vw; margin-left: 6vw; border-width: 0.1302vw }
#footer .copyright { flex-direction: column-reverse; justify-content: flex-start; margin-top: 4vw }
#footer .copyright ul { justify-content: center }
#footer .copyright li { margin: 0 2.6042vw 0 0 }
#footer .copyright li a { width: 6.5104vw; height: 6.5104vw; background-size: 3.1250vw }
#footer .copyright p { font-size: 1.8229vw; margin-top: 4vw; text-align: center }

.footer_con { height: 58.5938vw; background: url(../../images/new_images/main_con05_bg_m.png) no-repeat center/100%; }
.footer_con p { font-size: 3.6458vw; color: rgba(255,255,255,0.8)}
.footer_con .txt01 { font-size: 5.4688vw; line-height: 1.35; margin-top: 1.5vw; color: #fff }
.footer_con .btn_start { width: 59.8958vw; height: 8.8542vw; line-height: 9.7vw; border-radius:4.4271vw; font-size: 3.9063vw; padding: 0; background-size: 2.9297vw; background-position: right 14vw center; padding-right: 4vw }

.fix_btn { right: 1.8229vw; bottom:2.6042vw }
.fix_btn a { width: 7.8125vw; height: 7.8125vw; margin-top: 2.3438vw }
.fix_btn a:nth-child(3) { display: none }
.fix_btn a:nth-child(1) { font-size: 1.5625vw; padding-top: 3vw; background-size: 1.7vw; background-position: center 1.25vw }
.fix_btn a:nth-child(2) { background-size: 4.1016vw }

.btm_btn { position: fixed; bottom:3.1250vw; width: 100%; z-index: 20; display: none }
.btm_btn.on { display: block; }
.btm_btn a { display: block; height: 8.86vw; line-height: 9.6vw; border-radius: 4.43vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 15vw center/2.9948vw; color: #fff; font-family: SBAggroM; font-size: 3.9063vw; width: 60.1563vw; text-align: center; padding-right:6vw; box-shadow:0 1.3021vw 1.9531vw rgba(0,12,75,0.3); margin: 0 auto }
.btm_btn a strong { color: #03C4FD; font-weight: normal; }

.tab_menu ul { margin-bottom: 3.8vw; overflow-x: auto; justify-content: center; padding: 0 1vw 0 1vw }
.tab_menu li { font-size: 3.1250vw; margin: 0 2vw }
.tab_menu li a { border-width: 0.2604vw; padding: 0 0.4vw; white-space: nowrap; }

.main_visual { padding-top: 20vw; padding-bottom: 20vw; min-height: inherit; height: auto }
.main_visual { display: block; text-align: center }
.main_visual .txt_area { margin: 0; width: 100%; text-align: center; position: relative; left: auto; top: auto }
.main_visual .txt01 { font-size: 2.6042vw }
.main_visual .txt02 { font-size: 4.6875vw; margin-top: 3.1250vw }
.main_visual .txt03 { font-size: 2.0833vw; justify-content: center; margin-top: 3.1250vw }
.main_visual .txt03 .txt_primary { font-size: 2.6042vw  }
.main_visual .txt03 li:after { width: 1.8229vw; height: 1.8229vw; background-size:100%; margin: 0 2.2vw }
.main_visual .txt03 li { padding-left: 6vw }
.main_visual .txt03 li:first-child { padding: 0 }
.main_visual .btn_start { margin: 5.2vw auto 0 auto; display: block; height: 7.8125vw; line-height: 8.5vw; border-radius: 3.90625vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 6vw center/2.9349vw; color: #fff; font-family: SBAggroM; font-size: 3.9063vw; width: 42.44vw; text-align: center; padding:0 4vw 0 0; box-shadow:0 1.3021vw 1.9531vw rgba(0,12,75,0.3) }
.main_visual .img_area { width: 34.37vw; position: relative; transform: scale(1.3); margin: 17vw auto 0 auto; left: auto; top: auto; height: auto; }
.main_visual .img_area .bg { position: static; animation: none; opacity: 1; width: 100% }
.main_visual .img_area .deco01 { left: 8.3333vw; top: 5.7292vw; animation:main_deco01 .6s .8s forwards ease-in; opacity:0; width: 12.29vw }
.main_visual .img_area .deco02 { left: 13.0208vw; top: 8.8542vw; animation:main_deco02 .5s .8s forwards ease-in; opacity:0; width: 5.72vw }
.main_visual .img_area .deco03 { left: 14.8438vw; top: 10.4167vw; animation:main_deco03 .5s .9s forwards ease-in; opacity:0; width: 2.8vw }
.main_visual .img_area .deco04 { left: 14.5833vw; top: 9.3750vw; animation:main_deco04 .6s .9s forwards ease-in; opacity:0; width: 4.21vw }
.main_visual .img_area .deco05 { left: 15.6250vw; top: 10.4167vw; animation:main_deco05 .5s .9s forwards ease-in; opacity:0; width: 1.97vw }
.main_visual .img_area .deco06 { left: 14.0625vw; top: 9.8958vw; animation:main_deco06 .5s .9s forwards ease-in; opacity:0; width: 3.95vw }
.main_visual .img_area .safe { left: 8.8542vw; top: 6.2500vw; animation:main_safe .5s 2s forwards ease-in-out; opacity:0; width: 14.32vw }
@keyframes main_bg {
	0% { transform:translateY(4.1667vw); 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(-13.0208vw,-3.6458vw); opacity:1 }
	100% { transform:scale(1) translate(-13.0208vw,-3.6458vw); opacity:1 }
}
@keyframes main_deco02 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(16.6667vw,3.6458vw); opacity:1 }
	100% { transform:scale(1) translate(16.6667vw,3.6458vw); opacity:1 }
}
@keyframes main_deco03 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(-9.8958vw,4.1667vw); opacity:1 }
	100% { transform:scale(1) translate(-9.8958vw,4.1667vw); opacity:1 }
}
@keyframes main_deco04 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(3.1250vw,-11.9792vw); opacity:1 }
	100% { transform:scale(1) translate(3.1250vw,-11.9792vw); opacity:1 }
}
@keyframes main_deco05 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(7.5521vw,-7.5521vw); opacity:1 }
	100% { transform:scale(1) translate(7.5521vw,-7.5521vw); opacity:1 }
}
@keyframes main_deco06 {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.02) translate(13.5417vw,8.3333vw); opacity:1 }
	100% { transform:scale(1) translate(13.5417vw,8.3333vw); opacity:1 }
}
@keyframes main_safe {
	0% { transform:scale(0) translate(0,0); opacity:0; }
	75% { transform:scale(1.05) translate(4.1667vw,-1.5625vw); opacity:1 }
	100% { transform:scale(1) translate(4.1667vw,-1.5625vw); opacity:1 }
}

.main_state { padding-top: 30vw; padding-bottom: 30vw; min-height: inherit; height: auto }
.main_state p.txt01 { font-size: 2.0833vw; margin-bottom: 6vw; padding-left: 2.6042vw }
.main_state .rows01 { padding: 0 2.6042vw }
.main_state dl { width: 29.2969vw; height: 29.2969vw }
.main_state dt { font-size: 2.3438vw; padding-top: 4vw; background-size: 3vw }
.main_state dd { font-size: 3.1250vw; margin: 1.5vw 0 }
.main_state dd .data { font-size: 4.9479vw !important; height: 6vw !important; vertical-align: -2.4vw }
.main_state dd .data ._number { width: 3.7vw !important }
.main_state p.txt02 { font-size: 2.6042vw; margin-top: 7vw }
.main_state p.txt02 strong { font-size: 4.6875vw; margin-top: 1.7vw }

.main_con01 { height: auto; padding: 23vw 0 20vw 0; background-size: 115vw; background-position: center top; min-height: inherit; }
.main_con01 .wrap { display: block; }
.main_con01 p { margin: 0 0 5.6vw 0; text-align: center; font-size: 4.6875vw; }
.main_con01 .img_area { top: -9.7vw; left: 9vw; width: 30vw; margin-left: 0; transform: scale(0.7)}
.main_con01 ul { margin: 0; padding: 0 2.60vw; display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_con01 li { position: static; width: 30.2083vw; margin-top: 2.08vw; font-size: 2.6vw; padding:2.3vw 1.95vw; height: 26.0417vw; background-position: right 1.95vw bottom 1.95vw; background-size: 7.2917vw; border-radius: 1.3vw; box-shadow: 0.2604vw 0.5208vw 1.5625vw rgba(26,21,62,0.25) }
.main_con01 li strong { font-size: 3.12vw }
.main_con01 li:nth-child(1), .main_con01 li:nth-child(3) { margin-top: 7vw }
.main_con01 li:nth-child(5) { margin-top: -2.7vw }

.main_con02 { padding: 15vw 0; background-image: url(../../images/new_images/main_con02_pattern_t.png), url(../../images/new_images/main_con02_pattern02.png); background-position: left -3vw top 4vw, right bottom; background-size: 70vw, 60vw }
.main_con02 h2, .main_con03 h2, .main_con04 h2 { font-size: 4.6875vw }
.main_con02 .sec01 h2 br { display: block !important;}
.main_con02 .sec01 .tab_menu ul { margin-top: 4vw }
.main_con02 .sec01 .tab_con_opacity { height: 40vw }
.main_con02 .sec01 .slider li { width: 40.3646vw !important; height: 33.8542vw; border-radius: 1.5625vw; background-size: 5.4688vw; background-position: center 5.2083vw; box-shadow:0.5208vw 0.7813vw 1.9531vw rgba(119,124,142,0.25); padding: 13.8021vw 5.4688vw 6.2500vw 5.4688vw; text-align: center; font-size: 2.3438vw; margin: 1.3vw 2vw 2vw 2vw }
.main_con02 .sec01 .slider li strong { font-size: 2.7344vw }
.main_con02 .sec01 .slider:before, .main_con02 .sec01 .slider:after { height: 38vw; width: 30vw }

.main_con02 .sec02, .main_con02 .sec03 { margin-top: 13vw }
.main_con02 .sec02 .wrap, .main_con02 .sec03 .wrap { display: block; padding: 0 5.56vw }
.main_con02 .sec02 h2, .main_con02 .sec03 h2 { margin-bottom: 6vw; text-align: center }
.main_con02 .sec02 .partner_area { width: 100%; padding: 0 2.5vw; height: 16vw; border-radius:3vw }
.main_con02 .sec02 .partner_area .ci_area { height: 12vw; display: flex; align-items: center }
.main_con02 .sec02 .partner_area .ci_area:before { width: 4vw; left: 0 }
.main_con02 .sec02 .partner_area .ci_area:after { width: 4vw; right: 0 }
.main_con02 .sec02 .partner_area .ci_area .area { flex-wrap: wrap; width: 100vw; justify-content:flex-start; }
.main_con02 .sec02 .partner_area .ci_area .area img { max-height: 5vw; max-width: 15vw }
.main_con02 .sec02 .partner_area .ci_area a { margin: .5vw 2vw; display: flex; align-items: center }
.main_con02 .sec02 .partner_area .btn_ctrl { width: 4vw; height: 4vw; background-size: 1.5vw; box-shadow: 0.15vw 0.25vw 1vw rgb(0 0 0 / 15%); }
.main_con02 .sec02 .partner_area .btn_ctrl.prev { left: -2vw }
.main_con02 .sec02 .partner_area .btn_ctrl.next { right: -2vw }

.main_con02 .sec03 h2.mobile_only { display: block !important }
.main_con02 .sec03 .video_area { width: 100%; border-radius: 1vw }
.main_con02 .sec03 .video_area p { font-size: 3.1250vw; left: 3.5vw; top: 3vw }
.main_con02 .sec03 .video_area p small { font-size: 2.6042vw }
.main_con02 .sec03 .slider_area { margin-left: 0; width: auto }
.main_con02 .sec03 .slider_area h2 { display: none }
.main_con02 .sec03 .bx-wrapper { position: static; margin-top: 1vw; overflow-x: scroll; padding-bottom: 2vw; max-width: none !important; width: auto; }
.main_con02 .sec03 .bx-wrapper .bx-viewport { width: auto !important }
.main_con02 .sec03 .bx-controls { display: none }

.main_con03 { padding-top: 15vw; background-color: #fff; background-position: left top 9vw; background-size: 35vw }
.main_con03 h2 { margin-bottom: 7.8vw }
.main_con03 h2 br.mobile_only { display: block !important }
.main_con03 .rows01 { display: block; }
.main_con03 .rows01 > section { padding: 12vw 2vw 0 2vw !important; justify-content: center !important; }
.main_con03 .rows01 > section img { width: 60vw; margin-top: 5vw }
.main_con03 .rows01 dt { font-size: 4.2vw; padding-top: 7.8vw; background-size: 7.3vw }
.main_con03 .rows01 dd { margin-top: 1.95vw }
.main_con03 .rows01 dd p { font-size: 2.6vw }
.main_con03 .rows01 dd p:before { display: none }

.main_con04 { padding: 12vw 0; background: #F0F4FE url(../../images/new_images/main_con04_pattern_m.png) no-repeat center bottom; background-size: 100vw}
.main_con04 h2 { margin-bottom: 8vw }
.main_con04 h2 br.mobile_only { display: block !important }
.main_con04 .rows01 { display: block; margin-top: 11vw; text-align: center }
.main_con04 .rows01:first-child { margin: 0 }
.main_con04 .rows01 img { width: 70vw; margin-top: 5vw }
.main_con04 dl { width: 100% }
.main_con04 dt { font-size: 4.4vw; position: relative; padding-top: 9vw }
.main_con04 dt:before { position: absolute; left: 50%; transform: translateX(-50%); width: 7.3vw; height: 7.3vw; top: 0; margin-bottom: 0; box-shadow: 0 1.5vw 1.5vw rgb(0 0 0 / 15%); background-size: 3.9vw }
.main_con04 dd { font-size: 2.6vw; margin-top: 2vw; line-height: 1.35 }
.main_con04 .rows01:nth-child(2) dl, .main_con04 .rows01:nth-child(3) dl, .main_con04 .rows01:nth-child(5) dl, .main_con04 .rows01:nth-child(2) img, .main_con04 .rows01:nth-child(3) img, .main_con04 .rows01:nth-child(5) img { margin-left: 0 }

.sub_layout { padding-top: 20vw; font-size: 2.6vw; overflow-x: hidden; }
.sub_layout.ptn { background-image: url(../../images/new_images/h2_ptn.png); background-repeat: no-repeat; background-position: 59vw 14vw; background-size: 10vw }
.h2_header { margin-bottom: 3.9vw }
.h2_header h2 { font-size: 4.6vw }
.h2_header p { margin-top: 2vw; font-size: 2.6vw }
.h2_header h2 strong { font-size: 5.9vw }
.h3_header { margin-bottom: 10vw }
.h3_header h3 { font-size: 4.6vw }
.h3_header p { font-size: 2.6vw; margin-top: 1.5vw }

span.step { font-size: 1.95vw }
span.step strong { font-size: 3.6vw; vertical-align: -0.3vw }
span.step:before { width: 3.12vw; height: 3.12vw; right: -1.6vw; top: -1.5vw }

.step_header { margin-bottom: 3vw }
.step_header h3 { font-size: 3.1vw; margin: 1.7vw 0 0 0 }

div.help { width: 62.23vw; height: 22vw; background-size: 100%; padding: .9vw }
div.help span { width: 52vw; height: 13vw; padding-top: 2.3vw; font-size: 3.3vw }
div.help.large { width: 40vw; height: 14.5vw }
div.help.large span { width: 34vw; height: 9.2vw; font-size: 2.1vw; padding-top: 1.7vw }
div.help.small { width: 40vw; height: 10.8vw; background-image: url(../../images/new_images/help_bg_s.png); padding-left: 7vw; padding-top: .2vw }
div.help.small span { width: 100%; height: 6vw; padding-top: 1.4vw; font-size: 2.3vw }

.contents_layout01 li { flex-direction: column-reverse; padding:0 0 11vw; position: relative; }
.contents_layout01 li:nth-child(even) { flex-direction: column-reverse; }
.contents_layout01 li > div { width: 100%; text-align: center; padding: 0 }
.contents_layout01 li > div p { font-size: 4.6vw; margin-top: 2.3vw }
.contents_layout01 li > img { margin: 7.8vw auto 0 auto !important; width: 80vw }

.sub01_01, .sub01_02 { background: url(../../images/new_images/sub01_ptn01_t.png) no-repeat center top 97vw; padding-top: 5vw }
.sub01_01 .contents_layout01 li:nth-child(3) div.help { position: absolute; left: 50%; transform: translateX(-50%); bottom:6vw }
.sub01_01 .contents_layout01 li:nth-child(3) { margin-bottom: 10vw }
.sub01_01 .contents_layout01 li:nth-child(4) div.help { position: absolute; left: 50%; transform: translateX(-50%); bottom:-12vw }
.sub01_01 .contents_layout01 li:nth-child(4) { margin-bottom: 25vw }
.sub01_01 .contents_layout01 li:nth-child(4) .rows { justify-content: center; margin-top: 7.8vw }
.sub01_01 .contents_layout01 li:nth-child(4) .rows img { width:35vw; margin: 0 .3vw}
.sub01_01 .contents_layout01 li:nth-child(4) > img { width: 58.33vw; }
.sub01_01 .contents_layout01 li:nth-child(4) > img:first-child { margin-top: 3vw !important }

.sub01_03 { background: url(../../images/new_images/sub01_ptn03.png) no-repeat right 2vw top 35vw; background-size: 60vw; padding-top: 5vw; padding-bottom: 13vw }
.sub01_03 .txt01 { font-size: 4.6vw; margin-bottom: 8vw }
.sub01_03 .txt01 .mobile_only { display: block !important;}
.sub01_03 .txt01 strong { font-size: 6.6667vw }
.sub01_03 img.pc_only { display: block !important; width: 88.5vw; margin: 0 auto }

.sub02_top { background: url(../../images/new_images/sub02_ptn01.png) no-repeat 10vw 24vw; padding-top: 5vw; padding-bottom: 13vw; background-size: 64.58vw }
.sub02_top .wrap { flex-direction: column-reverse; text-align: center }
.sub02_top h2 { font-size: 4.68vw; margin: 0 0 10.4vw !important }
.sub02_top h2 .txt_blue { font-size: 4.68vw }
.sub02_top img { width: 36vw; margin: 0 auto !important }

.sub02_con01 { padding: 15vw 0 }
.sub02_con01 p.txt01 { font-size: 4.68vw; margin-bottom: 1.8vw }
.sub02_con01 p { font-size: 2.6vw }
.sub02_con01 .img01 { margin-top: 5.2vw }
.sub02_con01 .img01 img { margin: 0 auto }
.sub02_con01 .img01 .pc_only { display: block !important }
.sub02_con01 .img01 .help { left: auto; right: 5.5vw; top: 1vw }


.sub02_top + .sub02_con01 { padding-top: 20vw }

.sub02_func { background: #fff url(../../images/new_images/sub02_ptn02_t.png) no-repeat center top; padding: 15vw 0; background-size: 100% }
.sub02_func h3 { height: 6vw; line-height: 6vw; border-radius:3vw; font-size: 3.6vw; padding: 0 11vw; margin-bottom: 3vw }
.sub02_func ul { flex-wrap: wrap; justify-content: center }
.sub02_func ul li { display: flex; flex-direction: column; margin: 3vw 3vw 0 3vw; width: 35vw }
.sub02_func ul p { margin-top: 0; margin-top: 2.9vw; font-size: 3vw; line-height: 1.3 }
.sub02_func ul p .num { width: 4.1vw; height: 4.1vw; line-height: 4.1vw; font-size: 2.7vw }
.sub02_func ul img { width: 100%; margin: 0 auto }

.sub02_guide { background: #CDDAF9 url(../../images/new_images/sub02_ptn03_t.png) no-repeat right top; padding: 15vw 0 10vw 0;  }
.sub02_guide h3 { font-size: 4.68vw; text-align: center; position: static; margin: 0 !important }
.sub02_guide h3 br { display: none; }
.sub02_guide .bg { left: 50%; transform: translateX(-50%); top: 26vw }
.sub02_guide .bg img { width: 56vw }
.sub02_guide .slider { height: auto; margin-top: 11vw }
.slick-track { margin: 0 !important; padding: 10vw 0 }
.slick-slide { width: 40vw; height: 35vw; margin: 0 6vw; padding: 4.5vw 3vw; border-radius:2vw; box-shadow: 0 1vw 1vw rgb(31 38 114 / 25%); opacity:0.3 }
.slick-active, .slick-current { opacity: 1; height: 50vw }
.slick-arrow { width: 6vw; height: 6vw; background-size: 1.5vw; transform: translateY(-50%); left: 22.5vw; margin: 0 !important }
.slick-next { left: auto; right: 22.5vw }
.slick-slide:after { height: 5vw }

.slick-slide h4 { width: 8vw; height: 8vw; font-size: 2.5vw; line-height: 8vw; margin: 0 auto 3vw auto }
.slick-slide > ul > li { line-height: 2.2vw; font-size: 2vw; padding-left: 2.5vw; margin: 2vw 0 0 0 }
.slick-slide > ul > li:before { width: 1.8vw; height: 1.8vw; background-size: 100% }
.slick-slide > ul > li span.refer { height: 2.5vw; line-height: 2.5vw; font-size: 1.5vw; padding: 0 .8vw 0 .6vw; border-radius:1.5vw; vertical-align: .3vw; }
.slick-slide li li { font-size: 1.6vw; margin-top: .5vw; padding-left: 1vw }
.slick-slide li li:before { width: 0.3vw; height: .3vw; top: 1vw }

.sub02_con02 { padding: 15vw 0 20vw 0 }
.sub02_02 .img01 { margin-top: 0 }
.sub02_con02 .img01 .pc_only { display: block !important }
.sub02_con02 .img01 img { margin: 0 auto }
.sub02_con02 .img01 .help { left: 11vw; bottom: -7vw }
.sub02_02 .sub02_con01 .img01 .help { left: 11vw; bottom: -7vw; top: auto; }

.sub02_03_top { margin-top: 0; padding-top: 5vw; padding-bottom: 10vw }
.sub02_03_top .h3_header { margin-bottom: 5.2vw }
.sub02_03_top ul { padding: 25vw 2.6vw 5vw 2.6vw; }
.sub02_03_top ul.ul01 { background-image: url(../../images/new_images/sub02_03_img01_t.png); }
.sub02_03_top ul.ul02 { background-image: url(../../images/new_images/sub02_03_img02_t.png); }
.sub02_03_top li { font-size: 2.6vw; line-height: 1.4 }
.sub02_03_top li .num { width: 4vw; height: 4vw; line-height: 4.1vw; font-size: 2.4vw; top: -.2vw }
.sub02_03_con01 { padding: 15vw 0; background: #fff url(../../images/new_images/sub02_03_ptn_m.png) no-repeat center; background-size: 65vw }
.sub02_03_con01 .wrap { flex-direction: column-reverse; }
.sub02_03_con01 h3 { width: 100%; padding: 0; font-size: 4.68vw; text-align: center; margin-bottom: 5vw }
.sub02_03_con01 h3 br { display: none }

.sub03_con01 { margin-top: 9.5vw; }
.sub03_con01 .h3_header { margin-bottom: .5vw }
.sub03_con01 .h3_header h3 { font-size: 4.68vw }
.sub03_con01 .h3_header .txt01 { height: 5.2vw; line-height: 5.2vw; font-size: 2.6vw; border-radius: 2.6vw; padding: 0 3vw; width: auto }
.sub03_con01 .h3_header p { font-size: 2.6vw; margin-top: 1vw; margin-bottom: 1.5vw }
.sub03_con01 .sec01 > i, .sub03_con01 .sec02 > i, .sub03_con01 .sec03 > i { font-size: 16.9vw; top: 0 }
.sub03_con01 .sec01 > i { top: 0; left:9vw }
.sub03_con01 .sec02 > i { right: 13vw }
.sub03_con01 .sec03 > i { left: 11vw }
.sub03_con01 .sec01, .sub03_con01 .sec02 { margin-bottom: 16vw }
.sub03_con01 .sec01 .h3_header { position: relative; z-index: 1 }
.sub03_con01 .sec01 .rows01 { flex-direction: column; align-items: center }
.sub03_con01 .sec01 .rows01 section { width: 80vw; height: auto; border-radius:2.5vw; padding: 4vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) { margin-bottom: 7vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1):after { width: 5vw; height: 11vw; top: auto; bottom:-6vw; transform: translate(-50%,0) rotate(90deg); right: auto; left: 50%; background-size: 100% }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li { font-size: 3.6vw; padding-left: 7.7vw; margin-top: 3vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li span { width: 6.5vw; height: 4.1vw; font-size: 2.6vw; line-height: 4.1vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li:before { width: 1.56vw; height: 0.45vw; border-radius:0.225vw; top: 1.5vw; left: 3vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li { font-size: 2.86vw; margin-top: 1.2vw; padding-left: 6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li ul { margin: 2vw 0 3vw -6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4 { border-width: 0.26vw; font-size: 3.9vw; padding-bottom: 2.5vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4:before { width: 3.6vw; height: 4.44vw; background-size: 100%; margin-right: 1.25vw; vertical-align: -1vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) { padding: 6vw 4vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) li { font-size: 3.6vw; margin-top: 3vw }

.sub03_con02 .pc_only { display: block !important; }
.sub03_con02 img { max-width: none; }
.sub03_con02 .text { width: 66vw; top: 7vw; margin-left: -33vw }
.sub03_con03 { padding-top: 5vw }
.sub03_con03 h3 { font-size: 4.68vw; margin-top: 5vw; letter-spacing: -0.3vw }
.sub03_con03 .rows01 { margin-top: 5vw;  }
.sub03_con03 .rows01 img { width: 49vw; left: 0; top: -1vw }
.sub03_con03 .rows01 p { padding-left: 49vw; font-size: 2.6vw; margin-bottom: 12vw }
.sub03_con03 footer { padding: 4vw 0; margin-top: -8.5vw }
.sub03_con03 footer p { font-size: 3.9vw; line-height: 1.3; padding-left: 49vw }
.sub03_con03:before { width: 33vw; height: 33vw; left: 4.2vw; top: 6vw }

.inquiry { padding-bottom: 15vw; margin-top: 7.8vw }
.inquiry fieldset { width: 100%; padding: 0 11vw }
.input_div { margin-bottom: 4vw }
.inquiry .label { font-size: 2.6vw; margin-bottom: 1.5vw }
.input_div .btn_more { width: 6vw; height: 6vw; margin-left: 0;}
.inquiry .align_center { margin: 6vw 0 8vw 0 }
.inquiry .btn-lg { width: 52vw; font-size: 3.9vw; height: 8vw; line-height: 8.5vw; border-radius:4vw; border: 0 }
.inquiry .cscenter dl { margin-bottom: 1.5vw; margin-top: 1.8vw }
.inquiry .cscenter { font-size: 2.6vw; }
.inquiry .cscenter dd { font-size: 3vw; margin-left: 2.5vw }

}

@media (max-width:767px) {

.mobile_only { display: block }
.pc_only { display: none !important }

input[type=text], input[type=password], input[type=date], input[type=number], input[type=submit], input[type=image] { height: 13vw; line-height: 12.5vw; padding: 0 4vw; border-radius:2vw; font-size: 5vw  }
select { height:13vw; border-radius: 2vw; padding:0 12vw 0 4vw; background: #fff url(../../images/new_images/btn_arrow_select.png) calc(100% - 5vw) center no-repeat; background-size: 4vw; font-size: 5vw }
textarea { font-size: 5vw; padding: 4vw; border-radius:2vw }
input[type=checkbox], input[type=radio] { width: 5.5vw; height: 5.5vw }
input[type=checkbox] + label, input[type=radio] + label { margin-left: 2vw; font-size: 5.5vw }

#header { border-bottom-width: 0.2778vw }
#header .wrap { height:18.0556vw; padding-left: 5.5556vw }
#header .logo img { width: 19.4444vw }
#header .btn_gnb { width: 11.11vw; height: 11.11vw; background-size: 7.22vw; top: 3.8889vw; right: 2.7778vw }
#header aside { width: 88.8889vw; height:100%; right: -88.8889vw; padding-bottom: 8.33vw }
#header aside .btn_gnb { background-size: 5.6972vw; }
#header aside .btn_start { height: 16.1vw; line-height: 17.5vw; border-radius: 8.05vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 10vw center/6.3722vw; font-size: 6.6667vw; width: 77.2222vw; padding-right:10vw; box-shadow:0 2.7778vw 4.1667vw rgba(0,12,75,0.3) }
#header .gnb { padding: 0 5.5556vw; padding-top: 2vw }
#header .gnb .depth1 > li { margin: 7.5vw 0 0 0 }
#header .gnb .depth1 > li > a { font-size: 5vw }
#header .gnb .depth1 > li:nth-child(5) { border-width: 0.2778vw; padding-top: 7.4vw }
#header .user { border-bottom-width: 0.2778vw; padding: 5.5556vw; padding-top: 6.11vw; height: 18.0556vw }
#header .user li a { font-size: 3.8889vw }
#header .user li:nth-child(2) a { height: 7.5vw; line-height: 7.1vw }

#footer .wrap { padding: 14vw 5.56vw 25vw 5.56vw; background: #fff }
#footer h2 { width: 33.33vw; height: 5.83vw }
#footer address { font-size: 3.61vw; margin-top: 5vw }
#footer dl { font-size: 3.61vw; margin-top: 5vw }
#footer dd { flex: 1 1 80%; margin-right: 0 }
#footer nav ul { margin-top: 8vw; justify-content: flex-start; }
#footer nav li { font-size: 3.61vw; padding-left: 5vw; margin-left: 5vw; border-width: 0.278vw }
#footer nav li:first-child { display: none }
#footer nav li:nth-child(2) { padding-left: 0; margin: 0; border: 0 }
#footer .copyright { flex-direction: column-reverse; justify-content: flex-start; margin-top: 5vw }
#footer .copyright ul { justify-content: flex-start; }
#footer .copyright li { margin: 0 5vw 0 0 }
#footer .copyright li a { width: 8.89vw; height: 8.89vw; background-size: 4.267vw }
#footer .copyright p { font-size: 3.0556vw; margin-top: 5vw; text-align: left;}

.footer_con { height: 111.1111vw }
.footer_con p { font-size: 5vw }
.footer_con .txt01 { font-size: 8.89vw; line-height: 1.35; margin-top: 3vw }
.footer_con .btn_start { width: 83.33vw; height: 16.66vw; line-height: 18vw; border-radius:8.33vw; font-size: 7.77vw; padding: 0; background-size: 5.83vw; background-position: right 10vw center; padding-right: 10vw }

.fix_btn { right: 4.16vw; bottom:25vw }
.fix_btn a { width: 11.67vw; height: 11.67vw; margin-top: 3vw }
.fix_btn a:nth-child(1) { font-size: 3.33vw; padding-top: 6vw; background-size: 3.4vw; background-position: center 2.5vw }
.fix_btn a:nth-child(2) { background-size: 6.12vw }

.btm_btn { bottom:0 }
.btm_btn a { width: 100%; border-radius: 0; height: 18.9vw; line-height: 20.5vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 10vw center/6.1vw; font-size: 7.7778vw; padding:0 10vw 0 0; box-shadow:0 2.7778vw 4.1667vw rgba(0,12,75,0.3); }

.tab_menu ul { margin-bottom: 6.9444vw; justify-content: flex-start; padding: 0 1vw 0 1vw }
.tab_menu li { font-size: 5.83vw; margin: 0 3.36vw }
.tab_menu li a { border-width: 0.5556vw; padding: 0 0.8333vw }

.main_visual { padding-top: 26vw; padding-bottom: 25vw }
.main_visual .txt01 { font-size: 4.7222vw }
.main_visual .txt02 { font-size: 8.3333vw; margin-top: 4vw }
.main_visual .txt03 { font-size: 4.4444vw; margin-top: 5vw }
.main_visual .txt03 .txt_primary { font-size: 5vw  }
.main_visual .txt03 li:after { width: 3.8vw; height: 3.8vw; margin: 0 6.18vw }
.main_visual .txt03 li { padding-left: 16vw }
.main_visual .txt03 li:first-child { padding: 0 }
.main_visual .btn_start { margin: 9vw auto 0 auto; height: 16.6vw; line-height: 17.5vw; border-radius: 8.3vw; background: #4026EE url(../../images/new_images/icon_arrow.png) no-repeat right 10vw center/6.1vw; font-size: 7.7778vw; width: 83.3333vw; padding:0 10vw 0 0; box-shadow:0 2.7778vw 4.1667vw rgba(0,12,75,0.3); }
.main_visual .img_area { width: 34.37vw; transform: scale(1.8); margin: 28vw auto 0 auto }

.main_state { padding-top: 30vw; padding-bottom: 25vw }
.main_state p.txt01 { font-size: 4.44vw; margin-bottom: 10vw; padding-left: 5.55vw }
.main_state .rows01 { flex-direction: column; justify-content: flex-start; align-items: center }
.main_state dl { width: 41.67vw; height: 41.67vw; margin-top: -6vw; border: 0.27vw solid #61708E }
.main_state dl:first-child { margin-top: 0 }
.main_state dt { font-size: 4.44vw; padding-top: 8vw; background-size: 6.7vw }
.main_state dd { font-size: 4.44vw; margin: 3vw 0 }
.main_state dd .data { font-size: 9.44vw !important; height: 11vw !important; vertical-align: -4vw }
.main_state dd .data ._number { width: 7vw !important }
.main_state p.txt02 { font-size: 4.44vw; margin-top: 9vw }
.main_state p.txt02 strong { font-size: 8.33vw; margin-top: 3.2vw }

.main_con01 { padding: 30.5vw 0 31.1vw 0; background-size: 300vw; }
.main_con01 p { margin: 0 0 1.5vw 0; text-align: center; font-size: 8.33vw; }
.main_con01 .img_area { display: none; }
.main_con01 ul { padding: 0 5.56vw; }
.main_con01 li { width: 42.2vw; margin-top: 5.56vw !important; font-size: 5vw; padding: 4.16vw; height: 57.2vw; background-position: right 5vw bottom 5vw; background-size: 13.33vw; border-radius: 3.33vw; box-shadow: 0.5556vw 1.1111vw 3.3333vw rgba(26,21,62,0.25) }
.main_con01 li strong { font-size: 5.83vw }

.main_con02 { padding: 30.56vw 0; background-image: url(../../images/new_images/main_con02_pattern_m.png), url(../../images/new_images/main_con02_pattern02.png); background-position: right 16.67vw top 8.33vw, right bottom; background-size: 100vw, 80vw }
.main_con02 h2, .main_con03 h2, .main_con04 h2 { font-size: 8.33vw }
.main_con02 .sec01 .tab_menu ul { margin-top: 6.9444vw }
.main_con02 .sec01 .tab_con_opacity { height: 80.5556vw }
.main_con02 .sec01 .slider li { width: 86.1111vw !important; height: 72.2222vw; border-radius: 3.3333vw; background-size: 11.67vw; background-position: center 11vw; box-shadow:1.1111vw 1.6667vw 4.1667vw rgba(119,124,142,0.25); padding: 29.4444vw 11.6667vw 11.1111vw 11.6667vw; font-size: 5vw; margin: 2.7778vw 4.1667vw 5.5556vw 4.1667vw }
.main_con02 .sec01 .slider li strong { font-size: 5.83vw }
.main_con02 .sec01 .slider:before, .main_con02 .sec01 .slider:after { height: 80vw; width: 10vw }

.main_con02 .sec02, .main_con02 .sec03 { margin-top: 33.3333vw }
.main_con02 .sec02 .wrap, .main_con02 .sec03 .wrap { padding: 0 5.56vw }
.main_con02 .sec02 h2, .main_con02 .sec03 h2 { margin-bottom: 11.1111vw }
.main_con02 .sec02 .partner_area { padding: 0 5vw; height: 40vw; border-radius:10vw }
.main_con02 .sec02 .partner_area .ci_area { height: 34vw }
.main_con02 .sec02 .partner_area .ci_area:before { width: 8vw }
.main_con02 .sec02 .partner_area .ci_area:after { width: 8vw }
.main_con02 .sec02 .partner_area .ci_area .area { width: 120vw; justify-content: space-around; }
.main_con02 .sec02 .partner_area .ci_area .area img { max-height: 10vw; max-width: 30vw }
.main_con02 .sec02 .partner_area .ci_area a { margin: 1vw 4vw }
.main_con02 .sec02 .partner_area .btn_ctrl { width: 8vw; height: 8vw; background-size: 3vw; box-shadow: 0.3vw 0.5vw 2vw rgb(0 0 0 / 15%); }
.main_con02 .sec02 .partner_area .btn_ctrl.prev { left: -4vw }
.main_con02 .sec02 .partner_area .btn_ctrl.next { right: -4vw }

.main_con02 .sec03 .video_area { border-radius: 3.3333vw }
.main_con02 .sec03 .video_area p { font-size: 5vw; left: 5vw; top: 5vw }
.main_con02 .sec03 .video_area p small { font-size: 4vw }
.main_con02 .sec03 .bx-wrapper { margin-top: 4vw; padding-bottom: 2vw; }

.main_con03 { padding-top: 33.3333vw; background-position: left top 19.44vw; background-size: 48vw }
.main_con03 h2 { margin-bottom: 12.5vw }
.main_con03 .rows01 > section { padding: 16.67vw 5.56vw 0 5.56vw !important }
.main_con03 .rows01 > section img { width: 100%; margin-top: 10vw }
.main_con03 .rows01 dt { font-size: 7.7778vw; padding-top: 15vw; background-size: 14vw }
.main_con03 .rows01 dd { margin-top: 3vw }
.main_con03 .rows01 dd p { font-size: 5vw }
.main_con03 .rows01 > section:last-child { padding: 16.67vw 5.56vw 0 5.56vw }

.main_con04 { padding: 33.3333vw 0; }
.main_con04 h2 { margin-bottom: 17vw }
.main_con04 .rows01 { margin-top: 27.77vw }
.main_con04 .rows01 img { width: 88.88vw; margin-top: 10vw }
.main_con04 dt { font-size: 8.89vw; padding-top: 16vw }
.main_con04 dt:before { width: 13.33vw; height: 13.33vw; box-shadow: 0 5.56vw 5.56vw rgb(0 0 0 / 15%); background-size: 6.94vw }
.main_con04 dd { font-size: 5vw; margin-top: 4vw }

.sub_layout { padding-top: 32.222vw; font-size: 5.833vw }
.sub_layout.ptn { background-position: 63vw 25.5vw; background-size: 20.55vw }
.h2_header { margin-bottom: 6.944vw }
.h2_header h2 { font-size: 8.333vw }
.h2_header p { margin-top: 4vw; font-size: 5vw }
.h2_header h2 strong { font-size: 10.55vw }
.h3_header { margin-bottom: 10vw }
.h3_header h3 { font-size: 8.333vw }
.h3_header p { font-size: 5vw; margin-top: 3vw }

span.step { font-size: 4.44vw }
span.step strong { font-size: 6.67vw; vertical-align: -1.1vw }
span.step:before { width: 6.67vw; height: 6.67vw; right: -2.7778vw; top: -2.5vw }

.step_header { margin-bottom: 5vw }
.step_header h3 { font-size: 5vw; margin: 3vw 0 0 0 }

div.help { width: 88.8889vw; height: 31.3889vw; padding: 1.8vw }
div.help span { width: 74vw; height: 18.5vw; padding-top: 3.2vw; font-size: 4.5vw }
div.help.small { width: 89.4444vw; height: 25.0000vw; background-image: url(../../images/new_images/help_bg_s.png); padding-left: 15.2778vw; padding-top: 1.3889vw }
div.help.small span { width: 71.3889vw; height: 12.5000vw; padding-top: 3vw }

.contents_layout01 li { flex-direction: column-reverse; padding:0 0 25vw; position: relative; }
.contents_layout01 li:nth-child(even) { flex-direction: column-reverse; }
.contents_layout01 li > div { width: 100%; text-align: center; padding: 0 }
.contents_layout01 li > div p { font-size: 7.2vw; margin-top: 4.16vw }
.contents_layout01 li > img { margin: 12vw auto 0 auto !important; width: 88.88vw }

.sub01_01, .sub01_02 { background: url(../../images/new_images/sub01_ptn01_m.png) no-repeat center top 120vw; padding-top: 8vw; background-size: 100% }
.sub01_01 .contents_layout01 li:nth-child(3) div.help { position: absolute; left: 50%; transform: translateX(-50%); bottom:14vw }
.sub01_01 .contents_layout01 li:nth-child(3) { margin-bottom: 10vw }
.sub01_01 .contents_layout01 li:nth-child(4) div.help { position: absolute; left: 50%; transform: translateX(-50%); bottom:-8vw }
.sub01_01 .contents_layout01 li:nth-child(4) { margin-bottom: 30vw }
.sub01_01 .contents_layout01 li:nth-child(4) .rows { flex-direction:column-reverse; justify-content:center; margin-top: 0 }
.sub01_01 .contents_layout01 li:nth-child(4) .rows img { width:58.33vw; margin: 12vw auto 0 auto }
.sub01_01 .contents_layout01 li:nth-child(4) .rows img:first-child { margin-top: 3vw !important }

.sub01_03 { background: url(../../images/new_images/sub01_ptn03.png) no-repeat right 50vw; background-size: 150vw; padding-top: 8vw; padding-bottom: 13vw }
.sub01_03 .txt01 { font-size: 6.11vw; margin-bottom: 6vw }
.sub01_03 .txt01 strong { font-size: 6.6667vw }
.sub01_03 img.mobile_only { width: 68.9vw; margin: 0 auto }
.sub01_03 img.pc_only { display: none !important }

.sub02_top { background: url(../../images/new_images/sub02_ptn01.png) no-repeat -5vw 36vw; padding-top: 5vw; padding-bottom: 14vw; background-size: 89vw }
.sub02_top h2 { font-size: 6.6667vw; margin: 0 0 16vw !important }
.sub02_top h2 .txt_blue { font-size: 6.6667vw }
.sub02_top img { width: 50vw; margin: 0 auto !important }
.sub02_con01 { padding: 25vw 0 }
.sub02_con01 p.txt01 { font-size: 7.22vw; margin-bottom: 2vw }
.sub02_con01 p { font-size: 5vw }
.sub02_con01 .img01 { margin-top: 12.5vw }
.sub02_con01 .img01 .pc_only { display: none !important }

.sub02_top + .sub02_con01 { padding-top: 25vw }

.sub02_func { background: #fff url(../../images/new_images/sub02_ptn02_m.png) no-repeat center top; padding: 25vw 0; background-size: 100% }
.sub02_func h3 { height: 11.1111vw; line-height: 11.1111vw; border-radius:5.5555vw; font-size: 7.22vw; padding: 0 14.7vw; margin-bottom: 0 }
.sub02_func ul { flex-direction: column; }
.sub02_func ul li { flex-direction: column-reverse; margin: 18vw 0 0 0; width: 100% }
.sub02_func ul p { margin-top: 0; margin-bottom: 4vw; font-size: 5vw; line-height: 1.3 }
.sub02_func ul p .num { width: 6.67vw; height: 6.67vw; font-size: 5vw; line-height: 6.67vw }
.sub02_func ul img { width: 56vw }

.sub02_guide { padding: 25vw 0; background-size: 65vw; background-position: right -13vw top 50vw }
.sub02_guide h3 { font-size: 8.33vw; }
.sub02_guide h3 br { display: block; }
.sub02_guide .bg { top: 55vw }
.sub02_guide .bg img { width: 80vw }
.sub02_guide .slider { margin-top: 24vw }
.slick-track { padding: 10vw 0 }
.slick-slide { width: 60vw; height: 78vw; margin: 0 6vw; padding: 7vw 4vw; border-radius:3vw }
.slick-arrow { width: 10vw; height: 10vw; background-size: 3vw; left: 9vw }
.slick-next { left: auto; right: 9vw }
.slick-slide:after { height: 9vw }

.slick-slide h4 { width: 12vw; height: 12vw; font-size: 4vw; line-height: 12vw; margin: 0 auto 4vw auto }
.slick-slide > ul > li { line-height: 4vw; font-size: 3vw; padding-left: 4vw; margin: 2vw 0 0 0 }
.slick-slide > ul > li:before { width: 3vw; height: 3vw }
.slick-slide > ul > li span.refer { height: 4vw; line-height: 4vw; font-size: 2.5vw; padding: 0 1vw 0 1vw; border-radius:2vw; vertical-align: .3vw; }
.slick-slide li li { font-size: 2.5vw; margin-top: .5vw; padding-left: 1vw }
.slick-slide li li:before { width: 0.6vw; height: .6vw; top: 1.5vw }

.sub02_con02 { padding: 25vw 0 }
.sub02_con02 .img01 .pc_only { display: none !important }

.sub02_03_top { padding: 5vw 0 25vw 0; margin-top: 0 }
.sub02_03_top .h3_header { margin-bottom: 10vw }
.sub02_03_top ul { padding:0 5vw; background: none !important; display: block; }
.sub02_03_top li { margin-top: 0; margin-bottom: 4vw; font-size: 5vw; line-height: 1.3; padding-left: 9vw; width: auto; padding-top: 41vw }
.sub02_03_top li .num { width: 6.67vw; height: 6.67vw; font-size: 5vw; top: 41vw; line-height: 6.67vw }
.sub02_03_top li:before { content: "원도급사 사업장"; display: flex; width: 36vw; height: 36vw; justify-content: center; align-items: center; border-radius:50%; color: #fff; background-color: #625CF9; font-size: 5.55vw; padding: 3vw; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: 0 }
.sub02_03_top li:nth-child(2):before { content: "본사(원도급), 발주처"; top: 41vw }
.sub02_03_top li:nth-child(2) { padding-top: 82vw }
.sub02_03_top li:nth-child(2) .num { top: 82vw }
.sub02_03_top li:nth-child(2):after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 6.2037vw; height: 35.4629vw; background-size: 100%; background-image: url(../../images/new_images/arrow.png) }
.sub02_03_top .ul02 { margin-top: 25vw }
.sub02_03_top .ul02 li:nth-child(1):before { background-color: #30A8CE; content: "하도급" }
.sub02_03_con01 { padding: 25vw 0; background-size: 100% }
.sub02_03_con01 h3 { font-size: 7.2vw; margin-bottom: 8vw }
.sub02_03_con01 h3 br { display: block }

.sub03_con01 { margin-top: 25vw; }
.sub03_con01 .h3_header { margin-bottom: 8vw }
.sub03_con01 .h3_header h3 { font-size: 7.22vw }
.sub03_con01 .h3_header .txt01 { height: 11.11vw; line-height: 11.11vw; font-size: 5.55vw; border-radius: 5.55vw; padding: 0; width: 88.89vw }
.sub03_con01 .h3_header .txt01.dline { height: 18.4vw; line-height: 1.3; padding: 2vw 0 0 0; border-radius:9.2vw }
.sub03_con01 .h3_header p { font-size: 5vw; margin-top: 3vw }
.sub03_con01 .sec01 > i, .sub03_con01 .sec02 > i, .sub03_con01 .sec03 > i { font-size: 27.77vw; top: 0 }
.sub03_con01 .sec01 > i { top: -10vw; left:5vw }
.sub03_con01 .sec02 > i { right: 5vw }
.sub03_con01 .sec03 > i { left: 5vw }
.sub03_con01 .sec01, .sub03_con01 .sec02 { margin-bottom: 20vw }
.sub03_con01 .sec01 .h3_header { position: relative; z-index: 1 }
.sub03_con01 .sec01 .rows01 { flex-direction: column; padding: 0 5.5556vw }
.sub03_con01 .sec01 .rows01 section { width: 100%; height: auto; border-radius:5vw; padding: 5vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) { margin-bottom: 11.11vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1):after { width: 10vw; height: 22.2222vw; top: auto; bottom:-10vw; transform: translate(-50%,0) rotate(90deg); right: auto; left: 50%; background-size: 100% }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li { font-size: 6.66vw; padding-left: 17.22vw; margin-top: 6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) > ul > li span { width: 13.22vw; height: 8.88vw; font-size: 5.55vw; line-height: 8.88vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li:before { width: 3.33vw; height: 1.11vw; border-radius:0.55vw; top: 2.3vw; left: 0 }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li li { font-size: 5vw; margin-top: 2vw; padding-left: 6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(1) li ul { margin: 3vw 0 5vw -6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4 { border-width: 0.833vw; font-size: 7.22vw; padding-bottom: 4vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) h4:before { width: 7.2vw; height: 8.88vw; background-size: 100%; margin-right: 2.5vw; vertical-align: -2.5vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) { padding: 8vw 6vw }
.sub03_con01 .sec01 .rows01 section:nth-child(2) li { font-size: 6.66vw; margin-top: 6vw }

.sub03_con01 .sec02:before, .sub03_con01 .sec03:before { top: -6.5vw }
.sub03_con01 .sec03 { margin-bottom: 20vw }
.sub03_con02 img { max-width: none; }
.sub03_con02 .pc_only { display: none !important;}
.sub03_con02 .text { width: 88.89vw; top: 15vw; margin-left: -44.448vw }
.sub03_con03 h3 { font-size: 8.33vw; margin-top: 5vw; letter-spacing: -0.6944vw }
.sub03_con03 .rows01 { flex-direction: column-reverse; margin-top: 9vw; text-align: center; align-items: center }
.sub03_con03 .rows01 img { position: static; width: 88vw }
.sub03_con03 .rows01 p { padding: 0; font-size: 5vw; margin-bottom: 12vw }
.sub03_con03 footer { padding: 34vw 0 25vw 0; margin-top: -24vw }
.sub03_con03 footer p { padding: 0; font-size: 7.22vw; text-align: center; line-height: 1.3 }
.sub03_con03:before { display: none }

.inquiry { padding-bottom: 25vw; margin-top: 13vw }
.inquiry fieldset { width: 100%; padding: 0 5.556vw }
.input_div { margin-bottom: 6vw }
.inquiry .label { font-size: 5.56vw; margin-bottom: 2vw }
.input_div .btn_more { width: 6vw; height: 6vw; margin-left: 1.5vw;}
.inquiry .align_center { margin: 10vw 0 12vw 0 }
.inquiry .btn-lg { width: 80vw; font-size: 6.6667vw; height: 16vw; line-height: 16vw; border-radius:8vw }
.inquiry .rows01 { flex-direction: column; }
.inquiry div.help span { font-size: 5vw }
.inquiry .cscenter dl { justify-content: center; margin-bottom: 3vw; margin-top: 8vw }
.inquiry .cscenter { font-size: 5vw; text-align: center }
.inquiry .cscenter dd { font-size: 6.66vw; margin-left: 2.5vw }
}