@charset 'utf-8';

/* °ψΕλ */
*{ box-sizing: border-box; letter-spacing: 0.005em; word-break: keep-all; line-height: 1.3;}
.engTit{ font-family: 'Titillium Web', sans-serif; }
.poppins{ font-family: 'Poppins', sans-serif; }
.w1760{ max-width: 1760px; margin: 0 auto; }
.w1600{ max-width: 1600px; margin: 0 auto; }

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/* header */
#header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 100; padding: 40px 0 0; }
#header > div{ display: flex; justify-content: space-between; align-items: center; }
#header .logo{ position: relative; display: inline-block; }
#header .logo a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#header .logo img{ width: 121px; }

#header nav{ display: flex; align-items: center; }
#header nav .depth01{ display: flex; }
#header nav .depth01 > li{ position: relative; }
#header nav .depth01 > li > a{ display: inline-block; font-size: 1.8rem; font-weight: 700; color: #fff; padding: 24px 35px; }
#header nav .depth02{ display: none; width: 100%; position: absolute; top: 64px; background-color: #fff; padding: 28px 30px 22px; overflow: hidden; }
#header nav .depth02 > li > a{ display: block; font-size: 1.6rem; font-weight: 400; color: #666; padding: 9px 0; text-align: right; text-align: center; }
#header nav .open{ border: none; background: none; margin-left: 25px; cursor: pointer; padding: 0; }
#header nav .open img{ width: 22px; height: 22px;  }
#header nav .depth03{ display: none; }

/* header hover */
#header nav .depth01 > li:nth-of-type(4):hover::after, #header nav .depth01 > li:nth-of-type(5):hover::after{ content: ""; width: calc(100% - 70px); height: 2px; background-color: #0076c2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#header nav .depth01 > li:nth-of-type(4):hover, #header nav .depth01 > li:nth-of-type(5):hover{ background-color: #fff; } 
#header nav .depth01 > li:nth-of-type(4):hover > a, #header nav .depth01 > li:nth-of-type(5):hover > a{ color: #0076c2; }
#header nav .depth02 > li > a:hover{ font-weight: 600; color: #0076c2; }

/* #header scroll */
#header.scroll{ backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

/* allSite */
.allSite{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 110; display: none; }
.allSite .close{ border: none; background: none; font-size: 2.7rem; color: #0076c2; position: absolute; top: 4%; right: 3%; padding: 20px; cursor: pointer; }
.allSite .all_menu{ height: 100%; }
.allSite .moblie{ display: none; }
.allSite .depth01{ display: flex; height: 100%; }
.allSite .depth01 > li{ width: 20%; padding-top: 11%; }
.allSite .depth01 > li:not(:last-of-type){ border-right: 1px solid #eee; }
.allSite .depth01 > li > a{ display: inline-block; width: 100%; font-size: 3.6rem; font-weight: 700; color: #222; text-align: center; padding: 35px 0; }
.allSite .depth02 > li > a{ display: inline-block; width: 100%; font-size: 1.8rem; font-weight: 400; color: #666; text-align: center; padding: 20px 0; }
.allSite .depth03{ display: none; }

/* allSite hover */
.allSite .depth01 > li:hover > a{ color: #0076c2; }
.allSite .depth02 > li > a:hover{ font-weight: 700; color: #0076c2; }



/* footer */
#footer{ background: #fff; padding: 70px 0 72px; transition: 0.5s ease; }
#footer .line{ display: flex; justify-content: space-between; }
#footer .line.line01{ align-items: flex-start; }
#footer .line.line02{ align-items: flex-end; margin-top: 13px; }

#footer .logo{ position: relative; }
#footer .logo a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#footer .info{ display: flex; flex-direction: column; align-items: flex-end; }
#footer .info p{ display: inline-block; font-size: 1.5rem; font-weight: 200; color: #222; }
#footer .info > p{ margin-bottom: 10px; }
#footer .info span{ font-weight: 600; }
#footer .info ul{ display: flex; align-items: center; }
#footer .info ul li:not(:last-of-type){ margin-right: 30px; }

#footer .copyright{ font-size: 1.5rem; font-weight: 600; color: #222; }
#footer .copyright span{ font-family: "gulim", 'Pretendard', 'Noto Sans KR', sans-serif; font-weight: normal; }

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

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

@media screen and (max-width: 1417px) {
	.allSite .depth01 > li:last-of-type a{ padding: 17px 0; }
}

@media screen and (max-width: 1350px) {
	#header{ padding: 20px 0 0; }

	.allSite .all_menu{ width: 100%; height: 100%; display: flex; align-items: center; }
	.allSite .depth01{ width: 100%; height: auto; flex-direction: column; }
	.allSite .depth01 > li{ width: 100%; padding: 0 8%; border-bottom: 1px solid #eee; }
	.allSite .depth01 > li:not(:last-of-type){ border-right: none;}
	.allSite .depth01 > li > a{ width: auto; padding: 20px 15px 15px; text-align: left }
	.allSite .depth01 > li:last-of-type a{ padding: 15px; }
	.allSite .depth02{ width: 100%; display: flex; }
	.allSite .depth02 > li > a{ padding: 14px; }
}

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

@media screen and (max-width: 1200px) {
	.allSite .pc{ display: none; }
	.allSite .moblie{ display: flex; }
	.allSite .depth01 > li{ border: none; }
	.allSite .depth01 > li > a{ width: 100%; text-align: center; border-bottom: 1px solid #eee; }
	.allSite .depth02{ display: none; overflow: hidden; }
}

@media screen and (max-width: 900px) {
	#footer{ padding: 40px 0 42px; }
	#footer .line.line01{ flex-direction: column; align-items: center; }
	#footer .line.line02{ flex-direction: column-reverse; align-items: center; }
	#footer .info{ justify-content: center; }
	#footer .line.line01 .info{ margin-top: 10px; }
	#footer .info > p{ width: 100%; display: block; text-align: center; }
	#footer .info ul{ width: 100%; justify-content: center; } 
	#footer .copyright{ margin-top: 10px; }
}

@media screen and (max-width: 600px) {
	#footer p{ line-height: 1.2; }
	#footer .info ul{ flex-direction: column; } 
	#footer .info ul li:not(:last-of-type){ margin-right: 0; margin-bottom: 10px; }
}