@charset 'utf-8';

/* ���� */
:root{
    --baseFont: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;
	--engFont: 'Montserrat', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;
	--mainColor: #004FA2;
	--headerH: 100px;
	--aosPlus: 100px;
	--aosMinus: -100px;
}

*{  box-sizing: border-box; word-break: keep-all; line-height: 1.3; letter-spacing: -0.02em; }

.w1830{ max-width: 1830px; width: 100%; margin: 0 auto; }
.w1740{ max-width: 1740px; width: 100%; margin: 0 auto; }
.w1600{ max-width: 1600px; width: 100%; margin: 0 auto; }

@media screen and (max-width: 1870px){
	.w1830{ padding: 0 20px; }
}

@media screen and (max-width: 1780px){
	.w1740{ padding: 0 20px; }
}

@media screen and (max-width: 1640px){
	.w1600{ padding: 0 20px; }
}

@media screen and (max-width: 1280px){
	--aosPlus: 50px;
	--aosMinus: -50px;
}

@media screen and (max-width: 1200px){
	:root{
		--headerH: 70px;
	}
}

/* privacy */
.privacy * { font-size: 1.6rem; line-height: 1.625; }
.privacy h3 { font-weight: 700; }
.privacy h4{ font-weight: 700; }
.privacy .textBox,
.privacy .pBox,
.privacy .dlBox,
.privacy .subTextBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.privacy .textBox { gap: 100px 0; }
.privacy .textBox h3{ font-size: 2.2rem; margin-bottom: 5px; }

.privacy .pBox { gap: 30px 0; margin: 40px 0; }

.privacy .dlBox { gap: 50px 0; }
.privacy .dlBox > dl > dt { font-size: 1.8rem; font-weight: 500; }
.privacy .dlBox > dl > dd p { margin: 5px 0; }
.privacy .dlBox > dl > dd > ul { padding: 0 0 0 20px; }
.privacy .dlBox > dl > dd ul:only-child{ margin-top: 5px; }
.privacy .dlBox > dl > dd ul li:not(:last-of-type){ margin-bottom: 5px; }

.privacy .square { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 5px; position: relative; padding-left: 12px; }
.privacy .square::before { content: "-"; position: absolute; top: 0; left: 0; }
.privacy .square > p { width: 100%; padding: 0 0 0 13px; }

.privacy .subTextBox { gap: 24px 0; }
.privacy .subTextBox h6 { font-weight: 500; margin: 0 0 4px; }
.privacy .subText { margin: 4px 0; }
.privacy .subText dd { padding: 0 0 0 11px; }

.privacy .contact { margin: 60px 0 0; }
.privacy .contact ol { margin: 30px 0 0; }

@media screen and (max-width: 1250px){
	.privacy .textBox h3{ font-size: 2rem; }
	.privacy .textBox { gap: 80px 0; }

	.privacy .pBox{ gap: 15px 0; }
	
	.privacy .dlBox { gap: 30px 0; }
}

@media screen and (max-width: 900px){
	.privacy .dlBox > dl > dt { font-size: 1.7rem; }
	.privacy * { font-size: 1.5rem; }
	.privacy .dlBox > dl > dd > ul { padding: 0 0 0 10px; }
}


/* header */
#header nav{ width: 1300px; }
#header .depth01 > li{ width: 210px; }
#header .depth01 > li > a{ padding: 35px 0; }
#header .depth02 > li > a{ padding: 7.5px 5px; }

@media screen and (max-width: 1550px){
	#header .depth01 > li{ width: 170px; }
	#header .depth01 > li > a{ font-size: 1.8rem; }
	#header .depth02 > li > a{ font-size: 1.7rem; }
}

@media screen and (max-width: 1500px){
	#header nav{ display: none; }
}


/* footer */
@media screen and (max-width: 1600px){
	#footer .nav{ margin-top: -15px; margin-right: -10px; }
	#footer .depth01{ gap: 0; }
	#footer .depth01 > li > a{ font-size: 1.8rem; padding: 15px 10px; }
	#footer .depth02 > li > a{ font-size: 1.6rem; }
}

@media screen and (max-width: 1400px){
	#footer{ padding: 30px 0; }
	#footer .nav{ display: none; }

	#footer .line02{ margin-top: 15px; position: relative; }
	#footer .link ul li{ max-width: 140px; }
	#footer .link ul li a{ font-size: 1.5rem; height: 50px; }
}