/* header */
header { background-color: #fff;}
header .gnb > ul > li > a{ color: #CFB699; }

/* section01 */
#section01{ margin-top: 90px; width: 100%; height: 51.56vw;}

/* section02 */
#section02{ position: relative; z-index: 10;}
#section02 .about-box{ position: relative; width: 100%; padding: 100px 120px; display: flex; top: -100px; justify-content: space-between; align-items: center;}
#section02 .about-box .text-area h3{ display: inline-block; width: fit-content; padding-bottom: 10px; margin-bottom: 40px; position: relative;}
#section02 .about-box .text-area h3:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 0; left: 0;}
#section02 .about-box .text-area p{ line-height: 26px; padding-bottom: 20px;}
#section02 .about-box .text-area p:last-child{ padding-bottom: 0;}
#section02 .about-box img{ width: 496px; height: 273px;}
#section02 .about-box a#btn01{ position: absolute; bottom: 80px; right: 100px;}
#section02 .deco{ position: absolute; bottom: -100px; left: -50px;}
/* =================== 1540px =================== */
@media (max-width: 1540px) {
  #section02{ position: relative; z-index: 10;}
  #section02 .about-box{ position: relative; width: 100%; padding: 6.49vw 7.79vw; display: flex; top: -6.49vw; justify-content: space-between; align-items: center;}
  #section02 .about-box .text-area h3{ display: inline-block; width: fit-content; padding-bottom: 0.65vw; margin-bottom: 2.60vw; position: relative;}
  #section02 .about-box .text-area h3:after{ content: ''; position: absolute; width: 100%; height: 0.06vw; background: #fff; bottom: 0; left: 0;}
  #section02 .about-box .text-area p{ line-height: 1.69vw; padding-bottom: 1.30vw;}
  #section02 .about-box .text-area p:last-child{ padding-bottom: 0;}
  #section02 .about-box img{ width: 32.21vw; height: 17.73vw;}
  #section02 .about-box a#btn01{ position: absolute; bottom: 5.19vw; right: 6.49vw;}
  #section02 .deco{ position: absolute; bottom: -6.49vw; left: -3.25vw;  width: 24.68vw; height: 25.97vw;}
}

/* section03 */
#section03{ position: relative; width: 100%; padding: 30px 0 130px; overflow: hidden;}
#section03 .wrap1520{ display: flex; justify-content: space-between;}
#section03 .left{ width: 496px; padding-top: 300px;}
#section03 .right{ width: 1008px;}
#section03 .img-wrap{ text-align: center; width: 100%; position: relative;}
#section03 .img-wrap .deco1{ position: absolute; top: -94px; left: 0;}
#section03 .img-wrap .deco2{ position: absolute; top: -16px; left: 36px; text-align: left;}
#section03 .img-wrap img{ width: 100%; object-fit: cover; margin: 10px 0;}
#section03 .right > div{ display: flex; justify-content: space-between;}
#section03 .top{ align-items: flex-end; }
#section03 .top .img-wrap{ width: 496px; }
#section03 .top .img-wrap img{ margin: 10px 0 6px;}
#section03 .btm .img-wrap:nth-child(1){ width: 368px;}
#section03 .btm .img-wrap:nth-child(2){ width: 624px;}
#section03 .btm p.ko{ opacity: .4; text-align: left; position: absolute; bottom: -120px; line-height: 26px;}
#section03 .deco{ position: absolute; bottom: -40px; right: -68px; z-index: 10; width: 380px; height: 400px;}
/* =================== 1540px =================== */
@media (max-width: 1540px) {
  #section03{ position: relative; padding: 1.95vw 0 8.44vw; }
  #section03 .wrap1520{ display: flex; justify-content: space-between;}
  #section03 .left{ width: 32.21vw; padding-top: 19.48vw;}
  #section03 .right{ width: 65.45vw;}
  #section03 .img-wrap{ text-align: center; width: 100%; position: relative;}
  #section03 .img-wrap .deco1{ position: absolute; top: -6.10vw; left: 0;}
  #section03 .img-wrap .deco2{ position: absolute; top: -1.04vw; left: 2.34vw; text-align: left;}
  #section03 .img-wrap img{ width: 100%; object-fit: cover; margin: 0.65vw 0;}
  #section03 .right > div{ display: flex; justify-content: space-between;}
  #section03 .top{ align-items: flex-end; }
  #section03 .top .img-wrap{ width: 32.21vw; }
  #section03 .top .img-wrap img{ margin: 0.65vw 0 0.39vw;}
  #section03 .btm .img-wrap:nth-child(1){ width: 23.90vw;}
  #section03 .btm .img-wrap:nth-child(2){ width: 40.52vw;}
  #section03 .btm p.ko{ opacity: .4; text-align: left; position: absolute; bottom: -7.79vw; line-height: 1.69vw;}
  #section03 .deco{ position: absolute; bottom: -2.60vw; right: -4.42vw; z-index: 10; width: 24.68vw; height: 25.97vw;}
}

/* section04 */
#section04{ width: 100%; height: 800px; position: relative; overflow: hidden;}
#section04 h3{ display: block; width: 100%; position: absolute; top: calc(50% - 18px); text-align: center;}
#section04 .deco{ position: absolute; width: 380px; height: 400px; top: -360px; right: -68px; z-index: 10;}
/* =================== 1540px =================== */
@media (max-width: 1540px) {
  #section04{ height: 41.67vw;}
  #section04 .deco{ position: absolute; width: 24.68vw; height: 25.97vw; top: -23.38vw; right: -4.42vw; z-index: 10;}
}