@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

:root {
  color-scheme: light only;
}

*{
	margin:0;
	padding:0; 
	box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
}
html, body{
	height:100%;
}
ul, li, ol{
	list-style: none;
}
.having-event, input[type=checkbox]{
    cursor:pointer
}
details>summary {
	list-style: none;
	cursor:pointer;
}
details summary::-webkit-details-marker {
    display: none;
}
a{
	display:block; 
	width:100%; 
	height:100%;
	text-decoration: none;
	color:#484848;
}
select, input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], -webkit-datetime-edit{
	padding:0 15px;
	border-radius: 6px;
	border: solid 1px #e0e0e0;
	background-color: #fff;
	color: #aeaeae;
	letter-spacing: -1.12px;
	font-size: 18px;
	font-weight: 500;
	height:48px;
	line-height:48px;
	vertical-align: middle;
}
input[readonly]{
	background:#f7f8f9;
}
::placeholder{
	letter-spacing: -1.12px;
	text-align: left;
	color: #aeaeae;
	font-weight: 500;
	font-size: 18px;
	font-family: 'Noto Sans KR', sans-serif;
	color:#e6e6e6;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.styled-file-button{
	width:100%; 
	border-radius: 6px;
	display:block;
	height:48px;
	font-weight: 500;
	color:#484848;
	background: #f7f8f9;
	text-align: center;
	line-height: 48px;
	letter-spacing: -0.64px;
	font-size: 16px;
}
.styled-file-button:after{
	content:'';
}
button, button[disabled="false"], a[download], button a{
    text-align:center;
    display:block;
    width:100%;
    height:100%;
    line-height: 48px;
	background-color:#006dc7;
	color:#fff;
	border:none;
	border-radius: 6px;
	letter-spacing: -1.12px;
	font-size: 16px;
	font-weight: 500;
	height:48px;
	cursor:pointer;
}
button[disabled="true"]{
    background-color: #f7f8f9;
    color: #aeaeae;
}
button a .button-arrow{
	width:8px; 
	margin-left:8px;
	vertical-align: middle;
}
textarea{
	width:100%;
	display:block;
	border-radius: 6px;
	border: solid 1px #e0e0e0;
	padding: 12px 15px;
	resize: none;
	font-size:18px;
}
.spoqa-font{
	font-family: 'Spoqa Han Sans Neo', 'sans-serif'; 
}

.float-clear:after{
	display:block; 
	content:'';
	clear:both;
}

.mobile-ver{
	display:block;
}
.web-ver{
	display:none;
}

.error-page-body{
    width:100%;
    height:100%;
    overflow:hidden;
}
/*header*/
.main__header{
    position: fixed;
    width:100%;
    height:70px;
    transition:0.2s ease-in;
    z-index: 9;
    top:0;
    left:0;
}
.main__header .mobile-ver{
	z-index:9;
	color:#fff;
	height:100%;
	background-color:#000;
  	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.main__header .mobile-ver .main__header-bba-bi{
    width:116px;
    height: 50px;
    position:absolute;
    top:10px;
    left:15px;
    background-image:url('https://bbacdn.black-box.co.kr/img/home/bba-bi.png');
    background-size:100%;
}

.main__header .mobile-ver .main__header-top-menu-icon {
	position: absolute;
	width:70px;
	height:70px;
	top:0px;
	right:0px;
}
.main__header .mobile-ver .main__header-top-menu-icon .main__header-button{
    width:32px;
    height:32px;
    margin:18px auto;
    background-image:url('https://bbacdn.black-box.co.kr/img/home/white-menu.png');
    background-size:100% 100%;
    display:block;
}

.main__header .mobile-ver .main__menu-wrapper .main__menu-closer-background{
	display:none;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box{
	z-index:2;
	transition:0.2s ease-out;
	position: fixed;
	width:314px;
	height:100%;
	top:0;
	right:-314px;
	background:#fff;
	color:#484848;
}
#open-main-menu-wrapper{
	display:none;
	position: fixed;
	z-index:3;
}
#open-main-menu-wrapper:checked + .main__menu-wrapper .main__menu-closer-background{
	position: fixed;
	top:0;
	left:0;
	z-index:2;
	display:block;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.2;
}
#open-main-menu-wrapper:checked + .main__menu-wrapper .main__menu-box{
	right:0px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl{
	display:flex;
	height:70px;
	line-height: 70px;
	padding:0 15px;
	border-bottom:1px solid #e0e0e0;
}

.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl dt{
	vertical-align: middle;
	font-size: 20px;
	letter-spacing:-1.4px;
	font-weight: 500;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl dd{
	margin-left:auto;
	display:flex;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl dd span{
	font-size: 15px;
	color: #7f7f7f;
	letter-spacing: -1.05px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl dd label{
	vertical-align: middle;
	margin-left:20px;
	margin-top:2px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box dl dd label img{
	width:20px;
	height:20px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box .main__menu{
	padding:15px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box .main__menu li{
	letter-spacing: -1.26px;
	font-size: 18px;
	line-height: 66px;
	border-bottom:1px solid #e0e0e0;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box .main__sub-menu{
	margin-top:10px;
	padding:15px;
}
.main__header .mobile-ver .main__menu-wrapper .main__menu-box .main__sub-menu li,
.main__header .mobile-ver .main__menu-wrapper .main__menu-box .main__sub-menu label{
	margin-bottom:12px;
	color: #7f7f7f;
	font-size: 15px;
	letter-spacing: -1.05px;
    color: #484848;
}
/*스크롤 내릴 시 화이트 버전 - 모바일*/
.main__header .main__header-normal{
    transition:0.2s;
}
.main__header.white .main__header-normal{
    background-color:#fff;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid rgba(0,0,0,0.3);
}
.main__header.white .mobile-ver .main__header-bba-bi{
    background-image:url('https://bbacdn.black-box.co.kr/img/home/bba-bi-black.png');
}
.main__header.white .mobile-ver label .main__header-button{
    background-image:url('https://bbacdn.black-box.co.kr/img/home/black-menu.png');
}

/*다크모드 헤더
@media (prefers-color-scheme: dark) {
    .main__header .mobile-ver .main__header-bba-bi {
        background-image:url('https://bbacdn.black-box.co.kr/img/home/bba-black.png');
    }
}*/

.top-img{
	position: relative;
	background-color:#000;
}
.top-img img{
	width:100%;
	max-width:375px;
	margin:0 auto;
}
.top-img div{
	position: absolute;
	top:130px;
	color:#fff;
	width:346px;
	left:50%; 
	transform: translateX(-50%);
}
.top-img div h1{
	font-size: 38px;
 	letter-spacing: -2.66px;
	text-align: center;
}
.top-img div p{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: -0.96px;
	margin-top:8px;
}
.top-img div p span{
	display:block;
}

/*error page top img*/
.top-img-wrapper{
    background-color:#000;
    width:100%;
    height:346px;
}
.error-page-body .top-img{
    display:none;
}
.error-page-body .top-img.active{
    display:block;
}

/*footer*/

footer{
	padding:60px 15px;
	background:#212121;
}

footer .main__footer-wrapper{
    position:relative;
}
footer .main__footer-links a{
	line-height: 1.6;
	letter-spacing: -0.16px;
	font-weight: 500;
	color:#fff;
	opacity:0.6;
	display:inline;
	cursor:pointer;
}
footer .main__footer-links span{
	height:11px;
	color:#fff;
	opacity:0.6;
	border-left:1px solid rgba(255,255,255,0.6);
	display:inline-block;
	margin:-2px 2px 0;
	vertical-align:middle;

}
footer .main__footer-links a.page-on{
	opacity:1;
}
footer .main__footer-company-info{
	margin-top:26px;
	color:#fff;
	opacity:0.5;
	font-size: 15px;
	line-height: 1.71;
	letter-spacing: -0.15px;
}

footer .main__footer-copyright{
	line-height: 1.6;
	letter-spacing: -0.16px;
	opacity:0.5;
	color:#fff;
	margin-top:26px;
}
footer .bba-bi.web-ver{
    position:absolute;
    right:0;
    width:146px;
}
footer .bba-bi.mobile-ver{
    width:116px;
    margin-bottom:20px;
}

/*푸터 약관*/
.footer__term{
    width:100%;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,0.2);
    top:0;
    left:0;
    display:none;
    z-index:999;
}
.footer__term.active{
    display:block;
}
.footer__term .footer__term-closer{
    width:24px;
    height:24px;
    position:absolute;
    top:28px;
    right:2px;
}
.footer__term .footer__term-detail{
    max-width:800px;
    width:calc(100% - 24px);
    height:calc(100% - 178px);
    position:absolute;
    top:136px;
    left:50%;
    transform:translate(-50%, 0);
    border-radius:12px;
    padding:0 0 28px 20px;
    background:#fff;
    overflow:hidden;
}
.footer__term .footer__term-top{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%);
    width:calc(100% - 40px);
    padding:20px 0;
    background:#fff;
    border-bottom:1px solid #aeaeae;
}
.footer__term .footer__term-bottom-cover{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    height:120px;
    background: linear-gradient(transparent -30%, #fff 66%);
    z-index:2;
}
.footer__term .footer__term-top .footer__term-title{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1.96px;
    text-align: left;
    color: #000;
    text-align:center;
}
.footer__term .footer__term-detail .footer__term-detail-inner{
    height:100%;
    overflow-y:scroll;
    padding:80px 20px 100px 0;
}
.footer__term .footer__term-detail .footer__term-detail-inner h3{
    margin-top:20px;
}
.footer__term .footer__term-detail .footer__term-detail-inner h3 + p{
    margin-top:10px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.83px;
    color: #000;
}
.footer__term .footer__term-detail .footer__term-detail-inner img{
    width:100%;
    max-width:320px;
    margin:10px auto;
}
.footer__term .footer__term-detail .footer__term-detail-inner dl{
    margin-top:10px;
}
.footer__term .footer__term-detail .footer__term-detail-inner dl dt{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.83px;
    color: #000;
}
.footer__term .footer__term-detail .footer__term-detail-inner dl dd{
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.83px;
    text-align: left;
    color: #000;
}
.footer__term .footer__term-detail .footer__term-detail-inner ul li{
    margin-top:10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.67px;
    color: #000;
}
.footer__term .footer__term-detail .footer__term-detail-inner ul li div{
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.67px;
    color: #000;
    font-weight:normal;
    margin-top:10px;
}
.table-align-center{text-align:center;}
.footer__term-detail-inner table{max-width:800px;width:100%;font-size:12px;margin:12px 0 12px 0;border-collapse: collapse;}
.footer__term-detail-inner table + h3{margin-top:30px;}
.footer__term-detail-inner table th{background:#eee;}
.footer__term-detail-inner table th, .footer__term-detail-inner table td{padding:4px; border:1px solid #484848;}
.footer__term-detail-inner table .min-width-36{ min-width:36px;}
.footer__term-detail-inner table .min-width-70{min-width:70px;}
.footer__term-detail-inner table .min-width-86{min-width:86px;}
.footer__term-detail-inner table .min-width-100{min-width:100px;}
.footer__term-detail-inner table td {word-break: break-all;  border:1px solid #484848;}
.footer__term-detail-inner .table-wrapper{display:flex; gap:0;flex-direction:column; margin:20px 0 10px 0;}
.footer__term-detail-inner .table-wrapper table{ margin:4px 0;}

/*error page footer*/
.error-page-body footer{
    padding-top:100px;
    height:100%;
}
/*layer-alert*/
.layer-alert{
    width:100%;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,0.2);
    top:0;
    left:0;
    display:none;
    z-index:999;
}
.layer-alert.error-page{
    background:rgba(0,0,0,0.5);
}
.layer-alert.active{
    display:block;
}
.layer-alert .layer-alert__wrapper{
    max-width:456px;
    width:calc(100% - 30px);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.layer-alert .layer-alert__wrapper h1{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1.68px;
    text-align: center;
    color: #000;
    margin-top:48px;
}

.layer-alert .layer-alert__wrapper .layer-alert__messages{
    margin-top:12px;
    font-size: 18px;
    letter-spacing: -1.26px;
    text-align: center;
    color: #000;
    padding:0 14px;
    min-height:78px;
}
.layer-alert .layer-alert__wrapper .layer-alert__messages span{
    display:block;
}
.layer-alert .layer-alert__wrapper .layer-alert__buttons{
    margin-top:46px;
    display:flex;
    height:56px;
}
.layer-alert .layer-alert__wrapper button{
    width:100%;
    height:56px;
    background-color: #006dc7;
    color:#fff;
    border-radius:0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1.12px;
}
.layer-alert .layer-alert__wrapper .layer-alert__buttons .layer-alert__cancel{
    color: #484848;
    background-color: #f7f8f9;
    display:none;
}
.layer-alert .layer-alert__wrapper .layer-alert__buttons .layer-alert__cancel.active{
    display:block;
}
/*해지 팝업창*/
.layer-alert.delete-account{
    position:static;
    display:block;
    background:#fff;
    opacity:1;
    padding:60px 15px 30px;
}
.layer-alert.delete-account .layer-alert__big-title{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2.24px;
    text-align: left;
    color: #056dc7;
}
.layer-alert.delete-account .layer-alert__wrapper{
    width:100%;
    max-width:600px;
    position:static;
    transform:translate(0%, 0%);
    border-radius:0;
}
.layer-alert.delete-account h1{
    margin-top:20px;
}
.layer-alert.delete-account h1,
.layer-alert.delete-account *{
    text-align: left;
}
.layer-alert.delete-account p.top-red-messages{
    color:#ff0000;
}
.layer-alert.delete-account p.top-red-messages span{
    color:#ff0000;
    display:inline;
}
.layer-alert.delete-account p.top-description{
    padding-bottom:30px;
    border-bottom:solid 1px #d7d7d7;
}
.layer-alert.delete-account .bottom-description{
    border-top:1px solid #d7d7d7;
    margin-top:30px;
}
.layer-alert.delete-account .bottom-description dt{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.88px;
    color: #000;
    margin-top:30px;
}
.layer-alert.delete-account .bottom-description dd{
    font-size: 18px;
    margin-top:12px;
    line-height: 1.6;
    letter-spacing: -1.08px;
    color: #000;
}
.layer-alert.delete-account .layer-alert__buttons{
    display:flex;
    flex-direction:column;
    height:auto;
    gap:12px;
}
.layer-alert.delete-account .layer-alert__buttons button{
    text-align:center;
    border-radius:6px;
}
.layer-alert.delete-account .layer-alert__wrapper .layer-alert__buttons .layer-alert__cancel{
    display:block;
}
.layer-alert.delete-account .layer-alert__wrapper .layer-alert__buttons button.inactive{
    display:none;
}
.layer-alert.delete-account .layer-alert__messages{
    margin-top:40px;
    padding:0;
}
.layer-alert.delete-account .bridge__message{
    margin-top:20px;
}
/*time-layer-alert*/
.time-layer-alert{
    width:100%;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,0.2);
    top:0;
    left:0;
    display:block;
    z-index:999;
}
.time-layer-alert.error-page{
    background:rgba(0,0,0,0.5);
}
.time-layer-alert.active{
    display:block;
}
.time-layer-alert .time-layer-alert__wrapper{
    max-width:456px;
    width:calc(100% - 30px);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.time-layer-alert .time-layer-alert__wrapper h1{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1.68px;
    text-align: center;
    color: #000;
    margin-top:48px;
}

.time-layer-alert .time-layer-alert__wrapper .time-layer-alert__messages{
    margin-top:12px;
    font-size: 18px;
    letter-spacing: -1.26px;
    text-align: center;
    color: #000;
    padding:0 14px;
    min-height:78px;
}
.time-layer-alert .time-layer-alert__wrapper .time-layer-alert__messages span{
    display:block;
}
.time-layer-alert .time-layer-alert__wrapper .time-layer-alert__buttons{
    margin-top:46px;
    display:flex;
    height:56px;
}
.time-layer-alert .time-layer-alert__wrapper button{
    width:100%;
    height:56px;
    background-color: #006dc7;
    color:#fff;
    border-radius:0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1.12px;
}
.time-layer-alert .time-layer-alert__wrapper .time-layer-alert__buttons .time-layer-alert__cancel{
    color: #484848;
    background-color: #f7f8f9;
    display:none;
}
.time-layer-alert .time-layer-alert__wrapper .time-layer-alert__buttons .time-layer-alert__cancel.active{
    display:block;
}
/*해지 팝업창*/
.time-layer-alert.delete-account{
    position:static;
    display:block;
    background:#fff;
    opacity:1;
    padding:60px 15px 30px;
}
.time-layer-alert.delete-account .time-layer-alert__big-title{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2.24px;
    text-align: left;
    color: #056dc7;
}
.time-layer-alert.delete-account .time-layer-alert__wrapper{
    width:100%;
    max-width:600px;
    position:static;
    transform:translate(0%, 0%);
    border-radius:0;
}
.time-layer-alert.delete-account h1{
    margin-top:20px;
}
.time-layer-alert.delete-account h1,
.time-layer-alert.delete-account *{
    text-align: left;
}
.time-layer-alert.delete-account p.top-red-messages{
    color:#ff0000;
}
.time-layer-alert.delete-account p.top-red-messages span{
    color:#ff0000;
    display:inline;
}
.time-layer-alert.delete-account p.top-description{
    padding-bottom:30px;
    border-bottom:solid 1px #d7d7d7;
}
.time-layer-alert.delete-account .bottom-description{
    border-top:1px solid #d7d7d7;
    margin-top:30px;
}
.time-layer-alert.delete-account .bottom-description dt{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.88px;
    color: #000;
    margin-top:30px;
}
.time-layer-alert.delete-account .bottom-description dd{
    font-size: 18px;
    margin-top:12px;
    line-height: 1.6;
    letter-spacing: -1.08px;
    color: #000;
}
.time-layer-alert.delete-account .time-layer-alert__buttons{
    display:flex;
    flex-direction:column;
    height:auto;
    gap:12px;
}
.time-layer-alert.delete-account .time-layer-alert__buttons button{
    text-align:center;
    border-radius:6px;
}
.time-layer-alert.delete-account .time-layer-alert__wrapper .time-layer-alert__buttons .time-layer-alert__cancel{
    display:block;
}
.time-layer-alert.delete-account .time-layer-alert__wrapper .time-layer-alert__buttons button.inactive{
    display:none;
}
.time-layer-alert.delete-account .time-layer-alert__messages{
    margin-top:40px;
    padding:0;
}
.time-layer-alert.delete-account .bridge__message{
    margin-top:20px;
}

.bridge__additional-message {
    border-top:1px solid #d7d7d7;
    margin-top:30px;
}

.bridge__additional-message h1{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1.68px;
    color: #000;
}
.bridge__additional-message p{
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -1.26px;
    margin-top:12px;
}
.bridge__additional-message-2{
    margin-top:40px;
}
.bridge__additional-message-2 p{
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -1.26px;
    margin-top:12px;
}
.bridge__additional-message-2 .bottom-red-messages{
    border-top:1px solid #d7d7d7;
    margin-top:30px;
    padding-top:30px;
}
.bridge__additional-message-2 .bottom-red-messages span{
    color:#ff0000;
}

/*로딩 애니메이션*/
.loading-animation{
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed;
    z-index:10;
    background-color:rgba(0,0,0,0.2);
}
.loading-animation.active{
    display:block;
}
.loading-animation .loading-animation__box{
    width:calc(100% - 30px);
    height:250px;
    max-width:400px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -125px);
    background:#fff;
    border-radius:12px;
}
.loading-animation .loading-animation__box h2{
    font-size: 24px;
    margin-top:36px;
    font-weight: bold;
    letter-spacing: -1.68px;
    text-align:center;
    color: #000;
}
.loading-animation .loading-animation__box p{
    margin-top:12px;
    text-align:center;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -1.26px;
    text-align: center;
    color: #000;
}

.loading-animation .loading-animation__box .loading-animation__lottie-player-wrapper{
    position:absolute;
    top:80px;
    width:300px;
    height:168px;
    left:50%;
    transform:translateX(-50%);
}
.loading-animation .loading-animation__box .lottiePlayerWrapper lottie-player{
    width:100%;
    height:100%;
}
/*로딩 애니메이션 끝*/


@media (min-width:500px) {
    .layer-alert.delete-account{
        padding:60px 40px 30px;
    }
    .layer-alert.delete-account .layer-alert__big-title{
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -3.36px;
        text-align: left;
        color: #056dc7;
    }
    .layer-alert.delete-account .layer-alert__buttons{
        flex-direction:row;
        gap:12px;
    }
    .footer__term-detail-inner .table-wrapper{flex-direction:row; gap:10px;}
    .footer__term-detail-inner .table-wrapper table{width:50%;}
}
@media (min-width:640px) {
    .footer__term .footer__term-detail .footer__term-detail-inner img{
        max-width:100%;
    }
    .footer__term-detail img.web-ver{
        display:block;
    }
    .footer__term-detail img.mobile-ver{
        display:none;
    }
    .footer__term-detail-inner table{font-size:16px;}
}
@media (min-width:1240px) {
	/*header*/
	.mobile-ver{
		display:none;
	}
	.web-ver{
		display:block;
	}
	button, button[disabled="false"], a[download], button a{
	    height:56px;
	    line-height: 56px;
        font-size: 18px;
	}
	button a .button-arrow{
		width:10px; 
		display:inline-block;
		margin-top:-2px;
	}
    /*header*/
    .main__header {
        width:100%;
        height:100px;
        z-index:9;
        background:rgba(0,0,0,0.3);
        border-bottom: solid 1px rgba(255,255,255,0.3);
    }
    .main__header .web-ver{
        width:100%;
        max-width:1240px;
        margin:0 auto;
        display:flex;
        justify-content: space-between;
    }
    .main__header .web-ver .main__header-bba-bi{
        width:134px;
        height: 56px;
        margin-top:20px;
        background-image:url('https://bbacdn.black-box.co.kr/img/home/bba-bi.png');
        background-size:100%;
        cursor:pointer;
    }
    .main__header .web-ver .main__menu{
        display:flex;
        gap:30px;
    }
    .main__header .web-ver .main__menu li{
        height:100px;
        line-height: 100px;
        font-size: 20px;
        letter-spacing: -1.4px;
        color: #fff;
        opacity:0.7;
    }
    .main__header .web-ver .main__menu li.page-on{
        opacity:1;
        border-bottom:3px solid #fff;
    }
    .main__header .web-ver .main__menu li a{
        color:#fff;
        font-weight: 400;
    }
    .main__header .web-ver .main__menu li:hover{
        opacity:1;
        border-bottom:3px solid #fff;
    }
    .main__header .web-ver .main__sub-menu{
        /*padding:40px 0;*/
        display:flex;
        gap:15px;
        align-items: center;
    }
    .main__header .web-ver .main__sub-menu li{
        opacity: 0.5;
        font-size: 15px;
        letter-spacing: -1.05px;
        color: #fff;
    }
    .main__header .web-ver .main__sub-menu li a{
        color:#fff;
        font-weight: 400;
    }
    .main__header .web-ver .main__sub-menu li .web-delete-account{
        cursor:pointer;
    }
    /*스크롤 내릴 시 화이트 버전 */
    .main__header.white{
        background:#fff;
        border-bottom:1px solid rgba(0,0,0,0.3);
    }
    .main__header.white .web-ver .main__header-bba-bi{
        background-image:url('https://bbacdn.black-box.co.kr/img/home/bba-bi-black.png');
    }
    .main__header.white .web-ver ul li a{
        color:#000;
    }
    .main__header.white .web-ver .main__menu li.page-on{
        border-bottom:3px solid #056dc7;
    }
    .main__header.white .web-ver .main__menu li.page-on a{
        color:#056dc7;
    }
    .main__header.white .web-ver .main__menu li:hover{
        border-bottom:3px solid #056dc7;
    }
    .main__header.white .web-ver .main__menu li:hover a{
        color:#056dc7;
    }
    .main__header.white .web-ver .main__sub-menu li#delete-account {
         opacity: 0.5;
         color: #000;
         font-weight:400;
    }
	.top-img{
		height:500px;
		overflow: hidden;
		position: relative;
	}
	.top-img img{
		max-width:1920px;
		width:1920px;
		margin:0 auto;
		position: absolute;
		left:50%;
		transform:translate(-50%);
	}
	.top-img div{
		top:220px;
		width:100%;
	}
	.top-img div h1{
		font-size: 60px;
		letter-spacing: -4.2px;
	}
	.top-img div p{
		width:624px;
		font-size: 20px;
		line-height: 1.6;
		letter-spacing: -1px;
		margin:20px auto;
		font-weight: 400;
	}
	.top-img div p span{
		display:inline;
	}
	/*error page top img*/
	.top-img-wrapper{
        background-color:#000;
        width:100%;
        height:500px;
    }

	select, input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], -webkit-datetime-edit{
		height:56px;
		line-height:56px;
		font-size: 18px;
		letter-spacing: -0.72px;
	}
	.styled-file-button{
		height:56px;
		line-height: 56px;
		font-size: 18px;
		letter-spacing: -0.72px;
	}
	/*footer*/
	.main__footer-wrapper{
        width:100%;
        max-width:1140px;
        margin:0 auto;
    }
    .main__footer-wrapper .bba-bi{
        cursor:pointer;
    }
    /*푸터 약관*/
    .footer__term{
        width:100%;
        height:100%;
        position:fixed;
        background:rgba(0,0,0,0.2);
        top:0;
        left:0;
        display:none;
        z-index:999;
    }
    .footer__term.active{
        display:block;
    }
    .footer__term .footer__term-closer{
        width:40px;
        height:40px;
        position:absolute;
        top:54px;
        right:2px;
    }
    .footer__term .footer__term-detail{
        max-width:800px;
        width:calc(100% - 24px);
        height:calc(100% - 178px);
        position:absolute;
        top:136px;
        left:50%;
        transform:translate(-50%, 0);
        border-radius:12px;
        padding:0 0 40px 40px;
        background:#fff;
        overflow:hidden;
    }
    .footer__term .footer__term-top{
        position:absolute;
        top:0;
        left:50%;
        transform:translate(-50%);
        width:calc(100% - 80px);
        padding:40px 0;
        background:#fff;
        border-bottom:1px solid #aeaeae;
    }
    .footer__term .footer__term-top .footer__term-title{
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -1.96px;
        text-align: left;
        color: #000;
        text-align:center;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner{
        height:100%;
        width:calc(100% + 20px);
        overflow-y:scroll;
        padding:170px 60px 120px 0;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner h3{
        margin-top:20px;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner h3 + p{
        margin-top:10px;
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: -0.83px;
        color: #000;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner img{
        width:100%;
        margin-top:10px;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner dl{
        margin-top:10px;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner dl dt{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: -0.83px;
        color: #000;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner dl dd{
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: -0.83px;
        text-align: left;
        color: #000;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner ul li{
        margin-top:10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: -0.67px;
        color: #000;
    }
    .footer__term .footer__term-detail .footer__term-detail-inner ul li div{
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: -0.67px;
        color: #000;
        font-weight:normal;
        margin-top:10px;
    }
    /*서비스 해지*/
    .layer-alert.delete-account .layer-alert__buttons{
        flex-direction:row;
    }
    .layer-alert.delete-account p.top-description{
        padding-bottom:30px;
        border-bottom:solid 1px #d7d7d7;
    }
    .layer-alert.delete-account .bottom-description{
        border-top:1px solid #d7d7d7;
        margin-top:30px;
    }
    .layer-alert.delete-account .bottom-description dt{
        margin-top:30px;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1.68px;
        color: #000;
    }
    .layer-alert.delete-account .bottom-description dd{
        margin-top:12px;
    }
}

.main__coupon-page{
text-align:center;
display:block;
}