@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;
    }
    #customized_unitest{
		padding-left:24px;
		padding-right:24px;
	}
    #customized_unitest .tablet_not{
		display: none;
	}
	
	.unitest_title_wrap .contact_us{
		position: relative;
		margin-top:26px;
		top:0;
	}
	#customized_unitest.renewal .unitest_tb thead tr th,
	#customized_unitest.renewal .unitest_tb thead tr th:first-of-type{
		padding-left:20px;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td{
		padding-left:20px;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td:last-of-type{
		padding:20px;
	}
	
	/* 대학교 카탈로그 추가*/
	.uni_contact{
		justify-content: flex-start;
	}
	
}

/*모바일*/
@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_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%;
    }
    
    /*맞춤형 대학검사 페이지 디자인 변경*/
    
    #customized_unitest.renewal .customized_unitest_title{
		font-size: 24px;
	}
	
	.customized_tab > li {
        white-space: nowrap;
        height:36px;
        line-height: 36px;
        padding:0 16px;
        font-size: 14px;
        font-weight: 500;
        box-shadow: none;
    }
    #customized_unitest.renewal .unitest_tb thead{
		display: none;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td{
		display: block;
		border-top:none !important;
		padding:0 16px;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td:first-child{
		padding-top:20px;
		border-top:1px solid #ddd !important;
	}
	#customized_unitest.renewal .unitest_tb tbody tr:first-child td:first-child{
		border-top:none!important;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td:last-of-type{
		padding-left:16px;
		padding-right:16px;
	}
	#customized_unitest.renewal .unitest_tb tbody tr:first-child > td:first-child{
		border-radius: 16px 16px 0 0;
	}
	#customized_unitest.renewal .unitest_tb tbody tr:first-child > td:last-child{
		border-radius: 0;
	}
	#customized_unitest.renewal .unitest_tb tbody tr:last-child > td:first-child{
		border-radius: 0;
	}
	#customized_unitest.renewal .unitest_tb tbody tr:last-child > td:last-child{
		border-radius: 0 0 16px 16px;
	}
	
	
	#customized_unitest.renewal .unitest_tb .text_center{
		text-align: left;
	}
	#customized_unitest.renewal .unitest_tb .mo_title{
		display: block;
		color:#777;
		font-size:14px;
		font-weight: 500;
	}
	.feature_group .icon{
		display: none;
	}
	
	.feature_group .feature{
		display: block;
		color:#555;
		position: relative;
		background-color: transparent;
		padding:0;
		width:100%;
		margin:0;
	}
	.feature_group .feature::before{
		display: none;
	}
	.td_test_name .name_group{
		flex-direction: column;
		align-items: flex-start;
		gap:12px;
	}
	#customized_unitest.renewal .unitest_tb{
		 border-collapse: separate; 
		 border-radius: 16px;
		 overflow: hidden;
	}
	#customized_unitest.renewal .unitest_tb tbody .mo_none{
		display: none !important;
	}
	#customized_unitest.renewal .unitest_tb tbody tr{
		background-color:#fff;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td.td_groupservice,
	#customized_unitest.renewal .unitest_tb tbody tr td.td_result_A3{
		display: inline-block;
		padding-right:0;
	}
	.qnum_group,
	.groupservice_group,
	.result_A3_group{
		display: flex;
		gap:6px;
		align-items: center;
		padding-top:10px;
	}
	.feature_group{
		padding-top:10px;
	}
	#customized_unitest.renewal .unitest_tb tbody tr td .icon > img{
		width:18px;
		height:18px;
	}
	.qnum_text,
	.todo{
		font-size:14px;
		color:#333;
	}
	.unitest_title_wrap .contact_us{
		position: relative;
		margin-top:26px;
		padding:0 20px;
		top:0;
		box-sizing: border-box;
		flex-direction: column;
		align-items: flex-start;
	}
	.unitest_title_wrap .contact_us .contact_contents{
		width:100%;
	}
	
	/* 대학교 카탈로그 추가*/
	.uni_contact > div.uni_catalog{
		justify-content: flex-start;
	}
}