@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}
.main_admin{position: fixed; z-index: 11; top:95px; right: 10px;}
.main_admin a{font-size: 14px; background: #fff; border-radius: 5px; margin-bottom: 5px; width: 80px; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-weight: 500;}


:root{
	--main-color: #C10A26;

    --fs128: 12.8rem;
    --fs100: 10rem;
    --fs95: 9.5rem;
    --fs96: 9.6rem;
    --fs85: 8.5rem;
    --fs80: 8.0rem;
    --fs75: 7.5rem;
    --fs70: 7.0rem;
    --fs65: 6.5rem;
    --fs62: 6.2rem;
    --fs60: 6.0rem;
    --fs58: 5.8rem;
    --fs55: 5.5rem;
    --fs54: 5.4rem;
    --fs52: 5.2rem;
    --fs50: 5.0rem;
    --fs48: 4.8rem;
    --fs46: 4.6rem;
    --fs45: 4.5rem;
    --fs42: 4.2rem;
    --fs40: 4.0rem;
    --fs38: 3.8rem;
    --fs37: 3.7rem;
    --fs36: 3.6rem;
    --fs35: 3.5rem;
    --fs34: 3.4rem;
    --fs32: 3.2rem;
    --fs30: 3.0rem;
    --fs29: 2.9rem;
    --fs28: 2.8rem;
    --fs27: 2.7rem;
    --fs26: 2.6rem;
    --fs25: 2.5rem;
    --fs24: 2.4rem;
    --fs23: 2.3rem;
    --fs22: 2.2rem;
    --fs21: 2.1rem;
    --fs20: 2.0rem;
    --fs19: 1.9rem;
    --fs18: 1.8rem;
    --fs17: 1.7rem;
    --fs16: 1.6rem;
    --fs15: 1.5rem;
    --fs14: 1.4rem;
}

/* 공통사항 */
.title {text-align: center;}
.title span {font-size: var(--fs22); color: var(--main-color); font-weight: 600; display: inline-block; padding-bottom: 10px;} 
.title h3 {font-size: var(--fs45); font-family: 'Georgia-Bold';  font-weight: bold; line-height: 1.2;}
.title h3 br {display: none;}

@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .title h3 {font-size: var(--fs40); line-height: 1.4;}
    .title h3 br {display: block;}
}



/* ################### 메인페이지 ################### */
#section1 .box_wrap {padding-top: 80px; margin-top: 50px; background: url(../img/section1_bg.png)no-repeat; background-position: center top; background-size: contain;}
#section1 .box_wrap .box {width: 33%; text-align: center;}
#section1 .box_wrap .box p {font-size: var(--fs24);  font-weight: 600; margin-top: 30px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #section1 .box_wrap {padding-top: 60px; margin-top: 50px; }
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    #section1 .box_wrap {padding-top: 30px;  }
    #section1 .box_wrap .box img {width: 50%;}
    #section1 .box_wrap .box p {margin-top: 20px;}
}


#section2 .silde_box {margin-top: 80px; position: relative;}
#section2 .silde_box .box_wrap {justify-content: space-between;}
#section2 .silde_box .box_wrap .img_box {position: relative; width: 55%;}
#section2 .silde_box .box_wrap .img_box img {width: 100%; height: auto;}
#section2 .silde_box .box_wrap .img_box span {display: inline-block; text-align: center; padding: 20px 10px; position: absolute; left: 0; top: 0; background: var(--main-color); font-size: var(--fs21); color: #fff;  font-weight: 600;  line-height: 1.6;}
#section2 .silde_box .box_wrap .txt_box {width: 40%;}
#section2 .silde_box .box_wrap .txt_box h6 {font-size: var(--fs48); font-weight: 700;}
#section2 .silde_box .box_wrap .txt_box p {font-size: var(--fs20); color: #888888; line-height: 1.5; margin: 30px 0 45px 0;}
#section2 .silde_box .box_wrap .txt_box a {font-size: var(--fs22); font-weight: 500; color: #fff; width: 173px; padding: 15px 0; display: inline-block; text-align: center;  border-radius: 5px;}
#section2 .swiper-slide-next {opacity: 0.6;}

#section2 .silde_box .section2_btn {max-width: 1400px; width: 92%; display: flex; justify-content: space-between; align-items: center;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99;}
#section2 .silde_box .section2-next, #section2 .silde_box .section2-prev {cursor: pointer;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #section2 .silde_box {margin-top: 40px;}
    #section2 .silde_box .section2_btn {display: none;}
}
@media all and (max-width: 768px) {
    #section2 .common {width: 92%; margin: 0 auto;}
    #section2 .silde_box .box_wrap {flex-wrap: wrap;}
#section2 .silde_box .box_wrap .img_box {width: 100%;}
#section2 .silde_box .box_wrap .img_box span {padding: 10px 5px; font-size: var(--fs14);}
#section2 .silde_box .box_wrap .txt_box {width: 100%; margin-top: 30px;}
#section2 .silde_box .box_wrap .txt_box h6 {font-size: var(--fs38); }
#section2 .silde_box .box_wrap .txt_box p {  margin: 15px 0 30px 0;}
#section2 .silde_box .box_wrap .txt_box a { padding: 10px 0;  width: 120px; }
}
@media all and (max-width: 600px) {
}

#section3 .common {padding-bottom: 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
#section3 .title {position: relative; padding-bottom: 15px; width: 100%;}
#section3 .section3_bg {max-width: 786px; height: auto; width: 50%; position: absolute; left: 0; bottom: 0;}
#section3 .title h3 {font-family: 'Georgia'; color: var(--main-color);}
#section3 .txt { background: url(../img/section3_txt_bg.png)no-repeat; width: 0;background-position: center center; background-size: cover; height: 449px;}
#section3 .txt h2 {font-family: 'Georgia';font-size: var(--fs80); text-align: center; color: #fff; padding-top: 15px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
#section3 .section3_bg {width: 65%;}
#section3 .txt { height: 250px;}
#section3 .txt h2 {font-size: var(--fs58);}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}

#section4 {background: url(../img/section4_bg.png)no-repeat; background-position: center center; background-size: cover;}
#section4 .common {padding-top: 200px;}
#section4 .img_box {text-align: center; margin-top: 80px; }
#section4 .img_box img {max-width: 1260px; width: 100%; height: auto;}
#section4 .link_box {text-align: center;}
#section4 .link_box a {font-size: var(--fs22); font-weight: 500; color: #fff; width: 173px; padding: 15px 0; display: block; text-align: center; border-radius: 5px; display: inline-block;}

/* 버튼 스타일 */
.btn-hover {
    background-size: 300% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
}
.btn-hover:hover {background-position: 100% 0; moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #560310, #C35666, #C10A26, #D0596C);  box-shadow: 0 4px 15px 0 rgba(185, 43, 25, 0.75);
}

@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
#section4 .common {padding-top: 120px;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    #section4 .img_box {margin-top: 0; margin: 30px 0; }
    #section4 .link_box a {width: 120px; padding: 12px 0; }
}

/* ################### 서브페이지 ################### */
/* 공통 */
.sub_titl_wrap {padding: 120px 0 80px 0;}
.sub_title {text-align: center;}
.sub_title h3 {font-size: var(--fs45); font-family: 'Georgia-Bold'; margin-bottom: 25px;}
.sub_title span {font-size: var(--fs24); font-weight: 600;  text-align: center; transform: skewX(-10deg); color: #5d5c85; display: inline-block; margin-bottom: 20px; transform: skewX(-10deg); letter-spacing: 0;}
.sub_title p {font-size: var(--fs18);  text-align: center; color: #494949; line-height: 1.4; word-break: break-word;}
.sub_title2 h3 {margin-bottom: 80px;}
.sub_title h6 {text-align: center; font-size: var(--fs22); font-weight: 600; color: var(--main-color);}
.subcommon {padding-bottom: 160px;}
.subcommon2 {padding: 160px 0;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .sub_titl_wrap {padding: 60px 0 40px 0;}
    .sub_title2 h3 {margin-bottom: 40px;}
    .subcommon {padding-bottom: 90px;}
.subcommon2 {padding: 90px 0;}
.sub_title p br {display: none;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .sub_title h3 {font-size: var(--fs42);}
    .sub_title span {font-size: var(--fs32);}
    .sub_title p {font-size: var(--fs20);}
}


/* Our Services 시작 */
/* 모든 페이지에 레이아웃 연동되어 있으니 주의해서 수정하세요  */
/* 공통 탭 시작 */
.sub_tab .tab_wrap {display: flex; gap: 15px 1%; flex-wrap: wrap; padding-top: 80px;}
.sub_tab .tab_wrap a {width: 24.25%; display: inline-block; box-sizing: border-box; border: 1px solid var(--main-color); font-size: var(--fs18); padding: 18px 0; color: var(--main-color); transition: all 0.2s; text-align: center;} 
.sub_tab .tab_wrap a:hover, .sub_tab .tab_wrap a.on {background: var(--main-color); color: #fff;  }
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
    .sub_tab .tab_wrap {gap: 10px 1%; }
.sub_tab .tab_wrap a {width: 32.3%;} 
}
@media all and (max-width: 1024px) {
    .sub_tab .tab_wrap {padding-top: 60px;}
}
@media all and (max-width: 768px) {
    .sub_tab .tab_wrap { gap: 8px 2%; padding-top: 20px;}
    .sub_tab .tab_wrap a {width: 49%; font-size: var(--fs16); padding: 15px 0;}
}
@media all and (max-width: 600px) {
}


/* 공동 타이틀 */
#sub_page .sub_stitle {text-align: center; padding-bottom: 50px;}
#sub_page .sub_stitle span {font-size: var(--fs24); font-weight: 700; color: #5d5c85; transform: skewX(-10deg); display: inline-block; word-wrap: break-word;}
#sub_page .sub_stitle p {font-size: var(--fs18); color: #494949; margin-top: 20px; line-height: 1.4;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #sub_page .sub_stitle p br {display: none;}
}
@media all and (max-width: 768px) {
    #sub_page .sub_stitle span {font-size: var(--fs32);}
}
@media all and (max-width: 600px) {
}


/* 레이아웃1 */
.layout1_box {}
.layout1_box .box_wrap {margin-bottom: 120px; justify-content: space-between;}
.layout1_box .box_wrap:last-child {margin-bottom: 0;}
.layout1_box .box_wrap .img_box {width: 30%;}
.layout1_box .box_wrap .txt_box {width: 63%;}

.layout1_box .box_wrap .img_box {position: relative; overflow: hidden; border-bottom: 4px solid #1231ac;}
.layout1_box .box_wrap .img_box img {height: auto; width: 100%;}
.layout1_box .box_wrap .img_box .img_txt {position: absolute; left: 0; bottom: 0; padding: 25px 14px; width: 100%; }
.layout1_box .box_wrap .img_box .img_txt span {font-size: var(--fs16); font-weight: 700; color: #fff;}
.layout1_box .box_wrap .img_box .img_txt p {font-size: var(--fs24); font-weight: 700; color: #fff; transform: skewX(-10deg); margin-top: 15px;}

.layout1_box .box_wrap .txt_box h6 {font-size: var(--fs24); letter-spacing: 0; font-weight: 700; color: #5d5c85; transform: skewX(-10deg); line-height: 1.4;}
.layout1_box .box_wrap .txt_box p {font-size: var(--fs18);  color: #494949; line-height: 1.4; margin-top: 30px; word-break: break-word;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout1_box .box_wrap {flex-wrap: wrap; margin-bottom: 60px;}
    .layout1_box .box_wrap .img_box {width: 100%;}
.layout1_box .box_wrap .txt_box {width: 100%; margin-top: 30px;}
.layout1_box .box_wrap .txt_box p {margin-top: 20px;}
.layout1_box .box_wrap .img_box .img_txt { padding: 20px 14px; }
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout1_box .box_wrap .img_box .img_txt span {font-size: var(--fs18);}
.layout1_box .box_wrap .img_box .img_txt p {font-size: var(--fs26); margin-top: 10px;}
.layout1_box .box_wrap .txt_box h6 {font-size: var(--fs26);}
.layout1_box .box_wrap .txt_box p {font-size: var(--fs20);}
}

/* 레이아웃2 */
.layout2_box .box_wrap {flex-wrap: wrap;}
.layout2_box .box_wrap .box {width: 33.33%; text-align: center; padding: 40px 0; border: 1px solid #e6e6e6;}
.layout2_box .box_wrap .box h6 {font-size: var(--fs20); letter-spacing: 0; padding: 10px 0 20px 0; font-weight: 600; }
.layout2_box .box_wrap .box p {font-size: var(--fs16); line-height: 1.4;  color: #494949; }
.layout2_box .box_wrap .box p b {margin-right: 5px; color: var(--main-color);}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
    .layout2_box .box_wrap .box {width: 50%;}
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout2_box .box_wrap {gap: 20px 0;}
    .layout2_box .box_wrap .box {width: 100%;}
    .layout2_box .box_wrap .box h6 {font-size: var(--fs24); padding: 10px 0;}
.layout2_box .box_wrap .box p {font-size: var(--fs18);}
}


/* 레이아웃3 */
.layout3_box .box_wrap {border-radius: 8px; background: #f6f6f6; overflow: hidden; padding: 30px 0; align-items: start;}
.layout3_box .box_wrap .box {width: 25%;  padding: 0 0; text-align: center; border-right: 1px solid #e9e8e8;} 
.layout3_box .box_wrap .box:last-child {border-right: 1px solid transparent;}
.layout3_box .box_wrap .box h6 {font-size: var(--fs20); letter-spacing: 0; padding: 25px 0 20px 0; font-weight: 600; }
.layout3_box .box_wrap .box  p {font-size: var(--fs16); line-height: 1.4;  color: #494949; }
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout3_box .box_wrap { gap: 60px 0; flex-wrap: wrap;}
.layout3_box .box_wrap .box {width: 49%; border-right: 1px solid transparent;} 

}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout3_box .box_wrap { gap: 40px 0;}
    .layout3_box .box_wrap .box {width: 100%;} 
    .layout3_box .box_wrap .box h6 {font-size: var(--fs24); }
.layout3_box .box_wrap .box  p {font-size: var(--fs20);}
.layout3_box .box_wrap .box img {height: 140px; width: auto;}
}

/* 레이아웃4 */
.layout4_box .box_wrap {justify-content: space-between;}
.layout4_box .box_wrap .box {border-radius: 8px; width: 24.25%; background: #f6f6f6; padding: 30px 15px; text-align: center; border: 1px solid #c8c6ee; height: 370px;} 
.layout4_box .box_wrap .box h6 {font-size: var(--fs20); letter-spacing: 0; padding: 25px 0 20px 0; font-weight: 600; }
.layout4_box .box_wrap .box  p {font-size: var(--fs16); line-height: 1.4;  color: #494949; }

.layout4_box .box_wrap .box:nth-child(2) {margin-bottom: 25px;}
.layout4_box .box_wrap .box:nth-child(3) {margin-bottom: 50px;}
.layout4_box .box_wrap .box:nth-child(4) {margin-bottom: 75px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout4_box .box_wrap {gap: 20px 0; flex-wrap: wrap;}
    .layout4_box .box_wrap .box {width: 49%; height: 300px; }
    .layout4_box .box_wrap .box:nth-child(2) {margin-bottom: 0;}
.layout4_box .box_wrap .box:nth-child(3) {margin-bottom: 0;}
.layout4_box .box_wrap .box:nth-child(4) {margin-bottom: 0;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout4_box .box_wrap .box {width: 100%; height: auto;}
    .layout4_box .box_wrap .box h6 {font-size: var(--fs24);}
.layout4_box .box_wrap .box  p {font-size: var(--fs18);}
}

/* 레이아웃5 */
.layout5_box .box_wrap {justify-content: space-between; align-items: start;}
.layout5_box .box_wrap .box {border-radius: 8px; width: 32%; text-align: center; } 
.layout5_box .box_wrap .box img {width: 100%; height: auto;}
.layout5_box .box_wrap .box h6 {font-size: var(--fs24); letter-spacing: 0; font-weight: 700; padding: 25px 0 30px 0; color: #5d5c85; transform: skewX(-10deg);}
.layout5_box .box_wrap .box  p {font-size: var(--fs18); line-height: 1.4;  color: #494949; }

@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout5_box .box_wrap {gap: 40px 0; flex-wrap: wrap;}
.layout5_box .box_wrap .box {width: 49%;} 
.layout5_box .box_wrap .box h6 {padding: 20px 0;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout5_box .box_wrap {gap: 40px 0; }
.layout5_box .box_wrap .box {width: 100%;} 
}

/* 레이아웃6 */
.layout6_box .box_wrap {justify-content: space-between; align-items: start; gap: 25px 0; flex-wrap: wrap;}
.layout6_box .box_wrap .box {width: 49%; padding: 0 25px; display: flex; flex-direction: column; justify-content: center; align-items: start; background: #f2f4f6; border: 1px solid var(--main-color); height: 200px; } 
.layout6_box .box_wrap .box img {width: 100%; height: auto;}
.layout6_box .box_wrap .box h6 {font-size: var(--fs20); letter-spacing: 0; font-weight: 600; padding: 0 0 10px 0; }
.layout6_box .box_wrap .box li {display: flex;}
.layout6_box .box_wrap .box  p {font-size: var(--fs16); line-height: 1.5;  }
.layout6_box .box_wrap .box   b {color: var(--main-color); padding-right: 8px; display: inline-block;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
    .layout6_box .box_wrap .box {width: 100%; height: auto; padding: 35px 20px; }
}
@media all and (max-width: 600px) {
    .layout6_box .box_wrap .box h6 {font-size: var(--fs24);}
.layout6_box .box_wrap .box  p {font-size: var(--fs18);}
}

/* 레이아웃7 */
.layout7_box .box_wrap {justify-content: center; align-items: center; gap: 0 0px; }
.layout7_box .box_wrap .img_box img {max-width: 400px; width: 100%; height: auto;}
.layout7_box .box_wrap .txt_box li {display: flex; gap: 0 30px; margin-bottom: 20px;}
.layout7_box .box_wrap .txt_box li:last-child {margin-bottom: 0;}
.layout7_box .box_wrap .txt_box li p {font-size: var(--fs18); line-height: 1.4;  color: #494949;}
.layout7_box .box_wrap .txt_box li img {height: 25px ; width: auto;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
    .layout7_box .box_wrap {flex-wrap: wrap; gap: 40px 0;}
    .layout7_box .box_wrap .img_box {width: 100%; text-align: center;}
    .layout7_box .box_wrap .txt_box {width: 100%; display: flex; flex-direction: column; align-items: center;}
.layout7_box .box_wrap .txt_box li {gap: 0 15px; margin-bottom: 20px; width: 70%; align-items: center; }
.layout7_box .box_wrap .txt_box li:last-child {margin-bottom: 0;}
.layout7_box .box_wrap .txt_box li img {height: 20px ; width: auto;}
}
@media all and (max-width: 600px) {
}

/* 레이아웃8 */
.layout8_box .box_wrap {justify-content: space-between; align-items: stretch; gap: 0 0px; }
.layout8_box .box_wrap .img_box {width: 52%;}
.layout8_box .box_wrap .img_box img {width: 100%; height: auto;}
.layout8_box .box_wrap .txt_box {width: 43%; display: flex; flex-direction: column; align-items: start; justify-content: space-around;}
.layout8_box .box_wrap .txt_box {}
.layout8_box .box_wrap .txt_box li {width: 100%;}
.layout8_box .box_wrap .txt_box li h6 {font-size: var(--fs24); letter-spacing: 0; font-weight: 700;  color: #5d5c85; transform: skewX(-10deg); margin-bottom: 10px;}
.layout8_box .box_wrap .txt_box li p {font-size: var(--fs18); line-height: 1.4;  color: #494949; word-break: break-word;}
.layout8 .layout3_box {margin-top: 60px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout8_box .box_wrap {flex-wrap: wrap;}
    .layout8_box .box_wrap .img_box {width: 100%; position: relative; height: 450px; overflow: hidden;border-bottom: 4px solid var(--main-color);}
.layout8_box .box_wrap .txt_box {width: 100%; margin-top: 40px; }
.layout8_box .box_wrap .txt_box li {margin-bottom: 20px;}
.layout8_box .box_wrap .txt_box li:last-child {margin-bottom: 0;}
.layout8_box .box_wrap .img_box img {object-fit: cover; object-position: center;}


}
@media all and (max-width: 768px) {
    .layout8_box .box_wrap .img_box {height: 300px;}
}
@media all and (max-width: 600px) {
    .layout8_box .box_wrap .img_box {height: 224px;}
}

/* 레이아웃9 */
.layout9_box .box_wrap {border-radius: 8px; background: #f6f6f6; overflow: hidden; padding: 60px 60px; align-items: start;}
.layout9_box .box {width: 50%; display: flex; align-items: center; border-right: 1px solid #e9e8e8; }
.layout9_box .box:last-child {border-right: 1px solid transparent;}
.layout9_box .img_box {width: 50%;  text-align: center;  text-align: center;}
.layout9_box .txt_box {width: 50%; text-align: center;}
.layout9_box .box_wrap .txt_box h6 {font-size: var(--fs20); letter-spacing: 0; padding: 25px 0 20px 0; font-weight: 600; }
.layout9_box .box_wrap .txt_box  p {font-size: var(--fs16); line-height: 1.4;  color: #494949; }
.layout8 .layout9_box {margin-top: 60px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout9_box .box_wrap { padding: 30px 0;}
.layout9_box .box {width: 49%; justify-content: space-between; border-right: 0px solid #e9e8e8; flex-wrap: wrap;}
.layout9_box .img_box {width: 100%; }
.layout9_box .txt_box {width: 100%; }
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .layout9_box .box_wrap { gap: 40px 0; flex-wrap: wrap;}
    .layout9_box .box {width: 100%; }
    .layout9_box .box_wrap .img_box  img {height: 140px; width: auto;}
    .layout9_box .box_wrap .txt_box h6 {font-size: var(--fs24);}
.layout9_box .box_wrap .txt_box  p {font-size: var(--fs18);}
}

/* 레이아웃10 */
.layout10_box .sub_banner {padding: 50px 0; background: url(../img/sub_banner_bg.png)no-repeat; background-position: center center; background-size: cover;}
.layout10_box .sub_banner p {font-size: var(--fs18); line-height: 1.4; letter-spacing: 0;  color: #fff; text-align: center;}
.layout10_box .img_box {text-align: center; margin-top: 35px;}
.layout10_box .img_box img {max-width: 1177px; width: 100%; height: auto;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .layout10_box .sub_banner {padding: 50px 20px;}
    .layout10_box .sub_banner p br {display: none;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}


/* 레이아웃11 */
.layout11_box {margin-top: 50px;}
.layout11_box .box_wrap {justify-content: space-between; align-items: start;}
.layout11_box .box_wrap .Txt_box {width: 40%; padding-left: 30px;}
.layout11_box .box_wrap .txt_box {width: 60%;}

.layout11_box .box_wrap .Txt_box h6 {letter-spacing: 0; font-size: var(--fs28); line-height: 1.4;  color: var(--main-color);  font-family: 'Georgia-Bold';  transform: skewX(-10deg); padding-top: 20px;}
.layout11_box .box_wrap .txt_box li {display: flex; align-items: center;}
.layout11_box .box_wrap .txt_box li i {width: 7%; font-size: var(--fs18);  color: #284595;}
.layout11_box .box_wrap .txt_box li p {width: 93%; font-size: var(--fs18);  color: #494949; padding: 30px 0; line-height: 1.4; border-bottom: 1px solid #eeeeee;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
.layout11_box .box_wrap {flex-wrap: wrap; gap: 40px 0; margin-top: 60px;}
.layout11_box .box_wrap:first-child {margin-top: 0;}
.layout11_box .box_wrap .Txt_box {width: 100%; padding-left: 0; }
.layout11_box .box_wrap .txt_box {width: 100%;}

.layout11_box .box_wrap .Txt_box h6 { padding-top: 0;}
.layout11_box .box_wrap .txt_box li {align-items: start;}
.layout11_box .box_wrap .txt_box li i {width: 5%; padding-top: 22px; }
.layout11_box .box_wrap .txt_box li p {width: 95%; padding: 20px 0; }
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}

/* 레이아웃12 */
.layout12_box .img_box img {max-width: 1150px; width: 100%; height: auto;}

/* 레이아웃13 */
.layout13_box_bg {background: #f2f4f5; }
.layout13_box_bg .subcommon {padding: 160px 0; margin-bottom: 160px;}
.layout13_box_bg .sub_stitle{padding-bottom: 120px !important;}
.layout13_box .sub_stitle span { font-family: 'Georgia-Bold';}
.layout13_box .box_wrap {justify-content: space-between; align-items: start; margin-bottom: 160px; flex-wrap: wrap;}
.layout13_box .box_wrap:last-child {margin-bottom: 0;}
.layout13_box .box_wrap .box {width: 49%;}
.layout13_box .box_wrap .box .Txt_box h6 {letter-spacing: 0; font-size: var(--fs28);  transform: skewX(-10deg); font-weight: 700;  margin-bottom: 20px;}
.layout13_box .box_wrap .box .Txt_box p {font-size: var(--fs18); color: #494949; line-height: 1.4; height: 90px; word-break: break-word;}
.layout13_box .box_wrap .box .txt_box {margin-top: 30px;}
.layout13_box .box_wrap .box .txt_box li {display: flex; align-items: center; gap: 0 10px; background: #fff; border-radius: 7px; overflow: hidden; margin-bottom: 15px; padding-right: 5px;}
.layout13_box .box_wrap .box .txt_box li:last-child {margin-bottom: 0;}
.layout13_box .box_wrap .box .txt_box li h6 {font-size: var(--fs20);  letter-spacing: 0; transform: skewX(-10deg); font-weight: 700;  margin-bottom: 10px;}
.layout13_box .box_wrap .box .txt_box li p {font-size: var(--fs18); color: #686868; line-height: 1.4; word-break: break-word;}
.layout13_box .box_wrap .box .txt_box li span {font-size: var(--fs18); color: #686868; line-height: 1.4; display: inline-block;margin-right: 3px;}
.layout13_box .box_wrap .box .txt_box .context {display: flex;}
.layout13_box .box_wrap .notice { margin-top: 30px; display: flex; justify-content: right; width: 100%;}
.layout13_box .box_wrap .notice p {font-size: var(--fs15); color: #999; font-weight: 300; line-height: 1.4; font-style: italic;}

.layout13_box  .esg_plan_box .Txt_box h6 {color: #5c83c4;}
.layout13_box  .esg_plan_box .txt_box li h6 {color: #5c83c4;}
.layout13_box  .esg_perform_box .Txt_box h6 {color: #2c599d;}
.layout13_box  .esg_perform_box .txt_box li h6 {color: #2c599d;}
.layout13_box  .esg_perce_box .Txt_box h6 {color: #1a3b70;}
.layout13_box  .esg_perce_box .txt_box li h6 {color: #1a3b70;}
.layout13_box  .esg_pro_box .Txt_box h6 {color: #0e0a5a;}
.layout13_box  .esg_pro_box .txt_box li h6 {color: #0e0a5a;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
.layout13_box_bg .subcommon {padding: 90px 0; margin-bottom: 90px;}
.layout13_box_bg .sub_stitle{padding-bottom: 60px !important;}
.layout13_box .box_wrap {margin-bottom: 90px; flex-wrap: wrap; }
.layout13_box .box_wrap .box {width: 100%;}
.layout13_box .box_wrap .box:first-child {margin-bottom: 60px;}
.layout13_box .box_wrap .box .Txt_box {margin-bottom: 30px;}
.layout13_box .box_wrap .box .Txt_box p {height: auto;}
.layout13_box .box_wrap .box .txt_box {margin-top: 0;}
.layout13_box .box_wrap .notice p br{display: none;}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}

/* 레이아웃14 */

.layout14_box .box_wrap {justify-content: space-between; flex-wrap: wrap; gap: 30px 0;}
.layout14_box .box_wrap .box {width: 49%; display: flex; align-items: center; gap: 0 20px; padding: 25px 30px; background: #f2f4f6;}
.layout14_box .box_wrap .box p {font-size: var(--fs18); line-height: 1.5; color: #494949; word-break: break-word;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
    .layout14_box .box_wrap { gap: 20px 0;}
    .layout14_box .box_wrap .box {width: 100%; padding: 20px 15px;}
    .layout14_box .box_wrap .box p {}
}
@media all and (max-width: 600px) {
}

/* 레이아웃15 */
.layout15_box .box_wrap {justify-content: space-between; align-items: start; gap: 25px 0; flex-wrap: wrap;}
.layout15_box .box_wrap .box {width: 49%; padding: 0 25px; display: flex; flex-direction: column; justify-content: center; align-items: start; background: #f2f4f6; border: 1px solid var(--main-color); height: 160px;  border: 1px solid var(--main-color);} 
.layout15_box .box_wrap .box img {width: 100%; height: auto;}
.layout15_box .box_wrap .box h6 {font-size: var(--fs20); letter-spacing: 0; font-weight: 600; padding: 0 0 10px 0; }
.layout15_box .box_wrap .box li {display: flex; margin-bottom: 10px;}
.layout15_box .box_wrap .box li:last-child {margin-bottom: 0;}
.layout15_box .box_wrap .box  p {font-size: var(--fs16); line-height: 1.5;  }
.layout15_box .box_wrap .box   b {color: var(--main-color); padding-right: 8px; display: inline-block;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
    .layout15_box .box_wrap {gap: 20px 0;}
    .layout15_box .box_wrap .box {width: 100%; padding: 25px 15px; height: auto; } 
    .layout15_box .box_wrap .box img {width: 100%; height: auto;}
}
@media all and (max-width: 600px) {
}

/* 레이아웃16 */
.layout16_box .box_wrap {justify-content: space-between; flex-wrap: wrap; gap: 30px 0; margin-top: 60px;}
.layout16_box .box_wrap .box {width: 49%; display: flex; align-items: start; gap: 0 20px; padding: 25px 30px; background: #f2f4f6; overflow: hidden; position: relative;  height: 120px;}
.layout16_box .box_wrap .box h6 {font-size: var(--fs18); letter-spacing: 0; font-weight: 600; color: #494949; margin-bottom: 10px;}
.layout16_box .box_wrap .box p {font-size: var(--fs18); color: #777777; word-break: auto-phrase;}
.layout16_box .box_wrap .box .bg { font-family: 'Georgia'; font-size: 10rem; color: #dadde7; position: absolute;  right: 20px; bottom: -22px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
    .layout16_box .box_wrap {}
.layout16_box .box_wrap .box {width: 100%;gap: 20px 0; padding: 25px 15px;  height: auto;}
.layout16_box .box_wrap .box img {margin-right: 15px; height: 20px ; width: auto;}
.layout16_box .box_wrap .box .bg {bottom: -16px; right: 15px;}
}
@media all and (max-width: 600px) {
}


/* 레이아웃 이외의 스타일 지정 */
/* Wealth Advisory .growth_box */
.growth_box .box {height: 391px;}
.growth_box .box span {font-size: var(--fs16); font-weight: 600; font-weight: 600; color: #110a93; display: block; margin-bottom: 15px;}

/* Wealth Advisory .sell_side_box */
.sell_side_box {background: url(../img/sell_side_bg.png)no-repeat; background-position: center center; background-size: cover;}
.sell_side_box .subcommon {padding: 100px 0; margin-bottom: 100px;}

/* Wealth Advisory .growth_box */
.btp_box .box_wrap .box {height: 330px;}
.btp_box .box span {font-size: var(--fs16); font-weight: 600; font-weight: 600; color: #110a93; display: block; margin-bottom: 15px;}

/* M&A & Valuation*/
.valu_img_box {display: flex; justify-content: center; margin-top: 100px;}
.valu_img_box img {max-width: 1200px; width: 90%; height: auto;}

/* Risk and Compliance Advisory* .osccs_box */
.osccs_box {margin-top: 35px;}

/* Risk and Compliance Advisory* .osccs_box */
.expertise_box .box_wrap {margin-top: 50px;}
.expertise_box .box_wrap .box {height: 350px; }

/* Startup and VC choose_lek_box */
.choose_lek_box .box span {font-size: var(--fs16); font-weight: 600; font-weight: 600; color: #110a93; display: block; margin-bottom: 15px;}
.choose_lek_box .box p {margin-top: 30px;}

@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .growth_box .box {height: 340px;}
    .expertise_box .box_wrap .box {height: 300px; }
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .growth_box .box {height: auto;}
    .btp_box .box_wrap .box {height: auto;}
    .expertise_box .box_wrap .box {height: auto; }
}


/* Startup and VC about_lek_box */
.about_lek_box .sub_banner {padding: 40px;}
.about_lek_box .sub_banner .box_wrap {flex-wrap: wrap; gap: 30px 0;}
.about_lek_box .sub_banner .box {width: 50%; display: flex; align-items: center;}
.about_lek_box .sub_banner p {font-size: var(--fs17);   color: #fff; text-align: left; font-weight: 600;} 
.about_lek_box .sub_banner span {font-size: var(--fs17);   color: #fff; text-align: left; font-weight: 600; display: inline-block; margin-right: 20px; }

.about_lek_box .sub_banner2 {padding: 40px 60px;} 
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .about_lek_box .sub_banner2 {padding: 40px 20px;} 
    .about_lek_box .sub_banner .box_wrap {justify-content: space-between;}
    .about_lek_box .sub_banner .box {width: 49%;}
.about_lek_box .sub_banner span {margin-right: 10px; }
}
@media all and (max-width: 768px) {
    .about_lek_box .sub_banner .box_wrap {gap: 20px 0;}
.about_lek_box .sub_banner .box {width: 100%; }
}
@media all and (max-width: 600px) {
}

/* 페이지 마지막 사람 */
.per_area_box .box_wrap {gap: 0 1.5%; justify-content: center;}
.per_area_box .box_wrap .box {width: 28%; position: relative; border-bottom: 4px solid #1231ac;}
.per_area_box .box_wrap .box .img {width: 100%; height: auto;}
.per_area_box .box_wrap .box a {position: absolute; left: 0; bottom: 0; width: 100%; padding: 26px; display: flex; justify-content: space-between; align-items: center; background: rgba(0, 0, 0, 0.2);}
.per_area_box .box_wrap .box a h3 {font-size: var(--fs24); letter-spacing: 0; font-weight: 700; color: #fff; }
.per_area_box .box_wrap .box a p {font-size: var(--fs18); font-weight: 500; color: #fff; margin-top: 10px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .per_area_box .box_wrap .box {width: 33%;}
}
@media all and (max-width: 768px) {
    .per_area_box .box_wrap {gap: 30px 2%; flex-wrap: wrap; justify-content: left;}
    .per_area_box .box_wrap .box {width: 49%;}
    .per_area_box .box_wrap .box a { padding: 15px; }
    .per_area_box .box_wrap .box a p {font-size: var(--fs20);}
}
@media all and (max-width: 600px) {
    .per_area_box .box_wrap {justify-content: center;}
    .per_area_box .box_wrap .box {width: 90%;}
    .per_area_box .box_wrap .box a h3 {font-size: var(--fs26);}
.per_area_box .box_wrap .box a p {font-size: var(--fs20);}
}


/* #고객페이지 시작# */
#client .board_wrap {margin-top: 120px;}

/* #회사 시작# */
#Offices .sub_title h6 {margin-bottom: 5px; letter-spacing: 0;}
#Offices .img_wrap {padding: 100px 0 60px 0; text-align: center}
#Offices .img_wrap img {max-width: 1268px; width: 100%; height: auto;}
#Offices .map_wrap {display: flex;  gap: 35px 1.5%; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;}
#Offices .map_wrap li {padding: 27px 20px; border-radius: 5px ; border: 2px solid #f0f0f0; width: 32%;}
#Offices .map_wrap li .txt_box {}
#Offices .map_wrap li .txt_box h4 {font-size: var(--fs28); font-weight: 700; }
#Offices .map_wrap li .txt_box h3 {font-size: var(--fs20); font-weight: 500; padding: 25px 0 10px 0; }
#Offices .map_wrap li .txt_box p {font-size: var(--fs16); color: #494949; height: 30px; }
#Offices .map_wrap li .img_box {margin: 35px 0 25px 0;}
#Offices .map_wrap li .img_box img {width: 100%; height: auto;}
#Offices .map_wrap li .link_box {text-align: center;}
#Offices .map_wrap li .link_box a {width: 150px; padding: 15px; border-radius: 5px;  display: inline-block; color: #fff; font-size: var(--fs18);}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #client .board_wrap {margin-top: 60px;}
#Offices .img_wrap {padding:40px 0; }
#Offices .map_wrap li {width: 32%;}
#Offices .map_wrap li .txt_box {}
#Offices .map_wrap li .img_box {margin: 25px 0 20px 0;}
}
@media all and (max-width: 850px) {
#Offices .map_wrap { gap: 20px 2%; }
#Offices .map_wrap li {width: 49%;}
}
@media all and (max-width: 600px) {
    #Offices .map_wrap li {width: 100%;}
}


/* #직원 시작# */
#people .people_box {margin-top: 100px;}
#people .people_box .box_wrap {gap: 60px 1%; flex-wrap: wrap;}
#people .people_box .box_wrap .box {width: 24.25%; position: relative; border-bottom: 4px solid #1231ac;}
#people .people_box .box_wrap .box .img {width: 100%; height: auto;}
#people .people_box .box_wrap .box a {position: absolute; left: 0; bottom: 0; width: 100%; padding: 26px; display: flex; justify-content: space-between; align-items: center; background: rgba(0, 0, 0, 0.2);}
#people .people_box .box_wrap .box a h3 {font-size: var(--fs24); font-weight: 700; color: #fff; }
#people .people_box .box_wrap .box a p {font-size: var(--fs18); font-weight: 500; color: #fff; margin-top: 10px;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #people .people_box {margin-top: 60px;}
#people .people_box .box_wrap {gap: 40px 1.5%; flex-wrap: wrap;}
#people .people_box .box_wrap .box {width: 32%; }
#people .people_box .box_wrap .box .img {width: 100%; height: auto;}
#people .people_box .box_wrap .box a {padding: 26px 15px ;}
}
@media all and (max-width: 768px) {
    #people .people_box .box_wrap .box {width: 49%; }
}
@media all and (max-width: 500px) {
    #people .people_box .box_wrap .box {width: 100%; }
}

/* #직원 상세 시작# */
#people_detail {padding: 120px 0; }
#people_detail .box_wrap {display: flex; justify-content: space-between;  align-items: flex-start; } 
#people_detail .box_wrap .img_box {width: 50%; position: sticky !important; top: 100px; z-index: 999; }
#people_detail .box_wrap .txt_box {width: 48%; margin-top: 35px;}
#people_detail .box_wrap .img_box img {max-width: 587px; width: 100%; height: auto; display: block;}
#people_detail .box_wrap .txt_box .txt1 {margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e2e6f5;}
#people_detail .box_wrap .txt_box .txt1 .box {margin-bottom: 35px;}
#people_detail .box_wrap .txt_box .txt1 .box:last-child {margin-bottom: 0;}
#people_detail .box_wrap .txt_box .txt2 .box {margin-bottom: 35px;}
#people_detail .box_wrap .txt_box .txt2 .box:last-child {margin-bottom: 0;}
#people_detail .box_wrap .txt_box h4 {font-size: var(--fs48); font-weight: 700; margin-bottom: 20px;}
#people_detail .box_wrap .txt_box h6 {font-size: var(--fs20); font-weight: 700; margin-bottom: 10px;}
#people_detail .box_wrap .txt_box p {font-size: var(--fs18); color: #666666; line-height: 1.5;  word-break: break-word;}
#people_detail .box_wrap .txt_box b {display: inline-block; line-height: 1.5;}
#people_detail .box_wrap .txt_box span {font-size: var(--fs16); color: #666666; line-height: 1.6; display: block;}
#people_detail .box_wrap .txt_box .box ul li {display: flex; gap:  0 20px; } 
#people_detail .box_wrap .txt_box .box3 p {color: #265f93; line-height: 1.5; }
#people_detail .box_wrap .txt_box .txt2 .box p {color: #262626;}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #people_detail {padding: 60px 0; }
    #people_detail .box_wrap .txt_box .txt1 {margin-bottom: 30px; padding-bottom: 30px;}
}
@media all and (max-width: 768px) {
    #people_detail .box_wrap {flex-wrap: wrap;}
    #people_detail .box_wrap .img_box {width: 100%; position: relative !important; top: 0; z-index: 999;}
#people_detail .box_wrap .txt_box {width: 100%; margin-top: 40px;}
#people_detail .box_wrap .img_box img {max-width: 350px;}
}
@media all and (max-width: 600px) {
    #people_detail .box_wrap .txt_box .box ul li {gap:  0 10px; }
}







/* 마우스 스크롤 */
.scroll-dw{position:absolute; bottom:12%; left:50%; transform:translate(-50%, 0); z-index:101; width:33px; height:52px; border:2px solid #FFF; border-radius:50px; z-index: 9;}
.scroll-dw:before{content:'SCROLL'; display:block; position:absolute; width: auto; bottom:-30px; left:50%; transform:translatex(-50%);  font-size:16px; color:#fff; font-weight:400; font-family: 'Pretendard';}
.scroll-dw .ball{width:5px; height:10px; border-radius:3px; background-color:#FFF; position:absolute; left:49%; top: 8px; transform:translate(-50%, 0); animation:aniMouse 1.5s ease-out infinite;}
@keyframes aniMouse {0%{top:8px;}50%{top:30px;}100%{top:8px;}}



/* 팝업 */
.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.2);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 1100px;    height: 890px;  padding: 20px 20px;  background: #fff;  }
.pop_wrap .pop-inner .pop-text {border: 1px solid #465e96; padding: 30px;}

.pop-close {  position: absolute;  top: 40px;  right: 30px;  width: 50px;  height: 50px;  cursor: pointer;}
.pop-close i{font-size: 35px;}
.pop-text{height: 850px; overflow-y: scroll; overflow-x: hidden;  -webkit-overflow-scrolling: touch;}
/* 스크롤바 스타일 지정 (크롬, 엣지, 사파리) */
.pop-text::-webkit-scrollbar {
    width: 8px; /* 스크롤바 너비 */
}

.pop-text::-webkit-scrollbar-thumb {
    background-color: #888; /* 스크롤바 색상 */
    border-radius: 4px; /* 스크롤바 모서리 */
}

.pop-text::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 스크롤바 hover 색상 */
}

.pop_wrap .pop_T  {display: flex; flex-wrap: wrap; gap: 0 20px; align-items: center; margin-top: 40px;}
.pop_wrap .pop_T h6 {font-size: var(--fs32); font-weight: 800;}
.pop_wrap .pop_T p {font-size: var(--fs24); }

.pop_wrap .box_wrap {align-items: start; margin-top: 60px;}
.pop_wrap .box_wrap ul li {display: flex;}
.pop_wrap .box_wrap ul li p {font-size: var(--fs16); color: #767676; line-height: 1.9;}
.pop_wrap .box_wrap ul li p b {color: #262626;}
.pop_wrap .box_wrap ul li p:first-child {margin-right: 5px;}
.pop_wrap .box_wrap ul li h6 {font-size: var(--fs18); font-weight: 700; line-height: 2;}
.pop_wrap .box_wrap .box1 {width: 42%;}
.pop_wrap .box_wrap .box2 {width: 57%;}

@media all and (max-width: 1400px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    .pop_wrap .box_wrap .box1 {width: 100%;}
    .pop_wrap .box_wrap {margin-top: 30px;}
    .pop_wrap .box_wrap .box2 {width: 100%; margin-top: 40px;}
.pop_wrap .pop-inner {height: 550px;}
.pop_wrap .pop-inner .pop-text {padding: 20px;} 
.pop-text {height: 510px; }
.pop-close {top: 35px; right: 20px;}
}
@media all and (max-width: 768px){
    .scroll-dw {bottom: 10%;}
}
@media all and (max-width: 650px){
    .pop_wrap .pop_T p {width: 100%; margin-top: 10px;}
}


/* 폰트사이즈 */
@media all and (max-width: 1400px) {
	html{font-size: 55% !important;}
}

@media all and (max-width: 1024px) {
	html{font-size: 50% !important;}
}
@media all and (max-width: 650px) {
	html{font-size: 45% !important;}
}