@charset "utf-8";

.sub-visual{display: flex; flex-direction: row-reverse; align-items: flex-end;  justify-content: space-between;padding-left: 152px; padding-right: 13px; margin-bottom: 105px;}
.sub-visual .tbx{padding-bottom: 35px;}
.sub-visual .tbx h4{color: #222;font-family: "Anton SC";font-size: 70px;font-weight: 400;line-height: normal;letter-spacing: 3.5px;}
.sub-visual .tbx h4.sub-tit-4{font-family:'Pretendard','Open Sans','Noto Sans SC',AppleGothic,helvetica,sans-serif;  font-size: 50px; font-weight: 700; line-height: normal; letter-spacing: 2.5px; margin-bottom: 13px;} 
.sub-visual .tbx p{color: #888;font-size: 18px;font-weight: 500;line-height: 157.5%; /* 28.35px */letter-spacing: -0.36px;}
.lnb{width: 100%; margin-top: -88px; margin-bottom: 130px;}
.lnb ul{display: flex;}
.lnb ul > li{width: 378px; }
.lnb ul > li > a{font-size: 0; line-height: 0; display: flex; height: 50px; align-items:center; justify-content: center; text-align: center; background: #EBEBEB; transition:.3s;}
.lnb ul > li > a b{color: #777;text-align: center;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: -0.4px; transition:.3s;}
.lnb ul > li{
	&.current > a, 
	&:hover > a{ background: var(--main-color);
		b{font-weight: 600; color: #fff;}
	}
}


/* s11 */
.s11 {margin-bottom: 250px;}
.s11 .arti1{position: relative; border-radius: 20px; border: 1px solid #E8E8E8; background: rgba(0, 0, 0, 0.03); height: 714px;}
.s11 .arti1 .tbx{padding: 100px 90px 0 130px; display: flex; flex-direction: column; }
.s11 .arti1 .tbx h3{color: var(--main-color);font-size: 40px;font-weight: 100;line-height: normal;letter-spacing: -0.8px; margin-bottom: 60px;}
.s11 .arti1 .tbx h3 b{font-weight: 800;}
.s11 .arti1 .tbx > b{color: #555; font-size: 20px; font-weight: 500; line-height: 40px;  letter-spacing: -0.4px; margin-bottom: 30px;}
.s11 .arti1 .tbx > b strong{color: #222;font-size: 40px;font-weight: 700; letter-spacing: -0.8px; display: block; margin-bottom: 11px;}
.s11 .arti1 .tbx > .p-box{display: flex; flex-direction: column; gap:40px; }
.s11 .arti1 .tbx > .p-box p{color: #888;font-size: 20px;font-weight: 500;line-height: 40px; letter-spacing: -0.4px;}
.s11 .arti1:before{position: absolute; content: ''; width: 340px; height: 269px; background: url(../img/sub/s11-1.png) right bottom no-repeat; right: 90px; bottom: 77px;}
.s11 .arti2{margin-top: 215px; scroll-margin-top: 100px;}
.s11 .arti2 h3{color: #222;font-size: 50px;font-weight: 700;line-height: normal;letter-spacing: 2.5px; display: flex; align-items:center; gap:12px;}
.s11 .arti2 h3 b{ font-family: "Anton SC"; font-size: 55px;font-weight: 400;line-height: normal;letter-spacing: 3.5px;}
.s11 .arti2 figure{text-align: center; margin-top: 75px;}

/* s41 */
.s41{margin-bottom: 250px;}
.s41 article h4{color: #222; font-size: 36px; font-weight: 700; line-height: 64px; letter-spacing: -0.25px; margin-bottom: 50px;}
.s41 .arti1 .gray-box{display: flex; padding: 70px 135px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch;border-radius: 20px; border: 1px solid #E8E8E8;background: rgba(0, 0, 0, 0.03);}
.s41 .arti1 .gray-box .flex{display: flex;  gap:136px; text-align: center; width: 100%; justify-content: center;}
.s41 .arti1 .gray-box .flex .box{}
.s41 .arti1 .gray-box .flex .box figure{display: flex; align-items:center; justify-content: center; height: 290px; }
.s41 .arti1 .gray-box .flex .box .tbx{margin-top: 20px;}
.s41 .arti1 .gray-box .flex .box .tbx p{display: flex; justify-content: center; gap:8px;  color: #000;font-size: 20px;font-weight: 400;line-height: 30.8px; /* 154% */letter-spacing: -0.4px; flex-direction: column;}
.s41 .arti1 .gray-box .flex .box .tbx p a{color: var(--main-color);;font-size: 20px;font-weight: 600;line-height: 30.8px; letter-spacing: -0.4px;}
.s41 .arti1 .gray-box .bottom-box{border-top: 1px solid rgba(34,34,34,0.2); width: 100%; padding-top: 60px; margin-top: 47px;}
.s41 .arti1 .gray-box .bottom-box p{color: #222;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -0.4px; margin-bottom: 22px; padding-left: 10px;}
.s41 .arti1 .gray-box .bottom-box ul{display: flex; gap:8px; flex-direction: column; padding-left: 28px;}
.s41 .arti1 .gray-box .bottom-box ul > li{position: relative; color: #888;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.36px; list-style:disc;}
.s41 .arti2{margin-top: 120px;}
.s41 .arti2 .gray-box{border-radius: 20px;border: 1px solid #E8E8E8;background: rgba(0, 0, 0, 0.03);display: flex;padding: 70px 135px;flex-direction: column;align-items: flex-start;align-self: stretch;}
.s41 .arti2 .gray-box p{color: #222;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -0.4px; padding-left: 10px; margin-bottom: 22px;}
.s41 .arti2 .gray-box ul{display: flex; flex-wrap:wrap;  padding-left: 28px; gap:8px 0;}
.s41 .arti2 .gray-box ul > li{color: #888;font-size: 18px;font-weight: 500;line-height: normal; letter-spacing: -0.36px; width: calc(50% - 50px); list-style:disc; }
.s41 .arti2 .gray-box ul > li:nth-child{}