@charset "utf-8";
/* 공통 */
.subtit { position: relative; line-height: 1.3em; letter-spacing: -.03em; font-size: 32px; font-weight: 700; color: #121212; padding-left: 39px; margin-bottom: 27px;}
.subtit::before { content: ""; position: absolute; left: 0; width: 28px; height: 28px; background: url(../images/sub/tit-bf.jpg) center no-repeat; background-size: contain; top: 6px;}
.subtit .clr1 { color: #f11531;}
.subtit .clr2 { color: #ee7d2d;}
.subtit .clr3 { color: #facc00;}
.subtit .clr4 { color: #45b144;}
.subtit .clr5 { color: #0f79c5;}
.subtit .clr6 { color: #2c2a73;}
.subtit .clr7 { color: #672b8b;}
.subbox { margin-bottom: 100px;}
.subbox.mg { margin-bottom: 0; }
.subbox p { font-size: 18px; }


/* 인사말 */
.gt-bg { height: 510px; background: url(../images/sub/sub1-1-img.png) center no-repeat; width: 100%; background-size: cover;}
.gt-txtbox { margin-top: -40px;}
.gt-txtbox h2 { font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1.3em; color: #121212; margin-bottom: 38px; }
.gt-txtbox h2 span { color: #45b144; }
.gt-txtbox p { margin-bottom: 25px; font-size: 18px; }
.sign { margin-top: 40px; display: flex; align-items: flex-end; justify-content: flex-end ; gap: 20px;}
.sign strong { line-height: 1.2em; font-size: 18px; font-weight: 600; letter-spacing: -.03em; color: #121212;}

/* 브랜드 특징 */
.brand-txt { font-size: 22px; line-height: 1.6em; letter-spacing: -.03em; font-weight: 300; color: #505050; text-align: center; margin-bottom: 90px; }
.brand-txt strong { color: #121212; font-weight: 700; }
.brand-fx { display: flex; align-items: center; margin-bottom: 40px; }
.brand-fx.rv { margin-bottom: 0; flex-direction: row-reverse;}
.brand-fx .left { width: 50%; text-align: center;}
.brand-fx .left img { box-shadow: 5px 5px 20px rgba(0,0,0,0.2); border-radius: 100%; }
.brand-fx .right { width: 50%; }
.brand-fx .right h4 { position: relative; font-size: 24px; font-weight: 700; letter-spacing: -.03em; color: #121212; line-height: 1.3em; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ddd;}
.brand-fx .right h4::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 40px; height: 2px; background: #45b144;}
.brand-fx .right .txtbox p { margin-bottom: 17px; position: relative; padding-left: 15px; font-size: 18px; }
.brand-fx .right .txtbox p::before { content: ""; position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #ccc; top: 10px;}
.brand-fx .right .txtbox p:last-child { margin-bottom: 0; }
.brand-fx.rv .right { text-align: right;}
.brand-fx.rv .right h4::after { left: auto; right: 0;}
.brand-fx.rv .right .txtbox p { padding-left: 0; padding-right: 15px;}
.brand-fx.rv .right .txtbox p::before { left: auto; right: 0; }

/* 피팅 */
.fit-sec1 { padding-bottom: 100px;}
.fit-sec2 { padding: 100px 0; background: #f9f9f9; }
.fit-img { display: flex; flex-wrap: wrap; gap: 20px;}
.fit-img.mg { margin-bottom: 60px; }
.fit-img li { width: calc(100%/2 - 10px); }
.fit-img li.fx { display: flex; gap: 20px; flex-wrap: wrap;}
.fit-img li.fx>div {width: calc(100%/2 - 10px);}
.fit-text { margin-top: 35px; }
.fit-text li { display: flex; margin-bottom: 13px; }
.fit-text li:last-child { margin-bottom: 0px; }
.fit-text li .tit { width: 175px; position: relative; padding-left: 33px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #121212; font-size: 18px;}
.fit-text li .tit::before { content: ""; position: absolute; left: 0; width: 17px; height: 13px; background: url(../images/sub/chk.png) center no-repeat; background-size: contain; top: 5px; }
.fit-text li .txt { flex: 1 1 auto; min-width: 0; width: 1%; letter-spacing: -.03em; line-height: 1.5em; color: #505050; font-size: 18px; }
.fit-sec2 .group.mg { margin-bottom: 100px; }
.fit-sec2 .group .txtbox p { margin-bottom: 15px; font-size: 18px;}
.fit-sec2 .group .txtbox p span { display: inline-block; font-size: 16px; font-weight: 300; color: #878787; padding-left: 19px; padding-top: 5px;}
.fit-sec2 .group>p { line-height: 1.6em; font-size: 18px;}
.fit-sec2 .group>p span { display: block; font-size: 16px; font-weight: 300; color: #878787;}

/* A/S 이용안내 */
.as-list { display: flex; flex-wrap: wrap; gap: 35px 10px;}
.as-list li { width: calc(100%/2 - 5px); padding-left: 33px; position: relative; }
.as-list li::before { content: ""; position: absolute; left: 0; width: 17px; height: 13px; background: url(../images/sub/chk.png) center no-repeat; background-size: contain; top: 6px; }
.as-list li .txt { font-size: 18px;}
.as-list li .tit { line-height: 1.5em; font-weight: 700; color: #121212; margin-bottom: 6px; font-size: 18px; }
.as-list li .txtbox p { position: relative; padding-left: 15px; font-size: 18px; line-height: 1.666em;}
.as-list li .txtbox p::before { content: ""; position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #ccc; top: 11px;}

/* 구매접수 및 안내 */
.ct-img { padding: 95px 0; background: url(../images/sub/sub4-3-img.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff; margin-bottom: 100px; }
.ct-img h2 { font-size: 32px; font-weight: 700; letter-spacing: -.03em; line-height: 1.444em; margin-bottom: 20px;}
.ct-img a { display: flex; text-align: center; position: relative; justify-content: center; width: 345px; height: 50px; background: #01c73c; line-height: 1.2em; font-size: 20px; font-weight: 300; letter-spacing: -.03em; padding-left: 40px; align-items: center; margin: auto;}
.ct-img a::before { content: ""; position: absolute; left: 40px; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; background: url(../images/sub/store-icon.png) center no-repeat; background-size: contain;}
.ct-fx { display: flex; align-items: flex-start;}
.ct-fx h2 { font-size: 32px; font-weight: 700; letter-spacing: -.03em; line-height: 1.444em; margin-bottom: 20px; position: relative; padding-left: 30px; color: #121212;}
.ct-fx h2::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 2px; background: #45b144;}
.ct-fx .form { width: 50%;}
.ct-fx .formbox { padding-left: 30px; padding-right: 40px;}
.ct-fx .formbox dl { margin-bottom: 39px;}
.ct-fx .formbox dl.mg { margin-bottom: 0;}
.ct-fx .formbox dl dt { font-size: 18px; line-height: 1em; font-weight: 600; letter-spacing: -.03em; color: #121212; margin-bottom: 12px; }
.ct-fx .formbox dl dt .required { color: #f11531;}
.ct-fx .formbox .check {text-align:center; color:#555; font-size:16px; line-height:1.5em; letter-spacing: -.025em; margin-bottom: 40px; margin-top: 15px; font-weight: 400;}
.ct-fx .formbox .check a {display:inline-block; background:#fff; margin-left:15px; padding:0 10px; font-size:13px; line-height:26px; letter-spacing:-.03em; border:1px solid #ddd;}
.ct-fx .dir { width: 50%; }
.ct-fx .dirbox { padding-left: 30px;}
.ct-fx .dirbox h3 { font-size: 20px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; color: #121212; margin-bottom: 25px; }
.dir-list { display: flex; flex-wrap: wrap; gap: 15px 60px; margin-bottom: 40px; }
.dir-list li { display: inline-flex; align-items: center; }
.dir-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 10px; font-size: 18px; }