@charset "utf-8";

section{overflow-x: hidden;}

.board_title{text-align: center; font-size: 48px; color: #000; font-weight: 400; margin-bottom: 50px; font-family: 'HSBombaram';}

/* m_txt */
.m_txt{}
.m_txt h4{font-family: 'Poppins'; font-size: 18px; font-weight: 600; color: #853536; opacity: 0.8; margin-bottom: 15px; word-break: keep-all;}
.m_txt h3{font-size: 48px; color: #000000; font-family: 'HSBombaram', 'Noto Serif KR'; font-weight: 400; line-height: 1.3em; transform: rotate(0.1deg); word-break: keep-all;}
.m_txt h3 span{word-break: keep-all;}
.m_txt p{font-size: 20px; color: #666666; word-break: keep-all; line-height: 1.7em; margin-top: 15px; word-break: keep-all;}
.m_txt p span{font-weight: 600; color: #444444; word-break: keep-all;}
.m_txt .bar{background-color: #652021; color: #fff; font-size: 20px; display: inline-block; padding: 10px 15px; font-weight: 700; margin-top: 15px;}

@media all and (max-width:1280px){
	.m_txt h4{font-size: 17px;}
	.m_txt h3{font-size: 42px;}
	.m_txt p{font-size: 19px; margin-top: 12px;}
	.m_txt .bar{font-size: 19px; padding: 8px 13px; margin-top: 12px;}
}
@media all and (max-width:1024px){
	.m_txt h4{font-size: 16px;}
	.m_txt h3{font-size: 38px;}
	.m_txt p{font-size: 18px;}
	.m_txt .bar{font-size: 18px;}
}
@media all and (max-width:768px){
	.m_txt h4{font-size: 15px;}
	.m_txt h3{font-size: 34px;}
	.m_txt p{font-size: 17px; margin-top: 10px;}
	.m_txt .bar{font-size: 17px; padding: 6px 10px; margin-top: 10px;}
}
@media all and (max-width:500px){
	.m_txt h4{font-size: 14px;}
	.m_txt h3{font-size: 30px;}
	.m_txt p{font-size: 16px;}
	.m_txt .bar{font-size: 16px;}
}


/* line_banner */
.line_banner{height: 50px;}
.line_banner > div{height: 100%;}
.line_banner > div > div{height: 100%;}
.line_banner .img{margin-right: 40px; height: 100%; display: flex !important; align-items: center;}
.line_banner .img img{max-width: 100%;}
.line_banner.color1{background-color: #853536;}
.line_banner.color2{background-color: #ad9047;}
.line_banner.color3{background-color: #000;}

@media all and (max-width:1024px){
	.line_banner{height: 46px;}
	.line_banner .img{margin-right: 35px;}
	.line_banner .img img{max-width: 232px;}
}
@media all and (max-width:768px){
	.line_banner{height: 43px;}
	.line_banner .img{margin-right: 32px;}
	.line_banner .img img{max-width: 206px;}
}
@media all and (max-width:500px){
	.line_banner{height: 40px;}
	.line_banner .img{margin-right: 25px;}
	.line_banner .img img{max-width: 190px;}
}


/* mVisual */
#mVisual{width: 100%; height: 890px; position: relative;}
#mVisual .visual{background: url(/images/main/mv1.webp) no-repeat center center / cover; height: 100%; width: 100%;}
#mVisual .visual .inner{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 100%; gap:40px; max-width: 100%;}
#mVisual .visual .inner .title{text-align: center;}
#mVisual .visual .inner .title svg{width: 660px;}
#mVisual .visual .inner .title svg .st1{
	fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-dasharray: 1090;
  stroke-dashoffset: 1090;
  animation: draw 1s 0s forwards ease-in-out, fill .5s 1s forwards ease-in;
}
#mVisual .visual .inner .title svg .st2{
	fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-dasharray: 1090;
  stroke-dashoffset: 1090;
  animation: draw 1s 1s forwards ease-in-out, fill .5s 1.5s forwards ease-in;
}
#mVisual .visual .inner .title svg .st3{
	fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-dasharray: 1090;
  stroke-dashoffset: 1090;
  animation: draw 1s 2s forwards ease-in-out, fill .5s 2.5s forwards ease-in;
}
#mVisual .visual .inner .text{}
#mVisual .scroll{position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);}
#mVisual .scroll .gage{width: 2px; height: 80px; position: relative; background: rgba(255,255,255,0.2); overflow: hidden;}
#mVisual .scroll .gage .bar{position: absolute; width: 2px; height: 40px; background-color: #fff; left: 0; top: 0; animation: scroll 1.2s infinite;}

@keyframes scroll {
	0%{top: -50px;}
	100%{top: 90px;}
}

@keyframes draw {
  0% {
    stroke-dashoffset: 1090;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


@keyframes fill {
  0% {
    fill: rgba(255,255,255,0);
  }
  100% {
    fill: rgba(255,255,255,1);
  }
}

@media all and (max-width:1280px){
	#mVisual{height: calc(100vh - 50px);}
	#mVisual .visual .inner .title svg{width: 600px;}
	#mVisual .visual .inner .text img{max-width: 550px;}
	#mVisual .scroll{bottom: 50px;}
	
	@supports (height: 100dvh){
		#mVisual{height: calc(100dvh - 50px);}
	}
}
@media all and (max-width:1024px){
	#mVisual{height: calc(100vh - 46px);}
	#mVisual .visual .inner .title svg{width: 560px;}
	#mVisual .visual .inner .text img{max-width: 520px;}
	#mVisual .scroll{bottom: 45px;}
	
	@supports (height: 100dvh){
		#mVisual{height: calc(100dvh - 46px);}
	}
}
@media all and (max-width:768px){
	#mVisual{height: calc(100vh - 43px);}
	#mVisual .visual .inner{gap:30px;}
	#mVisual .visual .inner .title svg{width: 80vw;}
	#mVisual .visual .inner .text img{max-width: 76vw;}
	#mVisual .scroll{bottom: 40px;}
	#mVisual .scroll .gage{height: 60px;}
	#mVisual .scroll .gage .bar{height: 30px;}
	
	@supports (height: 100dvh){
		#mVisual{height: calc(100dvh - 43px);}
	}
}
@media all and (max-width:500px){
	#mVisual{height: calc(100vh - 40px);}
	#mVisual .visual .inner{gap:30px;}
	#mVisual .visual .inner .title svg{width: 84vw;}
	#mVisual .visual .inner .text img{max-width: 84vw;}
	#mVisual .scroll{bottom: 40px;}
	#mVisual .scroll .gage{height: 60px;}
	#mVisual .scroll .gage .bar{height: 30px;}
	
	@supports (height: 100dvh){
		#mVisual{height: calc(100dvh - 40px);}
	}
}


/* sec1 */
#sec1{padding: 120px 0;}
#sec1 .top{display: flex; align-items: center; justify-content: space-between;}
#sec1 .m_txt h3 span{color: #853536;}
#sec1 .bottom{}
#sec1 .bottom .cont_box{margin-top: 80px;}
#sec1 .bottom .cont_box .cont{display: flex; align-items: center; position: relative;}
#sec1 .bottom .cont_box .cont.cont1{background: url(/images/main/sec1_cont1.webp) center center; border: 5px solid #742223;}
#sec1 .bottom .cont_box .cont.cont2{background: url(/images/main/sec1_cont2.webp) center center; margin-top: 20px; border: 5px solid #936e2f;}
#sec1 .bottom .cont_box .cont .img{position: relative; text-align: center; z-index: 2;}
#sec1 .bottom .cont_box .cont.cont1 .img{position: absolute; top: 50%; left: 0; transform: translate(0, -50%) rotate(-90deg); width: 50%;}
#sec1 .bottom .cont_box .cont.cont1 .img.aos-animate{ transform: translate(0, -50%) rotate(0);}
#sec1 .bottom .cont_box .cont.cont2 .img{width: 55%; height: 100%; position: absolute; right: 0; top: 0;}
#sec1 .bottom .cont_box .cont.cont2 .img img{width: 100%; height: 100%; object-fit: cover; object-position: left center;}
#sec1 .bottom .cont_box .cont .img img{max-width: 100%;}
#sec1 .bottom .cont_box .cont .txt{color: #fff; padding: 70px 0; width: 50%;}
#sec1 .bottom .cont_box .cont.cont1 .txt{padding-left: 30px; margin-left: auto; padding-right: 40px;}
#sec1 .bottom .cont_box .cont.cont2 .txt{padding-left: 80px; position: relative; z-index: 3;}
#sec1 .bottom .cont_box .cont .txt h3{font-family: 'HSBombaram'; transform: rotate(0.1deg);font-weight: 400; font-size: 38px; margin-bottom: 22px;}
#sec1 .bottom .cont_box .cont .txt p{font-size: 17px; line-height: 1.7em; font-weight: 300; word-break: keep-all;}
#sec1 .bottom .cont_box .cont .txt p + p{margin-top: 35px;}
#sec1 .text{text-align: center; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #000; font-size: 36px; letter-spacing: -0.05em; margin-top: 50px; word-break: keep-all;}
#sec1 .text span{color: #853536; font-weight: 700;}

@media all and (max-width:1280px){
	#sec1{padding: 100px 0;}
	#sec1 .top{gap:50px;}
	#sec1 .top .m_txt p br{display: none;}
	#sec1 .top .img{}
	#sec1 .top .img img{max-width:270px;}
	#sec1 .bottom .cont_box{margin-top: 100px;}
	#sec1 .bottom .cont_box .cont .txt{padding: 60px 0;}
	#sec1 .bottom .cont_box .cont.cont1 .txt{padding-left: 20px;}
	#sec1 .bottom .cont_box .cont.cont2 .txt{padding-left: 60px;}
	#sec1 .bottom .cont_box .cont .txt h3{font-size: 35px; margin-bottom: 18px;}
	#sec1 .bottom .cont_box .cont .txt p br{display: none;}
	#sec1 .bottom .cont_box .cont .txt p + p{margin-top: 30px;}
	#sec1 .text{font-size: 32px; margin-top: 45px;}
}
@media all and (max-width:1024px){
	#sec1{padding: 90px 0;}
	#sec1 .top .img img{max-width:240px;}
	#sec1 .bottom .cont_box{margin-top: 60px;}
	#sec1 .bottom .cont_box .cont.cont1 .txt{padding-left: 15px;}
	#sec1 .bottom .cont_box .cont.cont2 .txt{padding-left: 45px;}
	#sec1 .bottom .cont_box .cont .txt{padding: 50px 0;}
	#sec1 .bottom .cont_box .cont .txt h3{font-size: 32px; margin-bottom: 15px;}
	#sec1 .bottom .cont_box .cont .txt p + p{margin-top: 22px;}
	#sec1 .text{font-size: 28px; margin-top: 40px;}
}
@media all and (max-width:768px){
	#sec1{padding: 80px 0;}
	#sec1 .top{flex-direction: column;}
	#sec1 .top .img{display: none;}
	#sec1 .bottom .cont_box .cont{flex-direction: column; padding: 30px;}
	#sec1 .bottom .cont_box .cont.cont2{padding: 0px; flex-direction: column-reverse;}
	#sec1 .bottom .cont_box .cont.cont1 .img{position: static; transform: translate(0) rotate(-90deg); width: 75%;}
	#sec1 .bottom .cont_box .cont.cont1 .img.aos-animate{transform: translate(0) rotate(0);}
	#sec1 .bottom .cont_box .cont.cont2 .img{position: static; width: 100%;}
	#sec1 .bottom .cont_box .cont .txt{width: 100%; padding: 0;}
	#sec1 .bottom .cont_box .cont.cont1 .txt{padding: 0;}
	#sec1 .bottom .cont_box .cont.cont2 .txt{padding: 30px;}
	#sec1 .bottom .cont_box .cont .txt h3{font-size: 30px;}
	#sec1 .bottom .cont_box .cont .txt p{font-size: 16px;}
	#sec1 .bottom .cont_box .cont .txt p + p{margin-top: 17px;}
	#sec1 .text{font-size: 26px; margin-top: 35px;}
}
@media all and (max-width:500px){
	#sec1{padding: 70px 0;}
	#sec1 .bottom .cont_box{margin-top: 40px;}
	#sec1 .bottom .cont_box .cont{padding: 20px;}
	#sec1 .bottom .cont_box .cont.cont2 .txt{padding: 20px;}
	#sec1 .bottom .cont_box .cont .txt h3{font-size: 27px;}
	#sec1 .text{font-size: 23px; margin-top: 30px;}
	#sec1 .text br{display: none;}
}

/* sec2 */
#sec2{padding: 160px 0 140px; background: url(/images/main/sec2_bg.webp) no-repeat center center / cover;}
#sec2 .inner{display: flex; justify-content: space-between; align-items: center;}
#sec2 .inner .l_cont{width: 50%;}
#sec2 .inner .l_cont .m_txt{position: relative;}
#sec2 .inner .l_cont .m_txt h3 span{color: #853536;}
#sec2 .inner .l_cont .m_txt .chi{position: absolute; top: -125px; left: 215px;}
#sec2 .inner .r_cont{width: 50%;}
#sec2 .inner .r_cont img{max-width: 100%;}

@media all and (max-width:1280px){
	#sec2{padding: 140px 0 120px;}
	#sec2 .inner{gap:30px;}
	#sec2 .inner .l_cont .m_txt .chi{top: -38%; left: 44%;}
	#sec2 .inner .l_cont .m_txt .chi img{width: 20vw;}
}
@media all and (max-width:1024px){
	#sec2{padding: 120px 0 100px;}
	#sec2 .inner .l_cont .m_txt p br{display: none;}
}
@media all and (max-width:768px){
	#sec2{padding: 100px 0 70px;}
	#sec2 .inner{flex-direction: column; gap:50px;}
	#sec2 .inner .l_cont{width: 100%;}
	#sec2 .inner .l_cont .m_txt{text-align: center;}
	#sec2 .inner .l_cont .m_txt .chi{top: -15%; left: auto; right: 18%;}
	#sec2 .inner .l_cont .m_txt .chi img{width: 21vw;}
	#sec2 .inner .r_cont{width: 100%;}
}
@media all and (max-width:500px){
	#sec2{padding: 90px 0 60px;}
	#sec2 .inner{gap:40px;}
	#sec2 .inner .l_cont .m_txt .chi{top: -12%;}
}


/* sec3 */
#sec3{background:url(/images/main/sec3_bg.webp) center center; padding: 120px 0;}
#sec3 .w-inner{}
#sec3 .w-inner .cont_box{position: relative;}
#sec3 .w-inner .cont_box.box1{border: 5px solid #652021; padding: 220px 0; text-align: center; color: #fff; background: url(/images/main/sec3_bg2.webp) no-repeat bottom center / cover;}
#sec3 .w-inner .cont_box.box1 .inner{}
#sec3 .w-inner .cont_box.box1 .inner .m_txt{position: relative;}
#sec3 .w-inner .cont_box.box1 .inner .m_txt .img{margin-bottom: 30px;}
#sec3 .w-inner .cont_box.box1 .inner .m_txt .img img{max-width: 100%;}
#sec3 .w-inner .cont_box.box1 .inner .m_txt h3{color: #fff; font-family: 'HSBombaram', 'Noto Serif KR';}
#sec3 .w-inner .cont_box.box1 .inner .m_txt h3 span{font-weight: 700;}
#sec3 .w-inner .cont_box.box1 .inner .m_txt p{color: #fff;}
#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi1{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi2{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#sec3 .w-inner .cont_box.box1  .cont_box{margin-top: 55px;}
#sec3 .w-inner .cont_box.box1  .cont_box .box{text-align: center; line-height: 62px;}
#sec3 .w-inner .cont_box.box1  .cont_box .box.box1{}
#sec3 .w-inner .cont_box.box1  .cont_box .box.box2{margin-top: 70px;}
#sec3 .w-inner .cont_box.box1  .cont_box .box .title{font-family: 'HSBombaram'; font-size: 32px; color: #fff; background-color: #652021; display: inline-block; width: 275px;}
#sec3 .w-inner .cont_box.box1  .cont_box .box .list{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; margin-top: 30px;}
#sec3 .w-inner .cont_box.box1  .cont_box .box .list li{border: 5px solid #652021; position: relative;}
#sec3 .w-inner .cont_box.box1  .cont_box .box .list li .img{}
#sec3 .w-inner .cont_box.box1  .cont_box .box .list li .img img{width: 100%;}
#sec3 .w-inner .cont_box.box1  .cont_box .box .list li p{position: absolute; bottom: 0; left: 0; background-color: #652021; font-family: 'Noto Serif KR', serif; font-size: 22px; font-weight: 700; padding: 0 15px; line-height: 46px;}

#sec3 .w-inner .cont_box.box2{border: 5px solid #652021; margin-top: -5px; padding: 220px 0; text-align: center; color: #fff;}
#sec3 .w-inner .cont_box.box2 .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec3 .w-inner .cont_box.box2 .img img{width: 100%; height: 100%; object-fit: cover;}
#sec3 .w-inner .cont_box.box2 .inner{}
#sec3 .w-inner .cont_box.box2 .inner .m_txt{position: relative;}
#sec3 .w-inner .cont_box.box2 .inner .m_txt h3{color: #fff;}
#sec3 .w-inner .cont_box.box2 .inner .m_txt p{color: #dddddd;}
#sec3 .w-inner .cont_box.box2 .inner .m_txt p span{color: #fff;}
#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi1{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi2{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


@media all and (max-width:1280px){
	#sec3{padding: 100px 0;}
	#sec3 .w-inner .cont_box.box1{padding: 160px 0;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img{margin-bottom: 25px;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img img{max-width: 118px;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi{opacity: 0.3;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi img{max-width: 200px;}
	#sec3 .w-inner .cont_box.box1 .cont_box{margin-top: 45px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .title{font-size: 28px; width: 250px; line-height: 58px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list{margin-top: 25px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list li p{font-size: 20px; line-height: 42px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box.box2{margin-top: 60px;}
	
	#sec3 .w-inner .cont_box.box2{padding: 180px 0;}
	#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi{opacity: 0.3;}
	#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi img{max-width: 200px;}
}
@media all and (max-width:1024px){
	#sec3{padding: 90px 0;}
	#sec3 .w-inner .cont_box.box1{padding: 120px 0;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img{margin-bottom: 20px;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img img{max-width: 108px;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi img{max-width: 170px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .title{font-size: 26px; width: 210px; line-height: 56px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list li p{font-size: 19px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box.box2{margin-top: 50px;}
	
	#sec3 .w-inner .cont_box.box2{padding: 160px 0;}
	#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi img{max-width: 170px;}
}
@media all and (max-width:768px){
	#sec3{padding: 80px 0;}
	#sec3 .w-inner .cont_box.box1{padding: 90px 0;}
/*	#sec3 .w-inner .cont_box.box1 .inner .m_txt{text-align: left;}*/
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img img{max-width: 92px;}
/*
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi1{top: -25px; left: auto; right: calc(18vw); transform:translate(0);}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi2{top: -25px; transform:translate(0);}
*/
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .chi img{max-width: 18vw;}
	#sec3 .w-inner .cont_box.box1 .cont_box{margin-top: 40px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .title{font-size: 23px; width: 180px; line-height: 50px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list{margin-top: 20px; grid-template-columns: 100%;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list li p{font-size: 18px; line-height: 38px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box.box2{margin-top: 45px;}
	
	#sec3 .w-inner .cont_box.box2{padding: 140px 0;}
	#sec3 .w-inner .cont_box.box2 .inner .m_txt p br{display: none;}
	#sec3 .w-inner .cont_box.box2 .inner .m_txt .chi img{max-width: 18vw;}
}
@media all and (max-width:500px){
	#sec3{padding: 70px 0;}
	#sec3 .w-inner .cont_box.box1{padding: 60px 0;}
	#sec3 .w-inner .cont_box.box1 .inner .m_txt .img img{max-width: 75px;}
	#sec3 .w-inner .cont_box.box1 .cont_box{margin-top: 35px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .title{font-size: 20px; width: 150px; line-height: 46px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list{margin-top: 15px;}
	#sec3 .w-inner .cont_box.box1 .cont_box .box .list li p{font-size: 17px;}
	
	#sec3 .w-inner .cont_box.box2{padding: 120px 0;}
}


/* sec4 */
#sec4{padding: 80px 0; background: url(/images/main/sec4_bg.webp) no-repeat center center / cover;}
#sec4 .inner{}
#sec4 .inner .top{text-align: center; position: relative; z-index: 2;}
#sec4 .inner .top img{max-width: 100%;}
#sec4 .inner .cont_box{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; margin-top: -40px;}
#sec4 .inner .cont_box .cont{border: 5px solid #ad9047; position: relative;}
#sec4 .inner .cont_box .cont .video{background-color: #000;}
#sec4 .inner .cont_box .cont .video img{max-width: 100%; opacity: 0.6;}
#sec4 .inner .cont_box .cont .txt{position: absolute; width: 228px; height: 228px; border-radius: 100%; border: 3px solid #fff; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-18deg); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
#sec4 .inner .cont_box .cont .txt::before{content: ''; width: 95%; height: 95%; border: 1px solid #fff; border-radius: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#sec4 .inner .cont_box .cont .txt p{font-size: 24px; font-weight: 500;}
#sec4 .inner .cont_box .cont .txt h3{font-size: 36px;}
#sec4 .inner .cont_box .cont .txt h3 span{color: #fcc439;}
#sec4 .inner .cont_box .cont .txt h3 span b{}
#sec4 .inner .bottom{text-align: center; position: relative; z-index: 2; margin-top: -30px;}
#sec4 .inner .bottom h4{font-size: 32px; font-weight: 600; color: #fff; background-color: #ad9047; display: inline-block; padding: 15px 25px; border-radius: 8px;}
#sec4 .inner .bottom h3{color: #fff; font-family: 'Noto Serif KR', serif;  font-weight: 900;font-size: 72px; line-height: 1.5em; margin-top: 30px;}
#sec4 .inner .bottom h3 span{font-size: 160px; margin-right: 5px;}
#sec4 .inner .bottom h3 b{display: inline-flex; align-items: center; gap:15px;}
#sec4 .inner .bottom h3 b .arrow_box{display: flex; flex-direction: column; width: 100px; height: 141px; overflow: hidden; align-items: center;}
#sec4 .inner .bottom h3 b .arrow_box img{max-width: 100px; animation: upp 1s infinite;}

@media all and (max-width:1280px){
	#sec4 .inner .top img{max-width: 350px;}
	#sec4 .inner .cont_box{margin-top: -35px;}
	#sec4 .inner .cont_box .cont .txt{width: 200px; height: 200px;}
	#sec4 .inner .cont_box .cont .txt p{font-size: 22px;}
	#sec4 .inner .cont_box .cont .txt h3{font-size: 32px;}
	#sec4 .inner .bottom{margin-top: -15px;}
	#sec4 .inner .bottom h4{font-size: 28px; padding: 12px 20px;}
	#sec4 .inner .bottom h3{font-size: 60px; margin-top: 25px;}
	#sec4 .inner .bottom h3 span{font-size: 130px;}
	#sec4 .inner .bottom h3 b .arrow_box{width: 92px; height: 130px;}
	#sec4 .inner .bottom h3 b .arrow_box img{max-width: 100%;}
}
@media all and (max-width:1024px){
	#sec4{padding: 70px 0;}
	#sec4 .inner .top img{max-width: 306px;}
	#sec4 .inner .cont_box{margin-top: -30px;}
	#sec4 .inner .cont_box .cont .txt{width: 180px; height: 180px;}
	#sec4 .inner .cont_box .cont .txt p{font-size: 20px;}
	#sec4 .inner .cont_box .cont .txt h3{font-size: 28px;}
	#sec4 .inner .bottom{margin-top: -12px;}
	#sec4 .inner .bottom h4{font-size: 25px; padding: 10px 17px;}
	#sec4 .inner .bottom h3{font-size: 52px; margin-top: 22px;}
	#sec4 .inner .bottom h3 span{font-size: 90px;}
	#sec4 .inner .bottom h3 b .arrow_box{width: 80px; height: 113px;}
}
@media all and (max-width:768px){
	#sec4{padding: 60px 0;}
	#sec4 .inner .top img{max-width: 55vw;}
	#sec4 .inner .cont_box{grid-template-columns: 100%;}
	#sec4 .inner .cont_box .cont .txt{width: 35vw; height: 35vw;}
	#sec4 .inner .cont_box .cont .txt p{font-size: 3.5vw;}
	#sec4 .inner .cont_box .cont .txt h3{font-size: 5.5vw;}
	#sec4 .inner .bottom h4{font-size: 4vw;}
	#sec4 .inner .bottom h3{font-size: 5.5vw;}
	#sec4 .inner .bottom h3 span{font-size: 13vw;}
	#sec4 .inner .bottom h3 b{gap:2vw;}
	#sec4 .inner .bottom h3 b .arrow_box{width: 9vw; height: 9.5vw;}
}


/* sec5 */
#sec5{padding: 120px 0; position: relative;}
#sec5::after{content: ''; width: 468px; height: 363px; display: block; position: absolute; top: 350px; right: 0; background: url(/images/main/sec5_bg.webp) no-repeat right center / contain;}
#sec5 .inner{border: 1px solid #c5b17e;}
#sec5 .inner .txt{text-align: center;}
#sec5 .inner .txt img{max-width: 100%; border-left: 1px solid #c5b17e; border-right: 1px solid #c5b17e;}
#sec5 .inner .cont_box{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1px; background-color: #c5b17e;}
#sec5 .inner .cont_box .box{aspect-ratio:1 / 1;
 -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  background-color: #fff; /* 원하는 배경색 */
  background-image: url("data:image/svg+xml;charset=UTF-8,\
  %3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E\
    %3Cfilter id='noiseFilter'%3E\
      %3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E\
      %3CfeColorMatrix type='saturate' values='0'/%3E\
      %3CfeComponentTransfer%3E\
        %3CfeFuncA type='linear' slope='0.5'/%3E\
      %3C/feComponentTransfer%3E\
    %3C/filter%3E\
    %3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E\
  %3C/svg%3E");
  background-repeat: repeat;
  background-size: 300px 300px;
}
#sec5 .inner .cont_box .box > img{width: 100%; height: 100%; object-fit: cover;}
#sec5 .inner .cont_box .box .chi{display: flex; justify-content: center; align-items: center; height: 100%;}
#sec5 .inner .cont_box .box .chi img{max-width: 100%;}
#sec5 .inner .cont_box .box.box1{}
#sec5 .inner .cont_box .box.box2{}
#sec5 .inner .cont_box .box.box3{display: flex; justify-content: center; align-items: center;}
#sec5 .inner .cont_box .box.box3 .box3_txt{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 80%; width: 80%; text-align: center; border: 1px solid rgba(217, 209, 187,0.6)}
#sec5 .inner .cont_box .box.box3 .box3_txt p{font-family: 'Noto Serif KR', serif; font-size: 36px; font-weight: 300; color: #ad9047;}
#sec5 .inner .cont_box .box.box3 .box3_txt p span{font-weight: 700;}
#sec5 .inner .cont_box .box.box4{}
#sec5 .inner .cont_box .box.box5{}
#sec5 .inner .cont_box .box.box6{}
#sec5 .inner .cont_box .box.box7{}
#sec5 .inner .cont_box .box.box8{}
#sec5 .inner .cont_box .box.box9{}
#sec5 .inner .cont_box .box.box10{}
#sec5 .inner .cont_box .box.box10 .box10_img{}
#sec5 .inner .cont_box .box.box10 .box10_img img{}
#sec5 .inner .cont_box .box.box11{}
#sec5 .inner .cont_box .box.box12{}


@media all and (max-width:1280px){
	#sec5{padding: 100px 0;}
}
@media all and (max-width:1024px){
	#sec5{padding: 90px 0;}
	#sec5::after{height: 23vw; top: 36vw;}
	#sec5 .inner .txt img{border-left: 0; border-right: 0;}
	#sec5 .inner .cont_box .box.box3 .box3_txt p{font-size: 3.5vw;}
	#sec5 .inner .cont_box .box .chi img{max-width: 14vw}
}
@media all and (max-width:768px){
	#sec5{padding: 80px 0;}
	#sec5::after{display: none;}
	#sec5 .inner .cont_box{grid-template-columns: repeat(3, 1fr);}
	#sec5 .inner .cont_box .box.box3 .box3_txt p{font-size: 4.5vw;}
	#sec5 .inner .cont_box .box .chi img{max-width: 18vw}
}
@media all and (max-width:500px){
	#sec5{padding: 70px 0;}
}


/* sec6 */
#sec6{background: url(/images/main/sec6_bg.webp) no-repeat top center / cover; position: relative; padding: 340px 0; overflow: hidden;}
#sec6 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec6 .bg .img{position: absolute; transition: .2s;}
#sec6 .bg .img.img1{left: -8%; top: -50%;}
#sec6 .bg .img.img2{left: 16%; top: -5%; z-index: 2;}
#sec6 .bg .img.img3{bottom: -26%; left: 3%;}
#sec6 .bg .img.img4{top: -32%; right: 33%;}
#sec6 .bg .img.img5{left: 48%; bottom: -18%;filter: blur(4px); transform: translateX(-50%);}
#sec6 .bg .img.img6{right: 14%; top: 51%; transform: translateY(-50%);}
#sec6 .bg .img.img7{right: -6%; bottom: -18%;filter: blur(4px);}
#sec6 .bg .img img{}
#sec6 .m_txt{text-align: center;}
#sec6 .m_txt h3 span{color: #853536;}
#sec6 .m_txt .img{margin-bottom: 30px;}
#sec6 .m_txt .img img{max-width: 100%;}

@media all and (max-width:1900px){
	#sec6{padding: 18vw 0;}
	#sec6 .m_txt .img{margin-bottom: 25px;}
	#sec6 .m_txt .img img{max-width: 22vw;}
	#sec6 .bg .img img{max-width: 22vw}
	#sec6 .bg .img.img1{left: -15vw;}
	#sec6 .bg .img.img2{left: 8vw;}
	#sec6 .bg .img.img3{left: 1vw;}
	#sec6 .bg .img.img6{right: 6vw;}
	#sec6 .m_txt{position: relative; z-index: 9;}
}
@media all and (max-width:1024px){
	#sec6{padding: 22vw 0;}
}
@media all and (max-width:768px){
	#sec6{padding: 26vw 0;}
	#sec6 .m_txt .img{margin-bottom: 20px;}
	#sec6 .m_txt .img img{max-width: 28vw;}
	#sec6 .bg .img img{max-width: 30vw}
	#sec6 .bg .img.img2{left: -3vw; top: -36%; filter: blur(3px);}
	#sec6 .bg .img.img3{left: -5vw; bottom: -28%;}
	#sec6 .bg .img.img4{top: -28%; right: 0; left: 30%;}
	#sec6 .bg .img.img5{left: 58%; bottom: -14%; filter: blur(4px);}
	#sec6 .bg .img.img6{right: -9vw; top: 14%;}
	#sec6 .bg .img.img7{right: -8%; bottom: -33%; filter: blur(0)}
}


/* sec7 */
#sec7{background: url(/images/main/sec7_bg.webp) no-repeat center center / cover; position: relative; overflow: hidden;}
#sec7 .inner{}
#sec7 .inner .slide_box{display: flex; justify-content: space-between; position: absolute; width: 100%; left: 0; top: 0; height: 100%;}
#sec7 .inner .slide_box .cont{max-width: 352px;}
#sec7 .inner .slide_box .cont > div{height: 100% !important;}
#sec7 .inner .slide_box .cont > div > div{height: 100% !important; width: 100% !important;}
#sec7 .inner .slide_box .cont .img{margin-bottom: 25px;}
#sec7 .inner .slide_box .cont .img img{max-width: 100%;}
#sec7 .inner .slide_box .l_cont{}
#sec7 .inner .slide_box .r_cont{}
#sec7 .inner .cont_box{padding-top: 100px; text-align: center; position: relative; z-index: 3;}
#sec7 .inner .cont_box .logo{margin-bottom: 25px;}
#sec7 .inner .cont_box .logo img{max-width: 100%;}
#sec7 .inner .cont_box .img{position: relative; margin-top: 70px;}

@media all and (max-width:1280px){
	#sec7 .inner .cont_box{padding-top: 80px;}
	#sec7 .inner .cont_box .logo{margin-bottom: 20px;}
	#sec7 .inner .cont_box .logo img{max-width: 13vw;}
	#sec7 .inner .cont_box .img{margin-top: 60px;}
	#sec7 .inner .cont_box .img img{max-width: 62vw;}
	#sec7 .inner .slide_box .cont{width: 28vw;}
	#sec7 .inner .slide_box .cont .img{margin-bottom: 20px;}
	#sec7 .inner .slide_box .cont .img img{max-width: 28vw;}
}

@media all and (max-width:1024px){
	#sec7 .inner .cont_box .logo{margin-bottom: 17px;}
	#sec7 .inner .cont_box .logo img{max-width: 16vw;}
	#sec7 .inner .slide_box .cont .img{margin-bottom: 16px;}
}

@media all and (max-width:768px){
	#sec7 .inner{width: 100%; max-width: 100%;}
	#sec7 .inner .cont_box{padding-top: 70px;}
	#sec7 .inner .cont_box .img img{max-width: 74vw;}
	#sec7 .inner .cont_box .logo{margin-bottom: 15px;}
	#sec7 .inner .cont_box .logo img{max-width: 20vw; }
	#sec7 .inner .slide_box .cont{width: 32vw;}
	#sec7 .inner .slide_box .cont .img img{max-width: 32vw;}
}
@media all and (max-width:500px){
	#sec7 .inner .cont_box{padding-top: 60px;}
	#sec7 .inner .cont_box .img{margin-top: 50px;}
}


/* sec8 */
#sec8{padding: 120px 0; background: url(/images/main/sec8_bg.webp) center center;}
#sec8 .w-inner{background: url(/images/main/sec8_bg2.webp) no-repeat center center / cover; overflow: hidden;}
#sec8 .w-inner .top{padding-top: 80px;}
#sec8 .w-inner .inner{padding: 0 150px; display: flex; justify-content: space-between; align-items: center;}
#sec8 .w-inner .top .l_cont .m_txt h3 span{color: #853536;}
#sec8 .w-inner .top .r_cont{}
#sec8 .w-inner .top .r_cont .list{display: flex; justify-content: center;}
#sec8 .w-inner .top .r_cont .list li{width: 200px; aspect-ratio:1 / 1; border-radius: 100%; position: relative; display: flex; justify-content: center; align-items: center; border: 8px solid #fff; box-shadow: 1px 6px 12px rgba(0,0,0,0.1);}
#sec8 .w-inner .top .r_cont .list li::after{content: ''; width: 93%; height: 93%; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,0.6);}
#sec8 .w-inner .top .r_cont .list li:nth-child(1){background-color: #000000;}
#sec8 .w-inner .top .r_cont .list li:nth-child(2){background-color: #853536;}
#sec8 .w-inner .top .r_cont .list li .txt{font-family: 'HSBombaram'; color: #fff; font-size: 32px; text-align: center;}
#sec8 .w-inner .top .r_cont .list li .txt span{font-size: 36px;}
#sec8 .w-inner .bottom{margin-top: 80px;}
#sec8 .w-inner .bottom .list{}
#sec8 .w-inner .bottom .list li{margin: 0 20px; transition: .4s; position: relative; bottom: -40px;}
#sec8 .w-inner .bottom .list li.slick-current{bottom: 0;}
#sec8 .w-inner .bottom .list li img{width: 320px; height: 382px; object-fit: cover; object-position: top left; box-shadow: 2px 6px 8px rgba(0,0,0,0.1);}

@media all and (max-width:1400px){
	#sec8 .w-inner .inner{padding: 0 120px;}	
}
@media all and (max-width:1280px){
	#sec8{padding: 100px 0;}
	#sec8 .w-inner .inner{padding: 0 3%;}	
	#sec8 .w-inner .top{padding-top: 70px;}
	#sec8 .w-inner .top .r_cont .list li{width: 180px; border-width: 7px;}
	#sec8 .w-inner .top .r_cont .list li .txt{font-size: 28px;}
	#sec8 .w-inner .top .r_cont .list li .txt span{font-size: 32px;}
	#sec8 .w-inner .bottom{margin-top: 70px;}
	#sec8 .w-inner .bottom .list li{margin: 0 15px;}
	#sec8 .w-inner .bottom .list li img{width: 300px; height: 360px;}
}
@media all and (max-width:1024px){
	#sec8{padding: 90px 0;}
	#sec8 .w-inner .inner{padding: 0;}	
	#sec8 .w-inner .top{padding-top: 60px;}
	#sec8 .w-inner .top .l_cont .m_txt p br{display: none;}
	#sec8 .w-inner .top .r_cont .list li{width: 170px; border-width: 6px;}
	#sec8 .w-inner .top .r_cont .list li .txt{font-size: 26px;}
	#sec8 .w-inner .top .r_cont .list li .txt span{font-size: 30px;}
	#sec8 .w-inner .bottom{margin-top: 65px;}
	#sec8 .w-inner .bottom .list li img{width: 270px; height: 330px;}
}
@media all and (max-width:768px){
	#sec8{padding: 80px 0;}
	#sec8 .w-inner .top{padding-top: 50px;}
	#sec8 .w-inner .top .inner{flex-direction: column-reverse; gap:30px;}
	#sec8 .w-inner .top .inner .m_txt{text-align: center;}
	#sec8 .w-inner .top .r_cont .list li{width: 150px; border-width: 5px;}
	#sec8 .w-inner .top .r_cont .list li .txt{font-size: 24px;}
	#sec8 .w-inner .top .r_cont .list li .txt span{font-size: 28px;}
	#sec8 .w-inner .bottom{margin-top: 55px;}
	#sec8 .w-inner .bottom .list li img{width: 240px; height: 300px;}
}
@media all and (max-width:500px){
	#sec8{padding: 70px 0;}
	#sec8 .w-inner .top{padding-top: 40px;}
	#sec8 .w-inner .top .inner{gap:25px;}
	#sec8 .w-inner .top .r_cont .list li{width: 130px; border-width: 4px;}
	#sec8 .w-inner .top .r_cont .list li .txt{font-size: 21px;}
	#sec8 .w-inner .top .r_cont .list li .txt span{font-size: 25px;}
	#sec8 .w-inner .bottom{margin-top: 45px;}
	#sec8 .w-inner .bottom .list li img{width: 210px; height: 270px;}
}


/* sec9 */
#sec9{text-align: center; padding: 120px 0 80px; overflow-x: hidden;}
#sec9 .inner{}
#sec9 .inner .m_txt{}
#sec9 .inner .m_txt h3{}
#sec9 .inner .m_txt h3 span{color: #853536;}
#sec9 .inner .m_txt p{}
#sec9 .inner .cont{margin-top: 70px; display: grid; grid-template-columns: 344px auto; align-items: center;}
#sec9 .inner .cont .l_cont{}
#sec9 .inner .cont .l_cont .box{}
#sec9 .inner .cont .l_cont .box img{border-color: #853536;}
#sec9 .inner .cont .l_cont .box .txt{background-color: #853536;}
#sec9 .inner .cont .r_cont{background-color: rgba(133, 53, 54,0.95); padding: 65px; border-radius: 20px; margin-left: 65px; position: relative;}
#sec9 .inner .cont .r_cont::before{content: ''; width: 70px; height: 70px; background: url(/images/main/sec9_plus.webp) no-repeat center center / cover; position: absolute; left: -35px; top: 50%; transform: translateY(-50%); display: block;}
#sec9 .inner .cont .r_cont .conts{display: flex; justify-content: space-between; gap:20px;}
#sec9 .inner .cont .r_cont .conts .box{}
#sec9 .inner .cont .r_cont .conts .box img{border-color: #e8a31e;}
#sec9 .inner .cont .r_cont .conts .box .txt{background-color: #e8a31e;}
#sec9 .inner .cont .box{position: relative;}
#sec9 .inner .cont .box img{border-radius: 20px; overflow: hidden; border-width: 2px; border-style: solid; max-width: 100%;}
#sec9 .inner .cont .box .txt{position: absolute; left: -32px; top: -36px; width: 108px; height: 108px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; font-size: 28px; font-weight: 700; color: #fff;}
#sec9 .inner .cont .box .txt::before{content: ''; width: 92%; height: 92%; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff; opacity: 0.6;}
#sec9 .inner .up{text-align: center; margin-top: 80px;}
#sec9 .inner .up p{font-size: 48px; font-weight: 700; color: #000;}
#sec9 .inner .up p span{background-color: #853536; color: #fff; padding: 5px 10px;}
#sec9 .inner .up .arrow{display: flex; justify-content: center; gap:10px; align-items: center; margin-top: 25px;}
#sec9 .inner .up .arrow .txt{font-size: 200px; font-weight: 800; color: #853536;}
#sec9 .inner .up .arrow .txt span{font-size: 120px;}
#sec9 .inner .up .arrow_box{display: flex; flex-direction: column; width: 131px; height: 183px; overflow: hidden;}
#sec9 .inner .up .arrow_box img{max-width: 100%; animation: upp 1s infinite;}

@keyframes upp{
	0%{transform: translateY(0)}
	50%{transform: translateY(-100%);}
	100%{transform: translateY(-100%);}
}

@media all and (max-width:1280px){
	#sec9{padding: 100px 0 70px}
	#sec9 .inner .cont{margin-top: 60px; grid-template-columns: 27vw auto;}
	#sec9 .inner .cont .box .txt{width: 94px; height: 94px; font-size: 24px; left: -28px; top: -32px;}
	#sec9 .inner .cont .r_cont{padding: 50px; margin-left: 50px; border-radius: 15px;}
	#sec9 .inner .up{margin-top: 70px;}
	#sec9 .inner .up p{font-size: 42px;}
	#sec9 .inner .up .arrow .txt{font-size: 170px;}
	#sec9 .inner .up .arrow .txt span{font-size: 106px;}
	#sec9 .inner .up .arrow_box{height: 167px; width: 118px;}
	#sec9 .inner .up .arrow_box img{max-width: 118px; height: 167px;}
}
@media all and (max-width:1024px){
	#sec9{padding: 90px 0 65px}
	#sec9 .inner .cont{margin-top: 55px;}
	#sec9 .inner .cont .box .txt{width: 78px; height: 78px; font-size: 22px; left: -24px; top: -28px;}
	#sec9 .inner .cont .r_cont{padding: 42px; border-radius: 13px; margin-left: 42px;}
	#sec9 .inner .cont .r_cont::before{width: 64px; height: 64px; left: -32px;}
	#sec9 .inner .up{margin-top: 65px;}
	#sec9 .inner .up p{font-size: 37px;}
	#sec9 .inner .up .arrow .txt{font-size: 156px;}
	#sec9 .inner .up .arrow .txt span{font-size: 94px;}
	#sec9 .inner .up .arrow_box{height: 150px; width: 106px;}
	#sec9 .inner .up .arrow_box img{max-width: 106px;}
}
@media all and (max-width:768px){
	#sec9{padding: 80px 0 60px}
	#sec9 .inner .cont{margin-top: 50px; grid-template-columns: 100%; gap:9vw;}
	#sec9 .inner .cont .box{max-width: 40vw;}
	#sec9 .inner .cont .box .txt{width: 14vw; height: 14vw; font-size: 4.5vw;}
	#sec9 .inner .l_cont .box .txt{left: 50%; transform: translateX(-50%);}
	#sec9 .inner .cont .l_cont .box{margin: 0 auto;}
	#sec9 .inner .cont .r_cont{margin-left: 0; padding: 5vw 5vw 8vw	;}
	#sec9 .inner .cont .r_cont::before{top: -5vw; width: 10vw; height: 10vw; transform: translateX(-50%); left: 50%;}
	#sec9 .inner .cont .r_cont .conts{justify-content: center; gap:5vw;}
	#sec9 .inner .cont .r_cont .conts .box .txt{left: 50%; transform: translateX(-50%); top: auto; bottom: -4.5vw;}
	#sec9 .inner .up{margin-top: 60px;}
	#sec9 .inner .up p{font-size: 32px;}
	#sec9 .inner .up p span{padding: 4px 8px;}
	#sec9 .inner .up .arrow .txt{font-size: 138px;}
	#sec9 .inner .up .arrow .txt span{font-size: 80px;}
	#sec9 .inner .up .arrow_box{height: 133px; width: 94px;}
	#sec9 .inner .up .arrow_box img{max-width: 94px;}
}
@media all and (max-width:500px){
	#sec9{padding: 70px 0 55px}
	#sec9 .inner .up{margin-top: 50px;}
	#sec9 .inner .up p{font-size: 26px;}
	#sec9 .inner .up .arrow .txt{font-size: 100px;}
	#sec9 .inner .up .arrow .txt span{font-size: 66px;}
	#sec9 .inner .up .arrow_box{height: 116px; width: 82px;}
	#sec9 .inner .up .arrow_box img{max-width: 82px;}
}


/* sec10 */
#sec10{padding: 120px 0; background: url(/images/main/sec10_bg.webp) no-repeat center center / cover; overflow-x: hidden;}
#sec10 .inner{display: flex; align-items: center;}
#sec10 .inner .l_cont{width: 490px;}
#sec10 .inner .l_cont .m_txt{position: relative;}
#sec10 .inner .l_cont .m_txt .chi{position: absolute; top: 50%; transform: translateY(-50%); left: -120px;}
#sec10 .m_txt h3 span{color: #ad9047;}
#sec10 .m_txt .bar{background-color: #ad9047;}
#sec10 .inner .r_cont{width: calc(100% - 490px);}
#sec10 .inner .r_cont .list{width: 150%;}
#sec10 .inner .r_cont .list li{margin-right: 30px;}
#sec10 .inner .r_cont .list li .img{border-radius: 15px; overflow: hidden;}
#sec10 .inner .r_cont .list li .img img{max-width: 100%;}
#sec10 .inner .r_cont .list li .txt{}
#sec10 .inner .r_cont .list li .txt p{font-family: 'HSBombaram', 'Noto Serif KR'; font-weight: 400; background-color: #000000; border-radius: 12px; font-size: 24px;color: #fff; text-align: center; line-height: 60px; width: 88%; margin-left: auto; margin-right: auto; margin-top: -30px; position: relative; z-index: 2;}

@media all and (max-width:1280px){
	#sec10{padding: 100px 0;}
	#sec10 .inner .l_cont{width: 450px;}
	#sec10 .inner .l_cont .m_txt .chi{left: -100px;}
	#sec10 .inner .l_cont .m_txt .chi img{max-width: 160px;}
	#sec10 .inner .r_cont{width: calc(100% - 450px);}
	#sec10 .inner .r_cont .list li{margin-right: 25px;}
	#sec10 .inner .r_cont .list li .img img{max-width: 350px;}
	#sec10 .inner .r_cont .list li .txt p{font-size: 22px; line-height: 56px;}
}
@media all and (max-width:1024px){
	#sec10{padding: 90px 0;}
	#sec10 .inner .l_cont{width: 400px;}
	#sec10 .inner .l_cont .m_txt .chi{left: -90px;}
	#sec10 .inner .l_cont .m_txt .chi img{max-width: 148px;}
	#sec10 .inner .r_cont{width: calc(100% - 400px);}
	#sec10 .inner .r_cont .list li{margin-right: 20px;}
	#sec10 .inner .r_cont .list li .img img{max-width: 320px;}
	#sec10 .inner .r_cont .list li .txt p{font-size: 20px; line-height: 52px;}
}
@media all and (max-width:768px){
	#sec10{padding: 80px 0;}
	#sec10 .inner{flex-direction: column; max-width: 100%;}
	#sec10 .inner .l_cont .m_txt .chi{left: 3%;}
	#sec10 .inner .l_cont .m_txt .chi img{max-width: 132px;}
	#sec10 .inner .l_cont{width: 100%; text-align: center;}
	#sec10 .inner .r_cont{width: 100%; margin-top: 50px;}
	#sec10 .inner .r_cont .list{width: 100%;}
	#sec10 .inner .r_cont .list li{margin:0 7px;}
	#sec10 .inner .r_cont .list li .txt p{font-size: 18px; line-height: 48px;}
}
@media all and (max-width:500px){
	#sec10{padding: 70px 0;}
	#sec10 .inner .l_cont .m_txt .chi img{max-width: 120px;}
	#sec10 .inner .r_cont{margin-top: 45px;}
	#sec10 .inner .r_cont .list li{margin: 0 6px;}
	#sec10 .inner .r_cont .list li .txt p{width: 85%;}
	#sec10 .inner .r_cont .list li .txt p{font-size: 17px; line-height: 40px;}
}


/* sec11 */
@keyframes car {
	0%{ bottom: -200px; left: -300px;}
	100%{bottom: 80px; left: 200px;}
}
#sec11{padding: 160px 0 200px; background: url(/images/main/sec11_bg.webp) no-repeat center center / cover; position: relative; overflow: hidden;}
#sec11 .inner{}
#sec11 .inner .m_txt{text-align: left;}
#sec11 .inner .m_txt .img{margin-bottom: 40px;}
#sec11 .inner .m_txt .img img{}
#sec11 .inner .m_txt h3{color: #fff;}
#sec11 .inner .m_txt h3 span{color: #fcc439;}
#sec11 .inner .m_txt p{color: #fff;}
#sec11 .inner .m_txt p span{color: #fff;}
#sec11 .r_cont{position: absolute; height: 100%; width: 100%; max-width: 1200px; right: 0; background: url(/images/main/sec11_r_bg.webp) no-repeat bottom right / 100% auto; bottom: 0;}
#sec11 .r_cont img{position: absolute; bottom: -200px; left: -300px;}
#sec11.on .r_cont img{animation: car 1.25s ease-in-out; animation-fill-mode: forwards;}

@media all and (max-width:1400px){
	#sec11{padding: 120px 0 160px;}
	#sec11 .r_cont{max-width: 70vw;}
	#sec11 .r_cont img{max-width: 45vw;}
	#sec11 .inner .m_txt .img img{max-width: 40vw; min-width: 300px;}
}
@media all and (max-width:976px){
	#sec11{padding: 80px 0 45vw;}
	#sec11 .inner .m_txt{text-align: center;}
	#sec11 .inner .m_txt .img{margin-bottom: 30px;}
}
@media all and (max-width:640px){
	@keyframes car {
		0%{ bottom: -134px; left: -200px;}
		100%{bottom: 8vw; left: 20vw;}
	}
	#sec11{padding: 50px 0 53vw;}
	#sec11 .inner .m_txt .img{margin-bottom: 20px;}
	#sec11 .r_cont{max-width: 90vw;}
	#sec11 .r_cont img{max-width: 55vw;}
}


/* sec12 */
#sec12{background: url(/images/main/sec12_bg.webp) center center; position: relative; overflow: hidden; padding: 180px 0 120px;}
#sec12::before{content: ''; width: 100%; height: 1264px; background: url(/images/main/sec12_bg2.webp) no-repeat center center / cover; position: absolute; top: -325px; left: 0;}
#sec12 .top{}
#sec12 .top .inner{}
#sec12 .top .inner .txt{text-align: center;}
#sec12 .top .inner .txt h4{font-family: 'Noto Serif KR', serif; font-size: 40px; color: #fff; font-weight: 500;}
#sec12 .top .inner .txt h3{font-size: 128px; color: #fff; font-family: 'HSBombaram', serif; font-weight: 400;}
#sec12 .top .inner .txt h3 span{font-family: 'Noto Serif KR'; font-weight: 700;}
#sec12 .top .inner .txt .bar{background-color: #000000; display: inline-block; font-family: 'Noto Serif KR'; color: #fff; font-size: 24px; font-weight: 700; padding: 10px 15px; line-height: 1em; margin-top: 15px;}
#sec12 .top .inner .txt .bar span{letter-spacing: 0.44em;}
#sec12 .w-inner{background: url(/images/main/sec12_bg3.webp) center center; margin-top: 110px; padding: 60px 0;}
#sec12 .w-inner .cont{max-width: 1280px; margin-left: auto; margin-right: auto;}
#sec12 .w-inner .cont .box{position: relative;}
#sec12 .w-inner .cont .box + .box{margin-top: 70px;}
#sec12 .w-inner .cont .box .title_box{text-align: center; position: relative; background: url(/images/main/sec12_title.webp) repeat-x left center; left: 50%; transform: translateX(-50%); width: 30%; transition: .6s linear; opacity: 1 !important;}
#sec12 .w-inner .cont .box .title_box.aos-animate{width: 100%;}
#sec12 .w-inner .cont .box .title_box .l_bar{width: 15px; height: 58px; background-color: #843435; position: absolute; left: 0;}
#sec12 .w-inner .cont .box .title_box .r_bar{width: 15px; height: 58px; background-color: #843435; position: absolute; right: 0;}
#sec12 .w-inner .cont .box .title_box .title{line-height: 58px; background-color: #843435; font-family: 'Noto Serif KR', serif; font-size: 24px; font-weight: 700; color: #fff; display: inline-block; width: 204px; }
#sec12 .w-inner .cont .box .menu_box{position: relative; margin-top: 30px;}
#sec12 .w-inner .cont .box .menu_box .menu{}
#sec12 .w-inner .cont .box .menu_box .menu li{text-align: center; margin: 0 10px;}
#sec12 .w-inner .cont .box .menu_box .menu li .img{}
#sec12 .w-inner .cont .box .menu_box .menu li .img img{max-width: 100%;}
#sec12 .w-inner .cont .box .menu_box .menu li p{font-family: 'Noto Serif KR'; font-size: 20px; font-weight: 700; color: #000;text-align: center;}
#sec12 .w-inner .cont .box .menu_box .chi{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#sec12 .w-inner .cont .box .menu_box .chi img{max-width: 100%;}

@media all and (max-width:1280px){
	#sec12{padding: 160px 0 100px}
	#sec12 .top .inner .txt h4{font-size: 36px;}
	#sec12 .top .inner .txt h3{font-size: 110px;}
	#sec12 .top .inner .txt .bar{font-size: 22px; margin-top: 12px; padding: 8px 13px;}
	#sec12 .top .inner .txt .bar span{letter-spacing: 0.4em;}
	#sec12 .w-inner{margin-top: 80px; padding: 50px 0;}
	#sec12 .w-inner .cont .box .title_box{background-size: 100% 39px;}
	#sec12 .w-inner .cont .box .title_box.aos-animate{width: 94%;}
	#sec12 .w-inner .cont .box .title_box .title{font-size: 22px; line-height: 52px; width: 180px;}
	#sec12 .w-inner .cont .box .title_box .l_bar{width: 13px; height: 52px;}
	#sec12 .w-inner .cont .box .title_box .r_bar{width: 13px; height: 52px;}
}
@media all and (max-width:1024px){
	#sec12{padding: 140px 0 90px}
	#sec12 .top .inner .txt h4{font-size: 33px;}
	#sec12 .top .inner .txt h3{font-size: 96px; line-height: 1.2em;}
	#sec12 .top .inner .txt .bar{font-size: 21px;}
	#sec12 .top .inner .txt .bar span{letter-spacing: 0.35em;}
	#sec12 .w-inner{margin-top: 70px; padding: 45px 0;}
	#sec12 .w-inner .cont .box .title_box{background-size: 100% 37px;}
	#sec12 .w-inner .cont .box .title_box .title{font-size: 21px; line-height: 48px; width: 164px;}
	#sec12 .w-inner .cont .box .title_box .l_bar{width: 12px; height: 48px;}
	#sec12 .w-inner .cont .box .title_box .r_bar{width: 12px; height: 48px;}
}
@media all and (max-width:768px){
	#sec12{padding: 125px 0 80px}
	#sec12 .top .inner .txt h4{font-size: 30px;}
	#sec12 .top .inner .txt h3{font-size: 78px;}
	#sec12 .top .inner .txt .bar{font-size: 20px; margin-top: 10px; padding: 7px 11px;}
	#sec12 .top .inner .txt .bar span{letter-spacing: 0.30em;}
	#sec12 .w-inner{margin-top: 60px; padding: 40px 0;}
	#sec12 .w-inner .cont .box .title_box{background-size: 100% 35px;}
	#sec12 .w-inner .cont .box .title_box .title{font-size: 20px; line-height: 45px; width: 150px;}
	#sec12 .w-inner .cont .box .title_box .l_bar{width: 11px; height: 45px;}
	#sec12 .w-inner .cont .box .title_box .r_bar{width: 11px; height: 45px;}
	#sec12 .w-inner .cont .box + .box{margin-top: 55px;}
	#sec12 .w-inner .cont .box .menu_box .chi{display: none;}
	#sec12 .w-inner .cont .box .menu_box .menu li{margin: 0 5px;}
	#sec12 .w-inner .cont .box .menu_box .menu li .img img{max-width: 290px;}
	#sec12 .w-inner .cont .box .menu_box .menu li p{font-size: 18px;}
}
@media all and (max-width:500px){
	#sec12{padding: 110px 0 70px}
	#sec12 .top .inner .txt h4{font-size: 26px;}
	#sec12 .top .inner .txt h3{font-size: 68px;}
	#sec12 .top .inner .txt .bar{font-size: 17px;}
	#sec12 .top .inner .txt .bar span{letter-spacing: 0.17em;}
	#sec12 .w-inner{margin-top: 50px; padding: 35px 0;}
	#sec12 .w-inner .cont .box .title_box{background-size: 100% 32px;}
	#sec12 .w-inner .cont .box .title_box .title{font-size: 19px; line-height: 42px; width: 137px;}
	#sec12 .w-inner .cont .box .title_box .l_bar{width: 10px; height: 42px;}
	#sec12 .w-inner .cont .box .title_box .r_bar{width: 10px; height: 42px;}
	#sec12 .w-inner .cont .box .menu_box .menu li .img img{max-width: 248px;}
	#sec12 .w-inner .cont .box .menu_box .menu li p{font-size: 16px;}
}
@media all and (max-width:400px){
	#sec12 .top .inner .txt h3{font-size: 62px;}
}


/* sec13 */
#sec13{padding: 120px 0;}
#sec13 .inner{}
#sec13 .inner .m_txt{text-align: center;}
#sec13 .inner .m_txt h3 span{color: #853536;}
#sec13 .inner .cont{margin-top: 50px;}
#sec13 .inner .cont .big_thumb{}
#sec13 .inner .cont .big_thumb li.slick-slide{border: 5px solid #843435; border-radius: 20px; overflow: hidden;}
#sec13 .inner .cont .big_thumb li.slick-slide img{max-width: 100%;}
#sec13 .inner .cont .big_thumb .slick-dots{position: static; margin: 30px 0 50px;}
#sec13 .inner .cont .big_thumb .slick-dots li{width: 10px; height: 10px; background-color: rgba(0,0,0,0.3); margin: 0 5px;}
#sec13 .inner .cont .big_thumb .slick-dots li.slick-active{background-color: #843435;}
#sec13 .inner .cont .small_thumb{}
#sec13 .inner .cont .small_thumb li{margin: 0 10px; border: 3px solid #843435; border-radius: 15px; overflow: hidden;}
#sec13 .inner .cont .small_thumb li img{max-width: 407px; width: 100%; height: auto;}

@media all and (max-width:1280px){
	#sec13{padding: 100px 0;}
	#sec13 .inner .cont{margin-top: 45px;}
	#sec13 .inner .cont .big_thumb .slick-dots{margin: 25px 0 45px}
	#sec13 .inner .cont .big_thumb .slick-dots li{width: 9px; height: 9px; margin: 0 4px;}
	#sec13 .inner .cont .small_thumb li img{max-width: 362px;}
}
@media all and (max-width:1024px){
	#sec13{padding: 90px 0;}
	#sec13 .inner .cont{margin-top: 40px;}
	#sec13 .inner .cont .big_thumb .slick-dots{margin: 22px 0 40px}
	#sec13 .inner .cont .small_thumb li img{max-width: 320px;}
}
@media all and (max-width:768px){
	#sec13{padding: 80px 0;}
	#sec13 .inner .cont{margin-top: 35px;}
	#sec13 .inner .cont .big_thumb .slick-dots{margin: 20px 0 36px}
	#sec13 .inner .cont .big_thumb .slick-dots li{width: 8px; height: 8px; margin: 0 3px;}
	#sec13 .inner .cont .big_thumb li.slick-slide{border-radius: 14px;}
	#sec13 .inner .cont .small_thumb li{margin: 0 6px; border-radius: 8px;}
	#sec13 .inner .cont .small_thumb li img{max-width: 40vw;}
}
@media all and (max-width:500px){
	#sec13{padding: 70px 0;}
	#sec13 .inner .cont .big_thumb .slick-dots{margin: 16px 0 30px}
}


/* sec14 */
#sec14{background: url(/images/main/sec14_bg.webp) no-repeat center center / cover; padding: 140px 0 0;}
#sec14 .inner{display: flex; justify-content: space-between; align-items: center;}
#sec14 .inner .l_cont{padding-bottom: 100px;}
#sec14 .inner .l_cont > h3{font-family: 'HSBombaram'; font-size: 56px; color: #fff; font-weight: 400; margin-bottom: 20px;}
#sec14 .inner .l_cont h4{font-size: 32px; font-family: 'Noto Serif KR'; color: #fff; font-weight: 400; margin-bottom: 30px; word-break: keep-all;}
#sec14 .inner .l_cont h4 span{font-weight: 500; color: #e5ba4e; word-break: keep-all;}
#sec14 .inner .l_cont p{font-size: 20px; color: #ffffff;font-weight: 300; line-height: 1.6em; word-break: keep-all;}
#sec14 .inner .l_cont p + p{margin-top: 35px;}
#sec14 .inner .l_cont .name_box{display: flex; align-items: center; margin-top: 40px; gap:25px;}
#sec14 .inner .l_cont .name_box .name{}
#sec14 .inner .l_cont .name_box .name p{font-weight: 600; font-size: 16px; color: #fff; opacity: 0.6;}
#sec14 .inner .l_cont .name_box .name h3{font-family: 'HSBombaram'; font-size: 32px; color: #fff; font-weight: 400; margin-top: 5px;}
#sec14 .inner .l_cont .name_box .signature{}
#sec14 .inner .l_cont .name_box .signature img{}
#sec14 .inner .r_cont{align-self: flex-end;}
#sec14 .inner .r_cont img{max-width: 100%;}

@media all and (max-width:1280px){
	#sec14{padding-top: 120px;}
	#sec14 .inner .l_cont{padding-bottom: 90px; width: 62%;}
	#sec14 .inner .l_cont > h3{font-size: 48px; margin-bottom: 16px;}
	#sec14 .inner .l_cont h4{font-size: 28px; margin-bottom: 25px;}
	#sec14 .inner .l_cont h4 br{display: none;}
	#sec14 .inner .l_cont p{font-size: 19px;}
	#sec14 .inner .l_cont p + p{margin-top: 30px;}
	#sec14 .inner .l_cont .name_box .name p{font-size: 15px;}
	#sec14 .inner .l_cont .name_box .name h3{font-size: 28px;}
	#sec14 .inner .l_cont .name_box{gap:20px;}
	#sec14 .inner .l_cont .name_box .signature img{max-width: 116px;}
	#sec14 .inner .r_cont{width: 38%;}
}
@media all and (max-width:1024px){
	#sec14{padding-top: 100px;}
	#sec14 .inner .l_cont{padding-bottom: 80px;}
	#sec14 .inner .l_cont > h3{font-size: 43px;}
	#sec14 .inner .l_cont h4{font-size: 26px;}
	#sec14 .inner .l_cont p{font-size: 18px;}
	#sec14 .inner .l_cont p br{display: none;}
	#sec14 .inner .l_cont p + p{margin-top: 25px;}
}
@media all and (max-width:768px){
	#sec14{padding-top: 90px;}
	#sec14 .inner{flex-direction: column;}
	#sec14 .inner .l_cont{padding-bottom: 0px; width: 100%;}
	#sec14 .inner .l_cont > h3{font-size: 38px; margin-bottom: 12px;}
	#sec14 .inner .l_cont h4{font-size: 24px; margin-bottom: 20px;}
	#sec14 .inner .l_cont p{font-size: 17px;}
	#sec14 .inner .l_cont p + p{margin-top: 22px;}
	#sec14 .inner .l_cont .name_box .name p{font-size: 14px;}
	#sec14 .inner .l_cont .name_box .name h3{font-size: 26px;}
	#sec14 .inner .l_cont .name_box{gap:16px;}
	#sec14 .inner .l_cont .name_box .signature img{max-width: 102px;}
	#sec14 .inner .r_cont{width: 100%; text-align: right;}
	#sec14 .inner .r_cont img{max-width: 50vw; padding-right: 3%;}
}
@media all and (max-width:500px){
	#sec14{padding-top: 80px;}
	#sec14 .inner{gap:20px;}
	#sec14 .inner .l_cont > h3{font-size: 30px;}
	#sec14 .inner .l_cont h4{font-size: 20px;}
	#sec14 .inner .l_cont p{font-size: 16px;}
	#sec14 .inner .l_cont p + p{margin-top: 16px;}
	#sec14 .inner .r_cont img{max-width: 60vw; padding-right: 3%;}
}


/* sec15 */
@keyframes fb {
	0%{transform: scale(1)}
	25%{transform: scale(1.05)}
	50%{transform: scale(1.025)}
	75%{transform: scale(1.1)}
	100%{transform: scale(1)}
}
@keyframes br{
	0%{filter: brightness(1)}
	50%{filter: brightness(1.3)}
	100%{filter: brightness(1)}
}
#sec15{padding: 150px 0 120px; background: url(/images/main/sec15_bg.webp) no-repeat center center / cover;}
#sec15 .inner{}
#sec15 .inner .cont_box{}
#sec15 .inner .cont_box .top{display: flex; justify-content: space-between; align-items: flex-end;}
#sec15 .inner .cont_box .top .m_txt{}
#sec15 .inner .cont_box .top .m_txt h3{color: #fff;}
#sec15 .inner .cont_box .top .m_txt h3 span{color: #ebc975;}
#sec15 .inner .cont_box .top .m_txt .chi{}
#sec15 .inner .cont_box .cont{margin-top: 30px; display: grid; grid-template-columns: 290px auto; gap:30px;}
#sec15 .inner .cont_box .cont > div{border: 3px solid #ad9047;}
#sec15 .inner .cont_box .cont > .l_cont{background: url(/images/main/sec15_l_cont.webp) no-repeat center center / cover; padding: 30px;}
#sec15 .inner .cont_box .cont > .l_cont .logo{text-align: center;}
#sec15 .inner .cont_box .cont > .l_cont h4{line-height: 44px; padding: 0 20px; background-color: #271d1a; font-size: 22px; font-weight: 600; color: #fff; border-radius: 22px; text-align: center; margin-top: 20px; margin-bottom: 25px;}
#sec15 .inner .cont_box .cont > .l_cont .percent{}
#sec15 .inner .cont_box .cont > .l_cont .percent li{ display: flex; align-items: center; gap:20px;}
#sec15 .inner .cont_box .cont > .l_cont .percent li + li{margin-top: 2px;}
#sec15 .inner .cont_box .cont > .l_cont .percent li .gage{width: 52px;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1){color: #853536; animation: br 1s infinite;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(2){color: #543030;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(3){color: #8b5f60;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(4){color: #c99495;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(5){color: #e5adad;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1) .gage{height: 130px; background-color: #853536;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(2) .gage{height: 130px; background-color: #543030;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(3) .gage{height: 70px; background-color: #8b5f60;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(4) .gage{height: 35px; background-color: #c99495;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(5) .gage{height: 25px; background-color: #e5adad;}
#sec15 .inner .cont_box .cont > .l_cont .percent li .txt{}
#sec15 .inner .cont_box .cont > .l_cont .percent li .txt p{font-size: 16px;font-weight: 600;}
#sec15 .inner .cont_box .cont > .l_cont .percent li .txt p b{}
#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt{}
#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p{font-size: 18px; font-weight: 800;}
#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1) .txt p{animation: fb 1s infinite;}
#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p b{font-size: 32px;}
#sec15 .inner .cont_box .cont > .r_cont{background-color: #ffffff; padding: 30px;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1{width: 100%;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead{}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th{background-color: #a2894c; font-size: 18px; font-weight: 600; color: #fff; line-height: 56px;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th + th{border-left: 1px solid #917b44;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead tr:nth-child(2) th{border-top: 1px solid #917b44;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead tr:nth-child(2) th:nth-child(1){border-left: 1px solid #917b44;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th span{color: #ffdb80;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody{}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr{}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th{font-size: 18px; font-weight: 600; color: #000000; line-height: 46px; line-height: 1.2em;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th.bg1{background-color: #e8e8e8;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr + tr th.bg1{border-top: 1px solid #d0d0d0;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th.bg2{background-color: #f8f8f8; border-left: 1px solid #e5e5e5;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr td{font-size: 18px; font-weight: 600; color: #000000; text-align: center; line-height: 46px; border-left: 1px solid #e5e5e5;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr td span{color: #90742b; font-weight: 700;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr + tr th{border-top: 1px solid #e5e5e5;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr + tr td{border-top: 1px solid #e5e5e5;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot{}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr th{font-weight: 600; font-size: 18px; color: #000; background-color: #fef9ee; line-height: 60px;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td{font-weight: 800; font-size: 20px; color: #000; background-color: #fef9ee; line-height: 60px; text-align: center; border-left: 1px solid #e9e5dd;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr + tr th{border-top: 1px solid #e9e5dd;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr + tr td{border-top: 1px solid #e9e5dd;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td b{}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td b > span{color: #90742b;}
#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td > span{font-size: 18px; font-weight: 600; color: #90742b;}
#sec15 .inner .text{margin-top: 30px;}
#sec15 .inner .text p{font-size: 17px; color: #ffffff; line-height: 1.8em; opacity: 0.9;}

@media all and (max-width:1280px){
	#sec15{padding: 130px 0 100px;}
	#sec15 .inner .cont_box .top .chi img{max-width: 316px;}
	#sec15 .inner .cont_box .cont{gap:20px; grid-template-columns: 260px auto;}
	#sec15 .inner .cont_box .cont > .l_cont{padding: 25px;}
	#sec15 .inner .cont_box .cont > .l_cont .logo img{max-width: 80px;}
	#sec15 .inner .cont_box .cont > .l_cont h4{line-height: 40px; padding: 0 16px; margin-top: 16px; margin-bottom: 21px; font-size: 20px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li{gap:15px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li .gage{width: 46px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1) .gage{height: 110px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(2) .gage{height: 110px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(3) .gage{height: 60px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(4) .gage{height: 30px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(5) .gage{height: 22px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p{font-size: 17px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p b{font-size: 28px;}
	#sec15 .inner .cont_box .cont > .r_cont{padding: 25px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th{font-size: 17px; line-height: 52px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th{font-size: 17px; line-height: 42px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr td{font-size: 17px; line-height: 42px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr th{font-size: 17px; line-height: 54px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td{font-size: 17px; line-height: 54px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td > span{font-size: 17px;}
	#sec15 .inner .text{margin-top: 25px;}
	#sec15 .inner .text p{font-size: 16px;}
}
@media all and (max-width:1024px){
	#sec15{padding: 120px 0 90px;}
	#sec15 .inner .cont_box .top .chi img{max-width: 292px;}
	#sec15 .inner .cont_box .cont{gap:16px; grid-template-columns: 240px auto;}
	#sec15 .inner .cont_box .cont > .l_cont{padding: 20px;}
	#sec15 .inner .cont_box .cont > .l_cont h4{line-height: 38px; padding: 0 14px; margin-top: 14px; margin-bottom: 19px; font-size: 18px;}
	#sec15 .inner .cont_box .cont > .l_cont .logo img{max-width: 72px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li .gage{width: 40px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1) .gage{height: 96px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(2) .gage{height: 96px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(3) .gage{height: 54px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(4) .gage{height: 24px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(5) .gage{height: 17px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p{font-size: 16px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p b{font-size: 25px;}
	#sec15 .inner .cont_box .cont > .r_cont{padding: 20px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th{font-size: 16px; line-height: 44px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th{font-size: 16px; line-height: 36px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr td{font-size: 16px; line-height: 36px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr th{font-size: 16px; line-height: 46px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td{font-size: 16px; line-height: 46px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td > span{font-size: 16px;}
}
@media all and (max-width:768px){
	#sec15{padding: 80px 0 80px;}
	#sec15 .inner .cont_box .top{flex-direction: column-reverse; align-items: center;}
	#sec15 .inner .cont_box .top .m_txt{text-align: center;}
	#sec15 .inner .cont_box .top .chi{margin-bottom: 16px;}
	#sec15 .inner .cont_box .top .chi img{max-width: 36vw;}
	#sec15 .inner .cont_box .cont > .l_cont{padding: 15px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li + li{margin-top: 8px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li .gage{height: 25px !important;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(1) .gage{width: 72%;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(2) .gage{width: 72%;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(3) .gage{width: 32%;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(4) .gage{width: 14%;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li:nth-child(5) .gage{width: 10%;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p{font-size: 15px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p b{font-size: 22px;}
	#sec15 .inner .cont_box .cont > .r_cont{padding: 15px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 thead th{font-size: 15px; line-height: 40px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr th{font-size: 15px; line-height: 32px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tbody tr td{font-size: 15px; line-height: 32px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr th{font-size: 15px; line-height: 42px;}
	#sec15 .inner .cont_box .cont > .r_cont .tb-style1 tfoot tr td{font-size: 15px; line-height: 42px;}
	#sec15 .inner .cont_box .cont{grid-template-columns: 100%;}
	#sec15 .inner .text{margin-top: 20px;}
	#sec15 .inner .text p{font-size: 15px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li .txt p{font-size: 15px;}
}
@media all and (max-width:500px){
	#sec15{padding: 70px 0 70px;}
	#sec15 .inner .cont_box .cont > .l_cont{padding: 10px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li{gap:7px;}
	#sec15 .inner .cont_box .cont > .l_cont .percent li.big .txt p b{font-size: 20px;}
	#sec15 .inner .cont_box .cont > .r_cont{padding: 10px;}
}


/* sec16 */
#sec16{background: url(/images/main/sec16_bg.webp) no-repeat center center / cover; padding: 105px 0;}
#sec16 .inner{display: flex; justify-content: space-between; align-items: center;}
#sec16 .inner .l_cont{padding-left: 80px;}
#sec16 .inner .l_cont .m_txt{}
#sec16 .inner .l_cont .m_txt h3{color: #fff;}
#sec16 .inner .l_cont .m_txt h3 span{color: #e5ba4e; word-break: keep-all;}
#sec16 .inner .l_cont .m_txt > p{color: #eee;}
#sec16 .inner .l_cont .m_txt > p span{color: #fff;}
#sec16 .inner .l_cont .m_txt .small{margin-top: 20px;}
#sec16 .inner .l_cont .m_txt .small p{font-size: 16px; opacity: 0.8; line-height: 1.6em; margin-top: 0;}
#sec16 .inner .r_cont{padding-right: 35px;}
#sec16 .inner .r_cont img{max-width: 100%;}


@media all and (max-width:1280px){
	#sec16 .inner{gap:30px;}
	#sec16 .inner .l_cont{padding-left: 0; width: 50%;}
	#sec16 .inner .l_cont .m_txt h3 br{display: none;}
	#sec16 .inner .r_cont{padding-right: 0; width: 50%;}
}
@media all and (max-width:768px){
	#sec16{padding: 80px 0;}
	#sec16 .inner{flex-direction: column; gap:50px;}
	#sec16 .inner .l_cont{width: 100%; text-align: center;}
	#sec16 .inner .l_cont .m_txt h3 br{display: block;}
	#sec16 .inner .r_cont{width: 100%; padding-left: 6%; text-align: center;}
	#sec16 .inner .r_cont img{max-width: 80%;}
}
@media all and (max-width:500px){
	#sec16{padding: 70px 0;}
	#sec16 .inner{gap:40px;}
	#sec16 .inner .r_cont img{max-width: 88%;}
}


/* sec17 */
@keyframes biger {
	0%{width: 10px; height: 10px; opacity: 1}
	60%{width: 100px; height: 100px; opacity: 1;}
	100%{width: 140px; height: 140px; opacity: 0;}
}
@keyframes biger2 {
	0%{width: 10px; height: 10px; opacity: 1;}
	60%{width: 138px; height: 96px; opacity: 1;}
	100%{width: 160px; height: 108px; opacity: 0;}
}
@keyframes tc{
	0%{color: #fff;}
	50%{color: #f4ea65;}
	100%{color: #fff;}
}
@keyframes textbiger{
	0%{transform: scale(1)}
	50%{transform: scale(1.05)}
	100%{transform: scale(1)}
}
#sec17{background: url(/images/main/sec8_bg.webp) center center; padding: 110px 0 120px; overflow-x: hidden;}
#sec17 .inner{}
#sec17 .inner .m_txt{text-align: center; }
#sec17 .inner .m_txt h3{color: #fff; display: flex; justify-content: center; gap:20px; align-items: center;}
#sec17 .inner .m_txt h3 img{}
#sec17 .inner .m_txt .important{color: #fff; font-size: 32px; font-weight: 700; margin-top: 45px; animation: textbiger 0.75s infinite; word-break: keep-all; line-height: 1.35em;}
#sec17 .inner .m_txt .important br.mo{display: none;}
#sec17 .inner .m_txt .important span{color: #f6ed60; word-break: keep-all;}
#sec17 .inner .m_txt p{color: #fff;}
#sec17 .inner .m_txt p span{color: #f6ed60;}
#sec17 .inner .table{margin-top: 50px;}
#sec17 .inner .table .tb-style2{width: 100%; background-color: #fff;}
#sec17 .inner .table .tb-style2 thead{}
#sec17 .inner .table .tb-style2 thead tr{}
#sec17 .inner .table .tb-style2 thead tr th{background-color: #6d191a; font-size: 20px; color: #fff; line-height: 54px; font-weight: 700;}
#sec17 .inner .table .tb-style2 thead tr th span{color: #f6ed60;}
#sec17 .inner .table .tb-style2 tbody{}
#sec17 .inner .table .tb-style2 tbody tr{}
#sec17 .inner .table .tb-style2 tbody tr + tr th{border-top: 1px solid #e5e5e5;}
#sec17 .inner .table .tb-style2 tbody tr + tr td{border-top: 1px solid #e5e5e5;}
#sec17 .inner .table .tb-style2 tbody tr th{padding: 20px 10px; text-align: center; color: #000000; font-weight: 700; font-size: 20px;}
#sec17 .inner .table .tb-style2 tbody tr td{padding: 20px 10px; text-align: center; font-size: 20px; color: #444444; font-weight: 500;}
#sec17 .inner .table .tb-style2 tbody tr td.discount{position: relative;}
#sec17 .inner .table .tb-style2 tbody tr td.discount p{color: #999; text-decoration: line-through;}
#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 60px; height: 60px; background-color: #d12628; border-radius: 100%; font-size: 20px; font-weight: 700; display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 17%;}
#sec17 .inner .table .tb-style2 tbody tr td.discount .pop::before{content: ''; width: 10px; height: 10px; background-color: #f8dfdf; border-radius: 100%; background-color: rgba(209, 38, 40,0.15); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: biger 1s infinite linear; z-index: -1;}
#sec17 .inner .table .tb-style2 tbody tr td span{color: #d12628;}
#sec17 .inner .table .tb-style2 tfoot{}
#sec17 .inner .table .tb-style2 tfoot th{background-color: #fef9ee; padding: 20px 10px; text-align: center; color: #000000; font-weight: 700; font-size: 20px; border-top: 1px solid #e5e5e5;}
#sec17 .inner .table .tb-style2 tfoot td{background-color: #fef9ee; padding: 20px 10px; text-align: center; font-size: 20px; color: #444444; font-weight: 500; border-top: 1px solid #e5e5e5; word-break: keep-all;}
#sec17 .inner .table .tb-style2 tfoot td b{font-size: 24px; font-weight: 700; color: #d12628; text-indent: -80px; display: inline-block;}
#sec17 .inner .table .tb-style2 tfoot td.total{position: relative;}
#sec17 .inner .table .tb-style2 tfoot td.total span{background-color: #d12728; position: absolute; color: #fff; font-weight: 700; text-align: center; padding: 15px 20px; border-radius: 15px; right: 15px; top: 50%; transform: translateY(-50%); font-size: 22px;}
#sec17 .inner .table .tb-style2 tfoot td.total span::before{content: ''; width: 10px; height: 10px; background-color: #f8dfdf; border-radius: 15px; background-color: rgba(209, 38, 40,0.15); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: biger2 1.25s infinite linear; z-index: -1;}
#sec17 .inner .table .tb-style2 tfoot td.total span i{font-style: normal; color: #f4e95f; animation: tc .75s infinite;}
#sec17 .inner .text{margin-top: 30px;}
#sec17 .inner .text p{font-size: 17px; color: #ffffff; line-height: 1.8em; opacity: 0.9;}

@media all and (max-width:1280px){
	#sec17{padding: 95px 0 100px;}
	#sec17 .inner .m_txt h3 img{max-width: 250px;}
	#sec17 .inner .m_txt .important{font-size: 28px; margin-top: 40px;}
	#sec17 .inner .table{margin-top: 45px;}
	#sec17 .inner .table .tb-style2 thead tr th{font-size: 18px; line-height: 50px;}
	#sec17 .inner .table .tb-style2 tbody tr th{padding: 17px 8px; font-size: 18px;}
	#sec17 .inner .table .tb-style2 tbody tr td{padding: 17px 8px; font-size: 18px; word-break: keep-all;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 56px; height: 56px; font-size: 18px; right: 3%;}
	#sec17 .inner .table .tb-style2 tfoot th{padding: 17px 8px; font-size: 18px;}
	#sec17 .inner .table .tb-style2 tfoot td{padding: 17px 8px; font-size: 18px;}
	#sec17 .inner .table .tb-style2 tfoot td b{font-size: 22px;}
	#sec17 .inner .text{margin-top: 25px;}
	#sec17 .inner .text p{font-size: 16px;}
	#sec17 .inner .table .tb-style2 tfoot td.total span{padding:13px 17px; border-radius: 13px; right: 10px; font-size: 20px;}
}
@media all and (max-width:1024px){
	#sec17{padding: 90px 0 90px;}
	#sec17 .inner .m_txt h3 img{max-width: 232px;}
	#sec17 .inner .m_txt .important{font-size: 26px; margin-top: 35px;}
	#sec17 .inner .table{margin-top: 40px;}
	#sec17 .inner .table .tb-style2 thead tr th{font-size: 17px; line-height: 46px;}
	#sec17 .inner .table .tb-style2 tbody tr th{padding: 14px 6px; font-size: 17px;}
	#sec17 .inner .table .tb-style2 tbody tr td{padding: 14px 6px; font-size: 17px;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 52px; height: 52px; font-size: 17px; right: 3%;}
	#sec17 .inner .table .tb-style2 tfoot th{padding: 14px 6px; font-size: 17px;}
	#sec17 .inner .table .tb-style2 tfoot td{padding: 14px 6px; font-size: 17px;}
	#sec17 .inner .table .tb-style2 tfoot td b{font-size: 21px; text-indent: -100px;}
	#sec17 .inner .table .tb-style2 tfoot td.total span{padding:11px 15px; border-radius: 11px; right: 5px; font-size: 19px;}
	@keyframes biger2 {
		0%{width: 10px; height: 10px; opacity: 1;}
		60%{width: 112px; height: 80px; opacity: 1;}
		100%{width: 138px; height: 94px; opacity: 0;}
	}
}
@media all and (max-width:768px){
	@keyframes biger {
		0%{width: 10px; height: 10px; opacity: 1}
		60%{width: 80px; height: 80px; opacity: 1;}
		100%{width: 110px; height: 110px; opacity: 0;}
	}
	#sec17{padding: 85px 0 80px;}
	#sec17 .inner .m_txt h3 img{max-width: 216px;}
	#sec17 .inner .m_txt .important{font-size: 24px;}
	#sec17 .inner .m_txt .important br.mo{display: block;}
	#sec17 .inner .table{margin-top: 33px;}
	#sec17 .inner .table .tb-style2 thead tr th{font-size: 16px; line-height: 42px;}
	#sec17 .inner .table .tb-style2 tbody tr th{padding: 12px 5px; font-size: 16px;}
	#sec17 .inner .table .tb-style2 tbody tr td{padding: 12px 5px; font-size: 16px;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount{text-align: left; padding-left: 4vw;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 48px; height: 48px; font-size: 16px; right: 3%;}
	#sec17 .inner .table .tb-style2 tfoot th{padding: 12px 5px; font-size: 16px;}
	#sec17 .inner .table .tb-style2 tfoot td{padding: 12px 5px; font-size: 16px;}
	#sec17 .inner .table .tb-style2 tfoot td b{font-size: 19px; text-indent: 0px;}
	#sec17 .inner .table .tb-style2 tfoot td.total span{padding:9px 13px; border-radius: 9px; right: -1vw; font-size: 17px; transform: translateY(0) scale(0.9); position: static; display: block; white-space:nowrap; width: 135%; max-width: 110px; margin-left: auto; margin-right: auto; margin-top: 3px;}
	#sec17 .inner .table .tb-style2 tfoot td.total span br{display: none;}
	#sec17 .inner .text{margin-top: 20px;}
	#sec17 .inner .text p{font-size: 15px;}
	@keyframes biger2 {
		0%{width: 10px; height: 10px; opacity: 1;}
		60%{width: 120px; height: 48px; opacity: 1;}
		100%{width: 134px; height: 60px; opacity: 0;}
	}
}
@media all and (max-width:500px){
	@keyframes biger {
		0%{width: 10px; height: 10px; opacity: 1}
		60%{width: 60px; height: 60px; opacity: 1;}
		100%{width: 90px; height: 90px; opacity: 0;}
	}
	#sec17{padding: 80px 0 70px;}
	#sec17 .inner .m_txt h3 img{max-width: 182px;}
	#sec17 .inner .table{margin-top: 27px;}
	#sec17 .inner .table .tb-style2 thead tr th{font-size: 15px; line-height: 38px;}
	#sec17 .inner .table .tb-style2 tbody tr th{padding: 10px 2px; font-size: 15px;}
	#sec17 .inner .table .tb-style2 tbody tr td{padding: 10px 4px; font-size: 15px;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount{text-align: left; padding-left: 2vw;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 44px; height: 44px; font-size: 15px; right: 3%;}
	#sec17 .inner .table .tb-style2 tfoot th{padding: 10px 4px; font-size: 15px;}
	#sec17 .inner .table .tb-style2 tfoot td{padding: 10px 4px; font-size: 15px;}
	#sec17 .inner .table .tb-style2 tfoot td b{font-size: 18px;}
	#sec17 .inner .table .tb-style2 tfoot td.total span{padding:7px 11px; border-radius: 7px; font-size: 16px; transform: translateY(0) translateX(-50%) scale(0.85); position: relative; display: block; white-space:nowrap; width: 135%; max-width: 110px; margin-left: auto; margin-right: auto; left: 50%;}
}

@media all and (max-width:420px){
	#sec17 .inner .table .tb-style2 tbody tr td.discount{padding-left: 0;}
	#sec17 .inner .table .tb-style2 tbody tr td.discount .pop{width: 40px; height: 40px; font-size: 14px; right: -5%;}
}


/* sec18 */
#sec18{padding: 120px 0; background: url(/images/main/sec18_bg.webp) no-repeat center center / cover; border-bottom: 2px solid #ececec;}
#sec18 .inner{}
#sec18 .inner .m_txt{text-align: center;}
#sec18 .inner .m_txt h3 span{color: #853536;}
#sec18 .inner .list{margin-top: 75px; display: flex; gap:10px; align-items: flex-start;}
#sec18 .inner .list li{position: relative; width: 100%; aspect-ratio:1 / 1.85;border-radius: 12px; overflow: hidden; box-shadow: 2px 8px 12px rgba(0,0,0,.075); border: 5px solid #853536;}
#sec18 .inner .list li:nth-child(1){border-top-left-radius: 60px;}
#sec18 .inner .list li:nth-child(4){border-bottom-right-radius: 60px;}
#sec18 .inner .list li::after{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.075), rgba(0,0,0,0.075),rgba(0,0,0,0.05), #000); }
#sec18 .inner .list li:nth-child(even){margin-top: 70px;}
#sec18 .inner .list li .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec18 .inner .list li:nth-child(1) .img{background: url(/images/main/sec18_img1.webp) no-repeat center center / cover;}
#sec18 .inner .list li:nth-child(2) .img{background: url(/images/main/sec18_img2.webp) no-repeat center center / cover;}
#sec18 .inner .list li:nth-child(3) .img{background: url(/images/main/sec18_img3.webp) no-repeat center center / cover;}
#sec18 .inner .list li:nth-child(4) .img{background: url(/images/main/sec18_img4_250422.webp) no-repeat center center / cover;}
#sec18 .inner .list li .txt{position: absolute; width: 86%; bottom: 30px; left: 50%; transform: translateX(-50%); color: #fff; z-index: 2;}
#sec18 .inner .list li .txt h3{font-size: 32px; font-family: 'HSBombaram'; font-weight: 400; margin-bottom: 16px; line-height: 1.2em; word-break: keep-all;}
#sec18 .inner .list li .txt p{font-size: 16px; line-height: 1.7em; font-weight: 100; opacity: 0.9; font-weight: 300;}


@media all and (max-width:1280px){
	#sec18{padding: 100px 0;}
	#sec18 .inner .list{margin-top: 65px;}
	#sec18 .inner .list li:nth-child(even){margin-top: 50px;}
	#sec18 .inner .list li .txt{width: 88%;}
	#sec18 .inner .list li .txt h3{font-size: 28px; margin-bottom: 13px;}
	#sec18 .inner .list li .txt p{font-size: 15px; line-height: 1.6em;}
}
@media all and (max-width:1024px){
	#sec18{padding: 90px 0;}
	#sec18 .inner .list{margin-top: 55px;}
	#sec18 .inner .list li .txt h3{font-size: 26px; margin-bottom: 10px;}
	#sec18 .inner .list li:nth-child(1){border-top-left-radius: 40px;}
	#sec18 .inner .list li:nth-child(4){border-bottom-right-radius: 40px;}
}
@media all and (max-width:768px){
	#sec18{padding: 80px 0;}
	#sec18 .inner .list{display: grid; grid-template-columns: 100%; margin-top: 45px;} 
	#sec18 .inner .list li{width: 100%; aspect-ratio:auto; height: 240px; border-width: 4px;}
	#sec18 .inner .list li:nth-child(even){margin-top: 0px;}
	#sec18 .inner .list li:nth-child(1){border-top-left-radius: 30px;}
	#sec18 .inner .list li:nth-child(4){border-bottom-right-radius: 30px;}
	#sec18 .inner .list li .txt{width: 94%;}
	#sec18 .inner .list li::after{background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.1), rgba(0,0,0,0.3), rgba(0,0,0,0.6));}
	#sec18 .inner .list li .txt{bottom: 20px;}
	#sec18 .inner .list li .txt h3{margin-bottom: 5px;}
	#sec18 .inner .list li .txt h3 br{display: none;}
	#sec18 .inner .list li .txt p{font-size: 16px; word-break: keep-all; line-height: 1.5em;}#sec18 .inner .list li:nth-child(1) .img{background: url(/images/main/sec18_img1_mo.webp) no-repeat center center / cover;}
	#sec18 .inner .list li:nth-child(2) .img{background: url(/images/main/sec18_img2_mo.webp) no-repeat center center / cover;}
	#sec18 .inner .list li:nth-child(3) .img{background: url(/images/main/sec18_img3_mo.webp) no-repeat center center / cover;}
	#sec18 .inner .list li:nth-child(4) .img{background: url(/images/main/sec18_img4_mo_250422.webp) no-repeat center center / cover;}
}
@media all and (max-width:500px){
	#sec18{padding: 70px 0;}
	#sec18 .inner .list{margin-top: 35px;}
	#sec18 .inner .list li .txt{bottom: 15px;}
	#sec18 .inner .list li .txt h3{font-size: 23px;}
	#sec18 .inner .list li .txt p{font-size: 15px;}
}