html, body{height:100%;margin:0;padding:0;}
a{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:none}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style:none;}

@font-face {font-family:'Pretendard-Black';font-weight:900;font-display:swap;src:local('Pretendard Black'), url(/resources/font/Pretendard-Black.woff2) format('woff2'), url(/resources/font/Pretendard-Black.woff) format('woff');}
@font-face {font-family:'Pretendard-SemiBold';font-weight:600;font-display:swap;src:local('Pretendard Bold'), url(/resources/font/Pretendard-SemiBold.woff2) format('woff2'), url(/resources/font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family:'Pretendard-Bold';font-weight:700;font-display:swap;src:local('Pretendard Bold'), url(/resources/font/Pretendard-Bold.woff2) format('woff2'), url(/resources/font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family:'Pretendard-Medium';font-weight:500;font-display:swap;src:local('Pretendard Medium'), url(/resources/font/Pretendard-Medium.woff2) format('woff2'), url(/resources/font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family:'Pretendard-Regular';font-weight:400;font-display:swap;src:local('Pretendard Medium'), url(/resources/font/Pretendard-Regular.woff2) format('woff2'), url(/resources/font/Pretendard-Regular.woff) format('woff');}

.mt_none{margin-top:0;}
.mt_12px{margin-top:12px;}
.mt_16px{margin-top:16px;}
.mt_24px{margin-top:24px;}
.mt_32px{margin-top:32px;}
.mt_48px{margin-top:48px;}
.mt_84px{margin-top:84px;}
.my_48px{margin-top:48px;margin-bottom:48px;}
.ml_16px{margin-left:16px;}


@media (min-width:768px) {
    .screen-lg {
        width: 100%;
        max-width: 100%;
        font-family: 'Pretendard-Regular';
    }

    .screen-md {
        display: none
    }

    .screen-mobile {
        display: none
    }

    a.btn.emphasis {
        /*font-weight: 600;*/
        background-color: #DA4713;
        color: #FFF;
    }

    a.btn {
        background-color: #F0F5F0;
        color: #121712;
        border: none;
        border-radius: 1em;
        padding: 1em 2.5em;
        font-size:18px;
    }

    .pg_navi{
        margin-top:1em;
        margin-bottom:3em;
    }

    .pg_navi a.btn{
        padding:0.8em 1.5em;
        background-color:transparent;
    }


    .main-header {
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        background-color: #FFF;
        border-bottom: 1px solid #CCC;
        z-index:1000;
    }

    .content-wrapper {
        max-width: 1280px;
        margin: 0 auto;
        padding: 100px 0 0 0;
    }

    .main-footer {
        background-color: #F5F5F5;
    }

    .main-footer .footer {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
        padding: 16px
    }

    .main-footer .footer .footer-title {
        margin: 36px 0 40px 0;
        font-family: 'Pretendard-Bold';
        font-size: 30px;
        line-height: 0.93;
        letter-spacing: -0.75px;
        color: #121712;
    }

    .main-footer .footer .btn-site-family {
        position: absolute;
        top: 54px;
        right: 0;
        padding-right: 74px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: -0.4px;
        border: none;
        color: #121712;
        cursor: pointer;
        text-decoration: none;
        background-color: transparent;

    }

    .main-footer .footer .site-family {
        display: none;
        position: absolute;
        overflow-y: auto;
        width: 200px;
        /*height:140px;*/
        height: 54px;
        /*top:-190px;*/
        top: -60px;
        right: 0;
        padding: 16px 15px;
        border: 1px solid #BFBFBF;
        background-color: #FFF;
        z-index: 100;
    }


    .main-footer .footer .site-family ul li {
        margin-top: 16px;
    }

    .main-footer .footer .site-family ul li:first-child {
        margin-top: 0;
    }

    .main-footer .footer .site-family::-webkit-scrollbar {
        width: 8px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 6px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 6px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


    .corp-info {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.5px;
    }

    .corp-info a {
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: -0.5px;
    }

    .header {
        display: flex;
        position: relative;
        max-width: 1280px;
        height: 100%;
        margin: 0 auto;
        padding: 0 16px;
        align-items: center;
        justify-content: center;
    }

    .logo_link {
        flex: 1;
    }

    .logo_link a {
        display: inline-block;
        font-size: 1.5em;
        font-weight: 600;
    }

    .header_menu {
        flex: 1;
        font-size: 1.2em;
        text-align: right;
    }

    .section_main {
        display: flex;
        padding: 40px 16px;
        gap: 48px;
    }

    .section_main .wrap-gallery{
        overflow: hidden;
        flex: 2;
        max-width: 800px;
        max-height: 400px;
        border-radius: 16px;
    }

    .section_main .wrap_main_img {

    }

    .section_main .wrap_main_img .wrap-slider {
        height:100%;
    }

    .section_main .wrap_main_img img {
        height:100%;
        border-radius: 16px;
    }

    .section_main .wrap_main_contents {
        flex: 1;
        align-content: center;
    }

    .section_main .wrap_main_contents p.title {
        font-size: 64px;
        font-weight: 600;
        line-height: 80px;
        letter-spacing: -2px;
        color: #121712;
    }

    .section_main .wrap_main_contents p.subtitle {
        font-size: 18px;
        line-height: 24px;
        color: #121712;
    }

    /* 메인 > 퀵패스 왜 사용할까요? */
    .section_why {
        margin-top: 32px;
        padding: 0 16px;
    }

    .section_why p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_why .wrap_why_contents {
        display: flex;
        margin-top: 24px;
        gap: 12px
    }

    .section_why .wrap_why_contents div {
        flex: 1;
        border: 1px solid #DBE5DB;
        border-radius: 16px;
        padding: 16px;
    }

    .section_why .wrap_why_contents div img.thumb {
        width: 24px;
        height: 24px;
        margin-bottom: 8px;
    }

    .section_why .wrap_why_contents div p.title {
        color: #121712;
        font-size: 20px;
        line-height: 20px;
    }

    .section_why .wrap_why_contents div span.contents {
        color: #E1917A;
        font-size: 16px;
        line-height: 24px;
    }


    /* 메인 > 퀵패스 플랫폼 */
    .section_platform {
        margin-top: 48px;
        padding: 0 16px;
    }


    .section_platform .wrap_platform {
        display: flex;
        margin-top: 24px;
        gap: 12px
    }

    .section_platform .wrap_platform div {
        flex: 1;
        border: 1px solid #DBE5DB;
        border-radius: 16px;
        padding: 16px;
    }

    .section_platform .wrap_platform div img.thumb {
        /*width: 128px;*/
        height: 80px;
        margin-bottom: 8px;
    }


    .section_platform p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }





    /* 메인 > 퀵패스 프로세스 */
    .section_process {
        margin-top: 48px;
        padding: 0 16px;
    }

    .section_process .wrap_process {
        position: relative;
        /*margin: 24px 0;*/
        padding: 24px 0;
    }

    .section_process .wrap_process .item_process {
        height: 200px;
        vertical-align: middle;
    }

    .section_process img.thumb {
        width: 48px;
        height: 48px;
        margin: 24px 0;
    }

    .section_process img.thumb.arrow {
        margin-top: 70px;
    }

    .section_process span {
        display: block;
        color: #121712;
    }

    .section_process span.number {
        font-size: 36px;
    }

    .section_process span.contents {
        font-size: 16px;
        color: #E1917A;
    }

    .section_process p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_process p.gallery_title {
        margin-top:14px;
        font-size: 22px;
        /*font-weight: 600;*/
        line-height: 28px;
        color: #121712;
    }


    /* 문의하기 */
    .section_main_inquiry {
        margin-top: 32px;
        padding: 120px 0;
    }

    .section_main_inquiry p.title {
        font-size: 36px;
        font-weight: 500;
    }

    .section_inquiry {
        /*margin-top:32px;*/
        padding: 0 16px;
    }

    .section_inquiry p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_inquiry .wrap_form .wrap_form_input {
        display: flex;
        margin-top: 24px;
        gap: 96px;
    }

    .section_inquiry .wrap_form .wrap_form_input .form_unit {
        flex: 1;
        padding-left: 16px;
    }

    .section_inquiry .wrap_inquiry {
        margin-top: 24px;
    }

    .section_inquiry .wrap_inquiry:first-child {
        margin-top: 0;
    }


    .section_inquiry .wrap_inquiry p.title {
        font-size: 18px;
        font-weight: 400;
    }


    .section_inquiry .wrap_inquiry input[type='text'],
    .section_inquiry .wrap_inquiry input[type='email'] {
        width: 100%;
        padding: 16px;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        outline: none;
        font-size:16px;
    }

    .section_inquiry .wrap_inquiry input[type='radio'] {
        margin: -2px 6px 0 0;
        vertical-align: middle;
    }

    .section_inquiry .wrap_inquiry label {
        display: block;
        width: 100%;
        padding: 16px;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        margin-top: 16px;
        cursor: pointer;
        font-weight: 400;
        font-size:16px;
    }


    .section_inquiry .wrap_inquiry textarea {
        width: 100%;
        height: 100px;
        padding: 16px;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        outline: none;
        resize: none;
        font-size:16px;
    }

    .section_inquiry .wrap_register {
        margin: 64px 0 80px 0;
    }

    .section_inquiry .wrap_register p.caution {
        color: #E1917A;
    }

    .section_inquiry .wrap_register label {
        display: block;
        cursor: pointer;
    }

    .section_inquiry .wrap_register input[type="checkbox"] {
        margin: -2px 6px 0 0;
        vertical-align: middle;
    }

    .section_inquiry button.register {
        width: 300px;
        margin-top: 48px;
        padding: 12px 36px;
        border: none;
        border-radius: 16px;
        font-size:24px;
        /*font-weight: 600;*/
        background-color: #DA4713;
        color: #FFF;
    }


    /* FAQ */
    .section_faq {
        /*margin-top:32px;*/
        padding: 0 16px;
    }

    .section_faq .wrap_faq_title {
        position: relative;
        height: 480px;
        border-radius: 16px;
        /*background: url("/resources/img/front/bg_faq.png") no-repeat;*/
        background: url("/resources/img/front/bg_notice.png") no-repeat;
        background-size: cover;
    }

    .section_faq .wrap_faq_title .wrap_title {
        position: absolute;
        left: 32px;
        bottom: 32px;
    }

    .section_faq .wrap_faq_title .wrap_title p.faq_title {
        font-size: 64px;
        font-weight: 600;
        line-height: 80px;
        color: #FFF;
    }

    .section_faq .wrap_faq_title .wrap_title p.faq_contents {
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
    }

    .section_faq .wrap_faq_contents {
        margin: 16px 0;
    }

    .section_faq .wrap_faq_contents ul.list_category li {
        display: inline-block;
        width: 120px;
        text-align: center;
    }

    .section_faq .wrap_faq_contents ul.list_category li a {
        display: inline-block;
        padding: 8px 0;
        color: #E1917A;
        font-size:16px;
    }

    .section_faq .wrap_faq_contents ul.list_category li.focused {
        border-bottom: 3px solid #E1917A;
    }

    .section_faq .wrap_faq_contents ul.list_category li.focused a {
        color: #121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li {
        position:relative;
        margin-top: 16px;
        padding: 16px 12px;
        border: 1px solid #CCC;
        border-radius: 16px;
        cursor:pointer;
    }

    .section_faq .wrap_faq_contents ul.list_contents li:first-child{
        margin-top:0;
    }


    .section_faq .wrap_faq_contents ul.list_contents li.focused{
        border:1px solid #121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li p.title{
        font-size:16px;
        color:#121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li p.contents{
        color:#121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button {
        position:absolute;
        top:16px;
        right:16px;
        width:32px;
        height:32px;
        background-color:transparent;
        border:none;
    }

    .section_faq .wrap_faq_contents ul.list_contents li div.question {
        padding: 6px 0 0 40px;
        background:url('/resources/img/icon/ic_q_circle.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li div.answer {
        padding: 6px 0 0 40px;
        background:url('/resources/img/icon/ic_a_circle.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button,
    .section_faq .wrap_faq_contents ul.list_contents li button.collapsed {
        background:url('/resources/img/icon/ic_chevron_down.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button.expanded {
        background:url('/resources/img/icon/ic_chevron_up.svg') no-repeat;
        background-size:32px;
    }



    /* NOTICE */
    .section_notice {
        /*margin-top:32px;*/
        padding: 0 16px;
    }

    .section_notice .wrap_notice_title {
        position: relative;
        height: 480px;
        border-radius: 16px;
        background: url("/resources/img/front/bg_notice.png") no-repeat;
        background-size: cover;
    }

    .section_notice .wrap_notice_title .wrap_title {
        position: absolute;
        left: 32px;
        bottom: 32px;
    }

    .section_notice .wrap_notice_title .wrap_title p.notice_title {
        font-size: 64px;
        font-weight: 600;
        line-height: 80px;
        color: #FFF;
    }

    .section_notice .wrap_notice_title .wrap_title p.notice_contents {
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
    }

    .section_notice .wrap_notice_contents {
        margin: 32px 0;
    }

    .section_notice .no_exist {
        margin-top:24px;
        text-align:center;
        font-size:18px;
        line-height:32px;
    }

    .section_notice .wrap_notice_contents p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_notice .wrap_notice_contents ul.list_contents li{
        position:relative;
        min-height:80px;
    }
    .section_notice .wrap_notice_contents ul.list_contents li a.btn_read_more{
        position:absolute;
        padding:8px 16px;
        border-radius:12px;
        top:6px;
        right:0;
        background-color:#E8EDF5;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title {
        padding-left:60px;
        background:url('/resources/img/icon/ic_bulltein.svg') no-repeat;
        background-size:48px;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title p.title a{
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title p.reg_date{
        font-size: 16px;
        line-height: 24px;
        color: #4A709C;
    }

    .section_notice .wrap_notice_contents table {
        width:100%;
        font-size:16px;
    }

    .section_notice .wrap_notice_contents table th{
        text-align:center;
    }

    .section_notice .wrap_notice_contents table th, .section_notice .wrap_notice_contents table td{
        border-top:1px solid #CCC;
        padding:12px 24px;
    }

    .section_notice .wrap_notice_contents table tr:last-child th,
    .section_notice .wrap_notice_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }



    /* BOOKS */
    .section_books {
        /*margin-top:32px;*/
        padding: 0 16px;
    }

    .section_books .wrap_books_title {
        position: relative;
        height: 480px;
        border-radius: 16px;
        background: url("/resources/img/front/bg_books.png") no-repeat;
        background-size: cover;
    }

    .section_books .wrap_books_title .wrap_title {
        position: absolute;
        left: 32px;
        bottom: 32px;
    }

    .section_books .wrap_books_title .wrap_title p.books_title {
        font-size: 64px;
        font-weight: 600;
        line-height: 80px;
        color: #FFF;
    }

    .section_books .wrap_books_title .wrap_title p.books_contents {
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
    }

    .section_books .wrap_books_contents {
        margin: 32px 0;
    }
    .section_books .wrap_books_contents p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_books .wrap_books_contents table {
        width:100%;
        font-size:16px;
    }

    .section_books .wrap_books_contents table th{
        text-align:center;
    }

    .section_books .wrap_books_contents table th, .section_books .wrap_books_contents table td{
        border-top:1px solid #CCC;
        padding:12px 24px;
    }

    .section_books .wrap_books_contents table tr:last-child th,
    .section_books .wrap_books_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }

    .section_books .wrap_books_contents table ul li a.shop_banner{
        display:inline-block;
    }

    /* Lecture */
    .section_lecture {
        /*margin-top:32px;*/
        padding: 0 16px;
    }

    .section_lecture .wrap_lecture_title {
        position: relative;
        height: 480px;
        border-radius: 16px;
        background: url("/resources/img/front/bg_lecture.jpg") no-repeat;
        background-size: cover;
    }

    .section_lecture .wrap_lecture_title .wrap_title {
        position: absolute;
        left: 32px;
        bottom: 32px;
    }

    .section_lecture .wrap_lecture_title .wrap_title p.lecture_title {
        font-size: 64px;
        font-weight: 600;
        line-height: 80px;
        color: #FFF;
    }

    .section_lecture .wrap_lecture_title .wrap_title p.lecture_contents {
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
    }

    .section_lecture .wrap_lecture_contents {
        margin: 32px 0;
    }
    .section_lecture .wrap_lecture_contents p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_lecture .wrap_lecture_contents table {
        width:100%;
        font-size:16px;
    }

    .section_lecture .wrap_lecture_contents table th{
        text-align:center;
    }

    .section_lecture .wrap_lecture_contents table th, .section_lecture .wrap_lecture_contents table td{
        border-top:1px solid #CCC;
        padding:12px 24px;
    }

    .section_lecture .wrap_lecture_contents table tr:last-child th,
    .section_lecture .wrap_lecture_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }

    .section_lecture .wrap_lecture_contents table ul li a.shop_banner{
        display:inline-block;
    }

}

@media (min-width:340px) and (max-width:767px) {
    .screen-lg{display:none}
    .screen-md{display:none}
    .screen-mobile {width:100%;max-width:767px;}
    /* scroll hidden */
    body{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;}
    body::-webkit-scrollbar{display:none}

    .bx-wrapper{margin-bottom:0!important;border:none!important}
    .bd_none{border:none!important}

    a.btn.emphasis {
        font-weight: 600;
        background-color: #DA4713;
        color: #FFF;
    }

    a.btn {
        background-color: #F0F5F0;
        color: #121712;
        border: none;
        border-radius: 16px;
        padding: 12px 36px;
        font-size:1em;
    }

    .pg_navi{
        display: flex;
        margin-top:1em;
        margin-bottom:3em;
        justify-content: space-between;
    }

    .pg_navi a.btn{
        padding:0.8em 0.8em;
        background-color:transparent;
    }

    .snb-wrapper {
        display:none;
        position:fixed;
        top:60px;
        left:0;
        width:100%;
        height:calc(100% - 60px);
        background-color:rgba(0,0,0,0.5);
        z-index:1000;
    }
    .snb-wrapper.show {
        display:inherit;
    }

    .snb-wrapper .menu_list{
        position:absolute;
        width:80%;
        height:100%;
        top:0;
        right:0;
        background-color:#FFF;
        transform: translateX(100%);
        z-index:2000;
    }

    .snb-wrapper .menu_list li a{
        display:block;
        padding:1em 1em;
        border-bottom:1px solid #CCC;
        font-size:1.2em;
    }

    .snb-wrapper.show .menu_list{
        /*animation-name: snbOpenFrames;*/
        transform: translateX(0);
        transition:all 1s;
        /*animation-duration: 1s;*/
    }

    .snb-wrapper.hide .menu_list{
        animation-name: snbCloseFrames;
        animation-duration: 1s;
    }

    @keyframes snbOpenFrames {
        0% { transform: translateX(100%); }
        25% { transform: translateX(75%); }
        50% { transform: translateX(50%); }
        75% { transform: translateX(25%); }
        100% { transform: translateX(0); }
    }

    @keyframes snbCloseFrames {
        0% { transform: translateX(0); }
        25% { transform: translateX(25%); }
        50% { transform: translateX(50%); }
        75% { transform: translateX(75%); }
        100% { transform: translateX(100%); }
    }

    .main-header {
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        background-color: #FFF;
        border-bottom: 1px solid #CCC;
        z-index:1000;
    }

    .header {
        display: flex;
        position: relative;
        width:100%;
        height: 100%;
        margin: 0 auto;
        padding: 0 16px;
        align-items: center;
        justify-content: center;
    }

    .logo_link {
        flex: 1;
    }

    .logo_link a {
        display: inline-block;
        font-size: 1.5em;
        font-weight: 600;
    }

    .header_menu {
        flex: 1;
        height:32px;
        text-align: right;
    }

    .header_menu .btn_menu{
        width:32px;
        height:32px;
        border:none;
        background:url('/resources/img/icon/ic_menu.svg') no-repeat;
        background-color:transparent;
    }

    .header_menu .btn_close{
        width:32px;
        height:32px;
        border:none;
        background:url('/resources/img/icon/ic_close.svg') no-repeat;
        background-color:transparent;
    }

    .content-wrapper {
        /*max-width: 1280px;*/
        margin: 0 auto 2.5em auto;
        padding: 60px 0 0 0;
    }

    .main-footer {
        background-color: #F5F5F5;
    }

    .main-footer .footer {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
        padding: 16px
    }

    .main-footer .footer .footer-title {
        margin: 36px 0 40px 0;
        font-family: 'Pretendard-Bold';
        font-size: 30px;
        line-height: 0.93;
        letter-spacing: -0.75px;
        color: #121712;
    }

    .main-footer .footer .btn-site-family {
        position: absolute;
        top: 54px;
        right: 0;
        padding-right: 2em;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: -0.4px;
        border: none;
        color: #121712;
        cursor: pointer;
        text-decoration: none;
        background-color: transparent;

    }

    .main-footer .footer .site-family {
        display: none;
        position: absolute;
        overflow-y: auto;
        width: 200px;
        /*height:140px;*/
        height: 54px;
        /*top:-190px;*/
        top: -60px;
        right: 0;
        padding: 16px 15px;
        border: 1px solid #BFBFBF;
        background-color: #FFF;
        z-index: 100;
    }


    .main-footer .footer .site-family ul li {
        margin-top: 16px;
    }

    .main-footer .footer .site-family ul li:first-child {
        margin-top: 0;
    }

    .main-footer .footer .site-family::-webkit-scrollbar {
        width: 8px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 6px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 6px;
    }

    .main-footer .footer .site-family::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


    .corp-info {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: -0.5px;
    }

    .corp-info a {
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: -0.5px;
    }


    .section_main {
        margin-bottom:1em;
    }

    .section_main .wrap-gallery{
        overflow: hidden;
        width:100%;
    }

    .section_main .wrap_mobile_main_img {

    }

    .section_main .wrap_mobile_main_img .wrap-slider {
        overflow:hidden;
        height:200px;
    }

    .section_main .wrap_mobile_main_img img {
        width:100%;
        height:200px;
    }

    .section_main .wrap_main_contents {
        margin-top:3em;
    }

    .section_main .wrap_main_contents p.title {
        font-size: 2.5em;
        font-weight: 600;
        letter-spacing: -2px;
        color: #121712;
        text-align:center;
    }

    .section_main .wrap_main_contents p.subtitle {
        font-size: 1em;
        line-height: 1.5em;
        color: #121712;
        text-align:center;
    }


    /* 메인 > 퀵패스 왜 사용할까요? */
    .section_why {
        margin-top: 4em;
        padding: 0 1em;
    }

    .section_why p.title {
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.5em;
        color: #121712;
        text-align: center;
    }

    .section_why .wrap_why_contents {
        /*display: flex;*/
        margin-top: 1.5em;
        /*gap: 12px*/
    }

    .section_why .wrap_why_contents div {
        /*flex: 1;*/
        border: 1px solid #DBE5DB;
        border-radius: 1em;
        margin-top:1em;
        padding: 1em;
    }

    .section_why .wrap_why_contents div img.thumb {
        width: 24px;
        height: 24px;
        margin-bottom: 8px;
    }

    .section_why .wrap_why_contents div p.title {
        color: #121712;
        font-size: 20px;
        line-height: 20px;
        text-align:left;
    }

    .section_why .wrap_why_contents div span.contents {
        color: #E1917A;
        font-size: 1.2em;
        line-height: 24px;
    }

    /* 메인 > 퀵패스 플랫폼 */
    .section_platform {
        margin-top: 4em;
        padding: 0 1em;
        text-align:center;
    }


    .section_platform p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }


    /* 메인 > 퀵패스 플랫폼 */
    .section_platform {
        margin-top: 4em;
        padding: 0 1em;
    }

    .section_platform .wrap_platform {
        /*display: flex;*/
        margin-top: 1.5em;
        /*gap: 12px*/
    }

    .section_platform .wrap_platform div {
        /*flex: 1;*/
        border: 1px solid #DBE5DB;
        border-radius: 1em;
        margin-top:1em;
        padding: 1em;
    }

    .section_platform .wrap_platform div img.thumb {
        /*width: 24px;*/
        height: 80px;
        margin-bottom: 8px;
    }



    /* 메인 > 퀵패스 프로세스 */
    .section_process {
        margin-top: 4em;
        padding: 0 1em;
        text-align:center;
    }

    .section_process .wrap_process {
        position: relative;
        margin: 1.5em 0;
        /*padding: 24px 0;*/
    }

    .section_process .wrap_process .item_process {
        display: flex;
        /*height: 200px;*/
        border: 1px solid #DBE5DB;
        border-radius: 1em;
        vertical-align: middle;
        align-items: center;
        gap:1.5em;
        justify-content:center;
    }

    .section_process img.thumb {
        width: 3em;
        height: 3em;
        margin: 1.5em 0;
    }

    .section_process img.thumb.arrow {
        /*margin-top: 70px;*/
    }

    .section_process span {
        display: block;
        color: #121712;
    }

    .section_process span.number {
        font-size: 2.5em;
        font-weight:600;
    }

    .section_process span.contents {
        display:inline-block;
        font-size: 1.2em;
        color: #E1917A;
        min-width:10em;

    }

    .section_process p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }

    .section_process p.gallery_title {
        margin-top:14px;
        font-size: 1.2em;
        /*font-weight: 600;*/
        line-height: 28px;
        color: #121712;
    }


    /* 문의하기 */
    .section_main_inquiry {
        margin-top: 4em;
        /*padding: 120px 0;*/
    }

    .section_main_inquiry p.title {
        font-size: 2em;
        font-weight: 600;
    }

    /* NOTICE */
    .section_notice {
        /*margin-top:32px;*/
        /*padding: 0 16px;*/
    }

    .section_notice .wrap_notice_title {
        position: relative;
        height: 200px;
        /*border-radius: 16px;*/
        background: url("/resources/img/front/bg_notice.png") no-repeat;
        background-size: cover;
    }

    .section_notice .wrap_notice_title .wrap_title {
        position: absolute;
        left: 1em;
        bottom: 1em;
    }

    .section_notice .wrap_notice_title .wrap_title p.notice_title {
        font-size: 2.5em;
        font-weight: 600;
        /*line-height: 80px;*/
        color: #FFF;
    }

    .section_notice .wrap_notice_title .wrap_title p.notice_contents {
        font-size: 1em;
        line-height: 24px;
        color: #FFF;
    }

    .section_notice .wrap_notice_contents {
        margin: 2em 0;
        padding: 0 1em;
    }

    .section_notice .wrap_notice_contents img{
        width:100%!important;
        height:inherit!important;

    }

    .section_notice .wrap_notice_contents p.title {
        margin-bottom:0.2em;
        font-size: 1.5em;
        font-weight: 600;
        color: #121712;
    }

    .section_notice .wrap_notice_contents ul.list_contents li{
        position:relative;
        /*min-height:80px;*/
        margin-top:1.5em;
    }

    .section_notice .wrap_notice_contents ul.list_contents li:first-child{
        margin-top:0;
    }

    .section_notice .wrap_notice_contents ul.list_contents li a.btn_read_more{
        position:absolute;
        padding:8px 16px;
        border-radius:12px;
        top:6px;
        right:0;
        background-color:#E8EDF5;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title {
        padding-left:60px;
        background:url('/resources/img/icon/ic_bulltein.svg') no-repeat;
        background-size:48px;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title p.title a{
        font-size: 1em;
        font-weight: 600;
        line-height: 28px;
        color: #121712;

        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .section_notice .wrap_notice_contents ul.list_contents li div.notice_title p.reg_date{
        font-size: 16px;
        line-height: 24px;
        color: #4A709C;
        margin-bottom:0;
    }

    .section_notice .wrap_notice_contents table {
        width:100%;
        font-size:16px;
    }

    .section_notice .wrap_notice_contents table th{
        text-align:center;
    }

    .section_notice .wrap_notice_contents table th, .section_notice .wrap_notice_contents table td{
        border-top:1px solid #CCC;
        padding:0.5em 1em;
    }

    .section_notice .wrap_notice_contents table tr:last-child th,
    .section_notice .wrap_notice_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }

    
    /* BOOKS */
    .section_books {
        /*margin-top:32px;*/
        /*padding: 0 16px;*/
    }

    .section_books .wrap_books_title {
        position: relative;
        height: 200px;
        /*border-radius: 16px;*/
        background: url("/resources/img/front/bg_books.png") no-repeat;
        background-size: cover;
    }

    .section_books .wrap_books_title .wrap_title {
        position: absolute;
        left: 1em;
        bottom: 1em;
    }

    .section_books .wrap_books_title .wrap_title p.books_title {
        font-size: 2.5em;
        font-weight: 600;
        /*line-height: 80px;*/
        color: #FFF;
    }

    .section_books .wrap_books_title .wrap_title p.books_contents {
        font-size: 1em;
        line-height: 24px;
        color: #FFF;
    }

    .section_books .wrap_books_contents {
        margin: 2em 0;
        padding: 0 1em;
    }

    .section_books .wrap_books_contents img{
        /*width:100%!important;*/
        /*height:inherit!important;*/
    }

    .section_books .wrap_books_contents p.title {
        margin-bottom:0.2em;
        font-size: 1.5em;
        font-weight: 600;
        color: #121712;
    }

    .section_books .wrap_books_contents ul.list_contents li{
        position:relative;
        /*min-height:80px;*/
        margin-top:1.5em;
    }

    .section_books .wrap_books_contents ul.list_contents li:first-child{
        margin-top:0;
    }

    .section_books .wrap_books_contents ul.list_contents li a.btn_read_more{
        position:absolute;
        padding:8px 16px;
        border-radius:12px;
        top:6px;
        right:0;
        background-color:#E8EDF5;
    }

    .section_books .wrap_books_contents ul.list_contents li div.books_title {
        padding-left:60px;
        background:url('/resources/img/icon/ic_bulltein.svg') no-repeat;
        background-size:48px;
    }

    .section_books .wrap_books_contents ul.list_contents li div.books_title p.title a{
        font-size: 1em;
        font-weight: 600;
        line-height: 28px;
        color: #121712;

        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .section_books .wrap_books_contents ul.list_contents li div.books_title p.reg_date{
        font-size: 16px;
        line-height: 24px;
        color: #4A709C;
        margin-bottom:0;
    }

    .section_books .wrap_books_contents table {
        width:100%;
        font-size:16px;
    }

    .section_books .wrap_books_contents table th{
        text-align:center;
    }

    .section_books .wrap_books_contents table th, .section_books .wrap_books_contents table td{
        border-top:1px solid #CCC;
        padding:0.5em 1em;
    }

    .section_books .wrap_books_contents table tr:last-child th,
    .section_books .wrap_books_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }

    
    /* LECTURE */
    .section_lecture {
        /*margin-top:32px;*/
        /*padding: 0 16px;*/
    }

    .section_lecture .wrap_lecture_title {
        position: relative;
        height: 200px;
        /*border-radius: 16px;*/
        background: url("/resources/img/front/bg_lecture.jpg") no-repeat;
        background-size: cover;
    }

    .section_lecture .wrap_lecture_title .wrap_title {
        position: absolute;
        left: 1em;
        bottom: 1em;
    }

    .section_lecture .wrap_lecture_title .wrap_title p.lecture_title {
        font-size: 2.5em;
        font-weight: 600;
        /*line-height: 80px;*/
        color: #FFF;
    }

    .section_lecture .wrap_lecture_title .wrap_title p.lecture_contents {
        font-size: 1em;
        line-height: 24px;
        color: #FFF;
    }

    .section_lecture .wrap_lecture_contents {
        margin: 2em 0;
        padding: 0 1em;
    }

    .section_lecture .wrap_lecture_contents img{
        /*width:100%!important;*/
        height:inherit!important;

    }

    .section_lecture .wrap_lecture_contents p.title {
        margin-bottom:0.2em;
        font-size: 1.5em;
        font-weight: 600;
        color: #121712;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li{
        position:relative;
        /*min-height:80px;*/
        margin-top:1.5em;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li:first-child{
        margin-top:0;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li a.btn_read_more{
        position:absolute;
        padding:8px 16px;
        border-radius:12px;
        top:6px;
        right:0;
        background-color:#E8EDF5;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li div.lecture_title {
        padding-left:60px;
        background:url('/resources/img/icon/ic_bulltein.svg') no-repeat;
        background-size:48px;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li div.lecture_title p.title a{
        font-size: 1em;
        font-weight: 600;
        line-height: 28px;
        color: #121712;

        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .section_lecture .wrap_lecture_contents ul.list_contents li div.lecture_title p.reg_date{
        font-size: 16px;
        line-height: 24px;
        color: #4A709C;
        margin-bottom:0;
    }

    .section_lecture .wrap_lecture_contents table {
        width:100%;
        font-size:16px;
    }

    .section_lecture .wrap_lecture_contents table th{
        text-align:center;
    }

    .section_lecture .wrap_lecture_contents table th, .section_lecture .wrap_lecture_contents table td{
        border-top:1px solid #CCC;
        padding:0.5em 1em;
    }

    .section_lecture .wrap_lecture_contents table tr:last-child th,
    .section_lecture .wrap_lecture_contents table tr:last-child td{
        border-bottom:1px solid #CCC;
    }

    
    
    
    
    
    /* FAQ */
    .section_faq {
        /*margin-top:32px;*/
        /*padding: 0 16px;*/
    }

    .section_faq .wrap_faq_title {
        position: relative;
        height: 200px;
        /*border-radius: 16px;*/
        background: url("/resources/img/front/bg_notice.png") no-repeat;
        background-size: cover;
    }

    .section_faq .wrap_faq_title .wrap_title {
        position: absolute;
        left: 1em;
        bottom: 1em;
    }

    .section_faq .wrap_faq_title .wrap_title p.faq_title {
        font-size: 2.5em;
        font-weight: 600;
        /*line-height: 80px;*/
        color: #FFF;
    }

    .section_faq .wrap_faq_title .wrap_title p.faq_contents {
        font-size: 1em;
        line-height: 24px;
        color: #FFF;
    }

    .section_faq .wrap_faq_contents {
        margin: 2em 0;
        padding: 0 1em;
    }

    .section_faq .wrap_faq_contents select.list_category {
        width:100%;
        padding:1em 0;
        border:none;
        font-size:1.2em;
        outline:none;
    }

    .section_faq .wrap_faq_contents ul.list_contents li {
        position:relative;
        margin-top: 16px;
        padding: 16px 12px;
        border: 1px solid #CCC;
        border-radius: 16px;
        cursor:pointer;
    }

    .section_faq .wrap_faq_contents ul.list_contents li:first-child{
        margin-top:0;
    }


    .section_faq .wrap_faq_contents ul.list_contents li.focused{
        border:1px solid #121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li p.title{
        font-size:16px;
        color:#121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li p.contents{
        color:#121712;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button {
        position:absolute;
        top:16px;
        right:16px;
        width:32px;
        height:32px;
        background-color:transparent;
        border:none;
    }

    .section_faq .wrap_faq_contents ul.list_contents li div.question {
        padding: 6px 40px 0 40px;
        background:url('/resources/img/icon/ic_q_circle.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li div.answer {
        padding: 6px 0 0 40px;
        background:url('/resources/img/icon/ic_a_circle.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button,
    .section_faq .wrap_faq_contents ul.list_contents li button.collapsed {
        background:url('/resources/img/icon/ic_chevron_down.svg') no-repeat;
        background-size:32px;
    }

    .section_faq .wrap_faq_contents ul.list_contents li button.expanded {
        background:url('/resources/img/icon/ic_chevron_up.svg') no-repeat;
        background-size:32px;
    }

    
    /* 문의하기 */
    .section_main_inquiry {
        margin-top: 32px;
        padding: 2em 0;
    }
    
    /*
    .section_main_inquiry p.title {
        font-size: 36px;
        font-weight: 500;
    }
    */
    

    .section_inquiry {
        /*margin-top:32px;*/
        /*padding: 0 16px;*/
    }

    .section_inquiry .wrap_inquiry_title {
        position: relative;
        height: 200px;
        /*border-radius: 16px;*/
        background: url("/resources/img/front/bg_inquiry.png") no-repeat;
        background-size: cover;
    }

    .section_inquiry .wrap_inquiry_title .wrap_title {
        position: absolute;
        left: 1em;
        bottom: 1em;
    }

    .section_inquiry .wrap_inquiry_title .wrap_title p.inquiry_title {
        font-size: 2.5em;
        font-weight: 600;
        /*line-height: 80px;*/
        color: #FFF;
    }

    .section_inquiry .wrap_inquiry_title .wrap_title p.inquiry_contents {
        font-size: 1em;
        line-height: 24px;
        color: #FFF;
    }


    /*
    .section_inquiry p.title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        color: #121712;
    }
    */

    .section_inquiry .wrap_form {
        padding:0 1em;
    }

    .section_inquiry .wrap_form .wrap_form_input {
        /*display: flex;*/
        margin-top: 24px;
        /*gap: 96px;*/
    }

    .section_inquiry .wrap_form .wrap_form_input .form_unit {
        /*flex: 1;*/
        padding-left: 16px;
    }

    .section_inquiry .wrap_inquiry {
        margin-top: 24px;
    }

    .section_inquiry .wrap_inquiry:first-child {
        margin-top: 0;
    }


    .section_inquiry .wrap_inquiry p.title {
        font-size: 1.2em;
        font-weight: 600;
    }


    .section_inquiry .wrap_inquiry input[type='text'],
    .section_inquiry .wrap_inquiry input[type='email'] {
        width: 100%;
        padding: 1em;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        outline: none;
    }

    .section_inquiry .wrap_inquiry input[type='radio'] {
        margin: -2px 6px 0 0;
        vertical-align: middle;
    }

    .section_inquiry .wrap_inquiry label {
        display: block;
        width: 100%;
        padding: 1em;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        margin-top: 16px;
        cursor: pointer;
        font-weight: 400;
    }

    .section_inquiry .wrap_inquiry textarea {
        width: 100%;
        height: 100px;
        padding: 1em;
        border: 1px solid #DBE5DB;
        border-radius: 12px;
        outline: none;
        resize: none;
    }

    .section_inquiry .wrap_register {
        margin: 3em 0 4em 0;
    }

    .section_inquiry .wrap_register p.caution {
        color: #E1917A;
    }

    .section_inquiry .wrap_register label {
        display: block;
        cursor: pointer;
    }

    .section_inquiry .wrap_register input[type="checkbox"] {
        margin: -2px 6px 0 0;
        vertical-align: middle;
    }

    .section_inquiry button.register {
        width: 300px;
        margin-top: 48px;
        padding: 12px 36px;
        border: none;
        border-radius: 16px;
        /*font-weight: 600;*/
        font-size:1.5em;
        background-color: #DA4713;
        color: #FFF;
    }





    .family-site-backdrop{
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.5);
        z-index:1000;
    }
    .family-site-backdrop.show{
        display:inherit;
    }

    .modal-family-site{
        position:absolute;
        bottom:0;
        width:100%;
        padding:2rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        background-color:#FFF;
    }

    .modal-family-site p.title{
        font-size:1.4em;
        font-weight:600;
    }

    .modal-family-site ul{
        margin-top:2rem;
    }

    .modal-family-site ul li{
        margin-top:1rem;
    }

    .modal-family-site ul li:first-child{
        margin-top:0;
    }

    .modal-family-site ul li a{
        display:block;
        font-size: 1.2em;
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: -0.4px;
        color: #000;
        text-decoration:none;
        padding:0.5em 0;
    }
    .modal-family-site .btn-modal-close{
        position:absolute;
        top:2rem;
        right:2rem;
        width:2rem;
        height:2rem;
        border:none;
        background:url('/resources/img/icon/ic_close.svg') no-repeat;
        background-size: 100%;
        cursor:pointer;
    }
}