@import url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli.css');
*{margin: 0; padding: 0;}
body{line-height: unset;}
h4, p{margin: unset;}
a{color: inherit; text-decoration: unset;}
/* ----------- 공통 ------------ */
.sdMain{margin-bottom: 140px; font-family: 'Elice DX Neolli';}
.sdMain section{width: 95%; max-width: 1080px; margin:0 auto;}
.sdMain section:not(:last-child){margin-bottom:89px;}
.sdMain img{width: 100%; object-fit: cover;}
.comTitBox{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 26px;}
.comTitBox_img{width: 20%; max-width: 130px;}
.comTitBox_img img{width: 70%;}

.sdSec2 .comTitBox_img img{margin-left: 8%;}
.sdSec3 .comTitBox_img img{width:80%;}
.sdSec3 .comTitBox_img img{margin-left: 2%;}
.sdSec6 .comTitBox_img img{margin-left: 16.4%; width: 48%;}

.comTitBox_titBox{max-width: 80%;}
.comTit_h3{color: #000000; font-size: 18px; font-weight: 500; line-height: 22px; word-break: keep-all; margin: unset;}
.comTit_h3 span{font-weight: 600;}
.comTit_p{
  background-color: #0E3591; border-radius: 3px; color:#fff;
  font-size: 15px; font-weight: 500; text-align: center; line-height: 1; box-sizing: border-box;
  margin-top: 7.3px; margin-bottom: unset; padding: 7.5px 14px 5.5px; width: fit-content;
}
.comTitWiLine{border-top: 0.5px solid #707070; border-bottom: 0.5px solid #707070; position: relative;}
.comTitWiLine::before, .comTitWiLine::after{
  content: ''; position: absolute;
  width: 8px; height: 8px; border-radius: 50%;
}
.comTitWiLine::before{top: -4px; left: -4px; background-color: #FF6830;}
.comTitWiLine::after{bottom: -4px; right: -4px; background-color: #173985;}
/* ----------------------------- */

/* kdt_ar */
.kdt_ar{ border-bottom: 18px solid #0E3591; font-family: 'Pretendard Variable';}
.kdt_ar .bigtitle { width: 100%; height: 400px; background-color: #020611; background-image: url(/assets/_img/old/sdC_bespin/kdt_ar_bespin_BG.jpg); background-repeat: no-repeat; color: #fff; background-position: left; }
.kdt_ar .bigtitle > .hbg { width: 100%; height: 400px; background: rgba(0,0,0,0.7); }
.kdt_ar .bigtitle .wrap { width: 90%; max-width: 1080px; margin: 0 auto; padding-top: 80px; }
.kdt_ar .bigtitle .wrap {text-align: left; line-height: 1.5; }
.kdt_ar_subTitBox{position: relative; padding-left: 18px;}
.kdt_ar_subTitBox:before{
  content: ''; width: 8px; height: 100%;
  position: absolute; top: 0 ; left: 0;
  background-color: #30FFB7;
}
.kdt_ar_subTitBox > h5 { font-size: 18px; font-weight: 500; line-height: 22px; word-break: keep-all;}
.kdt_ar_subTitBox > h3 { color: #30FFB7; font-size: 22px; padding-top: 6px; font-weight: 500; line-height: 1.2;}
.kdt_ar_mainTit { padding: 10px 0; font-size: 25px; line-height: 1.35; font-weight: bold; word-break: keep-all;}
.kdt_ar_txt {font-size: 12px; text-align:left; font-weight:400;color:#FACD63;line-height: 1.3;}

/* ----------------------------- */

/* 문의하기 전화 */
.inquiryCall{
  font-family: 'Pretendard Variable';
  position: fixed; right: 2%; bottom: 3%; z-index: 500;
  background-color: #2196f3; color: #fff;
  padding: 6px 10px 7px 10px; box-sizing: border-box;
  border-radius: 6px; box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 22%);
}
.inquiryCall_p{
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.2px;
}
.inquiryCallInner{display: flex; align-items: center; justify-content: center; gap: 5px;}
.phoneSolid{width: 14px; fill: #fff;}
.phoneSolid:hover{fill: #fff !important;}
.inquiryCallInner_h4{font-size: 18px; font-weight: 500;letter-spacing: -0.5px; line-height: 24px;}
/* ----------------------------- */

/* 교육과정 문의하기 버튼 */
.box2_btn {width:100%; max-width:1080px; margin:0 auto; display: flex;	align-items: center; justify-content: center; margin-top: 40px; }
.portMoreBtn{
  min-width: 180px; max-width: 220px; min-height: 47px; max-height: 55px;
  font-size: 16px; font-weight: 600;
  border: 3px solid transparent; border-left: 3.1px solid transparent;
  background-image:
  linear-gradient(to right, #6F00E7 0%, #FF4040 100%), linear-gradient(to right, #6F00E7 0%, #FF4040 100%);
  background-origin: border-box; background-clip: content-box, border-box;
  border-radius: 31px;
  display:inline-block;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.portMoreBtn::before {
  content: '';  width: 100%; height:100%;
  position: absolute; left: 0px; bottom:0px; z-index:2;
  box-shadow: inset -300px 0px 0px #fff;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.5s cubic-bezier(.5, .24, 0, 1)
}
.portMoreBtn_inner{
  font-family: 'Pretendard Variable';
  position: absolute; top: 0; margin: 0; z-index: 2;
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center; gap: 10px;
}
.portMoreBtn_inner img{width:14px;}

.portMoreBtn_inner span{letter-spacing: 0.5px; color: #333; -webkit-text-fill-color: #333; padding-top: 0.5px;}

.portMoreBtn:hover::before {
  box-shadow: inset 0px 0px 0px #FAFAFA;
  background-image:
  linear-gradient(to right, #6F00E7 0%, #FF4040 100%),
  linear-gradient(to right, #6F00E7 0%, #FF4040 100%);
}

.portMoreBtn:hover span{color:#ffffff; -webkit-text-fill-color: #fff;}

.portMoreBtn:hover img{filter: brightness(10);}
/* ----------------------------- */

/* ---------- Noto Sans KR 설정 ----------- */
.sdSec1ConBox_speBubb::before,
.meritBox_tit span{font-family: 'Noto Sans KR';}
/* ----------------------------- */

/* ---------- sdSec1 ----------- */
.sdSec1{text-align: center;}
.sdSec1TitBox{margin: 0 auto; margin-top: 130px; width: 94%; max-width: 1028px;}
.sdSec1TitBox .sdSec1TitBox_speBubb{
  width: 80%; height: auto;
  position: absolute; top: -55px; left: 0;
}
.sdSec1TitBox .sdSec1TitBox_speBubb img{width: 100%; object-fit: cover;}
.sdSec1TitBox .sdSec1TitBox_h2{
  color: #454545; font-size: 18px; font-weight: 300;
  position: relative; width: fit-content; margin: 0 auto;
}
.sdSec1TitBox .sdSec1TitBox_h2 span{color: #FF6831;}
.sdSec1TitBox .sdSec1TitBox_h1{color: #1E255A; font-size: 24px; font-weight: 500; line-height: 30px; margin-top: 6px; word-break: keep-all;}
.sdSec1TitBox .sdSec1TitBox_h1 span{font-weight: 600;}
.sdSec1TitBox .sdSec1TitBox_h4{
  color: #5F5F5F; height: auto; line-height: 21px; font-size: 15px; font-weight: 300;
  border-top: 0.5px solid #707070; border-bottom: 0.5px solid #707070;
  padding: 8px 10px; margin-top: 6px; box-sizing: border-box; word-break: keep-all;
}
/* ------------------------------------------------ */
/* top 변경 */
.sdSec1TitBox_reno{
  font-family: 'Elice DX Neolli';
  width: 95%; height: auto; max-width: 1028px;
  margin: 0 auto; margin-top: 30px; margin-bottom: 50px;
  background-color: #735ff2;
  border-radius: 15px; padding: 75px 0px 0px 6%; box-sizing: border-box;
  overflow: hidden;
}
.sdSec1TitBox_reno .sdSec1TitBoxGroup{width: fit-content; padding-right: 6%; box-sizing: border-box;}
.sdSec1TitBox_reno .sdSec1Tit_h2{
  color: #fff; font-size: 17px; font-weight: 300; line-height: 24px; margin-left: 12px;
  position: relative; box-sizing: border-box;
}
.sdSec1TitBox_reno .sdSec1Tit_h2 span{font-weight: 500;}
.sdSec1TitBox_reno .sdSec1Tit_speBubb{
  position: absolute; top: -195%; left: 0;
  max-width: 282.91px; width: 65%; height: auto;
}
.sdSec1TitBox_reno .sdSec1Tit_speBubb img{width: 100%; object-fit: cover;}
.sdSec1TitBox_reno .sdSec1Tit_h1{
  margin-top: 4px; margin-left:5px;
  font-size: 25px; font-weight: 500; line-height: 32px; color: #fff;
}
.sdSec1TitBox_reno .sdSec1Tit_h1 span{font-weight: 600; display:inline-block;}
.sdSec1TitBox_reno .sdSec1Tit_h1 span:last-child{font-weight: 500; display: block;}
.sdSec1TitBox_reno .sdSec1Tit_h4{margin-top: 8px; display: flex; align-items: flex-start; gap: 7px;}
.sdSec1TitBox_reno .sdSec1Tit_h4 h4{padding-top: 1px; font-size: 14px; font-weight: 500; color: #fff; }
.sdSec1TitBox_reno .sdSec1Tit_h4 span{display: block;}
.sdSec1Tit_h4Img{width: 5%; padding-top: 3.5px;}
body:has(.sdSec1TitBox_reno) .sdSec1ConBox{margin-top: 25.3px !important;}
.sdSec1TitBox_reno .sdSec1TitBox_bottImg{ width: 100%; text-align: right;}
.sdSec1TitBox_reno .sdSec1TitBox_bottImg img{
  width: 80%; max-width: 500px; object-fit: contain; margin-top: -14px; margin-bottom: -17px; margin-right: -30px;
}
/* ----------------------------------------------------------- */

.sdSec1ConBox{margin-top: 50.3px;}
.sdSec1ConBox_speBubb{position: relative; width: 55%; min-width: 200px; max-width: 230px; margin:0 auto;}
.sdSec1ConBox_speBubb img{width: 100%; object-fit: cover;}
.sdSec1ConBox_speBubb::before{
  content: '교육비 최대 전액 지원';
  position: absolute; top: 14.5%; left: -2%;
  font-size: 18px; font-weight: 700; color:#1E255A;
  width: 100%;
}
.sdSec1ConBox_h4{
  color: #5F5F5F; height: auto; line-height: 21px;
  font-size: 15px; font-weight: 300; word-break: keep-all;
  padding: 7px 10px 6px; margin-top: 40.5px; box-sizing: border-box;
}
.sdSec1 .conBoxGroup{
  max-width:350px;
  border: 1px solid #707070; border-radius: 10px;
  padding: 38px 25px 40px; margin: 0 auto; margin-top: 26px; text-align: center; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; row-gap: 20px;
}
.sdSec1 .conBox{width: 100%;}
.sdSec1 .conBox_img{height:80px; display: flex; align-items: center; justify-content: center;}
.sdSec1 .conBox_img img{width:auto; height: 100%;}
.sdSec1 .conBox:last-child .conBox_img img{height:85%;}
.sdSec1 .conBox_txtBox{line-height: 27px; position: relative; margin-top: 5px; padding-bottom: 30px; border-bottom: 1px solid #707070;}
.sdSec1 .conBox_txtBox::after{
  content: '';
  width: 8px; height: 8px; background-color: #FF6830; border-radius: 50%;
  position: absolute; bottom: -4px; right: 48%; transform: translateX(-50%);
}
.sdSec1 .conBox:last-child .conBox_txtBox{border: unset; margin-top: 10px; padding-bottom: unset;}
.sdSec1 .conBox:last-child .conBox_txtBox:after{content: none;}
.sdSec1 .conBox_txtBox h5{color: #1E255A; font-size: 17px; font-weight: 600; margin-bottom: 5px;}
.sdSec1 .conBox_txtBox p{color: #3C3C3C; font-size: 14px; font-weight: 300;}
/* ----------------------------- */

/* ---------- sdSec2 ----------- */
.sdSec2_table{border-top: 0.5px solid #707070; border-bottom: 0.5px solid #707070;}
.sdSec2_table tr{
  border-bottom: 1px dashed #707070;
  display: flex; align-items: center; justify-content: flex-start;
}
.sdSec2_table tr:last-child{border-bottom:unset;}
.sdSec2_table th{
  width: 20%; max-width: 144px; line-height: 22px;
  color: #000; text-align: center; padding: 0 4px; padding-top: 3px; box-sizing: border-box;
  font-size: 14px; font-weight: 500;
}
.sdSec2_table th > p{display: flex; flex-direction: column; justify-content: center;}
.sdSec2_table td{
  width: 80%;
  color: #3C3C3C; padding: 13px 5px 11px; box-sizing: border-box;
  font-size: 14px; font-weight: 300; line-height: 20px;
}
.sdSec2_table td .tdP--bold{font-weight: 500; display: inline;}
.sdSec2_table td span{padding-left: 10px; margin-bottom: 5px; position: relative; display: block;}
.sdSec2_table td span:last-child{margin-bottom: unset;}
.sdSec2_table td span::after{
  content: ''; width: 3px; height: 3px;
  position: absolute; top: 12px; left: 0;
  background-color: #707070; border-radius: 50%;
}
/* ----------------------------- */

/* ---------- sdSec3 ----------- */
.sdSec3 .coreComBoxGroup{
  display: grid; grid-template-columns: repeat(1, 1fr);
  row-gap: 20px; column-gap: 20px;
  width: 80%; max-width: 300px; margin: 0 auto; margin-top: 30px;
}
.sdSec3 .coreComBox{position: relative; text-align: center;}
.coreComBoxInner{
  position: absolute; top: 0; right: 0;
  width: 91%; height: 98%; padding: 4%; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.sdSec3 .coreComBoxInner_img img{width: 70%;}
.sdSec3 .coreComBoxInner_Tit{font-size: 16px; font-weight: 600; line-height: 22px; margin-top: 10px; margin-bottom: unset;}
.sdSec3 .coreComBox:nth-child(1) .coreComBoxInner_Tit{color: #34B9C7;}
.sdSec3 .coreComBox:nth-child(2) .coreComBoxInner_Tit{color: #1299D6;}
.sdSec3 .coreComBox:nth-child(3) .coreComBoxInner_Tit{color: #017DD0;}
.sdSec3 .coreComBox:nth-child(4) .coreComBoxInner_Tit{color: #4862BF;}
.sdSec3 .coreComBox:nth-child(5) .coreComBoxInner_Tit{color: #6949B8;}
.sdSec3 .coreComBox:nth-child(6) .coreComBoxInner_Tit{color: #9A44C7;}
.sdSec3 .coreComBoxInner_txt{
  color: #3C3C3C; line-height: 20px; word-break: keep-all;
  font-size: 14px; font-weight: 300;
  margin-top: 10px; margin-bottom:unset; padding: 0 10px;
}
/* ----------------------------- */

/* ---------- sdSec4 ----------- */
.sdSec4 .meritBox{
  border-bottom: 1px solid #707070;
  padding: 8px 0 ; box-sizing: border-box; height: auto; min-height: 140px;
  display: flex; align-items: center; position: relative;
}
.sdSec4 .meritBox:first-child{border-top: 1px solid #707070;}
.sdSec4 .meritBox::before{content: none;}
.sdSec4 .meritBox:nth-child(1)::before{background-image: url(/assets/_img/old/sdC_bespin/sdSec4_img1.png);}
.sdSec4 .meritBox:nth-child(2)::before{  background-image: url(/assets/_img/old/sdC_bespin/sdSec4_img2.png);}
.sdSec4 .meritBox:nth-child(3)::before{  background-image: url(/assets/_img/old/sdC_bespin/sdSec4_img3.png);}
.sdSec4 .meritBox_tit{
  text-align: center;  width: 20%; line-height: 20px; padding: 0 9px 0 0; box-sizing: border-box;
  color: #464646; font-size: 14px; font-weight: 500; word-break: keep-all;
}
.sdSec4 .meritBox_txt{
  width: 80%; color: #3C3C3C; line-height: 20px;
  font-size: 14px; font-weight: 300;
  padding: 5.5px 10px; box-sizing: border-box;
  border-left: 1px dotted #707070;
}
.sdSec4 .meritBox_txt p{position: relative; padding-left: 10px; margin-bottom: 3px;}
.sdSec4 .meritBox_txt p:last-child{margin-bottom: unset;}
.sdSec4 .meritBox_txt p::before{
  content: ""; width: 3px; height: 3px;
  position: absolute; top: 9px; left: 0; transform: translateY(-50%);
  background-color: #707070; border-radius: 50%;
}
/* ----------------------------- */

/* ---------- sdSec5 ----------- */
.sdSec5 .stepBoxGroup{border-top: 1px solid #707070;  border-bottom: 1px solid #707070;}
.sdSec5 .stepBox{
  padding: 16px 0 13px; box-sizing: border-box;
  display: flex; align-items: center;
}
.sdSec5 .stepBox:has(.stTxtBox_P){padding: 16px 0 12.4px;}
.sdSec5 .stepBox:not(:last-child){border-bottom: 1px dotted #707070;}
.sdSec5 .stepBox_stepNum, .sdSec5 .stepBox_pro{
  width: 20%; line-height: 24px; padding: 0 5px; box-sizing: border-box;
  text-align: center; color: #5F5F5F;
  font-size: 14px; font-weight: 300;
}
.sdSec5 .stepBox_stepNum span{font-size: 22px; font-weight: 700;}
.sdSec5 .stepBox_txtBox{width: 80%; line-height: 20px;}
.sdSec5 .stTxtBox_h3{color: #000; font-size: 14px; font-weight: 300; margin: unset;}
.sdSec5 .stTxtBox_h3 span{color: #173985; font-weight: 500;}
.sdSec5 .stTxtBox_h4{color: #3C3C3C; font-size: 14px; font-weight: 300; margin-top: 5px;}
.sdSec5 .stTxtBox_P{
  color: #fff; font-size: 14px; font-weight: 500; line-height: 24px;
  padding: 2px 10px 0px; margin-top: 5px; box-sizing: border-box; width: fit-content;
}
.sdSec5 .stepBox:nth-child(2) .stTxtBox_P{background-color: #F4AA28;}
.sdSec5 .stepBox:nth-child(3) .stTxtBox_P{background-color: #E05654;}
.sdSec5 .stepBox:nth-child(5) .stTxtBox_P{background-color: #5DAAB0;}
.sdSec5 .stepBox_pro{
  font-size: 13px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
  letter-spacing: -1.6px;
}
.sdSec5 .stepBox_conBoxGroup{
  display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 25px;
  width: 75%; max-width: 280px; margin: 0 auto;
}
.sdSec5 .stepBox_conBox{border-radius: 10px; color: #3C3C3C; line-height: 22px; font-weight: 300;}
.sdSec5 .stepBox_conBox:nth-child(1){border: 1px solid #F4AA28;}
.sdSec5 .stepBox_conBox:nth-child(2){border: 1px solid #E05654;}
.sdSec5 .stepBox_conBox:nth-child(3){border: 1px solid #39ADB2;}
.sdSec5 .conBox_top{text-align: center;}
.sdSec5 .conBox_topTxt{font-size: 13px; line-height: 13px; margin: 11px 0 6px;}
.sdSec5 .conBox_topTit{
  color:#fff; font-size: 15px; font-weight: 500; position: relative;
  height: 32px; padding-top: 4px; margin: unset; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
}
.sdSec5 .conBox_topTit::before{
  content: ''; width: 103.635%; height: 32px;
  position: absolute; top:0; left: 50%; z-index: -1; transform: translateX(-50%);
}
.sdSec5 .conBox_topTit::after{content: none;}

.sdSec5 .stepBox_conBox:nth-child(1) .conBox_topTit::before{background-color: #F4AA28;}
.sdSec5 .stepBox_conBox:nth-child(2) .conBox_topTit::before{background-color: #E05654;}
.sdSec5 .stepBox_conBox:nth-child(3) .conBox_topTit::before{background-color: #39ADB2;}

.sdSec5 .stepBox_conBox:nth-child(1) .conBox_topTit::after{border-left: 16.05px solid #F4AA28;}
.sdSec5 .stepBox_conBox:nth-child(2) .conBox_topTit::after{border-left: 16.05px solid #E05654;}
.sdSec5 .stepBox_conBox:nth-child(3) .conBox_topTit::after{content: none;}

.sdSec5 .conBox_mid{text-align: center; margin-top: 18px;}
.sdSec5 .conBox_midTxt{font-size: 14px; margin: unset; padding: 0 7px; word-break: keep-all;}
.sdSec5 .conBox_midImg{height: 48px; margin-top: 15px;}
.sdSec5 .conBox_midImg img{width: auto;}
.sdSec5 .conBox_bott{font-size: 14px; margin: 0 auto; margin-top: 22px; margin-bottom: 15px; width: fit-content;}
.sdSec5 .conBox_bott p{position: relative; padding-left:10px; margin: unset;}
.sdSec5 .conBox_bott p::before{
  content: ''; width: 3px; height: 3px;
  position: absolute; top: 10px ; left: 0; transform: translateY(-50%);
  background-color: #707070; border-radius: 50%;
}
/* ----------------------------- */

/* ---------- sdSec6 ----------- */
.sdSec6 .progBox{
  width: calc(100% - 6px); margin-left: 6px; margin-bottom: 15px;
  display: flex; align-items: center; justify-content: flex-start;
  border-radius: 0 10px 10px 0; position: relative;
}
.sdSec6 .progBox::before{
  content: ''; width: 6px; height: 100%;
  position: absolute; top: -1px; left: -6px;
  border-radius: 10px 0 0 10px; overflow: hidden;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
}
.sdSec6 .progBox:nth-child(1){border: 1px solid #D92028;}
.sdSec6 .progBox:nth-child(2){border: 1px solid #FF9234;}
.sdSec6 .progBox:nth-child(3){border: 1px solid #7F63A6;}
.sdSec6 .progBox:nth-child(4){border: 1px solid #36D0BA;}
.sdSec6 .progBox:nth-child(5){border: 1px solid #21A5D9;}

.sdSec6 .progBox:nth-child(1):before{background-color: #D92028; border-color: #D92028;}
.sdSec6 .progBox:nth-child(2):before{background-color: #FF9234; border-color: #FF9234;}
.sdSec6 .progBox:nth-child(3):before{background-color: #7F63A6; border-color: #7F63A6;}
.sdSec6 .progBox:nth-child(4):before{background-color: #36D0BA; border-color: #36D0BA;}
.sdSec6 .progBox:nth-child(5):before{background-color: #21A5D9; border-color: #21A5D9;}

.sdSec6 .progBox:last-child{margin-bottom: unset;}

.sdSec6 .progBox_tit{
  width: calc(20% - 6px); max-width: 198px; margin-top:15px; margin-bottom: 15px;
  font-size: 14px; font-weight: 500; line-height: 20px; text-align: center;
  padding: 0 5px; box-sizing: border-box; word-break: keep-all; letter-spacing: -1px;
}
.sdSec6 .progBox_txImBox{
  width: 80%; padding: 10px 0; padding-right: 24px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between; flex-grow: 1;
}
.sdSec6 .proTxImBox_txt{
  color: #3C3C3C; font-size: 14px; font-weight: 300; line-height: 20px;
  margin-top: 13px; margin-bottom: 12px; padding-left: 10px; padding-right: 18px; box-sizing: border-box;
}
.sdSec6 .progBox:nth-child(1) .proTxImBox_txt{border-left:1px solid #D92028;}
.sdSec6 .progBox:nth-child(2) .proTxImBox_txt{border-left:1px solid #FF9234;}
.sdSec6 .progBox:nth-child(3) .proTxImBox_txt{border-left:1px solid #7F63A6;}
.sdSec6 .progBox:nth-child(4) .proTxImBox_txt{border-left:1px solid #36D0BA;}
.sdSec6 .progBox:nth-child(5) .proTxImBox_txt{border-left:1px solid #21A5D9;}

.sdSec6 .proTxImBox_txtInnerB h4{font-weight: 500; margin-bottom: 3px;}
.sdSec6 .proTxImBox_txt p{position: relative; padding-left: 10px; margin-bottom: 3px; margin-top: unset; word-break: keep-all;}
.sdSec6 .proTxImBox_txt p:last-child{margin-bottom: unset;}
.sdSec6 .proTxImBox_txt p:before{
  content: ''; width: 3px; height: 3px;
  position: absolute; top: 9px; left: 0; transform: translateY(-50%);
  background-color: #707070; border-radius: 50%;
}
.sdSec6 .proTxImBox_img{display: none;}
/* ----------------------------- */

/* ---------- sdSec7 ----------- */
.sdSec7TitBox{text-align: center;}
.sdSec7 .comTitWiLine{padding: 14px 0 12px;}
.sdSec7 .comTitWiLine h4{color: #5F5F5F; font-size: 16px; font-weight: 500; margin: unset;}
.sdSec7 .comTitWiLine h5{color: #000; font-size: 15px; font-weight: 500; margin-top: 7px; margin-bottom: unset;}
.sdSec7 .comTitWiLine h5 span{font-weight: 600;}
.sdSec7TitBox_img{width: 90px; margin: 0 auto;}
.sdSec7 .beneGridBox{display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(12, 165px); margin:0 auto; margin-top: 50px; max-width: 350px;}

.sdSec7 .beneItemTit{background-color: #0D3691; padding: 8.5% 12.4% 9% 11.5%; border-radius: 12px 12px 0 0 ;}
.sdSec7 .beneItemTit img{height: 100%; object-fit: contain;}

.sdSec7 .beneItem{ background-color: #ffffff; position: relative;
  display: flex; align-items: center; justify-content: start;
}
.sdSec7 .beneItem:nth-child(n + 2){border: 1px solid #6F7175; border-top: unset;}
.sdSec7 .beneItem:nth-child(12){border-radius:0 0 12px 12px;}

.sdSec7 .beneItem_img{width: 31.705%; display: flex; align-items: center; justify-content: center;}
.sdSec7 .beneItem_img img{width: 48%;}
.sdSec7 .beneItem:nth-child(5) .beneItem_img img{width: 58%;}
.sdSec7 .beneItem_txt{width: 68.295%; padding-right: 5px; box-sizing: border-box;}
.sdSec7 .beneItem_txt h3{
  color: #314160; font-size: 16px; font-weight: 700; line-height: 19px; margin-bottom: 10px; margin-top: unset;
}
.sdSec7 .beneItem_txt h3 > span{color: #FF581D;}
.sdSec7 .beneItem_txt p{
  color: #2B2E34; font-size: 14px; font-weight: 300; line-height: 22px;
  margin: unset;
}

@media all and (min-width:420px){
  /* kdt_ar */
  .kdt_ar_txt {font-size: 14px; text-align:right; margin-top: 10px;}
}

@media all and (min-width:480px){
  .sdSec1TitBox_reno .sdSec1TitBox_bottImg img{margin-top: -55px; margin-right: -35px;}
  /* ----------------------------------------- */
  .sdSec5 .stepBox_pro{font-size: 14px;}}


@media all and (min-width:540px){
  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno{padding: 80px 0px 0px 6%;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 28px; line-height: 34px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4{margin-top: 12px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4 h4{font-size: 15px;}
  .sdSec1TitBox_reno .sdSec1TitBox_bottImg img{margin-top: -70px; margin-bottom: -25px;
    margin-right: -20px;}
  /* ---------------------------------------------------- */
  .sdSec1TitBox .sdSec1TitBox_speBubb{top: -60px;}
  .sdSec1TitBox .sdSec1TitBox_h2{font-size: 20px;}
  .sdSec1TitBox .sdSec1TitBox_h1{font-size: 25px; margin-top: 8px;}

  /* ---------- sdSec4 ----------- */
  .sdSec4 .meritBox::before{
    content: ''; width: 32px; height: 100%;
    position: absolute; top: 0; left: 0;
    background-position: center; background-repeat: no-repeat;
  }
  .sdSec4 .meritBox_tit{width: calc(20% - 28px); padding: 0 7px; margin-left: 28px;}
  .sdSec4 .meritBox_txt{width: 80%;}

  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox_stepNum, .sdSec5 .stepBox_pro{width: 16%;}
  .sdSec5 .stepBox_txtBox, .sdSec5 .stepBox_conBoxGroup{width: 84%;}

  /* ---------- sdSec6 ----------- */
  .sdSec6 .progBox{width: calc(100% - 12px); margin-left: 12px;}
  .sdSec6 .progBox::before{width: 8px; left: -12px;}
  .sdSec6 .progBox_tit{width: calc(20% - 12px);}
  .sdSec6 .proTxImBox_txt{padding-left: 14px;}
}

@media all and (min-width:640px){
  /* ---------- 공통 ----------- */
  .comTitBox_img img{width: 65%;}
  .sdSec3 .comTitBox_img img{width: 72%; margin-left: unset;}
  .sdSec3 .comTitBox_img img{width: 70%;}
  .sdSec6 .comTitBox_img img{width: 40%;}

  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno .sdSec1TitBox_bottImg img{ width: 75%; margin-top: -140px; margin-right: -35px;}
  /* --------------------------------------- */

  /* ---------- sdSec3 ----------- */
  .sdSec3 .coreComBoxGroup{
    grid-template-columns: repeat(2, 1fr); column-gap: 20px;
    width: auto ; max-width: 600px;
  }
  /* 별도 적용 */
  .sdSec3 .coreComBoxInner_img--txtl3{margin-top: 20px;}

  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox_conBoxGroup{width: 80%;  max-width: 580px; grid-template-columns: repeat(2, 1fr); column-gap: 35px;}
  .sdSec5 .stepBox_pro{letter-spacing: unset;}

  /* ---------- sdSec7 ----------- */
  .sdSec7 .comTitWiLine h4{font-size: 18px;}
  .sdSec7 .comTitWiLine h5{font-size: 17px;}
  .sdSec7 .beneGridBox{grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 170px); max-width: 665px;}

  .sdSec7 .beneItemTit{border-radius: 12px 0 12px 0; padding: 9.5% 12.5% 9% 11.8%;}
  .sdSec7 .beneItem:nth-child(n + 2){border-left: unset;}
  .sdSec7 .beneItem{border-right: 1px solid #6F7175; border-bottom: 1px solid #6F7175;}
  .beneItem:before {
    content: ''; width: 100%; height: 100%;
    box-shadow: 0px 0px 0px 0.8px #6F7175; border-radius: 12px;
    position: absolute; z-index: -5; top: 0px; left: 0px;
  }

  .sdSec7 .beneItem:nth-child(even){border-radius: 12px 0px 0px 12px;}
  .sdSec7 .beneItem:nth-child(odd){border-radius: 0 12px 12px 0px; border-left: 1px solid #6F7175;}

  .sdSec7 .beneItem:nth-child(2){border-radius: 0px 12px 0px 12px; border-left: 1px solid #6F7175; border-top: 1px solid #6F7175;}
  .sdSec7 .beneItem:nth-child(11){border-radius: 0px 12px 0 12px;}
  .sdSec7 .beneItem:nth-child(12){border-radius: 12px 0 12px 0;}
  .sdSec7 .beneItem_img{width: 31.705%;}
  .sdSec7 .beneItem_img img{width: 58%;}
  .sdSec7 .beneItem:nth-child(5) .beneItem_img img{width: 68%;}
  .sdSec7 .beneItem_txt{width: 68.295%;}
  .sdSec7 .beneItem_txt h3{margin-bottom: 12px;}
}


@media all and (min-width:768px){
  /* ----------- 공통 ------------ */
  .comTitBox_img{width: 25%;}
  .comTitBox_titBox{width: 75%;}
  .comTitWiLine::before, .comTitWiLine::after{width: 12px; height: 12px;}
  .comTitWiLine::before{top: -6.5px; left: 0;}
  .comTitWiLine::after{bottom: -6.5px; right: 0;}
  .comTit_h3{font-size: 22px;}
  .comTit_h3 span{font-weight: 700;}
  .comTit_p{font-size: 17px; margin-top: 7.3px; padding: 7px 18px 6px;}
  /* ------------------------------------------------- */

  /* kdt_ar */
  .kdt_ar .bigtitle { text-align: left; background-position: left; }
  .kdt_ar_subTitBox > h5 { font-size: 20px; }
  .kdt_ar_subTitBox > h3 { font-size: 28px; color: #30FFB7; font-weight: 500; }
  .kdt_ar_mainTit { padding-top: 30px; font-size: 32px; font-weight: bold; }
  .kdt_ar_mainTit > .smallt { font-size: 36px; }
  .kdt_ar_txt {font-size: 16px; margin-top:20px;padding-right:30px;}
  /* ------------------------------------------------- */

  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno {width: 90%; padding: 90px 0 0 6%;}
  .sdSec1TitBox_reno .sdSec1Tit_h2{font-size: 20px;}
  .sdSec1TitBox_reno .sdSec1Tit_speBubb{top: -222%;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 32px; line-height: 40px; margin-top: 6px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4 h4{font-size: 16px;}
  .sdSec1TitBox_reno .sdSec1TitBox_bottImg img{width: 73%; margin-top: -160px; margin-right: -38px;}
  /* ----------------------------------------- */

  .sdSec1TitBox{width: 90%;}
  .sdSec1TitBox .sdSec1TitBox_speBubb{top: -65px;}
  .sdSec1TitBox .sdSec1TitBox_h2{font-size: 22px;}
  .sdSec1TitBox .sdSec1TitBox_h1{font-size: 28px; margin-top: 10px;}
  .sdSec1TitBox .sdSec1TitBox_h4{font-size: 17px; padding: 12px 10px 11px; margin-top: 10px;}
  .sdSec1ConBox{margin-top: 60.3px;}
  .sdSec1ConBox_h4{font-size: 17px; padding: 9px 10px 8px;}
  .sdSec1ConBox_speBubb::before{font-size: 20px;}
  .sdSec1 .conBoxGroup{
    max-width: unset;
    align-items: flex-end; flex-direction: row;
    border-radius: 15px; padding: 38px 10px 40px;
  }
  .sdSec1 .conBox{width: calc(100% / 3);}
  .sdSec1 .conBox_img{height:90px;}
  .sdSec1 .conBox:last-child .conBox_img img{height: 75%;}
  .sdSec1 .conBox_txtBox{border-bottom: unset; border-right: 1px solid #707070; margin-top: 20px !important; padding-bottom: unset;}
  .sdSec1 .conBox_txtBox::after{
    bottom: unset; top: 50%; right: -4px; transform: translateY(-50%);
  }

  /* ---------- sdSec2 ----------- */
  .sdSec2_table th{line-height: 24px; font-size: 16px;}
  .sdSec2_table td{font-size: 15px; line-height: 22px;}

  /* ---------- sdSec3 ----------- */
  .sdSec3 .coreComBoxGroup{row-gap: 30px; column-gap: 35px; width: 90%; max-width: 680px; margin-top: auto;}
  .sdSec3 .coreComBoxInner_img img{width: 80%;}
  .sdSec3 .coreComBoxInner_Tit{font-size: 17px; margin-top: 12px;}
  .sdSec3 .coreComBoxInner_txt{line-height: 22px;}
  /* 별도 적용 */
  .sdSec3 .coreComBoxInner_img--txtl3{margin-top: 23px;}
  .sdSec3 .coreComBoxInner_Tit--txtl3{margin-top: 14px;}
  .sdSec3 .coreComBoxInner_txt--txtl3{margin-top: 11px;}

  /* ---------- sdSec4 ----------- */
  .sdSec4 .meritBox_tit{font-size: 15px; line-height: 22px; padding: 0 9px;}
  .sdSec4 .meritBox_txt{font-size: 15px; padding: 9.5px 15px; line-height: 24px;}
  .sdSec4 .meritBox_txt p{padding-left: 12px;}
  .sdSec4 .meritBox_txt p::before{top:11px;}


  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox{padding: 23px 0 20px;}
  .sdSec5 .stepBox:has(.stTxtBox_P){padding: 23px 0 14.4px;}
  .sdSec5 .stepBox_stepNum, .sdSec5 .stepBox_pro{width: 14%; font-size: 15px;}
  .sdSec5 .stepBox_stepNum span{font-size: 28px;}
  .sdSec5 .stepBox_txtBox, .sdSec5 .stepBox_conBoxGroup{width: 86%;}
  .sdSec5 .stTxtBox_h3{font-size: 16px;}
  .sdSec5 .stTxtBox_h4{font-size: 15px;}
  .sdSec5 .stTxtBox_P{font-size: 15px; line-height: 27px;}
  .sdSec5 .conBox_bott p{padding-left:12px;}

  /* ---------- sdSec6 ----------- */
  .sdSec6 .progBox_tit{font-size: 15px; padding: 0 7px;}
  .sdSec6 .proTxImBox_txt{font-size: 15px; line-height: 24px;}
  .sdSec6 .proTxImBox_txt p{padding-left: 12px; margin-bottom: 2px;}
  .sdSec6 .proTxImBox_txt p:before{top: 11px;}
  .sdSec6 .proTxImBox_txtInnerB h4{margin-bottom: unset;}
  .sdSec6 .progBox{width: calc(100% - 18px); margin-left: 18px;}
  .sdSec6 .progBox::before{width: 12px; left: -18px;}
  .sdSec6 .progBox_tit{width: calc(20% - 18px);}
  .sdSec6 .proTxImBox_img{display: block; height: 55px;}
  .sdSec6 .proTxImBox_img img{width: auto; height: 100%;}

  /* ---------- sdSec6 ----------- */
  .sdSec7 .beneGridBox{grid-template-rows: repeat(6, 185px);}
  .sdSec7 .beneItemTit{padding: 10.5% 12.5% 10% 11.8%;}
  .sdSec7 .beneItem_txt h3{font-size: 17px; margin-bottom: 14px;}
  .sdSec7 .beneItem_txt p{font-size: 15px; line-height: 24px;}

  /* ---------- sdSec7 ----------- */
  .sdSec7TitBox_img{width: 100px;}
  .sdSec7 .comTitWiLine{padding: 16px 0 14px;}
  .sdSec7 .comTitWiLine h4{font-size: 21px;}
  .sdSec7 .comTitWiLine h5{font-size: 20px; margin-top: 8px;}
  .sdSec7 .beneGridBox{margin-top: 65px;}
}


@media all and (min-width:960px){
  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno{
    border-radius: unset; padding: unset; margin-bottom: unset; margin-top: 45px;
    width: 100%; max-width: 1200px; background-color: unset;
  }
  .sdSec1TitBox_reno::before{
    content: '';
    width: 100%; height: 100%; max-width: 1200px;
    position: absolute; z-index: -10;
    background-image: url(/assets/_img/old/sdC_bespin/sdSec1TitBox_imgBg.svg);
    background-size: contain; background-repeat: no-repeat; background-position-x: center;
  }
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{
    width: 100%; max-width: 1200px;
    padding-top: 11%; padding-left: 6.762%; padding-right: unset; padding-bottom: 8%;
  }
  .sdSec1TitBox_reno .sdSec1Tit_speBubb{top: -254%; width: 20%;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size:42px; line-height: 50px; margin-top: 8px;}
  .sdSec1TitBox_reno .sdSec1Tit_h1 span{display: block;}
  .sdSec1TitBox_reno .sdSec1Tit_h4 span{display: inline;}
  .sdSec1Tit_h4Img{width: unset; padding-top: unset;}
  .sdSec1TitBox_reno .sdSec1TitBox_bottImg{display: none;}
  /* ----------------------------------------- */

  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox_conBoxGroup{grid-template-columns: repeat(3, 1fr); max-width: unset; column-gap: 20px;}
  .sdSec5 .conBox_topTit::after{
    content: '';
    border-top: 8px solid #ff000000;
    border-bottom: 8px solid #ffffff00;
    position: absolute; top: 50%; right: -13px; transform: translate(21%, -50%);
  }
  .sdSec5 .stepBox_conBox:nth-child(1) .conBox_topTit::after{border-left: 13.05px solid #F4AA28;}
  .sdSec5 .stepBox_conBox:nth-child(2) .conBox_topTit::after{border-left: 13.05px solid #E05654;}
  .sdSec5 .conBox_midTxt{font-size: 15px; padding: 0 6px;}

  /* ---------- sdSec6 ----------- */
  .sdSec6 .progBox_txImBox{padding-right: 5%;}
  .sdSec6 .proTxImBox_img{height: 65px;}

  /* ---------- sdSec7 ----------- */
  .sdSec7TitBox_img {width: 110px;}
  .sdSec7 .comTitWiLine{padding: 18px 0 16px;}
  .sdSec7 .comTitWiLine h4{font-size: 22px;}
  .sdSec7 .comTitWiLine h5{font-size: 21px; margin-top: 9px;}

  .sdSec7 .beneGridBox{margin-top: 76.8px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 182px); max-width: unset;}
  .sdSec7 .beneItemTit{padding: 9.9% 13.4% 9.5% 13%;}
  .sdSec7 .beneItemTit img{max-width: 263.43px;}

  .sdSec7 .beneItem:nth-child(odd){border-left: unset;}

  .sdSec7 .beneItemTit,
  .sdSec7 .beneItem:nth-child(12){border-radius: 12px 0 12px 0;}

  .sdSec7 .beneItem:nth-child(2){border-radius: 0px 0px 12px 12px; border-top: 1px solid #6F7175;}

  .sdSec7 .beneItem:nth-child(3){border-radius: 0 12px 0 12px; border-top: 1px solid #6F7175;}

  .sdSec7 .beneItem:nth-child(10){border-radius: 0 12px 0 12px; border-left: 1px solid #6F7175;}

  .sdSec7 .beneItem:nth-child(4),
  .sdSec7 .beneItem:nth-child(7){border-radius: 0 12px 12px 0; border-left: 1px solid #6F7175;}

  .sdSec7 .beneItem:nth-child(5),
  .sdSec7 .beneItem:nth-child(8){border-radius: 12px 12px 12px 12px;}

  .sdSec7 .beneItem:nth-child(6),
  .sdSec7 .beneItem:nth-child(9){border-radius: 12px 0 0 12px;}

  .sdSec7 .beneItem:nth-child(11){border-radius: 12px 12px 0 0;}

  .sdSec7 .beneItem_img{width: 32.705%;}
  .sdSec7 .beneItem_img img{width: 60%;}
  .sdSec7 .beneItem:nth-child(5) .beneItem_img img{width: 72%;}
  .sdSec7 .beneItem_txt{width: 67.295%;}
  .sdSec7 .beneItem_txt h3{margin-bottom: 15px;}
}

@media all and (min-width:1000px){
  /* kdt_ar */
  .kdt_ar_subTitBox > h5{font-size: 22px;}
  .kdt_ar_subTitBox > h3{ font-size: 34px; }
  .kdt_ar_mainTit { padding-top: 15px; font-size: 38px;}
	.kdt_ar_txt {font-size: 18px;}

  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{padding-top: 12%;}
}

@media all and (min-width:1080px){
  /* ----------- 공통 ------------ */
  .comTitBox_img{width: 152px; max-width: unset;}
  .comTitBox_img img{width: unset !important;}
  .comTitBox_titBox{max-width: unset;}
  .comTit_h3{font-size: 24px; line-height: 24px;}
  .comTit_p{font-size: 20px; padding: 8.5px 27.9px 6.5px; border-radius: 5px;}

  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{padding-bottom: 7%;}
  .sdSec1TitBox_reno .sdSec1Tit_h2{font-size: 22px;}
  .sdSec1TitBox_reno .sdSec1Tit_speBubb{top: -290%;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 50px; line-height: 58px; margin-top: 10px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4{margin-top: 18px;}
  /* ------------------------------ */

  .sdSec1TitBox{margin-top: 170px;}
  .sdSec1TitBox .sdSec1TitBox_speBubb{top: -85px;}
  .sdSec1TitBox .sdSec1TitBox_h2{font-size: 28px;}
  .sdSec1TitBox .sdSec1TitBox_h1{font-size: 40px; line-height: 45px; margin-top: 13px;}

  .sdSec1ConBox{margin-top: 70.3px;}
  .sdSec1ConBox_speBubb{width: 300px; max-width: unset;}
  .sdSec1ConBox_speBubb::before{top: 14%; font-size: 27px;}
  .sdSec1TitBox .sdSec1TitBox_h4,
  .sdSec1ConBox_h4{font-size: 20px;}
  .sdSec1ConBox_h4{margin-top: 59.5px;}
  .sdSec1 .conBoxGroup{border-radius: 20px; padding: 38px 36px 52px;}
  .sdSec1 .conBox_txtBox{line-height: 29px; margin-top: 32px !important;}
  .sdSec1 .conBox_img{height:108px;}
  .sdSec1 .conBox_txtBox h5{font-size: 18px; margin-bottom: unset;}
  .sdSec1 .conBox_txtBox p{font-size: 16px;}

  /* ---------- sdSec2 ----------- */
  .sdSec2_table tr:nth-child(4) td,
  .sdSec2_table tr:nth-child(5) td{line-height: 24px;}
  .sdSec2_table td span{margin-bottom: unset;}

  /* ---------- sdSec3 ----------- */
  .sdSec3 .coreComBoxGroup{
    grid-template-columns: repeat(3, 1fr);
    column-gap: 21px; row-gap: 32.8px; width: auto; max-width: unset;
  }
  .sdSec3 .coreComBoxInner_img img{width: 85%;}
  .sdSec3 .coreComBoxInner_Tit{font-size: 18px; margin-top: 15.4px;}
  .sdSec3 .coreComBoxInner_txt{line-height: 26px; font-size: 15px; margin-top: 14px;}
  /* 별도 적용 */
  .sdSec3 .coreComBoxInner_img--txtl3{margin-top: 20px;}
  .sdSec3 .coreComBoxInner_Tit--txtl3{margin-top: 16.4px;}
  .sdSec3 .coreComBoxInner_txt--txtl3{margin-top: 16px; line-height: 24px;}

  /* ---------- sdSec4 ----------- */
  .sdSec4 .meritBox_tit{width: calc(25% - 28px); padding: unset;}
  .sdSec4 .meritBox_txt{width: 75%; padding: 9.5px 30px; line-height: 28px;}
  .sdSec4 .meritBox_txt p{margin-bottom: unset;}
  .sdSec4 .meritBox_txt p::before{top:13px;}

  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox_conBoxGroup{width: calc(84% - 16px); margin-left: 16px; column-gap: 30px;}
  .sdSec5 .stepBox_conBox{line-height: 24px;}
  .sdSec5 .conBox_topTit{font-size: 17px; height: 36px;}

  .sdSec5 .conBox_topTxt{font-size: 14px; line-height: 14px; margin: 11px 0 6px;}
  .sdSec5 .conBox_topTit::before{height: 36px;}
  .sdSec5 .conBox_topTit::after{border-top: 9px solid #ff000000; border-bottom: 9px solid #ffffff00; right: -15px; }
  .sdSec5 .stepBox_conBox:nth-child(1) .conBox_topTit::after{border-left: 15.05px solid #F4AA28;}
  .sdSec5 .stepBox_conBox:nth-child(2) .conBox_topTit::after{border-left: 15.05px solid #E05654;}
  .sdSec5 .conBox_midTxt{font-size: 16px;}
  .sdSec5 .conBox_bott{font-size: 15px; margin-bottom: 20px;}
  .sdSec5 .conBox_bott p::before{top: 11px;}

  /* ---------- sdSec6 ----------- */
  .sdSec6 .progBox{width: calc(100% - 24px); margin-left: 24px; align-items: flex-start; }
  .sdSec6 .progBox::before{width: 18px; left: -24px;}
  .sdSec6 .progBox_tit{
    width: calc(25% - 24px); margin-top:27px; padding-left: 26px;
    font-size: 18px; line-height: 25px; text-align: left;
  }
  .sdSec6 .progBox_txImBox{padding-right: 7%;}
  .sdSec6 .proTxImBox_txt{
    font-size: 16px; line-height: 30px;
    margin-top: 13px; margin-bottom: 12px; padding-left: 50px;
  }
  .sdSec6 .proTxImBox_txt p{margin-bottom: unset;}

  /* ---------- sdSec7 ----------- */
  .sdSec7 .comTitWiLine{padding: 20px 0 15px;}
  .sdSec7 .comTitWiLine h4{font-size: 26px;}
  .sdSec7 .comTitWiLine h5{font-size: 24px;}
  .sdSec7 .comTitWiLine h5 span{font-weight: 700;}
  .sdSec7TitBox_img{width: 140px;}
  .sdSec7 .beneGridBox{grid-template-rows: repeat(4, 197.49px);
  }
  .sdSec7 .beneItemTit {padding: 8.9% 13.4% 8.5% 13%;}
  .sdSec7 .beneItem_img{width: 33.705%;}
  .sdSec7 .beneItem_txt{width: 66.295%;}
  .sdSec7 .beneItem_txt h3{font-size: 18px;}
  .sdSec7 .beneItem_txt p{line-height: 25px;}
}

@media all and (min-width:1300px){
  .sdSec1TitBox_reno{max-width: 1250px;}
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{max-width: 1250px;}
  .sdSec1TitBox_reno::before{max-width: 1250px;}
  .sdSec1TitBox_reno .sdSec1Tit_h2{font-size: 24px; line-height: 24px; margin-left: 15px;}
  .sdSec1TitBox_reno .sdSec1Tit_speBubb{width: 26%; top: -335%;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 60px; line-height: 68px; margin-top: 12px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4{margin-top: 20px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4 h4{font-size: 18px; }
}
@media all and (min-width:1400px){
  .sdMain{width: 100%;}
  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno{max-width: 1350px; height: 68vh;}
  .sdSec1TitBox_reno::before{max-width: 1350px;}
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{padding-top: 11%; padding-left: 8.762%; max-width: 1350px;}
  .sdSec1TitBox_reno .sdSec1Tit_speBubb{width: 100%; top: -90.97px;}
  .sdSec1TitBox_reno .sdSec1Tit_h1{margin-top: 14px; font-size: 65px; line-height: 77px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4{margin-top: 22px;}
/* ------------------------------------- */

  .sdSec1TitBox{margin-top: 184px;}
  .sdSec1TitBox .sdSec1TitBox_speBubb{width: fit-content; max-width: unset; height: 71px; top: -89px;}
  .sdSec1TitBox .sdSec1TitBox_h2{font-size: 32px;}
  .sdSec1TitBox .sdSec1TitBox_h1{font-size: 48px; line-height: 55px;}
  .sdSec1TitBox .sdSec1TitBox_h1 span{font-weight: 700;}
  .sdSec1TitBox .sdSec1TitBox_h4{font-size: 22px; padding: 15px 10px 14px;}
  .sdSec1ConBox_speBubb{width: fit-content;}
  .sdSec1ConBox_speBubb::before{top: 13.5%; font-size: 32px;}
  .sdSec1ConBox_h4{font-size: 22px; padding: 10px 10px 9px; margin-top: 69.5px; height: 41.8px;}

  /* ---------- sdSec2 ----------- */
  .sdSec2_table tr:nth-child(4) td,
  .sdSec2_table tr:nth-child(5) td{line-height: 32px;}
  .sdSec2_table th{ font-size: 18px;}
  .sdSec2_table td{font-size: 16px;}

  /* ---------- sdSec3 ----------- */
  .sdSec3 .coreComBoxInner_img img{width: auto;}
  .sdSec3 .coreComBoxInner_Tit{line-height: 28px; margin-top: 15.4px;}
  .sdSec3 .coreComBoxInner_txt{line-height: 30px; font-size: 16px; margin-top: 16.8px;}
  /* 별도 적용 */
  .sdSec3 .coreComBoxInner_img--txtl3{margin-top: 14px;}
  .sdSec3 .coreComBoxInner_txt--txtl3{margin-top: 13px; line-height: 27px;}

  /* ---------- sdSec4 ----------- */
  .sdSec4 .meritBox_tit{width: calc(30.371% - 28px); font-size: 16px;}
  .sdSec4 .meritBox_txt{width: 69.629%; font-size: 16px; line-height: 30px; padding: 9.5px 39px;}

  /* ---------- sdSec5 ----------- */
  .sdSec5 .stepBox_stepNum, .sdSec5 .stepBox_pro{width: 14.075%; font-size: 16px;}
  .sdSec5 .stepBox_stepNum span{font-size: 36px;}
  .sdSec5 .stepBox_txtBox, .sdSec5 .stepBox_conBoxGroup{width: 85.925%; line-height: 30px;}
  .sdSec5 .stTxtBox_h3{font-size: 18px;}
  .sdSec5 .stTxtBox_h4{font-size: 16px; margin: unset;}
  .sdSec5 .stTxtBox_P{font-size: 16px; margin: unset;}
  .sdSec5 .stepBox_conBoxGroup{column-gap: 42px;}
  .sdSec5 .stepBox_conBox{line-height: 30px;}
  .sdSec5 .conBox_topTit{font-size: 18px;}
  .sdSec5 .conBox_topTit::after{right: -16px;}
  .sdSec5 .stepBox_conBox:nth-child(1) .conBox_topTit::after{border-left: 16.05px solid #F4AA28;}
  .sdSec5 .stepBox_conBox:nth-child(2) .conBox_topTit::after{border-left: 16.05px solid #E05654;}
  .sdSec5 .conBox_mid{margin-top: 25px;}
  .sdSec5 .conBox_midTxt{font-size: 16px;}
  .sdSec5 .conBox_bott{font-size: 16px; margin-top: 33px; margin-bottom: 20px;}
  .sdSec5 .conBox_bott p::before{top: 14px;}

  /* ---------- sdSec6 ----------- */
  .sdSec6 .proTxImBox_img{height: 84px;}

  /* ---------- sdSec7 ----------- */
  .sdSec7 .beneItem_txt h3{font-size: 19px;}
  .sdSec7 .beneItemTit {padding: 9.9% 13.4% 10.5% 13%;}
}

@media all and (min-width:1600px){
  /* ---------- sdSec1 ----------- */
  .sdSec1TitBox_reno{max-width: 1529.06px; height: 630.7px;}
  .sdSec1TitBox_reno::before{max-width: 1529.06px;height: inherit;}
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{max-width: 1529.06px; height: 100%; padding-top: 11.576%; padding-left: 11.762%; }
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 68px; line-height: 80px;}
  .sdSec1TitBox_reno .sdSec1Tit_h4 h4{font-size: 19px;}

  /* ----------------------------- */
  .sdSec1TitBox .sdSec1TitBox_h2{font-size: 37px;}
  .sdSec1TitBox .sdSec1TitBox_h1{font-size: 60px; line-height: 65px;}
  .sdSec1TitBox .sdSec1TitBox_h4{height: 63px; line-height: 29px; font-size: 26px; padding: 17px 5px;}
  .sdSec1ConBox_speBubb::before{top: 11%; font-size: 36px;}
  .sdSec1ConBox_h4{font-size: 26px;}
  /* ----------------------------- */
}
@media all and (min-width:1800px){
  .sdSec1TitBox_reno .sdSec1TitBoxGroup{padding-left: 14.762%; }
  .sdSec1TitBox_reno .sdSec1Tit_h1{font-size: 71px; line-height: 82px;}
}



/* /////////////////////////////////////////////// */

/* 공통타이틀 css */
.titleBox{word-break: keep-all; text-align: center; margin-bottom: 32px;}
.titleBox_p{
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 5px; margin-top: unset;
}
.titleBox_h1{
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  margin: unset;
}
/* 문의하기 */

/* --------------문의하기 css / sec11_teacher-------------- */
.sec11_inquiry{font-family: 'Pretendard Variable' !important; background-color: #F7F8FA; padding-top: 100px; padding-bottom: 100px;}
.sec11_inquiry .container{position: relative; max-width: 1080px; width: 95%; margin: 0 auto;}
.sec11_inquiry .titleBox{margin-bottom: 50px;}

/*--작성란(이름,전화번호,이메일,문의내용,동의)--*/
.detailInformBox{display: flex; flex-direction: column; gap: 40px;}

/* DITitle -> 공통 title */
.DITitle{
  font-size: 18px; font-weight: 600;
  line-height: 22px; margin-bottom: 8px; margin-top: unset;
}

/* DIinput -> 공통 input */
.DIinput{
  font-size: 14px; font-weight:500;
  padding-left: 16px; padding-right: 16px;
}
.DIinput::placeholder{font-size: 14px; color: #CCCCCC;}


/* 작성박스 공통 css (이름, 전화번호, 이메일, 동의) */
.DIinput,
.emailSelBox,
.DITextareaBox,
.agreeBox{
  border: 1px solid #D3D3D3; border-radius: 10px; background-color: #FFFFFF; box-sizing: border-box;
  outline: none; letter-spacing: 0.5px !important; font-family: inherit;
}

/* 이름&전화박스 , 문의&동의박스 공통 css*/
.DI-namePhone,
.DI-inquiryAgree{
  display: flex; flex-direction: column;
  align-items: center; justify-content: space-between;
  gap: 40px;
}

/* 이름&전화 작성박스,이메일 작성박스 width 지정 */
.DI-namePhone .DIinput,
.DI-email .DIinput,
.DI-email .emailSelBox{width: 100%;}

/* 이름작성박스,전화작성박스,문의작성박스,동의체크박스 공통 width */
.DI-namePhone_N,
.DI-namePhone_P,
.DI-inquiryAgreeIN,
.DI-inquiryAgreeAg{width: 100%;}

/* 이름,전화,이메일 공통 height */
.DIinput,
.emailSelBox{ height: 45px; line-height: 45px;}

/*--이메일 박스--*/
.emailBox{position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px;}
.emailBox div:nth-child(1) {margin-right:42px; width: calc(100% - 42px); position: relative;}
.emailBox div:nth-child(1)::after{
  content:'@'; font-size: 25px; font-weight: 700;
  position: absolute; top: 50%; right: -32px; transform: translateY(-50%);
}
.emailBox div:nth-child(2) {margin-right:10px; width: 100%; position: relative;}

/* 이메일 셀렉트( Email select box custom ) */
.emailSelBox * { box-sizing: border-box; }
.emailSelBox{ position: absolute; top: 100px; left: 0; transition: .2s ease-in;}
.emailSelBox.active { height: 304px; transition: .1s ease-in; box-shadow: 0px 2px 6px -2px #63636375; z-index: 100;}
span.sel_arrow {position: relative; width: 20px; height: 7px;}
.sel_arrow img{
  position: absolute; top: 50%; right: 0px; transform: translateY(-50%);
  width: 100%;
}
.sel_arrow.on img{display: none;}
.sel_arrow.on::after{
  content: ''; width: 20px; height: 7px;
  position: absolute; top: 0; right: 0px;
  transform:rotate(180deg);
  background-image: url(/assets/_img/sub/curriculum/renewcour/select2.svg); background-repeat: no-repeat; background-size: cover;
}
.emailSelBox .label {
  font-size: 14px; font-weight: 500; font-family: inherit; color: #CCCCCC;
  padding-left: 16px; padding-right: 16px;
  display: flex; align-items: center; justify-content: space-between;
  width: inherit; height: 45px; line-height: 45px;
  border: 0 none; outline: 0 none; background: transparent; cursor: pointer;
}
.emailSelBox .label.on{color:black; letter-spacing: 0.5px;}

.emailSelBox .optionList {
  position: absolute; top: 45px; left: 0; z-index:100; transition: .1s ease-in;
  width: 100%; max-height: 0;
  background: #fff; color: #000; list-style-type: none;
  padding: 0; margin: unset; border-radius:0 0 15px 15px; overflow: hidden;
}
.emailSelBox .optionList::-webkit-scrollbar {width: 6px;}
.emailSelBox .optionList::-webkit-scrollbar-track {background: transparent; }
.emailSelBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.emailSelBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

.emailSelBox.active .optionList {max-height: 500px;}

.emailSelBox .optionList_item {
  font-size: 14px; letter-spacing: 0.5px; padding: 0px 16px;
  transition: .1s; height: 42px;
  display: flex; align-items: center; cursor: pointer;
}
.emailSelBox .optionList_item:hover {background: #FAFAFA;}
/* -- */

/*--문의내용,약관동의--*/
.DI-inquiryAgree{margin-top: 47px;}

/* 문의작성박스 , 동의체크박스 공통 css*/
.DITextareaBox,
.agreeBox{width: 100%; height: auto; max-height: auto;}

/* 문의내용박스 */
.DITextareaBox{padding: 5px;}
.DITextarea{
  font-family: inherit; font-size: 14px; font-weight: 500; line-height: 21px; word-break: keep-all;
  width: 100%; height: 100%; padding: 5px 10px; box-sizing: border-box; border: none;
  letter-spacing: 0.5px !important;
}
.DITextarea::placeholder{ font-size: 14px; color: #CCCCCC; font-family: 'Pretendard Variable';}
/* -- */

/* 약관동의 */
.agreeBoxCheck{
  height: 45px; line-height: 45px; font-size: 16px; font-weight: 500;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid #ddd; padding: 0 16px 0 16px; box-sizing: border-box;
  position: relative;
}
.agreeBoxCheck_label{cursor: pointer; height: 100%;}
.agreeBoxCheck_label span{color: #2D8CE6;}

.agreeBoxCheck_cheinp{display: none;}

.agreeBoxCheck_cheinp + .agreeBoxCheck_label{
  cursor: pointer;
  width: 24px; height: 24px;
  position: absolute; top: 50%; right: 16px; transform: translateY(-50%);
  background-image: url(/assets/_img/com/check_icon_gray.svg);
  background-repeat: no-repeat; background-position: center; background-size:cover;
}
.agreeBoxCheck_cheinp:checked + .agreeBoxCheck_label::after{
  content:''; width: 24px; height: 24px;
  background-image: url(/assets/_img/com/check_icon_blue.svg);
  position: absolute; left: 0; top:0;
  background-repeat: no-repeat; background-position: center; background-size: cover;
}
.agreeBoxText{
  padding: 12px 16px 14px 16px; color: #A7A7A7 !important;
  font-size: 14px; line-height: 20px;
}
.agreeBoxText_contents{letter-spacing: -0.1px; word-break: keep-all; margin: unset;}
.agreeBoxText_detail{margin-top: 14px; word-break: keep-all;}
.agreeBoxText_detail p{letter-spacing: 0.1px; margin: unset;}
.agreeBoxText span{font-weight: 600;}
/* -- */


/* 문의 등록하기 버튼 */
.inquiryBtnBox{display: flex; justify-content: center;}
.inquiryBtn{
  min-width: 212px; max-width: 310px; min-height: 56px; max-height: 60px;
  background-color:#2D8CE6; color: white;
  font-family: inherit; font-size: 18px; font-weight: 500; letter-spacing: 0.5px;
  border-radius: 50px; margin-top: 50px; border: none; cursor: pointer;
}
.inquiryBtn:hover{background-color: #2083e1;}


/* ///// 문의하기 부분 class 안내 ///// */
.directBlue{border-color: #00A2FF !important; box-shadow: 0 0 0px 0.57px #00A2FF;}
.directRed{border-color: #FF4747 !important; box-shadow: 0 0 0px 0.57px #FF4747;}
.directRed::placeholder{color: #FF4747;}
.directTextRed::placeholder{color: #FF4747;}
/* ----------------------------- */

@media all and (min-width:600px){
  .DI-namePhone{ flex-direction: row; gap: 45px; }
  .emailBox {
    flex-direction: row;
    gap: 0px;
    --emailSelBoxW: calc(34.28% - 14.5px);
    --emailBoxW: calc(100% - var(--emailSelBoxW));
    width: var(--emailBoxW);
  }
  .emailBox div:nth-child(1) {
    margin-right: 24px;
    --Emailbox: calc(var(--emailBoxW) - 29px);
    width: calc(var(--Emailbox) * 2);
  }
  .emailBox div:nth-child(1)::after {font-size: 18px; right: -19.5px;}
  .emailBox div:nth-child(2) {
    margin-right: 5px;
    --Emailbox: calc(var(--emailBoxW) - 29px);
    width: calc(var(--Emailbox) * 2);
  }
  .emailBox .DIinput{width: 100%;}
  .DIinput{ padding-left: 12px; padding-right: 12px; }

  .emailSelBox .label{width: 100%; padding-left: 9px; padding-right: 8px;}
  .emailSelBox .optionList_item { padding: 0px 11px; }
  .emailSelBox{
    --EmailSelBox: calc(50% - 14.5px);
    width: var(--EmailSelBox) !important;
    top: 0px;
    right: calc(var(--EmailSelBox) * -1);
    left: unset;
  }
  span.sel_arrow { width: 16px; height: 6px; }
  .sel_arrow.on::after { width: 16px; height: 6px; }
  .DITextarea{ padding: 5px 7px;}
  .DI-inquiryAgree { margin-top: 0px;}
  .agreeBoxCheck{padding:  0 12px 0 12px;}
  .agreeBoxText {padding: 12px 12px 14px 12px;}
}

@media all and (min-width:640px){
  .emailSelBox .label{padding-left: 12px; padding-right: 12px;}
  .emailSelBox .optionList_item { padding: 0px 12px; }
}

@media all and (min-width:700px){
  .DITitle{font-size: 20px; line-height: 24px;}
  .DI-namePhone {gap: 55px;}
  .DIinput,
  .DIinput::placeholder,
  .emailSelBox .label ,
  .emailSelBox .optionList_item ,
  .DITextarea,
  .DITextarea::placeholder,
  .agreeBoxText {font-size: 15px;}
}

@media all and (min-width:740px){.inquiryBtn{min-width: 230px;}}

@media all and (min-width:768px){
  /* 공통타이틀 css */
  .titleBox_h1 {line-height: 34px;}
  /* ------------------------------------------------- */

  /* --------------문의하기 css /  sec11_inquiry-------------- */
  .DIinput, .emailSelBox, .DITextareaBox, .agreeBox{border-radius: 15px;}
  .DIinput{padding-left: 16px; padding-right: 16px;}
  .emailBox { --emailSelBoxW: calc(34.2% - 16.5px);}
  .emailBox div:nth-child(1) {margin-right: 28px;}
  .emailBox div:nth-child(1)::after {font-size: 22px; right: -22.5px;}
  .emailSelBox{--EmailSelBox: calc(50% - 16.5px);}
  .emailSelBox .label {padding-left: 16px;  padding-right: 16px;}
  .emailSelBox .optionList_item {padding: 0px 16px;}
  span.sel_arrow { width: 22px; height: 8px;}
  .sel_arrow.on::after {width: 22px; height: 8px;}
  .DITextarea { padding: 7px 9px;}
  .agreeBoxCheck { padding: 0 16px 0 16px;}
  .agreeBoxText { padding: 14px 16px 14px 16px;}
}

@media all and (min-width:840px){
  /* 공통타이틀 css */
  .titleBox {margin-bottom: 34px;}
  .titleBox_p {font-size: 18px; line-height: 22px;}
  .titleBox_h1 {font-size: 30px; line-height: 36px;}
  /* ------------------------------------------------- */

  .emailBox {--emailSelBoxW: calc(34.3% - 18.5px);}
  .emailBox div:nth-child(1) {margin-right: 32px;}
  .emailBox div:nth-child(1)::after {font-size: 24px; right: -25px;}
  .emailSelBox {--EmailSelBox: calc(50% - 18.5px);}
}

@media all and (min-width:940px){
  /* 공통타이틀 css */
  .titleBox {margin-bottom: 36px;}
  .titleBox_p {font-size: 20px; line-height: 24px;}
  .titleBox_h1 {font-size: 32px; line-height: 37px;}
  /* ------------------------------------------------- */

  .emailBox {--emailSelBoxW: calc(34.01% - 18.5px);}
  .emailBox div:nth-child(1) {margin-right: 32px;}
  .emailBox div:nth-child(1)::after {font-size: 24px; right: -25px;}
  .emailSelBox {--EmailSelBox: calc(50% - 18.5px);}
}

@media all and (min-width:1000px){
  .sec11_inquiry .titleBox{margin-bottom: 52px;}
  .detailInformBox{gap: 25px;}
  .DIinput,
  .DIinput::placeholder,
  .emailSelBox .label ,
  .emailSelBox .optionList_item ,
  .DITextarea,
  .DITextarea::placeholder,
  .agreeBoxText { font-size: 16px;}

  .DIinput{padding-left: 18px; padding-right: 18px;}
  .DIinput, .emailSelBox{height: 48px; line-height: 48px;}
  .DI-namePhone {gap: 20px;}
  .emailBox div:nth-child(1) {margin-right: 38px;}
  .emailBox div:nth-child(1)::after {font-size: 25px; right: -28.9px;}
  .emailSelBox .label{
    height: 48px; line-height: 48px;
    padding-left: 18px;  padding-right: 18px;
  }
  .emailSelBox .optionList{top: 50px;}
  .emailSelBox .optionList_item{height: 44px; padding: 0px 18px;}
  .emailSelBox.active{height: 320px;}
  .DI-inquiryAgree {flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 20px;}
  .DITextareaBox, .agreeBox { height: 250px;}
  .DITextarea {padding: 9px 13px;}
  .agreeBoxCheck { padding: 0 18px 0 18px;}
  .agreeBoxText { padding: 14px 18px 14px 18px;}
}

@media all and (min-width:1040px){.titleBox_h1 {font-size: 36px; line-height: 44px;}}

@media all and (min-width:1100px){
  /* 공통타이틀 css */
  .titleBox { margin-bottom: 45px;}
  .titleBox_h1 {font-size: 38px; line-height: 44px;}
   /* ------------------------------------------------- */

  .inquiryBtn{font-size: 18px; min-width: 245px; min-height: 60px;}
}

@media all and (min-width:1200px){
  /* 공통타이틀 css */
  .titleBox{ text-align: center; margin-bottom: 50px;}
  .titleBox_p{ font-size: 20px;  font-weight: 500; line-height: 24px; margin-bottom: 5px;}
  .titleBox_h1{font-size: 40px; font-weight: 600; line-height: 47px;}
  /* ------------------------------------------------- */
  .detailInformBox{gap: 30px;}
  .DITitle{font-size: 24px; line-height: 29px; margin-bottom: 10px;}
  .DIinput{font-size: 18px; padding-left: 20px; padding-right: 20px;}

  .DIinput,
  .emailSelBox{ height: 52px; line-height: 52px;}

  .DI-namePhone .DIinput{width: 530px;}

  .DI-namePhone,
  .DI-inquiryAgree{ gap: 20px; margin-top: 0px;}

  .DI-email .DIinput,
  .DI-email .emailSelBox{width: 344px;}

/* 이메일 */
  .emailBox{ --emailSelBoxW: calc(34.16% - 26px); }
  .emailBox div:first-child .DIinput{width: 340px;}
  .emailBox div:nth-child(1) {margin-right:42px; --Emailbox: calc(var(--emailBoxW) - 52px);}
  .emailBox div:nth-child(1)::after{font-size: 25px; right: -32px;}
  .emailBox div:nth-child(2) {margin-right:10px;}

/* select box custom */
  .emailSelBox{--EmailSelBox: calc(50% - 26px);}
  .emailSelBox.active {height: 286px;}
  .sel_arrow.on::after{ width: 24px; height: 9px;}
  .emailSelBox .label {
    padding-left: 20px; padding-right: 20px;
    width: 100%; height: 52px;
  }
  .emailSelBox .optionList {top: 51px;}
  .emailSelBox .optionList_item {padding: 0px 20px; height: 39px;}

/* 문의내용,약관동의 */
  .DI-inquiryAgree{margin-top: 0px;}

  .DITextareaBox,
  .agreeBox{width: 530px; height: 291px;}

  .DITextarea{padding: 12px 15px;}

  .agreeBoxCheck{
    height: 52px; line-height: 52px;
    font-size: 18px; padding: 0 20px 0 20px;
  }
  .agreeBoxText{padding: 9px 20px 15px 20px; line-height: 25px;}
  .agreeBoxText_contents{width: 422px;}
  .agreeBoxText_detail{width: 480px;}

  .inquiryBtn{ width:310px; height:60px; font-size: 22px; }
}