@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
html, body {overflow-x: hidden;}
*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
.__btn{font-size: 0; text-indent: -9999px; display: block; position: absolute;}
.visually_hidden{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border:0;}
.__wrap {font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', '돋움', dotum, Arial, sans-serif;}
.__wrap img{display: block; max-width: 1600px; width: 100%; margin: auto;}
[class*="__section"],
.__inner{position:relative;}
.__txt_area_wrap{position: relative; max-width: 1200px; margin: auto;}
.__txt_area:not(.__section3_1 .__txt_area, .__section4 .__txt_area){position:absolute;}
.__mo_img{display: none !important;}

/* section text */
.__section1 .__top .__txt_area{max-width: 1500px; width: 100%; margin: auto; display: flex; align-items: center; color:#fff; justify-content: space-between; top:50%; left: 50%; transform: translate(-48%, -50%);}
.__section1 .__top .__txt_area h2{font-size:46px;}
.__section1 .__top .__txt_area p{font-size: 16px;}
.__section1 .__visual_btn{max-width: 1200px; width:100%; position:absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.__section1 .__visual_btn ul{display: flex; justify-content: center; min-height: 90px;}
.__section1 .__visual_btn li{width: 33.3333%; background-color: #1a4999; text-align: center;}
.__section1 .__visual_btn li:nth-child(even){background-color: #0d244c;}
.__section1 .__visual_btn li a{color:#fff; font-size: 30px; padding: 30px 0; text-align: center; box-sizing: border-box; font-weight: bold; display: block;}
.__section1 .__visual .__txt_area{top:8%; left: 50%; transform: translate(-50%, 0); text-align: center; color:#fff; width: 100%;}
.__section1 .__visual .__txt_area p{font-size: 28px; font-style: italic; margin-bottom: 16px;}
.__section1 .__visual .__txt_area h2 strong{display: block; letter-spacing: -5px;}
.__section1 .__visual .__txt_area h2 strong.tit_sm{font-size: 85px; }
.__section1 .__visual .__txt_area h2 strong.tit_lg{font-size: 100px;}
.__section2_1 .iframe_wrap{position: absolute; top: 21.5%; left: 12.5%; width: 42.5%;}
.__section2_1 .iframe_wrap .iframe {position: relative; width: 100%; padding-bottom: 56.25%;  height: 0;}
.__section2_1 .iframe_wrap .iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.__section2_1 .__txt_area{top: 26%; left: 58%; width: 35%}
.__section2_1 .__txt_area h2{font-size: clamp(16px, 3vw, 60px); font-weight: 800;}
.__section2_1 .__txt_area h2 strong{display: block; font-size: 115px; color:#f00e0f;}
.__section2_1 .__txt_area span{display: block; font-size: 25px; margin-top: 3%; font-weight: 500;}
.__section2_2 .__txt_area{top:5.4%; left: 12.5%;}
.__section2_2 .__txt_area h2{letter-spacing: -3px; line-height: 1.3;}
.__section2_2 .__txt_area h2 strong{display: block; }
.__section2_2 .__txt_area h2 strong.tit_sm{font-size: 50px; font-weight: normal;}
.__section2_2 .__txt_area h2 strong.tit_lg{color:#f00e0f; font-size: 70px; letter-spacing: -5px;}
.__section2_2 .__txt_area p{margin-top: 6%; line-height: 1.5;}
.__section2_2 .__txt_area p strong{display: block; font-size: 25px;}
.__section2_2 .__txt_area p span{display: block; font-size: 20px; font-weight: 500;}
.__section3_1 .__inner{padding-bottom: 7.8%;}
.__section3_1 .__txt_area{width: 100%; padding: 150px 0; color: #fff; text-align: center; letter-spacing: -2px;}
.__section3_1 .__txt_area h2{font-size:70px;}
.__section3_1 .__txt_area p{font-size: 25px; margin-top: 2.5%;}
.__section3_1 .__prd{max-width: 1200px; width: 100%; margin:-7% auto 0; display: flex; justify-content: space-between; }
.__section3_1 .__prd li dl dt{position: relative;}
.__section3_1 .__prd li dl dt img{max-width: 380px; width: 100%;}
.__section3_1 .__prd li dl dt strong{display: block; position: absolute; top: 50px; left: 40px; font-size: 30px; color: #fff; letter-spacing: -2px;}
.__section3_1 .__prd li dl dd em{background-color: #1a4999; color:#fff; padding: 5px; box-sizing: border-box; font-style: normal; display: inline-block; margin: 20px 0 0 0; font-size: 18px;}
.__section3_1 .__prd li dl dd p{font-size: 18px; margin: 30px 0; line-height: 1.5; color:#000; font-weight: 500;}
.__section3_1 .__prd li dl dd span{color:#666; font-weight: bold;}
.__section3_1 .__prd li dl dd span i{color:#f00e0f; font-weight: 700;}
.__section3_1 .btn__full{color:#fff; background-color: #f00e0f; text-align: center; max-width: 500px; margin:50px auto 0; display: block; padding: 20px 0; font-size: 25px; font-weight: 600;}
.__section3_2 .__txt_area{top: 15%; left: 12.5%;}
.__section3_2 .__txt_area span{display: block; font-size: 46px; font-weight: 500;}
.__section3_2 .__txt_area strong{display: block; font-size: 70px; margin-top: 20px; letter-spacing: -5px; color: #f00e0f; font-weight: 700;}
.__section4 .__txt_area{width: 100%; top: 18.5%; text-align: center;}
.__section4 .__txt_area h2{font-size: 46px; font-weight: 500;}
.__section4 .__txt_area h2 strong{display: block; font-size: 66px; color:#f00e0f; margin-top: 12px; font-weight: 800;}
.__section4 .__prd2{max-width: 1070px; width: 100%; margin: auto; display: flex; justify-content: space-between;  text-align: center;}
.__section4 .__prd2 li{width: 33.3333%;}
.__section4 .__prd2 li:nth-of-type(2){border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.__section4 .__prd2 li .prd2-circle{padding:0 30px; position: relative;}
.__section4 .__prd2 li .prd2-circle img{max-width: 288px;}
.__section4 .__prd2 li .prd2-circle strong{display: block; position: absolute; top: 30%; left: 0; text-align: center; width: 100%; color:#fff; font-size: 24px;}
.__section4 .__prd2 li p{margin-top: 20px; font-size: 20px; color:#000; line-height: 1.3; font-weight: 500;}
.__section4 .__prd2 li .prd2-btn{display: block; background-color:#1a4999; color:#fff; padding:10px 20px; box-sizing: border-box; max-width: 220px; margin: 20px auto 0; font-size: 18px;}
.__section5 .__txt_area{top: 11%; left: 0; width: 100%; text-align: center;}
.__section5 .__txt_area h2{font-size: 66px;}
.__section5 .__txt_area h2 strong{color:#f00e0f; font-weight: 700;}
.__section5 .__txt_area span{display: block; margin-top: 40px; font-size: 24px;}
.__section6 .__txt_area{top: 23%; left: 12.5%; color:#fff;}
.__section6 .__txt_area h2{font-size: 56px;}
.__section6 .__txt_area span{display: block; margin-top: 20px; font-size: 24px;}
.__section7 .__txt_area{top: 13%; left: 0; width: 100%; text-align: center;}
.__section7 .__txt_area span{font-size: 56px;}
.__section7 .__txt_area h2{margin-top: 20px; font-size: 56px; font-weight: 900;}
.__section7 .__txt_area h2 strong{color:#f00e0f;}
.__section8 .__txt_area{top: 16%; width: 100%;}
.__section8 .__txt_area ul li{float: left; width: 50%; color:#fff; box-sizing: border-box;}
.__section8 .__txt_area ul li:nth-of-type(1){padding-left: 12.5%; }
.__section8 .__txt_area ul li:nth-of-type(1) span{display: block; font-size: 33px;}
.__section8 .__txt_area ul li:nth-of-type(1) strong{display: block; margin-top: 10px; font-size: 46px;}

.__section8 .__txt_area ul li:nth-of-type(2){padding-left: 4.5%;}
.__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(1):not(.detail dl) dt{font-size: 18px;}
.__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(1):not(.detail dl) dd{font-size: 40px; font-weight: 900; }
.__section8 .__txt_area ul li:nth-of-type(2) dt{font-size: 18px; font-weight: 600;}
.__section8 .__txt_area ul li:nth-of-type(2) dd{font-family: 'S-Core Dream', sans-serif;}


.__section8 .__txt_area ul li:nth-of-type(2) .detail{display: flex; flex-wrap: wrap; gap:18px 0; margin: 18px 0 20px;}
.__section8 .__txt_area ul li:nth-of-type(2) .detail dl{width: 50%;}
/* .__section8 .__txt_area ul li:nth-of-type(2) dl + dl{margin-top: 30px;} */
/* .__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(2) dd{font-size: 40px; font-weight: 600;} */
/* section bg */
.__section1 .__top_bg{background-color: #234997; position: relative;}
.__section1 .__visual_bg,
.__section6_bg{background-color: #f00e0f;}
.__section1 .__visual_bg{padding-bottom: 3.3%;}
.__inner{max-width: 1600px; margin: auto;}
.__section3_1_bg:before{content:''; width: 100%; max-height: 475px; height:100%; position:absolute; top:0; left:0; background-color: #f00e0f; z-index: -1;}
.__section3_1_bg:after,
.__section3_2_bg:before{content:''; width: 100%; height: 100%; position:absolute; top:0; left:0; background-color: #f5f5f5; z-index: -2;}
.__section3_1_bg:after{height: 57.3%; top: auto; bottom:0;}
.__section4_bg{background-color: #cd0000; padding: 10% 0;}
.__section5_bg{background-color: #fff2f2;}
.__section7_bg{background-color: #f5f5f5;}
.__section8_bg:before{content:''; width: 50%; height: 100%; position:absolute; top:0; left:0; background-color: #1a4999; z-index: -1;}
.__section8_bg:after{content:''; width: 50%; height:100%; position:absolute; top:0; right:0; background-color: #e6231d; z-index: -2;}
.__footer_bg{background-color: #ffeb3b;}
/* 상품 링크 */
.__section2_2 a.__btn{bottom: 47.6%; left: 12.5%; width: 20%; height: 8%;}
.__section3_1 a.__btn.__full{top: auto; bottom:13.5%; width: 31.5%; height: 8%; left: 34.3%;}
.__section4 a.__btn{width: 16%; height: 5%; top: 72.5%; left: 19.5%;}
.__section4 a.__btn:nth-of-type(2){left: 42%;}
.__section4 a.__btn:nth-of-type(3){left: 64.5%;}
.__section6 a.__btn{width: 19%; height: 17%; top: 62.5%; left: 12.5%;}
.__section6 a.__btn:nth-of-type(2){left: 32.5%;}
.__section7 a.__btn{width: 28.5%; height: 8%; top: 74%; left: 53%;}
.__section8 a.__btn{width: 20.5%; height: 26%; top: 58%; left: 12.5%;}
.__section4  .__layer{max-width: 1200px; margin: auto; width: 100%; background-color: #fff; padding: 10% 0;}
.__section4 .__layer .__prd2{margin-top: 10%;}
/* 레이어 팝업 */
.layer{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s;z-index:9999;pointer-events:none;}
.layer.active{opacity:1;visibility:visible;}
.layer-inner{position:relative;background:#fff;border-radius:8px;overflow:hidden;pointer-events:auto;width:auto;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;}
.layer-inner img{width:100%;height:auto;display:block;}
.layer-inner>a{position:absolute;bottom:0;left:0;width:100%;height:7%;font-size:0;}
.layer-close{position:absolute;top:10px;right:10px;z-index:10;background:rgba(0,0,0,.8);color:#fff;border:none;padding:3px 6px 6px;border-radius:4px;cursor:pointer;font-size:16px;}
.layer-dim{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .3s;z-index:9998;}
.layer-dim.active{opacity:1;visibility:visible;}

@media (max-width: 1400px) {
.__section1 .__top .__txt_area h2{font-size:46px;}
.__section1 .__top .__txt_area p{font-size: 16px;}
.__section1 .__visual .__txt_area h2 strong.tit_sm{font-size: clamp(16px, 5vw, 85px);}
.__section1 .__visual .__txt_area h2 strong.tit_lg{font-size: clamp(16px, 6vw, 100px);}
.__section2_1 .__txt_area h2{font-size: clamp(16px, 3vw, 60px);}
.__section2_1 .__txt_area h2 strong{font-size: clamp(16px, 5.8vw, 115px);}
.__section2_1 .__txt_area span{font-size: clamp(16px, 1.2vw, 25px);}
.__section2_2 .__txt_area h2 strong.tit_sm{font-size: clamp(16px, 2.9vw, 50px);}
.__section2_2 .__txt_area h2 strong.tit_lg{font-size: clamp(16px, 3.5vw, 70px); letter-spacing: 0;}
.__section2_2 .__txt_area p strong{font-size: clamp(16px, 2vw, 24px);}
.__section2_2 .__txt_area p span{font-size: clamp(12px, 1.8vw, 20px);}
.__section3_1 .__txt_area h2{font-size: clamp(20px, 4.45vw, 70px);}
.__section3_1 .__txt_area p{font-size: clamp(20px, 1.7vw, 25px);}
.__section3_2 .__txt_area span{font-size: clamp(14px, 1.7vw, 46px);}
.__section3_2 .__txt_area strong{font-size: clamp(20px, 4.45vw, 70px);}
.__section4 .__txt_area h2{font-size: clamp(20px, 3vw, 46px);}
.__section4 .__txt_area h2 strong{font-size: clamp(20px, 4.45vw, 70px);}
.__section5 .__txt_area h2{font-size: clamp(20px, 4.45vw, 66px);}
.__section5 .__txt_area span{font-size: clamp(14px, 1.5vw, 24px); margin-top: 2%;}
.__section6 .__txt_area h2{font-size: clamp(20px, 4vw, 56px);}
.__section6 .__txt_area span{font-size: clamp(14px, 1.7vw, 24px); margin-top: 2%;}
.__section7 .__txt_area span,
.__section7 .__txt_area h2{font-size: clamp(20px, 4vw, 56px); margin-top: 0;}
.__section8 .__txt_area{top: 10%;}

.__section8 .__txt_area ul li:nth-of-type(1) span{font-size: clamp(12px, 2vw, 33px);}
.__section8 .__txt_area ul li:nth-of-type(1) strong{font-size: clamp(14px, 3vw, 46px);}
.__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(1):not(.detail dl) dd{font-size: clamp(14px, 2vw, 40px);}
.__section8 .__txt_area ul li:nth-of-type(2) .detail{gap: 10px 0; margin: 10px 0;}
/* .__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(2) dd{font-size: clamp(14px, 1.2vw, 40px);} */
.__section8 .__txt_area ul li:nth-of-type(2){margin-top: 0;}
/* .__section8 .__txt_area ul li:nth-of-type(2) dl + dl{margin-top: 2.5%;} */
.__section8 .__txt_area ul li:nth-of-type(2) dt{font-size: clamp(12px, 1.5vw, 22px);}
.__section8 .__txt_area ul li:nth-of-type(2) dd{font-size: clamp(12px, 1.2vw, 26px);}
}
@media (max-width: 1200px) {
  .__section3_1 .__txt_area{padding: 20% 0 10%;}
  .__section3_1 .__prd li{width: 32%;}
  .__section3_1 .__prd li dl dt strong{font-size: clamp(20px, 4.45vw, 24px); top:15%; left: 10%; right: 10%;}
  .__section3_1 .__prd li dl dd{padding: 0 5%; box-sizing: border-box; background-color: #f5f5f5;}
  .__section3_1 .__prd li dl dd p{font-size: clamp(14px, 4.45vw, 18px);}
  .__section4 .__layer{padding: 5% 0;}
  .__section4 .__layer .__prd2{margin-top: 5%;}
  .__section4 .__prd2 li .prd2-circle strong{font-size: clamp(14px, 2.5vw, 34px);}
  .__section4 .__prd2 li p{font-size: clamp(14px, 2.5vw, 28px);}
  .__section4 .__prd2 li .prd2-btn{font-size: clamp(12px, 1.5vw, 16px);}
}
@media(max-width:768px){
  .__section1 .__visual_btn ul{min-height: 10%;}
  .__section1 .__visual_btn li a{font-size: clamp(12px, 2.5vw, 16px); padding: 8% 0;}
  .layer-inner{max-width:100vw;max-height:100vh;border-radius:0;}
  .layer-close{top:8px;right:8px;padding:4px 8px;font-size:14px;}
  
}

@media (max-width: 640px) {
  .__wrap.__mo{max-width: 640px; margin: auto;}

  /* 유투브 */
  .__section2_1 .iframe_wrap{top:46%; left: 11%; width: 78%;}

  /* 텍스트 위치 */
  .__section2_1 .__txt_area{width: 100%; text-align: center; top: 15%; left: 0;}
  .__section2_2 .__txt_area{top: 3%; left: 0%; transform: translateX(calc(100vw * 0.065));  width: calc(100% - 6.5%);}
  .__section2_2 .__txt_area p{margin-top: 2%;}
  .__section3_2 .__txt_area{top: 5%; left: 6.5%; width: 100%;}
  .__section4 .__section4_bg {padding: 10% 0; box-sizing: border-box;}
  .__section4 .__layer{padding: 10% 0;}
  .__section4 .__txt_area{top: 19%;}
  .__section4 .__prd2{display: flex; gap: 0 2%;}
  .__section4 .__prd2 li{width: 90%; margin: auto;}
  .__section4 .__prd2 li:nth-of-type(2){border:0;}
  .__section4 .__prd2 li .prd2-circle{padding: 0 5%;}
  .__section4 .__prd2 li .prd2-circle strong{top: 30%; font-size: clamp(14px, 4.5vw, 34px);}
  .__section4 .__prd2 li:last-child strong{top:18%; font-size: clamp(14px, 3.5vw, 34px);}
  .__section4 .__prd2 li:last-child span{display: block;}
  .__section4 .__prd2 li p{font-size: clamp(12px, 3vw, 28px); margin-top: 5%; min-height: 50px; display: flex; align-items: center; word-break: keep-all;}
  .__section4 .__prd2 li .prd2-btn{margin: 3% auto 5%; font-size: clamp(12px, 3vw, 16px);}
  .__section5 .__txt_area{top:8%;}
  .__section6 .__txt_area{top:15%; left:6.5%; width: 50%; word-break: keep-all;}
  .__section7 .__txt_area{top:4.5%;}
  
 /* 텍스트 사이즈 */
 .__section1 .__visual .__txt_area p{font-size: clamp(12px, 2.5vw, 26px); margin-bottom: 1%;}
 .__section1 .__visual .__txt_area h2 strong.tit_sm{font-size: clamp(16px, 6vw, 85px); letter-spacing: 0;}
 .__section1 .__visual .__txt_area h2 strong.tit_lg{font-size: clamp(16px, 7.5vw, 85px); letter-spacing: 0;}
 .__section2_1 .__txt_area h2{font-size: clamp(16px, 5vw, 60px); }
 .__section2_1 .__txt_area h2 strong{font-size: clamp(16px, 9.8vw, 60px);}
 .__section2_1 .__txt_area span{font-size: clamp(16px, 3.5vw, 60px);}
 .__section2_2 .__txt_area h2 strong.tit_sm{font-size: clamp(16px, 5.3vw, 70px);}
 .__section2_2 .__txt_area h2 strong.tit_lg{font-size: clamp(16px, 7.7vw, 70px);}
 .__section2_2 .__txt_area p strong{font-size: clamp(16px, 3vw, 70px);}
 .__section2_2 .__txt_area p span{font-size: clamp(14px, 3.1vw, 70px);}
 .__section3_1_bg:after{height: 100%;}
 .__section3_1 .__txt_area h2{font-size: clamp(16px, 7vw, 70px);}
 .__section3_1 .__txt_area p{font-size: clamp(16px, 3.5vw, 70px);}
 .__section3_1 .__prd{margin: 0;}
 .__section3_1 .__prd li{width: 42% !important;}
 .__section3_1 .__prd li dl dt{}
.__section3_1 .__prd li dl dt strong{font-size: clamp(12px, 4.45vw, 14px); letter-spacing: -1px; top: 10%; left: 5%; right: 0;}
.__section3_1 .__prd li dl dd p{margin:5% 0; font-size: clamp(12px, 2.45vw, 14px);}
.__section3_1 .__prd li dl dd em{margin: 5% 0 0 0; font-size: clamp(12px, 2.5vw, 18px);}
.__section3_1 .__prd li dl dd span{font-size: clamp(12px, 2.5vw, 18px);}
.__section3_1 .btn__full{font-size: clamp(16px, 2.5vw, 18px); max-width: 70%; box-sizing: border-box;}
 .__section3_2 .__txt_area span{font-size: clamp(16px, 4.6vw, 70px);}
 .__section3_2 .__txt_area strong{font-size: clamp(16px, 7.5vw, 70px); margin-top: 1%; letter-spacing: -3px;}
 .__section4 .__txt_area h2{font-size: clamp(16px, 4.8vw, 70px);}
 .__section4 .__txt_area h2 strong{font-size: clamp(20px, 6.7vw, 70px);}
 .__section5 .__txt_area h2{font-size: clamp(20px, 6.5vw, 66px);}
 .__section5 .__txt_area span{font-size: clamp(14px, 4vw, 66px); margin-top: 3.5%; padding: 0 8%;}
 .__section6 .__txt_area h2{font-size: clamp(14px, 4.7vw, 30px);}
 .__section6 .__txt_area span{font-size: clamp(14px, 3.2vw, 30px); margin-top: 6%;}
 .__section7 .__txt_area span{font-size: clamp(14px, 5vw, 30px);}
 .__section7 .__txt_area h2{font-size: clamp(14px, 7vw, 50px); line-height: 1.4;}
.__section8 .__txt_area ul li:nth-of-type(1),
.__section8 .__txt_area ul li:nth-of-type(2){padding-left: 6.5%;}

.__section8 .__txt_area ul li:nth-of-type(1) span{font-size: clamp(12px, 3.2vw, 33px);}
.__section8 .__txt_area ul li:nth-of-type(1) strong{font-size: clamp(12px, 4.2vw, 33px);}
.__section8 .__txt_area ul li:nth-of-type(2) dt,
.__section8 .__txt_area ul li:nth-of-type(2) dd{font-size: clamp(8px, 0.1vw, 26px);}
/* .__section8 .__txt_area ul li:nth-of-type(2) dl:nth-of-type(2) dd{font-size: clamp(14px, 4.2vw, 40px);} */
/* .__section8 .__txt_area ul li:nth-of-type(2) dl + dl{margin-top: 4.5%;} */
  
/* 링크 */
.__section2_1 a.__btn{bottom: 70.6%; left: 6.5%; width: 38%; height: 5.5%;}
.__section2_2 a.__btn{top:24%; left:5.5%; width: 38%; height: 5.5%;}
.__section4 a.__btn{width: 23.5%; height: 6.5%; top: 74%; left: 10.5%;} 
.__section4 a.__btn:nth-of-type(2){left: 38%;}
.__section4 a.__btn:nth-of-type(3){left: 66%;}
.__section6 a.__btn{width: 43%; height: 22%; top: 62.5%; left: 5.5%;}
.__section6 a.__btn:nth-of-type(2){left: auto; right: 5.5%;}
.__section7 a.__btn{width: 38%; height: 5%; top: 85%; left: 17%;}
.__section8 a.__btn{width: 31%; height: 26%; top: 57.5%; left: 6.5%;}

/* 슬라이드 */
.__section3_1{overflow: hidden;}
.__section3_1_bg:before{height: 40%;}
.swiper-section3 {overflow: visible !important;}
.swiper-section3 .swiper-slide {width: auto; flex-shrink: 0; max-width: 100%;}
.prd-swiper-container{width: 100%; overflow: visible; padding: 0 5%; box-sizing: border-box;}
.__prd {display: block; overflow: visible; padding: 0 5%;}
.swiper-section3 a {display: block; width: 38vw; max-width: 250px;}
.prd-swiper-container ul{display: flex;}
}

@media(max-width:480px){
  /* .__section1 .__visual_btn ul{flex-wrap: wrap;}
  .__section1 .__visual_btn li{width: 50%;} */
}
@media(max-width:400px){
  .layer-close{font-size:12px;padding:3px 6px;}
}