/* margin */
.mgt5 {margin-top: var(--space5);}
.mgt10 {margin-top: var(--space10);}
.mgt15 {margin-top: var(--space15);}
.mgt20 {margin-top: var(--space20);}
.mgt25 {margin-top: var(--space25);}
.mgt30 {margin-top: var(--space30);}
.mgt35 {margin-top: var(--space35);}
.mgt40 {margin-top: var(--space40);}
.mgt50 {margin-top: var(--space50);}

/* padding */
.padt5 {padding-top: var(--space5);}
.padt10 {padding-top: var(--space10);}
.padt15 {padding-top: var(--space15);}
.padt20 {padding-top: var(--space20);}
.padt25 {padding-top: var(--space25);}
.padt30 {padding-top: var(--space30);}
.padt35 {padding-top: var(--space35);}
.padt40 {padding-top: var(--space40);}
.padt50 {padding-top: var(--space50);}

/* font weight */
.fw-sb {font-weight: 600;}

/* emphasis */
.contents .red {color: #f50000;}

/* title */
.contents .box-title {border: 2px solid #b3bcea; background-color: #f5f8fd; border-radius: 50%; font-weight: 600; color: var(--clr-nadri4); text-align: center; display: flex; align-items: center; justify-content: center;}

.contents .cont-title {padding-left: .73em; font-weight: 700; font-size: 1.22em; color: var(--clr-mtit); position: relative;}
.contents .cont-title::before {content: ''; display: block; width: .6rem; height: .6rem; background-color: var(--clr-nadri1); border-radius: 100%; position: absolute; left: 0; top: .45em;}

/* bullet */
.contents .list.bul-dot {width: 100%; display: grid; row-gap: .6rem;}
.contents .list.bul-dot li {padding-left: 1.6rem; position: relative; line-height: 1.4;}
.contents .list.bul-dot li::before {content: 'ㆍ'; display: block; position: absolute; left: 0; top: 0;}

/* button */
.bt-link {display: inline-block; padding: .7em 1.5em; padding-right: 2.5em; color: #fff; font-weight: 600; font-size: 1.11em; border-radius: .8rem; text-align: left;}
.bt-link:hover {background-color: #0f173b !important;}
.bt-link.arrow {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' fill='none'%3E%3Cpath fill='%239aaafb' d='M.2.2q.5-.4 1 0l5.4 5.3q.3.6 0 1L1.2 12a.7.7 0 0 1-1-1l4.9-5L.2 1.2a1 1 0 0 1 0-1'/%3E%3C/svg%3E") right 1.11em center no-repeat #1f2e76;}
.bt-link.download {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cg fill='%239aaafb' clip-path='url(%23a)'%3E%3Cpath d='M9 0q.6 0 .7.8v9.9l3.9-3.9a.8.8 0 0 1 1 1.1l-5 5.1h-.2v.1h-.1l-.1.1h-.4l-.4-.2-5-5.1a.7.7 0 0 1 1-1l3.8 3.8V.7Q8.3.2 9 0'/%3E%3Cpath d='m18 14.8-.4.9a2 2 0 0 1-1.6 1H2a2 2 0 0 1-1.7-1l-.3-.9v-3.1a.8.8 0 0 1 1.5 0v3l.1.3.4.2h14q.2 0 .3-.2l.2-.4v-2.8a.8.8 0 0 1 1.5 0v3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v16.7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") right 1.11em center no-repeat #1f2e76;}

/* center */
.center-sec {padding: 2.78em 0; border: 1px solid var(--clr-border); border-left: 0; border-right: 0; text-align: center;}
.center-sec h3 {font-size: 1.33em; color: var(--clr-nadri4); line-height: var(--lh16);}
.center-sec .img-box {margin: 1.67em 0 2.78em;}
.center-sec .img-box img {border-radius: 1.11em;}
.center-sec p {font-weight: 500; font-size: 1.11em; margin-top: 1em; line-height: var(--lh16); color: var(--clr-text2);}

/* history */
.history-sec > p {font-size: 1.22em; color: var(--clr-text2);}
.history-sec .his-wrap {width: 100%; height: auto; border: 1px solid var(--clr-border); border-radius: 1rem; margin-top: 1.33em;}
.history-sec .his-wrap > ul {display: grid; grid-template-columns: repeat(2, 1fr);}
.history-sec .his-wrap > ul > li {padding: 1.67em 2.22em; display: flex; align-items: center; gap: 1.33em;}
.history-sec .his-wrap > ul > li:not(:nth-last-child(-n + 2)) {border-bottom: 1px dashed var(--clr-border);}
.history-sec .his-wrap > ul > li:nth-child(even) {border-left: 1px dashed var(--clr-border);}
.history-sec .his-wrap > ul > li span {display: block;}
.history-sec .his-wrap > ul > li .year {flex-shrink: 0; width: 4.27em; height: 4.27em; border: 2px solid #b3bcea; background-color: #f5f8fd; border-radius: 50%; font-size: 1.67em; font-weight: 600; color: var(--clr-nadri4); line-height: 4.2em; text-align: center;}
.history-sec .his-wrap > ul > li .date {color: var(--clr-nadri4);}
.history-sec .his-wrap > ul > li > ul li {display: flex; gap: 1rem; font-weight: 500; font-size: 1.11em; line-height: var(--lh16);}
.history-sec .his-wrap > ul > li > ul li:not(:nth-child(1)) {margin-top: .75rem;}

@media screen and (max-width: 960px) {
    .history-sec .his-wrap > ul {grid-template-columns: 1fr;}
    .history-sec .his-wrap > ul > li {padding: 1.25em 1.6em;}
    .history-sec .his-wrap > ul > li:not(:nth-last-child(-n + 1)) {border-bottom: 1px dashed var(--clr-border);}
    .history-sec .his-wrap > ul > li:nth-child(even) {border-left: none;}
    .history-sec .his-wrap > ul > li .year {font-size: 1.25em;}
}
@media screen and (max-width: 568px) {
    .history-sec .his-wrap > ul > li {flex-direction: column; align-items: flex-start;}
}

/* car */
.car-sec .box-1 {width: 100%; height: auto; border: 1px solid var(--clr-border); border-radius: 1rem; background-color: #fcfdff; display: grid; grid-template-columns: repeat(3, 1fr);}
.car-sec .box-1 li:not(:nth-child(1)) {border-left: 1px dashed var(--clr-border);}
.car-sec .box-1 li {padding: 2.22em;}
.car-sec .box-1 li span {display: block; padding: .67em 0 0 .89em; line-height: var(--lh16);}
.car-sec .box-2 {margin-top: 4em; border-bottom: 1px solid var(--clr-border); display: flex; align-items: center; justify-content: center; gap: 1.67em;}
.car-sec .box-2 p:nth-child(2) {white-space: pre-line; font-weight: 500; font-size: 1.33em; line-height: var(--lh16); color: var(--clr-nadri4);}

@media screen and (max-width: 768px) {
    .car-sec .box-1 {grid-template-columns: 1fr;}
    .car-sec .box-1 li:not(:nth-child(1)) {border-left: none;}
    .car-sec .box-1 li:not(:nth-last-child(-n + 1)) {border-bottom: 1px dashed var(--clr-border);}
    .car-sec .box-2 {flex-direction: column; text-align: center;}
    .car-sec .box-2 p:nth-child(1) {order: 2;}
    .car-sec .box-2 p:nth-child(2) {white-space: normal;}
}

/* map */
.map-wrap > p {font-size: 1.11em; color: var(--clr-text2);}
.map-box {margin-top: 1.25em; border: 1px solid var(--clr-border); border-radius: 1rem; overflow: hidden;}
.map-box .root_daum_roughmap .wrap_controllers{display: none !important;}
.map-box .root_daum_roughmap{width: 100% !important;}

.addr-box {width: 100%; height: auto; font-size: 1.11em; font-weight: 500; color: var(--clr-mtit); margin-top: 2em;}
.addr-box ul {display: flex; gap: 5em;}
.addr-box ul li {display: flex; align-items: center; gap: 1em;}
.addr-box ul li .addr-ico {flex-shrink: 0; width: 5em; height: 5em; border: 2px solid #b3bcea; background-color: #f5f8fd; background-position: center; background-repeat: no-repeat; border-radius: 50%; background-size: 2.35em}
.addr-box ul li .addr-txt {}

.addr-box ul li:nth-child(1) .addr-ico {background-image: url("../../img_new/icon/map_pin.png");}
.addr-box ul li:nth-child(2) .addr-ico {background-image: url("../../img_new/icon/map_call.png");}
.addr-box ul li:nth-child(3) .addr-ico {background-image: url("../../img_new/icon/map_fax.png");}

@media screen and (max-width: 960px) {
    .map-box .wrap_map {height: 500px !important;}

    .addr-box ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em;}
    .addr-box ul li .addr-ico {width: 4.4em; height: 4.4em;}
}
@media screen and (max-width: 768px) {
    .map-box .wrap_map {height: 300px !important;}

    .addr-box ul {grid-template-columns: 1fr;}
    .addr-box ul li .addr-ico {width: 4em; height: 4em; background-size: 2em;}
}

/* use */
.use-sec > p {font-size: 1.11em; color: var(--clr-text2);}
.use-sec > div[class^="use"] {margin-top: 2.22em;}
.use-sec .use-box {width: 100%; height: auto; border: 1px solid var(--clr-border); border-radius: 1rem; background-color: #fcfdff;}
.use-sec .use-box .list {margin-top: .67em;}

.use1-wrap .use-box {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.94em 0; padding: 2.22em;}
.use1-wrap .use-box .box {width: 48%;}
.use1-wrap .use-box .box:nth-child(1) {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.use1-wrap .use-box .box:nth-child(1) h4 {width: 100%;}
.use1-wrap .use-box .box:nth-child(1) .list {width: 48%;}
.use1-wrap .use-box .box:nth-child(1) .list:nth-child(3) li:nth-last-child(-n + 2) {padding-left: 1rem;}
.use1-wrap .use-box .box:nth-child(1) .list:nth-child(3) li:nth-last-child(-n + 2)::before {display: none;}

.use2-wrap .use-box {display: grid; grid-template-columns: repeat(3, 1fr);}
.use2-wrap .use-box .box:not(:nth-child(1)) {border-left: 1px dashed var(--clr-border);}
.use2-wrap .use-box .box {padding: 2.22em;}
.use2-wrap .use-box .box .bt-link {margin: 1.11em 0 0 .89em;}

.use3-wrap .use-box {padding: 1.5em 2em; font-weight: 600; font-size: 1.11em; display: flex; align-items: center; gap: .75em;}
.use3-wrap .use-box i {display: block; flex-shrink: 0; width: 2.4em; height: 2.4em; background: url("../../img_new/icon/calender_check.png") left center / contain no-repeat;}
.use3-wrap .use-box p b {font-weight: 700; color: var(--clr-nadri4);}

@media screen and (max-width: 960px) {
    .use1-wrap .use-box, .use1-wrap .use-box .box:nth-child(1) {flex-direction: column;}
    .use1-wrap .use-box .box, .use1-wrap .use-box .box:nth-child(1) .list {width: 100%;}
    .use2-wrap .use-box {grid-template-columns: 1fr;}

    .use2-wrap .use-box .box:not(:nth-child(1)) {border-left: none;}
    .use2-wrap .use-box .box:not(:nth-last-child(-n + 1)) {border-bottom: 1px dashed var(--clr-border);}

    .use3-wrap .use-box {padding: 1.5em;}
    .use3-wrap .use-box p {line-height: 1.4;}
}

/* nadricall use */
.nadricall-use-wrap .anc-tab-wrap {position: sticky; top: 0; z-index: 101; background-color: #fff; padding-top: 10px;}
.nadricall-use-wrap .anchor-tab {width: 100%; display: flex; align-items: center; gap: 0 2px; line-height: 1; font-weight: 700; font-size: 1.11em;}
.nadricall-use-wrap .anchor-tab li {text-align: center;}
.nadricall-use-wrap .anchor-tab li .tab-link {display: block; width: 100%; padding: .8em 1.2em; border: 1px solid var(--clr-border); border-radius: 1rem;}
.nadricall-use-wrap .anchor-tab li .tab-link.active {background-color: var(--clr-nadri4); color: white !important; border-color: var(--clr-nadri4);}
.nadricall-use-wrap .anchor-tab li .tab-link:hover {color: var(--clr-nadri4); text-decoration: underline;}

.nadricall-use-wrap .anchor-cont {padding-top: 2.22em;}
.nadricall-use-wrap .anchor-cont b {font-weight: 600;}
.nadricall-use-wrap .anchor-cont .box {border: 1px solid var(--clr-border); border-radius: 1rem; background-color: #fcfdff; display: grid; grid-template-columns: repeat(2, 1fr);}
.nadricall-use-wrap .anchor-cont .box .detail-col {padding: 2.22em;}
.nadricall-use-wrap .anchor-cont .box .detail-col:nth-child(2) {border-left: 1px dashed var(--clr-border);}
.nadricall-use-wrap .anchor-cont .box .detail-col .info:not(:nth-child(1)) {margin-top: 1.33em;}

.nadricall-use-wrap .anchor-cont .box .point {color: var(--clr-nadri4);}
.nadricall-use-wrap .anchor-cont .box .list {margin-top: 1rem;}
.nadricall-use-wrap .anchor-cont .box .bt-link {margin: 1rem 0 0 .89em;}

.nadricall-use-wrap .anchor-cont .tbl-box {overflow-x: auto;}
.nadricall-use-wrap .anchor-cont .tbl-box table {width: 100%;}
.nadricall-use-wrap .anchor-cont .tbl-box th {padding: .89em .56em; border-top: 1px solid var(--clr-nadri4); border-bottom: 1px solid var(--clr-border); background-color: #fcfdff; border-left: 1px solid var(--clr-border);}
.nadricall-use-wrap .anchor-cont .tbl-box td {padding: .89em .56em; color: var(--clr-nadri4); text-align: center; border-bottom: 1px solid var(--clr-border); border-left: 1px solid var(--clr-border); line-height: var(--lh16);}
.nadricall-use-wrap .anchor-cont .tbl-box .none {border-left: 0;}

.nadricall-use-wrap #step02 .tbl-box td {padding: 1.36em .45em; font-weight: 600; font-size: 1.22em;}

@media screen and (max-width: 960px) {
    .nadricall-use-wrap .anchor-tab {display: grid; grid-template-columns: repeat(3, 1fr); gap: .5em;}

    .nadricall-use-wrap .anchor-cont .box {grid-template-columns: 1fr;}
    .nadricall-use-wrap .anchor-cont .box .detail-col:nth-child(1) {padding-bottom: 1.33em;}
    .nadricall-use-wrap .anchor-cont .box .detail-col:nth-child(2) {border-left: none; padding-top: 0;}
}
@media screen and (max-width: 768px) {
    .nadricall-use-wrap .anchor-tab {grid-template-columns: repeat(2, 1fr); gap: .5em;}
    .nadricall-use-wrap .anchor-tab li .tab-link {padding: .8em 0;}
}

/* compliance */
.compliance-sce .title-wrap {display: flex; align-items: center; gap: .89em;}
.compliance-sce .title-wrap p {font-size: 1.11em; color: var(--clr-text2);}
.compliance-sce .box {width: 100%; height: auto; border: 1px solid var(--clr-border); border-radius: 1rem; padding: 2.22em;}
.compliance-sce .box ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.94em;}
.compliance-sce .box ul li {display: flex; gap: .89em;}
.compliance-sce .box ul li .number {flex-shrink: 0; width: 2.25em; height: 2.25em; border: 2px solid #b3bcea; background-color: #f5f8fd; border-radius: 50%; font-size: 1.11em; font-weight: 600; color: var(--clr-nadri4); line-height: 2em; text-align: center;}
.compliance-sce .box ul li .txt {line-height: var(--lh16); padding-top: .75rem;}
@media screen and (max-width: 960px) {
    .compliance-sce .title-wrap {flex-direction: column; align-items: flex-start; gap: 0;}
    .compliance-sce .box {margin-top: .89em; padding: 1.6em 1.2em;}
    .compliance-sce .box ul {grid-template-columns: 1fr; gap: 1em;}
}

/* homepage */

/* mobile app */
.mob-app-wrap .mobapp-down-wrap {width: 100%; height: auto; border: 1px solid var(--clr-border); border-radius: 1rem; background-color: #fcfdff; display: grid; grid-template-columns: repeat(2, 1fr);}
.mob-app-wrap .mobapp-down-wrap li {padding: 4.44em 0;}
.mob-app-wrap .mobapp-down-wrap li:nth-child(2) {border-left: 1px dashed var(--clr-border);}
.mob-app-wrap .mobapp-down-wrap li .qr-code {max-width: 14.44em; max-height: 14.44em; margin: 0 auto; padding: 3.33em; border: 1px solid #c4c4c4; border-radius: 2rem; background-color: #fff;}
.mob-app-wrap .mobapp-down-wrap li .bt-app-down {max-width: 14.44em; margin: 1.11em auto 0;}
.mob-app-wrap .mobapp-down-wrap li .bt-app-down a {display: flex; align-items: center; justify-content: center; gap: .8rem; padding: 1rem 0; background-color: var(--clr-nadri4); color: #fff; font-weight: 600; font-size: 1.11em; border-radius: .8rem;}

.mob-app-guide {width: 100%; height: auto; margin-top: 2.22em; border-bottom: 1px solid var(--clr-border);}
.mob-app-guide .app-comp {border-top: 1px solid var(--clr-border); display: grid; grid-template-columns: 7.11em .58fr 1fr; align-items: start; gap: 1.11em; padding: 1.78em .89em;}
.mob-app-guide .app-comp .box-title {width: 5.33em; height: 5.33em; font-size: 1.33em; line-height: 1.2;}
.mob-app-guide .app-comp .step-box .cont-title {font-size: 1.11em; color: var(--clr-nadri4); margin-top: .5rem; }
.mob-app-guide .app-comp .step-box .list {margin-top: .67em;}

.mob-app-guide .app-comp .app-screen {display: flex; flex-wrap: wrap; gap: 1rem;}
.mob-app-guide .app-comp .app-screen span {display: block; width: 11.11em; height: 22.22em; position: relative; overflow: hidden; border: 1px solid #e2e2e2;}
.mob-app-guide .app-comp .app-screen span img {position: absolute; left: 0; bottom: 0;}

@media screen and (max-width: 960px) {
    .mob-app-wrap .mobapp-down-wrap li {padding: 2em;}
    .mob-app-wrap .mobapp-down-wrap li .qr-code {max-width: 8em; max-height: 8em; padding: 1.5em;}
    .mob-app-guide .app-comp {grid-template-columns: 1fr; padding: 1.78em 0;}
    .mob-app-guide .app-comp .app-screen {gap: .4rem}
}
@media screen and (max-width: 568px) {
    .mob-app-wrap .mobapp-down-wrap {grid-template-columns: 1fr;}
    .mob-app-wrap .mobapp-down-wrap li:nth-child(2) {border-left: 0; border-top: 1px dashed var(--clr-border);}
    .mob-app-guide .app-comp .app-screen span {width: 10.11em; height: 20.22em;}
}

/* charter */
.charter-wrap .sec-box1 p {padding-left: .89em; position: relative; line-height: 1.4;}
.charter-wrap .sec-box1 p::before {content: ''; display: block; width: .6rem; height: .6rem; background-color: var(--clr-nadri1); border-radius: 100%; position: absolute; left: 0; top: 1rem;}

.charter-wrap .sec-box2 {margin-top: 2.22em;}
.charter-wrap .sec-box2 .box {width: 100%; height: auto; padding: 2.22em; border: 1px solid var(--clr-border); border-radius: 1rem; background: url("../../img_new/bg_charter.jpg") right -10px bottom 6rem no-repeat;}
.charter-wrap .sec-box2 .box ul {display: grid; gap: 1.33em;}
.charter-wrap .sec-box2 .box ul li {display: flex; gap: .89em;}
.charter-wrap .sec-box2 .box ul li .number {flex-shrink: 0; width: 2.25em; height: 2.25em; border: 2px solid #b3bcea; background-color: #f5f8fd; border-radius: 50%; font-size: 1.11em; font-weight: 600; color: var(--clr-nadri4); line-height: 2em; text-align: center;}
.charter-wrap .sec-box2 .box ul li .txt {font-weight: 600; line-height: var(--lh16); padding-top: .75rem; color: var(--clr-nadri4);}
@media screen and (max-width: 960px) {
    .charter-wrap .sec-box2 .box {padding: 1.6em; background: none;}
}

/* happy use */
.happy-use-wrap .tit {padding-left: .73em; font-weight: 700; font-size: 1.22em; color: var(--clr-mtit); position: relative;}
.happy-use-wrap .tit::before {content: ''; display: block; width: .6rem; height: .6rem; background-color: var(--clr-hayype2); border-radius: 100%; position: absolute; left: 0; top: .45em;}

.happy-use-wrap .service-card {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.11em; text-align: center;}
.happy-use-wrap .service-card li {border: 1px solid var(--clr-border); border-radius: 1rem; padding: 2.22em 1.67em;}
.happy-use-wrap .service-card li .card-ico {display: block; width: 7.11em; height: 7.11em; margin: 0 auto; background-color: #fcf6f8; background-position: center; background-repeat: no-repeat; border-radius: 50%; background-size: 2.94em;}
.happy-use-wrap .service-card li .tit {padding-left: 0; margin-top: .91em;}
.happy-use-wrap .service-card li .tit::before {display: none;}
.happy-use-wrap .service-card li .desc {margin-top: 1em; line-height: var(--lh14);}

.happy-use-wrap .service-card li:nth-child(1) .card-ico {background-image: url("../../img_new/icon/happy_1.png");}
.happy-use-wrap .service-card li:nth-child(2) .card-ico {background-image: url("../../img_new/icon/happy_2.png");}
.happy-use-wrap .service-card li:nth-child(3) .card-ico {background-image: url("../../img_new/icon/happy_3.png");}
.happy-use-wrap .service-card li:nth-child(4) .card-ico {background-image: url("../../img_new/icon/happy_4.png");}

.happy-use-wrap .service-details {border: 1px solid var(--clr-border); border-radius: 1rem; background-color: #fffcfd; padding: 2.22em; margin-top: 1.11em; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.11em;}
.happy-use-wrap .service-details .info:not(:nth-child(1)) {margin-top: 1.11em;}
.happy-use-wrap .service-details .info .desc {padding: 1rem 0 0 .89em; line-height: var(--lh16);}
.happy-use-wrap .service-details .info .point {color: var(--clr-hayype2);}
@media screen and (max-width: 960px) {
    .happy-use-wrap .service-card {grid-template-columns: repeat(2, 1fr);}
    .happy-use-wrap .service-details {grid-template-columns: 1fr;}
}
@media screen and (max-width: 568px) {
    .happy-use-wrap .service-card {grid-template-columns: 1fr;}
}


/* happy qna */
.happy-qna-wrap {border-top:1px solid #777;}
.happy-qna-wrap .acc-term, .happy-qna-wrap .acc-label {display: block; flex-shrink: 0; width: 2.5em; height: 2.5em; border: 1px solid var(--clr-hayype2); font-weight: 700; border-radius: 50%; line-height: 2.22em; text-align: center;}
.happy-qna-wrap ul {display: flex; flex-direction: column;} 
.happy-qna-wrap ul li {border-bottom:1px solid #e0e0e0;}
.happy-qna-wrap ul .acc-header {position: relative;}
.happy-qna-wrap ul .acc-header button {width: 100%; padding: 1.11em 1.67em; display: flex; align-items: center; gap: 0 1.11em;}
.happy-qna-wrap ul .acc-header button::after {content:""; position: absolute; top:48%; transform: translateY(-48%); right: 1.67em; width:0; height:0; width: .67em; height: .67em; border-left: 2px solid #888; border-top: 2px solid #888; transform: rotate(45deg);}
.happy-qna-wrap ul .acc-header button .acc-term {color: var(--clr-hayype2);}
.happy-qna-wrap ul .acc-header button .acc-title {display: block; font-weight: 600; font-size: 1.11em; color: #222;}
.happy-qna-wrap ul .accordion-content {padding: 1.11em 1.67em; border-top:1px solid #e0e0e0; background-color: #fafaf9; display: flex; align-items: flex-start; gap: 0 1.11em;}
.happy-qna-wrap ul .accordion-content .acc-label {flex-shrink: 0; background-color: var(--clr-hayype2); color: #fff;}
.happy-qna-wrap ul .accordion-content p {line-height: 1.6; padding-top: 1rem;}
.happy-qna-wrap ul .acc-header button.active::after {transform: rotate(225deg); top:35%; border-color: var(--clr-hayype2);}
.happy-qna-wrap ul .acc-header button.active .acc-title {color: var(--clr-hayype2);}

@media screen and (max-width: 960px) {
    .happy-qna-wrap ul .acc-header button,
    .happy-qna-wrap ul .accordion-content {padding: 1.11em .75em;}

    .happy-qna-wrap ul .acc-header button {text-align: left; padding-right: 3em;}
}