.serviceGuideWrap {width:100%; padding:8rem 0; padding-bottom:10rem;}
.serviceGuideWrap .inner {display:flex; align-items: flex-start; align-items: flex-start; position: relative;}

.serviceGuideWrap .servGuideTitle {width:40rem; position: sticky; top:11.2rem;}
.serviceGuideWrap .servGuideTitle p {font-size:2.6rem; color:#00C4C4; font-weight:600; letter-spacing:-0.05em; line-height:3.6rem;}
.serviceGuideWrap .servGuideTitle h2 {font-size:4rem; color:#080404; font-weight:600; letter-spacing:-0.05em; line-height:5rem; display: block; margin-top:1.6rem;}
.serviceGuideWrap .servGuideTitle .btn {width:100%; display:flex; gap:1.6rem; margin-top:3.2rem;}
.serviceGuideWrap .servGuideTitle .btn button {min-width:12rem; padding:0.8rem 2.4rem; text-align: center; border:1px solid #C9CDD2; background-color: #fff; border-radius:10rem; font-size:1.6rem; color:#26282B; font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; cursor: pointer;}
.serviceGuideWrap .servGuideTitle .btn button.hit {background-color:#26282B; border-color:#26282B; color:#fff;}


.serviceGuideWrap .servGuideContainer {width:calc(100% - 40rem); margin-left: auto; padding-top:5.2rem;}
.serviceGuideWrap .servGuideContent {width:100%; padding:3.2rem; display:none;}
.serviceGuideWrap .servGuideContent.show {display: block;}
.serviceGuideWrap .servGuideContent .guideText {width:100%; border-radius:0.8rem; background-color:#F9FAFB; padding:1.2rem; display:flex;}
.serviceGuideWrap .servGuideContent .guideText em {font-size:1.5rem; color:#26282B; font-weight:400; letter-spacing:-0.02em; line-height:2.3rem; padding-left:2.8rem; background:url("../../images/service/guide/ic_guide.png")no-repeat left top; background-size:2rem;}
.serviceGuideWrap .servGuideContent .guideText em b {font-size:inherit; color:#080404; font-weight:500;}

.serviceGuideWrap .servGuideContent .guideContainer {width:100%; counter-reset:number;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent {width:100%; padding-bottom:2.4rem; border-bottom:1px dotted #E3E5E8; padding-top:4rem;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent:last-child {border:0;}

.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit {width:100%;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6 {display: block; font-size:2rem; color:#080404; font-weight:500; letter-spacing:-0.05em; line-height:3rem; position: relative; padding-left:3.8rem;  word-break: keep-all;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6::before {counter-increment:number 1; content:counter(number); width:3rem; height:3rem; border-radius:100%; background-color: #00C4C4; display:flex; align-items: center; justify-content: center; font-size:1.8rem; color:#fff; font-weight:600; line-height:2.6rem; position: absolute; top:0; left:0;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit.color h6::before {background-color: #FFE311; color:#080404;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit em {display: block; margin-top:1.6rem; font-size:1.6rem; color:#080404; font-weight:400; letter-spacing:-0.02em; line-height:2.4rem; word-break: keep-all;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit span {display: block; margin-top:0.4rem; font-size:1.5rem; color:#F94E51; font-weight:400; letter-spacing:-0.02em; line-height:2.3rem;  word-break: keep-all;}

.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont {width:100%; background-color:#F9FAFB; padding:2.4rem; border-radius:1.6rem; margin-top:2.4rem;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont div {width:100%; border:1px solid #E3E5E8; border-radius:1.6rem; overflow: hidden; -webkit-radial-gradient(white, black); isolation: isolate;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont div img {display: block; width:100%;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul {width:100%; margin-top:2.4rem;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li {width:100%; position: relative; padding-left:2.2rem; font-size:1.6rem; color:#080404; font-weight:400; letter-spacing:-0.02em; line-height:2.4rem; word-break: keep-all;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li::before {content:"·"; font-size:1.6rem; color:#080404; font-weight:900; letter-spacing:-0.02em; line-height:2.4rem; position: absolute; top:0; left:0.8rem;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li + li {margin-top:0.4rem;}
.serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li span {font-size:inherit; color:inherit; font-weight:inherit; text-decoration:underline; text-underline-offset:0.2rem;}

@media (hover: hover) {
    .serviceGuideWrap .servGuideTitle .btn button {transition:all 0.2s;}
    .serviceGuideWrap .servGuideTitle .btn button:not(.hit):hover {border-color:#080404; color:#080404;}
}
@media (max-width:1300px) {
    .serviceGuideWrap .servGuideTitle {width:36rem;}
    .serviceGuideWrap .servGuideTitle p {font-size:2.5rem; line-height:3.5rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:3.8rem; line-height:4.8rem;}
    .serviceGuideWrap .servGuideTitle .btn {margin-top:3rem;}

    .serviceGuideWrap .servGuideContainer {width:calc(100% - 36rem); padding-top:6.8rem;}
    .serviceGuideWrap .servGuideContent {padding:0;}
}
@media (max-width:1200px) {
    .serviceGuideWrap .servGuideTitle {width:32rem;}
    .serviceGuideWrap .servGuideTitle p {font-size:2.4rem; line-height:3.4rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:3.6rem; line-height:4.6rem;}
    
    .serviceGuideWrap .servGuideContainer {width:calc(100% - 32rem); padding-top:7.2rem;}
}
@media (max-width:1023px) {
    .serviceGuideWrap {padding-top:6rem;}
    .serviceGuideWrap .inner {display: block;}
    .serviceGuideWrap .servGuideTitle {width:100%; position:static!important; top:0!important;}
    .serviceGuideWrap .servGuideContainer {width:100%; padding-top:6rem;}
}
@media (max-width:900px) {
    .serviceGuideWrap .servGuideTitle p {font-size:2.3rem; line-height:3.3rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:3.4rem; line-height:4.4rem;}
}
@media (max-width:767px) {
    .serviceGuideWrap .servGuideTitle p {font-size:2.2rem; line-height:3.2rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:3.2rem; line-height:4.2rem;}
    .serviceGuideWrap .servGuideTitle .btn {gap:1.2rem; margin-top:2.8rem;}
    .serviceGuideWrap .servGuideTitle .btn a {padding:0.7rem 2.2rem;}
    .serviceGuideWrap .servGuideContainer {padding-top:5.6rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont {background-color:transparent; padding:0; border-radius:0; margin-top:2.4rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont div {border-radius:1.4rem;}
}
@media (max-width:600px) {
    .serviceGuideWrap .servGuideTitle p {font-size:2rem; line-height:3rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:2.8rem; line-height:3.8rem;}
    .serviceGuideWrap .servGuideTitle .btn {margin-top:2.4rem;}
    .serviceGuideWrap .servGuideTitle .btn a {min-width:auto; padding:0.6rem 2rem; font-size:1.5rem;}
    .serviceGuideWrap .servGuideContainer {padding-top:5rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent {padding-bottom:2rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6 {font-size:1.8rem; line-height:2.8rem; padding-left:3.6rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6::before {width:2.6rem; height:2.6rem; font-size:1.6rem; line-height:2.4rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit em {margin-top:1.4rem; font-size:1.5rem; line-height:2.3rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit span {margin-top:0.2rem; font-size:1.4rem; line-height:2.2rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont {margin-top:2rem;}

    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul {margin-top:2rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li {padding-left:2rem; font-size:1.5rem; line-height:2.3rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li::before {font-size:1.5rem; line-height:2.3rem; left:0.7rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li + li {margin-top:0.3rem;}
}
@media (max-width:479px) {
    .serviceGuideWrap {padding-top:4rem; padding-bottom:8rem;}
    .serviceGuideWrap .servGuideTitle p {font-size:1.8rem; line-height:2.8rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:2.6rem; line-height:3.6rem;}
    .serviceGuideWrap .servGuideTitle .btn {margin-top:2rem;}
    .serviceGuideWrap .servGuideTitle .btn a {padding:0.6rem 1.8rem;}
    .serviceGuideWrap .servGuideContainer {padding-top:4.2rem;}

    .serviceGuideWrap .servGuideContent .guideText {padding:1.2rem;}
    .serviceGuideWrap .servGuideContent .guideText em {font-size:1.4rem; line-height:2rem; padding-left:2.6rem; background-size:1.8rem; background-position:left top 0.1rem;}

    .serviceGuideWrap .servGuideContent .guideContainer .guideContent {padding-top:3.6rem; padding-bottom:2rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6 {font-size:1.6rem; line-height:2.4rem; padding-left:3.4rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit h6::before {width:2.4rem; height:2.4rem; font-size:1.4rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit em {font-size:1.4rem; line-height:2.1rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gTit span {font-size:1.3rem; line-height:2rem; margin-top:0.3rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont div {border-radius:0.8rem;}

    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul {margin-top:1.6rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li {padding-left:1.8rem; font-size:1.4rem; line-height:2.2rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li::before {font-size:1.4rem; line-height:2.2rem; left:0.6rem;}
    .serviceGuideWrap .servGuideContent .guideContainer .guideContent .gCont ul li + li {margin-top:0.2rem;}
}
@media (max-width:420px) {
    .serviceGuideWrap {padding-top:4rem; padding-bottom:8rem;}
    .serviceGuideWrap .servGuideTitle p {font-size:1.6rem; line-height:2.6rem;}
    .serviceGuideWrap .servGuideTitle h2 {font-size:2.4rem; line-height:3.4rem; margin-top:0.8rem;}
    .serviceGuideWrap .servGuideTitle .btn {margin-top:1.6rem; gap:1rem;}
    .serviceGuideWrap .servGuideTitle .btn a {padding:0.5rem 1.6rem;}
    .serviceGuideWrap .servGuideContainer {padding-top:3.6rem;}
}