﻿@charset "utf-8";
/* CSS Document */

/* 변수 */
:root {
	/* 트랜지션 */
	--transition: 0.3s ease-out;
	/* 패딩,마진 */
	--sec_pd: 8rem;
	/* 모서리 곡률 */
	--br_01: 0.5rem;
	--br_02: 0.8rem;	
	--br_03: 1.5rem;	
	--br_c: 50rem;
	/* 컬러 */
	--point: #710dcf;
	--blue_01: #2e99f8;
	--blue_01_hover: #1c74c2;
	--blue_02: #1a5ac3;
	--blue_02_hover: #11459a;
	--white: #ffffff;
	/*--pink: #de0079;
	--pink: #ff6633;*/
	--pink: #ff6633;
	--light_pink: #FFC352;	/*--light_pink: #E850A3;*/
	/*--navy: #003970;*/	
	--navy: #00D87D;
	--dark_navy: #00B7B9;
	--light_navy: #56EFAE;
	/*--light_navy: #145797;*/
	--green: #3f8576;
	--light_gray: #f7f7f7;
	--light_green: #edfbe3;
	--light_greenbg: #e4f2ef;
	--light_yellow: #FDFFED;
	--sky: #60C6FF;
	--light_sky: #f4f7fc;
	--slate_gray: #636e8a;
	--slate_gray_hover: #45506c;
	--border_color: #e0e0e0;
	--op_white: 1px solid rgba(255,255,255,.15);
	--op_black: 1px solid rgba(0,0,0,0.15);
	--Formgradient: linear-gradient(164deg, var(--navy) 30%, var(--point));
	--gradient: linear-gradient(135deg, var(--light_pink), var(--pink));
	--gradientB: linear-gradient(135deg, var(--pink) 30%, var(--light_pink) 110%);
	--gradientCir: radial-gradient( #450080, var(--point));
	--gradient_02: linear-gradient(to right bottom, #e4f2ef 35%, #D1E5E1 120%);
	/* 폰트 */
	--base-font-size: 1rem;
	--base-gap: 4px;
	--border_g: 1px solid #dfdfdf;
	--op_white: 1px solid rgba(255,255,255,	.15);
	--op_black: 1px solid rgba(0,0,0,0.15);
}
.upper_dot{
	text-emphasis: dot;
	text-emphasis-color: currentColor;
}
/*보더색상*/
.border_w { border: var(--op_white); }
.border_b { border: var(--op_black); }
.border_g { border: var(--border_g); }
.border_point { border:  1px solid var(--point); }
.border_white { border:  1px solid var(--white); }
/* Wrap */
.wrap { width: 100%; max-width: 1380px; margin: 0 auto; word-break: keep-all; }

/* PC, 모바일 표시 */
.p_ver { display: inline-block!important; }
.p_ver9{ display: none!important; }/*모바일에서 보임*/
.m_ver { display: none!important; }/*모바일에서 보임*/
/*키워드숨김*/
.keywordhide{overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

.btn{border-radius: var(--br_c); min-width: fit-content; padding: 1rem 2.5rem; color: #fff; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; position: relative;line-height: 1!important;}
/* 버튼 스타일 01 */
.btn_style_01 { transition: var(--transition); }
.btn_style_01 .btn_txt { transform: translateX(15px); font-size: 1.2em; font-weight: 600; transition-duration: 0.3s;   }
.btn_style_01 .iconer { transform: translateY(50px); transition-duration: 0.3s; display: inline-flex!important; align-items: center; justify-content: center; font-weight: 400; font-size: 1.35em; }
.btn_style_01:hover .btn_txt { transform: translateX(0px); }
.btn_style_01:hover .iconer { transform: translateY(0%); }


/* 버튼 스타일 02 */
.btn_style_02{ background-image: var(--gradient); transition: all 0.05s ease-out;}

.btn_style_02:hover {background-image: var(--gradientB); }


.btn_wide {  background-image: var(--gradient); transition: all 0.3s ease-in-out; cursor: pointer; text-decoration: none; }

	.inner_btn { display: flex; align-items: center; justify-content: center; position: relative; /*gap: 10px;*/    transition: all 0.3s ease-in-out;}
	.btn_text {	transform: translateX(5px); transition: transform 0.3s ease-in-out; }
		.inner_btn .icon { opacity: 0; transform: translateX(-15px); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}

.btn_wide:hover { background-image: var(--gradientB); box-shadow:0 0 5px 2px rgba(255,255,255,0.3), 0 0 20px 5px rgba(255,255,255,0.3)}
	.btn_wide:hover .btn_text { transform: translateX(-10px); }
	.btn_wide:hover .icon { opacity: 1; transform: translateX(0); }


.btn_down {	display: flex;	gap: 10px;	align-items: center;	width: fit-content;	height: 50px;	padding: 0 1.25rem;	border-radius: 500rem;	border: none;	overflow: hidden;	background-color: var(--slate_gray);	color: #fff !important;	transition: var(--transition);	font-size: 1.1em;	font-weight: 600;}

/* 폼 스타일 01 */
.form_style_01 .fieldset_label { font-weight: 700; transition: var(--transition); }
.form_style_01 .fieldset_label sup { color: var(--slate_gray); font-size: 0.9em; font-weight: 500; margin-left: 0.5rem; opacity: 0.7;}
.form_style_01 .fieldset_label sup.red { color: var(--red); }
.form_style_01 input[type="text"], .form_style_01 input[type="number"], .form_style_01 input[type="password"], .form_style_01 input[type="tel"], .form_style_01 select { border: solid 1px #ddd; border-radius: var(--br_01); height: 56px; padding: 0 1rem; font-size: 1em; transition: var(--transition); }
/*.form_style_01 [id$="fieldset"]:focus-within .fieldset_label { color: var(--blue_01); }*/
.form_style_01 [id$="fieldset"]:focus-within input[type="text"], 
.form_style_01 [id$="fieldset"]:focus-within input[type="password"], 
.form_style_01 [id$="fieldset"]:focus-within input[type="tel"], 
.form_style_01 [id$="fieldset"]:focus-within input[type="number"], 
.form_style_01 [id$="fieldset"]:focus-within select { border: solid 1px var(--blue_01); }

/* 라디오 셀렉트 */
.radio_button_group { display: flex; justify-content: space-between; }
.radio_button_group .radio_input { display: none; }
.radio_button_group label { display: inline-flex; align-items: center; justify-content: center; border: solid 1px #ddd; flex: 1; margin-right: 2%; box-sizing: border-box; font-weight: 600; transition: var(--transition); color: #888; border-radius: var(--br_01); height: 56px; }
	.radio_button_group label:last-child { margin-right: 0; }
.radio_button_group .radio_input:checked + .radio_label { border: solid 1px var(--blue_01); background-color: rgba(15,115,233,0.1); color: var(--blue_01); }
.radio_button_group label.disabled { background-color: rgba(0,0,0,0.05)!important; color: #888888!important; cursor: not-allowed; }

/* 테이블 스타일 01 */
.table_style_01 { border-bottom: 1px solid var(--border_color); width: 100%; }
.table_style_01 tr { border-top: 1px solid var(--border_color); }
.table_style_01 tr:first-of-type { border-top: 1px solid #111!important; }
.table_style_01 th { background-color: #f8f8f8; font-weight: bold; }
.table_style_01 th, .table_style_01 td { padding: 1rem; text-align: center; }

/* 체크박스 */
.checkbox_ctr { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; user-select: none; height: 25px; }
.checkbox_ctr * { box-sizing: content-box; webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; }
.checkbox_ctr input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox_ctr .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 4px; transition: background-color 0.3s; transform: scale(0.9); transform-origin: left; }
.checkbox_ctr .checkmark::after { content: ""; position: absolute; display: none; left: 9px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.checkbox_ctr input:checked ~ .checkmark { background-color: var(--orange); }
.checkbox_ctr input:checked ~ .checkmark:after { display: block; }
.checkbox_ctr input:checked ~ .checkmark:after { animation: checkAnim 0.2s forwards; }
@keyframes checkAnim {
  0% { height: 0; }
  100% { height: 10px; }
}

/* 섹션 타이틀 */
.sec_tit { 
	margin-bottom: 3.5rem; text-align: center; 
}
	.sec_tit .main_txt {
		font-size: 2.8rem;
		margin-bottom: 1rem;
		line-height: 1.32;
		font-weight: 800
	}
.sec_tit .desc_txt { font-size: 1.25em; font-weight: 500; opacity: 0.7; }


/*보더색상*/
.border_w {
	border: var(--op_white);
}

.border_b {
	border: var(--op_black);
}
.border_point {
	border: 1px solid var(--point);
}

.bg_white {
	background-color: var(--white);
}

.bg_point {
	background-color: var(--point);
}

.circle {
	border-radius: 100%;
}

.round {
	border-radius: var(--br_01);
}
.roundS {
	border-radius: var(--br_02);
}
.fc_point {
	color: var(--point) !important;
}
.fc_white {
	color: var(--white);
}
.fc_pink {
	color: var(--pink);
}
.fc_navy {
	color: var(--navy);
}
.fc_blue_01 {
	color: var(--blue_01);
}
.fc_slate_gray {
	color: var(--slate_gray);
}
a.fc_slate_gray:hover {
	color: var(--slate_gray_hover);
}
/* 폰트사이즈 + 베이직 */
.thin {
	font-weight: 100
}

.light {
	font-weight: 200
}

.extralight {
	font-weight: 300
}

.regular {
	font-weight: 400
}

.medium {
	font-weight: 500
}

.semibold {
	font-weight: 600
}

.bold {
	font-weight: 700
}

.extrabold {
	font-weight: 800
}

.black {
	font-weight: 900
}


.fs_12 {
	font-size: 0.75rem;
}
.fs_13 {
	font-size: 0.8125rem;
}
.fs_14 {
	font-size: 0.875rem;
}
.fs_15 {
	font-size: 0.9375rem;
}
/* 15px */
.fs_16 {
	font-size: var(--base-font-size);
}
.fs_17 {
	font-size: 1.0625rem;
}
.fs_18 {
	font-size: 1.125rem;
}
.fs_19 {
	font-size: 1.1875rem;
}
.fs_20 {
	font-size: 1.25rem;
}
.fs_21 {
	font-size: 1.3125rem;
}
.fs_22 {
	font-size: 1.375rem;
}
.fs_23 {
	font-size: 1.4375rem;
}
.fs_24 {
	font-size: 1.5rem;
}
.fs_25 {
	font-size: 1.5625rem;
}
.fs_26 {
	font-size: 1.625rem;
}
.fs_27 {
	font-size: 1.6875rem;
}
.fs_28 {
	font-size: 1.75rem;
}
.fs_29 {
	font-size: 1.8125rem;
}
.fs_30 {
	font-size: 1.875rem;
}
.fs_31 {
	font-size: 1.9375rem;
}
.fs_32 {
	font-size: 2rem;
}
.fs_33 {
	font-size: 2.0625rem;
}
.fs_34 {
	font-size: 2.125rem;
}
.fs_35 {
	font-size: 2.1875rem;
}
.fs_36 {
	font-size: 2.25rem;
}
.fs_37 {
	font-size: 2.3125rem;
}
.fs_38 {
	font-size: 2.375rem;
}
.fs_39 {
	font-size: 2.4375rem;
}
.fs_40 {
	font-size: 2.5rem;
}
.fs_50 {
	font-size: 3.125rem;
}

.fs_60 {
	font-size: 3.75rem;
}
.fs_80 {
	font-size: 5rem;
}
.fs_70 {
    font-size: 4.375rem; 
}
.fs_120 {
	font-size: 7.5rem;
}

.d_flex {
	display: flex;
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_column {
	flex-direction: column;
}

.flex_row {
	flex-direction: row;
}

.jc_cen {
	justify-content: center;
}

.jc_sb {
	justify-content: space-between;
}

.jc_end {
	justify-content: end;
}

.ai_cen {
	align-items: center;
}

.ai_st {
	align-items: stretch;
}

.ai_end {
	align-items: flex-end;
}

.ta_l {
	text-align: left;
}

.ta_cen {
	text-align: center;
}

.ta_r {
	text-align: right;
}
.as_cen{align-self: center;}
.shadow {
	box-shadow: 0 0rem 1.5rem 0.5rem rgba(0,0,0,0.05);
}

.shadow5 {
	box-shadow: 0 0rem 15px 0 rgba(0,0,0,0.3);
}

.CenCen {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.gap1 {
	gap: calc(var(--base-gap) * 1);
}
/* 4px */
.gap2 {
	gap: calc(var(--base-gap) * 2);
}
/* 8px */
.gap3 {
	gap: calc(var(--base-gap) * 3);
}
/* 12px */
.gap4 {
	gap: calc(var(--base-gap) * 4);
}
/* 16px */
.gap5 {
	gap: calc(var(--base-gap) * 5);
}
/* 20px */
.gap6 {
	gap: calc(var(--base-gap) * 6);
}
/* 24px */
.gap7 {
	gap: calc(var(--base-gap) * 7);
}
/* 28px */
.gap8 {
	gap: calc(var(--base-gap) * 8);
}
/* 32px */
.gap9 {
	gap: calc(var(--base-gap) * 9);
}
/* 36px */
.gap10 {
	gap: calc(var(--base-gap) * 10);
}
/* 40px */
/* 1배 */
.mt1 {
	margin-top: calc(var(--base-gap) * 1);
}

.mb1 {
	margin-bottom: calc(var(--base-gap) * 1);
}

.mr1 {
	margin-right: calc(var(--base-gap) * 1);
}

.ml1 {
	margin-left: calc(var(--base-gap) * 1);
}

.mx1 {
	margin: 0 calc(var(--base-gap) * 1);
}

.my1 {
	margin: calc(var(--base-gap) * 1) 0;
}

.m1 {
	margin: calc(var(--base-gap) * 1);
}

/* 2배 */
.mt2 {
	margin-top: calc(var(--base-gap) * 2);
}

.mb2 {
	margin-bottom: calc(var(--base-gap) * 2);
}

.mr2 {
	margin-right: calc(var(--base-gap) * 2);
}

.ml2 {
	margin-left: calc(var(--base-gap) * 2);
}

.mx2 {
	margin: 0 calc(var(--base-gap) * 2);
}

.my2 {
	margin: calc(var(--base-gap) * 2) 0;
}

.m2 {
	margin: calc(var(--base-gap) * 2);
}

/* 3배 */
.mt3 {
	margin-top: calc(var(--base-gap) * 3);
}

.mb3 {
	margin-bottom: calc(var(--base-gap) * 3);
}

.mr3 {
	margin-right: calc(var(--base-gap) * 3);
}

.ml3 {
	margin-left: calc(var(--base-gap) * 3);
}

.mx3 {
	margin: 0 calc(var(--base-gap) * 3);
}

.my3 {
	margin: calc(var(--base-gap) * 3) 0;
}

.m3 {
	margin: calc(var(--base-gap) * 3);
}

/* 4배 */
.mt4 {
	margin-top: calc(var(--base-gap) * 4);
}

.mb4 {
	margin-bottom: calc(var(--base-gap) * 4);
}

.mr4 {
	margin-right: calc(var(--base-gap) * 4);
}

.ml4 {
	margin-left: calc(var(--base-gap) * 4);
}

.mx4 {
	margin: 0 calc(var(--base-gap) * 4);
}

.my4 {
	margin: calc(var(--base-gap) * 4) 0;
}

.m4 {
	margin: calc(var(--base-gap) * 4);
}

/* 5배 */
.mt5 {
	margin-top: calc(var(--base-gap) * 5);
}

.mb5 {
	margin-bottom: calc(var(--base-gap) * 5);
}

.mr5 {
	margin-right: calc(var(--base-gap) * 5);
}

.ml5 {
	margin-left: calc(var(--base-gap) * 5);
}

.mx5 {
	margin: 0 calc(var(--base-gap) * 5);
}

.my5 {
	margin: calc(var(--base-gap) * 5) 0;
}

.m5 {
	margin: calc(var(--base-gap) * 5);
}

/* 6배 */
.mt6 {
	margin-top: calc(var(--base-gap) * 6);
}

.mb6 {
	margin-bottom: calc(var(--base-gap) * 6);
}

.mr6 {
	margin-right: calc(var(--base-gap) * 6);
}

.ml6 {
	margin-left: calc(var(--base-gap) * 6);
}

.mx6 {
	margin: 0 calc(var(--base-gap) * 6);
}

.my6 {
	margin: calc(var(--base-gap) * 6) 0;
}

.m6 {
	margin: calc(var(--base-gap) * 6);
}

/* 7배 */
.mt7 {
	margin-top: calc(var(--base-gap) * 7);
}

.mb7 {
	margin-bottom: calc(var(--base-gap) * 7);
}

.mr7 {
	margin-right: calc(var(--base-gap) * 7);
}

.ml7 {
	margin-left: calc(var(--base-gap) * 7);
}

.mx7 {
	margin: 0 calc(var(--base-gap) * 7);
}

.my7 {
	margin: calc(var(--base-gap) * 7) 0;
}

.m7 {
	margin: calc(var(--base-gap) * 7);
}

/* 8배 */
.mt8 {
	margin-top: calc(var(--base-gap) * 8);
}

.mb8 {
	margin-bottom: calc(var(--base-gap) * 8);
}

.mr8 {
	margin-right: calc(var(--base-gap) * 8);
}

.ml8 {
	margin-left: calc(var(--base-gap) * 8);
}

.mx8 {
	margin: 0 calc(var(--base-gap) * 8);
}

.my8 {
	margin: calc(var(--base-gap) * 8) 0;
}

.m8 {
	margin: calc(var(--base-gap) * 8);
}

/* 9배 */
.mt9 {
	margin-top: calc(var(--base-gap) * 9);
}

.mb9 {
	margin-bottom: calc(var(--base-gap) * 9);
}

.mr9 {
	margin-right: calc(var(--base-gap) * 9);
}

.ml9 {
	margin-left: calc(var(--base-gap) * 9);
}

.mx9 {
	margin: 0 calc(var(--base-gap) * 9);
}

.my9 {
	margin: calc(var(--base-gap) * 9) 0;
}

.m9 {
	margin: calc(var(--base-gap) * 9);
}

/* 10배 */
.mt10 {
	margin-top: calc(var(--base-gap) * 10);
}

.mb10 {
	margin-bottom: calc(var(--base-gap) * 10);
}

.mr10 {
	margin-right: calc(var(--base-gap) * 10);
}

.ml10 {
	margin-left: calc(var(--base-gap) * 10);
}

.mx10 {
	margin: 0 calc(var(--base-gap) * 10);
}

.my10 {
	margin: calc(var(--base-gap) * 10) 0;
}

.m10 {
	margin: calc(var(--base-gap) * 10);
}
/* 20배 */
.mt20 {
	margin-top: calc(var(--base-gap) * 20);
}

.mb20 {
	margin-bottom: calc(var(--base-gap) * 20);
}

.mr20 {
	margin-right: calc(var(--base-gap) * 20);
}

.ml20 {
	margin-left: calc(var(--base-gap) * 20);
}

.mx20 {
	margin: 0 calc(var(--base-gap) * 20);
}

.my20 {
	margin: calc(var(--base-gap) * 20) 0;
}

.m20 {
	margin: calc(var(--base-gap) * 20);
}
.mxauto{margin: 0 auto!important;}
/*Animations*/
[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 2s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(50%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.page-loaded .fade-in,.page-loaded.fade-in {
    opacity: 1
}

.isSafari.isTouch [data-animate-in],.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}
@keyframes MyScale {
    from {
        transform: scale(1.1);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes opacity {
    0% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes zoom {
	2.5%, 7.5%, 12.5%, 17.5%, 100% { transform: scale(1); }
	5%, 10%, 15% { transform: scale(0.9); }
}

@keyframes float {
	0% { transform: scale(1); }
	50% { transform: scale(0.92); }
	100% { transform: scale(1); }
}

.wobble {
	animation: wobble 2s ease infinite;
}

@keyframes wobble {
	0% {
		transform: translateX(0%);
	}

	15% {
		transform: translateX(-25%) rotate(-5deg);
	}

	30% {
		transform: translateX(20%) rotate(3deg);
	}

	45% {
		transform: translateX(-15%) rotate(-3deg);
	}

	60% {
		transform: translateX(10%) rotate(2deg);
	}

	75% {
		transform: translateX(-5%) rotate(-1deg);
	}

	100% {
		transform: translateX(0%);
	}
}
/* ==================== 모바일 레이아웃 ==================== */

@media ( max-width: 1400px ) {
	/* Wrap */
	.wrap { padding-left: 1rem; padding-right: 1rem; }
	body, html {
		font-size: 15px;
	}

	:root {
		/* 패딩,마진 */
		--sec_pd: 6rem; /* 폰트 */
		--base-font-size: 15px !important;
	}
}

@media ( max-width: 900px ) {
	body, html {
		font-size: 14px;
	}

	:root {
		/* 패딩,마진 */
		--sec_pd: 5rem;
		--base-font-size: 14px !important;
		--base-gap: 2px;
	}
	/* PC, 모바일 표시 */
	.p_ver { display: none!important; }
	.m_ver { display: inline-block!important; }
	
	/* 버튼 스타일 01 */
	.btn_style_01 { height: 48px !important; color: #fff !important; gap: 5px; font-size: 0.9em; line-height: 1.2; padding: 0 2rem; }
	.btn_style_01:hover { color: #fff !important; }
	.btn_style_01 .btn_txt { transform: translateX(0); }
	.btn_style_01 .iconer { transform: translateY(0); font-size: 1.3em; margin-left: 0.2rem; }
	.btn_style_01 .iconer svg { width: 20px; height: 20px; }
	.btn_style_01:hover .iconer { transform: translateY(0); }
	
	/* 버튼 스타일 02 */
	.btn_style_02 { height: 44px; padding: 0 1.5rem; gap: 6px; }

	/* 섹션 타이틀 */
	.sec_tit { margin-bottom: 2.5rem; }
	.sec_tit .main_txt { font-size: 2rem; }
	.sec_tit .desc_txt { font-size: 1.15em; padding: 0 2rem; }
	
	/* 체크박스 */
	.checkbox_ctr { height: 22px; padding-left: 25px; transform: scale(0.9); transform-origin: left; }
	.checkbox_ctr .checkmark { height: 22px; width: 22px; }
	.checkbox_ctr .checkmark::after { top: 3px; left: 7px; }
	
	/* 폼 스타일 01 */
	.form_style_01 input[type="text"], .form_style_01 input[type="number"], .form_style_01 input[type="password"], .form_style_01 input[type="tel"], .form_style_01 select { height: 48px; padding: 0 0.8rem; }
	
	/* 라디오 셀렉트 */
	.radio_button_group label { height: 48px; }
	.btn_down{ margin: auto;}

}
@media ( max-width: 600px ) {
	body, html {
		font-size: 10px;
	}

	:root {
		/* 폰트 */
		--base-font-size: 10px !important; /* 패딩,마진 */
		--sec_pd: 4rem;
	}
}
