@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

html, html body {display:flex;width:100%;min-height:100%;}

.ver_pc {display:block;}
.ver_mo {display:none;}

.wrap{
	position:relative;
	display: flex;flex-direction: column;gap: 50px;
	width:100%;min-width:1280px;height: 100%;
	background: #f7f7f7 url("../images/bg_pc.jpg") no-repeat left top;
	background-size:cover;
	padding: 40px 90px 90px;
}

.wrap .logo_set {margin-left: -50px;}
.wrap .logo_set a {
	display:block;width:92px;aspect-ratio: 92/49;
	background-color: #36384F;
	-webkit-mask: url("../images/logo.png") no-repeat left top;
	-webkit-mask-size: contain;
}

.wrap .title {font-family: "Noto Sans KR", sans-serif;color: #36384F;font-size: 41px;font-weight: 900;line-height: 140%;letter-spacing: -0.04em;margin-top: 10px;}
.wrap .sub_title {color: #35374F;font-size: 17px;font-weight: 500;line-height: 160%;}
.wrap .txt_desc {position: relative;color: #FF6565;font-size: 14px;font-weight: 300;line-height: 140%;padding-left: 15px;margin: 17px 0 0;}
.wrap .txt_desc::before {content:'';position: absolute;left: 0;top: 6px;z-index: 1;width: 6px;aspect-ratio: 6/7;background: url('data:image/svg+xml,<svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.22376 6.28391L2.27693 4.05531L0.377072 5.23004L0 4.55324L1.97238 3.49937L0 2.44551L0.377072 1.76871L2.27693 2.94344L2.22376 0.714844H2.9924L2.93439 2.94344L4.83425 1.76871L5.21133 2.44551L3.24378 3.49937L5.21133 4.55324L4.83425 5.23004L2.93439 4.05531L2.9924 6.28391H2.22376Z" fill="%23FF6565"/></svg>') no-repeat center center;background-size: contain;}

.wrap .size_set {}
.wrap .size_set .size_tit {position: relative;color: #36384F;font-size: 18px;font-weight: 700;line-height: 22px;padding-left: 42px;margin-bottom: 13px;}
.wrap .size_set .size_tit::before {content:'';position: absolute;left: 0;top: 50%;z-index: 1;width: 22px;height: 2px;background: #36384F;transform: translateY(-50%);}

.wrap .size_set .size_table {width: 312px;background: #fff;border: 1px solid #36384F;border-radius: 10px;border-collapse: separate;}
.wrap .size_set .size_table thead {}
.wrap .size_set .size_table th {color: #36384F;font-size: 16px;font-weight: 400;line-height: 120%;text-align: center;padding: 6px 25px;border-bottom: 1px solid #D7D7DC;opacity: 0.5;}
.wrap .size_set .size_table td {color: #36384F;font-size: 16px;font-weight: 400;line-height: 120%;text-align: center;padding: 10px 0;}

.wrap .btn_set {display: block;margin: 34px 0 0;}
.wrap .btn_set .btn_cta {display: inline-block;width: 297px;height: auto;background: #36384F;padding: 23px 28px 21px;margin: 0;}
.wrap .btn_set .btn_cta span {display: block;font-family: "Noto Sans KR", sans-serif;color: #fff;font-size: 18px;font-weight: 500;line-height: 140%;}
.wrap .btn_set .btn_cta span:nth-child(1) {margin-bottom: 3px;}
.wrap .btn_set .btn_cta span:nth-child(2) {font-size: 27px;font-weight: 900;letter-spacing: -0.02em;background: url('data:image/svg+xml,<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.69727 2L10.5006 10.8034L1.69727 19.6068" stroke="white" stroke-width="4"/></svg>') no-repeat right center;background-size: auto 20px;}


@media (max-height: 900px) {
	.wrap {gap: 10px;justify-content: space-between;}
}

@media all and (max-width:750px){
	html {font-size: calc((10 / 750) * 100vw);}
	.wrap {min-width:100%;}
	.ver_pc {display:none;}
	.ver_mo {display:block;}

	.wrap {display: block;height: auto;background: #F7F7F7 url("../images/bg_mo.jpg") no-repeat right top;background-size: 100% auto;padding: 4.8rem 4.8rem 14rem;}

	.wrap .logo_set {margin: 0;}
	.wrap .logo_set a {width: 14rem;}

	.wrap .title {font-size: 4.4rem;margin: 17rem 0 4rem;}
	.wrap .sub_title {font-size: 2.8rem;line-height: 160%;font-weight: 300;}
	.wrap .txt_desc {font-size: 2.8rem;line-height: 140%;letter-spacing: -0.04em;padding-left: 3rem;margin: 3rem 0 0;}
	.wrap .txt_desc::before {top: 1.2rem;width: 1.2rem;}

	.wrap .size_set {margin: 5.6rem 0 0;}
	.wrap .size_set .size_tit {display: flex;font-size: 2.8rem;line-height: 160%;letter-spacing: -0.04em;padding-left: 0;margin-bottom: 3rem;}
	.wrap .size_set .size_tit::before {content: none;}

	.wrap .size_set .size_table {width: 100%;border: 0.2rem solid #36384F;border-radius: 2rem;}
	.wrap .size_set .size_table th {font-size: 3.3rem;line-height: 120%;padding: 1.4rem 5rem;}
	.wrap .size_set .size_table td {font-size: 3.3rem;line-height: 120%;padding: 1.9rem 0;}

	.wrap .btn_set {margin: 7.5rem 0 0;}
	.wrap .btn_set .btn_cta {width: 100%;padding: 4.6rem 6.2rem 4.2rem;background: #36384F url('data:image/svg+xml,<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.69727 2L10.5006 10.8034L1.69727 19.6068" stroke="white" stroke-width="4"/></svg>') no-repeat right 6rem center;background-size: auto 4rem;}
	.wrap .btn_set .btn_cta span {font-size: 3.6rem;}
	.wrap .btn_set .btn_cta span:nth-child(1) {margin-bottom: 0.6rem;}
	.wrap .btn_set .btn_cta span:nth-child(2) {font-size: 5.4rem;background: unset;}

}