@charset "utf-8";

@import url('lib/animated.css');
@import url('lib/swiper.css');

@import url("component.css");

/* ==============================
* header
* ============================== */
#headerWrap{ position:fixed; top:0; left:0; z-index:999; width:100%; margin:0 auto; background:#fff; transition:height .3s ease, top .3s ease;}
#header { height:120px; transition: all .3s ease;}
#header .section { display:flex; height:100%; align-items: center;}
#header .allMenuScroll { display:none; transition: all .3s ease;}

#header h1.logoG a { display:block; font-size:0;}
#header h1.logoG .logo { display: block; width:113px; height:65px; background: var(--bg-default) no-repeat center center / 100%;}
#header h1.logoG .logo2 { display: block; width:220px; height:42px; background:url('../images/common/logo/logo2.png') no-repeat center center / 100%;}

#header #searchForm { margin-left: 0px; }
#header .headerSearch { position: relative; display:flex; width:440px; height:44px; margin-left:auto; border-radius:24px; background:transparent;}
#header .headerSearch input { flex:1 1 auto; height:100%; padding:0 16px; border:0; margin:0; font-size:15px; color:#222; background:none; z-index: 2; }
#header .headerSearch:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 24px; background: var(--point-color); opacity: 0.1; z-index: 1; }
#header .headerSearch .btnSearch { flex:0 0 auto; position:relative; width:44px; height:44px;}
#header .headerSearch .btnSearch i { font-size:0;}
#header .headerSearch .btnSearch i:after { content: ''; display:block; position:absolute; top:45%; left:30%; width:16px; height:16px; border-radius: 50%; border:2px solid var(--point-color); transform: translate(-50%, -50%);}
#header .headerSearch .btnSearch i:before { content: ''; display:block; position:absolute; top:27px; left:18px; width:8px; height:3px; background:var(--point-color); transform: rotate(45deg);}

.headerBanner { margin-left:60px; transition: all .3s ease;}

#header .headerIcon { display:flex; margin-left:auto;;}
#header .headerIcon a { display:block; position:relative; padding-top:31px; font-size:10px; color:#222; line-height:1.4; letter-spacing: -0.2px; transition:margin .3s ease;}
#header .headerIcon a + a { margin-left:20px;}
#header .headerIcon a:before { content:''; display:block; position:absolute; top:0; left:50%; width:24px; height:24px; transform:translateX(-50%); background:silver}
#header .headerIcon .btnLogin:before { background:url('../images/common/ico_login.png') no-repeat center center /100%;}
#header .headerIcon .btnLogout:before { background:url('../images/common/ico_login.png') no-repeat center center /100%;}
#header .headerIcon .btnMy:before { background:url('../images/common/ico_user.svg') no-repeat center center /100%;}
#header .headerIcon .btnCart:before { background:url('../images/common/ico_shop.png') no-repeat center center /100%;}
#header .headerIcon .btnCart .count { display:flex; position:absolute; top:-10px; right:-10px; width:20px; height:20px; border-radius:50%; font-size:10px; color:#fff; background:var(--point-color); align-items: center; justify-content: center;}
#header .headerIcon .btnCust:before { background:url('../images/common/ico_cust.png') no-repeat center center /100%;}
#header .headerIcon .btnInquiry:before { background:url('../images/common/ico_inquiry.png') no-repeat center center /100%;}
#header .headerIcon .btnPoint:before { background:url('../images/common/ico_point.png') no-repeat center center /100%;}
#header .headerIcon .btnPoint .count { display:flex; position:absolute; top:-10px; right:0px; width:20px; height:20px; border-radius:50%; font-size:10px; color:#fff; background:var(--point-color); align-items: center; justify-content: center;}


.headerMenu { border-bottom:1px solid #ebebeb; transition:all .3s ease; background:#fff;}
.headerMenu .section { display:flex; height:52px;}
.headerMenu .allMenu { display:flex; position:relative; z-index:1; width:220px; height:52px; border-radius:12px 12px 0 0; font-size:16px; color:#fff; font-weight:bold; line-height:1.25; background:var(--point-color); align-items: center; justify-content: center;}
.headerMenu .allMenu i { display:block; position:relative; width:18px; height:2px; margin-right:19px; background:#fff;}
.headerMenu .allMenu i:after { content:''; display:block; position:absolute; top:-6px; left:0; width:18px; height:2px; background:#fff;}
.headerMenu .allMenu i:before { content:''; display:block; position:absolute; bottom:-6px; left:0; width:18px; height:2px; background:#fff;}
.headerMenu .quickMenu { overflow:hidden; display:flex; position:absolute; top:0; left:240px; right:20px; z-index:1; height:52px; padding-right:80px; flex-wrap: wrap; padding-left:60px; background:#fff; border-radius:0 12px 0 0;}
.headerMenu .quickMenu a:not(.btnMore) { display:inline-flex; height:52px; margin-right:32px; line-height:1.33; letter-spacing: -0.3px; vertical-align: middle; font-size:15px; color:#222; align-items: center;}
.headerMenu .quickMenu .btnMore { position:absolute; top:0; right:0px; height:54px; line-height:54px; font-size:13px; color:#666; font-weight:500;}
.headerMenu .quickMenu .btnMore:after { content:''; display:inline-block; width:5px; height:5px; margin-left:6px; margin-right:2px; border:1px solid #666; border-width:0 1px 1px 0; transform: translateY(-50%) rotate(45deg); transition: all .3s ease;}
.headerMenu .quickMenu.on { overflow:visible; height:auto; border-bottom:1px solid #ebebeb; background:#fff}
.headerMenu .quickMenu.on:after { content:''; display:block; position:absolute; top:52px; left:0; bottom:0; width:1px; background:#ebebeb;}
.headerMenu .quickMenu.on:before { content:''; display:block; position:absolute; top:52px; right:0; bottom:0; width:1px; background:#ebebeb;}
.headerMenu .quickMenu.on .btnMore:after{ transform: translateY(0%) rotate(-135deg);}

.headerMenu .allMenuBox { visibility: hidden; overflow: hidden; opacity:0; display:flex; position:absolute; top:52px; left:20px; right:20px; height:0; background:#fff; border-radius:0 0 16px 16px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); transition:all .3s ease;}
.headerMenu .allMenuBox .depth1 { flex:0 0 auto; width:220px; background:var(--point-color);}
.headerMenu .allMenuBox .depth1 a { display:flex; height:56px; padding:0 24px; align-items: center; font-size:16px; color:#fff; transition: all .3s ease;;}
.headerMenu .allMenuBox .depth1 a:hover,
.headerMenu .allMenuBox .depth1 a.on {font-weight:bold;  color:var(--point-color); background:#fff !important;}
.headerMenu .allMenuBox .otherDepthBox { flex:1 1 auto; position:relative; width:100%;}
.headerMenu .allMenuBox .depthBox {visibility: hidden; opacity:0; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s ease;}
.headerMenu .allMenuBox .depth2 { overflow-y:auto; width:25%; padding:24px 32px; opacity:0; transform: translateY(30px);}
.headerMenu .allMenuBox .depth2:nth-child(1) { transition: all .1s ease;}
.headerMenu .allMenuBox .depth2:nth-child(2) { transition: all .1s ease;}
.headerMenu .allMenuBox .depth2:nth-child(3) { transition: all .1s ease;}
.headerMenu .allMenuBox .depth2:nth-child(4) { transition: all .1s ease;}
.headerMenu .allMenuBox .depth2 + .depth2 { border-left:1px solid #eee;}
.headerMenu .allMenuBox .depth2 strong { display:block; margin-bottom:16px; font-size:15px; color:#222; line-height:1.47; font-weight:bold; letter-spacing: -0.3px;}
.headerMenu .allMenuBox .depth2 a { display:block; margin-bottom:12px; font-size:14px; color:#666; line-height: 1.57; letter-spacing: -0.28px; word-break: keep-all; }
.headerMenu .allMenuBox .depth2 a:hover { text-decoration: underline;}

.headerMenu .allMenuBox.on { visibility:visible; opacity:1; height:auto;}
.headerMenu .allMenuBox .depthBox.on { visibility:visible; opacity:1;}
.headerMenu .allMenuBox .depthBox.on .depth2 { transform: translateY(0px); opacity:1;}
.headerMenu .allMenuBox .depthBox.on .depth2:nth-child(1) { transition: all .3s ease;}
.headerMenu .allMenuBox .depthBox.on .depth2:nth-child(2) { transition: all .3s ease .2s;}
.headerMenu .allMenuBox .depthBox.on .depth2:nth-child(3) { transition: all .3s ease .4s;}
.headerMenu .allMenuBox .depthBox.on .depth2:nth-child(4) { transition: all .3s ease .6s;}

/* jlee */
.topBanner.type2:not(.close) + #headerWrap {top:40px;}
.topBanner.type2 {background-color:#333037;height:40px;text-align:center;}
.topBanner.type2 span {color:#fff;display:inline-block;line-height:40px;font-size:16px;padding:0 10px;}
.topBanner.type2 span i {font-style:normal;color:#ef0010;padding-left:5px;}
.headerMenu.type2 .allMenu {background-color:#333037;border-radius:12px 0 0;}
.headerMenu.type2 .allMenuBox {background-color:transparent;box-shadow:none;}
.headerMenu.type2 .allMenuBox .depth1 {background-color:#333037;}
.headerMenu.type2 .allMenuBox .depth1 a:hover,
.headerMenu.type2 .allMenuBox .depth1 a.on {color:#333037;}
.headerMenu.type2 .allMenuBox .otherDepthBox {}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox {
    flex-direction:column;overflow-y:auto;transition:unset;
    -ms-overflow-style:none; /* Explorer */
    scrollbar-width:none; /* Firefox */
}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox::-webkit-scrollbar {display:none; /* Chrome */}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 {
    padding:10px 32px;overflow:initial;/*border-top:1px solid #ddd;border-right:1px solid #ddd;*/transition:unset;background-color:#fff; width:100%;
}

.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2:last-child {/* border-bottom:1px solid #ddd; */}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2:hover {background-color:#5b5563;}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2:hover > strong {color:#fff;}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 strong {margin-bottom:0;}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3 {
    position:absolute; display:none; right:-251px; top:0; width:250px; height: 408px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; overflow-y: scroll;
}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3 > div:hover {background-color:#5b5563;}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3 > div:hover > strong {color:#fff;}

.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3.on { display: block; }
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3 > div { padding: 10px 32px; }
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox.on .depth2 { transform: inherit; }
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2 .depth3 a {padding-left:20px;}
.headerMenu.type2 .allMenuBox .otherDepthBox .depthBox .depth2:hover .depth3 {display:block;}
.headerMenu.type2 .quickMenu .btnMore {position:absolute;top:0;right:15px;height:54px;line-height:54px;font-size:13px;color:#fff;font-weight:500;}
.headerMenu.type2 .quickMenu .btnMore:after {content:'';display:inline-block;width:5px;height:5px;margin-left:6px;margin-right:2px;border:1px solid #fff;border-width:0 2px 2px 0; transform: translateY(-50%) rotate(45deg); transition: all .3s ease;}
.headerMenu.type2 .quickMenu.on { overflow:visible; height:auto; border-bottom:1px solid #ebebeb; background:#fff}
.headerMenu.type2 .quickMenu.on:after { content:''; display:block; position:absolute; top:52px; left:0; bottom:0; width:1px; background:#ebebeb;}
.headerMenu.type2 .quickMenu.on:before { content:''; display:block; position:absolute; top:52px; right:0; bottom:0; width:1px; background:#ebebeb;}
.headerMenu.type2 .quickMenu.on .btnMore:after{ transform: translateY(0%) rotate(-135deg);border-color:#222;}
.headerMenu.type2 .quickMenu.on .btnMore,
.headerMenu.type2 .quickMenu.on a {color:#222;}

/*우리은행*/
.topBanner.type3:not(.close) + #headerWrap {top:40px;}
.topBanner.type3 {background-color:#0082cd;height:40px;text-align:center;}
.topBanner.type3 span {color:#fff;display:inline-block;line-height:40px;font-size:16px;padding:0 10px;}
.topBanner.type3 span i {font-style:normal;color:#ffffff;padding-left:5px;}

.topBanner.type3 .unpayCount {cursor: pointer;  background-color: #ffffff; border-radius:14px; color:#000000; line-height:30px;}

/* 온누리 */
.topBanner.type4:not(.close) + #headerWrap {top:40px;}
.topBanner.type4 {background-color:#EBF9EE;height:40px;text-align:center;}
.topBanner.type4 span {color:#222;display:inline-block;line-height:40px;font-size:17px;padding:0 10px;}
.topBanner.type4 span b {font-weight: bold;}
#searchNm {outline:none;}

/* jlee */

.searchHistoryBox { position: absolute; top:90px; left:280px; z-index:200; width:441px; padding:24px; border-radius:16px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); background:#fff; transition: all .3s ease;}
.searchHistoryBox .searchHistory { margin-top:10px;}
.searchHistoryBox .searchHistory .flex { width:100%;}
.searchHistoryBox .searchHistory .flex + .flex { margin-top:10px;}
.searchHistoryBox .searchHistory .text { position:relative; flex:1 1 auto; padding-left:24px; font-size:16px; color:#666;}
.searchHistoryBox .searchHistory .text:before { content:''; display:block; position:absolute; top:50%; left:0; width:16px; height:16px; background:url('../images/common/ico_clock2.png') no-repeat center center / 100%; transform: translateY(-50%);}
.searchHistoryBox .searchHistory .btnDelete { width:24px; height: 24px; font-size:0; background:url('../images/common/btn_search_close.png') no-repeat center center / 100%;}

.scrollHead .searchHistoryBox { left:318px; top:70px;}

/* scrollHead */
.scrollHead { height:80px;}
.scrollHead #header { height:80px;}
.scrollHead #header h1.logoG a { display:flex;}
.scrollHead #header h1.logoG .logo { width:83px; height:48px; background-image: var(--bg-scroll);}
.scrollHead #header h1.logoG .logo2 { width:89px; height:48px; background-image: url('../images/common/logo/logo2_small.png');}
.scrollHead #header .headerIcon a { width:24px; height:24px; font-size:0;}
.scrollHead #header .headerIcon a + a { margin-left:32px}
.scrollHead #header .allMenuScroll { display:flex; position:relative; z-index:1; width:24px; height:24px; margin-top:-3px; margin-right:16px; font-size:0; justify-content: center; align-items: center;}
.scrollHead #header .allMenuScroll i { display:block; position:relative; width:18px; height:2px; background:#000;}
.scrollHead #header .allMenuScroll i:after { content:''; display:block; position:absolute; top:-6px; left:0; width:18px; height:2px; background:#000;}
.scrollHead #header .allMenuScroll i:before { content:''; display:block; position:absolute; bottom:-6px; left:0; width:18px; height:2px; background:#000;}
.scrollHead .headerBanner { visibility: hidden; opacity:0;}
.scrollHead .headerMenu .section { height:auto;}
.scrollHead .headerMenu .allMenu { display: none;}
.scrollHead .headerMenu .quickMenu { display:none;}
.scrollHead .headerMenu .allMenuBox { top:1px;}

/* ==============================
* footer
* ============================== */
#footerWrap { padding-bottom:60px; background:#f8f8f8}
#footer .footerLink { padding:24px 0; border-bottom:1px solid #eee; line-height: 0;}
#footer .footerLink a { display:inline-block; vertical-align: middle; font-size:14px; color:#222; line-height:1.43; letter-spacing: -0.28px;}
#footer .footerLink a + a:before { content: ''; display:inline-block; width:1px; height:12px; margin:-4px 12px 0; vertical-align: middle; background:#ccc;}
#footer .textBox { display:flex; margin-top:32px;}
#footer .textBox .tit { margin-bottom:8px; font-size:15px; color:#666; font-weight:bold;}
#footer .textBox .tit2 { margin-bottom:8px; font-size:24px; color:#222; font-weight:bold;}
#footer .textBox .text { font-size:13px; color:#666;}
#footer .textBox .text + .text { margin-top:4px;}
#footer .textBox .copy { margin-top:20px; font-size:12px; color:#999;}

#footer .textBox .left {}
#footer .textBox .right { margin-left:auto;}
#footer .textBox .right .btn { margin-left:64px;}

/* photoRview */
.photo .list .slick-slide { margin: 0 20px; }
.photo .list .slick-slide a { font-size: 0; }
.photo .list .slick-slide a img { border-radius: 20px; }
.photo .list button {position: absolute; z-index: 1; width: 60px; height: 60px; border-radius: 50%; font-size: 0; box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.2); background: #fff; top: 50%; transform: translateY(-50%); }
.photo .list button:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 13px; height: 22px; background: url(https://onnuri.benecafe.co.kr/static/images/content/ico_visual_arrow.png) no-repeat center center / 13px; transform: translate(-50%, -50%); }
.photo .list .slick-prev { transform: translateY(-50%) rotate(-180deg); left: -30px; box-shadow: -3px -3px 12px 0 rgba(0, 0, 0, 0.2); }
.photo .list .slick-next { right: -30px; }
.photo .list .slick-list .slick-slide{width:167px;height:167px;}
.photo .list .slick-list .slick-slide img{width:100%;height:100%;}

.photo-img-swiper{position:relative;}
.photo-img-swiper .product-img{background-color:#f8f8f8;}
.photo-img-swiper .swiper-pagination{position:absolute;	bottom:15px; right:14px; width: 50px; background-color: rgba(0, 0, 0, 0.3); padding: 9px; border-radius: 15px; color: white; left:auto; }
.photo-img-swiper .swiper-button-next:after,.photo-img-swiper .swiper-button-prev:after{color: white; background-color: rgba(0, 0, 0, 0.5); padding: 14px 17px; font-size: 12px; max-width: 40px; max-height: 40px; font-weight: bold; }
.photo-img-detail .product-detail{margin-top:20px;padding-top:0;}
.photo-img-detail .product-name{font-weight:bold;margin-bottom:15px;}
.photo-img-detail .product-seller{display:flex;justify-content:space-between;padding-right:0;margin-bottom:20px;align-items:center;}
.photo-img-detail .product-seller p{line-height:13px;}
.photo-img-detail .product-content{font-size:13px;line-height:1.5;}



/* ==============================
* 지역 header
* ============================== */
#localHeaderWrap #header { height:auto; position: fixed; top: 0; z-index: 30; width: 100%; height: auto; border-bottom: 1px solid #dbdbdb; background: #fff; }
#localHeaderWrap * { font-family: 'Pretendard';}
#localHeaderWrap #header .section { display: flex; width:1280px; height:72px; margin:0 auto; align-items: center;}
#localHeaderWrap h1 {}
#localHeaderWrap h1 a {}
#localHeaderWrap nav { margin-left:40px;}
#localHeaderWrap nav ul { display: flex;;}
#localHeaderWrap nav ul li + li { margin-left:40px;}
#localHeaderWrap nav ul li a { display: block; height:100%; font-size:18px; color:#0c0c0c;}
#localHeaderWrap .logo-box { display: flex; margin-left:auto; margin-right:32px; align-items: center;}
#localHeaderWrap .logo-box a + a { margin-left:24px;}
#localHeaderWrap .logo-box a i.ico-head-logo1 { display: block; width:100px; height:26px; font-size:0; background:url('../images/local/img_logo1_on.png') no-repeat center center / 100%}
#localHeaderWrap .logo-box a i.ico-head-logo2 { display: block; width:110px; height:20px; font-size:0; background:url('../images/local/img_logo2_on.png') no-repeat center center / 100%}
#localHeaderWrap .btn-search {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background: #0c0c0c;

    -webkit-mask:
            url("../images/common/search_icon.svg")
            center / 28px 28px no-repeat;

    mask:
            url("../images/common/search_icon.svg")
            center / 28px 28px no-repeat;
}
#localHeaderWrap .btn-menu { display: block; width:32px; height:32px; margin-left:12px; font-size:0; background:#0c0c0c; mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.111 26C4.79633 26 4.53244 25.8887 4.31933 25.666C4.10644 25.4435 4 25.1677 4 24.8385C4 24.5094 4.10644 24.2348 4.31933 24.0149C4.53244 23.795 4.79633 23.6851 5.111 23.6851H26.889C27.2037 23.6851 27.4676 23.7964 27.6807 24.0191C27.8936 24.2418 28 24.5176 28 24.8465C28 25.1757 27.8936 25.4502 27.6807 25.6701C27.4676 25.89 27.2037 26 26.889 26H5.111ZM5.111 17.1573C4.79633 17.1573 4.53244 17.0461 4.31933 16.8236C4.10644 16.6009 4 16.325 4 15.9958C4 15.6669 4.10644 15.3925 4.31933 15.1726C4.53244 14.9527 4.79633 14.8427 5.111 14.8427H26.889C27.2037 14.8427 27.4676 14.9539 27.6807 15.1764C27.8936 15.3991 28 15.675 28 16.0042C28 16.3331 27.8936 16.6075 27.6807 16.8274C27.4676 17.0473 27.2037 17.1573 26.889 17.1573H5.111ZM5.111 8.31493C4.79633 8.31493 4.53244 8.20359 4.31933 7.9809C4.10644 7.75822 4 7.48241 4 7.15347C4 6.8243 4.10644 6.54977 4.31933 6.32986C4.53244 6.10995 4.79633 6 5.111 6H26.889C27.2037 6 27.4676 6.11134 27.6807 6.33403C27.8936 6.55648 28 6.83229 28 7.16146C28 7.49063 27.8936 7.76516 27.6807 7.98507C27.4676 8.20498 27.2037 8.31493 26.889 8.31493H5.111Z' fill='white'/%3E%3C/svg%3E%0A");}
#localHeaderWrap .btn-login { display: flex; width:80px; height:40px; margin-left:24px; border-radius: 20px; font-size:16px; color:#ffff; background:#0c0c0c; align-items: center; justify-content: center; transition:all .3s ease;}
#localHeaderWrap .btn-login:hover { color:#fff; background:#000;}
#localHeaderWrap .header-actions {
    display: flex;
    align-items: center;
}

#localHeaderWrap .header-actions form {
    display: flex;
    align-items: center;
    margin: 0;
}

#localHeaderWrap .btn-search,

#localHeaderWrap .btnMy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    transform: translateY(1px);
    font-size: 0;
}

#localHeaderWrap .btnMy::before {
    display: block;
    margin: 0;
    transform: translateY(3px);
}

#localHeaderWrap.localMainHeader { position:absolute; top:0; left:0; z-index:2; width:100%;}
#localHeaderWrap.localMainHeader nav ul li a {  color:#fff;}
#localHeaderWrap.localMainHeader .btn-search { background:#fff;}
#localHeaderWrap.localMainHeader .btn-menu {  background:#fff;}
#localHeaderWrap.localMainHeader .btn-login {  color:#0c0c0c; background:#fff;}
#localHeaderWrap.localMainHeader .btn-login:hover { color:#fff; background:#000;}

/* ==============================
* 지역 footer
* ============================== */
#localFooterWrap {}
#localFooterWrap #footer { padding-top:60px; border-top:1px solid #E9E9E9;}
#localFooterWrap #footer .textBox { display: flex;}
#localFooterWrap #footer .textBox .left {}
#localFooterWrap #footer .textBox .left .tit { margin-bottom:28px; font-weight:700; line-height: 1; font-size:28px; color:#0c0c0c;}
#localFooterWrap #footer .textBox .left .text { font-size:14px; color:#767676; font-weight: 400;}
#localFooterWrap #footer .textBox .left .copy { margin-top:40px; font-size:14px; color:#767676; font-weight: 400;}
#localFooterWrap #footer .textBox .left .linkGroup { margin-top:20px;}
#localFooterWrap #footer .textBox .left .linkGroup a { display: inline-block; border:1px solid #E9E9E9; border-radius: 4px; padding:6px 12px; font-size:0;}
#localFooterWrap #footer .textBox .left .linkGroup a + a { margin-left:4px;}
#localFooterWrap #footer .textBox .left .linkGroup a span { font-size:12px; color:#767676; font-weight: 400; line-height: 1;}
#localFooterWrap #footer .textBox .left .linkGroup a:hover { border-color:#000;}
#localFooterWrap #footer .textBox .left .linkGroup a:hover span { color:#000;}
#localFooterWrap #footer .textBox .right {}
#localFooterWrap #footer .textBox .right .footerLink { display: flex; gap:40px; border:0; padding:0; justify-content: flex-end;}
#localFooterWrap #footer .textBox .right .footerLink a { font-size:16px; color:#0c0c0c; font-weight: 400;}
#localFooterWrap #footer .textBox .right .footerLink a + a:before { display: none;}
#localFooterWrap #footer .textBox .right .tel { margin-top:50px; text-align: right; font-size:20px; font-weight: 700; line-height: 1;}
#localFooterWrap #footer .textBox .right .text { margin-top:10px; line-height: 1; color:#767676; font-size:14px; font-weight: 400; text-align: right;}