/* LAYOUT */
/* *::-webkit-scrollbar {width:5px;background:#ddd;}
::-webkit-scrollbar-thumb {width:5px;background:#000;}
*::-webkit-scrollbar-track {width:5px;background:#ddd;} */
html {
  font-size: 62.5%;
  /* overflow-x: hidden; */
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  html {font-size: calc(0.625vw + 5.5px);}
}
@media only screen and (max-width: 480px) { /* Mobile */
  html {font-size: calc(0.48vw + 4.5px);}
}
@media only screen and (max-width: 375px) { /* Mobile */
  html {font-size: calc(0.48vw + 3.5px);}
}
@media screen and (min-width: 1024px) { /* PC */
}
body {
  font-size: clamp(1.1rem, 1vw + 0.5rem, 1.6rem);
  font-family: var(--font-family);
  color: var(--font-black);
  line-height: var(--bs-line-height);
  letter-spacing: -0.05em;
}
#container {overflow-x:hidden;}
#contents {padding-top: var(--header-height);padding-bottom:var(--space-bottom)}


.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }


/* device */
.pc {display:block !important;}
.mb {display:none !important;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .pc {display:none !important;}
    .mb {display:block !important;}
}

/* IE Not Supoorted */
:root {
    --white:#ffffff;
    --black:#000000;

    /* 버튼 컬러 */
    --btncolor-1:#3984FF;
    --btncolor-2:#A7C8FF;
    --btncolor-3:#B6BDCD;
    --btncolor-4:#555C6B;
    --btncolor-5:#E71D2F;
    
    /* 브랜드 컬러 */
    --main-blue-1:#0601FF;
    --main-blue-2:#00C0B3;
    --main-blue-3:#2D90D1;
    --sub-color-blue:#E1EBFF;
    --sub-color-mint:#E6F8F7;
    --sub-color-pink:#FFE7E9;
    --sub-color-orange:#FFECD5;
    --point-red:#FF0028;
    --point-orange:#F7A338;
    --font-grey:#9e9e9e;
    --font-white:#ffffff;
    --font-black:#000000;
    --linegrey:#eeeeee;
    --background-grey:#F3F6FB;
    --medium-grey:#797979;

    /* 레이아웃 */
    --max-width: 1200px;
    --header-height: 9rem;
    --bottombar-height: 13.8rem;
    --side-padding: 4rem; /* 16px ~ 40px */
    --space-bottom:15rem;

    /* 공간 단위 */
    --space-xs: clamp(0.4rem, 0.6vw, 0.8rem);
    --space-sm: clamp(0.8rem, 1vw, 1.6rem);
    --space-md: clamp(1.6rem, 2vw, 3.2rem);
    --space-lg: clamp(3.2rem, 4vw, 6.4rem);
    --space-xl: clamp(4.8rem, 6vw, 9.6rem);

    /* 애니메이션 */
    --ease-default: all 0.3s ease-in-out;

    /* 폰트 패밀리 */
    --font-family:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
    --bs-line-height:1.6;
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  :root {
    --max-width: 100%;
    --header-height: 10.8rem;
    --side-padding: 3rem;
  }
}


/* BTN */



/* SWIPER */
.swiper-container {position:relative;}



/* ARROW */
.arrow {width: 12px;height: 12px;border-top: 1px solid #111;border-right: 1px solid #111;display:inline-block;}
.arrow-right {transform: rotate(-135deg);}
.arrow-left {transform: rotate(45deg);}


/* QUICK MENU */
.quickmenu {position:fixed;right:20px;bottom:5rem;z-index:700;}
.quickmenu .quick-menu-wrap {position:relative;}
.quickmenu .quick-menu-wrap .inner {position:absolute;color:#fff;z-index:901;bottom: 21px;left: 50%;transform: translate(-50%, 0%);}
.quickmenu .menu-content {background:var(--main-blue-1);height:0;transition:300ms;width:8.9rem;visibility: hidden;}
.quickmenu .menu-content.active {height:22.8rem;transition:300ms;visibility: visible;}
.quickmenu .menu-content ul {opacity:0;}
.quickmenu .menu-content.active ul {opacity:1;transition:all 300ms ease 250ms;}
.quickmenu .menu-content ul .menu-title {color:var(--font-white);text-align: center;font-weight: 700;font-size: 1.5rem;line-height: 1.6rem;margin-bottom:.6rem;}
.quickmenu .menu-content ul li {color:var(--font-white);text-align: center;font-weight: 400;font-size: 1.2rem;line-height: 3.4rem;}
.quickmenu .menu-content ul li:hover a {font-weight:700;}
.quickmenu .menu-content ul li.certificate {border-radius:3px;background:rgba(0,0,0,.2);  margin: 0 .6rem;line-height: 1.8rem;font-weight: 700;font-size: 1.2rem;line-height: 1.8rem;margin-top:.6rem;}
.quickmenu .menu-content ul li.certificate a {width: 100%;height: 100%;display: block;padding: 1rem;}
.quickmenu .menu-content ul li.certificate:hover {background:rgba(255,255,255,.2);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .quickmenu {bottom:calc(var(--bottombar-height) + 5rem);display:none;}
}

/* QUICK MENU - triangle */
.quickmenu .triangle {width: 0;height: 0;border-left: 4.4rem solid transparent;border-right: 4.4rem solid transparent;border-top: 3.4rem solid var(--main-blue-1);}
.quickmenu .triangle.up {transform: rotate(180deg);}
.quickmenu .certifi-icon {display:block;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .quickmenu .triangle {border-left: 6.4rem solid transparent;border-right: 6.4rem solid transparent;border-top: 5.4rem solid var(--main-blue-1);}
  .quickmenu .menu-content {width:12.8rem;}
  .quickmenu .menu-content.active {height:30.8rem;}
  .quickmenu .menu-content ul .menu-title {font-size:1.8rem;margin-bottom: 2rem;}
  .quickmenu .menu-content ul li {font-size:1.7rem;line-height:4rem;}
  .quickmenu .menu-content ul li.certificate {font-size:1.7rem;margin-top:1rem;}
  .quickmenu .menu-content ul li.certificate a {padding:1.5rem 1rem;}
  .quickmenu .certifi-icon svg {width:3rem;height:3rem;margin-bottom:1rem;}
}

/* QUICK MENU - plus icon */
.quick-open {width:2.6rem;height:2.6rem;background:rgba(0,0,0,.2);border-radius:50%;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;z-index: 700;bottom:2rem;left: 50%;transform: translate(-50%, 0);cursor:pointer;}
.quick-open .plus-icon{display:block;position:relative;width: 10px;height: 10px;}
.quick-open .plus-icon:before, .quick-open .plus-icon:after{content: "";position: absolute;background-color: var(--white);transition: transform 0.25s ease-out;}
.quick-open .plus-icon:before{/* vertical line */top: 0;left: 50%;width: 2px;height: 100%;margin-left: -1px;}
.quick-open .plus-icon:after{/* horizontal line */top: 50%;left: 0;width: 100%;height: 2px;margin-top: -1px;}
.quick-open .plus-icon:hover{cursor: pointer;}
.quick-open.active .plus-icon::before {transform: rotate(90deg); }
.quick-open.active .plus-icon::after {transform: rotate(180deg); }
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .quick-open {width:3.6rem;height:3.6rem;bottom:3.5rem;}
}

/* SCROLL TOP */
.scroll_top {width:5.2rem;height:5.2rem;border-radius:50%;background:var(--main-blue-1);margin: 2rem auto 0;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .scroll_top {width:6rem;height:6rem;}
    .scroll_top svg {width:2.6rem;height:2.8rem;}
}

/* HEADER */
header#header {background:var(--main-blue-1);width:100%;height:var(--header-height);position:fixed;top:0;left:0;right:0;z-index:900;padding:0 var(--side-padding);}
header#header a {color:var(--font-white);font-size:1.5rem;white-space: nowrap;}
header#header .header_wrapper {display:flex;align-items: center;width:100%;height:100%;position:relative;z-index:900;}

header#header h1.logo {height:100%;vertical-align: middle;display: flex;align-items: center;flex:.8;}
header#header h1.logo svg {height:100%;vertical-align: middle;}
header#header .header_nav {display:flex;align-items: center;justify-content: space-between;width:100%;height:100%;}
header#header .header_nav .position {display:flex;align-items: center;flex:1;justify-content: space-between;height:100%;gap:7rem;}
header#header .header_nav .position > li {font-size:1.5rem;line-height:1.5rem;position:relative;}


/* HEADER - 하위 카테고리 */
.sub-category.depth3 {display:none;}
header#header .header_nav .position > li > ul.header_sub_cate {display:none;position:absolute;top:6.9rem;left:-1rem;z-index:999;}
header#header .header_nav .position > li > ul.header_sub_cate > li {margin-bottom:1rem;line-height:1.8rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li > a {color:var(--font-white);font-size: 1.5rem;white-space: nowrap;display:block;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;}
header#header .header_nav .position > li > ul.header_sub_cate > li > a:hover {color:var(--main-blue-1);font-weight:700;background:#fff;}
header#header .header_nav .position > li > ul.header_sub_cate > li > ul {margin-top:.6rem;padding-left:1rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li > ul > li {margin-bottom:.4rem;line-height:1.8rem;position:relative;padding-left:.8rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li > ul > li::before {    content: '';width: .2rem;height: .2rem;background: var(--white);border-radius: 50%;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 50%;}
header#header .header_nav .position > li > ul.header_sub_cate > li > ul > li > a {font-weight:400;font-size:1.5rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li > ul > li > a:hover {text-decoration:underline;}

/* plus-icon */
header#header .header_nav .position > li > ul.header_sub_cate > li .sub_title {display:flex;align-items: center;padding:.5rem 1rem;border-radius:.5rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li:hover .sub_title {background:#fff;display:inline-block;}
header#header .header_nav .position > li > ul.header_sub_cate > li .sub_title > a {font-size:1.5rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li:hover .sub_title a {color:var(--main-blue-1);font-weight:700;}
header#header .header_nav .position > li > ul.header_sub_cate > li:hover .plus-icon:before,
header#header .header_nav .position > li > ul.header_sub_cate > li:hover .plus-icon:after {background-color: var(--main-blue-1);}

header#header .header_nav .position > li > ul.header_sub_cate > li .plus-icon{position:relative;width: .8rem;height: .8rem;display:inline-block;margin-left:.5rem;cursor:pointer;}
header#header .header_nav .position > li > ul.header_sub_cate > li .plus-icon:before,
header#header .header_nav .position > li > ul.header_sub_cate > li .plus-icon:after {content: "";position: absolute;background-color: var(--white);transition: transform 0.25s ease-out;}
header#header .header_nav .position > li > ul.header_sub_cate > li .plus-icon:before {/* vertical line */top: 0;left: 50%;width: .1rem;height: 100%;border-radius: .2rem;}
header#header .header_nav .position > li > ul.header_sub_cate > li .plus-icon:after {/* horizontal line */top: 50%;left: 0;width: 100%;height: .1rem;border-radius: .2rem;transform: translate(0, -50%);}
header#header .header_nav .position > li > ul.header_sub_cate > li.active .plus-icon:before {transform:translate(-50%, 0) rotate(90deg);}




header#header .header_right_area {display:flex;gap:2.2rem;;align-items: center;justify-content: flex-end;flex:1;}
header#header .header_right_area .sns_area {display:flex;gap:10px;}
header#header .header_right_area .sns_area a {display:inline-block;vertical-align: middle;}
header#header .header_right_area .sns_area a svg {vertical-align: middle;}
header#header .header_right_area .total_area {display:flex;gap:10px;}
header#header .header_right_area .total_area a {display:block;border-radius:50px;border:1px solid #fff;padding:10px 27px;white-space: nowrap;}
header#header .header_right_area .total_area a.hover:hover {background:var(--white);color:var(--main-blue-1);}
header#header .header_right_area .total_area a.login_btn {background:var(--white);color:var(--main-blue-1);display: flex;align-items: center;gap: 2px;}
header#header .header_right_area .total_area a.login_btn:hover {background:var(--main-blue-2);color:var(--font-white);}
header#header .header_right_area .total_area a.login_btn:hover svg,
header#header .header_right_area .total_area a.login_btn:hover svg path {fill:var(--white);}
header#header .mobile_icon {display:none;}
header#header .mobile_icon .search svg {width:3.9rem;}
header#header .mobile_icon .mypage svg {width:3.9rem;}
@media screen and (min-width: 1024px) and (max-width: 1600px) { /* NOTEBOOK */
  header#header h1.logo {flex:.5;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) { /* TABLET */
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    header#header .header_nav .position,
    header#header .header_right_area {display:none;}
    header#header h1.logo svg {width:12.8rem;height:auto;}
    header#header .mobile_icon {display:flex;align-items: center;gap:3.5rem;}
}


/* HEADER NAVIGATION */
#header__background {
  position: fixed;
  left: 0;
  top: 6.2rem;
  z-index: 899;
  width:100%;
  height:auto;
  background-color: var(--main-blue-1);
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);   
  -khtml-transform: translateY(-100%);
  -webkit-transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
#header__background.slideup {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -webkit-transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}




/* DIMMED */
#dimmed {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:898;}



/* SEARCH BOX */
#searchBox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 899;
  width:100%;
  height:auto;
  background-color: var(--main-blue-1);
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);   
  -khtml-transform: translateY(-100%);
  -webkit-transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
#searchBox.slideup {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -webkit-transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  transition: all 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.search_box .search_wrapper {position:relative;max-width:75rem;margin:0 auto;padding:calc(var(--header-height) + 16.8rem) 0 14.7rem;}
.search_box .search_wrapper .search_input {position:relative;}
.search_box .search_wrapper .search_input input {background:var(--white);width:100%;border-radius:50px;height:5rem;box-shadow: 1px 2px 4px 0px #00000040;padding:0 3rem;}
.search_box .search_wrapper .search_input input::placeholder {color:var(--medium-grey);}
.search_box .search_wrapper .search_input button {position:absolute;right:3rem;top:50%;transform:translate(0, -50%);}
.search_box .search_wrapper .search_input button svg {width:2.1rem;height:auto;}

.search_box .search_wrapper .recom_keyword {display:flex;gap:1.8rem;margin-top:3rem;padding-left:3rem;}
.search_box .search_wrapper .recom_keyword p {color:var(--font-white);font-size:1.5rem;line-height:2rem;font-weight:700;}
.search_box .search_wrapper .recom_keyword > div {display:flex;gap:.6rem 1.4rem;flex-wrap: wrap;}
.search_box .search_wrapper .recom_keyword > div > a {color:var(--font-white);font-size:1.5rem;line-height:2rem;}
.search_box .search_wrapper .layer_close_btn {display:none;background:var(--white);border-radius:50%;width:5rem;height:5rem;align-items: center;justify-content: center;position:absolute;left:50%;bottom:-7rem;transform:translate(-50%, 0);cursor:pointer;}
#searchBox.slideup .search_wrapper .layer_close_btn {display:flex;}
.search_box .search_wrapper .layer_close_btn .x-icon {position:relative;width:1.75rem;height:1.75rem;}
.search_box .search_wrapper .layer_close_btn .x-icon .x-icon-1,
.search_box .search_wrapper .layer_close_btn .x-icon .x-icon-2 {position:absolute;width:2.2rem;height:.3rem;background-color:var(--black);margin:.8rem -.2rem;}
.search_box .search_wrapper .layer_close_btn .x-icon .x-icon-1 {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.search_box .search_wrapper .layer_close_btn .x-icon .x-icon-2 {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  #searchBox .search_wrapper {padding:calc(var(--header-height) + 9.4rem) var(--side-padding) 18.4rem;}
  #searchBox .search_wrapper .search_input input {height:8.2rem;box-shadow: 1px 2px 4px 0px #00000040;font-size:2.6rem;}
  #searchBox .search_wrapper .search_input input::placeholder {font-size:2.6rem;}
  #searchBox .search_wrapper .search_input button svg {width:3.9rem;}
  #searchBox .search_wrapper .recom_keyword {display:block;margin-top:5.6rem;}
  #searchBox .search_wrapper .recom_keyword p {font-size:2.4rem;line-height:3rem;margin-bottom:3.8rem;}
  #searchBox .search_wrapper .recom_keyword > div {display:block;}
  #searchBox .search_wrapper .recom_keyword > div > a {display:block;font-size:2.4rem;line-height:3rem;margin-bottom:3.6rem;}
  #searchBox .search_wrapper .recom_keyword > div > a:last-child {margin-bottom:0;}
  .search_box .search_wrapper .layer_close_btn {width:8.2rem;height:8.2rem;bottom:-10rem;}
  .search_box .search_wrapper .layer_close_btn .x-icon {width:2.8rem;height:2.8rem;}
  .search_box .search_wrapper .layer_close_btn .x-icon .x-icon-1,
  .search_box .search_wrapper .layer_close_btn .x-icon .x-icon-2 {width:3.8rem;margin:1.3rem -.4rem;}
}


/* layerDimmed */
#layerDimmed {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:898;}


/* 햄버거 버튼 */
.hamburger {display:none;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .hamburger {width: 3rem;height: 2.2rem;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 901;}
  .hamburger span {display: block;height: .3rem;background: var(--white);border-radius: .2rem;transition: all 0.3s ease;}
  .hamburger.active span:nth-child(1) {transform: translateY(.95rem) rotate(45deg);}
  .hamburger.active span:nth-child(2) {opacity: 0;}
  .hamburger.active span:nth-child(3) {transform: translateY(-.95rem) rotate(-45deg);}
}

/* mobile-menu */
.mobile-menu {position: fixed;top: 0;left: -100%; /* 숨김 */width: 100%;height: 100%;background: var(--main-blue-1);color: var(--font-white);transition: left 0.4s ease;z-index: 800;padding:calc(var(--header-height) + 5rem) var(--side-padding) 10rem;overflow:auto;}
.mobile-menu.active {left: 0;}
.mobile-menu > ul {list-style: none;padding: 0;}
.mobile-menu > ul > li {margin-bottom:3.4rem;}
.mobile-menu > ul > li > a {color: var(--font-white);text-decoration: none;font-weight: 700;font-size: 3.6rem;line-height: 5.2rem;display: flex;justify-content: space-between;align-items: center;}
.mobile-menu > ul > li > a.active .plus-icon::before {transition: transform 0.25s 
  ease-out;transform:rotate(90deg);}

/* mobile-menu - 2depth */
.mobile-menu .sub-category.depth2 {display:none;}
.mobile-menu > ul > li > ul {padding:2.8rem 3rem 3.4rem 3rem;
  /* border-bottom:1px solid var(--white); */
}
.mobile-menu > ul > li > ul > li {padding:0 3rem 2.8rem 0;}
.mobile-menu > ul > li > ul > li:last-child {padding:0;}
.mobile-menu > ul > li > ul > li > a {position:relative;font-weight: 400;font-size: 3.2rem;line-height: 4rem;}
.mobile-menu > ul > li > ul > li > a::before {content:'';width:.5rem;height:.5rem;background:var(--white);border-radius:50%;display: inline-block;vertical-align: middle;position: absolute;left: -1rem;top: 50%;}

/* mobile-menu - 3depth */
.mobile-menu > ul > li > ul > li > ul {padding:2rem 3rem 0 3rem;}
.mobile-menu > ul > li > ul > li > ul > li {padding:0 0 2rem 0;}
.mobile-menu > ul > li > ul > li > ul > li:last-child {padding:0;}
.mobile-menu > ul > li > ul > li > ul > li > a {position:relative;font-weight: 400;font-size: 3.2rem;line-height: 4rem;}
.mobile-menu > ul > li > ul > li > ul > li > a::before {content:'';width:1rem;height:.3rem;background:var(--white);display: inline-block;vertical-align: middle;position: absolute;left: -1.5rem;top: 50%;}


/* plus-icon */
.mobile-menu .plus-icon{position:relative;width: 3.4rem;height: 3.4rem;}
.mobile-menu .plus-icon:before, .mobile-menu .plus-icon:after{content: "";position: absolute;background-color: var(--white);transition: transform 0.25s ease-out;}
.mobile-menu .plus-icon:before{/* vertical line */top: 0;left: 50%;width: .5rem;height: 100%;margin-left: -.2rem;border-radius: 2px;}
.mobile-menu .plus-icon:after{/* horizontal line */top: 50%;left: 0;width: 100%;height: .5rem;margin-top: -.2rem;border-radius: 2px;}
.mobile-menu .plus-icon:hover{cursor: pointer;}
/* .mobile-menu.active .plus-icon::before {transform: rotate(90deg); }
.mobile-menu.active .plus-icon::after {transform: rotate(180deg); } */
.mobile-menu .side_top_area {margin-bottom:7.3rem;}
.mobile-menu .side_top_area a {font-size:3.2rem;line-height:3rem;display: flex;justify-content: space-between;align-items: center;}
.mobile-menu .side_top_area a svg {width:1.3rem;height:2.4rem;}

.mobile-menu .side_bottom_area {display:flex;justify-content: space-between;align-items: center;margin-top:10.5rem;}
.mobile-menu .side_bottom_area .total_area a {font-size:2.6rem;display:block;padding:2.1rem 5rem;border:1px solid var(--white);border-radius:50px;}
.mobile-menu .side_bottom_area .sns_area {display:flex;align-items: center;gap:2.5rem;}
.mobile-menu .side_bottom_area .sns_area svg {width:5.4rem;height:4.8rem;}


/* MOBILE BOTTOM BAR */
.bottom_bar_wrap {display:none;}

@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .bottom_bar_wrap {display:block;position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--bottombar-height);background:var(--white);z-index:700;box-shadow: 0px -4px 10px 0px #0000001A;}
  .bottom_bar_wrap ul {display:flex;align-items: center;justify-content: center;height: 100%;}
  .bottom_bar_wrap ul li {width:20%;text-align: center;height:100%;}
  .bottom_bar_wrap ul li a {font-size:1.8rem;line-height:3rem;display:block;height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .bottom_bar_wrap ul li a svg {width:5rem;height:5rem;}
  .bottom_bar_wrap ul li a span {display:block;font-size:1.8rem;line-height:3rem;}
}


/* FOOTER */
footer#footer {width:100%;}
footer#footer .footer_brand_area {padding:2.6rem 0;max-width:var(--max-width);margin:0 auto;}
footer#footer .footer_brand_area > ul {display: grid;
  grid-template-columns: repeat(10, 1fr);align-items: center;gap:3rem 6.5rem;}
footer#footer .footer_brand_area > ul > li img {width:100%;height:auto;}
footer#footer .footer_border {width:100%;border-top:1px solid #D8DEE8;}
footer#footer .footer_bottom_area {display:flex;align-items: center;justify-content: space-between;padding:2.2rem 0 5rem 0;max-width:var(--max-width);margin:0 auto;position: relative;;}
footer#footer .footer_left {display:flex;align-items: center;gap:40px;}
footer#footer .footer_left .footer_logo {}
footer#footer .footer_left .footer_logo svg {}
footer#footer .footer_left .footer_info {width:70%;}
footer#footer .footer_left .footer_info a {font-size:1.3rem;line-height:2.1rem;color:var(--medium-grey);}
footer#footer .footer_left .footer_info a:hover {font-weight:700;}
footer#footer .footer_left .footer_info .footer_link {display:flex;gap:26px;margin-bottom:10px;}
footer#footer .footer_left .footer_info .footer_company {line-height:1.5rem;}
footer#footer .footer_left .footer_info .footer_company span {font-size:1.3rem;line-height:1.6rem;color:var(--medium-grey);display:inline-block;font-weight: 400;}
footer#footer .footer_right {position:absolute;right:0;top: 2rem;}
footer#footer .footer_right select {width:20rem;font-weight: 400;font-size: 1.5rem;line-height: 2rem;color:var(--medium-grey);border-color:var(--medium-grey);display: block;padding:0 1.3rem;}
footer#footer .footer_right select#family-site {margin-bottom:10px;}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  footer#footer .footer_brand_area {width:100%;padding:2.6rem var(--side-padding) 4rem;}
  footer#footer .footer_brand_area > ul {display:grid;grid-template-columns: repeat(5, 1fr);align-items: center;width:100%;gap:4rem;}
  footer#footer .footer_brand_area > ul > li {width:100%;}
  footer#footer .footer_brand_area > ul > li > a {width:100%;display:block;}
  footer#footer .footer_brand_area > ul > li > a img {width:auto;height:auto;margin:0 auto;}

  footer#footer .footer_left {display:block;}
  footer#footer .footer_left .footer_logo {display:none;}
  footer#footer .footer_left .footer_info {width:100%;}
  footer#footer .footer_left .footer_info a {display:block;font-size:2.6rem;line-height:2.1rem;margin-bottom:3.2rem;}
  footer#footer .footer_left .footer_info .footer_company span {font-size:2.4rem;line-height:3.4rem;letter-spacing: -.2rem;}
  footer#footer .footer_left .footer_info .footer_link {display:block;}
  footer#footer .footer_right {display:flex;align-items: center;gap:2rem;position:unset;margin: 4rem 0;}
  footer#footer .footer_right select {border-radius:1.5rem;width:50%;height:8rem;font-size: 2.6rem;line-height: 5.2rem;padding:0 3rem;}
  footer#footer .footer_right select option {width:100%;}
  footer#footer .footer_right select#family-site {margin:0;}
  footer#footer .footer_bottom_area {display:block;padding:4.8rem var(--side-padding) calc(18.8rem + var(--bottombar-height)) var(--side-padding);}
}


/* PAGE IMAGE, CATEGORY */
.page_header .page_category {background-position:center;background-size:cover;background-repeat:no-repeat;height:226px;display: flex;justify-content: center;align-items: center;}
.page_header .page_category h2 {text-align: center;vertical-align: middle;color:var(--font-white);font-size:3.2rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .page_header .page_category {display:none;}
  .page_header .page_category h2 {}
}
/* PATH */
.page_header .path {max-width:var(--max-width);margin:1.6rem auto 3.6rem;}
.page_header .path ol {display:flex;align-items: center;}
.page_header .path ol li {color:var(--medium-grey);}
.page_header .path ol li {font-size:1.5rem;line-height:2rem;}
.page_header .path ol li span {font-size:1.5rem;line-height:2rem;display:inline-block;padding:0 .3rem;}
.page_header .path ol li > a {display:none;}
.page_header .path ol li:last-child {color:var(--black);font-weight:700;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .page_header .path {padding:0 var(--side-padding);height:10rem;background:var(--white);margin:0;}
  .page_header .path ol {height:100%;}
  .page_header .path ol li {display:none;font-size:3.4rem;line-height:3.4rem;}
  .page_header .path ol li:last-child {display:flex;align-items: center;gap:3.4rem;font-weight:400;}
  .page_header .path ol li:last-child > a {display:inline-block;}
  .page_header .path ol li:last-child > a > svg {width:1.4rem;height:2.7rem;}
}
/* PAGE TITLE */
.page_header .page_title {max-width:var(--max-width);margin:0 auto 2.4rem;}
.page_header .page_title h3 {font-size:2.4rem;line-height:3rem;font-weight:700;text-align: center;}
.page_header .page_title h3::after {content:'';display:block;width:3.2rem;height:.2rem;background:var(--main-blue-1);margin:1.8rem auto 0;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .page_header .page_title {padding:0 var(--side-padding);display:none;}
}