@charset "utf-8";
/* sub3,4 공통 */
.sub-fx { display: flex; align-items: center; text-align: center; }
.sub-fx>div { width: calc(100%/2);}
.sub-fx:nth-child(even) { flex-direction: row-reverse;}
.sub-fx .info h3 { font-size: var(--font-size32); font-weight: 700; line-height: 1.5em; color: var(--color-primary); margin-bottom: 24px; font-family: var(--playfair);}
.sub-fx .info h5 { font-size: var(--font-size18); font-weight: 600; line-height: 1.25em; color: #242424; margin-bottom: 16px; }
.sub-fx .info .txt p { margin-bottom: 25px; line-height: 1.5em; letter-spacing: 0; font-weight: 400; }
.sub-fx .info .txt p:last-child { margin-bottom: 0; }
.sub-fx .info .txt p a { color: var(--color-primary); font-weight: 700; font-family: var(--playfair); text-decoration: underline; text-underline-position: under;}
.sub-fx .info .group { margin-bottom: 40px; }
.sub-fx .info .group:last-child { margin-bottom: 0; }

/* 문의하기 */
.ct-form { display: flex; flex-wrap: wrap; gap: 45px 60px;}
.ct-form dl { width: calc(100%/2 - 30px); }
.ct-form dl.w100 { width: 100%; }
.ct-form dt { line-height: 1.2em; font-size: 18px; font-weight: 600; color: #242424; margin-bottom: 12px; }
.ct-form dt .required { color: var(--color-primary); }
.ct-form dd .input { width: 100%; height: 55px; }

/* 필터 */
.filter { width: 260px; margin-right: 100px; background: var(--color-primary ); border: 1px solid #ddd; border-radius: 16px; overflow: hidden;}
.filter h3 { text-align: center; color: #fff; padding: 18px 10px; font-size: var(--font-size22); font-weight: 700; line-height: 1.2em;}
.filter ul { background: #fff; border-radius: 16px 16px 0 0;  }
.filter ul li { padding: 0; border-bottom: 1px solid #ddd;}
.filter ul li:last-child { border: none; }
.filter ul li>a { padding: 18px 30px; position: relative; color: #868686; font-weight: 600; display: block; }
.filter ul li>a::after { content: ""; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; width: 10px; height: 6px; background: url(../images/sub/select-down.png) center no-repeat; background-size: contain; transition: .2s;}
.filter ul li.active>a { color: #242424; background: #fbfaf7; }
.filter ul li.active>a::after { background-image: url(../images/sub/select-up.png);}
.filter .depth2 { padding: 18px 30px; display: none; }
.filter .depth2 .item { display: block; margin-bottom: 12px; font-size: 14px; color: #bdbdbd;}
.filter .depth2 .checkbox label:before { background-color: transparent;}
.filter .depth2 .checkbox input:checked + label { color: #242424; }
.filter .depth2 .checkbox input:checked + label:before { background-color: var(--color-primary); }
.filter .depth2 .item:last-child { margin-bottom: 0; }
.filter .reset-btn a { display: block; padding: 18px 30px; font-size: 14px; color: #242424; font-weight: 400; }
.filter .reset-btn a::after { display: none; }
.mypage .contents { max-width: 1200px; width: 100%; }