@charset "utf-8";

/* sub-common */
.sub_visual{position: relative; height: 500px; }
.sub_visual img{position: absolute; width: 100%; height: 100%; object-fit:cover; left: 0; top: 0;}
.sub_visual h5{font-family: "Noto Serif KR", serif; position: relative; z-index: 10; align-content:center; height: 100%; text-align: center; font-size: 50px; line-height: 1; letter-spacing:0; font-weight: 700; color: #fff; padding-top: 130px;}
.sub_1_1_ .sub_visual h5{color: #000;}





#sub{max-width:100%; overflow: hidden;}
/* s11 */
.s1_1{position: relative; padding: 158px 0; margin-bottom: 280px; }
.s1_1 .arti1 .lbx{padding-left: 60px; position: relative; z-index: 10;}
.s1_1 .arti1 .lbx h4{font-size: 50px; line-height: 70px; letter-spacing: -0.05em; font-weight: 400; color: #9d504d;}
.s1_1 .arti1 .lbx p{font-size: 25px; line-height: 45px; letter-spacing: -0.05em; color: #656565; margin: 54px 0 44px;}
.s1_1 .arti1 .lbx b{display: block; font-size: 30px; line-height: 1.5; font-weight: 500 ;letter-spacing: -0.05em; color: #000; margin-bottom: 85px;}
.s1_1 .arti1 .lbx big{display: block; font-family: "Noto Serif KR", serif; font-size: 51px; line-height: 1.5; letter-spacing: -0.05em; color: #000; font-weight: 700; margin-bottom: 18px; margin-left: -4px;	}
.s1_1 .arti1 figure{position: absolute; right: 0; top: 50%; translate:0 -50%; margin-top: 30px;}

/* s21 */
.s2_1 {padding-top: 142px; margin-bottom: 265px;}
.s2_1 .arti1 small{display: block; font-size: 27px; line-height: 1; letter-spacing: 0; color: #9d504d; font-weight: 700;}
.s2_1 .arti1 h4{ font-family: "Noto Serif KR", serif;   display: flex; font-size: 48px; line-height: 1; letter-spacing: 0; font-weight: 700; color: #000; gap:17px; align-items:center; margin: 20px 0 60px;}
.s2_1 .arti1 h4 i{line-height: 0; position: relative; top: 1px;}
.s2_1 .arti1 ul {margin-top: 58px;}
.s2_1 .arti1 ul > li{position: relative; /* padding-left: 16px; */ font-size: 25px; line-height: 49px; letter-spacing: -0.05em; font-weight: 600; color: #000; margin-bottom: 32px;}
.s2_1 .arti1 ul > li:last-child{margin-bottom: 0;}
/* .s2_1 .arti1 ul > li:before{position: absolute; content: '■'; font-size: 5px; left: 0 ;top: 0;} */
.s2_1 .arti1 ul > li p{color: #656565; font-weight: 400; letter-spacing: -0.044em;}
.s2_1 .arti1 ul > li.mt42{margin-top:42px;}
.s2_1 .arti1 ul > li ol{display: flex; flex-wrap:wrap; gap:32px 48px; margin-top: 33px; max-width:80%}
.s2_1 .arti1 ul > li ol > li{position: relative;display: flex; gap:36px; align-items:center; height: 68px; box-sizing: border-box;  border-radius: 50px; padding: 0 45px 0 39px; background: #fff; z-index: 10;}
.s2_1 .arti1 ul > li ol > li:before,
.s2_1 .arti1 ul > li ol > li:after{position: absolute; content: ''; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50px; background: #fff; right: 0; bottom: 0; z-index: -2; border: 1px solid #9d504d;}
.s2_1 .arti1 ul > li ol > li:before{background: #9f5350; }
.s2_1 .arti1 ul > li ol > li:after{right: 2px; bottom: 2px;}
.s2_1 .arti1 ul > li ol > li i{line-height: 0; position: relative;z-index: 10;}
.s2_1 .arti1 ul > li ol > li p{font-size: 23px; line-height: 1; letter-spacing: -0.05em; color: #9f5350; position: relative; z-index: 10;}
.s2_1 .arti1 b{display: inline-block; font-size: 30px; line-height: 1; letter-spacing: -0.05em; color: #000; font-weight: 700; text-decoration: underline; margin-top: 70px; margin-left: 24px; text-underline-offset:10px; }
.bd-wrap{margin-top: 160px; margin-bottom: 280px;}