.subHeader {margin:0 auto;text-align:center;box-sizing:border-box;padding-bottom: 90px;}

.subHeader h1 {display: block;font-size: 42px;font-family:poppinsB, notoB;color: #000;}
.subHeader h4 {display: block;color: var(--main-blue);font-family: poppinsB, notoB;font-size: 28px;margin-bottom: 10px;}
.subHeader span.tit_desc {display: block;color: #333;font-family: poppinsR, notoR;font-size: 30px;margin-top: 10px;}

.contentBox {max-width: 1240px;margin:0 auto;text-align:center;padding: 100px 20px;}
.contentBox:after { content:''; display:block; clear:both; }
.contentBox h2 { font-size:24px; margin-bottom:10px; text-align:left; width:100%; font-family:poppinsB, notoB; }

.contentBox02 { text-align:center;padding: 100px 0px;}
.contentBox02:after { content:''; display:block; clear:both; }

.mgb100 {margin-bottom: 100px;}

/* rfb 체험하기 */
.rfbDemoWrap01 { padding: 0 20px }
.rfbDemoWrap02 { padding: 80px 20px; background-color: var(--main-blue); }
.rfbDemoInner { max-width: 1200px; margin: auto; }

/* rfb - step */
.rfbDemo__step { margin-bottom: 100px;}
.rfbDemo__step h5 { margin-bottom: 50px; text-align: center;}
.rfbDemo__step h5 span {display: inline-block;padding-bottom: 5px;font: 32px 'poppinsM', 'notoM';color: #333; border-bottom: 4px solid #276eff;}
.rfbDemo__step h5 p { display: block; padding-top: 20px; padding-bottom: 20px; font: 24px 'poppinsR', 'notoR';color: #333;  }
.sec_tit {color: #fff; font-family: notoB; font-size: 36px; margin-bottom: 15px;}
.sec_tit.blueTit {color: var(--main-blue); }  

.rfbDemo__subTit {margin-bottom: 50px; padding: 50px 0 0 0; text-align: center; /* background: linear-gradient(to bottom, #f0f7ff 0%, #ffffff 100%);*/}
.rfbDemo__subTit b {display: inline-block;font: 28px 'poppinsB', 'notoB';color: #333;}
.rfbDemo__subTit p {display: block; padding-top: 10px; padding-bottom: 20px; font: 24px 'poppinsR', 'notoR';color: #333;  }

.rfbDemo__step ul {display: flex;}
.rfbDemo__step ul::after { content: ''; display: block; clear: both;}
.rfbDemo__step ul li {position: relative;display: flex;flex-direction: column;flex: 1;margin-right: 75px;padding: 30px 15px;border-radius: 18px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}
.rfbDemo__step ul li::after {content: '';position: absolute;top: calc(50% - 17px);right: -49px;display: block;width: 20px;height: 34px;background: url(/resources/common/images/common/icon_arrow_right_blue.png) no-repeat left center / 20px 34px;}
.rfbDemo__step ul li:last-child { margin-right: 0; }
.rfbDemo__step ul li:last-child::after { content: ''; display: none; }
.rfbDemo__step ul li .stepTit { width: 100%; padding: 14px 10px; font: 28px 'poppinsSB', 'notoM'; color: var(--basic-text); text-align: center; background-color: #ECF8FF; border-radius: 50px;}
.rfbDemo__step ul li .stepDisc {display: flex;justify-content: center;align-items: center;width: 100%;height: 100px;margin-top: 20px;font: 24px 'poppinsR', 'notoR';line-height: 1.2;color: var(--basic-text);text-align: center;}


/* rfb - demo */
h5.secTit { text-align: left; font: 44px 'poppinsB'; color: #fff;}
.rfbDemoWrap { width: 100%; margin-top: 30px; }
.rfbDemoWrap:after { content:''; display:block; clear:both; }
.rfbDemo__demo { float:left; width: calc(50% - 12px); margin-right: 24px; border-radius: 8px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);  }
.rfbDemo__demo.box02 { width: 60%; border-radius: 8px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);  }
.rfbDemo__demo:last-child { margin-right: 0; }
.rfbDemo__demo .demoTit {width: 100%;padding: 13px 17px;background-color: #ECF8FF;border-bottom: 1px solid #DEE8ED;border-radius: 8px 8px 0 0;text-align: left;}
.rfbDemo__demo .demoTit .demoTit_bookTit { font: 18px 'poppinsSB'; color: var(--basic-text); margin-right: 10px; }
.rfbDemo__demo .demoTit .demoTit_bookNum {padding: 6px 16px;font: 18px 'poppinsSB';color: #fff;border-radius: 50px;background-color: var(--student-main);}
.rfbDemo__demo .demoCon { padding: 16px 11px; background-color: #fff; border-radius: 0 0 8px 8px;}
.rfbDemo__demo .demoCon .demoConBox { border: 1px solid #DEE8ED; border-radius: 8px;}
.rfbDemo__demo .demoCon .demoConBox .demoConBox_top {position: relative;width:100%;padding: 10px 10px 10px 23px;font: 16px 'poppinsR';color: var(--basic-text);background-color: #F9F9F9;border-bottom: 1px solid #DEE8ED;border-radius: 8px 8px 0 0;text-align: left;}
.rfbDemo__demo .demoCon .demoConBox .demoConBox_top::before {content: '';position: absolute;top: calc(50% - 4px);left: 10px;width: 5px;height: 7px;background: url(/resources/common/images/common/icon_arrow_right_gray.png) no-repeat left center / 5px 7px;}
.rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul {display: flex;align-items: stretch;}
.rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul:after { content:''; display:block; clear:both; }
.rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul li {flex: 1;padding: 15px 10px;border-right: 1px solid #DEE8ED;}
.rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul li:last-child { border-right: 0; }
.rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul li .demo_btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 7px;background-color: var(--basic-text);border-radius: 3px; text-align:center; font: 14px 'poppinsSB', 'notoM';line-height: 1.3;color: #fff;cursor: pointer;}

/* rfb - notice */
.rfbDemo__notice { margin-top: 50px; }
.rfbDemo__notice p {position: relative;margin-bottom: 30px;padding-left: 20px;text-align: left;font: 24px 'poppinsM', 'notoM';line-height: 1.3;color: var(--basic-text);}
.rfbDemo__notice p:before {content: '';position: absolute;top: 5px;left: 0;width: 9px;height: 15px;background: url(/resources/common/images/common/icon_arrow_right_gray.png) no-repeat left center / 8px 15px;}
.rfbDemo__notice p:last-child { margin-bottom: 0; }


@media all and (max-width: 1240px) {

  /* rfb 체험하기 */
  .rfbDemo__step ul li .stepTit {font-size: 24px;}
  .rfbDemo__step ul li .stepDisc { font-size: 21px;}
  .rfbDemo__demo .demoTit .demoTit_bookNum { font-size: 16px;}
  .rfbDemo__notice p {font-size: 22px;}

}

@media all and (max-width: 1024px) {
  .subHeader { padding-bottom: 80px;}
  .subHeader h1 {font-size:36px;}
  .subHeader h4 {font-size: 22px;}
  .subHeader span.tit_desc { font-size: 24px;}
  .contentBox { padding: 80px 20px; }
  .contentBox02 { padding: 80px 0px;}


  /* rfb 체험하기 */
  .rfbDemoWrap02 { padding: 60px 20px }
  .rfbDemo__demo.box02 { width:100%; }

  /* rfb - step */
  .rfbDemo__step h5 {  }
  .rfbDemo__step h5 span { font: 28px 'poppinsM', 'notoM';}
  .rfbDemo__step h5 p { font: 20px 'poppinsR', 'notoR';}
  .rfbDemo__subTit { margin-bottom: 30px; padding: 20px 0 0 0; }
  .rfbDemo__subTit b {font: 24px 'poppinsB', 'notoB';}
  .rfbDemo__subTit p {font: 20px 'poppinsR', 'notoR';}

  .rfbDemo__step ul li {padding: 20px 10px;margin-right: 45px;}
  .rfbDemo__step ul li::after {right: -32px; width: 15px; height: 26px; background: url(/resources/common/images/common/icon_arrow_right_blue.png) no-repeat left center / cover;}
  .rfbDemo__step ul li .stepTit {padding: 10px 8px;font-size: 22px;line-height: 1.2;}
  .rfbDemo__step ul li .stepDisc {margin-top: 10px;font-size: 20px;}

 
  
  /* rfb - demo */
  h5.secTit {font-size: 36px;}
  .rfbDemo__demo .demoTit .demoTit_bookNum { font-size: 16px;}
  .rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul li {padding: 10px 8px;}
  
  /* rfb - notice */
  .rfbDemo__notice p {font-size: 20px;}

  
}


@media all and (max-width: 767px) {
  .subHeader { padding-bottom: 60px;}
  .subHeader h1 {font-size: 24px;}
  .subHeader h4 {font-size: 16px;}
  .subHeader span.tit_desc { font-size: 18px;}
  .contentBox { padding: 60px 15px; }
  .contentBox02 { padding: 60px 0px;}

  /* rfb 체험하기 */
  .rfbDemoWrap01 { padding: 0 15px }
  .rfbDemoWrap02 { padding: 40px 15px }

  /* rfb - step */
  .rfbDemo__step h5 {margin-bottom: 35px;}
  .rfbDemo__step h5 span {font: 22px 'poppinsM';}

  .rfbDemo__subTit { margin-bottom: 20px;}
  .rfbDemo__subTit b {font: 22px 'poppinsB', 'notoB';}
  .rfbDemo__subTit p {font: 18px 'poppinsR', 'notoR';}

  
  .rfbDemo__step ul {display: flex;flex-direction: column;}
  .rfbDemo__step ul li {display: flex;margin: 0 0 50px 0;padding: 25px 15px;}
  .rfbDemo__step ul li::after {top: unset;bottom: -39px;right: calc(50% - 7px);width: 15px;height: 26px;background: url(/resources/common/images/common/icon_arrow_right_blue.png) no-repeat left center / cover;transform: rotate(90deg);}
  .rfbDemo__step ul li:last-child { margin-bottom: 0; }
  .rfbDemo__step ul li .stepTit {font-size: 20px;}
  .rfbDemo__step ul li .stepDisc {height: auto;margin-top: 20px;font-size: 18px;line-height: 1.4;}

  /* rfb - demo */
  h5.secTit { font-size: 32px;}
  .rfbDemo__demo {float: none;width: 100%;margin: 0 0 15px 0;}
  .rfbDemo__demo .demoTit { padding: 10px 15px 9px 15px;}
  .rfbDemo__demo .demoTit .demoTit_bookNum {display: inline-block;padding: 3px 10px;font-size: 14px;}
  .rfbDemo__demo .demoCon .demoConBox .demoConBox_bottom ul li .demo_btn {font: 12px 'poppinsM';line-height: 1.3;}

  /* rfb - notice */
  .rfbDemo__notice p {font-size: 18px;margin-bottom: 20px;padding-left: 15px;}
  .rfbDemo__notice p:before {width: 6px;height: 10px;background: url(/resources/common/images/common/icon_arrow_right_gray.png) no-repeat left center / contain;}

}