@charset "utf-8";

* {  
    text-decoration: none;
    color:#221e1f;
    margin:0;
    padding:0;
    font-family: "Noto Sans KR", sans-serif, "Dotum";
    font-optical-sizing: auto;
    letter-spacing: -0.05em;
    border:0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
li{
    list-style: none;
}
li:hover a{
    font-weight: bold;
    color:#221e1f;
}

body {
    font-size: 100%;
}
/* header */
.survey_header {
    top:0;
    line-height: 50px;
    height:50px;
    width:100%;
    background-color: #fff;
}
.gnb {
    max-width: 1200px;
}
.l_img {
    width:100px;
    height:auto;
}
.nav li {
    font-size:12px;
}
.nav_link {
    color:#969696;
}
.nav_division {
    color:#DFDFDF !important;
    margin:0px 8px;
}
/*// header */

/* container */

/* 공통 */

.bt_start, .bt_restart,.bt_mcti_go, .choice_wrap, .bt_previous, .tab, .main_color {
    cursor: pointer;
}

.gnb, .tit_banner_wrap, .bt_wrap, .face, .tab_wrap, .im_wrap {
    margin: 0 auto;
}
.gnb, .tit_banner_wrap, .progress_wrap, .bt_wrap {
    justify-content: space-between;
}

.gnb, #container, .im_wrap, .tit_banner_wrap, .progress_wrap, .bt_wrap, .bg_investor, .investor_wrap, .tit_name_wrap, .keyword_wrap, .word_wrap,
.situation, .tab_wrap, .diagnosis_division, .diagnosis_division_Type, .diagnosis_point, .array_left, .tab_menu, .swiper-slide, #bg_flex, .bg_gray  {
    display: flex;
}

.bt_start, .bt_restart,.comment,.bt_mcti_go, .tit_wrap, .tit_question, .tit_onboading, .choice_wrap, .bt_next, #footer, .tab_wrap li, .share_wrap {
    text-align: center;
}
.logo_wrap, #container, .nav li, .im_people, .im_situation, .keyword_wrap  {
    float: left;
}
.bt_start, .bt_previous, .bt_next, .character, .bt_previous::after, .tab_link::after {
    position: absolute;
}
.bt_start, .bt_restart,.bt_mcti_go, .tit_title, .progress_number, .tit_question,.tit_onboading, .bt_next, .tit_name, .tab_link, .diagnosis_tit, .share_wrap  {
    font-weight: bold;
}
#container, .progressBar, .tit_sub, .im_wrap, .choice_wrap, .survey_header, .tit_point, .white_color, .tab_wrap li, .diagnosis_box_sub, .im_strategic, .swiper-container {   
    position: relative;
}

#container, .tit_banner_wrap, .progress_wrap, .bt_wrap, .gnb, .bg_investor, .investor_wrap, .tit_name_wrap, .swiper-slide {   
    align-items: center;
}

#container, #bg_flex, .diagnosis_width, .bg_gray, .form_wrap, .im_people, .im_wrap, .bg_banner, .type, .tabs, .swiper-container, .swiper-slide, .bt_restart, .bt_mcti_go,
.progressBar, .empty_box, .bt_wrap, #footer, .bg_investor, .point_wrap, .tab_layout, .tab_wrap li a, .tab_link::after, .tab_hr {   
    width: 100%;
}
.bt_start, .bt_restart,.bt_mcti_go, .tab, .choice_wrap, .bt_previous, .bt_next, .tit_point, .point_wrap, .word_box, .diagnosis_box, .diagnosis_box_sub, .type, .tab_menu {
    border-radius: 8px;
}
.bt_start_wrap, .bt_wrap, .bt_previous, .bt_next {
    z-index: 888;
}
.bt_start,.bt_mcti_go, .bt_next {
    height: 48px;
    line-height: 48px;
}
.tit_color, .progress_now, .highlight {
    color:#FF891C;
}

.bt_start_wrap, .im_people, .bt_wrap, .footer_fix {
    position: fixed;
}

.bg_start, .im_wrap, .swiper-container {
    overflow: hidden;
}
#container, .bg_investor, .investor_wrap, .tit_name_wrap, .array_left {   
    flex-direction: column;
}
.bt_start, .innerBar, .bt_mcti_go {
    background-color: #FF891C;
}

.tit_banner_wrap, .progress_wrap, .choice_wrap, .bt_wrap, .diagnosis_wrap, .onboarding_wrap {
    max-width: 711px;
}
.im_wrap, .tit_question, .point_wrap, .diagnosis_wrap,.onboarding_wrap, .share_wrap {
    height: auto;
}

.keyword_wrap, .situation, .diagnosis_division, .diagnosis_point {
    align-items: flex-start;
}
.im_wrap, .progress_wrap{
    flex-direction: row;
}
#container, .array_left {   
    justify-content: flex-start;
}
.bg_list, .bg_start{
    height: calc(100vh - 100px);
    height: calc(100dvh - 100px);
}

.results_text, .type_margin, .results, #diagnose_nav, .tit_gray_color{
    color: #686868;
}
.diagnosis_box, .diagnosis_box_sub, .tabs{
    scroll-margin-top: 90px;
    scroll-behavior: smooth;
}
.bt_next, .word_box, .type, .tab {
    font-size: 16px;
}

.tit_newline, .tab_wrap li a, .bt_previous::after, .type_padding {
    display: block;
}
.im_situation, .im_mcti, .im_strategic {
    background-size: cover;
}
/*// 공통 */
/* survey_start.html */

.form_wrap {
    display: contents;
}
.bg_start {
    background-color: #FFEEDE;
}

.bt_start_wrap {
    position: absolute;
    top: 284px;
    left: 50%;
    transform: translate(-50%, -50%);
} 

.bt_start {
    margin:8px -164px;
    width: 328px;
    font-size:21px;
    color:#fff;
}

.tit_wrap {
    margin:64px 0 24px 0;
    line-height: 119.2%;
    font-weight: 900;
    font-size:3.5em;
}
.tit_sub {
    top: 9px;
    font-size:25px;
    color:#525252;
    font-weight: 500;
}
.im_wrap {
    bottom: -34px;
}
.im_people {
    left:0;
    height: 90%;
    bottom: -250px;
    background: 
        linear-gradient(to right, #ffeede87, #ffeede00 10%, #ffeede00 10%, #ffeede00 90%, #ffeede00 90%, #ffeede33),
        linear-gradient(to right, #ffeede21, #ffeede00 10%, #ffeede00 10%, #ffeede00 90%, #ffeede00 90%, #ffeedeba),
        url(//bimg.mk.co.kr/mcti/images/people_together.png) repeat-x center center / auto 100%; 
}
/*// survey_start.html */

/* survey_list.html */

.bg_list {
    background-color: #F2F2F2;
}
.bg_banner {
    background-color: #E8E8E8;
    height: 142px;
}
.tit_banner_wrap {
    height: 142px;
}
.im_banner {
    width:auto;
    height:145px;
}
.tit_title {
    font-size: 29px;
}

.tit_sub_title {
    font-size: 19px;
    color:#898989;
}
/* progressBar */
.progress_wrap {
    margin: 0 16px;
    width: calc(100% - 32px);
}
.progress_number {
    margin: 24px 16px 0px 0px;
    color:#717171;
}
/* 총 progressBar */
.progressBar {
    height: 6px;
    border-radius: 50px;
    background-color: #E1E1E1;
    margin: 30px 20px 8px 20px;
}
/*// 총 progressBar */

/* 현재 진행도 progressBar */
.innerBar {
    border-radius: 50px;
    height: 6px;
    transition: width 0.5s linear;
}
/*// 현재 진행도 progressBar */

/* 현재 진행도 캐릭터 progressBar */
.survey_panel {
    display: none;
}
.survey_panel.active {
    display: contents;
    pointer-events: auto;
}
.survey_panel.prevent {
    pointer-events: none;
}
.character{
    top: -17px;
    transform: translateX(-50%);
    width: 50px;
    transition: left 0.5s linear;
    height: 50px;
}
/* 현재 진행도 캐릭터 progressBar */

.face {
    width:44px;
}
/*// progressBar */

.tit_question {
    font-size: 22px;
    line-height: 139.2%;
    margin: 32px auto 25px auto;
    width: 290px;
}


/* s: 240625 버튼 위치 수정 */
.bt_previous {
    width: auto;
    left: -57px;
    height: 22px;
    bottom: 74px;
    margin-bottom:7px;
    background: url(//bimg.mk.co.kr/mcti/images/ic_previous.png) no-repeat center center / 16px 22px;
}

.bt_previous::before {
    color:#656565;
    font-size: 16px;
    margin-left: 80px;
    content: "이전으로";
}

/* s: 240626 클릭 범위 확장 */
.bt_previous::after {
    top: -11px;
    left: 37px;
    content: "";
    width: 92%;
    height: 200%;
}

.bt_next {
    width:100%;
    bottom: 16px;
    right: 0;
    background-color: #D1D1D1;
    color: #fff;
}

/* choice */
.choice_wrap {
    display: inline-block;
    z-index: 1;
    font-weight:500;
    font-size: 18px;
    color: #545454;
    line-height: 56px;
    margin:4px 16px;
    background-color: #fff;
    width: calc(100% - 32px);
    height: 56px;
}
.bt_choice {
    display: none; /* 라디오 버튼을 숨깁니다 */
}
.bt_choice:hover + .choice_wrap, 
.bt_choice:checked + .choice_wrap {
    border:1px solid #FF891C;
    color:#FF891C;
    font-weight: bold;
    background: url(//bimg.mk.co.kr/mcti/images/ic_checked.png) no-repeat calc(100% - 16px) center / 20px 20px #FFEEDE;
}

/*// choice */
.empty_box {
    background-color: #F2F2F2;
    padding-top: 150px;
}
/* button */
.bt_wrap {
    bottom: 50px;
}


/*// button */
/*// survey_list.html */

/* survey_result.html */
.diagnosis_division_Type {
    align-items: center;
}
.bg_result {
    overflow: auto;
}
.strategic_planner {
    background-color: #F2F2F2;
}
.bg_investor {
    padding:42px 0px 16px 0px;
}
#bg_flex {
    flex-direction: column;
    align-items: center;
}
/* 배경 색상 */
.bg_gray {
    background-color: #F2F2F2;
    flex-direction: column;
    align-items: center;
}
.bg_iep {
    background-color: #DCEFFF;
}
.bg_ies {
    background-color: #DEF2F3;
}
.bg_itp {
    background-color: #ECD9C8;
}
.bg_its {
    background-color: #E0F1DD;
}
.bg_dep {
    background-color: #FFDED0;
}
.bg_des {
    background-color: #EBDBF5;
}
.bg_dtp {
    background-color: #FDDCDC;
}
.bg_dts {
    background-color: #FFEED7;
}

/*// 배경 색상 */

/* iep 색상 변경 */
.bg_iep .tit_point {
    background-color: #388FDA;
}

.bg_iep .tit_name_sub {
    color: #6CA5D7;
}
.bg_iep .word_box {
    background-color: #DCEFFF;
}
.bg_iep .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/strategic_planner.png);
}
.bg_iep .im_strategic {
    background-position: 20px 25px;
    background-image: url(//bimg.mk.co.kr/mcti/images/strategic_planner_sub.png);
}
/*// iep 색상 변경 */

/* ies 색상 변경 */

.bg_ies .tit_point {
    background-color: #6BC9C0;
}

.bg_ies .tit_name_sub {
    color: #97B6B8;
}
.bg_ies .word_box {
    background-color: #E2F5F5;
}
.bg_ies .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/impulsive_considerate.png);
}

.bg_ies .im_strategic {
    background-position: 20px 16px;
    background-image: url(//bimg.mk.co.kr/mcti/images/impulsive_considerate_sub.png);
}

/*// ies 색상 변경 */

/* itp 색상 변경 */

.bg_itp .tit_point {
    background-color: #C99260;
}

.bg_itp .tit_name_sub {
    color: #B69679;
}
.bg_itp .tit_name_point {
    color:#9E612A;
}
.bg_itp .word_box {
    background-color: #ECD9C8;
}
.bg_itp .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/self_driven_planner.png);
}

.bg_itp .im_strategic {
    background-position: -9px 29px;
    background-image: url(//bimg.mk.co.kr/mcti/images/self_driven_planner_sub1.png);
}

/*// itp 색상 변경 */


/* its 색상 변경 */

.bg_its .tit_point {
    background-color: #77C268;
}

.bg_its .tit_name_sub {
    color: #9AB795;
}
.bg_its .tit_name_point {
    color:#457B3C;
}
.bg_its .word_box {
    background-color: #E0F1DD;
}
.bg_its .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/self_driven_speculator.png);
}

.bg_its .im_strategic {
    left: 35px;
    background-position: -9px 26px;
    background-image: url(//bimg.mk.co.kr/mcti/images/self_driven_speculator_sub1.png);
}

/*// its 색상 변경 */


/* dep 색상 변경 */

.bg_dep .tit_point {
    background-color: #F1926B;
}

.bg_dep .tit_name_sub {
    color: #E99478;
}
.bg_dep .word_box {
    background-color: #FFDED0;
}
.bg_dep .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/considerate_planner.png);
}

.bg_dep .im_strategic {
    left: 39px;
    width: 214px !important;
    background-position: -30px 26px;
    background-image: url(//bimg.mk.co.kr/mcti/images/considerate_planner_sub.png);
}

/*// dep 색상 변경 */

/* des 색상 변경 */

.bg_des .tit_point {
    background-color: #B77FDA;
}

.bg_des .tit_name_sub {
    color: #221e1f;
}

.bg_des .tit_name_point {
    color:#783E9D;
}

.bg_des .word_box {
    background-color: #EBDBF5;
}
.bg_des .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/considerate_speculator.png);
}

.bg_des .im_strategic {
    left: 39px;
    background-position: 0px 16px;
    background-image: url(//bimg.mk.co.kr/mcti/images/considerate_speculator_sub.png);
}

/*// des 색상 변경 */


/* dtp 색상 변경 */

.bg_dtp .tit_point {
    background-color: #DE6463;
}

.bg_dtp .tit_name_sub {
    color: #D79494;
}

.bg_dtp .tit_name_point {
    color:#AA2E2D;
}

.bg_dtp .word_box {
    background-color: #FEE2E2;
}
.bg_dtp .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/self_centered_planner.png);
}

.bg_dtp .im_strategic {
    left: 30px;
    background-position: -2px 16px;
    background-image: url(//bimg.mk.co.kr/mcti/images/self_centered_planner_sub1.png);
}

/*// des 색상 변경 */


/* dts 색상 변경 */

.bg_dts .tit_point {
    background-color: #FFBB5A;
}

.bg_dts .tit_name_sub {
    color: #D2963C;
}

.bg_dts .tit_name_point {
    color:#BA720C;
}

.bg_dts .word_box {
    background-color: #FFEED7;
}
.bg_dts .im_mcti {
    background-image: url(//bimg.mk.co.kr/mcti/images/self_centered_speculator.png);
}

.bg_dts .im_strategic {
    left: 30px;
    background-position: -6px 22px;
    background-image: url(//bimg.mk.co.kr/mcti/images/self_centered_speculator_sub1.png);
}

/*// des 색상 변경 */

/* very good */
.im_very_good .im_situation {
    background-image: url(//bimg.mk.co.kr/mcti/images/very_good.png);
}
.im_very_good .situation_tit::before {
    color:#4ABA8C;
    content: "Very Good";
}
/* very good */

/* good */
.im_good .im_situation{
    background-image: url(//bimg.mk.co.kr/mcti/images/good.png);
}
.im_good .situation_tit::before {
    content: "Good";
    color:#99C932;
}
/* good */

/* moderate */
.im_moderate .im_situation {
    background-image: url(//bimg.mk.co.kr/mcti/images/moderate.png);
}
.im_moderate .situation_tit::before {
    content: "Moderate";
    color:#E9B42E;
}
/* moderate */

/* poor */
.im_poor .im_situation {
    background-image: url(//bimg.mk.co.kr/mcti/images/poor.png);
}
.im_poor .situation_tit::before {
    content: "Poor";
    color:#FF891C;
}
/* poor */
/* s: 240709 very_poor 추가 */
/* very_poor */
.im_very_poor .im_situation {
    background-image: url(//bimg.mk.co.kr/mcti/images/very_poor.png);
}
.im_very_poor .situation_tit::before {
    content: "Very Poor";
    color:#AB3030;
}
/* very_poor */
/* e: 240709 */
.im_situation {
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 22px;
}

.investor_wrap {    
    width: 328px;
}
.tit_name_wrap {
    margin-bottom: 32px;
}
.tit_point {
    margin-bottom: 12px;
    color: #fff;
    width: fit-content;
    padding: 2px 28px;
}
.tit_name {
    font-size: 26px;
    color:#221e1f;
}
.tit_name_sub {
    font-size: 19px;
}
.im_mcti {
    background-repeat: no-repeat;
    background-position: center center;
    width: 95%;
    height: 174px;
}
.point_wrap {
    box-shadow: 0 4px 11px rgb(0 0 0 / 3%);
    padding: 24px 27px;
    background-color: #fff;
}
.diagnosis_point {
    padding:28px 24px;
    flex-wrap: wrap;
}
.keyword_wrap {
    margin-right: 23px;
}
.word_wrap {
    flex-wrap: wrap;
}
.word_box {
    margin:0px 8px 8px 0px;
    padding: 6px 7px;
    font-weight: 600;
    width: fit-content;

}
.point_hr {
    margin:18px 0px;
    border:1px solid #EDEDED;
}
.point_tit {
    margin-left: 4px;
    line-height: 23px;
    font-size:20px;
    font-weight:bold;
}

.situation_tit {
    margin-left: 4px;
    font-weight: 600;
}

/* 탭 메뉴 */
.tab_layout.sticky {
    width: 100%;
    background-color: #F2F2F2;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.tab_layout {
    height: 49px;
    line-height: 49px;
    padding: 0 15px;
}
.tab_wrap {
    max-width: 709px;
    justify-content: space-around;
}
.tab_wrap li {
    flex: 1;
}
.tab_wrap li a {
    height: 100%;
    color: inherit; /* 텍스트 색상 상속 */
    box-sizing: border-box; /* 패딩을 포함하여 너비/높이 계산 */
    color:#A4A4A4;
}
.tab_link {
    color:#343434 !important;
}
.tab_link::after {
    content: '';
    left: 0;
    bottom: 0px;
    height: 3px;
    background-color: #FF891C; /* 밑줄 색상 */
}
.tab_hr {
    border: 1px solid #E8E8E8;
}
/*// 탭 메뉴 */

.diagnosis_wrap, .onboarding_wrap {
    margin-top:20px; 
}
.diagnosis_box {
    font-size: 1em;
    box-shadow: 0 4px 11px rgb(0 0 0 / 3%);
    padding:16px 24px 20px;
    background-color: #fff;
    margin-bottom: 24px;
}
.diagnosis_box_sub {
    font-size: 1em;
    box-shadow: 0 4px 11px rgb(0 0 0 / 3%);
    background-color: #fff;
    margin-bottom: 24px;
}
.diagnosis_tit {
    font-size:20px;
    padding-bottom: 12px;
}
.im_diagnosis {
    padding-right: 12px;
}
.bg_iep .im_strategic, .bg_ies .im_strategic {
    left:24px;
}
.bg_itp .im_strategic{
    left:36px;
}
.im_strategic {
    background-repeat: no-repeat;
    width: 190px;
    left: 0px;
    height: 127px;
    bottom: 0;
}
.diagnosis_margin{
    margin-left: 57px;
}
.type_point {
    color:#221e1f;
    font-weight:bold;
}
/* s: 240709 */
.type_tit {
    font-size: 20px;
    font-weight: 700;
    padding:16px 0px 12px;
}
.diagnosis_width {
    display: flex;
    padding-bottom: 24px;
    align-items: center;
}
.diagnosis_width:nth-child(3) {
    padding-bottom: 0px;
}
.type_padding {
    padding-right:24px;
}

.type {
    float: left;
    max-width: 190px;
    font-weight: 600;
    margin-right:12px;
    padding: 6px 14px;
    color: #221e1f;
    background-color: #F1F1F1;
}
/* e: 240709 */
.capital_letter {
    color:#C7C7C7;
    padding-right: 16px;

}
.diagnosis_hr {
    border:1px solid #F1F1F1;
}

.tab_menu {
    background-color: #E9E9E9;
    border: 4px solid #E9E9E9;
    justify-content: space-around;
    margin-bottom: 8px;
}

.tab { 
    color:#878787;
    width: 33.3%;
    background-color: #E9E9E9;
    box-sizing: border-box; /* 패딩과 보더를 포함한 너비 계산 */
    padding: 8px;
}
.tab.active { 
    color:#FF891C;
    font-weight: bold;
    background-color: #fff;
}

.swiper-slide {
    justify-content: center;
    flex-shrink: 0;
}

.share_wrap {
    font-size:20px;
    margin: 18px auto 40px auto;
}

.tit_share {
    margin-bottom:16px;
}
/* s: 240705 결과 페이지 안내 영역 추가 */
.bt_mcti_go {
    margin-bottom:8px;
    font-size:16px;
    color:#fff;
}
.bt_restart {
    height: 48px;
    background-color: #fff;
    margin-bottom:16px;
    font-size:16px;
    border:1px solid #FF891C;
    color:#FF891C;
}
.comment {
    padding-bottom: 20px;
    color:#898989;
}
/* e: 240705 결과 페이지 안내 영역 추가 */
.main_color {
    background-color: #FF891C !important;
}
.tit_type_color {
    color:#C7C7C7;
}
/*// survey_result.html */
/* survey_onboading.html */
.bg_gradation_gray{
    left: 0;
    right: 0;
    position: fixed;
    width: 100%;
    height: 250px;
    bottom: 0px;
    z-index: 57;
    background: linear-gradient(to bottom, #f8f8f800, #f8f8f8, #F8F8F8);
}
.txt_center{
    box-sizing: content-box;
    text-align: center;
}
.bg_onboarding{
    background-color: #F8F8F8;
}
.im_onboarding{
    width: 100%;
    max-width: 380px;
}
.swiper_top_30{
    top:30px;
}
.swiper-button-next, .swiper-button-prev {
    z-index: 9999;
    top: var(--swiper-navigation-top-offset, 40%) !important;
}
.swiper_btn_top span{
    background-color: #acacac;
}
.tit_sub_onboading{
    font-weight: 500;
    color:#212121;
    font-size:20px;
}
.btn_onboading:after{ 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px !important;
    font-weight: 700;
    color: #A4A4A4;
}
.swiper_custom_color {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #FF891C !important;
}
.block_box{
    height: 50px;
    width: 100%;
}
.tit_help{
    margin:50px 0px 20px;
}
.tit_onboading {
    font-size: 25px;
    margin: 49px auto 13px;
}
.im_size_custom{
    width: 100%;
    max-width: 420px;
}
.im_size_custom1{
    width: 100%;
    max-width: 380px;
}
.swiper_btn_top {
    bottom: auto !important; /* 기본값인 bottom을 무효화 */
    top: 30px !important;    /* 원하는 위치로 조정 */
    left: 0 !important;
    right: 0 !important;
    text-align: center !important; /* 가운데 정렬 유지 */
  }
.tit_b{
    font-weight: 600;
}
  
.slide_blank{
    word-break: keep-all;
    margin:0px auto 30px auto;
    padding: 0px 10px;
    max-width: 330px;
}
.onboarding_wrap{
    height: 90vh; 
}
/*// survey_onboading.html */

/*// container */

/* footer */
#footer {
    z-index: 888;
    bottom: 0;
    line-height: 50px; 
    background-color: #212121; 
}
.tit_footer {
    font-size: 12px;
    color: #737373;
    font-weight: 500;
}
/*// footer */

/* 반응형 */

@media (max-width:291px) {
    .im_strategic{
        display: none;
    }
    .tit_name {
        font-size: 24px;
    }
    .share_wrap {
        max-width: 252px;
    }
    .investor_wrap {
        max-width: 100%;
    }
    .tit_question {
        width: 100%;
    }
    .tab_layout {
        font-size: 13px;
        padding: 0 0px;
    }
    img.im_strategic {
        display: none;
    }
}
@media (max-width:360px) {
    .slide_blank{
        padding: 0px 20px;
    }
}

/* 이미지 위치 조절 */

@media (min-width: 400px) and (max-width: 700px) {
    .diagnosis_point {
        align-items: flex-start;
    }
    .im_wrap {
       position: relative;
       left: 8%;
    }
}
/*// 이미지 위치 조절 */

@media (min-width:540px) {
    .im_people {
        transform: none !important;
    }
}

@media (max-width:540px) {
    
    .im_onboarding{
        width: 90%;
    }
    .im_size_custom1{
        width: 93%;
    }
    .type { 
        padding: 6px 14px;
        margin: 0px 21px 8px 0px;
    }

    .bg_itp .im_strategic {
        background-position: 0px 29px !important;
    }
    .bg_dtp .im_strategic {
        background-position: -13px 16px !important;
    }
    .im_people {
        top: 277px;
        position: fixed;
        width: 1260px;
        transition: transform 1s ease;
        height: auto;
        bottom: 0px;
        background: 
            url(//bimg.mk.co.kr/mcti/images/people1.png) 0 0 no-repeat,
            url(//bimg.mk.co.kr/mcti/images/people2.png) 400px 0 no-repeat, 
            url(//bimg.mk.co.kr/mcti/images/people3.png) 800px 0 no-repeat;
    }
    .tit_wrap {
        font-size:2.7em;
    }
    .choice_wrap {
        font-size: 17px;
    }
    .tit_question {
        font-size: 19px;
    }
    .nav li, .tit_footer {
        font-size:13px;
    }
    .bt_start_wrap { 
        display: contents;
        bottom: 0px;
        width: 100%;
        position: fixed;
        margin: 0 auto;
        height: 100vh;
    }
    .bt_start {
        position:fixed;
        left: 0%;
        transform: translate(0%, 0%);
        margin:0 16px;
        width: calc(100% - 32px); 
        font-size: 16px;
        bottom: 64px;
    }
    .diagnosis_division_Type{
        flex-direction: column-reverse;
    }
    .type_tit, .type_padding{
        padding-left:24px;
    }
}


@media (max-width:709px) {
    .tit_sub_onboading{
        font-size:20px;
    }
    .tit_sub {
        top:7px;
        font-size:21px;
    }
    .diagnosis_box {
        font-size:16px;
    }
    .diagnosis_box_sub {
        font-size: 16px;
    }
    .type {     
        max-width: 36px;

    }
    .diagnosis_margin{
        margin-left: 0;
    }
    .tit_hidden{
        display: none;
    }
    .bg_itp .im_strategic {
        background-position: -31px 29px;
        left: 0px;
    }
    .bg_iep .im_strategic {
        left:0;
        background-position: -10px 25px;
    }
    .bg_ies .im_strategic{
        background-position: 0px 16px;
        left:0;
    }
    .bg_dtp .im_strategic {
        background-position: -40px 16px;
        left: 0px;
    }
    .bg_dts .im_strategic {
        left: 0px;
        background-position: -14px 22px;
    }
    .bg_dep .im_strategic {
        left: 0px;
    }
    .bg_its .im_strategic {
        left: 0px;
    }
    .bg_des .im_strategic {
        left: 0px;
    }
    .type_margin {
        display: block;
        margin: 0px 24px 22px 24px;
    }
    .tab_wrap {
        width: 100%;
    }
    .diagnosis_width {
        align-items: flex-start;
    }
}

@media (max-width:720px) {
    .bt_previous {
        left: -41px;
    }
}


@media (max-width:744px) {
    .bt_next{
        width:calc(100% - 32px);
    }
}

/* survey_list.html 버튼 조절 */
@media (max-width:744px) {
    .im_mcti{
        height: 157px;
    }
    .diagnosis_wrap {
        padding:0 16px;
        width: 100%;
    }
    .onboarding_wrap{
        width: 100%;
    }
    .investor_wrap {
        padding:16px;
    }
    .word_box {
        font-size: 14px;
    }
    .bt_next {
        margin: 0 16px;
    }
}
@media (max-width:754px) {
    .bg_banner {
        display: none;
    }
}

/*// survey_list.html 버튼 조절 */

/* 헤더 퓨터 여백 조절 */
@media (max-width:1220px) {
    .gnb {
        padding: 0px 14px;
    }
    #footer {
        font-size: 0.8rem;
    }
}
@media screen and (max-height: 600px) {
    .onboarding_wrap{
        height: 90%; 
    }
    .bg_start{
        height: 110%;
        overflow-x: auto;
    }
}

/*// 헤더 퓨터 여백 조절 */