@charset "UTF-8";
@import url(https://font.imbc.com/mbcnew/mbcnew.css);
@import url(https://font.imbc.com/noto/noto.css);

/* reset */
*, *::before, *::after {box-sizing: border-box;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, select, option {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'mbcnew-light', AppleSDGothic, apple sd gothic neo, noto sans korean, noto sans korean regular, noto sans cjk kr, noto sans cjk, nanum gothic, malgun gothic, dotum, arial, helvetica, MS Gothic, sans-serif; font-weight:400; color: #000; letter-spacing:-1px; line-height:1;} 
*::placeholder, *::before, *::after {font-family: 'mbcnew-light', AppleSDGothic, apple sd gothic neo, noto sans korean, noto sans korean regular, noto sans cjk kr, noto sans cjk, nanum gothic, malgun gothic, dotum, arial, helvetica, MS Gothic, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} 
body {overflow-y: scroll; position: relative; min-width: 1524px; min-height: 100vh; background: #0d0d0d; line-height: 1;} 
ol, ul, li {list-style:none;}
button {border: none;}
blockquote, q {quotes: none;} 
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content:none;} 
table {border-collapse: collapse; border-spacing: 0;} 
input {margin: 0; padding: 0;} 
label, button, select {cursor: pointer; background: none;} 
a {text-decoration:none; outline-offset:-2px;} 
a img{vertical-align: bottom;}

/* accessibility */
#accessibility {position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; text-align: left;} 
#accessibility a {display: block; position: absolute; top: -1000px; left: 0; z-index: 500; width: 100%; text-align: center; outline-offset:-1px;} 
#accessibility a:focus, #accessibility a:active {position: absolute; top: 0; z-index: 1000; height: 40px; background: #000; font: bold 12px dotum; color: #fff; line-height: 40px;} 

/* ellipsis */
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.ellipsis2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word; -webkit-line-clamp: 2;} 
.ellipsis3 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word; -webkit-line-clamp: 3;} 

/* blind */
.blind {display: block; overflow: hidden; position: absolute; left: -9999px; width: 0; height: 0; line-height: 0; font-size: 1px; color: transparent;} 

/* layout */
#container {margin-top: -70px;}
#container.sub {padding-top: 70px; background: #1a1a1a;}
#container.sub section {padding: 80px 0 100px;}
#container.sub section.bg-0d {background: #0d0d0d;}
.wrap {position: relative; width: 1440px; margin: 0 auto;}

/* header */
header {position: sticky !important; top: 0; left: 0; z-index: 999; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.85);}
header::before {content: ''; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; backdrop-filter: blur(15px);}
header .wrap {display: flex; align-items: center; height: 70px;}
header .top-menu {font-size: 0;}
header .top-menu .menu-btn {position: relative; width: 22px; height: 10px; background: url(../images/ico_menu.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
header .top-menu .menu-btn::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 40px; height: 40px; border-radius: 50%;}
header .top-menu.on .menu-btn::before, header .top-menu:hover .menu-btn::before {background-color: rgba(255, 255, 255, .15);}
header .top-menu .list {position: absolute; left: -10px; display: none; margin-top: 22px; padding: 24px 32px 32px 24px; border-radius: 8px; background: rgba(255, 255, 255, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(15px);}
header .top-menu.on .list {display: flex;}
header .top-menu .list .left {margin-right: 40px;}
header .top-menu .list>ul>li {margin-bottom: 20px;}
header .top-menu .list .left li:last-of-type {margin-bottom: 0;}
header .top-menu .list ul li a, header .top-menu .list ul li span {color: #fff; font-family: 'mbcnew-medium'; font-size: 16px; letter-spacing: -.8px;}
header .top-menu .list ul li a:hover {text-decoration: underline;}
header .top-menu .list ul.lnb {margin-top: 16px;}
header .top-menu .list ul.lnb li a {opacity: .7; font-family: 'mbcnew-light'; font-size: 14px; letter-spacing: -.7px;}
header .top-menu .list ul.lnb li:not(:last-of-type) {margin-bottom: 12px;}
header .top-logo {margin-left: 24px;}
header .top-logo h1 {position: relative; width: 163px; height: 16px; background: url(../images/img_logo.svg);}
header .top-logo a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; font-size: 1px;}
header .top-search {position: relative; margin-left: 37px;}
header .search-bx {display: none; align-items: center; width: 708px; height: 48px; background: rgba(255, 255, 255, .15); border-radius: 100px;}
header .search-bx.on {display: flex;}
header .search-bx .left {margin-left: 16px;}
header .search-bx .left .img-toggle-btn {width: 28px; height: 28px; background: url(../images/ico_search_img_off.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
header .search-bx .left .img-toggle-btn.on {background: url(../images/ico_search_img_on.svg) no-repeat center/cover;}
header .search-bx .center {display: flex; justify-content: space-between; align-items: center; margin-left: 10px; width: 529px; height: 28px;}
header .search-bx .center input[type="text"] {width: 100%; height: 100%; background-color: inherit; border: none; outline: none; color: #fff; font-family: 'mbcnew-light'; font-size: 14px;}
header .search-bx .center input[type="text"]:-webkit-autofill, header .search-bx .center input[type="text"]:-webkit-autofill:hover, header .search-bx .center input[type="text"]:-webkit-autofill:focus {-webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset; transition: background-color 9999s ease-in-out 0s;}
header .search-bx .center input[type="text"]::placeholder {color: #fff; opacity: .5;}
header .search-bx.type-img input[type="text"] {display: none;}
header .search-bx.type-img input[type="text"].on {display: block;}
header .search-bx .center .thumb-wrap {display: none; width: 100%; height: 36px;}
header .search-bx .center .thumb-wrap.on {display: block;}
header .search-bx .center .thumb-wrap .thumb {overflow: hidden; position: relative; width: 64px; height: 36px; border-radius: 4px;}
header .search-bx .center .thumb-wrap .thumb::after {content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
header .search-bx .center .thumb-wrap .thumb img {width: 100%; height: 100%}
header .search-bx .center .thumb-wrap .thumb .delete-btn {position: absolute; right: 5px; top: 5px; z-index: 2; width: 12px; height: 12px; background: url(../images/ico_delete.svg) no-repeat center/cover;}
header .search-bx .right {display: flex; align-items: center; margin-left: auto; margin-right: 20px; height: 28px;}
header .search-bx .right .upload {margin-right: 14px;}
header .search-bx .right .upload label {opacity: .4; display: block; width: 18px; height: 18px; background: url(../images/ico_search_upload.svg) no-repeat center/cover; font-size: 1px; text-indent: -9999px;}
header .search-bx .right .upload input[type="file"] {overflow: hidden; position: absolute; width: 0; height: 0; padding: 0; border: 0;}
header .search-bx .right .upload input[type="file"]:focus-visible + label {outline: -webkit-focus-ring-color auto 1px;}
header .search-bx .right .info {position: relative; margin-right: 15px;}
header .search-bx .right .info-btn {opacity: .4; display: block; width: 20px; height: 20px; background: url(../images/ico_search_info.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
header .search-bx .right .info-msg {position: absolute; top: 24px; right: -20px; display: none; padding: 24px; min-width: 358px; border-radius: 8px; border: 1px solid #d2d2d2; background: #fff; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
header .search-bx .right .info-msg::before {content: ''; position: absolute; top: -9px; right: 21px; width: 16px; height: 16px; border-radius: 1px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fff; transform: rotate(45deg); border-top-left-radius: 4px;}
header .search-bx .right .info-msg h4 {margin-bottom: 14px; font-family: 'mbcnew-bold';}
header .search-bx .right .info-msg p {margin-bottom: 5px; font-size: 13px; line-height: 1.4;}
header .search-bx .right .info-msg span.fc-p {font-family: 'mbcnew-bold'; color: #6706D3;}
header .search-bx .right .info-msg span.fw-b {font-family: 'mbcnew-bold';}
header .search-bx .right .info-msg .sub li {position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 13px; line-height: 1.4;}
header .search-bx .right .info-msg .sub li::before {content: '-'; position: absolute; left: 0px; top: 1px; margin-right: 1px;}
header .search-bx .right .info-msg.on {display: block;}
header .search-bx .right .info-msg span.ico-img {display: inline-block; margin-top: -1px; margin-left: 1px; width: 14px; height: 14px; background: url(../images/ico_info_img.svg) no-repeat center; background-size: 13px 13px; vertical-align: middle;}
header .search-bx .right .info-msg label.ico-upload {display: inline-block; margin-top: -2px; width: 14px; height: 14px; background: url(../images/ico_info_upload.svg) no-repeat center; background-size: 12px 13px; vertical-align: middle; font-size: 1px; text-indent: -9999px;}
header .search-bx .right .info-msg input[type="file"] {overflow: hidden; position: absolute; width: 0; height: 0; padding: 0; border: 0;}
header .search-bx .right .info-msg input[type="file"]:focus-visible + label {outline: -webkit-focus-ring-color auto 1px;}
header .search-bx .right .info-msg .sample {display: flex; margin-top: 10px;}
header .search-bx .right .info-msg .sample li {overflow: hidden; width: 71px; height: 40px; border-radius: 4px; background: #d2d2d2;}
header .search-bx .right .info-msg .sample li:not(:last-of-type) {margin-right: 8px;}
header .search-bx .right .info-msg .sample li button {width: 100%; height: 100%;}
header .search-bx .right .info-msg .sample li button img {width: 100%; height: 100%; object-fit: cover;}
header .search-bx .right .search-btn {position: relative; margin-left: 14px; width: 18px; height: 18px; background: url(../images/ico_search_btn.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
header .search-bx .right .search-btn::before {content: ''; position: absolute; top: 50%; left: -16px; transform: translateY(-50%); width: 1px; height: 28px; background: rgba(255, 255, 255, .15);}
header .user-menu {position: relative; display: flex; align-items: center; margin-left: auto;}
header .user-menu .menu-list {position: relative; display: flex;}
header .user-menu .menu-list>li {position: relative; z-index: 2; padding: 0 12px;}
header .user-menu .menu-list>li:last-of-type {padding: 0 0 0 12px;}
header .user-menu .menu-list>li:not(:last-of-type)::after {content: ''; position: absolute; display: block; top: 50%; right: 0px; transform: translateY(-50%); width: 1px; height: 11px; background: rgba(255, 255, 255, 0.4);}
header .user-menu .menu-list>li a {position: relative; z-index: 3; font-family: 'mbcnew-medium'; font-size: 14px; color: #fff; opacity: .9; letter-spacing: -.7px; line-height: 20px; cursor:pointer;}
header .user-menu .menu-list li.drop:hover .sub-list, header .user-menu .menu-list li.drop:focus-within .sub-list, header .user-menu .menu-list li.drop:focus .sub-list {display: block;}
header .user-menu .menu-list li .sub-list {position: absolute; top: -12px; left: 0; z-index: 1; display: none; padding: 38px 12px 14px; width: 99px; border-radius: 4px; background: rgba(255, 255, 255, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(15px);}
header .user-menu .menu-list li .sub-list li:not(:last-of-type) {margin-bottom: 6px;}
header .user-menu .menu-list li .sub-list a {font-family: 'mbcnew-light';}
header .user-menu .menu-list li .sub-list li:hover a {text-decoration: underline;}
header .user-menu select {margin-left: 32px; padding-left: 9px; width: 70px; height: 30px; background: url(../images/img_select_bg.svg) no-repeat center/cover; color: #fff; font-size: 13px; letter-spacing: -0.65px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
header.main {background: linear-gradient(180deg, #000 0%, rgba(13, 13, 13, 0.00) 100%);}
header.main::before {display: none;}
header.main .top-search {display: none;}

/* footer */
footer {padding: 40px 0 80px; background: #0d0d0d; border-top: 1px solid #262626;}
footer .wrap {display: flex; justify-content: space-between;}
footer .left .footer-nav {margin-bottom: 24px;}
footer .left .footer-nav li {display: inline-block;}
footer .left .footer-nav li a {position: relative; color: #b4b4b4; font-size: 16px; line-height: 18px;}
footer .left .footer-nav li:not(:last-of-type) a {margin-right: 25px;}
footer .left .footer-nav li:not(:last-of-type) a::before {content: ''; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); width: 1px; height: 12px; background: rgba(255, 255, 255, .3);}
footer .left .copyright {color: #fff; font-size: 14px; letter-spacing: -.7px;}
footer .right .footer-sns {margin-bottom: 24px;}
footer .right .footer-sns .sns-youtube {margin-left: auto; width: 25.713px; height: 18px; aspect-ratio: 25.71/18.00; background: url(../images/ico_sns_youtube.svg) no-repeat center/cover; font-size: 1px; text-indent: -9999px;}
footer .right .footer-sns .sns-youtube a {display: block; width: 100%; height: 100%;}
footer .right .email, footer .right .email a {color: #b4b4b4; font-size: 14px; line-height: -.7px;}
footer .fixed {position: fixed; bottom: 24px; right: 24px;}
footer .fixed button {display: none; width: 42px; height: 42px; background: url(../images/ico_top.svg) no-repeat center/cover; font-size: 1px; text-indent: -9999px;}

/* sub-tit */
.sub-tit {position: relative; display: flex; align-items: center; width: 1440px; margin: 0 auto 40px;}
.sub-tit h2 {color: #fff; font-family: 'mbcnew-bold'; font-size: 30px; letter-spacing: -1.5px;}