@charset "utf-8";

.s_visual {
  position: relative;
  width: 100%;
  height: 500px;
  line-height: 1.4;
  box-sizing: border-box;
  overflow: hidden;
  background: url("/images/mainbg03.jpg") !important;
  background-size: cover !important;
  background-size: cover;
  box-sizing: border-box;
}
.s_visual .inner {
  height: 100%;
}
.s_visual .inner .txt_box {
  position: absolute;
  bottom: 120px;
}
.s_visual .s_visual_in {
  position: relative;
  display: table;
  width: 94%;
  height: 100%;
  z-index: 2;
  max-width: 1260px;
  margin: 0 auto;
}
.s_visual .sv_tit {
  display: table-cell;
  box-sizing: border-box;
  color: #fff;
  vertical-align: top;
  text-align: center;
  border: 0px solid red;
}
.s_visual .sv_tit h2 {
  font-size: 5rem;
  line-height: 1em;
  margin-bottom: 15px;
  margin-top: 220px;
}
.s_visual .sv_tit p {
  font-size: 2rem;
  font-weight: 700;
  color: #eee;
  margin-bottom: -100px;
}

.subbg01 {
  background: url("/images/mainbg03.jpg") !important;
  background-size: cover !important;
}
.subbg03 {
  background: url("/html/images/subbg03.jpg") !important;
  background-size: cover !important;
}
.subbg04 {
  background: url("/html/images/subbg04.jpg") !important;
  background-size: cover !important;
}
.subbg05 {
  background: url("/html/images/subbg05.jpg") !important;
  background-size: cover !important;
}
.subbg06 {
  background: url("/html/images/subbg06.jpg") !important;
  background-size: cover !important;
}

.mobileshow {
  display: none;
}
.mobilesnone {
  display: inline-block;
}

@media all and (max-width: 1024px) {
  .s_visual {
    height: 300px;
  }
  .s_visual .sv_tit h2 {
    margin-bottom: 10px;
    margin-top: 140px !important;
  }
  .mobileshow {
    display: block;
  }
  .mobilesnone {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .s_visual .sv_tit h2 {
    font-size: 2.5rem;
    margin-top: 140px !important;
  }
  .s_visual .sv_tit p {
    font-size: 1.4rem;
  }
}

/* Sub-Menu */
.sub_menu_wrap {
  position: absolute;
  background: none;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  text-align: center;
  border-top: 0px solid rgba(255, 255, 255, 0.3);
  z-index: 5;
  top: 419px;
}

.sub_menu_wrap .m_home {
  position: static;
  display: none;
  float: left;
  background: #eb3d34 url("/images/sub/ico_home.png") no-repeat center;
  border: 0;
  background-size: 100% auto;
}
.sub_menu_wrap .m_2dep_box {
  text-align: center;
  width: 100%;
}
.sub_menu_wrap .m_2dep_box .smenu {
}
.sub_menu_wrap .m_2dep_box li {
  position: relative;
  display: inline-block;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 80px;
}
.sub_menu_wrap .m_2dep_box li a {
  color: rgba(250, 250, 250, 0.6);
  display: block;
  border-left-width: 0;
  transition: 0.2s ease;
  padding: 0 35px;
}

.sub_menu_wrap .m_2dep_box li:hover a {
  color: red;
  border-bottom: 4px solid red;
}
.sub_menu_wrap .m_2dep_box li a.on {
  color: red;
  border-bottom: 4px solid red;
}
.sub_menu_wrap .m_2dep_box li:first-child a {
  border-left-width: 1px;
}

@media all and (max-width: 1024px) {
  .s_visual {
    border-radius: 25px;
    width: 98%;
    margin: 0% 1%;
  }
  .s_visual .sv_tit h2 {
    font-size: 35px;
    line-height: 1em;
    margin-bottom: 15px;
    margin-top: 130px;
  }
  .s_visual .sv_tit p {
    font-size: 1.7rem;
    font-weight: 700;
    color: #eee;
    margin-bottom: -100px;
  }

  .sub_menu_wrap {
    position: relative;
    width: 98%;
    height: 60px;
    left: 0%;
    line-height: 60px;
    margin: 0 auto 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    top: 0px;
  }
  .sub_menu_wrap::before {
    display: none;
  }
  .sub_menu_wrap .inner {
    width: 100%;
  }
  /*  .sub_menu_wrap .m_home{width:60px; height:60px; display: block; }*/
  .sub_menu_wrap .m_dep_box {
    display: block;
    width: 220px;
    z-index: 77777;
    float: left;
    border-right: 1px solid #f1ece0;
    text-align: left;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 1.6rem;
  }
  .sub_menu_wrap .m_dep_tit {
    display: block;
    background: url("/images/arrow_mo.png") right;
    font-size: 17px;
    height: 60px;
    line-height: 60px;
    color: #333;
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer;
  }
  .sub_menu_wrap .m_dep_box .smenu {
    z-index: 77777;
    display: none;
    width: calc(100% + 2px);
    margin-left: -1px;
    background: #f9f9f9;
    box-sizing: Border-box;
    border: 1px solid #ddd;
    border-top: 0;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
  }
  .sub_menu_wrap .m_dep_box .smenu li {
    margin: 0;
    width: 100% !important;
    max-width: 100%;
    display: block;
    box-sizing: border-box;
    border: 0;
    border-top: 1px dotted #ddd;
    padding: 0;
    font-weight: 400;
  }
  .sub_menu_wrap .m_dep_box .smenu li:hover {
    background: #fff;
  }
  .sub_menu_wrap .m_dep_box .smenu li:hover a {
    padding: 10px 15px;
    border: 0;
    font-weight: 600;
  }
  .sub_menu_wrap .m_dep_box .smenu li a.on {
    background: #cb351d;
    color: #fff;
    border: 0;
    padding: 10px 15px;
  }
  .sub_menu_wrap .m_dep_box .smenu li:first-child {
    border-top: 0;
  }
  .sub_menu_wrap .m_dep_box .smenu a {
    color: #333;
    display: block;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    line-height: normal;
    font-size: 1.4rem;
  }
  .sub_menu_wrap .m_2dep_box li:before {
    display: none;
  }
}

@media all and (max-width: 767px) {
  /*
    .sub_menu_wrap{ height:50px;  line-height:50px; }
    .sub_menu_wrap .m_home{width:50px;  height:50px;}
    .sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
*/
  .sub_menu_wrap .m_dep_box {
    width: calc(50%);
  }
  .sub_menu_wrap .m_2dep_box {
    border-right: 0;
  }
}

@media all and (max-width: 568px) {
  /*  .sub_menu_wrap { margin-top: 10%; }*/
}

@media all and (max-width: 480px) {
  /*  .sub_menu_wrap{ height:40px;  line-height:40px; }*/
  /*  .sub_menu_wrap .m_home{width:40px;  height:40px;}*/
  /*  .sub_menu_wrap .m_dep_tit{height:40px; line-height:40px;}*/
}

#subTitle {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: #000000;
  padding: 60px 0 65px;
}
#subTitle p {
  color: #666;
  font-weight: 400;
  font-size: 1.7rem;
  margin-top: 15px;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  #subTitle {
    font-size: 3rem;
    padding: 50px 0 45px;
  }
  #subTitle p {
    font-size: 1.5rem;
    margin-top: 6px;
  }
}
@media all and (max-width: 480px) {
  #subTitle {
    font-size: 2.8rem;
    padding: 50px 0 35px;
  }
}

@font-face {
  font-family: "OTWelcomeRA";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.rule {
  width: 100%;
  float: left;
  overflow: hidden;
}

.rule_top {
  width: 100%;
  text-align: right;
  line-height: 25px;
}
.rule_top span {
  font-family: "OTWelcomeRA" !important;
}

.rulett {
  width: 100%;
  padding: 20px;
  background: #efefef;
  text-align: left;
  font-weight: 600;
  color: #0066cb;
  font-size: 19px;
}
.rulett1 {
  line-height: 25px;
  margin-bottom: 20px;
  padding: 20px;
  font-family: "Noto Sans KR", sans-serif;
}
.rulett1 span {
  font-weight: 600;
  font-size: 18px;
}

.tbstyle01 {
  width: 100%;
  border-top: 2px solid #0066cb;
}
.tbstyle01 thead tr td {
  background: #f3fafc;
  color: #0066cb;
}
.tbstyle01 tr td {
  border: 1px solid #999;
  padding: 10px;
  text-align: center;
  line-height: 30px;
}

.greeting {
  width: 100%;
  margin: 0 auto;
  border: 0px solid red;
  overflow: hidden;
  position: relative;
}
.greeting ul {
  width: 100%;
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}
.greeting ul li {
  display: inline-block;
  float: left;
  border-radius: 40px;
  padding: 75px;
}
.greeting ul li:first-child {
  width: 40%;
  border: 0px solid red;
  padding: 75px 0px;
}
.greeting ul li:last-child {
  width: 60%;
  border: 0px solid red;
}
.greetingtt {
  font-size: 27px;
  font-weight: 600;
  color: #000;
}
.greetingtt1 {
  font-size: 19px;
  margin: 0 auto;
  font-weight: 500;
  line-height: 31px;
  color: #000;
  margin-top: 25px;
}
.greetingtt1_1 {
  width: 70%;
  margin: 0 auto;
  font-size: 19px;
  font-weight: 500;
  line-height: 31px;
  color: #000;
  margin-top: 25px;
}

.greeting1 {
  width: 100%;
  margin: 0 auto;
  border: 0px solid red;
  overflow: hidden;
  position: relative;
}
.greeting1 ul {
  width: 100%;
  position: relative;
  margin-top: 55px;
  overflow: hidden;
}
.greeting1 ul li {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
  padding: 0px 15px;
}

.his {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 25px;
}
.his div {
  width: 18%;
  margin: 1%;
  float: left;
  border: 1px solid #ccc;
  border-radius: 15px;
  overflow: hidden;
}
.histt {
  width: 100%;
  text-align: center;
  padding: 10px;
  box-sizing: bordeR-box;
  background: #0066cb;
  color: #fff;
  font-weight: 600;
}
.histt1 {
  padding: 20px;
  border-bottom: 1px solid #ccc;
  font-size: 19px;
  text-align: center;
  color: #000;
}
.histt2 {
  padding: 10px;
  text-align: center;
  font-family: "OTWelcomeRA" !important;
  font-weight: 500;
}

.histt3 {
  width: 100%;
  text-align: center;
  padding: 10px;
  box-sizing: bordeR-box;
  background: #069ba8;
  color: #fff;
  font-weight: 600;
}

.guide {
  width: 100%;
  position: relative;
  line-height: 25px;
}
.guide h2 {
  color: #000;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 10px;
}
.guide p {
  font-size: 16px;
  font-weight: 600;
}

@media all and (max-width: 1199px) {
  .greeting {
    width: 100%;
  }
  .greeting ul li:first-child img {
    width: 100%;
  }
}

@media all and (max-width: 1024px) {
  .greeting ul li:first-child {
    width: 100%;
    text-align: center;
    padding: 35px 0px;
  }
  .greeting ul li:first-child img {
    width: 100%;
  }
  .greeting ul li:last-child {
    width: 100%;
    padding: 0px;
  }
  .greetingtt {
    font-size: 24px;
    font-weight: 600;
    margin-top: 15px;
  }
  .greetingtt1 {
    font-size: 17px;
    line-height: 27px;
  }

  .greeting1 {
    width: 100%;
    margin: 0 auto;
    border: 0px solid red;
    overflow: hidden;
    position: relative;
  }
  .greeting1 ul {
    width: 100%;
    position: relative;
    margin-top: 55px;
    overflow: hidden;
  }
  .greeting1 ul li {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 7%;
  }
  .greeting1 ul li img {
    width: 90%;
  }

  .exhonme {
    display: none;
  }
  .his div {
    width: 31%;
    margin: 1%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
  }
  .rulett1 {
    line-height: 25px;
    margin-bottom: 20px;
    padding: 5px;
    font-family: "Noto Sans KR", sans-serif;
  }
}

@media all and (max-width: 640px) {
  .guide {
    line-height: 21px;
  }
  .his div {
    width: 48%;
    margin: 1%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
  }
  .histt1 {
    font-size: 18px;
    font-weight: 600;
  }
}

@media all and (max-width: 580px) {
  .greeting1 {
    width: 100%;
    margin: 0 auto;
    border: 0px solid red;
    overflow: hidden;
    position: relative;
  }
  .greeting1 ul {
    width: 100%;
    position: relative;
    margin-top: 55px;
    overflow: hidden;
  }
  .greeting1 ul li {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 7%;
  }
  .greeting1 ul li img {
    width: 90%;
  }
}

.inquiryarea {
  width: 100%;
  text-align: center;
  padding: 45px 0px;
  background: #f9f9f9;
  color: #000;
  font-size: 32px;
  font-weight: 600;
}
.inquiryarea span {
  font-weight: 800;
  color: rgba(203, 53, 29, 1);
}

.inquiryarea1 ul {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.inquiryarea1 ul li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.inquiryarea1 ul li dl {
  width: 100%;
  float: left;
}
.inquiryarea1 ul li dl dt {
  width: 30%;
  float: left;
  padding: 20px 20px;
  font-weight: 600;
  color: #000;
  font-size: 22px;
  background: #f9f9f9;
}
.inquiryarea1 ul li dl dd {
  width: 70%;
  float: left;
  padding: 20px 20px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom:20px;
}
.ht225 {
  height: 225px;
}

@media all and (max-width: 1024px) {
  .inquiryarea {
    width: 100%;
    text-align: center;
    line-height: 33 px;
    padding: 35px 0px;
    background: #f9f9f9;
    color: #000;
    font-size: 18px;
    font-weight: 600;
  }
}

.inquirytt {
  line-height: 65px;
  font-size: 22px;
  color: #000;
  font-weight: 600;
}

.selectbox1 {
  width: 400px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.selectbox2 {
  width: 100px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.t_input {
  width: 400px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.t_input1 {
  width: 200px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.t_input2 {
  width: 300px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.t_input3 {
  width: 100px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.textarea1 {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  font-size: 19px;
  border: 1px solid rgb(224, 224, 224);
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
}

.btnarea {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sub_btn {
  background: rgba(203, 53, 29, 1);
  border-radius: 35px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  width: 240px;
  height: 60px;
  font-size: 18px;
  text-decoration: none;
  line-height: 60px;
  font-weight: 600;
  margin: 0 auto !important;
}
.sub_btn:hover {
  color: rgba(203, 53, 29, 1);
  background: #fff;
  border: 2px solid rgba(203, 53, 29, 1);
}
.sub_btn:active {
  position: relative;
}

.special {
  width: 90%;
  margin: 0 auto;
  border: 0px solid red;
  position: relative;
  overflow: hidden;
}
.specleft {
  width: 47%;
  float: left;
  border: 0px solid red;
  position: relative;
}
.specleft ul li {
  width: 100%;
  border-radius: 40px;
  padding: 75px;
  height: 400px;
}

.specright {
  width: 47%;
  float: right;
  border: 0px solid red;
  position: relative;
  margin-top: 100px;
}
.specright ul li {
  width: 100%;
  border: 0px solid red;
  border-radius: 40px;
  padding: 75px;
  height: 400px;
}

.specialtt {
  font-size: 33px;
  font-weight: 600;
  line-height: 75px;
  color: #fff;
  border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}

.specialtt1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #fff;
}

.specbg001 {
  background: url("/images/specbg01.jpg");
}

.specbg002 {
  background: url("/images/specbg02.jpg");
}
.specbg003 {
  background: url("/images/specbg03.jpg");
}
.specbg004 {
  background: url("/images/specbg04.jpg");
}

@media all and (max-width: 1024px) {
  .special {
    width: 100%;
  }
  .specleft {
    width: 100%;
  }
  .specleft ul li {
    width: 100%;
    border-radius: 40px;
    padding: 35px;
    height: auto;
  }
  .specright {
    width: 100%;
    margin-top: 55px;
  }
  .specright ul li {
    width: 100%;
    border-radius: 40px;
    padding: 35px;
    height: auto;
  }
  .mt100 {
    margin-top: 55px !important;
  }

  .specialtt {
    font-size: 25px;
    font-weight: 600;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
  }
  .specialtt img {
    display: none;
  }
}

.process {
  position: relative;
  width: 1500px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  padding: 0px !important;
  box-sizing: border-box;
  border: 0px solid red;
}
.process ul {
  margin-top: 55px;
}
.process ul li {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0px !important;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  width: 47%;
  float: left;
  margin-left: 1.5%;
  text-align: left;
  margin-right: 1.5%;
  background: #fff;
}
.protit {
  font-size: 35px;
  font-weight: 700;
  color: #000;
}
.protit1 {
  font-size: 21px;
  line-height: 35px;
  margin-top: 5px;
  font-weight: 500;
  color: #000;
}

.process ul li dl {
  width: 100%;
  float: left;
}

.process ul li dl dt {
  width: 35%;
  float: left;
  text-align: center;
}
.process ul li dl dd {
  width: 65%;
  float: left;
  margin-top: 2.5%;
}

@media all and (max-width: 1024px) {
  .process {
    width: 100%;
  }
  .process ul li {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0px !important;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
    background: #fff;
  }
  .protit {
    font-size: 25px;
    font-weight: 700;
    color: #000;
  }
  .process ul li dl dt img {
    width: 80%;
  }

  .mt95 {
    margin-top: 25px !important;
  }
}

.paging {
  width: 100%;
  text-align: center;
  border: 0px solid #ccc;
  padding: 25px 15px;
  border-radius: 25px;
}
.pagingnum {
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  text-align: Center;
  color: #000;
  font-size: 15px;
  width: 30px;
  height: 30px;
  font-weight: 700;
  border-radius: 35px;
  background: #efefef;
  margin: 0px 3px;
}
.pagingnum:hover {
  background: rgba(203, 53, 29, 1);
  color: #fff;
}
.on1 {
  background: rgba(203, 53, 29, 1);
  color: #fff;
}

.servicearea {
  width: 100%;
  text-align: center;
  padding: 35px 0px;
}
.servicett1 {
  margin: 4px;
  display: inline-block;
  padding: 15px;
  border-radius: 35px;
  font-weight: 600;
  border: 1px solid #ccc;
  color: #000;
  font-size: 18px;
}
.servicett1:hover {
  border: 1px solid rgba(203, 53, 29, 1);
  color: rgba(203, 53, 29, 1);
  font-weight: 600;
}

.servicehomepage {
  margin-top: 2%;
  width: 100%;
  height: 447px;
  background: url("/images/homepagebg.jpg");
  background-size: 100%;
  padding: 75px 20px 30px 800px;
}
.servicehomepagett {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}
.servicehomepagett1 {
  font-size: 20px;
  color: #fff;
  font-weight: 200;
  line-height: 40px;
  margin-top: 35px;
}
.servicehomepagett1 span {
  font-weight: 600;
}
.servicehomepage1 {
  margin-top: 2%;
  width: 100%;
  height: 447px;
  background: url("/images/homepagebg1.jpg");
  background-size: 100%;
  padding: 75px 20px 30px 800px;
}
.servicehomepage2 {
  margin-top: 2%;
  width: 100%;
  height: 447px;
  background: url("/images/homepagebg2.jpg");
  background-size: 100%;
  padding: 75px 20px 30px 800px;
}

.pricearea {
  width: 90%;
  margin: 0 auto;
  padding-top: 2%;
  overflow: hidden;
  padding-bottom: 4%;
}
.price01 {
  width: 33%;
  float: left;
  position: relative;
  border-top: 4px solid #000;
  margin-top: 5%;
  text-align: Center;
  border-left: 4px solid #000;
  border-bottom: 4px solid #000;
  box-sizing: border-box;
  padding: 25px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.price02 {
  width: 34%;
  float: left;
  text-align: Center;
  position: relative;
  border-radius: 40px;
  padding: 25px;
  border: 4px solid rgba(203, 53, 29, 1);
  box-sizing: border-box;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.price03 {
  width: 33%;
  float: left;
  position: relative;
  border-top: 4px solid #000;
  margin-top: 5%;
  text-align: Center;
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
  box-sizing: border-box;
  padding: 25px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.price02tt {
  color: rgba(203, 53, 29, 1);
  font-size: 35px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding: 25px 0px 35px 0px;
}
.price02tt span {
  font-size: 18px;
  line-height: 25px !important;
  color: #000;
}

.price01 ul li {
  width: 100%;
  float: left;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}
.price01 ul li:last-child {
  border-bottom: 0px solid #ccc;
}

.price01 ul li dl {
  width: 100%;
  float: left;
}
.price01 ul li dl dt {
  width: 40%;
  float: left;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.price01 ul li dl dd {
  width: 60%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}

.price02 ul li {
  width: 100%;
  float: left;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}
.price02 ul li:last-child {
  border-bottom: 0px solid #ccc;
}

.price02 ul li dl {
  width: 100%;
  float: left;
}
.price02 ul li dl dt {
  width: 40%;
  float: left;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.price02 ul li dl dd {
  width: 60%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}

.price03 ul li {
  width: 100%;
  float: left;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}
.price03 ul li:last-child {
  border-bottom: 0px solid #ccc;
}

.price03 ul li dl {
  width: 100%;
  float: left;
}
.price03 ul li dl dt {
  width: 40%;
  float: left;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.price03 ul li dl dd {
  width: 60%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}

.price03tt {
  margin-top: 5%;
  width: 100%;
  border-radius: 25px;
  background: #000;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-align: Center;
  padding: 20px;
}
.price03tt_1 {
  margin-top: 5%;
  width: 100%;
  border-radius: 25px;
  background: rgba(203, 53, 29, 1);
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-align: Center;
  padding: 20px;
}

.price04 {
  width: 49%;
  float: left;
  position: relative;
  margin-top: 5%;
  text-align: Center;
  border: 4px solid #000;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 40px;
}

.price05 {
  width: 49%;
  float: right;
  position: relative;
  margin-top: 5%;
  text-align: Center;
  border: 4px solid #000;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 40px;
}

.price04 ul li {
  width: 100%;
  float: left;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}
.price04 ul li:last-child {
  border-bottom: 0px solid #ccc;
}

.price04 ul li dl {
  width: 100%;
  float: left;
}
.price04 ul li dl dt {
  width: 40%;
  float: left;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.price04 ul li dl dd {
  width: 60%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}

.price05 ul li {
  width: 100%;
  float: left;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}
.price05 ul li:last-child {
  border-bottom: 0px solid #ccc;
}

.price05 ul li dl {
  width: 100%;
  float: left;
}
.price05 ul li dl dt {
  width: 40%;
  float: left;
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.price05 ul li dl dd {
  width: 60%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}

.imgList {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: top;
}
.imgC {
  width: 30%;
  margin: 1%;
  cursor: pointer;
  float: left;
  display: inline-block;
  background: #efefef;
  padding: 2%;
  box-sizing: border-box;
}
.imgC img {
  width: 100%;
  margin-top: 5%;
}
.imgC p {
  text-align: center;
  padding: 10px 15px;
  font-weight: 800;
  border-radius: 25px;
  color: #fff;
  background: #000;
  margin: 0 auto;
  display: block;
}

.modal {
  display: none;
  z-index: 9999999999;
  width: 102%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  border: 0px solid red;
  background-color: rgba(0, 0, 0, 1);
  overflow-y: auto;
  padding-bottom: 4%;
  padding-top: 4%;
}

.modal button {
  position: absolute;
  top: 1rem;
  right: 4rem;
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 5rem;
}

.modalBox {
  position: relative;
  top: 0%;
  left: 50%;
  transform: translate(-50%);
  background-color: #ffffff;
  width: 90%;

  text-align: center;
}

.modalBox img {
  width: 100%;
}

.modalBox p {
  color: #ffffff;
  background-color: #000;
  font-size: 2rem;
  padding: 0.2rem;
}

@media all and (max-width: 1024px) {
  .imgList {
    overflow: hidden;
    width: 100%;
    display: block;
    height: 100vh;
    justify-content: space-around;
    align-items: top;
  }
  .imgC {
    width: 98%;
    margin: 1%;
    cursor: pointer;
    float: left;
    display: inline-block;
    background: #efefef;
    padding: 2%;
    box-sizing: border-box;
  }
  .imgC img {
    width: 80%;
  }
}


/* =========================================================
   ✅ 신청폼: 개인정보 동의 + reCAPTCHA + 레이어 UI 정리
   (세로배치 폼 스타일과 자연스럽게 연결)
   ========================================================= */

/* 동의 영역 박스 */
#pageCont .agree_area {
  margin-top: 18px;
  padding: 14px 14px;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  background: #fafafa;
}

/* 체크박스 + 문구 정렬 */
#pageCont .agree_area label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.45;
  color: #222;
  margin: 0;
}

/* 체크박스 크기/터치 영역 개선 */
#pageCont .agree_area input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  flex: 0 0 18px;
}

/* 개인정보 처리방침 링크 */
#pageCont #open_privacy_layer {
  display: inline-block;
  margin-left: 6px;
  color: #cc0000;
  font-weight: 700;
  text-decoration: underline;
}

/* 버튼 영역과 간격 */
#pageCont .btnarea {
  margin-top: 20px;
}

/* ✅ reCAPTCHA 영역: 가운데 정렬 + 넘침 방지 */
#pageCont .g-recaptcha {
  display: flex;
  justify-content: center;   /* PC에서는 가운데 */
  align-items: center;
}

/* 모바일에서 reCAPTCHA가 화면을 넘치면 scale로 축소 */
@media (max-width: 420px) {
  #pageCont .g-recaptcha {
    transform: scale(0.90);
    transform-origin: left top;
    justify-content: flex-start;  /* 모바일은 왼쪽 정렬이 더 자연스러움 */
  }
}
@media (max-width: 360px) {
  #pageCont .g-recaptcha {
    transform: scale(0.82);
    transform-origin: left top;
  }
}

/* ✅ 개인정보 레이어(모달) UI 개선 */
#privacy_layer {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.6);
  padding: 16px; /* 모바일 여백 */
  box-sizing: border-box;
}

/* 레이어 카드 */
#privacy_layer > div {
  max-width: 720px;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  margin: 6vh auto;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* 헤더 */
#privacy_layer .privacy_head {
  padding: 16px 18px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 본문 스크롤 */
#privacy_layer .privacy_body {
  padding: 18px;
  max-height: 62vh;
  overflow: auto;
  font-size: 14px;
  line-height: 1.75;
  color: #333;
}

/* 하단 버튼 */
#privacy_layer .privacy_foot {
  padding: 14px 18px;
  border-top: 1px solid #eee;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

/* 모달 닫기(X) 버튼 */
#privacy_layer .btn_close {
  border: 0;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  padding: 6px 8px;
}

/* 모달 버튼 크기 */
#privacy_layer .privacy_foot .sub_btn {
  min-width: 110px;
}

/* 모바일에서는 버튼을 2등분으로 꽉 차게 */
@media (max-width: 480px) {
  #privacy_layer > div {
    margin: 10vh auto;
    border-radius: 12px;
  }
  #privacy_layer .privacy_foot {
    justify-content: space-between;
  }
  #privacy_layer .privacy_foot .sub_btn {
    width: 50%;
    min-width: 0;
  }
}