@charset "utf-8"; 
/* CSS Document */

/*─────────────────────

	◌ File Name:style.css
	◌ Description:style settings for all pages
	◌ Last Update:03/27/24

─────────────────────*/


@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.colorRed{ color:#d80808; }
.slideUp{ position:relative; opacity:0; }
.slideUp.animated{ position:relative; animation:slideUp 1.1s cubic-bezier(.25,.46,.45,.94) both; }
@keyframes slideUp{ 0%{ opacity:0; top:6.25rem; filter:blur(0.625rem); } 100%{ opacity:1; top:0; } }
.sub #visual.active .location{ opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:.3s; }
.sub #visual.active h2{ opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:.6s; }
.sub #container.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
.con-sub > div{ filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
.con-sub > div.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub1211 .con01 .fixBG > div > .title.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub1211 .con01 .fixBG div .txt-box div.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub1211 .con01 .fixBG div .txt-box div.active:nth-child(2){ transition-delay:.3s; }
#container .con-sub1211 .con01 .fixBG div .txt-box div.active:nth-child(3){ transition-delay:.6s; }
#container .con-sub1231 .con01 .box.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub1231 .con01 .box.active:nth-child(2){ transition-delay:.3s; }
#container .con-sub1231 .con01 .box.active:nth-child(3){ transition-delay:.6s; }
#container .con-sub1231 .con01 .box.active:nth-child(4){ transition-delay:.9s; }
#container .con-sub1324 .con01.active .left p.popup{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:.6s; }
#container .con-sub3141 .con01 div.active{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3141 .con01 div.active:nth-child(2){ transition-delay:.3s; }
#container .con-sub3141 .con01 div.active:nth-child(3){ transition-delay:.6s; }
#container .con-sub3141 .con01 div.active:nth-child(4){ transition-delay:.9s; }
#container .con-sub3141 .con01 div.active:nth-child(2) .img .overBOX{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.8s; }
#container .con-sub3141 .con01 div.active:nth-child(2) .img .overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.8s; }
#container .con-sub3141 .con01 div.active:nth-child(3) .img .overBOX{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.8s; }
#container .con-sub3141 .con01 div.active:nth-child(4) .img .overBOX{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.8s; }
#container .con-sub3141 .con01 div.active:nth-child(4) .img .overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.8s; }
#container .con-sub3142 .con02.active > div img{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3142 .con02.active > div p.overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:.6s; }
#container .con-sub3142 .con03.active > div img{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3142 .con03.active > div img:nth-child(2){ transition-delay:.3s; }
#container .con-sub3142 .con03.active > div img:nth-child(3){ transition-delay:.6s; }
#container .con-sub3142 .con03.active > div p.overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.2s; }
#container .con-sub3142 .con04.active > div img{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3142 .con04.active > div p.overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:1.5s; }
#container .con-sub3142 .con04.active div div img{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3142 .con04.active div div img:nth-child(2){ transition-delay:.3s; }
#container .con-sub3142 .con04.active div div img:nth-child(3){ transition-delay:.6s; }
#container .con-sub3142 .con04.active div div img:nth-child(4){ transition-delay:.9s; }
#container .con-sub3142 .con05.active > div img{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container .con-sub3142 .con05.active > div p.overTXT{ filter:blur(0); opacity:1; transform:translateY(0); transition:all .7s cubic-bezier(.25,.46,.45,.94); transition-delay:.6s; }
#container.bgFix{ filter:blur(0); opacity:1; transform:none; }
#container.bgFix .page_tab{ filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container.bgFix .page_tab.active{ filter:blur(0); opacity:1; transform:translateY(0); }
#container.bgFix h4{ filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
#container.bgFix h4.active{ filter:blur(0); opacity:1; transform:translateY(0); }
#container.bgFix .con-sub > div{ filter:blur(0); opacity:1; transform:none; }




header{ display:flex; justify-content:space-between; align-items:center; width:96%; height:5.625rem; /*padding:0 3.125rem;*/ /*box-shadow:0 0.313rem 0.313rem rgba(210, 210, 210, .15);*/ margin:0 auto; position:relative; z-index:999; }
header .logo{ width:5.625rem; }
header .logo a{ display:block; }
header .logo img{ width:100%; }
header nav{ width:96%; max-width:1400px; }
header nav > ul{ display:flex; justify-content:space-evenly; }
header nav > ul > li{ font-weight:600; }
header nav > ul > li > a{ padding:1.594rem 0; }
header nav > ul > li:hover > a{ color:#1241bc; }
header nav > ul li.hasDepth2{ background:url('../img/header_arrow.svg') no-repeat center right; position:relative; }
header nav > ul li.hasDepth2:hover{ background:url('../img/header_arrow_blue.svg') no-repeat center right; }
header nav > ul li.hasDepth2 > a{ padding-right:1.25rem; }
header nav > ul li.hasDepth2 ul{ display:none; width:max-content; color:#fff; font-size:0.875rem; text-align:center; background:#1241bc; padding:0.625rem 1.25rem; position:absolute; top:90%; left:50%; transform:translateX(-50%); }
header nav > ul li.hasDepth2 ul li{ margin:1.25rem 0; }
header button{ position:relative; }
header button a{ display:block; width:4rem; height:1rem; position:relative; }
header button a:before{ content:''; width:100%; height:2px; background:#1241bc; position:absolute; top:0; left:0; transition:all .45s ease; }
header button a:after{ content:''; width:100%; height:2px; background:#0961f8; position:absolute; bottom:0; left:0; transition:all .45s ease; }
.allMenu header{ z-index:9999; }
.allMenu header .logo{ position:fixed; }
.allMenu header nav{ display:none; }
.allMenu header button{ position:fixed; right:2%; }
.allMenu header button a:before{ background:#fff; transform:translateY(0.438rem) rotate(45deg); }
.allMenu header button a:after{ background:#fff; transform:translateY(-0.438rem) rotate(-45deg); }



aside{ width:100%; height:0; position:fixed; top:0; left:0; z-index:999; overflow:hidden; }
aside .bg{ width:100%; height:0; background:rgba(0,0,0,.7); backdrop-filter:blur(0.5rem); }
aside > ul{ width:80%; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
aside > ul > li{ display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.3); padding:3rem 0; }
aside > ul > li:last-child{ border:none; }
aside > ul > li p{ width:20rem; font-size:2rem; font-weight:600; }
aside > ul > li ul{ display:flex; font-size:1.5rem; transition:all .2s ease; }
aside > ul > li ul:hover{ color:#888; }
aside > ul > li ul li{ margin-right:3rem; transition:all .2s ease; }
aside > ul > li ul li:hover{ color:#fff; }
.allMenu aside{ height:100%; transition:height .45s ease; }
.allMenu aside .bg{ height:100%; transition:height .45s ease; }



.main #visual{ width:100%; height:calc(100vh - 5.625rem); overflow:hidden; }
.main #visual .visual{ display:flex; justify-content:flex-end; align-items:center; height:100%; }
.main #visual .visual .txt_wrap{ width:38.75rem; height:26rem; font-family:'SEBANG_Gothic_Bold'; padding-left:3.125rem; position:absolute; left:0; z-index:1; overflow:hidden; }
.main #visual .visual .txt_wrap p{ display:inline; font-size:4.8rem; font-weight:600; line-height:normal; white-space:nowrap; position:relative; }
.main #visual .visual .txt_wrap p::before{ content:''; width:3px; height:5.625rem; background-color:#000; position:absolute; bottom:0; right:-0.313rem; animation:blink .7s step-end infinite; }
@keyframes blink{ 50%{ background-color:transparent; } }
.main #visual .visual .img_wrap{ display:flex; align-items:center; width:70%; max-width:1500px; min-height:100%; }
.main #visual .visual .img_wrap div{ height:100%; }
.main #visual .visual .img_wrap p{ height:100%; }
/*.main #visual .visual .img_wrap img{ height:100%; }*/
.main #visual .visual .img_wrap .slick-slide{ border-top-left-radius:12.5rem; overflow:hidden; transition:border-radius 2s cubic-bezier(.25,.46,.45,.94); }
.main #visual .visual .img_wrap .slick-slide.slick-active{ border-top-left-radius:25rem; }



.main .content{ display:flex; justify-content:space-between; padding:0 3.125rem; margin-top:15rem; }
.main .content .txt-box{ width:45%; }
.main .content .img-box{ width:50%; }
.main .content .title_wrap .title_sec{ display:inline-block; color:#fff; font-weight:600; background:#1241bc; border-radius:10rem; padding:0.5rem 0.938rem; }
.main .content .title_wrap .title{ font-family:'SEBANG_Gothic_Bold'; font-size:3.25rem; line-height:4.375rem; word-break:keep-all; margin:1.875rem 0 3.125rem 0.313rem; }
.main .content .title_wrap .title_sub{ font-size:1.5rem; line-height:2.25rem; word-break:keep-all; margin:0 0 1.25rem 0.313rem; }
.main .content .title_wrap .title_sub li{ margin-bottom:0.625rem; }
.main .btn_more{ display:inline-block; font-size:1.125rem; margin-top:0.313rem; position:relative; overflow:hidden; }
/*.main .btn_more:before{ content:''; width:100%; height:100%; background:#242424; position:absolute; top:0; left:0; transform:translateX(-102%); z-index:-1;
    background: -moz-linear-gradient(180deg, #000, rgba(0,0,0,0) 80%, #84a5f0 80%, #84a5f0 100%);
    background: -webkit-linear-gradient(180deg, #000, rgba(0,0,0,0) 80%, #84a5f0 80%, #84a5f0 100%);
    background: linear-gradient(180deg, #000, rgba(0,0,0,0) 80%, #84a5f0 80%, #84a5f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#84a5f0",GradientType=1);
}*/
.main .btn_more.in-right:before{ transform-origin:0% 0%; animation:inRight .3s ease-in-out forwards; }
.main .btn_more.out-right:before{ transform-origin:100% 0%; animation:outRight .3s ease-in-out forwards; }
.main .btn_more.in-left:before{ transform-origin:0% 0%; animation:inLeft .3s ease-in-out forwards; }
.main .btn_more.out-left:before{ transform-origin:-100% 0%; animation:outLeft .3s ease-in-out forwards; }
.main .btn_more.in-bottom:before{ transform-origin:0% 0%; animation:inBottom .3s ease-in-out forwards; }
.main .btn_more.out-bottom:before{ transform-origin:0% 100%; animation:outBottom .3s ease-in-out forwards; }
.main .btn_more.in-top:before{ transform-origin:0% 0%; animation:inTop .3s ease-in-out forwards; }
.main .btn_more.out-top:before{ transform-origin:0% -100%; animation:outTop .3s ease-in-out forwards; }
@keyframes inRight{ 0%{ transform:translateX(-102%) } 100%{ transform:translateX(0%); } }
@keyframes outRight{ 0%{ transform:translateX(0%) } 100%{ transform:translateX(102%); } }
@keyframes inLeft{ 0%{ transform:translateX(102%) } 100%{ transform:translateX(0%); } }
@keyframes outLeft{ 0%{ transform:translateX(0%) } 100%{ transform:translateX(-102%); } }
@keyframes inBottom{ 0%{ transform:translateY(-102%) } 100%{ transform:translateY(0%); } }
@keyframes outBottom{ 0%{ transform:translateY(0%) } 100%{ transform:translateY(102%); } }
@keyframes inTop{ 0%{ transform:translateY(102%) } 100%{ transform:translateY(0%); } }
@keyframes outTop{ 0%{ transform:translateY(0%) } 100%{ transform:translateY(-102%); } }
.main .btn_more a{ background:url('../img/main_more.svg') no-repeat center right; background-size:1.5rem; padding:0.313rem 2rem 0.313rem 0.313rem; position:relative; transition:all .3s ease-in-out; z-index:1; }
.main .btn_more:hover a{ color:#1241bc; background:url('../img/main_more_hover.svg') no-repeat center right; background-size:1.5rem; }
.main .content:nth-child(odd){ text-align:right; }
.main .content:nth-child(odd) .txt-box{ order:2; }
.main .content:nth-child(odd) .title_wrap .title{ margin:1.875rem 0.313rem 3.125rem 0; }
.main .content:nth-child(odd) .title_wrap .title_sub{ margin:0 0.313rem 1.25rem 0; }
.main .content:nth-child(odd) .btn_more a{ background:url('../img/main_more.svg') no-repeat center right 0.313rem; background-size:1.5rem; padding:0.313rem 2.313rem 0.313rem 0; }
.main .content:nth-child(odd) .btn_more:hover a{ background:url('../img/main_more_hover.svg') no-repeat center right 0.313rem; background-size:1.5rem; }


.main .content01 .img-box{ position:relative; }
.main .content01 .img_wrap{ height:100%; position:relative; }
.main .content01 .img_wrap img{ width:13.75rem; border-radius:2.3rem; position:absolute; box-shadow:0 0 2rem rgba(0, 0, 0, .18); }
.main .content01 .img_wrap img.animated.slideUp2_1{ top:0; left:50%; transform:translateX(-95%); animation:slideUp2_1 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content01 .img_wrap img.animated.slideUp2_2{ top:10rem; left:50%; transform:translateX(-65%); animation:slideUp2_2 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content01 .img_wrap img.animated.slideUp2_3{ top:20rem; left:50%; transform:translateX(-35%); animation:slideUp2_3 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content01 .img_wrap img.animated.slideUp2_4{ top:30rem; left:50%; transform:translateX(-5%); animation:slideUp2_4 1.1s cubic-bezier(.25,.46,.45,.94) both; }
@keyframes slideUp2_1{ 0%{ opacity:0; top:0rem; filter:blur(0.625rem); } 100%{ opacity:1; top:4rem; } }
@keyframes slideUp2_2{ 0%{ opacity:0; top:10rem; filter:blur(0.625rem); } 100%{ opacity:1; top:3rem; } }
@keyframes slideUp2_3{ 0%{ opacity:0; top:20rem; filter:blur(0.625rem); } 100%{ opacity:1; top:2rem; } }
@keyframes slideUp2_4{ 0%{ opacity:0; top:30rem; filter:blur(0.625rem); } 100%{ opacity:1; top:1rem; } }
.slideUp2{ position:relative; opacity:0; }
.main .content01 .bg{ width:50rem; height:50rem; background:#1241bc; border-radius:50%; position:absolute; top:30%; left:-20%; z-index:-1; }

.main .content02 .img-box{ position:relative; }
.main .content02 .img_wrap{ height:100%; position:relative; }
.main .content02 .img_wrap img{ width:13.75rem; border-radius:2.3rem; position:absolute; box-shadow:0 0 2rem rgba(0, 0, 0, .18); }
.main .content02 .img_wrap img.animated.slideUp2_1{ top:0; left:50%; transform:translateX(-95%); animation:slideUp2_1 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content02 .img_wrap img.animated.slideUp2_2{ top:10rem; left:50%; transform:translateX(-65%); animation:slideUp2_2 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content02 .img_wrap img.animated.slideUp2_3{ top:20rem; left:50%; transform:translateX(-35%); animation:slideUp2_3 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content02 .img_wrap img.animated.slideUp2_4{ top:30rem; left:50%; transform:translateX(-5%); animation:slideUp2_4 1.1s cubic-bezier(.25,.46,.45,.94) both; }

.main .content03 .img-box{ position:relative; }
.main .content03 .img_wrap{ height:100%; position:relative; }
.main .content03 .img_wrap img{ width:13.75rem; border-radius:2.3rem; position:absolute; box-shadow:0 0 2rem rgba(0, 0, 0, .18); }
.main .content03 .img_wrap img.animated.slideUp2_1{ top:0; left:50%; transform:translateX(-95%); animation:slideUp2_1 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content03 .img_wrap img.animated.slideUp2_2{ top:10rem; left:50%; transform:translateX(-65%); animation:slideUp2_2 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content03 .img_wrap img.animated.slideUp2_3{ top:20rem; left:50%; transform:translateX(-35%); animation:slideUp2_3 1.1s cubic-bezier(.25,.46,.45,.94) both; }
.main .content03 .img_wrap img.animated.slideUp2_4{ top:30rem; left:50%; transform:translateX(-5%); animation:slideUp2_4 1.1s cubic-bezier(.25,.46,.45,.94) both; }

.main .content04 .img-box{ position:relative; }
.main .content04 .img_wrap{ height:22vw; position:relative; overflow:hidden; }
.main .content04 .img_wrap:before{ content:''; width:43vw; height:43vw; background:#1241bc; border-radius:50%; position:absolute; top:30%; left:50%; transform:translateX(-50%); z-index:-1; }
.main .content04 .img_wrap.animated:before{ animation:slideUpBefore 1.1s cubic-bezier(.25,.46,.45,.94) both; }
@keyframes slideUpBefore{ 0%{ opacity:0; top:-100%; filter:blur(0.625rem); } 100%{ opacity:1; top:30%; } }
.main .content04 .img_wrap img{ width:30%; max-width:17.5rem; position:absolute; }
.main .content04 .img_wrap img.animated.slideUp3_1{ top:0; left:11vw; z-index:4; animation:slideUp3_1 1.1s cubic-bezier(1,.02,.68,.97) both; animation-delay:.6s; }
.main .content04 .img_wrap img.animated.slideUp3_2{ top:1vw; right:5vw; z-index:2; transform:rotate(10deg); animation:slideUp3_2 1.1s cubic-bezier(1,.02,.68,.97) both; animation-delay:.6s; }
.main .content04 .img_wrap img.animated.slideUp3_3{ bottom:-1.5vw; right:9vw; z-index:3; animation:slideUp3_3 1.1s cubic-bezier(1,.02,.68,.97) both; animation-delay:.6s; }
.main .content04 .img_wrap img.animated.slideUp3_4{ bottom:-1vw; left:3vw; z-index:1; transform:rotate(-15deg); animation:slideUp3_4 1.1s cubic-bezier(1,.02,.68,.97) both; animation-delay:.6s; }
@keyframes slideUp3_1{ 0%{ opacity:0; top:10vw; filter:blur(0.625rem); transform:scale(.5); } 100%{ opacity:1; top:0; transform:scale(1); } }
@keyframes slideUp3_2{ 0%{ opacity:0; right:14vw; filter:blur(0.625rem); transform:scale(.5) rotate(10deg); } 100%{ opacity:1; right:5vw; transform:scale(1) rotate(10deg); } }
@keyframes slideUp3_3{ 0%{ opacity:0; bottom:11.5vw; filter:blur(0.625rem); transform:scale(.5); } 100%{ opacity:1; bottom:-1.5vw; transform:scale(1); } }
@keyframes slideUp3_4{ 0%{ opacity:0; left:18vw; filter:blur(0.625rem); transform:scale(.5) rotate(-15deg); } 100%{ opacity:1; left:8vw; transform:scale(1) rotate(-15deg); } }





.sub #visual{ display:flex; align-items:flex-end; height:28.125rem; border-bottom:1px solid #ddd; position:relative; }
.sub #visual:before, .sub #visual:after{ content:''; display:block; border-radius:9999px; position:absolute; top:0; filter:blur(5.625rem); opacity:.5; }
.sub #visual:before{ width:25rem; height:25rem; background:#990ccc67; left:0; }/* animation:circle1 20s infinite;*/
.sub #visual:after{ width:18.75rem; height:18.75rem; background:#3612b88e; right:0;}/*  animation:circle2 15s infinite; */
/*@keyframes circle1{
  0%{ left:0px; top:0px; }
  10%{ left:-6.25rem; top:4.375rem; }
  20%{ left:-10.625rem; top:6rem; }
  30%{ left:-15.625rem; top:6.875rem; }
  40%{ left:-21.875rem; top:4.375rem; }
  50%{ left:-13.75rem; top:2.5rem; }
  60%{ left:-21.875rem; top:4.375rem; }
  70%{ left:-15.625rem; top:6.875rem; }
  80%{ left:-10.625rem; top:6rem; }
  90%{ left:-6.25rem; top:4.375rem; }
  100%{ left:0px; top:0px; }
} 
@keyframes circle2{
  0%{ right:0px; top:0px; }
  10%{ right:3.125rem; top:4.375rem; }
  20%{ right:6.25rem; top:8.75rem; }
  30%{ right:9.375rem; top:4.375rem; }
  40%{ right:12.5rem; top:0px; }
  50%{ right:15.625rem; top:-4.375rem; }
  60%{ right:12.5rem; top:0px; }
  70%{ right:9.375rem; top:4.375rem; }
  80%{ right:6.25rem; top:8.75rem; }
  90%{ right:3.125rem; top:4.375rem; }
  100%{ right:0px; top:0px; }
}*/
.sub #visual .visual_wrap{ width:90%; max-width:1400px; margin:0 auto; }
.sub #visual .location{ opacity:0; transform:translateY(1.875rem); }
.sub #visual .location ul{ display:flex; align-items:center; }
.sub #visual .location ul li{ margin-right:3.75rem; position:relative; }
.sub #visual .location ul li:last-child{ margin-right:0; }
.sub #visual .location ul li:nth-child(1):before{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; right:-1.625rem; transform:translateY(-50%); }
.sub #visual .location ul li:nth-child(1):after{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; right:-2rem; transform:translateY(-50%); }
.sub #visual .location ul li:nth-child(2):before{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; left:-1.563rem; transform:translateY(-50%); }
.sub #visual .location ul li:nth-child(2):after{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; right:-1.688rem; transform:translateY(-50%); }
.sub #visual .location ul li:nth-child(3):before{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; left:-1.875rem; transform:translateY(-50%); }
.sub #visual .location ul li:nth-child(3):after{ content:''; width:0.188rem; height:0.188rem; background:#242424; border-radius:50%; position:absolute; top:50%; left:-1.5rem; transform:translateY(-50%); }
.sub #visual .location ul .location_home{ width:1rem; height:1rem; background:url('../img/location_home.png') no-repeat center left; background-size:contain; }
.sub #visual .location ul .location_home a{ display:block; width:100%; height:100%; }

.sub #visual h2{ font-size:3rem; font-weight:700; margin:2.5rem 0 1.875rem; opacity:0; transform:translateY(1.875rem); }

.sub #visual .page_tab{ display:flex; }
.sub #visual .page_tab p{ margin-right:2.5rem; }
.sub #visual .page_tab p a{ padding:1.875rem 0.625rem; position:relative; }
.sub #visual .page_tab p a:before{ content:''; width:0; height:0.25rem; background:#1241bc; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s; }
.sub #visual .page_tab p.active a{ color:#1241bc; font-weight:600; }
.sub #visual .page_tab p.active a:before{ width:100%; }
.sub #visual .page_tab p:hover a{ color:#1241bc; transition:all .3s; }
.sub #visual .page_tab p:hover a:before{ width:100%; }

.sub #visual .inquiry{ width:5rem; height:5rem; border-radius:50%; position:absolute; bottom:-2.5rem; right:4%; }
.sub #visual .inquiry:before{ content:''; width:100%; height:100%; background:#1241bc; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .5s ease; }
.sub #visual .inquiry a{ display:block; width:100%; height:100%; background:url('../img/inquiry.svg') no-repeat center center; border-radius:50%; position:relative; z-index:1; }
.sub #visual .inquiry a .rotating-text{ width:7rem; height:7rem; text-transform:uppercase; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-60%,-60%); }
.sub #visual .inquiry a .rotating-text svg{ width:120%; height:120%; animation:text-spin linear 10s infinite; -webkit-animation:text-spin linear 10s infinite; }
.sub #visual .inquiry:hover a .rotating-text svg path{ transition:all .5s ease; }
@keyframes text-spin{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } }
.sub #visual .inquiry a .rotating-text text span{ transform-origin:0 8rem; position:absolute; top:0; left:50%; }
.sub #visual .inquiry:hover:before{ width:200%; height:200%; }
.sub #visual .inquiry:hover a .rotating-text svg path{ fill:#fff; }

#inquiry{ display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; }
#inquiry .popup-content{ width:96%; max-width:640px; height:96%; max-height:970px; background:#fff; border-radius:0.625rem; padding-bottom:2rem; margin:0 auto; position:relative; top:50%; transform:translateY(-50%); box-shadow:0 4px 20px rgba(0,0,0,0.15); z-index:1001; }
#inquiry .popup-content h2{ font-size:1.5rem; font-weight:700; padding:2rem; }
#inquiry .close-btn{ width:3.75rem; height:3.75rem; font-size:0; background:none; border:none; position:absolute; top:0; right:0; cursor:pointer; }
#inquiry .close-btn:before{ content:''; width:60%; height:2px; background:#242424; position:absolute; top:0; left:50%; transition:all .45s ease; transform:translate(-50%,1.813rem) rotate(45deg); }
#inquiry .close-btn:after{ content:''; width:60%; height:2px; background:#242424; position:absolute; bottom:0; left:50%; transition:all .45s ease; transform:translate(-50%,-1.813rem) rotate(-45deg); }
#inquiry form{ height:calc(100% - 6.25rem); padding:1rem 2rem; position:relative; overflow-y:auto; }
#inquiry form > p{ color:#fff; font-weight:600; text-align:center; background:url('../img/inquiry_bg.png') no-repeat top right #4891e0; background-size:6rem; border-radius:0.625rem; padding:2.5rem 0; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
#inquiry .inputWrap{ margin-top:1.5rem; }
#inquiry .input_wrap{ margin-bottom:1.5rem; }
#inquiry .input_wrap p.title{ font-weight:600; margin-bottom:0.5rem; }
#inquiry .input_wrap .input input, #inquiry .input_wrap .input textarea{ width:100%; font-family:'Pretendard', 'Noto Sans KR', sans-serif; font-size:1rem; font-weight:500; padding:0.75rem; border:1px solid #ddd; border-radius:0.313rem; box-sizing:border-box; }
#inquiry .input_wrap .input textarea{ height:8rem; resize:none; }
#inquiry .input_wrap .input input#i_eml{ text-transform:lowercase; }
#inquiry .input_wrap .input input::placeholder, #inquiry .input_wrap .input textarea::placeholder{ font-family:'Pretendard', 'Noto Sans KR', sans-serif; font-size:0.875rem; font-weight:400; }
#inquiry .agree_wrap{ margin-top:2rem; }
#inquiry .agree_wrap h6{ font-size:1rem; font-weight:600; margin-bottom:1rem; }
#inquiry .agree_box{ font-size:0.9rem; line-height:1.5; background:#f2f2f2; border-radius:0.313rem; padding:1rem; margin-bottom:1rem; }
#inquiry .agree_box span{ font-weight:600; }
#inquiry .agree_sign{ display:flex; align-items:center; }
#inquiry .agree_sign input{ width:1.125rem; height:1.125rem; border-color:#ddd; margin-right:0.5rem; }
#inquiry .btn_wrap{ display:flex; justify-content:space-between; margin-top:2rem; }
#inquiry .btn_wrap a{ display:inline-block; font-weight:600; text-align:center; border:1px solid #ddd; border-radius:0.313rem; padding:0.75rem 1.5rem; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition:background-color 0.3s ease; order:1; }
#inquiry .btn_wrap a.btn_primary{ color:#fff; background:#0961f8; border:none; order:2; }
#inquiry .btn_wrap a.btn_primary:hover{ background:#1241bc; }
#inquiry .overlay{ width:100%; height:100%; background:rgba(0,0,0,.7); backdrop-filter:blur(0.5rem); position:absolute; top:0; left:0; z-index:1000; }




#container{ width:90%; max-width:1400px; margin:6.25rem auto 0; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }

#container .page_tab{ display:table; border-collapse:collapse; width:100%; height:3.75rem; margin-bottom:3.75rem; }
#container .page_tab.col3 p{ width:calc(100% / 3); }
#container .page_tab.col4 p{ width:calc(100% / 4); }
#container .page_tab.col5 p{ width:calc(100% / 5); }
#container .page_tab p{ display:table-cell; border:1px solid #ddd; }
#container .page_tab p a{ display:flex; justify-content:center; align-items:center; height:100%; }
#container .page_tab p.double a{ position:relative; top:-10px; }
#container .page_tab p.active{ background:#242424; border:none; }
#container .page_tab p.active a{ color:#fff; }

#container .con-sub{ margin-bottom:9.375rem; }
#container .con-sub h4{ font-size:1.75rem; font-weight:600; padding-left:0.8rem; margin-bottom:2.5rem; position:relative; }
#container .con-sub h4:before{ content:''; width:0.5rem; height:0.5rem; background:#1241bc; border-radius:50%; position:absolute; top:-0.5rem; left:0; }
#container .con-sub h4:after{ content:''; width:0.5rem; height:0.5rem; background:#0961f8; border-radius:50%; position:absolute; top:-0.8rem; left:0.8rem; }

#container.wide{ width:100%; max-width:none; margin:6.25rem auto 0; }
#container.wide .page_tab{ width:90%; max-width:1400px; margin:0 auto 3.75rem; }
#container.wide .con-sub h4{ width:90%; max-width:1400px; margin:0 auto 2.5rem; }



#container .con-sub1111 .con01{ border:2px dashed #464646; border-radius:1.25rem; padding:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub1111 .con01 .con01-title{ width:100%; color:#fff; font-size:1.5rem; font-weight:600; text-align:center; background:#464646; border-radius:0.938rem; padding:0.938rem; margin-bottom:1.25rem; }
#container .con-sub1111 .con01 .con01-box-wrap{ display:flex; justify-content:space-between; position:relative; }
#container .con-sub1111 .con01 .con01-box-wrap:before{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:30%; transform:translateY(-50%); }
#container .con-sub1111 .con01 .con01-box-wrap:after{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; right:30%; transform:translateY(-50%); }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box{ width:30%; border:1px solid #ddd; border-radius:1.875rem; padding:2.5rem 2.188rem; position:relative; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box .process{ display:inline-block; color:#464646; font-size:0.875rem; border:1px solid #464646; border-radius:3.125rem; padding:0.625rem 0.938rem; }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box .title{ font-size:1.5rem; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:1.25rem; margin:0.938rem 0 1.25rem; }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box div{ display:flex; justify-content:space-between; color:#555; }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box div.col2 ul{ width:50%; }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box div ul li{ padding-left:0.625rem; margin:0.438rem 0; position:relative; }
#container .con-sub1111 .con01 .con01-box-wrap .con01-box div ul li:before{ content:''; width:0.188rem; height:0.188rem; background:#555555; border-radius:50%; position:absolute; top:0.563rem; left:0; }
#container .con-sub1111 .con01.con01-1{ border-color:#1241bc; margin-top:3.125rem; }
#container .con-sub1111 .con01.con01-1 .con01-title{ background:#1241bc; }
#container .con-sub1111 .con01.con01-1 .con01-box-wrap .con01-box .process{ color:#1241bc; border-color:#1241bc; }

/*width:calc(100% / 5.2) -> width:calc(100% / 4.2)*/
#container .con-sub1121 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1121 .con01 div{ display:flex; flex-direction:column; align-items:center; width:calc(100% / 4.2); border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub1121 .con01 div .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub1121 .con01 div .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub1122 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1122 .con01 div{ display:flex; flex-direction:column; align-items:center; width:calc(100% / 4.2); border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub1122 .con01 div .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub1122 .con01 div .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub1123 .con01{ display:flex; background:#f0f0f0; border-radius:1.875rem; padding:2rem; }
#container .con-sub1123 .con01 div{ border-radius:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .3); }
#container .con-sub1123 .con01 div .img{ border-radius:1.875rem; overflow:hidden; }
#container .con-sub1123 .con01 div:nth-child(2){ margin:0 1.25rem; }
#container .con-sub1124 .con01{ display:flex; }
#container .con-sub1124 .con01 .left{ display:flex; flex-direction:column; align-items:center; width:16.875rem; border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub1124 .con01 .left .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub1124 .con01 .left .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub1124 .con01 .right{ display:flex; align-items:center; width:calc(100% - 16.875rem - 6.25rem); background:#f0f0f0; border-radius:1.875rem; padding:2rem; margin-left:6.25rem; position:relative; }
#container .con-sub1124 .con01 .right:before{ content:''; width:2.5rem; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:-4.375rem; transform:translateY(-50%); }
#container .con-sub1124 .con01 .right div{ border-radius:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .3); }
#container .con-sub1124 .con01 .right .img{ border-radius:1.875rem; overflow:hidden; }
#container .con-sub1125 .con01{ display:flex; }
#container .con-sub1125 .con01 .left{ display:flex; flex-direction:column; align-items:center; width:16.875rem; border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub1125 .con01 .left .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub1125 .con01 .left .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub1125 .con01 .right{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:calc(100% - 16.875rem - 6.25rem); background:#f0f0f0; border-radius:1.875rem; padding:2rem; margin-left:6.25rem; position:relative; }
#container .con-sub1125 .con01 .right:before{ content:''; width:2.5rem; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:-4.375rem; transform:translateY(-50%); }
#container .con-sub1125 .con01 .right div{ border-radius:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .3); }
#container .con-sub1125 .con01 .right .img{ width:calc(50% - 2rem); border-radius:1.875rem; margin:1rem; overflow:hidden; }
#container .con-sub1126 .con01{ display:flex; }
#container .con-sub1126 .con01 .left{ display:flex; flex-direction:column; align-items:center; width:16.875rem; border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub1126 .con01 .left .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub1126 .con01 .left .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub1126 .con01 .right{ display:flex; justify-content:center; align-items:center; width:calc(100% - 16.875rem - 6.25rem); background:#f0f0f0; border-radius:1.875rem; padding:2rem; margin-left:6.25rem; position:relative; }
#container .con-sub1126 .con01 .right:before{ content:''; width:2.5rem; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:-4.375rem; transform:translateY(-50%); }
#container .con-sub1126 .con01 .right div{ border-radius:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .3); }
#container .con-sub1126 .con01 .right .img{ border-radius:1.875rem; overflow:hidden; }

#container .con-sub1131 .con01{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
#container .con-sub1131 .con01 div{ width:100%; background:#f0f0f0; border-radius:1.25rem; padding:1.875rem 1.25rem; margin-top:1.25rem; }
#container .con-sub1131 .con01 div p span{ color:#d80808; }
#container .con-sub1131 .con01 div p.link{ margin-top:1.25rem; }
#container .con-sub1131 .con01 div p.link span{ color:#fff; background:#1241bc; border-radius:1.25rem; padding:0.5rem 0.625rem; margin-right:0.625rem; }
#container .con-sub1131 .con01 div p.link a{ color:#1241bc; }

#container .con-sub1211 .con01 .fixBG{ width:100%; padding:12.5rem 0; position:relative; overflow:hidden; }
#container .con-sub1211 .con01 .fixBG:before{ content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:.5; z-index:1; }
#container .con-sub1211 .con01 .fixBG:after{ content:''; width:100%; height:100%; background:url('../img/sub121_img01.png') no-repeat center center; background-size:cover; background-attachment:fixed; filter:blur(0.25rem); backdrop-filter:blur(0.25rem); position:absolute; top:0; left:0; z-index:0; }
#container .con-sub1211 .con01 .fixBG > div{ width:90%; max-width:1400px; margin:0 auto; position:relative; z-index:2; }
#container .con-sub1211 .con01 .fixBG > div > .title{ color:#fff; font-size:3rem; font-weight:700; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub1211 .con01 .fixBG div .txt-box{ display:flex; justify-content:space-between; margin-top:3.125rem; }
#container .con-sub1211 .con01 .fixBG div .txt-box div{ width:31%; background:#fff; border-radius:0.625rem; padding:2.5rem; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub1211 .con01 .fixBG div .txt-box div .step{ color:#1241bc; font-weight:600; margin-bottom:0.625rem; }
#container .con-sub1211 .con01 .fixBG div .txt-box div .title{ font-size:1.375rem; font-weight:600; margin-bottom:1.25rem; }
#container .con-sub1211 .con01 .fixBG div .txt-box div .txt{ color:#555; line-height:1.625rem; word-break:keep-all; }

#container .con-sub1221 .con01{ display:flex; justify-content:space-between; align-items:center; }
#container .con-sub1221 .con01 .qr-wrap{ display:flex; justify-content:space-between; width:70%; }
#container .con-sub1221 .con01 .qr-wrap p{ width:32%; border:1px solid #ddd; }
#container .con-sub1221 .con01 .card-wrap{ width:28%; }
#container .con-sub1221 .con01 .card-wrap p{ border:1px solid #ddd; }

#container .con-sub1231 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1231 .con01 .box{ display:flex; flex-direction:column; justify-content:space-between; width:calc(85% / 4); border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; position:relative; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub1231 .con01 .box:before{ content:''; width:23%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:-23%; transform:translateY(-50%); }
#container .con-sub1231 .con01 .box:first-child:before{ display:none; }
#container .con-sub1231 .con01 .box .title{ font-size:1.2rem; font-weight:600; padding-top:3.125rem; margin-bottom:0.625rem; position:relative; }
#container .con-sub1231 .con01 .box .title:before{ content:''; width:1.875rem; height:1.875rem; position:absolute; top:0; left:0.313rem; }
#container .con-sub1231 .con01 .box:nth-child(1) .title:before{ background:url('../img/sub123_icon01.svg') no-repeat center center; background-size:contain; }
#container .con-sub1231 .con01 .box:nth-child(2) .title:before{ background:url('../img/sub123_icon02.svg') no-repeat center center; background-size:contain; }
#container .con-sub1231 .con01 .box:nth-child(3) .title:before{ background:url('../img/sub123_icon03.svg') no-repeat center center; background-size:contain; }
#container .con-sub1231 .con01 .box:nth-child(4) .title:before{ background:url('../img/sub123_icon04.svg') no-repeat center center; background-size:contain; }
#container .con-sub1231 .con01 .box .txt{ color:#555; word-break:keep-all; margin-bottom:1.25rem; }
#container .con-sub1231 .con01 .box .img{ border-radius:1.25rem; overflow:hidden; }
#container .con-sub1232 .con01{ background:#f0f0f0; border-radius:1.25rem; padding:2.5rem; }
#container .con-sub1232 .con01 p{ font-size:1.25rem; margin-bottom:1.25rem; }
#container .con-sub1232 .con01 img{ border:1px solid #ddd; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }

#container .con-sub1311 .con01{ border:2px dashed #464646; border-radius:1.25rem; padding:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub1311 .con01 .con01-title{ width:100%; color:#fff; font-size:1.5rem; font-weight:600; text-align:center; background:#464646; border-radius:0.938rem; padding:0.938rem; margin-bottom:1.25rem; }
#container .con-sub1311 .con01 .con01-box-wrap{ display:flex; justify-content:space-between; position:relative; }
#container .con-sub1311 .con01 .con01-box-wrap:before{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:30%; transform:translateY(-50%); }
#container .con-sub1311 .con01 .con01-box-wrap:after{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; right:30%; transform:translateY(-50%); }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box{ width:30%; border:1px solid #ddd; border-radius:1.875rem; padding:2.5rem 2.188rem; position:relative; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box .process{ display:inline-block; color:#464646; font-size:0.875rem; border:1px solid #464646; border-radius:3.125rem; padding:0.625rem 0.938rem; }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box .title{ font-size:1.5rem; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:1.25rem; margin:0.938rem 0 1.25rem; }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box div{ display:flex; justify-content:space-between; color:#555; }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box div.col2 ul{ width:50%; }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box div ul li{ padding-left:0.625rem; margin:0.438rem 0; position:relative; }
#container .con-sub1311 .con01 .con01-box-wrap .con01-box div ul li:before{ content:''; width:0.188rem; height:0.188rem; background:#555555; border-radius:50%; position:absolute; top:0.563rem; left:0; }
#container .con-sub1311 .con01.con01-1{ border-color:#1241bc; margin-top:3.125rem; }
#container .con-sub1311 .con01.con01-1 .con01-title{ background:#1241bc; }
#container .con-sub1311 .con01.con01-1 .con01-box-wrap .con01-box .process{ color:#1241bc; border-color:#1241bc; }

#container .con-sub1321 .con01{ display:flex; }
#container .con-sub1321 .con01 .left{ display:flex; flex-wrap:wrap; align-content:space-between; width:82%; }
#container .con-sub1321 .con01 .left p{ width:50%; }
#container .con-sub1321 .con01 .left p img{ width:95%; border:1px solid #ddd; border-radius:1.25rem; }
#container .con-sub1321 .con01 .right{ width:18%; }
#container .con-sub1321 .con01 .right p img{ width:100%; border:1px solid #ddd; border-radius:1.25rem; }
#container .con-sub1322 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1322 .con01 p{ width:32%; }
#container .con-sub1322 .con01 p img{ border:1px solid #ddd; border-radius:1.25rem; }
#container .con-sub1323 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1323 .con01 p{ width:19%; }
#container .con-sub1323 .con01 p:first-child{ width:57.5%; }
#container .con-sub1323 .con01 p img{ border:1px solid #ddd; border-radius:1.25rem; }
#container .con-sub1324 .con01{ display:flex; justify-content:space-between; }
#container .con-sub1324 .con01 .left{ display:flex; flex-wrap:wrap; align-content:space-between; width:62%; position:relative; }
#container .con-sub1324 .con01 .left p{ width:100%; }
#container .con-sub1324 .con01 .left p.popup{ position:absolute; top:0; left:0; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub1324 .con01 .left p img{ width:100%; border:1px solid #ddd; border-radius:1.25rem; }
#container .con-sub1324 .con01 .right{ display:flex; flex-direction:column; justify-content:space-between; width:36%; }
#container .con-sub1324 .con01 .right p img{ width:100%; border:1px solid #ddd; border-radius:1.25rem; }

#container .con-sub2111 .con01{ border:2px dashed #464646; border-radius:1.25rem; padding:1.875rem; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub2111 .con01 .con01-title{ width:100%; color:#fff; font-size:1.5rem; font-weight:600; text-align:center; background:#464646; border-radius:0.938rem; padding:0.938rem; margin-bottom:1.25rem; }
#container .con-sub2111 .con01 .con01-box-wrap{ display:flex; justify-content:space-between; position:relative; }
#container .con-sub2111 .con01 .con01-box-wrap:before{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; left:30%; transform:translateY(-50%); }
#container .con-sub2111 .con01 .con01-box-wrap:after{ content:''; width:5%; height:50%; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:50%; right:30%; transform:translateY(-50%); }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box{ width:30%; border:1px solid #ddd; border-radius:1.875rem; padding:2.5rem 2.188rem; position:relative; box-shadow:0 0 1.25rem rgba(0, 0, 0, .05); }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box .process{ display:inline-block; color:#464646; font-size:0.875rem; border:1px solid #464646; border-radius:3.125rem; padding:0.625rem 0.938rem; }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box .title{ font-size:1.5rem; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:1.25rem; margin:0.938rem 0 1.25rem; }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box div{ display:flex; justify-content:space-between; color:#555; }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box div.col2 ul{ width:50%; }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box div ul li{ padding-left:0.625rem; margin:0.438rem 0; position:relative; }
#container .con-sub2111 .con01 .con01-box-wrap .con01-box div ul li:before{ content:''; width:0.188rem; height:0.188rem; background:#555555; border-radius:50%; position:absolute; top:0.563rem; left:0; }
#container .con-sub2111 .con01.con01-1{ border-color:#1241bc; margin-top:3.125rem; }
#container .con-sub2111 .con01.con01-1 .con01-title{ background:#1241bc; }
#container .con-sub2111 .con01.con01-1 .con01-box-wrap .con01-box .process{ color:#1241bc; border-color:#1241bc; }

#container .con-sub2121 .con01{ display:flex; justify-content:space-between; }
#container .con-sub2121 .con01 div{ display:flex; flex-direction:column; align-items:center; width:calc(100% / 4.2); border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; }
#container .con-sub2121 .con01 div .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub2121 .con01 div .img{ padding:0.625rem 0.625rem 1.25rem; }
#container .con-sub2122 .con01 p{ border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; margin-top:0.625rem; }
#container .con-sub2122 .con01 p:first-child{ margin-top:0; }
#container .con-sub2123 .con01 p{ border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; margin-top:0.625rem; }
#container .con-sub2123 .con01 p:first-child{ margin-top:0; }
#container .con-sub2124 .con01 p{ border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; margin-top:0.625rem; }
#container .con-sub2124 .con01 p:first-child{ margin-top:0; }
#container .con-sub2125 .con01 p{ border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; margin-top:0.625rem; }
#container .con-sub2125 .con01 p:first-child{ margin-top:0; }

#container .con-sub2131 .con01{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
#container .con-sub2131 .con01 div{ width:100%; background:#f0f0f0; border-radius:1.25rem; padding:1.875rem 1.25rem; margin-top:1.25rem; }
#container .con-sub2131 .con01 div p span{ color:#d80808; }
#container .con-sub2131 .con01 div p.link{ margin-top:1.25rem; }
#container .con-sub2131 .con01 div p.link span{ color:#fff; background:#1241bc; border-radius:1.25rem; padding:0.5rem 0.625rem; margin-right:0.625rem; }
#container .con-sub2131 .con01 div p.link a{ color:#1241bc; }

#container .con-sub3111 .con01{ display:flex; justify-content:space-between; }
#container .con-sub3111 .con01 .img{ width:50%; }
#container .con-sub3111 .con01 .txt{ display:flex; flex-direction:column; justify-content:center; width:38%; }
#container .con-sub3111 .con01 .txt .txt01{ font-size:3rem; line-height:3.75rem; }
#container .con-sub3111 .con01 .txt .txt01 span{ color:#1241bc; font-weight:700; }
#container .con-sub3111 .con01 .txt .txt02{ font-size:1.5rem; line-height:2.25rem; word-break:keep-all; margin-top:1.5rem; }
#container .con-sub3111 .con01 .txt .txt02 span{ color:#1241bc; }
#container .con-sub3111 .con01 .txt ul{ background:#f0f0f0; padding:1.25rem 2rem; margin-top:1.5rem; }
#container .con-sub3111 .con01 .txt ul li{ padding-left:1rem; margin-bottom:0.5rem; position:relative; }
#container .con-sub3111 .con01 .txt ul li:before{ content:''; width:0.5rem; height:0.125rem; background:#1241bc; position:absolute; top:50%; left:0; transform:translateY(-50%); }
#container .con-sub3111 .con01 .txt ul li:last-child{ margin-bottom:0; }

#container .con-sub3121 .con01{ display:flex; justify-content:space-between; }
#container .con-sub3121 .con01 > div{ display:flex; flex-direction:column; align-items:center; width:24%; border:1px solid #ddd; border-radius:1.75rem; padding:3rem 2rem; }
#container .con-sub3121 .con01 > div .title{ font-size:1.5rem; font-weight:600; margin-top:1.75rem; margin-bottom:1.5rem; order:2; }
#container .con-sub3121 .con01 > div .img{ background:#1241bc; border-radius:50%; padding:3rem; order:1; }
#container .con-sub3121 .con01 > div div{ display:flex; flex-direction:column; order:3; }
#container .con-sub3121 .con01 > div div p{ word-break:keep-all; padding-left:1rem; margin-bottom:0.5rem; position:relative; }
#container .con-sub3121 .con01 > div div p:before{ content:'-'; position:absolute; top:0.05rem; left:0; }

#container .con-sub3131 .con01 div{ display:flex; text-align:center; }
#container .con-sub3131 .con01 div:first-child{ justify-content:space-between; }
#container .con-sub3131 .con01 div:first-child dl{ width:48%; }
#container .con-sub3131 .con01 div:last-child dl{ width:100%; }
#container .con-sub3131 .con01 div:last-child dl dt{ display:none; }
#container .con-sub3131 .con01 div dl dt{ font-size:1.75rem; font-weight:600; }
#container .con-sub3131 .con01 div dl dd{ color:#fff; font-size:1.125rem; background:#1241bc; border-radius:0.938rem; padding:1rem 1.25rem; margin-top:1rem; }
#container .con-sub3131 .con01 div dl:last-child dd{ background:#0961f8; }
#container .con-sub3131 .con01 div:last-child dl dd{ background:#031a3f; }

#container .con-sub3141 .con01{ display:flex; justify-content:space-between; width:90%; max-width:1400px; margin:0 auto; }
#container .con-sub3141 .con01 div{ display:flex; flex-direction:column; align-items:center; width:calc(100% / 4.2); border:1px solid #ddd; border-radius:1.875rem; overflow:hidden; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3141 .con01 div .txt{ width:100%; color:#fff; text-align:center; background:#434343; padding:0.875rem 0.625rem; margin-bottom:0.625rem; }
#container .con-sub3141 .con01 div .img{ padding:0.625rem 0.625rem 1.25rem; position:relative; }
#container .con-sub3141 .con01 div .img .overTXT{ color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; position:absolute; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3141 .con01 div .img .overBOX{ border:0.188rem dashed #1241bc; position:absolute; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3141 .con01 div:nth-child(2) .img .overTXT{ right:0; bottom:13%; z-index:1; }
#container .con-sub3141 .con01 div:nth-child(2) .img .overBOX{ width:84%; height:37%; left:8%; bottom:16%; }
#container .con-sub3141 .con01 div:nth-child(3) .img .overBOX{ width:84%; height:86%; left:8%; bottom:5%; }
#container .con-sub3141 .con01 div:nth-child(4) .img .overTXT{ right:3%; bottom:44%; z-index:1; }
#container .con-sub3141 .con01 div:nth-child(4) .img .overBOX{ width:26%; height:35%; right:6%; bottom:6%; }
#container .con-sub3142 .con01{ display:flex; flex-direction:column; width:90%; max-width:1400px; margin:0 auto; }
#container .con-sub3142 .con01 .overTXT{ display:flex; align-items:center; color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; margin:0 auto 3rem; }
#container .con-sub3142 .con01 .main-box{ display:flex; justify-content:space-around; position:relative; }
#container .con-sub3142 .con01 .main-box:before{ content:''; width:100%; height:0.375rem; background:#ddd; position:absolute; top:3.75rem; left:0; z-index:-1; }
#container .con-sub3142 .con01.active .main-box:after{ content:''; width:0; height:0.375rem; background:#0d47a1; position:absolute; top:3.75rem; left:0; z-index:-1; animation:process 6s forwards; animation-delay:1s; }
@keyframes process{ 0%{ width:0; } 100%{ width:100%; } }
#container .con-sub3142 .con01 .main-box{ display:flex; justify-content:space-around; text-align:center; position:relative; }
#container .con-sub3142 .con01 .main-box p{ width:calc(100% / 5); word-break:break-word; padding-top:5.625rem; position:relative; }
#container .con-sub3142 .con01 .main-box p:before{ content:''; width:1.875rem; height:1.875rem; background:url('../img/sub314_icon01.png') no-repeat center center #0d47a1; background-size:1.125rem; border-radius:50%; position:absolute; top:3rem; left:50%; transform:translateX(-50%); }
#container .con-sub3142 .con01 .main-box p span{ color:#fff; font-size:0.75rem; background:#0d47a1; border-radius:10rem; padding:0.188rem 1rem; position:absolute; top:0; left:50%; transform:translateX(-50%); }
#container .con-sub3142 .con01 .sub-box{ display:flex; }
#container .con-sub3142 .con01 .sub-box p{ width:20%; text-align:center; background:url('../img/sub314_icon02.png') no-repeat top center; background-size:2rem; padding-top:2.125rem; position:relative; }
#container .con-sub3142 .con01 .sub-box p:nth-child(1){ margin-left:30%; }
#container .con-sub3142 .con01 .sub-box p:before{ content:''; width:0.75rem; height:0.75rem; background:#0d47a1; border-radius:50%; position:absolute; top:-3.563rem; left:50%; transform:translateX(-50%); }
#container .con-sub3142 .con01 .sub-box p:after{ content:''; width:0.25rem; height:3.563rem; background:#0d47a1; position:absolute; top:-3.563rem; left:50%; transform:translateX(-50%); }
#container .con-sub3142 .con02{ background:#f0f0f0; padding:6.25rem 0; margin-top:6.25rem; }
#container .con-sub3142 .con02 > div{ width:90%; max-width:1400px; margin:0 auto; position:relative; }
#container .con-sub3142 .con02 > div p.overTXT{ color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; position:absolute; z-index:1; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con02 > div p.overTXT:nth-child(1){ top:16%; left:31%; }
#container .con-sub3142 .con02 > div p.overTXT:nth-child(2){ top:64%; left:12%; }
#container .con-sub3142 .con02 > div p.overTXT:nth-child(3){ top:43%; right:10%; }
#container .con-sub3142 .con02 > div img{ margin:0 auto; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con03{ padding:6.25rem 0 0; }
#container .con-sub3142 .con03 > div{ width:90%; max-width:1400px; margin:0 auto; position:relative; }
#container .con-sub3142 .con03 > div p.overTXT{ color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; position:absolute; z-index:1; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con03 > div p.overTXT:nth-child(1){ top:7%; left:59%; }
#container .con-sub3142 .con03 > div p.overTXT:nth-child(2){ top:66%; left:8%; }
#container .con-sub3142 .con03 > div p.overTXT:nth-child(3){ top:59%; right:21%; }
#container .con-sub3142 .con03 > div div{ width:100%; position:relative; }
#container .con-sub3142 .con03 > div div img{ filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con03 > div div img:nth-child(1){ width:80%; }
#container .con-sub3142 .con03 > div div img:nth-child(2){ width:20%; position:absolute; bottom:5vh; right:15%; }
#container .con-sub3142 .con03 > div div img:nth-child(3){ width:20%; position:absolute; top:5vh; right:0%; }
#container .con-sub3142 .con04{ background:#f0f0f0; padding:6.25rem 0; margin-top:6.25rem; }
#container .con-sub3142 .con04 > div{ width:90%; max-width:1400px; margin:0 auto; position:relative; }
#container .con-sub3142 .con04 > div p.overTXT{ color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; position:absolute; z-index:1; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con04 > div p.overTXT:nth-child(1){ top:20%; left:31%; }
#container .con-sub3142 .con04 > div p.overTXT:nth-child(2){ top:70%; left:12%; }
#container .con-sub3142 .con04 > div p.overTXT:nth-child(3){ top:57%; right:10%; }
#container .con-sub3142 .con04 > div div{ display:flex; justify-content:space-between; }
#container .con-sub3142 .con04 > div div img{ width:calc(100% / 4.2); filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con05{ padding:6.25rem 0 0; }
#container .con-sub3142 .con05 > div{ width:90%; max-width:1400px; margin:0 auto; position:relative; }
#container .con-sub3142 .con05 > div p.overTXT{ color:#fff; background:#1241bc; border-radius:1.75rem; padding:0.5rem 1rem; position:absolute; z-index:1; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }
#container .con-sub3142 .con05 > div p.overTXT:nth-child(1){ top:49%; left:10%; }
#container .con-sub3142 .con05 > div p.overTXT:nth-child(2){ top:55%; left:10%; }
#container .con-sub3142 .con05 > div p.overTXT:nth-child(3){ top:61%; left:10%; }
#container .con-sub3142 .con05 > div img{ margin:0 auto; filter:blur(0.625rem); opacity:0; transform:translateY(1.875rem); }

#container .con-sub3151 .con01{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
#container .con-sub3151 .con01 div{ width:100%; background:#f0f0f0; border-radius:1.25rem; padding:1.875rem 1.25rem; margin-top:1.25rem; }
#container .con-sub3151 .con01 div p span{ color:#d80808; }
#container .con-sub3151 .con01 div p.link{ margin-top:1.25rem; }
#container .con-sub3151 .con01 div p.link span{ color:#fff; background:#1241bc; border-radius:1.25rem; padding:0.5rem 0.625rem; margin-right:0.625rem; }
#container .con-sub3151 .con01 div p.link a{ color:#1241bc; }
#container .con-sub3151 .con05 > div img{ margin:0 auto; }

#container .con-sub4111 .con01{ line-height:normal; }
#container .con-sub4111 .con01 p:first-child{ color:#ccc; font-size:14.375rem; font-weight:900; }
#container .con-sub4111 .con01 p:last-child{ color:#242424; font-size:11.25rem; font-weight:900; text-align:right; transform:translateY(-8rem); }
#container .con-sub4111 .con02 .con02-box{ display:flex; }
#container .con-sub4111 .con02 .con02-box div{ display:flex; align-items:center; width:50%; margin-bottom:1.875rem; }
#container .con-sub4111 .con02 .con02-box div p{ width:7.5rem; height:7.5rem; border:1px solid #ddd; border-radius:1.25rem; padding:1.25rem; margin-right:1.875rem; }
#container .con-sub4111 .con02 .con02-box div p img{ max-width:100%; }
#container .con-sub4111 .con02 .con02-box div dl dt{ font-size:1.5rem; font-weight:700; margin-bottom:1rem; }

#container .con-sub4121 .con01 .txt01{ font-size:2.75rem; font-weight:600; text-align:center; margin-top:8rem; margin-bottom:8rem; }
#container .con-sub4121 .con01 .txt01 span{ position:relative; }
#container .con-sub4121 .con01 .txt01 span:before{ content:''; width:108%; height:50%; background:#0961f840; position:absolute; bottom:-0.5rem; left:-4%; z-index:-1; }
#container .con-sub4121 .con01 .box-wrap{ background:url('../img/sub412_img01.png') no-repeat top 12rem center; position:relative; }
#container .con-sub4121 .con01 .box-wrap .boxInner{ display:flex; justify-content:space-between; margin:2rem 0; }
#container .con-sub4121 .con01 .box-wrap .boxInner:last-child{ justify-content:center; }
#container .con-sub4121 .con01 .box-wrap .boxInner .box{ width:27%; background:#f0f0f0; padding:2.5rem 2rem; position:relative; }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(1) .box:nth-child(1):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img03.png') no-repeat center center; background-size:contain; position:absolute; top:0; right:-20%; }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(2) .box:nth-child(1):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img04.png') no-repeat center center; background-size:contain; position:absolute; top:0; right:-20%; }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(3) .box:nth-child(1):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img02.png') no-repeat center center; background-size:contain; position:absolute; top:0; right:-20%; transform:rotate(180deg); }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(1) .box:nth-child(2):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img02.png') no-repeat center center; background-size:contain; position:absolute; top:0; left:-20%; }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(2) .box:nth-child(2):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img04.png') no-repeat center center; background-size:contain; position:absolute; top:0; left:-20%; transform:rotate(180deg); }
#container .con-sub4121 .con01 .box-wrap .boxInner:nth-child(3) .box:nth-child(2):before{ content:''; width:20%; height:100%; background:url('../img/sub412_img03.png') no-repeat center center; background-size:contain; position:absolute; top:0; left:-20%; transform:rotate(180deg); }
#container .con-sub4121 .con01 .box-wrap .box .title{ font-size:1.5rem; font-weight:600; margin-bottom:1rem; }
#container .con-sub4121 .con01 .box-wrap .box ul li{ padding-left:0.625rem; margin:0.438rem 0; position:relative; }
#container .con-sub4121 .con01 .box-wrap .box ul li:before{ content:''; width:0.188rem; height:0.188rem; background:#555555; border-radius:50%; position:absolute; top:0.563rem; left:0; }
#container .con-sub4121 .con01 .box-wrap .box.box07:before{ content:''; width:20%; height:100%; background:url('../img/sub412_img04.png') no-repeat center center; background-size:contain; position:absolute; top:-65%; left:40%; transform:rotate(-90deg); }
#container .con-sub4121 .con01 .box-wrap .box.box07 .title{ font-size:1.5rem; }
#container .con-sub4121 .con01 .box-wrap .box.box07 .title:last-child{ margin-bottom:0; }

#container .con-sub4131 .con01{ overflow:hidden; }
#container .con-sub4131 .con01 .txt01{ font-size:2.75rem; font-weight:600; text-align:center; margin-top:8rem; }
#container .con-sub4131 .con01 .txt02{ font-size:2.75rem; font-weight:600; text-align:center; margin-top:3rem; margin-bottom:8rem; }
#container .con-sub4131 .con01 .txt02 span{ color:#0d47a1; }
#container .con-sub4131 .con01 .img-wrap{ width:200%; }
#container .con-sub4131 .con01 .img-wrap > div{ display:flex; position:relative; }
#container .con-sub4131 .con01 .img-wrap > div div{ display:flex; width:100%; }
#container .con-sub4131 .con01 .img-wrap div.top div:nth-child(1){ animation:slide 15s linear infinite; }
#container .con-sub4131 .con01 .img-wrap div.top div:nth-child(2){ animation:slide 15s linear infinite; }
@keyframes slide {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
#container .con-sub4131 .con01 .img-wrap div.bottom div:nth-child(1){ animation:slide2 15s linear infinite; }
#container .con-sub4131 .con01 .img-wrap div.bottom div:nth-child(2){ animation:slide2 15s linear infinite; }
@keyframes slide2 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}
#container .con-sub4131 .con01 .img-wrap div p{ margin:2rem 0.5rem; }

#container .con-sub4141 .con01 .txt01{ font-size:2.75rem; font-weight:600; text-align:center; margin-top:8rem; }
#container .con-sub4141 .con01 .txt02{ font-size:1.425rem; font-weight:600; text-align:center; margin-top:3rem; margin-bottom:6rem; }
#container .con-sub4141 .con01 .txt02 span{ color:#1241bc; }
#container .con-sub4141 .con01 .list-wrap{ border-top:2px solid #000; }
#container .con-sub4141 .con01 .list-wrap div{ display:flex; align-items:center; border-bottom:1px solid #ddd; padding:2.125rem 0; }
#container .con-sub4141 .con01 .list-wrap div .title{ width:20rem; font-size:1.5rem; font-weight:600; padding-left:5rem; position:relative; }
#container .con-sub4141 .con01 .list-wrap div .title:before{ content:''; width:2rem; height:2rem; position:absolute; top:50%; left:1.5rem; transform:translateY(-50%); }
#container .con-sub4141 .con01 .list-wrap div:nth-child(1) .title:before{ background:url('../img/sub414_icon01.svg') no-repeat center center; background-size:contain; }
#container .con-sub4141 .con01 .list-wrap div:nth-child(2) .title:before{ background:url('../img/sub414_icon02.svg') no-repeat center center; background-size:contain; }
#container .con-sub4141 .con01 .list-wrap div:nth-child(3) .title:before{ background:url('../img/sub414_icon03.svg') no-repeat center center; background-size:contain; }
#container .con-sub4141 .con01 .list-wrap div .txt03{ padding-left:0.5rem; position:relative; }
#container .con-sub4141 .con01 .list-wrap div .txt03:before{ content:''; width:0.188rem; height:0.188rem; background:#555; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
#container .con-sub4141 .con01 .list-wrap div ul .txt03{ margin:0.2rem 0; }

#container .con-sub4151 .con01{ position:relative; }
#container .con-sub4151 .con01 .center-circle-wrap{ width:16.25rem; height:16.25rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; }
#container .con-sub4151 .con01 .center-circle-wrap .center-logo-circle{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#fff; border-radius:50%; padding:4rem; position:absolute; top:0; left:0; box-shadow:0 0 1.875rem rgba(0,0,0,0.11); }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box{ width:100%; height:100%; position:absolute; top:0; left:0; }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box p{ width:0.5rem; height:0.5rem; background:#1241bc; border-radius:50%; position:absolute; }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box p.circle01{ top:0.3rem; left:-1rem; }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box p.circle02{ top:0.3rem; right:-1rem; }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box p.circle03{ bottom:0.2rem; left:-1rem; }
#container .con-sub4151 .con01 .center-circle-wrap .center-circle-box p.circle04{ bottom:0.2rem; right:-1rem; }
#container .con-sub4151 .con01 .list-wrap{ display:flex; flex-wrap:wrap; margin:-1rem; }
#container .con-sub4151 .con01 .list-wrap li{ display:flex; align-items:center; width:calc(50% - 2rem); min-height:16.25rem; background:#f6f6f6; border-radius:1.2rem; padding:1.875rem 3.125rem; margin:1rem; position:relative; box-sizing:border-box; overflow:hidden; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(odd){ justify-content:start; padding-right:18.75rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(even){ justify-content:end; padding-left:18.75rem; }
#container .con-sub4151 .con01 .list-wrap li .list-inner .title{ color:#000; font-size:1.5rem; font-weight:700; margin-bottom:1.5rem; }
#container .con-sub4151 .con01 .list-wrap li .list-inner .txt{ color:#555; word-break:keep-all;  font-size:1.1rem;}
#container .con-sub4151 .con01 .list-wrap li .list-inner .txt span{ color:#242424; font-weight:600; }
#container .con-sub4151 .con01 .list-wrap li .list-inner.right{ text-align:right; }
#container .con-sub4151 .con01 .list-wrap li .list-circle{ width:24.25rem; height:24.25rem; border:1px dashed #b6c7f4; box-sizing:border-box; border-radius:150%; position:absolute; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(1) .list-circle{ right:-13.375rem; bottom:-13.375rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(2) .list-circle{ left:-13.375rem; bottom:-13.375rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(3) .list-circle{ right:-13.375rem; top:-13.375rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(4) .list-circle{ left:-13.375rem; top:-13.375rem; }
#container .con-sub4151 .con01 .list-wrap li .list-circle .txt{ color:#1241bc; font-size:1.5rem; font-weight:700; position:absolute; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(1) .list-circle .txt{ top:2rem; left:-1rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(2) .list-circle .txt{ top:2rem; right:-1.6rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(3) .list-circle .txt{ bottom:1.6rem; left:-1rem; }
#container .con-sub4151 .con01 .list-wrap li:nth-child(4) .list-circle .txt{ bottom:1.6rem; right:-1.6rem; }



footer{ width:96%; color:#434343; font-size:0.875rem; margin:9.375rem auto 0; }
footer .top p{ font-weight:700; margin-bottom:1.25rem; }
footer .top div{ display:flex; }
footer .top div dl{ display:flex; width:33.3333%; margin:0.625rem 0; }
footer .top div dl dt{ width:9.375rem; color:#999; }

footer .bottom{ border-top:1px solid #ddd; padding:1.5rem 0; margin-top:1.5rem; }





@media screen and (max-width:1240px){
    aside > ul > li p{ width:16rem; font-size:1.75rem; }
    aside > ul > li ul{ font-size:1.25rem; }
    footer .top div:nth-child(2) dl:nth-child(1){ width:66.666%; }

    #container .con-sub1125 .con01 .right{ flex-direction:column; }
    #container .con-sub1125 .con01 .right .img{ width:auto; max-width:450px; margin:0; }
    #container .con-sub1125 .con01 .right .img:nth-child(2){ margin:1.25rem 0; }
}





@media screen and (max-width:978px){
    html, body{ font-size:14px; }
    header{ width:90%; }
    header nav{ display:none; }
    .allMenu header button{ right:5%; }
    aside > ul > li{ flex-direction:column; }
    aside > ul > li p{ width:auto; margin-bottom:1.2rem; }
    aside > ul > li ul li:last-child{ margin-right:0; }
    .main #visual{ height:auto; padding-top:7rem; }
    .main #visual .visual .txt_wrap{ padding-left:5%; }
    .main #visual .visual .img_wrap{ display:flex; align-items:center; min-height:auto; }
    .main .content{ width:90%; padding:0; margin:15rem auto 0; }
    footer{ width:90%; }
    footer .top div{ flex-direction:column; }
    footer .top div dl, footer .top div:nth-child(2) dl:nth-child(1){ width:100%; }
    #container .page_tab{ display:flex; flex-direction:column; flex-wrap:wrap; width:100%; position:relative; overflow:hidden; z-index:99; transition:height .2s ease-in-out; }
    #container .page_tab.on{ transition:height .2s ease-in-out; }
    #container .page_tab.col2.on{ height:7.5rem; }
    #container .page_tab.col3.on{ height:11.25rem; }
    #container .page_tab.col4.on{ height:15rem; }
    #container .page_tab.col5.on{ height:18.75rem; }
    #container .page_tab p{ display:block; width:100%; height:3.75rem; background:#fff; border-top:none; position:relative; cursor:pointer;}
    #container .page_tab.col2 p, #container .page_tab.col3 p, #container .page_tab.col4 p, #container .page_tab.col5 p{ width:100%; }
    #container .page_tab p.active{ order:1; }
    #container .page_tab p:not(.active){ order:2; }
    #container .page_tab p.active:after{ content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #fff; position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:all .2s; }
    #container .page_tab.on p.active:after{ transform:translateY(-50%) rotate(180deg); }
    #container .page_tab p.double a{ top:auto; }
    #container .page_tab p.double a br{ display:none; }



    #container .con-sub1111 .con01 .con01-box-wrap{ flex-direction:column; }
    #container .con-sub1111 .con01 .con01-box-wrap:before{ display:none; }
    #container .con-sub1111 .con01 .con01-box-wrap:after{ display:none; }
    #container .con-sub1111 .con01 .con01-box-wrap .con01-box{ width:100%; }
    #container .con-sub1111 .con01 .con01-box-wrap .con01-box:nth-child(2){ margin:5rem 0; }
    #container .con-sub1111 .con01 .con01-box-wrap .con01-box:nth-child(2):before{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    #container .con-sub1111 .con01 .con01-box-wrap .con01-box:nth-child(2):after{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; bottom:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }

    #container .con-sub1121 .con01{ flex-wrap:wrap; justify-content:center; }
    #container .con-sub1121 .con01 div{ width:34%; margin:1%; }
    #container .con-sub1122 .con01{ flex-wrap:wrap; justify-content:center; }
    #container .con-sub1122 .con01 div{ width:31%; margin:1%; }
    #container .con-sub1123 .con01{ flex-wrap:wrap; justify-content:center; }
    #container .con-sub1123 .con01 div:nth-child(2){ margin:1.25rem 0; }

    #container .con-sub1211 .con01 .fixBG div .txt-box{ flex-direction:column; }
    #container .con-sub1211 .con01 .fixBG div .txt-box div{ width:100%; }
    #container .con-sub1211 .con01 .fixBG div .txt-box div:nth-child(2){ margin:1.25rem 0; }

    #container .con-sub1231 .con01{ flex-direction:column; }
    #container .con-sub1231 .con01 .box{ width:100%; flex-direction:row; align-items:center; padding:2rem; margin-top:6rem; }
    #container .con-sub1231 .con01 .box:before{ width:6rem; height:6rem; top:-3rem; left:50%; transform:translate(-50%,-50%) rotate(90deg); }
    #container .con-sub1231 .con01 .box .txt-wrap{ width:75%; }
    #container .con-sub1231 .con01 .box .txt{ margin-bottom:0; }
    #container .con-sub1231 .con01 .box .img{ width:20%; }
    
    #container .con-sub1311 .con01 .con01-box-wrap{ flex-direction:column; }
    #container .con-sub1311 .con01 .con01-box-wrap:before{ display:none; }
    #container .con-sub1311 .con01 .con01-box-wrap:after{ display:none; }
    #container .con-sub1311 .con01 .con01-box-wrap .con01-box{ width:100%; }
    #container .con-sub1311 .con01 .con01-box-wrap .con01-box:nth-child(2){ margin:5rem 0; }
    #container .con-sub1311 .con01 .con01-box-wrap .con01-box:nth-child(2):before{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    #container .con-sub1311 .con01 .con01-box-wrap .con01-box:nth-child(2):after{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; bottom:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    
    #container .con-sub2111 .con01 .con01-box-wrap{ flex-direction:column; }
    #container .con-sub2111 .con01 .con01-box-wrap:before{ display:none; }
    #container .con-sub2111 .con01 .con01-box-wrap:after{ display:none; }
    #container .con-sub2111 .con01 .con01-box-wrap .con01-box{ width:100%; }
    #container .con-sub2111 .con01 .con01-box-wrap .con01-box:nth-child(2){ margin:5rem 0; }
    #container .con-sub2111 .con01 .con01-box-wrap .con01-box:nth-child(2):before{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    #container .con-sub2111 .con01 .con01-box-wrap .con01-box:nth-child(2):after{ content:''; width:5%; height:5rem; background:url('../img/sub111_arrow.svg') no-repeat center center; position:absolute; bottom:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }

    #container .con-sub2121 .con01{ flex-wrap:wrap; justify-content:center; }
    #container .con-sub2121 .con01 div{ width:34%; margin:1%; }

    #container .con-sub3111 .con01{ flex-direction:column; }
    #container .con-sub3111 .con01 .img{ width:100%; }
    #container .con-sub3111 .con01 .txt{ width:100%; margin-top:2rem; }
    #container .con-sub3111 .con01 .txt .txt01{ display:inline; }

    #container .con-sub3121 .con01{ flex-wrap:wrap; }
    #container .con-sub3121 .con01 > div{ width:49%; margin:1% 0; }

    #container .con-sub3141 .con01{ flex-wrap:wrap; justify-content:center; }
    #container .con-sub3141 .con01 div{ width:34%; margin:1%; }

    #container .con-sub4111 .con01{ margin-bottom:2rem; }
    #container .con-sub4111 .con01 p:first-child{ font-size:8rem; line-height:7rem; }
    #container .con-sub4111 .con01 p:last-child{ font-size:8rem; line-height:7rem; text-align:left; transform:translateY(0); }

    #container .con-sub4121 .con01 .txt01 span:before{ display:none; }
    #container .con-sub4121 .con01 .box-wrap{ background:url('../img/logo.svg') no-repeat center top; padding-top:8rem; }
    #container .con-sub4121 .con01 .box-wrap .boxInner{ flex-direction:column; margin:0; }
    #container .con-sub4121 .con01 .box-wrap .boxInner .box{ width:100%; margin:1rem 0; }
    #container .con-sub4121 .con01 .box-wrap .boxInner .box:before{ display:none; }
    #container .con-sub4121 .con01 .box-wrap .box.box07 .title{ font-size:1.5rem; }

    #container .con-sub4151 .con01 .center-circle-wrap{ display:none; }
    #container .con-sub4151 .con01 .list-wrap li{ flex-direction:column; align-items:flex-start; min-height:auto; padding:2.875rem 3.125rem; }
    #container .con-sub4151 .con01 .list-wrap li .list-circle{ width:auto; height:auto; border:none; position:static; order:1; }
    #container .con-sub4151 .con01 .list-wrap li .list-circle .txt{ color:#fff; font-size:1rem; background:#1241bc; border-radius:2.75rem; padding:0.5rem 0.8rem; position:relative; top:0 !important; left:0 !important; left:-0.2rem !important; }
    #container .con-sub4151 .con01 .list-wrap li:nth-child(odd){ padding-right:3.125rem; }
    #container .con-sub4151 .con01 .list-wrap li:nth-child(even){ justify-content:flex-start; padding-left:3.125rem; }
    #container .con-sub4151 .con01 .list-wrap li .list-inner{ margin-top:1rem; order:2; }
    #container .con-sub4151 .con01 .list-wrap li .list-inner.right{ text-align:left; }
}


@media screen and (max-width:640px){

    aside > ul{ margin-top: 30px; }
    aside > ul > li ul{ flex-direction:column;}
    aside > ul > li ul li{ text-align:center; margin:0.5rem 0; margin-right:0; }
    aside > ul > li{padding:1.25rem 0; }

    .main #visual{ padding-top:5rem; }
    .main #visual .visual .txt_wrap{ width:100%; height:16.667rem; padding-top: 40px; }
    .main #visual .visual .txt_wrap p{ font-size:2.15rem; }
    .main #visual .visual .txt_wrap p::before{ height:2.25rem; }
    .main #visual .visual .img_wrap .slick-slide{ border-top-left-radius:8.5rem; }
    .main #visual .visual .img_wrap .slick-slide.slick-active{ border-top-left-radius:12.5rem; }
    .main #visual .visual .img_wrap{ width:75%;}

    .main .content .title_wrap .title{ font-size:2.15rem; line-height:3.075rem; }
    .sub #visual h2{ font-size:2.4rem; transform:translateY(1.875rem); }
    .sub #visual .page_tab p{ margin-right:2.4rem;}
    .sub #visual .page_tab p a{ padding:1.875rem 0.925rem; position:relative; }

    .main .content{ flex-direction:column; margin-top:10rem;}
    .main .content .txt-box{ width:100%; order:1; }
    .main .content:nth-child(odd) .txt-box{ order:1; }
    .main .content .img-box{ width:100%; height:44vh; margin-top:3rem; order:2; }
    .main .content04 .img_wrap{ height:100%; }
    .main .content04 .img_wrap:before{ width:78vw; height:78vw; }
    .main .content04 .img-box{ height:46vw; }
    .main .content04 .img_wrap img.animated.slideUp3_1{ top:2vw; left:21vw; }
    .main .content04 .img_wrap img.animated.slideUp3_2{ top:5vw; right:5vw; }
    .main .content04 .img_wrap img.animated.slideUp3_3{ bottom:-1.5vw; right:19vw; }
    .main .content04 .img_wrap img.animated.slideUp3_4{ bottom:-1vw; left:17vw; }
    @keyframes slideUp3_2{ 0%{ opacity:0; right:35vw; filter:blur(0.625rem); transform:scale(.5) rotate(10deg); } 100%{ opacity:1; right:15vw; transform:scale(1) rotate(10deg); } }
    @keyframes slideUp3_4{ 0%{ opacity:0; left:29vw; filter:blur(0.625rem); transform:scale(.5) rotate(-15deg); } 100%{ opacity:1; left:17vw; transform:scale(1) rotate(-15deg); } }
    .sub #visual{ height:25rem; }
    .sub #visual .inquiry a .rotating-text{ display:none; }
    .sub #visual .inquiry{ width:3rem; height:3rem; position:fixed; bottom:10px; right:1%; z-index:99; }
    .sub #visual .inquiry:hover:before{ width:100%; height:100%; }
    .sub #visual .inquiry a{ background-size:1.5rem; }

    #container .con-sub1124 .con01{ flex-direction:column; align-items:center; }
    #container .con-sub1124 .con01 .right{ width:100%; margin-top:5rem; margin-left:0; }
    #container .con-sub1124 .con01 .right:before{ height:5rem; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    #container .con-sub1125 .con01{ flex-direction:column; align-items:center; }
    #container .con-sub1125 .con01 .right{ width:100%; margin-top:5rem; margin-left:0; }
    #container .con-sub1125 .con01 .right:before{ height:5rem; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }
    #container .con-sub1126 .con01{ flex-direction:column; align-items:center; }
    #container .con-sub1126 .con01 .right{ width:100%; margin-top:5rem; margin-left:0; }
    #container .con-sub1126 .con01 .right:before{ height:5rem; top:-5rem; left:50%; transform:translateX(-50%) rotate(90deg); }

    #container .con-sub1221 .con01{ flex-direction:column; }
    #container .con-sub1221 .con01 .qr-wrap{ width:100%; }
    #container .con-sub1221 .con01 .card-wrap{ width:50%; margin-top:1.25rem; }

    #container .con-sub1121 .con01 div{ width:48%; }
    #container .con-sub1122 .con01 div{ width:48%; }
    #container .con-sub2121 .con01 div{ width:48%; }

    #container .con-sub3141 .con01 div{ width:48%; }
    #container .con-sub3142 .con01 .main-box{ flex-direction:column; text-align:left; }
    #container .con-sub3142 .con01 .main-box:before{ width:0.375rem; height:100%; top:0; left:0.75rem; }
    #container .con-sub3142 .con01 .main-box:after{ width:0.375rem; height:0; top:0; left:0.75rem; }
    #container .con-sub3142 .con01.active .main-box:after{ width:0.375rem; height:0; top:0; left:0.75rem; }
    @keyframes process{ 0%{ height:0; } 100%{ height:100%; } }
    #container .con-sub3142 .con01 .main-box p{ width:100%; padding-top:0.3rem; padding-left:3rem; margin-bottom:10rem; }
    #container .con-sub3142 .con01 .main-box p:last-child{ margin-bottom:0; }
    #container .con-sub3142 .con01 .main-box p:before{ top:0; left:0; transform:translate(0,0); }
    #container .con-sub3142 .con01 .main-box p span{ margin-right:1rem; position:static; }
    #container .con-sub3142 .con01 .sub-box{ flex-direction:column; width:100%; height:100%; position:absolute; top:42%; }
    #container .con-sub3142 .con01 .sub-box p{ width:100%; height:22%; text-align:left; background:url('../img/sub314_icon02.png') no-repeat top left 9rem; background-size:2rem; padding-top:0; padding-left:12rem; }
    #container .con-sub3142 .con01 .sub-box p:before{ top:0.5rem; left:1rem; }
    #container .con-sub3142 .con01 .sub-box p:after{ width:8rem; height:0.25rem; top:0.8rem; left:1rem; transform:translate(0,0); }
    #container .con-sub3142 .con01 .sub-box p:nth-child(1){ margin-left:0; }

    #container .con-sub3142 .con02 > div p.overTXT{ text-align:center; margin:0.5rem 0; position:static; }
    #container .con-sub3142 .con02 > div img{ margin-top:1rem; }
    #container .con-sub3142 .con03 > div p.overTXT{ text-align:center; margin:0.5rem 0; position:static; }
    #container .con-sub3142 .con03 > div img{ margin-top:1rem; }
    #container .con-sub3142 .con04 > div p.overTXT{ text-align:center; margin:0.5rem 0; position:static; }
    #container .con-sub3142 .con04 > div img{ margin-top:1rem; }
    #container .con-sub3142 .con05 > div p.overTXT{ text-align:center; margin:0.5rem 0; position:static; }
    #container .con-sub3142 .con05 > div img{ margin-top:1rem; }

    #container .con-sub4111 .con01{ margin-top:5rem;}
    #container .con-sub4111 .con02{ margin-top:5rem;}

    #container .con-sub4111 .con01 p:first-child{ font-size:4rem; line-height:3.2rem; }
    #container .con-sub4111 .con01 p:last-child{ font-size:4rem; line-height:3.2rem; }
    #container .con-sub4111 .con02 .con02-box{ flex-direction:column; }
    #container .con-sub4111 .con02 .con02-box div{ width:100%; }

    #container .con-sub4141 .con01 .txt01 {
        font-size: 2.15rem;
        font-weight: 600;
        text-align: center;
        margin-top: 5rem;
    }
    #container .con-sub4141 .con01 .txt02 {
        font-size: 1.45rem;
        line-height:2.2rem;
        font-weight: 600;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 6rem;
    }

    #container .con-sub4121 .con01 .txt01 {
        font-size: 2.15rem;
        font-weight: 600;
        text-align: center;
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    #container .con-sub3111 .con01 .txt .txt01 {
        font-size: 2.15rem;
        line-height: 2.75rem;
    }

    #container .con-sub3111 .con01 .txt .txt02 {
        font-size: 1.3rem;
        line-height: 2.25rem;
        word-break: keep-all;
        margin-top: 1.5rem;
    }

    #container .con-sub4131 .con01 .txt01{ font-size:2.15rem; font-weight:600; text-align:center; margin-top:4rem; }
    #container .con-sub4131 .con01 .txt02{ font-size:2.15rem; font-weight:600; text-align:center; margin-top:3rem; margin-bottom:6rem; }

    #container .con-sub4141 .con01 .list-wrap div{ flex-direction:column; }
    #container .con-sub4141 .con01 .list-wrap div .title{ width:auto; margin-bottom:1rem; }

    #container .con-sub4151 .con01 .list-wrap li{ width:100%; }
}