@charset "utf-8";

/* common */
.ta-c{text-align: center;}
.wh, .wh *{color: #FFF !important;}
.pro_wrap .inner{max-width: 1525px; margin: 0 auto;}
.pro_wrap .inner2{max-width: 1670px; margin: 0 auto;}
.pro_wrap .s_tit{font-size: 50px; letter-spacing: -0.02em; font-weight: 800; color: #1c1f24; line-height: 1.4;}
.pro_wrap .s_txt{font-size: 22px; letter-spacing: -0.02em; color: #1c1f24; line-height: 1.5;}
.pro_wrap .tit_wrap .s_txt{margin-top: 35px;}

/* sec1 */
.pro_wrap .sec1{padding: 200px 0;}
.pro_wrap .sec1 .tit_wrap span{font-family: 'NanumMyeongjo'; display: block; font-size: 20px; letter-spacing: -0.025em; color: #1c1f24; margin-top: 10px;}
.pro_wrap .sec1 .cont{margin-top: 60px; display: flex; gap: 10px;}
.pro_wrap .sec1 .cont .item{width: calc((100% - 20px) / 3); height: 271px; border-radius: 15px; overflow: hidden; padding: 56px 30px 0;}
.pro_wrap .sec1 .cont .item .s_txt{color: #aa8351; font-weight: 500;}
.pro_wrap .count{display: flex; align-items: flex-start; gap: 5px; margin-left: -10px;}
.pro_wrap .odometer{color: #3b342e; font-size: 65px; letter-spacing: -0.08em; font-weight: 800;}
.pro_wrap .odometer *{font-family: 'SUIT' !important;}
.pro_wrap .odometer .odometer-digit *{display: block; width: 42px; text-align: left;}
.pro_wrap .odometer .odometer-digit:first-of-type *{text-align: center;}
.pro_wrap .count .plus{color: #aa8351; font-size: 42px; font-weight: 800;}
.pro_wrap .sec1 .cont .item p{color: #3b342e; font-size: 18px; letter-spacing: -0.02em; font-weight: 500; margin-top: 15px; line-height: 1.4;}
.pro_wrap .sec1 .cont .item1{background: url(/img/sub/pro1_img01.jpg) no-repeat center / cover;}
.pro_wrap .sec1 .cont .item2{background: url(/img/sub/pro1_img02.jpg) no-repeat center / cover;}
.pro_wrap .sec1 .cont .item3{background: url(/img/sub/pro1_img03.jpg) no-repeat center / cover;}
.pro_wrap .sec1 .cont .item3 .s_txt,
.pro_wrap .sec1 .cont .item3 .count .plus,
.pro_wrap .sec1 .cont .item3 p{color: #3b342e;}

/* sec2 */
.pro_wrap .sec2{background: url(/img/sub/pro2_bg.jpg) no-repeat center / cover; height: 913px;}
.pro_wrap .sec2 .inner2{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.pro_wrap .sec2 .tit_wrap,
.pro_wrap .sec3 .txt{padding-left: 120px;}
.pro_wrap .sec2 .pop_btn{width: 194px; height: 64px; background: #293242; border-radius: 50px; border: none; transition: all 0.3s;}
.pro_wrap .sec2 .pop_btn:hover{color: #FFF; background: #ca9f68;}

/* sec3 */
.pro_wrap .sec3{padding: 190px 0;}
.pro_wrap .sec3 .inner2{display: flex; align-items: center; justify-content: space-between;}
.pro_wrap .sec3 .cont{margin-top: 25px; gap: 110px; display: flex;}
.pro_wrap .sec3 .cont .item .count{color: #3b342e; font-size: 65px; letter-spacing: -0.08em; font-weight: 800; margin-top: 10px;}
.pro_wrap .sec3 .cont .item .year{margin-top: 20px; font-size: 14px; letter-spacing: -0.02em; color: #1c1f24;}

/* sec4 */
.pro_wrap .sec4{height: 791px; background: url(/img/sub/pro4_bg.jpg) no-repeat center bottom / cover; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pro_wrap .sec4 .s_tit{font-weight: 600; margin-top: 25px;}

/* sec5 */
.pro_wrap .sec5{padding: 154px 130px 120px; background: #1c1f24;}
.pro_wrap .sec5 .cont{display: flex; align-items: flex-start;}
.pro_wrap .sec5 .cont > div{width: 50%;}
.pro_wrap .sec5 .cont .img{position: sticky; top: 150px;}
.pro_wrap .sec5 .cont .img img{width: 100%;}
.pro_wrap .sec5 .cont .txt{padding-left: 50px;}
.pro_wrap .sec5 .cont .tit_wrap .s_tit{font-weight: 500; line-height: 1.2;}
.pro_wrap .sec5 .cont .tit_wrap .s_tit b{font-weight: 600;}
.pro_wrap .sec5 .cont .tit_wrap .s_txt{margin-top: 10px; font-size: 28px; font-weight: 500;}
.pro_wrap .sec5 .cont .list{margin-top: 100px;}
.pro_wrap .sec5 .cont .list li + li{padding-top: 45px; margin-top: 45px; border-top: 2px dotted rgba(255,255,255,0.3);}
.pro_wrap .sec5 .cont .list li .tit span{color: #ca9f68 !important; font-size: 24px; letter-spacing: -0.02em; font-weight: 600;}
.pro_wrap .sec5 .cont .list li .tit p{font-size: 28px; letter-spacing: -0.02em; margin-top: 10px; font-weight: 600;}
.pro_wrap .sec5 .cont .list li .s_txt{margin-top: 30px;}
.pro_wrap .sec5 .btn_wrap{margin-top: 120px;}
.pro_wrap .sec5 .pop_btn{background: #ca9f68; width: 300px; height: 70px; border-radius: 50px; border: none; font-size: 32px; letter-spacing: -0.02em; transition: all 0.3s;}
.pro_wrap .sec5 .pop_btn:hover{background: #FFF; color: #1c1f24 !important;}