/* 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: calc(var(--header-height) + var(--ddibanner-height));padding-bottom:var(--space-bottom)}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  #contents {padding-top: calc(var(--header-height));}
}

.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); }


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

    /* 버튼 컬러 */
    --btncolor-1:#3984FF;
    --btncolor-2:#A7C8FF;
    --btncolor-3:#B6BDCD;
    --btncolor-4:#555C6B;
    --btncolor-5:#E71D2F;
    --btncolor-6:rgba(248, 173, 64, 1);
    
    
    /* 브랜드 컬러 */
    --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;
    --ddibanner-height: 6rem;
    --header-height: 8rem;
    --bottombar-height: 13.8rem;
    --side-padding: 4rem; /* 16px ~ 40px */
    --space-bottom:12rem;

    /* 공간 단위 */
    --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;
    --space-bottom:16rem;
  }
}


/* BTN */


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


/* ARROW */
.arrow {width: 1.2rem;height: 1.2rem;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;z-index:901;bottom: 21px;left: 50%;transform: translate(-50%, 0%);}
.quickmenu .menu-content a {width:5.2rem;background:#2364CF;display:block;border-radius:10rem;color:var(--font-white);text-align: center;padding:3.7rem 0;font-size:1.5rem;line-height:2.2rem;}
.quickmenu .menu-content.active {}
.quickmenu .menu-content.active a {}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .quickmenu {bottom:calc(var(--bottombar-height) + 5rem);display:none;}
}


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


/* DDIBANNER */
.ddibanner {background:var(--main-blue-1);position:fixed;top:0;left:0;right:0;width:100%;z-index:901;padding:0 var(--side-padding);text-align: center;height:var(--ddibanner-height);line-height:var(--ddibanner-height);}
.ddibanner a {color:var(--font-white);}
.ddibanner a > span {border-color:var(--white);transform:rotate(45deg);width: .8rem;height: .8rem;font-size:1.8rem;margin-bottom: .1rem;margin-left:.3rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .ddibanner {display:none;}   
}


/* HEADER */
header#header {background:var(--white);width:100%;height:var(--header-height);position:fixed;top:var(--ddibanner-height);left:0;right:0;z-index:900;padding:0 var(--side-padding);color:var(--font-black);}
header#header a {color:var(--font-black);font-size:1.5rem;white-space: nowrap;}
header#header a.cate {font-weight:400;}
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;gap:2.2rem;}
header#header h1.logo svg {height:100%;vertical-align: middle;}
header#header h1.logo .sns_area {display:flex;gap:10px;}
header#header h1.logo .sns_area a {display:inline-block;vertical-align: middle;}
header#header h1.logo .sns_area a svg {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;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  header#header {background:var(--white);top:0;}
  header#header h1.logo svg {fill:var(--main-blue-1);}
  header#header h1.logo path {fill:var(--main-blue-1);}
  header#header h1.logo .sns_area {display:none;}
  header#header h1.logo a {font-size:3.4rem;line-height:4.2rem;}
  header#header h1.logo a.back {width:1.9rem;}
  header#header h1.logo a .arrow {width:2.4rem;height:2.4rem;border-top:3px solid #111;border-right:3px solid #111;transform: rotate(-135deg);border-radius: .3rem;margin-left: .5rem;}
}


/* HEADER - 하위 카테고리 */
.sub-category.depth3 {display:none;}
header#header .header_nav .position > li > ul.header_sub_cate {display:none;position:absolute;top:4rem;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:last-child {margin:0;}
header#header .header_nav .position > li > ul.header_sub_cate > li > a {color:#444;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(--font-white);font-weight:700;background:#2364CF;}
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-flex;white-space: nowrap;}
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:3.6rem;;align-items: center;justify-content: flex-end;flex:1;}
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 {font-weight:700;}
header#header .mobile_icon {display:none;}
@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;
  z-index: 899;
  width:100%;
  height:auto;
  background-color: var(--white);
  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);font-weight:400;}
.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;display:block;}

.search_box .search_wrapper .recom_keyword {display:flex;gap:1.8rem;margin-top:1.8rem;}
.search_box .search_wrapper .recom_keyword p {color:var(--font-white);font-size:1.3rem;line-height:3rem;font-weight:700;}
.search_box .search_wrapper .recom_keyword > div {display:flex;gap:0 1.4rem;flex-wrap: wrap;}
.search_box .search_wrapper .recom_keyword > div > a {color:var(--font-white);font-size:1.3rem;line-height:3rem;}
.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.6rem;line-height:3rem;margin-bottom:2.8rem;}
  #searchBox .search_wrapper .recom_keyword > div {display:block;}
  #searchBox .search_wrapper .recom_keyword > div > a {display:block;font-size:2.6rem;line-height:3rem;margin-bottom:2.8rem;}
  #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(--black);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(--background-grey);color: var(--font-white);transition: left 0.4s ease;z-index: 800;overflow:auto;}
.mobile-menu.active {left: 0;}
.mobile-menu .menu_wrapper {position:relative;height:100%;padding:calc(var(--header-height) + 5rem) var(--side-padding) 10rem;}
.mobile-menu .categoryList {list-style: none;padding: 0;}
.mobile-menu .categoryList > li {margin-bottom:4.3rem;}
.mobile-menu .categoryList > li > a {color: var(--font-white);text-decoration: none;font-weight: 700;font-size: 3rem;line-height: 3rem;display: flex;justify-content: space-between;align-items: center;}
.mobile-menu .categoryList > li > a.active .plus-icon::before {transition: transform 0.25s 
  ease-out;transform:rotate(90deg);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .mobile-menu {background:var(--background-grey);}
    .mobile-menu .categoryList > li > a {color: var(--font-black);}
}

/* mobile-menu - 아래 영역 */
.mobile-menu .menu_bottom_area {height:10.8rem;background:var(--main-blue-1);position:absolute;left:0;bottom:0;width:100%;z-index: 801;text-align: center;}
.mobile-menu .menu_bottom_area a {color:var(--font-white);font-size:3rem;line-height:10.8rem;}

/* mobile-menu - 2depth */
.mobile-menu .sub-category.depth2 {display:none;}
.mobile-menu .categoryList > li > ul {padding:3rem 3.5rem;background: rgba(255, 255, 255, .2);border-radius: 3rem;margin-top:3rem;}
.mobile-menu .categoryList > li > ul > li {padding:0 3rem 2.8rem 0;}
.mobile-menu .categoryList > li > ul > li:last-child {padding:0;}
.mobile-menu .categoryList > li > ul > li > a {position:relative;font-weight: 400;font-size: 3rem;line-height: 4rem;}
.mobile-menu .categoryList > 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%;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .mobile-menu .categoryList > li > ul {background:var(--white);}
    .mobile-menu .categoryList > li > ul > li > a {color:var(--font-black);}
    .mobile-menu .categoryList > li > ul > li > a:active {color:#2364CF;}
}


/* mobile-menu - 3depth */
.mobile-menu .categoryList > li > ul > li > ul {padding:2.8rem 3.5rem 0 3.5rem;}
.mobile-menu .categoryList > li > ul > li > ul > li {padding:0 0 2.8rem 0;}
.mobile-menu .categoryList > li > ul > li > ul > li:last-child {padding:0;}
.mobile-menu .categoryList > li > ul > li > ul > li > a {position:relative;font-weight: 400;font-size: 3rem;line-height: 4rem;}
.mobile-menu .categoryList > 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.2rem;height: 3.2rem;}
.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: .2rem;height: 100%;margin-left: -.1rem;border-radius: .2rem;}
.mobile-menu .plus-icon:after{/* horizontal line */top: 50%;left: 0;width: 100%;height: .2rem;margin-top: -.1rem;border-radius: .2rem;}
.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); } */
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .mobile-menu .plus-icon:before, .mobile-menu .plus-icon:after {background-color: var(--black);}
}


/* 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:25%;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;gap: .8rem;}
  .bottom_bar_wrap ul li a svg {width:4.2rem;height:4.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 {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;justify-content: space-between;}
footer#footer .footer_left .footer_logo {}
footer#footer .footer_left .footer_logo img {width:8.7rem;}
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 p,
footer#footer .footer_left .footer_info .footer_company span {font-size:1.3rem;line-height:1.6rem;color:var(--medium-grey);font-weight: 400;}
@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 {position: absolute;right: var(--side-padding);top: 4.8rem;}
  footer#footer .footer_left .footer_logo img {width:12.7rem;}
  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 p,
  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_company span {display:block;}
  footer#footer .footer_left .footer_info .footer_link {display:block;}

  footer#footer .footer_bottom_area {display:block;padding:4.8rem var(--side-padding) calc(9rem + var(--bottombar-height)) var(--side-padding);}
} 

/* FOOTER - 커스텀 셀렉트 박스 */
footer#footer .footer_right {position:absolute;right:0;top: 2rem;}
footer#footer .footer_right .custom-select {width: 20rem;margin-bottom: 1rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  footer#footer .footer_right {display:flex;align-items: center;gap:2rem;position:unset;margin: 4rem 0;}
  footer#footer .footer_right .custom-select {width:100%;margin:0;font-size:2.6rem;line-height:5.2rem;}
}


/* PAGE IMAGE, CATEGORY */
.page_header .page_category {display: flex;justify-content: center;align-items: center;max-width: var(--max-width);margin: 3rem auto;}
.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;margin:0;}
  .page_header .path ol {height:100%;justify-content: center;}
  .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}
  .page_header .path ol li:last-child > a {display:inline-block;}
}
/* PAGE TITLE */
.page_header .page_title {max-width:var(--max-width);margin:0 auto 4.6rem;}
.page_header .page_title h3 {font-size:2.4rem;line-height:3rem;font-weight:700;text-align: center;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .page_header .page_title {padding:0 var(--side-padding);display:none;}
}


/* CONTAINER LAYOUT - page */
.page_container {max-width:var(--max-width);margin:0 auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .page_container {padding:1.4rem var(--side-padding) 0;}
}
/* CONTAINER LAYOUT - board */
.board_container {max-width:var(--max-width);margin:0 auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .board_container {padding:1.4rem var(--side-padding) 0;}
}