@charset "utf-8";

.doc-cnt .sub-tit {margin-bottom:20px; font-size:var(--font-size-16); font-weight:600; color:var(--color-primary); letter-spacing:-.03em; line-height:1.2em; text-transform:uppercase;}
.doc-cnt .tit-box h2 {font-weight:500; line-height:1.36em; letter-spacing:-.03em; color:#242424;}
.doc-cnt .tit-box h2 span {font-weight:700;}

.intro .tit-box .sub-tit {margin-bottom:10px; font-weight:700; text-transform: capitalize;}
.intro .tit-box h3 {font-weight:500; font-size:var(--font-size-36); color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.intro .tit-box h3 span {font-weight:700;}
.intro .cnt01 {height:450px; border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-image:url(/salon/images/sub/intro-img.jpg); background-position:50%; background-repeat:no-repeat; background-size:cover;}
.intro .cnt01 h2 {color:#fff; font-size:var(--font-size-40); letter-spacing:-.03em; font-weight:500; line-height:1.39em;}
.intro .cnt01 h2 span {font-weight:800;}
.intro .cnt01 p {margin-top:15px; color:#fff; font-size:var(--font-size-18); letter-spacing:.18em; font-weight:500; line-height:1.2em; opacity:.3; text-transform:uppercase;}
.intro .cnt02,
.intro .cnt03 {display:flex; padding:100px 40px; border-bottom:1px dashed #ddd;}
.intro .cnt04 {padding:100px 40px 0;}
.intro .l-box {width:32.5%;}
.intro .r-box {flex:1 1 auto; min-width:0; width:1%;}
.intro .cnt02 .r-box {margin-top:40px;}
.intro .cnt03 .r-box {margin-top:30px;}
.intro .r-box .tt {color:#242424; font-size:var(--font-size-24); letter-spacing:-.03em; font-weight:500; line-height:1.2em;}
.intro .r-box .tt span {font-weight:700;}
.intro .r-box .tt2 {margin-top:10px; color:#242424; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.intro .r-box ul {display:flex; margin-left:20px;}
.intro .r-box ul li {margin:0 -20px;}
.intro .r-box ul li .box {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
.intro .r-box ul li .box .t-box {position:absolute; text-align:center; width:100%; height:100%; padding:65px 0;}
.intro .r-box ul li .box .t-box .t01 {color:#242424; text-transform: uppercase; font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.intro .r-box ul li .box .t-box .t02 {margin:30px 0 15px; color:#242424; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.intro .r-box ul li .box .t-box .t03 {color:#454545; font-size:var(--font-size-15); letter-spacing:-.03em; line-height:1.2em;}

.intro .history {position:relative; margin-top:55px; padding-top:95px; border-top:2px solid #000;width:100%;}
.intro .history .year {position: relative; padding-bottom: 130px;}
.intro .history .year::after {content:''; position:absolute; width:1px; height:100%;background:#ddd; left:50%; transform: translateX(-50%); top:20px;}
.intro .history .year:last-child {margin-bottom:0;}
.intro .history .year:last-child::after {display: none;}
.intro .history .year h3 {width: 50%; margin-bottom: 30px; position:relative; font-size:var(--font-size-50); font-weight:700; line-height:1.25em; letter-spacing:-.03em; color:#242424;}
.intro .history .year h3::before {content:''; position:absolute; z-index: 1; width:20px; height:20px; background:#fff; border-radius:100%; border:3px solid #242424; top:20px;}
.intro .history .year .story-wrap img {flex:1 1 auto; min-width:0; width:1%;}
.intro .history .year .tit-box {display: flex;}
.intro .history .year .tit-box .bin {flex:1 1 auto; min-width:0; width:1%;}
.intro .history .year .story {display: flex;}
.intro .history .year .story .month {width:55px;font-size:var(--font-size-18); font-weight:600; line-height:1.75em; letter-spacing:-.03em; color:#898989;}
.intro .history .year .story ul {width: 50%;}
.intro .history .year .story ul li {font-size:var(--font-size-24); font-weight:400; line-height:1.75em; letter-spacing:-.03em; color:#454545;}
.intro .history .year.active h3 {position:relative; font-size:var(--font-size-60);}
.intro .history .year.active h3::before {width:100px; height:100px; right:0; margin-right:-50px;top:-15px; background:url('../images/sub/history-ico-big.png') no-repeat 50% 50% / contain; border:none;}
.intro .history .year.active .story ul li{font-weight:700; color:#242424;}
.intro .history .year.active .month {font-weight:700;  color:var(--color-primary); }
.intro .history .year:nth-child(odd) .story-wrap {flex-direction: row-reverse;}
.intro .history .year:nth-child(odd) .tit-box {flex-direction: row-reverse;}
.intro .history .year:nth-child(odd) h3 {text-align: right; padding-right: 50px;  margin-right: 50px;}
.intro .history .year:nth-child(odd) h3::before {right:-10px; }
.intro .history .year:nth-child(odd) .story {flex-direction: row-reverse;}
.intro .history .year:nth-child(odd) .story ul {padding-right: 50px; margin-right: 50px;}
.intro .history .year:nth-child(odd) .story ul li {text-align: right;}
.intro .history .year:nth-child(even) .story ul {padding-left: 50px; margin-left: 50px;}
.intro .history .year:nth-child(even) h3 {padding-left: 50px;  margin-left: 50px;}
.intro .history .year:nth-child(even) h3::before {left:-10px; }

.greetings .wrap {display:flex; justify-content:space-between;}
.greetings .l-box {display: flex; flex-direction: column; justify-content: space-between;}
.greetings .l-box .tit-box {margin-bottom:55px; padding-top: 20px;}
.greetings .l-box .tit-box h2 {font-size:var(--font-size-44);}
.greetings .l-box .txt-wrap h3 {font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-.03em; color:#242424;}
.greetings .l-box .txt-wrap p {margin-top:20px; font-size:var(--font-size-24); line-height:1.67em; letter-spacing:-.03em;}
.greetings .l-box .txt-wrap p:first-child {margin: 0;}
.greetings .l-box .txt-wrap h3:nth-child(3) {margin-top:30px;}
.greetings .r-box .img img {border-radius:100px 0;}
.greetings .ceo {display:flex; align-items:center;}
.greetings .ceo p {font-size:var(--font-size-18); font-weight:500; line-height:1.2em; letter-spacing:-.03em; color:#242424;}
.greetings .ceo p span {font-weight:700; font-size:var(--font-size-20); margin:0 10px;}

.ci .wrap {display:flex; justify-content:space-between;}
.ci .l-box {width:51.5%; margin:12px 15px 0 0 ;}
.ci .l-box .tit-box h2 {font-size:var(--font-size-36);}
.ci .l-box .ci-list {margin:30px 0 95px;}
.ci .l-box .ci-list dl {display:flex; margin-bottom:20px;}
.ci .l-box .ci-list dl:last-child {margin-bottom:0;}
.ci .l-box .ci-list dt {width:13%; margin-right:30px; font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.ci .l-box .ci-list dd {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em}
.ci .l-box .ai-down-btn {padding:10px 30px; width:260px; height:60px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #242424;}
.ci .l-box .ai-down-btn p {font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.ci .l-box .ai-down-btn .img {display:flex;}

.partners .tit-box h2 {text-align:center; font-size:var(--font-size-36); letter-spacing:-.03em; line-height:1.39em;}
.partners ul {display:flex; margin:55px -5.5px 0;}
.partners ul li {width:25%; padding:0 5.5px;}

/* ---- 매장목록 시작 ---- */
/* 목록 */
.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 .cate select {width:200px;}
.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:60vh; 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; display: flex; align-items: center; justify-content: space-between; width:100%;  background:#fff; border:1px solid #ddd; border-radius:10px; overflow: hidden;}
.find-store-list .list-area > ul > li:not(:last-child) {margin-bottom:10px;}
.find-store-list .list-area > ul > li.active {border-color:var(--color-primary);}
.find-store-list .list-area > ul > li .box {padding:clamp(12px, calc(24 / 1600 * 100vw), 24px) clamp(14px, calc(28 / 1600 * 100vw), 28px);}
.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-list .detail-btn {display: none; height: 200px;}
.find-store-list .detail-btn a {display: inline-flex; padding: 0 15px; height: 100%; justify-content: center; align-items: center;font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -.03em; background-color: var(--color-primary);}
.find-store-list .list-area > ul > li.active .detail-btn {display: block;}

.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 var(--color-primary); 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('/salon/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;}

/* 상세 */
.find-store-view .fancybox-skin {border-radius:clamp(10px, calc(20 / 1600 * 100vw), 20px);}
.find-store-close {position:absolute; top:-30px; right:-30px; z-index:10;}

.store-view-wrap {width:86vw; max-width:1200px; height:auto; padding:clamp(40px, calc(60 / 1600 * 100vw), 60px) clamp(16px, calc(40 / 1600 * 100vw), 40px);}
.store-view-summary {display:flex; gap:clamp(24px, calc(50 / 1600 * 100vw), 50px); margin-bottom:clamp(30px, calc(60 / 1600 * 100vw), 60px);}
.store-view-images {width:54%; max-width:600px;}
.store-view-images .slick-track {display:flex;}
.store-view-images .slick-track:before,
.store-view-images .slick-track:after {display:none;}
.store-view-images .slick-slide {flex-shrink:0;}
.store-view-images .img {position:relative; padding-bottom:68.333333%; overflow:hidden;}
.store-view-images .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.store-view-images .slider {overflow:hidden; border-radius:clamp(10px, calc(20 / 1600 * 100vw), 20px); margin-bottom:clamp(10px, calc(20 / 1600 * 100vw), 20px);}
.store-view-images .thumbs {position:relative; padding:0 55px;}
.store-view-images .thumbs .img {border-radius:clamp(5px, calc(10 / 1600 * 100vw), 10px);}
.store-view-images .thumbs .slick-slide {padding:0 5px;}
.store-view-images .thumbs .slick-current .img:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid var(--color-primary); border-radius:clamp(5px, calc(10 / 1600 * 100vw), 10px);}
.store-view-images .slick-arrow {display:flex; align-items:center; justify-content:center; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:45px; height:44px; background:transparent; border:0; transition:.2s; background-repeat:no-repeat; background-size:contain;}
.store-view-images .slick-prev {left:0; background-image:url(../images/bbs/store-detail-arrow.png);}
.store-view-images .slick-next {right:0; background-image:url(../images/bbs/store-detail-arrow2.png);}

.store-view-images .slick-prev:hover {background-image:url(../images/bbs/store-detail-arrow-on.png);}
.store-view-images .slick-next:hover {background-image:url(../images/bbs/store-detail-arrow2-on.png);}

.store-view-info {flex:1; padding-top:clamp(0px, calc(30 / 1600 * 100vw), 30px); display:flex; flex-direction:column;}
.store-view-info .tit {margin-bottom:clamp(25px, calc(50 / 1600 * 100vw), 50px); color:#242424; font-size:clamp(22px, calc(40 / 1600 * 100vw), 40px); line-height:1.3em; letter-spacing:-.03em;}
.store-view-info .info .item {display:flex; gap:10px;}
.store-view-info .info .item {margin-bottom:clamp(15px, calc(30 / 1600 * 100vw), 30px);}
.store-view-info .info .item .icon {width:20px; padding-top:.2em;}
.store-view-info .info .item dl {flex:1; display:flex;}
.store-view-info .info .item dt {margin-right:clamp(4px, calc(40 / 1600 * 100vw), 40px); color:#242424; font-size:clamp(15px, calc(20 / 1600 * 100vw), 20px); font-weight:600; line-height:1.5em; letter-spacing:-0.03em;}
.store-view-info .info .item dd {color:#454545; font-size:clamp(14px, calc(18 / 1600 * 100vw), 18px); line-height:1.5em; letter-spacing:-0.03em;}
/* .store-view-info .naver-wrap {margin-top:60px;} */
.store-view-info .naver-wrap ul {display:flex; margin:0 -5px;}
.store-view-info .naver-wrap li {width:50%; padding:0 5px;}
.store-view-info .naver-wrap a {padding:10px; display:flex; align-items:center; justify-content:center; width:100%; height:60px; border-radius:10px; border:1px solid #ddd;}
.store-view-info .naver-wrap a p {margin-left:10px; color:#03c75a; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; font-weight:600;}

#viewMap {width:100%; height:clamp(250px, calc(400 / 1600 * 100vw), 400px); border-radius:clamp(10px, calc(20 / 1600 * 100vw), 20px);}


@media (max-width:1024px){
	.find-store-close {top:6px; right:6px;}
}

@media (max-width:640px){
	/* 목록 */
	.find-store-search .input {width:100% !important;}
	.find-store-search .cate {width:100%;}
	.find-store-search .search {flex-direction:column;}
	.find-store-search .search .input {flex:auto;}
	.find-store-search .search .btn-pack {width:100%;}
	

	.find-store-wrap {border:1px solid #2c2c2c; border-radius:1em;}

	.find-store-list {width:85%; max-width:300px; border:0;}
	.find-store-list .list-area {display:none;}

	.find-store-map {position:absolute; top:0; left:0; bottom:0; width:100%; height:auto; z-index:10;}

	.btn-get-position {bottom:10px; right:10px; width:40px; height:40px; border-radius:8px;}

	.btn-view-map { position:absolute; bottom:10px; right:10px; z-index:30; width:120px; height:40px; border:0; border-radius:20px; background:#00a3a8; box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#fff; font-size:15px; font-weight:700; line-height:1.3em;}
	.btn-view-map svg {width:18px; margin:-.2em 4px 0 0; strke:#00a3a8; vertical-align:middle;}

	.btn-view-list {display:block; position:absolute; bottom:10px; left:50%; z-index:30; margin-left:-60px; width:120px; height:40px; border:0; border-radius:20px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#121212; font-size:15px; font-weight:700; line-height:1.3em;}
	.btn-view-list svg {width:18px; margin:-.2em 4px 0 0; vertical-align:middle;}

	.find-store-container.view-map .find-store-list .list-area {display:block;}
	.find-store-container.view-map .find-store-map {z-index:-11;}
	.find-store-container.view-map .btn-view-map {display:block;}
	.find-store-container.view-map .btn-view-list {display:none;}

	.customoverlay {gap:6px; padding:2px 14px 2px 2px; font-size:14px;}
	.customoverlay .icon {width:28px; min-width:28px;}

	/* 상세 */
	.find-store-view .fancybox-skin {border-radius:0;}
	.store-view-wrap {width:100vw;}
	.store-view-summary {flex-direction:column;}
	.store-view-images {width:100%; max-width:unset;}
	.store-view-images .thumbs {padding:0 45px;}
	.store-view-images .thumbs .slick-slide {padding:0 3px;}
	.store-view-images .thumbs .slick-current .img:after {border-width:2px;}
	.store-view-images .slick-arrow {width:36px; height:36px;}
	.store-view-info .info .item .icon {width:16px;}

}
/* ---- 매장목록 끝 ---- */

.cosmetics .list-tab {margin:-20px 0 50px;}
.cosmetics .list-tab ul {justify-content:center;}
.cosmetics .list-tab ul li {width:auto; font-size:var(--font-size-16); line-height:1.2em; letter-spacing:-.03em; color:#242424;}
.cosmetics .list-tab ul li + li {position:relative; margin-left:20px; padding-left:20px;}
.cosmetics .list-tab ul li + li::after {content:''; position:absolute; width:1px; height:14px; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.cosmetics .list-tab ul li.active a {text-decoration:underline;}
.cosmetics .total-page span {font-weight:600;}

/* ---- 채용안내 시작 ---- */
.career .career-list-tab {margin-bottom:60px;}
.career .career-list-tab .location-tab {display:flex; width:100%; height:50px;}
.career .career-list-tab .location-tab li.active {border-radius:20px 20px 0 0 !important; border:1px solid var(--color-primary); border-bottom:none; background-color:#fff; color:var(--color-primary);}
.career .career-list-tab .location-tab li {width:auto;display:flex; width:50%; align-items:center; justify-content:center; text-align:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.44em; color:#898989; background-color:#fafafa;  border-top:1px solid #dddddd; border-bottom:1px solid var(--color-primary);}
.career .career-list-tab .location-tab li:after {content:''; position:absolute; left:0; top:50%; height:30px; width:1px; margin-top:-15px; background:#ddd;}
.career .career-list-tab .location-tab li:first-child:after {display:none;}
.career .career-list-tab .location-tab li.active + li:after {display:none;}
.career .career-list-tab .location-tab li a {padding:0 10px; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center;}
.career .career-list-tab .location-tab li:first-child {border-left:1px solid #ddd; border-radius:20px 0 0 0 ;}
.career .career-list-tab .location-tab li:first-child.active {border-left:1px solid var(--color-primary);}
.career .career-list-tab .location-tab li:last-child {border-right:1px solid #ddd; border-radius:0 20px 0 0 ;}
.career .career-list-tab .location-tab li:last-child.active {border-right:1px solid var(--color-primary);}
.career .location-wrap {position:relative;}
.career .location {display: none; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1; transition:0.3s;}
.career .location.on {display: block; opacity:1; z-index:1; position:relative; transition:0.3s;}
.career .location .place {display:flex; flex-wrap:wrap; justify-content:space-between;}

.career .tit-box .sub-tit {margin:0; text-transform:none;}
.career .tit-box h2 {margin:10px 0 20px; font-size:var(--font-size-28);}
.career .tit-box .txt {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em;}
.career .sec01 .talent-list {margin-top:55px;}
.career .sec01 .talent-list ul {display:flex; justify-content:center;}
.career .sec01 .talent-list ul li {padding:0 40px;}
.career .sec01 .talent-list ul li + li {position: relative;}
.career .sec01 .talent-list ul li + li::after {content: ''; position: absolute; width: 34px; height: 34px; left: -17px; top: 30%; transform: translateY(-30%); background-image: url(../images/sub/plus-ico.png); background-repeat: no-repeat; background-size: contain;}
.career .sec01 .talent-list ul li .img-wrap {position:relative;} 
.career .sec01 .talent-list ul li .img-wrap .img {text-align:center;}
.career .sec01 .talent-list ul li .img-t-box {position:absolute; width:100%; height:100%; top:0;  left:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.career .sec01 .talent-list ul li .img-t-box p {margin-top:15px; font-size:var(--font-size-28); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.2em; }
.career .sec01 .talent-list ul li .t-box .t01 {margin:25px 0 20px; font-size:var(--font-size-20); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em; text-align:center;}
.career .sec01 .talent-list ul li .t-box .t02 {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.75em; text-align:center;}
.career .sec01 .talent-list ul li .t-box .t02 span {font-weight:500; color:#242424;}
.career .sec02 {display:flex; margin-top:120px;}
.career .sec02 .l-box {width:25%; margin-right:100px;}
.career .sec02 .l-box .slick-tabs {margin:50px 0 0 auto; width:180px;}
.career .sec02 .l-box .slick-tabs ul {flex-direction: column;}
.career .sec02 .l-box .slick-tabs li {padding:20px 0; border-bottom:1px solid #eee;}
.career .sec02 .l-box .slick-tabs li a { padding-left:15px; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.2em; font-weight:600; color:#ababab;}
.career .sec02 .l-box .slick-tabs li.active {border-bottom:1px solid var(--color-primary);}
.career .sec02 .l-box .slick-tabs li.active a {position:relative; color:var(--color-primary);}
.career .sec02 .l-box .slick-tabs li.active a::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:100%; background-color:var(--color-primary);}
.career .sec02 .r-box {flex:1 1 auto; min-width:0; width:1%;}
.career .sec02 .r-box .slick-arrow {position:absolute; z-index:1; top:50%; transform:translateY(-50%); width:33px; height:8px; border:0; background-color:transparent; font-size:0; background-repeat: no-repeat; background-size: contain;}
.career .sec02 .r-box .slick-prev {left:3%; background-image:url(../images/sub/career-arrow.png);}
.career .sec02 .r-box .slick-next {right:3%;  background-image:url(../images/sub/career-arrow2.png);}
.career .sec02 .r-box .img-tit {position:absolute; bottom:0; left:0; right:0; background:rgba(0, 0, 0, .6); color:#fff; padding:15px 30px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em; font-weight:600;}

.career .sec02 .slideshow {max-width:800px; margin:0 auto;}
.career .sec02 .slideshow .image {position:relative; overflow:hidden;}
.career .sec02 .slideshow .image:before {content:''; display:block; padding-bottom:65%;}
.career .sec02 .slideshow .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.career .sec02 .slideshow .slider-for {overflow:hidden; margin-bottom:20px; border-radius:20px;}
.career .sec02 .slideshow .slider-for .slide-btn {position:absolute; top:50%; transform: translateY(-50%); z-index:10; display:flex; justify-content:center; align-items:center; width:33px; height:9px; border: 0; background-color: transparent; cursor:pointer;}
.career .sec02 .slideshow .slider-for .slide-btn.prev {left:3%; background-image: url(../images/sub/career-arrow.png);}
.career .sec02 .slideshow .slider-for .slide-btn.next {right:3%; background-image: url(../images/sub/career-arrow2.png);}
.career .sec02 .slideshow .slider-nav {position:relative;}
.career .sec02 .slideshow .slider-nav .image {border-radius:10px; cursor:pointer;}
.career .sec02 .slideshow .slider-nav .swiper-slide-thumb-active .image:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:4px solid var(--color-primary); border-radius:10px;}

.career .sec02 .slideshow .image video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.career .sec03 .tit-box {text-align:center;}
.career .form-wrap {border-top:2px solid #242424; padding:35px 40px 0; margin-top:35px;}
.career .form-wrap .board-form {display:flex; flex-wrap:wrap; margin:0 -30px;}
.career .form-wrap .board-form .w50 {width:50%;}
.career .form-wrap .board-form dl {margin-bottom:25px; width:100%; padding:0 30px;}
.career .form-wrap .board-form dl:last-child {margin-bottom:0;}
.career .form-wrap .board-form dt {margin-bottom:20px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.career .form-wrap .board-form dt span {color:var(--color-primary);}
.career .form-wrap .board-form dd .input {border:0; border-bottom:1px solid #ddd; padding: 6px 0;}
.career .form-wrap .board-form dd .item {margin-right:25px;}
.career .form-wrap .board-form dd textarea.input {border:1px solid #ddd; border-radius:10px;}
/* ---- 채용안내 끝 ---- */




#orderModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);

}

#orderModal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    margin: 0 auto;
    padding: 30px 25px;
    border: 1px solid #888;
    width: 90vw;
    max-width: 700px;
    border-radius: 16px;
    max-height: 900px;
    height: 100%;
}

#orderModal .modal-header {
    position: relative;
}
#orderModal .modal-header h2 {font-size: 24px;
    letter-spacing: -.03em;
    line-height: 1.2em;
    font-weight: 600;
    color: #242424;
    margin-bottom: 20px; text-align: center;}

#orderModal .close {
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
}
#orderModal .close img {
  pointer-events: none;
}
#orderModal .order-sheet-list {max-height: 700px; height: 100%;
    overflow-y: scroll;}
#orderModal .modal-footer {
    text-align: center;
    margin-top: 20px;
}

#orderModal .modal-footer button {

    border:0;
    width: 140px;
    height: 60px;
    border-radius: 6px;
    background-color: #eee;
    color: #242424;
    font-size: 16px;
    font-weight: 600;
    
}
#orderModal .modal-footer button + button {    margin-left: 10px;}

.excel-btn {text-align: right; margin-top: 20px;}
.excel-btn a {    width: 120px;
    height: 45px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    background-color: #4CAF50;
    color: #fff;}