@charset "utf-8";
/*주관처 : 한솔*/

/* 메인 */
.aside_banner {display:block;}
    .mt_icon {width:104px; height:104px;}
    .mp_top {padding-bottom:5px;}
        .mp_top .txt_s18cBlackFS {margin:0 0 30px;}

    .cp_lists li a {border-color:#dbdbdb;}
    .cp_lists li a:hover {border-color:#4969f0; color:#4969f0;}
        .cp_lists li a:hover [class^="txt_"] {color:#4969f0;}

/* 육성체계 */
.fullImg_w {width:100%; margin-top:36px;}
.tb_wrap {padding-top:60px;}
    .tb_wrap h4 {padding-bottom:20px; font-weight:700;}

    .table_wrap_colline [class*="s18"] {font-size:0.875rem;}
    .table_wrap_colline th [class*="s18"] {font-size:1rem;}


@media screen and (min-width:100px) and (max-width:1365px) {
    /* 한솔 메인_유밥 배너 */
    .aside_banner {position:fixed; right:16px; top:auto !important; bottom:80px; width:68px; margin-top:0; padding:0; background-color:unset; box-shadow:none; border-radius:0;}
        .mp_top {position:relative; display:block; width:100%; height:100%; padding-bottom:0; border-radius:50%;}
            .mp_top img {display:none; width:52px; height:52px;}
            .aside_banner .txt_s18cBlackFS {display:none;}
            .mp_top button {width:68px; height:68px; background-color:#fff; background-repeat:no-repeat; background-position:center; border-radius:50%; box-shadow:0 2px 10px 0 rgb(0 0 0 / 17%);}
            .mp_top button + button {margin-top:10px;}
            .mp_top .btn_smart {background-image:url('../../images/main/hansol_smart_mb_20.png'); background-size:75% auto;}
            .mp_top .btn_speak {width:68px; height:68px; background-image:url('../../images/main/hansol_speak_m.png'); background-size:36px auto;}
        .cp_lists {display:none; position:absolute; top:-75px; bottom:auto; right:-5px; max-height:265px; padding:10px 10px 12px; background:#fff; border-radius:14px; box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);}
            .cp_lists li + li {padding-top:7px;}
                .cp_lists li a {min-width:60px; padding:6px 3px 4px; font-size:0.688rem; background:#fff; white-space:nowrap;}

    
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .aside_banner {width:104px; height:104px;}
        .cp_lists {bottom:120px; right:4px; padding:10px;}
            .cp_lists li a {min-width:80px; font-size:1rem;}
}

@media screen and (min-width:100px) and (max-width:767px) {
    /* 육성체계 */
    .tb_wrap h4 {padding:0 16px; font-size:1.125rem;}
    .fullImg_w img {max-width:unset; height:auto;}

    .table_wrap_colline thead {display:none;}
        .table_wrap_colline tr, .table_wrap_colline th {display:block; width:100vw;}
        .table_wrap_colline tr td {width:160px;}
        .table_wrap_colline tr td:last-child {width:calc(100vw - 160px); text-align:left;}
}

@media screen and (min-width:768px) and (max-width:1440px) {
    .tb_wrap {padding:60px 24px 0;}
}