.subtop-list { height: 50px; display: flex; justify-content: center; align-items: center; gap: 5%; border-bottom: 1px solid #808080; }
.subtop-list li { height: 100%; }
.subtop-list li a { height: 100%; padding: 2vh 0; letter-spacing : -0.45px; color: #808080; }
.subtop-list li.on a { position: relative; color: #000; }
.subtop-list li.on a::after { content: ''; position: absolute; width: 100%; padding: 0 15%; height: 3px; left: 50%; bottom: 0; transform: translateX(-50%); background: #000; }
.sub { padding: 16vh 0; overflow: hidden; }

.sub .sub-tit h2 { margin-bottom: 60px; color: #ccc;  }
.sub .sub-tit p.f39 { line-height: 50px; letter-spacing : -1.95px; }
.sub .sub-tit span { color: #666; line-height: 20px; }

.sub-T { height: 480px; display: flex; justify-content: center; align-items: center; }
#subtop-1 { background: url(../img/sub/subtop/subtop-1_bg.png)no-repeat center/cover; }
#subtop-2 { background: url(../img/sub/subtop/subtop-2_bg.png)no-repeat center/cover; }
#subtop-3.bg1 { background: url(../img/sub/subtop/subtop-3-1_bg.png)no-repeat center/cover; }
#subtop-3.bg2 { background: url(../img/sub/subtop/subtop-3-2_bg.png)no-repeat center/cover; }
#subtop-3.bg3 { background: url(../img/sub/subtop/subtop-3-3_bg.png)no-repeat center/cover; }
#subtop-4 { background: url(../img/sub/subtop/subtop-4_bg.png)no-repeat center/cover; }



/* sub_1_1 */
#sub_1_1 .sub-tit span { color: #000; }
#sub_1_1 .cont { display: flex; justify-content: space-between; position: relative; }
#sub_1_1 .cont > div { width: 50%; }
#sub_1_1 .cont .img-wrap { position: absolute; top: 0; width: 50vw; }
#sub_1_1 .cont .txt h4 { letter-spacing: -1.25px; line-height : 35px; }
#sub_1_1 .cont .txt p { line-height: 25px; word-wrap: break-word; }

#sub_1_1 .cont-1 { justify-content: flex-end; align-items: flex-start; height: 380px; margin: 10vh 0; } 
#sub_1_1 .cont-1 .img-wrap { right: 53%; }
#sub_1_1 .cont-1 .img-wrap img { max-height: 380px; height: 100%; }
#sub_1_1 .cont-1 .txt { padding-left: 3%; }
#sub_1_1 .cont-1 .txt p { width: 85%; }

#sub_1_1 .cont-2 { justify-content: flex-start; align-items: center; height: 750px; margin-bottom: 5vh; }
#sub_1_1 .cont-2 .img-wrap { left: 50%; }
#sub_1_1 .cont-2 .img-wrap img { max-height: 750px; height: 100%; }
#sub_1_1 .cont-2 .txt { padding-right: 3%; }
#sub_1_1 .cont-2 .signature { display: block; margin-top: 8vh; }
#sub_1_1 .cont-2 .GS { margin-left: 40px; }


/* sub_1_2 */
#sub_1_2 .sub-tit h2 { margin-bottom: 20px; }
#sub_1_2 .sub-tit p.f35 { letter-spacing: -2px; margin-bottom: 75px; }
#sub_1_2 .sub-tit span { line-height: 29px; }

#sub_1_2 .cont-1 { background: url(../img/sub/sub_1/sub_1_2_cont-1_bg.png)no-repeat center/cover; }
#sub_1_2 .cont-1 ul { height: 480px; display: flex; align-items: center; justify-content: center; }
#sub_1_2 .cont-1 ul li { position: relative; width: 312px; height: 312px; border: 1px solid #fff; border-radius: 50%; }
#sub_1_2 .cont-1 ul li:nth-child(even) {border: 1px dashed #fff;}
#sub_1_2 .cont-1 ul li:first-child { transform: translateX(15%); }
#sub_1_2 .cont-1 ul li:last-child { transform: translateX(-15%); }
#sub_1_2 .cont-1 ul li .txt-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; white-space: nowrap; }
#sub_1_2 .cont-1 ul li .txt-box span { font-size: 2.56vw;  font-weight: 700; font-family: 'Noto Serif KR', sans-serif; }
#sub_1_2 .cont-1 ul li .txt-box p { margin-top: 10px; font-size: 1.31rem; font-weight: 300; font-family: 'Pretendard', sans-serif; }

#sub_1_2 .cont-2 { max-width: 1050px; margin: 0 auto;}
#sub_1_2 .cont-2 ul li { padding: 6vh 0; display: flex; justify-content: space-between; }
#sub_1_2 .cont-2 ul li:first-child { border-bottom: 1px solid; }
#sub_1_2 .cont-2 ul li .left { width: 25%; padding-left: 4%; display: flex; gap: 10%; }
#sub_1_2 .cont-2 ul li p { width: 70%; color: #333; line-height: 28px; }
#sub_1_2 .cont-2 ul li span { padding-top: 1vh; color: #3BA2CF; }


/* sub_1_3 */
#sub_1_3 .sub-tit { position: relative; }
#sub_1_3 .sub-tit h2 { margin-bottom: 40px; }
#sub_1_3 .sub-tit .control-box { position: absolute; right: 0; bottom: 0; display: flex; height: 38px; border-radius: 19px; background-color: #000; overflow: hidden;}
#sub_1_3 .sub-tit .control-box::after { content: ''; width: 1px; height: 65%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#sub_1_3 .sub-tit .control-box .btn { width: 3.13vw; height: 100%; position: static; margin: 0; color: #fff; }
#sub_1_3 .sub-tit .control-box .swiper-button-next { order: 1; }
#sub_1_3 .sub-tit .control-box .btn img { width: 40%;}
#sub_1_3 .sub-tit .control-box .btn::after { content: ''; }

#sub_1_3 .cont { overflow: hidden; }
#sub_1_3 .swiper-slide {border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 20px 0; }
/* #sub_1_3 .slide-1,
#sub_1_3 .slide-2 { height: 1160px; overflow-y: scroll; }
#sub_1_3 .slide-1::-webkit-scrollbar,
#sub_1_3 .slide-2::-webkit-scrollbar { display: none; } */
#sub_1_3 .swiper-slide .slide-wrap { display: flex; }
#sub_1_3 .swiper-slide .Left, #sub_1_3 .swiper-slide .Right { flex: 1 1 50%; }
#sub_1_3 .swiper-slide .Left { text-align: center; }
#sub_1_3 .swiper-slide .Left h1 { line-height: 250px; }
#sub_1_3 .swiper-slide .Left span { display: block; width: 2px; height: 60px; background: #808080; transform: rotate(-25deg); margin: auto; }
#sub_1_3 .swiper-slide .Left h2 { margin-top: -40px; line-height: 145px; color: #808080; }

#sub_1_3 .swiper-slide .Right ul { width: 100%; }
#sub_1_3 .swiper-slide .Right ul li,
#sub_1_3 .swiper-slide .Right .txt-wrap,
#sub_1_3 .swiper-slide .Right .txt-R { display: flex; align-items: flex-start; width: 100%; }
#sub_1_3 .swiper-slide .Right .list-wrap > li { padding: 3vh 0; border-bottom: 1px solid #999; }
#sub_1_3 .swiper-slide .Right .list-wrap > li:last-child { border-bottom: none; }

#sub_1_3 .swiper-slide .Right h3 { width: 15%; text-align: center; }
#sub_1_3 .swiper-slide .Right .txt-R { width: 85%; }
#sub_1_3 .swiper-slide .Right .txt-R li { padding: 0.7%; }
#sub_1_3 .swiper-slide .Right .txt-R h4 { width: 20%; text-align: center; }
#sub_1_3 .swiper-slide .Right .txt-R span { width: 80%; font-size: 16px; letter-spacing: -1px; line-height: 25px; }


/* sub_1_4 */
#sub_1_4 .inner3 { max-width: 1075px; margin: 0 auto; }
#sub_1_4 img { display: block; width: 100%; height: 100%; object-fit: cover; }

#sub_1_4 .sub-tit h2 { margin-bottom: 120px; }
#sub_1_4 .sub-tit p.f39 { line-height: 2.65vw; letter-spacing: -1px; }
#sub_1_4 .sub-tit p.f18 { line-height: 1.7rem; letter-spacing: -1px; margin-bottom: 70px; }
#sub_1_4 .sub-tit p span { color: #000; }

#sub_1_4 .sub-top { position: relative; width: 100%; height: 250px; margin-bottom: 155px; }
#sub_1_4 .sub-top .bg-wrap { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: url(../img/sub/sub_1/sub_1_4_top.png) no-repeat center/cover; z-index: -1; }

#sub_1_4 .sub-top .txt-wrap { position: relative; display: flex; height: 100%; align-items: center; }
#sub_1_4 .sub-top .txt-wrap .logo { max-height: 101px; height: 5.3vw; padding-right: 4%; border-right: 2px solid #fff;}
#sub_1_4 .sub-top .txt-wrap .txt { padding-left: 4%; color: #fff; }
#sub_1_4 .sub-top .txt-wrap .txt p { margin-bottom: 9%; }
#sub_1_4 .sub-top .txt-wrap .txt h3 { line-height: 1.6vw; }
#sub_1_4 .sub-top .txt-wrap .item { position: absolute; bottom: -30%; right: 0; }
#sub_1_4 .sub-top .txt-wrap .item .item-txt { position: absolute; top: -25%; right: 0; padding: 5%; }
#sub_1_4 .sub-top .txt-wrap .item .item-txt::after { content: ''; position: absolute; top: 0; right: 0; width: 2.5px; height: 200%; background: linear-gradient(0deg, #fff, #3ba2cf); z-index: -1;}

#sub_1_4 .cont .list { display: flex; flex-direction: column; gap: 75px; }
#sub_1_4 .cont .list li { display: flex; justify-content: space-between; align-items: flex-end; }


/* sub_1_5 */
#sub_1_5 img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sub_1_5 .sub-top { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 160px;}
#sub_1_5 .sub-top  .sub-tit h2 { margin-bottom: 20px; }
#sub_1_5 .sub-top .bg-logo { width: 530px; height: 410px; }
#sub_1_5 .sub-top .map { position: absolute; top: 60%; left: 0; padding: 0 !important; margin: 0 !important; width: 44vw; max-width: 886px; height: 22.5vw; max-height: 482px; }

#sub_1_5 .cont { height: 335px; background: url(../img/sub/sub_1/sub_1_5_cont_bg.png) no-repeat center/cover; }
#sub_1_5 .cont .inner { padding-top: 5%; display: flex; justify-content: space-between; align-items: center; color: #fff; }
#sub_1_5 .cont .inner .cont-L { position: relative; margin-left: 4%; padding-left: 1.5%; }
#sub_1_5 .cont .inner .cont-L::after { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(0deg, #fff, #3ba2cf); }

#sub_1_5 .cont .inner .cont-L h2 { margin-bottom: 1%; letter-spacing: -0.5px; }
#sub_1_5 .cont .inner .cont-R ul li { padding: 12px 2px 12px 15px; }
#sub_1_5 .cont .inner .cont-R ul li p { letter-spacing: -0.5px; }

#sub_1_5 .cont .inner .cont-R ul .link { text-align: right; margin-bottom: 15px; }
#sub_1_5 .cont .inner .cont-R ul .link a { display: inline-flex; align-items: center; border-radius: 19px; padding: 10px 18px; color: #000; background-color: #fff; }
#sub_1_5 .cont .inner .cont-R ul .link a p { text-wrap: nowrap; padding-right: 6px; }
#sub_1_5 .cont .inner .cont-R ul .link a span { height: 8px; }
#sub_1_5 .cont .inner .cont-R ul .address { border-bottom: 1px solid #fff; }
#sub_1_5 .cont .inner .cont-R ul .address p { line-height: 26px; }
#sub_1_5 .cont .inner .cont-R ul .tel { display: flex; justify-content: center; align-items: center; gap: 10%;}







/* sub_2 공통 */
.sub-2 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sub-2 .sub-tit { margin-bottom: 65px; }
.sub-2 .sub-tit h2 { margin-bottom: 15px; }
.sub-2 .sub-tit h3 { letter-spacing: -1px; }
.sub-2 .sub-tit p { line-height: 29px; }


/* sub_2_1 */
#sub_2_1 { margin-bottom: 150px;}
#sub_2_1 .inner .sub-tit { margin-bottom: 65px; }
#sub_2_1 .inner .sub-tit p { color: #666; line-height: 28px; }

#sub_2_1 .inner .cont { position: relative; width: 95%; margin: 0 auto; display: flex; }
#sub_2_1 .inner .cont > div { width: 50%; }

#sub_2_1 .inner .cont .cont-L { border-top: 3px solid #379fda; border-bottom: 3px solid #379fda; background-color: #fff; }
#sub_2_1 .inner .cont .cont-L ul { border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; }
#sub_2_1 .inner .cont .cont-L ul li { height: 210px; border-bottom: 1px solid #b2b2b2; display: flex; }
#sub_2_1 .inner .cont .cont-L ul li:last-child { border-bottom: none; }
#sub_2_1 .inner .cont .cont-L ul li .item { border-right: 1px solid #b2b2b2; width: 50%; padding: 4% 4% 0;}
#sub_2_1 .inner .cont .cont-L ul li .item:last-child { border-right: none;}

#sub_2_1 .inner .cont .cont-L ul li .item .item-L { display: flex; align-items: flex-start; gap: 3%; }
#sub_2_1 .inner .cont .cont-L ul li .item .item-L span { position: relative; display: inline-block; width: 19px; height: 19px; border: 1px solid #b2b2b2; margin-top: 1%; }
#sub_2_1 .inner .cont .cont-L ul li .item .item-L span::after { content: ''; position: absolute; width: 18px; height: 25px; top: -60%; left: 10%; background: url(../img/sub/sub_2/sub_2_1_check.svg) no-repeat center/cover; }
#sub_2_1 .inner .cont .cont-L ul li .item .item-L h3 { width: calc(100% - 19px - 3%); line-height: 23px; letter-spacing: -1px; word-wrap: break-word; }
#sub_2_1 .inner .cont .cont-L ul li .item p { line-height: 20px; letter-spacing: -0.5px; color: #808080; }
#sub_2_1 .inner .cont .cont-R { position: absolute; width: 75%; height: 100%; top: 8%; right: 0; z-index: -1;}


/* sub_2_2 */
#sub_2_2 { padding: 0 0 16vh; }
#sub_2_2 .bg-wrap-1 { padding: 16vh 0 80px; background: url(../img/sub/sub_2/sub_2_2_cont-1_bg.png) no-repeat center; }
#sub_2_2 .bg-wrap-2 { padding: 55px 0 80px; background: url(../img/sub/sub_2/sub_2_2_cont-2_bg.png) no-repeat center/cover; }
#sub_2_2 .inner .sub-tit p { color: #262626; }
#sub_2_2 .cont-1 .cont-tit { margin-bottom: 25px; }
#sub_2_2 .cont-1 .cont-tit h2 { margin-bottom: 10px; }
#sub_2_2 .cont-1 .cont-wrap { display: flex;}
#sub_2_2 .cont-1 .cont-wrap .cont-L { width: 50%; }
#sub_2_2 .cont-1 .cont-wrap .cont-L p { line-height: 24.5px; color: #4d4d4d; }
#sub_2_2 .cont-1 .cont-wrap .cont-R { width: 50%; display: flex; flex-direction: column; align-items: flex-end; }
#sub_2_2 .cont-1 .cont-wrap .cont-R img { width: 80%; height: auto; margin-bottom: 25px; }
#sub_2_2 .cont-1 .cont-wrap .cont-R strong { letter-spacing: -1px; margin-bottom: 15px; }
#sub_2_2 .cont-1 .cont-wrap .cont-R p { letter-spacing: -1px; line-height: 23px; text-align: right; color: #808080; }

#sub_2_2 .cont-2 .cont-top { display: flex; align-items: center; }
#sub_2_2 .cont-2 .cont-top .top-L { width: 60%; }
#sub_2_2 .cont-2 .cont-top .top-L h2 { line-height: 36px; letter-spacing: -1px; margin-bottom: 15px; }
#sub_2_2 .cont-2 .cont-top .top-L h3 { line-height: 30px; color: #1a1a1a; }
#sub_2_2 .cont-2 .cont-top .top-L p { position: relative; display: inline-block; line-height: 22px; letter-spacing: -0.5px; padding-bottom: 12px; }
#sub_2_2 .cont-2 .cont-top .top-L p::after { content: ''; position: absolute; bottom: 0; left: 0; width: 80%; height: 1px; background-color: black;}
#sub_2_2 .cont-2 .cont-top .top-R { width: 40%; text-align: right; }
#sub_2_2 .cont-2 .cont-top .top-R h3 { line-height: 38px; letter-spacing: -1px; }
#sub_2_2 .cont-2 .cont-top .top-R p { line-height: 24px; color: #3e3a39; }
#sub_2_2 .cont-2 .cont-bottom { display: flex; justify-content: space-between; gap: 5%; align-items: flex-start; margin-top: 100px;}
#sub_2_2 .cont-2 .cont-bottom .item { text-align: center; }
#sub_2_2 .cont-2 .cont-bottom .item img { /* height: 285px; margin: 0 auto; */ object-fit: contain;}
#sub_2_2 .cont-2 .cont-bottom .item p { line-height: 15px; color: #4d4d4d; }

#sub_2_2 .cont-3 { padding: 45px 0; }
#sub_2_2 .cont-3 .cont { display: flex; align-items: flex-start; padding: 85px 0; border-bottom: 1px solid #595757; }
#sub_2_2 .cont-3 .cont:last-child { border-bottom: none; }
#sub_2_2 .cont-3 .cont > div { width: 50%; }
#sub_2_2 .cont-3 .cont .txt-wrap { padding: 3% 10% 0 0;}
#sub_2_2 .cont-3 .cont .txt-wrap h3 { color: #262626; }
#sub_2_2 .cont-3 .cont .txt-wrap strong { display: block; letter-spacing: -0.5px; color: #4d4d4d; }
#sub_2_2 .cont-3 .cont .txt-wrap p { line-height: 25px; letter-spacing: -0.5px; color: #595757; }
#sub_2_2 .cont-3 .cont .txt-wrap span { display: block; line-height: 25px; letter-spacing: -0.5px; color: rgba(89, 87, 87, 0.8); }
#sub_2_2 .cont-3 .cont-3_2 .img-wrap img:first-child { margin-bottom: 60px; }


/* sub_2_3 */
#sub_2_3 .sub-tit { margin-bottom: 235px; }
#sub_2_3 .sub-tit h2 { margin-bottom: 10px; }

#sub_2_3 .cont-1 { width: 100%; height: 580px; background-color: #f2f2f2;}
#sub_2_3 .cont-1 .inner { position: relative; height: 100%; }
#sub_2_3 .cont-1 .top { position: absolute; top: 0; left: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 100%; height: 340px; border-radius: 170px; overflow: hidden; background: url(../img/sub/sub_2/sub_2_3_cont-1_top_img.png) no-repeat center/cover; }
#sub_2_3 .cont-1 .top::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: -1;}
#sub_2_3 .cont-1 .top .txt-wrap { color: #fff; text-align: center; }
#sub_2_3 .cont-1 .top .txt-wrap strong { display: block; letter-spacing: 6px; }
#sub_2_3 .cont-1 .top .txt-wrap .line { width: 2px; height: 40px; margin: 20px auto; background-color: #fff; }
#sub_2_3 .cont-1 .top .txt-wrap p { letter-spacing: -0.5px; line-height: 32px; }
#sub_2_3 .cont-1 .bottom { padding-bottom: 5%; height: 100%; display: flex; justify-content: center; align-items: flex-end; }
#sub_2_3 .cont-1 .bottom .item { width: 45%; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
#sub_2_3 .cont-1 .bottom .item:last-child { border-left: 3px solid rgba(89, 87, 87, 0.2); }
#sub_2_3 .cont-1 .bottom .item .img-wrap { width: 40%; }
#sub_2_3 .cont-1 .bottom .item .txt-wrap { width: 55%; }
#sub_2_3 .cont-1 .bottom .item .txt-wrap strong { display: block; letter-spacing: -0.5px; }
#sub_2_3 .cont-1 .bottom .item .txt-wrap p { line-height: 27px; letter-spacing: -0.5px; }
#sub_2_3 .cont-1 .bottom .item-1 { padding-right: 50px; }
#sub_2_3 .cont-1 .bottom .item-1 .txt-wrap { padding-bottom: 8%;}
#sub_2_3 .cont-1 .bottom .item-1 .txt-wrap p { padding-right: 30%;}
#sub_2_3 .cont-1 .bottom .item-2 { padding-left: 50px; }

#sub_2_3 .cont-2.inner3 { position: relative; padding: 100px 0 300px; width: 1230px; margin: 0 auto; }
#sub_2_3 .cont-2 .img-wrap { position: absolute; top: 0; right: 0; }
#sub_2_3 .cont-2 .top { margin-bottom: 60px; }
#sub_2_3 .cont-2 .top .txt-wrap { display: flex; align-items: center; }
#sub_2_3 .cont-2 .top .txt-wrap strong { display: block; width: 22%; line-height: 29px; letter-spacing: -0.5px; padding-right: 20px; }
#sub_2_3 .cont-2 .top .txt-wrap p { line-height: 25px; letter-spacing: -0.5px; padding-left: 20px; color: #4d4d4d; border-left: 2px solid #808080; }
#sub_2_3 .cont-2 .bottom { display: flex; gap: 40px; }
#sub_2_3 .cont-2 .bottom .list { width: 28%; }
#sub_2_3 .cont-2 .bottom .list li { display: flex; align-items: center; gap: 30px; padding: 9px 0; border-bottom: 1px solid #b4b4b5; font-size: 18px; font-weight: 600; font-family: 'Pretendard', sans-serif; }
#sub_2_3 .cont-2 .bottom .list li span { position: relative; display: block; margin-left: 6%; width: 15px; height: 15px; border: 1px solid #102747; }
#sub_2_3 .cont-2 .bottom .list li span::after { content: ' \1F5F8'; position: absolute; top: -80%; left: -10%; font-size: 30px; font-weight: 300; color: #3973b8; }


/* sub_2_4 */
#sub_2_4 .sub-tit { margin-bottom: 70px; }
#sub_2_4 .sub-tit h2 { margin-bottom: 10px; }
#sub_2_4 .sub-tit strong { display: block; }

#sub_2_4 .cont { display: flex; justify-content: center; box-shadow: 0 0 15px #ccc; }
#sub_2_4 .cont > div { padding: 4%; }
#sub_2_4 .cont .cont-L { width: 48%; }
#sub_2_4 .cont .cont-R { width: 52%; }
#sub_2_4 .cont.inner3 { width: 1450px; margin: 0 auto; }

#sub_2_4 .cont .cont-L { position: relative; }
#sub_2_4 .cont .cont-L #control-box { position: absolute; top: 6%; right: 8%; display: flex; width: 120px; height: 38px; border-radius: 19px; background-color: #000; overflow: hidden; z-index: 9;}
#sub_2_4 .cont .cont-L #control-box::after { content: ''; width: 1px; height: 65%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#sub_2_4 .cont .cont-L #control-box .btn { position: relative; width: 50%; height: 100%; margin: 0; color: #fff; cursor: pointer; }
#sub_2_4 .cont .cont-L #control-box .btn img { position: absolute; height: 25%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#sub_2_4 .cont .cont-L .nav { border-bottom: 2px solid black; }
#sub_2_4 .cont .cont-L .nav .depth01 p { position: relative; height: 55px; line-height: 55px; border-bottom: 1px solid #666; cursor: pointer; letter-spacing: -0.5px; }
#sub_2_4 .cont .cont-L .nav .depth01.on p { border-bottom: 2px solid #000; font-weight: bold; }
#sub_2_4 .cont .cont-L .nav .depth01:first-child .depth02 { display: block; }
#sub_2_4 .cont .cont-L .nav .depth01 .depth02 { display: none; padding: 20px 0; border-bottom: 1px solid #666; }
#sub_2_4 .cont .cont-L .nav .depth01 .depth02 li { height: 560px; }
#sub_2_4 .cont .cont-L .nav .depth01:nth-child(3) .depth02 li { overflow-y: scroll; }

#sub_2_4 .cont .cont-R .txt-wrap { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
#sub_2_4 .cont .cont-R .txt-wrap > p { letter-spacing: -0.5px; line-height: 24px; }
#sub_2_4 .cont .cont-R .txt-wrap a { display: flex; justify-content: center; align-items: center; gap: 10px; width: 170px; height: 38px; border-radius: 19px; background-color: #000; }
#sub_2_4 .cont .cont-R .txt-wrap a p { color: #fff; letter-spacing: -0.5px; }
#sub_2_4 .cont .cont-R .txt-wrap a img { height: 30%; }





/* sub_3 sub-product 공통 */
.sub-product .cont h5 { display: inline-block; line-height: 20px; padding: 0 2px 2px; background-color: rgba(171, 0, 27, 0.2); font-size: 20px; font-weight: 400; font-family: 'Cormorant Garamond', sans-serif; }
.sub-product .cont h3 { line-height: 26px; letter-spacing: -0.5px; font-size: 25px; font-weight: 600; font-family: 'Pretendard', sans-serif; }
.sub-product .cont p { color: #4c4948; letter-spacing: -0.5px; font-size: 18px; font-weight: 100; font-family: 'Pretendard', sans-serif; }
.sub-product .cont strong { font-size: 18px; font-weight: 600; font-family: 'Pretendard', sans-serif; }

.sub-product .sub-main.inner-c { width: 1100px; margin: 0 auto 90px; }
.sub-product .cont-2.inner-c { width: 1100px; margin: 0 auto; }
.sub-product .cont-3 .inner-c { width: 1100px; margin: 0 auto; }
.sub-product .cont-4.inner-c { width: 1100px; margin: 0 auto; }


/* sub_3 sub-product sub-main 공통 */
.sub-product .sub-main .sub-top { display: flex; justify-content: space-between; margin-bottom: 120px; }
.sub-product .sub-main .sub-top .img-wrap { width: 53%; }
.sub-product .sub-main .sub-top .txt-wrap { width: 40%; display: flex; flex-direction: column; }
.sub-product .sub-main .sub-top .txt-wrap h2 { line-height: 67px; }
.sub-product .sub-main .sub-top .txt-wrap strong { display: block; letter-spacing: -0.5px; }
.sub-product .sub-main .sub-top .txt-wrap a { display: flex; justify-content: center; align-items: center; gap: 10%; width: 131px; height: 38px; border-radius: 19px; background-color: #000; }
.sub-product .sub-main .sub-top .txt-wrap a p { color: #fff; }

.sub-product .sub-main .sub-bottom .list { display: flex; align-items: flex-start; }
.sub-product .sub-main .sub-bottom .list li { width: 20%; display: flex; flex-direction: column; align-items: center; border-right: 1px solid rgba(102, 102, 102, 0.4); }
.sub-product .sub-main .sub-bottom .list li:last-child { border: none; }
.sub-product .sub-main .sub-bottom .list li img { width: 55px; height: 55px; margin-bottom: 25px; }
.sub-product .sub-main .sub-bottom .list li strong { display: block; margin-bottom: 15px; letter-spacing: -0.5px; line-height: 26px; text-align: center; }
.sub-product .sub-main .sub-bottom .list li p { line-height: 24px; text-align: center; }


/* sub_3 sub-product cont-1 공통 */
.sub-product .cont-1 { display: flex; align-items: flex-start; border-top: 1px solid #666666; border-bottom: 1px solid #666666; margin-bottom: 85px; }
.sub-product .cont-1 > div { position: relative; width: 50%; padding: 5%; }
.sub-product .cont-1 > div:last-child::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 85%; background-color: #666666; opacity: 0.7; }
.sub-product .cont-1 > div p { line-height: 26px; }
.sub-product .cont-1 > div strong { display: flex; justify-content: flex-start; align-items: center; gap: 3%; }
.sub-product .cont-1 > div strong span { display: inline-block; width: 65%; height: 1px; background-color: #b2b2b2;}
.sub-product .cont-1 .cont-R p:last-child { padding-right: 15%; word-break: keep-all; }


/* sub_3 sub-product cont-2 공통 */
.sub-product .cont-2 { padding-bottom: 85px;}
.sub-product .cont-2 .img-wrap { margin-bottom: 25px; }
.sub-product .cont-2 .txt-wrap { display: flex; justify-content: space-between; align-items: flex-start; }
.sub-product .cont-2 .txt-wrap > div { width: 48%; }
.sub-product .cont-2 .txt-wrap p { line-height: 26px; }
.sub-product .cont-2 .txt-wrap p span { text-wrap: nowrap; }


/* sub_3 sub-product cont-3 공통 */
.sub-product .cont-3 { background-color: #f7f6f7; margin-bottom: 80px; }
.sub-product .cont-3 .inner-c { display: flex; justify-content: space-between; }
.sub-product .cont-3 .list-wrap { width: 60%; display: flex; align-items: flex-end; padding-bottom: 60px; }
.sub-product .cont-3 .list-wrap .list-L { width: 45%; }
.sub-product .cont-3 .list-wrap .list-R { width: 55%; }

.sub-product .cont-3 ul li { padding: 10px; border-bottom: 1px solid #999999; }
.sub-product .cont-3 ul li:first-child {padding: 15px 0 0; border-bottom: 2px solid #000; }
.sub-product .cont-3 ul li:nth-child(2) { padding: 20px 10px 10px; }
.sub-product .cont-3 ul li p { line-height: 24px; font-weight: 200; }

.sub-product .cont-3 .list-wrap .list-L ul { padding-right: 40px;}
.sub-product .cont-3 .list-wrap .list-L ul li:first-child p { font-weight: 400; color: #000; }

.sub-product .cont-3 .list-wrap .list-R ul li:first-child { padding: 10px; }
.sub-product .cont-3 .list-wrap .list-R ul li:first-child p { font-size: 21px; }
.sub-product .cont-3 .list-wrap .list-R ul li:nth-child(3) { padding: 6px 10px; }
.sub-product .cont-3 .list-wrap .list-R ul li:nth-child(3) p { line-height: 16px; }

.sub-product .cont-3 .box-wrap { width: 40%; display: flex; align-items: flex-start; padding: 55px 0 30px 15px;}
.sub-product .cont-3 .box-wrap nav { width: calc(100% - 42px); padding: 20px; }
.sub-product .cont-3 .box-wrap nav ul li { border-bottom: 1px solid rgba(255, 255, 2555, 0.6); }
.sub-product .cont-3 .box-wrap nav ul li:first-child {padding: 15px 0; border-bottom: 2px solid #fff; }
.sub-product .cont-3 .box-wrap nav ul li:nth-child(2) { padding: 25px 0 10px; }
.sub-product .cont-3 .box-wrap nav ul li:nth-child(3) { padding: 6px 10px; }
.sub-product .cont-3 .box-wrap nav ul li:last-child { border: none; }

.sub-product .cont-3 .box-wrap nav ul li p { position: relative; font-size: 19px; font-weight: 500; letter-spacing: -1px; line-height: 23px; text-align: center; color: #fff; }
.sub-product .cont-3 .box-wrap nav ul li:first-child p { font-weight: 700; }
.sub-product .cont-3 .box-wrap nav ul li:nth-child(3) p { line-height: 16px; }
.sub-product .cont-3 .box-wrap nav ul li:nth-child(4) p::after { content: ''; position: absolute; bottom: -10%; left: 22%; width: 60%; height: 6px; background: url(../img/sub/sub_3/sub_3_cont-3_underline.png) no-repeat center/cover;}


/* sub_3 sub-product cont-4 공통 */
.sub-product .cont-4 { display: flex; align-items: flex-start; }
.sub-product .cont-4 .cont-L { width: 65%; }

.sub-product .cont-4 .cont-R .R-1 { margin-bottom: 40px; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul { display: flex; justify-content: space-between; align-items: flex-end; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li { text-align: center; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li:nth-child(1) { width: 35%; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li:nth-child(2) { width: 30%; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li:nth-child(3) { width: 35%; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li h4 { padding-bottom: 15px; border-bottom: 2px solid #000; font-size: 20px; font-weight: 600; font-family: 'Pretendard', sans-serif; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li:nth-child(2) h4 { padding-bottom: 25px; }
.sub-product .cont-4 .cont-R .R-1 .R-1-top ul li p { padding: 10px 0; border-bottom: 1px solid #c7c8c9; line-height: 24px; margin-bottom: 20px; }
.sub-product .cont-4 .cont-R .R-1 .R-1-bottom p { padding-left: 20px; font-size: 17px; line-height: 26px; }

.sub-product .cont-4 .cont-R .R-2 { background-color: #f3f5f8; border-radius: 15px; padding: 20px 30px; margin-bottom: 45px; }
.sub-product .cont-4 .cont-R .R-2 h5 { display: block; padding: 0; background-color: inherit; line-height: 30px; }
.sub-product .cont-4 .cont-R .R-2 h5:first-child {display: inline-block; border-bottom: 1px solid #333; }
.sub-product .cont-4 .cont-R .R-2 h5 span { font-size: 18px; font-family: 'Pretendard', sans-serif; color: #4c4948; }
.sub-product .cont-4 .cont-R .R-2 strong { display: block; margin-top: 20px; line-height: 26px; }

.sub-product .cont-4 .cont-R .R-3 { position: relative; padding-left: 3%; }
.sub-product .cont-4 .cont-R .R-3 strong { display: block; margin-bottom: 35px; }
.sub-product .cont-4 .cont-R .R-3 h3 { margin-bottom: 40px; }
.sub-product .cont-4 .cont-R .R-3 .no { display: flex; align-items: center; gap: 35px; margin-bottom: 20px; }
.sub-product .cont-4 .cont-R .R-3 .no h2 { font-size: 59px; color: #ab001b; }
.sub-product .cont-4 .cont-R .R-3 .no ul li { padding: 5px 0; border-bottom: 1px solid #808080; font-size: 18px; font-weight: 500; font-family: 'Pretendard', sans-serif; }
.sub-product .cont-4 .cont-R .R-3 .no ul li:last-child { border: none; }
.sub-product .cont-4 .cont-R .R-3 .how { display: inline-flex; align-items: flex-start; gap: 10px; background-color: #f3f5f8; border-radius: 15px; padding: 20px 30px 20px 20px; }
.sub-product .cont-4 .cont-R .R-3 .how h5 { display: block; padding: 0; background-color: inherit; }
.sub-product .cont-4 .cont-R .R-3 .how p { font-weight: 500; line-height: 28px; }
.sub-product .cont-4 .cont-R .R-3 .how p span { display: inline-block; border-bottom: 1px solid #333; }
.sub-product .cont-4 .cont-R .R-3 .img-wrap { position: absolute; right: -10%; bottom: -10%; width: 75%; z-index: -1; }


/* sub_3_1 */
#sub_3_1 .sub-main .sub-top .txt-wrap { gap: 20%; }
#sub_3_1 h5,
#sub_3_1 .cont-1 > div strong,
#sub_3_1 .cont-4 strong { color: #ab001b; }
#sub_3_1 .cont-3 .box-wrap nav { background-color: #ab001b; }


/* sub_3_2 */
#sub_3_2 .sub-main .sub-top .txt-wrap { gap: 30%; }
#sub_3_2 h5,
#sub_3_2 .cont-1 > div strong,
#sub_3_2 .cont-4 strong { color: #256dda; }
#sub_3_2 .cont-3 .box-wrap nav { background-color: #256dda; }


/* sub_3_3 */
#sub_3_3 .sub-tit { margin-bottom: 95px; }
#sub_3_3 .sub-tit h2 { line-height: 54px; }

#sub_3_3 .cont { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 95px; }
#sub_3_3 .cont > div { width: 50%; }
#sub_3_3 .cont .txt-wrap ul { padding-right: 10%;  }
#sub_3_3 .cont .txt-wrap ul li { display: flex; padding-bottom: 35px; border-bottom: 1px solid #666666; }
#sub_3_3 .cont .txt-wrap ul li:last-child { padding-bottom: 0; border: none; }
#sub_3_3 .cont .txt-wrap ul li h3 { padding: 4% 3% 4% 0; font-size: 50px; font-weight: 700; font-family: 'Cormorant Garamond', sans-serif; color: #cccccc; }
#sub_3_3 .cont .txt-wrap ul li .tip { padding-top: 7%; }
#sub_3_3 .cont .txt-wrap ul li .tip strong { display: block; font-size: 25px; font-weight: 600; font-family: 'Pretendard', sans-serif; margin-bottom: 25px; }
#sub_3_3 .cont .txt-wrap ul li .tip p { font-size: 18px; font-weight: 100; font-family: 'Pretendard', sans-serif; line-height: 26px; letter-spacing: -0.5px; color: #4c4948; word-break: keep-all; }
#sub_3_3 .cont .img-wrap { position: relative; margin-top: 2%; }
#sub_3_3 .cont .img-wrap img { position: absolute; top: 0; display: block; width: 50vw; height: 505px; }

#sub_3_3 .cont-1 .img-wrap img { left: 0; } 
#sub_3_3 .cont-2 .img-wrap { order: -1; }
#sub_3_3 .cont-2 .img-wrap img { right: 10%;}