/* ȸ»ç¼Ò°³ */

/* °øÅë */
.section_wrap {max-width: calc(var(--content-width) + 80px); margin: 0 auto; position: relative;}
.company_bg {background-color: hsl(0, 0%, 96%);}
.title_intro {font-weight: 400; line-height: 1.5; font-size: var(--textsize-26);}
.title_h2 {position: relative; font-weight: 700; line-height: 1.3; font-size: var(--textsize-50)}
.title_h2.backText::after {position: absolute; top: 50%; right: 40px; transform: translateY(-50%); content:" NO.1"; font-weight: 900; line-height: 1; color: #eee; font-size: var(--textsize-160);}
.title_h3 {font-weight: 700; line-height: 1.4; margin-bottom: 12px; font-size: var(--textsize-36);}
.title_p {color: #666; font-weight: 400; font-size: var(--textsize-20);}
.title_hr {height:1px; background-color: #111; margin: 60px 0 40px;border:0;}
.col_primary {color: var(--sitecolor-primary);}

@media screen and (max-width: 800px) {
  .title_h2.backText::after {display: block; position: relative; top: auto; right: auto; transform: none;}
  .title_hr {margin: 30px 0 20px;}
}


/* µðºñ¿ÂÀ̶õ? pageNo.0301 */
.company0301_01 {padding: 100px 0;}
.company0301_01 .title_h2 {line-height: 1.4; margin-bottom: 40px; padding: 0 40px;}
.company0301_01 .illust {margin: 0 auto; padding: 5.49% 14.68%; max-width: 1420px; background: center / cover url("/dbimg/company/company0301_01a.png") no-repeat;}
.company0301_01 .illust img {margin: 0 auto;}
.company0301_01 .desc01 {line-height: 1.6; text-align: center; margin-top: 40px; padding: 0 40px; font-size: var(--textsize-26);}

.company0301_02 {padding: 80px 40px;}
.company0301_02 .title_h2 {text-align: center; margin-bottom: 102px;}
.company0301_02 .desc02 {display: grid; max-width: 1112px; margin: 0 auto; grid-template-columns: 1fr 1fr 1fr; justify-content: center; column-gap: 30px;}
.company0301_02 .desc02 .icon {grid-row: 1/2; min-width: 0; width: 100%; max-width: 310px; aspect-ratio: 1; border-radius: 100%; margin: 0 auto 40px;}
.company0301_02 .desc02 .icon.icon01 {background: center / contain url('/dbimg/company/company0301_02.svg') no-repeat #fff;}
.company0301_02 .desc02 .icon.icon02 {background: center / contain url('/dbimg/company/company0301_03.svg') no-repeat; background-color: var(--sitecolor-primary);}
.company0301_02 .desc02 .icon.icon03 {background: center / contain url('/dbimg/company/company0301_04.svg') no-repeat #fff;}
.company0301_02 .desc02 .text {text-align: center; line-height: 1.5; min-width: 0; font-size: var(--textsize-20);}
.company0301_02 .desc02 .text.text01 {grid-column: 1/2;}
.company0301_02 .desc02 .text.text03 {grid-column: 3/4;}

.company0301_03 {padding: 100px 40px 160px;}
.company0301_03 .content {display: grid; grid-template-columns: 45% 55%; align-items: center; max-width: 930px; margin: 0 auto;}
.company0301_03 .img {grid-column: 1/2;}
.company0301_03 .img > img {margin-left: auto;}
.company0301_03 .txt {grid-column: 2/3;}
.company0301_03 .txt .txt01 {font-weight: 700; line-height: 1.5; margin-bottom: 10px; font-size: var(--textsize-36);}
.company0301_03 .txt .txt02 {line-height: 1.5; color: #666; text-align: right; font-size: var(--textsize-20);}

@media screen and (max-width: 800px) {
  .company0301_01 {padding: 30px 0 50px;}
  .company0301_01 .title_h2 {margin-bottom: 20px; padding: 0 20px;}
  .company0301_01 .illust {padding: 5.49% 8%;}
  .company0301_01 .desc01 {margin-top: 20px; padding: 0 20px;}
  .company0301_01 .desc01 br {display: none;}
  .company0301_02 {padding: 40px 20px;}
  .company0301_02 .title_h2 {margin-bottom: 30px;}
  .company0301_02 .title_h2 span {display: block;}
  .company0301_02 .desc02 {display: block;}
  .company0301_02 .desc02 .icon {width: 41%; min-width: 130px; margin-bottom: 16px;}
  .company0301_02 .desc02 .text.text01 {margin-bottom: 30px;}
  .company0301_02 .desc02 .icon.icon02 {margin-bottom: 30px;}
  .company0301_03 {padding: 40px 20px 60px;}
  .company0301_03 .content {display: block; text-align: center;}
  .company0301_03 .img {margin: 0 auto; width: 62%; min-width: 197px;}
  .company0301_03 .img > img {margin: 0 auto;}
  .company0301_03 .txt .txt02 {text-align: center;}
}
@media screen and (max-width: 360px) {
  .company0301_01 .title_h2 br {display: none;}
  .company0301_03 .txt .txt01 br {display: none;}
}



/* µðºñ¿Â ¹ÙÀÌ·² pageNo.2101 */
.viral2101 .section_wrap {padding: 0 40px;}
.viral2101_01 {padding: 100px 0 80px;}
.viral2101_01 .desc {margin-top: 40px;}
.viral2101_01 .desc .desc_li + .desc_li {margin-top: 20px;}
.viral2101_01 .desc .desc_li {padding: 24px 60px; background-color: #F5F5F5; display: grid; grid-template-columns: 6% auto 1fr; align-items: center; column-gap: 40px; font-size: var(--textsize-20);}
.viral2101_01 .desc .desc_li .num {min-width: 0; font-weight: 700;}
.viral2101_01 .desc .desc_li .tringle {min-width: 0; border:0; border-left: 16px solid #BCBCBC; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.viral2101_01 .desc .desc_li .info {min-width: 0; font-weight: 500; line-height: 1.5;}
.viral2101_02 {padding: 80px 0 160px;}
.viral2101_02 .solution {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; margin-top: 40px;}
.viral2101_02 .solution > li {border-radius: 20px; padding: 60px 0; background-color: #f5f5f5; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.viral2101_02 .solution .icon {width: 44%; min-width: 140px; max-width: 180px; aspect-ratio: 1; border-radius: 100%; margin: 0 auto 35px; }
.viral2101_02 .solution .icon.icon01 {background: center / contain url('/dbimg/viral/viral2101_01.svg') no-repeat #fff;}
.viral2101_02 .solution .icon.icon02 {background: center / contain url('/dbimg/viral/viral2101_02.svg') no-repeat #fff;}
.viral2101_02 .solution .icon.icon03 {background: center / contain url('/dbimg/viral/viral2101_03.svg') no-repeat #fff;}
.viral2101_02 .solution .txt {font-weight: 500; text-align: center; font-size: var(--textsize-20);}

@media screen and (max-width: 800px) {
  .viral2101 .section_wrap {padding: 0 20px;}
  .viral2101_01 {padding: 30px 0;}
  .viral2101_01 .desc {margin-top: 30px;}
  .viral2101_01 .desc .desc_li {padding: 12px 20px; grid-template-columns: 32px auto 1fr; column-gap: 12px;}
  .viral2101_01 .desc .desc_li + .desc_li {margin-top: 12px;}
  .viral2101_02 {padding: 30px 0 60px;}
  .viral2101_02 .solution {margin-top: 30px; display: block;}
  .viral2101_02 .solution > li {padding: 40px 0;}
  .viral2101_02 .solution > li + li {margin-top: 12px;}
  .viral2101_02 .solution .icon {margin: 0 auto 20px;}
}


/* óÀ½À̼¼¿ä? pageNo.0302 */
.company0302 .section_wrap {padding: 0 40px;}
.company0302_01 {padding: 100px 0 80px;}
.company0302_01 .process {display: flex; column-gap: 20px; margin: 40px 0 20px;}
.company0302_01 .step {flex:1; border-radius: 20px; background-color: #f5f5f5; display: grid; grid-template-rows: auto 1fr auto; padding: 40px 30px;}
.company0302_01 .num {font-weight: 700; color: var(--sitecolor-primary); margin-bottom: 6px; font-size: var(--textsize-26);}
.company0302_01 .title {font-weight: 700; line-height: 1.4; margin-bottom: 24px; font-size: var(--textsize-26);}
.company0302_01 .desc {line-height: 1.5; color: #666; font-size: var(--textsize-20);}
.company0302_01 .comment {line-height: 1.5; font-size: var(--textsize-20);}
.company0302_02 {padding: 80px 0 160px;}
.company0302_02 .guides {display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; margin-top: 40px;}
.company0302_02 .guide {min-width: 0; border-radius: 20px; background-color: #f5f5f5; padding: 40px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 0;}
.company0302_02 .guide_top {flex: 1 1 370px; max-width: 100%; display: flex; align-items: center; justify-content: flex-start; column-gap: 30px;}
.company0302_02 .guide_bot {width: fit-content; max-width: 100%; text-align: center;}
.company0302_02 .guide .icon {width: 28%; min-width: 80px; max-width: 140px; aspect-ratio: 1; border-radius: 100%;}
.company0302_02 .guide .icon01 {background: center / contain url('/dbimg/company/company0302_01.svg') no-repeat #fff;}
.company0302_02 .guide .icon02 {background: center / contain url('/dbimg/company/company0302_02.svg') no-repeat #fff;}
.company0302_02 .guide .tit {font-weight: 700; margin-bottom: 12px; font-size: var(--textsize-26);}
.company0302_02 .guide .desc {font-weight: 400; color: #666; font-size: var(--textsize-20);}
.company0302_02 .guide .link {display: inline-block; font-weight: 700; color:#fff; background-color: var(--sitecolor-primary); border-radius: 6px; margin-left: auto; padding: 11px 20px;}

@media screen and (max-width: 1000px) {
  .company0302_01 .process {column-gap: 10px;}
  .company0302_01 .step {padding: 30px 18px;}
}

@media screen and (max-width: 800px) {
  .company0302 .section_wrap {padding: 0 20px;}
  .company0302_01 {padding: 30px 0;}
  .company0302_01 .process {display: block; margin: 20px 0;}
  .company0302_01 .step {border-radius: 12px; padding: 16px 20px; display: block;}
  .company0302_01 .step + .step {margin-top: 12px;}
  .company0302_01 .num {margin-bottom: 0;}
  .company0302_01 .title {margin-bottom: 8px;}
  .company0302_02 {padding: 30px 0 60px;}
  .company0302_02 .guides {display: block; margin-top: 20px 0;}
  .company0302_02 .guide {padding: 20px;}
  .company0302_02 .guide + .guide {margin-top: 12px;}
  .company0302_02 .guide_top {column-gap: 12px;}
  .company0302_02 .guide .tit {margin-bottom: 4px;}
}


/* AFFILIATE pageNo.0303 */
.company0303 .section_wrap {padding: 0 40px;}
.company0303_01,
.company0303_02,
.company0303_03,
.company0303_04 {padding: 100px 0 60px;}
.company0303_02 .view_video,
.company0303_03 .view_video {font-size: var(--textsize-20); font-weight: 700; text-align: right;}
.company0303_01 .title_h2.backText::after {content:"AFFILIATE"; right: 0;}
.company0303_01 .title_h2,
.company0303_02 .title_h2,
.company0303_03 .title_h2,
.company0303_04 .title_h2 {margin-bottom: 100px;}
.company0303_01 .title_h3,
.company0303_02 .title_h3,
.company0303_03 .title_h3,
.company0303_04 .title_h3 {position: relative; margin-bottom: 10px; padding-left: 1.33em;}
.company0303_01 .title_h3::after,
.company0303_02 .title_h3::after,
.company0303_03 .title_h3::after,
.company0303_04 .title_h3::after {content:""; display: block; position: absolute; top:0; left: 0; font-size: var(--textsize-36); font-weight: 700; line-height: 1.5;}
.company0303_01 .title_h3.case01::after {content:"1.";}
.company0303_02 .title_h3.case02::after {content:"2.";}
.company0303_03 .title_h3.case03::after {content:"3.";}
.company0303_04 .title_h3.case04::after {content:"4.";}
.company0303_01 .title_p,
.company0303_02 .title_p,
.company0303_03 .title_p,
.company0303_04 .title_p {margin-bottom: 57px; padding-left: 2.4em;}
.company0303_01 .process,
.company0303_02 .process,
.company0303_04 .process {padding: 100px 0;}
.company0303_01 .step,
.company0303_02 .step,
.company0303_04 .step {display: grid; grid-template-columns: 1fr 70%; }
.company0303_01 .step + .step,
.company0303_02 .step + .step,
.company0303_04 .step + .step {margin-top: 100px;}
.company0303_01 .step .info,
.company0303_02 .step .info,
.company0303_04 .step .info {grid-column: 1/2; grid-row: 1/2; padding-right: 20px;}
.company0303_01 .step .img,
.company0303_02 .step .img,
.company0303_04 .step .img {grid-column: 2/3; grid-row: 1/2;}
.company0303_01 .step .num,
.company0303_02 .step .num,
.company0303_04 .step .num {font-size: var(--textsize-26); font-weight: 700; line-height: 1.4;}
.company0303_01 .step .title,
.company0303_02 .step .title,
.company0303_04 .step .title {font-size: var(--textsize-36); font-weight: 700; line-height: 1.4; margin-bottom: 6px;}
.company0303_01 .step .desc,
.company0303_02 .step .desc,
.company0303_04 .step .desc {font-size: var(--textsize-20); color:#666;}
.company0303_02 > .section_wrap,
.company0303_03 > .section_wrap {display: grid; grid-template-columns: 1fr auto;}
.company0303_02 > .section_wrap .title_h3,
.company0303_03 > .section_wrap .title_h3 {grid-column: 1/3;}
.company0303_02 > .section_wrap .title_p,
.company0303_03 > .section_wrap .title_p {grid-column: 1/2;}
.company0303_02 > .section_wrap .view_video,
.company0303_03 > .section_wrap .view_video {grid-column: 2/3;}
.company0303_03 .company_bg {padding: 80px 0 100px;}
.company0303_03 h4 {font-size: var(--textsize-36); font-weight: 700; margin-bottom: 40px;}
.company0303_03 .process + h4 {margin-top: 100px;}
.company0303_03 .process {display: flex; flex-wrap: wrap; gap: 50px 55px;}
.company0303_03 .process .step {flex: 1 0 calc(50% - 50px);}
.company0303_03 .process .step > p {font-size: var(--textsize-20); font-weight: 400; color:#666; margin-bottom: 20px;}
.company0303_05 {padding: 100px 0 160px; text-align: center;}
.company0303_05 .title {font-size: var(--textsize-50); font-weight: 700; line-height: 1.5; margin-bottom: 80px;}
.company0303_05 .desc {font-size: var(--textsize-26); font-weight: 500; line-height: 1.5; margin-bottom: 15px;}
.company0303_05 .link {display: inline-block; margin-bottom: 80px; font-size: 16px; font-weight: 700; color: #fff; padding: 11px 20px; border-radius: 6px; background-color: var(--sitecolor-primary);}
.company0303_05 .caption {font-size: var(--textsize-26); font-weight: 500; color: #666;}
@media screen and (max-width: 1200px) {
  .company0303_01 .title_h2.backText::after {display: block; position: relative; top: auto; right: auto; transform: none;}
}
@media screen and (max-width: 800px) {
  .company0303 .section_wrap {padding: 0 20px;}
  .company0303_01,
  .company0303_02,
  .company0303_03,
  .company0303_04 {padding: 30px 0;}
  .company0303_03 .company_bg {padding: 40px 0 60px;}
  .company0303_01 .title_h2 {margin-bottom: 46px;}
  .company0303_01 .title_h3,
  .company0303_02 .title_h3,
  .company0303_03 .title_h3,
  .company0303_04 .title_h3 {margin-bottom: 0;}
  .company0303_02 .view_video,
  .company0303_03 .view_video {margin-bottom: 20px; padding-left: 2.2em; text-align: left;}
  .company0303_01 .title_p,
  .company0303_04 .title_p {margin-bottom: 20px; padding-left: 2.2em;}
  .company0303_02 .title_p,
  .company0303_03 .title_p {margin-bottom: 20px; padding-left: 2.2em;}
  .company0303_01 .process,
  .company0303_02 .process,
  .company0303_04 .process {padding: 30px 0;}
  .company0303_01 .step,
  .company0303_02 .step,
  .company0303_04 .step {display: block;}
  .company0303_01 .step + .step,
  .company0303_02 .step + .step,
  .company0303_04 .step + .step {margin-top: 40px;}
  .company0303_01 .step .info,
  .company0303_02 .step .info,
  .company0303_04 .step .info {margin-bottom: 20px;}
  .company0303_01 .step .title,
  .company0303_02 .step .title,
  .company0303_04 .step .title {margin-bottom: 0;}
  .company0303_02 > .section_wrap,
  .company0303_03 > .section_wrap {display: block;}
  .company0303_03 h4 {margin-bottom: 20px;}
  .company0303_03 .process {display: block;}
  .company0303_03 .process + h4 {margin-top: 40px; margin-bottom: 0;}
  .company0303_03 .process .step > p {margin-bottom: 10px;}
  .company0303_03 .process .step + .step {margin-top: 40px;}
  .company0303_05 {padding: 0 0 60px; text-align: center;}
  .company0303_05 .title {margin-bottom: 40px;}
  .company0303_05 .link {margin-bottom: 40px;}
}

.company0304 .section_wrap {padding: 0 40px;}
.company0304_01 .title_h2.backText::after {content:"MERCHANT"; right: 0;}
.company0304_01,
.company0304_02 {padding: 160px 0 0;}
.company0304_01 .title_h2,
.company0304_02 .title_h2 {margin-bottom: 100px;}
.company0304_01 .title_p,
.company0304_02 .title_p {margin-bottom: 57px; padding-left: 2.4em;}
.company0304_01 .title_h3,
.company0304_02 .title_h3 {position: relative; margin-bottom: 10px; padding-left: 1.33em;}
.company0304_01 .title_h3::after,
.company0304_02 .title_h3::after {content:""; display: block; position: absolute; top:0; left: 0; font-size: var(--textsize-36); font-weight: 700; line-height: 1.5;}
.company0304_01 .title_h3.case01::after {content:"1.";}
.company0304_02 .title_h3.case02::after {content:"2.";}
.company0304_01 .process {padding: 80px 0; text-align: center; display: flex; align-items: flex-start; justify-content: center;}
.company0304_01 .step {width: 33%; max-width: 360px;}
.company0304_01 .num {color: var(--sitecolor-primary); font-weight: 700; font-size: var(--textsize-20);}
.company0304_01 .title {font-weight: 700; font-size: var(--textsize-36); margin-bottom: 20px;}
.company0304_01 .icon {width: 160px; height: 160px; margin: 0 auto; border-radius: 100%;}
.company0304_01 .icon01 {background: center / contain url("/dbimg/company/company0304_01.svg") no-repeat #fff;}
.company0304_01 .icon02 {background: center / contain url("/dbimg/company/company0304_02.svg") no-repeat #fff;}
.company0304_01 .icon03 {background: center / contain url("/dbimg/company/company0304_03.svg") no-repeat #fff;}
.company0304_02 .process {padding: 80px 0 150px;}
.company0304_02 .step {display: grid; grid-template-columns: 1fr 72%;}
.company0304_02 .step + .step {margin-top: 80px;}
.company0304_02 .info {min-width: 0;}
.company0304_02 .num {font-weight: 700; font-size: var(--textsize-20); color: var(--sitecolor-primary);}
.company0304_02 .title {font-weight: 700; font-size: var(--textsize-36);}
.company0304_02 .desc {font-size: var(--textsize-26); color: #666;}
.company0304_02 .img {min-width: 0;}
.company0304_02 .img img + img {margin-top: 40px;}
@media screen and (max-width: 1400px) {
  .company0304_01 .title_h2.backText::after {display: block; position: relative; top: auto; right: auto; transform: none;}
}
@media screen and (max-width: 800px) {
  .company0304 .section_wrap {padding: 0 20px;}
  .company0304_01 {padding: 30px 0 0;}
  .company0304_01 .title_h2,
  .company0304_02 .title_h2 {margin-bottom: 46px;}
  .company0304_01 .title_p,
  .company0304_02 .title_p {margin-bottom: 20px; padding-left: 2.2em;}
  .company0304_01 .process {display: block; padding: 40px 0 60px;}
  .company0304_01 .step {max-width: none; width: 100%;}
  .company0304_01 .step + .step {margin-top: 40px;}
  .company0304_01 .title {margin-bottom: 12px;}
  .company0304_02 {padding: 30px 0 0;}
  .company0304_02 .process {padding: 40px 0 60px;}
  .company0304_02 .step {display: block;}
  .company0304_02 .step + .step {margin-top: 40px;}
  .company0304_02 .img {margin-top: 20px;}
  .company0304_02 .img img + img {margin-top: 20px;}
}


/* CAPµ¿¿µ»ó °¡À̵å pageNo.1112 */
.event0101_01,
.event0101_02 {padding: 100px 0 60px;}
.event0101_03 {padding: 100px 0 0;}
.event0101_01 .section_wrap,
.event0101_02 .section_wrap,
.event0101_03 .section_wrap {padding: 0 40px}
.event0101_01 .title_h2:nth-child(4) {margin-bottom: 12px;}
.event0101_02 .title_h2,
.event0101_03 .title_h2 {margin-bottom: 60px;}
.event0101_01 .title_p,
.event0101_02 .title_p
.event0101_03 .title_p {font-size: var(--textsize-26);}
.event0101_02 .process,
.event0101_03 .process {padding: 100px 0; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 100px;}
.event0101_02 .process .step,
.event0101_03 .process .step {width: calc(50% - 50px);}
.event0101_02 .process .step .title,
.event0101_03 .process .step .title {position: relative; font-size: var(--textsize-30); font-weight: 700; padding-left: 30px;}
.event0101_02 .process .step .num,
.event0101_03 .process .step .num {position: absolute; top:0; left:0;}
.event0101_03 .process .step .desc {font-size: var(--textsize-26); color: #666; font-weight: 400;padding-left: 30px;}
.event0101_02 .process .step .video {position: relative; height: 0; padding-bottom: 56.25%; margin-top: 24px; }
.event0101_02 .process .step iframe {position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.event0101_03 {}
.event0101_03 .process .step .img {margin-top: 24px; }

@media screen and (max-width: 800px) {
  .event0101_01 {padding: 500px 0;}
}

@media screen and (max-width: 800px) {
  .event0101_01,
  .event0101_02 {padding: 30px 0;}
  .event0101_03 {padding: 30px 0 0;}
  .event0101_01 .section_wrap,
  .event0101_02 .section_wrap,
  .event0101_03 .section_wrap {padding: 0 20px;}
  .event0101_01 .title_p br {display: none;}
  .event0101_02 .title_h2, 
  .event0101_03 .title_h2 {margin-bottom: 20px;}
  .event0101_02 .process,
  .event0101_03 .process {display: block; padding: 20px 0 40px;}
  .event0101_02 .process .step,
  .event0101_03 .process .step {width: 100%;}
  .event0101_02 .process .step + .step,
  .event0101_03 .process .step + .step {margin-top: 40px;}
  .event0101_02 .process .step .video {margin-top: 20px;}
  .event0101_02 .process .step .title,
  .event0101_03 .process .step .title {padding-left: 26px;}
  .event0101_02 .process .step .desc,
  .event0101_03 .process .step .desc {padding-left: 26px;}
}

/* Æ÷½ºÆà µ¿¿µ»ó °¡À̵å pageNo.1113 */
.event0201_01,
.event0201_02 {padding: 100px 0 60px;}
.event0201_03 {padding: 100px 0 0;}
.event0201_01 .title_h2:nth-child(4) {margin-bottom: 12px;}
.event0201_01 .section_wrap,
.event0201_02 .section_wrap,
.event0201_03 .section_wrap {padding: 0 40px}
.event0201_02 .title_h2,
.event0201_03 .title_h2 {margin-bottom: 60px;}
.event0201_01 .title_p,
.event0201_02 .title_p
.event0201_03 .title_p {font-size: var(--textsize-26);}
.event0201_02 .video_wr {width:100%; max-width: 640px; margin: 0 auto; padding: 100px 0;}
.event0201_02 .video {position: relative; width:100%; height: 0; padding-bottom: 56.25%; margin: 0 auto;}
.event0201_02 .video iframe {position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.event0201_03 .process {padding: 100px 0; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 100px;}
.event0201_03 .process .step {width: calc(50% - 50px);}
.event0201_03 .process .step .title {position: relative; font-size: var(--textsize-30); font-weight: 700; padding-left: 30px;}
.event0201_03 .process .step .num {position: absolute; top:0; left:0;}
.event0201_03 .process .step .desc {color: #666; font-weight: 400;padding-left: 30px; font-size: var(--textsize-26);}
.event0201_03 .process .step .img {margin-top: 24px; }

@media screen and (max-width: 800px) {
  .event0201_01,
  .event0201_02 {padding: 30px 0;}
  .event0201_03 {padding: 30px 0 0;}
  .event0201_01 .section_wrap,
  .event0201_02 .section_wrap,
  .event0201_03 .section_wrap {padding: 0 20px;}
  .event0201_02 .title_h2, 
  .event0201_03 .title_h2 {margin-bottom: 20px;}
  .event0201_02 .video_wr {padding: 20px 0;}
  .event0201_03 .process {display: block; padding: 20px 0;}
  .event0201_03 .process .step {width: 100%;}
  .event0201_03 .process .step + .step {margin-top: 40px;}
  .event0201_03 .process .step .title {padding-left: 26px;}
  .event0201_03 .process .step .desc {padding-left: 26px;}
}