.maatuo {
    max-width: 100%;
    padding: 0 1.625rem;
}

/* 메인비주얼 */
.main_visual {
    height: 44.38rem;
}

.main_visual::before {
    background: #eaeaea url(https://www.hakdokman.com/main/asset/isa/img_main_mobile.png) no-repeat center top / auto 44.38rem;
}

.main_visual .visual_wrap {
    top: 7.625rem;
}

.main_visual .visual_wrap p em {
    padding: 0 0.625rem;
    line-height: 1.375rem;
    font-size: 0.9375rem;
    border-radius: 1.375rem;
}

.main_visual .visual_wrap p em+em {
    margin: 0 0 0 0.625rem;
}

.main_visual .visual_wrap h2 {
    padding: 4rem 0 1.625rem;
    font-size: 2rem;
    line-height: 1.3;
}

.main_visual .visual_wrap h1 {
    font-size: 1.125rem;
}

/* 메인컨텐츠 */
#section1 {
    padding: 6.875rem 0;
}

.section1 .isa_plus::before {
    top: 37%;
    transform: translate(-50%, -50%);
    width: 2.375rem;
    height: 2.375rem;
}

.section1 .isa_plus li {
    float: none;
    width: 15rem;
    margin: 0 auto;
}

.section1 .isa_plus::after {
    bottom: 0;
    width: 100%;
    height: 4rem;
    background-size: auto 100%;
    background: url(https://www.hakdokman.com/main/asset/isa/mobile_line_4.svg) no-repeat center / auto 100%;
}

.section1 .isa_plus .plus1 {
    padding: 0 0 5.563rem 0;
}

.section1 .isa_plus .plus2 {
    padding: 5.875rem 0 9.375rem 0;
}

.section1 .isa_plus li h5 {
    font-size: 1.625rem;
    margin-bottom: 1.1rem;
    line-height: 3.125rem;
}

.section1 .isa_plus li p {
    font-size: 1rem;
    padding: 0 0 0.875rem;
}

.section1 .isa_plus .plus1 p {
    border-bottom: 2px solid #32b77f;
    padding: 0 0 0.95rem;
}

.section1 .isa_plus .plus2 p {
    border-bottom: 2px solid #ff957c;
}

.section1 .plus_textbox {
    padding: 3.75rem 0 4.5rem;
    width: 19.2rem;
    margin: 5.313rem auto 0;
}

.section1 .plus_textbox .bg_img {
    padding: 5.4rem 0 0;
    width: 100%;
    background-size: 7.5rem auto;
    background-position: center top;
    text-align: center;
}

.section1 .plus_textbox img {
    float: none;
    width: 7.5rem;
}

.section1 .plus_textbox h2 {
    padding: 1.625rem 0 1.25rem;
    font-size: 1.5rem;
}

/* 2번째 섹션 */
/* 타이틀공통 */
.sub_title {
    font-size: 1.625rem;
    line-height: 1.5
}

.title_desc {
    font-size: 0.9375rem;
}

/* section2 - article1 더 자세히 알고 싶다면?*/
.article1 strong {
    padding: 3.438rem 0 1rem;
    font-size: 1rem;
    background-size: 3.125rem 3.125rem;
}

.article1 .sub_title {
    padding: 0 0 2.25rem;
}

/* 라인배너 성장은 앞당기고 지출은 미루세요.*/
.line_banner {
    margin: 12.38rem 0 0;
    height: 15.38rem;
    background: linear-gradient(152deg, #cbf5ed 16%, #d9f5cc 62%, #d9f5cc 85%)
}

.line_banner .banner_box::before {
    left: 50%;
    transform: translate(-50%);
    top: -4.063rem;
    width: 8.438rem;
    height: 8.438rem;
}

.line_banner .banner_text {
    padding: 5.688rem 0 0 0;
    width: 16.25rem;
    margin: 0 auto;
    text-align: center;
}

.line_banner .banner_text i {
    font-size: 1rem;
}

.line_banner .banner_text i::before {
    left: 0
}

.line_banner .banner_text i::after {
    top: 2.5rem;
}

.line_banner .banner_text b {
    font-size: 1.5rem;
    padding: 0.9375rem 0 0;
}

/* section2 - article2 키워드로 보는 소득공유 후불제 */
.article2 {
    padding: 9.375rem 0;
}

.article2 .keyword_content {
    padding: 1rem 0 0;
}

.article2 .keyword_content li {
    width: 15rem;
    margin-top: 4rem;
    padding: 4.875rem 0 0;
    background-size: 4.063rem 4.063rem;
}

.article2 .keyword_content li+li {
    margin-top: 4.125rem;
}

.article2 .keyword_content li .keyword_text {
    padding: 1.625rem 0.5rem;
}

.article2 .keyword_content li h6 {
    padding: 0 0 1.313rem;
    font-size: 1.125rem;
    color: #0a723f;
}

.article2 .keyword_content li .keyword_text {
    font-size: 1rem;
}

.article2 .keyword_content li .keyword_text .atta {
    font-size: 0.875rem;
}

/* section2 - article3 세 가지 조건 중 단 한 가지만 충족해도 교육비 납부 완료! */
.article3 {
    padding: 7.5rem 0 5.9rem;
}

.article3 .sub_title {
    padding: 0;
    border: none;
    line-height: 1.6;
}

.article3 .condition_content {
    margin: 4.938rem 0 0;
}
.condition_content .clear{
    display: none;
}

.article3 .condition_content li {
    width: 16.88rem;
    height: 26.13rem;
    text-align: center;
}

.article3 .condition_content li+li {
    margin: 1.7rem auto 0;
}

/* condition_text */
.article3 .condition_content li div {
    padding: 2.5rem 0;
    width: 15rem;
    height: 24.88rem;
}

.article3 .condition_content li .text_box {
    position: static;
}

.article3 .condition_content li .text_box h3 {
    float: none;
    width: 100%;
    height: auto;
    padding: 1.25rem 0 7.938rem 0;
    font-size: 1.125rem;
    background-position: center bottom;
    background-size: 7.188rem 7.188rem;
    background-color: transparent;
    border-radius: 0;
}

/* 체크원형 */
.article3 .condition_content li .text_box::before {
    position: static;
    transform: translateY(0);
}

.article3 .condition_content li .condition_text1 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_off_card_icon1.svg);
}

.article3 .condition_content li .condition_text2 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_off_card_icon2.svg);
}

.article3 .condition_content li .condition_text3 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_off_card_icon3.svg);
}

.article3 .condition_content li div p {
    padding: 2.125rem 0;
    display: block;
    float: none;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.article3 .condition_content li div p em {
    display: block;
    vertical-align: baseline;
    ;
}

/*condition_text hover시 컨텐트 */
/* 가운데 이미지 */
.article3 .condition_content li:hover .condition_text1 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_on_card_icon1.svg);
}

.article3 .condition_content li:hover .condition_text2 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_on_card_icon2.svg);
}

.article3 .condition_content li:hover .condition_text3 h3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_on_card_icon3.svg);
}

.article3 .condition_content li:hover h3 {
    font-size: 1.313rem;
    color: #000;
}

.article3 .condition_content li:hover p em {
    font-size: 1rem;
    color: #000;
}

/* section2 - article4 소득공유 후불제 납부 예시 */
.article4 {
    padding: 11.25rem 0 7.5rem;
}

.article4 .ex_info {
    margin: 1.875rem auto 0;
    padding: 0;
    width: 15rem;
}

.article4 .ex_info li {
    float: none;
    padding: 0.75rem 0;
    width: 100%;
}

.article4 .ex_info li+li {
    margin: 0.5rem 0 0;
}

.article4 .ex_info li em {
    font-size: 0.9375rem;
}

.article4 .ex_info li b {
    font-size: 0.9375rem;
}

/* 슬라이드 */
.slide_wrap {
    width: 100%;
    margin: 4.688rem auto 0;
    padding: 0;
}

.slide_wrap .indicator {
    width: 17.13rem;
    margin: 0 auto;
}

.slide_wrap .indicator li {
    margin: 1.25rem 0 0 -2px;
    width: 5.813rem;
    height: 2.375rem;
    background: url(https://www.hakdokman.com/main/asset/isa/mbi_arrow_off.svg) no-repeat left top / auto 2.375rem;
    font-size: 0.9375rem;
    line-height: 2.375rem;
}

.slide_wrap .indicator li:first-child {
    margin: 1.25rem 0 0 2.813rem;
}

.slide_wrap .indicator li:nth-child(3) {
    clear: both;
}

/*인디케이터 선택했을때 */
.slide_wrap .indicator li.on {
    background-image: url(https://www.hakdokman.com/main/asset/isa/mbi_arrow_on.svg)
}

/* 슬라이드 컨텐츠 */
.slide_content {
    position: relative;
    width: 19.1875rem;
    margin: 2.313rem auto 0;
}

.dummy {
    height: 49.56rem;
}

.slide_list .slide_box {
    width: 19.1875rem;
    height: 720px;
    border-radius: 0.9375rem;
    padding: 3.625rem 1rem;
}

.slide_list .slide_box .talk .alias {
    background-size: 3.75rem 3.75rem;
}

.slide_list .slide_box .talk .alias i {
    margin: 4.375rem 0 0;
    width: 5.188rem;
    line-height: 1.438rem;
    font-size: 0.9375rem;
}

.slide_list .slide_box .talk .person p {
    width: 15rem;
    padding: 1.2rem 0.8rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: -0.39px;
}

.slide_list .slide_box .talk .person p b {
    font-weight: bold;
}

.slide_list .slide_box .sdiv_talk_box .person p::before {
    bottom: -1.063rem;
    left: 1.375rem;
}

.slide_list .slide_box .hdm_talk_box .person p::before {
    right: 3.75rem;
}

/*여기까지 공통적용부분 */
/* 겉 패딩값 */
.slide_list .box1 {
    padding: 4.25rem 2.125rem;
}
.slide_list .box2 {
    padding: 3.563rem 2.125rem 4.938rem;
}
.slide_list .box3 {
    padding: 3.563rem 2.125rem 4.938rem;
}
.slide_list .box4 {
    padding: 3.563rem 2.125rem 4.938rem;
}
.slide_list .box5 {
    padding: 2rem 2.125rem;
}

/* 여기까지 hdm_talk, sdiv_talk 박스위치 */
.slide_list .slide_box .hdm_talk_box{
    bottom: 6.5rem;
}
.slide_list .slide_box .sdiv_talk_box .alias {
    bottom: -7.063rem;
}

.slide_list .slide_box .hdm_talk_box .alias {
    bottom: -6.5rem;
}

.slide_list .slide_box .talk.hdm_talk_box .person p {
    padding: 1.125rem 0.75rem;
}

/* section2-article5 소득공유 후불제 계산기*/
.article5 {
    padding: 5.125rem 0;
}

/* 계산컨텐트 */
.article5 .class_choice {
    max-width: 19.19rem;
    height: 2.875rem;
}

.article5 .class_choice .class_find {
    left: 6%;
    width: 1.125rem;
    height: 1.125rem;
}

.article5 .class_choice img {
    width: 100%;
}

.article5 .class_choice .select_class {
    width: 100%;height: 3rem;
}

.article5 .class_choice .select_class a {
    width: 75%;
    padding: 0 0 0 0.5rem;
    font-size: 0.875rem;
    line-height: 2.875rem;
}

.article5 .class_choice .select_class img {
    padding: 0 0 0 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -3px;
}


.article5 .class_choice .select_class img {
    padding: 0 0 0 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -3px;
}

.article5 .class_choice .refresh {
    width: 1.125rem;
    height: 1.125rem;
}

/* 학원리스트 선택 */
.article5 .class_choice .class_select {
    position: relative;
    top: -0.625rem;
    padding: 1.25rem 0 0;
    max-width: 46.44rem;
    height: auto;
    background: #fff;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: max-height 250ms cubic-bezier(.25, .45, .45, .95);
    -moz-transition: max-height 250ms cubic-bezier(.25, .45, .45, .95);
    -o-transition: max-height 250ms cubic-bezier(.25, .45, .45, .95);
    transition: max-height 250ms cubic-bezier(.25, .45, .45, .95);
}

.article5 .class_choice .class_select.active {
    max-height: 500px;
    visibility: visible;
}

.article5 .class_choice .class_select li .hdm_class {
    font-size: 0.875rem;
    line-height: 2.375rem;
}

/* 선택시 */
.article5 .class_choice .select_class.on+.class_select {
    height: 14.27rem;
    opacity: 1;
}

/* 계산컨텐트 왼쪽*/
.article5 .calculator_wrap {
    margin: 4.25rem 0 0;
}

.article5 .left_content .job_average {
    padding: 0 0 13rem;
    background-size: 13rem;
}
.article5 .left_content .job_average .source{
    padding: 0.875rem 0 0;
}

.article5 .left_content .salary_slider {
    margin: 1.125rem 0;
    height: 0.5rem;
}

.article5 .left_content .salary_slider .salary_btn {
    width: 1rem;
    height: 1rem;
    border-width: 3px;
}

.article5 .left_content .salary_money em {
    font-size: 0.9375rem;
}

.article5 .left_content .salary_calc_btn {
    margin-top: 1.875rem;
    max-width: 15rem;
    font-size: 0.9375rem;
    line-height: 2.5rem;
}

/*계산컨텐트 오른쪽 */
.article5 .right_content {
    margin-top: 5.438rem;
}

.article5 .calc_form li {
    padding: 0 0 0.8rem;
}
.article5 .calc_form .btm_pa {
    padding: 0 0 2rem;
}

.article5 .calc_form .top_pa {
    padding: 2rem 0 0.8rem;
}

.article5 .calc_form li .calc_title {
    width: 6rem;
    font-size: 1rem;
    line-height: 2rem;
}

.article5 .calc_form li div .info {
    width: 9.188rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.article5 .calc_form li div .info.const {
    font-size: 1.125rem;
}

.article5 .calc_form li div i {
    padding: 0 0 0 1.5rem;
    font-size: 0.9375rem;
    line-height: 2rem;
}

.article5 .diff {
    padding: 1.563rem 0 0;
    font-size: 0.825rem;
}

/* top */
.info::placeholder {
    font-size: 1.125rem;
}

.info::-webkit-input-placeholder {
    font-size: 1.125rem;
}

.info:-ms-input-placeholder {
    font-size: 1.125rem;
}

.info:-moz-input-placeholder {
    font-size: 1.125rem;
}

/* bottom */
.total::placeholder {
    font-size: 1.125rem;
}

.total::-webkit-input-placeholder {
    font-size: 1.125rem;
}

.total:-ms-input-placeholder {
    font-size: 1.125rem;
}

.total:-moz-input-placeholder {
    font-size: 1.125rem;
}

/* section3 퀴즈로 알아보는 소득공유 후불 */
#section3 {
    padding: 7.5rem 0 7rem;
}

.section3 .quiz_wrap {
    box-shadow: 1px 0px 0.5rem rgba(0, 0, 0, 0.21);
}

.section3 .quiz_content {
    padding: 3rem 0 7rem;
    margin: 0 2.125rem;
    border: none;
}

.section3 .quiz_content .quiz_top em {
    width: 3.813rem;
    font-size: 0.875rem;
}

.section3 .quiz_content h2 {
    margin: 1.875rem auto 1.25rem;
    padding: 2rem 1.438rem;
    line-height: 1.4;
    font-size: 1.625rem;
}

.section3 .quiz_content dl {
    width: 100%;
    margin: 0 auto;
}

.section3 .quiz_content dl dd em {
    font-size: 0.9375rem;
    line-height: 1.625rem;
}

.section3 .quiz_content dl dd .etc {
    font-size: 0.9375rem;
    line-height: 1.625rem;
}

.section3 .quiz_content dl .left {
    float: none;
    width: 14rem;
    margin: 0 auto;
}

.section3 .quiz_content dl .right {
    float: none;
    width: 12.31rem;
    margin: 0.75rem auto;
}

.section3 .quiz_content dl .right .etc img {
    width: 0.8125rem;
}

.section3 .quiz_box {
    padding: 0 2.1rem 7.813rem;
}

.section3 .quiz_box.q2_box {
    padding: 7.813rem 2.125rem 6.125rem;
}

.section3 .quiz_box .quiz_title {
    font-size: 1.125rem;
}

.section3 .quiz_box .quiz_list li {
    padding: 0 0 1.563rem 1.5rem;
}

.section3 .quiz_answer {
    padding: 2.875rem 2.063rem;
}

.section3 .quiz_answer b {
    width: 6.375rem;
    line-height: 1.813rem;
}

/* section4 원하는 직무교육 신청하러 가기 */
.link_box a {
    height: 8.5rem;
    padding: 2.5rem;
}

.link_box a b {
    font-size: 0.9375rem;
    line-height: 1;
}

.link_box a strong {
    padding: 0.375rem 0 0;
    font-size: 1.25rem;
}

.link_box a strong::after {
    display: none;
}