@charset "utf-8";

/* font */
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

@font-face {font-family:'Pretendard';font-style:normal;font-weight:100;src:url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:200;src:url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:300;src:url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:400;src:url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:500;src:url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:600;src:url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:700;src:url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:800;src:url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family:'Pretendard';font-style:normal;font-weight:900;src:url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');}

/* reset */
*, *::before, *::after {box-sizing:border-box;padding:0;margin:0;}
html, body {width:100%;min-height:100%;}
body {line-height:1.2;font-family:'Pretendard','Malgun Gothic','돋움','굴림',arial,sans-serif;color:#333;font-weight:400;font-size:16px;letter-spacing:-.05em;}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, tbody, tfoot, thead, th, td, article, figure {margin:0;padding:0;}
input, textarea, select, td, th, button {font-family:'Pretendard','Malgun Gothic','돋움','굴림',arial,sans-serif;color:#333;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
table {width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
legend, caption, .skip {position:absolute;left:-5000px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption {position:relative;}
img, fieldset {border:0;}
label, button, input[type="file"] {font-family:inherit;cursor:pointer;margin:0;}
i, em, address {font-style:normal;}
a {color:#333;}
a:link, a:visited,
a:hover, a:active, a:focus {text-decoration:none;}
img {max-width:100%}
ul, ol, li {list-style:none;}
button {border:0;background:none;letter-spacing:-.05em;}

/* layout */
body {overflow-x:hidden;}
.popup_layer {z-index:999;}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {font-weight:500;font-size:16px;border:1px solid #ccc;border-radius:10px;outline:0;transition:border-color .2s;}

.login-wrap .form-group input[type="text"],
.login-wrap .form-group input[type="email"] {
    display:block;
    width:100%;
    height:54px;
    padding:0 16px;
    box-sizing:border-box;
}

input[type="text"]:not(:read-only, :disabled):focus,
input[type="email"]:not(:read-only, :disabled):focus,
input[type="password"]:not(:read-only, :disabled):focus,
textarea:not(:read-only, :disabled):focus {
    border-color:#224F35;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
    color:#BEC1CC;
}

input[type="text"]:not(:read-only, :disabled):focus,
input[type="password"]:not(:read-only, :disabled):focus,
textarea:not(:read-only, :disabled):focus {border-color:#224F35;}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {color:#BEC1CC;}

.nice-select {float:none;display:inline-flex;min-width:120px;height:45px;line-height:43px;border-color:#D6D6D6 !important;border-radius:10px;transition:border-color .2s;}
.nice-select.disabled {background:#f8f8f8;}
.nice-select.open {border-color:#224F35 !important;}
.nice-select::after {right:19px;margin-top:-3px;width:10px;height:6px;background:url("../images/arrow_down.svg") no-repeat center;border:0;transform:none;transform-origin:unset;-webkit-transform-origin:unset;}
.nice-select.open::after {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nice-select .current {font-weight:500;font-size:16px;color:#333;}
.nice-select .list {min-width:100%;border:1px solid #999;transform:none;margin:1px 0 0;}

.clear::after,
.table-bottom::after {content:"";display:table;width:100%;clear:both;}

.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}

.color-blue {color:#3090FF !important;}

.flex {display:flex;flex-wrap:wrap;align-items:center;}
.gap5 {gap:5px;}
.gap20 {gap:20px;}
.ml-auto {margin-left:auto !important;}

.inner {position:relative;padding:0 20px;width:1480px;max-width:100%;margin:0 auto;}
.more-btn {position:absolute;right:0;top:4.5px;display:flex;width:40px;height:40px;font-size:1px;color:transparent;background:url("../images/more_btn.png") no-repeat center/100% auto;overflow:hidden;}
.tab-cont {display:none;}
.tab-cont.active {display:block;}
.radio-group label {position:relative;display:inline-flex;vertical-align:top;padding-left:25px;height:25px;line-height:25px;font-weight:500;font-size:20px;color:#1D1D1F;user-select:none;overflow:hidden;}
.radio-group label + label {margin-left:20px;}
.radio-group label::before {content:"";position:absolute;left:0;top:0;width:25px;height:25px;background:#fff;border:1px solid #ccc;border-radius:50%;}
.radio-group label:has(input:disabled)::before {background:#f8f8f8;}
.radio-group label::after {content:"";position:absolute;left:4px;top:4px;width:17px;height:17px;background:#224F35;border-radius:50%;transform:scale(0);transition:.2s;}
.radio-group label:has(input:checked)::after {transform:scale(1);}
.radio-group label input {position:absolute;left:-10px;width:1px;height:1px;}
.radio-group label span {padding-left:5px;}
.chk-box {position:relative;display:inline-flex;vertical-align:top;padding-left:20px;text-indent:10px;height:25px;line-height:25px;font-weight:500;font-size:20px;color:#1D1D1F;user-select:none;overflow:hidden;}
.chk-box::before {content:"";position:absolute;left:0;top:2px;display:flex;width:20px;height:20px;background:#fff;border:1px solid #ccc;border-radius:5px;transform:scale(1);transition:.2s;}
.chk-box:has(input:disabled) {cursor:default;}
.chk-box:has(input:disabled)::before {background:#f8f8f8;}
.chk-box input {position:absolute;left:-10px;width:1px;height:1px;}
.chk-box svg {position:absolute;left:4px;top:7px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transform:translate3d(0, 0, 0);transition:.3s;transition-delay:.1s;}
.chk-box:has(input:checked)::before {background:#224F35;border-color:#224F35;animation:chk-wave 0.4s ease;}
.chk-box:has(input:checked) svg {stroke-dashoffset:0;}
@keyframes chk-wave {
    50% {transform: scale(0.9);}
}

@media screen and (max-width: 768px){
    .more-btn {width:30px;height:30px;}
    .radio-group label {line-height:20px;height:20px;font-size:16px;}
    .radio-group label::before {width:20px;height:20px;}
    .radio-group label::after {width:12px;height:12px;}
    .chk-box {font-size:16px;}
}

.header {position:absolute;left:0;top:0;z-index:10;width:100%;background:#fff;border-bottom:1px solid #CCC;}
.header.fixed {position:fixed;}
.header.fixed::before {top:89px !important;}
.header.fixed .top-line {display:none;}
.top-line {background:#fff;border-bottom:1px solid #CCC;}
.top-line .inner {display:flex;align-items:center;height:44px;}
.top-line .user-menu {margin-left:auto;display:flex;gap:21px;}
.top-line .user-menu li {line-height:36px;color:#595959;}
.top-line .user-menu li a {color:#595959;}
.top-line .sns-box {display:flex;align-items:center;gap:25px;margin-left:40px;}
.top-line .sns-box img {vertical-align:top;}

.header > .inner {display:flex;justify-content:space-between;}
.header .logo {display:inline-flex;padding:18px 0 16px;vertical-align:top;}
.header .logo a {display:block;}
.header .logo a img {vertical-align:top;}
.header .logo a .m-logo {display:none;}
.header .m-menu-btn,
.header .dimmed,
.header .m-btn-wrap {display:none;}
.header .nav {display:inline-flex;}
.header .gnb {display:flex;font-family:'Paperlogy', sans-serif;}
.header .gnb > li > a {position:relative;display:inline-flex;justify-content:center;align-items:center;width:160px;height:89px;font-weight:600;font-size:20px;color:#333;}
.header .gnb > li .sub-menu {text-align:center;overflow:hidden;}
.header .gnb > li .sub-menu li:first-child {padding:15px 0 0;}
.header .gnb > li .sub-menu li a {display:block;padding:15px 0;text-align:center;line-height:20px;font-size:17px;}

.header .search-toggle {display:inline-flex;width:50px;height:89px;font-size:1px;color:transparent;background:url("../images/icon_search.svg") no-repeat center;overflow:hidden;margin-right:-12.5px;}
.total-search-wrap {display:none;}
body.search-active .total-search-wrap {display:block;}
body.search-active:has(.gnb:hover) .total-search-wrap {display:none;}
body.search-active .search-dimmed {position:fixed;left:0;top:0;z-index:9;width:100%;height:100vh;background:rgba(0,0,0,.5);cursor:pointer;}
.total-search-wrap .search-area {background:#fff;border-top:1px solid #ccc;}
.total-search-wrap .search-area .inner {display:flex;flex-direction:column;align-items:center;padding-block:20px 25px;background:url("../images/dibip_bg.png") no-repeat 100% calc(100% - 22px);}
.total-search-wrap .search-area .title {line-height:35px;font-family:'Paperlogy', sans-serif;font-weight:600;font-size:30px;margin:0 0 10px;}
.search-area .search-box {display:flex;width:700px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:3px solid #6B816A;border-radius:50px;margin:0 auto 16px;}
.search-area .search-box .srh-input {padding:10px 30px;width:calc(100% - 64px);height:74px;font-size:20px;background:none;border:0;outline:0;}
.search-area .search-box .srh-btn {width:64px;height:74px;font-size:1px;color:transparent;background:url("../images/icon_search2.svg") no-repeat center;}
.search-area .search-close {display:block;width:31px;height:31px;font-size:1px;color:transparent;background:#224F35 url("../images/icon_x.svg") no-repeat center;border-radius:50%;margin:0 auto;}

@media screen and (min-width: 1310px){
    .header:has(.gnb:hover)::before,
    .header:has(.gnb a:focus)::before {content:"";position:absolute;left:0;top:134px;display:flex;width:100%;border-bottom:1px solid #ccc;}
    .m-user-menu {display:none;}
    .header .gnb:hover > li > a,
    .header .gnb:has(a:focus) > li > a {margin:0 0 1px;}
    .header .gnb > li > a::after {content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#6B816A;transition:.3s;}
    .header .gnb > li:hover > a::after,
    .header .gnb > li:has(a:focus) > a::after {left:0;width:100%;}
	.header .gnb > li .sub-menu {display:block !important;height:0;border-right:1px solid #E3E3E3;transition:all .3s ease;}
    .header .gnb > li:first-child .sub-menu {border-left:1px solid #E3E3E3;}
    .header .gnb > li:hover .sub-menu,
    .header .gnb > li:has(a:focus) .sub-menu {background:#F7F7F7;}
    .header .gnb:hover > li .sub-menu,
    .header .gnb:has(a:focus) > li .sub-menu {height:480px !important;}
    .header .gnb > li .sub-menu li a:hover {font-weight:600;color:#224F35;}
}
@media screen and (max-width: 1309px){
    body.m-menu-active {overflow:hidden;}
    .header {/*height:110px;*/background:none;border:0;}
    .header.fixed::before {content:none;}
    .top-line .user-menu {display:none;}
    .top-line .sns-box {margin-left:auto;}
    .header .logo {position:absolute;left:0;top:0;z-index:15;padding:12px 20px;width:100%;height:65px;background:#fff;border-bottom:1px solid #EFEFEF;}
    .header .logo a img {height:40px;}
    .header .logo a .m-logo {display:block;}
    .header .m-menu-btn {position:absolute;right:10px;top:0;z-index:20;display:flex;width:37px;height:65px;font-size:1px;color:transparent;overflow:hidden;}
    .header .m-menu-btn::before {content:"";position:absolute;left:10px;top:24px;width:17px;height:2px;background:#333;transition:.2s;}
    .header .m-menu-btn::after {content:"";position:absolute;left:10px;bottom:24px;width:17px;height:2px;background:#333;transition:.2s;}
    .header .m-menu-btn .icon {position:absolute;left:16px;top:50%;margin-top:-1px;width:11px;height:2px;background:#333;transition:.1s;}
    body.m-menu-active .header .m-menu-btn::before {left:8px;top:33px;width:24px;border-radius:4px;transform:rotate(-45deg);}
    body.m-menu-active .header .m-menu-btn::after {left:8px;bottom:30.5px;width:24px;border-radius:4px;transform:rotate(45deg);}
    body.m-menu-active .header .m-menu-btn .icon {left:100%;}
    .header .nav {position:fixed;right:-100%;top:110px;z-index:10;display:block;width:100%;max-width:640px;height:calc(100vh - 110px);background:#fff;overflow-y:auto;transition:.5s;}
    .header.fixed .nav {top:65px;height:calc(100vh - 65px);}
    body.m-menu-active .header > .inner .dimmed {display:block;position:absolute;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:5;cursor:pointer;}
    body.m-menu-active .nav {right:0;}
    .m-user-menu {display:block;padding:20px;background:url("../images/dibip_bg.png") no-repeat calc(100% - 10px) 15px/200px auto;border-bottom: 1px solid #CCC;}
    .m-user-menu .welcome {margin:0 0 5px;}
    .m-user-menu .welcome b {font-weight:600;font-size:20px;}
    .m-user-menu .id {font-size:14px;color:#797979;letter-spacing:0;margin:0 0 20px;}
    .m-user-menu .menu-box {display:flex;width:100%;gap:5px;}
    .m-user-menu .menu-box li {width:100%;}
    .m-user-menu .menu-box li a {display:block;padding:14px;text-align:center;font-weight:500;border:1px solid #ccc;border-radius:15px;}
    .m-user-menu .menu-box li:first-child a {padding:15px;color:#fff;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border:0;}
    .header .m-btn-wrap {display:block;padding:20px 20px 40px;}
    .header .m-btn-wrap .btn {display:flex;justify-content:center;align-items:center;width:100%;height:45px;font-weight:500;font-size:14px;background:#fff;border:1px solid #ccc;border-radius:10px;}
    .header .gnb {display:block;}
    .header .gnb > li > a {display:flex;justify-content:flex-start;align-items:center;padding:20px;width:100%;height:80px;font-weight:500;font-size:20px;color:#333;border-bottom:1px solid #EFEFEF;margin:0;}
    .header .gnb > li > a::after {content:"";position:absolute;right:20px;top:50%;margin-top:-12.5px;display:flex;width:25px;height:25px;background:url("../images/drawer_toggle.png") no-repeat 0 0;transition:transform .2s ease;}
    .header .gnb > li.on > a {color:#224F35;}
    .header .gnb > li.on > a::before {content:"";position:absolute;left:0;bottom:-1px;display:flex;width:100%;height:3px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);}
    .header .gnb > li.on > a::after {background-position:0 100%;transform:rotate(-180deg);}
    .header .gnb > li .sub-menu {display:none;background:#F7F7F7;}
    .header .gnb > li .sub-menu li {padding:0 !important;}
    .header .gnb > li .sub-menu li a {position:relative;display:flex;align-items:center;padding:0 20px;width:100%;height:60px;text-align:left;}

    .header .search-toggle {position:absolute;right:47px;margin-right:0;top:0;z-index:20;width:35px;height:65px;background-image:url("../images/icon_search_m.svg");}
    body.search-active .total-search-wrap {position:absolute;left:0;top:110px;width:100%;}
    body.search-active .header.fixed .total-search-wrap {top:65px;}
    body.search-active .total-search-wrap .search-area {border:0;}
}
@media screen and (max-width: 768px){
    .total-search-wrap .search-area .inner {background:url("../images/dibip_bg.png") no-repeat calc(100% - 9px) 20px/301px auto;}
    .total-search-wrap .search-area .title {line-height:28px;font-size:24px;}
    .page-header ~ .search-area {border-top:1px solid #ccc;padding:20px 0 0;}
    .search-area form,
    .search-area .search-box {width:100%;}
    .search-area .search-box .srh-input {padding:10px 18px;width:calc(100% - 60px);height:44px;font-size:14px;}
    .search-area .search-box .srh-btn {width:60px;height:44px;background-image:url("../images/icon_search2_m.svg");}
}

.container {padding:135px 0 80px;overflow:hidden;}
.p-main .container {padding-bottom:0;}

@media screen and (max-width: 1309px){
    .container {padding:110px 0 70px;}
}

.quick-menu {position:fixed;right:50%;margin-right:-840px;top:50%;transform:translateY(-50%);z-index:8;width:102px;}
.quick-menu ul {background:#fff;border:1px solid #ccc;border-radius:20px;overflow:hidden;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);}
.quick-menu ul li + li {border-top:1px solid #E3E3E3;}
.quick-menu ul li a {display:block;padding:15px 0;text-align:center;line-height:19px;font-family:'Paperlogy', sans-serif;font-weight:500;transition:.3s;}
.quick-menu ul li a:hover {background:#f7f7f7;}
.quick-menu ul li a::before {content:"";display:flex;width:100%;height:40px;background:url("../images/icon_talent.svg") no-repeat center;margin:0 0 10px;}
.quick-menu ul li.expert a::before {background-image:url("../images/icon_expert.svg");}
.quick-menu ul li.job a::before {background-image:url("../images/icon_recruit.svg");}
.quick-menu ul li.biz a::before {background-image:url("../images/icon_biz.svg");}
.quick-menu ul li.thesis a::before {background-image:url("../images/icon_thesis.svg");}
.quick-menu ul li.data a::before {background-image:url("../images/icon_data.svg");}
.quick-menu ul li.company a::before {background-image:url("../images/icon_company.svg");}
.quick-menu ul li.map a::before {background-image:url("../images/icon_map.svg");}
.quick-menu .btn-top {position:absolute;top:calc(100% + 20px);left:50%;margin-left:-25px;z-index:9;width:50px;height:50px;font-size:1px;color:transparent;background:url("../images/top_btn.svg") no-repeat center;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.1);}

@media screen and (max-width: 1726px){
    .quick-menu {position:static;margin:0;transform:none;}
    .quick-menu ul {display:none;}
    .quick-menu .btn-top {position:fixed;top:auto;left:auto;margin:0;right:25px;bottom:25px;}
}
@media screen and (max-width: 768px){
    .quick-menu ul li a {padding:0;line-height:15px;font-size:13px;}
    .quick-menu ul li a::before {height:30px;background-size:auto 100%;}
}

.footer .link-area {border-block:1px solid #ccc;}
.footer .link-area .inner {display:flex;justify-content:space-between;align-items:center;}
.footer .link-area .link-box {display:flex;gap:40px;}
.footer .link-area .rel-site {position:relative;width:300px;}
.footer .link-area .rel-site > button {display:inline-flex;justify-content:space-between;align-items:center;padding:19px;width:100%;height:48px;font-size:16px;border-inline:1px solid #ccc;}
.footer .link-area .rel-site > button::after {content:"";display:inline-flex;width:15px;height:9px;background:url("../images/arrow_top.svg") no-repeat center;transform:rotate(-180deg);transition:.3s;}
.footer .link-area .rel-site.active > button::after {transform:rotate(0deg);}
.footer .link-area .rel-site > ul {position:absolute;left:0;bottom:100%;z-index:30;padding:5px 0 0;width:100%;background:#F7F7F7;border:1px solid #ccc;border-bottom:0;display:none;}
.footer .link-area .rel-site > ul li a {padding:15px 19px;display:block;}
.footer .link-area .rel-site > ul li a:hover {font-weight:700;}

.footer .info-area {padding:30px 0 60px;line-height:15px;font-size:14px;}
.footer .info-area .inner {display:flex;flex-wrap:wrap;}
.footer .info-area .logo {margin:10px 0 0;}
.footer .info-area .logo img {vertical-align:top;}
.footer .info-area .info-box {padding-left:32px;}
.footer .info-area .info-box .line {display:flex;gap:30px;}
.footer .info-area .info-box .line strong {display:inline-flex;line-height:19px;font-weight:600;margin:0 0 8px;}
.footer .info-area .info-box .line span {display:inline-flex;gap:8px;line-height:19px;margin:0 0 8px;}
.footer .info-area .info-box .line .mo-br {display:none;}
.footer .info-area .info-box .line b {position:relative;font-weight:600;}
.footer .info-area .info-box .line * + span b::before {content:"";position:absolute;left:-15px;top:50%;margin-top:-5px;width:1px;height:10px;background:#333;}

@media screen and (max-width: 900px){
    .footer .link-area .link-box {gap:25px;}
}
@media screen and (max-width: 768px){
    .footer .link-area .inner {padding:0;flex-direction:column-reverse;}
    .footer .link-area .link-box {justify-content:space-between;padding:16px 20px;width:100%;font-size:13px;white-space:nowrap;border-top:1px solid #ccc;}
    .footer .link-area .link-box li a {line-height:17px;}
    .footer .link-area .rel-site {width:100%;}
    .footer .link-area .rel-site > button {padding:0 20px;height:46px;border:0;}
    .footer .info-area {padding:30px 0 50px;}
    .footer .info-area .logo {margin:0;}
    .footer .info-area .info-box {padding:30px 0 0;width:100%;}
    .footer .info-area .info-box .line {display:block;}
    .footer .info-area .info-box .line strong + span {margin-left:20px;}
    .footer .info-area .info-box .line .mo-br {display:block;}
    .footer .info-area .info-box .line * + span b::before {left:-10px;}
    .footer .info-area .info-box .line .mo-br + span b::before {content:none;}
}

.label-notice {display:inline-flex;padding:5px 10px;line-height:19px;font-weight:700;color:#6A826A;background:#DDE2DA;border-radius:5px;margin-right:3px;}
.label-biz {display:inline-flex;padding:5px 10px;line-height:19px;font-weight:700;color:#CF4866;background:#F7DDE1;border-radius:5px;margin-right:3px;}
.label-data {display:inline-flex;justify-content:center;padding:5px 10px;width:72px;line-height:19px;font-weight:700;color:#5B439D;background:#ECE6F2;border-radius:5px;margin-right:3px;}

/* SHOP & IMG LIST */
.img-wrap {position:relative;display:block;padding-bottom:57.02%;border:1px solid #ccc;border-radius:20px;overflow:hidden;margin:0 0 10px;}
.img-wrap img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:100%;height:auto;transition:.2s;}
.img-wrap.auto img {width:auto;}
.txt-wrap .field {line-height:19px;margin:0 0 10px;}
.txt-wrap .title {font-weight:700;font-size:24px;}
.txt-wrap .sub {font-weight:500;color:#797979;margin:10px 0 0;}
.txt-wrap .info {display:flex;flex-wrap:wrap;gap:5px 10px;margin:20px 0 0;}
.txt-wrap .info p {display:inline-flex;gap:5px;line-height:17px;font-weight:500;font-size:14px;color:#797979;}
.txt-wrap .info .phone {padding-left:20px;background:url("../images/icon_phone.svg") no-repeat 0 50%;}
.txt-wrap .info .address {padding-left:20px;background:url("../images/icon_spot.svg") no-repeat 1.5px 50%;}
.txt-wrap .info .link {padding-left:20px;background:url("../images/icon_link.svg") no-repeat 1px 50%;}
.txt-wrap .info p b {font-weight:500;color:#333;}
.prd-box {display:flex;gap:10px;width:100%;margin:20px 0 0;}
.prd-box li {position:relative;width:calc((100% - 20px)/3);border:1px solid #ccc;border-radius:10px;overflow:hidden;}
.prd-box li a {display:block;}
.prd-box li img {display:block;width:100%;height:auto;}
.prd-box li .layer {position:absolute;left:0;top:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:.3s;}
.prd-box li:hover .layer {opacity:1;}
.prd-box .layer .goods-tit {text-align:center;font-weight:700;font-size:14px;color:#fff;}
.prd-box .layer .buy {display:inline-flex;padding:2px 9px;line-height:14px;font-weight:500;font-size:12px;color:#fff;border:1px solid #fff;border-radius:30px;}

/* Layer Popup */
.layer-popup-wrap {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100vh;display:none;}
.layer-popup-wrap .dimmed {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);cursor:pointer;}
.layer-popup-wrap .popup-box {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;padding:0 20px 20px;width:590px;max-width:calc(100% - 40px);background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 10px 25px 0 rgba(0,0,0,.1);}
.layer-popup-wrap .popup-box .sec-content {max-height:calc(100vh - 200px);overflow-y:auto;}
.layer-popup-wrap .btn-close {width:14px;height:14px;font-size:1px;color:transparent;background:url("../images/btn_close.svg") no-repeat center;overflow:hidden;}