@font-face {
    font-family: 'LeferiPoint-SpecialItalicA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-SpecialItalicA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

    body {
      opacity: 1;
      transition-duration: 1s;
      transition-property: opacity;
    }

    body.fade {
      opacity: 0;
    }

.p_font {font-family: 'LeferiPoint-SpecialItalicA' !important;}
.block {display:block !important}
.center {text-align:center !important}
/************ 우측메뉴  *************/
#nav-trigger {position: absolute;     background: transparent;  z-index: 10;   top: 35px;   right:0px;   bottom: 0;   width:40px; height:10px;   border: none;   padding: 0;   margin: 0;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-in-out;  transition-timing-function: ease-in-out;}
#nav-trigger>span:before {top: 0; left: 0;}
#nav-trigger>span:before, #nav-trigger>span:after { content: "";  display: block;  height: 2px;  position: absolute;  right: 0;  background-color: #eeeae5;  transition: .3s all;}
#nav-trigger>span:after {top: 10px;  left: 0px;}
i {line-height: inherit;}
#nav-trigger:hover>span{-webkit-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-moz-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-ms-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-o-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);transform:scale3d(1.15, 1.15, 1) rotate(0.001deg)}
#nav-trigger.mouseout->span:after {animation-iteration-count: 1; animation-fill-mode: forwards; animation-name: nav-trigger-out; animation-duration: .5s;}
html.nav-opened #nav-trigger>span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
html.nav-opened #nav-trigger>span:before, html.nav-opened #nav-trigger>span:after { top: 5px;  left: 5px;  right: 5px;  animation: none !important;}
html.nav-opened #nav-trigger>span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
html.nav-opened  #hd_wrapper {background: rgba(255,255,255,0) !important; backdrop-filter: saturate(180%) blur(0px) !important;}
html.nav-opened #hd {z-index:1001}
#hd.scrollBg #logo{top:13px;}
#hd.scrollBg #logo a img{ filter: brightness(1);}
/*#hd.scrollBg #nav-trigger{top: 40px;}*/


#hd.scrollBg {background:#f4f4f4}
#hd.scrollBg .gnb_1da {color: #333;}
#hd.scrollBg #menu_right li a{color: #6f5c44;}
#hd.scrollBg #gnb_1dul li .gnb_1da:after {content:"·"; color:#333;}

#aside {display:none; position: fixed; top: 50%; left:50%; transform:translate(-50%,-50%);margin: 0px;border-top: 0;z-index: 1005;overflow-y: auto; border: 0;}
.close_menu {cursor:pointer; position: fixed;z-index: 1100; top:0px; right: -100%; width: 45px; height: 45px; background:#fff}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#9a6c41; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity:1;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #d9d9d9;}
.mb-sub-ul li a {display: block;}
.mobile-list {position: relative; padding:10px 20px}
.mobile-list a {padding:0px 0px; color: #fff; /*text-transform: uppercase;*/ font-size: 28px; cursor: pointer; width: 100%; text-align: center;  animation-duration: .3s;}    
.mobile-list a span{position: relative;}
.mobile-list a span:after{content: ""; display:block; position: absolute; left: 0; bottom:0px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.1s ease-in-out; transition-duration: 0.5s; opacity: 0; background-color: #333;}
.mobile-list a span:hover:after{width: 100%; opacity: 1;}
.mb-sub-ul>li:hover a{color: #9a6c41;}
.ico1{float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.ico2{display: none;float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.bg_blank {background:#333}
.mobile-list.on .ico1 {display: none;}
.mobile-list.on .ico2 {display: block;}

#hd_wrapper .lang {font-size:16px; background:transparent; color:#fff; border:0}
#hd_wrapper .lang option {background:transparent; color:#fff; }


.custom-select-wrapper {position: relative; font-size:16px}
.custom-select {background: transparent; color: white; width:60px; /*border: 1px solid white;*/ padding: 5px 10px; cursor: pointer; user-select: none;}
.custom-select:after { content: ''; float: right; background:url('../img/common/lagn_arrow.png') no-repeat; background-size:cover; width:11px; height:6px; background-position:center; margin: 6px 0px 0px;}
.custom-options { position: absolute; top: 100%; left: 0; right: 0; background: rgba(255, 255, 255,1);/* border: 1px solid white;*/ border-top: none; color: #333; z-index: 1000; display: none;}
.custom-options div {padding: 10px; cursor: pointer;}
.custom-options div:hover {background: rgba(255, 255, 255, 0.2);}


.bot_1 {border-bottom:1px solid #bfbfbf;}

/*************** 메인  *******************/
.main {background:#f4f4f4}
section.main_01 {padding:200px 150px 100px;}
section.main_01 h2{font-size:23px} 
section.main_01 h3{font-size:50px; padding:10px 0px 30px} 
section.main_01 p.tit_btn {padding-bottom:50px}
section.main_01 p.tit_btn a{font-size:22px; background:#333; padding:10px 30px; border-radius:50px; color:#fff; display:inline-block;} 

section.main_01 ul.solution {display:flex;    align-items: center; padding:50px 0px 50px; border-bottom:1px solid #bfbfbf}

section.main_01 ul.solution > li:first-child{background:url('../img/main/banner_01.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:100px 0px; width:100%; border-radius:20px; text-align:center; background-position:bottom left; z-index:2}

section.main_01 ul.solution.main_banner_02 > li:first-child{background:url('../img/main/banner_02.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:100px 0px; width:100%; border-radius:20px; text-align:center; background-position:bottom left}
section.main_01 ul.solution.main_banner_03 > li:first-child{background:url('../img/main/banner_03.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:100px 0px; width:100%; border-radius:20px; text-align:center; background-position:bottom left}
section.main_01 ul.solution  p.tit {font-size:18px !important; font-weight:300;}
section.main_01 ul.solution  div.s_tit {font-size:35px}
section.main_01 ul.solution  {position: relative;}
section.main_01 ul.solution > li:last-child{position: absolute; width:55%; margin-left:50px; ;  top:50px; left:calc(50% ); opacity: 0;  
  transition: opacity 0.8s ease, visibility 0.8s ease, transform 0.8s ease;
  transition-delay: 0.6s;}
/*section.main_01 ul.solution > li:last-child .r_txt {position: absolute; top:50px; left:calc(50% )}*/

section.main_01 ul.solution li:first-child p {}
section.main_01 ul.solution li:first-child p b {}
section.main_01 ul.solution > li {transition: all 0.6s ease-out;}
section.main_01 ul.solution:hover > li:first-child {width:50%; padding:100px 50px;  text-align:left;  filter: grayscale(0%);}
section.main_01 ul.solution:hover > li { opacity: 1;}
section.main_01 ul.solution > li:last-child:hover { visibility: visible;   transition-delay: 0s;}
section.main_01 ul.solution:hover div.s_tit {}


section.main_01 ul#tab {display:flex; padding-bottom:30px}
section.main_01 ul#tab > li {font-size:20px; cursor: pointer; padding:5px 15px; border:1px solid #333; border:1px solid #333; border-radius:50px; margin-right:10px;}
section.main_01 ul#tab > li.on {background:#333;color:#fff; position: relative;}
section.main_01 ul#tab > li span {position: relative;}
section.main_01 ul#tab > li.on span:before {content:""; width:5px; height:5px; background:#333; border-radius:50%; display:inline-block; position:absolute; bottom: -20px;; left:50%; transform:translateX(-50%);}
section.main_01 ul#tab > li:hover {background:#333;color:#fff}
section.main_01 ul#tab > li:hover span:before {content:""; width:5px; height:5px; background:#333; border-radius:50%; display:inline-block; position:absolute; bottom: -20px;; left:50%; transform:translateX(-50%);}
section.main_01 .tab_text.on {display:block; }
section.main_01 .tab_text {font-size:20px; display:none; line-height:160%}
section.main_01 .tab_text p {font-size:18px; font-weight:300; padding:20px 0px 30px;}
section.main_01 .solution_btn {font-size:18px; cursor: pointer;}

.white {color:#fff}

/***** 팝업창 ****/

.weight-800 {font-weight:800}
.weight-300 {font-weight:300}


.main_01_popup_overlay {position: fixed; top: 0; left: 0; width: 100%; padding:0px 300px; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000; display: flex; align-items: center; justify-content: center;}
.main_01_popup_overlay .banner {background:url('../img/pop/banner_01.png') no-repeat; background-size:cover}
.main_01_popup_overlay .popup_content {width:100%;  max-width:1200px; background: #fff; border-radius: 10px; position: relative; animation: fadeIn 0.3s ease-out; max-height: 80vh;  overflow-y: auto; }

.main_01_popup_overlay .banner {padding:100px 20px}
.main_01_popup_overlay .e_tit {font-size:18px}
.main_01_popup_overlay .k_tit {font-size:45px; padding:10px 0px 30px}
.main_01_popup_overlay .banner p {font-size:25px; line-height:160%;         word-break: keep-all;}

.main_01_popup_overlay .body {padding:100px 50px; background:#f9f9f9}
.main_01_popup_overlay .top_flex {display:flex; justify-content: space-between; align-items: flex-end; font-size:20px;}
.main_01_popup_overlay .top_flex .tit {font-size:35px;     padding-top: 10px;}


.main_01_popup_overlay .popup_content ul.flex {display:flex; padding-top:30px; box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.02);   }
.main_01_popup_overlay .popup_content ul.flex li:first-child { border-radius: 20px 0px 0px 20px;}
.main_01_popup_overlay .popup_content ul.flex li:first-child img {border-radius: 20px 0px 0px 20px; width: 100%; height: 100%;}
.main_01_popup_overlay .popup_content ul.flex li:last-child  {background:#fff; padding:40px 40px; width:calc(100% - 240px); border-radius:0px 20px 20px 0px}
.main_01_popup_overlay .popup_content ul.flex .tit {font-size:30px; padding-bottom:20px;  padding-top:10px}
.main_01_popup_overlay .popup_content ul.flex p {font-size:20px;  line-height:160%; word-break: keep-all;}
.main_01_popup_overlay .popup_content ul.flex .pro_name {display:flex; flex-wrap: wrap; ;}
.main_01_popup_overlay .popup_content ul.flex .pro_name div {font-size:18px; padding:7px 20px; border-radius:50px; border:1px solid #a0825a; color:#a0825a; font-weight:600; margin-right:10px; margin-bottom:10px}
.main_01_popup_overlay .popup_content ul.flex .pro_name div:nth-child(even) {margin-right:0px}
.main_01_popup_overlay .popup_content ul.flex .div_flex {/*display:flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;*/}
.main_01_popup_overlay .popup_content ul.flex .pro_tit {font-size:20px; font-weight:bold; padding:20px 0px 10px}

.main_01_popup_overlay .popup_content .product {padding:100px 50px; background:#f9f9f9}
.main_01_popup_overlay .popup_content .product .tit {font-size:35px; padding-bottom:20px; padding-top:10px}

.main_01_popup_overlay .popup_content .popup_close {position: absolute; top: 10px; right: 15px; color:#fff; background: none; border: none; font-size: 24px; cursor: pointer;}


.main_01_popup_overlay .popup_content .product .main_product {padding:50px 0px}

.main_01_popup_overlay .popup_content .product .lay {min-height:540px; background:#f9f9f9; padding:50px 0px 0px 50px; border-radius:20px; box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05); display:flex;     justify-content: space-between;}
.main_01_popup_overlay .popup_content .product .wr_top {display: flex;  flex-direction: column;}
.main_01_popup_overlay .popup_content .product .pro_tit {font-size:35px; }
.main_01_popup_overlay .popup_content .product .pro_txt {position: relative; font-size:17px; line-height:160%; padding-top:30px; word-break: keep-all; z-index:1; width:55%}
.main_01_popup_overlay .popup_content .product .wr_foot {font-size:18px; padding-bottom:50px}
.main_01_popup_overlay .popup_content .product .wr_foot div {border:1px solid #333; border-radius:50px; display:inline-block; padding:5px 20px; margin:30px 0px 20px}
.main_01_popup_overlay .popup_content .product .wr_foot p {margin-bottom:10px}
.main_01_popup_overlay .popup_content .product .wr_foot p:last-child {margin-bottom:0px}
.main_01_popup_overlay .popup_content .product .wr_foot p:before {content:""; width:5px; height:5px; border-radius:50%; background:#333; display:inline-block; font-weight:800; margin-right:10px; vertical-align: middle;}
.main_01_popup_overlay .popup_content .product .lay li:first-child {display: flex; flex-direction: column;  justify-content: space-between; }

.main_01_popup_overlay .popup_content .product .lay li:last-child {position: relative;}
.main_01_popup_overlay .popup_content .product .lay li:last-child img {max-height:460px; height:100%;     position: absolute;  right: 0;  z-index: 0;  bottom: 0;}

.main_01_popup_overlay .popup_content .swiper-button-next {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center}
.main_01_popup_overlay .popup_content .swiper-button-prev {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center}
.main_01_popup_overlay .popup_content .swiper-button-prev:after  {display:none !important}
.main_01_popup_overlay .popup_content .swiper-button-next:after  {display:none !important}


@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}


section.main_02 {margin-top:100px}
section.main_02 .mo {display:none}
section.main_02 {position: relative; height: 90vh; overflow: hidden;}
section.main_02 .bg-layer {position: absolute; inset: 0; background-image: url('../img/main/banner_04.png');  background-size: cover; background-position: center; z-index: 0; transition: opacity 0.6s ease-in-out; opacity: 1; pointer-events: none;}
section.main_02 .tit {text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 100px; z-index: 1;}
section.main_02 .tit h2 { font-size: 26px }
section.main_02 .tit h3 { font-size: 50px; padding: 10px 0 30px }
section.main_02 ul {display: flex; height: 90vh; align-items: flex-end; position: relative; z-index: 1;}
section.main_02 ul li {width: 33.33%; border-right: 1px solid #fff; color: #fff; padding: 0 0 100px 100px; height: 90vh; position: relative;}
section.main_02 ul li .ab_txt {position: absolute; bottom: 100px;}
section.main_02 ul li .e_tit { font-size: 20px }
section.main_02 ul li .k_tit { font-size: 45px; font-weight: 600 }
section.main_02 ul li .line {width: 1px; height: 0; background: #fff; margin: 20px 0; opacity: 0; transition: all 0.1s ease-in-out;}
section.main_02 ul li:hover .line {opacity: 1; height: 100px;}
section.main_02 ul li p {font-size: 20px; line-height: 160%; height: 0; opacity: 0; transition: all 0.1s ease-in-out;}
section.main_02 ul li:hover p {height: auto; opacity: 1;}

section.main_03  {padding:100px 20px; width:100%; max-width:1600px; margin:0 auto}
section.main_03 .tit {text-align: center;}
section.main_03 .tit h2 { font-size: 26px }
section.main_03 .tit h3 { font-size: 50px; padding: 10px 0 30px }
section.main_03 ul {display: flex; justify-content: space-between; align-items: flex-end;}
section.main_03 ul li h4 {font-size:30px; font-weight:300}
section.main_03 ul li h5 {font-size:25px; padding:10px 0px 50px}
section.main_03 ul li h5 b {font-size:50px; font-weight:600}
section.main_03 ul li p {font-size:25px; line-height:160%; padding-bottom:50px}
section.main_03 ul li .pop_doctor {font-size:17px; background:#333; padding:10px 30px; border-radius:50px; color:#fff; display:inline-block; margin-bottom:100px;     CURSOR: POINTER;}
section.main_03 .main_doctor  {padding:0px 100px; border-bottom:1px solid #c1c1c1; background:url('../img/main/bg_logo.png') no-repeat; background-position:center}
section.main_03 .bg_txt {padding-top:50px; text-align:center}
section.main_03 .mo_bg_txt {display:none}
section.main_03 .swiper-button-next {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center}
section.main_03 .swiper-button-prev {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center}
section.main_03 .swiper-button-prev:after  {display:none !important}
section.main_03 .swiper-button-next:after  {display:none !important}

/***** 팝업창 ****/
.main_03_popup_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000; display: flex; align-items: center; justify-content: center;}
.main_03_popup_overlay .popup_content {background: #fff; border-radius: 10px; position: relative; animation: fadeIn 0.3s ease-out;}
.main_03_popup_overlay .popup_content ul.flex {display:flex; align-items: flex-start;}
.main_03_popup_overlay .popup_content ul.flex  .tit {font-size:18px; border-radius:50px; padding:5px 10px; border:1px solid #333; display:inline-block}
.main_03_popup_overlay .popup_content ul.flex  .name {font-size:35px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #bfbfbf}
.main_03_popup_overlay .popup_content ul.flex  .cont {font-size:20px; font-weight:600;  padding-top:20px; padding-bottom:20px}
.main_03_popup_overlay .popup_content ul.flex  dd dl {font-size:20px; line-height:160%}
.main_03_popup_overlay .popup_content ul.flex li:first-child {background:#e1e0e5; padding-top:50px; border-radius:10px 0px 0px 10px}
.main_03_popup_overlay .popup_content ul.flex li:last-child  {min-width:850px; padding:50px 0px 50px 50px; background:#fff url('../img/main/bg_logo.png') no-repeat; background-position:right bottom; border-radius:0px 0px 10px 10px}
.main_03_popup_overlay .popup_content .popup_close {position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer;}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}




section.main_04  {padding:200px 0px 200px 150px;}
section.main_04 .tit {text-align: center;}
section.main_04 .tit h2 { font-size: 26px }
section.main_04 .tit h3 { font-size: 50px; padding: 10px 0 30px }
section.main_04 ul {display: flex;  }
section.main_04 ul li h4 {font-size:30px; font-weight:300; padding-top:100px}
section.main_04 ul li h5 {font-size:45px; padding:10px 0px 50px; font-weight:800}
section.main_04 ul li h5 b {font-size:50px; font-weight:600}
section.main_04 ul li p {font-size:16px; line-height:160%; padding-bottom:50px; letter-spacing: -0.5px;}
section.main_04 ul li .pop_doctor {font-size:17px; background:#333; padding:10px 30px; border-radius:50px; color:#fff; display:inline-block; margin-bottom:100px}
section.main_04 ul li img {border-radius:20px; width:100%}
section.main_04 ul li:last-child {margin-left:50px} 
section.main_04 .swiper-button {position: absolute; bottom:100px; left:50%; transform:translateX(-50%); z-index:2}
section.main_04 .swiper-slide ul {padding:200px 0px 0px; -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-in-out;  transition-timing-function: ease-in-out;}
section.main_04 .swiper-slide-active ul {padding:100px 0px}
section.main_04 .swiper-slide {-webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-in-out;  transition-timing-function: ease-in-out;}
section.main_04 .swiper-button-next {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center; top: -20px;}
section.main_04 .swiper-button-prev {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center; top: -20px;}
section.main_04 .swiper-button-prev:after  {display:none !important}
section.main_04 .swiper-button-next:after  {display:none !important}
section.main_04 .swiper-pagination {z-index:0}
section.main_04 .slide-number {color:#e8e5df; font-size:190px; position:absolute; left:600px; bottom:100px;}
section.main_04 .main_custom{position: absolute; bottom: 100px; left: 50%; width:400px; z-index: 0; transform:translateX(-50%); z-index:1}
section.main_04 .swiper-progress-bar .swiper-progress-bar {width: calc(100% - 100px); margin:0 auto}
section.main_04 .swiper-progress-bar {
  width: 100%;
  padding-top:5px;
  margin:0 auto;
  display: block;
  height: 2px;
 .slide_progress-bar {
  width: calc(100% - 160px) !important;
    position: absolute;
    height: 2px;
    background:#ababab;
    width: auto;
    clear: both;
    opacity: 0;
    bottom: 45px;
    left: 80px;
    right: 0;
	top: 50%;
    transform: translateY(-50%);
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      background: #333;
      height: 100%;
      width: 0;
      content: "";
      transition: 0.1s width linear;
    }
  }
  &.active {
    .slide_progress-bar {
      opacity: 1;
    }
  }
  &.animate {
    .slide_progress-bar {
      &:after {
        transition: width linear;
        transition-delay: unset;
        width: 100%;
        transition-duration: 5s;
      }
    }
  }
}

section.main_04 .swiper-scrollbar {height:2px}
section.main_04 .swiper-scrollbar-drag {background:#fff}
section.main_04 .top_swiper{position: relative;}
section.main_04 .swiper-button-prev  {left:20px; margin-top:0px}
section.main_04 .swiper-button-next  {right:20px; margin-top:0px}
section.main_04 .top_swiper .swiper-pagination-bullet {height:10px}




section.main_05  {padding:0px 10px 200px;}
section.main_05 .tit {text-align: center;}
section.main_05 .tit h2 { font-size: 26px }
section.main_05 .tit h3 { font-size: 50px; padding: 10px 0 30px }
section.main_05 .swiper-slide p {z-index:2; position:absolute;  font-size:20px;  bottom:30px; left:50%; transform:translateX(-50%); color:#fff; text-align:center; width:100%}
section.main_05 .swiper-slide img {border-radius:20px; width:100%}
section.main_05 .swiper-button {position: absolute; top:calc(50% + 100px); left:50%; transform:translate(-50%, -50%); width:100%;  z-index:2}
section.main_05 .swiper-slide {position: relative; padding:100px 0px 0px; transition:0.3s ease-in-out;}
section.main_05 .swiper-slide:hover  {padding:50px 0px 0px; }
/*section.main_05 .swiper-slide:hover p {bottom:30px}*/
section.main_05 .swiper-button-next {border:1px solid #fff; width:40px; height:40px; color:#fff; font-size:14.5px; border-radius:50%; text-align:center; top: -20px; right:30px}
section.main_05 .swiper-button-prev {border:1px solid #fff; width:40px; height:40px; color:#fff; font-size:14.5px; border-radius:50%; text-align:center; top: -20px;  left:30px}
section.main_05 .swiper-button-prev:after  {display:none !important}
section.main_05 .swiper-button-next:after  {display:none !important}
section.main_05 .swiper-pagination {z-index:0}
section.main_05 .slide-number {color:#e8e5df; font-size:190px; position:absolute; left:600px; bottom:100px;}
section.main_05 .main_custom{position: absolute; bottom: 10px; left: 50%; width:calc(100% - 20px); z-index: 0; transform:translateX(-50%);}
section.main_05 .swiper-progress-bar .swiper-progress-bar {width: calc(100% - 100px); margin:0 auto}
section.main_05 .swiper-progress-bar {
  width: 100%;
  padding-top:5px;
  margin:0 auto;
  display: block;
  height: 2px;
 .slide_progress-bar {
  width: calc(100% - 160px) !important;
    position: absolute;
    height: 2px;
    background:#ababab;
    width: auto;
    clear: both;
    opacity: 0;
    bottom: 45px;
    left: 80px;
    right: 0;
	top: 50%;
    transform: translateY(-50%);
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      background: #333;
      height: 100%;
      width: 0;
      content: "";
      transition: 0.1s width linear;
    }
  }
  &.active {
    .slide_progress-bar {
      opacity: 1;
    }
  }
  &.animate {
    .slide_progress-bar {
      &:after {
        transition: width linear;
        transition-delay: unset;
        width: 100%;
        transition-duration: 5s;
      }
    }
  }
}

section.main_05 .swiper-scrollbar {height:2px}
section.main_05 .swiper-scrollbar-drag {background:#fff}
section.main_05 .top_swiper{position: relative;}
section.main_05 .top_swiper .swiper-pagination-bullet {height:10px}


section.main_06 {padding:0px 150px 100px; color:#333333}
section.main_06 ul {display:flex; flex-wrap:wrap;}
section.main_06 ul li {width:33.33%; border-right:1px solid #c1c1c1}
section.main_06 ul li:last-child{ border-right:0}
section.main_06 ul li:not(:first-child) {padding-left:50px}
section.main_06 ul li .tit {font-size:30px; font-weight:800; padding-bottom:50px}
section.main_06 ul li table th, section.main_06 ul li table td {color:#333333; font-size:18px}
section.main_06 ul li table tr th {text-align: left;}
section.main_06 ul li table tr:nth-child(1) th {letter-spacing: 13px;}
section.main_06 ul li table tr:nth-child(2) th {letter-spacing: 7px;}
section.main_06 ul li table tr:nth-child(3) th {letter-spacing: 7px;}
section.main_06 ul li table td {padding-left:20px; padding-bottom: 10px;}
section.main_06 ul li table td small{font-size:16px}
section.main_06 ul li table td span {background:#deddd7; font-size:17px; display:inline-block; padding:5px ; border-radius:5px}

section.main_06 .font-20 {font-size:20px; font-weight:800}
section.main_06 .font-17 {font-size:17px; padding:10px 0px 15px}
section.main_06 .font-18 {font-size:18px; line-height:160%}
section.main_06 .font-35 {font-size:35px; font-weight:800; margin-left:20px}

section.main_06 ul .sns {display:flex; flex-wrap:wrap;  padding-top:50px}
section.main_06 ul .sns div {margin-right:10px}
section.main_06 ul .sns a {font-size:17px; color:#fff; padding:10px 20px; background:#696969; border-radius:50px; display:flex; align-items: center; margin-bottom:10px}
section.main_06 ul .sns a img {margin-right:5px}

section.main_06 .map {position: relative;  padding-top:50px}
section.main_06 .map > div {width:100%; border-radius:20px; }


section.main_06 .map .sns {position:absolute; display:flex; flex-wrap:wrap;  padding-top:50px; border-radius:50px; z-index:2; left:50%;  transform:translateX(-50%); bottom:20px; width:395px;}
section.main_06 .map .sns div {}
section.main_06 .map .sns a {font-size:17px; color:#333; padding:10px 30px; background:#d6d4cc; }
section.main_06 .map .sns a.naver {border-radius:50px 0px 0px 50px}
section.main_06 .map .sns a.kakao {border-radius:0px 50px 50px 0px}

.root_daum_roughmap .wrap_controllers {display:none}
.root_daum_roughmap .cont {display:none}



section.main_07{width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 0 100px;}
section.main_07 .main_video{display: flex; align-items: center;}
section.main_07 .main_video .homepage_video{border-radius: 20px; overflow: hidden; width: 50%;}
section.main_07 .main_video .homepage_video .video_wrap{position: relative;    width: 100%; padding-top:56.25%; position:relative}
section.main_07 .main_video .homepage_video .video_wrap video{position:absolute; left:0; top:0; width:100%; height:100%;}

section.main_07 .main_video > ul{width: 50%; padding-left: 5%;}
section.main_07 .main_video > ul li{padding: 20px; border-bottom: 1px solid #ccc;}
section.main_07 .main_video > ul li a{font-size: 20px;}
section.main_07 .main_video > ul li h5{font-size: 30px; color: #333;}

@media screen and (max-width:1620px){
	section.main_07{padding: 0 20px 100px;}
	section.main_07 .main_video > ul li{padding: 15px}
	section.main_07 .main_video > ul li a{font-size: 18px;}
}
@media screen and (max-width:900px){
	section.main_07 .main_video{flex-wrap: wrap;}
	section.main_07{padding: 0 20px 100px;}
	section.main_07 .main_video > ul li{padding: 10px}
	section.main_07 .main_video > ul li a{font-size: 17px;}

	section.main_07 .main_video .homepage_video{width: 100%;}
	section.main_07 .main_video > ul{width: 100%; padding-left: 0%; padding-top: 20px;}
}
@media screen and (max-width:500px){
	section.main_07 .main_video > ul li h5{font-size: 24px;}
	section.main_07 .main_video > ul li a{font-size: 14px;}
}


/*************** 메인 배너 *******************/

.main_banner_text {position:absolute; top: 50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; width: 100%;}
.main_banner_text .bn_text {font-size:20px; padding-bottom:20px}
.main_banner_text .bn_text1 {font-size:55px; font-weight:600}

.main_banner_text .bn_text1 span {position: relative;}
.main_banner_text .bn_text1 span:before {content:""; width:5px; height:5px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; left:15px}
.main_banner_text .bn_text1 span:after {content:""; width:5px; height:5px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; right:25px}

/************** 솔루션 **********************/
#solution  {background:#f0f0ee}
#solution .top_bg {background:url('../img/sub/solution_top.png') no-repeat; background-size:cover; padding:200px 0px 100px;}
#solution .top_bg h2 {font-size:26px; font-weight:600}
#solution .top_bg h3 {font-size:50px; font-weight:800; padding:10px 0px 30px}
#solution .top_bg p {font-size:18px}


#solution .solution-box {  margin-top: 30px; text-align:center}
#solution .solution-card { width:calc(20% - 20px); padding:50px 20px; background: #f8f8f8;  border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
#solution .solution-card b { color: #333; font-size:28px; padding-bottom:20px; display:block;}
#solution .solution-card span { margin: 5px 0px; color:#bebebe; font-size:20px;  line-height:160%; cursor: pointer; width:100%}
#solution .solution-card .highlight { font-weight: bold; color: #9e2a29; }
#solution .btn-group { display: flex; flex-wrap: wrap; padding-top:50px;     justify-content: center; margin:0 auto; width:100%; max-width:1550px}
#solution .btn-group button { background: #eee; border: 1px solid #848484; padding: 8px 20px; border-radius: 20px;  cursor: pointer; transition: 0.3s; font-size:22px; margin:5px; color: inherit; -webkit-appearance: none;}
#solution .btn-group button.active { background: #333; color: #fff; font-weight: bold; }
#solution .selected-tags { margin-top: 30px; padding: 10px; border-radius: 10px; min-height: 40px; text-align: center;  font-size: 30px;}
#solution .selected-tags span {color: #333; font-weight:600; text-align:center; margin-right: 6px; }
#solution .selected-tags span:first-child:before {content:"|"; display:inline-block; margin-right:5px}
#solution .selected-tags span:last-child:after {content:"|"; display:inline-block; margin-left:5px}


#solution .swiper-button {    width: 100%; z-index:1; position:absolute; top: 50%; left:50%; transform:translate(-50%,-50%)}
#solution .swiper-button-next {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center; top: -20px; right:20px}
#solution .swiper-button-prev {border:1px solid #333; width:40px; height:40px; color:#333; font-size:14.5px; border-radius:50%; text-align:center; top: -20px;  left:20px}
#solution .swiper-button-prev:after  {display:none !important}
#solution .swiper-button-next:after  {display:none !important}
#solution .solution-card span.bold {position: relative; font-weight: bold; color: #333; }
#solution .solution-card span.bold:before {content:""; position:absolute; background:#d1d1d1; height:12px; width:100%; display:inline-block; z-index:-1; bottom: 0;}
#solution .solu_midd {padding:20px 150px 100px}
#solution .solu_midd h2{font-size:50px; text-align:center; padding:100px 0px 50px; line-height: 100%;}
#solution .solu_midd h2 span{font-size:20px;}
.solution_txt {text-align:center; padding-top:50px}
.solution_txt img {max-width:1674px; width:100%}
#solution .line-wrap {position: relative; width: 2px; height: 150px; margin: 0px auto;}
/* 고정 회색선 */.base-line { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #ccc;}

/* 상단 고정, 아래로 내려갔다 올라오는 검정선 */
#solution .black-line {position: absolute; top: 0; left: 0; width: 2px; background-color: #111; animation: growLine 5s ease-in-out infinite; z-index: 2;}

/* 검정 점 (선 끝에 붙음) */
#solution .black-dot {position: absolute; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background-color: #111; border-radius: 50%; animation: moveDotWithLine 5s ease-in-out infinite; z-index: 3;}
#solution p.mo_txt {display:none}


/* 검정선: 위에서 아래로 길어졌다가 줄어듦 */
@keyframes growLine {
  0%, 100% {
    height: 0px;
  }
  50% {
    height: 150px;
  }
}

/* 점: 검정선 끝과 함께 이동 */
@keyframes moveDotWithLine {
  0%, 100% {
    top: 0px;
  }
  50% {
    top: 150px;
  }
}



#solution .solu_midd .swiper-slide {height: auto !important;}
#solution .solu_midd .swiper-grid-column>.swiper-wrapper {flex-direction: row;}

#solution .consult {text-align:center; margin-top:20px}
#solution .consult a{border-radius:50px; padding:10px 30px; background:#333; color:#fff; font-size:30px;}



#solution .popup {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #333;
  padding: 20px;
  z-index: 1000;
}
#solution .popup.active {
  display: block;
}



/************ 게시판 ******************/

.title_required {font-size:20px; font-weight:700; padding-bottom:10px}
#bo_v  {width:100%; max-width:1400px; margin:0 auto; padding:100px 20px}
#bo_list {width:100%; max-width:1400px; margin:0 auto; padding:100px 20px}
#bo_w  {width:100%; max-width:1400px; margin:0 auto; padding:100px 20px}
#bo_gall {width:100%; max-width:1400px; margin:0 auto; padding:100px 20px}


.bbs_top .top_bg {background:url('../img/sub/solution_top.png') no-repeat; background-size:cover; padding:200px 0px;}
.bbs_top .top_bg h2 {font-size:26px; font-weight:600}
.bbs_top .top_bg h3 {font-size:50px; font-weight:800; padding:10px 0px 30px}
.bbs_top .top_bg p {font-size:18px}

/*************** 하단 상담신청 *******************/
.foot-inq{position:fixed;left:0;bottom:0;right:0;z-index:100;}
.foot-inq .contain{padding:0px 150px}
.foot-inq .pop-inq-wrap{position:relative;margin-top:-108px;}
.foot-inq .pop-inq-wrap ul{display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li{width:33.3333%;height:108px;display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li a{width:100%;height:70px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:22px;color: #e7e7e7;/* background-color: #a8a8a8; */background-color: #d5d4d1;line-height:1em;padding-top:10px;}
.foot-inq .pop-inq-wrap ul li.type1 a{border-radius:22px 0 0 0;}
.foot-inq .pop-inq-wrap ul li.type2 a{border-radius:22px 22px 0 0;font-size: 32px;background-color: #dfdfdf;height:108px;}
.foot-inq .pop-inq-wrap ul li.type3 a{border-radius:0 22px 0 0;}
.foot-inq .pop-inq-wrap ul li.active a{border-radius:22px 22px 0 0;font-size: 28px;background-color: #dfdfdf;height:90px;}
.foot-inq .pop-inq-wrap ul li a:hover{border-radius:22px 22px 0 0;font-size: 28px;background-color: #fff;height:90px;color: #282828;}
.btm-inq{background-color:#d5d4d1;padding:10px 0;}
.foot-inq .btm-inq .contain{display:flex;align-items:center;}
.foot-inq .btm-inq .tel{margin-right:40px}
.foot-inq .btm-inq .tit{font-size:20px; font-weight:600; margin-right:50px}
.foot-inq .btm-inq .tel .num{font-size:50px;line-height:1em;font-weight:700;}
.foot-inq .btm-inq .input-area{min-width:0;width:1%;flex:1 1 auto;display:flex; align-items: center;}
.foot-inq .btm-inq .input-area .input-wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;margin-right:-10px;}
.foot-inq .btm-inq .input-area .input-wrap .input{width:calc(20% - 10px); background:#d5d4d1; margin-right:10px;height:50px;font-size:15px; border:0px; border-bottom:1px solid #959595}
.foot-inq .btm-inq .input-area .input-wrap .input::placeholder{color: #5a5a5a;}
.foot-inq .btm-inq .input-area .btns{width:220px;margin-left:15px;}
.foot-inq .btm-inq .input-area .btns .btn{width:100%;display:block;background-color:#333;color: #fff;border-radius:5px;border:none;margin-bottom:0px;height:38px;}
.foot-inq .btm-inq .input-area .btns .check{font-size:13px;color:#E8E8E8;display:flex;justify-content:space-between;align-items:center;}
.foot-inq .btm-inq .input-area .btns .checkbox {padding-top:4px;}
.foot-inq .btm-inq .input-area .btns .checkbox label:before{border-radius:3px;}
.foot-inq .btm-inq .input-area .btns .checkbox input:checked + label:before {background-color:#19843b; border-color:#19843b;}
.foot-inq .btm-inq .input-area .btns .check a{color: #fff;}

.inq-pop .fancybox-skin {background:transparent;}
.inq-pop .pop-wrap {width:90vw; max-width:720px; background:#fff; overflow:hidden;position:relative;}
.inq-pop .pop-wrap .head{background-color: #9c5f07;color: #fff;font-size:28px;font-weight:700;line-height:1.2em;padding:0 40px;height:85px;display:flex;align-items:center;}
.inq-pop .fancybox-close {right:40px;top:32px;width:20px;height:20px;background:url('../images/close.png')no-repeat 50% 50%/contain;}
.inq-pop .pop-wrap .content{padding:40px;}
.inq-pop .pop-wrap .content .input-wrap{margin-bottom:30px;}
.inq-pop .pop-wrap .content .input-wrap .row{margin-bottom:25px;}
.inq-pop .pop-wrap .content .input-wrap .row:last-child{margin-bottom:0;}
.inq-pop .pop-wrap .content .input-wrap .row label{font-size:20px;color: #2c2c2c;font-weight:500;line-height:1.2em;margin-bottom:15px;display:inline-block;}
.inq-pop .pop-wrap .content .input-wrap .row .input{border-radius:5px;}
.inq-pop .pop-wrap .content .input-wrap .row .input::placeholder{color: #a8a8a8;}
.inq-pop .pop-wrap .content .input-wrap .row .input{height:56px;font-size:17px;}
.inq-pop .pop-wrap .content .check{display:flex;justify-content:space-between;align-items:center;}
.inq-pop .pop-wrap .content .check .checkbox {font-size:15px;}
.inq-pop .pop-wrap .content .check .checkbox label:before{border-radius:50%;background:#ccc url('../images/randing/pop_chk.png')no-repeat 50% 50%/11px;}
.inq-pop .pop-wrap .content .check .checkbox input:checked + label:before {background-color:#9c5f07; border-color:#9c5f07;}
.inq-pop .pop-wrap .content .check a{width:108px;height:44px;border-radius:5px;background-color: #a8a8a8;color: #fff;font-size:15px;font-weight:500;display:flex;justify-content:center;align-items:center;}
.inq-pop .pop-wrap .content .btn{width:184px;height:54px;border-radius:27px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #033914;font-size:20px;font-weight:700;border:none;margin:50px auto 0;}

.bbs_top_img {background:url('../img/common/bbs_top.png') no-repeat; width:100%; height:298px; background-size:cover; background-position:center; text-align:center}

@media screen and (max-width:1850px){
section.main_04 .main_custom {bottom:50px}
}

@media screen and (max-width:1600px){
#solution .solu_midd {padding:20px 50px 100px}
section.main_01 ul.solution div.s_tit {font-size:35px}

section.main_01  {padding:150px 50px 50px}
section.main_04 {padding:150px 0px 150px 50px}
section.main_06  {padding:0px 50px 100px}

.foot-inq .contain{padding:0px 50px}

.popup_content {max-width:1200px}
.main_03_popup_overlay .popup_content ul.flex li:first-child img {width:auto}
.main_03_popup_overlay .popup_content ul.flex li:last-child {min-width:600px}

.main_01_popup_overlay {padding:0px 150px}
}


@media screen and (max-width:1400px){
section.main_01  {padding:100px 20px 100px}
section.main_02 {margin-top:100px}

section.main_03 .bg_txt img{width:100%}

section.main_04 {padding:100px 0px 100px 20px}
section.main_04 ul li:last-child {margin:0px 30px 0px 30px}

section.main_06  {padding:0px 20px 100px}
section.main_06 ul li {width:50%}
section.main_06 ul li:nth-child(1) {width:100%; padding-bottom:30px; border-bottom:1px solid #c1c1c1; border-right:0px}
section.main_06 ul li:nth-child(2) {padding-left:0px; padding-top:30px}
section.main_06 ul li:nth-child(3) {padding-left:20px; padding-top:30px; border-right:0px} 

#solution .solu_midd {padding:20px 20px 100px}
#solution .solu_midd h2 {font-size:40px}
#solution .solution-card b {font-size:24px}
#solution .solution-card span {font-size:18px}
#solution .btn-group button {font-size:14px}
#solution .selected-tags {font-size:26px}
#solution .consult a {font-size:24px}


.main_03_popup_overlay .popup_content ul.flex li:first-child img {width:auto}
.main_03_popup_overlay .popup_content ul.flex li:last-child {min-width:400px}
.main_03_popup_overlay .popup_content ul.flex li:first-child {max-width:400px}
.foot-inq .contain{padding:0px 20px}


.main_01_popup_overlay {padding:0px 50px}
}



@media screen and (max-width:1350px){
section.main_01 h3 {font-size:40px}
section.main_01 ul#tab > li {font-size:18px}
section.main_01 .tab_text {font-size:20px}
section.main_01 ul.solution {    flex-wrap: wrap;   align-items: center; padding:50px 0px 50px; border-bottom:1px solid #bfbfbf}
section.main_01 ul.solution.main_banner_01 > li:first-child{background:url('../img/main/banner_01.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:80px 20px; width:100%; border-radius:20px; text-align:center}
section.main_01 ul.solution.main_banner_02 > li:first-child{background:url('../img/main/banner_02.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:80px 20px; width:100%; border-radius:20px; text-align:center}
section.main_01 ul.solution.main_banner_03 > li:first-child{background:url('../img/main/banner_03.png') no-repeat; background-size:cover;  filter: grayscale(100%); font-size:20px; color:#fff; padding:80px 20px; width:100%; border-radius:20px; text-align:center}
section.main_01 ul.solution  p.tit {font-size:17px !important; font-weight:300;}
section.main_01 ul.solution  div.s_tit {font-size:35px}
section.main_01 ul.solution > li:last-child .r_txt {position: static;}
section.main_01 ul.solution > li:last-child{width:100%; margin-left:0px; margin-top:20px; display:block; position:static; opacity:1}
section.main_01 ul.solution li:first-child p {font-size:45px; font-weight:200}
section.main_01 ul.solution li:first-child p b {font-weight:600}
section.main_01 ul.solution > li {transition: all 0.3s ease-in-out;}
section.main_01 ul.solution:hover > li:first-child {width:100%; padding:80px 20px;  text-align:center;  filter: grayscale(0%);}
section.main_01 ul.solution:hover > li {display:block !important;}

section.main_01 ul.solution:hover div.s_tit {font-size:35px}
section.main_01 ul.solution > li {filter: grayscale(0%) !important}
}



@media screen and (max-width:1300px){
#hd_pops_5 {left:20px !important; top:750px !important}

}

@media screen and (max-width:1200px){
.custom-swiper-controls {left:20px}
.main_banner_text .bn_text {font-size:18px; padding-bottom:20px}
.main_banner_text .bn_text1 {font-size:42px; font-weight:600}



section.main_02 {margin-top:50px}
section.main_02 {height:70vh;}	 
section.main_02 .tit h3 {font-size:40px}
section.main_02 ul li .k_tit {font-size:44px}


section.main_02 ul {height:70vh;}	 
section.main_02 ul li {padding:0 0 50px 50px; height:70vh;}
section.main_02 ul li p {font-size:18px}

section.main_03 .tit h3 {font-size:40px}
section.main_03 ul li h4 {font-size:26px}
section.main_03 ul li h5 {font-size:22px; }
section.main_03 ul li h5 b {font-size:40px}
section.main_03 ul li p {font-size:20px}
section.main_03 ul li:last-child {width:50%}
section.main_03 ul li img {width:400px}

section.main_04 .main_pride  {overfloW:hidden}
section.main_04 .slide-number {left:40%; }
section.main_04 .main_custom {bottom:50px}
section.main_04 ul li:first-child {width:50%}
section.main_04 ul li h4 {font-size:25px}
section.main_04 ul li h5 {font-size:35px}
section.main_04 ul li p {font-size:16px}

section.main_04 .tit h3 {font-size:40px}

section.main_05 .tit h3 {font-size:40px}
section.main_05 .swiper-slide p {font-size:16px}

#hd.scrollBg #logo {top:17px}

.main_01_popup_overlay .popup_content .product {padding:50px 20px}
.main_01_popup_overlay .body {padding:50px 20px}
.main_01_popup_overlay .popup_content ul.flex li:last-child {padding:20px}
.main_01_popup_overlay .e_tit {font-size:14px}
.main_01_popup_overlay .k_tit {font-size:30px}
.main_01_popup_overlay .banner p {font-size:18px}
.main_01_popup_overlay .top_flex .tit {font-size:25px}
.main_01_popup_overlay .top_flex {font-size:16px}
.main_01_popup_overlay .popup_content ul.flex .tit {font-size:20px}
.main_01_popup_overlay .popup_content ul.flex p  {font-size:16px}
.main_01_popup_overlay .popup_content ul.flex .pro_tit {font-size:16px}
 .main_01_popup_overlay .popup_content ul.flex .pro_name div {font-size:14px}
 .main_01_popup_overlay .popup_content .product .tit {font-size:20px}
 .main_01_popup_overlay .popup_content .product .pro_tit {font-size:25px}
 .main_01_popup_overlay .popup_content .product .pro_txt {font-size:14px}
 .main_01_popup_overlay .popup_content .product .lay li:last-child img {max-height:300px}
 .main_01_popup_overlay .popup_content .product .wr_foot {font-size:14px}
 .main_01_popup_overlay .banner {padding:80px 20px}
}


@media screen and (max-width:1000px){
.hd_pops .hd_pops_con {width:100% !important; height:100% !important}
.hd_pops .hd_pops_con img {width:100% !important; height:100% !important}
.hd_pops {left:20px  !important; top:70px  !important; right:20px!important;}
#hd_pops_5.hd_pops {left:20px  !important; top:70px  !important; }
.hd_pops   {display:none} 
.hd_pops br {display:none} 
.swiper-slide-slide_bn img {height:450px; object-fit: cover;}
.main_03_popup_overlay {padding:0px 20px}

#logo a img {width:120px}
#logo {top:12px}
 #hd.scrollBg #logo  {top:12px}
 .hd_login {top:16px}
 #nav-trigger {top:20px}
 .popup_content {max-width:100%}
 .main_03_popup_overlay {padding:0px 40px;     }
  .main_03_popup_overlay .popup_content {overflow-Y: auto;}
 .main_03_popup_overlay .popup_content ul.flex {flex-wrap: wrap;     background: #e1e0e5; border-radius:10px; max-height:500px}
 .main_03_popup_overlay .popup_content ul.flex li:first-child {max-width:100%;         margin: 0 auto;}
  .main_03_popup_overlay .popup_content ul.flex li:first-child  img { height:30vh}
 .main_03_popup_overlay .popup_content ul.flex li:last-child {min-width:100%; padding:20px 0px 20px 20px;}
 .main_03_popup_overlay .popup_content ul.flex .tit {font-size:14px}
 .main_03_popup_overlay .popup_content ul.flex .name{font-size:16px; padding-bottom:10px;} 
 .main_03_popup_overlay .popup_content ul.flex .cont {font-size:12px;padding-top: 10px;  padding-bottom: 10px;}
 .main_03_popup_overlay .popup_content ul.flex dd dl {font-size:12px}
}

@media screen and (max-width:768px){
.main_banner_text .bn_text1 span:before {content:""; width:3px; height:3px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; left:15px}
.main_banner_text .bn_text1 span:after {content:""; width:3px; height:3px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; right:15px}


.main_banner_text .bn_text {font-size:16px; padding:0px 20px 20px}
.main_banner_text .bn_text1 {font-size:25px; font-weight:600; line-height:150%; padding:0px 20px}

section.main_01 {padding:100px 20px 50px}
section.main_01 ul#tab > li {font-size:15px}
section.main_01 .tab_text {font-size:17px}
section.main_01 ul.solution p.tit {font-size:15px !important}
section.main_01 ul.solution div.s_tit {font-size:22px}
section.main_01 ul.solution:hover div.s_tit {font-size:22px !important}

section.main_01 .tab_text p {font-size:16px; padding:10px 0px 20px}
section.main_01 .solution_btn {font-size:17px}
section.main_01 h2  {font-size:20px}
section.main_01 h3 {font-size:30px}

section.main_02 .tit h2 {font-size:20px}
section.main_02 .tit h3 {font-size:30px}


section.main_01 ul.solution:hover div.s_tit {font-size:35px}
section.main_02 {height:auto; margin-top:0px}	 

section.main_02 .tit h2 {font-size:20px; padding-top:100px}
section.main_02 .tit h3 {font-size:30px}

section.main_02 ul li .e_tit { font-size: 15px }
section.main_02 ul li .k_tit {font-size:25px}

section.main_02 .tit {top:0px; color:#333}
section.main_02 .pc {display:none}
section.main_02 .mo {display:block; width: 100%;}
section.main_02 ul {height:auto; flex-wrap: wrap; margin-top:250px}	 
section.main_02 ul li {padding:20px 20px; height:auto; width:100%; border-bottom:1px solid #fff}
section.main_02 ul li p {font-size:18px}
section.main_02 ul li .ab_txt {bottom:0}
section.main_02 .bg-layer {top:250px}
section.main_02 ul li .line {width:50px; height:1px; opacity: 1;}
section.main_02 ul li .ab_txt {position:relative}

section.main_02 ul li:hover .line {opacity: 1; height: 1px; width:50px}
section.main_02 ul li p {font-size:16px; line-height: 160%; height: auto; opacity: 1; transition: all 0.1s ease-in-out;}
section.main_02 ul li p br {display:none}
section.main_02 ul li:hover p {height: auto; opacity: 1;}

section.main_03 .main_doctor {padding:20px 0px;}
section.main_03 .tit h2 {font-size:17px}
section.main_03 .tit h3 {font-size:25px}
section.main_03 ul {flex-direction: column-reverse;}
section.main_03 ul li:last-child {text-align:Center}
section.main_03 ul li h5 {padding:10px 0px 30px}
section.main_03 ul li {width:100% !important;}
section.main_03 ul li > p{max-width:80%; margin: 0 auto; padding-bottom: 20px}
section.main_03 ul li > p br{display: none;}

section.main_03 ul li h4 {font-size:16px; padding-top:20px}
section.main_03 ul li h5 {font-size:18px; }
section.main_03 ul li h5 b {font-size:30px}
section.main_03 ul li p {font-size:16px}



section.main_04 {padding:100px 20px}
section.main_04 .main_custom{position: absolute; bottom: 30px; left:50%; width:300px; z-index: 0; transform:translateX(-50%); z-index:1}
section.main_04 .swiper-slide ul {padding:100px 0px 0px}
section.main_04 .swiper-slide-prev ul {padding:20px 0px}
section.main_04 .swiper-slide-active ul {padding:20px 0px}
section.main_04 .slide-number {left: 30%;    }
section.main_04 ul li:last-child {margin:0px 0px}
section.main_04 ul li h4 {padding-top:30px}
section.main_04 .swiper-slide ul {    flex-wrap: wrap}
section.main_04 ul li:first-child {width:100%}
section.main_04 .top_swiper .swiper-pagination-bullet {height:5px}

section.main_04 .tit h2 {font-size:17px}
section.main_04 .tit h3 {font-size:25px}

section.main_05 .tit h2 {font-size:17px}
section.main_05 .tit h3 {font-size:25px}
section.main_05 .swiper-slide {padding:30px 0px 0px}
section.main_05 .swiper-slide:hover  {padding:30px 0px 0px}
section.main_06 ul li table th, section.main_06 ul li table td {font-size:14px}


section.main_06 {padding: 0px 20px 100px;}

section.main_06 ul li:nth-child(2) {width:100%; padding-left:0px; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #c1c1c1;  border-right:0px}
section.main_06 ul li:nth-child(3) {width:100%; padding-left:0px; padding-top:30px; border-right:0px} 
section.main_06 ul li .tit {font-size:20px}
section.main_06 .font-20 {font-size:16px}
section.main_06 .font-18 {font-size:14px}
section.main_06 .font-35 {font-size:25px; margin-left:10px;}
section.main_06 ul li table td span {font-size:15px}
section.main_06 ul li table td small {font-size: 14px;}
section.main_06 ul .sns a {font-size:15px}

section.main_06 .map .sns {width:330px}
section.main_06 .map .sns a {font-size:15px; padding: 10px 20px;}

.bbs_top .top_bg {padding:150px 0px 40px}


#solution .solution-card b {font-size:20px}
#solution .top_bg {padding:150px 0px 100px}
#solution .solu_midd h2 {padding:50px 0px 30px}
#solution .solu_midd h2 {font-size:26px}
#solution .line-wrap {height:100px}
@keyframes growLine {
  0%, 100% {
    height: 0px;
  }
  50% {
    height: 100px;
  }
}

/* 점: 검정선 끝과 함께 이동 */
@keyframes moveDotWithLine {
  0%, 100% {
    top: 0px;
  }
  50% {
    top: 100px;
  }
}
#solution .selected-tags {font-size:20px}
#solution .consult a {font-size:18px}
#solution .solution-card span {font-size:16px}
#solution .top_bg h2 {font-size:20px}
#solution .top_bg h3  {font-size:30px}
#solution p.mo_txt {display:block; font-size:16px; padding-bottom:10px}
#solution .top_bg p {font-size:16px; padding:0px 20px; line-height:160%}
#solution .solution-box {margin-top:10px}

#solution .solu_midd h2 span{font-size:17px;}


.bbs_top .top_bg h2 {font-size:20px;}
.bbs_top .top_bg h3 {font-size:30px; }
.bbs_top .top_bg p {font-size:16px; padding:0px 20px; line-height:160%}

.index_ft #ft_wr {font-size:14px; padding:40px 20px 60px}
#ft_wr {font-size:14px; padding:40px 20px 40px}

section.main_01 p.tit_btn a {font-size:15px}
section.main_03 ul li .pop_doctor{font-size:15px}

.mobile-list a {font-size:20px}
}

@media screen and (max-width:900px){
.main_01_popup_overlay {padding: 0px 30px;}

.main_01_popup_overlay .top_flex{flex-wrap:wrap}
.main_01_popup_overlay .top_flex li {width:100%}
.main_01_popup_overlay .top_flex li:last-child {padding:10px 0px;  text-align:right}
.main_01_popup_overlay .popup_content ul.flex {flex-wrap:wrap; }
.main_01_popup_overlay .popup_content ul.flex li:last-child  {width:100%; border-radius:20px}
.main_01_popup_overlay .popup_content ul.flex li:first-child {background:#fff; width:100%; text-align:center; padding:40px 0px 0px}
.main_01_popup_overlay .popup_content ul.flex li:first-child img {border-radius:100px; width:150px; height:150px}

section.main_01 ul#tab {    flex-wrap: wrap;}
section.main_01 ul#tab > li {margin-bottom:10px}

.bbs_top .top_bg h3 {padding:10px 0px 15px}

}

@media screen and (max-width:440px){
.mobile-list a {font-size:17px}
section.main_01 ul#tab > li:hover span:before {display:none}
section.main_01 ul#tab > li.on span:before {display:none}
section.main_01 ul#tab > li {font-size:13px; padding: 5px 15px;}

section.main_04 ul li p{font-size: 15px;}
section.main_04 ul li p br{display: none;}

section.main_03 ul li img {width: 90%;}
section.main_03 .swiper-button-next {top:25%; right:0px}
section.main_03 .swiper-button-prev	{top:25%; left:0px}

section.main_04 .main_custom {bottom:80px}
section.main_06 ul .sns {padding-top: 20px;}
section.main_06 ul .sns > div{margin-bottom: 5px}
section.main_06 .map .sns {position:absolute; display:flex; flex-wrap:wrap;  padding-top:50px; border-radius:50px; z-index:2; left:50%;  transform:translateX(-50%); bottom:20px; width:320px;}
section.main_06 .map .sns img {height:16px}
section.main_06 .map .sns a {font-size:15px; color:#333; padding:10px 20px; background:#d6d4cc; }

section.main_03 .main_doctor {background-size: 80%;}

.main_01_popup_overlay .popup_content {max-height:70vh; overflow-x: hidden;}
.main_01_popup_overlay .banner {padding:30px 20px}
.main_01_popup_overlay .popup_content ul.flex li:last-child {padding:20px}
.main_01_popup_overlay .e_tit {font-size:12px}
.main_01_popup_overlay .k_tit {font-size:30px}
.main_01_popup_overlay .banner p {font-size:14px}
.main_01_popup_overlay .banner p br {display:none}
.main_01_popup_overlay .top_flex .tit {font-size:18px}
.main_01_popup_overlay .top_flex {font-size:12px}
.main_01_popup_overlay .popup_content ul.flex .tit {font-size:18px}
.main_01_popup_overlay .popup_content ul.flex p  {font-size:14px}
.main_01_popup_overlay .popup_content ul.flex .pro_tit {font-size:16px}
.main_01_popup_overlay .popup_content ul.flex .pro_name div {font-size:12px; margin-right:5px;  margin-bottom:5px; padding: 5px 10px;}
.main_01_popup_overlay .popup_content .product .tit {font-size:18px}
.main_01_popup_overlay .popup_content .product .pro_tit {font-size:20px}
.main_01_popup_overlay .popup_content .product .pro_txt {font-size:12px; width:100%}
.main_01_popup_overlay .popup_content .product .lay li:last-child img {max-height:170px; position:relative}
.main_01_popup_overlay .popup_content .product .wr_foot {font-size:12px}
.main_01_popup_overlay .popup_content .product .lay {padding:0px;     align-items: flex-end; min-height:auto; padding:20px 0px 0px 20px}
.main_01_popup_overlay .popup_content .product .wr_foot div {margin:20px 0px 10px}

.main_01_popup_overlay .swiper {overflow:visible}
.main_01_popup_overlay .popup_content .swiper-button-next {right:-10px}
.main_01_popup_overlay .popup_content .swiper-button-prev {left:-10px}

#solution .solu_midd h2 span{font-size:15px;}
}




#intro { width:100%; height:100vh;  position: fixed; z-index: 99999999999999999999999999;  top: 0;  left: 0; }
#intro .intro {display:flex; width:100%; height:100vh; background:#fff url('../img/intro/intro_bg.png') no-repeat; background-size:cover;  }
#intro .intro ul {width:100%; display:flex; justify-content: center; align-items: center; text-align:center;}
#intro .intro .txt { font-size:20px; margin-left:20px; opacity:0; transform: translateY(30px);transition: opacity 1s ease, transform 1s ease; }
#intro .intro .img_01, #intro .intro .img_02 {opacity:0;  transform: translateY(30px);transition: opacity 1s ease, transform 1s ease;}
#intro .intro .img_02 { margin-left:20px; }
#intro .intro .intro_line {width: 0; height: 1px; background: #6d6d6d; margin-left: 20px; opacity: 0; transition: width 1s ease, opacity 1s ease;}

@media screen and (max-width:1000px){
#intro .intro ul {flex-direction: column;}
#intro .intro .img_01 img {width:65px;}
#intro .intro .img_02 img {width:170px}
#intro .intro .txt  {margin-top:20px; margin-left:0px; font-size:17px}
#intro .intro .img_02 { margin-left:0px; margin-top:20px}
#intro .intro .intro_line {width: 1px; height: 0px; background: #6d6d6d; margin-top: 20px; margin-left: 0px; opacity: 0; transition: height 1s ease, opacity 1s ease;}
}

  /* [toolbar] */
  #toolbar {display:flex;justify-content:space-between;align-items:center;position:fixed;left:0;bottom:0;z-index:107;width:100%;padding:0 35px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow: 0 -1px 16px rgba(0,0,0,.1); transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1); background:rgba(0,0,0,.784); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px);}
  #toolbar.down {bottom: -55px;}
  #toolbar .tool_mn {width:25%; text-align:center; position:relative;}
  #toolbar .tool_mn.mn3 .num {position:absolute;left:15px;top:-15px;min-width:6px;height:15px;padding: 1px 5px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(to left, #bf7b46, #dda478);border-radius:8px;word-break:keep-all;}
  #floating {position:absolute;right:20px;bottom:175px;z-index:200;height:45px;transition:height .3s, bottom .3s;}
  #floating .blind, #floating .hide {font-size:17px; display:none}
  #floating.compair_add {bottom:130px; transition: all .3s;}
  #floating.out {display: none;}
  #floating button {display:block;width:50px;height:50px;}
  #floating .btn_float {width:67px; height:67px; border:0; border-radius:50%; background:#fff}
  #floating .f_menu a  { display: flex; justify-content: space-between;}
  #floating .f_menu a span {width:calc(100% - 40px)}
  #floating .btn_top {background:url('/img_up/shop_pds/banobagi/design/images/floating/pageTop.png') no-repeat 0 0 / cover;transition:.3s cubic-bezier(0.37, 0.82, 0.77, 1.12);transform-origin:center center;transform:scale(0);transition-property:transform;}
  #floating .f_menu {overflow:hidden;position:absolute;right:85px;bottom:45px;width:165px;height:0;transition:bottom .3s ease; border-radius:30px; background:#fff}
  #floating .f_menu .item {position:absolute;bottom:20px; transition:all .3s ease;opacity:0; width:165px; background:#fff; padding:15px 20px;     display: inline-block; text-align: left;}
  #floating .f_menu .item.it1 { padding:25px 20px 15px; border-radius:30px 30px 0px 0px}
  #floating .f_menu .item.it2 {}
  #floating .f_menu .item.it3 {}
  #floating .f_menu .item.it6 {padding:15px 20px 25px; border-radius:0px 0px 30px 30px}  
/*  #floating .f_menu .item.kakao {background:#fff url('/img_up/shop_pds/banobagi/design/images/floating/floating_kakao.png') no-repeat 15px center/36px;}
  #floating .f_menu .item.call {background:#fff url('/img_up/shop_pds/banobagi/design/images/floating/floating_call.png') no-repeat 15px center/37px;}*/
/*  #floating .f_menu .item a {color:#90a0a6;}*/
/*  #floating .f_menu .item p {margin-bottom:5px;font-size:15px;font-weight: 700;color:#1b2529;}*/
  #floating.open .btn_float {width:67px; height:67px; border:0; border-radius:50%; background:#fff} 
  #floating.open .f_menu {}
  #floating.open .f_menu .item {opacity:1; }
/*  #floating.open .f_menu .item.it1 {bottom:239px;transition-delay:.6s;}*/
  #floating.open .f_menu .item.it1 {bottom:198px;transition-delay:.5s;}
  #floating.open .f_menu .item.it2 {bottom:158px;transition-delay:.4s;}
  #floating.open .f_menu .item.it3 {bottom:116px;transition-delay:.3s;}
/*  #floating.open .f_menu .item.it4 {bottom:116px;transition-delay:.3s;}*/
  #floating.open .f_menu .item.it5 {bottom:74px;transition-delay:.2s;}
  #floating.open .f_menu .item.it6 {bottom:20px;transition-delay:.1s;}

  #floating.view .btn_top {margin-top:6px;transform:scale(1);}
  #floating.view .f_menu {bottom:60px;  background:#fff}

  #floating.open .f_menu .item a img{margin-right:10px}

  #toolbar {bottom:-55px;}
  
  
  @media (max-width:1200px){
    #floating { bottom:240px}
  
  }
  @media (max-width:768px){
    #toolbar {display:flex; bottom:0;}
    #floating {display:block; bottom:40px}
	section.main_03 .main_doctor {border:0px}
	section.main_03 .main_doctor  {background-position:center top;}
	section.main_03 ul li:last-child {}
	section.main_03 .mo_bg_txt {display:block; border-top: 1px solid #c1c1c1;}
	section.main_03 .mo_bg_txt img {margin-top:20px;}	
	section.main_03 ul li h4 {padding-top:40px}
	section.main_03 ul {text-align:center}
	section.main_03 .bg_txt {display:none}
	section.main_06 .font-17 {font-size:15px}
	section.main_06 ul li .tit {padding-bottom:20px}
	section.main_05 .swiper-button {top:50%}
	section.main_05 .swiper-button-next {right:10px}
	section.main_05 .swiper-button-prev {left:10px}
  }
  
  
  @media (max-width:468px){
	section.main_01 {padding:50px 20px}
	section.main_01 ul.solution {padding:20px 0px}
    section.main_01 h2 {font-size:17px;}
    section.main_01 h3 {font-size: 22px;}	
	section.main_01 .tab_text br{display:none}
    section.main_02 .tit h2 {font-size:17px; padding-top:50px}
    section.main_02 .tit h3 {font-size: 22px;}	
	section.main_01 .tab_text {font-size:15px}
	section.main_01 .tab_text p {font-size:14px}
	section.main_01 .solution_btn {font-size:15px}
	section.main_01 ul#tab {padding-bottom: 10px}
	section.main_02 ul {margin-top:150px}
	section.main_02 ul li:nth-child(1) {background: url('../img/main/banner_04.png') no-repeat; background-size:cover }
	section.main_02 ul li:nth-child(2) {background: url('../img/main/banner_05.png') no-repeat; background-size:cover }
	section.main_02 ul li:nth-child(3) {background: url('../img/main/banner_06.png') no-repeat; background-size:cover }	
	section.main_02 ul li .ab_txt {padding-top:80px}
	section.main_03 {padding:100px 20px 0px}
	section.main_04 {padding:0px 20px 50px}
	section.main_04 ul li h4 {font-size:18px}
	section.main_04 ul li h5 {font-size:25px; padding-bottom: 20px}
	section.main_04 ul li h5 br{display: none; }

	section.main_04 .slide-number {font-size:120px; left:60%}
	section.main_05 {padding:0px 10px 100px}
section.main_06 ul li table tr th	 {min-width:70px}
section.main_06 ul li table tr:nth-child(1) th {letter-spacing: 9px;}
section.main_06 ul li table tr:nth-child(2) th {letter-spacing: 5px;}
section.main_06 ul li table tr:nth-child(3) th {letter-spacing: 4px;}
#solution .btn-group button {font-size:12px}
#solution .btn-group button.active {font-weight:400}
#solution .selected-tags {font-size:20px}
#solution .top_bg {padding:100px 0px 50px;     background-size: auto;}
.custom-swiper-controls {left:50%; transform: translateX(-50%);}
  }