@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: 45px; line-height: 1.5em; letter-spacing: -0.05em; font-weight: 400; color: #9d504d;}
.s1_1 .arti1 .lbx p{font-size: 20px; line-height: 1.5; letter-spacing: -0.05em; color: #656565; margin: 54px 0 44px;}
.s1_1 .arti1 .lbx b{display: block; font-size: 25px; 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: 0px;}
.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; }
.s2_1 .arti1 .font-25 {font-size: 25px; font-weight: 600; color: #000;}
.bd-wrap{margin-top: 160px; margin-bottom: 280px;}

.s2_1 h5 {font-family: "Noto Serif KR", serif; font-size:34px; color:#000; margin-top:70px;}
.mt {margin-top:62px;}

.product-wrap {width:100%; max-width:1490px; padding:0 20px; margin:0 auto; padding:114px 0 0; margin-bottom:-70px; text-align:center;}
.product-wrap .product-title {margin-bottom:54px;}
.product-wrap .product-title h3 {font-size:48px; font-weight:600; color:#000; line-height:1.2em;}
.product-wrap .product-tab ul {display:flex;}
.product-wrap .product-tab ul li {width:100%; border-right:1px solid #ddd;}
.product-wrap .product-tab ul li:last-child {border-right:0;}
.product-wrap .product-tab ul li a {background:#f4f4f4; font-size:18px; line-height:1.2em; height:60px; border-top:1px solid #f4f4f4; color:#999; font-weight:500; display:flex; align-items:center; justify-content:center;}
.product-wrap .product-tab ul li.active a {background:#fff; color:#9d504d; border-top-color:#9d504d;}

.lnb {border-bottom:1px solid #ddd;}
.lnb ul {width:100%; max-width:1490px; padding:0 20px; margin:0 auto; display:flex;}
.lnb ul li {width:100%;}
.lnb ul li a {display:flex; height:70px; justify-content:center; align-items:center; font-size:20px; line-height:1.5em; color:#999; position:relative; padding:10px;}
.lnb ul li.current a {color:#9d504d; font-weight:500;}
.lnb ul li a:before {content:''; width:100%; height:1px; background:#9d504d; position:absolute; z-index:1; bottom:-1px; left:0; opacity:0;}
.lnb ul li.current a:before {opacity:1;}
.lnb ul li a:after {content:''; width:7px; height:7px; background:#9d504d; position:absolute; bottom:-4px; left:50%; margin-left:-4px; border-radius:50%; z-index:2; opacity:0;}
.lnb ul li.current a:after {opacity:1;}