.container { max-width: 1440px; padding: 0 30px; box-sizing: border-box; }
.sub_mains .result-tit { display: flex; align-items: flex-end; }
.sub_mains .result-tit h4 { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.54px; color: #292929; display: inline; margin-right: 10px; }
.sub_mains h4.result-tit h5 { display: inline; }
.search-resultWrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; margin-top: 60px; }
.search-resultWrap .search-result { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.2px; color: #3437ce; }
.search-resultWrap .search-result strong { font-weight: bold; }
.search-resultWrap .btn-prev { min-width: 132px; padding: 17px 20px 20px; background-color: #4f4f4f; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: -0.25px; text-align: center; color: #ffffff; }

.section-etc { padding: 100px 0 120px; }
.section-etc .container { padding: 0 30px; max-width: 910px; }
.section-etc .category-tab { display: flex; justify-content: center; margin-bottom: 91px; }
.section-etc .category-tab a { font-size: 15px; padding: 15px; box-sizing: border-box; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.88; letter-spacing: -0.23px; text-align: center; color: #b0afb7; width: 118px; border-bottom: solid 2px #b0afb7; margin: 0 5px; }
.section-etc .category-tab a.on { color: #4a4e5e; border-color: #3437ce; }

.section-etc .etc-list { margin-bottom: 60px; }
.section-etc .etc-list li { 
    display: flex;
    margin: 0px 0 20px;
    border-bottom: dashed 1px #b0afb7;
    padding: 10px 20px 30px;
    min-height: 200px;
} //여기확인

.section-etc .etc-list .txtBx { width:70%; padding: 23px 0 30px; display: flex; flex-direction: column; }
.section-etc .etc-list .txtBx .info-top { display: flex; align-items: center; margin-bottom: 6px; }
.section-etc .etc-list .txtBx .info-top span { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.16px; color: #979797; }
.section-etc .etc-list .txtBx .info-top span::before { content: 'I'; margin: 0 10px; }
.section-etc .etc-list .txtBx .info-top span:first-child::before { display: none; }
.section-etc .etc-list .txtBx .info-top span:last-child { font-weight: normal; }
.section-etc .etc-list .txtBx h3 { height: 50px; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #292929; margin-bottom: 15px; }
.section-etc .etc-list .txtBx p { 
    font-size: 14px; 
    font-weight: normal; 
    font-stretch: normal; 
    font-style: normal; 
    line-height: 1.36; 
    letter-spacing: normal; 
    color: #757575; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.section-etc .etc-list .moreBx { display: flex; align-items: center; }
.section-etc .etc-list .moreBx a { font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.23px; color: #979797; padding: 10px 41px 10px 12px; position: relative; background: #fff; border-radius: 20px; border: solid 1px #d2d2d2; }
.section-etc .etc-list li .imageBox {display: flex;vertical-align: middle;justify-content: center;padding: 1em 1em;}
.section-etc .etc-list li .imageboxContent{ width: 100%; height: 150px; object-fit: cover; display: block;}






.section-etc .etc-list .moreBx a::after { content: ''; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/home/moreArrow.svg) center/contain no-repeat; width: 17px; height: 12px; position: absolute; top: 10px; right: 12px; }
.section-etc button.moreBtn { display: flex; justify-content: center; min-width: 280px; font-size: 11.2px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: -0.2px; text-align: center; color: #3d3d3d; padding: 15px; border: solid 1px #cfcfcf; background-color: #ffffff; margin: 0 auto; }

.section-etc button.moreBtn.btnStyle{
  display: block
}

.section-etc .no-result { margin: 80px 0 100px; }
.section-etc .no-result h1 { font-size: 50px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: -0.2px; text-align: center; color: #979797; margin-bottom: 5px; }
.section-etc .no-result p { font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: -0.43px; text-align: center; color: #979797; margin-bottom: 60px; }
.section-etc .no-result .noresultVisual { width: 556px; display: block; margin: 0 auto; margin-bottom: 14px; }
.section-etc .no-result .img-center { display: flex; justify-content: center; align-items: center; margin-bottom: 70px; }
.section-etc .no-result .img-center img { margin-right: 18px; }
.section-etc .no-result .img-center img:last-child { margin-right: 0; }
.section-etc .no-result a { display: block; width: 94px; padding: 16px; background-color: #3437ce; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.16px; color: #fff; text-align: center; margin: 0 auto; }

@media all and (max-width:425px){
    .sub_mains .result-tit { align-items: flex-start; flex-direction: column; }

    .section-etc .etc-list li { display: flex; margin-bottom: 20px; border-bottom: dashed 1px #b0afb7; padding: 0 20px; flex-direction: column; padding-bottom: 30px; }
    .section-etc .etc-list { margin-left: -30px; margin-right: -30px; width: 100vw; }
    .section-etc .no-result { transform: scale(0.7); margin:0; }

    .search-resultWrap { flex-direction: column; align-items: flex-start; }
    .search-resultWrap .search-result { margin-bottom: 30px; }
    .section-etc { padding: 50px 0; }
}


.container {
    margin-top: 0;
    padding: 0 30px;
}
.sub_mains {
    margin-top: 144px;
    padding-bottom: 0;
}
.sub_mains .txt_main {
    width: 100%;
}
.sub_mains .txt_main .top_txt p {
    margin-bottom: 42px;
}
.body_tab {
    display: flex;
    justify-content: center;
}
.body_tab li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #3437ce;
    padding: 18px 45px;
    background-color: #ffffff;
    box-sizing: border-box;
    border: solid 1px #cdcdcd;
    border-bottom: 0;
    border-right: 0;
}
.body_tab li:last-child a {
    border-right:1px solid #cdcdcd;
}
.body_tab li.on:last-child a {
    border-right:1px solid #3437ce;
}
.body_tab li.on a {
    background-color: #3437ce;
    border-color: #3437ce;
    color: #fff;
}


.r-form {
    padding: 110px 0 120px;
    display: flex;
}

.r-form-left {
    width: 50%;
    margin-right: 32px;
    width :675px
}
.r-form-right {
    width: 50%;
    width :675px
}
.r-form-left .conBx {
    border-radius: 20px;
    border: solid 1px #cdcdcd;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:93px 30px 63px;
    text-align: center;
    margin-top: 110px;
}
.r-form-left img {
    width: 126px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.r-form-left h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.06;
    letter-spacing: -0.18px;
    text-align: center;
    color: #595959;
}
.r-form-left .conBx div {
    border-top: solid 1px #cdcdcd;
    width: 100%;
    margin-top: 70px;
    padding-top: 32px;
}
.r-form-left .conBx p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.86;
    letter-spacing: -0.25px;
    color: #b0afb7;
    margin-bottom: 9px;
}
.r-form-left .conBx strong {
    display: inline-block;
    font-size: 29px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.52px;
    color: #292929;
    padding-left: 36px;
    background: url(../../images/product/icon_point.png) left center no-repeat;
    background-size: 24px;
    margin-top: 3px;
    margin-bottom: 38px;
}
.r-form-left .conBx a {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.1px;
    text-align: center;
    color: #595959;
    margin-top: 5px;
}


.r-form-right .form-field {
    margin-top: 60px;
    padding: 50px;
    width: 100%;
}

.form-field h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: -0.16px;
    color: #595959;
    margin-bottom: 20px;
}
.form-field h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.35;
    letter-spacing: -0.18px;
    color: #595959;
}
.form-field h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #595959;
}
.form-field h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: -0.15px;
    color: #595959;
}
.form-field h5 {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.15px;
    color: #595959;
    margin: 58px 0 45px;
}

.form-field p {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: -0.22px;
    color: #979797;
    margin: 45px 0 20px;
}
.form-field label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #4a4e5e;
}
.form-field .form-field-row label {
    display: block;
    margin-bottom: 10px;
}

.form-field select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #f2f2f2 url(../../images/common/select-triangle-de.svg) 95% center no-repeat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #b0afb7 !important;
}
.form-field select.data-selected {
    color: #595959 !important;
    border: solid 1px #595959;
    background: #f2f2f2 url(../../images/common/select-triangle.svg) 95% center no-repeat;
}
.form-field textarea,
.form-field select,
.form-field input {
    display: block;
    width: calc(50% - 7.5px);
    border: solid 1px #ffffff;
    background-color: #f2f2f2;
    color: #595959;
    padding: 14px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-field input::placeholder {
    color: #b0afb7;
}
.form-field select:focus,
.form-field input:focus {
    border: solid 1px #4851ff;
}
.form-field textarea {
    width: 100%;
    height: 125px;
}


.form-col-2 {
    columns: 2;
    gap: 15px;
}
.form-col-2 input {
    width: 100%;
}
.form-field-row.width-full input {
    width: 100%;
}

.form-field-row.form-check {
    margin-bottom: 12px;
}
.form-field-row.form-check label {
    display: flex;
    align-items: center;
    position: relative;
}
.form-field-row.form-check label input {
    width: unset;
    margin: unset;
    margin-right: 10px;
    margin-top: 2px;
    opacity: 0;
}
.form-field-row.form-check label span {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #757575;
}
.form-field-row.form-check label .new-radio,
.form-field-row.form-check label .new-checkbox {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #f2f2f2;
    border: 1px solid #979797;
    box-sizing: border-box;
}
.form-field-row.form-check label :checked + .new-radio,
.form-field-row.form-check label :checked + .new-checkbox {
    background-color: #4851ff;
    border-color: #4851ff;
}
.form-field-row.form-check label :checked + .new-checkbox::before {
    content: '';
    display: block;
    width: 9px;
    height: 5px;
    margin:2px;
    transform: rotate(-50deg);
    border: 2px solid #fff;
    box-sizing: border-box;
    border-top: 0;
    border-right: 0;
}
.form-field-row.form-check label .new-radio {
    border-radius: 12px;
}
.form-field-row.form-check label :checked + .new-radio {
    background-color: #fff;
    border-width: 4px;
}
.form-field button {
    margin-top: 50px;
    padding: 19px 40px;
    background-color: #3437ce;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.93;
    letter-spacing: -0.25px;
    text-align: center;
    min-width: 91px;
}
.form-field input[type="file"] {
    opacity: 0;
    height: 1px;
    padding: 0;
    margin: 0;
}
.form-field .new-file {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    text-align: center;
    color: #4851ff;
    padding: 18px 20px;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #979797;
    background-color: #ffffff;
    width: 160px;
    box-sizing: border-box;
    margin-bottom: 0 !important;
}
.form-field .new-fileWrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.form-field .new-fileWrap span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #757575;
    margin-left: 18px;
}

.helpTxt {
    display: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -0.17px;
    color: #4851ff;
    margin-bottom: 10px;
}
.in-helpTxt .helpTxt {
    display: block;
}

input.input-success {
    border-color:#b0afb7;
}



/* responsive */
@media  screen and (max-width:767px) {
    .sub_mains .txt_main {padding: 0;}
    .body_tab li a {padding: 18px 32px; white-space: nowrap;}
    .r-form {flex-direction: column;padding: 0;}
    .r-form .r-form-left {width: 100%; margin-right: 0; padding: 0 30px;}
    .r-form .r-form-right {width: 100%; margin-top:30px; }
    .r-form-left .conBx {margin-top: 30px; padding: 76px 0;}
    .r-form-left .conBx div {margin-top: 32px;}
    .r-form-left .conBx strong {margin-bottom: 43px;}
    .r-form-right .form-field {margin-top: 0; padding: 40px 30px;}
    .form-field select, .form-field input {width: 100%;}
    .form-col-2 {columns: 1;}
    .form-field h1 {margin-bottom: 14px;}
}

.container {
    margin-top: 0;
    padding: 0 30px;
}

.sub_mains {
    margin-top: 144px;
    padding-bottom: 0;
}

.sub_mains .txt_main {
    width: 100%;
}

.sub_mains .txt_main .top_txt p {
    margin-bottom: 42px;
}

.body_tab {
    display: flex;
    justify-content: center;
}

.body_tab li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #3437ce;
    padding: 18px 45px;
    background-color: #ffffff;
    box-sizing: border-box;
    border: solid 1px #cdcdcd;
    border-bottom: 0;
    border-right: 0;
}

.body_tab li:last-child a {
    border-right: 1px solid #cdcdcd;
}

.body_tab li.on:last-child a {
    border-right: 1px solid #3437ce;
}

.body_tab li.on a {
    background-color: #3437ce;
    border-color: #3437ce;
    color: #fff;
}


.r-form {
    padding: 110px 0 120px;
    display: flex;
}

.r-form-left {
    width: 50%;
    margin-right: 32px;
    width: 675px
}

.r-form-right {
    width: 50%;
    width: 675px
}

.r-form-left .conBx {
    border-radius: 20px;
    border: solid 1px #cdcdcd;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 93px 30px 63px;
    text-align: center;
    margin-top: 110px;
}

.r-form-left img {
    width: 126px;
    margin: 0 auto;
    margin-bottom: 32px;
}

.r-form-left h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.06;
    letter-spacing: -0.18px;
    text-align: center;
    color: #595959;
}

.r-form-left .conBx div {
    border-top: solid 1px #cdcdcd;
    width: 100%;
    margin-top: 70px;
    padding-top: 32px;
}

.r-form-left .conBx p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.86;
    letter-spacing: -0.25px;
    color: #b0afb7;
    margin-bottom: 9px;
}

.r-form-left .conBx strong {
    display: inline-block;
    font-size: 29px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.52px;
    color: #292929;
    padding-left: 36px;
    background: url(../../images/product/icon_point.png) left center no-repeat;
    background-size: 24px;
    margin-top: 3px;
    margin-bottom: 38px;
}

.r-form-left .conBx a {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.1px;
    text-align: center;
    color: #595959;
    margin-top: 5px;
}


.r-form-right .form-field {
    margin-top: 60px;
    padding: 50px;
    width: 100%;
}

.form-field h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: -0.16px;
    color: #595959;
    margin-bottom: 20px;
}

.form-field h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.35;
    letter-spacing: -0.18px;
    color: #595959;
}

.form-field h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #595959;
}

.form-field h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: -0.15px;
    color: #595959;
}

.form-field h5 {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.15px;
    color: #595959;
    margin: 58px 0 45px;
}

.form-field p {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: -0.22px;
    color: #979797;
    margin: 45px 0 20px;
}

.form-field label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #4a4e5e;
}

.form-field .form-field-row label {
    display: block;
    margin-bottom: 10px;
}

.form-field select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #f2f2f2 url(../../images/common/select-triangle-de.svg) 95% center no-repeat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #b0afb7 !important;
}

.form-field select.data-selected {
    color: #595959 !important;
    border: solid 1px #595959;
    background: #f2f2f2 url(../../images/common/select-triangle.svg) 95% center no-repeat;
}

.form-field textarea,
.form-field select,
.form-field input {
    display: block;
    width: calc(50% - 7.5px);
    border: solid 1px #ffffff;
    background-color: #f2f2f2;
    color: #595959;
    padding: 14px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-field input::placeholder {
    color: #b0afb7;
}

.form-field select:focus,
.form-field input:focus {
    border: solid 1px #4851ff;
}

.form-field textarea {
    width: 100%;
    height: 125px;
}


.form-col-2 {
    columns: 2;
    gap: 15px;
}

.form-col-2 input {
    width: 100%;
}

.form-field-row.width-full input {
    width: 100%;
}

.form-field-row.form-check {
    margin-bottom: 12px;
}

.form-field-row.form-check label {
    display: flex;
    align-items: center;
    position: relative;
}

.form-field-row.form-check label input {
    width: unset;
    margin: unset;
    margin-right: 10px;
    margin-top: 2px;
    opacity: 0;
}

.form-field-row.form-check label span {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #757575;
}

.form-field-row.form-check label .new-radio,
.form-field-row.form-check label .new-checkbox {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #f2f2f2;
    border: 1px solid #979797;
    box-sizing: border-box;
}

.form-field-row.form-check label :checked+.new-radio,
.form-field-row.form-check label :checked+.new-checkbox {
    background-color: #4851ff;
    border-color: #4851ff;
}

.form-field-row.form-check label :checked+.new-checkbox::before {
    content: '';
    display: block;
    width: 9px;
    height: 5px;
    margin: 2px;
    transform: rotate(-50deg);
    border: 2px solid #fff;
    box-sizing: border-box;
    border-top: 0;
    border-right: 0;
}

.form-field-row.form-check label .new-radio {
    border-radius: 12px;
}

.form-field-row.form-check label :checked+.new-radio {
    background-color: #fff;
    border-width: 4px;
}

.form-field button {
    margin-top: 50px;
    padding: 19px 40px;
    background-color: #3437ce;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.93;
    letter-spacing: -0.25px;
    text-align: center;
    min-width: 91px;
}

.form-field input[type="file"] {
    opacity: 0;
    height: 1px;
    padding: 0;
    margin: 0;
}

.form-field .new-file {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    text-align: center;
    color: #4851ff;
    padding: 18px 20px;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #979797;
    background-color: #ffffff;
    width: 160px;
    box-sizing: border-box;
    margin-bottom: 0 !important;
}

.form-field .new-fileWrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.form-field .new-fileWrap span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #757575;
    margin-left: 18px;
}

.helpTxt {
    display: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -0.17px;
    color: #4851ff;
    margin-bottom: 10px;
}

.in-helpTxt .helpTxt {
    display: block;
}

input.input-success {
    border-color: #b0afb7;
}



/* responsive */
@media screen and (max-width:767px) {
    .sub_mains .txt_main {
        padding: 0;
    }

    .body_tab li a {
        padding: 18px 32px;
        white-space: nowrap;
    }

    .r-form {
        flex-direction: column;
        padding: 0;
    }

    .r-form .r-form-left {
        width: 100%;
        margin-right: 0;
        padding: 0 30px;
    }

    .r-form .r-form-right {
        width: 100%;
        margin-top: 30px;
    }

    .r-form-left .conBx {
        margin-top: 30px;
        padding: 76px 0;
    }

    .r-form-left .conBx div {
        margin-top: 32px;
    }

    .r-form-left .conBx strong {
        margin-bottom: 43px;
    }

    .r-form-right .form-field {
        margin-top: 0;
        padding: 40px 30px;
    }

    .form-field select,
    .form-field input {
        width: 100%;
    }

    .form-col-2 {
        columns: 1;
    }

    .form-field h1 {
        margin-bottom: 14px;
    }
}

.footer .add_area {
    background: #f9f9f9 url(../../images/common/bg_add_line.png) repeat;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background-size: 20px;
    box-sizing: border-box;
    padding-top: 60px;
}

.footer .add_area .add_inner {
    max-width: 1440px;
    background: url(../../images/why/bg_add_side.png) right center no-repeat;
}

.footer .add_area .add_inner a {
    background: none;
}

.footer .add_area .add_inner a span {
    background-color: #4a4e5e;
    color: #fff;
}

.container {
    max-width: 1380px;
    padding: 0 30px;
}

.footer {
    margin-top: 0;
}

.section-why.visual .conTop {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 80px;
}

.section-why.visual .conBottom {
    margin: 60px auto;
    max-width: 910px;
    padding: 0 30px;
    display: flex;
}

.section-why.visual .conBottom>div {
    width: 50%;
    display: flex;
}

.section-why.visual .conBottom h2 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.2px;
    color: #595959;
    margin-top: 7px;
}

.section-why.visual .conBottom .labtopCon {
    display: flex;
    flex-direction: column;
}

.section-why.visual .conBottom .labtopCon>div {
    display: flex;
    align-items: center;
}

.section-why.visual .conBottom .labtopCon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.section-why.visual .conBottom .labtopCon p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #595959;
    margin-left: 40px;
}

.section-why.visual h1 {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.72px;
    text-align: center;
    color: #595959;
    margin-top: 160px;
    margin-bottom: 70px;
}

.section-why.visual h1 span {
    font-weight: normal;
}

.section-why.visual .visual-imgWrap {
    display: flex;
}

.section-why.visual .visual-imgWrap>div {
    width: 33.3%;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-why.visual .visual-imgWrap>div img {
    width: 286px;
    margin-bottom: 22px;
}

.section-why.visual .visual-imgWrap>div p {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.2px;
    text-align: center;
    color: #595959;
}


.section-why-con01 {
    padding: 90px 0;
    background: #f9f9f9 url(../../images/common/bg_add_line.png) repeat;
    background-size: 30px;
}

.section-why-con01 .innerWrap {
    margin: 0 auto;
    max-width: 910px;
    padding: 0 30px;
    box-sizing: content-box;
}

.section-why-con01 .conWrap {
    border-radius: 20px;
    border: solid 1px #cdcdcd;
    background-color: #fff;
    box-sizing: content-box;
    overflow: hidden;
}

.section-why-con01 .conWrap .innerPadding {
    padding: 81px 50px 0;
}

.section-why-con01 .conWrap h1 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: -0.54px;
    text-align: center;
    color: #595959;
    margin-bottom: 92px;
}

.section-why-con01 .conWrap h1 span {
    font-weight: normal;
}

.section-why-con01 .conWrap .tabWrap {
    border-bottom: dashed 1px #3437ce;
    padding-bottom: 15px;
}

.section-why-con01 .conWrap.card-03 .tabWrap,
.section-why-con01 .conWrap.card-04 .tabWrap {
    border-color: #f43442;
}

.section-why-con01 .conWrap .tab {
    display: flex;
}

.section-why-con01 .conWrap .tab a {
    text-align: center;
    padding: 24px 15px 27px 56px;
    border-radius: 10px;
    border: solid 2px #cdcdcd;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.4px;
    text-align: center;
    color: #979797;
    width: 50%;
    margin-right: 28px;
    background: url(../../images/why/why-con01-check-df.svg) 25px center no-repeat;
}

.section-why-con01 .conWrap .tab a:last-child {
    margin: 0;
}

.section-why-con01 .conWrap .tab a.active {
    border: solid 2px #3437ce;
    color: #3437ce;
    background-color: rgba(232, 240, 249, 0.5);
    background-image: url(../../images/why/why-con01-check-blue.svg);
}

.section-why-con01 .conWrap .tab a:last-child.active {
    color: #f43442;
    border: solid 2px #f43442;
    background-color: rgba(255, 207, 207, 0.21);
    background-image: url(../../images/why/why-con01-check-red.svg);
}

.section-why-con01 .conWrap .tab-bottom>div {
    display: flex;
    align-items: center;
}

.section-why-con01 .conWrap .tab-bottom a {
    text-align: center;
    margin-top: 20px;
    margin-right: 0;
    padding: 24px 15px 27px 25px;
    border-radius: 10px;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.4px;
    color: #979797;
    margin-right: 28px;
    padding-left: 78px;
    background: url(../../images/why/why-con01-check-df.svg) 25px center no-repeat;
}

.section-why-con01 .conWrap .tab-bottom .blue-check a.active {
    color: #3437ce;
    background-image: url(../../images/why/why-con01-check-blue.svg);
}

.section-why-con01 .conWrap .tab-bottom .red-check a.active {
    color: #f43442;
    background-image: url(../../images/why/why-con01-check-red.svg);
}

.section-why-con01 .conWrap .visualWrap {
    display: flex;
    padding-top: 112px;
    border-bottom: solid 3px #3437ce;
    ;
}

.section-why-con01 .conWrap.conWrap.card-03 .visualWrap,
.section-why-con01 .conWrap.conWrap.card-04 .visualWrap {
    border-color: #f43442;
}

.section-why-con01 .conWrap .visualWrap .visual-img h2 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.24px;
    color: #292929;
    z-index: 1;
}

.section-why-con01 .conWrap .visualWrap .visual-img div {
    width: 350px;
    height: 350px;
    background: url(../../images/why/why-cad-bg01.svg) 0 no-repeat;
    margin-top: -20px;
}

.section-why-con01 .conWrap.card-02 .visualWrap .visual-img div {
    background: url(../../images/why/why-cad-bg02.svg) 0 no-repeat;
}

.section-why-con01 .conWrap.card-03 .visualWrap .visual-img div {
    background: url(../../images/why/why-cad-bg03.svg) 0 no-repeat;
}

.section-why-con01 .conWrap.card-04 .visualWrap .visual-img div {
    background: url(../../images/why/why-cad-bg04.svg) 0 no-repeat;
}

.section-why-con01 .conWrap .visualWrap .visual-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.section-why-con01 .conWrap .visualWrap .visual-txt li {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.18px;
    color: #595959;
    position: relative;
    padding-left: 17px;
    margin-bottom: 10px;
}

.section-why-con01 .conWrap .visualWrap .visual-txt li::before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #757575;
    left: 0;
    top: 9px;
}

.section-why-con01 .conWrap .visualWrap .visual-txt span {
    font-weight: bold;
}

.section-why-con01 .conWrap .featureWrap {
    padding: 60px 0 70px;
    border-bottom: solid 3px #3437ce;
}

.section-why-con01 .conWrap.card-03 .featureWrap,
.section-why-con01 .conWrap.card-04 .featureWrap {
    border-color: #f43442;
}

.section-why-con01 .conWrap .featureWrap h1 {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.2px;
    text-align: center;
    color: #3437ce;
    margin-bottom: 47px;
}

.section-why-con01 .conWrap.card-03 .featureWrap h1,
.section-why-con01 .conWrap.card-04 .featureWrap h1 {
    color: #f43442;
}

.section-why-con01 .conWrap .featureWrap span {
    font-weight: normal;
}

.section-why-con01 .conWrap .featureWrap .itemWrap {
    display: flex;
    justify-content: space-around;
}

.section-why-con01 .conWrap .featureWrap li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.section-why-con01 .conWrap .featureWrap li img {
    width: 110px;
    height: 110px;
    margin-bottom: 25px;
}

.section-why-con01 .conWrap .featureWrap li p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #595959;
    width: 65%;
}

.section-why-con01 .conWrap .etc {
    padding: 41px 0 98px;
}

.section-why-con01 .conWrap .etc span {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: -0.25px;
    color: #979797;
}

.section-why-con01 .conWrap .etc .logs {
    /* display: flex; */
}

.section-why-con01 .conWrap .etc .logs img {
    margin-right: 24px;
    margin-bottom: 20px;
    display: inline-block;
}

.section-why-con01 .conWrap .etc a {
    margin-right: 19px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.1px;
    color: #595959;
    text-decoration: underline;
}

.section-why-con01 .conWrap .etc button {
    float: right;
    width: 215px;
    height: 58px;
    padding: 20px;
    background-color: #4f4f4f;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
    margin-top: -91px;
}

.section-why-con01 .conWrap .bottom {
    text-align: center;
    padding: 43px 0 53px;
    background-color: #f2f2f2;
    width: 100%;
}

.section-why-con01 .conWrap .bottom p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.86;
    letter-spacing: -0.25px;
    color: #b0afb7;
    margin-bottom: 9px;
}

.section-why-con01 .conWrap .bottom strong {
    display: inline-block;
    font-size: 29px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.52px;
    color: #292929;
    padding-left: 36px;
    background: url(../../images/product/icon_point.png) left center no-repeat;
    background-size: 24px;
}



.section-why-con02 {
    padding: 130px 0;
}

.section-why-con02 h5 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.2px;
    color: #b0afb7;
    margin-bottom: 100px;
}

.section-why-con02 .conWrap {
    display: flex;
}

.section-why-con02 .conWrap>div {
    width: 50%;
}

.section-why-con02 .conWrap .leftCon {
    margin-right: 32px;
}

.section-why-con02 .conWrap .leftCon h1 {
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.72px;
    color: #595959;
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid #292929;
}

.section-why-con02 .conWrap .leftCon p {
    margin-bottom: 48px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: -0.29px;
    color: #595959;
    word-break: break-all;
}

.section-why-con02 .conWrap .leftCon img {
    width: 100%;
}

.section-why-con02 .conWrap .rightCon {
    display: flex;
    flex-direction: column;
}

.section-why-con02 .conWrap .rightCon>div {
    height: 50%;
}

.section-why-con02 .conWrap .rightCon .topCon {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
}

.section-why-con02 .conWrap .rightCon .topCon a {
    width: 240px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.29px;
    text-align: center;
    color: #757575;
    padding: 18px 47px 19px 28px;
    white-space: nowrap;
    border-radius: 37px;
    border: solid 1px #cdcdcd;
    background-color: #f2f2f2;
    position: relative;
}

.section-why-con02 .conWrap .rightCon .topCon a::after {
    content: '';
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/why/websiteLink.svg) center/contain no-repeat;
}

.section-why-con02 .conWrap .rightCon .bottomCon {
    display: flex;
    justify-content: center;
}

.section-why-con02 .conWrap .rightCon .bottomCon li {}

.section-why-con02 .conWrap .rightCon .bottomCon li a {
    display: block;
    padding: 30px 0;
    border-bottom: dashed 1px #979797;
    position: relative;
    width: 340px;
}

.section-why-con02 .conWrap .rightCon .bottomCon li a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 42px;
    background: url(../../images/why/why-arrow.svg) 0 no-repeat;
    height: 15px;
    width: 42px;
}

.section-why-con02 .conWrap .rightCon .bottomCon li a em {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #979797;
    margin-bottom: 5px;
}

.section-why-con02 .conWrap .rightCon .bottomCon li a h4 {
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -0.3px;
    color: #595959;
}


.thumbBoxCad{
  width: 30%;
}
.txtBx{
  width: 70%;
}
#resultListBox{
    display: flex;
    width: 100%;
    gap: 20px;
}


@media all and (max-width:768px) {
  #resultListBox{
    flex-direction: column;
  }
  .section-etc .etc-list li .imageboxContent{
    height: 200px;
  }
  .thumbBoxCad{
    width: 100%;
  }
.txtBx{
  width: 100%;
}
    .section-why.visual .visual-imgWrap {
        flex-direction: column;
        align-items: center;
    }

    .section-why.visual .visual-imgWrap>div {
        margin-bottom: 30px;
        width: 100%;
    }

    .section-why.visual .conBottom {
        flex-direction: column;
        align-content: center;
    }

    .section-why.visual .conBottom>div {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .section-why.visual .conBottom h2 {
        text-align: center;
        margin: 0 auto;
    }

    .section-why.visual .conBottom .labtopCon>div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .section-why.visual .conBottom .labtopCon p {
        margin: 0;
    }

    .section-why-con02 .conWrap {
        flex-direction: column;
    }

    .section-why-con02 .conWrap>div {
        width: 100%;
        margin-right: 0 !important;
    }

    .section-why-con02 .conWrap .rightCon .bottomCon,
    .section-why-con02 .conWrap .rightCon .topCon {
        padding-top: 100px;
    }

    .section-why-con02 .conWrap .rightCon .bottomCon li a,
    .section-why-con02 .conWrap .rightCon .bottomCon ul {
        width: 100%;
    }
}


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


    .sub_mains {
    margin-top: 140px !important;
    border-bottom: 4px solid #3437ce  !important;
}



    .sub_mains .result-tit h4 { font-size: 24px; margin-bottom: 10px;}

.sub_mains .txt_main .top_txt h2 {
    font-size: 39px;    
}


    .section-why-con01 .innerWrap {
        padding: 0;
    }

    .section-why-con01 .conWrap {
        border: 0;
    }

    .section-why-con01 .conWrap .innerPadding {
        padding: 0;
        padding-top: 70px;
    }

    .section-why-con01 .conWrap h1 {
        font-size: 24px;
        margin-bottom: 60px;
    }

    .section-why-con01 .conWrap .tab-bottom>div,
    .section-why-con01 .conWrap .tab {
        flex-direction: column;
    }

    .section-why-con01 .conWrap .tab-bottom>div {
        align-items: flex-start;
    }

    .section-why-con01 .conWrap .tabWrap {
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
    }

    .section-why-con01 .conWrap .tab a {
        width: auto;
        margin: 0;
    }

    .section-why-con01 .conWrap .tab a.active {
        margin-bottom: 193px
    }

    .section-why-con01 .conWrap .tab a:last-child.active {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .section-why-con01 .conWrap .tab-bottom a {
        margin: 0;
        margin-top: 7px;
    }

    .section-why-con01 .conWrap .tab-bottom>div.blue-check {
        align-items: flex-start;
        position: absolute;
        top: 87px;
    }

    .section-why-con01 .conWrap .visualWrap {
        padding-top: 99px;
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
    }

    .section-why-con01 .conWrap .visualWrap .visual-img div {
        margin: 0 auto;
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        height: 0;
    }

    .section-why-con01 .conWrap .visualWrap .visual-txt {
        margin-top: 20px;
        margin-bottom: 80px;
    }

    .section-why-con01 .conWrap .featureWrap {
        padding: 80px 30px;
    }

    .section-why-con01 .conWrap .featureWrap h1 {
        font-size: 22px;
        margin-bottom: 53px;
    }

    .section-why-con01 .conWrap .featureWrap .itemWrap {
        flex-direction: column;
    }

    .section-why-con01 .conWrap .featureWrap li {
        flex-direction: row;
        margin-bottom: 35px;
    }

    .section-why-con01 .conWrap .featureWrap li img {
        margin-bottom: 0;
    }

    .section-why-con01 .conWrap .featureWrap li p {
        text-align: left;
        margin-left: 5%;
    }

    .section-why-con01 .conWrap .etc {
        padding: 70px 30px 80px;
    }

    .section-why-con01 .conWrap .etc button {
        float: unset;
        margin-top: 54px;
        margin-bottom: 0;
        width: 100%;
    }

    .section-why-con02 .conWrap .leftCon img {
        margin-left: -30px;
        margin-right: -30px;
        width: 100vw;
    }
}