/***************************************************************************************
  공통
****************************************************************************************/
.br_1920px {display:block;}
.br_1440px {display:none;}
.br_1024px {display:none;}
.color-black {color:#1A1A1A;}
.color-blue300 {color: #1253A1;}
.color-blue500 {color: #1A82FF;}
.color-blue700 {color: #7EB9FF;}

@media all and (max-width:1440px) {
  .br_1920px {display:none;}
  .br_1440px {display:block;}
  .br_1024px {display:none;}
}
@media all and (max-width:1024px) {
  .br_1920px {display:none;}
  .br_1440px {display:none;}
  .br_1024px {display:block;}
}

/***************************************************************************************
    service (시설가입)
****************************************************************************************/
.inner-container {max-width:1240px; width:100%; margin:0 auto;}
.inner-container label {font-size:1.8rem; font-weight:700; color:#1253A1; margin-bottom:0.8rem; display:block;}
.inner-container h1 {font-size:3rem; font-weight:700; color:#1A82FF; margin-bottom:1.6rem;}
.inner-container h2 {font-size:2rem; font-weight:700; color:#333;}
.inner-container h3 {}
.inner-container p {font-size:1.8rem; font-weight:700; color:#333;}
.inner-container .sub-text {color:#7EB9ff; font-size:2rem; font-weight:700; text-align: left; margin-bottom:1.6rem;}
.inner-container .sub-text2 {font-size:1.8rem; font-weight:500; text-align: left; margin-bottom:6.4rem;}
.inner-container .main-text {font-size:4rem; font-weight:700; text-align: left; margin-bottom:3.2rem; line-height: 1.4}
.round-box {border-radius: 40px; padding:60px 64px; background: #F5F9FF; display:flex; align-items: center; justify-content: space-between; margin-bottom:4.2rem; overflow: hidden}
#service3 .round-box {flex-direction: column;}
.row-container {display:flex; flex-direction: column; align-items: stretch;}
.col2, .col3 {display:flex; align-items: center; justify-content: space-between;}
.number-type1 {display:flex; align-items: center; justify-content: center; color:#fff; font-size:1.8rem; font-weight:700; background: linear-gradient(118.69deg, #90C2FF 32.53%, #3D96FF 83.21%); width:38px; height:38px; border-radius: 20px; margin-bottom:1.4rem; padding:7px; }
.number-type1.wide {font-size:1.6rem; min-width:38px; padding:1.2rem 2.4rem; width:auto; height:auto; border-radius:3rem; }
.white-card {width:100%; border-radius: 20px; background:#fff; padding:40px;}
.white-card2 {width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px; background:#fff; padding:4.8rem 0 3.2rem 0; box-shadow:0 0 20px #1b3e670d;}
.logo_youtube {height:1.9rem; width: auto;}
#service-section1 {background: #fff; width:100%; padding:24rem 0 13.6rem 0;}
#service-section1 #service1 .img-box {background:url('/img/service1_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:600px; height:100%; aspect-ratio:638/343;}
#service-section1 #service2 .img-box {background:url('/img/service2_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:354px; height:100%; aspect-ratio:119/146; margin-right:80px;}
#service-section1 #service3 .img-box {background:url('/img/service3_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:482/141;}
#service-section1 #service4 .img-box {background:url('/img/service4_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:700px; height:100%; aspect-ratio:689/486; margin-top:-2.4rem}
#service-section1 #service3 {flex-direction: column; align-items: flex-start}
#service-section1 #service2, #service-section1 #service4 {padding-bottom:0; overflow:hidden; position: relative}
#service-section1 #service4 p {margin-bottom:1.6rem}
#service-section1 .inner-container .round-box {align-items: flex-start}
#service-section2 {background: #F5F9FF; width:100%; padding:13.6rem 0;}
#service-section2 .inner-container .img-box {background:url('/img/service5_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:625/2664;}
#service-section2 #service5 {margin-top:3.2rem; align-items: flex-start}
#service-section2 #service5 .phone-box {display:flex; flex-direction:column; align-items: center; width:400px;}
#service-section2 #service5 h1 {font-size:3rem; font-weight: 700; color:#1a82ff; margin-bottom:0.8rem; margin-top:2rem; text-align:left; width:100%; padding:0 1.6rem;}
#service-section2 #service5 p {font-size:1.8rem; font-weight: 700; color:#333; text-align:left;  padding:0 1.6rem;}
#service-section2 #service5 #service5_img1 {background:url('/img/service5_img1_pc.png') 50% 50% no-repeat; background-size:cover; aspect-ratio:29/39 }
#service-section2 #service5 #service5_img2 {background:url('/img/service5_img2_pc.png') 50% 50% no-repeat; background-size:cover; width:32rem; height:auto; aspect-ratio:823/532; margin-top:20rem }
#service-section2 #service5 #service5_img3 {background:url('/img/service5_img3_pc.png') 50% 50% no-repeat; background-size:cover; aspect-ratio:29/39 }
#service-section3 {background: #E5F1FF; width:100%; padding:13.6rem 0;}
#service-section3 .inner-container .img-box {background:url('/img/service6_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1240/931;}
#service-section4 {background: #F5F9FF; width:100%; padding:13.6rem 0;}
#service-section4 .inner-container .img-box {background:url('/img/service7_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:630/467; margin-top:6rem}
#service-section5 {background: #E5F1FF; width:100%; padding:13.6rem 0;}
#service-section5 .row-container .col3 {gap:24px; margin-top:8rem;}
#service-section5 .row-container .col3 .white-card label {color:#1A82FF; font-size: 1.6rem; font-weight: 700; text-align: left}
#service-section5 .row-container .col3 .white-card h1 {color:#333; font-size: 2rem; font-weight: 700; margin-bottom:0.8rem; text-align: left}
#service-section5 .row-container .col3 .white-card p {color:#333; font-size: 1.6rem; font-weight: 500; margin-bottom:2.4rem; text-align: left}
#service-section5 .row-container .col3 .white-card .img-box {border-radius:15px;}
#service-section5 .row-container .col3 .white-card:nth-child(1) .img-box {background:url('/img/service8_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:3/2;}
#service-section5 .row-container .col3 .white-card:nth-child(2) .img-box {background:url('/img/service8_img2.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:3/2;}
#service-section5 .row-container .col3 .white-card:nth-child(3) .img-box {background:url('/img/service8_img3.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:3/2;}
#service-section6 {background: #F5F9FF; width:100%; padding:13.6rem 0;}
#service-section6 .row-container .col2 div {height:320px; width:388px; padding-top:3.2rem;}
#service-section6 .row-container .col2 div:first-child {display:flex; flex-direction: column; border-bottom:1px dashed #B2D5FF;}
#service-section6 .row-container .col2 div:last-child {display:flex; justify-content: center; border-bottom:1px dashed #B2D5FF;}
#service-section6 .row-container  {margin-top:4rem;}
#service-section6 .row-container .col2  {max-height:320px;}
#service-section6 .row-container .col2 ul {display:flex; width:100%;}
#service-section6 .row-container .col2:nth-child(1) ul li:nth-child(1) {background:url('/img/service9_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1/1;}
#service-section6 .row-container .col2:nth-child(1) ul li:nth-child(2) {background:url('/img/service9_img2.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1/1;}
#service-section6 .row-container .col2:nth-child(1) ul li:nth-child(3) {background:url('/img/service9_img3.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1/1;}
#service-section6 .row-container .col2:nth-child(2) ul li:nth-child(1) {background:url('/img/service9_img4.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:312/209;}
#service-section6 .row-container .col2:nth-child(2) ul li:nth-child(2) {background:url('/img/service9_img5.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:312/209;}
#service-section6 .row-container .col2:nth-child(3) ul li:nth-child(1) {background:url('/img/service9_img6_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:204/65; border-radius:16px;}


@media all and (max-width:1920px) {
.inner-container {max-width:1240px; }
.inner-container p {margin-bottom:3.2rem;}
}
@media all and (max-width:1440px) {
.logo_youtube {display: none}
.inner-container {max-width:816px; }
.inner-container .sub-text {margin-bottom:0.8rem}
#service-section1 #service1, #service-section1 #service2 {flex-direction: column; align-items: flex-start}
#service-section1 #service2 .img-box {background:url('/img/service2_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1124/513; margin:2rem auto 0 auto;}

#service-section1 #service4 {padding-bottom:28rem}
#service-section1 #service4 .img-box {position:absolute; right:-14rem; bottom:-2rem; background-size:100%; width:820px;}
#service-section2 #service5 #service5_img2 {width:22rem;}
#service-section2 #service5 .phone-box {width:312px;}
#service-section2 #service5 h1 {font-size:2.8rem; padding:0;}
#service-section2 #service5 p {padding:0;}
#service-section3 .inner-container .img-box {background:url('/img/service6_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1262/1211; margin-top:4.8rem;}
#service-section4 .inner-container .img-box {background:url('/img/service7_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:464/601;}

#service-section5 .row-container .col3 {flex-direction: column; margin-top:3.2rem; padding:0 12rem}
#service-section6 .row-container {margin-top:0}
#service-section6 .row-container .col2 {flex-direction: column; align-items: flex-start; max-height:100%;}
#service-section6 .row-container .col2 div {width:100%; height:100%; padding-top:0}
#service-section6 .row-container .col2 {padding:48px 0;  border-bottom:1px dashed #B2D5FF;}
#service-section6 .row-container .col2 div:first-child {align-items: flex-start; border-bottom:0}
#service-section6 .row-container .col2 div:first-child h2 {text-align: left; margin-bottom:3.2rem;}
#service-section6 .row-container .col2 div:last-child {flex-direction: column; border-bottom:0}
}

@media all and (max-width:1024px) {
.logo_youtube {display: none}
.white-card {padding:32px 24px 24px 24px;}
.inner-container {max-width:100%; width:100%; margin:0 auto; padding:0}
.inner-container label {font-size:1.4rem; text-align: center; margin-bottom:0.8rem;}
.inner-container h1 {font-size:2.6rem; margin-bottom:1.2rem; text-align: center;}
.inner-container h2 {font-size:1.6rem; font-weight:700; color:#333; text-align: center}
.inner-container h3 {}
.inner-container p {font-size:1.6rem; text-align: center; margin-bottom:3.2rem;}
.inner-container .sub-text {font-size:1.6rem;  text-align: center; margin-bottom:1.6rem;}
.inner-container .sub-text2 {font-size:1.4rem;  text-align: center; margin-bottom:6.4rem;}
.inner-container .main-text {font-size:2.6rem; text-align: center; margin-bottom:3.2rem;}
.round-box {border-radius: 24px; padding:4.8rem 1.6rem 0 1.6rem; flex-direction: column; margin-bottom:3.2rem; align-items: center}
.round-box2 {border-radius: 24px; padding:4.8rem 1.6rem 0 1.6rem; flex-direction: column; margin-bottom:3.2rem;}
.row-container {display:flex; flex-direction: column; align-items: stretch; }
.col2 {flex-direction: column;}
.number-type1.wide {padding:0.8rem 2.4rem;}
#service-section1 {padding:8rem 2.4rem;}
#service-section1 #service1, #service-section1 #service2 {align-items: center}
#service-section1 #service1 .img-box {background:url('/img/service1_img1.png') 50% 50% no-repeat; background-size:cover; width:112%; height:112%; margin-left:-6%; aspect-ratio:104/81;}
#service-section1 #service2 .img-box {margin:0; background:url('/img/service2_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:39/44;}
#service-section1 #service3 {align-items: center}
#service-section1 #service3 .img-box {background:url('/img/service3_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:52/59;}
#service-section1 #service4 {align-items:center; padding-bottom:0;}
#service-section1 #service4 .img-box {background:url('/img/service4_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:312/365; position:inherit; right:auto; bottom:auto; margin-top:2rem}

#service-section2 {padding:4.8rem 2.4rem;}
#service-section2 #service5 {flex-direction: column; align-items: center}
#service-section2 #service5 .phone-box {width:100%;}
#service-section2 #service5 #service5_img2 {background:url('/img/service5_img2.png') 50% 50% no-repeat; background-size:cover; aspect-ratio:157/234; width:14rem; margin: 4rem 0;}
#service-section2 #service5 h1 {font-size:2.2rem; text-align: center}
#service-section2 #service5 p {font-size:1.4rem; font-weight:500; margin-bottom:0; text-align: center}
#service-section3 .inner-container .img-box {background:url('/img/service6_img1.png') 50% 50% no-repeat; background-size:cover; aspect-ratio:688/1391}
#service-section3 {padding:4.8rem 2.4rem;}
#service-section4 {padding:4.8rem 2.4rem;}
#service-section4 .inner-container .img-box {background:url('/img/service7_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:328/809;}

#service-section5 {padding:4.8rem 2.4rem;}
#service-section5 .row-container .col3 {margin-top:2.4rem; padding:0}
#service-section5 .row-container .col3 .white-card label {font-size: 1.4rem; }
#service-section5 .row-container .col3 .white-card h1 {font-size: 1.8rem;  margin-bottom:0.6rem;}
#service-section5 .row-container .col3 .white-card p { font-size: 1.4rem;  margin-bottom:1.6rem;}

#service-section6 {padding:4.8rem 2.4rem;}
#service-section6 .row-container {margin-top:3.2rem;}
#service-section6 .row-container .col2 div:first-child {align-items: center }
#service-section6 .row-container .col2 div:first-child h2 {text-align: center;}
#service-section6 .row-container .col2 div:last-child {}
#service-section6 .row-container .col2:first-child {padding-top:0}
#service-section6 .row-container .col2:last-child {border-bottom:0}
#service-section6 .row-container .col2 ul {flex-direction:column;}
#service-section6 .row-container .col2:nth-child(3) ul li:nth-child(1) {background:url('/img/service9_img6.png') 80% 50% no-repeat; background-size:240%; width:100%; height:100%; aspect-ratio:312/209; border-radius:16px;}

}


/***************************************************************************************
    advertiser (광고주)
****************************************************************************************/
#advertiser-section1 {background: #f5f9ff; width:100%; padding:24rem 0 13.6rem 0;}
#advertiser-section1 #advertiser1_img1 {background:url('/img/advertiser1_img1.svg') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:156/157;}
#advertiser-section1 #advertiser1_img2 {background:url('/img/advertiser1_img2.svg') 50% 50% no-repeat; background-size:contain; width:100%; height:100%; aspect-ratio:39/31;}
#advertiser-section1 h1 {font-size:3rem; font-weight:700; color:#333}
#advertiser-section1 .inner-container {display:flex; justify-content: space-between;}
#advertiser-section1 .title-container {max-width:296px; width:100%;}
#advertiser-section1 .inner-container .col2 {justify-content: flex-end; align-items:stretch; gap:24px; width:100%;}
#advertiser-section1 .inner-container .col2 .white-card2 {max-width:450px;}

#advertiser-section2 {background: #fff; width:100%; padding:24rem 0 13.6rem 0;}
#advertiser-section2 #advertiser2_img1 {background:url('/img/advertiser2_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:169/108;}
.col3-blue-box {display:flex; justify-content: space-between; background:#F5F9FF; border-radius:16px; padding:3.2rem; margin-top:6.4rem}
.col3-blue-box li {width:100%; padding:0 2.4rem;}
.col3-blue-box li h1{color:#0D3B73; font-size:2rem; font-weight:700; margin-bottom:0.8rem; text-align:center;}
.col3-blue-box li p{color:#333; font-size:1.8rem; font-weight:500; margin-bottom:0; text-align: center;}
.col3-blue-box hr {display: block; background:#ccc; border:transparent; height:auto; width:1px;}

@media all and (max-width:1440px) {
.col3-blue-box { width:calc(100% + 220px); margin-left:-110px}
#advertiser-section1 .inner-container {flex-direction: column;}
#advertiser-section1 .inner-container .col2 {justify-content: center; margin-top:1.6rem}
#advertiser-section1 .inner-container .col2 .white-card2 {max-width:396px}
#advertiser-section1 .title-container {max-width:100%;}
#advertiser-section2 .inner-container .main-text {font-size:3rem; margin-bottom:1.6rem;}
#advertiser-section2 #advertiser2_img1 {background:url('/img/advertiser2_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1010/1661;}
}

@media all and (max-width:1024px) {
  #advertiser-section1 {padding:8rem 2.4rem;}
  #advertiser-section1 .col2 {gap:3.2rem;}
  #advertiser-section1 h1 {font-size:1.8rem;}
  #advertiser-section1 .inner-container .col2 {align-items: center;}
  #advertiser-section2 {padding:8rem 2.4rem;}
  #advertiser-section2 .inner-container .main-text {font-size:2.6rem}
  #advertiser-section2 #advertiser2_img1 {background:url('/img/advertiser2_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:104/289;}
  .col3-blue-box {margin-top:3.2rem; flex-direction: column; gap:1.6rem; width:100%; margin-left:auto}
  .col3-blue-box li {padding:0;}
  .col3-blue-box li h1{ font-size:1.8rem; text-align: left;}
  .col3-blue-box li p{ font-size:1.6rem; text-align: left;}
  .col3-blue-box hr {display: block; background:#ccc; border:transparent; height:1px; width:100%}

}
/***************************************************************************************
    facilities (제휴시설)
****************************************************************************************/
#facilities-section1 {background: #fafafa; width:100%; padding:24rem 0 13.6rem 0;}
#facilities-section1 .img-box {background:url('/img/facilities1_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1763/1794;}
#facilities-section2 {background: #fff; width:100%; padding:24rem 0 13.6rem 0;}
#facilities-section2 #facilities2_img1 {background:url('/img/facilities2_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:511/518;}
#facilities-section2 #facilities2_img2 {background:url('/img/facilities2_img2.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:511/518;}
#facilities-section2 .col2 {gap:2.4rem;}
#facilities-section2 .round-box {flex-direction: column; width:100%;}
#facilities-section2 .blueline-box {margin:2.4rem 0 2rem 0;}
#facilities-section3 {background: #eff2f5; width:100%; padding:24rem 0 13.6rem 0;}
#facilities-section3 #facilities3_img1 {background:url('/img/facilities3_img1_pc.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:307/225;}

.blueline-box {border-radius:16px; background:#fff; border:1px solid #4D9EFF; padding:20px;}
.round-box .main-text {font-size:2.2rem; font-weight:700; text-align: center;}
.round-box .sub-text {font-size:1.8rem; font-weight:500; color:#333; text-align: center; margin-bottom:0}

.blueline-box .title {font-size:2rem; font-weight:700; color:#1A82FF; margin-bottom:0.8rem;}
.blueline-box .text {font-size:1.8rem; font-weight:500; color:#333; margin-bottom:0; text-align: left;}

@media all and (max-width:1440px) {
#facilities-section1 .img-box {background:url('/img/facilities1_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1271/1466;}
  #facilities-section2 .col2 {flex-direction: column;}
  #facilities-section2 .round-box {max-width:604px; margin-bottom:0}
  #facilities-section3 #facilities3_img1 {background:url('/img/facilities3_img1_laptop.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:1311/1037;}
}
@media all and (max-width:1024px) {
  #facilities-section1 {padding:8rem 2.4rem;}
  #facilities-section1 .img-box {background:url('/img/facilities1_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:310/813;}
  #facilities-section2 {background: #fff; width:100%; padding:8rem 2.4rem;}
  #facilities-section2 .round-box { padding:3.2rem 2rem; margin:0}
  #facilities-section2 .col2 {gap:3.2rem;}
  #facilities-section2 .round-box {margin:6.4rem 10.5rem 0 10.5rem}
  #facilities-section3 { padding:8rem 2.4rem;}
  #facilities-section3 #facilities3_img1 {background:url('/img/facilities3_img1.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; aspect-ratio:311/878;}
  #facilities-section1 .sub-text2, #facilities-section2 .sub-text2, #facilities-section3 .sub-text2 {margin-bottom:3.2rem;}
  .round-box .main-text {font-size:2rem;}
  .round-box .sub-text {font-size:1.4rem}
  .blueline-box .title {font-size:1.4rem}
  .blueline-box .text {font-size:1.4rem}
}