html,
body {
  margin: 0;
  height: 100%;
  font-weight: 400;
  font-family: 'S-CoreDream';
}
body {
  overflow-x: hidden;
}

body{
  -ms-overflow-style: none;
  }
  
 ::-webkit-scrollbar {
   display: none;
 }

h1,
h2 {
  text-align: center;
}



#masthead {background: var(--color_FFF);position: fixed;width: 59px;right: 0;height: 100vh;z-index: 20;/* display: flex; */flex-direction: column;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-left: 1px solid rgba(0, 0, 0, .25);justify-content: center;}
#masthead.open {width:200px;}
#masthead nav {/* position:absolute; *//* right: 59px; *//* top:0; *//* height: 100vh; *//* width: 75vw; *//* transform: translate(100%, -100%); */display: flex;flex-direction: column;height: 100vh;justify-content: center;}
#masthead.open nav{transform: translate(0%, 0%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#masthead nav ul{margin-left: 24px;}
#masthead nav ul li{
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 width: 110px;
 text-align: center;
 position: relative;
}
#masthead nav ul li a:before {content:'';width:10px;height:10px;border-radius:10px;background:#ccc;display: inline-block;}
#masthead nav ul li.active, #masthead nav ul li:hover {
    /* text-align: left; */
}

#masthead a {display: inline-block;width: 100px;height: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-align: left;}
#masthead a em {}
#masthead ul li > em {font-family: 'Nanum Myeongjo';position: absolute;margin-top: 3px;margin-left: -0px;width: 100px;text-align: left;z-index: -1;}
#masthead.open ul li > em{margin-left: -80px;}
#masthead nav ul li:hover a:before, #masthead nav ul li.active a:before {background: #006936;}
#masthead nav ul li.active em ,#masthead nav ul li:hover em {color: #006936;}
#masthead .menu_but{display:flex;/* height: 100vh; */align-items: center;justify-content: center;cursor: pointer;z-index: 20;position: relative;/* border-left: 1px solid rgba(0, 0, 0, .25); */background: var(--color_FFF);flex-direction: column;height: 60px;position: absolute;top: 0;left: 0;right: 0;}
#masthead .menu_but > span {height: 1px;width: 32px;background: #000;border: 0;display: block;position: relative;margin: 3px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#masthead.open .menu_but > span:nth-child(1){transform: translateX(0px) translateY(9px) rotate(45deg);}
#masthead.open .menu_but > span:nth-child(3){transform: translateX(-0px) translateY(-5px) rotate(-45deg);}
#masthead.open .menu_but > span:nth-child(2){    transform: scaleY(0);}


#panels #panels-container { scroll-behavior: smooth;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  /* background-color: #ddd; */
  width:600% !important ;
} 
#panels #panels-container .panel {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -ms-flexbox;
}

.panel h3.title {font-family: "Nanum Myeongjo", serif; font-size: 24px; position: absolute; left:60px; top:50px}


#home .logo{position: absolute; left:50px; top:50px;}
#home h2 {position: absolute;bottom:50px;left: 0;right: 60px;color: var(--color_FFF);font-family: "Nanum Myeongjo", serif;font-size: 170px;line-height: 1em;}
#home .bg_wrap {width: 100vw;height: 100vh;overflow: hidden;position: relative;z-index: -1;}
#home .bg_wrap > div {
  background: url('../images/home_bg.jpg');
  width: 100vw;
  height: 100vh;
  background-position: top center;
  background-size: cover;
  transform: scale(1.2);
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}
#home.active .bg_wrap > div {transform: scale(1);}



#introduction > ul{display: flex;height: 100vh;justify-content: space-around;}
#introduction > ul > li{text-align: center;padding: 0 100px 0 50px;}
#introduction > ul > li:last-child{border-left:1px solid #BFBFBF;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 55%;}
#introduction > ul > li:first-child{text-align:left;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 50px 0 50px;position: relative;width: 45%;}
#introduction > ul > li:first-child .intro_img_01 {position: relative;right: 0;top: 50px;/* margin-bottom: -70px; */display: inline;}
#introduction > ul > li:first-child .intro_img_wrap {height: 100%;display: flex;position: relative;width: 100%;flex-direction: column;align-items: flex-end;justify-content: space-between;}
#introduction > ul > li:first-child > div > div h4 {font-family: 'Nanum Myeongjo';font-size: 40px;margin-bottom: 20px;}
#introduction > ul > li:first-child > div > div{width:100%;bottom: 80px;position: relative;}
#introduction > ul > li:first-child > div > div i{font-size: 12em;color: #F4F3ED;}
#introduction > ul > li:first-child > div > div i:before{margin: 0;}
#introduction > ul > li:first-child > div > div > ul{display: flex;font-size: 15px;color: #000;}
#introduction > ul > li:first-child > div > div > ul > li:first-child{border-right:1px solid #BFBFBF;padding-right:30px;margin-right: 30px;padding-right: 30px;}
#introduction .intro_img_01 {opacity: 1;-webkit-transition: all 1s;-moz-transition: all 1ss;-ms-transition: all 1ss;-o-transition: all 1ss;transition: all 1ss;transform: scale(1.2);}
#introduction.active .intro_img_01 {opacity: 1;transition-delay: .5s;transform: scale(1) !important;}
#introduction .intro_img_02 {margin-top: 0;/* margin-bottom: 500px; */display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
#introduction .intro_img_02 img{margin-top: 50px;}
#introduction p{position: relative;bottom: 80px;margin-top: 50px;}
#product {background: #F4F3ED;}
#product ul{display: flex;align-items: center;height: 100%;justify-content: center;gap: 120px; -webkit-transition: all 1s;-moz-transition: all 1ss;-ms-transition: all 1ss;-o-transition: all 1ss;transition: all 1ss;}
#product ul:hover {gap:0;}
#product ul li{width: 310px;position: relative;text-align: center;-webkit-transition: all 1s;-moz-transition: all 1ss;-ms-transition: all 1ss;-o-transition: all 1ss;transition: all 1ss;}
#product ul li > div{overflow: hidden;width: 300px;height: 300px;border-radius: 50px;margin: 0 auto;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .3s;-moz-transition: all .3ss;-ms-transition: all .3ss;-o-transition: all .3ss;transition: all .3ss;overflow: hidden;}
#product ul li:hover > div {width: auto;height: auto;-webkit-transform: rotate(0deg);transform: rotate(0deg);border-radius: 20px;}
#product ul li h4{font-family: 'Nanum Myeongjo';text-align: center;line-height: 1em;font-weight: 300;text-transform: uppercase;position: relative;left: 0;right: 0;margin-bottom: 60px;}
#product ul li img{-webkit-transform: rotate(-45deg) translate(30%,-50%);transform: rotate(-45deg) translate(30%,-50%);max-width: 390px;top: 50%;left: 50%;position: absolute;}
#product ul li:hover h4{margin-bottom:20px;display: none;}
#product ul li:hover img{-webkit-transform: rotate(0deg) translate(30%, -50%);transform: rotate(-0deg) translate(0%, -0%);top: 0;left: 0;right: 0;max-width: 100%;width: 70%;position: relative;border-radius: 20px;}
#product ul li h5{position: relative;margin-top: 60px;}
#product ul li:hover h5{margin-top:20px;font-size: 1.5em;}
#product ul li:hover {width: 25%;height: 100vh;display: flex;flex-direction: column;justify-content: center;}
#implant .implant_wrap {display: flex;align-items: center;}
#implant .implant_wrap > li{width: 50%;text-align: center;} 
#implant .implant_wrap > li > ul{display: inline-flex;flex-wrap: wrap;gap: 20px;justify-content: center;align-items: center;}
#implant .implant_wrap > li:first-child > ul > li img{border-radius: 1000px;overflow: hidden;display: block;}
#implant .implant_wrap > li:first-child > ul > li > div {
width: 230px;
height: 230px;
border: 1px solid #000;
border-radius: 1000px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Nanum Myeongjo';
font-size: 2em;
font-weight: 600;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#implant .implant_wrap > li:last-child{border-left:1px solid #BFBFBF;height: 100vh;display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: center;} 

#implant .implant_wrap > li:last-child h4 {font-family: 'Nanum Myeongjo';}
#implant .implant_wrap > li:last-child h3 {font-family: 'Nanum Myeongjo';border: 1px solid #000;padding: 5px 20px;margin: 20px 0 40px;}
#implant .implant_wrap > li:last-child h6{font-family: 'Nanum Myeongjo';font-weight: 400;font-size: 24px;}
#implant .implant_wrap > li:last-child a{display: inline-block;border-bottom: 1px solid #4E4E4E;margin: 10px 0 50px 0;padding: 5px 20px 5px 10px;position: relative;}
#implant .implant_wrap > li:last-child a:after {content:'';width: 1px;display: inline-block;height: 15px;background: #4E4E4E;position: absolute;right: 10px;top: 50%;transform: rotate(-45deg) translate(0%,60%);}
#implant .implant_wrap > li:last-child > ul{}
#implant .implant_wrap > li:last-child > ul > li {}

#contact > ul {height: 100vh;display: flex;}
#contact > ul > li {width: 50%;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;} 
#contact > ul > li:first-child{background:#004624;color:#fff;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#contact > ul > li:first-child h3{color:#fff;font-family: 'Nanum Myeongjo';}
 #contact > ul > li:first-child h4 {color: #fff;font-family: 'Nanum Myeongjo';font-size: 24px;margin: 2em 0 .5em;}
#contact > ul > li:first-child #map {width:100%;height: 100%;}
#contact > ul > li:first-child > ul {display: flex;width: 90%;margin-top: 50px;gap: 30px;text-align: left;}
#contact > ul > li:first-child > ul > li {width: 50%;height: 100%;}
#contact > ul > li:first-child > ul > li > dl {display: flex;font-size: 24px;align-items: flex-start;margin-top: 15px;gap: 10px;font-family: 'S-CoreDream';}
#contact > ul > li:first-child > ul > li > dl > dt{background: #fff;color: #004624;width: 100px;text-align: center;border-radius: 100px;font-weight: 600;font-size: 22px;}
#contact > ul > li:first-child > ul > li > dl > dd{}
#contact > ul > li:first-child > ul > li > dl > dd span, #contact > ul > li:first-child > ul > li > p{color: #FFC700;}
#contact > ul > li:first-child > ul > li > dl > dd em{font-size: 20px;}
#contact > ul > li:first-child > ul > li > p{margin-bottom:15px}

.map_marker {text-align: center;width: 180px;height: 35px;background:#fff;position: relative;}
.map_marker p {padding: 5px 10px;margin:0;position:absolute;border-radius: 6px;border: 2px solid #004624;display: block;background: #ffffff;left: 0;right: 0;left: -3px;right: -3px;top:-3px;bottom:-3px;font-weight: 500;color: #000;}
.map_marker p:after {content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #004624;position:absolute;margin-top: 33px;left: 50%;margin-left: -10px;}

#contact .schedule {background: #e9e8e6;}
.schedule > h4{text-align: center;margin-bottom: 10px;}
.schedule > ul{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;max-width: 760px;font-size: 20px;font-weight: 600;}
.schedule > ul > li{}
.schedule > ul > li > div{width: 80px;height: 80px;border-radius: 220px;}
.schedule > ul > li > div {background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.schedule > ul > li.day > div{background: #B7B0AA;color: #fff;}
.schedule > ul > li.before > div{color:#C2C1BF;}
.schedule > ul > li > div > span {}
.schedule > ul > li > div > p {margin-top: 0;font-size: 16px;}

.schedule > ul > li.break > div {color:#EB5429;}
.schedule > ul > li.line > div {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: 3px solid #EB5429;}
.schedule > ul > li.onday > div {color:#4074A3;}
.schedule > ul > li.onday.line > div {border-color:#4074A3;}
#interior ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 50px;height: 100%;margin: 0 auto;align-content: center;}


.content{}
.content > section {display:block; min-height: 100vh; width: 100%;}
.content .section01 .bg_wrap {width: 100vw;height: 100vh;overflow: hidden;position: relative;z-index: -1;}
.content .section01 .bg_wrap > div {
  background: url('../images/section01_bg.jpg');
  width: 100vw;
  height: 100vh;
  background-position: top center;
  background-size: cover;
  transform: scale(1.2);
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}
.content .section01.active .bg_wrap > div {transform: scale(1);}