/**
* Template Name: AgriCulture
* Template URL: https://bootstrapmade.com/agriculture-bootstrap-website-template/
* Updated: Aug 07 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */



:root {
  --default-font: "pretendard", 'Noto Sans KR', sans-serif, "Open Sans",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font-l: "pretendard",  sans-serif;
    --heading-font: "pretendard",  sans-serif;
    --heading-font-b: "pretendard",  sans-serif;
    --heading-font-g: "pretendard",  sans-serif;
  --nav-font: "pretendard", "Noto Sans KR",  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --black-color: #000000;    
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #212529; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #2d465e; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #5f451b; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #212529;  /* The default color of the main navmenu links */
  --nav-hover-color: #5f451b; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #212529; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #5f451b; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #f9f9f9;
  --surface-color: #ffffff;
}
.white-background {
    --background-color: #ffffff;
    --surface-color: #ffffff;
}
.dark-background {
  --background-color: #272727;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --accent-color: #2ea359;
  --surface-color: #252525;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
 /* color: color-mix(in srgb, var(--accent-color), transparent 25%);*/
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-b);
}

@media (min-width: 1520px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
}
.row>* {
    margin-top: var(--bs-gutter-x);
}

/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.php-email-form .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: var(--surface-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
  animation: php-email-form-loading 1s linear infinite;
}

@keyframes php-email-form-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}

.pulsating-play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation: pulsate-play-btn 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.pulsating-play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.pulsating-play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  animation: none;
  border-radius: 0;
}

.pulsating-play-btn:hover:after {
  border-left: 15px solid var(--accent-color);
  transform: scale(20);
}

@keyframes pulsate-play-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
    color: #ffffff;
    padding: 12px 0 0px;
    transition: all 0.5s;
    z-index: 99997;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    flex-direction: column;
    position: fixed;
    /* background-color: rgb(171 171 171 / 80%);*/
}
.header > *{font-family:"Gmarket Sans";}
.header .navmenu li a{font-family:"Gmarket Sans";font-size:20px;font-weight:500;}

body.index-page .header{
    background-color: rgb(171 171 171 / 0%);
}
.header.scrolled, body.index-page .header.scrolled {
	padding:6px 0;
    background-color: rgb(81 75 67 / 70%); border-bottom:0;
}

.logo_warp {
    width: 100%;
    text-align: center;
    display: none;
}


main.main {
    padding-top: 0;
}
.header .logo {
    line-height: 1;
    padding-top: 13px;
}

.header .logo img {
    max-height: 42px;
    /* margin-right: 8px; */
}

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: var(--heading-color);
}
header ul li {
    list-style: none;
}
.scrolled .header {
  box-shadow: 0px 0 18px color-mix(in srgb, var(--default-color), transparent 85%);
}
/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
.gallery .gallery-item {
  position: relative;
  overflow: hidden;
}

.gallery .gallery-item img {
  transition: 0.3s;
}



.gallery .gallery-links .preview-link,
.gallery .gallery-links .details-link {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
  line-height: 1.2;
  margin: 30px 8px 0 8px;
}

.gallery .gallery-links .preview-link:hover,
.gallery .gallery-links .details-link:hover {
  color: #ffffff;
}

.gallery .gallery-links .details-link {
  font-size: 30px;
  line-height: 0;
}

.gallery .gallery-item:hover .gallery-links {
  opacity: 1;
}

.gallery .gallery-item:hover .preview-link,
.gallery .gallery-item:hover .details-link {
  margin-top: 0;
}

.gallery .gallery-item:hover img {
  transform: scale(1.1);
}

.glightbox-clean .gslide-description {
  background: #272727;
}

.glightbox-clean .gslide-title {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.space-img {
    height: 306px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
ul.hd_logins {
    display: none;
}
p.txt01 img {
    margin: 0 0.2em;
}
ul.hd_logins li a {
    margin: 0 5px;
    color: #fff;
    font-size: 18px;
}
ul.hd_logins.main_color li a {
    color: #fff; position: relative;
}
ul.hd_logins.main_color li:first-child a:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 16px;
    background: #ffffff;
    bottom: 4px;
    right: -20px;
}
.main_about03_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 공통 스타일 */

h2.top_tit01 {
    font-size: 24px;
    color: #736C61;
    font-family: "Noto Serif KR", serif;
    margin-bottom: 1.4em;
    padding-top: 40px;
}

.section-title p.txt01 {
    font-size: 45px;
    letter-spacing: -0.1em;
    font-family: "Noto Serif KR", serif;
    line-height: 1.5em;
}

/* PC 버전 */
@media (min-width: 1341px) {
  .gallery {
    grid-template-columns: 380px 570px; /* 열 크기 */
    grid-template-rows: repeat(2, 350px); /* 기본 행 높이 */
    grid-auto-rows: 350px; /* 기본 행 크기 */
    grid-template-areas:
      "item1 item2 item3"
      "item1 item5 item4";
  }

  .gallery-item.item1 {
    grid-area: item1;
    grid-row: span 2; /* 두 행(row)을 차지 */
    width: 380px;
    height: 710px; /* 2행 높이 */
  }

  .gallery-item.item2 {
    grid-area: item2;
    width: 570px;
    height: 350px; /* 1행 높이 */
  }

  .gallery-item.item3 {
    grid-area: item3;
    width: 380px;
    height: 350px; /* 1행 높이 */
  }

  .gallery-item.item4 {
    grid-area: item4;
    width: 380px;
    height: 350px;
  }

  .gallery-item.item5 {
    grid-area: item5;
    width: 570px;
    height: 350px;
  }
}
img.img-sign {
    width: 150px;
}
.header .logo_f {
        display: none;
    }
/* 모바일 버전 */
@media (max-width: 1340px) {
  .gallery {
    grid-template-columns: 1fr 1fr; /* 두 열 배열 */
            grid-auto-rows: auto;
  }
.gallery-item.item1 {
    height: 600px;
}
    .gallery-item {
        width: 100%;
        height: 200px;
    }

  .gallery-item.item1 {
    grid-column: span 2; /* 한 줄 전체를 차지 */
  }
    
}
@media (max-width: 768px) {
    .gallery-item.item1 {
        height: 300px;
    }
   
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
    ul.hd_logins {
        display: flex;
    }
    ul.hd_logins {
        position: absolute;
        right: 0px;
        color: #fff;
        bottom:0;
    }
    .logo_warp {
        display: block;
    }
    .header.scrolled .logo_warp {
        display: none;
    }
	.header.scrolled .logo_f {
        display: flex;        padding: 10px;
    }
    .header.scrolled ul.hd_logins{bottom:auto;top:50%;transform:translateY(-50%);}
	ul.hd_logins li {
	    width: 100px;
	}
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
        color: #fff;
        padding: 21px 2rem 14px;
        font-size: 21px;
        font-family: var(--heading-font);
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
  }
    .header.scrolled .navmenu a,
    .header.scrolled .navmenu a:focus {
        padding: 15px 1.8rem;
    }
    .header.scrolled .justify-content-between {
    justify-content: flex-start !important;
}
  .navmenu.main_color a,
  .navmenu.main_color a:focus {
    color: #ffffff;
  }
  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
    display: none;
  }

  .navmenu li:last-child a {
    padding-right: 0;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: #fff;
  }

  .navmenu.main_color li:hover>a,
  .navmenu.main_color .active,
  .navmenu.main_color .active:focus {

  }
  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}
@media (min-width: 992px) {
.mo_ver {
    display: none;
}
}
/* Navmenu - Mobile */
@media (max-width: 1199px) {
    .header, body.index-page .header {
   	 background-color: #514b43;        border-bottom: 0;
   	 height:60px;
   	 padding:6px 0;
   	 box-sizing:border-box;
	}
	
	.header, body.index-page .scrolled {padding:6px 0;}
    
    .header .logo_f {
        display: flex;        padding: 10px;
    }
        
main.main {
        padding-top: 58px;
}
    
    .mobile-nav-toggle {
        color: #ffffff;
        font-size: 36px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color 0.3s;
    }
    .main_color .mobile-nav-toggle {
        color: #ffffff;
    }
  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-mobile-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}




        /* 상단 탭 스타일 */
.tab {
    overflow: hidden;
    display: flex;
    margin-bottom: 80px;
}

.tab button {
    background-color: inherit;
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
    padding: 14px 20px;
    transition: 0.3s;
    font-size: 24px;
    width: 33.333333%;
    display: inline-block;
    color: #d3d3d3;
    background-color: #fff;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
}

        .tab button:hover {
            color: #151515;
    border-bottom: 2px solid #151515;
        }

.tab button.active {
    color: #151515;
    border-bottom: 2px solid #151515;
}
.tab i {
    margin: 3px 3px 0 0;
}
        .tabcontent {
            display: none;
            padding: 0;
            border-top: none;
        }

        /* 하위 탭 스타일 */
.sub-tab {
    margin: 80px 0;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
}

        .sub-tab button {
            background-color: #fff;
            border: none;
            outline: none;
            padding: 12px 15px;
            cursor: pointer;
            transition: 0.3s;
            font-size: 22px;
            width: 25%;
            border: 1px solid #d3d3d3;
            border-left: 0;
        border-bottom: 0;color: #151515;
        }

        .sub-tab button.active {
            background-color: #ededed;
        }

        .sub-tabcontent {
            display: none;
            padding: 10px 0;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 60px;
            font-size: 18px;
        }

        table, th, td {
            border: 0px solid #ddd;
        }

        th, td {
            padding: 10px;
            text-align: center;
        }

        th {
            background-color: #f4f4f4;
        }
.table-container td.center_left {
    text-align: left;
}
span.curri_discount {
    color: #fff;
    background-color: #c00000;
    font-size: 18px;
    padding: 6px 23px;
    border-radius: 30px;
}
h2.curriculum_tit {
    color: #151515;
    font-size: 38px;
}
h2.curriculum_tit span{
    font-size: 22px; font-weight: 500; font-family: var(--default-font);    margin-left: 1em;
}
a.link_btn {
    background-color: #c00000;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 20px;
}
div.tabcontent p {
    font-size: 20px;
    margin: 1.5rem 0;
}
div.tabcontent p.curri_list {
    margin-top: 3rem;    margin-bottom: 0;
}
.tabcontent {
    color: #151515;
}
ul {
    padding-left: 0;
}
    table.pd2 td {
        padding: 2rem 4rem;
    }
div.sub-tabcontent ul, div.tabcontent ul {
    margin-left: -0.5rem;
    font-size: 20px;
}
.tabcontent li span {
    margin-left: -0.5rem;
}
.tabcontent li {
    padding-left: 1rem;
}

p.about2-tit {
    font-size: 36px;    padding-bottom: 1rem;
    font-weight: bold;
    line-height: 1.2em;    font-family: --heading-font; /*틀린거 안다...*/
}
p.about2-txt {
    font-size: 18px;
}
p.about2-sign {
    font-size: 18px;
    font-weight: bold;
}
p.about2-sign span {
    font-size: 26px;
}
.col01 {
    width: 58%; padding: 10px; margin-top: 0;
}
.col02 {
    width: 42%;padding: 10px; margin-top: 0;
}
.col03 {
    width: 47%;padding: 10px; margin-top: 0;
}
.col04 {
    width: 53%;padding: 10px; margin-top: 0;
}
.section-title h3.index_subtit {
    font-family: var(--heading-font);
    font-size: 24px;
    color: #d8322e;
}
.section-title h2.index_tit {
    font-family: var(--heading-font);
    font-size: 54px;
    color: #151515;
    font-weight: 600;
}
.section-title h3.inquiry_subtit {
    font-family: var(--heading-font-b);
    font-size: 24px;
    color: #d8322e;
    font-weight: 500;
}
.section-title h2.inquiry_tit {
    font-family: var(--heading-font);
    font-size: 50px;
    color: #151515;
    font-weight: 600;
}

#quick li {
    text-align: center;
    width: 80px;
    position: relative;
    height: 80px;transition: 0.5s;
}
#quick li a.quick_btn {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
justify-content: center;
}

div#quick {
    position: fixed;
    z-index: 100;
    top: calc(50% - 339px);
    right: 0;
}

div#quick ul li {
    margin: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;background-color: rgb(245 245 245 / 50%);
}
div#quick ul li.quick-location {
}
div#quick ul li:hover {
    background-color: #736c61;
}
div#quick ul li a {
    color: #000; font-size: 14px;
}
div#quick ul li:hover a {
    color: #fff;
}
#quick li a.quick_btn i {
    font-size: 24px;
}
div#quick ul li.quick-top {
    background-color: #736c61;
    border-bottom: 0;
}

div#quick ul li.quick-top a {
    color: #fff;
    font-size: 16px;
    line-height: 80px;
}
div#quick ul li.quick-top a i {
    padding-right: 3px;
}
div#quick ul li.quick-top:hover a {
    color: #f0f0f0;
}
div#quick ul li.quick-top:hover {
    background-color: #938a7c;
}
/*
.quick-info a.quick_btn {
    background-image: url("../img/q01.png");
}
.quick-info:hover a.quick_btn {
    background-image: url("../img/q01_hover.png");
}

.quick-kakao a.quick_btn {
    background-image: url("../img/q02.png");
}
.quick-kakao:hover a.quick_btn {
    background-image: url("../img/q02_hover.png");
}

.quick-location a.quick_btn {
    background-image: url("../img/q03.png");
}
.quick-location:hover a.quick_btn {
    background-image: url("../img/q03_hover.png");
}
   */  

.footer-link {
    border-bottom: 1px solid #fff;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 8px;
}
.footer-link ul {
    display: flex;
    justify-content: left;
}
.footer-link ul a {
    color: #ffffff;
    padding-right: 3.5em;
    font-size: 20px;
    font-weight: 500;
}
.footer-link ul li {
    position: relative;
}
.footer-link ul li:after {
   /* content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #000;*/
}
.footer-link ul li:first-child:after {display: none;}
.footer .container{font-weight:300;}
.footer .container b{font-weight:500;}
.footer-about img {
    position: absolute;
    right: 0;
    bottom: 7px;
    max-width: 140px;
}

/* 섹션 구분 */
.sub-tabcontent {
    background-color: #fff;
    padding: 20px 0;
    border-radius: 10px;
}
.table-container {
  width: 100%; /* 원하는 가로 크기 설정 */
  overflow-x: auto; /* 가로 스크롤이 필요할 때만 표시 */
}
.table-container table {
    /*min-width: 500px;*/
}
/* 강조 텍스트 */
strong {
    font-weight: bold;
    font-family: var(--heading-font-b);
}
.highlight {
    color: #c00000; /* 강조 색상 */
    font-weight: bold;
}
.highlight_green {
    color: #1a5a4f;
    font-weight: bold;
}
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  color: var(--default-color);
  background-color: #736c61;
  font-size: 15px;
  position: relative;
  color: #070707;
  font-family:"Gmarket Sans";
}
.footer .footer_txt {
    padding: 52px 0 0;
}
.footer .footer_txt2 {
    padding: 35px 0 0;
}
.footer .footer-top {
    background-color: #e3e3e3;
    padding: 10px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #2c2c2c
}

.footer .footer-about .logo {
  line-height: 1;
  margin-bottom: 25px;
}

.footer .footer-about .logo img {
    max-height: 60px;    max-width: 100%;
    margin-right: 6px;
}
footer#footer p {
    color: #ffffff;
    margin-bottom: 0.5rem;
    word-break: keep-all;
    font-size: 20px;
}


.footer h4 {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

.footer h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--accent-color);
  bottom: 0;
  left: 0;
}

.footer .footer-links {
  margin-bottom: 30px;
  margin-top: 17px;
}

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-links ul i {
  padding-right: 2px;
  font-size: 12px;
  line-height: 0;
}

.footer .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-links ul a {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: inline-block;
  line-height: 1;
}

.footer .footer-links ul a:hover {
  color: var(--accent-color);
}

.footer .footer-contact p {
  margin-bottom: 5px;
}

.footer .copyright {
  padding: 30px 0;
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 5px;
  font-size: 13px;
}

.footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: var(--accent-color);
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--contrast-color);
  background: var(--accent-color);
  text-decoration: none;
}
.footer-about {
    text-align: right;
    position: relative;
}


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  /*position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;*/
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
 /* background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);*/
}

.scroll-top.active {
 /* visibility: visible;
  opacity: 1;*/
}

   
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }

}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
    color: var(--default-color);
    background-color: #DEDBD7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 211px 0 100px;
    text-align: center;
    position: relative;
}

.page-title:before {
  content: "";
  /*background-color: color-mix(in srgb, var(--background-color), transparent 50%);*/
  position: absolute;
  inset: 0;
}

.page-title h1 {
    font-size: 60px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 45px;
    color: #282828;
    position: relative;
    font-family: "Noto Serif KR", serif;
}
.page-title h1::after {
   /* content: '';
    position: absolute;
    display: block;
    width: 60px;
    height: 2px;
    background: #a5a5a5;
    bottom: -20px;
    left: calc(50% - 30px);*/
}

.page-title p {
    font-size: 24px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #736C61;
}
.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.page-title .breadcrumbs ol li+li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 150px 0 130px;
  scroll-margin-top: 100px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 66px;
  }
    .all_hero {
        background-position: 70% center;
    }
}
.mobile_ver {
    display: none;
}
.pc_ver {
    display: block;
}
@media screen and (max-width: 992px) {
    .mobile_ver {
    display: block;
}
.pc_ver {
    display: none;
}
    
    .big_tit01.mobile_ver { text-align: center; }
    .page-title h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .page-title p {
        font-size: 17px;
    }
    .page-title h1::after {
        width: 50px;
        height: 1px;
        bottom: 0;
        left: calc(50% - 25px);
    }
}

@media screen and (max-width: 480px) {
    .page-title h1 {
        font-size: 36px;
    }
    .page-title p {
        font-size: 14px;
    }
}
/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding-bottom: 56px;
  position: relative;
}
.inquiry-form .section-title {
    padding-bottom: 30px;
}
.section-title h2 {
}
.big_tit01 {
    font-size: 113px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #000;
    margin-top: -14px;
    margin-bottom: 30px;
    line-height: 1.1em;
}
p.p_desc01 {
    font-size: 20px;
}
.big_tit02 {
    font-size: 110px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #000;
    line-height: 1.1em;
    margin-bottom: 0.6em;
}
.big_tit03 {
    font-size: 80px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #000;    margin-bottom: 20px;
}
h2.big_tit04 {
    font-size: 72px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;
}

a.loc-kakao-link i {
    font-size: 1.6em;
    position: absolute;
}
section#recent-posts .container {
    max-width: 1222px;
}
.section-title p {
  margin-bottom: 0;
  font-family: var(--heading-font);
  font-size: 21px;
}
section#about-1 {
    padding-top: 146px;
}
section#about-2 {
    padding-top: 100px;
}

section#about-1 .col-lg-7 {
    padding-left: 3.5em;
}
h2.content-title-ab {
    font-size: 30px;
    color: #000;
    margin-bottom: 2em;
    margin-top: 1em;
}
.surgery-flax {
    margin-right: 9px;
}
section#surgery {
    
}
.init-swiper2 .swiper-slide {
  border-radius: 18px;
}
.init-swiper2 .swiper-slide img {
    border-radius: 18px;
}
p.pad-t-3em {
    padding-top: 2.2em;
}
.section-desc p {
    font-size: 20px;
    text-align: center;
}
h2.surgery-tit {
    color: #000;
}
.surgery-flax {
    display: flex;
    justify-content: center;
} 
.surgery-flax a{
    transition: 0s;
} 
.surgery-flax .surgery-con {
    padding: 1.2em 5px 1.2em 17px;
}
span.surgery-no {
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    font-size: 30px;
    position: relative;
    top: 6px;
}
h2.surgery-tit {
    color: #000;
    font-size: 74px;
    line-height: 1em;
    margin-bottom: 0;
} 
h2.surgery-tit a {
    color: #000;
}
p.surgery-btm {
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}
span.surgery-dec {
    position: relative;
    top: 0px;
    line-height: 1.5em;
    font-size: 20px;
}  
a.loc-kakao-link {
    background-color: #000;
    color: #fff;
    padding: 12px 27px;
    font-size: 17px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 1.5em;
}
a.loc-kakao-link span {
    padding-left: 1.8em;
}
section#location h2.big_tit03 {
    color: #323232;
}
section#location p.loc_add {
    color: #323232;
    font-size: 30px;
    margin-bottom: 0.2em;
}  
section#surgery {
    padding-top: 103px;
    padding-bottom: 180px;
    border-bottom: 1px solid #7f7f7f;
}
h2.top_tit02 {
    font-size: 36px;
    margin-bottom: 1.8em;
    color: #323232;    word-break: keep-all;
}
.loc_info {
    margin-bottom: 0.3em;
    color: #323232;
}
.loc_info_link_line {
    border-top: 1px solid #dcdcdc;
    margin-top: 2.4em;
    margin-bottom: 2em;
}
.loc_info p {
    margin: 0;
    color: #323232;
    font-size: 23px;
    word-break: keep-all;
}
a.loc_link {
    color: #323232;
    font-size: 37px;
    font-weight: 600;
}
.root_daum_roughmap {
    width:100% !important;
}
/*

.surgery-flax:hover * {
    color: #f6921e;
    
}
.surgery-flax:hover .surgery-con {
    padding: 1.3em 7px 1.3em 20px;
}
.surgery-flax:hover h2.surgery-tit,
.surgery-flax:hover span.surgery-no, 
.surgery-flax:hover p.surgery-btm,
.surgery-flax:hover span.surgery-dec{
    font-size:1.1em;
}
*/
.surgery-flax:hover h2.surgery-tit a {
    color: #f6921e;
    
}
.surgery-flax:hover .surgery-con {
    /*padding: 1.3em 7px 1.3em 20px;*/
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  padding: 0;
}

.hero .carousel {
  width: 100%;
  min-height: calc(100vh - 235px);
  padding: 0;
  margin: 0;
  background-color: var(--background-color);
  position: relative;
}

.hero img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.swiper-recommend .service-item-img {
        border-radius: 6px;/* 0.6초 동안 padding 변화 */ transition: transform 0.6s ease; /* 부드러운 확대 효과 */
   overflow: hidden;position: relative;
}
.swiper-recommend .service-item-img img {
    border-radius: 6px; transition: transform 0.6s ease; 
}
.swiper-recommend .service-item-img:hover img {
transform: scale(1.02); /* 10% 확대 */
}
.service-item {
    padding: 0;
    margin: 6px;
    border: 1px solid #00000000;
    border-radius: 6px;transition: 0.6s ease;
    position: relative;
}
.service-item:hover {
    border: 1px solid #000;
    padding: 6px;
    margin: 0;
}
.swiper-recommend .service-item-img:hover {

}
.item_info {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    width: calc(100% - 12px);
    left: 6px;
    bottom: 20px;
    text-align: left;
    padding: 0 1em;
}
.service-item .item_info p {
    margin: 0;
}
p.item_link {
    text-align: right;   
}
p.item_link span {
    text-align: center;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 26px;
    color: #000;
    font-weight: 100;
    transition: 0.6s;
}
.service-item-img a:hover p.item_link span{
    background-color: #000;
    color: #fff;
}
p.item_tit {
    font-size: 60px;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    color: #000;
}
p.item_txt {
    font-size: 32px;
    font-family: "Noto Serif KR", serif;
}
@media (min-width: 1920px) {
    .hero .carousel {
        min-height: calc(100vh - 80px);
    }
    .hero img {
    object-position: top;
    }
}
section#hero {
    padding: 0;
    display: block;
    position: relative;
}
section#hero_m {
    padding: 0;display: none;
}
.swiper_text {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 138px;
    top: 47px;
}
p.swiper_top {
    font-size: 31px;
    font-family: "Noto Serif KR", serif;
}
p.swiper_big {
    font-size: 106px;
    font-family: "Noto Serif KR", serif;
    margin-bottom: 0.5em;
}
p.swiper_txt {
    font-size: 30px;font-family: "pretendard", sans-serif;
}
.swiper.mySwiper img, .swiper.hero_pc img {
    width: 100%;
}
.swiper-pagination-bullet-active {
    background: #f6921e;
}
.swiper-pagination-bullet {
    background: #fff;
}
.mySwiper .swiper-pagination-bullet {
    background: #000000;
}
.mySwiper .swiper-pagination-bullet-active {
    background: #f6921e;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

@media (max-width: 1240px) {

    section#hero_m {
        display: block;
    }
}
.hero .carousel-item {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.hero .carousel-item:before {
  content: "";
  /*background: color-mix(in srgb, var(--background-color), transparent 60%);*/
  position: absolute;
  inset: 0;
  z-index: 2;
}

.hero .carousel-container {
    position: absolute;
    inset: 13px 64px 64px 64px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    z-index: 3;
    max-width: 1200px;
    margin: 0 auto;
}
.hero .carousel-container.txt-right-po {
    align-items: flex-end;
}
.hero h2 {
    font-size: 61px;
    font-weight: 500;
    color: #fff;
    animation: fadeInDown 1s both;
    line-height: 1.3em;
}

.hero p {
        font-size: 20px;
  animation: fadeInDown 1s both 0.2s;    margin-bottom: 1.2rem;
}
.hero a.font-cormorant {
    color: #fff;
    font-family: "Noto Serif KR", serif;
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 1.6em;position: relative;
}
a.font-cormorant::before {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0.5em;
}
@media (min-width: 1024px) {

  .hero h2,
  .hero p {
    max-width: 60%;
  }
}


@media (min-width: 1024px) {
.hero .btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  animation: fadeInUp 1s both 0.4s;
}

.hero .btn-get-started:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
  width: 10%;
  transition: 0.3s;
  opacity: 0.5;
}

.hero .carousel-control-prev:focus,
.hero .carousel-control-next:focus {
  opacity: 0.5;
}

.hero .carousel-control-prev:hover,
.hero .carousel-control-next:hover {
  opacity: 0.9;
}


  .hero .carousel-control-prev,
  .hero .carousel-control-next {
    width: 5%;
  }
}

.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
}

.hero .carousel-indicators {
  list-style: none;
}

.hero .carousel-indicators li {
  cursor: pointer;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}




.info {
    margin-bottom: 50px;
}
.info img.icons {
    max-height: 24px;
    margin-right: 0.5em;
}
.info strong {
    min-width: 130px;
    display: inline-block;
}
.info p {
    font-size: 20px;
    margin: 5px 0 20px;
    word-break: keep-all;
}

        .inquiry-form {
            background-color: #f0f0f0;
            border-radius: 5px;
        }
        .form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-direction: column;
}
.form-row input, .form-row select, .form-row textarea {
    width: 100%;
    padding: 17px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
        .form-row textarea {
            width: 100%;
            resize: none;
        }
        .form-row.checkbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.form-row.checkbox input[type="checkbox"] {
    width: auto;
    margin-top: 7px;
    margin-right: 10px;
    border: 1px solid #ddd;
    width: 16px;
    height: 16px;
}
        .form-row.checkbox label {
            font-size: 14px;
        }
        .form-actions {
            text-align: right;
            margin-top: 10px;
        }
.form-actions button {
    background-color: #c00000;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 24px;
    cursor: pointer;
    width: 100%;margin-bottom: 0.5em;
}
        .form-actions button:hover {
            background-color: darkred;
        }

p.inquiry_icon {
    position: relative;
    margin: 0;
}
p.inquiry_icon label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    color: #000000;
    font-size: 1.5em;
}
p.inquiry_icon input {
    padding-left: 60px;
}

section#about-1 .col-lg-5 {
    text-align: center;
}
@media (max-width: 991px) {
    .hero .col-lg-7 {
        position: absolute;
        top: 55%;
        z-index: 10;
        display: flex !important;
        align-content: center;
        flex-wrap: wrap;
    }
    .hero h1 {
    font-size: 50px;
    line-height: 52px;
  }
.hero .img-fluid {
    max-width: 110%;
}
  .hero p {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 30px;
  }
    .about_box h2 {
        font-size: 74px;
    }
    .inquiry-form .section-title {
        padding-bottom: 20px;
    }
        h2.content-title.big_tit02 br {
    display: none;
}

h2.content-title.big_tit02 {
    text-align: center;
}

p.p_desc01.mb-4 {}

section#about-2 p.p_desc01.mb-4 {
    text-align: center;
}
}

@media (max-width: 768px) {
    .hero .carousel {
    min-height: 55vh;
}
    .hero h2 {
        font-size: 32px;
    }
    .hero a.font-cormorant {
        font-size: 18px;
    }
    a.font-cormorant::before {
        content: "";
        width: 15px;
        height: 2px;
    }
        .hero p {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .big_tit01 {
        font-size: 36px;
    }
    p.p_desc01 {
        font-size: 18px;
    }

    section#about-1 .col-lg-7 {
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    h2.content-title-ab {
        font-size: 22px;
    }
    h2.surgery-tit {
        font-size: 52px;
    }
    span.surgery-no {
        font-size: 28px;
    }
    p.surgery-btm {
        font-size: 16px;
    }
    span.surgery-dec {
        font-size: 16px;
    }
    h2.big_tit04 {
        font-size: 64px;
    }
    section#location p.loc_add {
        font-size: 16px;
    }
    footer#footer p {
        font-size: 16px;
        text-align: center;
    }
    
}

@media (max-width: 640px) {
    .hero .carousel-container {
    inset: 13px 43px;
}
  .hero h1 {
    font-size: 34px;
    line-height: 36px;
  }

  .hero p {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 15px;
  }
    
.hero .about_schedule p {
    margin-bottom: 0;
    font-size: 16px;
    
}
    
  .hero .btn-get-started,
  .hero .btn-watch-video {
    font-size: 13px;
  }
    .info strong {
        width: 100%;
        margin-top: 0.7em;
        font-size: 18px;
    }
    .info p {
        font-size: 18px;
        
    }
    .info img.icons {
        max-height: 18px;
    }
    .inquiry-form .section-title {
        padding-bottom: 0;
    }
}
@media (max-width: 468px) {
    .pc_ver {display: none;}
    .hero .carousel {
    min-height: 45vh;
}
    .hero h2 {
        font-size: 20px;
    }
     .big_tit01, .big_tit02 {
        font-size: 32px;
    }
    p.p_desc01 {
        font-size: 16px;
    }
    .section-title p {
        font-size: 18px;
    }
    .section-title p {
        font-size: 16px;
    }
    .section-desc p {
        font-size: 16px;
        word-break: keep-all;
    }
    h2.content-title-ab {
        font-size: 22px;
    }
    h2.surgery-tit {
        font-size: 32px;
    }
    .surgery-flax:hover h2.surgery-tit {
        font-size: 34px;
    }
    span.surgery-no {
        font-size: 24px;
    }
    p.surgery-btm {
        font-size: 11px;
    }
    span.surgery-dec {
        font-size: 14px;
    }
    .surgery-flax .surgery-con {
        padding: 1.2em 5px 1.2em 5px;
    }
    .surgery-flax:hover .surgery-con {
        padding: 1.2em 5px 1.2em 5px;
    }
    h2.big_tit04 {
        font-size: 36px;
    }
    section#location p.loc_add {
        font-size: 14px;
    }
    a.loc-kakao-link {
        padding: 8px 19px;
        font-size: 14px;
    }
    footer#footer p {
        font-size: 14px;
        text-align: center;
    }
    section p{
        /*word-break: keep-all;*/
    }
    p.hero_long_txt {
        font-size: 18px;
    }
    
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .section-title h2 {
  color: var(--accent-color);
  font-size: 20px;
}

.services .content .service-item {
  background-color: var(--surface-color);
  padding: 20px 30px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  position: relative;
}

.services .content .service-item .number {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.services .content .service-item .service-item-icon {
  position: relative;
  margin-bottom: 20px;
  color: var(--accent-color);
}

.services .content .service-item .service-item-icon img {
  width: 50px;
}

.services .content .service-item .service-item-icon:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  z-index: -1;
  left: -20px;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid var(--accent-color);
  display: none;
}

.services .content .service-item .service-item-icon>span {
  color: var(--default-color);
  font-size: 4rem;
}

.services .content .service-item .service-item-content .service-heading {
  font-size: 20px;
  color: var(--default-color);
  font-weight: 400;
}

.services .content .service-item .service-item-content p {
  font-size: 15px;
}
span.t_dots {
    position: relative;
}
span.t_dots:before {
    content: "·";
    position: absolute;
    top: -0.4em;
    left: 0.32em;
}
span.t_dots_red:before {
    content: "·";
    position: absolute;
    top: -0.7em;
    left: 0.17em;
    color: #b81f23;
}
span.bg-redline {
    background-image: url(../img/red_line.png);
    background-repeat: no-repeat;
    background-position: 93% 100%;
    background-size: 95%;
    padding: 0 0.3em;
    font-size: 1.1em;
}
@media (min-width: 769px) {
  .services .content [class^=col-]:nth-child(4n+4) .service-item {
    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }

  .services .content [class^=col-]:nth-last-child(-n+4) .service-item {
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
    
    
}

@media (max-width: 768px) {
  .services .content [class^=col-]:nth-child(2n+2) .service-item {
    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }

  .services .content [class^=col-]:last-child .service-item,
  .services .content [class^=col-]:nth-last-child(2) .service-item {
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
    span.t_dots:before {
        top: -0.6em;
    }
    span.t_dots_red:before {
        top: -0.75em;
        left: 0.17em;
    }
}

@media (max-width: 576px) {
  .services .content [class^=col-] .service-item {
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    margin-bottom: 10px;
  }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
section#about {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1000;
    height: auto;
    background-color: #ffffff00;
    padding: 100px 0;
}
.about_box {
    background-color: #f5f5f5;
    /* box-shadow: 0 23px 39px 0 #f4f2f2; */
    /* margin-top: -146px; */
    /* position: absolute; */
    /* z-index: 111111; */
    /* width: calc(100% - 26px); */
    max-width: 1120px;
    text-align: center;
    padding: 50px;
}
.about_box span.top_tit {
    background: #b81f24;
    color: #fff;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -100px;
    border-radius: 40px;
    width: 200px;
    display: inline-block;
    height: 56px;
    font-size: 24px;
    line-height: 56px;
    padding: 0 10px;
    font-family: var(--heading-font-b);
}
.about_box * {
    color: #000;
}
.about_box h3 {
    font-size: 30px;
    font-weight: 500;
    font-family: var(--heading-font-g);
}
.about_box h2 {
    font-size: 62px;
    color: #1b544c;
    font-weight: 700;
    font-family: var(--heading-font-g);
}
.about_box p {
    font-size: 42px;
    font-family: "SDMiSaeng", "Nanum Pen Script", cursive;
    font-weight: 400;
    font-style: normal;
    word-break: keep-all;
}
.about_box p span {
 color: #b81f24;
}
.about_box::before {
    left: 50%;
    margin-left: -30px;
    bottom: -30px;
    border-width: 30px 30px 0;
    border-color: #f5f5f5 transparent;
    display: block;
    width: 0px;
    content: "";
    position: absolute;
    border-style: solid;
}
.about .section-title {
  margin-bottom: 60px;
}

.about .content {
    width: 100%;
}

.about .content .img-overlap {
  margin-top: -150px;
}


.about .content-title {
  color: var(--contrast-color);
  font-weight: 300;
  text-align: left;
}

.about .content-title strong {
  font-weight: 700;
}

.about .content-subtitle {
  font-weight: 300;
  color: var(--contrast-color);
  text-transform: uppercase;
  font-size: 1.3rem;
}




p.profile-subtitle {
    color: #1a5a4f;
    font-weight: bold;
    font-size: 26px;
    margin-left: -1em;
    margin-top: 2em;font-family: --heading-font; /*틀린거 안다...*/
}
.profile-txt li {
    font-size: 18px;
}
.profile-txt {
    list-style: disc;
}
p.profile-title {
    font-size: 24px;
    color: #1a5a4f;margin-left: -1em;font-family: --heading-font; /*틀린거 안다...*/
}
p.profile-title span.profile-name {
    font-size: 48px;
    color: #000;
    letter-spacing: 0.2em;
    font-weight: bold;
}

.about-4-box {
    background-color: #fff;
    box-shadow: 0 15px 39px 0 #d4d4d4;
    max-width: 1120px;
    text-align: center;
    padding: 50px;
    border-radius: 15px;
}
p.txt_big_b {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0.7rem;
    margin-bottom: 2rem;
}

section#about-4 span.red {
    color: #b90f0b;
}
p.txt_normal {
    font-size: 20px;
    margin-bottom: 2rem;
}
p.txt_mi {
    font-size: 38px; color: #1a5a4f;
    font-family: "SDMiSaeng", "Nanum Pen Script", cursive;
    font-weight: 400;
    font-style: normal;margin-bottom: 2rem;
}
.about-4-top {
    width: 100%;
    text-align: center;
    margin-top: -100px;
    margin-bottom: 50px;
}
/*--------------------------------------------------------------
# Services 2 Section
--------------------------------------------------------------*/
.service-item img {

}
.services-2 {
    overflow: visible;
    padding: 120px 0;
    background-color: #f0f0f0;
}

.services-2 .section-title {
  text-align: center;
}

.services-2 .section-title h2 {
  color: #000;
  text-transform: uppercase;
}

.services-2 .section-title p {
  color: var(--contrast-color);
}

.services-2 .services-carousel-wrap {
  position: relative;
}

.services-2 .swiper-wrapper {
  height: auto;
}

.services-2 .service-item {
  position: relative;
  overflow: hidden; text-align: center;
}

.services-2 .service-item:before {
  content: "";
  background-color: color-mix(in srgb, var(--background-color), transparent 90%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s all ease;
}

.services-2 .service-item img {
  transition: 0.5s all ease;
  transform: scale(1);
    border-radius: 24px;
}

.services-2 .service-item .service-item-contents {
  z-index: 9;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  transition: 0.3s all ease;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}

.services-2 .service-item .service-item-contents .service-item-category {
  color: var(--accent-color);
  text-transform: uppercase;
}

.services-2 .service-item .service-item-contents .service-item-title {
  color: var(--contrast-color);
  margin-bottom: 0;
}

.services-2 .service-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.services-2 .service-item:hover .service-item-contents {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.services-2 .service-item:hover img {
 /* transform: scale(1.2);*/
}

.services-2 .navigation-prev, .services-2 .navigation-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9;
    width: 46px;
    height: 46px;
    background: rgb(255 255 255 / 65%);
    background-color: none;
    border: none;
    border-radius: 25%;
    transition: 0.3s all ease;
    color: #8e8e8e;
}

.services-2 .navigation-prev i,
.services-2 .navigation-next i {
  font-size: 2rem;
}
.services-4 .navigation-prev, .services-4 .navigation-next {
    top: 44%;
}
section#about-4 {
        background: linear-gradient(white 50%, #f5f5f5 50%);
        padding: 140px 0;
    }
.services-2 .navigation-prev:hover, .services-2 .navigation-next:hover {
    /*background-color: var(--accent-color);*/
    color: #424242;
}

.services-2 .navigation-prev {
  left: 10px;
}

.services-2 .navigation-next {
  right: 10px;
}

.services-2 .swiper {
  padding-bottom: 50px;
}

.services-2 .swiper-pagination {
  bottom: 0px;
}

.services-2 .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 20px;
  height: 4px;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%) !important;
  opacity: 1;
}

.services-2 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color) !important;
}



.services-3 {
    overflow: visible;
    padding: 120px 0;   
}

.services-3 .section-title {
  text-align: center;
}

.services-3 .section-title h2 {
  color: #000;
  text-transform: uppercase;
}

.services-3 .section-title p {
  color: var(--contrast-color);
}

.services-3 .services-carousel-wrap {
  position: relative;
}

.services-3 .swiper-wrapper {
  height: auto;
}

.services-3 .service-item {
  position: relative;
  overflow: hidden;    text-align: center;
}

.services-3 .service-item:before {
  content: "";
  background-color: color-mix(in srgb, var(--background-color), transparent 90%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s all ease;
}

.services-3 .service-item img {
  transition: 0.5s all ease;
  transform: scale(1);border-radius: 24px;
}

.services-3 .service-item .service-item-contents {
  z-index: 9;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  transition: 0.3s all ease;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}

.services-3 .service-item .service-item-contents .service-item-category {
  color: var(--accent-color);
  text-transform: uppercase;
}

.services-3 .service-item .service-item-contents .service-item-title {
  color: var(--contrast-color);
  margin-bottom: 0;
}

.services-3 .service-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.services-3 .service-item:hover .service-item-contents {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.services-3 .service-item:hover img {
 /* transform: scale(1.2);*/
}

.services-3 .navigation-prev, .services-3 .navigation-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9;
    width: 46px;
    height: 46px;
    background: rgb(255 255 255 / 65%);
    background-color: none;
    border: none;
    border-radius: 25%;
    transition: 0.3s all ease;
    color: #8e8e8e;
    display: none;
}

.services-3 .navigation-prev i,
.services-3 .navigation-next i {
  font-size: 2rem;
}
.services-4 .navigation-prev, .services-4 .navigation-next {
    top: 44%;
}

.services-3 .navigation-prev:hover, .services-3 .navigation-next:hover {
    /*background-color: var(--accent-color);*/
    color: #424242;
}

.services-3 .navigation-prev {
  left: 10px;
}

.services-3 .navigation-next {
  right: 10px;
}

.services-3 .swiper {
  padding-bottom: 50px;
}

.services-3 .swiper-pagination {
  bottom: 0px;
}

.services-3 .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 20px;
  height: 4px;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%) !important;
  opacity: 1;
}

.services-3 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color) !important;
}




section#services-4 {
    background-image: url(../img/section-4-bg.jpg);
    background-position: 80% 44%;
    background-repeat: no-repeat;
    overflow: visible;
    margin-bottom: 400px;
    padding-top: 110px;
    padding-bottom: 300px;
}
.services-4 .services-carousel-wrap {
    position: relative;
    margin-bottom: -350px;
}



.services-5 {
    overflow: visible;
    padding: 120px 0;   
}

.services-5 .section-title {
  text-align: center;
}

.services-5 .section-title h2 {
  color: #000;
  text-transform: uppercase;
}

.services-5 .section-title p {
  color: var(--contrast-color);
}

.services-5 .services-carousel-wrap {
  position: relative;
}

.services-5 .swiper-wrapper {
  height: auto;
}

.services-5 .service-item {
  position: relative;
  overflow: hidden;    text-align: center;
}

.services-5 .service-item:before {
  content: "";
  background-color: color-mix(in srgb, var(--background-color), transparent 90%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s all ease;
}

.services-5 .service-item img {
  transition: 0.5s all ease;
  transform: scale(1);border-radius: 24px;
}

.services-5 .service-item .service-item-contents {
  z-index: 9;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  transition: 0.3s all ease;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}

.services-5 .service-item .service-item-contents .service-item-category {
  color: var(--accent-color);
  text-transform: uppercase;
}

.services-5 .service-item .service-item-contents .service-item-title {
  color: var(--contrast-color);
  margin-bottom: 0;
}

.services-5 .service-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.services-5 .service-item:hover .service-item-contents {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.services-5 .service-item:hover img {
 /* transform: scale(1.2);*/
}

.services-5 .navigation-prev, .services-5 .navigation-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9;
    width: 46px;
    height: 46px;
    background: rgb(255 255 255 / 65%);
    background-color: none;
    border: none;
    border-radius: 25%;
    transition: 0.3s all ease;
    color: #8e8e8e;
}

.services-5 .navigation-prev i,
.services-5 .navigation-next i {
  font-size: 2rem;
}
.services-4 .navigation-prev, .services-4 .navigation-next {
    top: 44%;
}

.services-5 .navigation-prev:hover, .services-5 .navigation-next:hover {
    /*background-color: var(--accent-color);*/
    color: #424242;
}

.services-5 .navigation-prev {
  left: 10px;
}

.services-5 .navigation-next {
  right: 10px;
}

.services-5 .swiper {
  padding-bottom: 50px;
}

.services-5 .swiper-pagination {
  bottom: 0px;
}

.services-5 .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 20px;
  height: 4px;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%) !important;
  opacity: 1;
}

.services-5 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color) !important;
}




    .init-swiper3 .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.main_over_link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}
.main_over_link_btm {
    width: 50%;
    color: #fff;
    background-color: #292929;
    height: 100%;
    top: 0;
    position: absolute;
    padding: 0px;
    min-height: 94px;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.6em;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.main_over_link_btm a {
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 26px;
    width: 100px;
    margin: 0 auto;
    font-size: 18px;
    padding: 0px 0px;
}
    .service-item-img {
    position: relative;
}
    .service-item p {
    margin: 1rem 0;
}
.swiper.init-swiper3 {
    width: 1520px;
}



section#services-6 {
    background-color: #f5f5f5;
}
.curriculum-boxs {
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
}
.title-box {
    background-color: #1a5a4f;
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 1.2em;
    margin: 0;
}

section#services-6 .title-box p {
    margin-bottom: 0;
    line-height: 2em;
}
img.mic_35 {
    height: 35px;
    margin-top: -2px;
}
img.mic_20 {
    height: 20px;
    margin-top: -2px;
    margin-right: 6px;
}

section#services-6 .section-title h3 {
    font-weight: 500;
    font-family: var(--heading-font-g);
    font-size: 24px;
}
section#services-6 ul, section#services-6 .col-lg-6 p {
    text-align: center;
}
section#services-6 span.red {
    color: #b90f0b;
}
section#services-6 span.green {
    color: #1a5a4f; 
}
section#services-6 .col-lg-6 p {
    font-size: 24px;
    font-family: --heading-font-b;
    font-weight: bold;
    margin-bottom: 0.7rem;
}
section#services-6 ul {
    font-size: 20px;
    margin-bottom: 2rem;
    padding-left: 0;
    word-break: auto-phrase;
}
section#services-7 .title-box {
    text-align: left;
    font-size: 24px;
    padding: 1em;
}
section#services-7 .title-box p {
    margin-bottom: 0;
}
section#services-7 .title-box p b {
    font-size: 28px;
    font-family: --heading-font-b;
    font-weight: bold;
}
.bg-gray {
    background-color: #f5f5f5;
}
table.date_info th,table.date_info td {
    width: 50%;
    text-align: center;
    padding: 13px;
}

table.date_info {
    width: 100%;
}
table.date_info th, table.date_info td {
    width: 50%;
    text-align: center;
    padding: 8px;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
}
table.date_info td {
    border-right: 1px solid #f0f0f0;
}
.date_info_txt {
    background-color: #f0f0f0;
    padding: 2rem;
}
section#services-7 span.green {
    color: #1a5a4f;
}

.date_info_txt h3 {
    text-align: left;
    margin-bottom: 1em;
    font-size: 34px;
}
.date_info_txt p {
    font-weight: 600;
    font-size: 18px;
}
.date_info_txt p span {
    font-size: 16px;
}

.date_info_txt p a {
    font-size: 16px;
    color: #000;
        font-weight: 500;
}
.cycl_container {
    width: 80%;
    max-width: 600px;
    height: 0;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    position: relative;
}

.cycl_container_in {
    padding-bottom: 100%;
    /* position: absolute; */
    background-color: #1a5a4f;
}

.cycl_container_in .cycl_container_in2 {
    position: absolute;
    text-align: center;
    width: 100%;
}
p.section04_sm {
    font-size: 28px;
    line-height: 1.5em;
    font-weight: 500;
    font-family: var(--heading-font-g);
}
p.section04_big {
    font-size: 56px;
    font-weight: 600;
    margin-top: 1.5em;
    font-family: var(--heading-font-g);
}

.circle-container {
    width: 100%;
    max-width: 700px;
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #1a5a4f;
    }

    .circle-content {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0%;
      transform: translate(0%, -50%);
      font-size: 1.2em;
      line-height: 1.5em;
    }
/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials .testimonial img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.testimonials .testimonial blockquote p {
  font-size: 20px;
  color: var(--default-color);
  font-weight: 500;
}

.testimonials .testimonial .client-name {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Recent Posts Section
--------------------------------------------------------------*/
.recent-posts .post-item {
  background: var(--surface-color);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.recent-posts .post-item .post-img img {
  transition: 0.5s;
}

.recent-posts .post-item .post-date {
    position: absolute;
    left: 0;
    bottom: 0;
    color: var(--contrast-color);
    text-transform: uppercase;
    font-size: 24px;
    padding: 1em;
    font-weight: 700;
}

.recent-posts .post-item .post-content {
  padding: 30px;
}

.recent-posts .post-item .post-title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 700;
  transition: 0.3s;
  margin-bottom: 15px;
}

.recent-posts .post-item .meta i {
  font-size: 16px;
  color: var(--accent-color);
}

.recent-posts .post-item .meta span {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.recent-posts .post-item hr {
  color: color-mix(in srgb, var(--default-color), transparent 80%);
  margin: 20px 0;
}

.recent-posts .post-item .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.recent-posts .post-item .readmore i {
  line-height: 0;
  margin-left: 6px;
  font-size: 16px;
}

.recent-posts .post-item:hover .post-title,
.recent-posts .post-item:hover .readmore {
  color: var(--accent-color);
}

.recent-posts .post-item:hover .post-img img {
  transform: scale(1.1);
}
    @media (max-width: 1200px) {
        .swiper.init-swiper3 {
            max-width: 100%;
        }
    }
@media (max-width: 768px) {    
    .recent-posts .col-md-6 {
        width: 50%;
        padding-right: calc(var(--bs-gutter-x)* .2);
        padding-left: calc(var(--bs-gutter-x)* .2);
        margin-top: calc(var(--bs-gutter-x)* .4);
    }
    .recent-posts .post-item .post-date {
        font-size: 16px;
    }
}
/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action .content {
  padding: 20px 0;
}

.call-to-action .content h3 {
  font-weight: 300;
  text-transform: uppercase;
}

.call-to-action .content .form-subscribe .form-control {
  border: 2px solid var(--accent-color);
  background: var(--surface-color);
  border-radius: 0;
}

.call-to-action .content .form-subscribe input[type=email] {
  height: 63px !important;
  color: var(--default-color);
}

.call-to-action .content .form-subscribe input[type=email]:focus {
  box-shadow: none;
}

.call-to-action .content .form-subscribe input[type=email]::placeholder {
  color: color-mix(in srgb, var(--contrast-color), transparent 50%);
}

.call-to-action .content .loading,
.call-to-action .content .error-message,
.call-to-action .content .sent-message {
  margin-top: 15px;
}

.call-to-action .content .btn {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 0;
}

.call-to-action .content .btn:hover,
.call-to-action .content .btn:active,
.call-to-action .content .btn:focus {
  box-shadow: none;
  outline: none;
  background-color: var(--contrast-color);
  border: 1px solid var(--contrrast-color);
}

/*--------------------------------------------------------------
# About 3 Section
--------------------------------------------------------------*/
.about-3 .content-title {
  color: var(--accent-color);
  margin-bottom: 30px;
}
section#about-3 {
    /* background-image: url(../img/profile-img-bg.png); */
    background-repeat: no-repeat;
    background-position: 24% bottom;
    padding: 147px 0;
}


.about-3 .btn-cta {
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 6px;
}

.about-3 .list-check {
  margin-bottom: 50px;
}

.about-3 .list-check li {
  display: block;
  padding-left: 30px;
  position: relative;
}

.about-3 .list-check li:before {
  content: "\f26e";
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0.1rem;
  font-size: 20px;
  left: 0;
  color: var(--accent-color);
}

.about-3 .pulsating-play-btn {
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team .person {
  position: relative;
}

.team .person figure {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.team .person img {
  transition: 0.3s all ease;
}

.team .person .person-contents {
  text-align: center;
}

.team .person .person-contents h3 {
  color: var(--heading-color);
  font-size: 24px;
}

.team .person .person-contents .position {
  color: var(--accent-color);
}

.team .person:hover img {
  transform: scale(1.05);
}

.team .person .social {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
}

.team .person .social a {
  display: block;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  background: var(--contrast-color);
  position: relative;
}

.team .person .social a>span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.team .person .social a:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Blog Posts 2 Section
--------------------------------------------------------------*/
.blog-posts-2 article {
  background-color: var(--surface-color);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-radius: 8px;
  overflow: hidden;
}

.blog-posts-2 .post-img img {
  transition: 0.5s;
}

.blog-posts-2 .post-content {
  padding: 30px;
}

.blog-posts-2 .post-title {
  font-size: 20px;
  line-height: 24px;
  color: var(--heading-color);
  font-weight: 600;
  transition: 0.3s;
  margin-bottom: 20px;
}

.blog-posts-2 .meta {
  position: relative;
  margin-top: -20px;
  padding: 0 30px;
}

.blog-posts-2 .meta i {
  font-size: 16px;
  color: var(--accent-color);
}

.blog-posts-2 .meta span {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-posts-2 .meta .post-date {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 13px;
  padding: 6px 12px;
  text-align: center;
  margin-right: 15px;
  border-radius: 4px;
}

.blog-posts-2 .meta .post-date span {
  display: block;
  color: var(--contrast-color);
  font-weight: 700;
  font-size: 20px;
}

.blog-posts-2 .readmore {
  display: flex;
  align-items: center;
  font-weight: 400;
  line-height: 1;
  transition: 0.3s;
  color: color-mix(in srgb, var(--heading-color), transparent 20%);
}

.blog-posts-2 .readmore i {
  line-height: 0;
  margin-left: 6px;
  font-size: 16px;
}

.blog-posts-2 article:hover .post-title,
.blog-posts-2 article:hover .readmore {
  color: var(--accent-color);
}

.blog-posts-2 article:hover .post-img img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Blog Pagination Section
--------------------------------------------------------------*/
.blog-pagination {
  padding-top: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog-pagination li a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-pagination li a.active,
.blog-pagination li a:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.blog-pagination li a.active a,
.blog-pagination li a:hover a {
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details {
  padding-bottom: 30px;
}

.blog-details .article {
  background-color: var(--surface-color);
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog-details .post-img {
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog-details .title {
  color: var(--heading-color);
  font-size: 28px;
  font-weight: 700;
  padding: 0;
  margin: 30px 0;
}

.blog-details .content {
  margin-top: 20px;
}

.blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-details .content blockquote {
  overflow: hidden;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog-details .content blockquote p {
  color: var(--default-color);
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.blog-details .content blockquote:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--accent-color);
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .meta-top {
  margin-top: 20px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog-details .meta-top ul li+li {
  padding-left: 20px;
}

.blog-details .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog-details .meta-bottom {
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.blog-details .meta-bottom i {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  display: inline;
}

.blog-details .meta-bottom a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: 0.3s;
}

.blog-details .meta-bottom a:hover {
  color: var(--accent-color);
}

.blog-details .meta-bottom .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog-details .meta-bottom .cats li {
  display: inline-block;
}

.blog-details .meta-bottom .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog-details .meta-bottom .tags li {
  display: inline-block;
}

.blog-details .meta-bottom .tags li+li::before {
  padding-right: 6px;
  color: var(--default-color);
  content: ",";
}

.blog-details .meta-bottom .share {
  font-size: 16px;
}

.blog-details .meta-bottom .share i {
  padding-left: 5px;
}

/*--------------------------------------------------------------
# Blog Comments Section
--------------------------------------------------------------*/
.blog-comments {
  padding: 10px 0;
}

.blog-comments .comments-count {
  font-weight: bold;
}

.blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog-comments .comment .comment-img img {
  width: 60px;
}

.blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog-comments .comment h5 a {
  font-weight: bold;
  color: var(--default-color);
  transition: 0.3s;
}

.blog-comments .comment h5 a:hover {
  color: var(--accent-color);
}

.blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 5px;
}

.blog-comments .comment.comment-reply {
  padding-left: 40px;
}

/*--------------------------------------------------------------
# Comment Form Section
--------------------------------------------------------------*/
.comment-form {
  padding-top: 10px;
}

.comment-form form {
  background-color: var(--surface-color);
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.comment-form form h4 {
  font-weight: bold;
  font-size: 22px;
}

.comment-form form p {
  font-size: 14px;
}

.comment-form form input {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 10px;
}

.comment-form form input:focus {
  color: var(--default-color);
  background-color: var(--surface-color);
  box-shadow: none;
  border-color: var(--accent-color);
}

.comment-form form input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.comment-form form textarea {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
  height: 120px;
}

.comment-form form textarea:focus {
  color: var(--default-color);
  box-shadow: none;
  border-color: var(--accent-color);
  background-color: var(--surface-color);
}

.comment-form form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.comment-form form .form-group {
  margin-bottom: 25px;
}

.comment-form form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.comment-form form .btn-primary:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
  padding-top: 10px;
}

.contact .info {
  background-color: var(--surface-color);
  padding: 40px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.contact .info h3 {
  font-weight: 600;
  font-size: 24px;
}

.contact .info p {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 30px;
  font-size: 15px;
}

.contact .info-item+.info-item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.contact .info-item i {
  font-size: 24px;
  color: var(--accent-color);
  transition: all 0.3s ease-in-out;
  margin-right: 20px;
}

.contact .info-item h4 {
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.contact .php-email-form {
  width: 100%;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  color: var(--default-color);
  background-color: var(--surface-color);
  border-radius: 0px;
  box-shadow: none;
  font-size: 14px;
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--accent-color);
}

.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {
  height: 48px;
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
  height: 290px;
}

.contact .php-email-form button[type=submit] {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 0;
  padding: 13px 50px;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
}
section#location {
    padding-bottom: 120px;
    padding-top: 100px;
}
   section#location .container
 {
    overflow: hidden;
    max-width: 1460px;
} 
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
  margin: 60px 0 30px 0;
}

.widget-title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  position: relative;
}

.widget-title:before {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  left: 0;
  right: 0;
  bottom: 1px;
}

.widget-title:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 2px;
  background: var(--accent-color);
  left: 0;
  bottom: 1px;
}

.widget-item {
  margin-bottom: 40px;
}

.widget-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget .post-item {
  display: flex;
  margin-bottom: 15px;
}

.recent-posts-widget .post-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget .post-item img {
  width: 80px;
  margin-right: 15px;
}

.recent-posts-widget .post-item h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.recent-posts-widget .post-item h4 a {
  color: var(--default-color);
  transition: 0.3s;
}

.recent-posts-widget .post-item h4 a:hover {
  color: var(--accent-color);
}

.recent-posts-widget .post-item time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.categories-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories-widget ul li {
  padding-bottom: 10px;
}

.categories-widget ul li:last-child {
  padding-bottom: 0;
}

.categories-widget ul a {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  transition: 0.3s;
}

.categories-widget ul a:hover {
  color: var(--accent-color);
}

.categories-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}

.blog-author-widget img {
  max-width: 120px;
  margin-right: 20px;
}

.blog-author-widget h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0px;
  padding: 0;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.blog-author-widget .social-links {
  margin: 5px 0;
}

.blog-author-widget .social-links a {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  margin-right: 5px;
  font-size: 18px;
}

.blog-author-widget .social-links a:hover {
  color: var(--accent-color);
}

.blog-author-widget p {
  font-style: italic;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 10px 0 0 0;
}

.search-widget form {
  background: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  padding: 3px 10px;
  position: relative;
  transition: 0.3s;
}

.search-widget form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
  background-color: var(--background-color);
  color: var(--default-color);
}

.search-widget form input[type=text]:focus {
  outline: none;
}

.search-widget form button {
  background: var(--accent-color);
  color: var(--contrast-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.search-widget form button i {
  line-height: 0;
}

.search-widget form button:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.search-widget form:is(:focus-within) {
  border-color: var(--accent-color);
}

.recent-posts-widget-2 .post-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.recent-posts-widget-2 .post-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget-2 .post-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.recent-posts-widget-2 .post-item h4 a {
  color: var(--default-color);
  transition: 0.3s;
}

.recent-posts-widget-2 .post-item h4 a:hover {
  color: var(--accent-color);
}

.recent-posts-widget-2 .post-item time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.tags-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tags-widget ul li {
  display: inline-block;
}

.tags-widget ul a {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
  display: inline-block;
  transition: 0.3s;
}

.tags-widget ul a:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
}

.tags-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-size: 14px;
}

.header .logo img.maxhight80 {
    max-height: 60px;
}
.navigation-prev, .navigation-next {display: none;}
.footer .footer-top a:after {
    content: "";
}

.footer .footer-top a {
    color: #2c2c2c;
    padding: 0 10px;
    position: relative;
}
.footer .footer-top a:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 16px;
    background-color: #eaeaea;
}
.footer .footer-top a:first-child:after {
   display: none;
}

.fade-down {
  opacity: 0;
  transform: translateY(-60px);
  transition: opacity 0.6s ease, transform 1s ease;
}

.fade-down.show {
  opacity: 1;
  transform: translateY(0);
}
   .swiper {
  visibility: hidden; /* Swiper 슬라이드를 보이지 않게 설정 */
}

.swiper.swiper-initialized {
  visibility: visible; /* Swiper 초기화가 완료되면 보이게 설정 */
  opacity: 1; /* 만약 애니메이션이 있다면 부드럽게 나타나도록 */
  transition: opacity 0.3s ease-in-out;
}
.scroll-button-warp {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 5em;
    border-top: 1px solid #eee;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    z-index: 11;
}
.scroll-button {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #00000000;
    color: white;
    padding: 0 20px;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    z-index: 111;
}
#hero .swiper-wrapper {
    max-height: 100vh;
}
.signature-tabs {
    padding-left: 6.2em;
}
.signature-tabs button {
    padding: 19px 20px;
    margin-right: 5px;
    border: 0px;
    background-color: #ffffff00;
    border-bottom: 1px solid #999896;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 38px;
    position: relative;
    font-family: "Noto Serif KR", serif;
    font-weight: 600;color: #252525;
}
.signature-tabs button i {
    display: none;
    position: absolute;
    right: 0;
    top: 0.8em;
    transition: 0.6s;
}
  .signature-tabs button.active i,
  .signature-tabs button:hover i    {
      display: block;
  }
  .signatures { display: none; }
  .signatures.active { display: block; }


.justify-content-center2 {
    justify-content: space-around;
}
@media (max-width: 1799px) {
    p.swiper_top {
        font-size: 24px;
        font-family: "Noto Serif KR", serif;
    }
    p.swiper_big {
        font-size: 80px;
    }
    p.swiper_txt {
        font-size: 24px;
    }
    .justify-content-center2 {
        justify-content: center;
    }
}
@media (max-width: 1400px) {
    p.swiper_top {
        font-size: 22px;
        font-family: "Noto Serif KR", serif;
    }
    p.swiper_big {
        font-size: 60px;
    }
    p.swiper_txt {
        font-size: 22px;
    }
        .justify-content-center2 {
        justify-content: left;
    }
    .header.scrolled .navmenu a, .header.scrolled .navmenu a:focus {
        padding: 15px 1rem;
    }
}
@media (max-width: 1199px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 40px);
    }
    p.swiper_top {
        font-size: 22px;
        font-family: "Noto Serif KR", serif;
    }
    p.swiper_big {
        font-size: 50px;
    }
    p.swiper_txt {
        font-size: 21px;
    }
    .justify-content-center2 {
    justify-content: space-between;
}
    .big_tit01 {
    font-size: 70px;
}
    .signature-tabs {
    padding-left: 0;
}
    .signature-tabs button {
    padding: 14px 20px;
    font-size: 26px;
    }
    .footer-link ul {
    flex-wrap: wrap;
}
    .footer-link ul li {
    width: 50%;
    text-align: center;
    margin: 0.5em 0;
}
    .tab button {
        font-size: 20px;
    }
    .sub-tab button {
        font-size: 20px;
    }
    .table-container td.center_left {
        text-align: left;        padding: 10px;
    }
    table {
        margin-top: 40px;
    }
    .table-container table {
        min-width: 320px;font-size: 18px;
    }
    .sub-tab {
        display: flex;
        flex-wrap: wrap;
        
    }
    .sub-tab button {
        font-size: 16px;
        width: 50%;
        
    }
    div.tabcontent p {
        font-size: 18px;
    }
    div.sub-tabcontent ul, div.tabcontent ul {
        font-size: 18px;
    }
    
    .tab button {
        padding: 14px 0px;
        font-size: 16px;
    }
    .header .logo img {
        max-height: 30px;       
    }
    h2.curriculum_tit {
        font-size: 32px;
    }
    h2.curriculum_tit span{
        font-size: 18px;
    }
    a.link_btn {
        font-size: 18px;
    }
    div#VoiceSpeech p {
        font-size: 18px;
    }
     .sub-tab button {
            padding: 15px;
    }
    p.about2-tit {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2em;
}
p.about2-txt {
    font-size: 16px;
}
p.about2-sign {
    font-size: 16px;
    font-weight: bold;font-family: --heading-font; /*틀린거 안다...*/
}
p.about2-sign span {
    font-size: 20px;
}
    .swiper_text {
        justify-content: flex-start;
        left: 90px;
    }
    .scroll-button-warp {

    height: 3.5em;
}

}
@media screen and (max-width: 991px) {
    .scroll-button-warp {
    display: none;
}
    p.swiper_top {
        font-size: 18px;
        font-family: "Noto Serif KR", serif;
    }
    p.swiper_big {
        font-size: 40px;
    }
    p.swiper_txt {
        font-size: 18px;
    }
        .big_tit01 {
        font-size: 60px;
        padding: 1em 0;
    }
.about_img_div img {
    max-width: 70%;
}
.about_img_div {
    text-align: center;
    padding-bottom: 20px;
}

    .col01 {
    width: 58%; padding: 5px;
}
.col02 {
    width: 42%; padding: 5px;
}
.col03 {
    width: 47%; padding: 5px;
}
.col04 {
    width: 53%; padding: 5px;
}
    .section-title h3.index_subtit {
        font-size: 20px;
    }
    .section-title h2.index_tit {
        font-size: 40px;
    }
    .section-title h3.inquiry_subtit {
        font-size: 20px;
    }
    .section-title h2.inquiry_tit {
        font-size: 38px;
    }
    .footer-about {
    position: relative;
}
    a.foot_logo {
        position: relative;
        text-align: center;
        width: 100%;
        display: inline-block;
    }
        a.foot_logo img {
        width: 30%;
    }
    .footer-about img {
    position: absolute;
    right: calc(50% - 15%);
    bottom: 7px;
    max-width: 140px;
}

    .section-title p.txt01 {
    font-size: 30px;
}
    p.txt01 img {
    height: 30px;
    margin-top: -6px;
}
    .big_tit02 {
        font-size: 54px;
    }
    section#location {
        padding-left: 5em;
        padding-right: 5em;
    }
    h2.top_tit02 {
        font-size: 32px;
    }
    section#location p.loc_add {
        font-size: 28px;
    }
    a.loc_link {
        font-size: 28px;
    }
    .about_box h2 {
        font-size: 68px;
    }
    section#about-3 .col-lg-5 {
        text-align: center;
    }
    p.profile-title span.profile-name {
        font-size: 46px;
        /*width: 100%;*/
        display: inline-block;
        text-align: center;
    }
    p.profile-title {
        text-align: center;margin-left: 0;
    }
}

@media (max-width: 768px) {  
    p.swiper_top {
        font-size: 16px;
        font-family: "Noto Serif KR", serif;
    }
    p.swiper_big {
        font-size: 40px;
    }
    p.swiper_txt {
        font-size: 16px;
    }
    .header .logo img.maxhight80 {
        max-height: 50px;
    }
    section, .section, .services-2, .services-3,.services-5 {
        padding: 100px 0;
    }
    section#about-3 {
        padding-top: 100px;
    }
    section#about-1 {
        padding-top: 100px;
    }
    section#surgery {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .about_box span.top_tit {
        top: -23px;
        height: 46px;
        font-size: 20px;
        line-height: 46px;
        width: 180px;
        margin-left: -90px;
    }
    .about_box h3 {
        font-size: 24px;
    }
    .about_box h2 {
        font-size: 34px;
        color: #1b544c;
        font-weight: 700;
    }
    .about_box p {
        font-size: 27px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    p.section04_sm {
        font-size: 16px;
    }
    p.section04_big {
        font-size: 28px;
        margin-top: 1em;
    }
    section#services-4 {
        background-size: cover;
        margin-bottom: 250px;
        padding-top: 110px;
        padding-bottom: 150px;
    }
    section#about-3 {
       /* padding-left: 16px;
        padding-right: 16px;*/
    }
    
    .profile-txt li {
        font-size: 16px;
    }
    p.profile-subtitle {
        font-size: 24px;
        margin-left: -0.5em;
    }
    p.txt_big_b {
        font-size: 24px;
        word-break: keep-all;
    }
    p.txt_normal {
        font-size: 15px;
        word-break: keep-all;
    }
    p.txt_normal br.pc_ver, p.txt_big_b br.pc_ver, p.about2-txt br.pc_ver {
        display: none;
    }
    p.txt_mi {
        font-size: 26px;
    }
    .curriculum-boxs {
        margin: 0 5px;
    }
    section#services-6 .col-lg-6 p {
        font-size: 20px;
    }
    section#services-6 .title-box p {
        margin-bottom: 0;
        line-height: 46px;
    }
    .title-box {
        font-size: 24px;
    }
    section#services-6 ul {
        font-size: 16px;
    }
    section#services-7 .title-box p b {
        font-size: 24px;
    }
    section#services-7 .title-box {
        font-size: 20px;
    }
    table.date_info th, table.date_info td {
        font-size: 20px;
    }
    .hero {
        padding: 0 0 0 0;
    }
    
    .about-4-box {
        margin: 0 20px;
        width: calc(100% - 40px);    padding: 26px 16px;
    }
    .about-4-top img {
        width: 70px;
    }
    .about-4-top {
        margin-top: -60px;
    }
    .section-title {
        padding-bottom: 10px;
    }
    section#about-4 {
        padding-top: 100px;
    }
    .about_box {
        padding: 26px;
    }
    section#recent-posts h3 {
        font-size: 26px;
    }
    .date_info_txt h3 {
        font-size: 28px;
    }
    .date_info_txt p {
        font-size: 18px;
    }
    .date_info_txt p span {
        font-size: 16px;
    }
    .footer .footer_txt {
        padding: 35px 0 5px;
    }
    .footer .footer-about .logo {
        justify-content: center;
    }
    .footer .footer-about .logo img {
        max-height: 50px;
    }
    .footer .footer-top a {
        font-size: 14px;
    }
    .footer {
        font-size: 14px;
    }
    .footer .footer-about .logo {
        margin-bottom: 0;
    }
    section#about {
        
    }
    .cycl_container {
        max-width: 420px;
    }
    
.loc_info p {
    font-size: 18px;
}
        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 6px);
        left: calc(50% - 150px);
    }

}
@media screen and (max-width: 680px) {
        .swiper_text {
        left: 50px;
    }
    .footer-link ul a {
    font-size: 15px;        padding-right: 0;
}
    .footer-link {
    margin-left: 0;
    margin-right: 0;
}
    .footer-link ul li:after {
    top: 6px;
}
    .tab {
        /*flex-direction: column;*/
    }
    .tab button {
        width: 100%;
    }
    span.curri_discount {
        font-size: 18px;
        padding: 4px 18px;
    }
    h2.curriculum_tit {
        font-size: 23px;
    }
    h2.curriculum_tit span{
        font-size: 13px;
    }
        a.link_btn {
        font-size: 16px;
    }
    div.tabcontent p {
        font-size: 16px;
    }
    div.sub-tabcontent ul, div.tabcontent ul {
        font-size: 16px;
    }
    .table-container table {
        min-width: 330px;font-size: 12px;
    }
    .sub-tab {
    margin: 40px 0;
}
    .tab {
    margin-bottom: 40px;
}
     .sub-tab button {
            padding: 10px 15px;
    }
    table.pd2 td {
    padding: 1rem;
}
    th, td {
            padding: 10px 5px;
        }

    div#quick {
        position: relative;
        z-index: 100;
        top: 0;
        right: 0;
    }
    div#quick ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0;
    }
    #quick li {
        width: 20%;
    }
    div#quick ul li a {
        font-size: 11px;
    }
    div#quick ul li.quick-top {
        display: none;
    }
    div#quick ul li.quick-bf {
        display: none;
    }
    div#quick ul li {
        border-bottom: 1px solid #bdbdbd;
    }
    div#quick ul li.quick-location {
        border-bottom: 1px solid #bdbdbd;
    }
    section#location {
        padding-left: 3.5em;
        padding-right: 3.5em;
    }
    h2.top_tit02 {
        font-size: 28px;
    }
    section#location p.loc_add {
        font-size: 24px;
    }
    a.loc_link {
        font-size: 24px;
    }
    
}
@media screen and (max-width: 500px) {
    .page-title {
        padding: 70px 0 50px;
    }
    table {
        font-size: 14px;
    }
    p.swiper_top {
        font-size: 14px;        margin-bottom: 0.5em;
    }
    p.swiper_big {
        font-size: 26px;
    }
    p.swiper_txt {
        font-size: 14px;
    }
        .big_tit01 {
        font-size: 32px;
        padding: 1em 0;
    }
        .signature-tabs button {
        padding: 14px 20px;
        font-size: 22px;
    }
        .section-title h2 {
        font-size: 14px;
    }
    section#recent-posts .section-title h2.top_tit01 {
    font-size: 24px;
}
        section#recent-posts .section-title p.txt01 {
        font-size: 24px;
    }
    section#recent-posts .section-title h2.top_tit01 br.mobile_ver{
        display: block;
    }
    section#recent-posts .section-title p.txt01 br.mobile_ver{
        display: block;
    }
    .section-title p.txt01 {
    font-size: 18px;
}
    p.txt01 img {
    height: 18px;
    margin-top: -4px;
}
    .big_tit02 {
        font-size: 32px;
    }
    p.item_tit {
    font-size: 36px;
}
    .item_txt {
    font-size: 26px;
}
    section#location {
    padding-left: 2em;
    padding-right: 2em;
}
        .section-title h3.index_subtit {
        font-size: 16px;
    }
    .section-title h2.index_tit {
        font-size: 30px;
    }
    .section-title h3.inquiry_subtit {
        font-size: 16px;
    }
    .section-title h2.inquiry_tit {
        font-size: 28px;
    }
 
    section#services-4 {
        margin-bottom: 120px;
    }
    .profile-txt li {
        font-size: 14px;
    }
    p.profile-subtitle {
        font-size: 22px;
        margin-left: -0.5em;
        margin-bottom: 0.2em;
    }
    p.profile-title span.profile-name {
        font-size: 28px;
    }
    p.profile-title {
        font-size: 16px;
    }
    .hero .col-lg-7 {
        position: absolute;
        top: 43%;
        z-index: 10;
    }
    section#services-6 .section-title h3 {
        font-size: 18px;
    }
    section#about-3 .img-fluid {
    }
    .hero .img-fluid {
        margin-bottom: -10px;        margin-top: -25px;
    }
    .header {
        padding: 4px 0;
    }

}


#footer_location{position:relative;margin:0;padding:80px 0;background-color:#261e19;}
#footer_location .inner{position:relative;margin:0 auto;padding:0 30px;max-width:calc(1525px + 60px);box-sizing:border-box;}
#footer_location .marquee_text{position:relative;margin:0;padding:0;overflow:hidden;display:flex;flex-wrap:nowrap;align-items:center;gap:40px;opacity:0.2;}
#footer_location .marquee_text .track{position:relative;margin:0;padding:0;font-size:70px;font-weight:500;color:#000000;line-height:1;letter-spacing:0.15em;display:flex;flex-wrap:nowrap;align-items:center;gap:40px;animation:ani_footer_location_marquee_text 60s linear infinite;}
#footer_location .marquee_text .track span{white-space:nowrap;flex-shrink:0;}
#footer_location .inner .box{position:relative;margin:0;padding:0;margin-top:80px;font-family:"Gmarket Sans";letter-spacing:-0.03em;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:40px;}
#footer_location .inner .box .info{position:relative;margin:0;padding:0;flex-grow:1;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
#footer_location .inner .box .info .address{position:relative;margin:0;padding:0;font-size:40px;font-weight:500;color:#FFFFFF;line-height:1.5;}
#footer_location .inner .box .info .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:30px;}
#footer_location .inner .box .info .text dl{position:relative;margin:0;padding:0;font-size:26px;font-weight:300;color:#FFFFFF;line-height:1.5;display:flex;flex-wrap:nowrap;flex-direction:column;gap:0;}
#footer_location .inner .box .info .text dl dt{position:relative;margin:0;padding:0;font-size:30px;font-weight:500;}
#footer_location .inner .box .info .text dl dd{position:relative;margin:0;padding:0;}
#footer_location .inner .box .info .text dl dd p{position:relative;margin:0;padding:0;font-size:inherit;}
#footer_location .inner .box .info .contact{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#footer_location .inner .box .info .contact a{position:relative;margin:0;padding:0;font-size:35px;font-weight:500;color:#FFFFFF;line-height:1.5;display:flex;flex-wrap:nowrap;flex-direction:row;gap:10px;}
#footer_location .inner .box .info .contact a .icon{position:relative;margin:0;padding:0;width:55px;aspect-ratio:1/1;background-size:100%;background-repeat:no-repeat;background-position:center center;}
#footer_location .inner .box .info .contact a .icon.tel{background-image:url("../img/footer_location_icon_tel.png");}
#footer_location .inner .box .info .contact a .icon.kakaotalk{background-image:url("../img/footer_location_icon_kakaotalk.png");}
#footer_location .inner .box > .map{position:relative;margin:0;padding:0;max-width:750px;width:50%;}

@keyframes ani_footer_location_marquee_text {
    0%{transform:translateX(0%);}
    100%{transform:translateX(-100%);}
}

@media all and (max-width:1400px)
{
	#footer_location{padding:60px 0;}
	#footer_location .marquee_text{gap:35px;}
	#footer_location .marquee_text .track{font-size:50px;gap:35px;}
	#footer_location .inner .box{margin-top:60px;}
	#footer_location .inner .box .info{gap:30px;}
	#footer_location .inner .box .info .address{font-size:28px;}
	#footer_location .inner .box .info .text dl{font-size:20px;}
	#footer_location .inner .box .info .text dl dt{font-size:24px;}
	#footer_location .inner .box .info .contact a{font-size:26px;}
	#footer_location .inner .box .info .contact a .icon{width:1.57em;}
}
@media all and (max-width:1199px)
{
	#footer_location{padding:50px 0;}
	#footer_location .marquee_text{gap:30px;}
	#footer_location .marquee_text .track{font-size:40px;gap:30px;}
	#footer_location .inner{padding:0 15px;}
	#footer_location .inner .box{margin-top:50px;}
	#footer_location .inner .box{flex-direction:column;align-items:initial;}
	#footer_location .inner .box .info{gap:25px;}
	#footer_location .inner .box > .map{max-width:initial;width:auto;}
	#footer_location .inner .box > .map .wrap_map{height:auto !important;aspect-ratio:16/9;}
}
@media all and (max-width:680px)
{
	#footer_location{padding:40px 0;}
	#footer_location .marquee_text{gap:25px;}
	#footer_location .marquee_text .track{font-size:30px;gap:25px;}
	#footer_location .inner .box{margin-top:40px;}
	#footer_location .inner .box .info{gap:20px;}
	#footer_location .inner .box .info .address{font-size:20px;}
	#footer_location .inner .box .info .text dl{font-size:16px;}
	#footer_location .inner .box .info .text dl dt{font-size:18px;}
	#footer_location .inner .box .info .contact a{font-size:18px;}
	#footer_location .inner .box > .map .wrap_map{aspect-ratio:4/3;}
}


#quick_menu{position:fixed;z-index:1002;right:30px;top:50%;transform:translateY(-50%);width:60px;}
#quick_menu ul{position:relative;margin:0;padding:0;list-style:none;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#quick_menu ul li{position:relative;margin:0;padding:0;}
#quick_menu .item{position:relative;margin:0;padding:0;border:1px solid rgba(255,255,255,0.2);border-radius:10px;-webkit-appearance:none;aspect-ratio:1/1;width:100%;box-sizing:border-box;background-color:#261e19;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
#quick_menu .item .icon{position:relative;margin:0;padding:0;width:30px;aspect-ratio:1/1;background-size:100%;background-repeat:no-repeat;background-position:center center;}
#quick_menu .item .title{position:relative;margin:0;padding:0;font-size:12px;font-weight:500;color:#FFFFFF;line-height:1.2;white-space:nowrap;text-align:center;align-self:stretch;}
#quick_menu .item .icon.event{background-image:url("../img/quick_menu_icon_event.png");}
#quick_menu .item .icon.counsel{background-image:url("../img/quick_menu_icon_counsel.png");}
#quick_menu .item .icon.tel{background-image:url("../img/quick_menu_icon_tel.png");}
#quick_menu .item .icon.kakaotalk{background-image:url("../img/quick_menu_icon_kakaotalk.png");}
#quick_menu .item .icon.youtube{background-image:url("../img/quick_menu_icon_youtube.png");}
#quick_menu .item .icon.instagram{background-image:url("../img/quick_menu_icon_instagram.png");}
#quick_menu .item .icon.blog{background-image:url("../img/quick_menu_icon_blog.png");}
#quick_menu .item .icon.top{background-image:url("../img/quick_menu_icon_top.png");}

@media all and (max-width:1199px)
{
	#quick_menu{right:auto;left:0;top:60px;transform:translateY(0);width:100%;background-color:#261e19;border-bottom:1px solid rgba(255,255,255,0.1);}
	#quick_menu ul{gap:5px;flex-direction:row;gap:0;}
	#quick_menu ul li{flex:1;}
	#quick_menu ul li:nth-child(n+2){border-left:1px solid rgba(255,255,255,0.1);}
	#quick_menu ul li.mobile_hide{display:none;}
	#quick_menu .item{border-radius:0;aspect-ratio:initial;height:60px;border:0;}
	#quick_menu .item .icon{width:25px;}
	#quick_menu .item .title{font-size:10px;}
	
	#quick_menu ~ main{padding-top:calc(58px + 60px);}
}