.main_tit{}
.main_tit span{display:block;font-weight:bold;margin-bottom:10px;}
.main_tit h2{font-weight:200;line-height:1.3;}
.main_tit h2 b{font-weight:bold;}
.main_tit p{margin-top:10px;}
.wt{color:#fff;}
section{width:100%;overflow:hidden;}

/* fixed 상담 */
.contact{padding:40px 0;position: fixed;left:0;bottom:0;width:100%;z-index: 9999999;background: rgb(0 104 101 / 80%);height:fit-content;backdrop-filter: blur(5px);transition:all .5s;}
.contact_hide{bottom:-80%}
.mb_contact_close{display:none;}
.contact_close{cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#000;position:absolute;left:50%;transform:translateX(-50%);top:-50px;border-radius:5px 5px 0 0}
.contact_close img{width:15px;}
.contact_tit{display:flex;justify-content:space-between;}
.contact_tit h2{color:#fff;font-weight:300;line-height:1.4;}
.contact_tit h2 b{font-weight:bold}
.contact_tit span{display:flex;align-items:center;color:#fff;font-size:14px;font-weight:600;}
.contact_tit span input{margin-right:7px;}
.contact_tit span i{font-style:normal;cursor:pointer;}
.contact_form{margin-top:20px;display:flex;justify-content:space-between;}
.contact_form_list{width:16%;position:relative;}
.contact_form_list input{letter-spacing:0;font-size:16px;width:100%;width:100%;padding:15px;height:50px;background:none;border:1px solid #fff;color:#fff;font-weight:bold;}
.contact_form_list input::placeholder{opacity:0.8;font-weight:bold;color:#fff;font-size:16px;}
.contact_form_list h4{height:50px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #fff;cursor:pointer;}
.contact_form_list h4 img{width:10px;}
.contact_form_list ul{position:absolute;display:none;bottom:55px;z-index:99;border:1px solid rgba(255,255,255,0.4); width:100%;background:rgba(0,0,0,0.7);padding:10px 0;}
.contact_form_list ul li{cursor:pointer;padding:8px 15px;color:#fff;font-weight:600;font-size:14px;}
.contact_form_list ul li:hover{background:rgba(0,0,0,0.3);}
.contact_form_list button{font-size:16px;font-weight:bold;background:#000;color:#fff;box-shadow:none;width:100%;height:50px;border:0;display:block;}

.contact_state{margin-top:25px;}
.contact_state h2{color:#fff}
.state_slide{}
.state_slide .swiper-wrapper{ transition-timing-function:linear;}
.state_slide ul{margin-top:15px}
.state_slide ul li{padding:25px;background: rgba(0, 0, 0, 0.3);border-radius: 10px;}
.state_slide ul li b{color:#fff;}
.state_slide ul li div{display:flex;align-items:center;}
.state_slide ul li div p{color:#fff;}
.state_slide ul li div p:after{content:"";display:inline-block;width:2px;height:14px;background:#fff;margin:0 10px;opacity: 0.6;}
.state_slide ul li div span{color:#fff;}
.state_slide ul li strong{color: #fff;display: block;width: fit-content;padding: 3px 13px;border-radius: 50px;font-weight:600;position:absolute;right:20px;top:20px;}
.complete{background: #18a1ab;}
.hold{background:rgba(0,0,0,0.3)}
.wait{background:none;border:1px solid #fff;}

.contact_btn{z-index:99999;position:fixed;bottom:-70px;left:50%;transform:translateX(-50%);transition:all ease-out .7s;cursor:pointer;}
.contact_btn_show{bottom:70px;}
.contact_btn strong{background: linear-gradient(45deg, #18a1ab, #41b991);display: block;font-size: 17px;border-radius: 100px;padding: 18px 30px;color: #fff;font-weight: 600;}
/* 메인비쥬얼 */
.slide{width:100%;height:600px;background:#072033;height:100vh;overflow:hidden;position:relative;}
.main_slide{width:100%;height:100%}
.main_slide .swiper-slide{background:#000;}
.main_slide .swiper-slide .slide_img{opacity:0.3;width:100%;height:100%;object-fit:cover;transition:all .5s;}
.slide_txt{width:1400px;position:absolute;bottom:32%;left:50%;transform:translateX(-50%);}
.slide_txt span{display:block;letter-spacing:0;font-weight:bold;color:#fff;margin-bottom:15px;}
.slide_txt h1{font-size:60px;line-height:1.3;color:#fff;font-weight:600}
.slide_txt a{display:flex;align-items:center;color:#fff;width:fit-content;margin-top:40px;border: 1px solid #fff;padding: 13px 35px;border-radius: 50px;}
.slide_txt a img{margin-left:30px;width:16px;}

.news_section{position:absolute;top:0;right:0;width:450px;height:100vh;z-index:999;}
.news_tit{padding:50px;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;}
.news_tit h2{letter-spacing:0;color:#fff;font-weight:900;}
.news_tit a{color:#fff;}
.news_list{}
.news_list .news_item{padding:35px;transition:all .5s;border-top:1px solid rgba(255,255,255,0.3)}
.news_list .news_item:hover{background:#00838e;transform:translateX(-10px)}
.news_list ul li:first-child{}
.news_list .lt_img{width:40%;}
.news_list .lt_img img{width:100%}
.news_txt{width:52%;}
.news_txt span{display: block;font-size: 14px;font-weight: bold;color: #59fff5;margin-bottom: 5px;}
.news_txt h2{line-height: 1.4;color: #fff;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news_txt p, .news_txt p strong, .news_txt p b{color:#fff;font-weight:500 !important;}
.news_date{margin-top:20px;font-size:12px;color: #fff;letter-spacing: 0;opacity: 0.5;}

/* 인사말 */
.greeting{background:url('../index/images/gr_bg1.jpg')no-repeat;background-size:cover;display:flex;width:200%; overscroll-behavior: none;width: 200%;height: 100vh;flex-wrap: nowrap;}
.gr_front{width:100%;height:100vh;overflow:hidden;position:relative;}
.gr_front_txt{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.gr_front_txt img{display:block;margin:0 auto;margin-bottom:60px;transform:scale(1);}
.gr_front_txt h2{text-align:center;font-size:6vw;mix-blend-mode: overlay;color: #fff;}
.gr_front_txt p{text-align:center;color:#fff;font-weight:bold;margin-top:15px;}


.gr_back{width:100%;height:100vh;background:url('../index/images/gr_bg2.jpg')no-repeat;background-size:cover;display: flex;justify-content: center;align-items: center; }
.gr_back .ctt{display:flex;flex-wrap:wrap;}
.gr_back h2{line-height:1.4;color:#fff;}
.gr_back p{margin-top:15px;color:#fff;}
.gr_back_left{width:50%;}
.gr_back_right{width:50%;}
.gr_back_bottom{width:100%;}
.gr_back_bottom h4{text-align:center;color:#fff;margin-top:150px;}
.gr_back_bottom h4 b{font-weight: bold;background: #fff;color: #000;padding: 0 10px;margin-right: 5px;}

#typingTarget {font-weight: bold;}
/* 스페셜 */
.special{background:#fff;position:relative;z-index:0;}
.special:before{content: "";position: absolute;top: 0;left: 0;width: 50%;height: 50%;background: linear-gradient(292deg, #9fb941, #a5ffa0);border-radius: 0 50% 0 0 ;filter: blur(150px);z-index: -1;opacity: 0.2;}
.special:after{content: "";position: absolute;bottom: 0;right: 0;width: 30%;height: 20%;background: linear-gradient(292deg, #41b991, #31bdc8);border-radius: 50% 0 0 0;filter: blur(150px);z-index: -1;opacity: 0.2;}
.special .ctt{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;width:90%;display:flex;justify-content:space-between;padding:150px 0;z-index:0;position:relative;}
.special .ctt:before{content:"";z-index:-1;position:absolute;left:50%;transform:translateX(-50%);top:0;background:#e4e4e4;height:100%;width:1px;}
.spe_img_slide{margin:0 !Important;width:50%;padding:0 100px !important;position:relative;}
.spe_img_slide img{width:100%;height:100%;object-fit:cover;clip-path: circle(0 at 50% 50%);-webkit-clip-path: circle(0 at 50% 50%);transition: opacity 1.5s, clip-path 1.5s;opacity: 0;}
.spe_img_slide .swiper-slide-active img{clip-path: circle(100% at 50% 50%);
  -webkit-clip-path: circle(100% at 50% 50%););    opacity: 1;}
.spe_txt{width:50%;}
.spe_txt .main_tit{padding-left:50px;}
.spe-pagination{margin-top:25px;}
.spe-pagination span{opacity:1;background:none;padding:50px;border-bottom:1px solid #e4e4e4;width:auto;height:auto;border-radius:0;display:flex;;align-items:center;}
.spe-pagination span:last-child{border:0;}
.spe-pagination img{width:20%;height: 100px;object-fit: cover;margin-right:5%;filter:grayscale(1);}
.spe-pagination div{width:65%;}
.spe-pagination b{display:block;margin-bottom:8px;color: #ccc;
  font-size: 20px;opacity:0.5;transition:all .5s}
.spe-pagination p{margin-top:10px;font-weight:600;font-size:18px;opacity:0.5;transition:all .5s}
.spe-pagination span.swiper-pagination-bullet-active img{filter:none;}
.spe-pagination span.swiper-pagination-bullet-active b{font-size:32px;opacity:1;color: #1b336d;}
.spe-pagination span.swiper-pagination-bullet-active p{font-size:22px;opacity:1;}
/* 지사 */
.office{background:url('../index/images/office_bg.jpg')no-repeat;background-size:cover;padding:150px 0;}
.office .ctt{width:1200px;display:flex;align-items:center;justify-content:space-between;}
.office_left{width:50%}
.office_right{width:35%;position:relative;}
.office_right img{mix-blend-mode: hard-light;opacity: 0.5;}
.office .main_tit{text-align:left}
.office_map{margin-top:50px;}
.office_map ul{display: flex;gap: 0 10px;border: 1px solid rgba(255, 255, 255, 0.3);padding: 15px 25px;width: fit-content;border-radius: 100px;}
.office_map ul li{padding:5px 10px;font-size:18px;color:#fff;display:flex;align-items:center;font-weight:600;}
.office_pin{margin-right:10px;width:10px;height:10px;border-radius:10px;}
.office_pin1{background:#e3c53c}
.office_pin2{background:#e36f3c}
.office_pin3{background:#3ce380}
.office_pin4{background:#3cb4e3}
.office_pin5{background:#e33c3c}

.ping-container { position: absolute; width: 30px; height: 30px; }
.ping1{top: 118px;left: 131px;}
.ping2{bottom:100px;right: 56px;}
.ping3{bottom: 114px;right: 156px;}
.ping4{top: 260px;left: 93px;}
.ping5{bottom:70px;left: 87px;}
.ping { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 2px solid; border-radius: 50%; opacity: 0; animation: ping 2s infinite; }
.ping:nth-child(2) { animation-delay: 0.4s; }
.ping:nth-child(3) { animation-delay: 0.8s; }
.center-dot { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; z-index: 10; }

/* 색상별 */
.ping-container.ping1 .ping { border-color: #e3c53c; }
.ping-container.ping1 .center-dot { background: #e3c53c; }

.ping-container.ping2 .ping { border-color: #e36f3c; }
.ping-container.ping2 .center-dot { background: #e36f3c; }

.ping-container.ping3 .ping { border-color: #3ce380; }
.ping-container.ping3 .center-dot { background: #3ce380; }

.ping-container.ping4 .ping { border-color: #3cb4e3; }
.ping-container.ping4 .center-dot { background: #3cb4e3; }

.ping-container.ping5 .ping { border-color: #e33c3c; }
.ping-container.ping5 .center-dot { background: #e33c3c; }

@keyframes ping { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }

/* 소개 */

.about{background-image:url('../index/images/ab_bg.png') ;background-size:cover;background-color:#000;padding:150px 0;}
.about .main_tit{text-align:center;}
.ab_list_wrap {
  overflow: hidden;
}

.ab_list {
  display: flex;
  width: max-content;
  align-items:end;
  margin-top:80px;
}
.ab_item {
  flex: 0 0 calc(100vw / 3.5); /* 3.5개씩 보이도록 */
  box-sizing: border-box;
  margin-right: 150px;position:relative;
  background:#000;
  transition:all .3s;
}
.ab_item img{width:100%;transition:all .3s;}
.ab_item:hover{transform:translateY(-60px);}
.ab_item:hover img{opacity:0.3;}
.ab_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;text-align:center;}
.ab_txt span{color:#fff;font-size:22px;display:block;}
.ab_txt p{font-size:22px;font-weight:bold;margin-top:30px;padding-top:30px;border-top:1px solid #fff;color:#fff;}
.ab_txt i{font-style:normal;font-size:15px;opacity:0.7;color:#fff;display:block;margin-top:10px;line-height:1.5}
.ab_item:last-child{margin-right:0;}
.ab_btn {flex: 0 0 100vw; /* 마지막은 꽉차게 */display: flex;align-items: center;justify-content: center;color: #fff;background:transparent !important;transform: translateY(-250px);}
.ab_btn:hover{ transform: translateY(-250px) !important;}
.ab_btn a {font-size: 20px;font-weight: 500;border: 1px solid #fff;padding: 35px 45px;border-radius: 100px;color: #fff;transition:all .3s;}
.ab_btn a img{width:18px;margin-left:15px;opacity:1 !important;transition:all .3s;}
.ab_btn a:hover{background:#000;}
.ab_btn a:hover img{margin-left:30px;}

.consul_wrap{background:#f9f9f9;position:relative;}
.consul{position:relative;width:100%;overflow:hidden;}
.consul:before{width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";background:#e4e4e4;}
.consul_box{display:flex;}
.consul_list{position:Relative;z-index:1;width:50%;height:100vh;}
.consul_list:first-child{border-right:1px solid #e4e4e4;}
.consul_btn{cursor:pointer;width:100px;height:100px;border:1px solid #000;transition:all .3s;border-radius:80px;position:absolute;display:flex;align-items:center;justify-content:center;}
.consul_btn img{filter:invert(1);width:24px;transition:all .5s;}
.consul_btn:hover{background:#000}
.consul_btn:hover img{filter:none;}
.consul_btn1{top:150px;right:150px;}
.consul_btn2{top:150px;left:150px;}
.consul_let1{position:absolute;font-size:12vw;color:#ccc;opacity:0.2;top:50px;left:50px;z-index:-1;}
.consul_let2{position:absolute;font-size:8vw;color:#ccc;opacity:0.2;top:50px;right:50px;z-index:-1;}
.consul_tit{background:#fff;width:100%;height:50%;padding:0 150px;padding-top:120px;}
.consul_top2 span, .consul_top2 h2{text-align:right;}
.consul_tit span{display:block;font-weight:600;}
.consul_tit h2{}
.consul_main_img{height:50%;filter:grayscale(1);display:block;width:100%;object-fit:cover;transition:all .5s;}
.consul_list:hover .consul_main_img{filter:grayscale(0);opacity:1;}
.consul_list:hover .consul_btn{background:#000}
.consul_list:hover .consul_btn img{filter:none;}
.consul_tit p{font-size:18px;margin-top:30px;}
.consul_txt_right{text-align:right;}
.consul_tit p i{font-weight:500;padding:9px 0;font-style:normal;display:block;}
.consul_tit p i:last-child{border:0;}
.consul_tit p i b{width: 8px;height: 8px;border-radius: 8px;background: #41b991;margin-right: 10px;display: inline-block;position: relative;top: -2px;}

.consul_active{z-index:10;position:relative;}
.consul_btn.btn_toggle img{transform:rotate(180deg)}

.consul_ctt{height:100vh;padding-bottom:0;width:50%;}
.consul_ctt .ctt{position:relative;width:80%;}
.consul_ctt1{background:#09375b;position:absolute;top:0;left:0;z-index:-1;transition:all ease .8s;opacity:0;padding-top:120px;}
.consul_ctt2{background:#0c2335;position:absolute;top:0;right:0;z-index:-1;transition:all ease .8s;opacity:0;padding-top:90px;}
.consul_ctt1.active {
  left: 50%;
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
}

.consul_ctt2.active {
  right: 50%;
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
}
.consul_list.active {
  z-index: 100;
}

.consul_ctt_close_box{position:absolute;top:0;right:0;display:flex;gap:0 15px;}
.consul_ctt_close{cursor:pointer;width:100px;height:100px;border:1px solid #fff;transition:all .3s;border-radius:80px;display:flex;align-items:center;justify-content:center;}
.consul_ctt_close:hover{background:#000;border:1px solid #000}
.consul_ctt_close img{width:20px;}
.consul_ctt h2{line-height:1.3;}
.consul_ctt h2 b{opacity:0.7;font-weight:bold;display:block;margin-bottom:10px;}
.consul_point{margin-top:40px;}
.consul_point h4{}
.consul_point h4 span{width: 8px;height: 8px;background: #5dff97;border-radius: 8px;margin-right: 10px;display: inline-block;position: relative;top: -6px;}
.consul_point ul{margin-top:30px;display:flex;justify-content:space-between;}
.consul_point ul li{width: 31%;border: 1px solid rgba(255, 255, 255, 0.32);padding: 25px 0;border-radius: 10px;background: rgba(0, 0, 0, 0.1);}
.consul_point ul li img{margin:0 auto;display:block;height:120px;}
.consul_point ul li p{line-height:1.3;margin-top:15px;font-weight:600;text-align:center;}

.consul_different{margin-top:50px;}
.consul_different h4{}
.consul_different h4 span{width: 8px;height: 8px;background: #5dff97;border-radius: 8px;margin-right: 10px;display: inline-block;position: relative;top: -6px;}
.consul_different ul{margin-top:30px;display:flex;justify-content:space-between;}
.consul_different ul li{width:24%;border:1px solid #fff;padding:15px 0;border-radius:50px;}
.consul_different ul li img{width:100%;display:block;}
.consul_different ul li p{color:#fff;text-align:center;font-weight:600;}

.consul_start{margin-top:40px;}
.consul_start h4 span{width: 8px;height: 8px;background: #5dff97;border-radius: 8px;margin-right: 10px;display: inline-block;position: relative;top: -6px;}
.consul_start ul{margin-top:30px;display:flex;justify-content:space-between;}
.consul_start ul li{width:48%;}
.consul_start ul li:first-child{border-right:1px solid rgba(255,255,255,0.2)}
.consul_start ul li h5{color:#fff}
.consul_start ul li p{color:#fff;opacity:0.9;margin-top:13px;font-size:17px;font-weight:500;}
.consul_start ul li p span{display:block;padding-bottom:8px;}
.consul_start ul li p i{font-weight:900;margin-right:8px;}

.consul_link{margin-top:50px;display:flex;justify-content:space-between;gap:0 20px;}
.consul_link a{font-size: 16px;display: block;text-align: center;padding: 20px 0;color: #fff;font-weight: 600;border-radius: 5px;transition: all .3s;width: 32%;background: #000000;}
.consul_link a i{position: relative;top: 3px;right: 8px;}
/* 사례 */
.ex{padding:150px 0;width:90%;margin:0 auto;}
.ex .main_tit{text-align:center;}
.ex .main_tit h1{line-height:1.4;}
.ex_slide{margin-top:60px;}

.ex_slide .swiper-slide img{width:100%;}
.ex_cate{position: absolute;top: 20px;right: 20px;padding: 5px 10px;color: #fff;font-size: 14px;font-weight: bold;border-radius: 5px;z-index:1;}
.ex_txt{padding:20px;}
.ex_tit{display:flex;align-items:center;}
.ex_tit span{}
.ex_tit span:after{content:"";display:inline-block;width:2px;height:13px;background:#e4e4e4;margin:0 10px;}
.ex_tit b{}
.ex_descript{margin-top:10px;display: -webkit-box;
  -webkit-line-clamp: 2; /* 최대 2줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.ex_txt p{color:#555;}
.ex_v_descript{margin-top:15px;line-height: 1.5;}
.ex_v_descript p{color:#555;}
.popup_slide img{width:100%}
.popup_close{margin-left: auto;display: flex;margin-bottom: 15px;font-size: 16px;font-weight: bold;align-items: center;background: #fff;border: 0;}
.popup_close img{width:10px;margin-left:10px;}
.popup_area{font-size: 14px;font-weight: 600;color: #000;margin-bottom:8px;border: 1px solid #555;width: fit-content;padding: 4px 8px;border-radius: 4px;}
#postPopup{width: 600px;height: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 30px;z-index: 99;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#postPopup h3{font-size:18px;}
#postPopup p{color:#555;font-size:16px;}
.popup_category{position: absolute;top: 20px;right: 20px;border-radius: 5px;padding: 5px 10px;color: #fff;font-size: 14px;font-weight: bold;}
.pop_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width: 90%;z-index: 9;}
.pop_btn div{background:#000;width:40px;height:40px;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pop_btn div img{width:12px;}

/* qna */
.qna{padding:150px 0;background:url('../index/images/qna_bg.jpg')no-repeat;background-size:cover;}

/* ft_contact */
.ft_contact{padding:150px 0 200px 0;}
.ft_contact .main_tit{text-align:center;}
.map_box{position:relative;margin-top:60px;}
.map_img{width:95%;}
.api{width:100%}
.contact_info{position:absolute;bottom:-80px;right:0;background:linear-gradient(45deg, #18a1ab, #4172b9);z-index:10;width:800px;padding:40px 60px;}
.contact_info ul{display:flex;}
.contact_info ul li{width:50%;}
.contact_info ul li a{display:block;}
.contact_info ul li:first-child{border-right:1px solid rgba(255,255,255,0.3)}
.contact_info ul li:last-child{padding-left:60px;}
.contact_info ul li span{color:#fff;display:block;font-weight:500;opacity:0.6;}
.contact_info ul li p{color:#fff;font-weight:bold;}
.go{display:flex !important;align-items:center;justify-content:space-between;}
.go img{width:30px;}

/* 개인정보수집 */
.agree_on{opacity:1 !important;font-weight:bold}
.form_btn span{cursor:pointer;color: #fff;font-size: 13px;display: flex;gap: 5px;border-radius: 3px;}
.form_btn span img{filter:invert(1) brightness(10);width:10px}
.form_btn p b{cursor:pointer;filter:invert(1) brightness(10);width:10px}
.agree{display:none;z-index:99999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:#fff;padding:60px;overflow-y:scroll;line-height:1.7em;}
.agree_close{position:absolute;top:30px;right:30px;}
.agree_close img{width:15px;cursor:pointer;}
.agree h2{font-size:14px;margin-bottom:10px}
.agree h4{font-size:13px;margin-bottom:10px}
.agree span{font-size:13px;margin-bottom:10px;color:#000;font-weight:bold}
.agree p{font-size:12px;margin-bottom:10px;color:#555}

.result-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.5);z-index: 99999999;}
.modal-content {background-color: white;padding: 30px;border-radius: 15px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);width: 90%;max-width: 500px;min-height: 200px;display: flex;flex-direction: column;z-index:99999999;}
.modal-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.modal-header h3 {font-size: 1.5rem;margin: 0;}
.close-modal {cursor: pointer;font-size: 24px;font-weight: bold;}
.modal-body {margin-top: 20px;font-size: 1.1rem;line-height: 1.5;text-align: center;}

@media screen and (max-width:1800px){
  .news_section{width:400px;}
  .news_list .news_item{padding:25px;}
  
  .consul_tit{padding:0 100px;padding-top:120px;}
  .consul_btn1{right:100px}
  .consul_btn2{left:100px;}
}
@media screen and (max-width:1600px){
  .consul_ctt h2 b{font-size:16px;}
  .consul_ctt h2{font-size:20px;}
  .consul_point ul li img{height:100px;}
  .consul_point ul li p{font-size:16px;}
  .consul_start ul li p span{font-size:16px;}
  .consul_different ul li p{font-size:16px;}
}
@media screen and (max-width:1400px){
  .news_section{position:relative;width:100%;height:auto;padding:30px;}
  .news_tit{padding:0;}
  .news_list{justify-content:space-between;display:flex;}
  .news_item{width:32%}
  .news_list .news_item:hover{transform:translateX(0);}
  
  .spe_img_slide{padding:0 50px !important;}
  .spe-pagination span{padding:30px;}
  .spe-pagination p{font-size:16px;}
  .spe-pagination span.swiper-pagination-bullet-active p{font-size:18px;}
  .spe-pagination span.swiper-pagination-bullet-active b{font-size:24px;}
  
  .ab_txt i{word-break:keep-all;}
  .ab_txt i br{display:none;}
  
}
@media screen and (max-width:799px){
  
  /* 상담창 */
  .contact{height:530px;bottom:-530px;transition:all .3s;}
  .mb_contact_show{bottom:0;}
  .contact_btn strong{display:none;}
  .contact_tit{flex-wrap:wrap}
  .contact_tit h2{text-align:center;width:100%;}
  .contact_tit span {justify-content: center;width: 100%;margin-top: 10px;}
  .contact_form_list input {font-size: 14px;padding: 12px;}
  .contact_form{flex-wrap:wrap;gap:10px 0;justify-content:space-between;}
  .contact_form_list{width:48%}
  .mb_full{width:100%;}
  .contact_form_list input::placeholder{font-size:14px;}
  .contact_form_list h4{font-size:14px;}
  .contact_form_list ul {bottom: auto;top: 54px; background: rgba(0, 0, 0, 0.9);}
  .contact_form_list button{font-size:14px;}
  .contact_state h2{text-align:center;}
  .state_slide ul li strong { padding: 2px 8px;right: 15px;top: 10px;font-size: 12px;}
  .contact_close{display:none;}
  .mb_contact_close{display: block;position: absolute;border-radius: 20px 20px 0 0;color: #fff;font-size: 14px;font-weight: bold;background: #1877ff;padding: 10px 20px;top: -35px;left: 50%;transform: translateX(-50%);}
  .mb_contact_close img{width:10px;margin-left:10px;transform:rotate(180deg);transition:all .3s}
  .mb_contact_show .mb_contact_close img{transform:rotate(0)}
  /* 상담창 끝 */

  .main_tit span{margin-bottom:5px}
  
  .slide{height:500px;}
  .slide_txt{width:90%;text-align:center;}
  .slide_txt h1{font-size:24px;}
  .slide_txt a{margin:0 auto;margin-top:30px;}
  
  .news_tit{padding-bottom:15px;}
  .news_list{flex-wrap:wrap;}
  .news_list .news_item{width:100%;padding:20px 15px;}
  .news_list .lt_img{display:none;}
  .news_txt{width:100%;}
  
  .greeting{width:100%;flex-wrap:wrap;height:auto;}
  .gr_front, .gr_back{heighT:auto;padding:80px 0;}
  .gr_front_txt{position:relative;}
  .gr_back_left{width:100%;}
  .gr_back_right{width:100%;margin-top:25px;}
  .gr_front_txt img{width:350px;}
  .gr_back p{font-size:14px;word-break:keep-all;}
  
  .spe_txt .main_tit{padding-left:35px;}
  .special .ctt{flex-direction: column-reverse;flex-wrap:wrap;padding:80px 0;}
  .special .ctt:before{display:none;}
  .spe_img_slide{display:none !important;}
  .spe_txt{width:100%;}
  
  .spe-pagination{margin-top:0;}
  .spe-pagination span{padding:30px 15px;}
  .spe-pagination img{width:40%;height:150px;filter:grayscale(0);}
  .spe-pagination div{width:50%;}
  .spe-pagination b{opacity:1;color:#1b336d !Important;font-size:18px !important;}
  .spe-pagination p{opacity:1;font-size:16px !important;line-height:1.4}
  
  .office{padding:80px 0}
  .office .ctt{width:90%;flex-wrap:wrap;}
  .office_left{width:100%}
  .office_map{width:100%;margin-top:25px;}
  .office_map ul {border-radius: 10px;flex-wrap: wrap;padding:15px;}
  .office_map ul li{font-size:15px;}
  
  .office_right{width:300px;margin:0 auto;margin-top:50px;}
  
  .ping1 {top: 80px;left: 88px;}
  .ping2 {bottom: 72px;right: 41px;}
  .ping3 {bottom: 82px;right: 111px;}
  .ping4 {top: 185px;left: 62px;}
  .ping5 {bottom: 44px;left:62px;}
  
  #section2{overflow:clip}
  .about{padding:80px 0}
  .ab_item {flex: 0 0 calc(100vw / 1.5);margin-right: 50px;}
  .ab_item:hover{transform:translateY(0)}
  .ab_txt p{font-size:18px}
  .ab_txt i{font-size:14px;}
  .ab_btn{display:none !important}
  .ab_list{flex-wrap: wrap; width: 90%;margin:0 auto;margin-top:35px;}
  .ab_item img{opacity:0.3;height:300px;object-fit:cover;}
  .ab_txt{width:85%}
      .ab_item {width:100%;flex: unset;margin-right: 0;position:sticky;top:100px;left:0;}
  .consul_box{flex-wrap:wrap}
  .consul_list{width:100%;height:100%;}
  
  .consul_tit{padding:60px 40px;height:auto;}
  .consul_tit p {font-size: 15px; margin-top: 9px;}
  .consul_tit p i{padding:5px 0;}
  .consul_btn{display:none !Important;}
  .consul_main_img{height:auto;filter:grayscale(0) !important;}
  .consul_ctt {height: auto;padding-bottom: 0;width: 100%;opacity: 1 !important;position: relative !important;left: 0 !important;z-index: 10 !important;padding:50px 0 !Important}
  .consul_ctt .ctt{width:90%;}
  .consul_ctt h2{font-size:17px;}
  .consul_start ul li p span {
    font-size: 14px;}
  .consul_point ul{flex-wrap:wrap;gap:20px 0;}
  .consul_point ul li{width:100%;display:flex;align-items:center;padding:25px;}
  .consul_point ul li img{width:100px;margin:0;margin-right:15px;}
  .consul_point ul li p{text-align:left;margin-top:0;}
  
  .consul_different ul{flex-wrap:wrap;justify-content:space-between;gap:10px 0;}
  .consul_different ul li{width:48%;font-size:15px;}
  .consul_different ul li p{font-size:15px;}
  .consul_link{flex-wrap:wrap;gap:10px 0;}
  .consul_link a{width:100%;font-size:14px;}
  .consul_start ul{flex-wrap:wrap;}
  .consul_start ul li:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,0.3);padding-top:0;}
  .consul_start ul li{width:100%;padding:25px;}
  
  .ex{padding:80px 0;}
  .ex_slide{margin-top:35px;}
  .ex_txt{padding:15px;}
  #postPopup{width:90%;}
  #postPopup p {font-size: 14px;}
  
  .qna{padding:80px 0}
  .faq_content p{word-break:keep-all;font-size: 13px;line-height: 1.7;}
  .faq_content p br{display:none;}
  
  .ft_contact{padding:80px 0;}
  .map_box{margin-top:30px;}
  .contact_info {position: relative;bottom: 0;width: 100%;padding:0 30px;}
  .contact_info ul{flex-wrap:wrap;}
  .contact_info ul li{width:100%;padding:20px}
  .contact_info ul li:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,0.3)}
  .contact_info ul li:last-child{padding-left:20px;}
  .go img{width:15px;}
  .contact_form_list ul{font-size:16px;}
  .modal-body p{font-size:14px;word-break:keep-all;}
}

@media screen and (max-width:499px){
  .spe-pagination span{flex-wrap:wrap;}
  .spe-pagination img{width:100%;height:120px;margin-right:0;}
  .spe-pagination div{padding:0 20px;width:100%;margin-top:5%;}
  .pop_btn{top:30%;}
}