html {
    font-size: 1rem;
    scroll-behavior:smooth;
}

body {
    font-size: 1rem;
    font-family: 'Noto Sans KR', sans-serif;
}

h1, h2{
    color: #3c4576;
    letter-spacing: -0.04rem;
}

p, a, span, em{
    letter-spacing: -0.03rem;
}

bold, b, strong{
    font-weight: 500;
}
.maatuo {
    max-width: 960px;
    margin: 0 auto;
}

.calc_container {
    max-width: 780px;
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right
}

.wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main_header {
    background: #ececec;
}

/* 메인비주얼 */
.main_visual {
    position: relative;
    width: 100%;
    height: 1020px;
}

.main_visual::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.hakdokman.com/main/asset/isa/img_main_pc.png) no-repeat center top / auto 1020px;
}

.main_visual .visual_wrap {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 11.19rem;
    transform: translateX(-50%);
    text-align: center;
}

.main_visual .visual_wrap p em {
    display: inline-block;
    padding: 0 1.25rem;
    line-height: 2rem;
    background: #fff;
    color: #1b8156;
    font-size: 1.125rem;
    border-radius: 2rem;
}

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

.main_visual .visual_wrap h2 {
    padding: 1.5rem 0;
    font-size: 3.25rem;
    line-height: 1.5;
        color: #3c4576;
}

.main_visual .visual_wrap h1 {
    font-size: 1.5rem;
    font-weight: 500;
}

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

.section1 .isa_plus {
    position: relative;
    max-width: 43.5rem;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.section1 .isa_plus::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 2.813rem;
    transform: translateX(-50%);
    width: 3.063rem;
    height: 3.063rem;
    background: url(https://www.hakdokman.com/main/asset/isa/pc_line_3.svg) no-repeat center /cover
}

.section1 .isa_plus::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.9375rem;
    transform: translateX(-50%);
    width: 100%;
    height: 5rem;
    background: url(https://www.hakdokman.com/main/asset/isa/pc_line.svg) no-repeat center / 100% auto;
}

.section1 .isa_plus li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.section1 .isa_plus .plus1 {
    padding: 0 6.75rem 6.188rem 0;
}

.section1 .isa_plus .plus2 {
    padding: 0 0 6.188rem 6.75rem;
}

.section1 .isa_plus li h5 {
    width: 10.75rem;
    margin: 0 auto 0.9375rem;
    font-size: 2rem;
    color: #fff;
    line-height: 3.625rem;
    border-radius: 3.625rem;
}

.section1 .isa_plus .plus1 h5 {
    background: #32b77f;
}

.section1 .isa_plus .plus2 h5 {
    background: #ff957c;
}

.section1 .isa_plus li p {
    font-size: 1.25rem;
    line-height: 1.4;
}

.section1 .plus_textbox {
    width: 100%;
    padding: 3.75rem 0;
    border-radius: 0.9375rem;
    box-sizing: border-box;
    background: #fafafa;
    box-shadow: 0 0.3124rem 0.9375rem rgba(0, 0, 0, 0.16);
}

.section1 .plus_textbox .bg_img {
    padding: 0 0 0 11.69rem;
    max-width: 30rem;
    margin: 0 auto;
    background: url(https://www.hakdokman.com/main/asset/isa/pc_icon_1.svg) no-repeat left center;
}

.section1 .plus_textbox h2 {
    padding: 0 0 0.75rem;
    font-size: 2.25rem;
    color: #0a723f;
}

.section1 .plus_textbox p {
    font-size: 1.375rem;
    color: #0a723f;
    line-height: 1.4;
}

/* 2번째 섹션 */
/* 타이틀공통 */
.sub_title {
    font-size: 2.375rem;
    line-height: 1.4;
    text-align:
        center;
    color: #3c4576;
    letter-spacing: -1.29px;
}

.title_desc {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: center;
    color: #3c4576;
}

/* section1 -article1 더 자세히 알고 싶다면?*/
.article1 {
    padding: 6.875rem 0;
    background: #f4fcf4;
    text-align: center;
}

.article1 strong {
    display: block;
    padding: 4.375rem 0 0;
    font-size: 1.125rem;
    background: url(https://www.hakdokman.com/main/asset/isa/pc_icon_2.svg) no-repeat center top;
    color: #00aa5f;
    font-weight: 400;
}

.article1 .sub_title {
    padding: 0 0 2rem;
    color: #3c4576;
}

.article1 .movie_box {
    position: relative;
    max-width: 49.75rem;
    margin: 0 auto;
    height: 446px;
}
.article1 .movie_box .dummy{
    width: 100%;
    height: 100%;
}
.article1 .movie_box div{
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
}
.article1 .movie_box div img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

.article1 .movie_box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* 라인배너 성장은 앞당기고 지출은 미루세요.*/
.line_banner {
    margin: 15rem 0 0.75rem;
    width: 100%;
    height: 14rem;
    color: #00aa5f;
    background: linear-gradient(to right, #cbf5ed, #d9f5cc);
}

.line_banner .banner_box {
    position: relative;
    height: 100%;
}

.line_banner .banner_box::before {
    content: "";
    position: absolute;
    left: -0.625rem;
    top: -2.375rem;
    width: 18.63rem;
    height: 18.63rem;
    background: url(https://www.hakdokman.com/main/asset/isa/pc_icon_3.svg) no-repeat left top /cover
}

.line_banner .banner_text {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3.688rem 0 0 22.88rem;
    box-sizing: border-box;
}

.line_banner .banner_text i {
    position: relative;
    display: block;
    color: #31354b;
    font-size: 1.875rem;
}

.line_banner .banner_text i::before {
    content: "";
    position: absolute;
    left: -3.063rem;
    top: 0;
    width: 3.188rem;
    height: 6.625rem;
    background: url(https://www.hakdokman.com/main/asset/isa/ddaom_left.svg) no-repeat left top /100% auto;
}

.line_banner .banner_text i::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3.188rem;
    height: 6.625rem;
    background: url(https://www.hakdokman.com/main/asset/isa/ddaom_right.svg) no-repeat left top /100% auto;
    letter-spacing: -1px;
}

.line_banner .banner_text b {
    display: block;
    padding: 0.5625rem 0 0;
    font-size: 2.5rem;
    letter-spacing: -1.36px;
    font-weight: 600;
}

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

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

.article2 .keyword_content li {
    float: left;
    width: 16.5rem;
    padding: 5.563rem 0 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 5.313rem 5.313rem;
}

.article2 .keyword_content li+li {
    margin: 0 0 0 5.25rem;
}

.article2 .keyword_content .keyword_box1 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/keyword_icon1.svg);
}

.article2 .keyword_content .keyword_box2 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/keyword_icon2.svg);
}

.article2 .keyword_content .keyword_box3 {
    background-image: url(https://www.hakdokman.com/main/asset/isa/keyword_icon3.svg);
}

.article2 .keyword_content li h6 {
    padding: 0 0 1.063rem;
    font-size: 1.75rem;
    color: #1d9d6b;
    line-height: 1.7;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
    background-image: url(https://www.hakdokman.com/main/asset/isa/keyword_line.svg);
}

.article2 .keyword_content li .keyword_text {
    margin: 1.625rem 0 0;
    padding: 1.625rem 1.375rem;
    width: 100%;
    height: 16.5rem;
    background: #fafafa;
    border-radius: 0.625rem;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.125rem;
}

.article2 .keyword_content li .keyword_text em {
    display: block;
    letter-spacing: -0.5px;
}

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

.article2 .keyword_content li .keyword_text b {
    display: block;
    padding: 1.875rem 0 0;
    color: #1d9d6b;
    letter-spacing: -0.5px;
}

.article2 .keyword_content .keyword_box2 .keyword_text b {
    padding: 1.875rem 0;
}

/* section2 - article3 세 가지 조건 중 단 한 가지만 충족해도 교육비 납부 완료! */
.article3 {
    width: 100%;
    padding: 9.563rem 0;
    background: #ffefd1;
}

.article_content {
    max-width: 60.63rem;
    margin: 0 auto;
}

.article3 .sub_title {
    width: 33.13rem;
    margin: 0 auto;
    padding: 0.9375rem 0;
    border-top: 2px solid #d6c3a7;
    border-bottom: 2px solid #d6c3a7;
    letter-spacing: -1.3px;
    font-weight: 500;
    color: #3c4576;
}

.article3 .sub_title strong {
    color: #00aa5f;
    font-weight: 900;
}

.article3 .condition_content {
    margin: 5rem 0 0;
}

.article3 .condition_content li {
    float: left;
    width: 19.25rem;
    height: 30rem;
    text-align: center;
}

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

/* condition_text */
.article3 .condition_content li div {
    margin: 0 auto;
    padding: 2.375rem 0 3.125rem;
    width: 18.13rem;
    height: 28.13rem;
    border-radius: 1.25rem;
    background: #fffaf2;
    box-shadow: 0.3124rem 0.3124rem 0.625rem rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.article3 .condition_content li .text_box h3 {
    padding: 0.8rem 0 10.5rem;
    font-size: 1.563rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 9.125rem 9.125rem;
    color: #eddec9;
    font-weight: 600;
}

/* 체크원형 */
.article3 .condition_content li .text_box::before {
    content: "";
    display: block;
    width: 3.063rem;
    height: 3.063rem;
    margin: 0 auto;
    background: #fff url(https://www.hakdokman.com/main/asset/isa/chk_off.svg) no-repeat center;
    border-radius: 100%;
    box-shadow: 0 3px 0.375rem rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.article3 .condition_content li .condition_text1::before {
    border: 3px solid #ff994e;
}

.article3 .condition_content li .condition_text2::before {
    border: 3px solid #e05689;
}

.article3 .condition_content li .condition_text3::before {
    border: 3px solid #27b2d3;
}

.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: 1.75rem 0 0;
}

.article3 .condition_content li div p em {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
    color: #eddec9;
}

/*condition_text hover시 컨텐트 */
/* li 박스색 */
.article3 .condition_content li:hover .text_box {
    transform: scale(1.1);
}

.article3 .condition_content li:hover .condition_text1 {
    background: #ffeaa5;
}

.article3 .condition_content li:hover .condition_text2 {
    background: #fad7d7;
}

.article3 .condition_content li:hover .condition_text3 {
    background: #afe5f2;
}

/* 체크원형색 */
.article3 .condition_content li:hover .condition_text1::before {
    background-color: #ff994e;
    background-image: url(https://www.hakdokman.com/main/asset/isa/chk_on.svg);
}

.article3 .condition_content li:hover .condition_text2::before {
    background-color: #e05689;
    background-image: url(https://www.hakdokman.com/main/asset/isa/chk_on.svg);
}

.article3 .condition_content li:hover .condition_text3::before {
    background-color: #27b2d3;
    background-image: url(https://www.hakdokman.com/main/asset/isa/chk_on.svg);
}

/* 가운데 이미지 */
.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 .text_box h3,
.article3 .condition_content li:hover div p em {
    color: #3c4576;
}

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

.article4 .title_desc {
    padding: 0.5rem 0 0;
    color: #3c4576;
}

.article4 .ex_info {
    width: 49.69rem;
    margin: 2.125rem auto 0;
}

.article4 .ex_info li {
    float: left;
    padding: 1.4rem 0;
    width: calc(33.3333% - 0.3124rem);
    text-align: center;
    background: #f5f8f7;
    color: #3c4576;
}

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

.article4 .ex_info li em {
    display: block;
    padding: 0 0 0.3124rem;
    font-size: 1.063rem;
    color: #555555;
}

.article4 .ex_info li b {
    font-size: 1.188rem;
    font-weight: 600;
}

/* 슬라이드 */
.slide_wrap {
    position: relative;
    width: 49.69rem;
    margin: 4.188rem auto 0;
    box-sizing: border-box;
}

.slide_wrap .indicator li {
    float: left;
    margin: 0 0 0 -0.9rem;
    width: 21.4%;
    height: 3.563rem;
    text-align: center;
    background: url(https://www.hakdokman.com/main/asset/isa/btn_arrow_off.svg) no-repeat left top / 100% auto;
    display: block;
    max-width: 75%;
    line-height: 3.563rem;
    font-size: 1.063rem;
    color: #929292;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

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

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

/* 슬라이드 컨텐츠 */
.slide_content {
    position: relative;
    margin: 1.875rem auto 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dummy {
    max-width: 49.69rem;
    height: 36.25rem;
    opacity: 0;
}

.slide_content .slide_list {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    -webkit-transition: all 250ms cubic-bezier(.25, .45, .45, .95);
    -moz-transition: all 250ms cubic-bezier(.25, .45, .45, .95);
    -o-transition: all 250ms cubic-bezier(.25, .45, .45, .95);
    transition: all 250ms cubic-bezier(.25, .45, .45, .95);
}

.slide_list .slide_box {
    display: flex;
    left: 0;
    top: 0;
    width: 49.69rem;
    height: 100%;
    background: #f5f8f7;
    border-radius: 3.375rem;
    box-sizing: border-box;
    z-index: 2;
}
.slide_list .box_wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
.slide_list .slide_box .talk {
    width: 100%;
}

.slide_list .slide_box .talk .person {
    position: relative;
}

.slide_list .slide_box .talk .alias {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
}

.slide_list .slide_box .talk .alias i {
    display: inline-block;
    margin: 7.313rem 0 0;
    width: 6.563rem;
    background: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.813rem;
    border-radius: 1.813rem;
    text-align: center;
}

.slide_list .slide_box .talk .person p {
    position: relative;
    width: 25.94rem;
    margin: 0 auto;
    padding: 1.625rem 2.063rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.625rem;
    line-height: 1.5;
    letter-spacing: -0.5px;
    z-index: 1;
}

.slide_list .slide_box .talk .person p::before {
    content: "";
    position: absolute;
    width: 1.875rem;
    height: 3.125rem;
    background: url(https://www.hakdokman.com/main/asset/isa/angle.svg) no-repeat left top;
    z-index: -1;
}

.slide_list .slide_box .talk .person p b {
    color: #2da76a;
    letter-spacing: -0.5px;
}
.slide_list .slide_box .talk .person p em{
    display: block;
    padding: 1.4rem 0 0;
}
.slide_list .slide_box .sdiv_talk_box .person p::before {
    bottom: -1.375rem;
    left: -0.875rem;
    transform: rotate(45deg);
}

.slide_list .slide_box .hdm_talk_box .person p::before {
    bottom: -1.563rem;
    right: 0;
}

/* 슬라이드 사람이미지 부분 */
.slide_list .box1 .sdiv_talk_box .alias,
.slide_list .box3 .sdiv_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/lady_02.svg);
}

.slide_list .box2 .sdiv_talk_box .alias,
.slide_list .box4 .sdiv_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/lady_03.svg);
}

.slide_list .box5 .sdiv_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/lady_01.svg);
}

.slide_list .box1 .hdm_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/man_02.svg);
}

.slide_list .box2 .hdm_talk_box .alias,
.slide_list .box5 .hdm_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/man_03.svg);
}

.slide_list .box3 .hdm_talk_box .alias,
.slide_list .box4 .hdm_talk_box .alias {
    background-image: url(https://www.hakdokman.com/main/asset/isa/man_01.svg);
}

/*여기까지 공통적용부분 */
/* 박스 겉 패딩} */
.slide_list .box1 {
    padding: 7.063rem 2.625rem;
}
.slide_list .box2 {
    padding: 7.063rem 2.625rem 7.125rem;
}
.slide_list .box3 {
    padding: 5.688rem 2.625rem 7.125rem;
}
.slide_list .box4 {
    padding: 7.25rem 2.625rem 7.125rem;
}
.slide_list .box5 {
    padding: 3.625rem 2.625rem 3.938rem;
}
/* 이모티콘 이미지 */
.slide_list .box3 .hdm_talk_box p::after,
.slide_list .box5 .sdiv_talk_box p::after,
.slide_list .box5 .hdm_talk_box p em::after{
    content: "";
    display:inline-block;
    width:19px;
    height: 19px;
    vertical-align: -3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide_list .box3 .hdm_talk_box p::after{
    background-image: url(https://www.hakdokman.com/main/asset/isa/img_emoji_run.png);
}
.slide_list .box5 .sdiv_talk_box p::after{
    background-image: url(https://www.hakdokman.com/main/asset/isa/img_emoji_party.png);
}
.slide_list .box5 .hdm_talk_box p em::after{
    background-image: url(https://www.hakdokman.com/main/asset/isa/img_emoji_smile.png);

}
.slide_list .box5 {

}
/* 여기까지 hdm_talk, sdiv_talk 박스위치 */
.slide_list .slide_box .sdiv_talk_box .alias {
    left: 0;
    bottom: -2.188rem;
}
.slide_list .slide_box .hdm_talk_box{
    position: absolute;
    right: 0;
    bottom: 1rem;
}
.slide_list .slide_box .hdm_talk_box .alias {
    right: 0;
    bottom: -1rem;
}

/* control */
.slide_btn {
    position: absolute;
    width: 4rem; height: 4rem;
    top: 50%;
    z-index: 3;
    cursor: pointer;
}

.prev {
    left: -5rem;
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_navi_green_left.svg);
}

.prev.disabled {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_navi_gray_left.svg);
}

.next {
    right: -5rem;
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_navi_green_right.svg);
}

.next.disabled {
    background-image: url(https://www.hakdokman.com/main/asset/isa/pc_navi_gray_right.svg);
}

/* section2-article5 소득공유 후불제 계산기*/
.article5 {
    padding: 10.38rem 0 13.81rem;
    background: #f8f8f8;
}

.article5 .title_desc {
    padding: 0.75rem 0 2.625rem;
}

.article5 .class_choice {
    position: relative;
    margin: 0 auto;
    max-width: 42rem;
    height: 3.8rem;
}

.article5 .class_choice .class_find {
    position: absolute;
    top: 50%;
    left: 14%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    z-index: 3;
}

.article5 .class_choice .select_class {
    position: relative;
    display: block;
    width: 80%;
    height: 3.8rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0.625rem;
    box-shadow: 0.3124rem 0.3124rem 0.625rem rgba(0, 0, 0, 0.16);
    z-index: 2;
}

.article5 .class_choice .select_class a {
    display: block;
    margin: 0 auto;
    padding: 0 0 0 1rem;
    width: 68%;
    height: 3.8rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 4rem;
    box-sizing: border-box;
}

.article5 .class_choice .select_class img {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    padding: 0 0 0 1.375rem;
    vertical-align: -7px;
}

.article5 .class_choice .refresh {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    z-index: 3;
}

/* 학원리스트 선택 */
.article5 .class_choice .class_select {
    position: relative;
    top: -0.2rem;
    padding: 1rem 0 0;
    max-width: 33rem;
    margin: 0 auto;
    height: auto;
    max-height: 0;
    background: #fff;
    z-index: 2;
    visibility: hidden;
    transition: height 0.5s;
    box-shadow: 0.3124rem 0.3124rem 0.625rem rgba(0, 0, 0, 0.16);
    border-radius: 0 0 0.625rem 0.625rem;
    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 {
    display: block;
    font-size: 1.2rem;
    line-height: 3.938rem;
    text-align: center;
    font-weight: 400;
    background: #fff;
}

/* 선택시 */
.article5 .class_choice .class_select li:hover .hdm_class {
    background: #dff4e6;
}

.article5 .class_choice .select_class.on+.class_select {
    height: 23.6rem;
    opacity: 1;
}

.article5 .class_choice .class_select li.on {
    background: #dff4e6;
}

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

.article5 .left_content {
    float: left;
    width: 24rem;
    margin: 0 4rem 0 0;
    text-align: center;
}

.article5 .left_content .job_average {
    padding: 0 0 16.6rem;
    background: url(https://www.hakdokman.com/main/asset/isa/money_icon.svg) no-repeat center bottom;
    background-size: 300px;
}

.article5 .left_content .job_average .job {
    font-size: 1rem;
}

.article5 .left_content .job_average .job_money {
    display: block;
    font-size: 1.125rem;
}

.article5 .left_content .job_average .source {
    display: block;
    padding: 0.6875rem 0 0;
    font-size: 0.875rem;
    color: #7c7c7c;
    font-weight: 400;
}

/* slide bar */
.article5 .left_content .salary_slider {
    position: relative;
    margin: 1.7rem 0 1.27rem;
    width: 100%;
    height: 0.625rem;
    border-radius: 0.625rem;
    background: #e8e8e8;
}

.article5 .left_content .salary_slider .salary_range {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.625rem;
}

.salary_range_progress {
    width: 0;
    height: 100%;
    background: #1a895a;
    border-radius: 0.625rem 0 0 0.625rem;
}

.salary_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    border: 0.3124rem solid #14744b;
    background: #ffce47;
    box-sizing: border-box;
    cursor: pointer;
}

.salary_range::-moz-range-thumb {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    border: 0.3124rem solid #14744b;
    background: #ffce47;
    box-sizing: border-box;
    cursor: pointer;
}

.salary_range::-moz-range-track {  
    background-color: #e8e8e8;
    height: 100%;
    border-radius: 0.625rem;
}

.salary_range::-moz-range-progress {
    background-color: #1a895a;
    height: 100%;
    border-radius: 0.625rem;
}

.salary_range::-ms-fill-lower {
    background: #1a895a;
}

.article5 .left_content .salary_money {
    overflow: hidden;
}

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

.article5 .left_content .min_money {
    float: left;
}

.article5 .left_content .max_money {
    float: right;
}

.article5 .left_content .salary_calc_btn {
    display: block;
    margin: 3rem auto 0;
    width: 90%;
    line-height: 4.063rem;
    background: #2da76a;
    border-radius: 4.063rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 500;
}

/*계산컨텐트 오른쪽 */
.article5 .right_content {
    float: right;
}

.article5 .calc_form li {
    overflow: hidden;
    padding: 0 0 1.25rem;
}

.article5 .calc_form .btm_pa {
    padding: 0 0 3.063rem;
    border-bottom: 1px solid #b0b0b0;
}

.article5 .calc_form .top_pa {
    padding: 3.063rem 0 1.25rem;
}

.article5 .calc_form li p {
    float: left;
    text-align: left;
}

.article5 .calc_form li .calc_title {
    display: block;
    width: 8rem;
    font-size: 1.2rem;
    line-height: 2.75rem;
    font-weight: 500;
}

.article5 .calc_form li div {
    float: right;
    font-size: 0;
}

.article5 .calc_form li div .info {
    display: inline-block;
    width: 10rem;
    font-size: 1.2rem;
    line-height: 2.375rem;
    padding: 0.2rem 0;
    border: 2px solid #ededed;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    font-weight: bold;
}

.article5 .calc_form li div .info.const {
    background: #ededed;
}

/* total 계산 되어 value 값으로 전달되어 굵고 진한 글씨로 표시 */
.article5 .calc_form li div .info.total {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #d1f2dc;
    background: #d1f2dc;
    color: #2da76a;
    font-weight: bold;
}

.article5 .calc_form li div .info.total:disabled {
    -webkit-text-fill-color: #2da76a;
    opacity: 1;
}

.article5 .calc_form li div i {
    display: inline-block;
    padding: 0 0 0 1.5rem;
    font-size: 1.2rem;
    line-height: 2.75rem;
    font-weight: 500;
    vertical-align: top;
}

.article5 .diff {
    padding: 3rem 0 0;
    font-size: 1rem;
    color: #676767;
    font-weight: 400;
}

/* top */
.info::placeholder {
    color: #d9d9d9;
}

.info::-webkit-input-placeholder {
    color: #d9d9d9;
}

.info:-ms-input-placeholder {
    color: #d9d9d9;
}

.info:-moz-input-placeholder {
    color: #d9d9d9;
}

/* bottom */
.total::placeholder {
    color: #94c5a9;
}

.total::-webkit-input-placeholder {
    color: #94c5a9;
}

.total:-ms-input-placeholder {
    color: #94c5a9;
}

.total:-moz-input-placeholder {
    color: #94c5a9;
}

/* section 퀴즈로 알아보는 소득공유 후불 */
#section3 {
    padding: 6rem 0;
    width: 100%;
}

.section3 .quiz_wrap {
    max-width: 49.69rem;
    margin: 0 auto;
    box-shadow: 0.3124rem 0.3124rem 0.9375rem rgba(0, 0, 0, 0.15);
    background: #fcfcfc;
    border-radius: 0.625rem;
    overflow: hidden;
}

.section3 .quiz_content {
    text-align: center;
    padding: 4.938rem 0 4rem;
    margin: 0 3.438rem;
    border-bottom: 1px solid #eff2f2;
}

.section3 .quiz_content .quiz_top em {
    display: block;
    width: 6.25rem;
    font-size: 1rem;
    line-height: 1.875rem;
    background: #f5f5f5;
}

.section3 .quiz_content h2 {
    margin: 3.75rem auto 1.25rem;
    max-width: 36.25rem;
    background: #f5f5f5;
    font-size: 2.375rem;
    line-height: 4.625rem;
    letter-spacing: -1.29px;
    box-sizing: border-box;
    border-radius: 0.5rem;
    color: #3c4576;
}

.section3 .quiz_content dl {
    width: 36.25rem;
    margin: 0 auto;
}

.section3 .quiz_content dl dd {
    border: 1px solid #f5f5f5;
    font-size: 0;
    box-sizing: border-box;
}

.section3 .quiz_content dl dd em {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 2.375rem;
    background: #f5f5f5;
}

.section3 .quiz_content dl dd .etc {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2.375rem;
}

.section3 .quiz_content dl .left {
    width: 19.19rem;
}

.section3 .quiz_content dl .left em {
    width: 24.5%;
}

.section3 .quiz_content dl .left .etc {
    width: 75.5%;
    vertical-align: bottom;
}

.section3 .quiz_content dl .right {
    width: 16.44rem;
}

.section3 .quiz_content dl .right em {
    width: 32.3%;
}

.section3 .quiz_content dl .right .etc {
    width: 67.7%;
    vertical-align: bottom;
}

.section3 .quiz_content dl .right .etc li {
    float: left;
    width: 20%;
    line-height: inherit;
    border-right: 1px solid #f5f5f5;
    box-sizing: border-box;
}

.section3 .quiz_content dl .right .etc li:last-child {
    border: none;
}

.section3 .quiz_box {
    padding: 5.875rem 4rem 6.125rem;
}

.section3 .quiz_box.q2_box {
    padding: 8.625rem 4rem 6.125rem;
}

.section3 .quiz_box .quiz_title {
    font-size: 1.25rem;
    color: #2da76a;
}

.section3 .quiz_box .quiz_list {
    padding: 3.25rem 0 0;
}

.section3 .quiz_box .quiz_list li {
    padding: 0 0 1.875rem 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    text-indent: -0.75rem;
    letter-spacing: -0.5px;
}

.section3 .quiz_box .quiz_list li b {
    display: inline-block;
    font-size: inherit;
    padding: 0 0.6875rem 0 0;
}

.section3 .quiz_answer {
    padding: 3.25rem 3.438rem;
    background: #e9f7f3;
}

.section3 .quiz_answer b {
    display: block;
    width: 6.5rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    background: #2da76a;
    border-radius: 2rem;
    font-weight: bold;
}

.section3 .quiz_answer p {
    padding: 0.9375rem 0 0;
    line-height: 1.6;
}

/* section4 원하는 직무교육 신청하러 가기 */
.section4 article {
    width: 100%;
}

.link1 {
    background: #379d6b;
}

.link2 {
    background: #58bc8a;
}

.link_box a {
    display: block;
    width: 48.75rem;
    margin: 0 auto;
    height: 8.5rem;
    color: #fff;
}

.link_box a b {
    float: left;
    display: block;
    width: 45%;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 8.5rem;
}

.link_box a strong {
    position: relative;
    float: left;
    display: inline-block;
    padding: 0 0 0 3rem;
    font-size: 1.5rem;
    line-height: 8.5rem;
    box-sizing: border-box;
}

.link_box a strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-40%);
    width: 2px;
    height: 2.25rem;
    background: rgba(255, 255, 255, 0.3);
}

.link_box a strong::after {
    content: "";
    position: absolute;
    right: -3.9rem;
    top: 50%;
    transform: translateY(-48%);
    width: 3.125rem;
    height: 3.125rem;
    background: url(https://www.hakdokman.com/main/asset/isa/arrow_right.svg) no-repeat center;
}

@media (max-width:1020px) {
    .maatuo {
        max-width: 47.88rem;
        padding: 0 2.188rem;
    }
    .calc_container {
        max-width: 38rem;
        padding: 0 2.188rem;
    }

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

    .main_visual::before {
        background-size: auto 61.63rem;
    }

    .main_visual .visual_wrap {
        top: 12.38rem;
    }

    .main_visual .visual_wrap p em {
        font-size: 1rem;
    }

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

    .main_visual .visual_wrap h2 {
        padding: 3rem 0 1.2rem;
        font-size: 2.875rem;
        line-height: 1.4;
    }

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

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

    .section1 .isa_plus::before {
        width: 2.375rem;
        height: 2.375rem;
    }

    .section1 .isa_plus::after {
        bottom: 1.875rem;
        width: 100%;
        height: 3.375rem;
        background-size: auto 100%;
    }

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

    .section1 .isa_plus .plus2 {
        padding: 0 0 6.875rem 0;
    }

    .section1 .isa_plus li h5 {
        font-size: 1.75rem;
    }

    .section1 .isa_plus li p {
        font-size: 1.125rem;
    }

    .section1 .plus_textbox .bg_img {
        width: 24.56rem;
        padding: 0 0 1.1rem 11.69rem;
    }

    .section1 .plus_textbox h2 {
        font-size: 1.875rem;
    }

    .section1 .plus_textbox p {
        font-size: 1.125rem;
    }

    /* 2번째 섹션 */
    /* 타이틀공통 */
    .sub_title {
        font-size: 2.125rem;
    }
.title_desc{
    font-size: 1.125rem;
}
    /* section2 - article1 더 자세히 알고 싶다면? */
    .article1 {
        padding: 8.875rem 0;
    }

    .article1 strong {
        background-size: 4.063rem auto;
    }

    .article1 .sub_title {
        padding: 0.3rem 0 1.75rem;
    }

    .article1 .movie_box {
        max-width: 43.5rem;
        height: auto;
    }

    /* 라인배너 성장은 앞당기고 지출은 미루세요.*/
    .line_banner {
        margin: 12.06rem 0 0.75rem;
        height: 10rem;
    }

    .line_banner .banner_box {
        max-width: 43.44rem;
    }

    .line_banner .banner_box::before {
        left: 1.375rem;
        top: -1.875rem;
        width: 13.75rem;
        height: 13.75rem;
    }

    .line_banner .banner_text {
        padding: 2.5rem 0 0 16.25rem;
    }

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

    .line_banner .banner_text i::before {
        width: 2.5rem;
        left: -2.6rem
    }

    .line_banner .banner_text i::after {
        width: 2.5rem;
        right: 0;
        top: 0.6rem;
    }

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

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

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

    .article2 .keyword_content li {
        float: none;
        margin: 3.75rem auto 0;
    }

    .article2 .keyword_content li+li {
        margin: 3.75rem auto 0;
    }

    .article2 .keyword_content li .keyword_text {
        padding: 1.625rem 1.125rem;
        height: auto;
        text-align: center
    }

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

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

    .article3 .sub_title {
        width: 20rem;
        padding: 1.313rem 0;
    }

    .article3 .condition_content {
        margin: 4.625rem 0 0;
    }

    .article3 .condition_content li {
        float: none;
        width: 34.63rem;
        height: 13.06rem;
        margin: 0 auto;
        text-align: left;
    }

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

    /* condition_text */
    .article3 .condition_content li div {
        padding: 0;
        width: 32.13rem;
        height: 11.75rem;
        background: #fffaf2;
        color: #eddec9;
    }

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

    .article3 .condition_content li .text_box h3 {
        float: left;
        width: 48%;
        height: 100%;
        padding: 7.063rem 1.25rem 2.875rem 5.625rem;
        font-size: 1.25rem;
        background-position: left 7.938rem top 2.313rem;
        background-size: 4.75rem 4.75rem;
        box-sizing: border-box;
        text-align: center;
        background-color: #fff;
        border-radius: 1.25rem 0 0 1.25rem;
    }

    /* 체크원형 */
    .article3 .condition_content li .text_box::before {
        position: absolute;
        left: 2.25rem;
        top: 50%;
        transform: translateY(-50%);
    }

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

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

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

    .article3 .condition_content li div p {
        padding: 0 2.5rem;
        display: table;
        float: right;
        width: 52%;
        height: 100%;
        box-sizing: border-box;
    }

    .article3 .condition_content li div p em {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.9375rem;
        word-break: keep-all;
    }

    /*condition_text hover시 컨텐트 */
    /* 기타 */
    .article3 .condition_content li:hover .condition_text1 h3 {
        background-image: url(https://www.hakdokman.com/main/asset/isa/tab_on_card_icon1.svg);
    }

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

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

    .article3 .condition_content li div {
        color: #000;
    }

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

    .article4 .title_desc {
        padding: 0.8rem 0 0;
    }

    .article4 .ex_info {
        width: 36rem;
        margin-top: 2rem;
    }

    .article4 .ex_info li {
        padding: 1.063rem 0;
        width: calc(33.3333% - 0.25rem);
    }

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

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

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

    /* 슬라이드 */
    .slide_wrap {
        width: 43.5rem;
        margin-top: 5.313rem;
        padding: 0 3.813rem;
    }

    .slide_wrap .indicator li {
        margin: 0 0 0 -0.6875rem;
        font-size: 1.063rem;
        line-height: 2.563rem;
    }

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

    .dummy {
        height: 33.75rem;
    }

    .slide_list .slide_box {
        width: 35.875rem;
        padding: 5.625rem 1.875rem;
        border-radius: 1.625rem;
    }

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

    .slide_list .slide_box .talk .alias i {
        margin: 6.25rem 0 0;
        width: 5.625rem;
    }

    .slide_list .slide_box .talk .person p {
        width: 18.75rem;
        padding: 0.875rem 1.4rem;
        font-size: 1rem;
    }

    .slide_list .slide_box .talk .person p b {
        font-weight: 500;
    }
    .slide_list .slide_box .talk .person p em{
        display: block;
        padding: 0;
    }

    .slide_list .slide_box.box5 .talk .person p {
        padding: 0.9563rem 0.75rem;
        font-size: 0.9375rem;
        line-height: 1.47;
        letter-spacing: -0.0244rem;
        text-align: left;
    }

    /*여기까지 공통적용부분 */
    /* 겉 패딩값 */
    .slide_list .box1 {
        padding: 6.188rem 1.875rem;
    }
    .slide_list .box2 {
        padding: 4.563rem 1.875rem 5.188rem;
    }
    .slide_list .box3 {
        padding: 4.313rem 1.875rem 5.188rem;
    }
    .slide_list .box4 {
        padding: 6.188rem 1.875rem;
    }
    .slide_list .box5 {
        padding: 2.6063rem 2.0625rem;
    }

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

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

    /* control */
    .slide_btn {
        top: 53%;
    }

    .prev {
        left: 0;
    }

    .next {
        right: 0;
    }

    .slide_btn img {
        width: 3.25rem;
        height: 3.25rem;
    }

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

    /* 계산컨텐트 */
    .article5 .title_desc {
        padding-top: 1.3rem;
    }

    .article5 .left_content {
        float: none;
        width: auto;
        max-width: 29.44rem;
        margin: 0 auto;
    }

    .article5 .class_choice .select_class a {
        font-size: 1.2rem;
    }
    .article5 .class_choice .class_select li .hdm_class {
        font-size: 1.2rem;
    }
.article5 .calculator_wrap{
    margin: 3rem 0 0;
}
    .article5 .left_content .job_average .job {
        font-size: 1rem
    }

    .article5 .left_content .job_average .job i {
        display: none;
    }

    .article5 .left_content .salary_calc_btn {
        max-width: 24.38rem;
    }

    .article5 .right_content {
        float: none;
        max-width: 27.81rem;
        margin: 7.25rem auto 0;
    }

    .article5 .left_content .job_average {
        padding: 0 0 21.8rem;
    }

    .article5 .left_content .job_average .job_money {
        padding: 0.2rem 0 0;
        font-size: 1.125rem
    }

    .article5 .left_content .salary_slider {
        margin: 2rem 0 1.4rem;
    }

    .article5 .left_content .salary_calc_btn {
        margin-top: 3rem;
    }

    .article5 .right_content {
        margin-top: 7.25rem;
    }

    .article5 .calc_form li .calc_title {
        font-size: 1.1rem;
    }

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

    .article5 .calc_form li div i {
        font-size: 1.1rem;
    }

    .article5 .calc_form .btm_pa {
        padding: 0 0 2.5rem;
    }

    .article5 .calc_form .top_pa {
        padding-top: 2.5rem;
    }

    /* top */
    .info::placeholder {
        font-size: 1.2rem;
        opacity: 1;
    }

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

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

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

    /* bottom */
    .total::placeholder {
        font-size: 1.2rem;
        opacity: 1;
    }

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

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

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

    .article5 .diff {
        padding: 1.3rem 0 0;
        text-align: center;
    }

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

    .section3 .quiz_content {
        padding: 4.938rem 0 4.188rem;
        margin: 0 3.813rem;
    }

    .section3 .quiz_content h2 {
        margin: 3.688rem auto 1.438rem;
        font-size: 2.125rem;
        max-width: 31.56rem;
        word-break: keep-all;
    }

    .section3 .quiz_content dl {
        width: 31.56rem;
        margin: 0 auto;
    }

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

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

    .section3 .quiz_content dl .left {
        width: 16.19rem;
    }

    .section3 .quiz_content dl .right {
        width: 14rem;
    }

    .section3 .quiz_content dl .right .etc li img {
        width: 1rem;
        height: auto;
    }

    .section3 .quiz_box {
        padding: 1.875rem 2.813rem 8.125rem;
    }

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

    /* section4 원하는 직무교육 신청하러 가기 */
    .link_box a {
        display: block;
        padding: 3.375rem 0 0;
        width: auto;
        height: 12.5rem;
        text-align: center;
        box-sizing: border-box;
    }

    .link_box a b {
        float: none;
        width: 100%;
        font-size: 1.25rem;
        line-height: 2;
    }

    .link_box a strong {
        float: none;
        padding: 0;
        font-size: 1.75rem;
        line-height: 2;
    }

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

    .link_box a strong::after {
        right: -3.438rem;
    }
}