/*---common css---*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--font-size-22: 1.375rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem;
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-40: 2.5rem; 
	--font-size-45: 2.813rem; 
	--font-size-80: 5rem;
	--font-size-90: 5.625rem;


	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);}
.fs_22{font-size: var(--font-size-22);}
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);}
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_40{font-size: var(--font-size-40);}
.fs_45{font-size: var(--font-size-45);}
.fs_80{font-size: var(--font-size-80);}
.fs_90{font-size: var(--font-size-90);}




@media screen and (max-width:767px){
.fs_90 {font-size:30px;}
.fs_80 {font-size:30px;}
.fs_45 {font-size:28px;}
.fs_30 {font-size:13px;}
.fs_26 {font-size:16px;}
.fs_24 {font-size:14px;}
.fs_22 {font-size:14px;}
.fs_20 {font-size:13px;}
.fs_19 {font-size:13px;}
.fs_18 {font-size:13px;}
}


/*font color*/

.fc_f {color:#fff;}
.fc_p {color:#0091f0;}
/*font weight*/

.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/

.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}


/*--- common ---*/

.j_eng {font-family: "Poppins", sans-serif;}
.j_math { font-family: 'Noto Sans', sans-serif;}
.j_inner02 {max-width:1820px; width:95%; margin:0 auto;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.mt28 {margin-top:28px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt88 {margin-top:88px;}
.sectionPd {padding:200px 0;}
.j_inner {max-width:1400px; width:95%; margin:0 auto;}
.tc {text-align:center;}
.sectionTit {font-size:2.813rem; font-weight:700; line-height:1.44em;  word-break:keep-all;}
.sectionTxt {font-size:1.5rem; font-weight:400; line-height:1.66em; word-break:keep-all;}
.pb0 {padding-bottom:0 !important;}
.pt0 {padding-top:0 !important;}
.secWrap {max-width:1820px; margin:0 auto; width:95%;}
.mo_img {display:none;}


@media screen and (max-width:1480px){
    .sectionPd {padding:180px 0;}
}

@media screen and (max-width:1280px){
    .sectionPd {padding:80px 0;}
}
@media screen and (max-width:767px){
	.mt28 {margin-top:20px;}
	.mt35 {margin-top:20px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt65 {margin-top:30px;} 
	.mt88 {margin-top:40px;}
	.sectionTit {font-size:28px;}
	.sectionTxt {font-size:14px;}
    .sectionPd {padding:40px 0;}
	.pc_img {display:none;}
	.mo_img {display:block;}
}

/*--- intro ---*/
.intro {transition: opacity 1s ease-out;}
#intro_wrap { width: 100%; height: 100vh; background-color: #000; position: fixed; left:0; top:0; overflow: hidden; z-index:999; }
#main_video {position: fixed; top: 50%; left: 50%;  width: 100%;  height: auto;pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:99; transition: opacity 3s ease-out;}

/*--- header ---*/
#j_header {position:absolute; left:0; top:0; width:100%; height:100px; z-index:99; background:#fff;}
#j_header.active {position:fixed;}
#j_header.open {border-bottom:1px solid #ececec;}
#j_header.open .hdWrap > .hdNav > .j_gnb {display:none;}
.hdWrap {max-width:1820px; margin:0 auto; width:95%; height:100%;    display: flex; align-items: center;     justify-content: space-between; position:relative;}
.hdWrap > .hdNav {position:absolute; max-width:460px; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%);}
.hdWrap > .hdNav > .j_gnb {display:flex; align-items:center; height:100%; justify-content:space-between;}
.hdWrap > .hdNav > .j_gnb > li {position:relative; height:100%;}
.hdWrap > .hdNav > .j_gnb > li.j_menu_5 {display:none;}
.hdWrap > .hdNav > .j_gnb > li > a {display:block; height:100%; font-size:1.125rem; font-weight:500; line-height:100px;transition: 0.45s; }
.hdWrap > .hdNav > .j_gnb > li:hover > a {color:#0091f0;}
.hdWrap > .hdNav > .j_gnb > li > a i {position:relative;}
.hdWrap > .hdNav > .j_gnb > li > a i:after {content:''; position:absolute; background:content: "";bottom: -3px; left: auto; right: 0; width: 0; height: 2px; background: #0091f0; z-index: 1;transition: width .45s ease;}
.hdWrap > .hdNav > .j_gnb > li:hover > a i:after {left:0; right:auto; width:100%;}

.hd_btn {width:55px; height:55px; border-radius:20px; position:relative; background:#0091f0; display:flex; flex-direction: column;justify-content: center;align-items: center; position:relative;}
.hd_btn_wrap {width:23px; height:17px; position:absolute; top:50%; transform:translate(-50%, -50%);}
.hd_btn span {display: block;width: 100%; height: 2px; border-radius: 4px; background-color: #fff;transition: .3s;position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.hd_btn span:nth-of-type(1) {transform:translateY(5px)}
.hd_btn span:nth-of-type(2) {transform:translateY(0px)}
.hd_btn span:nth-of-type(3) {transform:translateY(-5px)}

.hd_btn.on span:nth-of-type(1){ transform: rotate(-45deg);}
.hd_btn.on span:nth-of-type(2){display:none;}
.hd_btn.on span:nth-of-type(3){ transform:rotate(45deg);}

/*depth02*/
.hdNav > .j_gnb > li > ul { left: 50%; top: 100%;width: 150px;transform: translateX(-50%); position:absolute; z-index:1; display:none; padding:30px 0;}
.hdNav > .j_gnb > li > ul > li > a {display:block; color:#000; font-weight:500; font-size:16px; padding:10px; text-align:center; transition: All 0.28s ease; word-break:keep-all;}
.hdNav > .j_gnb > li > ul > li > a:hover {color:#0091f0;}
.gnb_bg {position: absolute;  top: 100%;left: 0; width: 100%; background:#fff; display: none; z-index:-1; border-top:1px solid #ececec;}


/*sitemap*/

.closeBtn {width:40px; height:40px; position:absolute; right:40px; top:40px; cursor:pointer;}
.closeBtn span {position:absolute; width:100%; height:3px; background:#000; display:block; top:50%;}
.closeBtn span:nth-of-type(1) {transform: rotate(45deg );}
.closeBtn span:nth-of-type(2) {transform: rotate(-45deg );}

/*allGnb*/
.allGnb {width:100%; height:100vh; position:fixed; background:#fff; z-index:90; display:none;}
.allGnb.show {display:block; opacity:1;}
.allInner {max-width:1200px; margin:0 auto; width:92%; height:100%; }
.allInner > .j_gnb {height: calc(100vh - 100px); display:flex; align-items:center;flex-direction: column; justify-content: center; gap:30px; }
.allInner > .j_gnb > li {opacity:0; transform: translateX(50px); padding:10px; text-align:Center;}
.allInner > .j_gnb > li.animate {animation: slideIn 0.5s forwards;}
.allInner > .j_gnb > li:nth-child(1) {animation-delay: 0.1s;}
.allInner > .j_gnb > li:nth-child(2) {animation-delay: 0.2s;}
.allInner > .j_gnb > li:nth-child(3) {animation-delay: 0.3s;}
.allInner > .j_gnb > li:nth-child(4) {animation-delay: 0.4s;}
.allInner > .j_gnb > li:nth-child(5) {display:none;}

.allInner > .j_gnb > li > a {color:#000; font-size:3.125rem; font-weight:700; transition:0.45s;}
.allInner > .j_gnb > li:hover > a{color:#0091f0;}
.allInner > .j_gnb > li > ul {display:none; text-align:center; padding:30px 0;}

.allInner > .j_gnb > li > ul > li > a {display:block; padding:10px 0; font-size:1.25rem; font-weight:500;  transition:0.45s;word-break:keep-all;}
.allInner > .j_gnb > li > ul > li > a:hover {color:#0091f0;}

  @keyframes slideIn {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

@media screen and (max-width:976px){
    .hdWrap > .hdNav {max-width:350px;}
}


@media screen and (max-width:767px){
   .hdWrap > .hdNav {display:none;}
   .allInner > .j_gnb {height:100vh;}
   .hd_logo a img {width:70%;}
   .hd_btn {width:40px; height:40px; border-radius:10px;}
   .allInner > .j_gnb {gap:10px;}
   .allInner > .j_gnb > li > ul {padding:10px;}
   .allInner > .j_gnb > li > a {font-size:30px;}
}


/*--- mv ---*/

.mainVisual { width:95%; margin:0 auto; height:100vh; max-height:750px; margin-top:100px; max-width:1820px; position:relative;}
#mainSwip {height:100%; border-radius:20px;}
.main_txt {position:absolute; left:78px; bottom:172px; width:100%; word-break:keep-all;}
.main_txt h2 {line-height:1.125em;}
.main_txt p {line-height:1.94em;}
.mainBg { position:relative; height:100%; width:100%; display:block;}
.mainBg.mv01 {background:url('/img/main/mv01.jpg') no-repeat center / cover;}
.mainBg.mv02 {background:url('/img/main/mv01.jpg') no-repeat center / cover;}
.mainBg.mv03 {background:url('/img/main/mv01.jpg') no-repeat center / cover;}

.main_txt h2, .main_txt p { transform :translateY(50px); transition: .8s; opacity:0;}
.mainBg.on .main_txt h2, .mainBg.on .main_txt p {transform: translateY(0); opacity:1;}

.circle {position:relative;}
.pauseBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:10px; cursor:pointer;}
.pauseBox figure img {display:block;}
svg {width: 70px; height: 70px;}
.main_progress_circle.on #svgAni01 {stroke-dasharray: 358; stroke-dashoffset: 358; animation: ani1 5s linear 0s forwards;}

@keyframes ani1 { 
    0% {stroke-dashoffset : 358;} 
    100% {stroke-dashoffset : 0;} 
}
.main_progress_circle {position:absolute; right:45px; bottom:45px; z-index:9;}

.main_page  {bottom:50px !important;}
.main_page span {color:rgba(255,255,255, 0.28); font-size:14px; font-weight:500;}
.main_page span.swiper-pagination-current {color:rgba(255,255,255, 1);}
.main_page .page_bar {margin:0 12px;}

.main_page_navi {position:absolute; left:50%; bottom:52px; transform:translateX(-50%); width:112px; height:14px; z-index:11;}
.main_page_navi .swiper-button-next {background: url(/img/icon/mvNext.png) no-repeat center / cover; width:10px; height:14px; top: unset; margin-top:0; right:0;}
.main_page_navi .swiper-button-prev { background: url(/img/icon/mvPrev.png) no-repeat center / cover; width:10px; height:14px; top: unset; margin-top:0; left:0;}
.main_page_navi .swiper-button-next::after,.main_page_navi .swiper-button-prev::after {display: none;}

.mvBtn {width:350px; height:100px;     position: absolute;left: 0px; bottom: 0;z-index: 20;background: #fff; padding:0 21px; border-radius:0 20px 0 0;}
/*.mvBtn::after {content:''; position:absolute; right:-14px; bottom:0; background:url('/img/icon/mv_puzz01.jpg') no-repeat center / cover; width:14px; height:14px;}*/
/*.mvBtn::before {content:''; position:absolute; left:0px; top:-14px; background:url('/img/icon/mv_puzz02.jpg') no-repeat center / cover; width:14px; height:14px;}*/
.mvBtn a {display:flex; height:100%; align-items:center;justify-content: end; gap:23px;}
.mbBtnLt {display:flex; gap:20px; align-items:center;}

/*.mainSwip  .swiper-slide-active .mainBg  { animation-name:mvBg; animation-duration:5s; animation-timing-function:linear;}*/

@keyframes mvBg{ 
	0%{transform:scale(1.1);}
	100%{transform:scale(1);}
}


@media screen and (max-width:767px){
	.mainVisual {max-height:500px;} 
	.main_txt {left:20px;    width: 80%;}
	.main_txt h2, .main_txt p {word-break:keep-all;}
	.mvBtn {width:219px; height:60px; padding:0 15px;}
	.mvBtn i img {width:75%;}
	.mbBtnLt {gap:15px;}
	.mvBtn a {gap:10px;}
	.main_page {bottom:113px !important;}
	.main_page_navi {bottom:114px;}
	.main_progress_circle {right:50px; bottom:85px;}
	svg {width:40px;}
}

/*section01*/
.ms01_Content {position:relative;}
.ms01_Content figure {border-radius:20px; overflow:hidden;}
.ms01_Content figure img {display:block; width:100%;}
.ms01Btn {width:80px; height:80px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:absolute; right:36px; bottom:32px;}
.ms01Btn img {width:100%; transition: transform 0.3s ease; /* 애니메이션 효과 부드럽게 */ }
.ms01Btn:hover img { transform: scale(1.1); /* 호버 시 이미지가 살짝 튕기는 효과 */}


@media screen and (max-width:767px){
	.ms01Btn {width:40px; height:40px; right: 15px; bottom: 10px;}
}


/*section02*/
.mainSec02 {position:relative;}
.mainSec02::after {content:''; position:absolute; left:50%; top:-100px; width:922px; height:368px; background:url(/img/main/sec02_bg.png) no-repeat center / cover; transform:translateX(-50%); z-index:-1; }
ul.tabs {display:flex; gap:26px; max-width:661px; margin:0 auto;     justify-content: center;}
ul.tabs > li {color:#000; font-weight:600; padding:14px 32px; border-radius:25px; text-align:center;  border:1px solid #000; cursor:pointer; box-sizing:border-box;}
ul.tabs > li.current {background:#0091f0; color:#fff; font-weight:700; border:0;}
.tabLt i img {max-width:100%;}
.tab-content{display: none;}
.tab-content.current{ display: inherit;}
.tab-content ul {display:flex; flex-wrap:wrap;}
.tab-content ul > li {width:calc((100% - 8px)/2); margin-right:8px; display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-radius:20px; overflow:hidden; background:#f3f3f3; box-sizing:border-box;}
.tab-content ul > li:nth-of-type(2n) {margin-right:0;}
.tab-content ul > li:nth-of-type(n+3) {margin-top:8px;}

.tabLt {display:flex; align-items:center; gap:22px;}
.tabLt span {text-overflow: ellipsis; text-wrap: nowrap; overflow: hidden;}


@media screen and (max-width:767px){
	ul.tabs {gap:10px;}
	ul.tabs > li {        padding: 10px;border-radius: 5px;}
	.tabLt i {width:100%; max-width:193px;}
	.ms02Down {width:52px;}
	.ms02link {width:52px;}
	.tab-content ul > li {width:100%; margin-right:0;}
	.tab-content ul > li + li {margin-top:10px;}
	.ms02Down img {width:100%; min-width: 52px;}
	.ms02link img {width:100%; min-width: 52px;}
	.tabLt {flex-wrap:wrap;}
	.tabLt span {max-width:230px;}
}



/*section03*/

.ms03Box { position:relative; height:470px; border-radius:20px; overflow:hidden;}
.ms03Box h2 {line-height:1.44em; text-align:center; word-break:keep-all;} 
.ms03Box a {display:flex; align-items:center; gap:17px; border-radius:25px; border:1px solid #fff; width:235px; height:56px; text-align:center;justify-content: center; margin:42px auto 0 auto;}
.ms03_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/main/ms03_img01.jpg) no-repeat center / cover;     background-attachment: fixed; z-index: -1;}
.ms03_desc {    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width:767px){
.ms03Box {height:360px;}
}





/*section04*/
.ms04List {display:flex;}
.ms04List > li {position:relative; width:calc((100% - 14px)/2); margin-right:14px;}
.ms04List > li img {max-width:100%;}
.ms04List > li:nth-of-type(2n) {margin-right:0;}
.ms04List > li .ms04DescBox {position: absolute; left:0px; bottom:57px; display:flex; justify-content:space-between; align-items:end; width:100%; padding:0 40px;}
.ms04List > li .ms04DescBox p {line-height:1.875em; word-break:keep-all;}

.ms04Rt {display:flex;}
.ms04Rt > div {width:calc((100% - 12px)/2); margin-right:12px;}
.ms04Rt > div:nth-of-type(2n) {margin-right:0;}
.ms04Rt_cont01 {position:relative;}
.ms04Rt_cont02 {position:relative;}
.ms04Lt .ms04DescBox a img {transition: transform 0.3s ease; }
.ms04Lt .ms04DescBox a:hover img { transform: scale(1.1);}

@media screen and (max-width:1340px){
.ms04List > li .ms04DescBox {padding:0 20px;}
}

@media screen and (max-width:1170px){
.ms04List {flex-wrap:wrap;}
.ms04List > li {width:100%; margin-right:0;}
.ms04List > li.ms04Lt {max-width:695px; margin:0 auto;}
.ms04List > li.ms04Rt {max-width:695px; margin:20px auto 0 auto;}
}
@media screen and (max-width:767px){
.ms04List > li .ms04DescBox {padding:0 10px; bottom:20px}
}




/*footer*/
.logoSlide {height:120px; position:relative;}
.logoSlide img {margin-right:102px;}
.logoWrap {height: 100%; display: flex; align-items: center; position: absolute; left: 0;  top: 0;animation-name: part_motion; animation-duration: 25s;animation-timing-function: linear; animation-iteration-count: infinite;}	

@keyframes part_motion{ 
	0%{left:0;}	
	100%{left:-100%;}	
}


.ft_bot {background:url(/img/main/ft_bot_bg.jpg) no-repeat center / cover; padding:70px 0; z-index:10; position:relative;}
.ft_link a {display:inline-block;}
.ft_link a + a {margin-left:38px;}
.ft_info  {display:flex; gap:27px;}
.ft_tel p i {position:relative;}
.ft_tel p i:after {content:''; position:absolute; right:-15px; width:1px; height:13px; background:#bebfc3; top:50%; transform:translateY(-50%);}
.ft_tel p i + i {margin-left:30px;}
.ft_tel p i + i:after {display:none;}

.partSwip .swiper-wrapper{
	transition-timing-function: linear;
}

.partSwip .swiper-slide figure img {width:100%;}

@media screen and (max-width:767px){
.partShip {margin-top:0px;}
.logoWrap {animation-duration: 5s;}
.ft_info {flex-wrap:wrap; gap:20px;}
.ft_info01 {width:100%;}
.ft_info02 {width:100%;}
}


/*sidemenu*/

.sideQ {position:fixed; right:50px; bottom:70px; width:75px; z-index:89;}
.sideQList {display:flex;     display: flex; align-items: center; flex-direction: column; gap: 10px;}
.sideQList li a img {width:100%;}


@media screen and (max-width:767px){
.sideQ {right:10px; width:50px;}
.ft_bot {padding:40px 0;}
.ms04_btn {width:40px; height:40px;}
}


/*---adm---*/
.hd_admin{position:fixed;bottom:10px;left:10px;z-index:999;}
.hd_admin.j_inq {bottom:55px;}
.hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#0091f0;color:#fff; font-weight:700;}
.hd_admin a:hover{background:#0091f0}


/*ms01*/

.ms01List {display:flex;}
.ms01List li {width:calc((100% - 20px*2)/3); margin-right:20px; position:relative; border-radius:20px; overflow:hidden;}
.ms01List li:hover:after {opacity:0.76;}
.ms01List li:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(45deg, #2ee59d, #3bace2); opacity:0; z-index:1; transition:0.28s;  }
background: linear-gradient(to bottom right, #2ee59d, #3bace2);
.ms01List li:nth-of-type(3n) {margin-right:0;}
.ms01List li .ms01_cont01{position:absolute; width:100%; left:0; bottom:40px; display:flex; justify-content:space-between; align-items: end; padding:0 30px; box-sizing:border-box; z-index:2;}
.ms01_cont01 .ms04_btn img{width:60px;}
.ms01_cont01 .ms04_btn {display:none;}
.ms01List li:hover > .ms01_cont01 .ms04_btn {display:block;}


@media screen and (max-width:1380px){
    .ms01List li .ms01_cont01 {padding:0 20px;}
	.ms01_cont01 .ms04_btn img {width:40px;}
}

@media screen and (max-width:1210px){
	.ms01_cont01 {flex-wrap:wrap;}
	.ms01DescBox {width:100%;}
	.ms01_cont01 .ms04_btn {margin-top:20px;}
}

@media screen and (max-width:1080px){
	.ms01_cont01 {flex-wrap:uuset;}
	.ms01DescBox {width:unset;} 
	.ms01List  {flex-wrap:wrap;}
	.ms01List li  {width:calc((100% - 20px)/2); margin-right:20;}
	.ms01List li:nth-of-type(2n) {margin-right:0;}
	.ms01List li:nth-of-type(n + 3) {margin-top:20px;}
}

@media screen and (max-width:720px){
	.ms01List li  {width:100%; margin-right:0;}
	.ms01List li + li {margin-top:20px;}
	.ms01_cont01 .ms04_btn {display:block;}
}


/*수정 20240911*/

.new_ci {display:flex;    align-items: center;justify-content: center;gap: 30px;}
.r_txt {
  font-size: 200px;
  font-weight: 600;
  color: transparent; /* 텍스트 자체는 투명 */
  background: linear-gradient(70deg, #00aaff 50%, #00dda2 50%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  background-size: 100%; /* 그라데이션을 전체 크기에 맞춤 */
}

@media screen and (max-width:720px){
.r_txt {font-size:100px;}
}