@charset "utf-8";
.container {position:relative; width:90%; max-width:1400px;margin: 0 auto; padding:0}
html.popup_open, body.popup_open {overflow:hidden}
body {background: var(--global-palette9); color: var(--global-palette3);}
.mobile_only {display:none}

/* Header */
#tnb .container {display: flex;   justify-content: center;  align-items: center;  height: 40px;}
#tnb p {  font-weight: 400;  font-size: 15px;  color: var(--global-palette9); line-height:1.2em }
#tnb {   background: var(--global-palette1);}
.top-banner-slider {height:40px; overflow:hidden; width:100%;}
.top-banner-slider .swiper-slide {height:40px}
.top-banner-slider .swiper-slide a {display:flex; justify-content: center;   align-items: center;height: 100%;}

.haeder_menu_are { border-bottom: 0px solid var(--global-gray-400);background: var(--global-palette9);}
.haeder_menu_are .inner_container {position:relative; width:100%; padding: 0 50px; max-width:1900px;margin: 0 auto; display: flex;   justify-content: space-between;  align-items: center; height: 115px;}
#hd_wrapper.scroll {position: fixed;   top: 0;  left: 0;  width: 100%;  z-index: 199; border-width: 1px;}
body.scroll #wrapper {padding-top:115px}
#logo {margin-right:20px}
#logo img {display: block; max-width:175px}
body.color-switch-dark #logo img {filter: invert(1);}
.haeder_menu_are .left_area {display: flex;  align-items: center; height: 100%;}
 #gnb_main {height: 100%;}
.left_area .gnb_dep1 {display: flex;  align-items: center; height: 100%;}
.left_area .gnb_dep1 > li.menu-item-has-children {display: flex;   position: relative;   align-items: center;  height: 100%;}
.left_area .gnb_dep1 > li > a {color: var(--global-palette3);   font-weight: 500;   font-size: 16px;   padding: 0 35px 0 20px; display: flex;   height: 100%;   align-items: center;   position: relative;}
.left_area .gnb_dep1 > li.menu-item-has-children > a::after {content: ""; position: absolute;    right: 16px;    top: 50%;    width: 6px;    height: 6px;    border-bottom: 1px solid var(--global-palette3);;    border-right: 1px solid var(--global-palette3);  transform: translateY(-50%) rotate(45deg);}
.left_area .gnb_dep1 > li.menu-item-has-children ul.sub_menu {opacity: 0;     visibility: hidden;transition: all .2s ease;    display: block;    clip: rect(1px, 1px, 1px, 1px);    height: 1px;    overflow: hidden;		background: var(--global-palette9);    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.1);		position: absolute;    top: 100%;		z-index: 1000;	transform: translate3d(0, 10px, 0); padding:20px;}
.left_area .gnb_dep1 > li.menu-item-has-children ul.sub_menu li.mobile_only {display:none}
.left_area .gnb_dep1> li.menu-item-has-children:hover ul.sub_menu {opacity: 1;    visibility: visible;transform: translateZ(0);    clip: auto;    height: auto;    overflow: visible;}
.left_area .gnb_dep1 ul.sub_menu li a {display: block; padding: .5em; width: 240px;    padding-top: 0.3em;    padding-bottom: 0.3em;    color: var(--global-palette4);    font-weight: 400;    font-size: 15px;    line-height: 1.4;text-decoration: none;transition: all .2s ease-in-out;}
.left_area .gnb_dep1 ul.sub_menu li a:hover {color: var(--global-palette-highlight);}
.hd_sch_wr form {display: flex;  background: var(--global-palette7);    border: 0px solid transparent;    border-radius: 50px 50px 50px 50px;max-width: 100%;    width: 300px;position: relative; overflow: hidden;}
.hd_sch_wr form #sch_str {max-width: 100%;width: 100%;border: none !important;box-shadow: none !important;font-size: 15px;height: 45px;    color: var(--global-palette3);     padding: 0px 0px 0px 20px;    border-color: transparent !important;    background-color: transparent !important;    background: var(--global-palette9);}
.hd_sch_wr form button {background: transparent;   color: var(--global-palette3);     font-size: 22px;    padding: 0px 20px 0px 0px;    border-radius: 0px 50px 50px 0px;width: auto;    position: relative;display: flex;align-items: center;column-gap: 5px;    overflow: visible;    line-height: 1.25;border: none;}
.hd_sch_wr form button:hover {background: transparent;   color: var(--global-palette2);}
.haeder_menu_are .right_area {display: flex;   align-items: center;  gap: 20px;}
.haeder_menu_are .member_login {position: absolute;   right: 50px;   top: 10px;   font-size: 13px;}

.hd_login li a {  text-decoration: none;   box-shadow: none;   color: var(--global-palette3);   background: transparent;  text-align: inherit; display: flex;align-items: center; }
.hd_login li a:hover {  color: var(--global-palette2);}
.hd_login {display: flex;   align-items: center;   gap: 20px;}
.hd_login li a .count_total {font-size: 11px; background: var(--global-palette1);   color: var(--global-palette9);margin-right: -10px;display: block;    margin-left: -6px;    margin-top: -16px;   width: 18px;    height: 18px;font-weight: normal;    line-height: 18px;   text-align: center;   letter-spacing: 0;    border-radius: 50%;    overflow: hidden;}
.hd_login li.language {position: relative;}
.hd_login li.language a {display: block;   position: relative;  border: 1px solid #ddd;    padding: 5px;    padding-right: 25px; color: #222; background:#fff; line-height: 1em; }
.hd_login li.language a.current:after {   content: "";   vertical-align: middle;    display: inline-block;    border: .35em solid transparent;    border-top: .5em solid;    position: absolute;   right: 10px;   top: calc(50% - .175em); }
.hd_login .sub_lang_list {display: none; position: absolute;   top: 100%;  left: 0; width:100%;  z-index: 199;}
.hd_login li.language.view .sub_lang_list {display:block}
.mobile_search_btn {display:none}
.mobile_search_btn  button {color: var(--global-palette3); border: none;  background: transparent;}


@media (hover:hover) {
.hd_login li.language:hover .sub_lang_list {display:block}
.hd_login li.language a:hover {background:var(--global-palette7);}
}






/*Mobile menus*/
.header_hamburder_menu { display:none; position: absolute; left: 20px; top: 50%;  transform: translateY(-50%);}
.navbar-toggle {cursor: pointer;color: #fff;}
.header_hamburder_menu.active {position: fixed;  right: 10px;  top: 20px;}

.hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .15s;  transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.hamburger-box {   position: relative;  display: inline-block;  width: 28px;height: 20px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: 3px; border-radius: 0; }
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {     position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: var(--global-palette3);}
.hamburger-inner:before {   top: 8px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -16px; }
/*
.navbar-toggle.active .hamburger-inner { 
    transform: translate3d(0,5px,0) rotate(45deg);
   -webkit-transform:translate3d(0,5px,0) rotate(45deg);
   -ms-transform:translate3d(0,5px,0) rotate(45deg);}
.navbar-toggle.active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(0px,0px,0);
	-webkit-transform:rotate(-45deg) translate3d(0px,0px,0);
    -ms-transform:rotate(-45deg) translate3d(0px,0px,0);
    opacity: 0;
}
.navbar-toggle.active .hamburger-inner:after {
    transform: translate3d(0,-16px,0) rotate(-90deg);
	-webkit-transform: translate3d(0,-16px,0) rotate(-90deg);
	 -ms-transform: translate3d(0,-16px,0) rotate(-90deg);
}
*/
.mobile_menu_contents {position: fixed;  top: 0; right: 100%; width: 100%; height: 100%; transition: all 0.35s;overflow-y: auto;z-index: 199999999; padding-right: 30px; }
.mobile_menu_contents.active {right:0;}
.mobile_menu_inner_wrap {color: var(--global-palette4);   background: var(--global-palette9); padding-top: 60px; height:100%; }
.navbar-toggle.active .hamburger-inner, .navbar-toggle.active .hamburger-inner:after, .navbar-toggle.active .hamburger-inner:before {background-color: #fff;}
#mobile_menu_box .gnb_dep1 { margin-top: 0; padding-left:0}
#mobile_menu_box .gnb_dep1 li { float:none; }
#mobile_menu_box .gnb_dep1>li>a {padding: 15px 0 15px 30px;  height: auto; color: var(--global-palette4); line-height: 1em;  position: relative; display: block; font-size:18px; background: var(--global-palette9);}
#mobile_menu_box .gnb_dep1>li>a:after { position:absolute; right: 20px;   top: 50%;  transform: translateY(-50%); content:"\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; 	}
#mobile_menu_box .gnb_dep1>li.visible>a:after {content:"\f106";}
#mobile_menu_box .gnb_dep1>li:hover >a, .gnb_dep1>li>a.active {  font-weight:500; border-bottom: none; }
#mobile_menu_box .gnb_dep1 .menu-item-has-children.visible .sub_menu {display:block !important;}
#mobile_menu_box .sub_menu { width: 100%; line-height: 1em; float: none; margin: 0; padding: 20px 10px 20px 25px;left:0 !important; display:none !important; background: var(--global-palette7);}
#mobile_menu_box .sub_menu>li { padding: 10px;}
#mobile_menu_box .sub_menu>li>a { font-size: 14px;color: var(--global-palette4);  font-weight: 400;}
#mobile_menu_box .sub_menu>li>a.sub_click { font-size: 15px; color: #999;  font-weight: 400;}
#mobile_menu_close_btn {position: absolute;  right: 50px;  top: 0;  color: var(--global-palette3);  font-size: 45px;  cursor: pointer; font-weight: 300;}





/* Main */
.main_viz_slider_wrap .swiper-container {overflow:hidden; position: relative;}
.main_viz_slider_wrap .swiper-slide {width:100%; height:800px; background-size: cover; background-position: center; display:flex; background-color:#000}
.main_viz_slider_wrap .text_area {max-width: 1400px;   margin: 0 auto;   width: 90%;  display: flex;   align-items: flex-start;   flex-direction: column;   height: 100%;  justify-content: center; padding-bottom: 60px;}
.main_viz_slider_wrap .text_area h2 {font-family: "Cinzel", serif !important;  font-size: 48px;   font-weight: 400;   color: rgb(255, 255, 255);   text-transform: none;  text-decoration: none;   letter-spacing: 0px;  line-height: 1.2em;margin-bottom: 0.8em;}
.main_viz_slider_wrap .text_area p {   font-size: 16px;   font-weight: 400;   color: rgb(255, 255, 255);   text-transform: none;  text-decoration: none;   letter-spacing: 0px;  line-height: 1.6em; margin-bottom: 2em; }
.main_viz_slider_wrap .text_area a {font-size: 16px;   font-weight: 500;   color: rgb(255, 255, 255);   text-transform: none;   text-decoration: none;    letter-spacing: 0px;   line-height: 46px;  padding: 0px 40px;    min-height: 0px;     width: auto;     height: auto;     border:  1px solid  rgb(255, 255, 255);  z-index: 9;  border-radius: 25px; transition:all 0.15s}
.main_viz_slider_wrap .swiper-button-prev::after, .main_viz_slider_wrap .swiper-button-next::after {content:none}
.main_viz_slider_wrap .swiper-button-prev, .main_viz_slider_wrap .swiper-button-next {width: 40px;   height: 40px;  background: #000;  border-radius: 100%; opacity:1}
.main_viz_slider_wrap .swiper-button-prev::before, .main_viz_slider_wrap .swiper-button-next::before {content: "";    position: absolute;    left: 50%;    top: 50%;     width: 10px;    height: 10px;    border-bottom: 1px solid #fff;    border-right: 1px solid #fff;}
.main_viz_slider_wrap .swiper-button-prev {left:20px}
.main_viz_slider_wrap .swiper-button-next {right: 20px}
.main_viz_slider_wrap .swiper-button-prev::before {  transform: translate(-33%, -50%) rotate(136deg); }
.main_viz_slider_wrap .swiper-button-next::before { transform: translate(-67%, -50%) rotate(313deg); }
.main_viz_slider_wrap .swiper-pagination {display:none}


.main_feature_section {padding-top:100px; }
.main_feature_section.single {padding-top:50px; }
.section_title {    font-weight: 500;   font-size: 38px; font-family: "Cinzel", serif !important;  text-align:center; margin-bottom: 1em;  color: var(--global-palette3);}

/* Product */
.product_slider_wrap .image {width:100%; max-width:327px; height:375px; position:relative}
.product_slider_wrap .image img {display:block; width:100%; height:100%; object-fit:cover}
.product_slider_wrap .image .second_img {position: absolute;   left: 0;   top: 0;   width: 100%;  height: 100%; opacity:0 ; transition:all 0.35s}
.product_slider_wrap .prd_list_box .prd { position:relative;  flex: 1;   display: flex;  flex-direction: column;}
.product_slider_wrap .swiper-container { overflow: hidden;}
.product_slider_wrap .swiper-wrapper {align-items: stretch;}
.product_slider_wrap .prd_list_box {display: flex; overflow: hidden;}
.product_slider_wrap .discount {  min-height: 0;   min-width: 0;   padding: .3em .5em;   font-weight: 400;    position: absolute;   text-align: center;    line-height: 1.2;    top: .5rem;    left: .5rem;    margin: 0;    border-radius: .25rem; background-color: var(--global-palette-highlight);    color: var(--global-palette-highlight-alt2);    font-size: 12px;    z-index: 9;}
.product_slider_wrap .whish_btn {position: absolute;   right: 10px;   top: 15px;   z-index: 9;   width: 40px;   height: 40px;    background: #fff;    border-radius: 100%;    display: flex;    justify-content: center;   align-items: center;  transform: translateX(60px); transition:all 0.35s; border: none;}
.product_slider_wrap .whish_btn i {font-size:15px; color: #222; }
.product_slider_wrap .prd_info {background: var(--global-palette9); padding:16px; margin-top: -50px;  z-index: 10; text-align: center; position: relative; transform: translateY(50px);  padding-bottom:50px;  transition:all 0.35s}
.product_slider_wrap .prd_info h3 { font-weight: 400;   font-size: 16px;   color: var(--global-palette3); line-height:1.4em; margin-bottom:0.4em}
.product_slider_wrap .prd_info .star_rate {display: flex;   justify-content: center;  align-items: center;   height: 28px;}
.product_slider_wrap .prd_info .star_rate img {display: block;  width: 88px;}
.product_slider_wrap .prd_price {  color: var(--global-palette3);   font-weight: 500;text-align: CENTER;   font-size: 16px;   line-height: 1.8em; margin-bottom: 0.5em;}
.product_slider_wrap .prd_price del {   color: var(--global-palette4);    opacity: .5;    display: inline-block;		text-decoration-color: var(--global-palette4);    font-weight: normal;}
.product_slider_wrap .prd_info button {    color: var(--global-palette-btn);   background: var(--global-palette-btn-bg);   text-align: center; font-weight: 500;   font-size: 16px;   line-height: 1.8;   letter-spacing: 0px;  text-transform: capitalize;   border-radius: 50px;    padding: 7px 28px 7px 28px; position: absolute;    bottom: 2px;    left: 50%;    transform: translateX(-50%); opacity:0 ; transition:all 0.35s; border: none; display: block;   width: auto;}
.product_slider_wrap .swiper-button-next,
.product_slider_wrap .swiper-button-prev {width: 35px;   height: 35px;  background: #b5b5b5;  border-radius: 100%;  opacity: 1;  transition:all 0.35s }
.product_slider_wrap .swiper-button-next::after,
.product_slider_wrap .swiper-button-prev::after {content:""; position:absolute; left: 50%;    top: 50%;    width: 10px;    height: 10px;    border-bottom: 2px solid #fff;    border-right: 2px solid #fff;}
.product_slider_wrap .swiper-button-next  { right: -60px}
.product_slider_wrap .swiper-button-prev  {left: -60px}
.product_slider_wrap .swiper-button-next::after  {transform: translate(-67%, -50%) rotate(313deg);}
.product_slider_wrap .swiper-button-prev::after {transform: translate(-33%, -50%) rotate(136deg);}
.product_slider_wrap.list ul.sct {display: flex;    flex-wrap: wrap;   margin: 0;   gap: 30px; }
.product_slider_wrap.list .prd_list_box {margin: 0;  width: calc((100% - 90px) / 4);}

.main_feature_section.latest {padding-bottom:100px; }

.main_ytb_banner .inner_wrap {overflow: hidden; position:relative; height: 680px;}
.main_ytb_banner .inner_wrap iframe {position: absolute; top: 50%;    left: 50%;     transform: translate(-50%, -50%);     width: 100vw;     height: 56.25vw;  min-height: 100vh;    min-width: 177.78vh;   pointer-events: none;object-fit: cover;}
.video_overlay {position: absolute;   top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.2);}
.main_ytb_banner .container {display: flex;   justify-content: center;  align-items: center;   height: 100%;   flex-direction: column;   text-align: center;}
.main_ytb_banner h2   {   font-family: "Cinzel", Sans-serif !important;     font-size: 48px;   font-weight: 400;   line-height: 1.2em;   text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);   color: #FFFFFF; margin-bottom: 0.5em;}
.main_ytb_banner p  {   font-size: 20px;    font-weight: 400;    line-height: 1.6em;    color: #FFFFFF; margin-bottom: 2em;}
.main_ytb_banner a {font-weight: 500; color:#fff;   font-size: 16px;   line-height: 1.8;    letter-spacing: 0px;    text-transform: capitalize;    border-radius: 50px;		border:1px solid #fff;    padding: 7px 28px 7px 28px;    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);  transition:all 0.15s }

.main_tab_contents {padding:100px 0}
.main_tab_contents .contentx_wrap {display: flex;   flex-wrap: wrap;   gap: 30px;}
.main_tab_contents .tab_title_list {display: flex;   flex-direction: column;  gap: 10px; width: 30%;}
.main_tab_contents .tab_contents_list {width: calc(70% - 30px)}
.main_tab_contents .tab_title_list button {font-size: 26px;   color: var(--global-palette6);  font-family: "Cinzel", Sans-serif !important;  font-weight: 500;   text-align: left;   border: none;     background: none;     display: flex;     align-items: center;     height: 2em;   transition:all 0.35s; position:relative}
.main_tab_contents .tab_title_list button.on {   color: var(--global-palette3);}
.main_tab_contents .tab_title_list button span {display:inline-block; position:relative; font-family: inherit;}
.main_tab_contents .tab_title_list button.on span:after {     content: "";     position: absolute;     right: -60px;    top: 45%;    width: 40px;    height: 2px;    background: var(--global-palette3);}
.main_tab_contents .tab_contents {height: 400px;     display: flex;    align-items: flex-start;    flex-direction: column;    justify-content: center;    padding-left: 70px;    background-size: cover;     background-position: center;}
.main_tab_contents #tab_01_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents #tab_02_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents #tab_03_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents #tab_04_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents #tab_05_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents #tab_06_contents {background-image:url(../img/main/main_tab_01.jpg)}
.main_tab_contents .tab_contents h2  {     font-family: "Cinzel", Sans-serif !important;     font-size: 48px;    margin-bottom: 0.5em;  font-weight: 400;     line-height: 1.2em;     -webkit-text-stroke-color: #000;     stroke: #000;     text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);    color: #FFFFFF;}
.main_tab_contents .tab_contents p {    font-size: 15px;  color:#fff; margin-bottom: 2em;}
.main_tab_contents .tab_contents a {     font-weight: 500;    font-size: 16px;    line-height: 1.8;    letter-spacing: 0px;    text-transform: capitalize;    border-radius: 50px;    padding: 7px 28px 7px 28px;		border:1px solid #fff;		color:#fff; transition:all 0.35s}

.main_review_section {background: #000;}
.main_review_section .inner_container {display: flex;  flex-wrap: wrap;}
.main_review_section .inner_container > div {width:50%}
.main_review_section .img_wrap { max-width: 960px; height: 530px;   background-size: cover;   background-position: center; background-image:url(../img/main/ws_review_bg.jpg) ; position:relative}
.main_review_section .img_wrap::before {content: "";   position: absolute;   left: 0;   top: 0;    width: 100%;    height: 100%;    background: linear-gradient(to right, black, transparent 5%);}
.main_review_section .swiper-container {overflow:hidden}
.main_review_section .swiper-slide { height: 530px; display: flex;   flex-direction: column;   justify-content: center;  align-items: flex-start;}
.main_review_section .review_star {color: #fff;    font-size: 24px;   letter-spacing: 0.2em;  margin-bottom: 0.8em;}
.main_review_section .review_list h3 {  color: #fff;  font-size: 18px;   color: #fff;   font-weight: 300; margin-bottom:1.2em}
.main_review_section .review_list .review_cont {font-size: 15px;   color: #fff;  font-weight: 300;margin-bottom:2em; width: 100%;  padding-right: 150px;overflow: hidden;  text-overflow: ellipsis;    white-space: normal;    line-height: 1.4em;    height: 3em;    text-align: left;    word-wrap: break-word;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; opacity: 0.8;}
.main_review_section .review_list .user_id {font-size: 15px;   color: #bababa;  font-weight: 300;}
.main_review_section .review_list .inner {position:relative}
.main_review_section .swiper-button-prev::after, .main_review_section .swiper-button-next::after {content:none}
.main_review_section .swiper-button-prev, .main_review_section .swiper-button-next {width: 40px;   height: 40px;  background: #212121;  border-radius: 100%; opacity:1}
.main_review_section .swiper-button-prev::before, .main_review_section .swiper-button-next::before {content: "";    position: absolute;    left: 50%;    top: 50%;     width: 10px;    height: 10px;    border-bottom: 1px solid #fff;    border-right: 1px solid #fff;}
.main_review_section .swiper-button-prev {left:-60px}
.main_review_section .swiper-button-next {right: 0}
.main_review_section .swiper-button-prev::before {  transform: translate(-33%, -50%) rotate(136deg); }
.main_review_section .swiper-button-next::before { transform: translate(-67%, -50%) rotate(313deg); }

.main_oaktale_section {padding:100px 0}
.main_oaktale_section .post_slider_wrap {position:relative}
.main_oaktale_section .swiper-container { overflow: hidden;}
.main_oaktale_section .swiper-slide {height:350px}
.main_oaktale_section .swiper-slide a {display:block; height:100%}
.main_oaktale_section .swiper-slide .image {height:100%; overflow:hidden}
.main_oaktale_section .swiper-slide img {display:block; height:100%; width:100%; object-fit:cover; transition: all 0.35s}
.main_oaktale_section .swiper-button-next,
.main_oaktale_section .swiper-button-prev {width: 35px;   height: 35px;  background: #b5b5b5;  border-radius: 100%;  opacity: 1;  transition:all 0.35s }
.main_oaktale_section .swiper-button-next::after,
.main_oaktale_section .swiper-button-prev::after {content:""; position:absolute; left: 50%;    top: 50%;    width: 10px;    height: 10px;    border-bottom: 2px solid #fff;    border-right: 2px solid #fff;}
.main_oaktale_section .swiper-button-next  { right: -60px}
.main_oaktale_section .swiper-button-prev  {left: -60px}
.main_oaktale_section .swiper-button-next::after  {transform: translate(-67%, -50%) rotate(313deg);}
.main_oaktale_section .swiper-button-prev::after {transform: translate(-33%, -50%) rotate(136deg);}




/* Footer */
.footer_section {background: var(--global-palette7);}
.footer_section.upper .container {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); padding-top: 75px;     padding-bottom: 75px;    grid-column-gap: 30px;    grid-row-gap: 30px;}
.footer_section.upper {border-bottom: 1px solid var(--global-gray-400);}
.footer_box {   display: flex;   gap: 30px;}
.footer_box h3 {   font-size: 19px;font-weight: 600;color: var(--global-palette3);}
.footer_box ul li a {     font-size: 15px;color: var(--global-palette3); transition: all .31s ease;}
.footer_box ul li {margin-bottom: 12px;}
.footer_box ul li:last-child {margin-bottom: 0;}
.footer_section.under a {color:inherit}
.footer_section.under .container {display: flex;justify-content: flex-start; padding-top: 65px;    padding-bottom: 65px;   grid-column-gap: 30px;   grid-row-gap: 30px;}
.footer_copyright {position: relative;   width: 100%;}
.footer_copyright h3 {    font-size: 19px;    margin-bottom: 1em;    text-transform: uppercase; color: var(--global-palette3);}
.footer_addr .ft_info {    font-size: 14px;    margin: 0; line-height: 1.6em ; color: var(--global-palette3); word-break: keep-all;}
.footer_copyright .copyright {     font-size: 14px;    position: absolute;    bottom: 0;    right: 0; color: var(--global-palette3);}


.base-color-palette-fixed-switcher {position: fixed;left: 20px; bottom: 20px; z-index: 1000; }
.base-color-palette-toggle {border-radius: 30px;   display: flex;   align-items: center;   justify-content: space-between;   width: 80px;   padding: 10px 13px;   position: relative;   background: var(--gray-800);   color: var(--global-palette7);   border: none;}
.base-color-palette-fixed-switcher  svg {width:20px; height: 20px}
.base-color-palette-switcher button.base-color-palette-toggle:after {content: "";   display: block;   border-radius: 100%; position: absolute;   z-index: 2;   width: 24px;   height: 24px;   transform: translate(0);  background: var(--global-palette7);  left: 10px; top: 9px; transition:all 0.35s}
body.color-switch-dark .base-color-palette-switcher button.base-color-palette-toggle:after {transform: translate(34px);}

#top_btn {bottom: 5px;   left: auto;   right: 24px;   position: fixed;   font-size: 13px;width: 54px;   height: 54px; border-radius: 23px 23px 23px 23px; border: 1px solid transparent; display: flex; justify-content: center;  align-items: center; z-index: 1000; color: var(--global-palette1);    background: var(--global-palette9);   border-color: var(--global-palette1);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
#footer_chat_link_wrap {   position: fixed;     right: 24px;    bottom: 68px;    z-index: 1999;}
#footer_chat_link_wrap a.link_tree .icon {     display: block;    width: 56px;    height: 56px;    overflow: hidden;    border-radius: 24px;    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}
#footer_chat_link_wrap a.link_tree .icon img {display: block;   height: auto;  max-width: 100%; width:100%}



/* sub common */
.sub_page_visual { height: 425px; display: flex;   justify-content: flex-start;   align-items: center; background-size:cover; background-position:center;  background-image:url(../img/main/sub_viz_01.jpg); position:relative}
.sub_page_visual h1 {font-family: "Cinzel", Sans-serif !important;   font-size: 64px;  color: #FFFFFF;font-weight: 500;}
.sub_middle_banner {height: 400px; margin-top:100px }
.sub_middle_banner .container {display: flex;  justify-content: center;   align-items: center;  height:100%; background-size:cover; background-position:center;  background-image:url(../img/main/sub_mid_banner.jpg); position:relative}
 .sub_middle_banner h2 {   font-family: "Cinzel", Sans-serif !important;   font-size: 48px;   color: #FFFFFF; font-weight: 500; line-height:1.2em; text-align:center; position: relative;}
.sub_middle_banner .video_overlay {background: rgba(0, 0, 0, 0.4);}
.pbt-100 {padding-bottom:100px}

.about_page_visual { height: 800px; display: flex;  justify-content: center;   align-items: center; background-size:cover; background-position:center;  background-image:url(../img/main/about_us_bg.jpg); overflow:hidden }
.about_page_visual h2 { font-family: "Cinzel", Sans-serif !important;   font-size: 100px;    font-weight: 500; line-height: 1.2em;   color: #FFFFFF;   display: flex;    flex-wrap: wrap;    margin: 0 auto;   width: 100%;   max-width: 900px;   position: relative; }
.about_page_visual h2 span {  font-family: inherit !important;   display: block;  width: 100%;}
.about_page_visual h2 span.first {   text-align: left;}
.about_page_visual h2 span.last {   text-align: right;}
.about_page_visual h2 .sm {   font-size: 0.5em;   font-style: normal;}
.about_page_visual h2:after {    content: "";    position: absolute;    top: 50%;    width: 5000px;    left: -1500px;    border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.about_mid_txt {padding:160px 0; text-align:center}
.about_mid_txt h2  {font-family: "Cinzel", Sans-serif !important;     font-size: 64px;    text-transform: uppercase;    line-height: 1.2em;color: var(--global-palette3);font-weight: 500; margin-bottom: 0.6em;}
.about_mid_txt  p { font-size: 20px; color: var(--global-palette3); margin:1em 0; line-height: 1.6em;}
.about_img_txt .container {display: flex;  flex-wrap: wrap; }
.about_img_txt .container > div {width: 50%}
.about_img_txt img {display:block; width: 100%}
.about_img_txt.philo .container  {align-items: flex-end;}
.about_img_txt.philo {margin-bottom: 250px}
.about_img_txt.philo  .txt_box {padding-left: 110px;}
.about_img_txt .gray {font-size: 20px;     font-weight: 600;     color: var(--global-palette6);margin-bottom: 1.2em;   opacity: 0.6;}
.about_img_txt h2 {font-family: "Cinzel", Sans-serif !important;    font-size: 62px;    font-weight: 400;    line-height: 1.2em;color: var(--global-palette3); text-transform: uppercase; margin-bottom: 0.6em;}
.about_img_txt .desc {font-size: 17px;   color: var(--global-palette3); line-height: 1.6em;   margin-bottom: 5.2em; word-break: keep-all;}
.about_img_txt dl {     display: flex;    align-items: center;    border-bottom: 1px solid #eee;    padding-bottom: 0.8em;		font-size: 18px;		margin: 1em 0;word-break: keep-all;}
.about_img_txt dt {     font-family: "Cinzel", Sans-serif !important;    font-size: 0.8em;    margin-right: 0.8em;}
.about_img_txt dt b {     width: 1.8em;    display: inline-block;    font-size: 1.3em;    font-weight: 300;}
.about_img_txt dd {     margin: 0;    width: calc(100% - 4em); }
.about_brand_value {padding:140px 0 200px; background-size:cover; background-position:center;  background-image:url(../img/main/about_us_mid_bg.png);}
.about_brand_value .title_box {text-align:center; margin-bottom: 130px}
.about_brand_value .title_box p {font-size: 20px;   font-weight: 700;    line-height: 1.2em;   color: #7a7a7a; margin-bottom: 1em;}
.about_brand_value .title_box h2 {font-family: "Cinzel", Sans-serif !important;     font-size: 64px;    font-weight: 300;    line-height: 1.2em;    color: #FFFFFF;}
.flex_box {display: flex;   flex-wrap: wrap;}
.about_brand_value .value_box {width:33.33%}
.about_brand_value .num { font-family: "Cinzel", Sans-serif !important;     font-size: 60px;    font-weight: 400;    line-height: 1.2em;    color: #54595f}
.about_brand_value .value_box h3 {font-size: 28px;     line-height: 1.2em;     color: #FFFFFF;  font-weight: 500; margin-bottom: 0.8em; }
.about_brand_value .value_box p {font-size: 18px;     font-weight: 300;    color: #FFFFFF; line-height: 1.6em;word-break: keep-all;}
.about_brand_value .value_box.bar { padding-left: 60px;     border-left: 1px solid rgba(255, 255, 255, 0.2);}
.about_img_txt.create {padding:250px 0 250px}
.about_img_txt.create .txt_box {padding-right: 140px}
.about_us_bottom {height:800px; background-size:cover; background-position:center;  background-image:url(../img/main/about_us_bottom_bg.png);}
.about_us_bottom .container {display: flex;     justify-content: center;    align-items: center;    height: 100%;    flex-direction: column;    text-align: center;}
.about_us_bottom h2 {font-family: "Cinzel", Sans-serif !important;     font-size: 64px;    font-weight: 400;    line-height: 1.2em;    color: #FFFFFF;}
.about_us_bottom p {font-size: 32px;     color: #FFFFFF; margin: 1em 0;  line-height:1.6em} 


.sub_page_title_head { height: 130px;   display: flex;     justify-content: center;    align-items: center;    text-align: center;  background: var(--global-palette7); }
.sub_page_title_head h1 {   font-size: 28px;   color: var(--global-palette3); font-weight: 500}
.padding_100 {padding:100px 0 100px}
.padding_50 {    padding: 50px 0 50px;}
.contactus_page .info {width:33.33%; background:#000; padding:80px 40px 90px}
.contactus_page .map {width:66.66%}
.contactus_page .info h2 {font-family: "Cinzel", Sans-serif !important;     font-size: 40px;    font-weight: 400;    line-height: 1.2em;    color: #FFFFFF; margin-bottom:1.5em}
.contactus_page .info h3 {font-size: 28px;   line-height: 1.4em;  color: #FFFFFF; margin-bottom: 1em;  font-weight: 500;}
.contactus_page .about_us_desc dl {     margin: 0;    display: flex;    flex-wrap: wrap;    margin-bottom: 20px;}
.contactus_page .about_us_desc dl dt {   display: flex;    width: 100px;    font-size: 15px;    color: #fff;    line-height: 1.4em;}
.contactus_page .about_us_desc dl dd {     display: flex;     flex-wrap: wrap;    width: calc(100% - 100px);    font-size: 15px;    color: #fff;    line-height: 1.4em;    margin: 0;    gap: 5px;    word-break: keep-all;}
.contactus_page .about_us_desc dl:last-child {   margin-bottom: 50px;}
.contactus_page .about_us_desc a {color:inherit}
.contactus_page .about_us_note h4 {    font-size: 18px;    font-weight: 700;    line-height: 1.5em;    color: #FFFFFF; margin-bottom: 0.5em }
.contactus_page .about_us_note p {font-size: 14px;    line-height: 1.4em;   color: #FFFFFF; word-break: keep-all;}
.about_us_map_wrap {   height: 100%;  position: relative;}
.about_us_map_wrap iframe {     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.sub_page_policy p, 
.sub_page_policy li  {font-size: 16px;  line-height: 2em;}
.sub_page_policy ol {padding-left: 1.2em;}
.sub_page_policy table {width: 100% !important;    border-collapse: collapse;   border-spacing: 0;   margin-bottom: 1em; margin-top: 1em;}
.sub_page_policy table td {border:1px solid #ddd; padding:10px}

/* board common */
#board_search_custom .bo_sch .sch_btn {color: var(--global-palette-btn) !important;   background: var(--global-palette-btn-bg) !important;}
#board_search_custom .bo_sch .sch_input  {color:var(--global-palette3) !important;border-color: var(--global-palette3) !important;}
#board_search_custom .bo_sch select {color:var(--global-palette3) !important; border-color: var(--global-palette3) !important;}
#bo_list .tbl_head01 thead a,
#bo_list .tbl_head01 thead th {color:var(--global-palette3) !important;}
#bo_list .tbl_head01 thead th {background: var(--global-palette7);}
#bo_list .tbl_head01 tbody td a  {color:var(--global-palette3) !important;}
#bo_list  .pg_current{color: var(--global-palette-btn) !important;   background: var(--global-palette-btn-bg) !important;}
#bo_v_con {border-top: 1px solid var(--global-palette3) !important;}
#bo_v a.btn_b01 {color: var(--global-palette-btn) !important;     background: var(--global-palette-btn-bg) !important;}
#bo_V_bottom .bo_v_nb a {color:var(--global-palette3) !important;}


/*비밀번호확인*/
#mb_confirm {   border: 1px solid #ddd;    border-radius: 10px;   width: 90%;   max-width: 380px; margin: 50px auto;}
#mb_confirm p {font-size: 14px !important;}
#mb_confirm .confirm_id {   font-size: 14px !important; }
#mb_confirm_id {   font-size: 16px; }
.mbskin .btn_submit {background-color: var(--global-palette1);  color: var(--global-palette9); border:none; border-radius:30px}




/* post */
.post_list_wrap {display: flex;   flex-wrap: wrap;  column-gap: 30px;  row-gap: 50px;}
.post_list_wrap li {width: calc((100% - 60px) / 3);}
.post_list_wrap li a {display:block}
.post_list_wrap .thumbnail {width: 100%;   height: 420px;  overflow: hidden; margin-bottom: 15px; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.post_list_wrap .thumbnail img {display:block; width:100%; height:100%; object-fit:cover; transition:all 0.35s}
.post_list_wrap .title {text-align: center;     font-size: 16px;    font-weight: 400;    word-break: keep-all; margin-bottom: 15px; line-height:1.3em}
.post_list_wrap .tag_list {display: flex;     flex-wrap: wrap;    justify-content: center;    gap: 5px;    width: 100%;   font-weight: 300;}
.post_list_wrap .tag_list span {display: flex;     justify-content: center;    align-items: center;    background: #f5f5f5;    padding: 5px 12px;    border-radius: 30px;    font-size: 14px;    position: relative;    color: #222; }

.oktale_view_heading {height: 800px; width: 100%;  position: relative;  background-size: cover;    background-position: center; }
.oktale_view_heading .container {height: 100%; display: flex;   align-items: center;   justify-content: flex-end;}
.oktale_view_heading .title_wrap {max-width: 670px;}
.oktale_view_heading .title_wrap .title_01 {font-family: "Cinzel", Sans-serif !important; font-size: 50px;    text-transform: uppercase;   line-height: 1.2em;  color: #fff; margin-bottom: 0.5em; word-break: keep-all;}
.oktale_view_heading .title_wrap .title_02  {font-size: 26px;     text-transform: uppercase;    line-height: 1.6em;    color: #fff; margin-bottom: 2.2em;word-break: keep-all;}
.oktale_view_heading .title_wrap .title_03 { font-size: 20px;    font-weight: 300;    text-transform: uppercase;    line-height: 1.6em;    color: #fff;word-break: keep-all;}
.oktale_view_heading .video_overlay {background: rgba(0, 0, 0, 0.4);}
.post_contents_wrap img {display:block; width: 100%}
.post_contents_wrap {padding-bottom:100px}
.oktale_view_content .product_slider_wrap{padding-bottom:100px; position: relative;}
.oktale_view_content .product_slider_wrap .swiper-button-next,
.oktale_view_content .product_slider_wrap .swiper-button-prev {top: calc(50% - 130px);}



/* all products */
.all_priduct_category_tab {padding: 60px 0 30px;}
.all_priduct_category_tab ul {display: flex;   flex-wrap: wrap;  gap: 10px;}
.all_priduct_category_tab ul li {width:calc((100% - 30px) / 4)}
.all_priduct_category_tab ul li a {display: flex;   font-size: 18px;  color: var(--global-palette3);  justify-content: center;    align-items: center;    height: 2.4em;   border: 1px solid #ddd;    transition: all 0.15s;}
.all_priduct_category_tab ul li a.on {background: var(--global-palette1); color: var(--global-palette9);}
.all_priduct_list_order .container {display: flex;   justify-content: flex-end;  padding-bottom: 30px;}
.all_priduct_list_order  select {  font-size: 14px;  width: 120px;  margin: 0;   height: 45px;    padding: 0 10px; border: none;   border-bottom: 1px solid #cdcdcd;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background: url(/skin/shop/basic/img/select_arrow.png) no-repeat 96% 50%;height: 40px;    background-position: 95% 50%;   background-color: #fff !important;  color: #222;}
.all_priduct_list_order  select:focus-visible {outline:none}
.all_priduct_list_order.single {display: flex;    justify-content: flex-end;   margin-bottom: 30px;}


#sct .pg_wrap{margin: 0;  margin-top: -30px;}
#sct .pg_wrap .pg {display: flex;   justify-content: center;  align-items: center;  gap: 5px;}
#sct .pg_wrap .pg_page {background: none;    border: none;    font-size: 14px;    color: #777;}
#sct .pg_wrap .pg_current {border: none;   background: none;    color: #222;    font-size: 14px;    position: relative;}
#sct .pg_wrap .pg_current::after {content: "";    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    width: 10px;    height: 2px;    background: #222;}
#sct .pg_wrap .pg_start { background:url(../img/main/page_start.png) no-repeat center #fff; transform: translateY(-2px);}
#sct .pg_wrap .pg_prev { background:url(../img/main/page_prev.png) no-repeat center #fff; margin-right: 10px;transform: translateY(-2px);}
#sct .pg_wrap .pg_next { background:url(../img/main/page_next.png) no-repeat center #fff; margin-left: 10px;transform: translateY(-2px);}
#sct .pg_wrap .pg_end { background:url(../img/main/page_end.png) no-repeat center #fff; transform: translateY(-2px);}




/***********************/
/****  Media Query *****/
/***********************/

@media (hover:hover) {
/* Main */
.main_viz_slider_wrap .text_area a:hover {background: #6f6f6f; border-color:#6f6f6f}
.main_viz_slider_wrap .swiper-button-prev:hover, .main_viz_slider_wrap .swiper-button-next:hover {background: #6f6f6f;}
.main_tab_contents .tab_title_list button:hover {   color: var(--global-palette3);}
.main_tab_contents .tab_contents a:hover {background: #6f6f6f;}
.main_review_section .swiper-button-prev:hover, .main_review_section .swiper-button-next:hover {background: #6f6f6f;}
.main_oaktale_section .swiper-slide a:hover img {transform:scale(1.1)}


/* Product */
.product_slider_wrap .prd_list_box .prd:hover .second_img { opacity:1 ; }
.product_slider_wrap .prd_list_box .prd:hover .prd_info { transform: translateY(0);}
.product_slider_wrap .prd_list_box .prd:hover .prd_info button {opacity:1 ; }
.product_slider_wrap .prd_list_box .prd:hover .whish_btn { transform: translateX(0);}
.product_slider_wrap .swiper-button-next:hover,
.product_slider_wrap .swiper-button-prev:hover {background:#888}
.product_slider_wrap .prd_info button:hover {color: var(--global-palette-btn-hover);   background: var(--global-palette-btn-bg-hover);}
.main_ytb_banner a:hover {background:#000; border-color:#000}
.main_oaktale_section .swiper-button-next:hover,
.main_oaktale_section .swiper-button-prev:hover {background:#888}

/* Footer */
.footer_box ul li a:hover {color: var(--global-palette2);}
#top_btn:hover{color: var(--global-palette9);   background: var(--global-palette1);}


/* board common */
#board_search_custom .bo_sch .sch_btn:hover {        color: var(--global-palette-btn-hover) !important;       background: var(--global-palette-btn-bg-hover) !important;    }
#bo_V_bottom .bo_v_nb a:hover {        color: var(--global-palette-btn-hover) !important;       background: var(--global-palette-btn-bg-hover) !important;    }
#bo_V_bottom .bo_v_nb a.btn_next:hover span:after,
#bo_V_bottom .bo_v_nb a.btn_prv:hover  span:before{filter: invert(1) brightness(2);}
#bo_v a.btn_b01:hover {  color: var(--global-palette-btn-hover) !important;        background: var(--global-palette-btn-bg-hover) !important;    }


.mbskin .btn_submit:hover {background-color: var(--global-palette-btn-bg-hover);  color: var(--global-palette-btn-hover);}

/*post*/
.post_list_wrap li a:hover .thumbnail img {transform:scale(1.1)}


/* all products */
.all_priduct_category_tab ul li a:not(.on):hover {color: var(--global-palette-btn-hover);    background: var(--global-palette-btn-bg-hover);}
}



@media only screen and ( max-width: 1600px ) { 
/* Header */
.left_area  .gnb_dep1 > li > a {padding: 0 20px 0 10px;}
.left_area  .gnb_dep1 > li.menu-item-has-children > a::after {right: 8px;}

}



@media only screen and ( max-width: 1440px ) { 
/* Header */
.mobile_search_btn {display:block}
.haeder_menu_are .hd_sch_wr { display:none; position: absolute;   top: 100%;   left: 0;  width: 100%;  z-index: 19; background: #fff;  padding: 10px;}
.hd_sch_wr form {width: 100%;}
.haeder_menu_are .hd_sch_wr.open {display:block}


/* Main */
.main_viz_slider_wrap .swiper-slide {height: 600px;}
.main_viz_slider_wrap .swiper-button-prev, .main_viz_slider_wrap .swiper-button-next {display:none}
.main_viz_slider_wrap .swiper-pagination {display: block; bottom:20px}
.main_viz_slider_wrap .swiper-pagination-bullet {width: 12px;   height: 12px;        border: 2px solid #fff;        opacity: 1;}
.main_viz_slider_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff} 

.main_tab_contents .tab_title_list button {  font-size: 24px;}
.main_tab_contents .tab_title_list button.on span:after {right: -33px; width: 30px;}

.main_oaktale_section .swiper-button-next  { right: -30px}
.main_oaktale_section .swiper-button-prev  {left: -30px}


/* Product */
.product_slider_wrap .image {height: 320px;}
.product_slider_wrap .swiper-button-next  { right: -30px}
.product_slider_wrap .swiper-button-prev  {left: -30px}
.product_slider_wrap.list .prd_list_box {margin: 0;  width: calc((100% - 60px) / 3);}


/* sub common */
.sub_page_visual h1 {font-size: 54px;}

.contactus_page .flex_box {align-items: stretch;}
.contactus_page .info {padding: 60px 30px 80px;}
.about_us_map_wrap {  height: 100%;}
.contactus_page .info h2 {font-size: 30px;}
.contactus_page .info h3 {   font-size: 22px;}


/* post */
.post_list_wrap .thumbnail {height: 29.167vw;}
}




@media only screen and ( max-width: 1120px ) { 
/* Header  Mobile Break */
#gnb_main {display:none;}
.header_hamburder_menu {display:block;z-index: 199;}
.haeder_menu_are .inner_container {height: 90px;}
body.scroll #wrapper {padding-top:90px}
#logo {margin-left: 15px;}
#mobile_menu_box .sub_menu>li.mobile_only {display:block}

}



@media only screen and ( max-width: 1024px ) { 
/* Main */
.main_ytb_banner .inner_wrap {    height: 580px;}

.main_tab_contents .tab_title_list,
.main_tab_contents .tab_contents_list {display:contents}
.main_tab_contents .tab_title_list button {display: block;  width: 100%;}
.main_tab_contents .tab_contents {width: 100%;}
.main_tab_contents .contentx_wrap {gap: 10px;}
#tab_01 {order:1}
#tab_02 {order:2}
#tab_03 {order:3}
#tab_04 {order:4}
#tab_05 {order:5}
#tab_06 {order:6}
#tab_01_contents {order:1}
#tab_02_contents {order:2}
#tab_03_contents {order:3}
#tab_04_contents {order:4}
#tab_05_contents {order:5}
#tab_06_contents {order:6}

.main_review_section .img_wrap,
.main_review_section .swiper-slide {height: 430px;}
.main_review_section .swiper-slide {padding-left:60px}
.main_review_section .swiper-button-prev {   left: 0;}

.main_oaktale_section .swiper-slide {   height: 300px;}


/* Footer */
.footer_section.upper .container {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-row-gap: 50px;}
.footer_copyright .copyright {    position: relative; margin: 1em 0;}


/* sub common */
.sub_page_visual h1 {font-size: 44px;}
.sub_middle_banner h2 {font-size: 38px;}
.about_page_visual {  height: 400px;}
.about_page_visual h2 {font-size: 60px;max-width: 600px; padding: 0 20px}
.about_mid_txt h2 {font-size: 40px;}
.about_mid_txt p {   font-size: 16px; word-break: keep-all;}
.about_mid_txt p  br {display: none}
.about_img_txt.philo .txt_box {   padding-left: 60px;}
.about_img_txt .gray {   font-size: 18px;}
.about_img_txt h2 {font-size: 42px;}
.about_img_txt .desc {    font-size: 15px; margin-bottom: 3.2em; word-break: keep-all;}
.about_img_txt .desc br {display: none}
.about_img_txt dl {font-size: 16px;}
.about_img_txt.philo {   margin-bottom: 150px;}
.about_brand_value .title_box p {   font-size: 18px;}
.about_brand_value .title_box h2 {font-size: 42px;}
.about_brand_value .title_box {margin-bottom: 80px;}
.about_brand_value .num {font-size: 40px;}
.about_brand_value .value_box h3 {   font-size: 20px;}
.about_brand_value .value_box p {   font-size: 16px; word-break: keep-all;}
.about_brand_value .value_box p br {display: none}
.about_brand_value .value_box.bar {  padding-left: 30px;}
.about_img_txt.create {   padding: 150px 0 150px;}
.about_img_txt.create .txt_box {   padding-right: 60px;}
.about_us_bottom {  height: 400px;}
.about_us_bottom h2 {font-size: 42px;}
.about_us_bottom p {   font-size: 18px; word-break: keep-all;}
.about_us_bottom p br {display: none}

.contactus_page .info {width: 100%;}
.contactus_page .map {   width: 100%;}
.about_us_map_wrap {     height: 600px;    }


/* post */
.oktale_view_heading {  height: 500px; }
.oktale_view_heading .title_wrap .title_01 {font-size: 34px;}
.oktale_view_heading .title_wrap .title_02 {  font-size: 20px; }
.oktale_view_heading .title_wrap .title_03 {  font-size: 16px; }


/* all products */
.all_priduct_category_tab ul li {   width: calc((100% - 20px) / 3);}
.all_priduct_category_tab ul li a {font-size: 16px;}

}


@media only screen and ( max-width: 767px ) { 
/* Header */
 .haeder_menu_are .inner_container {   height: 70px; padding: 0 15px; }
 body.scroll #wrapper {padding-top:70px}
 #tnb .container {height: 30px;}
 #tnb p {font-size:3.3vw}
.top-banner-slider {height:30px;}
.top-banner-slider .swiper-slide {height:30px}
 
 
 #logo img {max-width: 105px;}
 .haeder_menu_are .right_area, .hd_login {gap: 12px;}
 .haeder_menu_are .right_area svg {width:18px; height:18px}
 .header_hamburder_menu {left: 15px; transform: translateY(-50%) scale(0.8);}
 #logo { margin-left: 40px; }
 .hd_login li.language a.current:after {content:none}
 .hd_login li.language a {padding-right: 5px;}
 .haeder_menu_are .member_login {position: absolute;   right: 20px;   top: 3px;   font-size: 10px;}
 
 /* Product */
 .product_slider_wrap .prd_info button {width: 80%;}
 .product_slider_wrap .prd_info {margin-top: 0; transform: translateY(0); padding: 15px;}
 .product_slider_wrap .prd_info button {position: relative;   bottom: 0;   left: 0;   transform: none; opacity: 1; width: 100%;    font-size: 15px; padding: 5px;}
 .product_slider_wrap .whish_btn {transform: translateX(0);width: 28px;  height: 28px; right: 5px;  top: 10px;}
 .product_slider_wrap .whish_btn i {   font-size: 14px;}
  .product_slider_wrap .swiper-button-next {  right: -15px;  top: 40%;} 
 .product_slider_wrap .swiper-button-prev {  left: -15px;  top: 40%;} 
 .product_slider_wrap.list .prd_list_box {margin: 0;  width: calc((100% - 30px) / 2);}
 
 
/* Main */
.main_ytb_banner .inner_wrap {    height: 300px;}
.main_ytb_banner h2 {font-size: 4.5vw;}
.main_ytb_banner p {  font-size: 2.4vw;}

.main_review_section .inner_container > div {   width: 100%; }
.main_review_section .swiper-button-next {   right: 30px;}

.main_oaktale_section .swiper-button-next {  right: -15px; } 
.main_oaktale_section .swiper-button-prev {  left: -15px;;} 

/* Footer */
.footer_section.upper .container {grid-template-columns: minmax(0, 1fr); grid-row-gap: 30px;}


/* sub common */
.sub_page_visual {  height: 325px;}
 .sub_page_visual h1 {   font-size: 34px; }
 .sub_middle_banner {  height: 300px;}
 .sub_middle_banner h2 {   font-size: 30px; }
 .about_page_visual h2 {       font-size: 40px;}
.about_mid_txt {   padding: 80px 0;}
.about_img_txt .container > div {   width: 100%;}
.about_img_txt.create .txt_box {  padding-right: 0; }
.about_img_txt.philo .txt_box {   padding-left: 0;   padding-top: 30px;    }
.about_img_txt.philo {    margin-bottom: 90px;   }
.about_brand_value {  padding: 90px 0 90px; }
.about_brand_value .value_box {   width: 100%;}
.about_brand_value .flex_box {gap: 30px;}
.about_brand_value .value_box.bar {   border: none;    padding-left: 0;    }
.about_img_txt.create {   padding: 90px 0 90px; }
.about_img_txt.create .container {flex-direction: column-reverse;   gap: 30px;}
.padding_100 {    padding: 80px 0 80px;}


/* post */
.post_list_wrap li {  width: calc((100% - 30px) / 2);}
 .oktale_view_heading {  height: 380px;  }
 .oktale_view_heading .container {justify-content: flex-start;}
 .oktale_view_heading .title_wrap .title_01 {    font-size: 24px; } 
 .oktale_view_heading .title_wrap .title_02 {  font-size: 15px; }
 .oktale_view_heading .title_wrap .title_03 {  font-size: 13px; }
.oktale_view_heading .title_wrap .title_03 br {display: none}
.post_contents_wrap {   padding-bottom: 50px; }
.oktale_view_content .product_slider_wrap {   padding-bottom: 50px; }


/* all products */
.all_priduct_category_tab ul li {   width: calc((100% - 10px) / 2);}
.all_priduct_category_tab ul li a {font-size: 16px;}

}




@media only screen and ( max-width: 480px ) { 
#wrapper {width: 100vw;  overflow: hidden;}


/* Main */
.main_viz_slider_wrap .swiper-slide {   height: 320px;   }
.main_viz_slider_wrap .text_area h2 {font-size: 6vw;}
.main_viz_slider_wrap .text_area p {  font-size: 3.3vw;}
.main_viz_slider_wrap .text_area a {font-size: 4vw; line-height: 2.2em;  padding: 0px 1.5em;}
.main_viz_slider_wrap .text_area {padding-bottom: 0}
.main_feature_section {  padding-top: 50px;}
.main_feature_section.latest {padding-bottom:50px; }
.section_title {font-size: 7vw;}

.main_ytb_banner h2 {font-size: 6.8vw;}
.main_ytb_banner p {  font-size: 3.8vw;}
.main_ytb_banner a {font-size: 13px;}

.main_tab_contents {   padding: 50px 0;}
.main_tab_contents .tab_title_list button {  font-size: 5.6vw; }
.main_tab_contents .tab_contents {height: 300px; padding-left: 30px; }
.main_tab_contents .tab_contents h2 {font-size: 8vw;}
.main_tab_contents .tab_contents p {   font-size: 3.6vw;}
.main_tab_contents .tab_contents a {font-size: 13px;}

 .main_review_section .img_wrap, .main_review_section .swiper-slide {  height: 320px; }
 .main_review_section .swiper-slide {  padding-left: 35px; }
  .main_review_section .swiper-button-prev { left: -15px; }
	.main_review_section .swiper-button-next {  right: 0; }
 .main_review_section .review_star {font-size: 18px;}
 .main_review_section .review_list h3 {font-size: 4.8vw;}
 .main_review_section .review_list .user_id {font-size: 3.6vw;}
.main_review_section .review_list .review_cont {font-size: 3.8vw;padding-right: 50px; }
.main_oaktale_section {   padding: 50px 0;}
 .main_oaktale_section .swiper-slide {    height: 200px; }


 /* Product */

 .product_slider_wrap .image {   height: 200px; }
 .product_slider_wrap .prd_info {padding: 12px;}
 .product_slider_wrap .prd_info h3 {font-size: 4vw;}
 .product_slider_wrap .prd_info .star_rate img {width: 75px;}
 .product_slider_wrap .prd_info .star_rate {height: 20px;}
 .product_slider_wrap .prd_price {font-size: 3.8vw;}
  .product_slider_wrap .prd_info button  {font-size: 3.6vw;}


/* Footer */
.footer_section.upper .container {padding-top: 40px;   padding-bottom: 30px;}
.footer_box {gap: 20px;   flex-direction: column;}
.footer_section.under .container {padding-top: 30px;  padding-bottom: 80px;}
.footer_box h3 {  font-size: 4.8vw;}
.footer_box ul li a {  font-size: 3.6vw;}
.footer_addr .ft_info {   font-size: 3.6vw;}
.footer_section .ft_bar {display:block; font-size:0; line-height: 0;}

#footer_chat_link_wrap {bottom: 75px; right: 14px;}
#footer_chat_link_wrap a.link_tree .icon {   width: 44px;  height: 44px;  border-radius: 18px; }
#top_btn {width: 44px;  height: 44px; border-radius: 18px; right: 14px;  bottom: 24px}


/* sub common */
 .sub_page_visual {   height: 180px;  }
 .sub_page_visual h1 {    font-size: 8vw; }
 .sub_middle_banner {   height: 140px;   margin-top: 50px;  }
 .sub_middle_banner .container {width:100%}
 .sub_middle_banner h2 {   font-size: 7vw; }
.pbt-100 {   padding-bottom: 50px;} 
 .about_page_visual {       height: 250px;    }
 .about_page_visual h2 {        font-size: 9vw;    }
 .about_mid_txt {     padding: 60px 0;    }
 .about_mid_txt h2 {       font-size: 8vw;    }
 .about_mid_txt p {   font-size: 3.6vw; }
  .about_img_txt .gray {   font-size: 4.2vw; }
	.about_img_txt h2 {   font-size: 9vw; }
	.about_img_txt .desc {   font-size: 3.6vw;}
	.about_img_txt dl {   font-size: 3.8vw;  }
	.about_img_txt.philo {  margin-bottom: 60px; }
	.about_brand_value {  padding: 60px 0 60px;  }
	.about_brand_value .title_box p {   font-size: 4.2vw; }
	.about_brand_value .title_box h2 {    font-size: 8vw; }
	.about_brand_value .title_box {  margin-bottom: 60px;}
	.about_brand_value .num {   font-size: 8vw;  }
	.about_brand_value .value_box h3 {   font-size: 5vw; }
 .about_brand_value .value_box p {   font-size: 3.6vw;}	
 .about_img_txt.create {   padding: 60px 0 60px; }	
 .about_us_bottom {    height: 250px; }	
.about_us_bottom h2 {      font-size: 8vw;    }	
 .about_us_bottom p {   font-size: 3.8vw;    }	
	
.padding_100 {    padding: 60px 0 60px;}
.sub_page_title_head {   height: 80px; }
.sub_page_title_head h1 {   font-size: 5.6vw; }
.contactus_page .info {       padding: 30px 20px 30px; }
.contactus_page .info h2 {     font-size: 8vw;    }
 .contactus_page .info h3 {       font-size: 6vw;    }
.contactus_page .about_us_desc dl dt,
.contactus_page .about_us_desc dl dd {font-size: 3.6vw;}
.contactus_page .about_us_note h4 {  font-size: 4.2vw;}
.contactus_page .about_us_note p  {font-size: 3.6vw;}
.about_us_map_wrap {   height: 350px;  }

.sub_page_policy p {font-size: 3.6vw;}

.oktale_view_content .product_slider_wrap .swiper-button-next,
.oktale_view_content .product_slider_wrap .swiper-button-prev {top: calc(50% - 200px);}


/* post */
 .post_list_wrap li {   width: 100%; }
 .post_list_wrap .thumbnail {  height: 85vw; }
 
 
  /* 팝업 레이어 */
 .hd_pops_con {    width: 80vw ! IMPORTANT;  height: auto ! IMPORTANT;}
 
 
 /* all products */
.all_priduct_category_tab ul {gap: 5px;}
.all_priduct_category_tab ul li {   width: calc((100% - 5px) / 2);}
.all_priduct_category_tab ul li a {font-size: 3.4vw;}
.all_priduct_category_tab {   padding: 30px 0 20px;}


}