:root {
    --color-primary: #4870f9;
    --color-text: #444444;
    --color-sub: #383b40;
    --color-info: #747983;
    --color-border: #d8dadd;
    --color-lightgray: #e5e8ec;
    --color-background: #f4f6f8;
    --color-placeholder: #adb2bb;
    --color-gradient: linear-gradient(90deg, #d3dbfd 0%, #6e9cfe 29.01%, #c377e4 60.55%, #ec78c6 84.44%, #feb1de 100%);
    --color-black: #000000;    
    --color-white: #ffffff;
    --box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    --font-family: "Pretendard", sans-serif;
	--transition: all 0.4s ease;
}


.h_right{display:none}
.mobile-menu{display:none}
@media (max-width: 1280px) {
    body {
        min-width: initial !important;
        height: 100%;
    }

    .mobile-menu .headbox .h_inner .btn.login_link {
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        color: var(--color-info);
        padding: 5px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--color-border);
        border-radius: 4px;width:initial;    height: 30px;
    }

    .mobile-menu .headbox .h_inner .h_left{margin-left:1rem}

    header.fixed .header_wrap {
       box-shadow:initial
    }
    header {
        height: 60px;
        font-size: 1rem;
    }
    header .ly_inner {
        height: 60px;
    }
    header .header_wrap {
        height:60px;
        border-bottom: 1px solid #e5e8ec;
    }
    .ly_inner{width:100%}
    .aside_group{display:none}
    .fl_layout .ly_inner {
        padding: 1.2em;
    }

    .sub_contents {
        width: 100%;
        min-height: 632px;
    }

    header .ly_inner .hd-logo a {
        display: block;
        min-width: 80px;
        margin-top: -3px;
        max-width: 120px;
        margin-left: 1rem;
    }

    .sub_contents .sub_title h2 {
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 1.38;
    }
    .sub_contents .sub_title p {
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.4;
        margin-top: 0.1rem;
        word-break: keep-all;
    }

    .mt-45 {
        margin-top: 1rem;
    }

    .option_finder .option_group.pos_rel {
        position: relative;
        flex-flow: column;
    }

    .option_finder .option_group .scroll_box.sty3 {
        width: 100%;
    }

    .option_group .duty_tab_wrap {

        width: 100%;
            height: 2.6rem;
        background-color: #fff;
    }

    .option_finder .option_group .scroll_box.sty2 {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;    border-top: 1px solid #edeff1;    display: none;
    }

    .option_finder .option_group .option_list.mt31 {
    margin-top:2.6rem
    }

    .option_finder .option_group .scroll_box.sty2 .option_list li {
        width: 100%;
    }

    .input_block {
        display:block;        width: calc(100% - 3rem);
    }

    .option_finder .finder_group .finder .input_box input {
        border-radius: 4px;
    }

    .option_finder .finder_group .finder .btn {
        border-radius: 4px;
        margin-top: 0.8rem;
        width: 100%;
    }

    .option_finder .finder_group .finder .input_box {
        background: initial;
        padding-left: initial;
        background-size: 30px;
        margin-left: initial;
    }

    .option_finder .popular_word_group {
    display:none
    }

    .cm_table_wrap .cm_title_group .select_box select {
        width:initial;
    }

    .duty_tab_wrap .duty_tab li a {

        align-items: center;
        align-content: center;
         height: 2.6rem;
        line-height: 1.2;
        text-align: center;
        font-size: 0.9rem;   
    }


    .duty_tab_wrap .duty_tab li:hover a, .duty_tab_wrap .duty_tab li.active a {
        background-color: #d1d9e2;
        color: #000;
        font-weight: 700;
    }

    .option_finder .option_group .option_list li.active a, .option_finder .option_group .option_list li:hover a {
        border: 1px solid #d7e0ec;
        background-color: #edf2f8;
        color: #858585;
        font-weight: 700;
    }

    .cm_table_wrap .cm_title_group .select_box {
    margin-bottom:initial
    }
    .sub_contents .sm_title {
        font-size: 1rem;
        font-weight: 800;
        line-height: 1.44;
    }
    .cm_table_wrap .cm_title_group {
        margin-bottom: 0.5rem;
    }

    .mh{display:none}

    .mt-60{margin-top:1.8rem}
        
    .duty_tab_wrap .duty_tab{
        border-top:0;
    }
    .duty_tab_wrap .duty_tab li {
        border-top: 0px;    width: initial;    border: 1px solid #d1d9e2;
    }

    .duty_tab_wrap .duty_tab li+li {
    border-left:initial
    }

    .duty_tab_wrap .duty_tab li:hover a,
    .duty_tab_wrap .duty_tab li.active a {
        background-color: #d1d9e2 !important;
        color: #5a5a5a;
        font-weight: 700;
    }

    .option_group .duty_tab_wrap .duty_tab li a {
        height: 2.6rem;;
        line-height: initial;
    }

    .paperBtn.w125 {
        width: initial;
    }

    .paperBtn .btn {
        padding: 8px 10px;
        font-size: 0.8rem;
        height: initial
    }

    .paging_area {
        width: 100%;
        margin: 1rem auto;
        text-align: center;
        overflow: hidden;        font-size: initial;
    }

    .paging_area span {
        display: inline-block;
        padding: 0 5px;
        height: 35px;
        font-size: 1rem;
        color: #666;
        line-height: 32px;
        vertical-align: middle;
        margin-left: 0;
        margin-right: 0;
        font-weight: 400;
    }

    .option_finder .finder_group {
        background-color: #d1d9e2;
    }

    .paging_area span.on {
        height: 35px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #000;
        line-height: 35px;
    }

    .option_finder .finder_group.cate5 .input_block {
        width: calc(100% - 3rem);
    }

    .option_finder .finder_group.cate5.first .help {
        display: block;
        padding: 20px;
        color: #fff;
        line-height: 1.6;
        font-size: 1rem;
        font-weight: 700;
        background: initial;
    }

    .option_finder .finder_group.cate5 .help {
        display: block;
        padding:20px ;
        color: #fff;
      line-height: 1.6;
        font-size: 1rem;
        font-weight: 500;
        background:initial
    }

    .option_finder .finder_group.cate5.first {
        display: block;
        text-align: center;
        border-radius: 10px;
    }
    .option_finder .option_group .option_list li a {

        font-size: 0.9rem;
    }

    .cm_table_wrap.passreport .cm_table .unit li.title span {
        font-size: 0.9rem;
    }

    .cm_table_wrap.passreport .cm_table .unit li.desc span {
        font-size: 0.9rem;
    }

    .cm_table_wrap.passreport .cm_table .unit li.con2 {  
        font-size: 0.82rem;
    }

    .cm_table_wrap .cm_table table .w100{width:initial}
    .sub_contents .sub_title p br{display: none; }

    .h_right{  
               position: fixed;
        display: flex;
        align-items: center;
        gap: 10px;
        z-index: 10;
        right: 15px;
    }

    .header_wrap .h_right .btn.menu_btn {
        background-image: url(/images/icon/ico_menu.png);
    }
    .header_wrap .h_right .btn {
        width: 24px;
        aspect-ratio: 1 / 1;
        background: no-repeat center / contain;
    }

    .top_line_video,
    .location .ly_inner,
    .educe-go-btn,
    .icon_edit_mode,
    header .ly_inner nav,
    header .ly_inner .hd-right-group,
    .email-contact
    {
    display:none
    }

    .mobile-menu{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 100;
        display: flex;
        flex-direction: column;
        background:#fff;
        transition: all 0.6s ease;
        right: -100%;
    }

    .mobile-menu.show {right: 0;}
    .mobile-menu .headbox { width: 100%; height: 60px; border-bottom: 1px solid var(--color-lightgray);}
    .mobile-menu .headbox .h_inner { width: 100%; height: 100%; display: flex; align-items: center;  justify-content: space-between;}
    .mobile-menu .headbox .h_inner .h_left, .mobile-menu .headbox .h_inner .h_right {position: relative;  display: flex; align-items: center;  gap: 10px;}
    .mobile-menu .headbox .h_inner .h_info { font-weight: 700; font-size: 16px;  line-height: 150%;  color: var(--color-black);}
    .mobile-menu .headbox .h_inner .login_link { font-size: 12px;  line-height: 150%;  text-align: center;  color: var(--color-info); padding: 5px 12px; display: flex;  align-items: center;  justify-content: center; border: 1px solid var(--color-border);  border-radius: 4px;}
    .mobile-menu .headbox .h_inner .btn { width: 24px;  aspect-ratio: 1 / 1;  background: no-repeat center / contain;}
    .mobile-menu .headbox .h_inner .btn.setting_btn {background-image: url(/images/icon/ico_setting.png);}
    .mobile-menu .headbox .h_inner .btn.close_btn {background-image: url(/images/icon/ico_menu_close.png);}
    .mobile-menu .navbox {position: relative;margin-top: 1rem;}
    .mobile-menu .navbox > li {width: 100%;padding: 0.2rem 0;}
    .mobile-menu .navbox > li .acc_tit { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 5px 16px; gap: 12px; cursor: pointer;}
    .mobile-menu .navbox > li .acc_tit .txt{ flex: 1; font-weight: 700; font-size: 14px;  line-height: 157%; color: var(--color-black);}
    .mobile-menu .navbox > li .acc_tit .icon {  background: url(/images/icon/hamburger_arrow.png) no-repeat center / contain;  width: 24px;  aspect-ratio: 1 / 1;  cursor: pointer;  transition: var(--transition);}
    .mobile-menu .navbox > li.show .acc_tit .icon {transform: rotate(180deg);}
    .mobile-menu .navbox > li .nav_cont { display: none; background: var(--color-background);}
    .mobile-menu .navbox > li .nav_cont > li {  font-weight: 400;  font-size: 13px;  line-height: 154%;  color: var(--color-info);}
    .mobile-menu .navbox > li .nav_cont > li:nth-child(1) { padding-top: 12px;}
    .mobile-menu .navbox > li .nav_cont > li:last-child { padding-bottom: 12px;}
    .mobile-menu .navbox > li .nav_cont > li > a { display: block;  padding: 4px 16px;}
    .mobile-menu .line {width: calc(100% - 16px*2); height: 1px; background: var(--color-lightgray); margin: 16px auto 24px;}
    .mobile-menu .navbox2 { display: flex;  flex-direction: column;  gap: 12px;    padding: 0 16px;}
    .mobile-menu .navbox2 > li {width: 100%; }
    .mobile-menu .navbox2 > li .link { display: block;  font-weight: 700;  font-size: 13px;  line-height: 154%; color: var(--color-black);}

    .service_card_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
        flex-flow: column;
    }

    .service_card_list .card {
               width: 100%;
        overflow: hidden;
        justify-content: center;
        display: flex;
    }

    .service_card_list .card + .card {
        margin-left: initial
    }

    .lottie-swiper .lottie-wrap, 
    .lottie-swiper .lottie-wrap2 {
       width: 100% !important;
        height: 200px !important;
    }

    .lottie-swiper {
        width: 100% !important;;
    }

    .main {
       padding: 1rem
    }

    .main_title {
        font-size: 1.5rem;
        font-weight: 900;
        text-align: center;
        margin-bottom: 50px;
    }

    /*main.main .lottie-row{display:none}*/
   .auland .main_sec01 {
        height: initial;
        overflow: hidden;
        padding-top: 80px;
        background-color: #f2f2f2;
        margin-top: -96px;
    }

    .auland .main_sec01 .sec_inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .main_section_contents .ly_inner {
        position: relative;
        padding: 4rem 0;
        border-top: 1px solid #e5e8ec;
    }

    .rc_service_group .left_group {
        width: initial;
        padding-top: 1rem;
        align-items: center;
        align-content: center;
        margin: 0 auto;
    }

    .rc_service_group .right_group {
        -webkit-box-shadow:initial;
        box-shadow: initial;
        border-radius: 8px;
        z-index: 2;
    }

    .rc_service_group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 3rem;align-items: center;
    }
    .rc_service_group .side_rolling{display:none}

    .best_content_group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 2rem;justify-content: center;
        align-items: center;
    }

    .best_content_group .card .inner .company .logo {
        margin-bottom: initial;
    }

    .rc_service_group .left_group h3 {
        font-size: 1.8rem;
        font-weight: 900;
        line-height: 1.33;
        text-align: center;
    }
   .rc_service_group .left_group p {
        font-size: 0.9rem;
        line-height: 1.7;
        text-align: center;
        width: calc(100% - 20px);
        margin: 1rem auto;
        word-break: keep-all;
    }

       .rc_service_group .left_group p br{display:none    }

    .rc_service_group .left_group .main_btn_group .btn {
        width: 100%;
        margin-right: initial;
    }

    .rc_service_group .left_group .main_btn_group {
                margin-top: 2rem;
        text-align: center;
        gap: 1rem;
        display: flex;
    }

    .best_content_group .card {
        width: 100%;
    }

    .best_content_group .card .inner .info .name {
   
        font-size: 1.3rem;
    }

    .main_section_contents.main_cont_3{
        display:none
    }

    .best_content_group .card + .card {
        margin-left: initial;
        margin-right:initial
    }

    .best_content_group .slick-track a {display:flex; flex-direction: column;  gap: 1rem;justify-content: center;
        align-items: center;}

    .best_content_group .card .inner .info {
        padding-left: initial;text-align:center
    }

    .best_content_group .card .inner {
       padding: 2rem 1rem;
        margin: 0.3rem;
        height:initial
    }

   .main_section_contents.main_cont_1 .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
        flex-direction: column;
        gap: 1rem;        align-items: center;
    }

    .main_section_contents.main_cont_1 .lottie-swiper .swiper-slide {
       width:100%
    }

   .main_section_contents.main_cont_1 .lottie-swiper .lottie-wrap,
   .main_section_contents.main_cont_1 .lottie-swiper .lottie-wrap2 {
        width: 100%;
    }

    .main_section_contents.main_cont_1 .lottie-swiper-nav{display:none}
    .hide{display:none}
    .cm_table_wrap .cm_table table tbody tr {
        border-bottom: 1px solid #e5e8ec;
        display: flex;
        flex-direction: column;
    }

    .cm_table_wrap .cm_table table {
        width: 100%;
        display: flex;        margin-top: 1.8rem;
    }

    .cm_table_wrap .cm_table table tbody{
        display: flex;
        gap: 1.6rem;
        flex-wrap: wrap;
        width: 100%;        justify-content: center;
    }

    .cm_table_wrap .cm_table table tbody tr {
               display: flex;
        flex-direction: column;
        flex:auto;
        border: 1px solid #c9cfda;
        border-radius: 6px;
                width: 10rem;
        padding: 0.6rem;
    }
    .cm_table_wrap .cm_table {
        border-top: 2px solid #383b40;
        display: flex;
        gap: 1.6rem;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;padding-top:1.6rem
    }
    .cm_table_wrap .cm_table li {

        display: flex;
        flex-direction: column;
        flex: auto;
        border: 1px solid #c9cfda;
        border-radius: 6px;
        width: 10rem;
        padding: 1.4rem 0.6rem
    }
    .cm_table_wrap .cm_table li .cell.cell_info .txt.mh{display:none}
    .cm_table_wrap .cm_table li .cell.cell_info {
        padding: 1rem 0;
        width:100%
    }

    .cm_table_wrap .cm_table li .cell.cell_btn {
         width:  initial;
         margin-right: initial;
         text-align: center
    }

    .cm_table_wrap .cm_table li .cell.cell_info .name {
        text-overflow:initial;
        white-space:initial;
        overflow: initial;
        display: block;
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
    }

    .btn.primary {
        border: 1px solid #000000;
        box-shadow: 0px 0px 3px -2px #2e2e2e;
        background-color: #000000;
        color: #fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 2px;
    }

    .cm_table_wrap .cm_table table tbody tr td .btn_play:hover {
        background-color: #000;
    }

    .btn.primary:hover {
        background-color: #000;
        box-shadow: 0px 0px 5px -2px #2e2e2e;
    }
                
}