@charset "utf-8";

/* **************************************** *
* 공통 레이아웃
* **************************************** */

/* 페이지 헤더 */
.content-header{position: fixed;top:0;left:0;width:100%;font-size:17rem;text-align:center;border-bottom: 1px solid #eee;background: #fff;z-index: 1000;}
.content-header h2{display:flex;justify-content:center;align-items:center;height:55rem;font-weight:700;font-size: 16rem;color:var(--b-01);}

.content-header--v2{position: fixed;top:0;left:0;width:100%;font-size:17rem; background: #fff;z-index: 1000; display: flex; flex-direction: column; padding:0 20rem; min-height: 95rem;}
.content-header--v2 h1{font-weight:700;font-size: 32rem;color:var(--b-01); line-height: 1.3125;}
.content-header--v2:not(:has(span)){padding-top: 26rem;}
.mypage .content-header--v2{background: transparent;}
.content-header__back{height: 50rem; display: flex; align-items: center;}

.header-bar{display:flex; position:absolute; bottom:0; left:0; width:100%; height:3rem; background:#f3f3f3;}
.header-bar > i{width:100%; height:100%;}
.header-bar > i.on{background:var(--c-01);}
.btn-prev{display:block; position:absolute; left:6rem; width:44rem; height:100%; background:url(../img/common/arrow-prev.svg) no-repeat 50% 50%; background-size:18rem;}
.btn-prev--v2{display:block; /* position:absolute; */ left:6rem; width:19rem; height:15rem; background:url(../img/common/arrow-prev.svg) no-repeat 50% 50%; background-size:18rem;}
.btn-prev--v2.v--white{background:url(../img/common//arrow-prev__w.svg); background-repeat: no-repeat;}


.btn-close{position:absolute; top:0; right:0; width:54rem; height:100%; background:url(../img/common/ic-cancle-pop.svg) no-repeat 50% 50%;}
.btn-right{display:flex; align-items:center; position:absolute; top:0rem; right:20rem; height:100%; font-weight:700; font-size:14rem; color:#d7d7d7;}
.btn-right.on{color:var(--c-02);}

/* 푸터 */
#footer{padding:20rem 0rem 80rem;  background:#fff; border-top: 1px solid #eee;}
#footer img{height:35rem;}
#footer address{margin-top:20rem;}
#footer address span{font-weight: 300;}
#footer address span + span{margin-left: 14rem;}
.ft-logo{color: #bebebe; font-size: 22rem; font-weight: 700; }
.footer-customer strong{display:block; margin-top:24rem; font-size:14rem; color:var(--b-01);}
.footer-customer a{display:flex; align-items:center; position:relative; font-weight:800; font-size:18rem; color:var(--b-01);}
.footer-customer p{margin-top:7rem;}
.footer-customer a::before{content:""; display:block; width:16rem; height:17rem; background:url(../img/common/ic-call.svg) no-repeat 50% 50%;}
.ft-time em{display: block; font-weight: 600; margin-bottom: 5rem;}
.ft-time [data-list="dot"] > *{padding-left: 10rem;}
.ft-time [data-list="dot"] li{margin-bottom: 4rem; font-weight: 300;}
.ft-time{margin-top: 24rem;}

/* 하단 네비게이션 */
#content-nav{position:fixed; overflow:hidden; bottom:0; left:0; z-index:90; width:100%; /* box-shadow:0px -1px 10px 0px rgba(0, 0, 0, 0.05); */ border-top: 1px solid #eee;}
.content-nav__list{display: flex;padding:10rem 20rem 0;background:#fff;text-align:center }
.content-nav__list > li{padding:10rem 0 20rem;font-weight:500;font-size:12rem;color:#9e9e9e;flex: auto;}
.content-nav__list > li::before{content:""; display:block; width:100%; margin-bottom:6rem; background-position:50% 50%; min-height:23rem; background-repeat:no-repeat; min-width:23rem;}
.content-nav__item--01::before{background-image:url(../img/common/ic-tab01.svg);}
.content-nav__item--02::before{background-image:url(../img/common/ic-tab02.svg);}
.content-nav__item--03::before{background-image:url(../img/common/ic-tab03.svg);}
.content-nav__item--04::before{background-image:url(../img/common/ic-tab04.svg);}

/* 하단 네비 온처리 */
body:has(.main) .content-nav__item--01,
body:has(.laboratory) .content-nav__item--02,
body:has(.shop) .content-nav__item--03,
body:has(.mypage) .content-nav__item--04{color:var(--c-02);}

/* body:has(.main) .content-nav__item--01::before{background-image:url(../img/common/ic-tab01__on.svg);}
body:has(.commu) .content-nav__item--02::before{background-image:url(../img/common/ic-tab02__on.svg);}
body:has(.solution) .content-nav__item--03::before{height:22rem; background-image:url(../img/common/ic-tab03__on.svg);}
body:has(.mypage) .content-nav__item--04::before{background-image:url(../img/common/ic-tab04__on.svg);}
 */