@charset "utf-8";
/* sub공통탭 */
.sub-tab { display: flex; flex-wrap: wrap; margin-bottom: 60px; justify-content: center;}
.sub-tab li { width: auto; position: relative;}
.sub-tab li::after { content: ""; position: absolute; right: 0; top: 8px; width: 1px; height: 10px; background: #ddd; }
.sub-tab li a { font-size: 17px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; padding: 0 20px; }
.sub-tab li:last-child::after { display: none;}
.sub-tab li.active a { color: #bc9546;}
.sub-tab li:hover a { color: #bc9546;}

/* ABOUT US */
.about-sec1 { padding-bottom: 100px;}
.about-box { display: flex; align-items: center;}
.about-box>div { width: 50%;}
.about-right { padding-left: 60px; text-align: left;}
.about-right h3 { font-size: 60px; font-weight: 800; letter-spacing: -.03em; line-height: 1em; margin-bottom:15px; color: rgba(188, 149, 70,0.1);}
.about-right h4 { font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #bc9546; margin-bottom: 22px;}
.about-right p { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #454545;}
.about-fx { flex-direction: row-reverse;}
.about-fx .about-right { text-align: right; padding-left: 0; padding-right: 60px;}
.about-sec2 { padding: 100px 0; background: #f8f8f8; text-align: center;}
.about-sec2 .tit { font-size: 35px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 22px;}
.about-sec2 .txt { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.3em; color: #454545;}
.about-sec2-img {width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; margin: 60px 0;}
.about-sec2-img::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}

/* 매장위치 */
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#bc9546; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#bc9546;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

/* 구매안내 */
.story-infofx { border-top: 1px solid #bc9546; border-bottom: 1px solid #bc9546; display: flex; margin-bottom: 40px; border-right: 1px solid #bc9546;}
.story-infofx .tit { font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #fff; background: #bc9546; text-align: center; padding: 0 10px; width: 16%; display: flex; align-items: center; justify-content: center;}
.story-infofx .textbox { padding: 35px 30px; width: 84%;}
.story-infofx .textbox p { position: relative; padding-left: 25px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.3em; color: #454545; margin-bottom: 15px;}
.story-infofx .textbox p::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background-size: contain; background: url(../images/sub/before.png) center no-repeat;}
.story-infofx .textbox a { color: #0012ff; text-decoration: underline; text-underline-position: under;}
.story-infofx .spanbox { margin-top: 25px;}
.story-infofx .spanbox span{ display: block; font-size: 15px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; color: #686868; padding-left: 12px; position: relative;}
.story-infofx .spanbox span::before { content: "※"; width: 0; height: 0; top: 0; left: 0px; font-weight: 300; position: absolute;}
.story-list { display: flex; width: 100%; }
.story-list li { width: calc(100%/6); text-align: center;}
.story-list li .circle { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 100%; margin: auto; border: 1px solid #bc9546; position: relative;}
.story-list li .circle::after { content: ""; position: absolute; right: -42px; top: 0; bottom: 0; margin: auto; width: 17px; height: 28px; background: url(../images/shop/del-right.png) center no-repeat; background-size: contain;}
.story-list li:last-child .circle::after { display: none;}
.story-list li .step { font-size: 16px; font-weight: 500; line-height: 1em; margin-top: 25px; color: #bc9546;}
.story-list li .step-tit { font-size: 18px; font-weight: 500; line-height: 1.2em; color: #242424; margin-top: 4px;}
.story-info-tbl { border-collapse: collapse; width: 100%; border-top: 1px solid #bc9546;}
.story-info-tbl tr { border-bottom: 1px solid #efe6d3;}
.story-info-tbl tr td { font-size: 15px; font-weight: 400; line-height: 1.3em; color: #454545; padding: 15px 20px 6px;}
.story-info-tbl tr td p { position: relative; padding-left: 10px; margin-bottom: 5px; line-height: 1.5em;}
.story-info-tbl tr td p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; top: 9px; background: #454545;}
.story-info-tbl tr td.fw { font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #fff; background: #bc9546; text-align: center; padding: 0 10px;}
.story-info-tbl tr td p.af::before { content: "※"; width: 0; height: 0; top: 0; left: -3px; font-weight: 300;}

/* 캐시미어 제품관리 */
.cash-sec1 { padding-bottom: 100px; text-align: center;}
.cash-img { height: 400px; background: url(../images/sub/cash-big.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; }
.cash-sec1 p { margin-top: 55px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; color: #454545;}
.cash-sec2 { padding: 100px 0; background: #fcfaf6;}
.cash-tit { font-size: 35px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; text-align: center; margin-bottom: 55px;}
.cash-sec2-box { padding-left: 150px;}
.cash-sec2-box p { position: relative; font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.5em; color: #454545; padding-left: 26px; margin-bottom: 25px;}
.cash-sec2-box p::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(../images/sub/before.png) center no-repeat; background-size: contain;}
.cash-sec2-box p:last-child { margin-bottom: 0;}
.cash-sec3 { padding-top: 100px;}
.cash-list { display: flex; flex-wrap: wrap; gap: 60px 0; padding: 0 120px;}
.cash-list li { width: calc(100%/3); text-align: center;}
.cash-list li .circle { width: 150px; height: 150px; border-radius: 100%; background: #bc9546; display: flex; align-items: center; justify-content: center; margin: auto;}
.cash-list li .txt { margin-top: 26px; font-size: 16px; line-height: 1.556em; letter-spacing: -.03em; font-weight: 300; color: #454545;}