.main_visual_wrap {padding-left: 303px;margin-bottom: 100px;}
.main_visual {position: relative;padding-right: 216px;}
.kv_img {position: relative;}
.main_link {position: absolute;right: 0;top: 0;}
.main_link a {display: flex;align-items: center;justify-content: center;height: 117px;font-size: 18px;color: #fff;font-weight: 500;width: 212px;border-radius: 5px;text-align: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.main_link .item {margin-bottom: 5px;}
.main_link .item3 {margin-bottom: 0;}
.main_link .item a {overflow: hidden;}
.main_link .item a span {position: relative;z-index: 2;transition: 0.6s cubic-bezier(0, 0, 0, 1);}
.main_link .item a:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transition: 0.6s cubic-bezier(0, 0, 0, 1);}
.main_link .item a:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transform: scale(0);visibility: hidden;transition: 0.6s cubic-bezier(0, 0, 0, 1);border-radius: 50px;}
.main_link .item a:hover span {transform: scale(0.97);}
.main_link .item a:hover:before {border-radius: 0;}
.main_link .item1 a:after {background-color: #5463e2;}
.main_link .item2 a:after {background-color: #589eed;}
.main_link .item3 a:after {background-color: #5eb4be;}

.main_link .item a:hover:before {transform: scale(1);visibility: visible;}
.main_link .item1 a:before {background-color: #6674e7;}
.main_link .item2 a:before {background-color: #68a5eb;}
.main_link .item3 a:before {background-color: #7cbcc3;}

.kv_back {background-size: cover;background-position: center center;height: 358px;}
.kv_text {z-index: 1;font-size: 34px;color: #fff;font-weight: 500;font-family: 'Gmarket Sans';line-height: 1.2;position: relative;position: absolute;right: 116px;top: 80px;letter-spacing: -0.5px;}
.kv_text strong {font-weight: 700;line-height: 1;font-weight: 600;font-family: 'Gmarket Sans';}
.kv_text span {line-height: 1;color: #ffea3b;font-weight: 600;font-family: 'Gmarket Sans';}
.kv_img .owl-carousel .owl-nav button.owl-prev,
.kv_img .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;margin-top: -27px;width: 34px;height: 55px;background-repeat: no-repeat;background-position: 0 0;}
.kv_img .owl-carousel .owl-nav button.owl-prev span,
.kv_img .owl-carousel .owl-nav button.owl-next span {display: none;}
.kv_img .owl-carousel .owl-nav button.owl-prev {background-image: url('../img/main/mv_prev.png');left: 20px;}
.kv_img .owl-carousel .owl-nav button.owl-next {background-image: url('../img/main/mv_next.png');right: 20px;}
.kv_img .owl-carousel .owl-stage-outer {border-radius: 7px;}
.seller_wrap {background-color: #f5f7fb;padding: 85px 0 100px 0;}
.m_tit {font-size: 40px;color: #111;font-weight: 700;margin-bottom: 45px;text-align: center;}


.cate_box {border: 1px solid #ddd;border-radius: 10px 10px 0 0;padding: 25px 35px;box-shadow: 0 0 7px rgb(0 0 0 / 10%);background-color: #fff;}
.cb_logo {border: 1px solid #ddd;border-radius: 10px;height: 96px;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;padding: 10px 5px;flex-direction: column;}
.cb_iname {font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.5px;margin-top: 1px;}
.cate_roll .owl-carousel .owl-item .cb_logo img {width: auto;max-height: 100%;}
.cb_cate {display: flex;align-items: center;margin-bottom: 25px;}
.cb_cate .cate {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;border: 1px solid #ddd;margin-right: 4px;flex-wrap: wrap;}
.cb_cate .cate:last-child {margin-right: 0;}
.cb_cate .cate:before {content: '';display: block;background-size: auto 22px;height: 22px;}
.cb_cate .cate.cate1:before {background-image: url('../img/main/m_ico1.png');width: 19px;}
.cb_cate .cate.cate2:before {background-image: url('../img/main/m_ico2.png');width: 15px;}
.cb_cate .cate.cate3:before {background-image: url('../img/main/m_ico3.png');width: 18px;}
.cb_cate .cate.cate4:before {background-image: url('../img/main/m_ico4.png');width: 21px;}
.cb_cate .cate.cate5:before {background-image: url('../img/main/m_ico5.png');width: 18px;}
.cb_cate .cate.cate6:before {background-image: url('../img/main/m_ico6.png');width: 21px;}
.cb_cate .cate.cate7:before {background-image: url('../img/main/m_ico7.png');width: 19px;}
.cb_cate .cate.cate8:before {background-image: url('../img/main/m_ico8.png');width: 15px;}

.cb_cnt {font-size: 16px;color: #666666;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 10px;}
.cb_cnt strong {font-size: 16px;color: #1f3aae;font-weight: 500;}
.cb_p_img {overflow: hidden;margin: 0 -10px;}
.cb_p_img .cb_item {padding: 0 10px;float: left;width: 50%;}
.cb_box {height: 140px;border: 1px solid #ddd;border-radius: 10px;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 10px;}
.cb_box a {display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cb_box a img {transition: all .5s ease;}
.cb_box a:hover img {transform: scale(1.1);}
.cate_roll .owl-carousel .owl-item .cb_box img {width: auto;max-height: 100%;max-width: 100%;}
.cate_box_btn {overflow: hidden;}
.cate_box_btn .cbb_cell {float: left;width: 50%;}
.cate_box_btn .cbb_cell a {display: flex;align-items: center;justify-content: center;height: 80px;font-size: 17px;color: #333333;font-weight: 400;text-align: center;letter-spacing: -0.5px;line-height: 1.2;position: relative;overflow: hidden;}
.cate_box_btn .cbb_cell a span {position: relative;z-index: 1;}
.cate_box_btn .cbb_cell a:hover {color: #fff;}

.cate_box_btn .cbb_cell a:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transform: scale(0);visibility: hidden;transition: 0.6s cubic-bezier(0, 0, 0, 1);}
.cate_box_btn .cbb_cell a:hover:before {background-color: #5463e2;transform: scale(1);visibility: visible;top: 0;}
.cate_box_btn .cbb_cell a:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transition: 0.6s cubic-bezier(0, 0, 0, 1);background-color: #e7ecfa;}

.cate_box_btn .cbb_l {border-right: 1px solid #ddd;}
.cate_box_btn .cbb_l a,
.cate_box_btn .cbb_l a:before,
.cate_box_btn .cbb_l a:after {border-radius: 0 0 0 20px;}
.cate_box_btn .cbb_r a,
.cate_box_btn .cbb_r a:before,
.cate_box_btn .cbb_r a:after {border-radius: 0 0 20px 0;}

.cate_roll .owl-carousel .owl-nav button.owl-prev,
.cate_roll .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;margin-top: -21px;width: 26px;height: 42px;}
.cate_roll .owl-carousel .owl-nav button.owl-prev span,
.cate_roll .owl-carousel .owl-nav button.owl-next span {display: none;}
.cate_roll .owl-carousel .owl-nav button.owl-prev {left: -50px;background-image: url('../img/main/r_prev.png');}
.cate_roll .owl-carousel .owl-nav button.owl-next {right: -50px;background-image: url('../img/main/r_next.png');}

.board_wrap {padding: 90px 0 0 0;}
.board_row {overflow: hidden;margin: 0 -15px;}
.board_row .col {float: left;padding: 0 15px;}
.board_row .col.col_video {width: 43.138%;}
.board_row .col.col_notice {width: 56.862%;}
.b_tit {font-size: 40px;color: #111111;font-weight: 700;margin-bottom: 30px;display: flex;align-items: center;}
.more {margin-left: 35px;font-size: 16px;color: #333333;font-weight: 400;display: flex;align-items: center;margin-top: 12px;}
.more:hover {color: #589eed;}
.more:after {content: '';display: block;width: 10px;height: 15px;background-image: url('../img/main/ico_more.png');background-position: 0 0;background-repeat: no-repeat;margin-left: 10px;}
.vod {height: 353px;background-image: url('../img/main/vod_img.png');background-position: 0 0;background-size: cover;background-repeat: no-repeat;position: relative;border-radius: 10px;}
.vod .play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.vod .time {width: 65px;height: 30px;background-color: rgb(0 0 0 / 50%);display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 400;position: absolute;right: 38px;bottom: 19px;border-radius: 10px;}
.notice_wrap {padding-left: 230px;position: relative;}
.notice_banner {position: absolute;left: 0;top: 0;padding-top: 80px;}
.notice_banner .nb_item a {width: 200px;height: 162px;border-radius: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 18px;color: #fff;font-weight: 500;text-align: center;}
.notice_banner .nb_item a img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.notice_banner .nb_item a:hover img {transform: scale(1.1);}
.nb_txt {margin-top: 5px;}
.notice_banner .nb_item.use {margin-bottom: 30px;}
.notice_banner .nb_item.use a {background-color: #5eb4be;}
.notice_banner .nb_item.about a {background-color: #589eed;}
.n_list li {overflow: hidden;display: flex;align-items: center;position: relative;padding-right: 100px;height: 70px;border-bottom: 1px solid #ddd;}
.n_list li .ntit a {padding-right: 45px;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;letter-spacing: -0.7px;}
.n_list li .ntit a:hover {color: #1f3aae;text-decoration: underline;}
.n_list li .ntit a .new {display: flex;align-items: center;justify-content: center;width: 40px;height: 22px;background-color: #e7ecfa;color: #1f3aae;font-size: 14px;font-weight: 400;border-radius: 5px;text-align: center;position: absolute;right: 0;top: 0;}
.n_list li .ndate {width: 90px;font-size: 14px;color: #666666;font-weight: 300;position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;}
.n_list li .ntit a {font-size: 18px;color: #333333;font-weight: 400;}
.n_list li .ntit .new {display: flex;align-items: center;justify-content: center;width: 40px;height: 22px;background-color: #e7ecfa;color: #1f3aae;font-size: 14px;font-weight: 400;border-radius: 5px;text-align: center;position: absolute;right: 0;top: 0;}


@media (max-width: 1619px) {
    .cate_roll .owl-carousel .owl-nav button.owl-prev {left: -35px;}
    .cate_roll .owl-carousel .owl-nav button.owl-next {right: -35px;}
}

@media (max-width: 1399px) {
    .kv_text {top: 110px;}
    .main_visual_wrap {margin-bottom: 50px;}
    .seller_wrap {padding: 40px 0 50px 0;}
    .m_tit {font-size: 30px;margin-bottom: 25px;}
    .cate_txt {font-size: 13px; height:50px;}
    .notice_banner .nb_item.use {margin-bottom: 15px;}
    .vod {height: 338px;}
    .notice_banner .nb_item a {width: 165px;}
    .notice_wrap {padding-left: 193px;}
    .b_tit {font-size: 30px;margin-bottom: 15px;}
    .notice_banner {padding-top: 52px;}
    .n_list li {height: 67px;}
    .board_wrap {padding: 45px 0 60px 0;}
}

@media (max-width: 1199px) {
    .kv_text {font-size: 25px;}
    .cate_roll .owl-carousel .owl-nav button.owl-prev {left: -15px;}
    .cate_roll .owl-carousel .owl-nav button.owl-next {right: -15px;}
    .main_visual_wrap {padding-left: 0;}
    .board_row {margin: 0 -10px;}
    .board_row .col {padding: 0 10px;}
    .notice_wrap {padding-left: 0;}
    .notice_banner {position: static;padding-top: 0;overflow: hidden;margin: 15px -5px 0 -5px;}
    .notice_banner .nb_item {float: left;width: 50%;padding: 0 5px;}
    .notice_banner .nb_item a {width: 100%;}
}

@media (max-width: 991px) {
    .main_link a {height: 80px;font-size: 16px;}
    .kv_back {height: 251px;}
    .kv_text {font-size: 20px;top: 85px;}
    .kv_img .owl-carousel .owl-nav button.owl-prev,
    .kv_img .owl-carousel .owl-nav button.owl-next {background-size: 17px auto;margin-top: -14px;width: 17px;height: 28px;}
    .m_tit {font-size: 23px;}
    .b_tit {font-size: 23px;}
    .board_row .col.col_video {width: 100%;margin-bottom: 30px;}
    .board_row .col.col_notice {width: 100%;}
    .more {margin-top: 5px;font-size: 13px;}
    .more:after {background-size: 7px auto;width: 7px;height: 11px;}
    .board_row .col.col_notice .b_tit {margin-bottom: 0;}
    .n_list li .ntit a {font-size: 17px;}
    .n_list li {height: 45px;}
    .cate_roll .owl-carousel .owl-nav button.owl-prev,
    .cate_roll .owl-carousel .owl-nav button.owl-next {background-size: 13px auto;width: 13px;height: 21px;margin-top: -10px;}
    .cb_logo {margin-bottom: 10px;}
    .cb_cate {margin-bottom: 10px;}
    .cb_p_img {margin: 0 -5px;}
    .cb_p_img .cb_item {padding: 0 5px;}
    .cb_box {height: 110px;}
    .cate_box_btn .cbb_cell a {font-size: 15px;height: 60px;}
    .cate_box {padding: 15px 20px;}
    .board_wrap {padding: 30px 0;}
}

@media (max-width: 767px) {    
    .main_visual {padding-right: 0;}
    .main_link {position: static;margin-top: 10px;overflow: hidden;margin-left: -5px;margin-right: -5px;}
    .main_link .item {margin-bottom: 0;float: left;width: 33.333333333%;padding-left: 5px;padding-right: 5px;}
    .main_link a {width: 100%;}
    .main_visual_wrap {margin-bottom: 25px;}
    .cb_iname {font-size: 15px;}
}

@media (max-width: 575px) {
    .kv_back {height: 200px;}
    .kv_text {font-size: 18px;top: 60px;right: 50px;}
    .kv_img .owl-carousel .owl-nav button.owl-prev {left: 5px;}
    .kv_img .owl-carousel .owl-nav button.owl-next {right: 5px;}
    .main_link a {height: 65px;font-size: 13px;}
    .main_link {margin-left: -2px;margin-right: -2px;}
    .main_link .item {padding-left: 2px;padding-right: 2px;}
    .m_tit {font-size: 18px;margin-bottom: 15px;}
    .seller_wrap {padding: 20px 0 25px 0;}
    
    .vod {height: 200px;}
    .vod .play img {width: 35px;}
    .n_list li .ntit a {font-size: 13px;}
    .n_list li .ntit a .new {font-size: 12px;width: 30px;height: 16px;}
    .n_list li {padding-right: 75px;}
    .n_list li .ndate {font-size: 12px;width: 70px;}
    .notice_banner .nb_item.use img {width: 38px;}
    .notice_banner .nb_item.about img {width: 57px;}
    .notice_banner .nb_item a {font-size: 15px;height: 110px;}
}