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

html {
    scroll-behavior: smooth;
}

.new_group_uni_wrap {
    margin-top: -64px;
    overflow:hidden;
    font-family: 'pretendard', sans-serif !important;
}

.uni_section1 {
    width: 100%;
    position: relative;
    height: 720px;
    display: flex;
    align-items: center;
    color: #fff;
}

.uni_section1:before {
    background-image: url("../images/uni/group_uni_main_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: inherit;
    height: 619px;
    content: "";
}

.uni_inner_secton {
    width: 1440px;
    margin: 0 auto;
}

.uni_main_content_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uni_main_title > p:nth-of-type(1) {
    font-size: 64px;
    font-weight: 600;
    color: #fff;
    line-height: 76.8px;
    letter-spacing: -0.02em;
}

.uni_main_title > p:nth-of-type(2) {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    letter-spacing: -0.01em;
}

.contact_btn {
    border-radius: 27px;
    width: 180px;
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    color: #111;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

a.contact_btn:hover,
a.contact_btn:active,
a.contact_btn:visited,
a.contact_btn:focus{
    color: #111;
}

.contact_btn > img {
    margin-left: 8px;
}

.uni_contact {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.uni_contact > div {
    border-left: 1px solid #fff;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
}

.uni_contact > div + div {
    margin-left: 60px;
}

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

.uni_main_link_list > li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

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

.uni_main_link_list > li > a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    padding-left: 40px;
}

.uni_main_link_list > li > a > img {
    opacity: 0;
    margin-right: 16px;
    transition: ease 1s;
}

.uni_main_link_list > li > a:hover > img {
    opacity: 1;
}

.uni_main_link_list > li > a > span.circle_icon {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #fff;
    margin-left: 16px;
}

.new_group_uni_wrap > .uni_section2 {
    padding: 100px 0;
}

.uni_section_title {
    font-size: 44px;
    font-weight: 600;
    color: #111;
}

.uni_section_banner_wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 40px;
}

.uni_section_banner_wrap > div {
    border-radius: 20px;
    height: 360px;
    padding: 50px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    background-size: cover;
    background-position: center;
}

.uni_section_banner_title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.uni_section_banner_title.text_black {
    color: #111;
}

.uni_section_banner1 {
    width: 953px;
    background-image: url(../images/uni/uni_asset/png/img_main_1.png);
}

.uni_section_banner2 {
    width: 467px;
    background-image: url(../images/uni/uni_asset/png/img_main_2.png);
}

.uni_section_banner3 {
    width: 467px;
    background-image: url(../images/uni/uni_asset/png/img_main_3.png);
}

.uni_section_banner4 {
    width: 953px;
    background-image: url(../images/uni/uni_asset/png/img_main_4.png);
}

.uni_section_banner_wrap > div > a.uni_section_btn {
    padding: 0 24px;
    height: 52px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: none;
}

.uni_section_banner_wrap > div > a.uni_section_btn > img {
    display: block;
    margin-left: 8px;
    width: 28px;
}

.uni_section_sub_title {
    font-size: 18px;
}

.uni_section_banner4 .uni_section_sub_title {
    margin-bottom: 10px;
}

.new_group_uni_wrap > .uni_section3 {
    background-color: #EDEDED;
    padding: 100px 0;
}

.uni_section3 .uni_section_title > .uni_section_sub_title {
    margin-top: 24px;
}

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

.customized_unitest_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 24px;
}

.c_unitest_list_wrap {
    display: none;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow-x: auto;
}

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

.c_unitest_list_wrap.active {
    display: flex;
    opacity: 1;
    box-sizing: border-box;
}

.unitest_tab {
    display: flex;
    gap: 10px;
}

.unitest_tab > li {
    height: 36px;
    line-height: 36px;
    border-radius: 22px;
    padding: 0 16px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.unitest_tab > li.on {
    background-color: #111;
    color: #fff;
}

.c_unitest_list > li {
    width: 345px;
    height: 446px;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 24px 36px 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.customized_unitest_wrap > a.btn_white {
    border: none;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #111 !important;
    padding: 0 22px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.customized_unitest_wrap > a.btn_white > img {
    display: block;
    margin-left: 8px;
}

.c_unitest_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 20px;
    text-align: center;
}

.c_unitest_list > li > a.sample_down {
    border: 1px solid #2B398F;
    border-radius: 23px;
    height: 36px;
    line-height: 36px;
    color: #2B398F;
    font-size: 15px;
    font-weight: 500;
    padding: 0 18px;
    box-sizing: border-box;
}

.view_content{
    color:#fff;
    height:100%;
    display: none;
}

.view_content.active{
    display: block;
}
.view_content > .view_title {
    font-size: 24px;
    font-weight: 600;
}

.view_content > .view_content_desc {
    font-size: 30px;
    font-weight: 600;
    margin-top: 12px;
}

.view_content_item_wrap {
    margin-top: 40px;
}

.view_content_item_wrap > a {
    width: 170px;
    height: 52px;
    line-height: 52px;
    color: #111;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.view_content_item_wrap > div > a > img {
    margin-left: 8px;
}

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

.view_content_item_list > li {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 24px;
    border-radius: 20px;
    min-width: 223px;
    box-sizing: border-box;
}


.view_content_item_list.process > li.view_content_item {
    min-width: 200px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.view_content_item_list.process > li.process_step_icon {
    background-color: transparent;
    min-width: 18px;
    padding: 0;
    text-align: center;
}

.view_content_item > .icon {
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

.view_content_item > .icon.item1_1 {
    background-color: #2B69EE;
}

.view_content_item > .icon.item1_2 {
    background-color: #4AB10A;
}

.view_content_item > .icon.item1_3 {
    background-color: #E9B200;
}

.view_content_item > .icon.item2_1 {
    background-color: #1CC8B9;
}

.view_content_item > .icon.item2_2 {
    background-color: #EA7F21;
}

.view_content_item > .icon.item3_1 {
    background-color: #3690D9;
}

.view_content_item > .icon.item3_2 {
    background-color: #0EB5AC;
}

.view_content_item > .icon.item3_3 {
    background-color: #190072;
}

.view_content_item > .icon.item3_4 {
    background-color: #6A3499;
}

.view_content_item > .icon.item4_1 {
    background-color: #4A6AD3;
}

.view_content_item > .icon.item4_2 {
    background-color: #10BFC5;
}

.view_content_item > .icon.item4_3 {
    background-color: #243864;
}

.view_content_item_wrap.follow_up {
    display: flex;
    gap: 20px;
}

.view_item_title {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 600;
}

.view_item_desc {
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.view_content_item_list_desc {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.view_content_item_list_desc > .circle_icon {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px;
}

.allinone_content_tab_list {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.allinone_content_tab_list > li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

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

.allinone_content_tab_list > li .list_dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-left: 16px;
    transition: height 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

.allinone_content_tab_list > li.on .list_dot {
    background-color: #fff;
    height: 25px;
}

.view_content_item_wrap.follow_up {
    display: flex;
    gap: 20px;
}

.view_content_item_wrap.follow_up > .view_content_item_left {
    display: flex;
    width: 256px;
}

.view_content_item_wrap.follow_up > div > .view_content_item {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 24px;
    box-sizing: border-box;
}

.view_content_item_wrap.follow_up > .view_content_item_right > div + div {
    margin-top: 20px;
}

.view_item_desc > .small_title {
    border: 1px solid #fff;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    width: 44px;
    text-align: center;
    margin-bottom: 10px;
}

.small_content + .small_title {
    margin-top: 20px;
}

.new_group_uni_wrap > .uni_section5 {
    padding: 80px 0;
    background-image: url(../images/uni/uni_asset/png/img_design.png);
    background-repeat: no-repeat;
    background-position: 80% 50px;
}

.uni_section5 .uni_section_title {
    color: #2B398F;
}

.uni_section5 .uni_section_title > .uni_section_sub_title {
    color: #111;
    margin-top: 26px;
}

.uni_section5 > .uni_inner_secton > a {
    margin-top: 40px;
    width: 180px;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uni_section5 > .uni_inner_secton > a > img {
    display: block;
    margin-left: 8px;
}

/* 올인원 단체검사 */
.uni_section4{
    width:100%;
    height:calc(100% - 64px);
    transition: background-image 0.5s ease;
}

.uni_section4 .fixed_title{
    padding-top:120px;
    box-sizing: border-box;
}

.uni_section4 .uni_section_title{
    color:#fff;
}

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

.uni_section4_scroll_content .scroll_indicator{
    color:#fff;
}
.scroll_indicator > ul > li{
    font-size:18px;
    font-weight: 600;
    height:25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}
.scroll_indicator > ul > li + li{
    margin-top:24px;
}

.scroll_indicator > ul > li .list_dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-left: 16px;
    transition: height 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.scroll_indicator > ul > li.on .list_dot{
    background-color:#fff;
    height:25px;
}
/* 문의하기*/
#group_uni_contact {
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0 120px 0;
    flex-direction: column;
    font-family: 'pretendard', sans-serif !important;
    color: #111;
}

#group_uni_contact * {
    font-family: 'pretendard', sans-serif !important;
}

.uni_contact_title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 60px;
}

.uni_content_title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
}

.uni_content_box {
    width: 466px;
}

.uni_content_box + .uni_content_box {
    margin-top: 24px;
}

.uni_content_box input.new_input_type {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 0 16px;
}

/* ul 셀렉트 박스*/
.ul_select_wrap {
    cursor: pointer;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-left: 16px;
    border-radius: 22px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    box-sizing: border-box;
    background-color: #fff;
}

.ul_select_wrap::after {
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ul_select_wrap .ul_select_option {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    border: 1px solid #ddd;
    border-radius: 22px;
    background-color: #fff;
    color: #333;
}

.ul_select_wrap .ul_select_option li {
    height: 44px;
    line-height: 44px;
}

.ul_select_wrap .ul_select_option li a {
    color: #333;
    display: block;
    text-decoration: none;
    padding-left: 11px;
}

.ul_select_wrap span {
    color: #111;
}

.ul_select_wrap .ul_select_option li.selected a,
.ul_select_wrap .ul_select_option li:hover a {
    background-color: #F6F6F6;
    border-radius: 22px;
}

.ul_select_wrap.active::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ul_select_wrap.active .ul_select_option {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.uni_content_title sup.font_blue {
    font-size: 7px;
    vertical-align: text-top;
    margin-bottom: 6px;
}

.textarea_wrap {
    position: relative;
    padding: 11px 16px 40px 16px;
    box-sizing: border-box;
    height: 130px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.uni_inquiries {
    resize: none;
    width: 100%;
    height: 80px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.uni_inquiries::placeholder {
    color: #999;
}

.uni_inquiries:focus {
    outline: none;
}

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

.character_count {
    position: absolute;
    right: 16px;
    bottom: 11px;
    font-size: 12px;
    font-weight: 500;
    color: #777;
    z-index: 10;
}

.uni_contact_btn_wrap {
    margin-top: 40px;
}

.uni_contact_btn_wrap > a.uni_contact_btn {
    display: block;
    border-radius: 27px;
    width: 124px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0;
    text-align: center;
}

/* 맞춤형 대학검사 */
#customized_unitest {
    font-family: 'pretendard', sans-serif !important;
    padding: 80px 0 120px 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#customized_unitest > div {
    width: 954px;
}

#customized_unitest .customized_unitest_title {
    font-size: 30px;
    font-weight: 600;
    color: #111;
    margin-bottom: 26px;
}

#customized_unitest .customized_tab_wrap {
    margin-bottom: 24px;
}

.customized_tab {
    display: flex;
    gap: 12px;
}

.customized_tab > li {
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 22px;
    cursor: pointer;
    background-color: #F6F6F6;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.customized_tab > li.on {
    background-color: #111;
    color: #fff;
}

.customized_unitest_list > li {
    border-top: 1px solid #ddd;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

.list_content {
    display: flex;
    gap: 24px;
    width:calc(100% - 158px);
}

.list_content .uni_test_thum {
    width: 140px;
    height: 140px;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.list_content .uni_test_thum img {
    display: block;
    width: 100%;
}

.list_content .uni_test_info{
    width:calc(100% - 164px);
}

.sample_down .sample_down_btn {
    border: 1px solid #2B398F;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B398F;
    width: 138px;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    box-sizing: border-box;
}

.uni_test_tab {
    display: flex;
    gap: 6px;
}

.uni_test_tab > span {
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    box-sizing: border-box;
}

.uni_test_tab > span.tab {
    background-color: #111;
    color: #fff;
}

.uni_test_tab > span.grouptest_ok {
    background-color: #F6F6F6;
    color: #333;
}

.uni_test_info > div + div {
    margin-top: 10px;
}

.uni_test_name {
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.uni_test_etc {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap:15px;
}

.uni_test_desc{
    font-size:15px;
    font-weight:500;
    color:#555;
    word-break: keep-all;
}
.uni_test_desc.mo{
    display: none;
}
/*
.uni_test_etc > div + div {
    margin-top: 6px;
}
*/

.etc_content > .etc_title {
    color: #999;
}

.etc_content > .etc_text {
    color: #555;
    margin-left: 8px;
}
/*========================================================================*/
#allinone_unitest{
    position: relative;
    overflow: hidden;
}
#allinone_unitest .scroll_indicator{
    position: absolute;
    right:12%;
    top:50%;
    transform:translateY(-50%);
}
.view_content > .fixed_title{
    margin-bottom:80px;
}

.view_content_item_list.process {
    gap: 12px;
    justify-content: normal;
    align-items: center;
}

.view_content_wrap .view_content{
    padding:0;
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.view_content_wrap .view_content > div{
    width:1440px;
    margin-left:auto;
    margin-right:auto;
}
#view_content1{
    background-image:url('../images/uni/allinon_bg1.png');
}
#view_content2{
    background-image:url('../images/uni/allinon_bg2.png');
}
#view_content3{
    background-image:url('../images/uni/allinon_bg3.png');
}
#view_content4{
    background-image:url('../images/uni/allinon_bg4.png');
}