@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700&display=swap');


/* ===================================
    Reset 초기화
====================================== */
body{font-family: 'Arita-buri-SemiBold','Noto Sans KR', Helvetica , Apple-Gothic , Dotum ; -webkit-font-smoothing: antialiased;  -font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;}
body, html {height: 100%;-moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus { color: #444; text-decoration: none; }
a:hover, a:active{color: #262626; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
/*input, textarea, select {border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}*/
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin: 10px 0;}
b, strong { font-weight: 600;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 600 }
ul, ol, dl {list-style: none; padding:0; margin:0;}
*{margin:0;padding:0; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

.relative { position: relative; }
.visible-xs{display:none!important}
.hidden-xs{display:block!important}

/* font family */
.point-font {font-family:'Arita-buri-SemiBold', sans-serif;}
.main-font {font-family:'Noto Sans KR', sans-serif;}

/* heading */
h1 {font-size:70px; line-height:70px;}
h2 {font-size:55px; line-height:60px}
h3 {font-size:48px; line-height:54px}
h4 {font-size:40px; line-height:46px}
h5 {font-size:32px; line-height:40px}
h6 {font-size:25px; line-height:30px}

/* font size */
.font-11 {font-size:11px; line-height:14px}
.font-12 {font-size:12px; line-height:20px}
.font-13 {font-size:13px; line-height:20px}
.font-15 {font-size:15px; line-height:20px}
.font-16 {font-size:16px; line-height:23px}
.font-18 {font-size:18px; line-height:26px}
.font-20 {font-size: 20px; line-height:26px}
.font-23 {font-size: 23px; line-height:26px}
.font-25 {font-size: 25px; line-height:26px}
.font-30 {font-size: 30px; line-height:32px}
.font-40 {font-size: 40px; }
.font-50 {font-size: 50px; line-height:45px}
.font-55 {font-size: 55px; line-height:50px}
.font-70 {font-size: 70px; line-height:65px}

/* font weight */
.bold-100 {font-weight:100}
.bold-200 {font-weight:200}
.bold-300 {font-weight:300}
.bold-400 {font-weight:400}
.bold-500 {font-weight:500}
.bold-600 {font-weight:600}
.bold-700 {font-weight:700}
.bold-900 {font-weight:900}


/* Text-align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}



/* Margin */
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}
.mt-140 {margin-top: 140px;}

.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-60 {margin-right: 60px;}
.mr-80 {margin-right: 80px;}

.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.mb-140 {margin-bottom: 140px;}

.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-60 {margin-left: 60px;}
.ml-80 {margin-left: 80px;}

.no-margin {margin:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-auto {margin: 0 auto !important;}

/* Padding */
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}

.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.pr-40 {padding-right: 40px;}
.pr-60 {padding-right: 60px;}
.pr-80 {padding-right: 80px;}
.pr-200 {padding-right: 200px;}

.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}

.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-40 {padding-left: 40px;}
.pl-60 {padding-left: 60px;}
.pl-80 {padding-left: 80px;}
.pl-200 {padding-left: 200px;}

.no-padding {padding:0 !important}
.no-padding-right {padding-right:0 !important}

/* Opacity */
.opacity5 {opacity: .5;}
.opacity7 {opacity: .7;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}

.width100 {width: 100% !important;}
.width95 {width: 95%;}
.width90 {width: 90%;}
.width80 {width: 80%;}
.width70 {width: 70%;}
.width60 {width: 60%;}
.width55 {width: 55%;}
.width50 {width: 50%;}
.width45 {width: 45%;}
.width40 {width: 40%;}
.width35 {width: 35%;}
.width30 {width: 30%;}
.width20 {width: 20%;}
.width15 {width: 15%;}
.width10 {width: 10%;}


/* Button */


/* flex */
.flex {display: flex;}
.flex-between {display: flex; justify-content:space-between;}
.flex_center {display: flex; align-items: center;}
.flex_column {display: flex; flex-direction:column; align-items:center; justify-content:flex-end;}
.flex-img { width:auto; height: auto; align-self: flex-start;}
.grow {flex-grow: 1;}

/* Display */
.display-none {display:none !important}


/* Width Height */
.width-100 {width:100%;}
.height-100 {height: 100% !important}
.height-700 {height:700px;}
.full-screen {min-height: 980px;}

.min-width-100 {min-width: 100%;}

/* verticle align */
.no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; }


/* Background image */
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}

/* color */
.bg-dark-gray {background-color:#3c3c3b;}
.bg-dark-lightgray {background-color:#efefee;}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}

.text-white {color:#fff;}
.text-gold {color:#b9a776;}

.text-999 {color:#999;}
.text-666 {color:#666;}
.text-333 {color:#333;}

.center-text { text-align: center; }



/* Position */
.position-relative {position:relative !important;}
.position-absolute {position:absolute !important;}
.position-fixed {position:fixed !important;}
.position-right {right:0 !important;}
.position-left {left:0 !important;}
.position-top {top:0 !important;}

/* Custom */
.section {padding: 130px 0; overflow: hidden;}





/* Header */
.padding-four-lr {padding-left:4%; padding-right:4%;}
.collapse{display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}

/* header icon */

.header-social-icon { display: flex; justify-content:flex-end; padding-top:10px; line-height: 24px; position: relative; width:100%; font-size: 0.750em; }
.header-social-icon.mobile-login { display: flex; justify-content: left; padding-top:10px; line-height: 24px; position: relative; width:100%; font-size: 0.750em; }
.header-social-icon a { margin-right: 10px;}
.header-social-icon img {width:20px;}


.header-social-icon a {color: #444 !important; font-weight:600; letter-spacing: .5px;}
.header-social-icon a:hover {color:#5e3834 !important;}
.header-social-icon a:nth-child(2)::before { content: ""; position: absolute; width: 1px; height: 12px; top: 10px; bottom: 0; margin: auto -5px; background-color: #444; }
.header-social-icon.mobile-login a:nth-child(2)::before { content: ""; position: absolute; width: 1px; height: 12px; top: 0; bottom: 0; margin: auto -10px; background-color: #444; }
.header-social-icon a i, .header-searchbar a i {margin: 0 11px;}
.header-searchbar a i { position: relative; top: -1px;}
.header-social-icon a:last-child i { margin-right: 0;}

header.pd_header{padding-bottom:106px;}
header a.logo {display: inline-block; vertical-align: middle; width: 160px;}


.navbar-fixed-bottom, .navbar-fixed-top{position: fixed;right: 0;left: 0;z-index: 1030;background-color:#f8f8f8;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {position: absolute; height: calc(100% + 20px); width: 100%; display: block;content: ""; }
header.sticky .navbar-fixed-top{position: fixed; top: 0; width: 100%; left: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}


header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover,
.header-social-icon a:hover {color: rgba(0,0,0,0.6)}


header.sticky nav.header-dark .navbar-nav > li > a:hover,

header.sticky nav.header-dark .search-button:hover { color: rgba(255,255,255,0.6)}


header.sticky nav.header-dark .header-social-icon a:hover { color: rgba(255,255,255,0.6);}

header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {color: rgba(0,0,0,0.6)}

header.header-appear nav.header-dark .navbar-nav > li.active > a,
header.sticky nav.header-dark .navbar-nav > li.active > a { color: rgba(255,255,255,0.6)}

header nav.navbar .navbar-nav > li > a.active,
nav.navbar.bootsnav ul.nav > li > a.active {color: rgba(0,0,0,0.6)}

header.header-appear nav.header-dark .navbar-nav > li > a.active,
header.sticky nav.header-dark .navbar-nav > li > a.active { color: rgba(255,255,255,0.6)}

header nav.navbar .navbar-nav > li.dropdown.on > a,
nav.navbar.bootsnav ul.nav > li.dropdown.on > a {color:#444;}

header.header-appear nav.header-dark .navbar-nav > li.dropdown.on > a,
header.sticky nav.header-dark .navbar-nav > li.dropdown.on > a { color: rgba(255,255,255,0.6)}

header {width: 100%; z-index: 99;}



header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; height: auto; padding: 0;width:100%;}
header nav .row > div:first-child { flex: 1 1 auto;}
header nav.navbar {border-radius: 0; padding: 0; }
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 1px solid rgba(255,255,255,.7);}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table; }
header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav { float: right;}
header nav .navbar-nav > li > a {color: #000; font-size: 20px;  margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase;white-space:nowrap; font-weight:600;}
header nav .navbar-nav > li > a:hover {color:#000 !important;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
/* header nav .navbar-nav > li:last-child a { margin-right: 0;} */
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 500; font-size: 12px }
.navbar-nav > li { position: inherit;float: left;}
.navbar-nav > li.dropdown > .fa { display: none}
.navbar-nav > li ul { margin: 0; padding: 0;}
.navbar-toggle {border-radius: 0; margin-right: 0;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a { padding: 20px 0 20px; color:#444;}


.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 4px}

/* mega menu */
nav .accordion-menu { position: inherit; padding-right:30px;}

/* simple dropdown menu */
.simple-dropdown.dropdown {position: relative;}
.simple-dropdown .dropdown-menu {position: absolute; left: 0; background: rgba(255,255,255,.9); min-width: 220px; padding: 13px 0 15px; box-shadow: none;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li { padding-left: 28px; padding-right: 28px;}
.simple-dropdown .dropdown-menu > li > a {font-size: 15px; color: #444; font-weight: 800;}
.simple-dropdown .dropdown-menu > li a { padding: 9px 0 7px; overflow: hidden; position: relative; left: 0;}
.simple-dropdown .dropdown-menu > li a:hover { background-color: #000; color: #fff;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul,nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul  {background: rgba(35,35,35,1); display: none; left: 220px; margin: -13px 0 0 1px; min-width: 220px; white-space: nowrap; position: absolute; top: 0; padding: 13px 0; font-weight: 400; text-transform: capitalize;}
.simple-dropdown .dropdown-menu > li.dropdown > ul li a{color: #9d9d9d; font-size: 12px; line-height: 18px; font-weight: 400;}
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.active > a { color: #fff;}
header.sticky nav.header-dark .header-social-icon,
header.sticky nav.header-dark .header-searchbar {border-left: 1px solid rgba(255,255,255,0);}
header.sticky nav.navbar-fixed-top.header-dark {background-color: rgba(255,255,255,.7);}
/* collepsed menu icon */
.navbar-default .navbar-toggle .icon-bar {background: #000; }
header.sticky .navbar-default.header-dark .navbar-toggle .icon-bar {background: #444; }
header nav.nav-box-width {padding: 0 50px;}
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; line-height:20px;}
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0; }
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #5e3834 !important; background: transparent; left: 5px; }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}
nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {color: #232323}

.dropdown ul.third-level {left: 530px; top:0; height: 100%;}

.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}



/* Swiper main slide */

.swiper-container {overflow: hidden; position: relative}
/* .main-slider { margin-top:5%;} */
.swiper-pagination-bullet-active {background: #232323}
.swiper-pagination {width: 100%}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {bottom: 35px; width: 100%}
.swiper-pagination-bullet {height: 9px; width: 9px}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px}
.swiper-pagination-bottom .swiper-wrapper {margin: 0 0 35px 0}
.swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin: 0 0 95px 0}
.swiper-slider-second {text-align: center;}
.swiper-pagination-square .swiper-pagination-bullet {height:3px; width:30px; border-radius: 0}
.slider-text-middle.middle_1 {position: absolute; top:50%; right: 0; text-align: center; margin: auto 0; transform: translateY(-50%);}
.slider-text-middle.middle_2 {position: absolute; top:50%; right:; text-align: center; margin: auto 0; transform: translateY(-50%);}
.slider-text-middle.middle_3 {position: absolute; top:50%; right:; text-align: center; margin: auto 0; transform: translateY(-50%);}

.swiper_new_wrap.swiper{margin-right:auto;}





/* feature box style 16*//* Speciality menu */
.speciality_left {width:100%; display: flex; flex-direction: column; margin-right:70px; }
.speciality_right {width: 100%; height: 100%;}
.speciality .feature-box-16 {display: flex; height: 380px; width:100%; margin:0 10px; background-repeat: no-repeat; background-position: top; background-size:auto;}
.speciality .feature-box-16.speciality_menu_1 {background-image: url('/common/images/main/breast.png');}
.speciality .feature-box-16.speciality_menu_1:hover {background-image: url('/common/images/main/breast_on.png');}
.speciality .feature-box-16.speciality_menu_2 {background-image: url('/common/images/main/manual.png');}
.speciality .feature-box-16.speciality_menu_2:hover {background-image: url('/common/images/main/manual_on.png');}
.speciality .feature-box-16.speciality_menu_3 {background-image: url('/common/images/main/lifting.png');}
.speciality .feature-box-16.speciality_menu_3:hover {background-image: url('/common/images/main/lifting_on.png');}
.speciality .feature-box-16.speciality_menu_4 {background-image: url('/common/images/main/hairloss.png');}
.speciality .feature-box-16.speciality_menu_4:hover {background-image: url('/common/images/main/hairloss_on.png');}
.speciality .feature-box-16.speciality_menu_5 {background-image: url('/common/images/main/woman.png');}
.speciality .feature-box-16.speciality_menu_5:hover {background-image: url('/common/images/main/woman_on.png');}
.speciality .feature-box-16.speciality_menu_6 {background-image: url('/common/images/main/mammotome.png');}
.speciality .feature-box-16.speciality_menu_6:hover {background-image: url('/common/images/main/mammotome_on.png');}
.feature-box-16 .feature-box-content {position: absolute; top:40%; left:10%; width: 100%; transition: ease-in-out 0.4s;}
.feature-box-16 .feature-box-content p {opacity: 0; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s;}
.feature-box-16 {position: relative; overflow: hidden;}
.feature-box-16:hover .feature-box-content { height: 60%;}
.feature-box-16:hover .feature-box-content p {opacity: 1;}

/* Signature slide */
.swiper-button-area {display: flex; width: 150px; height: 70px; position: inherit; margin-top: 50px;}
.swiper-button-area .swiper-button-next {background-image: url('/common/images/main/arrow_r.png'); width: 58px; height: 58px; background-size:auto; background-repeat: no-repeat; background-position: center;}
.swiper-button-area .swiper-button-prev {background-image: url('/common/images/main/arrow_l.png');width: 58px; height: 58px; background-size:auto; background-repeat: no-repeat; background-position: center;}
.swiper-button-area .swiper-button-next:hover {background-image: url('/common/images/main/arrow_r1.png'); width: 58px; height: 58px; background-repeat: no-repeat; background-position: center;}
.swiper-button-area .swiper-button-prev:hover {background-image: url('/common/images/main/arrow_l1.png'); width: 58px; height: 58px; background-repeat: no-repeat; background-position: center;}

.more_a:hover {color:#b9a776; font-weight:700;}

.swiper-button-next::after,
.swiper-button-prev::after {display: none;}

/* Signature slide & youtube slide */
.swiper.signatureSwiper, .swiper.youtubeSwiper {width: 100%;  position: relative; right: 0;}
.swiper.signatureSwiper .swiper-slide, .swiper.youtubeSwiper .swiper-slide  {text-align: left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;}

/* youtube slide */
.swiper.youtubeSwiper .swiper-slide {border:1px solid #b9a776;}
.youtube_title {height:100px; border-top:1px solid #b9a776; padding:20px 20px 10px;}
.youtube_contents {padding:10px 20px; text-align:justify;}
.youtube_more {display:flex; justify-content:space-between; align-items:baseline; margin:30px 20px 20px; font-weight:500;}

/* Brand Story slide */
.swiper-full-screen_story .fix-text {width:auto; height: auto; position: absolute; top:10%; left:8%; z-index:3;  display: flex; flex-direction: column;}
.swiper-full-screen_story .center-text {position: absolute; width:900px; height:auto; top:40%; right:0; left:0; margin:auto; text-align:center;}


/* Interior */

.separator-line-horrizontal-medium-light2 {width:40%;height: 1px;}
.image-hover-style-3:hover .cover-background {filter: contrast(130%); -webkit-filter:contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%); filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1);}

.hover-option3 .grid-item .slide-hover-box {position: absolute; width: 100%; height: 100%;}
.hover-option3 .grid-item .opacity-medium {opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {opacity: 0.50; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item figure {bottom:280px; z-index: 5; width: 100%; overflow: visible}
.hover-option3 .grid-item figure h6 { position: relative; font-size:45px; bottom:-70px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item figure h4 { position: relative; font-size:20px; text-transform: uppercase; bottom:-70px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item .slide-hover-box:hover h6 {bottom: 0}
.hover-option3 .grid-item .slide-hover-box:hover h4 {bottom: 0}
.hover-option3 .grid-item figure p {bottom: -40px; opacity: 0; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item .slide-hover-box:hover p { opacity: .6; bottom: 0;}
.hover-option3 .grid-item figure figcaption {left: 0; right: 0; opacity: 1; padding: 0 60px; height: auto; text-align: left}
.hover-option3 .grid-item .separator-line-horrizontal-medium-light2 {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 20%; }
.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2 {width: 60%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } */


/* Footer */
.footer a {color:#aaa;}
.footer .row .footer-line { padding:0 40px;}
.footer-line .footer_menu {display:flex; position: relative;}
.footer-line .footer_menu li a {margin-right:20px; color:#aaa;}
.footer-line .footer_menu li::before {content: ""; width: 1px; height: 12px; margin-right:20px; background-color: #aaa; position: absolute; top:4px; bottom:0; margin-left:-10px;}
.footer_menu li:first-child::before {display:none;}

.footer_num { text-align: right; color:#aaa; padding-right: 40px;}
.footer_menu {padding-left:40px;}
.footer-left {color:#aaa; padding-left:40px;}
.footer-right {text-align: right; color:#aaa; padding-right: 40px;}
/* .footer-right img {height: 45px;} */

.footer .container-fluid.pb-40 {
    overflow: hidden;
    height: auto !important;
    display: block;
}

.footer .container-fluid::after,
.footer .row::after {
    content: "";
    display: table;
    clear: both;
}

.footer .container-fluid {
    position: relative;
    display: block;
    width: 100%;
}

.footer-line{margin-top:0;padding: 20px 0;}

.font_normal{font-family: 'Arita-buri-SemiBold', 'Noto Sans KR', Helvetica, Apple-Gothic, Dotum;}

/* 퀵베너 quick */
    .m-auto{margin: 0px auto;}

    .quick{position:fixed;top:300px;right:0;z-index:9998;font-size:15px;}
    .quick li{position:Relative;top:0;left:0}
    .quick .top_box{width:60px;height:60px;text-align:Center;float:right; margin-left:30%;display:table;background:#f5f1ef; font-weight:700;}
    .quick .top_box a{display:table-cell;vertical-align:middle; color:#333; font-size: 20px;}
    .quick li .img{width:60px; height:60px; float:right; text-align: center; position: relative;}
    .quick li i {font-size: 22px; color:#fff; position: absolute; width: 24px; height: 22px; top:0; bottom:0; right:0; left:0; margin: auto;}
    .quick li span{position: absolute;top: 0;left: 0;display:block;float:left; border-radius:50%; overflow: hidden; width:160px;padding:18px 0;text-align:center;opacity:0;transition: 0.5s;-webkit-transition: 0.5s;}
    .quick li:after{display:block;content:"";clear:both;width:60px;height:60px;position:absolute;top:0;right:0;background:#333;z-index:-1;transition: width 0.3s;-webkit-transition: width 0.3s;}
    .quick li.q01:after{background:#333333;}
    .quick li.q02:after{background:#999999;}
    .quick li.q03:after{background:#b9a776;}
    .quick li.q04:after{background:#5e3834;}
	.quick li.q05:after{background:#666666;}
	.quick li.q06:after{background:#422623; }
    .quick li.q06{display: none;}


    .quick li:hover:after{width:100%;}
    .quick li a{display:block;color:#fff;position:Relative;top:0;left:0}


    .quick li a:after{display:block;content:"";clear:both;}
    .quick li:hover span{opacity: 1;position: relative;}
    .click_btn {display: block;z-index: 9999;}
	.click_btn {display: none;position: fixed; bottom: 70px; width: 55px;height: 55px; background: #333; border-radius:50%; text-align: center;}
    .quick.active .fa-plus {transform: rotate(45deg);}
    .click_btn i {font-size: 14px;color: #fff;line-height: 55px;display: block;}
    .q_bg.on {display: none;}
    .q_bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);z-index: 9998;}

	.pc_img{display:block !important;}
	.m_img{display:none !important;}


	/*1012이전*/
	.s_slider{padding:100px 0}


	.sub_tab{width:95%; margin:0 auto; max-width:1200px; margin-bottom:0; text-align:center; display:none;}
	.sub_tab ul{width:80%; display:inline-block;}
	.sub_tab li{width:33.333%; float:left; height:44px; line-height:44px; font-size:16px; text-align:center; border:1px solid #ccc; border-right:0; border-bottom:0;}
	.sub_tab li:nth-child(4),.sub_tab li:nth-child(5),.sub_tab li:nth-child(6),.sub_tab li:nth-child(7){border-bottom:1px solid #ccc;}
	.sub_tab li:nth-child(4){border-right:1px solid #ccc; border-bottom:0;}
	.sub_tab li a{display:inline-block; width:100%;}
	.sub_tab li a:hover {color:#5e3834; font-weight:700;}
	.sub_tab li.active{background:#5e3834;}
	.sub_tab li.active a{color:#fff;}
	.sub_new_tab{display:block; margin-left:30%;}

	.full {background-color:#a08f85; margin-bottom:-6px;}
@media (max-width: 1800px) {
  header nav .navbar-nav > li > a {margin:0 14px;}
}
@media (max-width: 1600px) {
    header nav .navbar-nav > li > a {font-size: 17px;  margin:0 12px;}

	.sub_new_tab{margin: 0 auto;}
}

@media (max-width: 1400px) {
    header nav .navbar-nav > li > a {font-size: 15px;  margin:0 8px;}

}

@media (max-width: 1150px) {
    .mt-30 {margin-top:26px;}

     /* hover option 3 */
     .hover-option3 .grid-item figure figcaption { padding: 0 20px;}
     .hover-option3 .grid-item figure h6 { font-size: 40px; bottom:-60px;}
     .hover-option3 .grid-item a:hover p { bottom: 0; opacity: 1; }
     .hover-option3 .grid-item figure p { bottom: -60px; opacity: 0; margin-bottom: 30px;  }

     header nav .navbar-nav > li > a {font-size: 14px; margin:0 5px;}

}


@media (min-width: 991px) {
    .lg-display-none {display:none !important}
	.navbar-toggle {display: none;}

	.footer-line{margin-top:20px; padding:0;}

}



@media (max-width: 991px) {
	header.pd_header{padding-bottom:74px;}
	/*COMMON*/
    .flex {flex-direction:column;}
    .mt-30 {margin-top: 15px;;}
    .font-30 {font-size: 26px;}
    .xs-display-none {display:none !important}
    .sm-width-100 {width:100%;}
    .sm-width-90 {width:90%;}

    /* Footer */
    .footer-line .footer_menu li {margin-bottom: 5px;}
    .footer-line .footer_menu li::before {content: none;}


    /* Speciality */
    .speciality .feature-box-16 {margin:0; height:300px; background-size: contain;}

    .swiper-button-area {margin-top:10px; margin-bottom:20px; align-self: flex-end;}

	/*1012이전*/
	.sub_new_tab{margin:0 auto;}
	.sub_tab ul{width:100%;}


	/*퀵베너*/
	.q_bg.on {display: block;}
    .click_btn{display:block; z-index:9999;}

    .quick {top: auto;bottom: 143px;right: 68px;z-index: 9998;box-shadow:none;}
    .quick li {position: absolute; top:18px; right:3px;z-index: -1;display: block;text-decoration: none;color: hsl(0, 0%, 100%);width: 55px;height: 55px;transition: transform .3s ease, background .2s ease;border-radius: 50%;}

    .quick li span{display: none;position: absolute;top: 50%;transform: translateY(-50%);width: 100px;right: 100%;text-align: right;padding-right: 10px;margin-top:0;color: #000;}
    .quick.active li{transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
    .quick.active li{transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
    .quick.q01{dipslay:none;}
    .quick.active li:nth-child(1){transform: translate3d(0em,-60px,0);}
    .quick.active li:nth-child(2){transform: translate3d(0em,-120px,0);}
    .quick.active li:nth-child(3){transform: translate3d(0em,-180px,0);}
    .quick.active li:nth-child(4){transform: translate3d(0em,-240px,0);}
    .quick.active li:nth-child(5){transform: translate3d(0em,-300px,0);}
    .quick.active li:nth-child(6){ transform: translate3d(0em,-360px,0);}


    .quick li .img{width: 55px; height: 55px; padding:0px;}
    .quick li:after{width: 55px; height: 55px; border-radius: 50%;}
    .quick li.q06{display: block;}
    .quick .top_box{width: 55px;height: 55px;position:fixed; bottom: 8px; right:12px;border-radius: 50%;}
	.quick .top_box i {position:absolute; right:0; left:0;}

}



@media (max-width: 767px) {
    /*COMMON*/
    .font-18 {font-size:14px;}
    .font-20 {font-size:16px;}
    .font-30 {font-size: 24px;}
	.font-55 {font-size:40px; line-height:.7;}
    .pl-80 {padding-left:0;}
    .ml-40 {margin-left:0;}
    .mb-40 {margin-bottom:20px;}
	.mt-80 {margin-top:40px;}
    .flex-img {align-self:center;}
    /* .no-padding-right { padding-right:15px !important;} */
	.hidden-sm {display:none;}
	.pc_img{display:none !important;}
	.m_img{display:block !important;}
	/*main slide*/
	.slider-text-middle {left:0; right:0; top:75% !important; }

    /* Speciality */
    .speciality .feature-box-16 {margin:0; height:200px; background-size: contain;}
    .speciality_left {text-align: center;}

    /*Youtube*/
    .youtube_title {padding:20px 10px 10px}
    .youtube_contents { padding:10px;}

	/*footer*/
	.footer-line .footer_menu {flex-direction:row; flex-wrap:wrap; padding: 40px;}
	.footer-line .footer_menu li a {margin-right:18px;}
	.footer-left, .footer-right {padding:0 40px;}

	/*1012이전*/
	.s_slider{padding:30px 0}

	


}

@media (max-width: 640px) {

  .font-15 {font-size:13px;}

  /* Speciality */
  .speciality .feature-box-16 {margin:0; height:210px; background-size: contain;}
}



@media (max-width: 767px){

	.sub_tab li{font-size:13px;}

}




/* 공통 추가 */



/* .hidden-lg, .hidden-md, .hidden-sm, .hidden-xs,.hidden-xxs {display:block !important} */
.visible-lg, .visible-md, .visible-sm, .visible-xs,.visible-xxs {display:none !important}

@media (max-width:1440px) { .hidden-lg {display:none!important} .visible-lg {display:block!important}}
@media (max-width:1240px) { .hidden-md {display:none!important} .visible-md {display:block!important}}
@media (max-width:991px)  { .hidden-sm {display:none!important} .visible-sm {display:block!important} .w-90{max-width:90%}}
@media (max-width:768px)  { .hidden-xs {display:none!important} .visible-xs {display:block!important}}
@media (max-width:500px)  { .hidden-xxs{display:none!important} .visible-xxs{display:block!important}}

@media (max-width: 991px) {
    div,span,p,ul,ol,li,dd,dt,dl,h1,h2,h3,h4,h5,h6{word-break: keep-all;} /* 줄바꿈 속성 (글자기준)*/
}


/* boxCout */
[boxCount="1"]{ --count:1; }
[boxCount="2"]{ --count:2; }
[boxCount="3"]{ --count:3; }
[boxCount="4"]{ --count:4; }
[boxCount="5"]{ --count:5; }
[boxCount="6"]{ --count:6; }
@media (max-width:768px)  {
    [boxCount="3"]{ --count:2; }
    [boxCount="4"]{ --count:2; }
    [boxCount="5"]{ --count:3; }
    [boxCount="6"]{ --count:3; }
}