@charset "utf-8";
.real-cont {padding:335px 0 275px;}

#sub {overflow: hidden;}
#sub_layout {display: none;}

.s1 {padding: 335px 0 275px;}
.s2 {padding: 265px 0 325px;}

section {position: relative;}
section::before {position: absolute; content: ''; width: 517px; height: 1070px; background: url(../images/main/bg.png) 50% 50% no-repeat; background-size: auto; top: 0; right: 0; z-index: -2;}

article {width: 100%; position: relative;}
article .article-header {position: absolute; min-height: 185px; top: 10px; left: 0; width: 100%; max-width: 920px; border-bottom: 1px solid #4f3e25; padding-bottom: 25px;}
article .article-header h4 {position: absolute; top: 0; left: 300px; font-size: 160px;  color: #4f3e25;  letter-spacing: -5px; font-weight: 300;}

/* s1 */
.s1 article ~ article {margin-top: 170px; padding-top: 220px;}
.s1 article .container .inner {width: 100%; display: flex; align-items: flex-end;}
.s1 article .txt {max-width: 886px; width: 100%; padding-right: 270px;}
.s1 article .txt h5 {font-size: 42px; font-weight: 500; color: #4f3e25; line-height: 1.548;}
.s1 article .txt h5 strong {font-weight: 700;}
.s1 article .txt p {font-size: 24px; font-family: 'Pretendard', sans-serif; color: #4f3e25; line-height: 1.75; font-weight: 300; margin-top: 55px; text-align: justify; letter-spacing: -0.4px;}
.s1 article .txt p strong {font-weight: 600;}

.s1 .arti01 .img {max-width: 434px; width: 100%;}
.s1 .arti01 .img img {display: block; max-width: 100%; margin: 0 auto;}

.s1 .arti02 .article-header {max-width: 475px;}
.s1 .arti02 .container .inner {align-items: center;}
.s1 .arti02 .img {max-width: 323px; width: 100%;}
.s1 .arti02 .txt {max-width: 997px; padding-left: 180px; padding-right: 0;}
.s1 .arti02 .txt h5 {font-size: 55px; font-weight: 600;}
.s1 .arti02 .txt p {margin-top: 25px; letter-spacing: -1px; text-align: left;}

/* s2 */
.s2 .arti01 .cnt {width: calc(100% + 22px); display: flex; margin: 0 -11px;}
.s2 .arti01 .cnt figure {width: 25%; padding: 0 11px;}
.s2 .arti01 .cnt .item01 {margin-top: 80px;}
.s2 .arti01 .cnt .item02 {margin-top: 150px;}
.s2 .arti01 .cnt .item04 {margin-top: 230px;}
.s2 .arti01 .cnt figure img {display: block; max-width: 100%; margin: 0 auto;}

.s2 .arti02 {margin-top: 140px; padding-top: 490px;}
.s2 .arti02 .article-header {max-width: 1605px; min-height: 410px;}
.s2 .arti02 .article-header h4 {line-height: 1.2;}

.s2 .inner {width: 100%; display: flex; align-items: flex-start;}
.s2 .inner .tit {max-width: 620px; width: 100%;}
.s2 .inner .tit h5 {font-size: 42px; font-weight: 500; color: #4f3e25; line-height: 1.5; letter-spacing: -1.8px;}
.s2 .inner .tit h5 strong {font-weight: 700; font-size: 60px;}
.s2 .inner .txt {max-width: 700px; width: 100%;}
.s2 .inner .txt p {font-size: 24px; font-family: 'Pretendard', sans-serif; color: #4f3e25; line-height: 1.75; font-weight: 300;text-align: left; letter-spacing: -1px;}

.s2 .cnt {width: 100%; margin-top: 150px;}
.s2 .cnt ul {width: calc(100% + 36px); margin: 0 -18px; display: flex;}
.s2 .cnt ul li {width: 25%; padding: 0 18px; position: relative; min-height: 395px;}
.s2 .cnt ul li dl {width: 100%; height: 100%;}
.s2 .cnt ul li dl dt {width: 100%; border-radius: 80px; overflow: hidden;}
.s2 .cnt ul li dl dt img {max-width: 100%; display: block; margin: 0 auto;}
.s2 .cnt ul li dl dd {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: max-content; padding-left: 15px; font-size: 24px; font-weight: 500; font-family: 'Pretendard', sans-serif; color: #4f3e25; line-height: 1.5; letter-spacing: -.9px;}
.s2 .cnt ul li:nth-of-type(3) dl dd {left: 0; transform: none;}
.s2 .cnt ul li dl dd::before {position: absolute; content: ''; width: 4px; height: 4px; background-color: #4f3e25; border-radius: 50%; top: 14px; left: 0;}
.s2 .note {margin-top: 125px; padding-top: 90px; position: relative;}
.s2 .note > span {position: absolute; top: 0; left: 25px; display: block; max-width: 73px; height: 60px;}
.s2 .note > span img {display: block; max-width: 100%; margin: 0 auto;}
.s2 .note h5 {font-size: 35px; font-weight: 600; color: #4f3e25; line-height: 1.571; letter-spacing: -1.6px;}