@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/static/split/WantedSans.min.css");

@font-face {
  font-family: 'Wanted Sans Variable';
  src: url('/themes/foreststoryx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2-variations'),
       url('/themes/foreststoryx/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/foreststoryx/pro/resources/fonts/ria/RiaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Ria';
    src: url('/themes/foreststoryx/pro/resources/fonts/ria/RiaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Ria';
    src: url('/themes/foreststoryx/pro/resources/fonts/ria/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
:root {
	--conts-w : 1600px;
	--border-radius:30px;
	--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;
}

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

.pc_only {display:block;}
.mob_only {display:none;}

.header-part.hp .header-content {max-width:none;}
.header-logo img {height:66px;}
.header-part.hp {position:absolute; top:0; left:0; width:100%; padding:20px 60px; background:none; border-bottom:none;}
/*.header-part.hp.active {background:#fff/*rgba(34, 81, 6, 0.8); backdrop-filter: blur(6px);*//*; border-bottom:1px solid #bbcdb8;}
.header-part.hp.active img {filter: invert(1) hue-rotate(187deg) /* 빨간색 → 초록색으로 회전 *//* saturate(1) /* 초록색 더 선명하게 *//* brightness(10) /* 약간 밝게 */ /*contrast(0.35);}
.header-part.hp.active .navbar-item > .navbar-link {color:#121212;}*/
.header-part.hp .navbar-part {width: auto; margin-left:auto; background:none;}/*filter: contrast(0.36) brightness(0.9) hue-rotate(7deg);*/
.header-part.hp .navbar-content {gap:20px;}
.header-part.hp .navbar-item > .navbar-link {color:#fff; font-weight:500;}

.nav-header {background:#2a6b41}

/*==============================
	풋터
==============================*/
.hpdemo .footer-part {padding:0; padding-bottom:140px;}
.hpdemo .footer-part strong { color:inherit;}
.footer-part .ft_top {padding:20px; background:#fff; border-bottom:1px solid #e6e6e6;}
.footer-part .ft_top .conts_wrap {display:flex; justify-content:center; align-items:center; gap:30px;}
.footer-part .ft_top .conts_wrap ul{display:flex; gap:30px; align-items:center; }
.footer-part .ft_top .conts_wrap li {display:flex; justify-content:center; align-items:center; width: 180px; height: 50px; background: #fcfcfc; border: 1px solid #dadada;}

.footer-part .ft_link { padding:20px 0; }
.footer-part .ft_link .conts_wrap {display:flex; justify-content:center; align-items:center;}
.footer-part .ft_link .logo{display:inline-block; float: left; margin-right: 50px; }
.footer-part .ft_link .logo img { width: 132px; }
.footer-part .ft_link .ft_list ul {display:flex; gap:36px; }
.footer-part .ft_link .sns_icon {display:flex; gap:18px; margin-left: auto;}

.ft_info .conts_wrap {display:flex}
.ft_info .com_info > * {display:flex; gap:15px;}
.ft_info .com_info dl {display:flex; gap:3px; }
.footer-part .customer_info {margin-left:auto;}
.footer-part .customer_info > div {display:flex;}
.footer-part .customer_info h3 {color: #595959; font-size:var(--fsize20); font-weight: 400;}
.footer-part .customer_info .txt_bar {display: inline-block; width: 1px; height: 19px; background:var(--black);}
.footer-part .customer_info .cs_center {margin-bottom:12px;}
.footer-part .customer_info .cs_center strong {display: block; color: #0e7e51; font-size:var(--fsize34);  font-weight: 800;}
.footer-part .customer_info .bank_info strong {display: block; padding: 0 0 7px 0; color:var(--black); font-size:var(--fsize20);  font-weight: 700; letter-spacing:0.84px; text-align: right;}
.footer-part .customer_info .bank_info span {font-size:1rem; letter-spacing: 0.2; text-align: right;}
.footer-part .customer_info .bank_info > div {margin-left:auto;}

.footer-part .corp_mark {display:flex; align-items:center; gap:30px; margin-top:20px;}

.bottom_inquiry .logo {gap:10px;}
.bottom_inquiry .logo img {height:24px;}
.bottom_inquiry .logo h3 {color:#fee28a;}
.bottom_inquiry .tel {color:#a1c96d; letter-spacing:0;}


/*==============================
	메인페이지
==============================*/
.main .inner-section {margin-bottom:0; padding:180px 0; text-align:center;}

/*메인이미지*/
.main_visual {position:relative; height:calc(100vh - 100px); margin-bottom:0; color:#fff;}
.main_visual:before {position:absolute; top:0; left:0; z-index:2; display:block; 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 .bg_img {position:absolute; bottom:0; left:50%; transform: translateX(-50%); z-index:-1;}
.swiper-button-next:after,
.swiper-button-prev:after {content:url(/themes/foreststoryx/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 .img_slides .outer {display: flex; align-items: center; width:100%; max-width:var(--conts-w); height: 100%; margin:0 auto; transform:translateY(-20px);}
.main_visual .img_slides h1 {margin-bottom:10px; font-size:40px; 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:100px;}
.main_visual .img_slides small {font-size:18px; font-weight:500;}

.main_visual .thumb_slides {position:absolute; bottom:40px; right:60px; width:100%; max-width:var(--conts-w); font-size:var(--fsize20);}
.main_visual .thumb_slides .swiper-wrapper {display:flex; justify-content:flex-end; gap:1%;}
.main_visual .thumb_slides .swiper-slide {width:auto; min-width:328px; padding:20px 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:10px; font-size:var(--fsize18); font-weight:400;}
.main_visual .thumb_slides dt {margin-bottom:10px; font-size:var(--fsize24); font-weight:700;}
.main_visual .thumb_slides dd {font-size:var(--fsize18); font-weight:400;}

/*메인 컨텐츠*/
.main .swiper-pagination-bullet {width:14px; height:14px; transition: all 0.3s ease-out;}
.main .swiper-pagination-bullet-active {width:60px; background:#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:#16AD78; font-size:var(--fsize24); font-weight:700;}

.m_sec1 ul {display:flex; gap:1px; border-radius:var(--border-radius); overflow:hidden;}
.m_sec1 li {width:calc(50% - 1px); background-size:cover!important;}
.m_sec1 li:first-child {background:url(/themes/foreststoryx/pro/resources/images/msec1_img1.webp) no-repeat;}
.m_sec1 li:last-child {background:url(/themes/foreststoryx/pro/resources/images/msec1_img2.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; min-height:134px; font-weight:400;}
.m_sec1 li .box_wrap img {padding-top:20px;}
.m_sec1 li:first-child .box_wrap span {max-width:360px;}
.m_sec1 li:last-child .box_wrap span {max-width:438px;}
.m_sec1 .txt {margin-top: 40px; margin-left: 10px; font-size: var(--fsize24);  color: #121212;  text-align: left;}

.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:var(--border-radius); overflow:hidden; cursor:pointer;}
.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/foreststoryx/pro/resources/images/msec2_arrow.webp);}

.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:#4D7023 url(/themes/foreststoryx/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%; border-radius:var(--border-radius);}

.m_sec4.inner-section {padding-top:0;}
.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_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; gap:8%; 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 .outer img {max-width:100%;}
.m_sec5 .outer small {color:#D0D0D0; font-size:22px; font-weight:400;}

.m_sec6 {background:url(/themes/foreststoryx/pro/resources/images/msec6_bg.webp) no-repeat; background-size:cover;}
.m_sec6 ul {display:flex; justify-content:center; font-size:var(--fsize40); 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_sec7 .m_tit strong {display:block; color:#008447; font-weight:700;}
.m_sec7 .chart {padding:60px 30px; border:1px solid #ddd; border-radius:var(--border-radius);}
.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 .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/foreststoryx/pro/resources/images/msec8_bg.webp) no-repeat; background-size:cover;}
.m_sec8 .headline {display:flex; 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:4px; 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:var(--border-radius);}
.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:#0b6b4d;}
.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:var(--border-radius); }
.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 ul {display:flex; justify-content:center; width:100%; max-width:1200px; margin:0 auto; margin-top:80px; }
.m_sec9 li {width:33.33%; padding:0 20px; border-right:1px solid #C4C397; font-size:var(--fsize22); font-weight:400; color:var(--black);}
.m_sec9 li:first-child {padding-left:0;}
.m_sec9 li:last-child {padding-right:0; border-right:none;}
.m_sec9 li strong {display:inline-block; margin-top: -6px; font-size:var(--fsize40); font-weight:700;}
.m_sec9 li:first-child strong  {margin-top:auto;}
.m_sec9 li .down {position:relative; color:#CC2626;}
.m_sec9 li .down:after {content:url(/themes/foreststoryx/pro/resources/images/msec9_down.webp); margin-left:4px; position:relative; bottom:0;}
.m_sec9 li .up {position:relative; color:#2769E5;}
.m_sec9 li .up:after {content:url(/themes/foreststoryx/pro/resources/images/msec9_up.webp); margin-left:4px; position:relative; bottom:0;}
.m_sec9 li .underline {box-shadow:inset  0 -20px 0  #FFD83D;}
.m_sec9 small {display:block; margin-top:40px; font-size:var(--fsize20);}

.m_sec10 {}
.m_sec10 .additional {margin-top:20px; font-weight:500; font-size:var(--fsize40); color:var(--black);}
.m_sec10 .conts {display:flex; gap:20px;}
.m_sec10 dl {width:calc(50% - 20px); padding:80px 30px; border-radius:var(--border-radius); color:#fff; }
.m_sec10 dl:first-child {background:#046757;}
.m_sec10 dl:last-child {background:#0D38A4;}
.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:first-child .num {color:#036253;}
.m_sec10 dl:last-child .num {color:#0C349A;}
.m_sec10 dd {display:block; margin-top:40px; font-size:var(--fsize36); font-weight:700;}
.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.inner-section {background:url(/themes/foreststoryx/pro/resources/images/msec11_bg.webp) no-repeat; background-size:cover;}
.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;}

@media (max-width:1600px) {
	.header-part.hp {padding:20px}
	.header-part.hp .header-content {padding: 44px 20px;}
	.header-part.hp .navbar-content {gap: 20px;}

	/**/
	.main_visual .text_wrap {padding-left:40px;}
	.main_visual .bg_img {overflow:hidden;}
	.main_visual .bg_img img {height:100%;}

	.main .inner-section,
	.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;}
	.m_sec1 .list_wrap ul {justify-content:center; gap:10px;}
	.m_sec1 .list_wrap li {width:300px; word-break:keep-all;}
	.m_sec2 ul {gap:10px; word-break:keep-all;}

	.m_sec4 .swiper_btm {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	
	.m_sec8 .headline > div span img {height:32px ;}

}

@media (max-width:1200px) {
	: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: 18px;
		--fsize22 : 20px;
		--fsize20: 18px;
		--fsize18:16px;
		--fsize14 : 12px;
	}

	html, 
	body {font-size:14px;}
	.header-part.hp .header-user i, 
	.header-part.hp .header-src i {color:#fff;}
	
	.nav-header a img {height:36px;}

	.ft_logo {height:38px;}
	 .hpdemo .backtop {bottom: 100px;}

	/**/
	.main_visual {height: calc(100vh - 66px);}
	.main_visual .thumb_slides .swiper-slide {min-width:auto;}
	.main_visual .img_slides h1 strong {font-size:80px;}
	.main_visual .text_wrap {font-size:18px;}
	.main_visual h1 {font-size:32px;}
	.main_visual .btn_wrap {margin-top:60px;}

	
	.main .inner-section {padding:100px var(--gutter-x);}
	.hpdemo .inner-section > * {padding-left:0; padding-right:0;}
	.m_tit {margin-bottom:40px;}
	.m_tit h2 {font-size:42px;}

	.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: center; padding:20px; text-align: center}

	.m_sec2 .txt_wrap {bottom:15px; right:15px;padding:15px; min-width:200px; border-radius:20px;}

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

	.inner-section.m_sec4 {padding-top:0;}
	.m_sec4 .swiper-slide img {height:280px;}

	.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 li {width:300px; height:300px;}

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

	.m_sec10 .conts {gap:10px;}
	.m_sec10 dl {padding:30px 20px;}
	.m_sec10 .num {font-size:18px;}
}

@media (max-width:992px) {
	.header-part.hp {position:fixed; padding:0;}
	.header-part.hp.active {background:rgba(0, 0, 0, 0.3); backdrop-filter: blur(2px);}
	.header-part.hp .header-media-group a img {height: 62px;}

	.main_visual .thumb_slides dd {display:none;}

	.m_sec1 ul {flex-direction:column; align-items:center;}
	.m_sec1 ul 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_sec6 li {width: 260px; height: 260px;}

	.m_sec7 .diagram {gap:10px;}
	.m_sec7 .diagram > div {padding:20px 40px ; font-size:24px;}

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

	.hpdemo .footer-part {padding-left:0; padding-right:0; padding-bottom:110px;}
	.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;}
	.header-part.hp .header-media-group a img {height:42px;}

	.hpdemo .footer-part {padding-bottom:280px;}

	.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:calc(100vh - 150px);}
	.main_visual .img_slides h1 {font-size:24px;}
	.main_visual .img_slides h1 strong {margin-top:10px; font-size:42px;}
	.main_visual .img_slides small {font-size:16px;}
	.main_visual .bg_img {height:100%;}
	.main_visual img {height:100%;}
	.main_visual .text_wrap {padding-left:15px;}
	.swiper-button-next,
	.swiper-button-prev {display:none;}

	.main_visual .thumb_slides {right:20px; font-size:16px;}
	.main_visual .thumb_slides .swiper-slide {width: calc(33.33% - 16px); padding:10px;}
	.main_visual .thumb_slides dt span {font-size:1rem;}
	.main_visual .thumb_slides dt {font-size:1rem;}
	.main_visual .thumb_slides dd {font-size:1rem;}

	.main .inner-section {padding:80px var(--gutter-x);}

	.m_tit {margin-bottom:40px;}
	.m_tit h2 {font-size:32px; word-break:keep-all;}
	.m_tit > span {margin-bottom:10px; font-size:1rem;}
	    
	.m_sec1 .box_wrap {height: 240px;}
	.m_sec1 .box_wrap > div {height:100%; font-size:inherit;}
	.m_sec1 li .box_wrap strong {display:block;}
	.m_sec1 li .box_wrap span {min-height:auto; height:auto;}

	.m_sec2 .m_tit h2 span {font-size:28px;}
	.m_sec2 .m_tit > div,
	.m_sec2 .m_tit strong {font-size:36px;}

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

	.inner-section.m_sec4 {padding-top:0;}
	.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;}
	.m_sec6 li {width:200px; height: 200px;}
	.m_sec6 li:nth-of-type(2) {margin-left:0px; margin-right:0px;}

	.m_tit h2 {font-size: 28px;}
	.m_sec7 .chart {padding:20px;}
	.m_sec7 .chart h3 {padding:10px 20px; font-size:1rem;}
	.m_sec7 .chart h3 {margin-bottom: 20px;}
	.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 .conts {padding:15px;}
	.m_sec9 .conts span {font-size:1rem;}
	.m_sec9 ul {flex-direction:column; align-items:center; margin-top:40px; border-top:1px solid #C4C397;}
	.m_sec9 li {width:100%; padding:10px 0; margin:0; border:none; border-bottom:1px solid #C4C397;}
	.m_sec9 li .up:after, .m_sec9 li .down:after {transform: scale(0.6);}
	.m_sec9 small {margin-top:10px; font-size:12px;}

	.m_sec10 .conts {flex-direction:column;}
	.m_sec10 dl {width:100%;}
	.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;}

	
        

	
}