.bottom_inquiry .logo img {height:auto;} @media (max-width: 1200px) { .header-part.hp .navbar-part, .header-part.hp .header-logo {display:none;} .header-part.hp .header-media-group {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;} } /*추가*/ :root { --fsize48 : 48px; --fsize46 : 46px; --fsize44 : 44px; --fsize42 : 42px; --fsize40 : 40px; --fsize38 : 38px; --fsize36 : 36px; --fsize34 : 34px; --fsize32 : 32px; --fsize30 : 30px; --fsize28 : 28px; --fsize26 : 26px; --fsize24 : 24px; --fsize22 : 22px; --fsize20 : 20px; } @font-face { font-family: 'Wanted Sans Variable'; src: url('/themes/aegisx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2-variations'), url('/themes/aegisx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2'); font-weight: 100 900; /* variable weight 범위 */ font-style: normal; font-display: swap; /* 폰트 로딩될 때 FOUT 최소화 */ } @font-face { font-family: 'Ria'; src: url('/themes/aegisx/pro/resources/fonts/ria/RiaSans-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { font-family: 'Ria'; src: url('/themes/aegisx/pro/resources/fonts/ria/RiaSans-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Ria'; src: url('/themes/aegisx/pro/resources/fonts/ria/RiaSans-ExtraBold.woff2') format('woff2'); font-weight: 900; font-display: swap; } @font-face { font-family: 'Paperozi'; src: url('/themes/aegisx/pro/resources/fonts/paperlogy/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } html, body {font-family: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing:-1px;} .float_bnr > div strong {font-size:var(--fsize20); font-weight:700;} .header-top {min-height:32px; height:auto; padding:6px var(--gutter-x); background:#fff;} .header-top .container {height:100%; padding:0;} .header-top .row {flex-wrap:wrap; column-gap:10px; row-gap:0px;} .header-top .row > div {height:auto;} .header-top-list {flex-wrap:wrap; row-gap: 0; column-gap:4px; margin-top:0;} .header-part.hp .navbar-item {height:auto;} .header-top-list li a {display:flex; align-items:center; justify-content:center; min-height:26px; padding:4px 12px; background:#5F79B2; border-radius:5px; color:#fff; font-size:15px; font-weight:500px; line-height:1; } .header-top-list li a:hover, .header-top-list li a.active {background:#072B79; color:#fff;} .header-top-list li:last-child a {background:#E0961F;} .header-top-select {display:none;} .header-top .col-md-7 {display:none;} .header-top .row {justify-content: flex-end;} .header-part.hp .header-content {height:82px;} .navbar-part .navbar-item > .navbar-link {font-size:var(--fsize20); font-weight:500;} .header-logo {margin-right:70px;} .hpdemo .backtop {flex-direction: column; width: auto; height: auto; padding:22px 20px 14px; border-radius: 10px; background: #951010; font-size:18px; line-height: inherit;} .hpdemo .backtop strong {display:block; color:#fff900;} .hpdemo .backtop span {position: absolute; top: -12px; display: flex; align-items: center; justify-content: center; width:28px; height:28px; background: #ed7913; border-radius: 100%;} .hpdemo .backtop svg {width:20px; height:20px;} .mob_only {display:none;} /*============================== 메인페이지 ==============================*/ .anchor {display:block; height:70px; margin-top:-70px; padding:0; font-size:0; line-height:0;} .anchor.mt20 {height:90px; margin-top:-90px; } .main .inner-section {margin-bottom:0; padding:120px 0; text-align:center;} .mainvisual_wrap {position:relative;} /*왼쪽 떠다니는 배너*/ /*.mfloting_r {position:absolute; top:120px; left: 66px; display:flex; flex-direction:column; gap:20px; z-index:2; animation: floatUpDown 2s ease-in-out infinite;} .mfloting_r .bnr {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:120px; height:120px; background: rgba(3, 13, 43, 0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius:100px; font-size:1rem; font-weight:500; color:#fff; text-align:center; z} .mfloting_r .bnr:nth-child(even) {box-shadow:-6px -6px 0 rgba(255, 255, 255, 0.1);} .mfloting_r .bnr:nth-child(odd) {box-shadow:6px 6px 0 rgba(255, 255, 255, 0.1);} .mfloting_r .bnr:first-child {border:1px solid #F4F424;} .mfloting_r .bnr:nth-child(2) {border:1px solid #c8ff73;} .mfloting_r .bnr:nth-child(3) {border:1px solid #24F4CA;} .mfloting_r .bnr:last-child {border:1px solid #1AEAF9;} .mfloting_r .bnr:first-child strong {color:#F8E626;} .mfloting_r .bnr:nth-child(2) strong {color:#c8ff73;} .mfloting_r .bnr:nth-child(3) strong {color:#1AF9D4;} .mfloting_r .bnr:last-child strong {color:#1AEAF9;} .mfloting_r .desc:after {content:""; display:block; width:20px; height:1px; margin:0 auto; margin-top:6px; background:#fff; opacity:0.8} */ .mfloting_r {position:absolute; top:120px; left: 66px; display:flex; flex-direction:column; gap:4px; z-index:2; animation: floatUpDown 2s ease-in-out infinite;} .mfloting_r .bnr {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:110px; height:110px; background:#0a2735; border-radius:20px; font-size:1rem; font-weight:500; color:#fff; text-align:center;} .mfloting_r .bnr:first-child {border:2px solid #F4F424;} .mfloting_r .bnr:nth-child(2) {border:2px solid #c8ff73;} .mfloting_r .bnr:nth-child(3) {border:2px solid #24F4CA;} .mfloting_r .bnr:last-child {border:2px solid #1AEAF9;} .mfloting_r .bnr:first-child strong {color:#F8E626;} .mfloting_r .bnr:nth-child(2) strong {color:#c8ff73;} .mfloting_r .bnr:nth-child(3) strong {color:#1AF9D4;} .mfloting_r .bnr:last-child strong {color:#1AEAF9;} .mfloting_r .desc:after {content:""; display:block; width:20px; height:1px; margin:0 auto; margin-top:6px; background:#fff; opacity:0.8} @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } /*메인이미지*/ .main_visual {position:relative; height:calc(100vh - 130px); margin-bottom:0; background:#020016; color:#fff;} .main_visual:before {position:absolute; top:0; left:0; z-index:2; display:none; content:""; width:100%; height:160px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));} .main_visual .img_slides {height:100%;} .main_visual .img_slides .swiper-slide {background-repeat:no-repeat; bacground-postion:top right 0;} .main_visual .bg_img {position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:-1;} .main_visual picture {display:block; width: 100%; height:100%;} .main_visual source {display: block; width: 100%; height:auto; } .main_visual .bg_img img {width:100%;} .swiper-button-next:after, .swiper-button-prev:after {content:url(/themes/aegisx/pro/resources/images/arrow_wh.webp)!important;} .swiper-button-prev:after {transform:rotate(180deg);} .main_visual .img_slides .swiper-slide {background-size:cover!important;} .main_visual .text_wrap {width:auto; text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);} .main_visual .img_slides strong {line-height:1.1;} .main_visual .img_slides .slide1 {background:#cce6fa;} .main_visual .img_slides .slide1 strong {line-height:1.05;} .main_visual .img_slides .slide2 {background:#011d50;} .main_visual .img_slides .slide3 {background:#010a2a;} .main_visual .img_slides .outer {display: flex; align-items: center; width:100%; max-width:var(--conts-w); height: 100%; margin:0 auto; transform:translateY(-60px);} .main_visual .img_slides h1 {margin-bottom:10px; font-size:35px; font-weight:500; line-height: 1.2;} .main_visual .img_slides h1 strong {display:block; margin-top:30px; margin-bottom:30px; font-weight:700; font-family: 'Ria'; font-size:88px;} .main_visual .img_slides small {font-size:18px; font-weight:500;} .main_visual .thumb_slides {position:relative; bottom:176px; left:0px; width:100%; max-width:var(--conts-w); font-size:var(--fsize20);} .main_visual .thumb_slides .swiper-wrapper {display:flex; gap:1%;} .main_visual .thumb_slides .swiper-slide {width:auto; min-width:328px; padding:10px 5px; border-top:1px solid #e5e7e7; text-align:left; cursor:pointer; opacity:0.6;} .main_visual .thumb_slides .swiper-slide-thumb-active {opacity:1;} .main_visual .thumb_slides dt span {display:block; margin-bottom:10px; font-size:var(--fsize14); font-weight:400;} .main_visual .thumb_slides dt {margin-bottom:6px; font-size:var(--fsize20); font-weight:700;} .main_visual .thumb_slides dd {font-size:1rem; font-weight:400;} .main_visual:has(.img_slides .slide1.swiper-slide-active) .thumb_slides dt, .main_visual:has(.img_slides .slide1.swiper-slide-active) .thumb_slides dt span {color: #2b3a4f;} .main_visual:has(.img_slides .slide1.swiper-slide-active) .thumb_slides dd font {color:#750707;} /* 텍스트 영역 */ .main_visual .slide1 {background:#ddedfc;} .main_visual .slide1 .text_wrap {width: 65%; max-width: 850px; text-shadow:none;} .main_visual .slide1 .top_badges {display: flex; align-items: center; gap:20px; margin-bottom: 22px; color: #143f77; font-size: clamp(16px, 2.5vw, 40px); font-weight: 700;} .main_visual .slide1 .top_badges span {position:relative;} .main_visual .slide1 .top_badges span:before {position:absolute; top:50%; left:-12px; transform:translateY(-50%); content:""; display:block; width:1px; height:22px; background:#afbed3;} .main_visual .slide1 .hero_title {color: #0a2549; font-size: clamp(20px, 1.8vw, 28px); font-weight: 700; line-height: 1.5; word-break: keep-all;} .main_visual .slide1 .hero_title > img {display: block; width: clamp(250px, 36vw, 578px); max-width: 100%; height: auto; margin-bottom:12px;} .main_visual .slide1 .hero_title span {display:block; font-size:clamp(24px, 2.5vw, 32px); font-weight:700;} .main_visual .slide1 .hero_title strong {display:inline-block; margin:0; color: #ed5009; font-weight: 800; font-size:clamp(28px, 2.5vw, 44px)} .main_visual .slide1 .btm_info {display: flex; align-items: center; gap: 5px; margin: 18px 0 0; padding: 0; list-style: none;} .main_visual .slide1 .btm_info li {display: flex; align-items: center; justify-content: center; gap:20px; min-width: 0; padding: 10px 16px; border-radius: 9px; background: #941ec3; color: #fff; font-size: clamp(16px, 1.15vw, 20px); font-weight: 700; line-height: 1.3; white-space: nowrap; box-sizing: border-box;} .main_visual .slide1 .btm_info li:nth-child(2) {background: #263bc4;} .main_visual .slide1 .btm_info li:nth-child(3) {background: #008b8e;} .main_visual .slide1 .btm_info li i {flex-shrink: 0; color: #ffdf35; font-size:30px;} .main_visual .slide1 .btm_info .txt {position:relative;} .main_visual .slide1 .btm_info .txt:before {position:absolute; top:50%; left:-10px; transform:translateY(-50%); content:""; display:block; width:1px; height:22px; background:rgba(255, 255, 255, 0.5);} .main_visual .slide1 .btm_info .txt strong {color: #ffdf35; font-weight: 800; font-size: clamp(16px, 1.15vw, 22px);} .main_visual .bg_img img {height:100%;} /* PC에서 배경의 인물과 텍스트가 겹치지 않도록 */ @media (min-width: 1400px) { .main_visual .slide1 .text_wrap { width: 70%; } } /*메인 컨텐츠*/ .main .inner-section {overflow-x:hidden;} .main .conts_wrap {max-width:1600px;} .main .swiper-pagination-bullet {width:14px; height:14px; transition: all 0.3s ease-out;} .main .swiper-pagination-bullet-active {width:60px; background:#008b7f/*#37A13A*/!important; border-radius:10px;} .m_tit {position:relative; margin-bottom:100px;} .m_tit h2 {font-size:64px; color:var(--black); font-weight:700; font-size:64px; } .m_tit > span {display:block; margin-bottom:20px; color:#008b7f/*#16AD78*/; font-size:var(--fsize24); font-weight:700;} .m_tit .headline {margin-top:40px; font-size:28px; color:#636363;} .m_sec1 ul {display:flex; gap:1px; border-radius:30px; overflow:hidden;} .m_sec1 ul:first-of-type {margin-bottom:1px;} .m_sec1 li {width:calc(50% - 1px); background-size:cover!important;} .m_sec1 ul:first-of-type li:first-child {background:url(/themes/aegisx/pro/resources/images/msec1_img1.webp) no-repeat;} .m_sec1 ul:first-of-type li:last-child {background:url(/themes/aegisx/pro/resources/images/msec1_img2.webp) no-repeat;} .m_sec1 ul:last-of-type li:first-child {background:url(/themes/aegisx/pro/resources/images/msec1_img3.webp) no-repeat;} .m_sec1 ul:last-of-type li:last-child {background:url(/themes/aegisx/pro/resources/images/msec1_img4.webp) no-repeat;} .m_sec1 .box_wrap {position:relative; width:100%; height:0; padding-top:64.58%; display: flex; align-items: flex-end; justify-content: flex-end;} .m_sec1 .box_wrap > div {position:absolute; bottom:0; left:0; display: flex; align-items:flex-start; justify-content: flex-end; gap:30px; width:100%; padding: 50px 60px; color: #fff; font-size:var(--fsize32); font-weight:500; text-align:left;} .m_sec1 .box_wrap > div strong {font-size:var(--fsize40); font-weight:700;} .m_sec1 li .box_wrap span {display:block; max-width:438px; min-height:134px; font-weight:400;} .m_sec1 li .box_wrap img {padding-top:20px;} .m_sec1 .txt {margin-top:80px; margin-left: 10px; font-size: var(--fsize24); color: #121212; text-align: left;} .m_sec1 .txt h2 {display:flex; flex-direction:column; align-items:center; margin-bottom:40px; font-weight:700; color:#var(--black); font-size:46px;} .m_sec1 .txt ul {border:1px solid #ddd; border-radius:30px;} .m_sec1 .txt li {display:flex; flex-direction:column; align-items:center; width:33.33%; padding:40px 30px; background:none!important; border-right:1px solid #ddd; font-weight:500px;} .m_sec1 .txt li:last-child {border-right:none;} .m_sec1 .txt li img {margin-bottom:20px;} .m_sec1 .txt li strong {color:#975807;} .m_sec2 {background:#f6f6f6;} .m_sec2 .m_tit div {font-size:46px; font-weight:500; color:var(--black);} .m_sec2 .m_tit strong {position:relative; display:inline-block; font-size:80px; font-weight:700; z-index:1; box-shadow:inset 0 -21px 0 #E6D623;} .m_sec2 .m_tit strong:after {width:350px; height:30px; background:#E6D623; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;} .m_sec2 .conts_wrap {max-width:100%;} .m_sec2 .swiper {position: relative; width: 100%; overflow: hidden;} .m_sec2 .swiper-wrapper {height: fit-content; padding-bottom:70px;} .m_sec2 .swiper-slide {position: relative; height: fit-content; transform: scale(.84); overflow: hidden; border-radius:30px; overflow:hidden; cursor:pointer; box-shadow:0 0 8px rgba(0, 0, 0, 0.2);} .m_sec2 .swiper-slide-active {transform: scale(1); z-index: 10;} .m_sec2 .swiper-slide .img_wrap {position:relative; width:100%; height:0; padding-top:67.90%;} .m_sec2 .swiper-slide .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} .m_sec2 .txt_wrap {position:absolute; bottom:30px; right:30px; display:flex; flex-direction:column; min-width:320px; padding:20px; background:#fff; border-radius:30px; font-size:var(--fsize22); color:#58961E; font-weight:400; text-align:left;} .m_sec2 .txt_wrap strong {display:block; margin-bottom:20px; font-size:var(--fsize40); color:var(--black); font-weight:700;} .m_sec2 .txt_wrap a {display:flex; align-items:center; gap:10px; font-size:18px; color:#525252; font-weight:400;} .m_sec2 .txt_wrap a:after {display:block; content:url(/themes/aegisx/pro/resources/images/msec2_arrow.webp);} .m_sec2 .img_wrap:after {content:""; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.06); position:absolute; top:0; left:0;} .popup_branch .modal-header {position:absolute; top:0; right:0; border-bottom:none; z-index:10;} .popup_branch .modal-body > div {display:flex; gap:40px;} .popup_branch .modal-body .img_wrap {width:55%;} .popup_branch .modal-body .img_wrap img {width:100%;} .popup_branch .modal-body .txt_wrap {margin-top:60px;} .popup_branch .modal-body .txt_wrap dt {margin-bottom:10px; font-size:32px; color:var(--black);} .popup_branch .modal-body .txt_wrap dt span {display:block; font-size:var(--fsize24); color:#58961E;} .popup_branch .modal-body .txt_wrap .add {margin-bottom:30px;} .popup_branch .modal-body .txt_wrap dd {padding:10px 0; font-size:18px;} .popup_branch .modal-body .txt_wrap dd i {color:#c7c7c7; margin-right:14px;} .popup_branch .modal-body .txt_wrap .add i {color:var(--black);} .m_sec3 {background:#07988A url(/themes/aegisx/pro/resources/images/msec3_bg.webp) no-repeat; background-size:cover;} .m_sec3 .conts_wrap {display:flex; justify-content:space-between; gap:5%; text-align:left;} .m_sec3 .m_tit {width:30%; margin-top:30px; } .m_sec3 .m_tit h2 {margin-bottom:30px; font-weight:700; font-size:64px; color:#fff;} .m_sec3 .m_tit span {font-size:30px; color:#fff;} .m_sec3 .img_wrap {display:flex; gap:20px;} .m_sec3 .img_wrap img {width:100%; max-height:600px; border-radius:30px;} .counter-section {padding:44px 0; background:#006465;} .counter-section .con1 {color:#fff;} .counter-section .row > div:not(:first-child) {border-left: 1px solid rgba(255, 255, 255, 0.1);} .m_sec4 .conts_wrap {max-width:100%;} .m_sec4 .swiper-wrapper {height:fit-content; padding-bottom:70px;} .m_sec4 .swiper-slide {height:fit-content;} .m_sec4 .swiper-slide a {display:block; position:relative;} .m_sec4 .swiper-slide a span {position:absolute; bottom:10px; right:10px; display:block; padding:6px 10px; background:rgba(255, 255, 255, 0.6); border-radius:50px; color:#333; font-size:var(--fsize14);} .m_sec4 .swiper-slide a img {max-width:100%;} .m_sec5 {background:#f6f6f6;} .m_sec5 .m_tit {margin-bottom:80px;} .m_sec5 .m_tit h2 {position:relative;} .m_sec5 .m_tit h2:after {content:""; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); display:none; width:120px; height:4px; background:var(--black);} .m_sec5 .outer {display:flex; justify-content: center; align-items:center; margin:0 auto; padding:60px 11.25%; background:#113B8B; border-radius:500px; font-size:36px; color:#fff; font-weight:700; text-align:left; line-height:1.1;} .m_sec5 .outer strong {display:block; margin:30px 0; font-size:64px;} .m_sec5 .outer strong span {color:#D3FF0F; font-weight:900;} .m_sec5 .img_wrap {width:86%;} .m_sec5 .outer img {width:100%;} .m_sec5 .outer small {color:#D0D0D0; font-size:22px; font-weight:400;} .m_sec6 {background:url(/themes/aegisx/pro/resources/images/msec6_bg.webp) no-repeat; background-size:cover;} .m_sec6 ul {display:flex; justify-content:center; font-size:var(--fsize34); font-weight:700; color:#fff;} .m_sec6 li {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #fff; width:400px; height:400px; border-radius:100%;} .m_sec6 li:nth-of-type(2) {margin-left:-50px; margin-right:-50px;} .m_sec6 li img {margin-bottom:30px;} .m_sec6 li .bi {width:54px; height:54px; margin-bottom:30px;} .m_sec7 .m_tit strong {display:block; color:#008447; font-weight:700;} .m_sec7 .chart {padding:60px 30px; border:1px solid #ddd; border-radius:30px;} .m_sec7 .chart h3 {width:fit-content; margin:0 auto; margin-bottom:80px; padding:10px 60px; background:#C0E8D5; border-radius:500px; color:#1A2F25; font-size:var(--fsize26); font-weight:500;} .m_sec7 .chart img {max-width:100%;} .m_sec7 .chart > div {margin-top:40px; font-size:var(--fsize24); color:var(--black);} .m_sec7 .ph1 {margin-top:60px; font-size:var(--fsize24); color:var(--black);} .m_sec7 .ph1 strong {display:inline; box-shadow: inset 0 -20px 0 #B0F062; font-size:var(--fsize40); color:var(--black); } .m_sec7 .ph1 p:first-of-type {padding-top:20px;} .m_sec7 .diagram {display:flex; justify-content:center; align-items:center; gap:20px; margin-top:80px;} .m_sec7 .diagram > div {padding:20px 80px; border:2px solid #41B889; border-radius:500px; font-weight:700; color:#068652; font-size:30px;} .m_sec7 .diagram span {color:#98C5AB; font-size:100px; font-weight:100; font-family: 'Pretendard';} .m_sec8.inner-section {background:url(/themes/aegisx/pro/resources/images/msec8_bg.webp) no-repeat; background-size:cover;} .m_sec8 .headline {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-bottom:40px; font-size:42px; color:#fff;} .m_sec8 .headline > div {position:relative;} .m_sec8 .headline > div span {position:absolute; width:100%; top:-5px; left:0;} .m_sec8 .headline .dot {font-size:8px;} .m_sec8 .conts {display:flex; flex-direction:column; align-items:center; gap:20px; margin-bottom:90px; color:#fff; font-size:62px; font-weight:700;} .m_sec8 .conts strong {display:flex; align-items:center; justify-content:center; gap:6px; margin-bottom:40px; padding:20px 50px; background:#6AB221; border-radius:500px; color:#fff; font-weight:700; font-size:80px; } .m_sec8 .table-scroll {border-radius:30px;} .m_sec8 tr {border-bottom:1px solid #ccc;} .m_sec8 th {padding:30px!important; background:#02412D; border-right:1px solid #217C5F; color:#fff; font-size:var(--fsize24); font-weight:700;} .m_sec8 th:last-child {background:#6CA732;} .m_sec8 td {padding:30px!important; border-right:1px solid #ccc; font-size:var(--fsize24); font-weight:400;} .m_sec8 td:last-child {background:#E4F9CB; color:#E01717; font-weight:500;} .m_sec8 td:last-child strong {margin-right:4px; /*font-size:46px;*/ font-weight:700; vertical-align:sub;} .m_sec8 small {display:block; margin-top:30px; padding-left:10px; color:#E1E1E1; font-size:var(--fsize24); text-align:left;} @keyframes zoom-in { from { transform:translate3D(-50%, -50%, 0) scale(2.2); opacity: 0; } to { transform:translate3D(-50%, -50%, 0) scale(0.9); opacity: 1; } } .m_sec9.inner-section {padding:0; background:#fff/*006243*/;} .m_sec9 .conts_wrap {max-width:none; padding:180px 0; background:#EEECC1; border-top-left-radius:200px;} .m_sec9 .conts {display:flex; flex-direction:column; align-items:center; justfify-content:center; gap:40px; width:100%; max-width:1000px; margin:0 auto; padding:40px; border:2px dashed #679E3E; border-radius:30px; } .m_sec9 .conts h3 {color:#168707; font-size:var(--fsize40); font-weight:700;} .m_sec9 .conts span {font-size:var(--fsize20); color:#424242; font-weight:400;} .m_sec9 .conts img {max-width:100%;} .m_sec9.item_price .outer {display:flex; flex-wrap:wrap; gap:12px; width:100%; max-width:1600px; margin:0 auto; text-align:left;} .m_sec9.item_price dl {position:relative; display:flex; flex-direction:column; width:calc(25% - 9px); padding:24px 20px; background:#fff; border:1px solid #ddd; border-radius:var(--border-radius); box-shadow:0 0 6px rgba(0, 0, 0, 0.1);} .m_sec9.item_price dl:first-of-type {border:2px solid #f34c17;} .m_sec9.item_price .badge {position:absolute; top:10px; right:6px;} .m_sec9.item_price dt {color:#008b7f; font-weight:500;} .m_sec9.item_price dt strong {display:block; font-weight:700; color:#008b7f; font-size:var(--fsize22);} .m_sec9.item_price .pricing {margin-top:24px; padding-bottom:20px; border-bottom:1px solid #ebebeb; color:#787878;} .m_sec9.item_price .pricing strong {font-weight:700; color:#210d05; font-size:60px;} .m_sec9.item_price ul {flex-direction:column; margin-top:30px;} .m_sec9.item_price li {position:relative; padding-left:12px;margin-top:10px; font-size:var(--fsize18);} .m_sec9.item_price li:before {content:""; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:var(--txt-basic); border-radius:100%;} .m_sec9.item_price li:first-child {margin-top:0;} .m_sec9.item_price .btn_wrap {margin-top:auto; padding-top:40px;} .m_sec9.item_price button {width:100%; padding:16px 20px; background:#008b7f; border-radius:8px; color:#fff; font-weight:#700; font-size:var(--fsize18); text-align:center;} .m_sec9.item_price .spotlight {border:2px solid #1ba195; } .price_table .plans {gap:10px;} .price_table .plan {border:2px solid #7dc9c2!important;} .price_table .plan h2 {font-weight:700;} .price_table .plan h2.stand {color:#008b7f;} .m_sec10 {overflow:hidden;} .m_sec10 .additional {margin-top:20px; font-weight:500; font-size:var(--fsize30); color:#666;} .m_sec10 .conts {display:flex; flex-wrap:wrap; gap:20px;} .m_sec10 dl {width:calc(33.33% - 20px); padding:80px 30px; border-radius:30px; color:#fff; } .m_sec10 dl:nth-child(4n-3) {background:#046757;} .m_sec10 dl:nth-child(4n-2) {background:#6f8729;} .m_sec10 dl:nth-child(4n-1) {background:#0D38A4;} .m_sec10 dl:nth-child(4n) {background:#998127;} .m_sec10 dt {display:flex; flex-direction:column; align-items:center; gap:20px; font-size:var(--fsize46); font-weight:700;} .m_sec10 dt:after {content:""; width:90px; height:5px; background:rgba(255, 255, 255, 0.5);} .m_sec10 .num {display:flex; align-items:center; justify-content:center; width:60px; height:60px; background:#fff; border-radius:100%; font-weight:700; font-size:var(--fsize28);} .m_sec10 dl:nth-child(4n-3) .num {color:#036253;} .m_sec10 dl:nth-child(4n-2) .num {color:#6f8729;} .m_sec10 dl:nth-child(4n-1) .num {color:#0C349A;} .m_sec10 dl:nth-child(4n) .num {color:#998127;} .m_sec10 dd {display:block; margin-top:40px; font-size:var(--fsize30); font-weight:500; line-height:1.4;} .m_sec10 dd strong {display:block; font-weight:700;} .m_sec10 dd strong span {font-size:var(--fsize48);} .m_sec10 dl:first-child dd strong {color:#F0F032;} .m_sec10 dl:last-child dd strong {color:#FFD900;} .m_sec11 {overflow:hidden;} .m_sec11.inner-section {background:url(/themes/aegisx/pro/resources/images/msec11_bg.webp) no-repeat; background-size:cover; overflow:hidden;} .m_sec11 .m_tit h2 {color:#fff;} .m_sec11 .diagram {display:flex;} .m_sec11 .diagram li {display:flex; flex-direction:column; align-items:center; gap:40px; width:33.33%; border-right:1px solid rgba(255, 255, 255, 0.6); color:#fff; font-size:var(--fsize30); font-weight:700;} .m_sec11 .diagram li:last-child {border-right:none;} .m_sec11 .diagram span {display:flex; align-items:center; justify-content:center; width:200px; height:200px; background:#fff; border-radius:50%;} .m_sec11 .txt_box {display:flex; flex-direction:column; align-items:cener; gap:20px; width:fit-content; margin:0 auto; margin-top:100px; padding:40px 80px; background:rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border-radius:20px; font-size:var(--fsize28); color:#fff; font-weight:500;} .m_sec11 .headline {display:flex; flex-direction:column; align-items:cener; gap:10px; margin-top:40px; color:#D0F370; font-weight:500; font-size:var(--fsize48);} .m_sec11 .headline i {color:#989898;} .m_sec12 {background:#09111a url(/themes/aegisx/pro/resources/images/msec12_bg.webp); background-repeat:no-repeat; background-position:top center; background-size:cover; overflow:hidden;} .m_sec12 .conts_wrap {padding-top:320px; color:#fff; font-size:32px; font-weight:600; text-shadow:0 0 6px rgba(1, 0, 12, 1);} .m_sec12 .headline {width:fit-content; margin:0 auto; margin-bottom:20px; padding:20px 40px; background:rgba(5, 8, 17, 0.6); border-radius:20px; color:#FFF941; font-size:42px; font-weight:700; } .m_sec13.inner-section {background:#e9f3de} .m_sec13 .conts {display:flex; flex-direction:column; align-items:center; justfify-content:center; gap:40px; width:100%; max-width:1000px; margin:0 auto; padding:40px; border:2px dashed #679E3E; border-radius:30px; } .m_sec13 .conts h3 {color:#168707; font-size:var(--fsize40); font-weight:700;} .m_sec13 .conts span {font-size:var(--fsize20); color:#424242; font-weight:400;} .m_sec13 .conts img {max-width:100%;} .m_sec13 ul {display:flex; justify-content:center; width:100%; max-width:1200px; margin:0 auto; margin-top:80px; } .m_sec13 li {width:33.33%; padding:0 20px; border-right:1px solid #C4C397; font-size:var(--fsize22); font-weight:400; color:var(--black);} .m_sec13 li:first-child {padding-left:0;} .m_sec13 li:last-child {padding-right:0; border-right:none;} .m_sec13 li strong {display:inline-block; margin-top: -6px; font-size:var(--fsize40); font-weight:700;} .m_sec13 li:first-child strong {margin-top:auto;} .m_sec13 li .down {position:relative; color:#CC2626;} .m_sec13 li .down:after {content:url(/themes/aegisx/pro/resources/images/msec9_down.webp); margin-left:4px; position:relative; bottom:0;} .m_sec13 li .up {position:relative; color:#2769E5;} .m_sec13 li .up:after {content:url(/themes/aegisx/pro/resources/images/msec9_up.webp); margin-left:4px; position:relative; bottom:0;} .m_sec13 li .underline {box-shadow:inset 0 -20px 0 #FFD83D;} .m_sec13 small {display:block; margin-top:40px; font-size:var(--fsize20);} .m_sec13 .seo {position:relative; width:100%; max-width:600px; margin:0 auto; padding:40px; background:#0d9e95; border-radius:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.4); z-index:1; overflow:hidden;} .m_sec13 .seo:after {position: absolute; top: 0; left: 0; z-index:-1; content:""; display:block; width:100%; height:100%; background:url(/themes/aegisx/pro/resources/images/mseo_bg.webp) no-repeat center center; background-size:cover; opacity:0.2;} .m_sec13 .seo .searchbox1 {display:flex; justify-content:flex-start; align-items:center; gap:40px; max-width:460px; margin:0 auto; padding:16px 40px; background:#fff; color:var(--black); font-size:var(--fsize22); font-weight:700; border-radius:50px;} .m_sec13 .seo .searchbox1 img {height:28px;} .m_sec13 .seo .searchbox1 img:last-of-type {display:block; margin-left:auto;} .m_sec13 .seo h2 {margin-top:30px; font-size:48px; text-align:center; font-weight:800; color:#fff; text-shadow:0 3px 0 rgba(0, 0, 0, 0.4);} .m_sec13 .seo .searchbox2 {display:flex; justify-content:flex-start; align-items:center; gap:20px; width:fit-content; margin:0 auto; margin-top:36px; padding:12px 40px; background:#025954; color:#fff; font-size:var(--fsize18); font-weight:500; border-radius:50px;} .m_sec13 .seo .searchbox2 span {display:flex; justify-content:center; align-items:center; height:32px; width:32px; background:#fff; border-radius:5px;} .m_sec13 .seo .searchbox2 img {height:22px;} .m_sec13 .seo .text {margin:20px 0; font-size:30px; font-weight:700; color:var(--black); text-align:center;} .m_sec13 .seo .result {margin-top:40px; font-weight:700; font-size:var(--fsize18); text-align:center; color:#fff;} .m_sec13 .seo .text_wrap {width:100%; margin-top:30px; text-align:center;} .m_sec13 .seo .text_wrap a {text-decoration:none;} .m_sec13 .seo button {display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin:0 auto; padding:10px 20px; border:1px solid #fff; border-radius:10px; color:#fff; font-weight:500; } .m_searching .m_tit h2 {font-size:58px;} .m_searching .m_tit h2 br {display:none;} .m_searching .conts {display:flex; flex-direction:column; gap:20px;} .m_searching .php, .m_searching .java {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px; padding:20px; background:linear-gradient(to bottom, #f3f8ff, #fff 42%); border:1px solid #D6E6FA; border-radius:20px; box-shadow:0 0 12px rgba(0, 0, 0, 0.1);} .m_searching .naver, .m_searching .google {border:1px solid #D6E6FA; border-radius:10px; box-shadow:0 0 4px rgba(127, 180, 217, 0.25); overflow:hidden;} .m_searching .naver img, .m_searching .google img {max-width:100%;} /*분야별 홈페이지 공통*/ .work .hero-section {position:relative; height:910px/*calc(100vh - 130px)*/; margin-bottom:0; color:#fff;} .work .hero-section .swiper {height:100%;} .work .hero-section .outer {display: flex; justify-content:center; width:100%; max-width:1600px/*var(--conts-w)*/; height: 100%; margin:0 auto;} .work .hero-section .swiper-slide {background-repeat:no-repeat; bacground-postion:top right 0;} .work .hero-section .text_wrap {padding-top:6%; text-align:center; letter-spacing:-0.5px;} .work .hero-section h1 {display:flex; flex-direction:column; align-items:center; margin-bottom:10px; } .work .hero-section h1 strong, .work .hero-section h1 font {color:#00ff97; font-weight:700;} .work .hero-section .hero-badge {display:inline-block; margin-bottom:40px; padding:12px 24px; border-radius:100px; font-size:var(--fsize24); color:#fff;} .work .hero-section .hero-title {font-family: 'Paperozi'; font-size:78px; font-weight:700; line-height: 1.2;} .work .hero-section .hero-description {margin-top:40px; font-size:34px; font-weight:700;} .work .hero-section .bg_img {position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:-1;} .work .hero-section picture {display:block; width: 100%; height:100%;} .work .hero-section source {display: block; width: 100%; height:auto; } .work .hero-section .bg_img img {width: 100%; height: 100%; /* object-position: bottom; */ object-fit: cover;} .work .hero-section .swiper-button-next:after, .work .hero-section .swiper-button-prev:after {content:url(/themes/aegisx/pro/resources/images/arrow_wh.webp)!important;} .work .hero-section.swiper-button-prev:after {transform:rotate(180deg);} .work .inner-section {margin-bottom:0; padding-top:0!important; padding-bottom:0!important;} .work .article1 {padding:140px 20px; background:url(/themes/platformx/pro/resources/images/msec15_bg.webp), linear-gradient(-100deg, #21a6de, #21a7dc 18%, #50bdeb 100%); background-repeat:no-repeat; background-position:top center; background-size:cover; font-size:22px; font-weight:500; color:#fff; text-align:left;} .work .article1 > div {display:flex; align-items:center; gap:2vw; width:100%; max-width:1600px; margin:0 auto;} .work .inner-section:nth-of-type(even) .article1 { transform: scaleX(-1);} .work .inner-section:nth-of-type(even) .article1 > div {flex-direction:row-reverse; transform: scaleX(-1);} .work .article1 .img_wrap {width:50%; text-align:right;} .work .article1 .txt_wrap {width:50%; padding:0 40px;} .work .article1 img {max-width:100%;} .work .m_tit {margin-bottom:40px;} .work .m_tit > span {color:#fff; font-size:26px; font-weight:600;} .work .m_tit h2 {font-size:76px; color:#04212d; font-weight:900; line-height:1.06;} .work .headline {margin-bottom:40px; color:#fff; font-size:32px; font-weight:600; text-align:left;} .work .headline font {display:block; margin-bottom:10px; color:#FDF756; font-size:42px;} .work .feature, .ad .feature {padding:80px var(--gutter-x) 80px; background:linear-gradient(90deg, #FDFDFF 43%, #F6F5FA);} .m_sec15 .article2 > div, .work .feature > div, .ad .feature > div {display:flex; justify-content:center; gap:40px; max-width:1600px; margin:0 auto; background:#fff; border:1px solid #A9C3E5; border-radius:30px;} .m_sec15 .article2 dl, .work .feature dl, .ad .feature dl {display:flex; flex-direction:column; align-items: center; justify-content:center; padding:60px 40px; font-size:var(--fsize18);} .m_sec15 .article2 dt, .work .feature dt, .ad .feature dt {display:flex; flex-direction:column; align-items: center; justify-content:center; gap:20px; margin-bottom:8px; font-size:var(--fsize24); color:var(--black); } /*병원 홈페이지*/ .clinic_main_visual .hero-badge {background:#540361;} .jivaca .article1 {background:#f6f6f6 url(/themes/aegisx/pro/resources/images/medical_jivaca_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48; transform: scaleX(-1);} .jivaca .article1 > * {transform: scaleX(-1);} .jivaca .article1 .txt_wrap {padding-left:40px; padding-right:0;} .jivaca .headline {color:#6c2e48;} .jivaca .m_tit > span {color:#351925;} .jivaca .m_tit h2 {color:#8a1837;} .jivaca .headline font {color:#d93478;} .modoo .article1 {background:#d9cdb5 url(/themes/aegisx/pro/resources/images/matching_modoo_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#2c334d;} .modoo .headline {color:#2c334d;} .modoo .m_tit > span {color:#1d2d65;} .modoo .m_tit h2 {color:#0b1949;} .modoo .headline font {color:#670909;} .liv .article1 {background:#cfd6d8 url(/themes/aegisx/pro/resources/images/clinic_liv_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .aloha .article1 {background:#BEDFFF url(/themes/aegisx/pro/resources/images/clinic_aloha_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48; transform: scaleX(-1);} .aloha .article1 > div {transform: scaleX(-1);} .js .article1 {background:#65a1ff url(/themes/aegisx/pro/resources/images/clinic_js_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .private .article1 {background:#F9E5DC url(/themes/aegisx/pro/resources/images/clinic_private_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .root .article1 {background:#def0ff url(/themes/aegisx/pro/resources/images/clinic_root_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .himchan .article1 {background:#fae9bc url(/themes/aegisx/pro/resources/images/clinic_himchan_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .private .article1 > div {flex-direction:row-reverse;} .a7500 .article1 {background:#acc6ed url(/themes/aegisx/pro/resources/images/clinic_7500_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .a7500 .article1 > div {flex-direction:row;} .soraeah .article1 {background:#90c288 url(/themes/aegisx/pro/resources/images/clinic_soraeah_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#6c2e48;} .a7500 .article1 > div {flex-direction:row-reverse;} .clinic .m_tit > span {color:#313f45;} .clinic .headline {color: #4e5b61;} .clinic .headline font {color: #954f10;} .clinic .article1 {color: #4e5b61;} .liv .m_tit > span {color:#313f45;} .liv .headline {color: #4e5b61;} .liv .headline font {color: #954f10;} .liv .article1 {color: #4e5b61;} .aloha .m_tit > span {color:#313f45;} .aloha .headline {color: #4e5b61;} .aloha .headline font {color: #954f10;} .aloha .article1 {color: #4e5b61;} .private .m_tit > span {color:#313f45;} .private .headline {color: #4e5b61;} .private .headline font {color: #954f10;} .private .article1 {color: #4e5b61;} .root .m_tit > span {color:#313f45;} .root .headline {color: #4e5b61;} .root .headline font {color: #954f10;} .root .article1 {color: #4e5b61;} .himchan .m_tit > span {color:#313f45;} .himchan .headline {color: #4e5b61;} .himchan .headline font {color: #954f10;} .himchan .article1 {color: #4e5b61;} .js .txt_wrap {color:rgba(0, 0, 0, 0.6);} .js .m_tit > span {color:#fff;} .js .m_tit h2 {color: #fff;} .js .headline {color: rgba(0, 0, 0, 0.8);} .js .headline font {color: #eef958;} /*변호사 홈페이지*/ .law_main_visual .hero-badge {background:#614003;} .law .article1 {color:#ac5d4a;} .teheran .article1 {background:#c9d6f7 url(/themes/aegisx/pro/resources/images/law_teheran_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .bomnal .article1 {background:#dae4ea url(/themes/aegisx/pro/resources/images/law_bomnal_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .dooyou .article1 {background:#b3cfe6 url(/themes/aegisx/pro/resources/images/law_dooyou_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .jungro .article1 {background:#9aacbd url(/themes/aegisx/pro/resources/images/law_jungro_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .pansim .article1 {background:#d9dbdf url(/themes/aegisx/pro/resources/images/law_pansim_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat;} .law .m_tit > span {color:#183845;} .law .headline {color:#28414b;} .law .headline font {color: #b94124;} /*학원 홈페이지*/ .academy_main_visual .hero-badge {background:#B74702;} .wanjeon .article1 {background:#77a1e1 url(/themes/aegisx/pro/resources/images/academy_wanjeon_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .leehan .article1 {background:#8161b9 url(/themes/aegisx/pro/resources/images/academy_leehan_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .haklim .article1 {background:#48b3da url(/themes/aegisx/pro/resources/images/academy_haklim_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .herald .article1 {background:#6b8cca url(/themes/aegisx/pro/resources/images/academy_herald_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .weolbu .article1 {background:#f7e8c7 url(/themes/aegisx/pro/resources/images/lms_weolbu_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; transform: scaleX(-1);} .weolbu .article1 > div {transform: scaleX(-1);} .hduni .article1 {background:#0097e8 url(/themes/aegisx/pro/resources/images/lms_hduni_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .weolbu .article1 {color:#323232;} .weolbu .article1 .m_tit > span {color:#323232;} .weolbu .article1 .m_tit h2 {color:#191919;} .weolbu .article1 .headline {color:#525252;} .weolbu .headline font {color:#9b4e30;} .leehan .article1 .m_tit h2 {color:#000000;} /*기업 홈페이지*/ .industry_main_visual .hero-badge {background:#032961;} .industry .m_tit > span {color:#0d2c5c;} .industry .headline {color:#0b0341;} .industry .headline font {color: #b94124;} .industry .headline {color:#fff783;} .industry .headline font {color: #fff783;} .hrs .article1 {background:#77a1e1 url(/themes/aegisx/pro/resources/images/industry_hrs_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .lotte .article1 {background:#788de1 url(/themes/aegisx/pro/resources/images/industry_lotte_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .mapal .article1 {background:#8877e1 url(/themes/aegisx/pro/resources/images/industry_mapal_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .mini .article1 {background:#dfafe6 url(/themes/aegisx/pro/resources/images/industry_mini_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .newtong .article1 {background:#b0cd81 url(/themes/aegisx/pro/resources/images/industry_newtong_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } /*부산 홈페이지*/ .busan_main_visual {background:#020016; color:#fff;} .busan_main_visual .hero-badge {background:#540361;} .busan .branch {padding:20px var(--gutter-x); background:#091b53;} .busan .branch .container {display:flex; justify-content:center; gap:50px; color:#fff; font-size:20px; font-weight:500;} .busan .branch .container > div {position:relative; display:flex; align-items:center; justify-content:center; gap:8px;} .busan .branch .container i {opacity:0.6; color:#fff; font-size:16px;} .busan .branch .container > div:first-child:after {position:absolute; top:50%; right:-25px; transform:translateY(-50%); content:""; width:1px; height:80%; background:#fff; opacity:0.4;} .busan .branch .tel {font-weight:700; color:#ffd600; font-size:40px} .busan .branch .tel i {font-size: 26px; margin-top: 4px;} .cityhotel .article1 {background:#E9EDF2 url(/themes/aegisx/pro/resources/images/ornament1.webp); background-position:top -100px left -100px; background-repeat: no-repeat;} .oklasik .article1 {background:#d6ddef url(/themes/aegisx/pro/resources/images/ornament2.webp); background-position:top -30px right -20px; background-repeat: no-repeat; } .fabiz .article1 {background:#E5F6FF url(/themes/aegisx/pro/resources/images/ornament3.webp); background-position:top 0 left 0; background-repeat: no-repeat; } .bta .article1 {background:#e5e6ff url(/themes/aegisx/pro/resources/images/ornament1.webp); background-position:top -100px right -100px; background-repeat: no-repeat; } .busan .txt_wrap {font-size:var(--fsize20); color:var(--black);} .busan .m_tit {margin-bottom:4px;} .busan .m_tit > span {font-size:var(--fsize22); font-weight:700;} .busan .m_tit h2 {font-size:80px; font-weight:900;} .busan .headline {margin-bottom:20px; color:#606060; font-size:var(--fsize32); font-weight:700;} .cityhotel .m_tit > span {color:#60160C} .cityhotel .m_tit h2 {color:#60160C} .oklasik .m_tit > span {color:#04212d} .oklasik .m_tit h2 {color:#04212d} .fabiz .m_tit > span {color:#1b1d62} .fabiz .m_tit h2 {color:#1b1d62} .bta .m_tit > span {color:#04212d} .bta .m_tit h2 {color:#04212d} /*프랜차이즈*/ .franchise_main_visual {background:#fff; color:#fff;} .franchise_main_visual .hero-badge {background:#c75908;} .megozigo .article1 {background:#ba2e32 url(/themes/aegisx/pro/resources/images/franchise_megozigo_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#fff;} .frank .article1 {background:#bce39b url(/themes/aegisx/pro/resources/images/franchise_frank_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#55614c;} .gangjung .article1 {background:#ffd57b url(/themes/aegisx/pro/resources/images/franchise_gangjung_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#634b1c} .lachinata .article1 {background:#96943c url(/themes/aegisx/pro/resources/images/franchise_lachinata_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; } .mini .article1 {background:#b1d5f6 url(/themes/aegisx/pro/resources/images/franchise_mini_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#466a8b;} .soop .article1 {background:#c3bcb3 url(/themes/aegisx/pro/resources/images/o2o_soop_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#514539;} .megozigo .article1 .headline {color:#fff;} .megozigo .article1 .txt_wrap {color:#fff;} .megozigo .article1 .m_tit > span {color:#fff;} .megozigo .article1 .m_tit h2 {color:#fff;} .frank .m_tit > span {color: #0c1405;} .frank .headline {color:#55614c;} .frank .headline font {color: #b7430a;} .gangjung .m_tit > span {color: #191919;} .gangjung .m_tit h2 {color:#191919;} .gangjung .headline {color:#634b1c;} .gangjung .headline font {color: #953813;} .mini .m_tit > span {color: #04212d;} .mini .m_tit h2 {color:#04212d;} .mini .headline {color:#a43613;} .mini .headline font {color: #183979;} .soop .article1 .txt_wrap {padding-left:40px; padding-right:0;} .soop .article1 .headline {color:#514539;} .soop .article1 .m_tit > span {color:#234531;} .soop .article1 .m_tit h2 {color:#0e2f1c;} .soop .article1 .headline font {color:#9b401b;} .soop .article1 .txt_wrap {color:#525252;} /* 호텔/여행 */ .tour_main_visual {background:#fff; color:#fff;} .tour .hero-section h1 strong {color:#e1ff00;} .tour_main_visual .hero-badge {background:#540ead;} .blue .article1 {background:#EBF4FF url(/themes/aegisx/pro/resources/images/travel_blue_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#fff;} .peaktime .article1 {background:#b6dadf url(/themes/aegisx/pro/resources/images/travel_peaktime_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#fff;} .hotelin .article1 {background:#ba2e32 url(/themes/aegisx/pro/resources/images/travel_hotelin_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#fff;} .sangil .article1 {background:#a8bfdb url(/themes/aegisx/pro/resources/images/travel_sangil_bg.webp); background-position:top center; background-size:cover; background-repeat: no-repeat; color:#fff;} .tour .article1 {color: #ac5d4a;} .tour .m_tit > span {color:#183845;} .tour .headline {color:#28414b;} .tour .headline font {color: #b94124;} /* 쇼핑몰 */ .red .article1 {background:#e9dabb url(/themes/aegisx/pro/resources/images/special_red_bg.webp); background-repeat: no-repeat; background-size:cover;} .sangmul .article1 {background:#cae9fc url(/themes/aegisx/pro/resources/images/special_sangmul_bg.webp); background-repeat: no-repeat; background-size:cover; } .flower .article1 {background:#ecdfcd url(/themes/aegisx/pro/resources/images/multi_flower_bg.webp); background-repeat: no-repeat; background-size:cover;} .eastina .article1 {background:#f1b4b4 url(/themes/aegisx/pro/resources/images/cosmetic_eastina_bg.webp); background-repeat: no-repeat; background-size:cover; } .cafe24 .article1 {color: #ac5d4a;} .cafe24 .m_tit > span {color:#183845;} .cafe24 .headline {color:#28414b;} .cafe24 .headline font {color: #b94124;} .lachinata .article1 {color: #fff;} .lachinata .article1 .txt_wrap {color:#fff;} .lachinata .m_tit > span {color: #fff;} .lachinata .m_tit h2 { color: #fff;} .lachinata .headline {color:#682c19;} .lachinata .headline font {color: #FDF756;} .flower .article1 , .flower .article1 > div {transform:scale(-1);} /*광고*/ .ad .inner-section {margin-bottom:0;} .ad .m_tit {margin-bottom:60px; font-family: 'Paperozi'; font-weight:700;} .ad .m_tit h2 {font-size:54px;} .ad .m_tit strong {font-weight:700;} .ad .m_tit .lead {display:block; margin-top:24px; text-align:center; font-size:38px; font-weight:500;} .ad .article1 {padding:100px var(--gutter-x); text-align:center;} .ad .article1 ul {display:grid; grid-template-columns: repeat(3, 1fr); gap:1%; width:fit-content; margin:0 auto; } .ad .article1 ul li {border-radius:30px; overflow:hidden;} .ad .sec1 {background:#b6d7ff; text-align:center; } .ad .sec1 .m_tit {position:relative; margin-bottom:70px; font-size:58px;} .ad .sec1 .m_tit h2 {font-size:58px;} .ad .sec1 .m_tit strong {color:#f36604;} .ad .sec1 .m_tit:after {position:absolute; left:50%; bottom:-70px; transform:translateY(-50%); content:""; display:block; width:1px; height:40px; background:#6f7c8d;} .ad .sec1 .article1 ul {grid-template-columns: repeat(4, 1fr);} .ad .sec2 .lead {color:#b36908;} .ad .sec3 .m_tit strong {color:#d66f1c;} .ad .sec4 .article1 {width:100%; height:950px; aspect-ratio: 1905 / 1010; padding:72px var(--gutter-x); background:#001632 url(/themes/aegisx/pro/resources/images/ad_sec4_img1.webp); background-repeat:no-repeat; background-position:bottom center; background-size:cover; } .ad .sec4 .m_tit h2 {color:#fff;} .ad .sec4 .m_tit .lead {margin-top:8px;} .ad .sec4 .m_tit .lead strong {color:#4ff8a3; font-weight:500;} /* 다보리선택이유 */ .why-dabory-page{--why-ink:#101d46;--why-blue:#0756df;--why-yellow:#ffdc42;width:100%;margin:0;color:var(--why-ink);font-family:inherit;font-size:clamp(16px,2.5vw,18px);line-height:1.65} .why-dabory-page *{box-sizing:border-box} .why-dabory-hero{position:relative;left:50%;width:100vw; margin-left:-50vw;isolation:isolate;min-height:630px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(52px,7vw,105px) clamp(15px,5vw,20px) 28px;background:#07539d url('/themes/aegisx/pro/resources/images/why-dabory-hero.webp') right top/contain no-repeat} .why-dabory-inner {width:1600px; margin:0 auto;} .why-dabory-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,68,139,.98) 0%,rgba(0,77,150,.95) 39%,rgba(0,78,151,.72) 52%,rgba(0,78,151,.12) 72%,transparent 86%),linear-gradient(0deg,rgba(13,47,103,.12),transparent 52%)} .why-dabory-intro{max-width:fit-content;color:#fff} .why-dabory-eyebrow{margin:0 0 14px;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.04em} .why-dabory-title{margin:0;font-size:clamp(62px,8.1vw,124px);font-weight:900;line-height:.98; letter-spacing:-.04em;color:#fff;} .why-dabory-title span{color:var(--why-yellow)} .why-dabory-subtitle{margin:20px 0 0;font-size:clamp(25px,3vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.06em} .why-dabory-subtitle span{color:var(--why-yellow)} .why-dabory-promises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:55px} .why-dabory-promise{position:relative;display:flex;align-items:center;gap:16px;min-height:104px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 12px 32px #071b4b35} .why-dabory-promise:not(:last-child):after{content:"+";position:absolute;right:-20px;z-index:2;display:flex; align-items:center; justify-content:center; width:40px;height:40px; border-radius:50%;background:#fff;color:#102044; font-size:32px; line-height:2.4; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} .why-dabory-promise-icon{flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;color:#6736ee;font-size:35px;font-weight:900} .why-dabory-promise:nth-child(2) .why-dabory-promise-icon{color:#1786f7} .why-dabory-promise:nth-child(3) .why-dabory-promise-icon{color:#26bd6d} .why-dabory-promise:nth-child(4) .why-dabory-promise-icon{color:#ff8614} .why-dabory-promise h2{margin:0 0 5px;font-size:clamp(16px,1.45vw,23px);line-height:1.1;font-weight:800;letter-spacing:-.05em} .why-dabory-promise p{margin:0;font-size:clamp(12px,1vw,16px);line-height:1.4;letter-spacing:-.04em} .why-dabory-cards{background:linear-gradient(#f4f8ff,#fff)} .why-dabory-cards .conts_wrap {display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; width:100%; max-width:1600px; padding:10px var(--gutter-x) 22px;} .why-dabory-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:330px;padding:20px 15px 22px;border-radius:34px;text-align:center;overflow:hidden} .why-dabory-card:nth-child(1){background:linear-gradient(145deg,#f5f0ff,#e4dcff)} .why-dabory-card:nth-child(2){background:linear-gradient(145deg,#eaf7ff,#d6f2ff)} .why-dabory-card:nth-child(3){background:linear-gradient(145deg,#effcf4,#e2f8ea)} .why-dabory-card:nth-child(4){background:linear-gradient(145deg,#fff7ec,#ffead4)} .why-dabory-card h2{margin:0;font-size:clamp(22px,2.15vw,36px);line-height:1.2;font-weight:800;letter-spacing:-.06em} .why-dabory-card:nth-child(1) h2{color:#5311df; font-size:clamp(24px,2.15vw,28px)} .why-dabory-card:nth-child(2) h2{color:#075fe9}.why-dabory-card:nth-child(3) h2{color:#15943b}.why-dabory-card:nth-child(4) h2{color:#ef6410} .why-dabory-price{margin:1px 0 -4px;color:#5311df;font-size:clamp(37px,4vw,44px);line-height:1.1;font-weight:900;letter-spacing:-.06em} .why-dabory-price small{font-size:15px;font-weight:500;letter-spacing:-.04em} .why-dabory-card img{display:block;width:100%;height:clamp(130px,14vw,190px);margin:4px auto 10px;object-fit:contain} .why-dabory-card p{margin:0;font-size:clamp(15px,1.4vw,21px);line-height:1.45;letter-spacing:-.055em;color:#15191f} .why-dabory-page .idc-editable{--idc-ink:#222938;--idc-muted:#737b87;--idc-gold:#b17a24;--idc-red:#b5223c;max-width:1232px;margin:0 auto;padding:0 clamp(16px,4.7vw,58px);color:var(--idc-ink); line-height:1.7} .why-dabory-page .idc-editable *{box-sizing:border-box} .why-dabory-page .idc-editable tr {background:none;} .why-dabory-page .idc-section{padding:84px 0} #whats-included.why-dabory-page .idc-section{padding-top:36px} .why-dabory-page .idc-heading{text-align:center;margin:0 auto 40px;} .why-dabory-page .idc-eyebrow{display:block;margin:0 0 12px;color:var(--idc-gold); font-weight:800; font-size:clamp(18px,2.5vw,20px);} .why-dabory-page .idc-heading h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.05em} .why-dabory-page .idc-heading p{margin:0;color:var(--idc-muted); font-size:1.13rem;} .why-dabory-page .idc-em-red{color:var(--idc-red)} .why-dabory-page .idc-price-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px auto;} .why-dabory-page .idc-price-options span{padding:9px 18px;border:1px solid #e2e5e9;border-radius:999px;background:#fff; cursor: pointer;} .why-dabory-page .idc-price-options .active{border-color:#242b39;background:#242b39;color:#fff} .why-dabory-page .idc-caption{display: none; margin-top:20px; text-align:center;} .why-dabory-page .idc-caption.active {display: block;} .why-dabory-page .idc-caption h3 {margin-bottom:10px; font-weight:700; font-size:1.25rem; color:var(--black);} .why-dabory-page .idc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .why-dabory-page .idc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .why-dabory-page .idc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .why-dabory-page .idc-card{min-width:0;padding:25px 32px;border:1px solid #e8eaed;border-radius:20px;background:#fff;box-shadow:0 8px 24px #1f29330b;} .why-dabory-page .idc-card h3{margin:0 0 14px;font-size:1.15rem;line-height:1.4} .why-dabory-page .idc-card p{margin:8px 0;color:#555e6a} .why-dabory-page .idc-list{display:grid;gap:13px;margin:0;padding:0;list-style:none} .why-dabory-page .idc-list li{position:relative;padding-left:24px;color:#505966} .why-dabory-page .idc-list li:before{content:'✓';position:absolute;left:0;color:var(--idc-gold);font-weight:900} .why-dabory-page .idc-included-card{padding:0;overflow:hidden} .why-dabory-page .idc-included-photo{display:flex;min-height:320px;flex-direction:column;justify-content:flex-end;padding:30px 34px;background-color:#010101; background-position:top right;background-size:contain; background-repeat:no-repeat; color:#fff} .why-dabory-page .idc-included-card:first-child .idc-included-photo{background-image:linear-gradient(90deg, #02173b, #02173b8c 90%), url(/themes/aegisx/pro/resources/images/idc-included-photo-work.webp)} .why-dabory-page .idc-included-card:nth-child(2) .idc-included-photo{background-image:linear-gradient(90deg, #02173b, #02173b8c 90%), url('/themes/aegisx/pro/resources/images/idc-included-photo-support.webp')} .why-dabory-page .idc-included-photo h3{max-width:270px;margin:0;font-size:1.8rem;line-height:1.2;color:#fff} .why-dabory-page .idc-included-photo>span{margin-bottom:44px;font-size:2rem;color:#f5d06b} .why-dabory-page .idc-included-photo>small{width:max-content;margin-bottom:12px;padding:4px 12px;border-radius:999px;background:#fff;color:#222;font-weight:800} .why-dabory-page .idc-included-content{padding:28px 34px} .why-dabory-page .idc-renewal-wrap{padding-left:0!important;list-style:none} .why-dabory-page .idc-renewal-wrap:before{display:none} .why-dabory-page .idc-renewal{padding:22px;border:1px solid #e9e0d0;border-radius:16px;background:#fbf8f2} .why-dabory-page .idc-renewal h3{margin:0 0 4px;font-size:1.2rem} .why-dabory-page .idc-renewal>small{display:inline-block;margin:0 0 14px;padding:3px 10px;border-radius:999px;background:#242c3b;color:#fff} .why-dabory-page .idc-renewal .idc-list{gap:9px} .why-dabory-page .idc-benefits{padding:64px 42px;border-radius:28px;background: linear-gradient(90deg, #06142fed 0%, #0a1939cb 47%, #0a183355 100%), url(/themes/aegisx/pro/resources/images/idc-all-included-bg.webp) right top / 100% auto no-repeat, #041333;color:#fff} .why-dabory-page .idc-benefits .idc-eyebrow{color:#f5d06b} .why-dabory-page .idc-benefits .idc-heading{margin-bottom:32px;text-align:left} .why-dabory-page .idc-benefits .idc-heading p{color:#c4c9d0} .why-dabory-page .idc-benefit{display:flex;min-height:142px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px;border-radius:16px;background:#fff;color:var(--idc-ink);text-align:center;font-weight:700} .why-dabory-page .idc-benefit-icon{font-size:1.8rem;line-height:1;color:#252d3b} .why-dabory-page .idc-benefit b{font-size:1.04rem;line-height:1.35} .why-dabory-page .idc-benefit small{font-size:.88rem;font-weight:500} .why-dabory-page .idc-benefits .idc-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .why-dabory-page .idc-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px} .why-dabory-page .idc-step{position:relative;min-height:170px;padding:24px 14px 18px;border:1px solid #e4e6e9;border-radius:18px;background:#fff;text-align:center;box-shadow:0 6px 20px #1f29330b} .why-dabory-page .idc-step.is-client{border:2px solid #222938} .why-dabory-page .idc-step-owner{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:3px 13px;border-radius:999px;background:#0c2e6f; color:#fff;font-size:1rem;font-weight:700;white-space:nowrap} .why-dabory-page .idc-step.is-client .idc-step-owner{background:#44832b} .why-dabory-page .idc-step em{display:block;margin:2px 0 7px;color:var(--idc-gold);font-size:.9rem;font-style:normal;font-weight:800} .why-dabory-page .idc-step-icon{display:block;margin:0 0 9px;font-size:1.8rem;line-height:1.1;color:#252d3b} .why-dabory-page .idc-step b{display:block;margin-bottom:8px;font-size:1.03rem} .why-dabory-page .idc-step small{color:var(--idc-muted)} .why-dabory-page .idc-step:not(:nth-child(6n)):after{content:'→';position:absolute;top:48%;right:-17px;z-index:2;color:#aab0b8;font-size:1.15rem} .why-dabory-page .idc-metric{padding:28px;border-radius:18px;background:#f4f5f7;text-align:center} .why-dabory-page .idc-metric b{display:block;font-size:1.45rem} .why-dabory-page .idc-dark{padding:52px;border-radius:28px;background:linear-gradient(90deg, #080d2df2 0%, #0b0f29d9 47%, #090d2966 100%), url(/themes/aegisx/pro/resources/images/idc-why-bg.webp) right top / 100% auto no-repeat, #081035;color:#fff} .why-dabory-page .idc-dark .idc-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .why-dabory-page .idc-dark .idc-card:nth-child(-n+3){grid-column:span 2} .why-dabory-page .idc-dark .idc-card:nth-child(n+4){grid-column:span 3} .why-dabory-page .idc-dark .idc-heading{margin-left:0;text-align:left} .why-dabory-page .idc-dark .idc-heading p, .why-dabory-page .idc-dark .idc-card p{color:#c7cad0} .why-dabory-page .idc-dark .idc-card{border-color:#ffffff22;background:#080d2959;color:#fff;box-shadow:none} .why-dabory-page .idc-dark .idc-card h3{font-size:.92rem;color:#d3d5d9} .why-dabory-page .idc-dark .idc-card strong{display:block;margin:4px 0 12px;font-size:1.65rem} .why-dabory-page .idc-dark .idc-card a{display:inline-block;margin-top:16px;padding:8px 16px;border:1px solid #fff;border-radius:999px;color:#fff;text-decoration:none;font-size:.88rem;font-weight:700} .why-dabory-page .idc-table-wrap{overflow-x:auto;border:1px solid #e8eaed;border-radius:18px;box-shadow:0 8px 24px #1f29330b} .why-dabory-page .idc-table{width:100%;min-width:700px;border-collapse:collapse;background:#fff} .why-dabory-page .idc-table th, .why-dabory-page .idc-table td{padding:16px 18px;border-bottom:1px solid #e8eaed;text-align:left;vertical-align:top} .why-dabory-page .idc-table thead th{background:#1c51bb; text-align:center; font-weight:500;} .why-dabory-page .idc-table tbody tr:last-child th, .why-dabory-page .idc-table tbody tr:last-child td{border-bottom:0} .why-dabory-page #custom-vs-sample .idc-table thead th:not(.is-highlight) {background:#f6f6f6; color:#525252;} .why-dabory-page #custom-vs-sample .idc-table .is-highlight {background:#1c51bb; font-weight:800; font-size:1.25rem;} .why-dabory-page #custom-vs-sample td:last-child {background:#f4f6fa;} .why-dabory-page .idc-table .is-highlight{background:#faf7f0} .why-dabory-page .idc-tag{display:inline-block;margin:2px 4px 2px 0;padding:3px 10px;border:1px solid #dfe2e6;border-radius:999px;background:#fff;font-size:1rem; white-space:nowrap} .why-dabory-page .idc-refund-dark{background:#242c3b;color:#fff} .why-dabory-page .idc-refund-dark span, .why-dabory-page .idc-refund-dark small{display:block;color:#c5cad2} .why-dabory-page .idc-refund-dark h3{margin:6px 0 24px} .why-dabory-page .idc-refund-dark h3 b, .why-dabory-page .idc-refund-dark strong{color:#f0ce7b} .why-dabory-page .idc-terms-notes{margin-top:18px;background:#f4f5f7;box-shadow:none} .why-dabory-page .idc-terms-notes p{position:relative;margin:8px 0;padding-left:26px;color:#555e68} .why-dabory-page .idc-terms-notes p:before{content:'!';position:absolute;left:0;display:grid;width:17px;height:17px;place-items:center;border:1px solid #ae7a2e;border-radius:50%;color:#ae7a2e;font-size:.75rem;font-weight:800} .why-dabory-page .idc-refund-note{margin-top:18px;padding:22px 28px;border-radius:18px;background:#242c3b;color:#fff;text-align:center;font-weight:800} .why-dabory-page .idc-check-card{min-height:100%;padding:28px;border:1px solid #eceef0;border-radius:20px;box-shadow:0 8px 24px #1f29330b} .why-dabory-page .idc-check-card h3 {margin-bottom:20px;} .why-dabory-page .idc-server-banner{padding:48px;border-radius:24px;background:linear-gradient(90deg, #0b1935f2 0%, #09152dc9 48%, #09152d66 100%), url(/themes/aegisx/pro/resources/images/idc-server-bg.webp) right top / 100% auto no-repeat, #020a1a;color:#fff} .why-dabory-page .idc-server-banner .idc-card {background:rgb(9 17 43 / 62%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);} .why-dabory-page .idc-process-legend{display:flex;justify-content:center;gap:28px;margin:-14px 0 28px;color:#59616e} .why-dabory-page .idc-process-legend span{display:flex;align-items:center;gap:8px} .why-dabory-page .idc-process-legend i{display:inline-block;width:18px;height:18px;border:1px solid #d2d6dc;border-radius:5px;background:#fff} .why-dabory-page .idc-process-legend .is-client{border:2px solid #202633} .why-dabory-page .idc-faq-layout{display:grid;grid-template-columns:1fr; gap:0px;align-items:start} .why-dabory-page .idc-faq-intro .idc-heading{text-align:left;margin:0 0 24px} .why-dabory-page .idc-faq-intro img{display:none;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;border-radius:18px;box-shadow:0 10px 28px #10111618} .why-dabory-page .idc-server-banner h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem)} .why-dabory-page .idc-server-banner p{max-width:700px; margin-bottom:0; color:#d1d5db} .why-dabory-page .idc-faq{display:grid;gap:0} .why-dabory-page .idc-faq details{border-top:1px solid #e5e7eb} .why-dabory-page .idc-faq details:last-child{border-bottom:1px solid #e5e7eb} .why-dabory-page .idc-faq summary{position:relative;padding:20px 34px 20px 46px;cursor:pointer;font-weight:750;list-style:none} .why-dabory-page .idc-faq summary::-webkit-details-marker{display:none} .why-dabory-page .idc-faq summary:before{content:'?';position:absolute;left:8px;top:18px;display:grid;width:23px;height:23px;place-items:center;border:1.5px solid #303846;border-radius:50%;font-size:.85rem;font-weight:700} .why-dabory-page .idc-faq summary:after{content:'⌄';position:absolute;right:8px;top:17px;color:#858b94;font-size:1.2rem} .why-dabory-page .idc-faq details[open] summary:after{content:'⌃'} .why-dabory-page .idc-faq details p{margin:0;padding:0 8px 22px;color:#5c6470} .why-dabory-page .idc-recommend{background:#f5f6f8} #recommended-for.idc-section{margin:0 -24px; margin-bottom:84px; padding:54px 24px;background:#f5f6f8} #feature-intro.idc-section{margin:0 -24px;padding:54px 24px;background:#f5f6f8} .why-dabory-page .idc-recommend-card{text-align:center} .why-dabory-page .idc-recommend-card .idc-symbol{display:block;margin-bottom:9px;font-size:1.8rem} .why-dabory-page .idc-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin:28px 0} .why-dabory-page .idc-feature-row:nth-of-type(even) .idc-feature-photo{order:2} .why-dabory-page .idc-feature-photo, .why-dabory-page .idc-preview img, .why-dabory-page .idc-related img{display:block;width:100%;height:auto;border-radius:16px;object-fit:cover} .why-dabory-page .idc-feature-photo{aspect-ratio:1.45} .why-dabory-page .idc-feature-copy h3{margin:6px 0 12px;font-size:1.5rem} .why-dabory-page .idc-feature-copy p{color:var(--idc-muted)} .why-dabory-page .idc-number{color:var(--idc-red);font-size:.88rem;font-weight:800} .why-dabory-page .idc-preview img{aspect-ratio:1.34} .why-dabory-page .idc-colors{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:30px 0} .why-dabory-page .idc-color{width:42px;height:42px;border-radius:50%;box-shadow:0 4px 12px #1112} .why-dabory-page .idc-related{text-align:center} .why-dabory-page .idc-related{grid-template-columns:repeat(5,minmax(0,1fr))} .why-dabory-page .idc-related img{width:100%;max-width:220px;height:150px;aspect-ratio:auto;object-fit:contain;margin:0 auto 16px} .why-dabory-page .idc-related .idc-card{padding:12px 8px;border:0;box-shadow:none} .why-dabory-page .idc-related-heading{padding-bottom:14px;border-bottom:1px solid #252a32} .why-dabory-page .idc-related b{display:block} .why-dabory-page .idc-disclaimer{text-align:center;color:#8b9098;font-size:.86rem} @media(max-width:900px){ .why-dabory-page .idc-editable{padding:0 22px} .why-dabory-page .idc-section{padding:64px 0} .why-dabory-page .idc-grid-4, .why-dabory-page .idc-related{grid-template-columns:repeat(2,minmax(0,1fr))} .why-dabory-page .idc-benefits .idc-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .why-dabory-page .idc-process{grid-template-columns:repeat(3,minmax(0,1fr))} .why-dabory-page .idc-dark .idc-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .why-dabory-page .idc-dark .idc-card{grid-column:span 1!important} .why-dabory-page .idc-dark, .why-dabory-page .idc-benefits{padding:34px 24px} .why-dabory-page .idc-faq-layout{grid-template-columns:1fr 1.2fr;gap:24px} } @media(max-width:900px){ .why-dabory-page .idc-step:after{display:none} } @media(max-width:600px){ .why-dabory-page .idc-editable{padding:0 16px} .why-dabory-page .idc-section{padding:48px 0} .why-dabory-page .idc-grid, .why-dabory-page .idc-grid-3, .why-dabory-page .idc-grid-4, .why-dabory-page .idc-related, .why-dabory-page .idc-feature-row{grid-template-columns:1fr} .why-dabory-page .idc-benefits .idc-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .why-dabory-page .idc-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .why-dabory-page .idc-process-legend{flex-wrap:wrap;gap:10px 18px} .why-dabory-page .idc-dark .idc-grid{grid-template-columns:1fr} .why-dabory-page .idc-dark .idc-card{grid-column:span 1!important} .why-dabory-page .idc-card, .why-dabory-page .idc-check-card{padding:20px} .why-dabory-page .idc-included-card{padding:0} .why-dabory-page .idc-included-photo{min-height:230px;padding:22px} .why-dabory-page .idc-included-content{padding:22px} .why-dabory-page .idc-benefits, .why-dabory-page .idc-dark, .why-dabory-page .idc-server-banner{padding:28px 18px;border-radius:20px} .why-dabory-page .idc-feature-row{gap:18px;margin:22px 0} .why-dabory-page .idc-feature-row:nth-of-type(even) .idc-feature-photo{order:0} .idc-heading{margin-bottom:28px} .why-dabory-page .idc-faq-layout{grid-template-columns:1fr;gap:28px} } @media(max-width:800px){ .why-dabory-grid, .why-dabory-preview, .why-dabory-product-links{grid-template-columns:repeat(2,minmax(0,1fr))} .why-dabory-timeline{grid-template-columns:repeat(2,minmax(0,1fr))} .why-dabory-swatches{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:560px){ .why-dabory-grid,.why-dabory-preview, .why-dabory-product-links, .why-dabory-checklist{grid-template-columns:1fr} .why-dabory-timeline{grid-template-columns:1fr} .why-dabory-section{padding:48px 18px} .why-dabory-tile{padding:20px} .why-dabory-compare th, .why-dabory-compare td{padding:10px;font-size:1rem} .why-dabory-price-panel{align-items:flex-start;flex-direction:column;padding:23px} .why-dabory-swatches{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:900px){ .why-dabory-hero{min-height:620px;padding-top:55px;background-position:57% top} .why-dabory-hero:before{background:linear-gradient(90deg,rgba(0,68,139,.98),rgba(0,77,150,.9) 55%,rgba(0,78,151,.26) 100%),linear-gradient(0deg,rgba(13,47,103,.25),transparent 60%)} .why-dabory-promises{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:44px} .why-dabory-promise{min-height:88px;padding:14px 16px} .why-dabory-promise:not(:last-child):after{display:none} .why-dabory-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px} .why-dabory-card{min-height:320px} } @media(max-width:560px){ .why-dabory-hero{min-height:0;padding:48px 18px 20px;background-size:auto 440px;background-position:56% top} .why-dabory-hero:before{background:linear-gradient(90deg,rgba(0,67,137,.96),rgba(0,75,145,.83) 70%,rgba(0,76,146,.4)),linear-gradient(0deg,#164c8e 0%,rgba(10,65,130,.12) 74%)} .why-dabory-intro{min-height:320px}.why-dabory-eyebrow{font-size:17px} .why-dabory-title{font-size:clamp(48px,14vw,72px)} .why-dabory-subtitle{margin-top:17px;font-size:clamp(22px,6vw,31px)} .why-dabory-promises{gap:8px;margin-top:18px} .why-dabory-promise{gap:8px;min-height:80px;padding:11px 9px;border-radius:16px} .why-dabory-promise-icon{flex-basis:32px;width:32px;height:32px;font-size:27px} .why-dabory-promise h2{font-size:15px}.why-dabory-promise p{font-size:11px} .why-dabory-cards{gap:8px;padding:8px} .why-dabory-card{min-height:270px;padding:15px 9px 17px;border-radius:22px} .why-dabory-card h2{font-size:clamp(18px,5vw,24px)} .why-dabory-price{font-size:37px} .why-dabory-card img{height:120px;margin:4px auto 7px} .why-dabory-card p{font-size:13px} } .whydabory .tit_d1 {font-size:54px;} .whydabory .conts_wrap {max-width:1200px;} .whydabory .sub_visual {background:#00439f/*3e85e7*/;} .whydabory .sub_visual .container {gap:10px; padding-top:20px;} .whydabory .sub_visual .text_wrap {flex:1;} .whydabory .sub_visual .img_wrap {width:43%;} .whydabory .sub_visual .page_nav {margin-bottom:20px; font-size:32px; color:#87ccef; font-weight:500;} .whydabory .sub_visual .primary_txt {display:flex; flex-direction:column; gap:20px; color:#fff; font-weight:700; font-size:60px; line-height:1.1;} .whydabory .sub_visual .headline {font-size:inherit; color:#f3f954; font-weight:inherit; } .whydabory .sub_visual .desc {margin-top:32px; font-size:24px; color:#f3f954; font-weight:400;} .whydabory .sub_visual ul {margin-top:40px; color:#fff;} .whydabory .sub_visual li {position:relative; margin-bottom:8px; padding-left:12px;} .whydabory .sub_visual li:last-child {margin-bottom:0;} .whydabory .sub_visual li:before {content:""; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:#fff; border-radius:100%;} .whydabory .sub_visual .primary_img {margin:0;} .whydabory .counter-section {background:#f6f6f6; color:#4d9f85; } .whydabory .counter-section .conts_wrap{padding:0;} .whydabory .timer {color:#159970;} .whydabory .counter-section .con1 {color: #636363;} .whydabory .sub_visual:nth-of-type(2) {padding:50px 0 70px; background:#22326d;} .whydabory .sub_visual:nth-of-type(2) .primary_txt {font-size:52px;} .whydabory .sub_visual:nth-of-type(2) .primary_txt:last-child { white-space: nowrap;} .whydabory .m_feature .tit_d1, .whydabory .m_feature1 .tit_d1 {font-weight:800;} .whydabory .m_feature .tit_d1 strong, .whydabory .m_feature1 .tit_d1 strong {color:#184cd5; font-weight:inherit;} .whydabory .m_feature .conts {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;} .whydabory .m_feature .card, .whydabory .m_feature1 .card {padding:40px; border-radius:20px; padding:40px; border:1px solid transparent; border-radius:30px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(40deg, #D0E2E6, #B7C2F0) border-box; text-align: left; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);} .whydabory .m_feature .card:before, .whydabory .m_feature1 .card:before {content: ""; position: absolute; inset: 0; border-radius: inherit; background:linear-gradient(-45deg, rgba(255,255,255,0) 84%, rgba(151, 212, 255 ,.8)); pointer-events: none; opacity:0.3; z-index:0;} .whydabory .m_feature .card > div *, .whydabory .m_feature1 .card > div * {position:relative; z-index:1;} .whydabory .m_feature .badge, .whydabory .m_feature1 .badge {margin-bottom:10px; text-align:left;} .whydabory .m_feature .heading_title, .whydabory .m_feature1 .heading_title {font-size:38px; color:var(--black); font-weight:700;} .whydabory .m_feature .heading_title {font-weight:800;} .whydabory .m_feature .heading_title strong, .whydabory .m_feature1 .heading_title strong {color:#0C53D8; font-weight:inherit;} .whydabory .m_feature .headline, .whydabory .m_feature1 .headline {position:relative; margin-top:20px; padding-left:18px; font-size:var(--fsize24); color:var(--balck); font-weight:700;} .whydabory .m_feature .headline:before, .whydabory .m_feature1 .headline:before {content:""; width:12px; height:2px; background:var(--black); position:absolute; left:0; top:13px;} .whydabory .m_feature .desc, .whydabory .m_feature1 .desc {display:flex; flex-direction:column; gap:20px; margin-top:50px; font-size:var(--fsize18); color:#525252; line-height:1.4;} .whydabory .m_feature .desc strong, .whydabory .m_feature1 .desc strong {color:#0D31C0; font-weight:700;} .whydabory .m_feature .case_dabory, .whydabory .m_feature1 .case_dabory {color:var(--black);} .whydabory .m_feature .img_wrap, .whydabory .m_feature1 .img_wrap {margin-top:auto; padding-top:60px; text-align:center; } .whydabory .m_feature .diagram, .whydabory .m_feature1 .diagram {margin-top:40px;} .whydabory .m_feature .diagram > div, .whydabory .m_feature1 .diagram > div {padding:18px 20px; width:100%; background:#F2EAC1; border-radius:50px; color:var(--black); font-size:var(--fsize20); font-weight:700; text-align:center;} .whydabory .m_feature1 {background:#f6f6f6;} .whydabory .m_feature1 .conts {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;} .whydabory .how {background:#121e4d;} .whydabory .how .tit_d1 {color:#FFF;} .landing .how dl {border-left: 1px solid #6ed4ce;} .whydabory .how dt {font-size:var(--fsize20); color:#fff; font-weight:700;} .whydabory .how .num {color:#232c4f;} .whydabory .how dd {color:#fff;} .whydabory .how dd:not(:last-child):before {background:#fff;} .whydabory .how dd img {opacity:0.9;} .whydabory .function {background:linear-gradient(180deg, #2174CE 0%, #000202 70%);} .whydabory .function .tit_d1 {color:#FFF;} .whydabory .function .tit_d1 font {color:#fbd668;} .whydabory .function .conts {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;} .whydabory .function dl {width:100%;} .whydabory .function .icn {background: #7de7f9;} .whydabory .kingkong {background-color:#000414; background-image:url(/themes/aegisx/pro/resources/images/whydabory_kingkongbg.webp); background-repeat:no-repeat; background-size:cover; } .whydabory .kingkong::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* 여기에 배경 이미지와 투명도 설정 */ background-image: url('image.jpg'); background-size: cover; background-position: center; opacity: 0.3; /* 원하는 투명도 값 (0.0 ~ 1.0) */ /* 콘텐츠 뒤로 배경을 보내기 위해 -1 설정 */ z-index: -1; } .whydabory .kingkong h2 {color:#fff; font-size:54px;} .whydabory .kingkong li {color:#fff;} .whydabory .kingkong li span {color: #194946;} .whydabory .landing .bottom {background:#151628;} .whydabory .landing .bottom:before { position: relative; top: 0; z-index: 0; content: ""; display: block; width: : calc(100% + var(--gutter-x) * 2);; height: 240px; background: #f6f6f6;} .whydabory .benefit {background:#f6f6f6;} .whydabory .benefit .accordion {text-align:left;} .whydabory .benefit .accordion-item {margin-top:10px; padding:20px 24px; border:1px solid #3e85e7; border-radius:20px; } .whydabory .benefit .accordion-item:first-child {margin-top:0;} .whydabory .benefit .accordion-button {display:flex; align-items:center; color:var(--black); font-weight:700; font-size:var(--fsize18);} .whydabory .benefit .accordion-button .icn {display:flex; align-items:center; justify-content:center; width:90px; height:60px; margin-right:16px; background:#3e85e7; border-radius:50px; color:#fff; font-weight:700; font-size:var(--fsize14);} .whydabory .benefit .accordion-button .num {display:inline-block; margin-right:5px; color:#3e85e7; opacity:0.8} .whydabory .benefit .accordion-body {margin-top:20px; margin-left:68px; padding:20px; background:#f6f6f6; border-radius:var(--border-radius);} .whydabory .benefit .accordion-body .headline3 {margin-bottom:30px; color:#106cec; font-size:var(--fsize20); font-weight:700; } .whydabory .benefit .accordion-body li {position:relative; padding-left:12px;margin-top:6px;} .whydabory .benefit .accordion-body li:before {content:""; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:var(--txt-basic); border-radius:100%;} .whydabory .benefit .accordion-body li:first-child {margin-top:0;} .whydabory .why {background:#0f3873;} .whydabory .why .tit_d1 {color:#FFF;} .whydabory .why .headline3 {font-size:var(--fsize20); color:#FFF;} .whydabory .why .res_tb {width:100%; overflow-x:auto;} .whydabory .why .tb_wrap {border:1px solid #3477ff; border-radius:var(--border-radius); box-shadow:0 0 6px rgba(0, 0, 0, 0.1); overflow:hidden;} .whydabory .why table {width:100%;} .whydabory .why th, .whydabory .why td {padding:20px 40px; background:#fff; border:none; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;} .whydabory .why thead th {font-weight:700; color:var(--txt-basic);} .whydabory .why thead tr {background:#fff;} .whydabory .why tbody th, .whydabory .why tbody td {text-align:left;} .whydabory .why tbody th {width:20%;} .whydabory .why tbody td {position:relative; width:40%; padding-left:74px!important;} .whydabory .why tbody td img {position:absolute; top:20px; left:40px;} .whydabory .why thead th.empha {background:#c4d9f8; color:var(--black); font-weight:700;} .whydabory .why td.empha {background:#f0f6ff; color:var(--black); font-weight:700;} .whydabory .why tbody th br {display:none;} .whydabory .point .headline3 {margin-top:80px; margin-bottom:40px; color: #40ffef;; line-height:1.5;} .whydabory .point .conts {display:flex; flex-wrap:wrap; gap:20px; padding-top:35px;} .whydabory .point dl {position:relative; width:calc(33.33% - 13.33px); padding:80px 40px 50px; background:#fff; border-radius:20px;} .whydabory .point dl:before {position:absolute; top:-35px; left:50%; transform:translateX(-50%); content:"\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:flex; align-items:center; justify-content:center; width:70px; height:70px; background:#3e85e7; border-radius:100%; color:#fff; font-size:24px;} .whydabory .point dt {margin-bottom:10px; font-size:var(--fsize20); font-weight:700; color:var(--black);} .whydabory .need {background-color: #061428; background-image:url(/themes/aegisx/pro/resources/images/whydabory_needbg.webp); background-repeat:no-repeat; background-size:cover; } .whydabory .need .conts_wrap {margin-top:0; padding-top:120px; color:#fff;} .whydabory .need:before {display:none;} .whydabory .need .tit_d1 {margin-bottom:34px; font-weight:700; font-size:54px; color:#fff;} .whydabory .need .headline3 {font-weight:500; font-size:1rem; color:#fff;} .whydabory .need ul {display:flex; flex-wrap:wrap; gap:24px;} .whydabory .need li {display:flex; justify-content:center; align-items:center; gap:40px; width:calc(50% - 12px); padding:40px; background: rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.3); border-radius:var(--border-radius); backdrop-filter: blur(10px);} .whydabory .need li > *:not(div:first-child) {transform:translateY(-30px);} .whydabory .need li > div:first-child {width:150px; word-break:keep-all;} .whydabory .need li .img_wrap {display:flex; justify-content:center; align-items:center; width:150px; height:150px; margin:0 auto; margin-bottom:12px; background:#4e93e5; border-radius:100%; } .whydabory .need img {margin:0; border-radius:0;} .whydabory .need .package {color:#e6ec36; font-weight:700; font-size:var(--fsize24);} .whydabory .need .package span {display:inline-block; margin-right:4px; color:#fff;} .whydabory .m_shield .headline {font-size:44px; color:var(--black); font-weight:700;} .whydabory .m_shield .headline > strong {color:var(--primary);} .whydabory .m_shield .headline span {display:block; max-width: 730px; margin:0 auto; margin-top:40px; font-size:var(--fsize20); font-weight:400;} .whydabory .m_shield .conts {display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-top:60px;} .whydabory .m_shield .conts > div {position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:40px; border:1px solid transparent; border-radius:30px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(40deg, #D0E2E6, #B7C2F0) border-box; text-align: left;} .whydabory .m_shield .conts > div * {position:relative; z-index:1;} .whydabory .m_shield .conts > div:before {content: ""; position: absolute; inset: 0; border-radius: inherit; background:linear-gradient(-45deg, rgba(255,255,255,0) 84%, rgba(151, 212, 255 ,.8)); pointer-events: none; opacity:0.3; z-index:0;} .whydabory .m_shield .badge {margin-bottom:40px; padding:10px 20px; background:var(--primary); border-radius:100px; color:#fff; font-weight:500; font-size:var(--fsize16); letter-spacing:0;} .whydabory .m_shield dl {margin-bottom:30px; font-size:var(--fsize18);} .whydabory .m_shield dt {margin-bottom:10px; font-size:var(--fsize24); color:var(--black); font-weight:700;} .whydabory .m_shield dt strong {color:#D30F12; font-weight:inherit;} .whydabory .m_shield .img_wrap {margin-top:auto;} .whydabory .m_shield img {max-width:100%;} /* 맞춤개발홈페이지 */ .custom-devel-homepage { --cd-ink: #071b43; --cd-blue: #05afd0; --cd-yellow: #fff000; color: var(--cd-ink); overflow: hidden; background: #f8fcff; } .custom-devel-homepage *, .custom-devel-homepage *::before, .custom-devel-homepage *::after { box-sizing: border-box; } .cd-hero { position: relative; min-height: 920px; padding: 84px max(4.1vw, 24px) 30px; background-image: url(/themes/aegisx/pro/resources/images/custom-devel-visual.webp), radial-gradient(ellipse at 88% 22%, rgba(135, 207, 255, .48), transparent 40%), radial-gradient(ellipse at 38% 60%, rgba(228, 246, 255, .82), transparent 47%), linear-gradient(112deg, #fff 0%, #f8fcff 48%, #eff9ff 100%); background-repeat: no-repeat; background-position:top right; background-size:auto;} .cd-hero-main { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items: center; width: min(1540px, 100%); min-height: 680px; margin: 0 auto; } .cd-copy { position: relative; z-index: 2; padding: 0 0 12px; } .cd-eyebrow { display: inline-block; margin: 0 0 20px; font-size: clamp(22px, 2.4vw, 38px); font-weight: 500; line-height: 1.3; letter-spacing: -.055em; white-space: nowrap; } .cd-eyebrow strong {padding: 0 5px 3px; font-weight: 800; background: linear-gradient(transparent 30%, #fff000 30%, #fff000 85%, transparent 85%); } .cd-title {margin: 0; font-size: clamp(76px, 9.2vw, 150px); font-weight: 950; line-height: .94; letter-spacing:-2px;} .cd-title span {display:inline-block;} .cd-title .cd-title-line {white-space: nowrap;} .cd-title .cd-accent {display: inline; color: #ffe500; -webkit-text-stroke: 8px #cf9c03; paint-order: stroke fill; /*text-shadow: 0 5px 0 #f3bb00, 0 10px 18px rgba(20, 67, 147, .24);*/} .cd-subtitle { margin: 16px 0 28px; font-size: clamp(28px, 3.4vw, 54px); font-weight: 900; line-height: 1.25; letter-spacing: -.065em; } .cd-subtitle strong { color: var(--cd-blue); font-size: 1.11em; } .cd-subtitle .cd-cyan { color: #00acc9; } .cd-details { margin: 0; font-size: clamp(17px, 1.55vw, 24px); font-weight: 500; line-height: 1.72; letter-spacing: -.055em; } .cd-details strong { font-weight: 900; background: linear-gradient(transparent 28%, #fff000 28%, #fff000 91%, transparent 91%); } .cd-art { position: relative; align-self: stretch; min-width: 0; margin: -20px -30px 0 -100px; } .cd-benefits { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: min(1540px, 100%); margin: 5px auto 0; } .cd-benefit { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: start; gap: 16px; min-height: 112px; padding: 4px 24px 0; border-right: 1px solid #d8e3ef; } .cd-benefit:first-child { padding-left: 0; } .cd-benefit:last-child { padding-right: 0; border-right: 0; } .cd-benefit-icon {display: grid;place-items: center; width: 56px; height: 58px;color: var(--cd-icon-color, #05b5d7);} .cd-benefit-icon i {font-size:50px;} .cd-benefit:nth-child(2) { --cd-icon-color: #8b22ec; } .cd-benefit:nth-child(3) { --cd-icon-color: #f34c9e; } .cd-benefit:nth-child(4) { --cd-icon-color: #00c9c7; } .cd-benefit:nth-child(5) { --cd-icon-color: #06afd5; } .cd-benefit h2 { margin: 0 0 6px; font-size: clamp(17px, 1.55vw, 25px); font-weight: 900; line-height: 1.25; letter-spacing: -.06em; } .cd-benefit p { margin: 0; color: #203456; font-size: clamp(13px, 1.12vw, 18px); line-height: 1.5; letter-spacing: -.045em; } .cd-benefit p strong { color: #0654e8; font-weight: 900; } @media (max-width: 1100px) { .cd-hero { min-height: 0; padding: 55px 28px 26px; background-size: 82%; } .cd-hero-main { min-height: 0; grid-template-columns: 1fr; } .cd-eyebrow { white-space: normal; } .cd-copy { width: min(820px, 100%); margin: 0 auto; } .cd-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; margin-top: 22px; } .cd-benefit:nth-child(3) { border-right: 0; } .cd-benefit:nth-child(4) { padding-left: 0; } } @media (max-width: 700px) { .cd-hero { position:relative; padding: 42px 20px 28px; background-position:bottom 285px right; background-size:auto 40%; } .cd-hero:after {position:absolute; top:0; left:0; content:""; width:100%; height:100%; background: linear-gradient(to bottom, rgba(169, 215, 269, 1), rgba(169, 215, 269, 1) 30%, rgba(169, 215, 269, 0) 40%); } .cd-hero-main { display: flex; flex-direction: column; align-items: stretch; } .cd-copy { width: 100%; } .cd-eyebrow { margin-bottom: 14px; font-size: clamp(18px, 5vw, 24px); } .cd-title { font-size: clamp(70px, 18vw, 112px); } .cd-subtitle { margin: 13px 0 18px; font-size: clamp(27px, 7vw, 40px); } .cd-details { font-size: 16px; } .cd-art { width: calc(100% + 20px); margin: 10px -10px 0; aspect-ratio: 822 / 680; } .cd-benefits { grid-template-columns: 1fr 1fr; gap: 0; margin-top: 14px; } .cd-benefit, .cd-benefit:first-child, .cd-benefit:nth-child(4) { min-height: 95px; padding: 12px 10px; border-right: 0; border-bottom: 1px solid #d8e3ef; } .cd-benefit:nth-child(odd) { border-right: 1px solid #d8e3ef; } .cd-benefit:nth-child(5) { grid-column: 1 / -1; border-bottom: 0; } .cd-benefit-icon { width: 40px; height: 42px; } .cd-benefit-icon i { font-size: 28px; } .cd-benefit { grid-template-columns: 40px minmax(0, 1fr); gap: 9px; } .cd-benefit h2 { font-size: 16px; } .cd-benefit p { font-size: 12px; } } @media (max-width: 380px) { .cd-title { font-size: 64px; } .cd-subtitle { font-size: 25px; } .cd-title .cd-title-line {white-space: wrap;} .cd-benefit { grid-template-columns: 32px minmax(0, 1fr); gap: 7px; padding-right: 6px; padding-left: 6px; } .cd-benefit-icon { width: 32px; height: 36px; } .cd-benefit-icon svg { width: 32px; height: 32px; } .cd-benefit h2 { font-size: 16px; } } /* 보안강화유지보수 */ .secured-hompage-maintenance .cd-hero {background-color:#241f4c; background-image: url(/themes/aegisx/pro/resources/images/custom-maintence-visual.webp);} .secured-hompage-maintenance .cd-copy {color:#f5f5f5;} .secured-hompage-maintenance .cd-eyebrow strong {background: linear-gradient(transparent 30%, #ff5200 30%, #ff5200 85%, transparent 85%);} .secured-hompage-maintenance .cd-details strong {background: linear-gradient(transparent 27%, #ff5200 27%, #ff5200 90%, transparent 90% 90%);} .secured-hompage-maintenance .cd-benefits {gap:4px} .secured-hompage-maintenance .cd-benefit {padding:15px; border:1px solid #d8e3ef; border-radius:10px; background:rgba(36, 31, 76, 1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff;} .secured-hompage-maintenance .cd-benefit p {margin: 0; color: #dde3ed;} .secured-hompage-maintenance .cd-benefit p strong {color: #ff8cc4;} @media (max-width: 380px) { .secured-hompage-maintenance .cd-art {margin: 70px -10px 0;} .secured-hompage-maintenance .cd-hero:after {background:linear-gradient(to bottom, rgba(36, 31, 76, 1), rgba(36, 31, 76, 1) 30%, rgba(36, 31, 76, 0) 40%);} } /* 상위노출 seo */ .top-seo .cd-hero {background-image: url(/themes/aegisx/pro/resources/images/top-seo-visual.webp), radial-gradient(ellipse at 88% 22%, rgba(255, 255, 255, .48), transparent 40%), radial-gradient(ellipse at 38% 60%, rgba(255, 255, 255, .82), transparent 47%), linear-gradient(112deg, #fff 0%, #fff 48%, #fff 100%);} .top-seo .m_sec13 .conts {max-width:100%; border:none;} .top-seo .m_sec13 .seo {max-width:100%;} .top-seo .m_sec13 .headline {font-size:clamp(20px,7vw,36px); font-weight:700; color:var(--black);} .bottom_inquiry .conts_wrap {padding:10px 0;} .bottom_inquiry .input_wrap {gap:6px;} .bottom_inquiry input:not([type='radio'], .bottom_inquiry [type='checkbox']), .bottom_inquiry select {height:34px; padding:2px 10px; border-radius:4px!important;} .bottom_inquiry button {height:34px; padding:2px 20px;} .bottom_inquiry .mb-2 {margin-bottom:0!important; margin-top:8px!important;} .bottom_inquiry .agree a {margin-left:8px;} .bottom_inquiry .agree span {display:inline-block; margin-left:20px; font-size:14px; color:#ddd;} .bottom_inquiry .agree span svg {margin-left:10px;} .bottom_inquiry .agree span a {margin-left:2px;} .top-banner-wrap{position:relative; z-index:1;} .top-banner{overflow:hidden; max-height:48px; transition:max-height .3s ease; background:linear-gradient(90deg,#0B0F52,#15184C);} .top-banner.hide{max-height:0;} .top-banner .banner-inner{height:48px; display:flex; align-items:center; justify-content:center; gap:15px; color:#fff;} .top-banner .banner-inner > div {position:relative; display:flex; align-items:center; padding-left:64px; padding-right:64px; font-size:var(--fsize20);} .top-banner .banner-inner > div:first-child:after {content:""; display:inline-block; width:1px; height:100%; position:absolute; top:50%; right:0; transform:translateY(-50%); background:rgba(255, 255, 255, 0.3);} .top-banner .banner2 {gap:10px} .top-banner .banner1 img:last-of-type {transform: scaleX(-1)} .top-banner .banner1 strong {font-weight:700; color:#FFE23B;} .top-banner .banner2 strong {font-weight:700; color:#A3FF72;} .top-banner .banner-link{color:#ffd700; font-weight:600; text-decoration:none;} .top-banner-toggle{display:none; position:absolute; right:20px; top:1px; width:42px; height:36px; border:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; cursor:pointer; background:#0B0F52; color:#fff; z-index:101;} @media (max-width:1200px){ .sec .conts_wrap {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} } @media (max-width:1200px){ .header-top .row > div:last-child {width:100%;} .top-banner{max-height:50px;} .banner-inner{height:50px; padding:0 50px 0 15px;} .top-banner .banner-inner > div {padding-left:10px; padding-right:10px;} .top-banner-toggle {right:6px;} .whydabory .m_shield .conts {gap:10px;} .whydabory .m_shield .conts > div {padding:20px;} .whydabory .m_shield .badge {margin-bottom: 20px; padding: 8px 15px;} .whydabory .m_shield dl {margin-bottom: 20px;} } @media (max-width:992px){ .top-banner .banner-inner {flex-direction:column; gap:0; width:100%; padding:0;} .top-banner .banner-inner > div {justify-content: center; width:100%; height:48px; font-size:14px;} .top-banner {max-height: none;} .top-banner .banner-inner {height:auto;} .top-banner .banner-inner > div {padding:10px;} .top-banner .banner-inner > div:first-child:after {display:none;} .top-banner .banner-inner > div:first-child {border-bottom:1px solid rgba(255, 255, 255, 0.3);} .whydabory .sub_visual .img_wrap {width:100%;} .whydabory .item_price dl {width:calc(50% - 12px);} .whydabory .why th, .whydabory .why td {padding:20px;} .whydabory .why tbody th {vertical-align:top;} .whydabory .why tbody td {padding-left:50px; vertical-align:top;} .whydabory .why tbody td img {left:20px;} .whydabory .point dl {padding-left:20px; padding-right:20px;} .whydabory .need ul {gap:10px;} .whydabory .need li {gap:10px; padding:30px 20px;} .whydabory .need li > div:first-child {width:100px;} .whydabory .need li > img {width:32px;} .whydabory .need li .img_wrap {width:100px; height:100px;} .whydabory .need li .img_wrap img {width:50%;} .whydabory .need .package span {display:block;} .whydabory .m_shield .headline {font-size:36px;} .whydabory .m_shield .headline span {margin-top:20px;} .whydabory .m_shield .conts {grid-template-columns: repeat(2, 1fr); margin-top:40px;} } @media (max-width:1600px) { :root { --fsize-tit : 28px; --fsize-s : 12px; --fsize-txt3 : 18px; --ftit-d2 : 20px; --fsize48 : 34px; --fsize46 : 32px; --fsize44 : 44px; --fsize42 : 42px; --fsize40 : 30px; --fsize38 : 38px; --fsize36 : 28px; --fsize34 : 34px; --fsize32 : 32px; --fsize30 : 30px; --fsize28 : 20px; --fsize26: 20px; --fsize24: 20px; --fsize22 : 18px; --fsize20: 18px; --fsize18:16px; --fsize14 : 12px; } html, body {font-size:14px;} .header-part {padding:0;} .header-part.hp .header-content {height:60px; padding:0 20px;} .header-part.hp .navbar-content {gap: 20px;} .header-part.hp .header-user i, .header-part.hp .header-src i {color:var(--black);} .nav-header a img {height:36px;} .ft_logo {height:38px;} .hpdemo .backtop {bottom: 100px;} /**/ .mfloting_r {left:44px;} .mfloting_r .bnr { width:100px; height:100px;} .main_visual {height: calc(100vh - 100px);} .main_visual .thumb_slides .swiper-slide {min-width:auto;} .main_visual .img_slides h1 strong {font-size:80px;} .main_visual .text_wrap {padding-left:40px; font-size:18px;} .main_visual h1 {font-size:32px;} .main_visual .btn_wrap {margin-top:60px;} .main_visual .bg_img {overflow:hidden;left: auto; right: 0;} .main_visual .bg_img img {height:100%;object-fit: cover; object-position: right center;} .bottom_inquiry .conts_wrap {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .inner-section.m_sec2, .inner-section.m_sec4 {padding-left:0!important; padding-right:0!important;} .main .inner-section {padding:100px var(--gutter-x);} .m_tit {margin-bottom:40px;} .m_tit h2 {font-size:42px;} .m_sec4 .swiper_btm {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .m_sec8 .headline > div span img {height:32px ;} /**/ .m_sec1 .m_tit {margin-bottom:40px;} .m_sec1 .m_tit h2 span {font-size:24px;} .m_sec1 .box_wrap > div {flex-direction:column; align-items:flex-start; padding:20px 40px;} .m_sec1 .list_wrap ul {justify-content:center; gap:10px;} .m_sec1 .list_wrap li {width:300px; word-break:keep-all;} .m_sec2 .m_tit strong {font-size:42px;} .m_sec2 .m_tit div {font-size:20px;} .m_sec2 .txt_wrap {bottom:15px; right:15px;padding:15px; min-width:200px; border-radius:20px;} .m_sec2 ul {gap:10px; word-break:keep-all;} .m_sec2 .txt_wrap {font-size:18px;} .m_sec2 .txt_wrap strong {font-size:22px;} .m_sec2 .txt_wrap a {font-size:14px;} .m_sec3 .conts_wrap {flex-direction:column;} .m_sec3 .m_tit {width:100%; text-align:center;} .m_sec3 .m_tit h2 {font-size:42px;} .m_sec3 .img_wrap {justify-content: center;} .m_sec4 .swiper-slide img {width:100%;} .m_sec5 .m_tit {margin-bottom:100px;} .m_sec5 .outer {flex-direction:column; align-items: center; border-radius:30px; font-size;28px; text-align:center;} .m_sec5 .outer strong {font-size: 52px;} .m_sec6 ul {font-size:24px;} .m_sec6 li {width:300px; height:300px;} .m_sec7 .diagram > div {display:flex; align-items:center; font-size:24px;} .m_sec7 .diagram span {font-size:60px;} .m_sec8 .headline {font-size:32px;} .m_sec8 .conts strong {font-size:50px;} .m_sec8 .conts {font-size:42px;} .table-scroll table {width: 100%;} .m_sec8 .conts {margin-bottom:60px;} .m_sec8 td {padding: 10px !important;} .m_sec8 td:last-child strong {/*font-size:32px;*/} .m_sec8 small {margin-top:10px;} .m_sec9.inner-section {padding:0!important;} .m_sec9 .conts_wrap {padding:60px var(--gutter-x);} .m_sec10 .conts {gap:10px;} .m_sec10 dl {padding:30px 20px;} .m_sec10 .num {font-size:18px;} .work .hero-section {height:calc(100vh - 130px);} .work .feature, .ad .feature, .whydabory .conts_wrap:not(.bottom .conts_wrap) {padding-left:var(--gutter-x)!important; padding-right:var(--gutter-x)!important;} .ad .sec4 .article1 {position:relative; height:96vh; background-size:contain;} .ad .sec4 .article1 .m_tit {z-index:1;} } @media (max-width:1200px) { .header-top-list {justify-content:flex-start;} .main_visual .img_slides .swiper-slide {background-position: top 0 right -140px;} .main_visual .thumb_slides {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .m_sec9.item_price dl {width:calc(50% - 9px);} .m_sec15 .article2 > div, .sub .feature > div {justify-content: space-between; gap: 10px;} .m_sec15 .article2 dl, .sub .feature dl {flex: 1; padding: 30px 15px;} .whydabory .conts_wrap:not(.bottom .conts_wrap) {padding-left:0!important; padding-right:0!important;} .whydabory .m_feature .conts, .whydabory .m_feature1 .conts {gap:10px;} .whydabory .m_feature .card, .whydabory .m_feature1 .card {padding:20px; } .whydabory .m_feature .badge img, .whydabory .m_feature1 .badge img {height:50px;} .whydabory .m_feature .heading_title, .whydabory .m_feature1 .heading_title {font-size:32px;} .whydabory .m_feature1 .heading_title strong {display:block;} .whydabory .m_feature .headline, .whydabory .m_feature1 .headline {margin-top:10px; font-size:18px;} .whydabory .m_feature .desc, .whydabory .m_feature1 .desc {gap:10px; margin-top:30px;} .whydabory .m_feature .img_wrap, .whydabory .m_feature1 .img_wrap {padding-top:30px;} .work .hero-section .hero-title {font-size:68px;} .work .hero-section .hero-description {font-size:28px;} .work .article1 {padding:80px var(--gutter-x); background-image:none;} .work .article1 > div {flex-direction:column!important; gap:40px; } .work .article1 .txt_wrap, .work .article1 .img_wrap {width:100%;} .ad .sec4 .article1 {height: 76vh;} } @media (max-width:992px) { .header-part.hp {padding:0;} .header-part.hp.active {background:#fff;} .header-top .row {flex-wrap:wrap; gap:0;} .header-top-list {flex-wrap: wrap; gap:4px;} .mfloting_r {top: auto; bottom:250px; left:auto; right:var(--gutter-x); } .main_visual {height: auto;} .main_visual .img_slides .outer {align-items: flex-start; transform: translateY(0);} .main_visual .text_wrap {padding-left:70px;} .main_visual .img_slides .text_wrap {transform: translateY(60px);} .main_visual .img_slides h1 {font-size:30px;} .main_visual .img_slides h1 strong {margin-top:20px; margin-bottom:20px; font-size:60px;} .main_visual .thumb_slides {position:absolute; bottom:20px/*140px*/;} .main_visual .thumb_slides dd {display:none;} .main_visual .bg_img {position:relative;} .main_visual .slide1 .text_wrap {width:100%; max-width:100%;} .hpdemo .inner-section > * {padding-left:0; padding-right:0;} .m_sec1 ul:fisrt-of-type {flex-direction:column; align-items:center;} .m_sec1 ul:fisrt-of-type li {width:100%;} .m_sec1 .box_wrap {height:320px; padding:20px;} .m_sec1 .box_wrap > div {justify-content:center;} .m_sec2 .m_tit h2 span {font-size:42px;} .m_sec2 .m_tit strong {font-size:60px;} .m_sec5 .outer {padding:20px;} .m_sec7 .diagram {gap:10px;} .m_sec7 .diagram > div {padding:20px 40px ; font-size:22px;} .m_sec9 .conts_wrap {padding: 60px var(--gutter-x);} .m_sec9 li {padding:0 10px;} .m_sec9 li strong {margin-top:auto;} .m_sec9 li .up, .m_sec9 li .down {display:block;} .m_sec9 li .up:after, .m_sec9 li .down:after {display: inline-block; margin-left: -3px; margin-top: -14px;transform: scale(0.6); transform-origin: bottom center;} .m_sec10 .conts {flex-direction:column;} .m_sec10 dl {width:100%; padding:20px;} .m_sec10 .num {width:40px; height:40px; font-size:1rem;} .m_sec10 dt {gap:12px;} .m_sec10 dd {margin-top:20px;} .m_sec13 .conts_wrap {padding: 60px var(--gutter-x);} .m_sec13 li {padding:0 10px;} .m_sec13 li strong {margin-top:auto;} .m_sec13 li .up, .m_sec13 li .down {display:block;} .m_sec13 li .up:after, .m_sec13 li .down:after {display: inline-block; margin-left: -3px; margin-top: -14px;transform: scale(0.6); transform-origin: bottom center;} .m_searching .m_tit h2 br {display:block;} .work .article1 {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .work .m_tit h2 {font-size:56px;} .work .headline font {font-size:30px;} .work .headline {font-size:22px;} .work .feature > div, .ad .feature > div {gap:0;} .work .feature dl, .ad .feature dl {padding:20px;} .work .hero-section .hero-title {font-size:50px;} .work .hero-section .hero-description {font-size:22px;} .work .hero-section .text_wrap {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .ad .article1 {padding:80px var(--gutter-x);} .ad .m_tit {height:fit-content; margin:0 auto; margin-bottom:30px;} .ad .m_tit img {max-width: max-content; width:80%;} .ad .article1 ul {grid-template-columns: repeat(2, 1fr)!important;} .ad .sec4 .article1 {height:auto; aspect-ratio: 868 / 1900; padding:72px var(--gutter-x); background:#010b20 url(/themes/aegisx/pro/resources/images/ad_sec4_img1_mob.webp); background-size: contain; background-position: bottom; background-repeat:no-repeat;} .busan .branch .container {flex-direction:column-reverse; gap:10px;} .busan .branch .tel {font-size:34px;} .busan .branch .add {font-size:16px;} .busan .branch .add i {display:none;} .whydabory .m_feature1 .conts {grid-template-columns: repeat(2, 1fr);} .hpdemo .footer-part {padding-left:0; padding-right:0;} .footer-part .ft_top {padding:20px 0; color:inherit;} .footer-part .ft_top .conts_wrap {flex-direction:column; align-items:center; gap:10px} .footer-part .ft_top .conts_wrap ul {width:100%; gap:10px;} .footer-part .ft_top .conts_wrap li {width:calc(50% - 10px);} .footer-part .ft_link, .footer-part .ft_info {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .footer-part .ft_link .logo {margin-right:0;} .footer-part .ft_link .logo img {width:100px;} .footer-part .ft_link .sns_icon {margin-left:0;} .footer-part .ft_link .ft_list ul {flex-wrap:wrap; gap:10px;} .footer-part .ft_link .conts_wrap {flex-direction:column; align-items:center; gap:20px} .ft_info .com_info > *, .ft_info *, .hpdemo .footer-part strong, .ft_info .com_info dl {display:inline-block; padding:0 2px;} .ft_info .conts_wrap {flex-direction:column; align-items:center; gap:10px} .hpdemo .footer-part .com_info {width:100%; text-align:center;} .footer-part .com_info > *, .footer-part .foot_info_list > * {display:inline;} .footer-part .customer_info {width:100%; margin-left:0; text-align:center; gap:10px} .footer-part .customer_info > div {flex-direction:column; justify-content:center;} .footer-part .customer_info h3 {padding-top:0!important; font-size:16px;} .footer-part .customer_info .cs_center strong {font-size:28px;} .footer-part .customer_info .txt_bar {display:none;} .copyright {display:block!important;} .footer-part .customer_info .bank_info > div {margin-left:0;} .footer-part .customer_info .bank_info strong {text-align:center;} .footer-part .corp_mark {gap:10px; justify-content: center;} .footer-part .pc_only {display:none;} .footer-part .mob_only {display:block;} } @media (max-width:576px) { :root { --fsize-tit : 28px; --fsize-s : 12px; --fsize-txt3 : 18px; --ftit-d2 : 20px; --fsize48 : 34px; --fsize46 : 28px; --fsize44 : 44px; --fsize42 : 42px; --fsize40 : 20px; --fsize38 : 38px; --fsize36 : 20px; --fsize34 : 16px; --fsize32 : 32px; --fsize30 : 18px; --fsize28 : 16px; --fsize26: 20px; --fsize24: 18px; --fsize22 : 20px; --fsize20: 18px; --fsize18:16px; --fsize14 : 12px; --border-radius : 20px; } .mob_only {display:block;} .pc_only {display:none;} .float_bnr > div strong {font-size:17px;} .header-part.hp .header-content {padding:20px 0px;} .header-top-list {flex-wrap:wrap;} .header-top-list li a {font-size:13px;} .hpdemo .ft_column .container > div > div {padding-right:84px; text-align:left;} .hpdemo .ft_column .com_info {justify-content:flex-start;} .hpdemo .backtop {bottom:160px; padding: 16px 10px 8px; font-size: 1rem;} .bottom_inquiry .logo {margin:0; margin-right:10px;} .bottom_inquiry .logo img {height:20px; margin-right:0;} .bottom_inquiry .logo h3 {font-size:18px;} .float_bnr {bottom:10px;} /**/ .mfloting_r {bottom:80px;} .mfloting_r .bnr {gap:4px; width: 80px; height: 100px; line-height:1.1;} .mfloting_r .bnr img {height:24px;} .main_visual {height:540px;} .main_visual .img_slides .swiper-slide {display: flex; flex-direction: column; justify-content: space-between; min-height:490px;} .main_visual .img_slides .text_wrap {transform: translateY(40px);} .main_visual .img_slides h1 {font-size:20px;} .main_visual .img_slides h1 strong {margin-top:10px; margin-bottom:20px; font-size:36px;} .main_visual .img_slides small {font-size:16px;} .main_visual .slide1 .btm_info li i {font-size:16px;} .main_visual .bg_img {position:absolute; width:100%; height:auto;} .main_visual img {height:100%;} .main_visual .text_wrap {padding-left:var(--gutter-x); padding-right:var(--gutter-x);} .main_visual .slide1 .btm_info {margin-top:10px;} .swiper-button-next, .swiper-button-prev {display:none;} .main_visual .thumb_slides {bottom:0/*140px*/; margin-left:0; font-size:14px;} .main_visual .thumb_slides .swiper-slide {width: calc(33.33% - 1px); padding:5px;} .main_visual .thumb_slides dt span {margin-bottom:4px; font-size:12px;} .main_visual .thumb_slides dt {font-size:12px;} .main_visual .thumb_slides dd {font-size:12px;} .main .inner-section {padding:60px var(--gutter-x);} .m_tit {margin-bottom:20px;} .m_tit h2 {font-size:32px; word-break:keep-all;} .m_tit > span {margin-bottom:10px; font-size:1rem;} .m_sec1 .m_tit {margin-bottom:20px;} .m_sec1 .box_wrap {height: 240px;} .m_sec1 .box_wrap > div {height:100%; font-size:inherit;} .m_sec1 ul, .m_sec2 .swiper-slide, .m_sec2 .txt_wrap, .m_sec9 .conts, .m_sec10 dl {border-radius:10px;} .m_sec1 ul {flex-direction:column;} .m_sec1 ul:first-of-type {border-bottom-left-radius:0; border-bottom-right-radius:0;} .m_sec1 ul:last-of-type {border-top-left-radius:0; border-top-right-radius:0;} .m_sec1 ul li {width:100%;} .m_sec1 li .box_wrap strong {display:block; text-align:center;} .m_sec1 li .box_wrap span {width:100%; min-height:auto; height:auto;} .m_sec1 .txt {margin-top:40px; font-size:1rem;} .m_sec1 .txt h2 {margin-bottom:20px; font-size:28px;} .m_sec1 .txt ul {flex-direction:column; border-radius:20px;} .m_sec1 .txt li {width:100%; padding:20px; border:none; border-bottom:1px solid #ddd; font-size:18px;} .m_sec1 .txt li:last-child {border-bottom:none;} .m_sec1 .txt li img {height:60px;} .m_sec2 .m_tit h2 span {font-size:28px;} .m_sec2 .m_tit > div {font-size:24px;} .m_sec2 .m_tit strong {font-size:36px;} .m_sec2 .txt_wrap {width:100%; bottom:0; left:0; border-radius:0; padding:12px; font-size:1rem;} .m_sec2 .txt_wrap strong {margin-bottom:10px; font-size:16px;} .m_sec3 .m_tit {margin-top:0; margin-bottom:20px;} .m_sec3 .m_tit h2 {margin-bottom:10px; font-size: 32px;} .m_sec3 .m_tit span {font-size: 20px;} .m_sec3 .outer {flex-direction:column;} .m_sec3 .txt_wrap, .m_sec3 .img_wrap {width:100%;} .m_sec3 .img_wrap {gap:10px;} .m_sec4 .swiper-button-next, .m_sec4 .swiper-button-prev {display:none;} .m_sec4 .swiper-wrapper {padding-bottom: 46px;} .m_sec5 .m_tit h2:after {bottom: -14px; width:80px; display: block;} .m_sec5 .m_tit {margin-bottom: 50px;} .m_sec5 .outer {font-size:24px;} .m_sec5 .outer strong {margin: 20px 0; font-size: 32px;} .m_sec5 .outer small {font-size:1rem;} .m_sec6 ul {flex-direction: column; align-items: center; gap: 10px; font-size:18px;} .m_sec6 li {width:100%; border-radius:20px; padding:12px; height:auto;} .m_sec6 li .bi {margin-bottom:12px;} .m_tit h2 {font-size: 28px;} .m_sec7 .chart {padding:20px 10px;border-radius:20px;} .m_sec7 .chart h3 {padding:10px 20px; font-size:1rem;} .m_sec7 .chart h3 {margin-bottom: 20px;} .m_sec7 .chart > div {margin-top:20px; font-size:14px;} .m_sec7 .ph1 {margin-top:40px;} .m_sec7 .ph1 strong {font-size:26px;} .m_sec7 .ph1 strong span {display:block;} .m_sec7 .ph1 p {font-size:16px;} .m_sec7 .ph1 p br {display:none;} .m_sec7 .diagram {flex-direction:column; gap:0; margin-top:40px;} .m_sec7 .diagram > div {width:100%; padding:10px 20px; font-size:18px;} .m_sec7 .diagram img {height:42px;} .m_sec7 .diagram span {margin-top:-10px; font-size: 50px; line-height:1;} .m_sec8 .headline {gap:8px; font-size: 22px;} .m_sec8 .headline .dot {font-size: 5px;} .m_sec8 .headline > div span img {height: 22px;} @keyframes zoom-in { from { transform:translate3D(-50%, -50%, 0) scale(1); opacity: 0; } to { transform:translate3D(-50%, -50%, 0) scale(0.5); opacity: 1; } } .m_sec8 .conts strong {margin-bottom: 20px;font-size: 32px;} .m_sec8 .conts strong img {height:42px;} .m_sec8 .conts {margin-bottom:20px; font-size:28px;} .m_sec8 th, .m_sec8 td {font-size:1rem;} .m_sec8 td:last-child strong {/*font-size: 24px;*/} .m_sec8 small {font-size:12px;} .m_sec9 .conts_wrap {border-top-left-radius:100px;} .m_sec9.item_price .outer {gap:4px;} .m_sec9.item_price dl {width:100%;} .m_sec9.item_price .pricing {margin-top: 10px; padding-bottom: 10px;} .m_sec9.item_price .btn_wrap {padding-top:20px;} .price_table .plans {border:none;} .price_table .plan {border-radius:8px;} .price_table .plan:last-child {border-bottom:2px solid #7dc9c2!important;} .price_table .price {text-align:left;} .m_sec11 .diagram {flex-direction:column; align-items:center; gap:40px;} .m_sec11 .diagram li {width:100%; border:none; gap:10px;} .m_sec11 .diagram span {width:120px; height:120px;} .m_sec11 .diagram span img {height:40px;} .m_sec11 .txt_box {margin-top:40px; padding:20px;} .m_sec11 .headline {font-size:28px;} .m_sec12 {background-color:#05030e; background-size:240% auto;} .m_sec12 .conts_wrap {padding-top:160px; font-size:16px} .m_sec12 .headline {padding:20px; font-size:24px;} .m_sec13 .seo {padding:20px;} .m_sec13 .conts h3 {font-size:18px;} .m_sec13 .seo .searchbox1 {gap:12px; padding:10px 20px;} .m_sec13 .seo h2 {font-size:36px;} .m_sec13 li {font-size:16px;} .m_sec13 li .up, .m_sec13 li .down {display:inline-block;} .m_sec13 .conts_wrap {padding:0; border-top-left-radius:100px;} .m_sec13 .conts {padding:15px;} .m_sec13 .conts span {font-size:1rem;} .m_sec13 ul {flex-direction:column; align-items:center; margin-top:40px; border-top:1px solid #C4C397;} .m_sec13 li {width:100%; padding:10px 0; margin:0; border:none; border-bottom:1px solid #C4C397;} .m_sec13 li .up:after, .m_sec13 li .down:after {transform: scale(0.5);} .m_sec13 small {margin-top:10px; font-size:12px;} .m_sec13 li strong {margin-top: -16px; font-size:22px;} .m_searching .m_tit h2, .whydabory .how .tit_d1, .whydabory .tit_d1, .whydabory .kingkong h2 {font-size:32px;} .m_tit .headline {margin-top: 10px; font-size: 18px;} .m_searching .php, .m_searching .java {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:10px; padding:10px;} .whydabory .sub_visual .container {padding-top:0;} .whydabory .sub_visual .page_nav {font-size:22px;} .whydabory .sub_visual .desc {margin-top:24px; font-size:18px;} .whydabory .sub_visual:nth-of-type(2) {padding:40px 0 50px} .whydabory .sub_visual:nth-of-type(2) .primary_txt {font-size:32px;} .whydabory .tit_wrap .headline3 {font-size:16px;} .whydabory .sub_visual:nth-of-type(2) .primary_txt:last-child {white-space: normal;} .whydabory .sub_visual .primary_txt {font-size:32px;} .whydabory .item_whydabory .conts_wrap {gap:10px;} .whydabory .function .conts {grid-template-columns: repeat(2, 1fr); gap: 8px;} .whydabory .function dl {padding:10px;} .whydabory .how dl {border-left:none;} .whydabory .item_whydabory dl {width:100%;} .whydabory .item_whydabory .pricing {margin-top: 14px; padding-bottom: 16px;} .whydabory .item_whydabory ul {margin-top:24px;} .whydabory .benefit .accordion-button .icn {flex:none; width:50px; height:40px; margin-right:10px;} .whydabory .benefit .accordion-button .icn img {height:22px;} .whydabory .benefit .accordion-item {padding:15px 10px;} .whydabory .benefit .accordion-button {align-items:flex-start;} .whydabory .benefit .accordion-body {margin-left:0; margin-top:10px;} .whydabory .faq .accordion-item {padding:15px 3px;} .whydabory .faq .accordion-button span {width:40px; height:40px;} .whydabory .faq .accordion-body {margin-left:0; margin-top:10px;} .whydabory .faq .accordion-body .headline3 {font-size:16px;} .whydabory .why th, .whydabory .why td {padding: 10px;} .whydabory .need li {width:100%;} .whydabory .why tbody th {width:auto; word-break:break-all;} .whydabory .why tbody th br {display:block;} .whydabory .why tbody td {width:36%; padding-left:10px!important;} .whydabory .why tbody td.empha {width:40%;} .whydabory .why tbody td img {display:block; position:relative; top:auto; left:auto; margin-bottom:5px;} .whydabory .point .headline3 {margin-top:50px; margin-bottom:4px; font-size:16px; font-weight:700;} .whydabory .point .conts {gap:38px;} .whydabory .point dl {width:100%; padding:40px 20px; border-radius:20px;} .whydabory .point dl:before {top:-20px; width:50px; height:50px;} .whydabory .need {background-position: top 0 left 50%; background-size: auto 15%;} .whydabory .need .conts_wrap {padding-top:60px;} .whydabory .need .tit_d1 {margin-bottom:0; font-size:30px;} .whydabory .need .headline3 {margin-top:20px;} .whydabory .need li {gap:4px;} .whydabory .need li > div {width:calc(50% - 23px);} .whydabory .need li .img_wrap {width:90px; height:90px;} .whydabory .need img {margin-top:0; border-radius:0;} .whydabory .need li > img { width: 24px;} .whydabory .need .package {font-size:18px;} .whydabory .landing .bottom:before {height:120px;} .whydabory .landing .bottom h2 {margin-bottom:0;} .whydabory .m_shield .headline {font-size:24px;} .whydabory .m_shield .headline br {display:none;} .whydabory .m_shield .headline span {margin-top:10px; font-size:16px;} .whydabory .m_shield .conts {grid-template-columns:1fr; margin-top:20px;} .whydabory .m_feature .conts_wrap {padding-top:60px;} .whydabory .m_feature .conts, .whydabory .m_feature1 .conts {display:grid; grid-template-columns:repeat(1, 1fr); gap:8px;} .whydabory .m_feature .heading_title, .whydabory .m_feature1 .heading_title {font-size:28px;} .whydabory .m_feature .diagram, .whydabory .m_feature1 .diagram {margin-top:20px;} .work .hero-section .hero-badge {margin-bottom: 24px; padding: 8px 20px; font-size:16px;} .work .hero-section .hero-title { font-size:38px;} .work .hero-section .hero-description {font-size:18px;} .work .article1 {padding:40px var(--gutter-x); font-size:16px;} .work .article1 .txt_wrap {padding:0;} .m_sec15 .m_tit h2 {font-size: 42px;} .m_sec15 .m_tit {margin-bottom:20px;} .m_sec15 .m_tit > span {font-size:16px;} .m_sec15 .headline {margin-bottom:20px;} .m_sec15 .headline font {font-size: 22px;} .m_sec15 .headline {font-size:18px;} .m_sec15 .article2, .sub .feature {padding:40px 0 60px;} .m_sec15 .article2 > div, .sub .feature > div {flex-wrap:wrap;} .m_sec15 .article2 dl, .sub .feature dl {flex:auto; width:100%;} .ad .article1 {padding:40px var(--gutter-x);} .ad .article1 ul {grid-template-columns: repeat(1, 1fr) !important;} .ad .m_tit img {max-width: max-content; width:100%;} .ad .sec1 .m_tit {margin-bottom:42px; } .ad .sec1 .m_tit:after {bottom: -42px; height:26px;} .ad .sec1 .m_tit h2 {font-size:40px;} .ad .sec4 .article1 {padding:40px var(--gutter-x);} .ad .m_tit h2 {font-size:32px;} .ad .sec2 .lead {margin-top: 10px; font-size:20px;} .ad .sec4 .article1 {height:892px;} .busan .branch .tel {font-size:30px;} .busan .branch .tel i {font-size:20px;} .busan .branch .add {font-size:14px; text-align:center;} } /* Shared visual foundation for the five free homepage and service pages. */ :root { --service-ink:#17223b; --service-muted:#4b576f/*69758d*/; --service-blue:#315de8; --service-pale:#f4f7ff; color:var(--service-ink); } .free-homepage *, .free-template-page *, .multi-homepage *, .design-maintenance *, .devel-process *, .free-service-page * {box-sizing:border-box;} .fh-inner,.mh-inner,.dm-container,.dp-inner {width:min(1160px,calc(100% - 40px)); margin-right:auto; margin-left:auto;} .fh-section,.mh-section,.dm-section,.dp-section {padding:76px 0;} .fh-section.alt,.mh-section.alt,.dm-section-muted {background:var(--service-pale);} .fh-hero,.mh-hero,.dm-hero,.dp-hero {padding:76px 0; background:linear-gradient(135deg,#f0f5ff,#fff 62%,#f7f4ff);} .fh-hero-grid,.mh-hero-grid,.dm-hero-grid,.dp-hero-grid {display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:48px;} .fh-kicker,.mh-kicker,.dm-kicker,.dp-kicker {color:var(--service-blue); font-size:14px; font-weight:800; letter-spacing:.07em;} .fh-hero h1,.mh-hero h1,.dm-hero h1,.dp-hero h1 {margin:18px 0 16px; color:var(--service-ink); font-size:clamp(36px,5vw,58px); font-weight:800; line-height:1.2; letter-spacing:-.045em;} .fh-hero h1 em,.mh-hero h1 em,.dm-hero h1 em,.dp-hero h1 em {color:var(--service-blue); font-style:normal;} .fh-hero p,.mh-lead,.dm-hero-copy p,.dp-hero p {margin:0; color:var(--service-muted); font-size:18px; line-height:1.8;} .fh-hero-art, .dp-hero-art, .dm-hero-visual, .ft-hero-art {display:grid; place-items:center; min-height:300px; border-radius:30px; background: radial-gradient(circle at 50% 52%, #fff 0 27%, #e9efff 28% 54%, #dce6ff 55% 100%);} .fh-hero-art span {font-size:120px; filter:drop-shadow(0 15px 20px #315de833);} .dm-hero-visual {padding:26px;} .dm-hero-visual img {display:block; object-fit:contain; filter:drop-shadow(0 0 4px #315de822);} .fh-title,.mh-heading,.dm-heading,.dp-title {max-width:820px; margin:0 auto 38px; text-align:center;} .fh-title h2,.mh-heading h2,.dm-heading h2,.dp-title h2 {margin:0 0 12px; color:var(--service-ink); font-size:clamp(28px,3.5vw,48px); font-weight:700; letter-spacing:-.035em;} .fh-title p,.mh-heading p,.dm-heading p,.dp-title p {margin:0; color:var(--service-muted);font-size:clamp(18px,3.5vw,20px); line-height:1.75;} .fh-plan,.mh-card,.mh-step,.dp-step,.dm-service-card,.fs-card,.fs-diff-item {border:1px solid #e2e7f1; border-radius:16px; background:#fff; box-shadow:0 12px 34px #22345c0b;} .fh-button,.mh-button {display:inline-flex; justify-content:center; align-items:center; min-height:47px; padding:0 18px; border:0; border-radius:9px; background:var(--service-blue); color:#fff!important; font-weight:700; text-align:center; text-decoration:none!important; cursor:pointer;} .fh-button.secondary,.mh-button.secondary {border:1px solid var(--service-blue); background:#fff; color:var(--service-blue)!important;} .fh-cta {padding:54px 20px; background:#182747; color:#fff; text-align:center;} .fh-cta h2 {margin:0 0 12px; font-size: clamp(28px,3.5vw,38px)} .fh-cta p {margin:0 0 22px; color:#d8dfef;} .fh-modal,.fh-invoice-modal,.mh-invoice-modal {position:fixed; z-index:10050; inset:0; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(14,22,40,.68);} .fh-modal.is-open,.fh-invoice-modal.is-open,.mh-invoice-modal.is-open {display:flex;} .fh-modal-dialog {position:relative; width:min(980px,100%); max-height:calc(100vh - 48px); overflow:auto; border-radius:16px; background:#fff; box-shadow:0 24px 80px #06122e55;} .fh-modal-head {position:sticky; z-index:2; top:0; display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid #e6eaf2; background:#fff;} .fh-modal-head h2 {margin:0; font-size:22px;} .fh-close {display:grid; place-items:center; width:38px; height:38px; border:0; border-radius:50%; background:#f1f3f8; color:#26334d; font-size:23px; cursor:pointer;} .fh-modal-body {padding:24px;} .fh-modal-actions {display:flex; justify-content:flex-end; gap:8px; padding:0 24px 24px;} .fh-modal-actions .fh-button {width:auto; min-width:110px;} .fh-invoice-company,.fh-invoice-table { width:100%; border-collapse:collapse;} .fh-invoice-company { margin-bottom:18px; } .fh-invoice-company th, .fh-invoice-company td, .fh-invoice-table th, .fh-invoice-table td { padding:9px 10px; border:1px solid #dfe4ee; text-align:left; } .fh-invoice-company th { width:110px; background:#f5f7fb; } .fh-invoice-table thead th { background:#f1f4fa; text-align:center; color:var(--black);}.fh-invoice-table td:nth-child(n+3) { text-align:right; white-space:nowrap; }.fh-invoice-table tfoot th { padding:13px; background:#f7f8fb; text-align:right; font-size:16px; } .fh-invoice-company .stamp {position:relative; display:inline-block; } .fh-invoice-company .stamp img {position:absolute; top:-20px; right:-46px; height:60px;} .fh-invoice-notes { margin-top:18px; padding:16px 20px; border:1px solid #e2e6ee; border-radius:9px; font-size:14px; line-height:1.8; } .fh-invoice-notes strong { display:block; margin-bottom:6px; } /* Free homepage content. */ .fh-plans {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch;} .fh-plan {display:flex; flex-direction:column; padding:26px 22px;} .fh-plan h3 {margin:0; font-size:24px;} .fh-tagline {min-height:48px; margin:8px 0 18px; color:var(--service-muted);} .fh-plan-visual {display:grid; place-items:center; height:132px; margin-bottom:18px; border-radius:12px; background:linear-gradient(135deg,#eef3ff,#f9f7ff);} .fh-plan-visual img {max-width:100%; max-height:100%; object-fit:contain;} .fh-plan-desc {min-height:72px; color:#4f5b73; line-height:1.7;} .fh-price {margin:20px 0 0; padding-top:17px; border-top:1px solid #e9ecf3;} .fh-price strong {display:block; color:var(--service-blue); font-size:30px; letter-spacing:-.03em;} .fh-price small {color:var(--service-muted);} .fh-breakdown {margin:15px 0 18px; padding:13px 0; border-top:1px solid #eef0f5; border-bottom:1px solid #eef0f5;} .fh-breakdown div {display:flex; justify-content:space-between; gap:12px; margin:7px 0; color:#59647a;} .fh-breakdown b {color:var(--service-ink); white-space:nowrap;} .fh-actions {display:grid; grid-template-columns:1fr; gap:8px; margin-top:auto;} .fh-actions .fh-button {width:100%; padding:0 10px;} .fh-steps,.mh-steps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; counter-reset:step;} .fh-step,.mh-step {min-height:145px; padding:22px 18px; counter-increment:step;} .fh-step:before,.mh-step:before {display:block; margin-bottom:18px; color:var(--service-blue); content:"0" counter(step); font-size:21px; font-weight:800;} .fh-step h3,.mh-step h3 {margin:0 0 8px; font-size: clamp(16px,3.5vw,18px); color:var(--black);} .fh-step p,.mh-step p {margin:0; color:var(--service-muted);line-height:1.6;} .fh-includes {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .fh-include {padding:24px 18px; border:1px solid #e6eaf2; border-radius:15px; background:#fff; text-align:center;} .fh-include span {display:block; margin-bottom:12px; font-size:30px;} .fh-include h3 {margin:0 0 8px; font-size: clamp(16px,3.5vw,18px);} .fh-include p {margin:0; color:var(--service-muted); font-size:14px; line-height:1.6;} .fh-notice {margin:18px 0 0; color:var(--service-muted); font-size:13px; line-height:1.7; text-align:center;} .fh-design-toolbar {display:grid; gap:13px; margin-bottom:20px;} .fh-search {display:flex; gap:8px;} .fh-search input {flex:1; min-width:0; height:46px; padding:0 14px; border:1px solid #d8deeb; border-radius:8px; font:inherit;} .fh-search button,.fh-filter {min-height:38px; padding:0 13px; border:1px solid #d8deeb; border-radius:8px; background:#fff; color:#4c5870; cursor:pointer;} .fh-filter-row {display:flex; flex-wrap:wrap; gap:7px;} .fh-filter.is-active {border-color:var(--service-blue); background:var(--service-blue); color:#fff;} .fh-design-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;} .fh-design-card {overflow:hidden; border:1px solid #e5e9f1; border-radius:12px; background:#fff;} .fh-design-card img {display:block; width:100%; aspect-ratio:1.51; object-fit:cover; background:#f1f3f8;} .fh-design-info {padding:12px;} .fh-design-info h3 {min-height:38px; margin:0 0 10px; font-size:14px; line-height:1.4;} .fh-design-links {display:flex; gap:6px;} .fh-design-links a {flex:1; padding:8px 5px; border:1px solid #dce2ee; border-radius:6px; color:#43506a; font-size:12px; text-align:center; text-decoration:none;} .fh-empty {grid-column:1/-1; padding:34px 10px; color:var(--service-muted); text-align:center;} /* Multilingual homepage content and estimate. */ .mh-globe {position:relative; display:grid; place-items:center; min-height:300px; border-radius:30px; background:radial-gradient(circle at 50% 45%,#fff 0 25%,#e9efff 26% 50%,#dce6ff 51% 100%);} .mh-globe:before {font-size:132px; content:"🌐"; filter:drop-shadow(0 16px 20px #315de833);} .mh-globe span {position:absolute; padding:10px 16px; border-radius:30px; background:#fff; box-shadow:0 8px 24px #253d791a; font-weight:700;} .mh-globe span:nth-child(1) {top:18%; left:9%;}.mh-globe span:nth-child(2) {top:15%; right:8%;}.mh-globe span:nth-child(3) {bottom:18%; left:13%;}.mh-globe span:nth-child(4) {right:9%; bottom:14%;} .mh-quote {padding:32px; border:1px solid #e3e9f7; border-radius:20px; background:#fff; box-shadow:0 12px 38px #22345c0d;} .mh-options {display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:22px;} .mh-field h3 {margin:0 0 14px; font-size:16px;} .mh-chips {display:flex; flex-wrap:wrap; gap:8px;} .mh-chip {display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #dce2ee; border-radius:9px; color:#46516a; } .mh-chip input {accent-color:var(--service-blue);} .mh-base-prices {display:grid; gap:5px; margin-top:10px; padding:10px 12px; border-radius:8px; background:#f5f7fc;} .multi-homepage [hidden] {display:none!important;} .mh-base-prices span {display:flex; justify-content:space-between; gap:12px; color:var(--service-muted); font-size:12px; line-height:1.5;} .mh-base-prices strong {color:var(--service-ink); font-weight:700; white-space:nowrap;} .mh-note {margin:18px 0 0; padding:13px 16px; border-radius:10px; background:#f5f7fc; color:var(--service-muted); font-size:0.875rem; line-height:1.6;} .mh-breakdown {margin-top:16px; border-top:1px solid #e8ebf2;} .mh-breakdown-row {display:flex; justify-content:space-between; gap:20px; padding:11px 2px; border-bottom:1px solid #eef0f5; color:#4d5870;} .mh-breakdown-row strong {color:var(--service-ink); white-space:nowrap;} .mh-breakdown-row.is-total {padding:16px 2px; border-bottom:0; color:var(--service-ink); font-size:clamp(16px,3.5vw,18px); font-weight:700;} .mh-breakdown-row.is-total strong {color:var(--service-blue); font-size:24px;} .mh-total {display:flex; align-items:center; justify-content:flex-end; gap:20px; margin-top:22px; padding-top:20px; border-top:1px solid #e8ebf2;} .mh-quote-actions {display:flex; flex-wrap:wrap; gap:9px;} .mh-quote-actions .mh-button {cursor:pointer;} .mh-cards {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;} .mh-card {padding:24px 18px; text-align:center;} .mh-card .icon {display:grid; place-items:center; width:52px; height:52px; margin:0 auto 15px; border-radius:16px; background:#edf2ff; font-size:25px;} .mh-card .icon img {max-width:100%; max-height:100%; object-fit:contain;} .mh-card h3 {margin:0 0 8px; font-size:clamp(16px,3.5vw,18px); color:var(--black);} .mh-card p {margin:0; color:var(--service-muted); line-height:1.65;} .mh-partner {display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:48px; padding:40px; border-radius:24px; background:#f5f7fc;} .mh-partner h2 {margin:0 0 14px; font-size:30px;} .mh-partner p {color:var(--service-muted); line-height:1.8;} .mh-rates {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;} .mh-rate {padding:18px; border-radius:12px; background:#fff; text-align:center;} .mh-rate b {display:block; margin-bottom:6px;} .mh-rate span {color:var(--service-blue); font-weight:800;} .mh-footnote {margin:18px 0 0; color:var(--service-muted); font-size:13px; line-height:1.7;} .mh-cta,.fs-cta {padding:54px 20px; background:#182747; color:#fff; text-align:center;} .mh-cta h2,.fs-cta h2 {margin:0 0 12px; font-size:32px;} .mh-cta p,.fs-cta p {margin:0 0 22px; color:#d8dfef;} .mh-invoice-modal .fh-modal-dialog {width:min(980px,100%);} .mh-invoice-modal .fh-modal-actions .mh-button {width:auto; min-width:110px;} /* Design maintenance cards and reference table. */ .dm-service-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch;} .dm-service-card {padding:28px 24px;} .dm-service-card img {display:block; width:68px; height:68px; margin:0 auto 18px; object-fit:contain;} .dm-service-label {display:flex; align-items:center; justify-content:center; width:fit-content; margin:16px auto; padding:4px 16px; background:#c34a00; border-radius:100px; font-size: 0.875rem; font-weight:700; text-align:center; color:#fff;} .dm-service-card-free .dm-service-label {background:#168765; } .dm-service-card h3 {color:var(--service-ink); font-size:clamp(16px,4vw,18px); font-weight:600; text-align:center;} .dm-service-card ul {display:grid; gap:10px; margin:0; padding:0; list-style:none;} .dm-service-card li {position:relative; padding-left:20px; color:#566178; line-height:1.65;} .dm-service-card li:before {position:absolute; top:0; left:0; color:var(--service-blue); content:"✓"; font-weight:800;} .dm-notes {display:grid; gap:8px; margin:22px 0 0; padding:18px 20px; border-radius:10px; background:#fff8e8; color:#745414; line-height:1.7; list-style:none;} .dm-notes li {position:relative; padding-left:18px;} .dm-notes li:before {position:absolute; left:0; content:"※";} .dm-table-wrap {overflow-x:auto; border:1px solid #e1e6ef; border-radius:12px; background:#fff;} .dm-price-table {width:100%; min-width:680px; border-collapse:collapse; color:#46516a; font-size:14px;} .dm-price-table th,.dm-price-table td {padding:13px 16px; border-bottom:1px solid #e9edf3; text-align:left;} .dm-price-table thead th {background:#eef2f9; color:#25334d; font-weight:800;} .dm-price-table tbody tr:last-child th,.dm-price-table tbody tr:last-child td {border-bottom:0;} .dm-price-table tbody th[scope="rowgroup"] {width:100px; background:#fafbfe; color:#25334d; text-align:center; vertical-align:middle;} .dm-price-table td:nth-last-child(2) {text-align:right; white-space:nowrap;} .dm-price-table td:last-child {width:95px; text-align:center;} .dm-free-tag {display:inline-block; padding:4px 10px; border-radius:20px; background:#e7f7f1; color:#168765; font-size:12px; font-weight:800;} .dm-caution {display:flex; gap:14px; margin-top:22px; padding:20px 22px; border:1px solid #f1dfad; border-radius:12px; background:#fffaf0;} .dm-caution > img {flex:none; width:28px; height:28px; object-fit:contain;} .dm-caution h3 {margin:0 0 8px; color:#5f4b1c; font-size:16px;} .dm-caution ul {display:grid; gap:6px; margin:0; padding-left:18px; color:#715f34; font-size:13px; line-height:1.7;} /* Process page and shared step card. */ .dp-hero-grid {grid-template-columns:1fr .8fr;} .dp-process-art img {filter: drop-shadow(0 0 1px #689be8);} .dp-process-art-head {display:flex; align-items:center; gap:6px; padding-bottom:15px; border-bottom:1px solid #edf0f6;} .dp-process-art-head i {width:8px; height:8px; border-radius:50%; background:#dce3ef;} .dp-process-art-head span {width:74px; height:7px; margin-left:7px; border-radius:8px; background:#edf1f8;} .dp-process-art-title {margin:17px 0 15px; color:#24334f; font-size:15px; font-weight:800;} .dp-process-art-list {display:grid; gap:11px;} .dp-process-art-row {display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid #edf0f6; border-radius:10px; background:#fff;} .dp-process-art-row b {display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:#edf2ff; color:var(--service-blue); font-size:12px;} .dp-process-art-row span {height:8px; border-radius:8px; background:#e9edf5;} .dp-process-art-row span:nth-child(2) {width:78%;} .dp-process-art-row span:nth-child(3) {width:42px; height:6px; background:#c9d7fb;} .dp-process-art-row.is-done b {background:#e6f8f1; color:#21a579;} .dp-process-art-check {position:absolute; right:-16px; bottom:22px; display:grid; place-items:center; width:54px; height:54px; border:5px solid #fff; border-radius:50%; background:#23b887; color:#fff; font-size:27px; font-weight:800; box-shadow:0 9px 22px #148d682e;} .dp-steps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch;} .dp-step {display:flex; flex-direction:column; padding:24px 20px;} .dp-step-number {display:grid; place-items:center; width:36px; height:36px; margin-bottom:15px; border-radius:50%; background:#edf2ff; color:var(--service-blue); font-weight:800;} .dp-step img {display:block; margin:0 auto 18px; object-fit:contain;} .dp-step h3 {margin:0 0 10px; font-size:clamp(16px,4vw,18px); font-weight:600; line-height:1.45; color:var(--black);} .dp-step p {margin:0; color:var(--service-muted); line-height:1.75;} .dp-step a {display:inline-block; margin-top:auto; padding-top:14px; color:var(--service-blue); font-weight:700; text-decoration:none;} .dp-step a:hover {text-decoration:underline;} /* Free service feature cards. */ .fs-hero {padding:76px 24px 58px; background:#f5f8fc; text-align:center;} .fs-hero h1 {margin:0 0 18px; color:#202936; font-size:clamp(30px,4vw,44px); font-weight:800; letter-spacing:-1.6px;} .fs-hero p {max-width:760px; margin:0 auto; color:var(--service-muted); font-size:17px; line-height:1.8;} .fs-section {max-width:1230px; margin:0 auto; padding:68px 24px;} .fs-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;} .fs-card {min-height:300px; padding:30px 24px; box-shadow:0 5px 20px rgba(30,55,85,.045);} .fs-icon {display:block; width:74px; height:74px; margin:0 auto 22px; object-fit:contain;} .fs-card h2 {margin:0 0 13px; color:var(--black); font-size: clamp(16px,3.5vw,18px); font-weight:600; line-height:1.6; text-align:center;} .fs-card p {margin:0; color:#687385; line-height:1.6;} .fs-card .fs-note {margin-top:10px; color:#8993a1; font-size:0.875rem;} .fs-difference {background:#f7f9fc;} .fs-difference-inner {max-width:1180px; margin:0 auto; padding:70px 24px;} .fs-difference h2 {margin:0 0 42px; color:#202936; font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:-1px; text-align:center;} .fs-diff-grid {display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px;} .fs-diff-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:24px 14px; text-align:center;} .fs-diff-item i {color:var(--service-blue); font-size:28px;} .fs-diff-item img {max-width:100%; width:100px; height:76px; object-fit:contain;} .fs-diff-item strong {color:#333d4b; font-size:15px; line-height:1.5;} .fs-cta {padding:52px 24px 70px; text-align:center;} .fs-cta p {font-size:18px;} .fs-cta a {display:inline-block; min-width:190px; padding:15px 28px; border-radius:5px; background:var(--service-blue); color:#fff; font-size:16px; font-weight:700; text-decoration:none;} .free-service-page .shield .conts_wrap {padding-top:40px; padding-bottom:clamp(40px, 12vw, 100px);} .free-service-page .shield .hero {padding:6px; background: linear-gradient(to bottom, #32a88c, #002316 50% );; border-radius: 10px 10px 0 0; overflow: hidden; border-radius:12px; color: #fff; overflow:hidden;} .free-service-page .shield .hero-intro {min-height:380px; position: relative; display: flex; align-items: center; overflow: hidden; background:#001f10 url(/themes/aegisx/pro/resources/images/whydabory_shield_bg.webp); background-repeat:no-repeat; background-size:cover; background-position:right; border-radius: 8px;} .free-service-page .shield .hero-copy {z-index: 2; padding: 12px 0 14px 50px; width: 46%; flex-shrink: 0; text-align:left;} .free-service-page .shield .eyebrow {font-size:24px; letter-spacing: 1.8px; color: #e2f4e9; font-weight:500; margin: 0 0 12px;} .free-service-page .shield .hero h1 {font-size: clamp(36px,5.3vw,70px); line-height: 1.04; margin: 0 0 18px; font-weight:800; white-space: nowrap;} .free-service-page .shield .hero h1 mark {background: transparent; color:#ffe32d;} .free-service-page .shield .hero h1 .mint {color: #32ffaf;} .free-service-page .shield .hero-copy p {font-weight:500; font-size: clamp(14px,1.65vw,20px); margin: 0;} .free-service-page .shield .stats {display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 13px;} .free-service-page .shield .stat {min-height: 134px; border: 1px solid #069d72; background: linear-gradient( 135deg, #005d40, #003e2e );border-radius: 10px;display: flex;align-items:flex-start;flex-direction: column; padding:20px 30px;} .free-service-page .shield .stat.blue {background: linear-gradient( 135deg,#00486e, #00354d ); border-color: #0087d2;} .free-service-page .shield .stat.brown {background: linear-gradient(135deg, #68401b, #3e2a13 ); border-color: #9b6b13;} .free-service-page .shield .stat-heading {display: flex; align-items: center; gap: 12px; width: 100%; font-size:20px; font-weight:700;} .free-service-page .shield .stat-icon {display: grid; place-items: center; background: linear-gradient( 135deg, #53ff8a, #00ab5c ); height: 55px; width: 55px; border-radius: 100%; flex-shrink: 0; color: white; font-size: 28px; box-shadow: 0 7px 14px #001b1670;} .free-service-page .shield .blue .stat-icon { background: linear-gradient( 135deg, #3fd3ff, #005ae0 ); } .free-service-page .shield .brown .stat-icon { background: linear-gradient( 135deg, #ffac50, #fc5219 ); } .free-service-page .shield .stat-num {padding-left:65px; color:#ffe32d; font-size: clamp(24px,3.4vw,38px); line-height: 1.1; font-weight: 800; margin: 3px 0 5px; text-align:left;} .free-service-page .shield .stat-desc {padding-left:65px; text-align:left; line-height: 1.35;} .free-service-page .process {display: grid; grid-template-columns:repeat(4, 1fr); gap: 10px; align-items: stretch; margin-top: 11px; padding:20px; padding-left:40px; border: 1px solid #05775b; border-radius: 10px; text-align:left;} .free-service-page .process-title h2 {font-size:30px; line-height: 1.12; margin: 0 0 18px; letter-spacing: -1px;} .free-service-page .process-title h2 strong {margin-top:10px; font-size:46px; color: var(--yellow); font-weight:800;} .free-service-page .process-title p {font-size:18px; line-height: 1.5; margin: 0;} .free-service-page .step {border: 1px solid #0e988b; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 8px; text-align: center; font-weight: 500; line-height: 1.4;} .free-service-page .step b {font-size:20px; font-weight:600;} .free-service-page .platform {background:#023224;} .free-service-page .cloudfare {background:#082a1d;} .free-service-page .cloudfare .emoji + strong {font-size: 30px; margin-bottom: 20px;} .free-service-page .expend {background:#033421;} .free-service-page .step .emoji {margin: 6px;} .free-service-page .step ul {padding: 0; margin: 2px 0; list-style: none; text-align: left; font-size:17px; line-height:1.2;} .free-service-page .step li:before {content: '✓'; color: #19ffa0; margin-right: 14px; font-size:24px; font-weight:800; line-height:1;} .free-service-page .step strong {font-size: 19px; color: #fff;} .free-service-page .arrow {display: flex; align-items:center; justify-content: center; font-size: 34px; font-weight: 900; color: #69ffc4;} .free-service-page .recommend {border: 1px solid #076f57; border-radius: 10px; display: grid; grid-template-columns: 1.1fr repeat(5,1fr); align-items: center; margin-top: 9px; padding: 20px ; padding-left:40px; gap: 8px; text-align:left;} .free-service-page .recommend-title {font-size:38px; font-weight: 700; line-height: 1.3;} .free-service-page .use {min-height: 68px; border-left: 1px solid #106e5c; padding-left: 20px; display: flex; gap:20px; align-items: flex-start; } .free-service-page .recommend i {font-size:38px; color:#01eff9;} .free-service-page .use b {display: block; margin-bottom: 5px;} .free-service-page .use small {line-height: 1.45; display: block;} .free-service-page .features {display:flex; flex-direction:column; gap:12px; margin-top:24px; background: #f8fcff; text-align:left;} .free-service-page .feature {display: flex; align-items: center; justify-content: space-between; gap:20px; min-height:364px; border-radius:20px; position: relative; overflow: hidden; padding: 40px 0; padding-left:60px; box-shadow: 0 2px 12px #2361b00a;} .free-service-page .feature.blue {background:#003a7a url('/themes/aegisx/pro/resources/images/newspaper.webp') no-repeat; background-position: center right; background-size: 50% auto; color: white;} .free-service-page .feature.sky {background:#0076d6 url('/themes/aegisx/pro/resources/images/seo.webp') no-repeat; background-position: center right; background-size: 50% auto; color: white;} .free-service-page .feature .small {color: #ffef38; font-size:20px; font-weight:600; margin: 0 0 7px;} .free-service-page .feature-copy {z-index: 1;max-width: 50%;} .free-service-page .feature h2 {font-size: clamp(24px,3vw,40px); line-height: 1.12; margin: 0 0 15px; font-weight: 800;} .free-service-page .feature h2 strong {color: #ffe431;} .free-service-page .feature p {margin: 0 0 10px; font-size:18px;} .free-service-page .feature-art {position:absolute; right:0; width:50%; height: 100%; object-fit: contain; object-position: center;} .free-service-page .feature.sky .feature-art {width: 50%; right: 0%;} /* Business features: editable copy beside the supplied service artwork */ .free-service-page .business-features {display:flex; flex-direction:column; gap:18px; margin-top:24px;} .free-service-page .business-feature-panel {position:relative; display:grid; grid-template-columns:42% minmax(0,1fr); align-items:stretch; min-height:340px; overflow:hidden; border-radius:24px; isolation:isolate;} .free-service-page .business-feature-panel--sense {background:linear-gradient(100deg,#d8f4ee 48%,#f1fbf9 100%);} .free-service-page .business-feature-panel--links {background:linear-gradient(100deg,#e5e3ff 48%,#f7f6ff 100%);} .free-service-page .business-feature-art {grid-column:1; grid-row:1; display:block; width:100%; height:100%; min-height:340px; object-fit:cover; object-position:left center;} .free-service-page .business-feature-copy {position:relative;grid-column:2; grid-row:1; align-self:center; padding:28px clamp(20px,2.4vw,48px) 28px clamp(20px,2vw,40px); color:#101c3c; text-align:left;} .free-service-page .business-feature-copy .feature-copy-top {display:flex;} .free-service-page .business-feature-brand {position:relative; display:inline-block; margin:0 0 12px; font-size:clamp(34px,4vw,64px); font-weight:850; letter-spacing:-.065em; line-height:1; color:#061533;} .free-service-page .business-feature-brand span {color:#00845f;} .free-service-page .business-feature-brand--links span {color:#5729e9;} .free-service-page .business-feature-brand i {display:inline-block; margin-left:10px; font-size:.55em; font-style:normal; vertical-align:top; color:#07845e; transform: scaleX(-1);} .free-service-page .business-feature-brand--links i {color:#5729e9;} .free-service-page .business-feature-copy h2 {margin:0 0 12px; font-size:clamp(23px,2.4vw,40px); line-height:1.22; font-weight:800; letter-spacing:-.04em;} .free-service-page .business-feature-panel--sense h2 strong {color:#00845f;} .free-service-page .business-feature-panel--links h2 strong {color:#5526e6;} .free-service-page .business-feature-description {margin:0 0 20px; font-size:clamp(14px,1.25vw,19px); line-height:1.55; color:#252936;} .free-service-page .business-feature-points {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;} .free-service-page .business-feature-point {position:relative; display:flex; align-items:center; justify-content:center; gap:10px; min-height:88px; padding:12px; border:1px solid rgba(80,83,150,.1); border-radius:16px; background:rgba(255,255,255,.88); font-size:clamp(12px,1.05vw,16px); line-height:1.4; } .free-service-page .business-feature-point:not(.business-feature-point--brand)::before {position:absolute; top:50%; transform:translateY(-50%); right:-32px; content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 8px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 12H7m5-5l-5 5 5 5' stroke='%232D8C7A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");} .free-service-page .business-feature-point:last-child::before {transform:translateY(-50%) scaleX(-1); right:auto; left:-25px;} .free-service-page .business-feature-point b {font-size:1.08em;} .free-service-page .business-feature-point small {display:block; margin-top:3px; font-size:14px; line-height:1.4;} .free-service-page .business-feature-point-icon {flex:0 0 auto; color:#582be9; font-size:30px; font-weight:700;} .free-service-page .business-feature-panel--sense .business-feature-point-icon {color:#00856c;} .free-service-page .business-feature-point--brand { border:1.7px solid rgba(0,132,95,.4); text-align:center;} .free-service-page .business-feature-point--brand span span {color:#00845f;} .free-service-page .business-feature-point--brand b {font-size:1.2em; letter-spacing:-.04em;} .free-service-page .business-feature-copy .bubble {} .free-service-page .business-feature-copy .bubble:before {content:"\f233"; font-family: "Font Awesome 6 Free"; font-weight:900;} .free-service-page .business-feature-copy .bubble::after { position: relative; display: inline-block; background: #0d4a39; /* 말풍선 배경색 */ color: #ffffff; /* 텍스트 색상 */ padding: 12px 20px; border-radius: 10px; font-size: 15px; } .free-service-page .business-feature-copy .speech-bubble {position:absolute; top:10px; right:10px; width:290px; background:#035647; border-radius: 10px; color: #fff; padding:15px; border-radius:20px; background: linear-gradient(135deg, #004e40, #006451 55%, #004c3d); color: white;} .free-service-page .speech-bubble::after { content: ""; position: absolute; bottom: -30px; left: 23%; border-width: 35px 30px 0 0; border-style: solid; border-color: #005746 transparent transparent; } .free-service-page .business-feature-copy .title {color: #ffe500; font-size: 26px; font-weight:800; text-align:left; margin: 0 0 12px; } .free-service-page .business-feature-copy .speech-bubble .content {display: flex; align-items: center; gap:4px;} .free-service-page .business-feature-copy .speech-bubble .description { font-size: 16px; line-height: 1.5; font-weight: 500; word-break: keep-all;} .free-service-page .business-feature-copy .speech-bubble .icon {flex-shrink: 0;} .free-service-page .business-feature-copy .speech-bubble svg {width:60px; height:60px;} @media(max-width:1000px) { .fh-plans {grid-template-columns:1fr; max-width:620px; margin:0 auto;} .fh-plan-visual {height:110px;} .fh-steps,.fh-includes,.mh-steps,.dp-steps {grid-template-columns:repeat(2,minmax(0,1fr));} .mh-cards {grid-template-columns:repeat(2,minmax(0,1fr));} .mh-options {grid-template-columns:1fr;} .mh-partner {grid-template-columns:1fr; gap:20px;} .dm-service-grid {grid-template-columns:1fr; max-width:650px; margin:0 auto;} .fs-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .fs-diff-grid {grid-template-columns:repeat(3,minmax(0,1fr));} .free-service-page .shield .stats {grid-template-columns: repeat(2, 1fr); align-items: center; text-align:center!important;} .free-service-page .shield .stat {align-items: center; min-height:210px; } .free-service-page .shield .stat-num {width: 100%; padding-left:0; text-align:center;} .free-service-page .shield .stat-desc {width: 100%; padding-left:0; text-align:center;} .free-service-page .process {grid-template-columns: repeat(3, 1fr); padding:20px;} .free-service-page .process-title {grid-column: 1/-1;} .free-service-page .recommend {grid-template-columns: repeat(3,1fr); gap: 20px; } .free-service-page .recommend-title {grid-column: 1/-1; } .free-service-page .use {min-height: 58px;} .free-service-page .use:first-child {border-left:none;} .free-service-page .feature {min-height: 226px; padding:20px; padding-left:20px;} .free-service-page .shield .hero-intro {align-items:flex-start; background-position: right bottom -86px;} .free-service-page .business-feature-copy .speech-bubble {position:relative; top:0; left:0; right:auto; width:100%; padding:10px 15px; margin-bottom:10px; border-radius:10px; } .free-service-page .business-feature-copy .title {margin-bottom:0; font-size:20px;} .free-service-page .business-feature-copy h2 br {display:none;} .free-service-page .business-feature-description {margin-bottom:10px;} .free-service-page .business-feature-copy .speech-bubble .icon {display:none;} .free-service-page .speech-bubble::after {display:none;} .free-service-page .business-feature-point::before {display:none!important;} } @media(max-width:700px) { .fh-modal,.fh-invoice-modal,.mh-invoice-modal {padding:10px;} .fh-modal-dialog {max-height:calc(100vh - 20px);} .fh-modal-body {padding:14px;} .fh-modal-head {padding:14px;} .fh-invoice-scroll {overflow-x:auto;} .fh-invoice-table {min-width:650px; font-size:11px;} .fh-invoice-company th {width:75px;} .fh-design-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .free-service-page .business-features {gap:14px; margin-top:18px;} .free-service-page .business-feature-panel {grid-template-columns:1fr; border-radius:18px;} .free-service-page .business-feature-art {grid-column:1; grid-row:1; width:100%; height:auto; min-height:0; aspect-ratio:1.5 / 1; object-fit:cover;} .free-service-page .business-feature-copy {grid-column:1; grid-row:2; padding:20px 16px 18px;} .free-service-page .business-feature-brand {font-size:40px; margin-bottom:10px;} .free-service-page .business-feature-copy h2 {font-size:25px;} .free-service-page .business-feature-description {font-size:15px;} .free-service-page .business-feature-description br {display:none;} .free-service-page .business-feature-points {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:7px;} .free-service-page .business-feature-point {gap:20px; padding:8px 4px; font-size:14px; border-radius:12px;} .free-service-page .business-feature-point b {font-size:14px;} .free-service-page .business-feature-point-icon {font-size:22px;} .free-service-page .business-feature-point--brand {font-size:10px;} .free-service-page .shield .conts_wrap {padding-bottom:40px;} .free-service-page .hero { margin-top: 12px; padding: 10px; } .free-service-page .hero-intro { min-height: 430px; display: block; } .free-service-page .hero-copy { width: 100%; padding: 15px 9px; position: relative; } .free-service-page .eyebrow { font-size: 11px; margin-bottom: 8px; } .free-service-page .hero h1 { font-size: clamp(34px,9vw,48px); margin-bottom: 10px; letter-spacing: -2px; } .free-service-page .hero-visual { inset: 175px 0 0 0; } .free-service-page .free-service-page .globe { width: 76%; height: 100%; margin-left: -6%; } .free-service-page .hosting { width: 35%; right: 0; top: 22%; font-size: 10px; } .free-service-page .hosting .host-title { font-size: 11px; padding: 5px 2px; } .free-service-page .hosting small { font-size: 8px; } .free-service-page .shield .stats {grid-template-columns: repeat(1, 1fr); gap: 8px;} .stat { min-height: 156px; padding: 11px 4px; } .free-service-page .stat-heading { font-size: 12px; } .free-service-page .stat-num { font-size: 32px; } .free-service-page .stat-num.compact { font-size: 23px; } .free-service-page .process { grid-template-columns: repeat(1,1fr); gap:8px; padding: 20px 15px;} .free-service-page .process-title { grid-column: 1/-1; } .free-service-page.process-title h2 { font-size: 22px; margin-bottom: 6px; } .free-service-page.process-title p { font-size: 11px; } .free-service-page .step { font-size: 9px; padding: 7px 4px; } .free-service-page .step .emoji { font-size: 33px; } .free-service-page .step strong { font-size: 15px; } .free-service-page .recommend {grid-template-columns: repeat(1,1fr); padding: 12px;} .free-service-page .recommend-title { font-size:28px;} .free-service-page .use { padding-left: 7px; } .free-service-page .features {margin-top:10px;} .free-service-page .feature { min-height: 460px; align-items: flex-start; padding: 21px; margin-bottom: 11px; } .free-service-page .feature-copy { max-width: 100%; } .free-service-page .feature .small {font-size:16px;} .free-service-page .feature h2 {font-size: 28px;} .free-service-page .feature p { font-size:1rem;} .free-service-page .feature.blue, .free-service-page .feature.sky {background-size:100%; background-position:center bottom;} .free-service-page .shield .hero-copy {width:100%; padding-left:12px;} .free-service-page .shield .eyebrow {font-size:18px;} .free-service-page .shield .hero-intro {background-position:right bottom; background-size:auto 52%;} .free-service-page .business-feature-copy .speech-bubble {min-height:auto;} } @media(max-width:640px) { .fh-inner,.mh-inner,.dm-container,.dp-inner {width:calc(100% - 28px);} .fh-hero,.mh-hero,.dm-hero,.dp-hero {padding:52px 0;} .fh-hero-grid,.mh-hero-grid,.dm-hero-grid,.dp-hero-grid {grid-template-columns:1fr; gap:24px;} .fh-hero-art,.mh-globe,.dm-hero-visual,.dp-hero-art {min-height:230px;} .fh-hero-art span {font-size:90px;} .dm-hero-copy p {font-size:16px;} .dm-hero-visual {padding:18px;} .dm-hero-visual img {max-height:210px;} .mh-globe:before {font-size:96px;} .fh-section,.mh-section,.dm-section,.dp-section {padding:54px 0;} .fh-plan {padding:22px 18px;} .fh-steps,.fh-includes,.mh-steps,.dp-steps {gap:10px;} .fh-step,.mh-step {padding:18px 13px;} .fh-step {min-height:155px;} .mh-quote {padding:20px;} .mh-total {align-items:flex-start; flex-direction:column;} .mh-total .mh-button {width:100%;} .mh-cards {gap:10px;} .mh-card {padding:18px 12px;} .mh-partner {padding:24px 18px;} .mh-rates {grid-template-columns:repeat(2,minmax(0,1fr));} .dp-process-art {width:min(330px,82%); padding:16px;} .dp-step {padding:22px 18px;} .fs-hero {padding:54px 20px 42px;} .fs-hero p {font-size:15px;} .fs-section {padding:38px 16px;} .fs-grid {grid-template-columns:1fr; gap:14px;} .fs-card {min-height:0; padding:26px 22px;} .fs-difference-inner {padding:48px 16px;} .fs-diff-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;} .dm-price-table th,.dm-price-table td {padding:11px 12px;} .dm-caution {padding:16px;} } @media print { body * {visibility:hidden!important;} .fh-invoice-modal,.fh-invoice-modal *,.mh-invoice-modal,.mh-invoice-modal * {visibility:visible!important;} .fh-invoice-modal,.mh-invoice-modal {position:absolute!important; inset:0!important; display:block!important; padding:0!important; background:#fff!important;} .fh-invoice-modal .fh-modal-dialog,.mh-invoice-modal .fh-modal-dialog {width:100%!important; max-height:none!important; overflow:visible!important; box-shadow:none!important;} .fh-invoice-modal .fh-modal-head button,.fh-invoice-modal .fh-modal-actions,.mh-invoice-modal .fh-modal-head button,.mh-invoice-modal .fh-modal-actions {display:none!important;} .fh-invoice-modal .fh-modal-body,.mh-invoice-modal .fh-modal-body {padding:0!important;} } /* Free custom-design homepage. Reuses the shared fh-* layout and controls. */ .free-template-page {color:var(--service-ink);} .ft-hero {padding:76px 0; background:linear-gradient(135deg,#edf3ff,#fff 56%,#f4f0ff);} .ft-hero-grid {display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px;} .ft-hero-copy h1 {margin:18px 0 16px; font-size:clamp(40px,5vw,62px); font-weight:850; line-height:1.17; letter-spacing:-.055em;} .ft-hero-copy h1 em {color:var(--service-blue); font-style:normal;} .ft-hero-copy h2 {margin:0 0 14px; font-size:clamp(19px,2vw,24px); letter-spacing:-.035em;} .ft-hero-copy p {margin:0; color:var(--service-muted); font-size:17px; line-height:1.85;} .ft-pills {display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 24px;} .ft-pills span {padding:8px 12px; border:1px solid #dbe4fa; border-radius:30px; background:#ffffffc7; color:#3656a0; font-size:13px; font-weight:750;} .ft-hero-copy .fh-button {gap:12px; min-height:52px; padding:0 22px;} .ft-hero-art {padding:26px;} .ft-hero-art img {display:block; object-fit:contain; filter:drop-shadow(0 0 4px #689be8);} .ft-browser {width:82%; overflow:hidden; border:1px solid #d8dfeb; border-radius:14px; background:#fff; box-shadow:0 25px 65px #243d7629; transform:rotate(-2deg);} .ft-browser-bar {display:flex; align-items:center; gap:5px; height:30px; padding:0 11px; border-bottom:1px solid #edf0f5; background:#fbfcfe;} .ft-browser-bar i {width:7px; height:7px; border-radius:50%; background:#d6dce7;} .ft-browser-bar span {margin-left:auto; color:#99a3b3; font-size:8px; letter-spacing:.08em;} .ft-browser-body {position:relative; min-height:250px; padding:0 20px 20px; overflow:hidden; background:#f7f6f1;} .ft-browser-nav {position:relative; z-index:2; display:flex; align-items:center; gap:14px; height:44px; color:#29342d;} .ft-browser-nav b {margin-right:auto; font-size:10px; letter-spacing:.08em;} .ft-browser-nav span {width:22px; height:3px; border-radius:4px; background:#aab2aa;} .ft-browser-nav .ft-nav-button {width:42px; height:15px; background:#283b32;} .ft-browser-copy {position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; width:64%; padding-top:26px;} .ft-browser-copy small {margin-bottom:9px; color:#7b887e; font-size:7px; letter-spacing:.12em;} .ft-browser-copy strong {color:#26372e; font-family:Georgia,serif; font-size:clamp(24px,3vw,38px); font-weight:500; line-height:.98;} .ft-browser-copy i {width:75%; height:3px; margin-top:11px; border-radius:4px; background:#d5d9cf;} .ft-browser-copy i + i {width:48%; margin-top:5px;} .ft-browser-copy b {margin-top:14px; padding:7px 9px; background:#26372e; color:#fff; font-size:7px;} .ft-browser-image {position:absolute; right:0; bottom:0; width:40%; height:73%; background:linear-gradient(145deg,#c7d4c4,#728676 52%,#d0b99a); clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);} .ft-browser-image:before {position:absolute; top:19%; left:35%; width:52%; height:68%; border-radius:50% 50% 0 0; background:linear-gradient(130deg,#ddc5a8,#74857a); content:"";} .ft-browser-image span {position:absolute; right:12px; bottom:9px; color:#ffffffb5; font-family:Georgia,serif; font-size:25px;} .ft-ai-badge {position:absolute; right:3%; bottom:8%; padding:11px 14px; border:1px solid #e4e9f5; border-radius:11px; background:#fff; color:#65718a; font-size:10px; line-height:1.5; box-shadow:0 12px 28px #263d7020;} .ft-ai-badge b {color:var(--service-blue); font-size:11px;} .ft-compare {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;} .ft-compare-card,.ft-way {overflow:hidden; border:1px solid #e2e7f1; border-radius:16px; background:#fff; box-shadow:0 12px 34px #22345c0b;} .ft-compare-visual {position:relative; display:flex; align-items:center; justify-content:center; gap:18px; min-height:210px;background:#f3f5f9;} .ft-compare-custom .ft-compare-visual {background:linear-gradient(135deg,#eef2ff,#f9f5ff);} .ft-compare-custom {border: 2px solid transparent; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(60deg, #4b73e5, #e115c6); background-origin: border-box; background-clip: content-box, border-box;} .ft-template-window.second {transform:rotate(5deg);} .ft-template-window span,.ft-custom-window span {color:#98a1b1; font-size:8px; letter-spacing:.1em;} .ft-template-window i,.ft-custom-window i {width:70%; height:6px; margin-top:13px; border-radius:5px; background:#dfe4ec;} .ft-template-window i + i,.ft-custom-window i + i {width:48%; margin-top:5px;} .ft-template-window b,.ft-custom-window b {margin-top:auto; color:#566278; font-size:10px;} .ft-custom-window i {background:#9eafe1;}.ft-custom-window i + i {background:#d4c8ef;}.ft-custom-window b {color:#334a91;} .ft-spark {position:absolute; top:20%; right:18%; color:#e8a73b; font-size:32px;} .ft-compare-copy {padding:22px 24px 25px;} .ft-label {color:#8d96b3; font-weight:800;} .ft-compare-custom .ft-label {color:var(--service-blue);} .ft-compare-copy h3 {margin:8px 0; font-size: clamp(18px,1.05vw,22px)} .ft-compare-copy p {margin:0; color:var(--service-muted); line-height:1.7;} .ft-ways {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;} .ft-way {position:relative; padding:20px;}.ft-way-number {position:absolute; top:18px; left:18px; z-index:1; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#edf2ff; color:var(--service-blue); font-size:13px; font-weight:850;} .ft-way-visual {position:relative; display:flex; align-items:center; justify-content:center; height:150px; margin-bottom:18px; overflow:hidden; border-radius:10px; background:linear-gradient(135deg,#f2f5ff,#ebe6fb);} .ft-way-visual span {display:flex; align-items:center; justify-content:center; width:120px; height:120px; background:rgba(255, 255, 255, 0.6); border-radius:100%;} .ft-prompt {padding:14px 16px; border:1px solid #e6e9f1; border-radius:10px; background:#fff; color:#4b5875; font-size:13px; line-height:1.55; box-shadow:0 9px 24px #273a6e13;} .ft-generated {position:absolute; right:15px; bottom:14px; display:flex; flex-direction:column; width:50px; height:58px; padding:8px; border:1px solid #dddff2; border-radius:8px; background:#fff; transform:rotate(8deg);} .ft-generated b {color:#8964d8; font-size:10px;}.ft-generated i {height:4px; margin-top:5px; border-radius:4px; background:#e5e0f3;} .ft-way-url {background:linear-gradient(135deg,#e8f6f4,#e9f0ff);}.ft-url-card {width:78%; padding:17px; border:1px solid #dbe5eb; border-radius:10px; background:#fff; box-shadow:0 10px 25px #273a6e12;} .ft-url-card span {display:block; margin-bottom:8px; color:#8893a5; font-size:11px;}.ft-url-card b {color:#334363; font-size:14px;}.ft-url-card i {float:right; color:var(--service-blue); font-style:normal;} .ft-way-sites {gap:9px; background:linear-gradient(135deg,#f5f0ff,#eef3ff);}.ft-way-sites div {display:flex; flex-direction:column; width:27%; height:82px; padding:9px 8px; border:1px solid #e5e2ef; border-radius:8px; background:#fff; box-shadow:0 7px 17px #273a6e0d;} .ft-way-sites div:nth-child(2) {transform:translateY(-8px);}.ft-way-sites b {color:#516181; font-size:9px;}.ft-way-sites i {height:5px; margin-top:8px; border-radius:5px; background:#e6eaf3;}.ft-way-sites i + i {width:65%; margin-top:5px;} .ft-way h3 {margin:0 0 8px; font-size: clamp(16px,3.5vw,18px); font-weight:600;} .ft-way p {margin:0; color:var(--service-muted); line-height:1.6;} .ft-legal,.ft-ranking-note {margin:20px 0 0; padding:13px 16px; border-radius:9px; background:#f6f8fc; color:#68758b;} .ft-site-groups {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start;}.ft-site-group {overflow:hidden; border:1px solid #e2e7f1; border-radius:13px; background:#fff;} .ft-site-group h3 {margin:0; padding:16px 18px; border-bottom:1px solid #e8ebf2; background:#f8f9fc; font-size: clamp(16px,3.5vw,18px) } .ft-site-list a {display:grid; grid-template-columns:1fr auto 18px; align-items:center; gap:12px; min-height:56px; padding:10px 16px; border-bottom:1px solid #edf0f4; color:var(--service-ink); text-decoration:none;} .ft-site-list a:last-child {border-bottom:0;}.ft-site-list a:hover {background:#f7f9ff;}.ft-site-list a:focus-visible {outline:2px solid var(--service-blue); outline-offset:-2px;} .ft-site-list span {color:var(--service-muted);} .ft-site-list i {color:var(--service-blue); font-style:normal; text-align:right;} .ft-flow {display:grid; grid-template-columns:1fr 42px 1fr 42px 1fr; align-items:center; gap:12px; max-width:900px; margin:0 auto;} .ft-flow article {display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:165px; padding:20px; border:1px solid #dfe6f5; border-radius:15px; background:#fff; text-align:center; box-shadow:0 12px 34px #22345c0b;} .ft-flow article span {display:grid; place-items:center; width:36px; height:36px; margin-bottom:12px; border-radius:50%; background:#edf2ff; color:var(--service-blue); font-size:13px; font-weight:850;} .ft-flow article b { font-size: clamp(16px,3.5vw,18px) } .ft-flow article p {margin:6px 0 0; color:var(--service-muted);} .ft-flow > i {color:var(--service-blue); font-size:24px; font-style:normal; text-align:center;} .ft-flow-caption {max-width:720px; margin:28px auto 0; text-align:center;} .ft-flow-caption h3 {margin:0 0 10px; font-size: clamp(18px,3.5vw,26px) ; line-height:1.45;} .ft-flow-caption p {margin:0; color:var(--service-muted); font-size: clamp(16px,3.5vw,18px) } .ft-cta {padding:70px 20px;}.ft-cta-kicker {display:block; margin-bottom:12px; color:#b9caff; font-size:12px; font-weight:800; letter-spacing:.12em;} .ft-cta h2 {font-size:clamp(28px,4vw,42px);} .ft-cta p {line-height:1.8;} .ft-inquiry {max-width:680px; margin:30px auto 0; text-align:left;}.ft-inquiry label {display:block; margin-bottom:9px; color:#fff; font-size:14px; font-weight:750;} .ft-inquiry > div {display:flex; justify-content:center; gap:9px;} .ft-inquiry input {flex:1; min-width:0; min-height:52px; padding:0 15px; border:1px solid #ffffff66; border-radius:9px; background:#fff; color:var(--service-ink); font:inherit;} .ft-inquiry input::placeholder {color:#9aa4b5;} .ft-inquiry .fh-button {flex:none; background:#fff; color:#213f9b!important;} @media(max-width:1000px) {.ft-site-groups {grid-template-columns:1fr; gap:16px;}} @media(max-width:900px) {.ft-hero-grid {grid-template-columns:1fr; gap:28px;}.ft-hero-copy {max-width:760px;}.ft-hero-art {min-height:330px;}.ft-browser {width:min(600px,78%);}} @media(max-width:700px) { .ft-hero {padding:54px 0;}.ft-hero-copy h1 {font-size:clamp(38px,10vw,52px);}.ft-hero-copy p {font-size:15px;} .ft-hero-art {min-height:270px; border-radius:22px;}.ft-browser {width:88%;}.ft-browser-body {min-height:205px;}.ft-browser-copy {padding-top:19px;} .ft-compare,.ft-ways {grid-template-columns:1fr;}.ft-compare-visual {min-height:185px;}.ft-way {padding:17px;}.ft-way-number {top:15px; left:15px;} .ft-flow {grid-template-columns:1fr; gap:8px; max-width:420px;}.ft-flow article {min-height:135px;}.ft-flow > i {transform:rotate(90deg);} .ft-flow-caption h3 {font-size:21px;}.ft-site-list a {grid-template-columns:1fr 20px; gap:4px 10px;}.ft-site-list span {grid-row:2;}.ft-site-list i {grid-column:2; grid-row:1 / span 2;} .ft-cta {padding:54px 18px;}.ft-inquiry > div {flex-direction:column;}.ft-inquiry .fh-button {width:100%;} }