@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* 타블렛 */
@media (min-width: 681px) and (max-width: 1024px) {
    .uni_inner_secton {
        width: 100%;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .uni_main_title > p:nth-of-type(1) {
        font-size: 44px;
        line-height: 59.4px;
    }

    .uni_main_title > p:nth-of-type(2) {
        font-size: 18px;
    }

    .uni_section_banner1,
    .uni_section_banner2,
    .uni_section_banner3,
    .uni_section_banner4 {
        width: calc(50% - 10px);
    }

    .uni_section_banner_title {
        font-size: 24px;
    }

    #allinone_unitest .scroll_indicator {
        top: 30px;
        right:24px;
        transform: inherit;
    }
    .view_content_wrap .view_content{
        padding:0 24px;
    }
    .uni_section4 .fixed_title{
        padding-top:30px;
    }
    
}

/*모바일*/
@media (max-width: 680px) {
    .uni_inner_secton {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .uni_main_title > p:nth-of-type(1) {
        font-size: 30px;
        line-height: 40.2px;
    }

    .uni_main_title > p:nth-of-type(2) {
        font-size: 16px;
    }

    .contact_btn {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .uni_contact {
        justify-content: normal;
        flex-direction: column;
    }

    .uni_contact > div {
        font-size: 14px;
    }

    .uni_contact > div > span {
        font-size: 16px;
    }

    .uni_contact > div + div {
        margin-left: 0;
        margin-top: 20px;
    }


    .uni_main_link_wrap {
        position: absolute;
        bottom: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .uni_main_link_list {
        display: flex;
        gap: 20px;
    }

    .uni_main_link_list > li + li {
        margin-top: 0;
    }

    .uni_main_link_list > li > a {
        padding-left: 0;
        flex-direction: column;
    }

    .uni_main_link_list > li > a > span.circle_icon {
        margin-left: 0;
        margin-top: 8px;
    }

    .uni_main_link_list > li > a > img {
        display: none;
    }

    .uni_section_title {
        font-size: 24px;
    }

    .uni_section_banner_wrap > div {
        padding: 24px;
        height: 272px;
    }

    .uni_section_banner1,
    .uni_section_banner2,
    .uni_section_banner3,
    .uni_section_banner4 {
        width: 100%;
    }

    .uni_section_banner_title {
        font-size: 18px;
    }

    .new_group_uni_wrap > .uni_section2,
    .new_group_uni_wrap > .uni_section3 {
        padding: 60px 0;
    }

    .uni_section_sub_title {
        font-size: 16px;
    }

    .customized_unitest_wrap {
        flex-direction: column;
    }

    .customized_unitest_wrap > a.btn_white {
        width: 100%;
        box-sizing: border-box;
        margin-top: 24px;
    }

    .unitest_tab {
        width: 100%;
        overflow-x: auto;
    }

    .unitest_tab::-webkit-scrollbar {
        display: none;
    }

    .unitest_tab > li {
        white-space: nowrap;
    }

    .c_unitest_list > li {
        width: 263px;
        height: 340px;
        padding: 26px;
        box-sizing: border-box;
    }

    #allinone_unitest {
        position: relative;
        height: auto;
        overflow: visible;
    }

    .allinone_content_tab_list {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        display: flex;
        gap: 20px;
        font-size: 14px;
        color: #111;
        width: 100%;
        justify-content: center;
    }

    .allinone_content_tab_list > li {
        padding: 0;
        text-align: center;
    }

    .allinone_content_tab_list > li + li {
        margin-top: 0;
    }

    .allinone_content_tab_list > li > a {
        width: 100%;
        padding: 16px 0;
        border-bottom: 3px solid #fff;
    }

    .allinone_content_tab_list > li.on > a {
        border-bottom: 3px solid #111;
    }

    .allinone_content_tab_list > li .list_dot {
        display: none;
    }

    .view_content > .view_title {
        font-size: 16px;
    }

    .uni_section4 .fixed_title {
        padding-top: 112px;
    }

    .uni_section4_scroll_content {
        width: 100%;
        height: auto;
        display: block;
    }

    #allinone_unitest .scroll_indicator {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        transform: inherit;
    }

    #allinone_unitest .scroll_indicator > ul {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    #allinone_unitest .scroll_indicator > ul > li {
        border-bottom: 3px solid #fff;
        color: #555;
        height: 52px;
        font-size: 14px;
    }

    #allinone_unitest .scroll_indicator > ul > li.on {
        border-bottom: 3px solid #111;
        color: #111
    }

    .scroll_indicator > ul > li + li {
        margin-top: 0;
    }

    #allinone_unitest .scroll_indicator > ul > li .list_dot {
        display: none;
    }

    .view_content_wrap {
        height: auto;
        overflow: visible;
    }

    .view_content_wrap > .view_content {
        display: none;
        height: auto;
        overflow: visible;
    }

    .view_content_wrap > .view_content.active {
        display: block;
        padding: 0 20px;
    }

    .view_content > .view_content_desc {
        font-size: 18px;
    }

    .view_content_item_list {
        width: 100%;
        flex-direction: column;
    }

    .view_content_item_list > li {
        min-width: 100%;
    }

    #view_content2 .view_content_item_list {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    #view_content2 .view_content_item_list > li {
        min-width: calc(50% - 10px);
    }

    .view_item_title {
        font-size: 18px;
    }

    .view_item_desc {
        font-size: 14px;
    }

    .content_view_wrap {
        height: auto;
        overflow-y: visible;
    }

    .view_content_list > li {
        display: none;
        height: auto;
        margin-bottom: 0;
    }

    .view_content_list > li:nth-of-type(1) {
        padding-bottom: 80px;
        display: block;
    }

    .view_content_list > li:nth-of-type(2) {
        padding-bottom: 150px;
    }

    .view_content_list > li:nth-of-type(3) {
        padding-bottom: 70px;
    }

    .view_content_list > li:nth-of-type(1) {
        padding-bottom: 60px;
    }

    .view_content_item_wrap > a {
        width: 100%;
    }

    .view_content_item_list_desc {
        font-size: 14px;
    }

    .view_content_wrap > #view_content1 {
        padding-bottom: 80px;
    }

    .view_content_wrap > #view_content2 {
        padding-bottom: 150px;
    }

    .view_content_wrap > #view_content3 {
        padding-bottom: 70px;
    }

    .view_content_wrap > #view_content4 {
        padding-bottom: 60px;
    }

    .new_group_uni_wrap > .uni_section5 {
        padding: 40px 0;
        background-size: 50%;
        background-position: 80% 150%;
    }

    .uni_section5 > .uni_inner_secton > a {
        width: 100%;
        background-color: #000;
    }

    .view_content_item_list.process {
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        gap: inherit;
    }

    .view_content_item_list.process > li.view_content_item {
        width: 45%;
        height: auto;
        min-width: inherit;
        padding: 20px 0;
    }

    .view_content_item_list.process > li:nth-of-type(4) {
        width: 100%;
        padding-left: 55%;
        height: 34px;
        line-height: 34px;
    }

    .view_content_item_list.process > li:nth-of-type(4) > img {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .view_content_item_list.process > li:nth-of-type(6) {
        order: 6;
    }

    .view_content_item_list.process > li:nth-of-type(6) > img {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .view_content_item_list.process > li:nth-of-type(5) {
        order: 7;
    }

    .view_content_item_list.process > li:nth-of-type(7) {
        order: 5;
    }

    .view_content_item_wrap.follow_up {
        flex-direction: column;
        gap: inherit;
    }

    .view_content_item_wrap.follow_up > .view_content_item_left {
        width: 100%;
        margin-bottom: 20px;
    }

    .view_content_item_wrap.follow_up > div > .view_content_item {
        width: 100%;
    }

    /* 단체_대학페이지_문의하기*/
    #group_uni_contact {
        padding: 24px 0 80px 0;
    }

    .uni_contact_content {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .uni_content_box {
        width: 100%;
    }

    .uni_contact_title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .uni_content_title {
        font-size: 12px;
    }

    .uni_content_box input.new_input_type {
        font-size: 14px;
    }

    .uni_inquiries {
        font-size: 14px;
    }

    .uni_contact_btn_wrap {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .uni_contact_btn_wrap > a.uni_contact_btn {
        width: 100%;
    }

    /*맞춤형 대학 검사*/
    #customized_unitest {
        padding: 24px 0 144px 0;
    }

    #customized_unitest > div {
        width: 100%;
    }

    #customized_unitest .customized_unitest_title {
        font-size: 24px;
        padding: 0 20px;
        box-sizing: border-box;
        margin-bottom: 24px;
    }

    #customized_unitest .customized_tab_wrap {
        padding-left: 20px;
        overflow-x: auto;
        box-sizing: border-box;
    }

    #customized_unitest .customized_tab_wrap::-webkit-scrollbar {
        display: none;
    }

    .customized_tab {
        gap: 8px;
    }

    .customized_tab > li {
        white-space: nowrap;
    }

    #customized_unitest > .customized_unitest_list_wrap {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .customized_unitest_list > li {
        padding: 20px 0;
        flex-direction: column;
        align-items: normal;
        gap: 16px;
        position: relative;
    }

    .list_content {
        width:100%;
        flex-direction: column;
        align-items: normal;
        position: relative;
        /*padding-top: 40px;*/
        gap: 16px;
    }
    
    .list_content .uni_test_thum {
        width: 120px;
        height: 120px;
    }
    .list_content .uni_test_info{
        width:100%;
        display: flex;
        flex-direction: column;
        gap:12px;
    }
    /*
    .list_content .uni_test_info {
        width: calc(100% - 96px);
    }
    */

    /*
    .uni_test_tab {
        position: absolute;
        left: 0;
        top: 0;
    }
    */

    .uni_test_info > div + div {
        margin-top: 0;
    }
    .uni_test_etc{
        flex-direction: column;
        gap:6px;
        align-items: normal;
    }
    .uni_test_desc{
        display: none;
    }
    .uni_test_desc.mo{
        display: block;
    }
    .sample_down{
        position: absolute;
        right:0;
        top:20px;
    }
    .etc_content {
        display: flex;
    }

    .etc_content > span {
        display: block;
    }

    .etc_content > .etc_title {
        min-width: 45px;
    }

    .uni_section4 .uni_inner_secton {
        padding: 0;
    }

    .swipe-indicator {
        left: 0;
        top: 0;
    }
    .view_content_wrap .view_content > div{
    	width:100%;
    }
}