.container{position: relative;max-width: 1440px;width:100%;margin: 0 auto;overflow: hidden;}
.header{position: fixed;z-index: 999;height: 110px;width:100%}
.header .container{max-width: calc(100% - 100px);height: 100%;justify-content: flex-end;overflow: visible;}
.header .logo{width: 100%;max-width: 193px;aspect-ratio: 193 / 32;background: url('../images/common/logo_w.svg') center center / contain;position: absolute;left:0}
.header.sub_header{box-shadow: 0 0 20px 0 rgba(0, 0, 0,0.1);background: #F6F6F8}
.header.fixed .logo,.header.sub_header .logo{background: url('../images/common/logo_c.svg') center center / contain !important}
.header.fixed #gnb .main_menu a, .header.sub_header #gnb .main_menu a{color:#363636}
.header #gnb {
  width:100%;
  gap:110px
}

.header #gnb .main_menu {
  text-align: center;
  overflow: visible;
  position: relative;
}
.header #gnb .main_menu:last-child{
  display: none
}
.header #gnb .main_menu>a {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 110px
}

.header.sub_header .sub_menu{background: #F6F6F8 !important}
.header #gnb .main_menu.active>a{font-weight: 600;color:#2E368E !important;}
.header #gnb .main_menu.active .sub_menu{opacity: 1;display: block;}
.header #gnb .main_menu:nth-child(4) .sub_menu{display: none}
.header #gnb .main_menu .sub_menu a{color:#333 !important;position: relative;padding: 10px 0;display: block;}
.header #gnb .main_menu .sub_menu a:hover{color:#2E368E !important}
.header .sns_wrap{display: inline-flex;gap:20px}
.header .sns_wrap img{height: 30px;filter:brightness(1000%);}
.header.fixed .sns_wrap img,.header.sub_header .sns_wrap img{filter:none;}
.header .menu_btn{display: none;width:25px;height: 20px;cursor: pointer;
      background-size: cover;background-image: url('/home/images/common/header_menu.png');margin-left: 20px;min-width: 25px}
.header.fixed .menu_btn,.header.sub_header .menu_btn{background-position: right}

.flex_wrap{display: flex;align-items: center}

#fullpage .section{width:100%;height: 100vh}

#fp_page{
      position: fixed;
    top: 50%;
    left:50px;
    transform: translateY(-50%);
        z-index:9;
}
#fp_page li{min-height: 28px}
#fp_page li + li{margin-top: 10px}
#fp_page li span{
width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  opacity: 0.5;
  border-radius: 100%;
  margin: 0 !important;
  display: inline-block;
  position: relative;
}
#fp_page li.active span{opacity:1;}
#fp_page li.active span::before{
  content: '';
  display: block;
  width:28px;
  height: 28px;
  border: 1px solid #fff;
  position: absolute;
  top:50%;left:50%;transform: translate(-50%,-50%);
  border-radius: 100%;
}
#fp_page.fixed li span{background:#000 !important}
#fp_page.fixed li.active span::before{border-color:#000}

.view_more{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	border:2px solid #000;
	border-radius:99px;
	width:193px;height:58px;
	padding:0 25px;
	background:transparent;
	position: relative;
	overflow:hidden;
}
.view_more:after{
	display:block;content:"";
	width:calc(100% + 4px);height:calc(100% + 4px);
	background:#000;border-radius:99px;
	position:absolute;left:-100%;top:-2px;transition:all 0.6s;
	animation:viewBtnBgOut 0.6s;animation-fill-mode:forwards;
  opacity: 0
	}

.view_more span{position: relative;z-index:10;font-size:18px;font-weight: 500}
.view_more i{
	position: relative;z-index:10;
	width:23px;height:15px;
  background-color:#000;mask: url('../images/main/more_arrow.svg') no-repeat;
      -webkit-mask: url('../images/main/more_arrow.svg') no-repeat;transition:all 1s ease-in-out;
}
.view_more:hover span{color:#fff;transition:color 0.6s ease-in-out;}
.view_more:hover i{background-color:#fff;transition:all 1s ease-in-out;}
.view_more:hover:after{animation:viewBtnBgIn 0.5s;animation-fill-mode:forwards;opacity: 1}
.view_more.white{border-color:#fff}
.view_more.white span{color:#fff;transition:color 0.6s ease-in-out;}
.view_more.white i{background-color:#fff;transition:all 1s ease-in-out;}
.view_more.white:after{background-color:#fff}
.view_more.white:hover span{color:#000;transition:color 0.6s ease-in-out;}
.view_more.white:hover i{background-color:#000;transition:all 1s ease-in-out;}

@keyframes viewBtnBgIn{
	0%{left:-100%;}
	100%{left:-2px;}
}
@keyframes viewBtnBgOut{
	0%{left:-2px;}
	100%{left:100%;}
}

#fullpage .section .flex_wrap{justify-content: center}
#fullpage .section span.menu{color:#2E368E;font-size: 20px;font-weight: 600}
#fullpage .section p.sect_tit{margin: 20px 0;font-size: 52px;line-height: 1.4;word-break: keep-all;}
#fullpage .section.active .fp_txt{animation: fadeUp 1.5s forwards;}
#fullpage .fp_txt{z-index: 9;position: absolute;top: 50%;left:50%;transform: translateX(-50%);opacity: 0}
@keyframes fadeUp {
  from {
    transform: translateY(0%) translateX(-50%);
    opacity: 0;
  }

  to {
    transform: translate(-50%,-50%);
    opacity: 1;
  }
}
#fp01 .fp_txt *{color:#fff;}
#fp01 .fp_txt > p{font-size: 26px;margin-top: 30px}
#fp01 .fp_bg{position: absolute;top:0;width:100%;height: 100vh;background-size: cover;background-position: center center;background-repeat: no-repeat;}

#fp02{background:#F6F6F8;}
#fp02 .box_wrap{gap:28px}
#fp02 .box01{background: url('../images/main/sect02_box01_bg.jpg') center center /cover;border-radius: 16px;padding: 60px;
display: flex;align-items: flex-end;}
#fp02 .box01>div{}
#fp02 .box01 p{color:#fff;font-size: 20px;line-height: 1.5}
#fp02 .box01 span{color:#fff !important;}
#fp02 .box_wrap>div{width:50%;height: 646px;gap:28px}
#fp02 .box_wrap>div.flex_wrap{gap:28px;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;}
#fp02 .box_wrap .box_item{background: #fff;border-radius: 16px;box-shadow: 0 0 20px 0 rgba(113, 113, 128,0.1);transition: all 0.3s;
  width:100%;height: 100%;padding: 30px;display: block;position: relative;}
#fp02 .box_wrap .box_item p{margin-top: 20px;font-size: 22px}
#fp02 .box_wrap .box_item::after{display: inline-block;width:55px;height: 55px;background:url('../images/main/sect02_box_more.svg') center center /cover;content: '';position: absolute;right:30px;bottom:30px}
#fp02 .box_wrap .box_item:hover{background: #2E368E;}
#fp02 .box_wrap .box_item:hover p{color:#fff;}
#fp02 .box_wrap .box_item:hover img,#fp02 .box_wrap .box_item:hover::after{filter:brightness(0) invert(1)}

#fp03 .pro_slide {opacity: 0}
#fp03 .swiper-slide.flex_wrap{justify-content: space-between;max-width: 80%;min-height: 620px}
#fp03 .text_wrap p{font-size: 20px;line-height: 1.5}
#fp03 .text_wrap .view_more{margin-top: 75px}
#fp03.active .pro_slide {opacity: 1}
#fp03.active .swiper-slide .text_wrap{opacity: 0}
#fp03.active .swiper-slide .img_wrap{opacity: 0}
#fp03.active .swiper-slide-active .text_wrap{animation: fadeLeft 1.5s forwards;}
#fp03.active .swiper-slide-active .img_wrap{animation: fade 2s forwards;animation-delay: 0.5s;}
@keyframes fadeLeft {
  from {
    transform: translateX(-50%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
#fp03 .pro_page{position: absolute;z-index: 3;right:0;top:50%;transform: translateY(-50%);}
#fp03 .pro_page .page_cont{display: flex;flex-direction: column;gap:40px}
#fp03 .pro_page p{width: 215px;height: auto;color:#9A9A9A;font-size: 22px;border-radius: 0;opacity: 1;position:relative;background: none;padding-bottom: 10px}
#fp03 .pro_page p.swiper-pagination-bullet-active{color:#000000;font-weight: 500}
#fp03 .pro_page p.swiper-pagination-bullet-active::after{display: inline-block;content: '';width:100%;height: 2px;background: #000;position: absolute;bottom:0;left: 0}

#fp04{background: #F6F6F8}
#fp04 .news_tit{text-align: center;opacity: 0}
#fp04.active .news_tit{animation: newsFadeUp 1.5s forwards;}
#fp04 .news_cont .view_more{margin: 70px auto 0}
@keyframes newsFadeUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translate(0);
    opacity: 1;
  }
}
#fp04 .news_cont .bbs_list {position:relative;margin-top: 50px;}
#fp04 .news_cont .bbs_list ul {display: flex;}
#fp04 .news_cont .bbs_list li{width:33%}
#fp04 .news_cont .bbs_list li + li{margin-left: 40px}
#fp04 .news_cont .bbs_list li .lt_info{margin-bottom: 20px;    display: block;}
#fp04 .news_cont .bbs_list li .lt_info .date{color:#888;font-size: 18px;margin-bottom: 20px}
#fp04 .news_cont .bbs_list li .lt_info .tit{font-size: 24px;font-weight: 600;display: inline-flex;align-items: center;}
#fp04 .news_cont .bbs_list li .lt_img {display:block;width: 100%; height: 280px;border-radius: 16px;overflow: hidden;box-shadow: 0 0 10px rgba(113, 113, 128, 0.1)}
#fp04 .news_cont .bbs_list li .lt_img img{width:100%;height:100%;object-fit: cover}
#fp04 .news_cont .bbs_list li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:10px;color:#fff;background:#8285a9;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;}
#fp04 .news_cont .bbs_list li.empty_li {line-height:145px ;color:#666;text-align:center;padding:0;width: 100%}

#fp05{background: url('../images/main/sect05_bg.jpg') center center /cover;}
#fp05 .fp_txt{text-align: center;}
#fp05 .fp_txt>div>*{color:#fff !important}
#fp05 .fp_txt a{margin: 70px auto 0;}
#fp05 .fp_txt p{font-size: 20px;line-height: 1.5}

.quick_menu{width:80px;height: 80px;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;background: #2E368E;
position: fixed;right:50px;bottom:40px;z-index: 99}
.top_btn{position: fixed;bottom:140px;right:85px;display: none}

/* footer */
#footer{background: #191919;padding: 100px 0}
#footer .container *{color:#eee;font-size: 14px}
#footer .ft_logo{margin-bottom: 40px}
#footer p + p{margin-top: 13px}
#footer p span{color:#A3A3A3 !important;display: inline-block;margin-right: 15px}
#footer .flex_wrap p{margin: 0}
#footer .flex_wrap{gap:40px;margin-top: 13px}
#footer p.copyright{margin-top: 40px;font-size: 13px}
#footer a{position: absolute;right:0;bottom:0;color:#ddd;font-size: 13px}


/* sub */
.sub_bg {
  background: #F6F6F8;
  position: relative;
  overflow: hidden;
  padding-top: 110px
}
.sub_bg .img_wrap {
  width: 100%;
  height: 540px;
  overflow: hidden;
}

.sub_bg .img_wrap>div{
  background: no-repeat center center / cover;
  animation: subbg 5s forwards;
  height: 100%;
  width:100%;
}
.sub_bg0103 .img_wrap,.sub_bg0201 .img_wrap,.sub_bg0202 .img_wrap,.sub_bg0302 .img_wrap,.sub_bg0601 .img_wrap{display: none}
@keyframes subbg {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.sub_bg .txt_wrap {
  position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
height: 300px;
opacity: 0;
animation: slideup 1.5s forwards;
z-index: 9
}
@keyframes slideup {
  from {
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.sub_bg .nav_wrap{display: inline-flex;align-items: center}
.sub_bg .nav_wrap a{font-size: 18px;font-weight: 500;line-height: 1}
.sub_bg .nav_wrap p{display: inline-flex;    align-items: center;}
.sub_bg .nav_wrap p + p::before{vertical-align: middle;display: inline-block;content: '';width:22px;height:22px;background:url('../images/common/nav_arrow.svg');margin:0 8px}
.sub_bg .txt_wrap h1 {
  font-size: 62px;
  font-weight: 700 !important;
  line-height: 1.3;
  margin-bottom: 30px
}

.sub_wrap{padding: 130px 0}
.sub_wrap img{max-width: 100%}
.sub_wrap p,.sub_wrap span{word-break: keep-all;}
.sub_wrap_tit{font-size: 60px;font-weight: 600 !important;text-align: center;}
.sub_wrap_tit + .font32{margin-top: 60px}
.sub_wrap_tit + .font20{margin-top: 40px}
.text_center{text-align: center}
.sub_wrap .accent{color:#2E368E;}
.sub_wrap .gray_bg{background: #F6F6F8;padding: 110px 0}
.sub_wrap .font48{font-size: 48px;font-weight: 700;}
.sub_wrap .font40{font-size: 40px;font-weight: 700;line-height: 1.5}
.sub_wrap .font32{font-size: 32px;line-height: 1.5}
.sub_wrap .font20{font-size: 20px;line-height: 1.5}
.sub_wrap .font18{font-size: 18px;line-height: 1.5}
.sub_wrap .mtmb110{margin:110px 0}
.sub_wrap .ptpb110{padding:110px 0}
.sub_wrap .mb110{margin-bottom:110px}
.sub_wrap .mb60{margin-bottom: 60px}
.sub_wrap .mb40{margin-bottom: 40px}
.sub_wrap .mb20{margin-bottom: 20px}
.sub_wrap b{color:inherit;}
.sub_wrap .img_flex{gap:30px;}
.sub_wrap .img_flex>* p{font-size: 20px;margin-top:24px }
.table_wrap table{border-top:solid 2px #000;border-bottom:solid 1px #ddd;width:100%}
.table_wrap table thead th{background: #FCFCFC;font-weight: 600;font-size:20px;padding: 15px 0;text-align: center;}
.table_wrap table tr + tr{border-top: solid 1px #ddd}
.table_wrap table tbody td{padding: 17px 0;font-size:18px;line-height: 1.5}
.table_wrap table tbody td:first-child{font-weight: 600}
.video_wrap {
   overflow: hidden;
   max-width: 100%;
 }
.video_wrap>div{
  position: relative;
        padding-bottom: 40%;
    width: 300%;
        left: -100%;
}
.video_wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    height: 100%;
    pointer-events:none;
  }
.video_wrap .tab_video{display: none}
.video_wrap .tab_video.on{display: block}
#sub_wrap0101{align-items: flex-start;}
#sub_wrap0101 .ceo_txt{margin-left: 120px;word-break: keep-all;flex:2}
#sub_wrap0101 h3{font-size: 52px;font-weight: 400 !important;line-height: 1.5}
#sub_wrap0101 h3 span{font-weight: 700 !important}
#sub_wrap0101 .ceo_txt p:not(.name){font-size: 20px;line-height: 1.5}
#sub_wrap0101 .ceo_txt p.name{font-size: 26px;margin-top: 40px}
#sub_wrap0106 .root_daum_roughmap {width:100%;border-radius: 20px}
#sub_wrap0106 .wrap_controllers,.footer .wrap_btn_zoom{display: none !important}
#sub_wrap0106 .map_wrap{position: relative;}
#sub_wrap0106 hr{margin: 100px 0;position: relative;width: 100%;}
#sub_wrap0106 .map_add{margin-bottom:60px;gap:30px;align-items: flex-start;}
#sub_wrap0106 .map_add>div{width:33%}
#sub_wrap0106 .map_add .tit{font-size: 30px;font-weight: 800;}
#sub_wrap0106 .map_add hr{background-color: #363636;margin: 15px 0 !important;}
#sub_wrap0106 .map_add p{padding-left: 20px;font-size: 20px;}

/* .solution_wrap {padding-top: 0} */
.solution_wrap .video_wrap{margin-bottom: 110px}
.sub_wrap .tab_btn{position: relative;display: flex;margin-bottom: 110px}
.sub_wrap .tab_btn p{width:50%;height: 70px;line-height: 70px;text-align: center;position: relative;background: #F6F6F8;font-size: 20px;cursor: pointer;}
.sub_wrap .tab_btn p.on{background: #2E368E;color:#fff;font-weight: 600;}
.sub_wrap .tab_cont {display:none}
.sub_wrap .tab_cont.on {display:block}

#sub_wrap0201 .video_wrap #video02{display:none}
#sub_wrap0201 .tab_cont .flex_wrap{margin: 60px 0 140px;gap:30px}
#sub_wrap0201 .tab_cont#tab01{margin-bottom: -131px}
#sub_wrap0201 .tab_cont#tab01 .bg_box{background:url('../images/sub/sub0201_tab01_img03.jpg') center center no-repeat;background-size: cover;border-radius: 100px 100px 0 0;width:100%;height: 680px;display: flex;align-items: center;justify-content: center;color:#fff;line-height: 1.5}
#sub_wrap0201 .tab_cont#tab01 .bg_box p{color:#fff;}
#sub_wrap0201 .tab_cont#tab02 .img_btn {gap:30px;}
#sub_wrap0201 .tab_cont#tab02 .img_btn>a{width:calc(50% - 15px);height: 374px;color:#fff;display: flex;align-items: center;justify-content: center}
#sub_wrap0201 .tab_cont#tab02 .img_btn a:first-child{background:url('../images/sub/sub0201_tab02_btn01.jpg') center center no-repeat;}
#sub_wrap0201 .tab_cont#tab02 .img_btn a:last-child{background:url('../images/sub/sub0201_tab02_btn02.jpg') center center no-repeat;}
#sub_wrap0201 .tab_cont#tab02 .img_btn a div>span{font-size: 40px;font-weight: 600;margin-bottom: 25px;color:#fff}
#sub_wrap0201 .tab_cont#tab02 .img_btn a div .view_more{margin: 25px auto 0;background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px);}

#sub_wrap0202 .sub_tab_wrap .sub_tab_btn{position: relative;display: flex;margin-top:60px }
#sub_wrap0202 .sub_tab_wrap .sub_tab_btn p{width:33.33%;height: 90px;line-height: 90px;text-align: center;position: relative;font-size: 20px;cursor: pointer;border-bottom: solid 1px #B1B1B1}
#sub_wrap0202 .sub_tab_wrap .sub_tab_btn p.on{border-color: #2E368E;color:#2E368E;font-weight: 600;border-bottom-width: 3px}
#sub_wrap0202 .sub_tab_wrap .sub_tab_box{padding-top: 60px}
#sub_wrap0202 .sub_tab_wrap .sub_tab_cont {display:none}
#sub_wrap0202 .sub_tab_wrap .sub_tab_cont.on {display:block;}
#sub_wrap0202 #tab01 .sub_wrap_tit{margin-bottom: 40px}
#sub_wrap0202 #tab01 .font20{margin-bottom: 100px}
#sub_wrap0202 #tab01 .font32::before{display: block;content: '';width:1px;height: 60px;background: #000;margin: 40px auto}
#sub_wrap0502 h2{font-size: 30px;text-align: center;font-weight: 400 !important;margin-bottom: 50px;line-height: 1.5}
#sub_wrap0502 h2 span{font-weight:600 !important}
#sub_wrap0502 .form_wrap form{width:100%;border-top: solid 2px #222222;text-align: center}
#sub_wrap0502 .form_wrap form .in_w{border-bottom: solid 1px #e5e5e5;padding: 10px 20px;text-align: left;}
#sub_wrap0502 .form_wrap form .in_w label{width:200px;font-weight: bold;font-size: 17px;display: inline-block;}
#sub_wrap0502 form .cate_w input[type="checkbox"] + input{margin-left: 10px}
#sub_wrap0502 form .cate_w .desc{line-height: 55px;height: 55px}
#sub_wrap0502 form .desc label{width:auto !important;font-weight: 400 !important;margin-right: 10px}
#sub_wrap0502 form input[type=text],#sub_wrap0502 form textarea{height: 55px;line-height: 55px;border: solid 1px #e5e5e5;min-width: 340px;padding: 10px 15px}
#sub_wrap0502 form #message,#sub_wrap0502 form .agree_w{width:calc(100% - 200px)}
#sub_wrap0502 form #message{height: 130px;line-height: 1.5}
#sub_wrap0502 form .agree_w textarea{width:100%;height: 130px;text-align: left;font-size: 15px;padding: 10px;line-height: 1.5}
#sub_wrap0502 form .agree_w>p{font-size: 15px;margin-top: 5px}
#sub_wrap0502 form .agree_w>p input[type="checkbox"]{vertical-align: middle;margin-right: 5px}
#sub_wrap0502 form .agree_w label{width:auto !important;font-weight: 400 !important;font-size: 15px !important}
#sub_wrap0502 form button{display: inline-block;cursor: pointer;background: #2E368E;border-radius: 30px;width:190px;height: 60px;line-height: 60px;color:#fff;text-align: center;font-size: 16px;margin-top: 50px}
#sub_wrap0502 .error_desc{font-size: 14px;color:#f32315;margin-left:200px;opacity: 0;transition: all 0.7s}
#sub_wrap0502 .error_desc.error_on{opacity: 1;transition: all 0.7s}
#sub_wrap0502 #form-messages{margin-top: 15px;color:#f32315}

#sub_wrap0104 .tree {
  width: 100%;
  height: auto;
  text-align: center;
}
#sub_wrap0104 .tree ul {
  padding-top: 40px;
  position: relative;
  display: flex;
}
#sub_wrap0104 .tree li {
  display: inline-table;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 40px 10px 10px;
  transition: 0.5s;
}
#sub_wrap0104 .tree li.ceo>span{
  border:none;padding: 0;
  width:100px;height: 100px;border-radius: 100%;line-height: 100px;
  background: #2E368E;font-size: 24px;color:#fff;
}
#sub_wrap0104 .tree li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 40px;
}
#sub_wrap0104 .tree li::after {
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  left: 50%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 60%;
  height: 40px;
}
#sub_wrap0104 .tree li:only-child:after,
#sub_wrap0104 .tree li:only-child:before {
  display: none;
}
#sub_wrap0104 .tree li:only-child {
  padding:0
}
#sub_wrap0104 .tree li:first-child::before,
#sub_wrap0104 .tree li:last-child::after {
  border: 0 none;
}
#sub_wrap0104 .tree li:last-child::before {
  border-right: 1px solid #ccc;
}
#sub_wrap0104 .tree ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
  height: 40px;
}
#sub_wrap0104 .tree span {
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-grid;
  border-radius: 5px;
  text-decoration-line: none;
  transition: 0.5s;
}
#sub_wrap0104 .tree .team>span{
  border:solid 2px #2E368E;font-size: 20px;font-weight: 500;color:#2E368E;background: #fff;
  padding: 10px 20px;z-index: 1;position: relative;
}
#sub_wrap0105 .table_wrap{position: relative;}
#sub_wrap0105 .table_wrap + .table_wrap{margin-top: 70px}
#sub_wrap0105 h3{font-size: 150px;
    font-weight: 600 !important;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #d9d9d9;
    z-index: -1;
    opacity: 0.2;}
#sub_wrap0105 table{border-bottom: 1px solid #ddd;margin-top: 20px;width: 100%;}
#sub_wrap0105 table th{background: #FBFBFB;padding: 15px;border-bottom: solid 1px #ddd;color:#2C2C2C;font-size: 19px;
    text-align: center;font-weight: 500;border-top: 2px solid #2E368E !important;}
#sub_wrap0105 table th, #sub_wrap0105 table td{border: solid 1px #ddd;}
#sub_wrap0105 table td{font-size: 17px;line-height: 1.7;padding: 15px;word-break: keep-all;}
#sub_wrap0105 table td.text_center{text-align: center}
#sub_wrap0105 table th:first-child, #sub_wrap0105 table td:first-child{border-left: 0;}
#sub_wrap0105 table th:last-child, #sub_wrap0105 table td:last-child{border-right: 0;}

#sub_wrap0105 .his_tab{width:100%;gap:20px}
#sub_wrap0105 .his_tab a{position: relative;width:20%;color:#000;line-height:60px;text-align: center;font-size: 24px;
    background: #f5f5f5;
    border-radius: 50px;
    font-weight: 500;cursor: pointer;}
#sub_wrap0105 .his_tab a:after{    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/main/sect02_box_more.svg) center center / cover;
    content: '';
    position: absolute;top:50%;transform: translateY(-50%);margin-left: 10px}
#sub_wrap0105 .his_tab a:hover{background: #2E368E;color:#fff}
#sub_wrap0105 .his_tab a:hover:after{filter: brightness(0) invert(1);}
#sub_wrap0105 .his_content{padding-top: 150px;position: relative;}
#sub_wrap0102{overflow: visible;}
#sub_wrap0102 .title {
            text-align: center;
            margin-bottom: 100px;
        }

#sub_wrap0102 .title h1 {
            font-size: 50px;
            font-weight: 700 !important;
            color:#000;
            margin-bottom: 16px;
        }
#sub_wrap0102 .title h1 b{color:#2e368e}
#sub_wrap0102 .title p {
            font-size: 19px;
            color: #333;
        }
#sub_wrap0102 .box_card {transition: all 0.3s;}
#sub_wrap0102 .box_card.safety,#sub_wrap0102 .box_card.satisfaction {border-color: #9b9db3}
#sub_wrap0102 .box_card:hover {transform: translateY(-10px);}
#sub_wrap0102 .icon {
            width: 100px;
            height: 100px;
            margin: 0 auto 25px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
            background: #f7f7f7;
        }
#sub_wrap0102 .icon img{width:70px}
#sub_wrap0102 .card_title {
            color: #1e293b;
            margin-bottom: 15px;
            text-align: center;
            line-height: 1.4;
        }

#sub_wrap0102 .vision-description {
            color: #333;
            font-size: 18px;
            line-height: 1.7;
            text-align: center;
        }
#sub_wrap0103{padding-top: 0}
#sub_wrap0103 .sec01{background: url('/home/images/sub/sub0103_img01.jpg') center center /cover;height: 540px;width:100%;display: flex;align-items: center;justify-content: flex-start;}
#sub_wrap0103 .sec01>.container>div{background: rgba(0,0,0,0.5);border-radius: 32px;padding: 40px 50px;display: inline-block;max-width: 840px;}
#sub_wrap0103 .sec01>.container>div p{color:#fff;font-size: 18px;line-height: 1.5}
#sub_wrap0103 .sec01>.container>div .flex_wrap {gap:48px;min-height: 70px;padding: 16px 0}
#sub_wrap0103 .sec01>.container>div .flex_wrap +  .flex_wrap{border-top: solid 1px #777}
#sub_wrap0103 .sec01>.container>div p:first-child{min-width: 145px;font-weight: 700}
#sub_wrap0103 h3{font-size: 50px;font-weight: 500 !important;margin-bottom: 40px;text-align: center}
#sub_wrap0103 h3 i{font-size: 30px;margin-left: 20px}
#sub_wrap0103 .sec02 h3{margin-bottom: 10px}
#sub_wrap0103 .sec02 h4{font-size: 19px;text-align: center;}
#sub_wrap0103 .cert_cont h4{font-size: 30px;font-weight: 500 !important;}
#sub_wrap0103 .cert_lt{margin-bottom: 40px;border-bottom: solid 1px #ddd;padding-bottom: 20px}

.card_flex{display: flex;flex-wrap: wrap;gap:30px}
.card_flex .box_card{background: #fff;
padding: 40px 30px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
position: relative;
transition: all 0.3s;
overflow: hidden;
width:calc(50% - 15px);border-top:solid 6px #2e368e}
.card_flex .box_card .card_title{font-size: 24px;font-weight: 600 !important;margin-bottom: 15px;  word-break: keep-all;}
.card_flex .box_card .card_desc p{font-size: 18px;line-height: 1.5;padding-left: 10px;position: relative;}
.card_flex .box_card .card_desc p + p{margin-top: 4px}
.card_flex .box_card .card_desc p::before {content: '·'; margin-right: 6px;position: absolute;left: 0;}

.pro0201_fea_wrap{position: relative;}
.pro0201_fea_wrap .result{font-size: 36px;font-weight: 600 !important;margin-top: 60px;text-align: center}
.pro0201_fea_wrap .box_card p {
                    color: #333;
                    font-size: 18px;
                    line-height: 1.7;
                }

.pro0201_fea_wrap .highlight {
                    color: #dc2626;
                    font-weight: 600;
                    background: linear-gradient(135deg, #dc2626, #ea580c);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                }
.pro02_bbs {overflow: visible;}
#sub_wrap0303 .healthcare_slide {margin: 110px 0}
#sub_wrap0303 .swiper-slide{background: #F6F6F8;text-align: center;min-height: 600px}
#sub_wrap0303 .pro_page{margin-top: 40px}
#sub_wrap0303 .pro_page .page_cont{}
#sub_wrap0303 .pro_page .swiper-pagination-bullet{width: calc(100% / 3);height: 6px;border-radius: 0;opacity: 1;position:relative;background: #D6D6E6;margin:0}
#sub_wrap0303 .pro_page .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#2E368E;}
#sub_wrap0303 .next,#sub_wrap0303 .prev{background: rgba(0,0,0,0.5);width:80px;height: 80px;border-radius: 100%;position: absolute;top:50%;transform: translateY(-50%);z-index: 2;
display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}
#sub_wrap0303 .swiper-button-disabled{background: rgba(0,0,0,0.2); }
#sub_wrap0303 .swiper-button-disabled::after{opacity: 0.6}
#sub_wrap0303 .next{right:60px;}
#sub_wrap0303 .prev{left:60px;}
#sub_wrap0303 .prev:after{transform: scaleX(-1);}
#sub_wrap0303 .next:after, #sub_wrap0303 .prev:after{display: inline-block;content: '';
background: url('/home/images/common/swiper_arrow.svg') center center /cover;font-size: 0;width:14px;height: 24px;background-repeat: no-repeat;}
#sub_wrap0303 .sec01 .font40{font-weight: 400;}
#sub_wrap0303 .sec01 .font40 span.accent{font-weight: 600}
#sub_wrap0303 .sec01 .flex_wrap{gap:60px;max-width: 1200px;margin: 0 auto;align-items: flex-end;}
#sub_wrap0303 .sec01 .flex_wrap>div{width:33.33%}
#sub_wrap0303 .sec01 .flex_wrap>div:first-child{width:40%}
#sub_wrap0303 .sec01 .flex_wrap>div .font20{margin-top: 40px}
#sub_wrap0303 .sec01 p.accent{margin-top: 60px;font-size: 18px}
#sub_wrap0303 .sec03 .font40{font-weight: 400;}

#sub_wrap0304{padding-bottom: 0}
#sub_wrap0304 .sub_wrap_tit{font-size: 50px;text-align: left;}
#sub_wrap0304 .sub_wrap_tit + .font20{margin-top: 0}
#sub_wrap0304 .sec01 .flex_wrap{gap:120px;align-items: flex-start;}
#sub_wrap0304 .sec01 .flex_wrap .text_box{font-size: 18px;}
#sub_wrap0304 .sec01 .flex_wrap .text_box p + p{margin-top: 4px}
#sub_wrap0304 .sec01 .flex_wrap .text_box p:not(.accent)::before{display: inline-block;content: '·';margin-right: 4px;line-height: 1.5}
#sub_wrap0304 .sec01 .flex_wrap .text_box span{display: block;text-indent: 5px;line-height: 1.5}
#sub_wrap0304 .sec01 .flex_wrap .text_box span + span{margin-top: 4px}
#sub_wrap0304 .sec01 .flex_wrap .text_box span::before{display: inline-block;content: 'ㄴ';margin-right: 4px}
#sub_wrap0304 .sec01 .flex_wrap .text_box p.accent{margin-top: 15px}
#sub_wrap0304 .sec02 h3{font-size: 50px;font-weight: 600 !important}
#sub_wrap0304 .sec02 .font32.accent{font-weight: 600;}
#sub_wrap0304 .sec02 .flex_wrap{font-size: 18px;gap:30px;flex-wrap: wrap;align-items: flex-start;margin-top: 20px;line-height: 1.5}
#sub_wrap0304 .sec02 .flex_wrap img{margin-bottom: 20px}
#sub_wrap0304 .sec02 hr{position: relative;width: 100%;background: #a2a2a2;height: 1px; margin:60px 0;border: none;}
#sub_wrap0304 .sec02 .coolingfog{justify-content: space-between;}
#sub_wrap0304 .sec02 .coolingfog>div{width:calc(25% - 25px)}

#pri{white-space: pre;line-height: 1.5;padding: 100px 0}
#sub_wrap0203 .sub_wrap_tit{margin-bottom: 60px}
#sub_wrap0203 .img_flex{margin-top: 60px}
#sub_wrap0204 .font32{margin:20px 0 60px}

/* pc */
@media (min-width: 768px){
  .header:not(.sub_header):hover {background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(20px);}
  .header #gnb .main_menu .sub_menu{
    opacity: 0;
    display: none;
    position: absolute;
    width:200%;
    text-align: center;
      min-width: 200px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0 auto;
      background:rgba(255, 255, 255, 0.7);
      padding-bottom: 10px
  }
  .header #gnb .main_menu.active>a::before{content:''; display:block;  position:absolute;width:4px;height:4px;border-radius: 100%;top:25px;left:50%;transform: translateX(-50%);background: #2E368E}
  .header #gnb .main_menu:nth-child(3) .sub_menu{min-width: 250px}
    .scroll_info{display: none}
    .mobile_img_info{display: none}
}
/* tablet */
@media  (min-width: 768px) and (max-width: 1280px){
  .header .logo{max-width: 150px}
  .header .container{max-width: calc(100% - 30px);}
  .header.fixed .menu_btn{background-position: right}
  .header #gnb{gap:3vw}
  .header .sns_wrap img{height: 20px}
}
/* mobile */
@media (max-width: 767px){
  .header{height: 90px}
  .header.fixed{background: #fff}
  .header .logo{max-width: 130px}
  .header .sns_wrap img{height: 20px}
  .header .container{max-width: calc(100% - 30px);}
  .header:not(.sub_header):hover {background-color: none;backdrop-filter:none;}
  .header .menu_btn{display: block;width:20px;height: 15px}
.header .gnb_w{display: block;padding: 0;height: 100%;}
  .header .gnb_w #gnb{
position: fixed;
top: 0;
height: 100vh;
width: 100%;
z-index: 1600;
display: block;
        width: 250px;
        right: -100%;
        background: #fff;
  }
.header #gnb .main_menu{text-align: left;font-weight: 400;margin-bottom: 0;position: relative;border-bottom: solid 1px #dddddd;}
.header #gnb .main_menu>a{color:#363636;line-height: 1;font-size: 16px;padding: 10px 20px;}
.header #gnb .main_menu>a:after {
  content: "";
     position: absolute;
     top: 12px;
        right: 20px;
     width: 10px;
     height:10px;
     border-top: 1px solid #333;
     border-left: 1px solid #333;
     transform: translate(-50%, -50%) rotate(-135deg);
     transition: all 0.3s;
}
.header #gnb .main_menu.active>a:after{transform: translate(-50%, -50%) rotate(45deg);top: 20px;border-color:#2E368E;}
.header #gnb .main_menu .sub_menu{ opacity: 0;display: none;}
.header #gnb .main_menu .sub_menu{border-top:solid 1px #dddddd;padding: 10px 20px;}
.header #gnb .main_menu .sub_menu a{font-size:14px;line-height: 2;padding: 0;}
.header .bg {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  display: none;}
  .header .gnb_close{display:none;position: absolute;top: 15px;right:260px;width:30px; height: 30px;background: none;border: none;z-index: 1600}
.header .gnb_close:before, .header .gnb_close:after {position: absolute; left: 15px; content:' '; height: 30px;width: 2px; background-color: #fff;}
.header .gnb_close:before {transform: rotate(45deg);}
.header .gnb_close:after {transform: rotate(-45deg);}
.quick_menu{width:35px;height: 35px;right:10px;bottom: 20px}
.quick_menu img{width:20px}
*{word-break: keep-all;}
img{max-width: 100%}
.view_more{font-size: 20px;width: 140px;max-width: 60%;height: 45px;padding: 0 15px}
.view_more span{font-size: 14px}
.view_more i{mask-size:15px;mask-position: center center;}
#fp_page{display: none}
#fullpage .container{max-width: calc(100% - 30px);}
#fullpage .fp_content{position: relative;height: 100%}
#fullpage .section,#fullpage .fp-tableCell{height: auto !important}
#fullpage .section{padding: 50px 0}
#fullpage .section .fp_txt{animation: fadeUp 1.5s forwards;}
#fp01{padding: 0 !important}
#fp01,#fp01 .fp-tableCell{height: 100vh !important}
#fp01 .fp_txt>img{height: 100px}
#fp01 .fp_txt > p{font-size: 18px;word-break: keep-all;line-height: 1.5}
#fullpage .section .flex_wrap{flex-direction: column;}
#fp02 .box_wrap>div{height: auto;width:100%}
#fullpage .section span.menu{font-size: 17px}
#fullpage .section p.sect_tit{font-size: 24px;margin:15px 0}
#fp02 .box01{padding: 30px}
#fp02 .box01 p{font-size: 16px}
#fp02 .box_wrap>div.flex_wrap{grid-template-columns:1fr}
#fp02 .box_wrap .box_item::after{width:30px;height: 30px}
#fp02 .box_wrap .box_item p{font-size: 20px;padding-right: 30px;}
#fp03 .pro_page{position: absolute;top: 0;transform: none;width: 100%;}
#fp03 .pro_page .page_cont{flex-direction: row;gap: 10px;}
#fp03 .pro_page p{width: 10px;font-size: 0;height: 10px;background: #d7d7d7;padding: 0;margin: 0;border-radius: 100%}
#fp03 .pro_page p.swiper-pagination-bullet-active{background: #2E368E}
#fp03 .pro_page p.swiper-pagination-bullet-active::after{display: none}
#fp03 .pro_slide{padding-top: 30px;opacity: 1 !important}
#fp03 .swiper-slide.flex_wrap{max-width: 100%;min-height:auto}
#fp03.active .pro_slide {opacity: 1}
#fp03 .swiper-slide .text_wrap{opacity: 0;animation: none;}
#fp03 .swiper-slide .img_wrap{opacity: 0;animation: none;}
#fp03 .text_wrap p.sect_tit{font-size: 24px;margin: 10px 0}
#fp03 .text_wrap p{font-size: 16px}
#fp03 .text_wrap .view_more{margin-top: 30px}
#fp04 .news_cont .bbs_list ul{flex-direction: column;}
#fp04 .news_cont .bbs_list li{width:100%;border-bottom: solid 1px #ddd;padding-bottom: 20px;}
#fp04 .news_cont .bbs_list li:last-child{border:none;padding: 0}
#fp04 .news_cont .bbs_list li + li{margin: 20px 0 0 0}
#fp04 .news_cont .bbs_list li .lt_info .date{margin-bottom: 10px;font-size: 15px}
#fp04 .news_cont .bbs_list li .lt_info .tit{font-size: 16px}
#fp05,#fp05 .fp-tableCell{height: 50vh !important}
#fp05 .fp_txt{position: relative;max-width: 100% !important}
#footer{height: auto !important;padding: 50px 15px 60px;}
#footer .flex_wrap{
  flex-direction: column;
text-align: left;
align-items: flex-start;
gap: 10px;}
#footer a{position: relative;margin-top: 10px;display: block;}
.top_btn{right:10px;bottom: 60px;transform: scale(0.7);}
.sub_bg{padding-top: 90px}
.sub_bg .txt_wrap{padding: 0 15px;height: 20vh;max-height: 200px}
.sub_bg .txt_wrap h1{font-size: 32px;margin-bottom: 10px;}
.sub_bg .nav_wrap a{font-size: 15px}
.sub_bg .nav_wrap p + p::before{margin:0}
.sub_bg .img_wrap{height: 30vh;max-height: 250px}
.sub_wrap{padding: 70px 0}
.sub_wrap.container{padding: 70px 15px}
.sub_wrap .mtmb110{margin:70px 0}
.sub_wrap .mb110{margin-bottom: 70px}
.sub_wrap .ptpb110{padding: 70px 0}
.sub_wrap .tab_btn{flex-wrap: wrap;margin-bottom: 70px}
.sub_wrap .tab_btn.container{padding: 0 15px}
.sub_wrap .tab_btn p{height: 40px;line-height: 40px;font-size: 15px}
.sub_wrap .font20{font-size: 18px}
.sub_wrap .font48{font-size: 38px}
.sub_wrap .font40{font-size: 33px}
.sub_wrap .font32{font-size: 28px}
.table_wrap table thead th{font-size: 17px}
.table_wrap table tbody td{font-size: 16px;line-height: 1.3}
.sub_wrap .gray_bg>.container{padding: 0 15px}
.sub_wrap .gray_bg{padding: 60px 0}
.sub_wrap .img_flex>* p{font-size: 16px;margin-top: 10px}
.scroll_wrap{overflow-x: auto}
.scroll_bg {
  display: block;
  width: 120%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}

.scroll_info {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.scroll_info img {
  position: absolute;
  top: 50px;
  left: 100px;
  width: 150px !important
}
.mobile_img_info{font-size: 15px !important;color:#909090;margin-top: 10px;}
.mobile_img_info::before{display: inline-block;content: '※ 클릭시 큰 이미지로 볼 수 있습니다.'}
#sub_wrap0101{flex-direction: column;gap:20px;padding: 70px 15px}
#sub_wrap0101 .ceo_txt{margin: 0}
#sub_wrap0101 h3{font-size: 30px}
#sub_wrap0101 .ceo_txt p:not(.name){font-size: 16px}
#sub_wrap0101 .ceo_txt p.name{font-size: 18px;margin-top: 15px}
.card_flex{flex-direction: column;gap:10px}
.card_flex .box_card{width:100%;padding: 20px}
.card_flex .box_card .card_title{font-size: 22px}
.card_flex .box_card .card_desc p{font-size: 16px;line-height: 1.3}
#sub_wrap0102 .title h1{font-size: 32px}
#sub_wrap0102 .vision-description{font-size: 15px;line-height: 1.5}
#sub_wrap0103>.container{padding: 0 15px}
#sub_wrap0103 .sec01{height: auto}
#sub_wrap0103 .sec01>.container>div .flex_wrap{flex-direction: column;padding: 10px 0;
    align-items: flex-start;
    gap: 10px;}
#sub_wrap0103 .sec01>.container>div{padding: 20px;border-radius: 0;max-width: auto}
#sub_wrap0103 .sec01>.container>div p{font-size: 15px}
#sub_wrap0103 h3{font-size: 35px}
#sub_wrap0103 .cert_cont h4{font-size: 28px}
.cert_lt ul{display: flex;flex-wrap: wrap}
.cert_lt li{width:50%;margin:0}
.cert_lt li .img_wrap{min-height: 150px}
.cert_lt li .lt_tit{font-size: 17px;white-space: nowrap;
        text-overflow: ellipsis;width: 100%; overflow: hidden;margin: 5px 0 15px 0;}
.part_lt ul{display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
    align-items: center;}
.part_lt li{width:calc(50% - 10px);margin:0}
#sub_wrap0103 .tab_btn,#sub_wrap0103 .tab_wrap{margin-bottom: 40px !important}
#sub_wrap0104 .tree{position: relative;}
#sub_wrap0105 .his_content{padding-top: 70px}
#sub_wrap0105 .his_tab{flex-wrap: wrap;justify-content: center}
#sub_wrap0105 .his_tab a{width:calc(50% - 10px);font-size: 16px;line-height: 45px;}
#sub_wrap0105 .his_tab a:after{min-width: 20px;width:20px;height: 20px;margin-left: 5px;}
#sub_wrap0105 .table_wrap{overflow: auto}
#sub_wrap0105 .table_wrap table{min-width: 900px;margin: 0}
#sub_wrap0105 h3{display: none}
#sub_wrap0105 table th{font-size: 17px}
#sub_wrap0105 table td{font-size: 15px;line-height: 1.3}
#sub_wrap0106 .map_add{flex-wrap: wrap;flex-direction: column;gap:20px}
#sub_wrap0106 .map_add>div{width:100%}
#sub_wrap0106 .root_daum_roughmap .wrap_map{height: 250px !important}
.sub_wrap_tit{font-size: 40px;}
.sub_wrap_tit + .font32{margin-top: 20px}
.solution_wrap .video_wrap{margin-bottom: 70px}
#sub_wrap0201 .tab_cont .flex_wrap{flex-direction: column;margin:40px 0 60px}
#sub_wrap0201 .tab_cont .text_center>.container{padding: 0 15px}
#sub_wrap0201 .tab_cont#tab01{margin-bottom: -71px;}
#sub_wrap0201 .tab_cont#tab01 .bg_box{  padding: 80px 15px;  height: auto;  border-radius: 0;}
#sub_wrap0201 .tab_cont#tab01 .bg_box p{font-size: 18px}
#sub_wrap0201 .tab_cont#tab02 .img_btn>a{width:100%}
#sub_wrap0201 .tab_cont#tab02{padding: 0 15px}
#sub_wrap0201 .tab_cont#tab02 .img_btn>a{height: 30vh}
#sub_wrap0201 .tab_cont#tab02 .img_btn a div{width:100%}
#sub_wrap0201 .tab_cont#tab02 .img_btn a div>span{font-size: 28px}
#sub_wrap0201 .tab_cont#tab02 .sec03 .table_wrap{position: relative;}
#sub_wrap0201 .tab_cont#tab02 .sec03 .table_wrap table{width:900px;}
.video_wrap>div{width:100%;left: 0}
.video02_inner{flex-direction: column;}
#sub_wrap0202 .tab_video .video_box{max-width: 100%;height: 100%;aspect-ratio: 800 / 450;}
#sub_wrap0202 .tab_cont#tab02>img{width: 200%;max-width: max-content;left: 50%;position: relative;transform: translateX(-50%);}
#sub_wrap0202 .video_wrap ,#sub_wrap0202 .tab_box {padding: 0 15px}
#sub_wrap0202 .sub_tab_wrap .sub_tab_btn{flex-direction: column;}
#sub_wrap0202 .sub_tab_wrap .sub_tab_btn p{width:100%;height: 50px;line-height: 50px;}
#sub_wrap0203 .img_flex{flex-direction: column;}

#bo_gall.pro_gall{margin-bottom: 20px}
#bo_gall.pro_gall .gall_li{width: calc(50% - 1px);}
#bo_gall .gall_li + .gall_li {margin-left: 1px;}
.pro_wrap{gap:40px;flex-direction: column;}
.pro_img,.pro_txt{width:100%}
.pro_img{min-height: 50vh;padding: 20px;}
.pro_txt h2{font-size: 48px}
.pro_txt .pro_desc{font-size: 18px;line-height: 1.3}
.pro_txt .pro_fea{font-size: 16px;line-height: 1.3}
.pro_txt p,.pro_txt p span{font-size: 16px !important;line-height: 1.3}
.pro_txt .info p{padding: 10px 0}
.pro_txt .info p strong{display: block;width:auto;margin-bottom: 5px}
.summary p{font-size: 22px;line-height: 1.3}

.pro02_bbs  #bo_cate li{width:100%}
.pro02_bbs .pro_cont .mobile_img_info{margin-top: 10px !important;font-weight: 400;text-align: center}
#sub_wrap0303 .healthcare_slide{margin:60px 0}
#sub_wrap0303 .next, #sub_wrap0303 .prev{width:30px;height: 30px;top: calc(50% - 30px);}
#sub_wrap0303 .prev{left:10px}
#sub_wrap0303 .next{right:10px}
#sub_wrap0303 .next:after, #sub_wrap0303 .prev:after{background-size: 6px;}
#sub_wrap0303 .pro_page{margin-top: 10px}
#sub_wrap0303 .swiper-slide{min-height: auto}
#sub_wrap0303 .sec01 .flex_wrap{flex-direction: column;}
#sub_wrap0303 .sec01 .flex_wrap>div{width:100% !important}

#sub_wrap0303 .sec03{padding: 70px 15px}
#sub_wrap0303 .sec03 colgroup col:first-child{width:50% !important}
#sub_wrap0303 .sec03 colgroup col:last-child{width:50% !important}
#sub_wrap0303 .sec03 table td{padding: 10px;}
#sub_wrap0304 .sub_wrap_tit{font-size: 40px}
#sub_wrap0304 .sec01 img.mb60{margin-bottom: 0}
#sub_wrap0304>.container{padding: 0 15px}
#sub_wrap0304 .sec01 .flex_wrap{flex-direction: column;gap:20px;margin-top: 20px}
#sub_wrap0304 .sec02 .flex_wrap{gap:20px}
#sub_wrap0304 .sec02 .coolingfog>div{width:calc(50% - 10px)}
#sub_wrap0304 .font40.mb40{margin-bottom: 20px}

.news_bbs #bo_gall .gall_li{width:100%}
.news_bbs #bo_gall .gall_box{margin-bottom: 20px}
.news_bbs #bo_gall .gall_con .gall_img{height: 30vh !important;max-height: 250px !important}

#sub_wrap0502 h2{font-size: 20px;line-height: 1.3}
#sub_wrap0502 .form_wrap form .in_w label{font-size: 16px;width:auto;}
#sub_wrap0502 .form_wrap form .in_w .flex_wrap,#sub_wrap0502 .form_wrap form .in_w.flex_wrap{flex-direction: column;align-items: flex-start;gap:10px}
#sub_wrap0502 form input[type=text], #sub_wrap0502 form textarea{min-width: auto;width:100%;height: 40px;line-height: 40px}
#sub_wrap0502 form #message, #sub_wrap0502 form .agree_w{width:100%}
}