@charset "utf-8";
body { font-family: "Pretendard"; font-style: normal; font-size: 16px; overflow-x: hidden; position: relative; color: #323232; word-break: break-all; scroll-behavior: smooth;}
body.noScroll { overflow: hidden;}

.inner {max-width: 1920px; padding: 0 10.42vw; width: 100%; margin: 0 auto; position: relative;}

.logo-w {display: none;}

#wrap { width: 100%; overflow: hidden; position: relative;}

.only-pc {display: block;}
#header {transition: all 0.3s ease-in-out; position: fixed; top: 0; left: 0; width: 100%; height:calc(70px + 1.5rem); z-index: 999; box-sizing: border-box; display: block;}
#header .only-mo {display: none;}
#header .logo-wrap { min-width: 200px;}

#header h1 {background: url(/resources/images/common/axis_logo_w.png) no-repeat center; width: 176px; height: 50px; background-size: contain;}
#header h1.active {background: url(/resources/images/common/axis_logo.png) no-repeat center; background-size: contain;}
#header h1 span { display: none;}

#header .header-wrap {display: flex; width: 100%; height: 70px; justify-content: space-between; padding: 10px 10.42% 0; align-items: center;}

#header .gnb-wrap .gnb {width: 100%; display: flex; height: 100%; justify-content: space-between; align-items: center; gap: 70px;}
#header .gnb-wrap .gnb > li {display: flex; position: relative; align-items: center; height: 80px;}
#header .gnb-wrap .gnb > li a {display: block; font-size: 18px; font-weight: 600; color: #969696; position: relative; transition: all 0.3s;}
#header .gnb-wrap .gnb > li.service-now a:hover,
#header .gnb-wrap .gnb > li.service-now a.active {color: #00f031;}
#header .gnb-wrap .gnb > li a:hover,
#header .gnb-wrap .gnb > li a:active {color: #fff;}

#header .gnb-wrap .gnb .depth2 {display: none; position: absolute; overflow: hidden; top: 80px; left: -5px; padding: 10px; width: 190px; background-color: #fff; border-radius: 10px; box-shadow: 2px 2px 20px rgba(0, 0, 0, .1);}
#header .gnb-wrap .gnb > li:hover .depth2 {display: block;}
#header .gnb-wrap .gnb .depth2 ul {width: 100%; display: flex; position: relative; flex-direction: column; gap: 10px;}
#header .gnb-wrap .gnb .depth2 ul li {padding: 6px 15px; border-radius: 5px;}
#header .gnb-wrap .gnb .depth2 ul li a {font-size: 16px; display: block; font-weight: 600; letter-spacing: -0.03em; color: #969696; transition: all 0.2s;}
#header .gnb-wrap .gnb .depth2 ul li:hover,
#header .gnb-wrap .gnb .depth2 ul li:has(a.active) {background-color: #F1F6FF;}
#header .gnb-wrap .gnb .depth2 ul li:hover a,
#header .gnb-wrap .gnb .depth2 ul li.active a {color: #323232;}
#header .gnb-wrap .gnb .depth2 ul li[data-depth='Y']::after {position: absolute; content: ''; width: 13px; height: 7px; background: url('/resources/images/main/foot-site-icon.svg') no-repeat; top: 8%; right: 5px; transform: translateY(-50%); transition: all 0.15s ease-in-out;}

#header .gnb-wrap .gnb .depth3 ul {display: flex; flex-direction: column; gap: 10px;}
#header .gnb-wrap .gnb .depth3 ul li {padding-left: 25px; font-weight: 500;}
#header .gnb-wrap .gnb .depth3 ul li a {font-size: 15px; font-weight: 500;}

#header.active {background-color: #fff; border-bottom: 1px solid #dddddd;}
#header.active .gnb-wrap .gnb > li.service-now a:hover,
#header.active .gnb-wrap .gnb > li.service-now a:active {color: #00f031;}
#header.active .gnb-wrap .gnb > li a:hover,
#header.active .gnb-wrap .gnb > li a:active {color: #323232;}

#header .gnb-wrap .gnb .depth2 ul li:hover a,
#header .gnb-wrap .gnb .depth2 ul li a.active {color: #323232;}
/* 추가 240908 start */
#header .gnb-wrap .language .depth1 {padding-right: 25px; margin-left: 30px; gap: 5px; background: url(/resources/images/common/menu_arrow_down.svg) no-repeat 100% 50%; transition: 0.2s;}
#header .gnb-wrap .language .depth2 {width: 100px;}
#header .gnb-wrap .gnb .language-con {display: none; height: 0; opacity: 0; transition: 0.5s;}
#header .gnb-wrap .gnb .language .depth1:hover {color: #fff; background: url(/resources/images/common/menu_arrow_down_w.svg) no-repeat 100% 50%;}
#header .gnb-wrap .gnb .language:hover .language-con {display: block; height: auto; opacity: 1;}
.main #header.active li.language:hover .depth1:hover {color: #323232; background: url(/resources/images/common/menu_arrow_down_b.svg) no-repeat 100% 50%;}
/* 추가 240908 finish */

.sub-compnay #header .gnb-wrap .gnb > li > a,
.sub-infrabusiness #header .gnb-wrap .gnb > li > a {color: #969696;}
.sub-servicenow #header .gnb-wrap .gnb > li > a,
.sub-consulting #header .gnb-wrap .gnb > li > a {color: #C8C8C8;}

.sub-compnay #header .gnb-wrap .gnb > li > a:hover {color: #323232;}
.sub-infrabusiness #header .gnb-wrap .gnb > li.service-now > a:hover,
.sub-compnay #header .gnb-wrap .gnb > li.service-now > a:hover {color: #00f031;}

.sub-servicenow #header .gnb-wrap .gnb > li > a:hover,
.sub-consulting #header .gnb-wrap .gnb > li > a:hover {color: #fff;}
.sub-servicenow #header .gnb-wrap .gnb > li.service-now > a:hover,
.sub-consulting #header .gnb-wrap .gnb > li.service-now > a:hover {color: #00f031;}

.sub-infrabusiness #header .gnb-wrap .gnb > li > a:hover {color: #fff;}
.sub-infrabusiness.etc-sub #header .gnb-wrap .gnb > li > a:hover {color: #323232;}
.sub-infrabusiness #header .gnb-wrap .gnb > li.service-now > a:hover {color: #00f031;}

.sub-compnay #header .gnb-wrap .gnb > li > a.active {color: #323232;}
.sub-infrabusiness #header .gnb-wrap .gnb > li > a.active {color: #fff;}
.sub-infrabusiness.etc-sub #header .gnb-wrap .gnb > li > a.active {color: #323232;}
.sub-consulting #header .gnb-wrap .gnb > li > a.active {color: #fff;}
.sub-servicenow #header .gnb-wrap .gnb > li > a.active {color: #00f031;}

.sub-servicenow #header.active .gnb-wrap .gnb > li > a:hover,
.sub-servicenow #header.active .gnb-wrap .gnb > li > a.active {color: #323232;}
.sub-servicenow #header.active .gnb-wrap .gnb > li.service-now > a.active {color: #00f031;}

.sub-infrabusiness #header.active .gnb-wrap .gnb > li > a:hover,
.sub-infrabusiness #header.active .gnb-wrap .gnb > li > a.active {color: #323232;}
.sub-infrabusiness #header.active .gnb-wrap .gnb > li.service-now > a:hover {color: #00f031;}

.sub-consulting #header.active .gnb-wrap .gnb > li > a.active {color: #323232;}
.sub-consulting #header.active .gnb-wrap .gnb > li > a:hover {color: #323232;}
.sub-consulting #header.active .gnb-wrap .gnb > li.service-now > a:hover {color: #00f031;}

@media (max-width: 1610px) {
    #header .gnb-wrap .gnb {gap: 35px;}
    #header .header-wrap {padding: 10px 7vw;}
}
@media (max-width: 1440px) {
    #header .gnb-wrap .gnb > li a {font-size: 16px;}
    #header .logo-wrap {min-width: 140px;}
}
@media (max-width: 1180px) {
    .logo-w {display: none;}

    #header h1 {display: none;}

    #header .gnb-wrap {display: none;}

    #header .only-mo {display: block;}

    #header .header-wrap {display: none;}

    #header .mobile-top {position: relative; padding: 30px 50px 10px 50px; display: flex; justify-content: space-between; align-items: center; height: 70px;}
    #header .mobile-top {top: 0.3rem;}
    #header .mobile-top.active {top: 0;}
    #header .mobile-top .mo-logo {background: url(/resources/images/common/axis_logo_w.png) no-repeat center; width: 107px; height: 36px; background-size: contain;}
    #header .mobile-top .mo-logo.active {background: url(/resources/images/common/axis_logo.png) no-repeat center; width: 107px; height: 36px; background-size: contain;}
    #header .mobile-top span {display: none;}
    #header .mobile-top button {background: url(/resources/images/common/mobile_btn_w.png) no-repeat center; width: 25px; height: 25px;}
    #header .mobile-top button.active {background: url(/resources/images/common/mobile_btn.png) no-repeat center; width: 25px; height: 25px;}

    #header .mo-menu {display: flex; flex-direction: column; gap: 24px;}
    #header .mo-menu-container {padding: 123px 30px 80px; position: absolute; top: 0; right: 0; width: 273px; height: 100vh; border-radius: 20px 0 0 20px; background-color: #fff; overflow: hidden; overflow-y: scroll; z-index: 9999; transform: translateX(275px); transition: all .3s ease-in;}
    #header .mo-menu-container.active {transform: translateX(0);}
    #header .mo-menu-container button {position: absolute; top: 33px; right: 24px;}
    #header .mo-menu li.open img {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

    #header .mo-menu .depth1 ul {display: flex; justify-content: space-between;}
    #header .mo-menu .depth1 ul {font-size: 20px; font-weight: 600; line-height: 26px; letter-spacing: -0.03em; color: #323232;}
    #header .mo-menu .depth1 ul[data-depth='Y']::after {content: ''; width: 13px; height: 7px; background: url('/resources/images/main/menu-arrow-icon.svg') no-repeat; transform: translateY(-50%); transition: all 0.15s ease-in-out; margin-top: 12px;}
    #header .mo-menu .depth1 ul.open[data-depth='Y']::after {transform: translateY(-50%) rotate(180deg);}

    #header .mo-menu .depth2 {display: none;}
    #header .mo-menu .depth2 ul {margin-top: 24px; padding-left: 15px}
    #header .mo-menu .depth2 ul {margin-top: 0;}
    #header .mo-menu .depth2 ul li {margin-top: 10px;}
    #header .mo-menu .depth2 ul li:nth-child(1) {margin-top: 0;}
    #header .mo-menu .depth2 ul li a {font-size: 15px; font-weight: 500; line-height: 32px; letter-spacing: -0.03em; color: #969696; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
    #header .mo-menu .depth2 ul li a.active {color: #323232;}

    .background-b {position: absolute; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.5); top:0; left: 0; z-index: 1; display : none; pointer-events: auto; transition: all 0.3s;}
    .background-b.active {display: block; transition: all 0.3s;}
}

@media (max-width: 767px) {
    #header .mobile-top {padding: 30px 16px 10px 24px;}
}

/* footer */
.footer {background-color: #fff; position: relative;}
.footer .footer-inner {padding: 30px 10.42vw; max-width: 1920px; margin: 0 auto;}
.footer .footer-top {display: flex; justify-content: space-between;}
.footer .footer-top a img:last-child {margin-left:40px;}
.footer .family-select {padding: 12px 30px; border: 1px solid var(--Gray-500, #969696);}
.footer .footer-contact-link {margin-top: 50px; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .contact-wrap {display: flex; gap: 60px;}
.footer .contact {font-size: 13px; letter-spacing: -0.03em; color: #4B4B4B;}
.footer .contact .location {font-weight: 700;}
.footer .contact .location-detail {font-weight: 500;}
.footer .footer-contact-link .link-wrap {display: flex; flex-direction: column; gap: 10px; padding-right: 44px;}
.footer .footer-contact-link .link a {display: flex; gap: 5px; cursor: pointer;}
.footer .footer-contact-link .link-title {font-size: 16px;}
.footer .footer-contact-link .link img {width: 16px; object-fit: contain;}
.footer .footer-bottom {margin-top: 60px; display: flex; justify-content: space-between;}
.footer .footer-bottom .privacy-list {display: flex; gap: 20px; font-size: 13px; font-weight: 500; letter-spacing: -0.39px; color: #4B4B4B;}
.footer .footer-bottom .copy {font-size: 13px; font-weight: 500; letter-spacing: -0.39px; color: #AFAFAF;}

.footer .family-site {position: relative;}
.footer .family-site .family-list {display: none; position: absolute; left: 0; right: 0; top: auto; bottom: auto; background-color: #fff; text-align: left; padding: 10px 0px; height: 100%; overflow: auto; border: 1px solid #e2e2e2;}
.footer .family-site.active .family-list {display: block; height: 100px;}
.footer .family-site .family-list li a { font-size: 12px; display: block; overflow: hidden; color: #969696; line-height: 20px; padding: 10px 15px;}
.footer .family-site .family-list li a:hover {background: #F1F6FF; color: #323232;}
.footer .family-site button svg {margin-left: 8px;}

@media (max-width: 1440px) {
    .inner {width: 100%; padding: 0 7vw;}
    .footer .footer-inner {width: 100%; padding: 30px 7vw;}
}
@media (max-width: 1024px) {
    .footer .contact-wrap {flex-direction: column; gap: 16px;}
    .footer .contact .location-detail {display: flex; gap: 10px;}
    .footer .footer-contact-link {margin-top: 30px;}
    .footer .footer-bottom .privacy-list {font-size: 11px;}
    .footer .footer-bottom .copy {font-size: 10px;}
}
@media (max-width: 767px) {
    .only-pc {display: none;}
    .inner {width: 100%; padding: 0 24px;}
    .footer .footer-inner {padding: 30px 6.67vw;}
    .footer .contact {font-size: 12px;}
    .footer .footer-contact-link {flex-direction: column;}
    .footer .footer-contact-link .link-wrap {margin-top: 40px; flex-direction: row; gap: 15px;}
    .footer .footer-top > img {width: 112px; height: 32px;}
    .footer .family-site {position: absolute; top: 38px; right: 6.67vw;}
    .footer .family-select {padding: 10px 38px; font-size: 13px;}
    .footer .footer-contact-link .link-title {font-size: 13px;}
    .footer .footer-contact-link .link img {width: 12px;}
    .footer .footer-bottom {margin-top: 20px; flex-direction: column; gap: 20px;}
}
@media (max-width: 430px) {
    .footer .footer-top {justify-content: center;align-items: center;flex-direction: column;gap: 12px;}
    .footer .footer-top a img:first-child { height:40px;}
    .footer .footer-top a img:last-child {margin-left:0; height:40px !important;}
    .footer .footer-contact-link {margin-top: 40px;}
    .footer .family-site {margin: 0;width: 250px;height: 36px;top: unset;left: unset;right: unset;/* transform: translateX(-50%); */position: relative;}
}

.footersub .inner {padding-bottom: 334px;}
.footersub .footersub-title {padding: 300px 0 200px;}
.footersub .inner.linkedin-inner {padding-bottom:200px;}
.footersub .footersub-title.linkedin {padding: 200px 0 200px;}
.footersub .footersub-title p {text-align: center; font-size: 48px; font-weight: 700; line-height: 68px; color: #323232;}
.footersub .footersub-article {margin-top: 80px;}
.footersub .footersub-article-first {margin-top: 0; margin-bottom: 100px;}
.footersub .footersub-article .heading {margin-bottom: 40px; font-size: 32px; font-weight: 700; line-height: 48px; letter-spacing: -0.03em; color: #323232;}
.footersub .footersub-article .subheading {font-size: 28px; font-weight: 600; line-height: 42px; letter-spacing: -0.03em; color: #323232; margin-bottom: 20px;}
.footersub .footersub-article .sub-subheading {font-size: 24px; font-weight: 500; line-height: 36px; letter-spacing: -0.03em; color: #323232; font-weight: bold; margin-bottom: 15px;}
.footersub .footersub-article .detail {font-size: 24px; font-weight: 500; line-height: 36px; letter-spacing: -0.03em; color: #4B4B4B;}
.styled-table {width: 100%; border-collapse: collapse; margin: 25px 0; font-size: 24px; text-align: left; color: #4B4B4B;}
.styled-table thead tr {background-color: #f2f2f2; color: #323232; text-align: left; font-weight: bold;}
.styled-table th, .styled-table td {padding: 12px 15px;}
.styled-table tbody tr {border-bottom: 1px solid #dddddd;}
.styled-table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
.footersub .detail-box {margin-top: 40px; padding: 40px; font-size: 24px; font-weight: 500; line-height: 40px; letter-spacing: -0.03em; color: #4B4B4B; background-color: #F7F7F7;}
.footersub .detail-box .depth2 {padding-left: 30px;}
.footersub .detail-box .list-style li {margin-left: 30px; list-style-type: disc;}
.footersub .detail-box .margin {margin-top: 30px;}
.footersub .detail-box p span {padding-left: 20px;}

.lang-select {display: flex; justify-content: space-between; width: 100%; justify-content: flex-end; padding: 50px 50px; align-items: center; height: 80px; position: relative; overflow: hidden;}
.lang-select > a {display: block; width: 30px; height: 30px; background: url(/resources/images/common/lang_icon.png) no-repeat center; background-size: 100%; background-position: right center;}
.lang-select .lang-list {overflow: hidden; position: absolute; top: calc(100% - 1px); right: 30px; z-index: -1; width: 68px; padding: 23px 0; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; opacity: 0; transform-origin: 50% 0; transform: translateY(-21px); transition: all 0.2s ease, opacity 0.15s ease-out;}
.lang-select .lang-list li {text-align: center;}
.lang-select .lang-list li:first-child {margin-bottom: 19px;}
.lang-select .lang-list li a {font-size: 15px; font-weight: 500; display: inline-block; color: #555555;}
.lang-select .lang-list li.active a {color: #0fb5df; position: relative;}
.lang-select .lang-list li.active a:after {position: absolute; content: ""; bottom: -1px; left: 0px; width: 100%; height: 1px; background: #009cb3;}
.lang-select::after {right: 12px; width: 7px; height: 7px; margin-top: -6px;}
.lang-select.up .lang-list {top: auto; bottom: calc(100% - 1px); transform-origin: 0 100%; transform: translateY(21px); padding-bottom: 10px;}
.lang-select.active {overflow: visible;}
.lang-select.active::after {transform: rotate(-135deg);}
.lang-select.active .lang-list {opacity: 1; z-index: 3;  transform: translateY(0);}

@media (max-width: 767px) {
    .footersub .inner {padding-bottom: 245px;}
    .footersub .footersub-title {padding: 200px 0 80px;}
    .footersub .inner.linkedin-inner {padding-bottom:130px;}
    .footersub .footersub-title.linkedin {padding: 120px 0 80px;}
    .footersub .footersub-title p {font-size: 28px;}
    .footersub .footersub-article .heading {margin-bottom: 20px; font-size: 20px; line-height: 32px}
    .footersub .footersub-article .subheading {font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 15px;}
    .footersub .footersub-article .sub-subheading {font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 10px;}
    .footersub .footersub-article .detail {font-size: 14px; line-height: 26px;}
    .styled-table {font-size: 14px;}
    .footersub .detail-box {margin-top: 20px; padding: 20px; font-size: 14px; line-height: 26px;}
    .footersub .footersub-article-first {margin-bottom: 80px;}
}

.btn-top {position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; z-index: 100; transition: all 0.3s;}
.btn-customer {position: fixed; bottom: 90px; right: 30px; width: 60px; height: 60px; z-index: 100; transition: all 0.3s;}
.btn-customer:hover::before {position: absolute; content: "고객문의"; top: 50%; left: -55px; transform: translateY(-50%); font-size: 16px; font-weight: 500; color: #1E66D2;}

@media (max-width: 767px) {
    .btn-top {width: 50px; height: 50px; right: 20px;}
    .btn-customer {width: 50px; height: 50px; bottom: 80px; right: 20px;}
}





.wrap-layer.main-popup { display: none; overflow: hidden; position: fixed; top: 40%; left: 50%; transform:translate(-50%,-50%); /*width: 800px; height: 640px; */z-index: 20; }
.wrap-layer.main-popup .document-layer { overflow: hidden; position: relative; max-height: 800px !important; max-height: 640px !important;  padding: 0 !important; }
.wrap-layer.main-popup .document-layer img {width:100%; height:auto}
.wrap-layer.main-popup .swiper-wrapper { padding-bottom: 0; }
.wrap-layer.main-popup .btn-close { margin-left:15px; margin-top:-3px; /*position: absolute; top: 15px; right: 15px;*/ z-index: 10; }
.wrap-layer.main-popup .bottom { padding: 10px; background-color: #ffffff; text-align: right; display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: nowrap; /*width: calc(100% - 20px);*/ }
.wrap-layer.main-popup .swiper-pagination { display: inline-block; position: absolute; right: 10px; left: auto; bottom: 10px; width: auto; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.5); font-size: 12px; }
.wrap-layer.main-popup .swiper-pagination .swiper-pagination-current { color: #ffffff; font-weight: 700; }

#mainPopup {border: solid 3px #000; left: 95%; transform: translate(-110%, -50%);  display:block; min-width: 487px; }  /*width:46%;*/ /*height:685px;*/
@media (max-width: 767px) {
    .wrap-layer.main-popup {width:100%;}
    #mainPopup {border: solid 3px #000;top:50%; left: 5%; right: 5%; bottom:auto;  transform: translate(0%, -40%);  display:block;width:80% !important; min-width: calc(80% - 6px); /*height: 500px  !important;*/ z-index: 110;}
}
@media (max-width: 1024px) { .wrap-layer.main-popup { height: auto !important; } }

/* 2024-12-09 수집이용동의 수정*/
.agreement-wrap {border:1px solid #cccccc; padding:24px 24px; border-radius:6px;}
.agreement-wrap .important-text {color: #e75573; font-size: 12px; font-weight: 600; margin-left: 0px; }
.agreement-wrap .consent-box {width: 100%; border-radius: 8px; padding: 12px 15px; background:#f8f8f8}

.agreement-wrap .form-group-consent-all-wrap {display: flex; justify-content: center; margin-bottom: 20px;}
.agreement-wrap .form-group-consent-all-wrap .chk-box {font-size: 16px;font-weight: 600; color: #333; display: flex;align-items: center;}
.agreement-wrap .form-group-consent-all-wrap .chk-box input {margin-right: 10px;}
.agreement-wrap .form-group-consent-all-wrap .chk-box .on {display: inline-block; width: 18px; height: 18px; margin-right: 8px; border: 1px solid #ccc; border-radius: 2px; vertical-align: middle;}
.agreement-wrap .form-group-consent-all-wrap .chk-box input:checked + .on {background-color: #007BFF; border-color: #007BFF;}

.agreement-wrap .privacy-wrap .chk-box {display:flex; gap:4px; text-align:left; align-items:center;}

.agreement-wrap .form-group-wrap {display: flex;justify-content:space-between;margin-top:15px;align-items: center;}
.agreement-wrap .form-wrap {margin-top: 15px;}
.agreement-wrap .btn-toggle::after {content:'';display:inline-block;width: 16px;height: 16px;background:url('/resources/images/common/menu_arrow_down.svg') center center no-repeat;transform:rotate(180deg);transition: ease 0.5s;}
.agreement-wrap .active .btn-toggle::after {transform:rotate(0deg)}
.agreement-wrap .agreement-title-text {font-size:15px;}

.agreement-wrap .view-fulltext,
.agreement-wrap .view-fulltext-policy,
.agreement-wrap .view-fulltext-marketing,
.agreement-wrap .view-fulltext-ad {display: none;width: 100%;margin-top: 15px;padding: 20px;font-size: 14px;font-weight: 400;line-height: 20px;border-radius: 10px;background-color: #F7F7F7;transition: ease 0.5s;}

.agreement-wrap .view-fulltext-policy p,
.agreement-wrap .view-fulltext p,
.agreement-wrap .view-fulltext-ad p,
.agreement-wrap .view-fulltext-marketing p {word-break: break-all;}

.agreement-wrap .view-fulltext-policy p .em,
.agreement-wrap .view-fulltext p .em,
.agreement-wrap .view-fulltext-marketing p .em,
.agreement-wrap .view-fulltext-ad p .em {font-weight: 600;}

@media (max-width: 767px) {
    .agreement-wrap {padding: 12px 12px;}
    .agreement-wrap .consent-box {padding:12px 8px}
    .agreement-wrap .privacy-wrap .chk-box {display:flex; gap:4px; text-align:left; font-size: 14px; align-items:center;}
    .agreement-wrap .form-wrap .chk-box {display:flex;gap:4px;font-size: 13px;align-items: center;}
    .agreement-wrap .form-wrap .form-group-wrap {display:flex;flex-direction:row;align-items:center;justify-content: space-between;}
    .agreement-wrap .form-wrap .on {width:20px; margin:0;}
    .agreement-wrap .important-text {font-size:10px;}
    .agreement-wrap .agreement-title-text {width:calc(100% - 20px);font-size: 13px;}
}