a.oro { transition: all 0.3s ease-in; }
a.oro:hover { opacity: .8; }

span.line.colP { background: linear-gradient(transparent 60%, #e4cfe4 60%); }

@media screen and (min-width: 768px) { .studyOneSub .section .sectionInner, .studyOneSub .section .case__box { width: 1240px; } }

.linkBtn { margin: 0 auto; text-align: center; position: relative; }
.linkBtn .bbl { background-color: #FFF; font-weight: bold; border-radius: 9999px; padding: 3px 30px; border: 1px solid #2459ae; display: inline-block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; font-size: 16px; min-width: 370px; line-height: 1.2; }
@media screen and (max-width: 767px) { .linkBtn .bbl { padding: 1vw 5vw; font-size: 4vw; min-width: 80%; } }
.linkBtn .bbl::before, .linkBtn .bbl::after { content: ""; height: 0; width: 0; position: absolute; top: 100%; left: 50%; border: solid transparent; }
.linkBtn .bbl::after { border-color: transparent; border-top-color: #FFFFFF; border-width: 10px; margin-left: -10px; }
@media screen and (max-width: 767px) { .linkBtn .bbl::after { border-width: 2vw; margin-left: -2vw; } }
.linkBtn .bbl::before { border-color: transparent; border-top-color: #2459ae; border-width: 11px; margin-left: -11px; }
@media screen and (max-width: 767px) { .linkBtn .bbl::before { border-width: 2.1vw; margin-left: -2.1vw; } }
.linkBtn a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 18px; background-color: #2459ae; color: #FFF; padding: 15px 50px; font-weight: bold; border-radius: 9999px; margin: 0 auto; text-align: center; gap: 10px; transition: all 0.3s ease-in; }
@media screen and (min-width: 768px) { .linkBtn a { min-width: 385px; width: fit-content; } }
@media screen and (max-width: 767px) { .linkBtn a { width: 90%; font-size: 4vw; padding: 4vw 8vw; } }
.linkBtn a:hover { text-decoration: none; opacity: .8; }
.linkBtn a .freeBadge { background-color: #FFF; border-radius: 9999px; display: inline-block; color: #2459ae; padding: 5px 10px; line-height: 1; }
@media screen and (max-width: 767px) { .linkBtn a .freeBadge { font-size: 3.6vw; padding: 1vw 2vw; } }
.linkBtn a .icon { width: 40px; display: flex; align-items: center; }
.linkBtn a .icon img { width: 100%; height: auto; }
@media screen and (max-width: 767px) { .linkBtn a .icon { width: 8vw; } }
.linkBtn.withBbl { padding-top: 15px; }
@media screen and (max-width: 767px) { .linkBtn.withBbl { padding-top: 3vw; } }
.linkBtn.withBbl a { padding: 20px 50px 10px 50px; }
@media screen and (max-width: 767px) { .linkBtn.withBbl a { padding: 5vw 5vw 2vw 5vw; } }
.linkBtn.arrowBtn a { position: relative; }
.linkBtn.arrowBtn a::before, .linkBtn.arrowBtn a::after { position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; content: ""; transition: all 0.1s ease-in; }
@media screen and (max-width: 767px) { .linkBtn.arrowBtn a::before, .linkBtn.arrowBtn a::after { right: 3vw; } }
.linkBtn.arrowBtn a::before { width: 20px; height: 20px; border-radius: 50%; background: #FFF; }
.linkBtn.arrowBtn a::after { right: 33px; width: 6px; height: 6px; border-top: 2px solid #174a7c; border-right: 2px solid #174a7c; transform: translateY(-1px) rotate(45deg); }
@media screen and (max-width: 767px) { .linkBtn.arrowBtn a::after { right: 5vw; } }
@media screen and (min-width: 768px) { .linkBtn.sizeL a { width: 800px; font-size: 24px; }
  .linkBtn.sizeL a .freeBadge { font-size: 20px; } }
@media screen and (max-width: 767px) { .linkBtn.sizeL a { width: 90%; } }
.linkBtn.linkDl a { background-color: #c064a4; }
.linkBtn.linkDl a .freeBadge { color: #c064a4; }
.linkBtn.linkDl .bbl { border-color: #c064a4; }
.linkBtn.linkDl .bbl::before { border-top-color: #c064a4; }
.linkBtn.linkContact a { background-color: #198ebd; }
.linkBtn.linkContact a .freeBadge { color: #198ebd; }
.linkBtn.linkContact .bbl { border-color: #198ebd; }
.linkBtn.linkContact .bbl::before { border-top-color: #198ebd; }
.linkBtn.linkToTop a { background-image: linear-gradient(90deg, #c064a4 0%, #198ebd 100%); padding: 4px; position: relative; }
.linkBtn.linkToTop a::after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; transition: all 0.1s ease-in; right: 20px; width: 6px; height: 6px; border-top: 2px solid #198ebd; border-right: 2px solid #198ebd; transform: translateY(-1px) rotate(45deg); }
.linkBtn.linkToTop a > span { display: block; width: 100%; height: 100%; background-color: #FFF; border-radius: 9999px; padding: 5px 30px; color: #c064a4; font-size: 18px; line-height: 1.4; }
@media screen and (max-width: 767px) { .linkBtn.linkToTop a > span { padding: 4vw 8vw; font-size: 3.8vw; } }

.anchorRev { margin: 50px auto 0 auto; background-color: #FFF; width: 100%; padding: 10px 0; position: sticky; top: 0; z-index: 99; text-align: center; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
@media screen and (max-width: 767px) { .anchorRev { padding: 2vw 0; margin-top: 0; } }
.anchorRev .anchorList { max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; }
@media screen and (max-width: 767px) { .anchorRev .anchorList { gap: 2vw 0; } }
.anchorRev .anchorList li { text-align: center; width: 11%; padding: 0 5px; }
@media screen and (max-width: 767px) { .anchorRev .anchorList li { width: 20%; padding: 0 1vw; } }
.anchorRev .anchorList li a { font-size: 14px; font-weight: bold; display: block; color: #2459ae; padding: 0; line-height: 1.2; }
.anchorRev .anchorList li a:before, .anchorRev .anchorList li a:after { display: none; }
.anchorRev .anchorList li a:hover { opacity: .7; }
@media screen and (max-width: 767px) { .anchorRev .anchorList li a { font-size: 3vw; } }
.anchorRev .anchorList li .icon { display: block; margin: 0 auto 5px auto; }
@media screen and (max-width: 767px) { .anchorRev .anchorList li .icon { width: 6vw; } }
.anchorRev .anchorList li:nth-last-of-type(1) img { position: relative; top: auto; right: auto; transform: none; }
.anchorRev .anchorList li.btnmenu { width: 22%; }
@media screen and (max-width: 767px) { .anchorRev .anchorList li.btnmenu { width: 50%; } }
.anchorRev .anchorList li.btnmenu a { background-color: #2459ae; color: #FFF; border-radius: 9999px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 5px 20px; width: 100%; height: 100%; gap: 10px; line-height: 1.2; }
@media screen and (max-width: 767px) { .anchorRev .anchorList li.btnmenu a { padding: 1vw 3vw; gap: 2vw; } }
.anchorRev .anchorList li.btnmenu a .icon { display: inline-block; margin: 0; }
.anchorRev .anchorList li.btnmenu.menuDl a { background-color: #c064a4; }
.anchorRev .anchorList li.btnmenu.menuContact a { background-color: #198ebd; }

.movie { width: 100%; aspect-ratio: 16 / 9; max-width: 750px; margin: 0 auto; }
.movie iframe { width: 100%; height: 100%; }

.conclBbl { position: relative; text-align: center; padding-top: 60px; margin-bottom: 30px; }
@media screen and (max-width: 767px) { .conclBbl { padding-top: 10vw; margin-bottom: 5vw; } }
.conclBbl::before { content: ""; width: 40px; height: 6px; background: url("/b_solution/co-creation/studyone/images/rv202407/value_dot.svg") no-repeat center top; background-size: 100% auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.conclBbl .valueBbl { position: relative; padding-top: 20px; }
@media screen and (max-width: 767px) { .conclBbl .valueBbl { padding-top: 5vw; }
  .conclBbl .valueBbl > img { width: 18vw; } }
.conclBbl ul { position: relative; min-height: 200px; }
@media screen and (max-width: 767px) { .conclBbl ul { min-height: 52vw; } }
.conclBbl ul li { position: absolute; }
.conclBbl ul li:nth-of-type(1) { top: 80px; left: 20px; }
@media screen and (max-width: 767px) { .conclBbl ul li:nth-of-type(1) { top: 12vw; left: 0vw; width: 52vw; } }
.conclBbl ul li:nth-of-type(2) { top: 0px; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 767px) { .conclBbl ul li:nth-of-type(2) { top: 0vw; width: 48vw; right: 5vw; left: auto; transform: none; } }
.conclBbl ul li:nth-of-type(3) { top: 70px; right: 50px; }
@media screen and (max-width: 767px) { .conclBbl ul li:nth-of-type(3) { top: 27vw; right: 8vw; width: 46vw; } }

.utilizeListBox { border-radius: 20px; background-image: linear-gradient(90deg, #c064a4 0%, #20aee5 100%); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); padding: 20px; margin-bottom: 40px; }
.utilizeListBox ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.utilizeListBox ul li { width: calc(calc(100% - 40px) / 3); text-align: center; display: flex; flex-direction: column; }
.utilizeListBox ul li .title { margin-bottom: 15px; }
.utilizeListBox ul li .img { margin-bottom: 15px; }
.utilizeListBox ul li .detail { background-color: #FFF; padding: 20px; border-radius: 10px; text-align: left; flex: 1; }
@media screen and (max-width: 767px) { .utilizeListBox { padding: 3vw; margin-bottom: 5vw; }
  .utilizeListBox ul { gap: 7vw; }
  .utilizeListBox ul li { width: 100%; }
  .utilizeListBox ul li .title { margin: 0 auto 2vw auto; width: 80%; }
  .utilizeListBox ul li .img { margin: 0 auto 2vw auto; width: 30vw; }
  .utilizeListBox ul li .detail { padding: 3vw; } }

@media screen and (max-width: 767px) { .section#notification { padding: 10vw 2% !important; }
  .section .sectionTitle span { line-height: 1.4; } }
@media screen and (min-width: 768px) { .section.narrowPd { padding: 60px 0 80px 0; } }
@media screen and (max-width: 767px) { .section.narrowPd { padding: 10vw 2%; } }
.section#soinfo { background-image: linear-gradient(90deg, #f9eff6 0%, #e9f7fc 100%); }
.section#soinfo .sectionTitle span:before { background-color: #f1f3f9; }

.btnList ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px; }
.btnList ul li { width: 35%; }
@media screen and (max-width: 767px) { .btnList ul li { width: 100%; } }

.info__select { background: #e8f7fc; padding: 100px 0 30px; }
@media screen and (max-width: 767px) { .info__select { padding: 5vw 2%; } }
.info__select__wrap { position: relative; }
.info__select dl { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
@media screen and (max-width: 767px) { .info__select dl { margin-bottom: 3vw; align-items: flex-start; } }
.info__select dl:nth-last-of-type(1) { margin-bottom: 0; }
.info__select dl dt { width: 120px; color: #2459ae; }
@media screen and (max-width: 767px) { .info__select dl dt { width: 25%; font-size: 3.4vw; } }
.info__select dl dd { width: calc(100% - 120px); }
@media screen and (max-width: 767px) { .info__select dl dd { width: 75%; } }
.info__select dl dd ul { display: flex; flex-wrap: wrap; gap: 20px; }
@media screen and (max-width: 767px) { .info__select dl dd ul { gap: 2vw; } }
.info__select dl dd ul li { width: 160px; }
@media screen and (max-width: 767px) { .info__select dl dd ul li { width: fit-content; } }
.info__select dl dd ul li a:hover { text-decoration: none; }
.info__select dl dd ul li label { display: block; width: 100%; position: relative; cursor: pointer; transition: 0.3s all ease; background-color: #FFF; padding: 10px 10px 10px 30px; color: #2459ae; font-size: 15px; font-weight: bold; position: relative; }
@media screen and (max-width: 767px) { .info__select dl dd ul li label { padding: 1vw 2vw 1vw 6vw; font-size: 3.4vw; } }
.info__select dl dd ul li label::before { content: ""; display: block; width: 12px; height: 7px; border-left: 2px solid #bfd6ec; border-bottom: 2px solid #bfd6ec; transform: translateY(-50%) rotate(-45deg); position: absolute; left: 10px; top: 50%; }
@media screen and (max-width: 767px) { .info__select dl dd ul li label::before { left: 2vw; } }
.info__select dl dd ul li .check-input { display: none; }
.info__select dl dd ul li .check-input:checked + label { color: #fff; background: #2459ae; }
.info__select dl dd ul li .check-input:checked + label::before { border-color: #FFF; }
.info__select .sectionInner { display: flex; justify-content: space-evenly; }
@media screen and (max-width: 767px) { .info__select .sectionInner { flex-direction: column; } }
.info__select .sectionInner .movieContent { width: 460px; }
@media screen and (max-width: 767px) { .info__select .sectionInner .movieContent { width: 100%; margin-top: 15px; } }
.info__select .sectionInner .info_movie_small { font-size: 12px; }
@media only screen and (max-width: 767px) {.info__select .sectionInner .info_movie_small { font-size: 3vw; } }
.info__select .movie_title { margin: -75px 0 20px; text-align: center; position: relative; }
@media screen and (max-width: 767px) { .info__select .movie_title { margin: 4vw 0 5vw; } }
.info__select .movie_title span { display: inline-block; width: 460px; border-bottom: 2px solid #187ac9; position: relative; font-size: 16px; line-height: 1.4; padding-bottom: 8px; }
@media only screen and (max-width: 767px) {.info__select .movie_title span {width: 100%; font-size: 4.0vw; padding-bottom: 3vw; } }
.info__select .movie_title span:before { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) skew(-40deg); height: 18px; width: 18px; border-right: 2px solid #187ac9; background-color: #E8F7FC;}
@media only screen and (max-width: 767px) {.info__select .movie_title span:before { width: 4vw; height: 4vw;} }

.studyone__case__list > ul { display: flex; flex-wrap: wrap; gap: 25px; }
@media screen and (max-width: 767px) { .studyone__case__list > ul { justify-content: center; } }
.studyone__case__list > ul > li { position: relative; width: calc(calc(100% - 75px) / 4); border: 1px solid #d9d9d9; background: #fff; height: auto; overflow: hidden; display: flex; flex-direction: column; padding-bottom: 25px; }
@media screen and (max-width: 767px) { .studyone__case__list > ul > li { width: 85%; } }
.studyone__case__list > ul > li a { display: block; }
.studyone__case__list > ul > li a:hover { text-decoration: none; opacity: .8; transition: all 0.3s ease-in; }
.studyone__case__list > ul > li .caseStudyPickup_btn { position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 767px) { .studyone__case__list > ul > li .studyone__case-slide__cell-info { padding: 3vw; } }
.studyone__case__list > ul > li .studyone__case-slide__cell-info .studyone__case-slide__cell-title { margin: 8px 0 0 0; }
@media screen and (max-width: 767px) { .studyone__case__list > ul > li .studyone__case-slide__cell-info .studyone__case-slide__cell-title { font-size: 3.4vw; } }
@media screen and (max-width: 767px) { .studyone__case__list > ul > li .studyone__case-slide__cell-case { font-size: 3.8vw; } }
.studyone__case__list.noBdr > ul > li { border: 0; }
.studyone__case__tag { padding: 0 20px 10px 20px; display: flex; flex-wrap: wrap; gap: 10px; }
@media screen and (max-width: 767px) { .studyone__case__tag { padding: 0 3vw 3vw 3vw; gap: 2vw; } }
.studyone__case__tag li { border: 1px solid #2459ae; background-color: #f4f8fc; border-radius: 9999px; padding: 3px 10px; color: #2459ae; }
@media screen and (max-width: 767px) { .studyone__case__tag li { font-size: 3.4vw; } }

.info__result { transition: 0.3s opacity ease; }

.info__result.is-hide { opacity: 0; }

.studyone__case-slide__cell.is-hide, .info__block.is-hide { display: none; }