input{border: 0; }
/* 내용보기 pop css */
.blocker:has(.modal_pyDtlCont){
  background-color: rgb(0 0 0 / 45%);
  padding: 20px 10px !important;
}
.modal_pyDtlCont{padding: 25px 20px !important;}
.pyDtlCont{}
.modal_pyDtlCont h3{font-size: 15px;}
.modal_pyDtlCont p{
  font-size: 14px; line-height: 20px; color: #161616;
}
.pyDtlContTxt--blue,
.pyDtlContTxt--blue p{color:#0064ab  !important}
.pyDtlContTxt--gray p{color: #383838;}
@media all and (min-width:768px){
  .modal_pyDtlCont{padding: 40px !important;}
  .modal_pyDtlCont h3{font-size: 16px;}
  .modal_pyDtlCont p{font-size: 15px; line-height: 24px;}
}
/* ------------------------- */


.modal .btn{cursor: pointer;border: 1px solid #999999;text-align: center;border-radius: 5px;outline: none;font-weight: 500;}
.dimLayer{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998;}
.modal{max-width: 600px;height: 252px;border-radius: 10px;padding: 80px 24px;box-sizing: border-box;text-align: center;}
.modal-section{background: #ffffff;box-sizing: border-box;display: none;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 9999;}
.menu_msg{font-size: 21px;font-weight: 500;}
.enroll_box p{padding-bottom: 56px;}
.gray_btn {width: 90px;background: #ffffff;color: #999999;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;}
.pink_btn {width: 90px;background: #2196f3;color: #fff;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;border: none;}

.layer_msg1 {top: 2%; max-width: 90% !important; height: 81% !important;}
.layer_msg1 > p {font-size: 16px; line-height: 1.5;}
.layer_msg1 > p > span {color: #2196f3; font-weight: bold;}

.layer_msg2 {top: 11%; max-width: 90% !important; height: 167% !important;}
.layer_msg2 > p {font-size: 16px; line-height: 1.5;}

.layer_msg3 {top: 6%; max-width: 90% !important; height: 89% !important;}
.layer_msg3 > p {font-size: 16px; line-height: 1.5;}
.layer_msg3 > p > a {color: #2196f3; font-weight: bold; font-size: 18px; border-bottom: 1px solid #2196f3;}

.layer_msg4 {top: 10%; max-width: 90% !important; height: 205% !important;}
.layer_msg4 > p {font-size: 16px; line-height: 1.5;}


.container {
  width: 100%;
  height: 100%;
  position: relative; }
  .container * {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    letter-spacing: -1px; }
  .container select {background-color: transparent; border: 1px solid #efefef; }
  .container input[type=text] {text-indent: 4px;}
  .container > .section {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 3%; }
    .container > .section > .title_box > h3 {
      color: #1C4682;
      font-weight: bold; }
    .container > .section > form > fieldset > legend {
      width: 0;
      height: 0;
      display: block;
      overflow: hidden; }
    .container > .section > form > fieldset > ul > li {
      border-top: 1px solid #aaa; }
      .container > .section > form > fieldset > ul > li > div > * {
        float: left; }
      .container > .section > form > fieldset > ul > li > div > h4 {
        color: #333; }
      .container > .section > form > fieldset > ul > li > div > p {
        color: #00AEEF;
        cursor: pointer; }
      .container > .section > form > fieldset > ul > li > div > input[type=checkbox] {
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
				position: absolute;
				z-index:-500;  }
      .container > .section > form > fieldset > ul > li > div > input[type=checkbox] + label {
        float: right;
        background-image: url(/assets/_img/main/signup/check_icon.png); }
      .container > .section > form > fieldset > ul > li > div > input[type=checkbox]:checked + label {
        float: right;
        background-image: url(/assets/_img/main/signup/check_icon_o.png); }
      .container > .section > form > fieldset > ul > li > div > label {
        cursor: pointer; }
        .container > .section > form > fieldset > ul > li > div > label > span {
          width: 0;
          height: 0;
          display: block;
          overflow: hidden; }
      .container > .section > form > fieldset > ul > li > p > span {
        font-size: inherit;
        font-weight: bold;
        color: #01AEF0; }
      .container > .section > form > fieldset > ul > li > p > a {
        display: inline-block;
        font-weight: bold;
        color: #01AEF0;
        text-decoration: none; }
    .container > .section > form > fieldset > ul .on {
      height: auto !important; }
    .container > .section > form > fieldset > ul > .allcheckBox > div > h4 {
      color: #006CBA; }
    .container > .section > form > fieldset > div {
      width: 100%;
      border-bottom: 1px solid #aaa;
      box-sizing: border-box; display: flex; align-items: center;}
      .container > .section > form > fieldset > div > * {
        float: left; }
      .container > .section > form > fieldset > div > label {
        text-align: center;
        background-color: #EFEFEF;
        color: #333;
        font-weight: bold;
        min-height: 48px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
      }
      .container > .section > form > fieldset > div > div:has(#gopay_1){display:flex; align-items: center;}
      .container > .section > form > fieldset > div > div:has(#gopay_1) input{margin-top: unset;}
      .container > .section > form > fieldset > div > div > * {
        float: left;
        color: #595959; }
      .container > .section > form > fieldset > div > div > input {
        border: 1px solid #EFEFEF; }
    .container > .section > form > fieldset > .campus_box {
      border-top: 2px solid #484848;
      box-sizing: border-box; }
    .container > .section > form > fieldset > .number_box > div > * {
      float: left; }
    .container .money_box:not(:has(ul)) > label{
      padding: unset !important;
    }
    /* .container .money_box:not(:has(ul)) .container .section > form > fieldset > div > label{
      padding: unset !important;
    } */

    .container > .section > form > fieldset > .money_box > div > ul > li > input {
      background-color: #A3A3A3;
      color: #fff; }
    .container > .section > form > fieldset > .money_box > div > p {
      color: #595959; }
      .container > .section > form > fieldset > .money_box > div > p > span {
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        display: inline-block; }
    .container > .section > form > fieldset > #okBtn {
      border: 0;
      background-color: #006CB8;
      color: #fff;
      font-weight: bold;
      margin: 0 auto;
      display: block; }
    .container > .section > form > fieldset div:after {
      content: "";
      display: block;
      clear: both; }

.contain:after {
  background-image: url(/assets/_img/sub/pyramidalWaveBG.png);
  top: 0;
  left: 0;
  position: absolute;
  background-size: 75px;
  z-index: -2;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: repeat; }

@media all and (min-width: 1080px) {

.layer_msg1 {max-width: 60% !important; height: 50% !important;}
.layer_msg1 > p {font-size: 16px; line-height: 1.5;}
.layer_msg1 > p > span {color: #2196f3; font-weight: bold;}

.layer_msg2 {top: 8%; max-width: 60% !important; height: 65% !important;}
.layer_msg2 > p {font-size: 16px; line-height: 1.5;}

.layer_msg3 {max-width: 60% !important; height: 50% !important;}
.layer_msg3 > p {font-size: 16px; line-height: 1.5;}
.layer_msg3 > p > a {color: #2196f3; font-weight: bold; font-size: 18px; border-bottom: 1px solid #2196f3;}

.layer_msg4 {top: 7%; max-width: 60% !important; height: 75% !important;}
.layer_msg4 > p {font-size: 16px; line-height: 1.5;}
  .container > .section {
    width: 980px;
    height: auto;
    margin: 94px auto !important; }
    .container > .section > .title_box {
      margin-bottom: 3%; }
      .container > .section > .title_box > h3 {
        height: 50px;
        font-size: 44px;
        width: auto; }
    .container > .section > form > fieldset {
      width: 100%; }
      .container > .section > form > fieldset > ul {
        width: 100%;
        height: auto;
        margin-bottom: 5%; }
        .container > .section > form > fieldset > ul > li {
          width: 100%;
          height: 64px;
          overflow: hidden; }
          .container > .section > form > fieldset > ul > li > div {
            height: 40px;
            padding-top: 24px; }
            .container > .section > form > fieldset > ul > li > div > h4 {
              width: auto;
              height: 28px;
              font-size: 18px; }
            .container > .section > form > fieldset > ul > li > div > p {
              width: auto;
              height: auto;
              font-size: 18px;
              margin-left: 8px; }
            .container > .section > form > fieldset > ul > li > div > input[type=checkbox] + label {
              width: 28px;
              height: 28px; }
            .container > .section > form > fieldset > ul > li > div > input[type=checkbox]:checked + label {
              width: 28px;
              height: 28px; }
            .container > .section > form > fieldset > ul > li > div > label {
              margin-bottom: 8px; }
          .container > .section > form > fieldset > ul > li > p {
            font-size: 16px;
            margin-bottom: 1%;
            line-height: 24px; }
      .container > .section > form > fieldset > div {
        width: 100%; display: flex; align-items: center;
      }
        .container > .section > form > fieldset > div > label {
          width: 23%;
          padding-top: 16px;
          padding-bottom: 16px;
          font-size: 14px; }
        .container > .section > form > fieldset > div > div {
          width: 77%;
          height: auto;
          padding: 5px 8px; box-sizing: border-box; gap: 3px; }
          .container > .section > form > fieldset > div > div > * {
            height: 26px;
            /* margin-left: 2%; */
            line-height: 25px; box-sizing: border-box; }
          .container > .section > form > fieldset > div > div > input {
            width: 90%; }
      .container > .section > form > fieldset > .number_box > div > select {
        width: 20%;
        max-width: 100px; }
      .container > .section > form > fieldset > .number_box > div > input {
        width: 25%;
        max-width: 150px; }
      .container > .section > form > fieldset > .e_mail_box > div > input {
        width: 25%; }
      .container > .section > form > fieldset > .e_mail_box > div > select {
        width: 30%; }
      .container > .section > form > fieldset > .pay_box > div > input {
        height: 100%;
        width: 2%; }
      .container > .section > form > fieldset > .money_box {
        margin-bottom: 4%;
        height: auto; }
        .container > .section > form > fieldset > .money_box > label {
          padding-top: 45px;
          padding-bottom: 45px; }
        .container > .section > form > fieldset > .money_box > div {
          height: auto; }
          .container > .section > form > fieldset > .money_box > div > input {
            width: 30%;
            margin-top: 6px; }
          .container > .section > form > fieldset > .money_box > div > label {
            width: auto;
            margin-top: 6px; }
          .container > .section > form > fieldset > .money_box > div > ul {
            width: 35%;
            height: 40px;
            margin-bottom: 8px;
            margin-left: 7%; }
            .container > .section > form > fieldset > .money_box > div > ul > li {
              width: 100%;
              height: 18px; }
              .container > .section > form > fieldset > .money_box > div > ul > li > input {
                width: 23%;
                height: 100%;
                font-size: 11px; }
            .container > .section > form > fieldset > .money_box > div > ul > .moneyBox1 {
              margin-bottom: 4px; }
          .container > .section > form > fieldset > .money_box > div > p {
            font-size: 14px;
            margin-top: 10px; }
      .container > .section > form > fieldset > #okBtn {
        width: 100px;
        height: 35px; } }
@media (min-width: 641px) and (max-width: 1079px) {

	.layer_msg1 {top: 2%; max-width: 60% !important; height: 40% !important;}
	.layer_msg1 > p {font-size: 16px; line-height: 1.5;}
	.layer_msg1 > p > span {color: #2196f3; font-weight: bold;}
	
	.layer_msg2 {top: 11%; max-width: 60% !important; height: 80% !important;}
	.layer_msg2 > p {font-size: 16px; line-height: 1.5;}
	
	.layer_msg3 {top: 6%; max-width: 60% !important; height: 83% !important;}
	.layer_msg3 > p {font-size: 16px; line-height: 1.5;}
	.layer_msg3 > p > a {color: #2196f3; font-weight: bold; font-size: 18px; border-bottom: 1px solid #2196f3;}
	
	.layer_msg4 {top: 10%; max-width: 60% !important; height: 88% !important;}
	.layer_msg4 > p {font-size: 16px; line-height: 1.5;}

  .container > .section {
    width: 96%;
    height: auto;
    margin: 58px auto; }
    .container > .section > .title_box {
      margin-bottom: 3%; }
      .container > .section > .title_box > h3 {
        height: 34px;
        font-size: 30px;
        width: auto; }
    .container > .section > form > fieldset > ul {
      width: 100%;
      height: auto;
      margin-bottom: 5%; }
      .container > .section > form > fieldset > ul > li {
        width: 100%;
        height: 55px;
        overflow: hidden; }
        .container > .section > form > fieldset > ul > li > div {
          height: 37px;
          padding-top: 18px; }
          .container > .section > form > fieldset > ul > li > div > h4 {
            width: auto;
            height: 55px;
            font-size: 18px; }
          .container > .section > form > fieldset > ul > li > div > p {
            width: auto;
            height: auto;
            font-size: 18px; }
          .container > .section > form > fieldset > ul > li > div > input[type=checkbox] + label {
            width: 25px;
            height: 25px; }
          .container > .section > form > fieldset > ul > li > div > input[type=checkbox]:checked + label {
            width: 25px;
            height: 25px; }
          .container > .section > form > fieldset > ul > li > div > label {
            margin-bottom: 8px; }
        .container > .section > form > fieldset > ul > li > p {
          font-size: 16px;
          margin-bottom: 1%;
          line-height: 24px; }
    .container > .section > form > fieldset > div {
      width: 100%; display: flex; align-items: center; }
      .container > .section > form > fieldset > div > label {
        width: 23%;
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 14px; }
      .container > .section > form > fieldset > div > div {
        width: 77%;
        height: auto;
        padding: 5px 8px; box-sizing: border-box; gap: 3px; }
        .container > .section > form > fieldset > div > div > * {
          height: 26px;
          /* margin-left: 2%; */
          line-height: 25px; box-sizing: border-box; }
        .container > .section > form > fieldset > div > div > input {
          width: 90%; }
    .container > .section > form > fieldset > .number_box > div > select {
      width: 20%;
      max-width: 100px; }
    .container > .section > form > fieldset > .number_box > div > input {
      width: 25%;
      max-width: 150px; }
    .container > .section > form > fieldset > .e_mail_box > div > input {
      width: 25%; }
    .container > .section > form > fieldset > .e_mail_box > div > select {
      width: 30%; }
    .container > .section > form > fieldset > .pay_box > div > input {
      height: 100%;
      width: 2%; }
    .container > .section > form > fieldset > .money_box {
      margin-bottom: 4%;
      height: auto; }
      .container > .section > form > fieldset > .money_box > label {
        padding-top: 45px;
        padding-bottom: 45px; }
      .container > .section > form > fieldset > .money_box > div {
        height: auto; }
        .container > .section > form > fieldset > .money_box > div > input {
          width: 35%;
          margin-top: 6px; }
        .container > .section > form > fieldset > .money_box > div > label {
          width: auto;
          margin-top: 6px; }
        .container > .section > form > fieldset > .money_box > div > ul {
          width: 50%;
          height: 40px;
          margin-bottom: 8px;
          margin-left: 7%; }
          .container > .section > form > fieldset > .money_box > div > ul > li {
            width: 100%;
            height: 18px; }
            .container > .section > form > fieldset > .money_box > div > ul > li > input {
              width: 23%;
              height: 100%;
              font-size: 11px; }
          .container > .section > form > fieldset > .money_box > div > ul > .moneyBox1 {
            margin-bottom: 4px; }
        .container > .section > form > fieldset > .money_box > div > p {
          font-size: 12px;
          margin-top: 10px;
          line-height: 24px;
          display: block; }
    .container > .section > form > fieldset > #okBtn {
      padding: 2% 5%; } }
@media (max-width: 640px) {

	.layer_msg1 {top: 2%; max-width: 90% !important; height: 51% !important;}
	.layer_msg1 > p {font-size: 16px; line-height: 1.5;}
	.layer_msg1 > p > span {color: #2196f3; font-weight: bold;}
	
	.layer_msg2 {top: 11%; max-width: 90% !important; height: 100% !important;}
	.layer_msg2 > p {font-size: 16px; line-height: 1.5;}
	
	.layer_msg3 {top: 6%; max-width: 90% !important; height: 49% !important;}
	.layer_msg3 > p {font-size: 16px; line-height: 1.5;}
	.layer_msg3 > p > a {color: #2196f3; font-weight: bold; font-size: 18px; border-bottom: 1px solid #2196f3;}
	
	.layer_msg4 {top: 10%; max-width: 90% !important; height: 105% !important;}
	.layer_msg4 > p {font-size: 16px; line-height: 1.5;}
  .container > .section {
    width: 96%;
    height: auto;
    margin: 40px auto; }
    .container > .section > .title_box > h3 {
      height: 24px;
      font-size: 20px;
      width: auto; }
    .container > .section > form > fieldset > ul {
      width: 100%;
      height: auto;
      margin-bottom: 5%; }
      .container > .section > form > fieldset > ul > li {
        width: 100%;
        height: 36px;
        overflow: hidden; }
        .container > .section > form > fieldset > ul > li > div {
          height: auto;
          padding-top: 11px; }
          .container > .section > form > fieldset > ul > li > div > h4 {
            width: auto;
            height: 14px;
            font-size: 12px; }
          .container > .section > form > fieldset > ul > li > div > p {
            width: auto;
            height: auto;
            font-size: 12px; }
          .container > .section > form > fieldset > ul > li > div > input[type=checkbox] + label {
            width: 20px;
            height: 20px; }
          .container > .section > form > fieldset > ul > li > div > input[type=checkbox]:checked + label {
            width: 20px;
            height: 20px; }
          .container > .section > form > fieldset > ul > li > div > label {
            margin-bottom: 8px; }
        .container > .section > form > fieldset > ul > li > p {
          font-size: 11px;
          margin-bottom: 2%;
          line-height: 16px; }
    .container > .section > form > fieldset > div {
      width: 100%; display: flex; align-items: center;}
      .container > .section > form > fieldset > div > label {
        width: 23%;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 12px; }
      .container > .section > form > fieldset > div > div {
        width: 77%;
        height: auto;
        padding: 5px 8px; box-sizing: border-box; gap: 3px; }
        .container > .section > form > fieldset > div > div > * {
          height: 26px;
          /* margin-left: 2%; */
          line-height: 25px; box-sizing: border-box;}
        .container > .section > form > fieldset > div > div > input {
          width: 90%; }
    .container > .section > form > fieldset > .number_box > div > select {
      width: 20%; }
    .container > .section > form > fieldset > .number_box > div > input {
      width: 25%; }
    .container > .section > form > fieldset > .e_mail_box > div > input {
      width: 23%; }
    .container > .section > form > fieldset > .e_mail_box > div > p {
      width: 5%; }
    .container > .section > form > fieldset > .e_mail_box > div > select {
      width: 30%; }
    .container > .section > form > fieldset > .pay_box > div > input {
      height: 100%;
      width: 4%; }
    .container > .section > form > fieldset > .money_box {
      margin-bottom: 4%;
      height: auto; }
      .container > .section > form > fieldset > .money_box > label {
        padding-top: 65px;
        padding-bottom: 65px; }
      .container > .section > form > fieldset > .money_box > div {
        height: auto; }
        .container > .section > form > fieldset > .money_box > div > input {
          width: 80%; }
        .container > .section > form > fieldset > .money_box > div > label {
          width: auto; }
        .container > .section > form > fieldset > .money_box > div > ul {
          width: 86%;
          height: 40px;
          margin-top: 4px;
          margin-bottom: 8px;
          margin-left: 7%; }
          .container > .section > form > fieldset > .money_box > div > ul > li {
            width: 100%;
            height: 18px; }
            .container > .section > form > fieldset > .money_box > div > ul > li > input {
              width: 23%;
              height: 100%;
              font-size: 11px; }
          .container > .section > form > fieldset > .money_box > div > ul > .moneyBox1 {
            margin-bottom: 4px; }
        .container > .section > form > fieldset > .money_box > div > p {
          font-size: 11px;
          margin-top: 10px;
          height: 12px;
          display: block;
          line-height: 15px; }
    .container > .section > form > fieldset > #okBtn {
      padding: 2% 5%; } }