/* /////////////////////// common /////////////////////// */
body{min-width:320px;}
#gnb ul a.on{font-weight:900;pointer-events:none;}
.selectBox .optionList{box-sizing:border-box;}
.ico-arrowSide{display:inline-block;background:url(../images/icon/ico-arrowSide.png) no-repeat center center / contain;width:0.45em;height:0.8em;position:relative;top:1px;margin-left:0.5em;}
#footer{position:relative;z-index:20;}

/* /////////////////////// main /////////////////////// */
section[id^=section] .point{background:transparent;line-height:normal}
section[id^=section] .point em{color:#009dff;font-weight:700;position:static;}

.card .card-top{aspect-ratio:1.51 / 1;overflow:hidden;}
.card .card-top-inner{background-repeat:no-repeat;background-size:cover;background-position:center;width:calc(100% + 1px);height:calc(100% + 1px);transform:translateZ(0);transition:transform 0.7s;}
.card .card-bot{color:#000;letter-spacing:-1px;text-align:center;padding:1.275em 0.65em;}
.card .card-tit{font-size:1.25em;font-weight:700;}
.card .card-txt{font-size:1.125em;font-weight:400;word-break:keep-all;text-wrap:balance;margin-top:0.45em;}
.card .card-txt .wrap{display:block;}

/* section1 */
.intro-con .txt-sub.size2{text-shadow:0 0.25em 0.4375em rgba(0, 0, 0, 1);}
.intro-con .txt-tit{text-shadow:0 0.25em 0.5625em rgba(0, 0, 0, 0.9);}
.intro-con .txt-sub:not(.size2){text-shadow:0 0.25em 0.3125em rgba(0, 0, 0, 0.9);}
.intro-con .txt-sub strong{font-weight:700;}
.intro-con .btn{filter:drop-shadow(0 0.25em 1.3125em rgba(0, 0, 0, 0.9));}

/* section3-all */
#section3-all .txt-tit{letter-spacing:-3px;}
#section3-all .txt-sub{color:#000;font-size:1.5em;letter-spacing:-1.5px;text-align:center;}
.service-area{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25em;margin-top:4.6875em;}
.service-card{border:1px solid #cbcbcb;border-radius:0.625em;overflow:hidden;}
.service-card:nth-child(1) .card-top-inner{background-image:url(../images/photo/serviceAll-manage.jpg);}
.service-card:nth-child(2) .card-top-inner{background-image:url(../images/photo/serviceAll-design.jpg);}
.service-card:nth-child(3) .card-top-inner{background-image:url(../images/photo/serviceAll-registration.jpg);}
.service-card:nth-child(4) .card-top-inner{background-image:url(../images/photo/serviceAll-video.jpg);}
.service-card:nth-child(5) .card-top-inner{background-image:url(../images/photo/serviceAll-promotion.jpg);}
.service-card:nth-child(6) .card-top-inner{background-image:url(../images/photo/serviceAll-game.jpg);}
.service-card:nth-child(7) .card-top-inner{background-image:url(../images/photo/serviceAll-webapp.jpg);}
.service-card:nth-child(8) .card-top-inner{background-image:url(../images/photo/serviceAll-onAir.jpg);}
.service-card:hover .card-top-inner{transform:scale(1.1) translateZ(0);}

/* section3 */
#section3 h2.txt-tit{padding-bottom:0.5em;}
#section3 .txt-sub{color:#000;font-size:1.5em;letter-spacing:-1.5px;text-align:center;padding:0 1em;}
#section3 .txt-sub .wrap{display:block;}
#section3 .inner-con{padding-top:9em;}
.txt-banner-wrap{padding-bottom:0;}
.evt-progressBar{box-sizing:border-box;padding:0 3%;}
.evt-progressBar .evt-order{flex:1;}
.evt-progressBar .evt-order .od-txt{word-break:keep-all;}
.bubble.bb2{right:22.5%;}
.order-subs .order-subs-tit{border-bottom:1px solid #cbcbcb;padding-left:2.25em;}
.order-subs .order-subs-tit strong{display:inline-block;color:#000;font-size:1.25em;font-weight:700;letter-spacing:-1px;}

/* section4 */
#section4{min-height:100%;padding-bottom:0;}
.works-tab{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.25em;padding:2.75em 0.5em 4em;}
.works-tab-btn{background-color:#fff;border:1px solid #000;border-radius:2em;font-size:1em;font-weight:400;padding:0.5em 1.375em;margin-bottom:0.5em;}
.works-tab-btn.active{background-color:rgb(26,136,255,0.1);border-color:#1a88ff;color:#1a88ff;font-weight:700;}
.list-work + .bottom-area .btn.size-large{min-width:auto;display:inline-flex;align-items:center;padding:0 2em 0 2.25em;}

.works-tab{padding-bottom:2.5em;}
.list-item .list-item-title{font-weight:500;margin-top:0.5em;padding:0 0.5em;}
@media screen and (width:768px){
  .list-work li:nth-child(3){margin-top:0;}
}

.list-item figure{aspect-ratio:208 / 235;}
.list-item img{width:100%;height:100%;object-fit:cover;}

/* 
  프로젝트 노출 개수 조정
  - 769px~: 6개 (3x2)
  - 481px~768px: 4개 (2x2)
  - ~480px: 1개
*/
.list-work li{display:none;}
@media screen and (min-width: 769px){
  .list-work li:nth-child(-n+6){display:block;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
  .list-work li:nth-child(-n+4){display:block;}
}
@media screen and (max-width: 480px){
  .list-work li:nth-child(1){display:block;}
}

/* section5 */
#section5{padding-bottom:10em;}
.reason-area{display:flex;justify-content:center;align-items:flex-start;gap:1.25em;margin-top:4.6875em;}
.reason-card{flex:1;}
.reason-card .card-top{border-radius:0.625em;overflow:hidden;}
.reason-card:nth-child(1) .card-top-inner{background-image:url(../images/photo/reason01.jpg);}
.reason-card:nth-child(2) .card-top-inner{background-image:url(../images/photo/reason02.jpg);}
.reason-card:nth-child(3) .card-top-inner{background-image:url(../images/photo/reason03.jpg);}
.reason-card .card-bot{padding:2.5em 0 1.275em;}
.reason-card .card-txt{letter-spacing:-0.5px;text-wrap:wrap;margin-top:1em;}
.reason-card .card-txt .point,.reason-card .card-txt .point em{display:inline;}
.reason-card .card-top:hover .card-top-inner{transform:scale(1.1) translateZ(0);}

/* form-area */
.serviceDetail-wrap{display:none;overflow:hidden;}
.serviceDetail-wrap.on{display:block;}
.serviceDetail-wrap .scroll-wrap{display:block;padding:0.5em 0 2em;}
.lbl-wrap{font-size:inherit;width:calc(50% - .6em);margin-bottom:1em;}
.lbl-wrap input{width:100%;margin:0;padding:0 1em;}
.lbl-wrap input:not(:placeholder-shown) ~ span{display:none;}
.lbl-wrap span{color:#a9a9a9;font-size:1.06em;font-weight:400;line-height:1;position:absolute;left:1em;top:50%;transform:translateY(-50%);pointer-events:none;}
.selectBox .label{font-family:inherit;padding-left:1em;padding-bottom:0;}
.tit-q-required{color:#1a88ff;font-weight:700;}


/* /////////////////////// /Services /////////////////////// */
.services-tab{overflow-y:hidden;}
.services-tab.hide{display:none;}
.services-tab-list{overflow-x:auto;white-space:nowrap;transition:all 0.3s;user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.services-tab-item{display:inline-block;}
.services-tab-item:not(:last-child){margin-right:0.625em;}
.services-tab-item > a{border:1px solid #fff;border-radius:2em;color:#fff;display:inline-block;font-size:1em;font-weight:400;box-sizing:border-box;padding:0.45em 1.25em 0.5em;transition:all 0.4s;user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.services-tab-item.on > a{background-color:#fff;color:#000;}
.services-tab-item:hover > a{background-color:#fff;color:#000;}
.services-tab-list.active,.services-tab-list.active a{cursor:grab;}

.mockup-frame.kiosk{border-radius:0;}
.txtFigure-line .figure-box .mockup-frame.kiosk img{width:100%;height:100%;border-radius:0;}
.mockup-frame.kiosk .mockup-inner{border-radius:0;background-size:100% 100%;}
.mockup-frame.kiosk .mockup-inner.game-screen1{background-image:url('../images/works/game-screen1.v.2.png');}
.mockup-frame.kiosk .mockup-inner .dim{border-radius:0;bottom:7.85em;}
.mockup-frame.kiosk iframe{height:75.5%;border-radius:0;}

.slide-area{text-align:center;}
.btn-slideLink{color:#fff;font-size:1.5625em;font-weight:700;letter-spacing:-1px;text-align:center;position:relative;top:3em;}
.btn-slideLink .underline{position:relative;}
.btn-slideLink .underline:before{content:'';display:block;width:105%;height:1px;background-color:#fff;position:absolute;left:0;bottom:-1px;transform-origin:bottom left;transition:transform 0.4s;}
.btn-slideLink:hover .underline:before{transform:scaleX(0);transform-origin:bottom right;}


/* /////////////////////// /Project /////////////////////// */
.works-wrap {background-color:#191919;box-sizing:border-box;min-height:100%;padding-top:12.7em;padding-bottom:10.5em;}
.works-inner{max-width:1560px;padding:0 4em;margin:0 auto;transition:padding 0.5s;}
.works-wrap .works-tab{display:block;padding:0;}
.works-wrap .works-tab .pcVer{display:flex;gap:0 2em;font-size:1.125em;margin-bottom:2em;}
.works-wrap .works-tab .pcVer a{color:#fff;}
.works-wrap .works-tab-item.active{font-weight:900;}
.works-wrap .works-tab .mobileVer{display:none;margin-bottom:2em;width:9em;position:relative;z-index:100;}
.works-wrap .works-tab .mobileVer a{display: inline-block;color: #fff;line-height: 2.5em;padding: 0 1.25em;}
.works-wrap .works-tab .mobileVer .ico-more{position:absolute;right:1em;top:50%;display:inline-block;width:1em;height:1em;margin-top:-.47em;background:url(../images/icon/ico-sm.png) no-repeat -8.53em -10.13em;background-size:9.53em;transition:all .2s;}
.dropdown{display:flex !important;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:20px;transition:border-radius 0.2s;}
.dropdown-arrow{display:inline-block;background:url(https://avivland.com/images/client/icon/ico-downArrow.png) no-repeat center center / contain;width:10px;height:7px;}
.dropdown-list{display:none;border-radius:0 0 20px 20px;width:100%;position:absolute;top:100%;}
.dropdown-list a{box-sizing:border-box;color:rgba(255, 255, 255, 0);display:block;width:100%;transition:color 0.5s;}
.dropdown.on{display:none;background-color:rgba(5, 0, 82, 0.8);border-color:rgba(5, 0, 82, 0.8);border-bottom-color:rgba(255, 255, 255, 0.2);border-radius:20px 20px 0 0;transition:border-radius 0.2s;}
.dropdown.on .ico-more{transform:scale(-1);}
.dropdown.on + .dropdown-list{background-color:rgba(5, 0, 82, 0.8);}
.dropdown.on + .dropdown-list a{color:rgba(255, 255, 255, 1);}
.works-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:3.8em 1.5em;}
.work-image{display:block;aspect-ratio:1.78 / 1;overflow:hidden;}
.work-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.work-image:hover img{transform:scale(1.04);}
.work-info{margin-top:1.5em;}
.work-title{color:#fff;font-size:1.25em;font-weight:700;word-break:keep-all;}
.work-category{color:#acacac;font-size:0.925em;margin-top:0.5em;}

.portfolio-visual-wrap{width:100%;aspect-ratio:16 / 9;position:relative;}
.portfolio-visual{background:none;width:100%;aspect-ratio:16 / 9;position:fixed;left:0;top:0;z-index:0;}
.portfolio-visual picture, .portfolio-visual img{width:100%;}
.portfolio-visual-wrap .btn-wrap{width:100%;aspect-ratio:16 / 9;position:fixed;top:0;left:0;z-index:0;}
.portfolio-visual-wrap .btn-prev, .portfolio-visual-wrap .btn-next{position:absolute;top:50%;z-index:99;margin-top:-40px;transform:scale(0.8);}
.portfolio-visual-wrap .btn-prev{left:calc(10px + 1em);}
.portfolio-visual-wrap .btn-next{right:calc(10px + 1em);}
.portfolio-info{color:#000;box-sizing:border-box;width:100%;padding:6em 14.0625% 10em;margin:0 auto;position:relative;z-index:1;}
.portfolio-info .info-left{box-sizing:border-box;float:left;width:48%;padding-right:2em;}
.portfolio-info .info-right{border-left:0;width:52%;padding-left:0;}
.info-detail dl:not(:last-child){margin-bottom:1em;}
.portfolio-contents{position:relative;z-index:1;}
.pj-title{float:none;color:#000;font-size:3.125em;font-weight:700;letter-spacing:-1px;line-height:1.15;width:100%;max-width:none;}
.pj-category{color:#999;font-size:0.875em;font-weight:700;letter-spacing:-0.4px;}
.pj-value{font-size:1.125em;font-weight:500;letter-spacing:-0.6px;}
.pj-subtit{font-size:1.375em;font-weight:700;letter-spacing:-1px;}
.pj-txt{float:none;color:#000;font-size:1em;font-weight:500;letter-spacing:-0.6px;line-height:1.7;width:100%;padding-right:0;max-width:none;}
.pj-txt:not(:first-child){margin-top:1.5em;}
picture{display:block;}


@media screen and (min-width: 1921px) {
  /*  /Project  */
  .portfolio-visual-wrap .btn-prev, .portfolio-visual-wrap .btn-next{width:3.3vw;height:3.3vw;}
}
@media screen and (max-width:1320px){
  /*  /Services  */
  .services-tab{max-width:740px;width:100%;padding:0 1em;}
  .services-tab-list{white-space:nowrap;}
  .services-tab-list::-webkit-scrollbar{display:none;}
}

@media screen and (max-width:1280px){
  /* section3-all */
  .service-area{grid-template-columns:repeat(3,1fr);gap:1.25em;margin-top:4.6875em;}

  /* section3 */
  .order-subs .order-subs-tit strong{font-size:1.1em;}

  /*  /Project  */
  .work-info{margin-top:1em;}
  .work-title{letter-spacing:-0.5px;}
  .pj-title{font-size:2.67em;}
}

@media screen and (max-width:1200px){
  /* /Services */
  .services-tab{max-width:580px;}

  .box-align .r-con.wide{max-width:550px;}
}

@media screen and (max-width:1024px){
  /* section3 */
  #section3 .inner-con{padding-top:0;}
  .evt-progressBar{padding:0;}
  .evt-progressBar .bubble{left:2em;}
  .bubble.bb2{margin-bottom:0.5em;}
  .order-total-wrap .order-box{pointer-events:none;}
  .order-subs .order-subs-tit{padding-left:1em;}
  .order-subs .order-subs-tit .circle{left:-3.4em;}
  .order-subs .order-subs-tit .circle.c6,.order-subs .order-subs-tit .circle.c8{top:50%;}

  /* /Services */
  .services-tab{max-width:530px;}

  /*  /Project  */
  .works-grid{grid-template-columns:repeat(2, 1fr);column-gap:2em;}
  .work-title{font-size: 1.125em;}
  .work-category{font-size:0.85em;margin-top:0.3em;}
}

@media screen and (max-width:890px){
  .services-tab{max-width:420px;}
}

@media screen and (max-width:768px){
  /* section1 */
  .intro-con .btn.size-large{min-width:8em;padding:0 2em;}

  /* section3-all */
  #section3-all h2.txt-tit{padding-bottom:1em;}
  #section3-all .txt-tit .wrap,#section3-all .txt-sub .wrap{display:block;}
  .service-area{grid-template-columns:repeat(2,1fr);}
  .service-bot{padding-top:1.75em;padding-bottom:1.75em;}

  /* section3 */
  #section3 h2.txt-tit{padding-bottom:1em;}
  #section3 .txt-sub{text-wrap:balance;}
  #section3 .txt-sub .wrap{display:inline;}
  .order-subs .order-subs-tit .circle{left:-3.025em;}

  /* section4 */
  .works-tab{column-gap:1em;}
  .ipt-group .selectBox-wrap{width:calc(50% - .35em);}
  .lbl-wrap{width:calc(50% - .35em);}

  /* section5 */
  .reason-area{flex-wrap:wrap;}
  .reason-card{flex:0 0 calc(50% - 0.625em);}
  .reason-card:last-child{flex:0 0 50%;}
  .reason-card .card-bot{padding:1.65em 0.65em 1.275em;}

  /* /Services */
  .gnb-chk.services-gnb.hide{margin-top:-10.5em;}
  .services-gnb{display:block;}
  .services-header{flex-flow:column-reverse;align-items:flex-end;width: 100%;margin-top:-2.375em;}
  .services-tab{max-width:none;box-sizing:border-box;padding:0;margin-top:2em;}
  #sub-container .top-visual{background-position:center 100%;padding-top:7em;}

  /*  /Project  */
  .works-wrap{padding-top:9.7em;}
  .works-wrap .works-tab .pcVer{display:none;}
  .works-wrap .works-tab .mobileVer{display:block;}
  .works-inner{padding:0 2em;}

  .portfolio-visual-wrap{aspect-ratio:16 / 21;}
  .portfolio-visual{aspect-ratio:16 / 21;}
  .portfolio-visual-wrap .btn-wrap{aspect-ratio:16 / 21;}
  .portfolio-info{padding:4em 7.75% 5em;}
  .portfolio-info .info-left, .portfolio-info .info-right{float:none;width:100%;}
  .portfolio-info .info-left{padding-right:0;}
  .portfolio-info .info-right{margin-top:3em;}

  .portfolio-visual picture{aspect-ratio:16 / 21;position:relative;}
  .portfolio-visual img{height:100%;object-fit:cover;}
}

@media screen and (max-width:512px){
  /* section5 */
  .reason-card .card-txt .wrap{display:inline;}
}

@media screen and (max-width:480px) {
  /* common */
  h2.txt-tit{padding-top:4em;}

  /* main */
  .card .card-tit{font-size:1.5em;}
  .card .card-txt{font-size:1.375em;}

  /* section3-all */
  .service-area{grid-template-columns:repeat(1,1fr);gap:3.5em;}
  .service-bot{font-size:1.15em;padding-top:2.25em;padding-bottom:2.25em;}

  /* section4 */
  .works-tab{column-gap:0.75em;}

  /* section5 */
  .reason-card,.reason-card:last-child{flex:auto;width:100%;}
  .reason-card .card-txt .wrap{display:block;}

  /* /Services */
  .gnb-chk.services-gnb.hide{margin-top:-11.5em;}
  .services-tab-item > a{font-size:1.125em;}

  .btn-slideLink{top:2em;}
  .btn-slideLink .underline{text-decoration:underline;text-underline-offset:0.3em;}
  .btn-slideLink .underline:before{content:none;}
  .btn-slideLink .br-480{display:block;}

  /*  /Project  */
  .works-grid{display:block;}
  .work-card:not(:last-child){margin-bottom:2.5em;}

  .portfolio-visual-wrap .btn-prev, .portfolio-visual-wrap .btn-next{width:3em;height:3em;}
  .portfolio-visual-wrap .btn-prev{left:0;}
  .portfolio-visual-wrap .btn-next{right:0;}
}


/* 250519 */
.portfolio-contents{background-color:#fff;}
.portfolio-video{background-color:#000;width:100%;position:relative;overflow:hidden;}
.portfolio-video img{cursor:pointer;}
.portfolio-video .video-player{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;}
.portfolio-video.active img{opacity:0;}
.portfolio-video.active .video-player{opacity:1;}


/* 250604 */
/* /Services - mgSystem */
#sub-container .top-visual#sub-section7{background-image:url('../images/photo/bg-top_visual-mgSystem.png');}
#sub-section7{display:flex;justify-content:center;align-items:center;position:relative;}
#sub-section7:before{content:"";position:absolute;z-index:1;display:block;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}
#sub-container #sub-section7{height:100vh;}
#sub-section7 .intro-con{position:relative;z-index:1;max-width:58em;padding:0 1.5em;text-align:center;box-sizing:border-box;display:block;}
#sub-section7 h1.txt-tit{font-size:3.75em;line-height:1.2;}
#sub-section7 .intro-con .txt-tit{text-shadow:0 0 10px rgba(0,0,0,0.9);}
#sub-section7 .intro-con .txt-sub:not(.size2){text-shadow:0 0 6px rgba(0,0,0,0.9);}
#sub-section7 .txt-tit strong{background:transparent;color:#1A88FF;padding:0;}
#sub-section7 .txt-sub{font-size:1.44em;}

.scroll-area{position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%);}
.scroll-area span{color:#fff;font-size:0.875em;}
.scroll-bar{background-color:rgba(255,255,255,0.5);width:2px;height:12vh;position:relative;margin:1em auto 0;overflow:hidden;}
.scroll-bar.moving{background-color:#fff;width:2px;height:7vh;position:absolute;left:0;top:0;margin:0;animation:scroll-bar-animation 2.5s ease-in-out infinite;opacity:0;}
@keyframes scroll-bar-animation{0%{transform:translate3d(0,-1vh,0);opacity:0;}25%{opacity:1;}55%{opacity:1;}80%,100%{transform:translate3d(0,6vh,0);opacity:0;}}

.mgSystem-service .txt-tit{padding-left:1em;padding-right:1em;}
.mgSystem-service .service-area{grid-template-columns:repeat(3, 1fr);}
.mgSystem-service .card .card-top{aspect-ratio:2 / 1;}
.mgSystem-service .card .card-bot{padding:2em 0.65em;}
.mgSystem-service .service-card:nth-child(1) .card-top-inner{background-image:url('../images/photo/mgSystem-service01.png');}
.mgSystem-service .service-card:nth-child(2) .card-top-inner{background-image:url('../images/photo/mgSystem-service02.png');}
.mgSystem-service .service-card:nth-child(3) .card-top-inner{background-image:url('../images/photo/mgSystem-service03.png');}
.mgSystem-service .service-card:nth-child(4) .card-top-inner{background-image:url('../images/photo/mgSystem-service04.png');}
.mgSystem-service .service-card:nth-child(5) .card-top-inner{background-image:url('../images/photo/mgSystem-service05.png');}
.mgSystem-service .service-card:nth-child(6) .card-top-inner{background-image:url('../images/photo/mgSystem-service06.png');}

.mgSystem-message{display:flex;justify-content:center;align-items:center;margin:10vh 0;}

.mgSystem-flow{position:relative;padding-bottom:30vh;}
.mgSystem-flow .inner-con{padding:0 5vw;}
.mgSystem-flow .bg{background:url('../images/layout/bg-mgSystem-flow.png') no-repeat center center / cover;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0.4;}
.mgSystem-flow .txt-tit{position:relative;z-index:2;}
.flow-area{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:3.125em;align-items:stretch;position:relative;z-index:2;padding-top:2.5em;}
.flow-box{display:flex;flex-direction:column;height:100%;position:relative;}
.flow-top{border-bottom:1px solid #1a88ff;position:relative;z-index:2;overflow:hidden;}
.flow-tit{background-color:#1a88ff;border-radius:1.25em 1.25em 0 0;color:#fff;font-size:1.375em;font-weight:700;letter-spacing:-1px;text-align:center;padding:1.25em 0;}
.flow-img{aspect-ratio:1.582 / 1;background-position:center center;background-repeat:no-repeat;background-size:cover;border-left:1px solid #1a88ff;border-right:1px solid #1a88ff;box-sizing:border-box;}
.flow-bot{background-color:#fff;border:1px solid #1a88ff;border-top:0;border-radius:0 0 1.25em 1.25em;box-shadow:4px 4px 19px 1px rgba(0,0,0,0.15);flex-grow:1;position:relative;z-index:1;padding:4.4375em 2.15em 1.4375em;margin-top:-3em;}
.flow-bot li{color:#000;display:flex;align-items:flex-start;font-size:1.125em;font-weight:400;padding:0.5625em 0;}
.flow-bot .marker{border:1px solid #1a88ff;border-radius:50%;display:inline-block;width:1.11em;height:1.11em;margin-right:1em;position:relative;top:0.2em;}
.flow-bot .marker.checked:after{content:'';background:url('../images/icon/ico-check-marks.png') no-repeat left center / contain;min-width:100%;height:100%;position:absolute;left:12%;top:-7%;}
.flow-box:nth-child(1) .flow-img{background-image:url('../images/photo/mgSystem-flow01.png');}
.flow-box:nth-child(2) .flow-img{background-image:url('../images/photo/mgSystem-flow02.png');}
.flow-box:nth-child(3) .flow-img{background-image:url('../images/photo/mgSystem-flow03.png');}
.flow-box:nth-child(4) .flow-img{background-image:url('../images/photo/mgSystem-flow04.png');}
.flow-box:not(:last-child):after{content:'';background:url('../images/icon/mgSystem-flow-arrow.png') no-repeat center center / contain;width:1.125em;height:2.25em;position:absolute;right:-1.5625em;top:50%;transform:translate(50%,-50%);}

.sub-screen-title{color:#fff;font-size:2.25em;font-weight:700;letter-spacing:-1px;width:100%;position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:0.5em;}
.sub-screen-slider .swiper-slide{background:transparent;}
.sub-screen-slider .swiper-slide .sub-screen-title{display:none;}
.sub-screen-slider .swiper-slide.swiper-slide-active{border-radius:0;overflow:visible;}
.sub-screen-slider .swiper-slide.swiper-slide-active img{border-radius:0.63em;}
.sub-screen-slider .swiper-slide.swiper-slide-active .sub-screen-title{display:block;}
.sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{width:3em;height:3em;border:2px solid #1a88ff;border-right:0;border-bottom:0;}
.sub-screen-slider .swiper-button-next:after,.sub-screen-slider .swiper-button-prev:after{display:none;}
.sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next{left:24%;transform:translateX(-100%) rotate(-45deg);}
.sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{right:24%;transform:translateX(100%) rotate(135deg);}

#form-area{word-break:keep-all;}
.form-mgSystem *{box-sizing:border-box;}
.form-mgSystem .txt-info{color:#000;padding-left:0;margin-bottom:3em;}
.form-mgSystem .txt-info:before{display:none;}
.form-mgSystem .q-box{margin-bottom:2em;}
.form-mgSystem input{padding:0 1em;}
.form-mgSystem .chk-group .chk-item{background-color:#fff;border-color:#cbcbcb;width:13em;margin-right:1em;margin-bottom:1em;padding:0 0.75em;}
.form-mgSystem .chk-group .chk-item:hover{border-color:#1a88ff;color:#1a88ff;}
.form-mgSystem .chk-group .chk-item.on{background:#1a88ff;border-color:#1a88ff;color:#fff;}
.ipt-group .selectBox-wrap{margin-bottom:1em;}
.form-sub-tit{color:#333;font-size:1.125em;font-weight:700;}
.ip-full{width:100%;}
.form-full-content{column-gap:1em;width:100%;}
.btn-show-info{all:unset;color:#555;cursor:pointer;display:inline-block;font-size:1em;text-decoration:underline;text-underline-position:under;}
.btn-show-info:hover{color:#777;}

.form-inline{display:flex;}
.form-inline .form-sub-tit{flex-shrink:0;display:flex;align-items:center;width:150px;height:3.42em;margin-bottom:1em;}
.form-inline .form-inline-content{flex:1;justify-content:flex-start !important;}
.form-inline .chk-group .chk-item{background-color:#fff;border-color:#cbcbcb;width:13em;margin-right:1em;margin-bottom:1em;padding:0 0.75em;}

.form-block .form-sub-tit{display:inline-block;margin-bottom:1em;}
.form-sub-tit + .btn-show-info{margin-left:1em;}

.add-form-area{margin-top:4em;}
.add-form-area .q-box .tit-q{font-size:1.25em;position:relative;}
.add-form-area .q-box .tit-q:before{content:'';background-color:#1a88ff;display:inline-block;width:2px;height:1.2em;margin-right:0.4em;position:relative;top:0.22em;}
.add-form-area .chk-group .chk-item{flex:1;width:auto;margin-right:0;}
.add-form-area .lbl-wrap{display:block;width:100%;}
.add-form-area .lbl-wrap span{display:block;width:calc(100% - 2em);line-height:1.4;}

.add-form-area .chk-group.form-inline-content{justify-content:flex-start;}
.add-form-area .chk-group.form-inline-content .chk-item{flex:0 0 auto;width:11em;margin:0 .5em 1em 0;}

.rd-group .rd-lbl{background-color:#fff;border:1px solid #cbcbcb;border-radius:2em;box-sizing:border-box;color:#a9a9a9;cursor:pointer;display:inline-block;font-size:1.06em;font-weight:400;text-align:center;letter-spacing:-.1px;width:11em;line-height:3.42em;margin:0 .5em 1em 0;transition:border-color, color .2s;}
.rd-group .rd-lbl.on{border-color:#1a88ff;background:#1a88ff;color:#fff;}
.rd-group .rd-item{opacity:0;position:absolute;}
.rd-group.form-full-content{display:flex;}
.rd-group.form-full-content .rd-lbl{flex:1;margin-right:0;}
.chk-item,.rd-lbl{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.toggle-container{position:relative;transition:height 0.4s;overflow:hidden;}
.toggle-target{width:100%;display:none;}
.toggle-container .toggle-target{position:absolute;left:0;top:0;}
.toggle-container.open{height:4.625em;}
.form-block + .toggle-container.open{height:7.375em;}

.bottom-area.mid{display:flex;flex-direction:column;align-items:center;}
.bottom-area.mid .info-line{color:#333;line-height:1.3;}
.bottom-area.mid .info-line p{font-weight:400;}
.bottom-area.mid .info-line strong{font-weight:700;}
.bottom-area.mid .btn.size-large{padding:0 1.5em;}
.bottom-area.mid .btn.btn-line{color:#999;text-decoration:underline;text-underline-position:under;display:inline-block;margin-top:1.5em;}
.bottom-area.mid .btn.btn-line:hover{color:#333;}

.form-mgSystem .hidden{display:none;}

.modal-wrap{background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:10000;}
.form-mgSystem .modal-wrap{min-width:320px;opacity:1;pointer-events:auto;transition:all 0.4s ease-in-out;}
.form-mgSystem .modal-wrap.hidden{display:block;opacity:0;pointer-events:none;}
.form-mgSystem .modal{background-color:#fff;display:inline-flex;flex-direction:column;align-items:center;max-width:94%;max-height:90vh;padding:3em 2em;position:absolute;z-index:10;pointer-events:auto;overflow:hidden;}
.form-mgSystem .modal.hidden{opacity:0;z-index:0;pointer-events:none;}
.form-mgSystem .modal .btn-close{font-size:16px;width:2em;height:2em;position:absolute;right:1.8em;top:1.5em;}
.form-mgSystem .modal .btn-close span{background-color:#d9d9d9;width:4px;height:100%;position:absolute;left:50%;top:50%;}
.form-mgSystem .modal .btn-close span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);}
.form-mgSystem .modal .btn-close span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg);}
.form-mgSystem .modal .btn-close:hover span{background-color:#999;}
.form-mgSystem .modal-tit{color:#000;font-size:2em;font-weight:700;text-align:center;letter-spacing:-0.5px;}
.form-mgSystem .modal-scroll{flex:1;width:100%;max-height:calc(80vh - 10em);margin-top:3em;overflow-x:hidden;overflow-y:auto;}
.form-mgSystem .modal-inner{display:flex;align-items:stretch;column-gap:1em;}
.form-mgSystem .modal-card{border:1px solid #a9a9a9;border-radius:10px;display:inline-block;max-width:30em;min-width:0;position:relative;overflow:hidden;}
.form-mgSystem .modal-img{background-color:#fff;border-bottom:1px solid #a9a9a9;width:100%;aspect-ratio:1.25 / 1;}
.form-mgSystem .modal-img img{width:100%;height:100%;object-fit:cover;}
.form-mgSystem .modal-content{color:#000;display:flex;flex-direction:column;align-items:stretch;font-size:1em;padding:1.75em;}
.form-mgSystem .modal-content *{text-align:center;margin:0 auto;}
.form-mgSystem .modal-content-tit{font-size:1.25em;font-weight:700;}
.form-mgSystem .modal-content-tit-sub{font-size:0.9em;}
.form-mgSystem .modal-card.sticker .modal-content-tit-sub{pointer-events:none;}
.form-mgSystem .modal-content-tit ~ p{margin-top:1em;}
.form-mgSystem .modal-content-detail{color:#000;text-align:center;margin-top:1em;}
.form-mgSystem .modal-content-detail p{background-color:rgba(26,136,255,0.1);border-radius:3em;display:inline-block;font-weight:700;padding:0.5em 1.25em;}
.form-mgSystem .modal-content-detail ul{margin-top:0.5em;}
.form-mgSystem .modal-print .modal-img{aspect-ratio:2.7 / 1;}
.form-mgSystem .modal-string .modal-card{max-width:26em;}
.form-mgSystem .modal-string .modal-img{aspect-ratio:1 / 1;max-height:22em;}
.form-mgSystem .modal-string .modal-img img{object-fit:contain;}
.form-mgSystem .modal-display .modal-card{max-width:40em;}
.form-mgSystem .modal-display .modal-img{aspect-ratio:2 / 1;}

body.overflow{overflow:hidden;}


@media screen and (min-width:1920px){
  .sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next{left:calc(49.5vw - 59.375em / 2);}
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{right:calc(49.5vw - 59.375em / 2);}
}
@media screen and (max-width:1360px){
  .flow-area{grid-template-columns:repeat(2,1fr);gap:2em 2.5em;}
  .flow-box:not(:last-child):after{position:absolute;right:-1.25em;}
  .flow-box:nth-child(even):after{display:none;}
}
@media screen and (max-width:1320px){
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{width:2.5em;height:2.5em;}
  .sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next{left:20%;}
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{right:20%;}
}
@media screen and (max-width:1200px){
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{width:2.5em;height:2.5em;}
  .sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next{left:14%;}
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{right:14%;}
}
@media screen and (max-width:1024px){
  #sub-section7 h1.txt-tit{font-size:3.5em;}

  .mgSystem-service .service-area{grid-template-columns:repeat(2, 1fr);}
  .mgSystem-service .txt-tit .wrap{display:block;}

  .mgSystem-flow .txt-tit .wrap{display:block;}
}
@media screen and (max-width:895px){
  .mgSystem-message .txt-tit{text-align:left;}
  .mgSystem-message .txt-tit p{line-height:1.2;}
  .mgSystem-message .txt-tit p:not(:first-child){margin-top:0.5em;}
  .mgSystem-message .txt-tit .wrap{display:block;}
}
@media screen and (max-width:768px){
  #sub-container #sub-section7{padding-top:0;}
  #sub-section7 h1.txt-tit{font-size:3.3em;}
  #sub-section7 h1.txt-tit span.mt{margin-top:0.5em;}
  #sub-section7 h1.txt-tit strong{display:block;line-height:1.2;}
  #sub-section7 .txt-sub{font-size:1.3em;}

  
  .mgSystem-flow .inner-con{padding:0 7vw;}
  .flow-area{column-gap:2em;}
  .flow-box:not(:last-child):after{width:1em;height:2em;right:-1em;}

  .sub-screen-title{font-size:2em;}
  .sub-screen-slider .swiper-button-next,.sub-screen-slider .swiper-button-prev,.sub-screen-slider .swiper-rtl .swiper-button-next,.sub-screen-slider .swiper-rtl .swiper-button-prev{width:2em;height:2em;}

  .form-inline{display:block;}
  .form-inline .form-sub-tit{width:auto;height:auto;}
  .form-inline .chk-group{column-gap:1em;}
  .form-inline .chk-group .chk-item{max-width:14.5em;width:calc(50% - 0.5em);margin-right:0;}

  .form-block .chk-group{flex-wrap:wrap;justify-content:flex-start !important;}
  .form-block .chk-group .chk-item{flex:auto;max-width:14.5em;width:calc(50% - 0.5em);margin-right:0;}

  .form-mgSystem .modal-inner{display:block;}
  .form-mgSystem .modal-card-wrap:not(:last-child){margin-bottom:3em;}
  .form-mgSystem .modal-card{display:block;margin:0 auto;}
  .form-mgSystem .modal-card:not(:last-child){margin-bottom:1em;}
  .form-mgSystem .modal-card.sticker .modal-content-tit-sub{display:none;}
}
@media screen and (max-width:575px){
  .mgSystem-service .service-area{grid-template-columns:repeat(1, 1fr);gap:3.5em;}

  .flow-bot{padding:4.1875em 1.7em 1.1875em;}
}
@media screen and (max-width:480px){
  .mgSystem-message h2.txt-tit{font-size:2em;}

  .mgSystem-flow .inner-con{padding:0 10vw;}
  .flow-tit{font-size:1.75em;padding:1em 0;}
  .flow-bot li{font-size:1.25em;}
  .flow-area{grid-template-columns:repeat(1,1fr);gap:0;row-gap:3em;}
  .flow-box:not(:last-child):after{width:1.25em;height:2.25em;right:auto;left:50%;top:auto;bottom:-1.5em;transform:translate(-50%,50%) rotate(90deg);}
  .flow-box:nth-child(even):after{display:block;}

  .add-form-area .lbl-wrap input{height:5em;}
  .form-block .chk-group .chk-item{max-width:calc(50% - 0.5em);}
  
  .form-mgSystem .modal .btn-close{width:1.5em;height:1.5em;right:1.25em;top:1.25em;}
  .form-mgSystem .modal .btn-close span{width:3px;}
}

/* 250612 */
.form-mgSystem .chk-group .chk-item{height:3.55em;line-height:1.3;display:flex;justify-content:center;align-items:center;}
.form-mgSystem .rd-group .rd-lbl{height:3.55em;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;}
.form-inline .chk-group.form-inline-content{display:flex;flex-wrap:wrap;column-gap:1em;}
.form-inline .chk-group.form-inline-content .chk-item{width:calc((100% - 3em) / 4);margin-right:0;}
@media screen and (max-width:895px){
  .form-inline .chk-group.form-inline-content .chk-item{width:calc((100% - 2em) / 3);}
}
@media screen and (max-width:768px){
  .form-inline .chk-group.form-inline-content .chk-item{max-width:14.5em;width:calc(50% - 0.5em);}
}
@media screen and (max-width:480px){
  .form-inline .chk-group.form-inline-content .chk-item{max-width:calc(50% - 0.5em);}
}