.a1 {}
.a1 .a1_con1_bg {}
.a1 .a1_con1 {position: relative;}
.a1 .a1_con1 img {width: 100%;}
.a1 .a1_con1 .a1_con1_txt {position: absolute; top: 50%; left: 50%; display: flex; transform: translate(-50%, -50%); max-width: 1660px; width: 100%; margin: 0 auto; text-align: right; flex-direction: column; align-items: flex-end;}
.a1 .a1_con1 h2 {font-size: 64px; color: #fff; margin-bottom: 30px; margin-right: 52px; text-align: right;}
.a1 .a1_con1 p {font-family: "Noto Sans KR", "Montserrat", sans-serif; color: #fff; font-size: 14px; font-weight: 300;text-align: left; line-height: 1.2; letter-spacing: 1px;}
.a1 .a1_con1 span {font-size: 20px; font-weight: 200; color: #fff;}
.a1 .a1_con1 span img {width: 100%; max-width: 170px;}
.a1 .a1_con1 h3.a1_mobile {display: none;}

.a1 .a1_con2 {width: 100%; max-width: 1660px; padding: 20px 20px; margin: 0 auto; display: flex;justify-content: space-between;}
.a1_con2_left {}
.a1_con2_left h2 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 32px;}
.a1_con2_left h2 b {color: #EC1E32;}
.a1_con2_left h3 {font-family: "Noto Sans KR", "Montserrat", sans-serif;font-size: 24px; font-weight: 500; margin-bottom: 15px;}
.a1_con2_left p {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 16px; line-height: 2.1; letter-spacing: 1px; word-break: keep-all;}

.a1_con2_right {}
.a1_con2_right img {width: 100%; max-width: 473px;}

.m_a1_con1 {display: none;}
.m_a1_con2 {display: none;}


@media screen and (max-width: 1300px) {
  .a1 .a1_con1 h2 {font-size: 46px; margin-bottom: 10px;}
  .a1 .a1_con1 p {font-size: 12px;}
  .a1 .a1_con1 span {font-size: 16px;}
  .a1 .a1_con1 span img {max-width: 130px;}
}




@media screen and (max-width: 960px) {
  .a1 .a1_con1_bg {}
  .a1 .a1_con1 {display: none;}
  .a1 .a1_con2 {display: none;}

  .m_a1_con1 {display: block;}
  .m_a1_con1 img {width: 100%;}
  
  .m_a1_con2 {display: block; padding: 20px 20px;}
  .m_a1_con2 h2 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 24px;}
  .m_a1_con2 h2 b {color: #EC1E32;}
  .m_a1_con2 h3 {font-family: "Noto Sans KR", "Montserrat", sans-serif;font-size: 18px; font-weight: 500; margin-bottom: 30px;}
  .m_a1_con2 p {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 13px; line-height: 1.5; color: #3D3D3D; margin-bottom: 30px;}
  .m_a1_con2 span {font-size: 14px; font-weight: 400; float: right;}
  .m_a1_con2 span img {width: 100%; max-width: 120px;}
}


@media screen and (max-width: 960px) {

}








.b1_con1_bg{background:url(../img/b1_img1.jpg) no-repeat center center;background-size:cover;padding:55px 0 80px 0}
.b1_con1{width:100%;max-width:1340px;padding:0 20px;margin:0 auto}
.b1_con1 h2{font-size:48px;color:#fff;margin-bottom:30px}
.b1_con1 p{font-family:"Noto Sans KR","Montserrat",sans-serif;font-weight:300;font-size:15px;line-height:1.3;color:#fff}

.b1_con2{max-width:1360px;margin:0 auto;padding:0 20px 100px 20px}
.b1_con2_list{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.b1_con2_item{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff 0%,#fff 60%,#E2E2E2 100%);padding:20px 10px 30px 10px;position:relative;overflow:hidden;cursor:pointer;transition:all 0.5s}
.b1_con2_item::before{content:"";position:absolute;inset:0;background:#484848;opacity:0;transition:transform 0.5s,opacity 0.5s;z-index:1}

.b1_con2_head{position:relative;z-index:2;margin-bottom:10px;padding:0 7px}
.b1_con2_num{position:absolute;top:-10px;left:0;font-size:180px;font-weight:700;color:#F0F0F2;line-height:1;z-index:2;transition:all 0.5s}

.b1_con2_text{position:relative;z-index:3}
.b1_con2_text h3{font-family:"Pretendard",sans-serif;font-size:32px;font-weight:600;margin-bottom:10px;margin-top:133px;height:90px;line-height:1.2;transition:all 0.5s}
.b1_con2_text p{font-family:"Noto Sans KR","Montserrat",sans-serif;font-size:14px;line-height:1.4;color:#000;font-weight:300;word-break:keep-all;transition:all 0.5s}

.b1_con2_thumb{position:relative;margin-top:20px;border-top:1px solid #000;padding-top:50px;transition:all 0.5s;z-index:3}
.b1_con2_thumb::before{content:"";display:block;position:absolute;width:30%;height:2px;background:#000;left:0;top:-2px;transition:all 0.5s}

.b1_con2_thumb .b1_img{height:286px;width:100%;margin-top:0;transition:none}
.b1_con2_thumb .b1_img1 {background: url(../img/b1_01.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img2 {background: url(../img/b1_02.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img3 {background: url(../img/b1_03.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img4 {background: url(../img/b1_04.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img5 {background: url(../img/b1_05.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img6 {background: url(../img/b1_06.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img7 {background: url(../img/b1_07.jpg) no-repeat center bottom; background-size: cover;}
.b1_con2_thumb .b1_img8 {background: url(../img/b1_08.jpg) no-repeat center bottom; background-size: cover;}

.b1_con2_play{position:absolute;right:0;bottom:0;width:78px;height:35px;border-radius:50px 0 0 50px;border:none;background:rgba(236,30,50,0.88);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4}
.b1_con2_play span{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;margin-left:2px}
.b1_con2_play:focus-visible{outline:2px solid #000;outline-offset:2px}

.b1_con2_item:hover::before{opacity:1}
.b1_con2_item:hover .b1_con2_num{color:#aaa}
.b1_con2_item:hover .b1_con2_text h3{color:#fff}
.b1_con2_item:hover .b1_con2_text p{color:#fff}
.b1_con2_item:hover .b1_con2_thumb{border-top:1px solid #fff}
.b1_con2_item:hover::before{opacity:1;}
.b1_con2_item:hover .b1_con2_thumb::before {left: 70%; background: #fff;}





.video_modal_b1{display:none;position:fixed;inset:0;z-index:9999}
.video_modal_b1.is-open{display:block}
.video_modal_b1 .video_modal_dim{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.video_modal_b1 .video_modal_inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1500px;background:#000;}
.video_modal_b1 .video_modal_player{position:relative;width:100%}
.video_modal_b1 .video_modal_ratio{position:relative;width:100%;padding-top:56.25%}
.video_modal_b1 .video_modal_ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.video_modal_b1 .video_modal_close{position: absolute; right: -38px; top: 0; width: 24px; height: 24px; border: none; background: transparent; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; z-index: 2;}
.video_modal_b1 .video_modal_close img {width: 100%;}
body.modal_open{overflow:hidden}




@media (max-width:1200px) {
  .b1_con2_list {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:960px) {
  .b1_con2_list {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width:640px) {
  .b1_con1_bg {display:none;}
  .b1_con2 {padding:35px 20px;}
  .b1_con2_list {grid-template-columns:repeat(1,1fr);gap:17px 0;}
  .b1_con2_item {flex-direction:unset;padding:0;background:linear-gradient(90deg,#fff 0%,#fff 60%,#E2E2E2 100%);}
  .b1_con2_head {width:55%;margin-right:3%;margin-bottom:0;padding:0 7px;}
  .b1_con2_num {font-size:90px;}
  .b1_con2_text h3 {margin-top:50px;font-size:18px;height:auto;margin-bottom:5px;}
  .b1_con2_text p {font-size:12px;}
  .b1_con2_thumb {margin-top:0;border-top:none;padding-top:0;width:42%;}
  .b1_con2_thumb::before {display:none;}

  .b1_con2_thumb .b1_img {height:35vw; min-height: 150px; }

  .b1_con2_play {width:20px;height:100%;border-radius:0;}
  .b1_con2_play span {border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;}

  .video_modal_b1 .video_modal_close {right:0;top:-30px;width:20px;height:20px;font-size:20px;}

  .b1_con2_item:hover .b1_con2_thumb {border: none;}
}





.d1 {background: linear-gradient(180deg, #F0F0F0, #fff); padding: 60px 0 100px 0;}
.d1_con {width: 100%; max-width: 1190px; padding: 0 20px; margin: 0 auto;}
.d1_con ul {display: flex;}
.d1_con ul li.d1_tit {width: 40%; margin-right: 5%;}
.d1_con ul li.d1_tit h2 {font-family:"Pretendard",sans-serif; font-size: 48px; font-weight: 600;}
.d1_con ul li.d1_add {width: 55%;display: flex; flex-wrap: wrap; margin-top: 40px;}
.d1_con ul li.d1_add p {font-size: 20px;font-family: "Noto Sans KR", "Montserrat", sans-serif; font-weight: 500; margin-right: 25px; margin-top: 20px; word-break: keep-all; display: flex; align-items: center;}
.d1_con ul li.d1_add p:last-child {margin-right: 0;}
.d1_con ul li.d1_add img {filter: brightness(0.7); width: 100%; max-width: 25px; margin-right: 10px;}
.d1_con .m_customer {display: none;}


@media (max-width:960px) {
  .d1 {padding: 40px 0 20px 0; background: #fff;}
  .d1_con ul {flex-direction: column;}
  .d1_con ul li.d1_tit {display: none;}
  .d1_con ul li.d1_add {width: 100%; flex-direction: column; margin-top: 0;}
  .d1_con ul li.d1_add p {font-size: 14px; align-items: flex-start; margin-right: 0;}
  .d1_con ul li.d1_add img {margin-top: 2px;}
  .d1_con .m_customer {display: block; margin-top: 50px;font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 18px; font-weight: 700;}
}










.e1 {}
.e1_con {}
.e1_con ul {}
.e1_con ul li {}
.e1_con ul li.e1_tit {background: url(../img/e1_bg.jpg) no-repeat center center; background-size: cover;padding: 55px 0 80px;}
.e1_con ul li.e1_tit h2 {width: 100%; max-width: 1190px; padding: 0 20px; margin: 0 auto;font-family:"Pretendard",sans-serif; font-weight: 600; color: #fff; font-size: 48px;}
.e1_con ul li.e1_tit p {display: none;}
.e1_con ul li.e1_add {padding: 25px 0px 60px 0px; background: linear-gradient(180deg, #F0F0F0, #fff);}
.e1_con ul li.e1_add h2 {width: 100%; max-width: 1190px; margin: 0 auto; font-size: 36px; word-break: keep-all; color: #222; font-weight:700; padding: 0 20px;}
.e1_con ul li.e1_add h3 {width: 100%; max-width: 1190px; margin: 0 auto; font-family: "Noto Sans KR", "Montserrat", sans-serif; font-weight: 500; font-size: 25px; padding: 0 20px;}


@media (max-width:960px) {
  .e1_con ul li.e1_tit {padding: 20px 20px 80px 20px;}
  .e1_con ul li.e1_tit h2 {display: none;}
  .e1_con ul li.e1_tit p {display: block;font-family: "Noto Sans KR", "Montserrat", sans-serif; color: #fff; font-size: 13px; font-weight: 500;}
  .e1_con ul li.e1_add h2 {font-size: 14px;text-align: center;}
  .e1_con ul li.e1_add h3 {font-size: 14px;text-align: center;}
}









.g1_bg {background:url(../img/g1_bg1.jpg) no-repeat center center; height: 350px;margin-bottom: 150px;display: flex; align-items: flex-end; background-size: cover; position: relative;}
.g1_bg:after {content: ""; position: absolute; width: 100%; height: 40px; background: #fff; display: block; z-index: 0; bottom: -29px;}
.g1_bg ul {width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; margin-bottom: -30px;background: #fff; display: flex;position: relative; z-index: 9;}
.g1_bg ul::before {background: url(../img/g_bg.png) no-repeat right;background-size: contain; position: absolute; content: ""; width: 100%; height: 100%; left: -100%;}
.g1_bg ul::after {background: #fff; position: absolute; width: 100%; height: 100%; right: -100%; content: "";}
.g1_bg ul li {padding: 18px 0;}
.g1_bg ul li:first-child a {border-right: 2px solid #000; padding-left: 0;}
.g1_bg ul li a {font-family: "Noto Sans KR", "Montserrat", sans-serif; color: #CFCFCF; font-size: 40px; line-height: 1; display: block; padding: 0 20px;}
.g1_bg ul li a.at {color: #000;}

.g1 {width: 100%; max-width:1160px; margin:0 auto; padding:0 20px}
.g1 h2 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 32px; font-weight: bold; letter-spacing: 2px;}
.g1 h3 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 26px; font-weight: 700; margin: 40px 0;}
.g1 h4 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 20px; font-weight: 700; margin: 40px 0;}
.g1 p {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 16px; margin: 40px 0;}
.g1 p.gr {color: #000;}
.g1 hr {display: block; width: 100%; border: none; height: 1px; background: #666;}

@media (max-width:960px) {
  .g1_bg {margin-bottom: 50px;}
  .g1_bg ul li a {font-size: 20px;}
  .g1 h2 {font-size: 18px;}
  .g1 h3 {font-size: 18px; margin: 15px 0;}
  .g1 p {font-size: 10px; margin: 15px 0;}
}


.g2_bg {background:url(../img/g2_bg1.jpg) no-repeat center center; height: 350px;margin-bottom: 150px;display: flex; align-items: flex-end; background-size: cover; position: relative;}
.g2_bg:after {content: ""; position: absolute; width: 100%; height: 40px; background: #fff; display: block; z-index: 0; bottom: -29px;}
.g2_bg ul {width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; margin-bottom: -30px;background: #fff; display: flex;position: relative; z-index: 9;}
.g2_bg ul::before {background: url(../img/g_bg.png) no-repeat right;background-size: contain; position: absolute; content: ""; width: 100%; height: 100%; left: -100%;}
.g2_bg ul::after {background: #fff; position: absolute; width: 100%; height: 100%; right: -100%; content: "";}
.g2_bg ul li {padding: 18px 0;}
.g2_bg ul li:first-child a {border-right: 2px solid #000; padding-left: 0;}
.g2_bg ul li a {font-family: "Noto Sans KR", "Montserrat", sans-serif; color: #CFCFCF; font-size: 40px; line-height: 1; display: block; padding: 0 20px;}
.g2_bg ul li a.at {color: #000;}

.g2 {width: 100%; max-width:1160px; margin:0 auto; padding:0 20px}
.g2 h2 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 32px; font-weight: bold; letter-spacing: 2px;}
.g2 h3 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 26px; font-weight: 700; margin: 40px 0;}
.g2 h4 {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 20px; font-weight: 700; margin: 40px 0;}
.g2 p {font-family: "Noto Sans KR", "Montserrat", sans-serif; font-size: 16px; margin: 40px 0;}
.g2 p.gr {color: #000;}
.g2 hr {display: block; width: 100%; border: none; height: 1px; background: #666;}


@media (max-width:960px) {
  .g2_bg {margin-bottom: 50px;}
  .g2_bg ul li a {font-size: 20px;}
  .g2 h2 {font-size: 18px;}
  .g2 h3 {font-size: 18px; margin: 15px 0;}
  .g2 h4 {margin: 20px 0; font-size: 16px;}
  .g2 p {font-size: 10px; margin: 15px 0;}
}