@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Jost', sans-serif; */


* {padding: 0; margin: 0; font-family: 'Noto Sans KR', sans-serif; color: #333;}
ol, ul, li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; outline: none; color: #333;}
button {border: none; background-color: inherit; outline: none;}
p {margin: 0;}

body {
    background-color: #0076bd;
}

/* ----- font ----- */
/* ----- font ----- */
/* ----- font ----- */
.jost {
    font-family: 'Jost', sans-serif;
}


/* ----- BBS ----- */
/* ----- BBS ----- */
/* ----- BBS ----- */
.bbs-container-wrap {
	padding: 200px 0 0;
}
.bbs-container-wrap #container_title span {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
	color: #fff;
    font-size: 40px;
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 1.2em;
	margin: 0 0 50px;
}

.bbs-container {
	padding: 30px 0;
	background-color: #fff;
}


/* .cart-active */
/* .cart-active */
/* .cart-active */
.cart-active {
    padding-right: 349px;
}
.step-wrap.cart-active .step-wrap-inner .step {padding: 0 0 0 80px;}










/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
/* ----- tablet ----- */
@media (max-width: 1400px) {
	/* ----- BBS ----- */
	/* ----- BBS ----- */
	/* ----- BBS ----- */
	.bbs-container-wrap {padding: 150px 0 0;}
	.bbs-container-wrap #container_title span {
		font-size: 30px;
		margin: 0px 0 40px;
	}

	.cart-active {padding-right: 300px;}


	.step-wrap.cart-active .step-wrap-inner .step {padding: 0px 0 0 70px;}
}

@media (max-width: 992px) {
	/* ----- BBS ----- */
	/* ----- BBS ----- */
	/* ----- BBS ----- */
	.bbs-container-wrap {padding: 120px 0 0;}
	.bbs-container-wrap #container_title span {
		font-size: 25px;
		margin: 0px 0 35px;
	}






}


/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
/* ----- mobile ----- */
@media (max-width: 768px) {
	.container {padding: 0 30px;}


	/* ----- BBS ----- */
	/* ----- BBS ----- */
	/* ----- BBS ----- */
	.bbs-container-wrap {padding: 100px 0 0;}
	.bbs-container-wrap #container_title span {
		font-size: 23px;
		margin: 0px 0 30px;
	}

	.bbs-container {padding: 15px 0;}

	

	.cart-active {padding-right: 0px;}



}