@font-face {
    font-family: 'S-Core Dream 2';
    src: url('./fonts/S-CoreDream-2ExtraLight.woff2') format('woff2'), url('./fonts/S-CoreDream-2ExtraLight.woff') format('woff'), url('./fonts/S-CoreDream-2ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 3';
    src: url('./fonts/S-CoreDream-3Light.woff2') format('woff2'), url('./fonts/S-CoreDream-3Light.woff') format('woff'), url('./fonts/S-CoreDream-3Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 4';
    src: url('./fonts/S-CoreDream-4Regular.woff2') format('woff2'), url('./fonts/S-CoreDream-4Regular.woff') format('woff'), url('./fonts/S-CoreDream-4Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 5';
    src: url('./fonts/S-CoreDream-5Medium.woff2') format('woff2'), url('./fonts/S-CoreDream-5Medium.woff') format('woff'), url('./fonts/S-CoreDream-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 6';
    src: url('./fonts/S-CoreDream-6Bold.woff2') format('woff2'), url('./fonts/S-CoreDream-6Bold.woff') format('woff'), url('./fonts/S-CoreDream-6Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 7';
    src: url('./fonts/S-CoreDream-7ExtraBold.woff2') format('woff2'), url('./fonts/S-CoreDream-7ExtraBold.woff') format('woff'), url('./fonts/S-CoreDream-7ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

* {
    font-family: 'S-Core Dream 3', 'Noto Sans KR', sans-serif;
}

.header_main#header .global_bot_wrap .global_bot h1 .mo {
    display: none;
}

.area1 .hello_area_mo {
    display: none;
}

#header .gnb_wrap .ham {
    background: rgb(255, 255, 255);
    left: auto;
    width: 320px;
    height: 100%;
    right: -1000px;
    padding-bottom: 0px;
    -ms-overflow-y: auto;
    min-height: auto;
}

#header .gnb_wrap .ham_top_wrap {
    background: rgb(212, 52, 80);
    padding: 15px 10px;
}

#header .gnb_wrap .ham_top_wrap a {
    margin-right: 15px;
    margin-left: 0px;
    text-shadow: none;
}

#header .gnb_wrap .ham_top_wrap > a {
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    font-family: 'S-Core Dream 5' !important;
}

#header .gnb_wrap .ham_top_wrap > a::after {
    background: rgb(222, 99, 120);
    top: 2px;
    width: 1px;
    right: -10px;
    bottom: 0px;
    position: absolute;
    content: "";
}

#header .gnb_wrap .ham_top_wrap > a.ham_close {
    top: 50%;
    right: 0px;
    margin-top: -9px;
    margin-right: 0px;
    position: absolute;
}

#header .gnb_wrap .ham_top_wrap > a.ham_close::after {
    display: none;
}

#header .gnb_wrap .ham_top_wrap > .language-box {
    display: inline-block;
    position: relative;
}

#header .gnb_wrap .ham_top_wrap > .language-box > a {
    color: rgb(255, 255, 255);
    line-height: 16px;
    font-size: 16px;
    display: block;
    font-family: 'S-Core Dream 5' !important;
}

#header .gnb_wrap .ham_top_wrap > .language-box > a > span {
    font-family: 'S-Core Dream 5' !important;
    background: url("../images/common/dm.png") no-repeat right;
    padding-right: 20px;
    display: inline-block;
}

#header .gnb_wrap .ham_top_wrap > .language-box > ul {
    text-align: center;
    width: 230px;
    background: rgb(255, 255, 255);
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid rgb(223, 223, 223);
    border-image: none;
    left: 50%;
    top: 100%;
    display: none;
    position: absolute;
    z-index: 1002;
    transform: translate(-55%, 0px);
}

#header .gnb_wrap .ham_top_wrap > .language-box > ul > li {
    margin-right: 5px;
    display: inline-block;
}

#header .gnb_wrap .ham_top_wrap > .language-box > ul > li > a {
    color: rgb(212, 52, 80);
    font-size: 13px;
    display: block;
    font-family: 'S-Core Dream 3' !important;
    line-height: 1;
    margin-right: 0;
}

#header .gnb_wrap .ham > ul {
    padding: 0px 62% 0px 0px;
    position: relative;
}

#header .gnb_wrap .ham > ul > li > a {
    background: none;
    padding: 20px 2px;
    text-align: center;
    color: rgb(69, 69, 69);
    font-size: 18px;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    display: block;
    text-shadow: none;
    font-family: 'S-Core Dream 5' !important;
}

#header .gnb_wrap .ham > ul > li > a.on {
    background: rgb(78, 78, 78);
    color: rgb(255, 255, 255);
}

#header .gnb_wrap .ham > ul > li > a span {
    color: rgb(69, 69, 69);
    font-size: 18px;
    font-family: 'S-Core Dream 5' !important;
}

#header .gnb_wrap .ham > ul > li > a.on span {
    color: rgb(255, 255, 255);
}

#header .gnb_wrap .ham > ul > li > ul {
    background: none;
    padding: 0px 10px;
    top: 0px;
    width: 62%;
    right: 0px;
    position: absolute;
    box-sizing: border-box;
}

#header .gnb_wrap .ham > ul > li > ul > li > a {
    background: url("../images/common/mdm_off.png") no-repeat right 10px center;
    color: rgb(69, 69, 69);
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
    border-top-color: currentColor;
    border-bottom-color: rgb(218, 218, 218);
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-bottom-style: solid;
    display: block;
    text-shadow: none;
}

#header .gnb_wrap .ham > ul > li > ul > li > a > span {
    color: rgb(69, 69, 69);
    font-size: 16px;
    font-family: 'S-Core Dream 5' !important;
}

#header .gnb_wrap .ham > ul > li > ul > li > a.on {
    background: url("../images/common/mdm_on.png") no-repeat right 10px center;
    color: rgb(212, 52, 80);
}

#header .gnb_wrap .ham > ul > li > ul > li > a.on > span {
    color: rgb(212, 52, 80);
}

/* 20230330_�߰� */
#header .gnb_wrap .ham > ul > li > ul > li > a.no_icon, #header .gnb_wrap .ham > ul > li.l_title0 > ul.l_title_0 > li:nth-child(n+1):nth-child(-n+3) > a, #header .gnb_wrap .ham > ul > li.l_title0 > ul.l_title_0 > li:nth-child(n+5):nth-child(-n+7) > a {
    background: none;
}

/* 20230330_�߰� */
#header .gnb_wrap .ham > ul > li > ul > li > ul {
    background: rgb(255, 255, 255);
    padding: 10px 0px;
    border-top-color: rgb(212, 52, 80);
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgb(212, 52, 80);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: -1px;
}

#header .gnb_wrap .ham > ul > li > ul > li > ul > li {
    padding: 0px;
}

#header .gnb_wrap .ham > ul > li > ul > li > ul > li > a {
    background: none;
    padding: 5px 0px 5px 20px;
    color: rgb(69, 69, 69);
    font-size: 14px;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    display: inline-block;
    position: relative;
    text-shadow: none;
    font-family: 'S-Core Dream 4' !important;
}

#header .gnb_wrap .ham > ul > li > ul > li > ul > li > a::after {
    background: rgb(148, 148, 148);
    border-radius: 100%;
    left: 12px;
    top: 50%;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    position: absolute;
    content: "";
}

.container_main#container .area2 {
    height: auto;
    position: relative;
}

.service-box .slick-list {
    width: 100%;
}

.service-box .slick-track {
    padding-top: 30px;
}

.service-box .sbn-attr {
    top: 0px;
    right: 0px;
    margin-left: 1px;
    position: absolute;
    z-index: 9;
}

.service-box .sbn-attr > * {
    font-size: 0px;
    margin-left: -1px;
    float: left;
    display: inline-block;
}

.service-box .sbn-attr .sbn-stop {
    border: 1px solid rgb(228, 228, 228);
    transition: 0.3s;
    border-image: none;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
}

.service-box .sbn-attr .sbn-stop {
    background: url("../images/main/svc-st.png") no-repeat center;
}

.service-box .sbn-attr .play.sbn-stop {
    background: url("../images/main/svc-pl.png") no-repeat center;
}

.service-box .sbn-attr .sbn-prev {
    background: url("../images/main/svc-lf.png") no-repeat center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.service-box .sbn-attr .sbn-next {
    background: url("../images/main/svc-rt.png") no-repeat center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.service-box .slick-dots {
    display: none;
}

.service-box .slick-slide {
    text-align: center;
    display: block;
}


.service-box .slick-slide > span {
    font-size: 0px;
    display: block;
}

.service-box .slick-slide > p {
    width: 100%;
    height: 50px;
    display: table;
}

.service-box .slick-slide > p > span {
    color: #424242;
    line-height: 20px;
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    font-family: 'S-Core Dream 4' !important;
}

.slick-track::after {
    height: 0px;
    clear: both;
    display: block;
    visibility: hidden;
    content: "";
}

.slick-slide {
    height: 100%;
    float: left;
    min-height: 1px;
}

.draggable {
    overflow: hidden;
}

.crn-box {
    display: none;
}

.area3 .news_r_area .azone .tit_area .r .cnt {
    top: 3px;
}

.azone-tab {
    display: none;
}

.mptv-area {
    display: none;
}

.mpnews-area {
    display: none;
}

.mpsns-area {
    display: none;
}

.azone_slide_new {
    position: relative;
    z-index: 1;
}

.azone_slide_new a.azone_all {
    border-width: 1px 1px 1px 0px;
    border-style: solid solid solid none;
    border-color: rgb(231, 231, 231) rgb(231, 231, 231) rgb(231, 231, 231) currentColor;
    border-image: none;
    top: -34px;
    width: 55px;
    height: 30px;
    text-align: center;
    right: 0px;
    line-height: 30px;
    font-size: 11px;
    position: absolute;
}

.area3 .news_r_area .azone {
    overflow: hidden;
}

.azone_slide_box {
    display: none;
}

.on.azone_slide_box {
    display: block;
}

.azone_slide_box .slick-list {
    width: 100%;
}

.azone_slide_box .azone_attr_t {
    top: -34px;
    right: 55px;
    position: absolute;
}

.azone_slide_box .azone_attr_t > * {
    border: 1px solid rgb(228, 228, 228);
    border-image: none;
    font-size: 0px;
    margin-left: -1px;
    float: left;
    display: inline-block;
}

.azone_slide_box .azone_attr_t > .ch_paging {
    border: 0px currentColor;
    border-image: none;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    font-family: 'S-Core Dream 4' !important;
}

.azone_slide_box .azone_attr_t > .ch_paging span {
    font-size: 16px;
    font-family: 'S-Core Dream 4' !important;
}

.azone_slide_box .azone_attr_t .azone_stop_t {
    transition: 0.3s;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
}

.azone_slide_box .azone_attr_t .azone_stop_t {
    background: url("../images/main/svc-st.png") no-repeat center;
}

.azone_slide_box .azone_attr_t .play.azone_stop_t {
    background: url("../images/main/svc-pl.png") no-repeat center;
}

.azone_slide_box .azone_attr_t .azone_prev_t {
    background: url("../images/main/svc-lf.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.azone_slide_box .azone_attr_t .azone_next_t {
    background: url("../images/main/svc-rt.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.azone_slide_box .azone_attr_b {
    top: -34px;
    right: 55px;
    position: absolute;
}

.azone_slide_box .azone_attr_b > * {
    border: 1px solid rgb(228, 228, 228);
    border-image: none;
    font-size: 0px;
    margin-left: -1px;
    float: left;
    display: inline-block;
}

.azone_slide_box .azone_attr_b > .ch_paging {
    border: 0px currentColor;
    border-image: none;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    font-family: 'S-Core Dream 4' !important;
}

.azone_slide_box .azone_attr_b > .ch_paging span {
    font-size: 16px;
    font-family: 'S-Core Dream 4' !important;
}

.azone_slide_box .azone_attr_b .azone_stop_b {
    transition: 0.3s;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
}

.azone_slide_box .azone_attr_b .azone_stop_b {
    background: url("../images/main/svc-st.png") no-repeat center;
}

.azone_slide_box .azone_attr_b .play.azone_stop_b {
    background: url("../images/main/svc-pl.png") no-repeat center;
}

.azone_slide_box .azone_attr_b .azone_prev_b {
    background: url("../images/main/svc-lf.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.azone_slide_box .azone_attr_b .azone_next_b {
    background: url("../images/main/svc-rt.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.azone_slide_box .slick-dots {
    display: none;
}

.azone_slide_box .slick-slide {
    text-align: center;
    display: block;
    font-size: 0px;
}

.azone_slide_box .slick-slide img {
    width: 100%;
}

.area3 .m-tab-con-in .ic {
    display: none;
}

.tops_slide_box {
    position: relative;
    z-index: 0;
}

.tops_slide .slick-slide img {
    width: 100%;
}

.tops_slide .slick-list {
    width: 100%;
}

.tops_slide_box .tops_slide_attr {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}

.tops_slide_box .tops_slide_attr > * {
    border: 1px solid rgb(228, 228, 228);
    border-image: none;
    font-size: 0px;
    margin-left: -1px;
    float: left;
    display: inline-block;
}

.tops_slide_box .tops_slide_attr > .ch_paging {
    opacity: 0;
    line-height: 30px;
    border: 0;
    font-size: 14px;
    margin-right: 10px;
    font-family: 'S-Core Dream 6' !important;
    color: #fff;
}

.tops_slide_box .tops_slide_attr > .ch_paging span {
    font-size: 14px;
    font-family: 'S-Core Dream 6' !important;
    color: #fff;
}

.tops_slide_box .tops_slide_attr .tops_slide_stop {
    transition: 0.3s;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
}

.tops_slide_box .tops_slide_attr .tops_slide_all {
    background: #fff url("../images/main/svc-all.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.tops_slide_box .tops_slide_attr .tops_slide_stop {
    background: #fff url("../images/main/svc-st.png") no-repeat center;
}

.tops_slide_box .tops_slide_attr .play.tops_slide_stop {
    background: #fff url("../images/main/svc-pl.png") no-repeat center;
}

.tops_slide_box .tops_slide_attr .tops_slide_prev {
    background: #fff url("../images/main/svc-lf.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.tops_slide_box .tops_slide_attr .tops_slide_next {
    background: #fff url("../images/main/svc-rt.png") no-repeat center;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

#header .global_bot_wrap .global_bot .srch_wrap a .mo {
    display: none;
}

@media screen and (max-width: 768px) {
    body #header, body #header .global_top, body #header .global_bot, body #header .allMenu, body #header .toppop, body #header .gnb, body #header .gnb2, body #container, body #container .contents, body #footer, body #footer .f_top, body #footer .f_bot {
        width:100%;
        min-width: 480px;
        height: auto !important;
    }

    body #footer .f_bot {
        width: auto !important;
    }

    body h2.main_h2 {
        font-family: 'S-Core Dream 6' !important;
        font-size: 26px;
    }

    body #footer .f_bot .f_con_top a {
        font-size: 16px;
        line-height: 18px;
        color: #4e4e4e;
        font-family: 'S-Core Dream 6' !important;
        margin-right: 15px;
        font-weight: bold;
    }

    body #footer .f_bot .f_con_top a font {
        color: #2991f5;
        font-family: 'S-Core Dream 6' !important;
    }

    body #footer .f_bot .f_con_top a:before {
        content: '';
        width: 1px;
        height: 13px;
        background: #4e4e4e;
        position: absolute;
        right: -10px;
        top: 2px;
    }

    body #footer .f_bot .f_con_top a:last-child:before {
        display: none;
    }

    body #header .global_bot_wrap {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    body .area3 .mptv-area h2.main_h2 {
        margin-bottom: 20px;
    }

    #header .global_bot_wrap .global_bot .srch_wrap a .mo {
        display: block;
    }

    #header .global_bot_wrap .global_bot .srch_wrap a .pc {
        display: none;
    }

    .tops_slide_box .tops_slide_attr > .ch_paging {
        opacity: 1;
    }

    .tops_slide_box .tops_slide_attr {
        background: rgb(18, 30, 62);
        padding: 10px 40px 10px 18px;
        border-radius: 0px 10px 0px 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: auto;
        right: auto;
        bottom: 0px;
    }

    .tops_slide_box .tops_slide_attr > * {
        margin: 0px 3px;
        width: 17px;
        height: 17px;
        border: 0;
        background: none;
    }

    .tops_slide_box .tops_slide_attr .tops_slide_stop {
        /*position: absolute;
        right: 15px;
        top: 10px;*/
        width: 17px;
        height: 17px;
        background: url("../images/main/ncn_p.png") no-repeat center;
    }

    .tops_slide_box .tops_slide_attr .play.tops_slide_stop {
        width: 17px;
        height: 17px;
        background: url("../images/main/ncn_s.png") no-repeat center;
    }

    .tops_slide_box .tops_slide_attr .tops_slide_prev {
        width: 17px;
        height: 17px;
        background: url("../images/main/ncn_l.png") no-repeat center;
    }

    .tops_slide_box .tops_slide_attr .tops_slide_next {
        width: 17px;
        height: 17px;
        background: url("../images/main/ncn_r.png") no-repeat center;
    }

    .tops_slide_box .tops_slide_attr .tops_slide_all {
        width: 17px;
        height: 17px;
        background: url("../images/main/ncn_all.png") no-repeat center;
    }
    .tops_slide_box .slick-arrow {
        padding: 0 !important;
        border: 0 !important;
        margin: 0;
    }

    .tops_slide_box .tops_slide_attr > .ch_paging {
        width: auto;
        height: auto;
        line-height: 17px;
    }

    .tops_slide_box .tops_slide_attr > .ch_paging span {
        line-height: 17px;
    }

    .bg-w.tp_layer {
        display: none;
    }

    #header .global_top_wrap {
        display: none;
    }

    #header .headTop-btnS1 {
        display: none;
    }

    .header_main#header .global_bot_wrap .global_bot {
        height: auto;
        padding-top: 0px;
        padding-bottom: 10px;
        min-height: 122px;
    }

    .header_main#header .global_bot_wrap .global_bot .srch_btn {
        display: none !important;
    }

    .header_main#header .global_bot_wrap .global_bot .ham_btn_wrap {
        padding: 0px;
        left: auto;
        top: 26px;
        right: 25px;
        z-index: 2;
        position: absolute;
    }

    .header_main#header .global_bot_wrap .global_bot h1 {
        margin: 0px auto;
        left: -5px;
        top: 0px !important;
        width: auto;
        text-align: center;
        right: 0px;
    }

    .header_main#header .global_bot_wrap .global_bot h1 .pc {
        display: none;
    }

    .header_main#header .global_bot_wrap .global_bot h1 a {
        width: 350px;
        line-height: 80px;
        display: inline-block;
    }

    .header_main#header .global_bot_wrap .global_bot h1 .mo {
        display: inline-block;
    }

    .header_main#header .global_bot_wrap .global_bot h1 a img {
        width: 100%;
    }

    #header .global_bot_wrap .global_bot .global_srch {
        display: block;
        position: absolute;
        top: 0;
    }

    #header .global_bot_wrap .global_bot .chu_keyword {
        display: none;
    }

    #header .global_bot_wrap .global_bot .srch_wrap {
        margin: 0px auto;
        top: 80px;
        width: calc(100% - 20px);
        position: relative;
    }

    #header .global_bot_wrap .global_bot .srch_wrap {
        border: 0 !important;
        border-bottom: 1px solid #cc255c !important;
        border-radius: 0 !important;
    }

    #header .global_bot_wrap .global_bot .srch_wrap input {
        padding: 0px 0px 0px 5px;
        font-family: 'S-Core Dream 3' !important;
        color: #757575;
        border: 0;
        font-size: 15px;
    }

    #header .global_bot_wrap .global_bot .srch_wrap a {
        width: auto;
        right: 12px;
        padding: 0;
        top: auto;
        bottom: 8px;
    }

    #footer {
        padding: 25px 0px 30px;
        border-top-color: rgb(208, 208, 208);
        border-top-width: 1px;
        border-top-style: solid;
    }

    body #footer .f_bot_wrap {
        text-align: center;
        padding: 0 !important;
    }

    #footer .f_bot .f_con_bot p {
        word-break: keep-all;
        font-size: 16px;
        color: #7c7e89;
        font-family: 'S-Core Dream 4' !important;
        letter-spacing: -0.2px !important;
    }

    #footer .f_bot > .f_1st {
        display: none;
    }

    #footer .f_bot .f_con_top a::after {
        display: none;
    }

    #footer .f_bot > div {
        float: none;
    }

    #footer .f_bot > div.f_3rd {
        margin-top: 15px;
        float: none;
    }

    #body_wrap #container .contents {
        padding: 10px;
    }

    .f_top_wrap {
        display: none;
    }

    .area1 .hello_area {
        display: none;
    }

    .area1 .hello_area_mo {
        margin-bottom: 30px;
        display: block;
    }

    .area1 .hello_area_mo img {
        max-width: 100%;
    }

    .area1 .hello_area_mo .tbn-line {
        text-align: center;
        margin-bottom: 10px;
    }

    .area1 .hello_area_mo .tbn-line > li {
        margin-right: 16px;
        display: inline-block;
        position: relative;
    }

    .area1 .hello_area_mo .tbn-line > li::after {
        background: rgb(196, 196, 196);
        top: 2px;
        width: 1px;
        right: -11px;
        bottom: 1px;
        position: absolute;
        content: "";
    }

    .area1 .hello_area_mo .tbn-line > li:last-child {
        margin-right: 0px;
    }

    .area1 .hello_area_mo .tbn-line > li:last-child::after {
        display: none;
    }

    .area1 .hello_area_mo .tbn-line > li > a {
        color: rgb(69, 69, 69);
        line-height: 1;
        font-size: 18px;
        display: block;
        font-family: 'S-Core Dream 5' !important;
    }

    .area1 .hello_area_mo .ca-img {
        text-align: center;
    }

    .area1 .hello_area_mo .ca-bot {
        border-radius: 10px;
        overflow: hidden;
    }

    .area1 .hello_area_mo .ca-bot > .tops {
        background: linear-gradient(to right, rgb(212, 52, 80), rgb(10, 43, 112));
        padding: 13px 10px;
        text-align: center;
    }

    .area1 .hello_area_mo .ca-bot > .tops > ul > li {
        margin-right: 40px;
        display: inline-block;
        position: relative;
    }

    .area1 .hello_area_mo .ca-bot > .tops > ul > li::after {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        top: 50%;
        width: 4px;
        height: 4px;
        right: -25px;
        margin-top: -2px;
        position: absolute;
        content: "";
    }

    .area1 .hello_area_mo .ca-bot > .tops > ul > li:last-child {
        margin-right: 0px;
    }

    .area1 .hello_area_mo .ca-bot > .tops > ul > li:last-child::after {
        display: none;
    }

    .area1 .hello_area_mo .ca-bot > .tops > ul > li > a {
        color: rgb(255, 255, 255);
        line-height: 1;
        letter-spacing: -1px;
        font-size: 15px;
        display: block;
        font-family: 'S-Core Dream 5' !important;
    }

    .area1 .hello_area_mo .ca-bot > .bots {
        background: url("../images/main/2/nic1.png") no-repeat 10px bottom rgb(251, 239, 239);
        padding: 0px 10px 0px 145px;
        width: 100%;
        height: 85px;
        display: table;
        box-sizing: border-box;
    }

    .area1 .hello_area_mo .ca-bot > .bots > p {
        letter-spacing: -1px;
        vertical-align: middle;
        display: table-cell;
    }

    .area1 .hello_area_mo .ca-bot > .bots > p > span {
        color: rgb(0, 0, 0);
        line-height: 1.3;
        font-size: 21px;
        display: inline-block;
        font-family: 'S-Core Dream 6' !important;
    }

    .area1 .hello_area_mo .ca-bot > .bots > p > span.bk {
        margin-right: 5px;
    }

    .area1 .hello_area_mo .ca-bot > .bots > p > span > a {
        color: rgb(0, 0, 0);
        line-height: 1.3;
        font-size: 21px;
        display: inline-block;
        font-family: 'S-Core Dream 6' !important;
    }

    .area1 .hello_area_mo .ca-bot > .bots > p > span.bk > a {
        margin-right: 5px;
    }

   .area1 .hello_area_mo .ca-bot > .bots2 {width: 100%;display: block;box-sizing: border-box;margin-top: 20px;}
   .area1 .hello_area_mo .ca-bot > .bots2 img{width:100%;}
   /*.area1 .hello_area_mo .ca-bot > .bots2 {
        background: url("../images/main/2/nic1-1.png") no-repeat 0px bottom rgb(255, 255, 255);
        padding: 0px 10px 0px 145px;
        width: 100%;
        height: 85px;
        display: table;
        box-sizing: border-box;
    }*/
	
    .area1 .area1_slide_wrap {
        border-radius: 10px;
        overflow: hidden;
    }

    .area1_slide_wrap .area1_btn_wrap {
        background: rgb(18, 30, 62);
        padding: 10px 20px;
        border-radius: 0px 10px 0px 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: auto;
        right: auto;
        bottom: 0px;
    }

    .area1_slide_wrap .area1_btn_wrap > a {
        margin: 0px 3px;
        width: 17px;
        height: 17px;
        border-right-color: currentColor;
        border-right-width: 0px;
        border-right-style: none;
    }

    .area1_slide_wrap .area1_btn_wrap > a.btn_p {
        background: url("../images/main/ncn_p.png") no-repeat center;
        display: none;
    }

    .area1_slide_wrap .area1_btn_wrap > a.btn_s {
        background: url("../images/main/ncn_s.png") no-repeat center;
        display: none;
    }

    .area1_slide_wrap .area1_btn_wrap > a.btn_l {
        background: url("../images/main/ncn_l.png") no-repeat center;
    }

    .area1_slide_wrap .area1_btn_wrap > a.btn_r {
        background: url("../images/main/ncn_r.png") no-repeat center;
    }

    .area2 .bannerArea ul.banner {
        text-align: center;
    }

    .area2 .bannerArea ul.banner li {
        margin: 0px auto;
        width: 150px;
        float: none;
        display: inline-block;
    }

    .area2 .bannerArea ul.banner li a {
        display: block;
    }

    .area2 .bannerArea .outerWrap ul.banner a span {
        line-height: 1.2;
        font-size: 15px;
    }

    .area2 h2.main_h2 {
        text-align: center;
        letter-spacing: -1px;
        color: #323232;
        padding-top: 4px;
    }

    .service-box .slick-track {
        padding-top: 15px;
    }

    .area3 {
        padding-top: 0px;
        border-top-color: currentColor;
        border-top-width: 0px;
        border-top-style: none;
    }

    .news_l_area h2.main_h2 {
        display: none;
    }

    .service-box {
        padding: 0px 20px;
        position: relative;
    }

    .service-box .sbn-attr {
        margin-left: 0px;
        position: static;
    }

    .service-box .sbn-attr .sbn-stop {
        display: none;
    }

    .service-box .sbn-attr > * {
        margin-left: 0px;
        float: none;
    }

    .service-box .sbn-attr .sbn-prev {
        background: url("../images/main/svc-lf-mo.png") no-repeat center;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        left: 0px;
        top: 50%;
        width: 17px;
        height: 30px;
        margin-top: -15px;
        position: absolute;
    }

    .service-box .sbn-attr .sbn-next {
        background: url("../images/main/svc-rt-mo.png") no-repeat center;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        top: 50%;
        width: 17px;
        height: 30px;
        right: 0px;
        margin-top: -15px;
        position: absolute;
    }

    .crn-box {
        margin: 20px 0px 10px;
        text-align: center;
        display: block;
    }

    .crn-box > a {
        background: url("../images/main/crn-ic.png") no-repeat right 8% center rgb(231, 249, 248);
        padding: 18px 15px;
        border-radius: 10px;
        display: block;
    }

    .area3 .m-tab {
        border: 0px currentColor;
        border-image: none;
        height: auto;
        padding-bottom: 20px;
    }

    .area3 .m-tab-tit > ul > li {
        width: 100%;
        float: none;
    }

    .area3 .m-tab-v {
        padding: 0px 10px;
        height: auto;
        position: static;
    }

    .area3 .m-tab-tit > ul > li > a {
        background: none;
        padding: 18px 2px;
        font-weight: normal;
        border: 0px;
        color: #7a7e8d;
        border-image: none;
        top: 0px;
        width: calc(25% - 10px);
        margin-left: 10px;
        position: absolute;
        font-size: 18px;
        font-family: 'S-Core Dream 5' !important;
    }

    .area3 .m-tab-tit > ul > li > a:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 15px;
        background: #bec3ce;
        margin-top: -7px;
    }

    .area3 .m-tab-tit > ul > li:last-child > a:after {
        display: none;
    }

    .area3 .m-tab-tit > ul > li:nth-child(1) > a {
        left: 0px;
    }

    .area3 .m-tab-tit > ul > li:nth-child(2) > a {
        left: calc(25% - 10px);
    }

    .area3 .m-tab-tit > ul > li:nth-child(3) > a {
        left: calc(50% - 20px);
    }

    .area3 .m-tab-tit > ul > li:nth-child(4) > a {
        left: calc(75% - 30px);
    }

    .area3 .m-tab-con-in a {
        width: 100%;
        height: auto;
        color: #222;
        font-size: 18px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        font-family: 'S-Core Dream 5' !important;
    }

    .area3 .m-tab-con-in a > img {
        display: none;
    }

    .area3 .m-tab-con-in a > span {
        font-size: 16px;
        color: #7c7e89;
        font-family: 'S-Core Dream 4' !important;
    }

    .area3 .m-tab-con-in .ic {
        display: block;
        margin-bottom: 10px;
    }

    .area3 .m-tab-con-in .ic > p {
        display: inline-block;
        vertical-align: middle;
    }

    .area3 .m-tab-con-in .ic > p.tag {
        margin-right: 13px;
        padding: 0 15px;
        background: #f6f5f5;
        line-height: 25px;
        border-radius: 25px;
        font-size: 13px;
        color: #868686;
        font-family: 'S-Core Dream 4' !important;
    }

    .area3 .m-tab-con-in .ic > p.new {
        line-height: 25px;
        font-size: 13px;
        color: #e55d95;
        font-family: 'S-Core Dream 4' !important;
    }

    .area3 .m-tab-tit > ul > li > a.on {
        color: rgb(34, 34, 34);
        border-bottom-color: rgb(255, 91, 125);
        border-bottom-width: 4px;
        border-bottom-style: solid;
        font-family: 'S-Core Dream 5' !important;
    }

    .m-tab-tit {
        padding-top: 62px;
        position: relative;
    }

    .m-tab-tit::after {
        border-radius: 10px;
        border: 1px solid rgb(191, 196, 207);
        border-image: none;
        left: 0px;
        top: 0px;
        height: 62px;
        right: 0px;
        position: absolute;
        z-index: -1;
        content: "";
    }

    .m-tab-con-in span {
        color: rgb(124, 126, 137);
        margin-top: 5px;
        float: none;
        display: block;
        position: static;
    }

    .area3 .m-tab-v ul li {
        padding: 18px 0px;
        height: auto;
        margin-top: 0px;
        border-bottom-color: rgb(230, 230, 230);
        border-bottom-width: 1px;
        border-bottom-style: dashed;
    }

    .area3 .m-tab-v ul li.m-tab-more {
        top: 12px;
        right: 2px;
        padding: 0;
    }

    .area3 .m-tab-v ul li.m-tab-more a {
        font-size: 0px;
        display: block;
        position: relative;
    }

    .area3 .m-tab-v ul li.m-tab-more a:after {
        border: 4px solid rgb(255, 255, 255);
        border-image: none;
        left: -2px;
        top: -2px;
        right: -2px;
        bottom: -2px;
        display: block;
        position: absolute;
        content: "";
    }

    .area3 .news_l_area {
        float: none;
    }

    .area3 .news_r_area {
        padding: 30px 14%;
        float: none;
        position: relative;
    }

    .area3 .news_r_area::after {
        background: rgb(244, 245, 245);
        left: -10px;
        top: 0px;
        height: 100%;
        right: -10px;
        bottom: 0px;
        visibility: visible;
        position: absolute;
        z-index: -1;
        content: "";
    }

    .area3 .news_r_area .azone .tit_area .r .azone_btn_wrap > a.azone_go {
        display: none;
    }

    .area3 .news_r_area .azone {
        background: rgb(255, 255, 255);
        padding: 30px 20px;
        border-radius: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .area3 .news_r_area .azone .tit_area .r .azone_btn_wrap {
        border: 0px currentColor;
        border-image: none;
        top: 7px;
    }

    .area3 .news_r_area .azone .tit_area .r .azone_btn_wrap > a {
        border: 0px currentColor;
        border-image: none;
        width: 14px;
        height: 14px;
    }

    .area3 .news_r_area .azone .tit_area .r .cnt {
        top: 1px;
        right: 46px;
    }

    .azone-tab {
        left: 90px;
        top: -3px;
        display: block;
        position: absolute;
    }

    .azone-tab > li {
        display: inline-block;
        margin-right: 3px;
    }

    .azone-tab > li > a {
        padding: 0px 22px;
        border-radius: 28px;
        border: 2px solid rgb(194, 194, 194);
        border-image: none;
        color: rgb(138, 138, 138);
        line-height: 28px;
        font-size: 16px;
        display: block;
        font-family: 'S-Core Dream 4' !important;
    }

    .azone-tab > li.on > a {
        border: 2px solid rgb(255, 91, 125);
        border-image: none;
        color: rgb(255, 91, 125);
    }

    .area3-01 {
        display: none;
    }

    .news_r_area .sns_area {
        display: none;
    }

    .mptv-area {
        background: rgb(255, 255, 255);
        padding: 30px 20px;
        border-radius: 10px;
        margin-top: 20px;
        display: block;
        position: relative;
        box-sizing: border-box;
    }

    .mptv-area .mptv-box {
        width: 100%;
    }

    .mptv-box > a {
        display: block;
    }

    .mptv-box > a img {
        width: 100%;
    }

    .mptv-more {
        top: 30px;
        right: 20px;
        display: inline-block;
        position: absolute;
    }

    .mpnews-area {
        margin: 40px 0px 20px;
        text-align: center;
        display: block;
    }

    .mpnews-box {
        padding: 0px 20%;
        position: relative;
    }

    .mpnews-area .slick-list {
        width: 95%;
    }

    .mpnews-area .slick-track {
        padding-top: 30px;
        padding-bottom: 8px;
    }

    .mpnews-area .mpn-attr .mpn-prev {
        background: url("../images/main/svc-lf-mo.png") no-repeat center;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        left: 50%;
        top: 50%;
        width: 17px;
        height: 30px;
        margin-top: -15px;
        margin-left: -33.8%;
        position: absolute;
    }

    .mpnews-area .mpn-attr .mpn-next {
        background: url("../images/main/svc-rt-mo.png") no-repeat center;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        top: 50%;
        width: 17px;
        height: 30px;
        right: 50%;
        margin-top: -15px;
        margin-right: -36%;
        position: absolute;
    }

    .mpnews-area .slick-dots {
        display: none;
    }

    .mpnews-area .slick-slide {
        padding: 0px 20px;
        text-align: center;
        display: block;
        position: relative;
    }

    .mpnews-area .slick-slide .imgs {
        border: 1px solid #e0e0e0;
        box-shadow: 8px 11px 0px rgba(227,228,228,1);
    }

    .mpnews-area .slick-slide .imgs img {
        width: 100%;
    }

    .mpnews-area .slick-slide .ps {
        background: rgb(58, 152, 157);
        border-radius: 100%;
        left: 10px;
        top: -20px;
        width: 65px;
        height: 65px;
        text-align: center;
        display: table;
        position: absolute;
    }

    .mpnews-area .slick-slide .ps > p {
        color: rgb(255, 255, 255);
        line-height: 1;
        font-family: 'S-Core Dream 4', sans-serif;
        font-size: 14px;
        font-weight: 400;
        vertical-align: middle;
        display: table-cell;
    }

    .mpnews-area .slick-slide .ps > p > span {
        display: block;
        margin-top: 3px;
        font-family: 'S-Core Dream 4', sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
    }

    .mpsns-area {
        padding: 40px 0px;
        text-align: center;
        display: block;
    }

    .mpsns-area h2.main_h2 {
        margin-bottom: 20px;
    }

    .mpsns-line > li {
        margin: 5px 3px 0px;
        display: inline-block;
    }

    .mpsns-b {
        margin-top: 25px;
    }

    .mpsns-b > a {
        font-size: 0px;
        display: inline-block;
    }

    .mpsns-b > a img {
        max-width: 100%;
    }

    .azone_slide_wrap .azone_tabs {
        display: none;
    }

    .azone_slide_wrap .on.azone_tabs {
        display: block;
    }

    .azone_slide_new a.azone_all {
        display: none;
    }

    .azone_slide_box .azone_attr_t {
        top: -38px;
        right: 0px;
        position: absolute;
    }

    .azone_slide_box .azone_attr_t > * {
        margin-top: -3px;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        margin-left: 1px;
    }

    .azone_slide_box .azone_attr_t > .ch_paging {
        line-height: 14px;
        margin-top: -8px;
        margin-right: 10px;
    }

    .azone_slide_box .azone_attr_t .azone_stop_t {
        width: 14px;
        height: 14px;
    }

    .azone_slide_box .azone_attr_t .azone_prev_t {
        width: 14px;
        height: 14px;
    }

    .azone_slide_box .azone_attr_t .azone_next_t {
        width: 14px;
        height: 14px;
    }

    .azone_slide_box .azone_attr_b {
        top: -42px;
        right: 0px;
        position: absolute;
    }

    .azone_slide_box .azone_attr_b > * {
        margin-top: -3px;
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
        margin-left: 1px;
    }

    .azone_slide_box .azone_attr_b > .ch_paging {
        line-height: 14px;
        margin-top: -8px;
        margin-right: 10px;
    }

    .azone_slide_box .azone_attr_b .azone_stop_b {
        width: 14px;
        height: 14px;
    }

    .azone_slide_box .azone_attr_b .azone_prev_b {
        width: 14px;
        height: 14px;
    }

    .azone_slide_box .azone_attr_b .azone_next_b {
        width: 14px;
        height: 14px;
    }

    .area3 .tit_area .main_h2 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 640px) {
    .mpnews-area {
    }
}

@media screen and (max-width: 580px) {
    .area3 .news_r_area {
        padding: 30px 10%;
    }
}

@media screen and (max-width: 520px) {
    .area3 .news_r_area {
        padding: 30px 20px;
    }

    #footer .f_bot .f_con_bot p {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    body.ast #header, body.ast #header .global_top, body.ast #header .global_bot, body.ast #header .allMenu, body.ast #header .toppop, body.ast #header .gnb, body.ast #header .gnb2, body.ast #container, body.ast #container .contents, body.ast #footer, body.ast #footer .f_top, body.ast #footer .f_bot {
        min-width: 100%;
    }
}


.slick-slide:focus{border:3px solid red;}
.tops_slide_box .tops_slide_attr .tops_slide_prev:focus{border:2px solid red;}
.tops_slide_box .tops_slide_attr .tops_slide_next:focus{border:2px solid red;}
.tops_slide_box .tops_slide_attr .tops_slide_stop:focus{border:2px solid red;}
.area1 .hello_area .hello_quick2 a:focus{border:2px solid red;}
.news_l_area ul li div div a:focus{border:2px solid red;}