@charset "utf-8";

/* font */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Light.ttf') format('truetype'),
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Regular.ttf') format('truetype'),
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Medium.ttf') format('truetype'),
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('//bimg.mk.co.kr/2025/menu/intro/font/NotoSansKR-SemiBold.ttf') format('truetype'),
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Bold.ttf') format('truetype'),
}

/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button,
figure {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0 none;
}

dl,
ul,
ol,
menu,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

input,
select,
textarea,
button {
    border-radius: 0;
    vertical-align: middle;
}

input::-ms-clear {
    display: none;
}

hr {
    display: none;
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

button,
input {
    border-radius: 0;
    border: 0;
    -webkit-border-radius: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

caption {
    display: none;
}

body {
    direction: ltr;
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
}

body,
th,
td,
input,
select,
textarea,
button {
    font-size: 100%;
    font-family: "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
    line-height: 1;
    color: #242424;
}

a {
    color: #212121;
    text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal;
}

img {
    vertical-align: middle;
}

.is_blind {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

/* common */
:root {
    --c-bg: #fff;
    --c-black: #000;
    --c-txt: #222;
    --c-line: #F6F6F6;
    --c-txt-gray: #4C4C4C;
    --c-txt-gray2: #999;
    --c-txt-gray1: #EDEDED;
    --c-ai: linear-gradient(120deg, #FF7A00 0%, #FFCC00 100%);
    --c-point: #FF7A00;
    --c-point-l: #FFECC9;
    --c-point-2: #F0AE1F;
    --c-point-3: #FFAF66;
    --c-s-bg: #FCF8F2;
}

html {
    scroll-behavior: smooth;
    font-size: 10px !important;
}

body {
    background-color: #fff;
    color: var(--c-txt);
}

body * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: 0.3s ease;
}

a {
    display: block;
}

img {
    width: 100%;
}

.inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.top_txt_col {
    color: var(--c-point);
}

.badge {
    background-color: #fff;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 1.3rem;
}

.badge.badge_light {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 18px 21px;
    background-color: var(--c-point-l);
    color: var(--c-point-2);
}

.badge.badge_normal {
    font-weight: 700;
    padding: 18px 21px;
    border: 1px solid var(--c-point-3);
    color: var(--c-point-3);
}

.font_weight {
    font-weight: 500;
}

.btn_ai {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 0 auto;
    background-color: var(--c-point);
    width: fit-content;
    height: 60px;
    padding: 14px 50px 16px 50px;
    border-radius: 50px;
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--c-bg);
}

.btn_ai:hover {
    filter: brightness(0.9);
}

.btn_ai.btn_line {
    border: 2px solid var(--c-point);
    background-color: var(--c-bg);
    color: var(--c-point);
}

.btn_ai.btn_light {
    background-color: var(--c-point-l);
    color: var(--c-point);
}

/* icon */
.ic_ai {
    /*
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    */
}

.ic_ai.ic_arrow {
    height: 16px;
    width: 16px;
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/ic_arrow_left.svg);
}

.ic_ai.ic_search_q {
    height: 16px;
    width: 16px;
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/ic_search.svg);
}

.ic_ai.ic_que {
    background-image: url(https://static.mk.co.kr/2022/news/pc/images/ic_que_point.svg);
}

.ic_ai.ic_badge {
    margin-bottom: -10px;
    display: inline-block;
    width: 72px;
    height: 32px;
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/ic_ai.svg);
}

.ic_ai.ic_top {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//bimg.mk.co.kr/2025/menu/intro/images/ic_top.svg);
}

.askmk_Requestion_list .askmk_txt_area:hover .ic_ai.ic_search_q {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/ic_search_hover.svg);
}

/* 이미지 */

.box_image {
    border-radius: 5px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box_image.im_point {
    border: 1px solid #EEE8DF;
    width: 575px;
    height: 301px;
}

.step.step2 .box_image {
    width: 333px;
    height: 166px;
}

.box.point1 .box_image {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point1.svg);
}

.box.point2 .box_image {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point2.svg);
}

.box.point3 .box_image {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point3.svg);
}

.box.point4 .box_image {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point4.svg);
}

.step.step1 .box_image {
    width: 798px;
    height: 295px;
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step1.svg);
}

.step.step2 .box_image.im_step1 {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_1.svg);
}

.step.step2 .box_image.im_step2 {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_2.svg);
}

.step.step2 .box_image.im_step3 {
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_3.svg);
}

.step.step3 .box_image {
    width: 1116px;
    height: 733px;
    background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step3.svg);
}

/*-------------------------------------------------------------------
  ## header
-------------------------------------------------------------------*/
header {
    border-bottom: 1px solid var(--c-txt-gray1);
    position: fixed;
    width: 100%;
    height: 58px;
    background-color: var(--c-bg);
    z-index: 100;
}

#header .gnb .nav .nav_item {
    float: left;
}

#header .gnb .func_area {
    display: flex;
    float: right;
    align-items: center;
    align-content: center;
}

#header .gnb .func_area .nav .nav_item:not(:last-child) a::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #E6E6E6;
    margin: 0 10px;
}
 #header .search_words_wrap .aique_wrap .question_wrap .que_ttl, .question_wrap .que_listbox li p {
    font-family: 'montserrat';
    }
#header .gnb .que_listbox .col a:hover {
    border-color: #ff7400;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
#header .gnb .inner .main_logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    padding: 20px 0;
}

#header .gnb .inner .main_logo .logo {
    background-position: center;
    width: 131px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(//bimg.mk.co.kr/2025/mk_perplexity/img/mk_logo.svg);
}

#header .gnb a.nav_link {
    font-size: 1.6rem;
    font-weight: 500;
}

#header .gnb a.nav_link span {
    display: inline-block;
}

#header .gnb .inner .main_logo .btn_log span {
    display: inline-block;
}

#header .gnb .inner .main_logo .login,
#header .gnb .inner .main_logo .logout {
    display: flex;
}

#header .gnb ul.nav.nav_ai {
    float: right;
    clear: both;
}

#header .gnb .inner .main_logo .btn_logout::after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #d9d9d9;

}

#header .gnb .nav_login {
    display: flex;
    align-items: center;
    align-content: center;
}

#header .gnb .btn_log_ai::after {
    position: relative;
    top: 8px;
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #d9d9d9;
}
#header .gnb input#search_word{
    font-family: 'montserrat', 'Spoqa Han Sans Neo';
}
#header .gnb .aisearch_box {
    font-family: 'montserrat';
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    line-height: 1.5;
    color: #ff7a00;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 4px 10px 4px 12px;
    border: 1px solid #e6e6e6;
    border-radius: 50px;
    background: linear-gradient(to right, #eee, transparent);
}

#header .gnb .search_wrap {
    top: 57px;
}

#header .gnb {
    position: relative;
    height: 57px;
    padding: 18px 0 0;
    border-bottom: none;
    box-sizing: border-box;
    background: #fff;
}


#header div#areaLoginInfo p {
    color: #fff;
}

/*-------------------------------------------------------------------
  ## container
-------------------------------------------------------------------*/
#wrapper {
    overflow: hidden;
    position: relative;
}

main {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.inner {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.inner_margin {
    padding-top: 108px;
}

main section {
    letter-spacing: -0.015em;
}

.section_title {
    margin-bottom: 43px;
    line-height: 1.6;
    font-size: 35px;
    font-weight: 800;
    color: var(--c-txt);
}

.top_txt_ai {
    position: relative;
    top: 2px;
    font-size: 1.15em;
    background: var(--c-ai);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.4px;
    transform: translateY(8px);
    font-weight: 800;
}

/* top_ai */

main .contents .top_ai {
    background: linear-gradient(to top, #ffffff 76% 118px, rgb(255 122 0 / 8%) 100% 77%);
    padding-top: 50px;
}

main .top_ai .inner .top_txt_wrap {
    letter-spacing: -1.8px;
    line-height: 1.2;
    font-size: 45px;
    font-weight: 800;
    color: var(--c-txt);
}

.top_ai .inner .description {
    line-height: 30px;
    margin: 20px auto 38px;
    font-size: 18px;
    font-weight: 400;
    color: var(--c-txt-gray);
}

.top_ai .inner .player {
    margin: 0 auto;
    outline: 4px solid white;
    outline-offset: -4px;
    margin-top: 108px;
    max-height: 641px;
    overflow: hidden;
    border-radius: 5px;

}

.player_video {
    width: 100%;
    height: auto;
}

/*// top_ai */

/* advantage */
.advantage_wrap .box {
    margin-bottom: 20px;
    display: flex;
    gap: 0 60px;
    text-align: left;
}

.advantage_wrap .box>div {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.txt_wrap strong.point_title {
    line-height: 34px;
    font-weight: 800;
    font-size: 24px;
    color: var(--c-txt);
}

.txt_wrap p.point_description {
    line-height: 28px;
    margin-top: 26px;
    font-weight: 400;
    font-size: 16px;
    word-break: keep-all;
    color: var(--c-txt-gray);
}

.box .txt_wrap {
    margin-top: 16px;
}

/*// advantage */

/* section_insight */

.section_insight {
    margin-top: 108px;
    background-color: var(--c-s-bg);
}

.section_title.tit_insight {
    margin-bottom: 9px;
    font-size: 32px;
}

.section_insight .section_description {
    padding: 0px 0 12px 0px;
    line-height: 32px;
    font-size: 20px;
    font-weight: 400;
    color: var(--c-txt-gray);
}

/* ai 추천 질문 */

.askmk_wrap {
    padding-bottom: 108px;
    position: relative;
    margin-top: 25px;
}

.askmk_wrap .askmk_frame {
    box-shadow: 0px 4px 40px #745e4508;
    background: none;
    border-radius: 5px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0px 20px 0px 20px;
    background-color: var(--c-bg);
    background-size: 100%;
}

.askmk_Requestion_list>li:not(:last-child) {
    border-bottom: 1px solid var(--c-line);
}

.askmk_wrap .askmk_frame .askmk_Requestion_box {
    background-color: #fff;
    padding: 15px;
}

.askmk_Requestion_list .askmk_txt_area {
    text-align: left;
    padding-bottom: 15px;
    margin-top: 15px;
}

.askmk_Requestion_list .askmk_txt_area:last-child {
    margin-bottom: 0;
}

.askmk_Requestion_list .askmk_txt_area .askmk_que_list_group {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.askmk_txt_area .askmk_que_list_group .tit_wrap {
    width: 97%;
}

.askmk_Requestion_list .askmk_txt_area .askmk_que_list_group p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.4px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2;
    color: #444;
    padding-left: 35px;
    word-break: break-all;
}

.askmk_Requestion_list .askmk_txt_area:hover .askmk_que_list_group p {
    color: var(--c-point);
    font-weight: 600;
}

.askmk_que_list_group .ic_ai.ic_que {
    position: absolute;
    top: 3px;
    display: block;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    background-color: rgb(255 122 0 / 20%);
    border-radius: 100%;
    transition: 0.3s ease;
}


/* ai 추천 질문 */
/* section_insight */

/* process */
.step_box_wrap {
    display: flex;
    gap: 20px;
}

.step_box_wrap .step_box {
    border-radius: 5px;
    background: var(--c-bg);
    padding: 36px 12px;
    flex: 1;
}

.step_box span.txt_tip {
    font-weight: 500;
    margin-top: 10px;
    color: var(--c-txt-gray2);
    font-size: 14px;
    word-break: break-all;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.step_box p.tit_tip {
    padding: 10px 0 20px 0;
    color: var(--c-txt);
    font-weight: 500;
    letter-spacing: -0.4px;
    font-size: 18px;
    line-height: 26px;
}

.inner_margin ul.process_wrap {
    display: flex;
    gap: 20px;
    flex-direction: column;

}

.process_wrap .step {
    display: flex;
    border-radius: 5px;
    width: 100%;
    padding: 36px;
    background-color: var(--c-s-bg);
    flex-direction: column;
    align-items: center;
}

strong.title {
    font-weight: 700;
    margin: 6px 0px 24px 0px;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: -0.4px;
}

.step_description {
    margin-top: -14px;
    margin-bottom: 40px;
    display: block;
    color: var(--c-txt-gray);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.4px;
}

/*// process */

/* btn */
.btn_inner_margin {
    margin: 40px 0px 90px 0px;
}

/*// btn */
/* footer */
footer {
    margin-bottom: 0px;
    width: 100%;
    height: 70px;
    color: #999;
    font-size: 1.4rem;
    text-align: center;
    background-color: #ececec;
}

footer .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* //footer */



/*-------------------------------------------------------------------
  ## top btn
-------------------------------------------------------------------*/
.btn_totop {
    position: fixed;
    right: 2%;
    bottom: 2%;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--c-black);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    z-index: 199;
}

.btn_totop .ic_top {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

/* ai 검색 */
.btn.btn_ic {
    min-width: 40px;
    padding: 0;
}

.close_search {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
}

.ic.ic_close_xl {
    background-image: url(https://static.mk.co.kr/2022/news/pc/images/common/ic_mk.png);
    width: 32px;
    background-size: 352px 205px;
    height: 32px;
    background-position: -256px -20px;
}

/*// ai 검색 */

/* 반응형 */

@media (max-width: 1200px) and (min-width: 280px) {
    .pc_nav {
        display: none;
    }

    .m_nav {
        display: block;
    }

    /* 이미지 */
    .box_image.im_point {
        background-color: #f9f5ee;
        width: 100%;
        height: 192px;
        background-size: contain;
    }

    .step.step2 .box_image {
        aspect-ratio: 15 / 8;
        width: 100%;
        height: auto;
    }

    .box.point1 .box_image {
        background-position: center;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point1_m.svg);
    }

    .box.point2 .box_image {
        background-size: cover;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 2;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point2_m.svg);
    }

    .box.point3 .box_image {
        background-size: cover;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3.2;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point3_m.svg);
    }

    .box.point4 .box_image {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 2;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_point4_m.svg);
    }

    .step.step1 .box_image {
        height: auto;
        aspect-ratio: 4 / 3.5;
        width: 100%;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step1_m.svg);
    }

    .step.step2 .box_image.im_step1 {
        aspect-ratio: 15 / 11.2;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_1_m.svg);
    }

    .step.step2 .box_image.im_step2 {
        aspect-ratio: 15 / 10;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_2_m.svg);
    }

    .step.step2 .box_image.im_step3 {
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step2_3_m.svg);
    }

    .step.step3 .box_image {
        height: auto;
        aspect-ratio: 4 / 8;
        width: 100%;
        background-image: url(https://bimg.mk.co.kr/2025/ai/images/im_step3_m.svg);
        background-size: cover;
        background-position: center;
    }

    /*// 이미지 */
    /* 아이콘 */
    .ic_ai.ic_search_q {
        display: none;
    }
    .btn.btn_ic{
        display: none;
    }
    /*// 아이콘 */
    /* 공통 */
    .inner_margin {
        padding-top: 84px;
    }
    ul.nav.nav_ai {
        display: none;
    }
    .btn_ai {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin: 0 auto;
        width: fit-content;
        height: 52px;
        padding: 14px 30px 16px 30px;
        background-color: var(--c-point);
        border-radius: 50px;
        font-size: 1.6rem;
        font-weight: 600;
        color: var(--c-bg);
    }

    .badge.badge_normal {
        padding: 17px 16px;
    }

    /*// 공통 */
    /* top_ai */
    .webplayer-internal-source-wrapper iframe {
        background-size: cover;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 2.5;
    }

    main .top_ai .inner .top_txt_wrap {
        line-height: 1.3;
        font-size: 26px;
    }

    .top_ai .inner .description {
        font-size: 16px;
    }

    .top_ai .inner .player {
        margin-top: 66px;
        width: auto;
    }

    /*// top_ai */

    /* advantage */
    .section_title {
        font-size: 24px;
    }

    .advantage_wrap li.box {
        padding-bottom: 45px;
        border-bottom: 1px solid var(--c-line);
        flex-direction: column-reverse;
    }

    .advantage_wrap li:last-child.box {
        border-bottom: none;
    }

    .advantage_wrap .box>div {
        margin-top: 20px;
        display: flex;
        flex: auto;
        align-items: center;
    }

    .txt_wrap strong.point_title {
        font-size: 18px;
    }

    .txt_wrap p.point_description {
        margin-top: 10px;
        font-size: 15px;
    }

    .box .txt_wrap {
        margin-top: 6px;
        text-align: center;
    }

    #advantage .section_title {
        padding-bottom: 30px;
        word-break: auto-phrase;
        text-align: center;
        margin: 0 auto;
    }

    /*// advantage */
    /* insight */
    .section_insight {
        margin-top: 47px;
    }

    .section_title.tit_insight {
        font-size: 22px;
    }

    .section_insight .section_description {
        font-size: 17px;
    }

    .askmk_Requestion_list .askmk_txt_area .askmk_que_list_group p {
        -webkit-line-clamp: 2;
    }

    .askmk_txt_area .askmk_que_list_group .tit_wrap {
        width: 100%;
    }

    .askmk_wrap .askmk_frame .askmk_Requestion_box {
        padding: 8px 0px 8px 0px;
    }

    /*// insight */

    /* process */
    .section_title {
        margin-bottom: 27px;
    }

    strong.title {
        font-size: 20px;
        line-height: 28px;
    }

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

    .process_wrap .step {
        padding: 36px 15px;
    }

    .step_box_wrap .step_box {
        padding: 36px 15px;
    }

    /*// process */
   
}
@media only screen and (max-width: 1200px) {
   @media (prefers-color-scheme: dark) {
        [data-dark=true] .question_wrap .que_listbox li {
            background-color: #fff !important;
        }
    }
}
@media only screen and (max-width: 1210px) {
    #header .inner .main_logo .logo {
        width: 101px;
        height: 19px;
        background-size: 80%;
    }
  
}

@media (min-width: 1200px) {
    #header .gnb {
        padding: 16px 0 0;
    }
    #header .input_area.search input,
    #header .input_area.search input::placeholder {
        font-weight: 700;
        font-size: 1.9rem;
    }

    #header .input_area.search.ai_input_search {
        padding-top: 55px;
    }

    #header .set_inner {
        position: relative;
        width: 1210px;
        margin: 0 auto;
    }

    #header .input_area.search .search_btn.ai_search_btn#common_voice_btn {
        display: none;
    }

    #header .search_input_wrap.search_form,
    #header .search_words_wrap {
        width: 620px;
        margin: 0 auto;
    }

    #header .search_words_wrap .aique_wrap .question_wrap .que_ttl {
        margin-bottom: 10px;
        font-size: 1.7rem;
        font-weight: bold;
    }
    .question_wrap .que_listbox li{
       margin-bottom: 0px;
    }
    .search_words_wrap .aique_wrap .question_wrap{
        padding: 25px 20px 12px;
    }
    #header .grid>.col {
        width: 50%;
    }

    #header .question_wrap .grid.que_listbox>.col {
        padding-right: 8px;
    }

    #header .question_wrap .que_listbox .que_list_group {
        overflow: hidden;
        display: flex;
        align-items: center;
        width: 100%;
        height: 65px;
        padding: 15px;
        margin-bottom: 8px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 10px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.4;
        color: #5a5a5a;
        transition: 0.3s ease;
    }

    #header .question_wrap .que_listbox li {
        background-color: #ffffff00;
    }

    #header .switch_wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    #header #search_switch:checked~.ai_logo_wrap {
        margin-top: 0px;
    }

    #header button.open_full_menu_btn {
        display: none;
    }

    #header .search_btn::after {
        position: relative;
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        background: #E6E6E6;
        margin: 0 10px;
        top: 9px;
    }

    #header svg#mkLogo {
        width: 104px;
    }

    #header .search_wrap {
        padding-bottom: 70px;
    }
    #header .anb.is_logout.anb_new.is_active{
        display: none;
    }
}

/*// 반응형 */
/* 다크모드 */
@media (prefers-color-scheme: dark) {
    :root {
        --c-bg: #fff !important;
        --c-black: #000 !important;
        --c-txt: #222 !important;
        --c-line: #F6F6F6 !important;
        --c-txt-gray: #4C4C4C !important;
        --c-txt-gray2: #999 !important;
        --c-txt-gray1: #EDEDED !important;
        --c-ai: linear-gradient(120deg, #FF7A00 0%, #FFCC00 100%) !important;
        --c-point: #FF7A00 !important;
        --c-point-l: #FFECC9 !important;
        --c-point-2: #F0AE1F !important;
        --c-point-3: #FFAF66 !important;
        --c-gray-l:  #5a5a5a !important;
        --c-s-bg: #FCF8F2 !important;
        --c-gray: #ccc !important;
        --c-box:#1D1D1D !important;
    }

    [data-dark=true] .askmk_wrap .askmk_frame .askmk_Requestion_box {
        background-color: #fff !important;
    }

    [data-dark=true] .askmk_wrap .askmk_frame{
        background-color: #fff !important;
    }

    [data-dark=true] .func_area .aisearch_box .ic.ic_search {
        background-image: url(//static.mk.co.kr/2022/news/mob/images/ic_mk_search.svg) !important;
    }

    [data-dark=true] .ic,
    [data-dark=true] .ic_before:before,
    [data-dark=true] .arw,
    [data-dark=true] .drop_sub_news_btn span:before,
    [data-dark=true] .search_list .dropdown_node.is_active .dropdown_item::after {
        background-image: url(https://static.mk.co.kr/2022/news/pc/images/common/ic_mk.png) !important;
    }
    [data-dark=true] .ic.ic_search{
        background-position: -96px 0 !important;
        background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png) !important;
    }
    [data-dark=true] .ic.ic_voice {
        background-image: url(	https://static.mk.co.kr/2022/news/pc/images/ic_voice.svg) !important;
    }
    [data-dark=true] .ic.ic_aside, [data-dark=true] .anb .anb_close .ic {
        background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png) !important;
    }
    [data-dark=true] .ic.ic_que{
        background-image: url(https://static.mk.co.kr/2022/news/pc/images/ic_que_point.svg) !important;
    }
    [data-dark=true] .search_words_wrap .aique_wrap .question_wrap .que_ttl {
        color: #212121 !important;
    }
    [data-dark=true] .search_words_wrap .aique_wrap .question_wrap, [data-dark=true] .switch_btn {
        border: 1px solid #eee !important;
    }
    [data-dark=true] .ai_logo_wrap .ai_logo {
        background-image: url(https://static.mk.co.kr/2022/news/pc/images/l_Perplexity.svg) !important;
    }
    [data-dark=true] .btn.btn_logout {
        color: #242424 !important;
    }
    [data-dark=true] .askmk_Requestion_list .askmk_txt_area:hover .askmk_que_list_group p {
    color: var(--c-point) !important;
}
    [data-dark=true] .search_words_wrap .aique_wrap .question_wrap {
        background-color: #eee !important;
    }
}
/*// 다크모드 */