.bottom_inquiry .logo img {height:auto;}

/*추가*/
: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/solarplantx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2-variations'),
       url('/themes/solarplantx/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/solarplantx/pro/resources/fonts/ria/RiaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Ria';
    src: url('/themes/solarplantx/pro/resources/fonts/ria/RiaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Ria';
    src: url('/themes/solarplantx/pro/resources/fonts/ria/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('/themes/solarplantx/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_search {bottom:10px;}

.header-top {min-height:32px; height:auto;}
.header-top .container {height:100%;}
.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: 20px; margin-top:0;}
.header-part.hp .navbar-item {height:auto;}
.header-top-list li a {padding:4px 0;}
.header-top-select {display:none;}

.header-part.hp .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;}

/*==============================
	메인페이지
==============================*/
.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:180px 0; text-align:center;}

/*메인이미지*/
.main_visual {position:relative; height:calc(100vh - 130px); margin-bottom:0; background:#03031e; color:#fff;}
.main_visual  .txt_yellow {color:#FAFA67;}
.main_visual  .txt_cyan {color:#0DFFFF;}
.main_visual .img_slides {position:relative; height:100%;}
.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 strong {display:inline-block;}
.main_visual .img_slides .swiper-slide {background-repeat:no-repeat; bacground-postion:top right 0; background-size:cover!important;}
.main_visual .bg_img {position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:-1;}
.main_visual .bg_img:before {content:""; display:block; width:100%; height:100%; background:rgba(4, 19, 55, 0.4); position:absolute; top:0; left:0; z-index:0; mix-blend-mode: multiply; pointer-events: none;}
.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/solarplantx/pro/resources/images/arrow_wh.webp)!important;}
.swiper-button-prev:after {transform:rotate(180deg);}

.main_visual .text_wrap {width:auto; padding-bottom:40px;/* text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);*/}
.main_visual .text_wrap img {filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));}
.main_visual .img_slides .top_badges {display:inline-flex; align-items: center; gap:10px; margin-bottom:40px; padding:10px 20px; border-radius:100px; background:rgba(3, 15, 63, 0.2); font-size:20px; font-weight:500; color:#fff;}
.main_visual .img_slides .top_badges strong {color:#FBA098;}
.main_visual .img_slides .hero_title {margin-bottom:20px; font-weight:700; font-family: 'Ria'; font-size:80px; line-height:1.2;}
.main_visual .img_slides .tags_wrap {display: flex; align-items:stretch; gap:20px;}
.main_visual .img_slides .sub_desc {font-size:28px; color:#fff; font-weight:500;}
.main_visual .img_slides .btm_info {display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:40px; max-width:800px;}
.main_visual .img_slides .btm_info .icon_wrap {text-align:left;}
.main_visual .img_slides .btm_info .icon {display:inline-block; width:40px; height:40px; stroke-width:2px;}
.main_visual .img_slides .btm_info li:first-child .icon {color:#ade6ff;}
.main_visual .img_slides .btm_info li:nth-child(2) .icon {color:#fdfbc7;}
.main_visual .img_slides .btm_info li:last-child .icon {color:#a9fbb3;}
.main_visual .img_slides .btm_info li {display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding: 20px 15px; background:rgba(15, 14, 60, 0.15); backdrop-filter: blur(8px); border:1px solid rgba(255, 255, 255, 0.2); border-radius:20px;}
.main_visual .img_slides .btm_info dt {margin-bottom:4px; font-size:20px; font-weight:700;}
.main_visual .img_slides .btm_info li:first-child dt {color:#8EE1FF;}
.main_visual .img_slides .btm_info li:nth-child(2) dt {color:#FFFCAC;}
.main_visual .img_slides .btm_info li:last-child dt {color:#94FFA1;}
.main_visual .img_slides .btm_info dd {font-size:18px; font-weight:400; color:#fff;}

.main_visual .img_slides .slide2 .bg_img:before {background:rgba(4, 19, 55, 0.48);}

.main_visual .img_slides h1 strong font[color='red'] {color:#ff7878;}
.main_visual .img_slides small {font-size:18px; font-weight:500;}
.main_visual .thumb_slides {position:relative; bottom:175px; left:0px; width:100%; max-width:var(--conts-w); font-size:var(--fsize20);}
.main_visual .thumb_slides .swiper-wrapper {display:flex; gap:2%;}
.main_visual .thumb_slides .swiper-slide {width:25%; padding:10px 5px; border-top:1px solid #fff; 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:2px; 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 .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_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/solarplantx/pro/resources/images/msec1_img1.webp) no-repeat;}
.m_sec1 ul:first-of-type li:last-child {background:url(/themes/solarplantx/pro/resources/images/msec1_img2.webp) no-repeat;}
.m_sec1 ul:last-of-type li:first-child {background:url(/themes/solarplantx/pro/resources/images/msec1_img3.webp) no-repeat;}
.m_sec1 ul:last-of-type li:last-child {background:url(/themes/solarplantx/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/solarplantx/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/solarplantx/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 {padding-bottom:60px;}
.m_sec4 .swiper-wrapper {height:fit-content; padding-bottom:70px;}
.m_sec4 .swiper-slide {height:fit-content;}
.m_sec4 .swiper-slide .pic {display:block; position:relative;  border-radius:20px;  overflow:hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); margin-top:10px; cursor: pointer; transition: box-shadow 0.3s ease-out;}
.m_sec4 .swiper-slide .pic:hover {box-shadow: 0 0 0 4px #7DB9B4;}
.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_sec4 .info {display:flex; gap:10px; margin-top:16px; padding:0 20px;  font-size:var(--fsize20); color:var(--black); font-weight:500;}
.m_sec4 .info .cat {position:relative; padding-right:10px; color:#75ada8;}
.m_sec4 .info .cat:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; width:1px; height:16px; background:#787878;}

.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/solarplantx/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/solarplantx/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/solarplantx/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/solarplantx/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/solarplantx/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/solarplantx/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/solarplantx/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; }

/*분야별 홈페이지 공통*/
.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/solarplantx/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 > div {flex-direction:row-reverse;}
.work  .article1 .img_wrap {width:50%; text-align:right;}
.work .article1 .txt_wrap {width:50%; padding:0 40px; color:#525252;}
.work .article1 img {max-width:100%;}
.work .m_tit {margin-bottom:40px;}
.work .m_tit > span {color:#303233; 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:#77270d; 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); }

/*인쇄,스페셜 홈페이지*/
.special_main_visual {background:#020016; color:#fff;}
.special_main_visual .hero-badge {background:#3c6915;}

.red .article1 {background:#e9dabb url(/themes/solarplantx/pro/resources/images/special_red_bg.webp); background-repeat: no-repeat; background-size:cover;}
.print .article1 {background:#d1e9fe url(/themes/solarplantx/pro/resources/images/special_print_bg.webp); background-repeat: no-repeat; background-size:cover; }
.blanker .article1 {background:#dff6cc url(/themes/solarplantx/pro/resources/images/special_blanker_bg.webp); background-repeat: no-repeat; background-size:cover; }
.sangmul .article1 {background:#cae9fc url(/themes/solarplantx/pro/resources/images/special_sangmul_bg.webp); background-repeat: no-repeat; background-size:cover; }

.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;}

/*식품홈페이지*/
.food_main_visual {background:#1b1d1d; color:#fff;}
.food_main_visual .hero-badge {background:#AA500F;}

.nh .article1 {background:#e0efce url(/themes/solarplantx/pro/resources/images/food_nh_bg.webp); background-repeat: no-repeat; background-size:cover;}
.seoul .article1 {background:#e9d9bd url(/themes/solarplantx/pro/resources/images/food_seoul_bg.webp); background-repeat: no-repeat; background-size:cover; }
.seanong .article1 {background:#cdf1ff url(/themes/solarplantx/pro/resources/images/food_seanong_bg.webp); background-repeat: no-repeat; background-size:cover; }
.lachinata .article1 {background:#d2ecd8 url(/themes/solarplantx/pro/resources/images/food_lachinata_bg.webp); background-repeat: no-repeat; background-size:cover; }
.healthy .article1 {background:#cae9fc url(/themes/solarplantx/pro/resources/images/foodl_healthy_bg.webp); background-repeat: no-repeat; background-size:cover; }

/*의류,패션 홈페이지*/
.fashion_main_visual {background:#6d92cc; color:#fff;}
.fashion_main_visual .hero-badge {background:#540361;}

.kake .article1 {background:#cce5f6 url(/themes/solarplantx/pro/resources/images/fashion_kake_bg.webp); background-repeat: no-repeat; background-size:cover; transform:scale(-1);}
.mariang .article1 {background:#ecdfcd url(/themes/solarplantx/pro/resources/images/fashion_mariang_bg.webp); background-repeat: no-repeat; background-size:cover; }
.aladin .article1 {background:#f6fdd1 url(/themes/solarplantx/pro/resources/images/fashion_aladin_bg.webp); background-repeat: no-repeat; background-size:cover; }
.mybag .article1 {background:#d2ecd8 url(/themes/solarplantx/pro/resources/images/fashion_mybag_bg.webp); background-repeat: no-repeat; background-size:cover; }

.kake .article1 > div {transform:scale(-1);}

/*비투비, 입점홈페이지*/
.cosmetic_main_visual {background:#6d92cc; color:#fff;}
.cosmetic_main_visual .hero-badge {background:#0b3577;}

.balaan .article1 {background:#29486b url(/themes/solarplantx/pro/resources/images/balaan_bg.webp); background-repeat: no-repeat; background-size:cover;}
.kake .article1 {background:#cce5f6 url(/themes/solarplantx/pro/resources/images/fashion_kake_bg.webp); background-repeat: no-repeat; background-size:cover; }
.tranbe .article1 {background:#489781 url(/themes/solarplantx/pro/resources/images/cosmetic_tranbe_bg.webp); background-repeat: no-repeat; background-size:cover; }
.flower .article1 {background:#ecdfcd url(/themes/solarplantx/pro/resources/images/cosmetic_flower_bg.webp); background-repeat: no-repeat; background-size:cover; }

.balaan .m_tit > span,
.tranbe .m_tit > span {color:#fff;}
.balaan .m_tit h2,
.tranbe .m_tit h2 {color:#fff;}
.balaan .headline {color:#E9B493;}
.balaan .article1 .txt_wrap,
.tranbe .article1 .txt_wrap {color:#eee;}
.tranbe .headline {color:#e7e993;}

/*화장품홈페이지*/
.cosmetic_main_visual {background:#14110f; color:#fff;}
.cosmetic_main_visual .hero-badge {background:#975E1E;}

.gts .article1 {background:#b7cd98 url(/themes/solarplantx/pro/resources/images/cosmetic_gts_bg.webp); background-repeat: no-repeat; background-size:cover;}
.nature .article1 {background:#b7e0eb url(/themes/solarplantx/pro/resources/images/cosmetic_nature_bg.webp); background-repeat: no-repeat; background-size:cover; }
.vshopping .article1 {background:#8e9dd8 url(/themes/solarplantx/pro/resources/images/cosmetic_vshopping_bg.webp); background-repeat: no-repeat; background-size:cover; }
.mestina .article1 {background:#ecdfcb url(/themes/solarplantx/pro/resources/images/cosmetic_mestina_bg.webp); background-repeat: no-repeat; background-size:cover; }
.eastina .article1 {background:#f1b4b4 url(/themes/solarplantx/pro/resources/images/cosmetic_eastina_bg.webp); background-repeat: no-repeat; background-size:cover; }

/*카페24*/
.cafe24_main_visual {background:#000102; color:#fff;}
.cafe24_main_visual .hero-badge {background:#12A0BF;}

.guryongpo .article1 {background:#b7cd98 url(/themes/solarplantx/pro/resources/images/cafe24_guryongpo_bg.webp); background-repeat: no-repeat; background-size:cover;}

.cafe24 .balaan .article1,
.cafe24 .lachinata .article1 {transform:scale(-1);}
.cafe24 .balaan .article1 > div,
.cafe24 .lachinata .article1 > div {transform:scale(-1);}

/*글로발향*/
.global_main_visual {background:#6d92cc; color:#fff;}
.global_main_visual .hero-badge {background:#4641E2;}

.lecre .article1 {background:#bdddf4 url(/themes/solarplantx/pro/resources/images/global_lecre_bg.webp); background-repeat: no-repeat; background-size:cover;}
.kor .article1 {background:#fed9ed url(/themes/solarplantx/pro/resources/images/global_kor_bg.webp); background-repeat: no-repeat; background-size:cover; }
.houseoftroy .article1 {background:#ded4b0 url(/themes/solarplantx/pro/resources/images/global_houseoftroy_bg.webp); background-repeat: no-repeat; background-size:cover; }
.lexylondon .article1 {background:#bfcbe7 url(/themes/solarplantx/pro/resources/images/global_lexylondon_bg.webp); background-repeat: no-repeat; background-size:cover; }
.konga .article1 {background:#efbdbe url(/themes/solarplantx/pro/resources/images/global_konga_bg.webp); background-repeat: no-repeat; background-size:cover; }

.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;}



@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;}
	
	/**/
	.main_visual {height: calc(100vh - 100px);}
	.main_visual .thumb_slides .swiper-slide {min-width:auto;}
	.main_visual .text_wrap {font-size:18px;}
	.main_visual .img_slides .top_badges {margin-bottom:32px;}
	.main_visual .img_slides .hero_title {margin-bottom:12px; font-size:74px;}
	.main_visual .img_slides .sub_desc {font-size:26px;}
	.main_visual .img_slides .btm_info {margin-top:32px;}
	.main_visual .img_slides .btm_info .icon_wrap img {height: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;}	

	.hpdemo .footer-part,
	.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 {padding-left:var(--gutter-x)!important; padding-right:var(--gutter-x)!important;}

}

@media (max-width:1200px) {
	.header-top .row > div:last-child {width:100%;}

	.header-top-list {justify-content:flex-start;}

	.header-part.hp .navbar-part {display:none;}
	
	.main_visual .img_slides .outer {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.main_visual .thumb_slides {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.m_sec9.item_price dl {width:calc(50% - 9px);}

	.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%;}
}

@media (max-width:992px) {
	.header-part.hp {position:sticky!important; padding:0;}
	.header-part.hp.active {background:#fff;}

	.main_visual .img_slides .outer {align-items: flex-start; transform: translateY(0);}
	.main_visual .slide1 .bg_img {right:0;}
	.main_visual .text_wrap {padding-top:60px;}
	.main_visual .img_slides h1 {font-size:30px;}
	.main_visual .thumb_slides {position:absolute; bottom:20px/*140px*/;}

	.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_sec6 li {width:100%; border-radius: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-wrap:wrap;}

	.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;}

	.work {padding-top:182px;}
	.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);}

	.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;
	}

	.header-part.hp .header-content {padding:20px 0px;}

	.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;}

	/**/
	.main_visual {height:650px;}
	.main_visual .bg_img img {object-position: center;}
	.main_visual .img_slides .top_badges {display:block;  width: 100%; margin-bottom:20px; padding: 6px 12px; border-radius: 10px; font-size: 16px;}
	.main_visual .text_wrap {width:100%; padding-bottom:0;}
	.main_visual .img_slides .sub_desc {font-size:18px;}
	.main_visual .img_slides .hero_title {font-size:36px;}
	.main_visual .tags_wrap {flex-direction:column;}
	.main_visual .tag {padding: 5px 16px; font-size:16px;}
	.main_visual .sub_desc {font-size:18px;}
	.main_visual .img_slides .btm_info {margin-top: 20px;}
	.main_visual .img_slides .swiper-slide {display: flex; flex-direction: column; justify-content: space-between; min-height:490px;}
	.main_visual .img_slides h1 {font-size:20px;}
	.main_visual .img_slides small {font-size:16px;}
	.main_visual .bg_img {height:100%;}
	.main_visual img {height:100%;}
	.main_visual .text_wrap {padding-top:30px;}
	.main_visual .text_wrap img {height:42px;}
	.main_visual .img_slides .outer {height:auto;}
	.swiper-button-next,
	.swiper-button-prev {display:none;}
	.main_visual .btm_txt {flex-direction:column; gap:0; font-size:18px;}

	.main_visual .img_slides .btm_info {grid-template-columns: repeat(1, 1fr); gap:4px;}
	.main_visual .img_slides .btm_info li {flex-direction:row; align-items:center; gap:12px; padding:8px 10px; border-radius:10px;}
	.main_visual .img_slides .btm_info dt  {font-size:15px; text-align: left;}
	.main_visual .img_slides .btm_info dd {font-size:14px;}
	.main_visual .img_slides .btm_info dd br {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 {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_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_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;}

	.work {padding-top:216px;}
	.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%;}
	
}


/*메인 - 투자비교*/
/* ===== Section ===== */
.invest{background:#0d1448;padding:72px 24px 80px;color:#fff;font-family:var(--font)}
.invest__inner{max-width:1640px;margin:0 auto}

  .invest__title{
    text-align:center;font-weight:800;letter-spacing:-.02em;line-height:1.3;
    font-size:clamp(26px,3vw,56px);margin-bottom:clamp(28px,3vw,48px);
  }
  .invest__title em{font-style:normal;color:#00b4ff}

  /* ===== Cards ===== */
  .invest__cards{position:relative;display:flex;gap:clamp(48px,5vw,84px);align-items:stretch}
  .card{
    position:relative;flex:1 1 0;min-width:0;
    aspect-ratio:732/618;border-radius:clamp(14px,1.8vw,28px);overflow:hidden;
    background-size:cover;background-position:center;
    container-type:inline-size;
    box-shadow:0 16px 36px rgba(0,0,0,.45);
  }
  .card .t{position:absolute;white-space:nowrap;line-height:1.15;letter-spacing:-.02em}
  .card .pill{letter-spacing:-.01em}
  .card .sign{font-family:var(--font);letter-spacing:0}
  .card .cert.big{letter-spacing:-.01em}


  /* ===== Card title pills (separate elements, not baked into image) ===== */
  .card .pill-box{
    position:absolute;display:flex;align-items:center;justify-content:center;
    top:.97%;height:11.65%;border-radius:999px;color:#fff;font-weight:700;
    font-size:5.04cqw;letter-spacing:-.01em;white-space:nowrap;
  }
  .pill-box--dark{
    left:16.8%;width:74.7%;
    background:linear-gradient(180deg,rgba(30,32,40,.86),rgba(16,18,26,.78));
    border:.25cqw solid rgba(255,255,255,.28);
    box-shadow:0 .6cqw 2cqw rgba(0,0,0,.35);
    backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  }
  .pill-box--blue{
    left:11.07%;width:72.7%;font-size:5.16cqw;
    background:linear-gradient(90deg,#0a4aa8 0%,#0b63d6 50%,#0a4aa8 100%);
    border:.25cqw solid rgba(110,200,255,.8);
    box-shadow:0 0 2.2cqw rgba(40,150,255,.6),inset 0 0 2cqw rgba(120,200,255,.25);
  }

  /* ===== Process diagram (left card) ===== */
  .flow{position:absolute;left:0;right:0;top:79.45%;height:19.4%}
  .flow__step{
    position:absolute;top:0;height:100%;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:.9cqw;text-align:center;
    color:#e8edf4;font-weight:600;font-size:2.46cqw;line-height:1.32;letter-spacing:-.02em;
    background:rgba(255,255,255,.07);
    border:.2cqw solid rgba(255,255,255,.22);
    border-radius:2.4cqw;
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  }
  .flow__step svg{width:6.4cqw;height:6.4cqw;fill:#8ea0b6;flex:none}
  .flow__step span{white-space:nowrap}
  .flow__step--1{left:5.46%;width:21.58%}
  .flow__step--2{left:31.01%;width:22.0%}
  .flow__step--3{left:56.15%;width:22.8%}
  .flow__step--4{left:82.24%;width:17.49%;background:rgba(130,160,200,.16);color:#ff5a4a;font-weight:800;font-size:2.94cqw}
  .flow__arrow{position:absolute;top:50%;width:2.3cqw;height:4.2cqw;transform:translate(-50%,-50%);filter:drop-shadow(0 0 .8cqw rgba(255,70,60,.55))}
  .flow__arrow--1{left:29.2%}.flow__arrow--2{left:54.6%}.flow__arrow--3{left:80.6%}

  /* ===== Chevron between cards ===== */
  .invest__arrow{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:clamp(28px,3.2vw,54px);aspect-ratio:56/104;z-index:2;pointer-events:none;
    filter:drop-shadow(0 0 10px rgba(60,160,255,.85));
  }
  .invest__arrow svg{display:block;width:100%;height:100%}

  /* ===== Brand ===== */
  .invest__brand{margin-top:clamp(20px,2.4vw,36px);text-align:center}
  .brand__logo{display:inline-flex;align-items:center;gap:clamp(12px,1.4vw,22px)}
  .brand__logo svg{width:clamp(44px,4.6vw,76px);height:auto}
  .brand__name{font-weight:600;font-size:clamp(34px,3.6vw,60px);letter-spacing:-.01em;line-height:1}
  .brand__sub{margin-top:10px;font-weight:400;font-size:clamp(14px,1.2vw,21px);color:#e3e9f4;letter-spacing:-.01em}

  /* ===== Mobile ===== */
  @media (max-width:860px){
    .invest{padding:48px 16px 56px}
    .invest__cards{flex-direction:column;gap:56px}
    .card{flex:none;width:100%}
    .invest__arrow{width:40px;transform:translate(-50%,-50%) rotate(90deg)}
  }