@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800|Noto+Sans+KR:100,200,300,400,500,600,700,800,900&display=swap&subset=korean');

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    letter-spacing: -0.07rem;
}
p {
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: -0.05rem;
}
html {
    scroll-behavior: smooth; 
    font-size: 1rem
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

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

.wrap {
    position: relative;
}

.maauto1 {
    max-width: 63.75rem;
    margin: 0 auto;
}

.pc_br {
    display: block;
}

.pc_tablet_br {
    display: block;
}

.pc_img {
    display: block;
}

.tablet_br {
    display: none;
}

.tablet_only_br {
    display: none;
}

.mobile_br {
    display: none;
}

.mobile_img {
    display: none;
}

.pc_only_img {
    display: block;
}

.tablet_only_img {
    display: none;
}

.mobile_only_img {
    display: none;
}

#section1 {
    height: 34rem;
    background: #1C1A2F;
}

/* 공통 타이틀*/
.section_title {
    position: relative;
    font-size: 2.125rem;
    line-height: 1.8;
    color: #233C74;
    letter-spacing: -0.88px;
    z-index: 1;
    text-align: center;
}

.section_title::after {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    border-radius: 0.6875rem;
    background: #FFF4D9;
    z-index: -1;
    height: 1.375rem;
}
/* common_page3 - header
1.header fixed 배경색
2.navigation font color
3. 1024px 일때 햄버거메뉴,close메뉴 컬러 변경
4. 팝업메뉴 배경 컬러
5. 팝업메뉴의 메뉴의 하단 라인색
변경 부분*/
header:not(.active) {
    background: none;
    box-shadow: none;
}

header.active {
    background: #1C1A2F;
}

header .container {
    max-width: 1020px;
}

header li {
    margin: 0 8px;
    line-height: 26px;
}

header li a {
    color: #fff;
}

header #navigation {
    font-size: 14px;
}

header.full_screen_nav #navigation ul li a {
    color: #FFE6AD;
}

@media screen and (max-width: 1024px) {
}

/*퀵메뉴*/
.quick {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 5;
}

.quick a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.267rem;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.quick a h3 {
    float: left;
    width: calc(100% - 20rem);
    background: rgba(28,26,47, 0.8);
    line-height: 4.7rem;
    font-weight: 400;
}

.quick a span {
    position: relative;
    float: left;
    display: block;
    width: 20rem;
    background: #FFAB38;
    line-height: 4.7rem;
    color: #000;
    font-weight: bold;
}

.quick a span img {
    position: absolute;
    left: -1.563rem;
    top: -1.375rem;
    width: 3.75rem;
    height: 3.688rem;
}

/* 메인 시작*/
.main_visual {
    width: 100%;
    height: 100%;
    color: #fff;
}

.main_visual .visual_content {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 100%;
    background: url(https://www.hakdokman.com/courses/asset/90fac/main-img.svg) no-repeat right 0rem bottom -2rem /32rem;
}

.visu_textbox {
    position: absolute;
    left: 0;
    top: 8.5rem;
}

.visu_textbox h1 {
    font-size: 3.375rem;
    line-height: 1.5;
    letter-spacing: -0.68px;
}

.visu_textbox p {
    padding: 1.25rem 0 3rem;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.62px;
    font-weight: 400;
}

.visual_content .btn_apply {
    position: relative;
    display: block;
    padding: 0 3rem 0 2rem;
    width: 19rem;
    height: 3.4rem;
    line-height: 3.2rem;
    font-size: 1.2rem;
    color: #FFAB38;
    border: 2px solid #FFAB38;
    border-radius: 4.375rem;
    box-sizing: border-box;
    font-weight: bold;
}

.visual_content .btn_apply::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 45%;
    transform: translate(0, -55%);
    width: 4rem;
    height: 0.8rem;
    background: url(https://www.hakdokman.com/courses/asset/90fac/half-right.png) no-repeat left top / cover;
}

/* section2 */
#section2 {
    padding: 10.13rem 0 2.75rem;
    background: #F4F6F8;
}

.section2 .list {
    width: 47.5rem;
    margin: auto;
    font-size: 0;
}

.section2 .list .item {
    display: inline-block;
    padding: 0 0 0 5.375rem;
    width: 15.13rem;
    vertical-align: top;
    background: url(https://www.hakdokman.com/courses/asset/90fac/sec2-icon3.svg) no-repeat left top / 4.625rem 4.625rem;
}

.section2 .list .item:nth-child(2) {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec2-icon2.svg);
}

.section2 .list .item:nth-child(3) {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec2-icon4.svg);
}

.section2 .list .item:nth-child(4) {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec2-icon1.svg);
}

.section2 .list .item:nth-child(2n) {
    margin: 0 0 6.688rem 6.4rem;
}

.section2 .list .item:nth-child(odd) {
    margin: 0 0 6.688rem 0;
}

.section2 .list .item .item_sub_title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #667BAA;
}

.section2 .list .item .title {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #233C74;
}

.section2 .item .title::after {
    content: '';
    display: block;
    width: 100%;
    height: 1.5px;
    background: #ccc;
    margin-top: 0.625rem;
}

.section2 .item .content {
    font-size: 1rem;
    line-height: 1.59;
    margin: 1.25rem 0 0 0;
    letter-spacing: -0.6px;
}


/* section30 AB코스 비교 */
#section30 {
        padding: 6rem 0 8rem;
        background-color: #203158;
    }
    #section30 .section30_content{
        width: 52rem;
        margin: 0 auto ;
    }
    #section30 .section_title {
        position: relative;
        font-size: 2.125rem;
        line-height: 1.4;
        color: white;
        letter-spacing: -0.88px;
        z-index: 1;
        text-align: center;
    }
    #section30 .title_desc {
        text-align: center;
        color: white;
        font-size: 0.95rem;
        margin: 1.6em auto 2.4rem;
        opacity: 0.8;
    }
    #section30 b{
        font-weight: 400;
        font-size: 1.05rem;
    }
    #section30 .more_isa{
        font-size: 0.8rem;
        color: white;
        display: inline-block;
        width: 1.4rem;
        background-color: #C5D1E2;
        border-radius: 1rem;
        height: 1.4rem;
        text-align: center;
        line-height: 1.7;
    }
    #section30 .compare_course{
        background-color: #E4EBFA;
        border-radius: 1rem;
        text-align: center;
    }
    #section30 .course_a{
        height: 32rem;
        margin: 0;
        display: inline-block;
        width: 22.5rem;
        padding: 1.5rem;
        vertical-align: top;
    }
    #section30 .course_b{
        height: 32rem;
        margin: 0;
        display: inline-block;
        padding: 1.5rem;
        width: 22.5rem;
        border-left: 2px solid #233C74;
    }

    #section30 .course_b .new{
        position: absolute;
        font-size: 0.6rem;
        font-weight: 300;
        display: inline-block;
        padding: 0.4em 0.4em 0.7em 0.4em ;
        background-color: #FF7B29;
        color: white;
        line-height: 0.3;
        border-radius: 0.24rem;
        text-align: center;
        vertical-align: top;
        margin-left: 0.8rem;
    }

    #section30 .a_course{
        color : #5380E3;
    }
    #section30 .b_course{
        color: #FFAB38;
    }
    #section30 h4{
        width: 16rem;
        margin: 0 auto;
        padding: 0.4rem;
        background-color: white;
        border-radius: 3rem;
        font-size: 1.33rem;
        margin-bottom: 1rem;
    }
    #section30 .course_sub_title{
        font-weight: 500;
        margin-right: 0.4rem;
    }
    #section30 .course_desc{
        height: 3.6rem;
        font-size: 0.96rem;
        line-height: 1.45;
    }
    #section30 .course_list{
        margin: 0.6em auto;
        width : 22.5rem;
    }
    #section30 .course_list p{
        font-weight: 400;
    }
    #section30 .course_list .small_text{
        font-size: 0.8rem;
        font-weight: 300;
        display: block;
        line-height: 1.5;
        background-color: #F8FBFF;
        margin: 1em auto 0;
        padding: 0.7rem;
        border-radius: 0.5rem;
        width: 20rem;
    }
    .hr_dashed{
        margin: 0.2em auto;
        border: 0.5px dashed #B9C4D9;
    }
    #section30 hr{
        width:21rem;
    }
    #section30 .course_list h5{
        width: 5rem;
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        color: #233C74;
        display: inline-block;
        vertical-align: top;
        padding-top: 0.04rem;
    }
    #section30 .course_list p{
        display: inline-block;
        letter-spacing: 0;
        font-weight: 400;
        width: 14rem;
        text-align: right;
    }
    #section30 .course_list .text_line{
        color: red;
        text-decoration:line-through;
    }
    #section30 .integ{
        padding: 0.8rem 1rem 0.8rem 3.3rem;
        border-top: 1.2px solid #233C74;
        text-align: left;
    }
    #section30 .integ:first-child{
        border-top: 2px solid #233C74;
    }
    #section30 .integ h5{
        width: 7rem;
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        color: #233C74;
        display: inline-block;
        vertical-align: top;
        padding-top: 0.04rem;
    }
    #section30 .integ span{
        display: inline-block;
    }
    #section30 .integ .move_btn{
        display: inline-block;
        font-weight: 500;
        width: 7.3rem;
        float: right;
        color: #F4BC64;
        font-size: 0.9rem;
    }
    #section30 .integ .move_btn:hover{
        color: #86A6F0;
    }


/*신청하기 중간 베너*/
.section31 .btn_banner {
    width: 100%;
    padding: 3rem 0 3rem;
    text-align: center;
    background: linear-gradient(to right bottom, #3B486D 40%, #FFAB38);
}
#section31 .btn_apply {
    margin: 1em auto 0;
    position: relative;
    display: block;
    padding: 0 1.2rem;
    width: 16rem;
    height: 3.5rem;
    line-height: 3.2rem;
    font-size: 1.1rem;
    color: white;
    border: 2px solid white;
    border-radius: 4.375rem;
    box-sizing: border-box;
    font-weight: bold;
}
#section31 .btn_apply:hover {
    color: #FFE6AD;
    border: none;
    background-color: #233C74;
    box-shadow: 1px 2px 6px rgba(0, 0, 255, .2);
}

.section31 .btn_banner p {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #fff;
}

/* section11 전체커리큘럼 */
#section11 .section11_content{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

.section11 .section11_title::after {
    width: 13.06rem;
    background-color: #EFF3FD;
    left: 50%;
    transform: translateX(-50%);
}

.section11 .horizontal_bar {
    margin: 3.625rem 0 4.75rem;
}

.section11 .horizontal_bar p {
    position: relative;
    float: left;
    text-align: left;
    font-size: 0.8rem;
    line-height: 1.5;
}

.section11 .horizontal_bar p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 0.5625rem;
}

.section11 .horizontal_bar .left_bar {
    width: 26%;
}

.section11 .horizontal_bar .left_bar::before {
    background: #C8D6F4;
}

.section11 .horizontal_bar .center_bar {
    width: 26%;
}

.section11 .horizontal_bar .center_bar::before {
    background: #7F9EE3;
}
.section11 .horizontal_bar .right_bar {
    width: 33%;
}

.section11 .horizontal_bar .right_bar::before {
    background: #5E75AC;
}
.section11 .horizontal_bar .last_bar {
    width: 14%;
}

.section11 .horizontal_bar .last_bar::before {
    background: #FFCE80;
}

.section11 .horizontal_bar p strong {
    display: block;
    padding: 0 0 1.563rem;
    font-size: 1.25rem;
    line-height: 1.7;
    color: #233C74;
    text-align: center;
}

.section11 .horizontal_bar p i {
    float: left;
    margin-left: 0.6rem;
}

.section11 .horizontal_bar p b {
    float: right;
    font-weight: normal;
    text-align: right;
}

.section11 .horizontal_bar p b.test{
    float: right;
    color: #FF8538;
    margin-right: 0.5rem;
    text-align: center;
}

.section11 .horizontal_bar p i.last{
    display: block;
    margin-left: 2rem;
}

.section11 .horizontal_bar .right_bar i {
    margin: 0 0 0 -1.125rem;
}

/* 커리큘럼 표 테이블*/
#section27{
    width: 1020px;
    margin: 0 auto;
}

#section27 .section27_content{
    width: 100%;
    background-color: #F8FBFF;
}

#section27 table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:1%;
    width: 98%;
    font-size: 0.87rem;
    font-weight: 300;
}
.section27 th{
    text-align: center;
    color: #233C74;
    padding: 0.5rem;
    background-color: #E4EBFA;
    border-left: 0.5px solid #B1C7F7;
}
.section27 th:first-child{
    border-left: none;
}
.section27 td {
    text-align: left;
    padding: 0.5rem 0.5rem 0.5rem 1.2rem;
    border-left: 0.5px solid #B1C7F7;
}

.section27 td:first-child{
    border-left: none;
    padding: 0.5rem;
    text-align: center;
}

.section27 tr:nth-child(even){
    background-color: white;
}

/*VS 섹션*/
#section24 .ceo_title {
    margin: 10rem auto 2.375rem;
    font-size: 1.875rem;
    line-height: 1.4;
    text-align: center;
}
.section24_vs .vs_container {
    position: relative;
    padding: 4.5rem 0;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    background-image: -webkit-linear-gradient(135deg, #FFE6AD 0%, #FFE6AD 60%, #405C9B 60%, #233C74 60%);
    background-image: linear-gradient(135deg, #FFF4D9 0%, #FFE6AD 50%, #405C9B 50%, #233C74 50%);
    box-sizing: border-box;
}

.section24_vs .vs::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.section24_vs .vs_left {
    float: left;
    color: #233C74;
}

.section24_vs .vs_left::before {
    width: 2.938rem;
    height: 3.125rem;
    left: 50%;
    top: 3.938rem;
    transform: translateX(-4.375rem);
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/icon-v1.png);
}

.section24_vs .vs_right {
    float: right;
    color: #fff;
    text-align: right;
}

.section24_vs .vs_right::before {
    width: 2.5rem;
    height: 3.625rem;
    right: 50%;
    bottom: 2.5rem;
    transform: translateX(3.125rem);
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/icon-s1.png);
}

.section24_vs .vs b {
    display: block;
}

.section24_vs .vs_textbox {
    margin: 1.625rem auto 0;
    padding: 5.813rem 4.438rem 0;
    width: 40rem;
    height: 20rem;
    background: url(https://www.hakdokman.com/courses/asset/90fac/vs-textbox-bg.svg) no-repeat;
    text-align: center;
    box-sizing: border-box;
    background-size: 100% 100%;
}

.section24_vs .vs_textbox strong {
    display: block;
    padding: 0 0 0.375rem;
    font-size: 1.375rem;
    letter-spacing: -0.57px;
    color: #233C74;
}

.section24_vs .vs_textbox p {
    padding: 1.875rem 0 0;
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: -0.47px;
}

.section24_vs .vs_textbox p b {
    color: #E68D25;
    font-weight: 500;
}

.section24_vs .vs_textbox p i {
    display: block;
    padding: 10px 0;
}


/*구공팩토리 자세히 알고싶다고요? 교육과정*/
#section23{
    padding: 6.813rem 0 8rem;
}
#section23 .container{
    width: 840px;
    margin: 0 auto;
}

#section23 .main_title {
    position: relative;
    padding: 5.063rem 0 0;
    font-size: 2.125rem;
    line-height: 1.8;
    color: #233C74;
    text-align: center;
    background: url(https://www.hakdokman.com/courses/asset/90fac/sec3-title.svg) no-repeat center top / 5rem 5rem;
}

#section23 .main_title::before {
    content: "";
    position: absolute;
    left: 63%;
    bottom: 0.625rem;
    transform: translateX(-50%);
    width: 18rem;
    height: 1.375rem;
    background: #EFF3FD;
    border-radius: 1.375rem;
    z-index: -1;
}
#section23 .main_title_desc{
    font-size: 1.18rem;
    padding: 3rem 0 2rem;
    line-height: 1.6;
    text-align: center;
    letter-spacing: -0.68px;
    white-space: nowrap;
}
#section23 .study_step {
    display: block;
    margin: 1.625rem auto 0;
    padding: 0;
}
#section23 .study_step li {
    display: inline-block;
    float: left;
    width: 26%;
    text-align: center;
    line-height: 1.4;
    padding: 0 4.9rem 0 0;
    background: url(https://www.hakdokman.com/courses/asset/90fac/rigth-arrow-gray.png) no-repeat right 1.6rem top 7rem;
}
#section23 .study_step li:last-child {
    padding: 0;
    background: none;
}

#section23 .study_step li b {
    display: block;
    color: white;
    line-height: 1.8;
    text-align: center;
    font-size: 1.4rem;
    border-radius: 10rem;
    background-color: #FFAB38;
    width: 2.7rem;
    height: 2.7rem;
    margin: 0 auto;
}
#section23 .study_step li h3 {
    display: block;
    text-align: center;
    font-size: 1.5rem;
    padding: 1.25rem 0;
}

#section23 .study_step li span {
    display: block;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

#section23 .study_step li em {
    display: block;
    padding: 0.7rem 0 0;
    font-size: 0.96rem;
    color: #8b8b8b;
    font-weight: 300;
    line-height: 1.5;
}


/* section5 뭐가달라요?*/
#section5 {
    padding: 7rem 0 8rem;
    text-align: center;
    width: 1020px;
    margin: 0 auto;
}
#section5 .section5_title::after {
    right: 35%;
    width: 10.5rem;
}
#section5 .list_title {
    margin: 4rem 0 0;
    display: inline-block;
    font-size: 1.75rem;
    line-height: 1.5;
}
#section5 .list_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #b2b2b2;
}

#section5 .goal_list_container{
    margin: 3em auto 0;
    width: 52rem;
    border-radius: 10px;
    background-color: #F4F7FC;
}
#section5 .goal_list {
    padding: 1.6em 1.6em 1.6em 4rem;
    text-align: left;
    text-indent: -2rem;
}
#section5 .goal_list li {
    line-height: 1.7;
    font-weight: 300;
    margin-top: 0.5rem;
}
#section5 .goal_list li b{
    margin-right: 0.7rem;
}
#section5 .goal_list li:first-child {
    margin-top: 0;
}
#section5 .study_step {
    display: inline-block;
    margin: 1.625rem auto 0;
    padding: 0;
    
}
#section5 .study_step li {
    display: inline-block;
    float: left;
    width: 12rem;
    text-align: center;
    line-height: 1.4;
}
#section5 .study_step li:last-child {
    padding: 0;
    background: none;
}
#section5 .study_step li {
    padding: 0 4.9rem 0 0;
    background: url(https://www.hakdokman.com/courses/asset/90fac/rigth-arrow-gray.png) no-repeat right 1.625rem top 4.5rem;
}
#section5 .study_step li b {
    display: block;
    color: #ccc;
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 1.25rem;
}
#section5 .study_step li span {
    display: block;
    padding: 6.8rem 0 0;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 400;
    background: url(https://www.hakdokman.com/courses/asset/90fac/sec5-icon1.svg) no-repeat center top;
    white-space: nowrap;
}

#section5 .study_step li:nth-child(2) span {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec5-icon2.svg);
}

#section5 .study_step li:nth-child(3) span {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec5-icon3.svg);
}

#section5 .study_step li:nth-child(4) span {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/sec5-icon4.svg);
}


/* 수강생리얼후기 */
#section8 {
    padding: 6rem 0 0;
    text-align: center;
}

.section8_content {
    width: 63.75rem;
    margin: 0 auto;
}

.section8 .section8_title {
    display: inline-block;
}

.section8 .section8_title::after {
    width: 9.19rem;
    right: -10px;
}

.section8 .sec8_desc {
    display: block;
    padding: 1.2rem 0 5rem;
    text-align: center;
    line-height: 1.6;
    font-weight: 400;
    font-size: 1.04rem;
}

/* 후기 컨텐트 */
.slide_wrap .slide_content {
    position: relative;
    margin: 0 1.4rem 0;
    padding: 16.5rem 0 0 0;
    width: 19.8rem;
    height: 36rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
    overflow: hidden;
    border-radius: 0.9375rem;
}

.slide_con1 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person01.png);
}

.slide_con2 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person02.png);
}

.slide_con3 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person03.png);
}

.slide_con4 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person04.png);
}

.slide_con5 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person05.png);
}
.slide_con6 {
    background-image: url(https://www.hakdokman.com/courses/asset/90fac/person06.png);
}

.slide_wrap .slide_content h4 {
    position: absolute;
    left: 1.75rem;
    top: 2rem;
    font-size: 1.375rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: -0.57px;
    text-align: left;
}

.slide_wrap .slide_textbox {
    padding: 0.9375rem 1.75rem;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    box-sizing: border-box;
    border-radius: 0 0 1.188rem 1.188rem;
    text-align: left;
}

.slide_wrap .slide_textbox span {
    display: block;
    padding: 0 0 0.625rem;
    border-bottom: 1px solid #ccc;
}

.slide_wrap .slide_textbox strong {
    font-size: 0.9375rem;
    letter-spacing: -0.39px;
}

.slide_wrap .slide_textbox .class_name {
    float: left;
}

.slide_wrap .slide_textbox .person_name {
    float: right;
}

.slide_wrap .slide_textbox .person_talk {
    font-size: 0.93rem;
    padding: 0.625rem 0 0;
    line-height: 1.5;
    font-weight: 400;
}

.slide_wrap .slide_textbox .person_talk b {
    font-size: 0.95rem;
    color: #233C74;
}

/* 리얼후기 슬라이드 */
.section8 .overflow_hid {
    width: 1020px;
    overflow: hidden;
}

.section8 .slide_wrap {
    position: relative;
    margin: 0 auto;
    max-width: 33.34%;
    height: 47rem;
}

.section8 .slide_wrap .box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section8 .slide_wrap .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section8 .slide_wrap .slide .visual {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* 슬라이드 컨트롤 */
.section8 .control {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%);
    width: 13rem;
    height: 8rem;
    z-index: 2;
}

.section8 .control .pagenum {
    display: block;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
}

.section8 .control .pagenum li {
    display: inline-block;
    margin: 0 0.16rem;
    width: 0.66rem;
    height: 0.66rem;
    background: #233C74;
    border-radius: 100%;
    opacity: 0.5;
}

.section8 .control .pagenum li.on {
    opacity: 1
}

.section8 .control .pagenum li a {
    display: block;
    width: 100%;
    height: 100%;
}

.section8 .control .slide_btn a {
    position: absolute;
    display: block;
    top: 0;
}

.section8 .control .slide_btn .prev {
    left: 0;
}

.section8 .control .slide_btn .next {
    right: 0;
}


/* section10 */
#section10 .section10_content {
    padding: 6rem 0;
    background: #203158;
    position: relative;
}

#section10 .section_title {
    position: relative;
    width: 10em;
    margin: 0 auto 4rem;
    font-size: 2.5rem;
    line-height: 1.8;
    color: white;
    letter-spacing: -0.88px;
    z-index: 1;
    text-align: center;
    display:block;
}
#section10 .section_title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0.16rem;
  right:0;
  margin:auto;
  background:#233C74;
  height:1.6rem;
}
#section10 .port_youtube {
    width: 35rem;
    height: 21rem;
}
#section10 .port_youtube1{
    margin-bottom: 3rem;
}
#section10 .video_textbox {
    vertical-align: top;
    display: inline-block;
    margin-left: 1.6rem;
    width: 26rem;
    color: white;
    left: 58%;
    bottom: 0;
}
#section10 .video_textbox span {
    color: white;
    font-size: 1.14rem;
    line-height: 1.6;
}
#section10 .video_textbox span strong {
    display: block;
    padding: 0 0 2.188rem;
}

#section10 .video_textbox em {
    font-weight: 400;
    color: #FFF2C7;
    font-size: 1rem;
}

/* section12 신청은 이렇게 이루어집니다!*/
#section12 {
    padding: 6rem 0;
    background: #F4F6F8;
}
.section12_content {
    width: 53rem;
    margin: 0 auto;
}
#section12 .section12_title:after {
    width:17rem;
    left: 33%;
    top:24%;
}
#section12 .step_box {
    margin: 5rem 0 0;
}
#section12 .step_box img{
    width: 100%;
}
#section12 .step_text{
    display: block;
    margin: 0 auto;
    width: 50rem;
}
#section12 .step_text ul{
    margin-top: 4rem;
}
#section12 .step_text ul li{
    margin-top: 1rem;
}
#section12 .step_text ul h3{
    display: inline-block;
    color: #233C74;
    font-size: 1.1rem;
    vertical-align: top;
    width: 8rem;
}
#section12 .step_text ul p{
    display: inline-block;
    width: 40rem;
}
#section12 .step_text ul p .step_price{
    font-weight: 500;
    padding: 0.1em 0.4rem;
    font-size: 1rem;
}
#section12 .step_price_isa{
    display: block;
    background-color: white;
    padding: 1.2em 1em 0.6rem;
    margin-bottom: 0.6rem;
    text-align: center;
}
#section12 .step_price_isa .what_firstpay{
    display: block;
    background-color: #E4EBFA;
    padding: 0.3em 0.6rem;
    font-size: 0.9rem;
    text-align: center;
    margin: 0.5rem;
}
#section12 .step_text ul p .step_price:first-child{
    border-top-left-radius : 0.3rem;
    border-top-right-radius : 0.3rem;
    color: white;
    background-color: #6C88C3;
}
#section12 .step_text ul p .step_price:last-child{
    border-radius: 0.3rem;
    color: #FF7B29;
    background-color: #FFE1CE;
}

#section12 .step_text ul p b{
    font-weight: 500;
    color: #5380E3;
}



/* section13 선생님 소개 */
.section13_top {
        padding: 8.813rem 0 3.25rem;
    }
    .section13_content {
        width: 53.13rem;
        margin: 0 auto;
    }
    .section13 .section13_title:after {
        width: 25.88rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .section13 .section13_desc {
        display: block;
        padding: 1.625rem 0 0;
        font-size: 1.5rem;
        line-height: 1.5;
        text-align: center;
        font-weight: 400;
    }
    .section13 .teacher_content {
        margin: 5rem 0 0;
        background: url(https://www.hakdokman.com/courses/asset/90fac/teacher.png) no-repeat left center /22rem 25.8rem;
    }
    .section13 .teacher_content .thr_box {
        padding: 0 0 0 28rem;
    }
    .section13 .teacher_content .section_title {
        text-align: left;
        font-size: 1.8rem;
    }
    .section13 .teacher_content .section_title::after {
        width: 9rem;
        left:9rem;
    }
    .section13 .teacher_content strong {
        display: block;
        padding: 1.5rem 0 0;
        font-size: 1.2rem;
        line-height: 1.9;
        color: #233C74;
    }
    .section13 .teacher_content em {
        display: block;
        font-size: 1.1rem;
        line-height: 1.4;
        color: #233C74;
        letter-spacing: -0.68px;
    }
    .section13 .teacher_content .thr_info {
        padding: 0.5rem 0 0;
    }
    .section13 .teacher_content .thr_info li {
        margin: 1.938rem 0 0;
        font-size: 1rem;
    }
    .section13 .teacher_content .thr_info li .info {
        display: inline-block;
        font-size: 1.125rem;
        line-height: 1.8;
        border-top: 2.5px solid #233C74;
        color: #233C74
    }
    .section13 .teacher_content .thr_info li p {
        padding: 0.5rem 0 0;
        line-height: 1.7;
    }
    .section13 .teacher_content .thr_blog {
        padding: 2rem 0 0;
        font-size: 1rem;
        font-weight: 400;
        color: #606060;
    }




/* 강사님 인터뷰 영상 */
#section29 {
        padding: 3rem 0 4rem;
        background-color: #f2f7fc;
    }
    #section29 .section29_content{
        width: 35rem;
        margin: 0 auto ;
    }
    .section29 .interview b{
        margin: 1em 0;
        display: inline-block;
        font-size: 1.125rem;
        line-height: 1.8;
        border-top: 2.5px solid #203158;
        color: #203158;
    }
    .section29 iframe{}



/* section14 더 자세히 알려드릴게요 */
#section14 {
        padding: 8rem 0 0;
    }
    .section14 .main_title {
        margin-bottom: 9rem;
        position: relative;
        padding: 5.063rem 0 0;
        font-size: 2.125rem;
        line-height: 1.8;
        color: #233C74;
        text-align: center;
        background: url(https://www.hakdokman.com/courses/asset/90fac/sec3-title.svg) no-repeat center top / 5rem 5rem;
    }
    #section14 .main_title::before {
        content: "";
        position: absolute;
        left: 61%;
        bottom: 0.625rem;
        transform: translateX(-50%);
        width: 20.5rem;
        height: 1.375rem;
        background: #fff4d9;
        border-radius: 1.375rem;
        z-index: -1;
    }
    .section14 .qna_box {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }
    .section14 .qna_box h4{
        display: inline-block;
        font-size: 1.625rem;
        letter-spacing: -0.68px;
        color: #233C74;
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: -1.188rem;
        background-color: white;
        padding: 0.2em 0.8rem;
        border-radius: 0.5rem;
    }
    .section14 .qna_box01 h4 {
        border: 1.5px solid #9EB2DD;
    }
    .section14 .qna_box02 h4 {
        border: 1.5px solid #FFDFAD;
    }
    .section14 .qna_box01 {
        background-color: #EDF2FD;
        border: 1px solid #9EB2DD;
    }
    .section14 .qna_box p {
        font-size: 1.25rem;
        line-height: 1.5;
        padding-bottom: 2rem;
    }
    .section14 .qna_box02 {
        margin-top: 8rem;
        background-color: #FCF8ED;
        border: 1px solid #FFDFAD;
    }
    .section14 .qna_box02 h4 {
        position: relative;
        top: -2.38rem;
    }
    .section14 .qna_box02 p {
        padding-bottom: 2rem;
    }


/* 소득공유후불제 적용 예시*/
.section15 .example_content {
        padding: 8.5rem 0 0;
    }
    .section15 .section15_title::after {
        width: 23.56rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .section15 .ex_box {
        margin: 1.75rem auto 4rem;
        width: 39.81rem;
        height: 2.75rem;
        border: 1px solid #233C74;
        border-radius: 0.5rem;
        line-height: 1.5;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 1rem;
    }
    .section15 .ex_box strong {
        float: left;
        display: block;
        padding: 0.5975rem 0 0.4375rem 2.125rem;
        width: 6.875rem;
        height: 100%;
        font-size: 1rem;
        line-height: 1.4;
        color: white;
        background: #233C74;
        box-sizing: border-box;
    }
    .section15 .pc_img {
        width: 100%;
        max-width: 60rem;
        margin: auto;
    }
    .section15 .ex_box .pay_box {
        float: left;
        padding: 0.4975rem 0 0 1.2rem;
        width: calc(100% - 6.875rem);
        height: 100%;
        box-sizing: border-box;
        font-weight: 400;
    }
    .section15 .ex_box .pay_box li {
        float: left;
        white-space: nowrap;
    }
    .section15 .ex_box .pay_box .pay_line::before {
        content: "|";
        display: inline-block;
        font-size: 0.8rem;
        padding: 0 0.39rem;
        vertical-align: 1px;
    }
    .section15 .point {
        font-size: 1rem;
        width: 90%;
        max-width: 60rem;
        margin: 3.563rem auto;
        padding: 1.3rem 4.5rem 1.313rem 4.5rem;
        height: 5.813rem;
        line-height: 1.6;
        font-weight: 400;
        background: #EDF2FD;
        box-sizing: border-box;
    }
    .section15 .point li {
        line-height: 1.6;
        white-space: nowrap;
    }
    .section15 .point b {
        color: #233C74;
    }
    .section15 .isa_moreview .isa_btn {
        display: block;
        margin: 0 auto 8rem;
        text-align: center;
        padding: 0.5em 0.8rem;
        width: 15rem;
        border-radius: 4rem;
        font-size: 1.2rem;
        line-height: 1.6;
        border:2px solid #233C74;
        color: #233C74;
    }
    .section15 .isa_moreview .isa_btn:hover {
        color: white;
        background-color: #233C74;
    }

/* section16 여기서 잠깐*/
#section16 {
        background: #fafbff;
        text-align: center;
    }
    .section16 .awhile_content {
        padding: 6.188rem 0;
        background: linear-gradient(to right bottom, #203158 40%, #768CBE);
        box-sizing: border-box;
    }
    .section16 .section16_content strong {
        font-size: 2.125rem;
        line-height: 1.5;
        color: #FFF4D9;
        letter-spacing: -0.88px;
    }
    .section16 .section16_content p {
        padding: 1.625rem 0 0;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #fff;
        left: -0.5px;
        font-weight: 400;
    }


/* section17 어떻게 신청하나요? */
#section17 {
        padding: 5rem 0;
    }
    #section17 .section17_content {
        width: 46.88rem;
        margin: 5.875rem auto 0;
    }
    #section17 .section17_title::after {
        width: 18rem;
        left: 66%;
        transform: translateX(-50%);
    }
    #section17 .apply_step_list {
        margin: 3.375rem 0 0;
        padding: 0 0 0 3.375rem;
    }
    #section17 .apply_step_list li {
        padding: 1.25rem 0 0;
    }
    #section17 .apply_step_list li h5 {
        font-size: 1.3rem;
        line-height: 1.5;
        font-weight: 500;
        text-indent: -2.313rem;
        display: inline-block;
    }
    #section17 .apply_step_list li h5 img {
        padding: 0 1.1rem 0 0;
        vertical-align: -0.5625rem;
    }
    #section17 .apply_step_list li p {
        padding: 1rem 0 0;
        font-size: 1.12rem;
        line-height: 1.6;
        font-weight: 400;
    }
    #section17 .btn_apply {
        vertical-align: top;
        position: relative;
        margin: 0;
        float: right;
        display: inline-block;
        padding: 0 0.8rem 0 1.2rem;
        width: 15rem;
        height: 2.5rem;
        line-height: 2.3rem;
        font-size: 1rem;
        color: #FFAB38;
        border: 2px solid #FFAB38;
        border-radius: 4.375rem;
        box-sizing: border-box;
        font-weight: bold;
    }
    #section17 .btn_apply::after {
        content: "";
        position: absolute;
        right: 1.2rem;
        top: 45%;
        transform: translate(0, -55%);
        width: 3.4rem;
        height: 0.67rem;
        background: url(https://www.hakdokman.com/courses/asset/90fac/half-right.png) no-repeat left top / cover;
    } 
    #section17 .apply_step_desc{
        padding-left: 2.2rem;
    }
    #section17 .what_isa_desc{
        display: inline-block;
        width: 40%;
        height: 12.125rem;
        vertical-align: top;
        margin: 1.8rem 0.5rem 0;
        padding: 1rem;
        background-color: #F8FBFF;
    }
    #section17 .apply_step_desc h6 {
        font-size: 1.125rem;
        color: #233C74;
    }
    #section17 .apply_step_desc .moreinfo_detail {
        font-size: 1.125rem;
        color: #233C74;
        padding-top: 1rem;
    }


/* careful */
#section17 .careful_content {
        padding: 3.25rem 0;
        background: #E4EBFA;
        color: #233C74;
        text-align: center;
        margin-top: 4rem;
    }
    #section17 .careful_content .section17_content {
        margin-top: 0;
    }
    #section17 .careful_content p {
        font-size: 1.1rem;
        line-height: 1.6;
    }
    #section17 .careful_content h3 {
        padding: 1.125rem 0 0;
        font-size: 1.5rem;
        line-height: 1.6;
    }




/* section18 자주묻는질문*/
#section18 {
        padding: 2rem 0 10rem;
    }
    .section18 .section18_title::after {
        width: 13.63rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .section18 .faq_content {
        margin: 4.25rem 0 0;
    }
    .section18 .faq_content li {
        margin: 0 0 0.875rem;
        height: auto;
        overflow: hidden;
    }
    .section18 .faq_content li .faq_title {
        position: relative;
        display: block;
        padding: 1rem 4.875rem 1rem 5.375rem;
        font-size: 1rem;
        line-height: 1.4;
        color: #fff;
        box-sizing: border-box;
        background: #233C74;
        overflow: hidden;
    }
    .section18 .faq_content li .faq_title h3 {
        float: left;
        width: 90%;
        line-height: 1.5;
        font-weight: 500;
        font-size: inherit;
    }
    .section18 .faq_content li .faq_title h3 .isa_faq {
        font-weight: 400;
        color: #D8F3FF;
    }
    .section18 .faq_content li .faq_title .ic_pm {
        position: absolute;
        right: 4.875rem;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        width: 1.25rem;
        height: 1.25rem;
        background: url(https://www.hakdokman.com/courses/asset/90fac/plus-icon.png) no-repeat center / cover;
        transition: transform 0.3s;
    }
    .section18 .faq_content li .faq_item {
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
        background: #fafbff;
        word-break: keep-all;
        max-height: 0;
        transition: max-height 0.5s;
    }
    /* active */
    .section18 .faq_content li.active {
        max-height: 500px;
        height: auto;
    }
    .section18 .faq_content li.active .faq_item {
        margin: 0.625rem 0 0;
        padding: 1.125rem 4.875rem 1.125rem 5.375rem;
        font-size: 1rem;
        line-height: 1.5;
        box-sizing: border-box;
        background: #EDF2FD;
        word-break: keep-all;
        max-height: 500px;
    }
    .section18 .faq_content li.active .faq_title .ic_pm {
        transform: translateY(-50%) rotate(180deg);
        background-image: url(https://www.hakdokman.com/courses/asset/90fac/minus-icon.png);
    }