@charset "UTF-8";


:root{

    --color: #f6c15b;
    --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;
    --fs60: 6.0rem;
    --fs55: 5.5rem;
    --fs54: 5.4rem;
    --fs52: 5.2rem;
    --fs50: 5.0rem;
    --fs49: 4.9rem;
	--fs48: 4.8rem;
    --fs47: 4.7rem;
    --fs45: 4.5rem;
    --fs42: 4.2rem;
	--fs40: 4.0rem;
    --fs38: 3.8rem;
    --fs37: 3.7rem;
    --fs36: 3.6rem;
	--fs35: 3.5rem;
    --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;
}

/* 공통 */
.cho { font-family: 'ChosunCentennial';}
.pc{display: block !important;}
.mob{display: none !important;}
.box_wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.title {text-align: center;}
.title_logo {}

@media all and (max-width: 768px){
	.pc{display: none !important;}
	.mob{display: block !important;}
    .title_logo {width: auto; height: 40px;} 
}
/* ########### 원방 침향단 ########### */
#section1 {background: url(../img/section1_bg.png)no-repeat; background-position: center; background-size: cover;}
#section1 .common {padding: 250px 0 120px 0;}
#section1 .title h2 {font-size: var(--fs75); line-height: 1; color: #fff;  font-family: 'Chosunilbo_myungjo'; margin-bottom: 25px;} 
#section1 .title h3 {font-size: var(--fs75); line-height: 1; color: var(--color);  font-family: 'Chosunilbo_myungjo';} 
#section1 .title h3 br {display: none;}
#section1 .vedio_box {margin-top: 140px;}
#section1 .vedio_box iframe {width: 100%; height: 880px;}

@media all and (max-width: 1500px){
}
@media all and (max-width: 1300px){
    #section1 .title h3 {line-height: 1.2;}
    #section1 .title h3 br {display: block;}
}
@media all and (max-width: 1024px){
    #section1 .common {padding: 90px 0;}
    #section1 .vedio_box {margin-top: 60px;}
}
@media all and (max-width: 768px){
    #section1 .vedio_box iframe {height: 600px;}
}
@media all and (max-width: 600px){
    #section1 { background-position: center top; }
    #section1 .title h2 {font-size: var(--fs45);}
    #section1 .title h3 {font-size: var(--fs50);}
    #section1 .vedio_box iframe {height: 400px;}
}

#section2 img {width: 100%; height: auto;}

#section3 {background: url(../img/section3_bg.png)no-repeat; background-position: center; background-size: cover;}
#section3 .common {padding: 450px 0 250px 0;}
#section3 .title {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#section3 .title h4 img {max-width: 412px; width: 50%; height: auto;}
#section3 .title h5 {padding-top: 60px;} 
#section3 .title h5 img {max-width: 1575px; width: 100%; height: auto;}
#section3 .title h6 {font-size: var(--fs50); line-height: 1; color: #fff;  font-family: 'Chosunilbo_myungjo';} 
#section3 .chart_box {margin-top: 140px; background: url(../img/chart_bg.png)no-repeat; background-position: center; background-size: cover; display: flex; justify-content: center; padding: 120px 0;}
#section3 .chart_box canvas {height: auto; width: 100%;  max-width: 1200px; height: 570px;}

@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section3 .common {padding: 120px 0 90px 0;}
    #section3 .title h5 {padding-top: 30px;} 
    #section3 .chart_box {margin-top: 60px; padding: 40px 0;}
    
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #section3 .title h6 {font-size: var(--fs42);}
}

#section4 {background: url(../img/section4_bg.png)no-repeat; background-position: center; background-size: cover;}
#section4 .common {padding: 250px 0;}
#section4 .box_wrap {margin-top: 140px; gap: 60px 0;}
#section4 .title h6 {width: 100%;}
#section4 .title h6 img {max-width: 1264px; width: 100%; height: auto;}
#section4 .box_wrap .box {width: 19%; text-align: center;}
#section4 .box_wrap .box img {width: 100%; height: auto;}
#section4 .box_wrap .box p {font-size: var(--fs30); color: #fff; margin-top: 25px;  }

@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section4 .common {padding: 90px 0;}
    #section4 .box_wrap {margin-top: 60px;}
    #section4 .box_wrap .box {width: 32%; }
}
@media all and (max-width: 768px){
    #section4 .box_wrap {gap: 30px 0;}
    #section4 .box_wrap .box {width: 49%; }
}
@media all and (max-width: 600px){
}


#section5 {background: url(../img/section5_bg.png)no-repeat; background-position: center; background-size: cover;}
#section5 .common {padding: 250px 0;}
#section5 .title h6 {font-size: var(--fs75); line-height: 1.2; color: #fff;   font-family: 'Chosunilbo_myungjo';  margin-bottom: 25px;} 
#section5 .title h6 span {font-size: var(--fs75); line-height: 1.2; color: var(--color);   font-family: 'Chosunilbo_myungjo'; } 
#section5 .box_wrap {margin-top: 140px; flex-wrap: nowrap;}
#section5 .box_wrap .box {width: auto; text-align: center;}
#section5 .box_wrap .box .img {max-width: 468px; width: 90%; height: auto;}
#section5 .box_wrap .box:nth-child(even) img {padding: 0 5px; padding-bottom: 50px;}
#section5 .box_wrap .box p {font-size: var(--fs30); color: var(--color); margin-top: 25px;  }
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section5 .common {padding: 90px 0;}
    #section5 .box_wrap {margin-top: 60px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #section5 .title h6 {font-size: var(--fs45); line-height: 1.4;} 
#section5 .title h6 span {font-size: var(--fs45);}
#section5 .box_wrap {flex-wrap: wrap; align-items: center; justify-content: center;}
#section5 .box_wrap .box {width: 100%;}
#section5 .box_wrap .box:nth-child(even) img {padding-bottom: 0; padding: 30px 0; transform: rotate(90deg);}
#section5 .box_wrap .box p { margin-top: 20px; font-size: var(--fs38); }
}


#section6 {background: url(../img/section6_bg.png)no-repeat; background-position: center; background-size: cover; height: 1395px; }
#section6 .common {padding: 200px 0 0 0;}
#section6 .img_box img {max-width: 567px; width: 70%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section6 {height: 1000px;}
}
@media all and (max-width: 768px){
    #section6 {height: 600px; background-position: left 47% center; }
}
@media all and (max-width: 600px){
    #section6 .common {padding: 30px 0 0 0;}
    #section6 {height: 400px; }
}

#section7 {background: url(../img/section7_bg.png)no-repeat; background-position: center; background-size: cover; }
#section7 .common {padding: 200px 0;}
#section7 .box_wrap {}
#section7 .box_wrap img {width: 19%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section7 .common {padding: 90px 0;}
    #section7 .box_wrap {justify-content: left; gap: 30px 1.5% ;}
    #section7 .box_wrap img {width: 32%;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #section7 .box_wrap {gap: 20px 4% ; }
    #section7 .box_wrap img {width: 48%;}
    
}

#section8 {background: url(../img/section8_bg.png)no-repeat; background-position: center; background-size: cover; }
#section8 .box_wrap .img_box {width: 50%; text-align: center;}
#section8 .box_wrap .img_box img {max-width: 647px; width: 100%; height: auto;}
#section8 .box_wrap .txt_box {width: 50%; }
#section8 .box_wrap .txt_box h6 {font-size: var(--fs60); line-height: 1.2; color: #fff;   font-family: 'Chosunilbo_myungjo'; background: linear-gradient(to bottom, #fce699 20%, #f7bf75 50%, #feeda1 65%, #fde398 100%);   -webkit-background-clip: text; -webkit-text-fill-color: transparent;  display: inline-block; }
#section8 .box_wrap .txt_box img {width: 100%; height: auto; margin-top: 40px;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
    #section8 .box_wrap .txt_box h6 {font-size: var(--fs50); }
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 768px){
    #section8 .box_wrap .txt_box h6 {font-size: var(--fs45); }
    #section8 .box_wrap .img_box {display: none;}
    #section8 .box_wrap .txt_box {width: 100%; text-align: center;}
    #section8 .box_wrap .txt_box img {width: 90%; }
}
@media all and (max-width: 600px){
}


#section9 {background: #000 url(../img/section9_bg.png)no-repeat; background-position: center; background-size: cover; }
#section9 .common {padding: 200px 0;}
#section9 .title {text-align: center;}
#section9 .title img {max-width: 1208px; width: 100%; height: auto;}
#section9 .title p {font-size: var(--fs30); color: #fff; border-bottom: 1px solid #fff; display: inline-block;  margin-top: 40px;}
#section9 .box_wrap {margin-top: 120px; gap: 60px 0;}
#section9 .box_wrap .box {width: 32%; text-align: center;}
#section9 .box_wrap .box img {width: 100%; height: auto;}
#section9 .box_wrap .box p {font-size: var(--fs28); font-weight: 500; color: #fff; margin-top: 40px;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #section9 .common {padding: 90px 0;}
    #section9 .box_wrap {margin-top: 60px;}
}
@media all and (max-width: 768px){
    #section9 .title p {margin-top: 20px;}
    #section9 .box_wrap {gap: 30px 0;}
    #section9 .box_wrap .box {width: 49%;}
    #section9 .box_wrap .box p {margin-top: 20px;}
}
@media all and (max-width: 600px){
}


/* ########### 영묘 사향단 ########### */
#page1 {background: url(../img/page1_bg.png)no-repeat; background-position: center bottom; background-size: cover;}
#page1 .common {padding: 250px 0 0 0;}
#page1 .title {text-align: center;}
#page1 .title h2 {font-size: var(--fs65); line-height: 1.2; color: #fff;  font-family: 'Chosunilbo_myungjo';}
#page1 .title p {font-size: var(--fs24); line-height: 1.2; color: #fff; margin-top: 30px;}
#page1 .box_wrap {margin-top: 80px; flex-wrap: nowrap;}
#page1 .box_wrap .box {text-align: center; }
#page1 .box_wrap img {max-width: 313px; width: 90%;}
#page1 .box_wrap p {font-size: var(--fs28); line-height: 1.2; color: #fff; margin-top: 50px; text-align: center;  font-family: 'Chosunilbo_myungjo';}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page1 .title p {margin-top: 20px;}
    #page1 .common {padding: 90px 0 0 0;}
    #page1 .box_wrap {margin-top: 60px; }
    #page1 .box_wrap p { margin-top: 20px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #page1 .title h2 {font-size: var(--fs45); }
    #page1 .title p {font-size: var(--fs26); line-height: 1.4; }
    #page1 .title p br {display: none;}
    #page1 .box_wrap p {font-size: var(--fs24); line-height: 1.4;}
}

#page2 {background: url(../img/page2_bg.png)no-repeat; background-position: center top; background-size: cover; height: 1650px; }
#page2 .common {padding: 300px 0 0 0;}
#page2 .title {align-items: center; gap:  50px 0; display: flex; flex-direction: column;}
#page2 .title h6 {}
#page2 .title h5 img{max-width: 681px; width: 90%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page2 {height: 1300px; }
#page2 .common {padding: 250px 0 0 0;}
#page2 .title {gap:  30px 0;}
}
@media all and (max-width: 768px){
    #page2 {height: 800px; }
#page2 .common {padding: 120px 0 0 0;}
}
@media all and (max-width: 600px){
}
@media all and (max-width: 500px){
    #page2 {height: 650px; }
}

#page3 {background: #000; }
#page3 .common {padding: 200px 0 0 0;}
#page3 .title {text-align: center;}
#page3 .title p {font-size: var(--fs55); font-weight: 200; color: var(--color); margin: 30px 0 25px 0;}
#page3 .title h2 {font-size: var(--fs80); color: var(--color);  font-family: 'Chosunilbo_myungjo';}
#page3 .box_wrap {justify-content: center; gap: 0 40px; margin-top: 80px; flex-wrap: nowrap;}
#page3 .box_wrap .box {text-align: center;}
#page3 .box_wrap img {max-width: 696px; width: 100%; height: auto;}
#page3 .box_wrap p {font-size: var(--fs42); font-weight: 200; color: var(--color); margin-top: 20px;}
#page3 .box_wrap h6 {font-size: var(--fs60); font-weight: 600; color: var(--color);}
#page3 .txt_box {margin-top: 250px; text-align: center;}
#page3 .txt_box p {line-height: 1.3; font-size: var(--fs50); font-weight: 300; color: #fff; }
#page3 .txt_box p b {font-weight: 700;}

#page3-2 {background: #000 url(../img/page3_bg.png)no-repeat; background-position: center; background-size: cover; }
#page3-2  .common {padding: 300px 0;}
#page3-2 .title {text-align: center;}
#page3-2 .title  h2 {font-size: var(--fs70); color: var(--color);  font-family: 'Chosunilbo_myungjo'; line-height: 1.4;}
#page3-2 .img_box {margin-top: 80px; text-align: center;}
#page3-2 .img_box img {max-width: 649px; width: 90%; height: auto;}
#page3-2 .img_box p {font-size: var(--fs26); color: #fff; margin-top: 40px;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page3 .common {padding: 90px 0 0 0;}
    #page3 .box_wrap {gap: 0 20px; margin-top: 60px;}
    #page3 .txt_box {margin-top: 60px;}
    #page3-2  .common {padding: 90px 0 0 0;}
    #page3-2 .img_box {margin-top: 40px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #page3 .title p {font-size: var(--fs45); margin: 30px 0 15px 0;}
    #page3 .title h2 {font-size: var(--fs60);}
    #page3 .box_wrap p {font-size: var(--fs36);}
    #page3 .box_wrap h6 {font-size: var(--fs40);}
    #page3 .txt_box p {font-size: var(--fs40);}
    #page3-2 .title  h2 {font-size: var(--fs50);}
}

#page4 {background: #000 url(../img/page4_bg.png)no-repeat; background-position: center; background-size: cover; }
#page4  .common {padding: 100px 0 0 0;}
#page4 .title {text-align: center;}
#page4 .title h2 {font-size: var(--fs70); color: var(--color);  font-family: 'Chosunilbo_myungjo'; line-height: 1.4;}
#page4 .title p {font-size: var(--fs30); color: #fff; border-bottom: 1px solid #fff; display: inline-block; margin-top: 40px;}
#page4 .img_box {text-align: center; margin-top: 80px;}
#page4 .img_box img {max-width: 1063px; width: 100%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page4  .common {padding: 90px 0 0 0;}
    #page4 .img_box {margin-top: 60px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #page4 .title h2 {font-size: var(--fs55);}
    #page4 .title p {font-size: var(--fs24); margin-top: 20px;}
}

#page5 {background: #000 url(../img/page5_bg.png)no-repeat;  background-position: center; background-size: cover; position: relative;}
#page5 .common {padding: 150px 0; position: relative ; z-index: 9;}
#page5 .title {text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#page5 .title img {width: auto; margin-bottom: 50px;}
#page5 .title h2 {font-size: var(--fs100); 
    background: linear-gradient(to bottom, #fce99d 50%, #c79241 75%, #f8c379 100%);   -webkit-background-clip: text;     font-family: 'GmarketSansMedium';-webkit-text-fill-color: transparent;  display: inline-block; font-weight: 700; line-height: 1.1; margin-bottom: 20px;}
#page5 .title h3 {font-size: var(--fs100);   font-family: 'GmarketSansMedium'; font-weight: 700; background: linear-gradient(to top, #efb770 40%, #feeb9e 70%, #f8da8c 100%);   -webkit-background-clip: text; -webkit-text-fill-color: transparent;  display: inline-block; line-height: 1.1;}
#page5 .img_box {text-align: center; margin-top: 200px;}
#page5 .img_box img {max-width: 1121px; width: 100%; height: auto; margin-left: 10%;}

#page5 .slide_bg {position: absolute; left: 0; top: 70%; transform: translate(0 ,-50%); width: 100%;}
#page5 .slide_bg .textSwiper {margin-bottom: 50px ; width: 100%;}
#page5 .slide_bg .textSwiper:last-child {margin-bottom: 0;}
#page5 .slide_bg .textSwiper .swiper-wrapper {transition-timing-function:linear;}
#page5 .slide_bg .textSwiper .swiper-slide {display: inline-block; width: auto;  flex-shrink: 0;   padding: 0; margin: 0;  }
#page5 .slide_bg .textSwiper .swiper-wrapper p {font-size: var(--fs75); color: rgba(178, 153, 138, 0.4);  font-family: 'Chosunilbo_myungjo'; white-space: nowrap;  }


@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
    #page5 .title h2 {font-size: var(--fs80); }
    #page5 .title h3 {font-size: var(--fs80); }
}
@media all and (max-width: 1024px){
    #page5 .common {padding: 90px 0;}
    #page5 .title img {margin-bottom: 30px;}
    #page5 .img_box {margin-top: 60px;}

    #page5 .slide_bg {top: 65%;}
    #page5 .slide_bg .textSwiper .swiper-wrapper p {font-size: var(--fs50); }
    #page5 .slide_bg .textSwiper {margin-bottom: 20px ;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #page5 .title h2 {font-size: var(--fs52); margin-bottom: 10px;}
    #page5 .title h3 {font-size: var(--fs52); }
    #page5 .slide_bg .textSwiper .swiper-wrapper p {font-size: var(--fs40); }


}

#page6 {background: #000 url(../img/page6_bg.png)no-repeat; background-position: center; background-size: cover; height: 1500px; }
#page6 .common {padding: 300px 0 0 0;}
#page6 .title {text-align: center;}
#page6 .title h2 {font-size: var(--fs70); color: var(--color);  font-family: 'Chosunilbo_myungjo'; line-height: 1.4;}
#page6 .title p {font-size: var(--fs30); color: #fff; border-bottom: 1px solid #fff; display: inline-block; margin-top: 40px;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page6 {height: 700px; }
#page6 .common {padding: 90px 0 0 0;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #page6 {height: 450px; }
    #page6 .title h2 {font-size: var(--fs50);}
    #page6 .title p {font-size: var(--fs24); margin-top: 20px;}
}


#page7 {background: #000 url(../img/page7_bg.png)no-repeat; background-position: center; background-size: cover; }
#page7 .common {padding: 400px 0 0 0;}
#page7 .title {text-align: center;}
#page7 .title h2 {font-size: var(--fs70); color: var(--color);  font-family: 'Chosunilbo_myungjo'; line-height: 1.4; background: linear-gradient(to bottom, #fde599 20%, #f7bf75 55%, #feeca0 75%, #ffeb9e 100%);   -webkit-background-clip: text; -webkit-text-fill-color: transparent ;  margin-bottom: 40px; }
#page7 .title p {font-size: var(--fs30); color: #fff; border-bottom: 1px solid #fff; display: inline-block;  line-height: 1.6;}
#page7 .img_box {text-align: right; padding: 60px 0 150px 0; margin-right: 5%;}
#page7 .img_box img {max-width: 761px; width: 90%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page7 .common {padding: 90px 0 0 0;}
    #page7 .img_box {margin-right: 0%; text-align: center;}
}
@media all and (max-width: 768px){
    #page7 {background: #000 url(../img/mob_page7_bg.png)no-repeat; background-position: center bottom; background-size: cover; }
    #page7 .img_box { padding: 60px 0 0 0; }
}
@media all and (max-width: 600px){
    #page7 .title h2 {font-size: var(--fs55); margin-bottom: 20px;}
    #page7 .title p {font-size: var(--fs24); }
}


#page8 {background: #000 url(../img/page8_bg.png)no-repeat; background-position: center; background-size: cover; }
#page8 .common {padding: 200px 0;}
#page8 .title {text-align: center;}
#page8 .title img {max-width: 1208px; width: 100%; height: auto;}
#page8 .title p {font-size: var(--fs30); color: #fff; border-bottom: 1px solid #fff; display: inline-block;  margin-top: 40px;}
#page8 .box_wrap {margin-top: 120px; gap: 60px 0;}
#page8 .box_wrap .box {width: 32%; text-align: center;}
#page8 .box_wrap .box img {width: 100%; height: auto;}
#page8 .box_wrap .box p {font-size: var(--fs28); font-weight: 500; color: #fff; margin-top: 40px; }
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #page8 .common {padding: 90px 0;}
    #page8 .box_wrap {margin-top: 60px;}
}
@media all and (max-width: 768px){
    #page8 { background-position: left 50% top; background-size: 220%; }
    #page8 .title p {margin-top: 20px;}
    #page8 .box_wrap {gap: 30px 0;}
    #page8 .box_wrap .box {width: 49%;}
    #page8 .box_wrap .box p {margin-top: 20px;}
}
@media all and (max-width: 600px){
}

/* ########### 브랜드 ########### */
#part1 {background:url(../img/part1_bg.png)no-repeat; background-position: center; background-size: cover; }
#part1 .common {padding: 250px 0;}
#part1 .title h2 {font-size: var(--fs80); font-weight: 700;  background: linear-gradient(to bottom, #b59a6a 33%, #a67c55 66%, #5e3e2c 100%);   -webkit-background-clip: text; -webkit-text-fill-color: transparent ;  margin-top: 40px; }

#part1 .point_box {max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 60px 0; margin-top: 80px; }
#part1 .point_box .box {width: 100%; display: flex; align-items: center; gap: 0 25px; padding: 25px 0; border-radius: 55px; box-shadow: 3px 0 24px rgba(184, 175, 152, 0.35); background: #fff;}
#part1 .point_box .box .img_box{position: relative; width: 162px;}
#part1 .point_box .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#part1 .point_box .box .txt_box {width: 85%;}
#part1 .point_box .box .txt_box h6 img {}
#part1 .point_box .box .txt_box p {font-size: var(--fs28); font-family: 'Chosunilbo_myungjo'; margin-top: 15px; line-height: 1.4;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #part1 .common {padding: 90px 0;}
    #part1 .point_box { gap: 40px 0; margin-top: 60px; }
    #part1 .point_box .box .txt_box h6 img {height: 30px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #part1 .title h2 {font-size: var(--fs55);  margin-top: 20px; }
    #part1 .point_box {padding-left: 1.5%;}
    #part1 .point_box .box {padding: 20px 0;}
    #part1 .point_box .box .img_box{width: 130px;}
    #part1 .point_box .box .img_box img {width: 130px;}
    #part1 .point_box .box .txt_box {width: 72%;}
    #part1 .point_box .box .txt_box h6 img {height: 20px;}
    #part1 .point_box .box .txt_box p {font-size: var(--fs24); }
}

#part2 {background: url(../img/part2_bg.png)no-repeat; background-position: center; background-size: cover; height: 1395px; }
#part2 .common {padding: 200px 0 0 0;}
#part2 .img_box {}
#part2 .img_box img {max-width: 567px; width: 60%; height: auto;}
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #part2 {height: 1000px;}
}
@media all and (max-width: 768px){
    #part2 {height: 600px; background-position: left 47% center; }
}
@media all and (max-width: 600px){
    #part2 .common {padding: 30px 0 0 0;}
    #part2 {height: 400px; }
}


#part3 {background: url(../img/part3_bg.png)no-repeat; background-position: center bottom; background-size: cover;}
#part3 .common {padding: 250px 0 0 0;}
#part3 .title img {max-width: 877px; width: 100%; height: auto;}  
#part3 .box_wrap {margin-top: 140px; flex-wrap: nowrap;}
#part3 .box_wrap .box {width: auto; text-align: center;}
#part3 .box_wrap .box .img {max-width: 468px; width: 90%; height: auto;}
#part3 .box_wrap .box:nth-child(even) img {padding: 0 5px; padding-bottom: 50px; }
#part3 .box_wrap .box p {font-size: var(--fs30); color: var(--color); margin-top: 25px;  }
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #part3 .common {padding:0 0 0 0;}
    #part3 .box_wrap {margin-top: 60px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #part3 .title h6 {font-size: var(--fs45); line-height: 1.4;} 
#part3 .title h6 span {font-size: var(--fs45);}
#part3 .box_wrap {flex-wrap: wrap; align-items: center; justify-content: center;}
#part3 .box_wrap .box {width: 100%;}
#part3 .box_wrap .box:nth-child(even) img {padding-bottom: 0; padding: 30px 0; transform: rotate(90deg);}
#part3 .box_wrap .box p { margin-top: 20px; font-size: var(--fs38); }
}


#part4 {background: url(../img/part4_bg.png)no-repeat; background-position: center top; background-size: cover; }
#part4 .title p {font-size: var(--fs28);  font-family: 'Chosunilbo_myungjo'; color: #fff; line-height: 1.4; }
#part4 .common {padding: 200px 0 0 0;}
#part4 .box_wrap {margin-top: 140px;}
#part4 .box_wrap .box {width: 19%; text-align: center;}
#part4 .box_wrap .box img {width: 100%; height: auto;}
#part4 .box_wrap .box p {font-size: var(--fs24); color: #fff; margin-top: 25px; }
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #part4 .common {padding: 90px 0;}
    #part4 .box_wrap {justify-content: left; gap: 30px 1.5% ; margin-top: 60px;}
    #part4 .box_wrap .box {width: 32%;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #part4 .title p br {display: none;}
    #part4 .box_wrap {gap: 30px 4% ;}
    #part4 .box_wrap .box {width: 48%;}
    #part4 .box_wrap .box p { margin-top: 15px; }
    
}

#part5 {background: #120c08; }
#part5 .common {padding: 250px 0 ;}
#part5 .title h6 {font-size: var(--fs80);  font-family: 'Chosunilbo_myungjo'; color: #fff; line-height: 1.2; margin: 35px 0; }
#part5 .title p {font-size: var(--fs28);  font-family: 'Chosunilbo_myungjo'; color: #fff; line-height: 1.2; }

#part5 .slide_box {margin-top: 60px;}
#part5 .swiper-slide {border: 6px solid var(--color);}
#part5 .swiper-slide img {width: 100%; height: auto;} 
@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #part5 .common {padding:60px 0 90px 0 ;}
    #part5 .swiper-slide {border: 4px solid var(--color);}
}
@media all and (max-width: 768px){
    #part5 .swiper-slide-prev, #part5 .swiper-slide-next {opacity: 0.4;} 
}
@media all and (max-width: 600px){
    #part5 .title img {width: 40%;}
    #part5 .title h6 {font-size: var(--fs60);}
    #part5 .title p {line-height: 1.4;}
    #part5 .title p br {display: none;}
}

/* 게시판 */
.lt_content p {font-size: var(--fs28);}

@media all and (max-width: 768px){
    .form-group4 img {width: auto ; height: 25px;}
}

/* 퀵 */
#contact_box {padding: 35px 0; background: #000 url(../img/foot_bg.png)no-repeat; background-position: center top; background-size: cover; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;}
#contact_box .contact {display: flex; gap: 0 25px; justify-content: center; align-items: center;}
#contact_box .contact p {font-size: var(--fs35); font-weight: 700; color: #d3b066; }
#contact_box .contact a {font-size: var(--fs35); font-weight: 700; color: #d3b066; }
#contact_box .contact .img_box {position: relative; width: 156px;}
#contact_box .contact .img_box img {position: absolute; left: 0; bottom: -55px;}

#mob_contact {display: none; z-index: 9999;}

@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #contact_box {display: none;}
    #mob_contact {display: block; position: fixed; right: 5px; bottom: 10px;}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
    #mob_contact img {width: 150px;}
}

/* 푸터 */

#ft {padding: 50px 0; background: #fbf5ed; margin-bottom: 110px; }
#ft .foot {display: flex; align-items: center; flex-wrap: wrap; align-items: center;}
#ft .logo_box {width: 60%; text-align: left;}
#ft .foot_info {width: 40%; text-align: left;}
#ft .foot_info .txt {display: flex;}
#ft .foot_info p {font-size: var(--fs16); color: #686868; line-height: 1.5;}
#ft .foot_info span {font-size: var(--fs16); color: #686868; line-height: 1.5; margin: 0 10px;}

@media all and (max-width: 1500px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1024px){
    #ft {margin-bottom: 0; padding-bottom: 80px; }
    #ft .logo_box {width: 100%; text-align: center;}
    #ft .logo_box img {width: auto; height: 50px;}
    #ft .foot_info {width: 100%; text-align: center; margin-top: 30px;}
    #ft .foot_info .txt {justify-content: center; flex-direction: column; width: 100%;}
    #ft .foot_info .txt span {display: none;}
    #ft .foot_info p {line-height: 1.6; font-size: var(--fs24);}
}
@media all and (max-width: 768px){
}
@media all and (max-width: 600px){
}

.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);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: 850px;background: #fff;  line-height: 25px; height: 50vh; overflow-y: scroll;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}

.quick_banner{z-index: 99; right: 10px; top: 35%; position: fixed; border-radius: 40px; overflow: hidden; display: flex; flex-direction: column;}
.quick_banner img{width: 85px;}

.pic_lt_block li .last_title{word-break: break-all !important;}



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

@media all and (max-width: 768px) {
    html{font-size: 40% !important;}
}
@media all and (max-width: 650px) {
    html{font-size: 35% !important;}
}