.container * {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}
.wrap {
    width: 100%;
}
.container {
    width: 100%;
    margin: 0 auto;
}
.title {
    margin: 120px 0 0 0;
    color: #000;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.96px;
}
.title .highlight {
    color: #0097DC;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.96px;
}
.m_block {
	display: none;
}
.m_none {
	display: block;
}
.m_image {
	display: none;
}
/* first-item start */
.first-item {
    width: 100%;
    height: 456px;
    background: linear-gradient(90deg, #0097DC 30.29%, rgba(66, 179, 231, 0.84) 84.62%, rgba(102, 194, 237, 0.75) 98.08%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
}
.header_image {
    width: 376px;
    height: 360px;
    background: url("../images/2025/header_image.svg") no-repeat;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.m_header_image {
	display: none;
    width: 376px;
    height: 360px;
    background: url("../images/2025/header_image.svg") no-repeat;
}
.header_content {
    color: #fff;
}
.header_sub {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 30px 0 10px 0;
}
.header_title {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 50px 0;
}
.header_buttons {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.btn_primary {
    display: flex;
    padding: 18px 46px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: #0097DC;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.44px;
}
.btn_outline {
    display: flex;
    padding: 18px 46px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: #FFF;
    color: #0097DC;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.44px;
}
/* first-item end */

/* second-item start */
.second-item {
    width: 100%;
    display: flex;
    justify-content: center;
}
.second-container {
    display: flex;
    width: 1202px;
    padding-bottom: 140.288px;
    flex-direction: column;
    align-items: center;
}
.product_api_item_left {
    margin: 64px 160px 0 0;
    display: flex;
    width: 1036px;
    padding: 32px 100px 32px 80px;
    align-items: center;
    gap: 70px;
    border-radius: 20px;
    background: linear-gradient(270deg, #E2F4FF 0%, #CCEDFF 100%);
}
.product_api_item_right {
    margin: 64px 0 0 160px;
    display: flex;
    width: 1036px;
    padding: 32px 100px 32px 80px;
    align-items: center;
    gap: 70px;
    border-radius: 20px;
    background: linear-gradient(270deg, #E2F4FF 0%, #CCEDFF 100%);
}
.product_api_image {
    width: 300px;
    height: 296px;
    flex-shrink: 0;
    aspect-ratio: 75/74;
    background: url("../images/2025/product_api_image.svg") no-repeat;
}
.product_image {
    width: 300px;
    height: 296px;
    flex-shrink: 0;
    aspect-ratio: 75/74;
    background: url("../images/2025/product_image.svg") no-repeat;
}
.inventory_api_image {
    width: 300px;
    height: 296px;
    flex-shrink: 0;
    aspect-ratio: 75/74;
    background: url("../images/2025/inventory_api_image.svg") no-repeat;
}

.product_api_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.product_api_sub {
    align-self: stretch;
    color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -1.53px;
}
.product_api_title {
    align-self: stretch;
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.81px;
}
.product_api_buttons {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.second_buttons {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: var(--Background-Background-4, #FFF);
    color: var(--Text-on-accent-2, #506349);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.72px;
}
/* second-item end */

/* third-item start */
.third-item {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 962px;
    background: #FAFAFA;
}
.third-container {
    display: flex;
    width: 1202px;
    padding-bottom: 140.288px;
    flex-direction: column;
    align-items: center;
}
.third_image {
	margin: 100px 20px 0 0;
    width: 976px;
    height: 166px;
    aspect-ratio: 488/83;
    background: url("../images/2025/third_image.svg") no-repeat;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.third_image_top {
	margin: 0 auto;
    width: 77%;
	aspect-ratio: 152/59;
    background: url("../images/2025/third_image_top.svg") no-repeat;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.third_image_bottom {
	margin: 22px 0 0 13px;
    width: 85%;
	aspect-ratio: 171/59;
    background: url("../images/2025/third_image_bottom.svg") no-repeat;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.third_text_wrap {
	display: flex;
	justify-content: space-around;
	width: 976px;
}
.third_text_item {
	display: flex;
	width: 200px;
	padding: 24px 0;
	flex-direction: column;
	align-items: center;
	gap: 27px;
}
.third_title {
	color: #000;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 145%;
	letter-spacing: -0.48px;
	align-self: stretch;
}
.third_button_wrap {
	gap: 4px;
	border-radius: 8px;
	border: 1px solid #506349;
	background: var(--Background-Background-4, #FFF);
}
.third_buttons {
	display: flex;
	padding: 16px 20px;
	justify-content: center;
	align-items: center;

	color: #506349;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.72px;
}
.third_detail {
	color: rgba(0, 0, 0, 0.55);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: -0.09px;
}
.third_notice_wrap {
	margin: 50px 0 0 0;
	display: flex;
	width: 1017px;
	padding: 24px 30px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
}
.notice_title {
	display: flex;
	width: 228px;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 0;
	color: #595959;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 145%;
	letter-spacing: -0.32px;
}
.notice_text {
	color: rgba(0, 0, 0, 0.45);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.08px;
}
/* third-item end */

/* fourth-item start */
.fourth-item {
    width: 100%;
    display: flex;
    justify-content: center;
	height: 1107px;
	background: #E7F6FF;
}
.fourth-container {
}
.fourth-background {
	width: 1238px;
	height: 387px;
	border-radius: 193.5px;
	opacity: 0.4;
	background: linear-gradient(90deg, #CCEDFF 0%, rgba(0, 151, 220, 0.50) 100%);
}
.fourth_in_content {
	display: flex;
	align-items: center;
	justify-content: center;
}
.in_item {
	display: flex;
	width: 362px;
	padding: 23px 0 20px 0;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 6px 12px 0 rgba(0, 0, 0, 0.03);
}
.fourth-wrapper
{
    position: relative;
    width: 1238px;
    height: 360px;
    margin: 70px 0 0 0;
}

.fourth-background
{
    position: absolute;
    inset: 0;
    z-index: 0;
}

.fourth_in_content
{
    position: relative;
    z-index: 1;
    height: 100%;
}
.in_text_wrap {
	display: flex;
	width: 362.667px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.in_text1 {
	color: rgba(0, 0, 0, 0.80);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 145%;
	letter-spacing: -0.48px;
}
.in_text1 .blue {
	color: #0097DC;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 145%;
	letter-spacing: -0.48px;
}
.in_text2 {
	color: #000;
	text-align: center;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.17px;
}
.in_text2 .grey {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.11px;
}
.in_text3 {
	width: 314.667px;
	color: rgba(0, 0, 0, 0.55);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.36px;
	padding: 12px 0 0 0;
}
.plus_icon {
	margin: 0 15px 0 15px;
	width: 85px;
	height: 85px;
	aspect-ratio: 1/1;
	fill: #FFF;
    background: url("../images/2025/plus_icon.svg") no-repeat;
}
.add_fee_wrap {
	margin: 0 auto;
	position: relative;
	z-index:1;
	display: flex;
	width: 841px;
	padding-top: 19px;
	flex-direction: column;
	justify-content: center;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 6px 12px 0 rgba(0, 0, 0, 0.03);
}
.top_item {
	display: flex;
	padding: 24px 50px;
	align-items: flex-start;
	gap: 32px;
	border-bottom: 1px solid #E3E3E3;
}
.top_item .left_text_wrap {
	display: flex;
	width: 228px;
	height: 123px;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
.left_text1 {
	align-self: stretch;
	color: rgba(0, 0, 0, 0.80);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 145%;
	letter-spacing: -0.48px;
}
.left_text2 {
	color: #000;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.17px;
}
.left_text2 .grey {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.11px;
}
.top_item .right_text_wrap {
	display: flex;
    height: 123px;
    flex-direction: column;
    justify-content: center;
}
.right_text1 {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.44px;
}
.bottom_item {
	display: flex;
	padding: 10px 50px;
	align-items: flex-start;
	gap: 32px;
	height:138px;
}
.bottom_item .left_text_wrap {
	display: flex;
	width: 228px;
	height: 75px;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
.bottom_item .right_text_wrap {
	display: flex;
    height: 95px;
    flex-direction: column;
    justify-content: center;
}
.left_text3 {
	color: #595959;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 145%;
	letter-spacing: -0.44px;
}
.right_text2 {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.44px;
}
.right_text2 .bold_600 {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.44px;
}
.right_text2 .bold_700 {
	color: rgba(0, 0, 0, 0.55);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.44px;
}
/* fourth-item end */

/* fifth-item start */
.fifth-item {
    width: 100%;
    display: flex;
    justify-content: center;
}
.fifth-container {
    width: 1265px;
}
/* fifth-item end */

/* sixth-item start */
.sixth-item {
	width:100%;
	display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #0097DC 0%, rgba(102, 194, 237, 0.75) 98.08%);
}
.sixth-container {
	display: flex;
	width: 1050px;
    height: 306px;
	justify-content: space-between;
    align-items: center;
}
.sixth_left_wrap .left_text {
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.sixth_right_buttons {
	display: inline-flex;
    border-radius: 12px;
    border: 2px solid #0097DC;
    background: #FFF;
}
.sixth_right_buttons .right_buttons {
	display: flex;
    padding: 20px 52px;
    align-items: center;
    justify-content: center;
    color: #0097DC;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.48px;
    text-decoration: none;
}
/* sixth-item end */

/* ----------------------------------------------------------------*/

@media (max-width: 768px)
{
    .container,
    .wrap
    {
        width: 100%;
        overflow-x: hidden;
    }

	#headerWrap {
		display:none !important;
	}

    .title
    {
        margin: 60px 0 0 0;
        font-size: clamp(32px, 6vw, 36px);
        line-height: 130%;
        text-align: center;
    }

    .title .highlight
    {
        font-size: inherit;
    }

	.m_none {
		display: none;
	}
	.m_block {
		display: block;
	}
    .first-item
    {
		flex-direction: column;
        height: auto;
        padding: 80px 20px 40px;
        gap: 40px;
        text-align: center;
    }

	.header_image {
		display: none;
	}

    .m_header_image
    {
		margin: 0 auto;
		display: block;
        width: 240px;
        height: 230px;
        background-size: contain;
        background-position: center;
    }

    .header_sub
    {
        font-size: clamp(14px, 3.5vw, 18px);
        padding: 0 0 12px 0;
    }

    .header_title
    {
        font-size: clamp(28px, 6.5vw, 40px);
        line-height: 130%;
        padding-bottom: 32px;
    }

    .header_buttons
    {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .btn_primary,
    .btn_outline
    {
        width: 65%;
        font-size: 18px;
        padding: 16px 0;
		margin: 20px 0 0 0;
    }

    .second-container
    {
        width: 100%;
        padding: 0 20px 80px;
    }

    .product_api_item_left,
    .product_api_item_right
    {
        flex-direction: column;
        width: 100%;
        margin: 32px 0 0 0;
        padding: 32px 20px;
        gap: 24px;
        text-align: center;
    }

    .product_api_image,
    .product_image,
    .inventory_api_image
    {
        width: 180px;
        height: 180px;
        background-size: contain;
        background-position: center;
    }

    .product_api_content
    {
        align-items: center;
    }

    .product_api_sub
    {
        font-size: clamp(22px, 5vw, 28px);
    }

    .product_api_title
    {
        font-size: 15px;
        line-height: 160%;
    }

    .second_buttons
    {
		width: 60%;
        margin: 0 auto;
    }

    .third-item
    {
        height: auto;
        padding-bottom: 80px;
    }

    .third-container
    {
        width: 100%;
        padding: 0 20px;
    }

    .third_image
    {
        display: none;
    }

	.thild_modile {
		margin: 30px 0 0 0;
		width: 100%;
	}

    .third_text_wrap
    {
		margin: 0 auto;
        width: 90%;
        gap: 0;
    }

    .third_text_item
    {
        width: 100%;
		gap: 18px;
    }

    .third_title
    {
        font-size: 18px;
    }

    .third_detail
    {
        font-size: 14px;
    }

	.third_notice_wrap {
		margin: 20px 0 0 0;
		width:100%;
	}

	.notice_title {
		font-size: 14px;
	}

	.notice_text {
		font-size: 11px;
	}

    .fourth-item
    {
        height: auto;
        padding-bottom: 80px;
    }

    .fourth-wrapper
    {
        width: 100%;
        height: auto;
        margin: 40px 0 0 0;
    }

    .fourth-background
    {
        display: none;
    }

    .fourth_in_content
    {
        flex-direction: row;
        gap: 20px;
    }

    .in_item
    {
        width: 100%;
		max-width: 176px;
        max-height: 176px;
    }
	.in_text_wrap {
		width: 100%;
	}

	.in_text1
	{
		font-size: clamp(18px, 3.5vw, 18px);
		line-height: 145%;
	}

	.in_text1 .blue
	{
		font-size: inherit;
	}

	.in_text2
	{
		font-size: clamp(22px, 4.5vw, 22px);
		line-height: 140%;
	}

	.in_text2 .grey
	{
		font-size: clamp(14px, 3vw, 14px);
	}

	.in_text3
	{
		width: 130%;
        font-size: clamp(11px, 3vw, 11px);
		line-height: 150%;
	}

    .plus_icon
    {
        display: none;
    }

    .add_fee_wrap
    {
        width: 100%;
        margin-top: 20px;
    }

    .top_item,
    .bottom_item
    {
        flex-direction: row;
        gap: 16px;
    }

	.top_item {
		padding: 10px 0 15px 14px;
		max-height: 108px;
	}

	.bottom_item {
		padding: 10px 0 30px 14px;
        max-height: 75px;
	}

	.bottom_item .left_text_wrap {
		width: 26% !important;
        height: 100% !important;
	}

	.bottom_item .right_text_wrap {
		padding: 10px 0 0 0;
		width: 100% !important;
        height: 100% !important;	
	}
	.fourth-container {
		max-width: 350px;
	}

	.top_item .left_text_wrap{
		width: 50% !important;
		height: 100% !important;
	}
	.top_item .right_text_wrap {
		padding: 33px 0 0 5px;
		width: 100% !important;
        height: 100% !important;
	}


	.left_text1
	{
		font-size: clamp(16px, 3.5vw, 18px);
		line-height: 145%;
	}

	.left_text2
	{
		font-size: clamp(22px, 4.5vw, 26px);
		line-height: 140%;
	}

	.left_text2 .grey
	{
		font-size: clamp(13px, 3vw, 15px);
	}

	.right_text1
	{
		font-size: 11px;
		line-height: 150%;
	}

	.right_text2 {
		font-size: 11px !important;
        line-height: 150%;
	}

	.left_text3
	{
		font-size: clamp(15px, 3.5vw, 17px);
		line-height: 145%;
	}

	.right_text2
	{
		font-size: clamp(13px, 3vw, 15px);
		line-height: 150%;
	}

	.right_text2 .bold_600
	{
		font-size: inherit;
		font-weight: 600;
	}

	.right_text2 .bold_700
	{
		font-size: inherit;
		font-weight: 700;
	}

    .sixth-container
    {
        flex-direction: column;
        height: auto;
        padding: 40px 20px;
        gap: 32px;
        text-align: center;
    }

    .sixth_left_wrap .left_text
    {
		font-size: clamp(18px, 4vw, 34px);
        line-height: 130%;
    }

	.sixth_right_buttons {
		gap: 12px;
		border-radius: 8px;
		border: 2px solid #0097DC;
	}

    .sixth_right_buttons .right_buttons
    {
		padding: 14px 20px;
        justify-content: center;
        font-size: 14px;
    }
}