@charset "utf-8";
/* 공통 */
.sub-pd { padding: 100px 0;}
.sub-pd.pb { padding-top: 0; padding-bottom: 100px; }
.sub-pd.pt { padding-bottom: 0; padding-top: 100px; }

/* 경영이념 및 브랜드 소개 */
.it-list { display: flex; border: 1px solid #ddd; flex-wrap: wrap;}
.it-list li { width: calc(100%/3); border-right: 1px solid #ddd; text-align: center; padding: 65px 10px;}
.it-list li:last-child { border: none;}
.it-list li .num { font-weight: 600; color: #a8a8a8; line-height: 1em; margin: 20px 0 15px; }
.it-list li .tit { line-height: 1em; font-size: 24px; font-weight: 600; color: #242424; margin-bottom: 20px; }
.it-sec3 { position: relative; }
.it-sec3::before { content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 41%; background: #fafafa; z-index: -1; }

/* 회사연혁 */
.hst-tit { font-size: 32px; font-weight: 400; color: #242424; line-height: 1.25em; margin-bottom: 50px; }
.hst-tit.mg { margin-bottom: 30px;}
.hst-tit strong { font-weight: 700; }
.hst { border-top: 1px solid #242424;}
.hst li { padding: 50px 0; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start;}
.hst li .year { width: 330px; text-align: center; line-height: 1em; font-size: 30px; font-weight: 600; color: #242424; }
.hst li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst li .txt p { position: relative; padding-left: 25px; margin-bottom: 13px; }
.hst li .txt p:last-child { margin-bottom: 0; }
.hst li .txt p::before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 4px; background: #e80000; }

/* 찾아오시는 길 */
.lct { display: flex; align-items: center; justify-content: space-between; padding-left: 20px; position: relative; margin-top: -55px; flex-wrap: wrap; gap: 20px; z-index: 1; }
.lct .left { display: inline-block; background: #e80000; color: #fff; padding: 50px 30px; }
.lct .left h4 { line-height: 1em; font-size: 17px; font-weight: 400; }
.lct .left h2 { font-size: 20px; font-weight: 500; line-height: 1em; margin-top: 70px; }
.lct .right { padding-top: 55px; }
.lct .right>span { display: flex; margin-bottom: 10px; }
.lct .right>span:last-child { margin-bottom: 0; }
.lct .right>span strong { display: inline-block; font-size: 17px; font-weight: 400; color: #e80000; width: 80px; }
.lct .right>span>span { flex: 1 1 auto; min-width: 0; width: 1%; }
.lct .right>span>span span { font-weight: 500; color: #242424; }

/* 매장안내 */
.find-store-search {display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; margin-bottom:20px;}
.find-store-search .input, 
.find-store-search .btn-pack {border-radius:3px;}
.find-store-search .cate {display:flex; gap:5px;}
.find-store-search .search {display:flex; width:100%; max-width:605px; gap:5px;}
.find-store-search .search .input {flex:1;}
.find-store-search .search .btn-pack {width:100px;} 

.find-store-wrap {position:relative; display:flex; gap:clamp(16px, calc(35 / 1600 * 100vw ), 35px); overflow:hidden; height:78vh; max-height:710px;}

.find-store-list {position:relative; z-index:10; width:42.916667%; max-width:515px; overflow:hidden; background:#fafafa;}

.find-store-list .list-area {height:100%; padding: clamp(0.9375rem, 0.4688rem + 1.1719vw, 1.875rem); overflow:auto;}
.find-store-list .list-area > ul > li {position:relative; width:100%; padding:clamp(12px, calc(24 / 1600 * 100vw), 24px) clamp(14px, calc(28 / 1600 * 100vw), 28px); background:#fff; border:1px solid #ddd; border-radius:10px;}
.find-store-list .list-area > ul > li:not(:last-child) {margin-bottom: 10px;}
.find-store-list .list-area > ul > li.active {border-color:#e80000;}
.find-store-list .list-area .tit {margin-bottom:15px; font-size:clamp(17px, calc(20 / 1600 * 100vw), 20px); line-height:1.3em; font-weight:700; letter-spacing:-.03em; color:#242424;}
.find-store-list .list-area .info li {display:flex; align-items:flex-start; gap:8px; font-size:clamp(13px, calc(15 / 1600 * 100vw), 15px); line-height:1.6em; letter-spacing:-.03em; color:#454545;}
.find-store-list .list-area .info li:not(:last-child) {margin-bottom:2px;}
.find-store-list .list-area .info li .icon {padding-top:.2em; width:16px; min-width:16px; line-height:0;}

.find-store-map {position:relative; overflow:hidden; flex:1;}
#map {position:relative; width:100%; height:100%;}

.customoverlay {display: flex; align-items: center; gap: 10px; position:absolute; bottom:14px; left:0; z-index:20; _width:396px; margin-left:-30px; padding:4px 25px 4px 4px; background:#fff; border:3px solid #e80000; border-radius:24px; box-shadow:0px 6px 36px 0px rgba(0, 0, 0, 0.12); font-size:15px; line-height:1.33em; letter-spacing:-.04em; color:#242424; font-weight: 700; white-space:nowrap;}
.customoverlay:after {content:''; position:absolute; top:100%; left:50%; margin-left:-27%; width:10px; height:12px; background:url('/images/sub/vertex-white.png') 50% 0/contain no-repeat;}
.customoverlay .icon {min-width: 34px;}

.btn-view-map {display:none;}
.btn-view-list {display:none;}

/* 창업안내 */
.jb-tbl-wrap { overflow: auto;}
.jb-tbl { width: 100%; border-collapse: collapse;}
.jb-tbl tr { border-bottom: 1px solid #ddd;}
.jb-tbl tr th { border-right: 1px solid #ddd; line-height: 1em; color: #fff; background: #e80000; font-size: 17px; font-weight: 500; padding: 24px 10px;}
.jb-tbl tr th:last-child { border-right: none; }
.jb-tbl tr td { border-right: 1px solid #ddd; line-height: 1em; font-size: 17px; padding: 20px 10px; text-align: center; line-height: 1.666em;}
.jb-tbl tr td:last-child { border-right: none; }
.jb-tbl tr td strong { font-weight: 700; color: #242424; }
.jb-tbl tr td span { font-weight: 600; }
.jb-bg { font-size: 28px; line-height: 1.444em; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; height: 470px; background: url(../images/sub/sub4-img.jpg) center no-repeat; background-size: cover;}
.jb-bg span { color: #e80000; font-weight: 700; }