.button_div{
    text-align: center;
}
/* ct1 */
/* .ct1{

} */
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	
}

.slide_img{
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;

}
.slide_img1{ 
    background-image: url('/theme/squid/img/squid/index/remain.png');
    background-position: 60%; 
	display:flex;
	height: 833px;
}

.none_box1 {width: 36rem;}
.title_box {
width: 120rem;
display:flex;
}

.sub_text1 {
font-size: 2.8rem;
color: #fff;
}

.sub_text2 {
width:27.8rem;
font-size: 2.8rem;
color: #fff;
font-weight: bold;
padding: 2rem 3.4rem;
background: black;
border-radius: 20px;
margin-top: 4rem;
text-align: center;
cursor: pointer;
transition: 0.2s;
}

.sub_text2:hover {
background: #E9528A;
}

.sub_text22{
	width:21.8rem;
font-size: 2.4rem;
color: #fff;
font-weight: bold;
padding: 2rem 3.4rem;
background: #E9528A;
border-radius: 20px;
margin-top: 4rem;
text-align: center;
cursor: pointer;
transition: 0.2s;

}

.sub_text22:hover {
	background:#3ECCB9 ;
}


.main_flex1 {
/* width: 80rem; */
}
.main_flex2 {
width: 40rem;
position:relative;
}

.main_phone {
	width: 18.8em;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('/theme/squid/img/squid/index/phone_icon.png');
    position: relative;
    right: -12em;
    top: 13em;
    animation: floater 6s ease-in-out infinite;

}

@keyframes floater {
  0%{transform: translateY(0%);transition: ease 3s;}
  50%{transform: translateY(-5%);transition: ease 3s;}
}

.main_2img {
	width:34.25em;
	height:100%;
	background-repeat: no-repeat;
	background-image : url('/theme/squid/img/squid/index/remain2.png');
	position:relative;
	background-size: contain;
	right:-15;
}
.slide_img2{ 
	display:flex;
    background: #fff;
	margin-top: 10rem;
	height: 45em;
	
}

.slide_img3{ 
    background-image: url('/theme/squid/img/squid/index/ct1_3.jpg');
    background-position: center; 
}
.ct1_img2_title span{
    display: inline-block;
	color: #fff;
}


.ct1_img2_title{
    padding-top: 25rem;
    font-family: 'SUIT-Regular';
    font-style: normal;
	font-weight: bold;
    color: #000;
    font-size: 8rem;
}

.sub_span1 {
	color: #E9528A;
	font-weight: bold;
}
.sub_text21 {
	padding-top: 5rem;
     font-family: 'SUIT-Regular';
    font-style: normal;
    color: #000;
    font-size: 2.2rem;
	
}

.ct1_img21_title{
	padding-top: 5rem;
     font-family: 'SUIT-Regular';
    font-style: normal;
	font-weight: bold;
    color: #000;
    font-size: 5rem;
}

.slide_img2 p .ct1_img2_text_top{
    font-size: 7.5rem;    
}

.c_pink{
    font-family: 'SUIT-Regular';
    font-style: normal;
    font-weight: 700;
    color: #fc2cb0;
}

.ct1_img2_subtitle{
    transform: scaleY(100%);
    padding-top: 7rem;
    font-family: 'welcome_regular';
    color: #ffffff;
    font-size: 3rem;
    font-weight: 400;
    text-shadow: 0.1rem 0.1rem 0.1rem #696969;
    text-align: right;
}

.ct1_img3_title{
    padding-top: 34rem;
    transform: scaleY(100%);
    font-family: 'welcome_bold';    color: #47b610;
    font-size: 4.5rem;
    font-weight: 800;
    text-shadow: 0.1rem 0.1rem 1rem #696969;
}

.ct1_img3_subtitle{
    padding-top: 6rem;
    transform: scaleY(100%);
    color: #ffffff;
    font-size: 3rem;
    font-family: 'SUIT-Regular';
    font-style: normal;
    font-weight: 800;
    text-shadow: 0.1rem 0.1rem 1rem #696969;
    line-height: 4rem;
}

.ct1_img3_subtitle span{
    font-size: 3.75rem;
    transform: scaleY(100%);
    color: #47b610;
}

.ct1_a_box{
	display:block;
}
/* ct2 */

.ct2_notice_box {
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.ct2_notice {
    border-top: 1px solid #909090;
    padding: 2rem 0;
}

.ct2_title {
    font-size: 3rem;
    line-height: 2.4rem;
    color: #030404;
    font-weight: 700;
    padding-bottom: 2rem;
}

.ct2_date {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #909090;
    font-weight: 400;
    padding-bottom: 2rem;
}

.ct2_subject {
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #001d51;
    font-weight: 700;
    padding-bottom: 2rem;
    cursor: pointer;
    display: inline-block;
}

.ct2_content {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #909090;
    font-weight: 400;
    cursor: pointer;
}

.ct2_link {
    float: right;
    color: #001d51;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 700;
    text-decoration: none;
}

.ct2_a_box{
	display:block;
}

/* ct3 */
.ct3{
    width: 100%;
    background-image: url('/theme/squid/img/squid/index/ct3_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	border-radius: 150px 0 0 0 ;
}
.ct3_title{
    color: #fff;
    font-size: 4rem;
    letter-spacing: 0.025em;
    font-family: 'SUIT-Regular';
    font-style: normal;
	font-weight: bold;
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.ct3_content{
    display: flex;
    justify-content: space-between;
    padding-bottom: 11rem;
    flex-wrap: wrap;
    font-size: 1rem;
}

.ct3_list{
   
    padding: 7em 0em;
    display: flex;
    width: 40em;
    height: 27em;
    flex-wrap: wrap;
    min-height: 12em;    
    margin: 0 auto;
	background-color: rgba(255,255,255,0.3);
	align-content: space-around;
	justify-content: center;
	border-radius: 20px;
}

.ct3_subtitle{
    width: 100%;
    font-size: 3em;
    font-family: 'SUIT-Regular';
    font-style: normal;
    font-weight: 700;
    COLOR: #FFF;
    padding-bottom: 1em;
    text-align: center;
}
.ct3_subtitle2{
    font-size: 2.7em;
}
.ct3_number{
    display: flex;
    align-items: flex-end;
    font-family: 'SUIT-Regular';
    font-style: normal;
    color: #fff;
    font-size: 4.8em;
    width: 100%;
    justify-content: center;
}

.join_box {
	width:97.9%;
	height: 182px;
	background: #27B4A1;
	display:flex;
	align-items:center;
	margin:0 auto;
	border-radius: 0 0 50px 0;
	position:relative;
	bottom: -128px;
}

.ct3_boxp {
	font-size:46px;
	color: #fff;
}

.ct3_box1 {
width: 60%;
display:flex;
justify-content:center;
height: 100%;
align-items:center;
padding-left: 60px;
}

.ct3_box2 {
height: 65px;
display:flex;
justify-content: space-between;
align-items: center;
background-color: #020202;
color: #fff;
border-radius: 15px;
padding: 2rem;
}

.ct3_goic {
	background-image: url('/theme/squid/img/squid/index/arrow.png');
	background-repeat: no-repeat;
	height: 33px;
	width:100px;
	background-size:cover;
	background-position:center;
	margin-left: 20px;
}
.join_box2 {
	display:flex;
	justify-content: center;
	height: 100%;
	align-items:center;
	width: 30.25em;
}

.ct3_boxp2 {
	font-family: 'SUIT-Regular';
    font-style: normal;
	width: 100%;
	font-size: 28px;
	cursor:pointer;
	color: #fff;
	padding-right:20px;
	padding-left: 20px;
}

.counter{
    font-family: 'welcome_bold';
	font-weight: bold;
}

.trs {
color: transparent;}
/* ct4 */

.ct4 .ct_body {
	padding-top: 10em;
	background-color: #EFEFEF;
}
.ct4_title{
    font-family: 'SUIT-Regular';
    font-style: normal;
    text-align: center;
    font-weight: 800;
    font-size: 4rem;
    letter-spacing: -0.025em;
    color: #555555;
    padding-bottom: 2em;
    padding-top: 2.5em;
}

.ct4_content{
    text-align: center;
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: -0.025em;
    color: #8a8a8a;
    line-height: 3.6rem;
    padding-bottom: 8rem;
}

.ct4_content span{
    font-weight: 800;
    color: #1d61ec;
}

.ct4_icon_flex{
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding-bottom: 15rem;
    overflow-x: auto;
}

.ct4_icon{
    width: 18.5em;
    height: 25em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ct4_icon1{
    background-image: url('/theme/squid/img/squid/index/1.png');  
}
.ct4_icon2{
    background-image: url('/theme/squid/img/squid/index/2.png');  
}
.ct4_icon3{
    background-image: url('/theme/squid/img/squid/index/3.png');  
}
.ct4_icon4{
    background-image: url('/theme/squid/img/squid/index/4.png');  
}

.ct4_icon21{
    background-image: url('/theme/squid/img/squid/index/21.png');  
}
.ct4_icon22{
    background-image: url('/theme/squid/img/squid/index/22.png');  
}
.ct4_icon23{
    background-image: url('/theme/squid/img/squid/index/23.png');  
}
.ct4_icon24{
    background-image: url('/theme/squid/img/squid/index/24.png');  
}

.ct4_icon_title{
    padding-top: 2rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
    color: #111111;
}


.ct4_icon_box {
    margin-top: 1rem;
}

.ct4_fbox{
	display:flex;
	overflow: hidden;
}

/* ct5 */
.ct5{
    width: 100%;
    background-image: url('/theme/squid/img/squid/index/ct5_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 11rem;
}
.ct5_title{
    padding-top: 12rem;
    padding-bottom: 4rem;
    font-size: 4.8rem;
    font-family: 'welcome_bold';
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #ffffff;
    transform: scaleY(100%);
}

.ct5_content{
    /* transform: scaleY(85%); */
    font-size: 1.8rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.025em;
    color: #fff;
    line-height: 3rem;
    padding-bottom: 9rem;
}

.ct5_btn {
    cursor: pointer;
    width: 35rem;
    height: 5rem;
    border: 2px solid #ffee00;
    color: #ffee00;
    border-radius: 20px 20px;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding-bottom: 0.5rem;
}

.ct5_btn:hover {
    background-color: #fc2bb0;
    border: none;
}


/* ct6 */
.ct6_title{
    transform: scaleY(100%);
    font-size: 6rem;
    font-family: 'welcome_bold';
        font-weight: 800;
    letter-spacing: 0.05em;
    color: #467e23;
    padding-top: 10rem;
    padding-bottom: 2rem;
}

/* ct7 */
.ct7{
    width: 100%;
}

.ct7_body {
	width: 100%;
    height: 240px;
    background: #444A4F;
	max-width: 1920px !important;
	margin:0 !important;
	padding-top:3em;
}

.footer_icon {
	width: 9em;
	height: 3em;
	background-image: url('/theme/squid/img/squid/index/footer_icon.png');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin:0 auto;
}
.copy_write {color: #fff; text-align:center; font-size: 12px;}
.sec_info {color: #fff; text-align:center; cursor:pointer; font-size:12px;}

@media (max-width: 1628px) {
	.main_2img{
		right:0px;
	}
	
	.ct1_img2_title{
		padding-left:0.3em;
	}
	.sub_text1{
		padding-left:1em;
	}

	.ct1_a_box{
		padding-left: 1em;
	}
	.ct2_a_box{
		padding-left: 1em;
	}
	.ct1_img21_title {
		padding-left:0.4em;
	}
	.sub_text21{
		padding-left: 1em;
	}
}

@media (max-width: 1280px) {
	.ct1_img2_title {
		font-size: 7.5rem;
	}}

@media (max-width: 1240px) {
	
	
	.main_phone{
	    right: -30px;
	}

	.main_2img{
		display:none;
	}

	.main_flex_dis_none{
		width:0;
	}

}

@media (max-width: 1116px) {
	.ct3_boxp {
		font-size: 2.25em;
	}
	.ct3_box2{
		font-size:1.563em;
	}

}

@media (max-width: 960px) {
	.ct4_icon_flex{
		max-width: 84rem;
	}
	.ct4_icon {
		width: 13em;
		height: 16em;
	}
}

@media (max-width: 900px) {
	.main_phone{
		display:none;
	}
	.slide_img2{
		margin-top:0;
	}
	.slide_img {
		height: 43.125em;
	}
	.main_flex2{
		width:0;
	}
	.title_box {
		width: 290em;
	}
	
	.ct1_img2_title {
		padding-top: 13rem;
	}
}



@media (max-width: 860px) {

	.ct4_fbox{
		display:grid;
	}
	.ct4_icon_flex{
		justify-content: center;
	}

}

@media (max-width: 839px) {
	.ct3_list {
		margin-bottom: 20px;
	}
}

@media (max-width: 820px) {
	.ct3_boxp {
		font-size: 2em;
	}
	.ct3_box1 {
		padding-left: 40px;
	}
}

@media (max-width: 720px) {
	.ct3_boxp {
		font-size: 1.5em;
	}
	.ct3_boxp2 {
		font-size: 0.8em;
	}
}

@media (max-width: 640px) {
	.main-img{
		height:35em !important;
	}

	.ct1_img2_title{
		font-size:4rem !important;
		padding-left: 0.7em;
	}

	.ct1_img2_title {
		padding-top: 14rem;
	}
	
	.ct4_content	{

		font-size: 2.5rem !important;
		line-height: 3.rem !important;
	}
	.sub_text2 {
		width: 21.8rem;
		font-size: 2.1rem;
		padding: 2rem 1rem;
	}

}

@media (max-width: 615px) {
	.ct1_img21_title{
		font-size:2.5em;
		padding-top: 0;
	}

	.ct3_box1 {
		padding-left: 20px;
	}
}

@media (max-width: 540px;) {
	
}

@media (max-width: 510px) {

		.ct3_box1 {
    padding-left: 0;
}
	.join_box{
		flex-direction: column;
	}
.sub_text2 {
		width: 14.8rem;
		font-size: 1.7rem;
		padding: 2rem 1rem;
	}

	.sub_text22 {
		width: 16.8rem;
		font-size: 2.4rem;
		padding: 2rem 1rem;
	}
}

@media (max-width: 492px) {
	.ct1_img21_title{
		font-size: 1.8em;
	}
	.join_box2{
		width: 18.25em;
		align-items:start;
	}

	.ct1_img2_title {
		padding-top: 12rem;
	}

	

	.sub_text21 {
		font-size: 1.4em;
	}
}

@media (max-width: 460px) {
	.ct3_box1 {
		width: 63%;
	}
	.sub_text21 {
		padding-left: 0.6em;
	}

	.ct1_a_box {
		padding-left:0.2em
	}

	.ct1_img2_title{
		padding-left:0.1em;
	}
	.sub_text1{
		padding-left:0.2em;
	}
}

@media (max-width: 440px) {
	
	.ct1_img2_title {
		font-size: 3rem !important;
	}
}

@media (max-width: 410px) {

	.ct3_box1 {
		width: 70%;
	}



	.ct2_a_box {
		padding-left: 0;
	}

	.ct1_a_box {
		padding-left: 0;
	}

	.ct4_icon {
		width: 11em;
		height: 12em;
	}

	.ct1_img21_title {
		padding-left: 0;
	}

	.sub_text21 {
    font-size: 1.4em;
	padding-left: 0;
	padding-top: 1rem;
}
	

}

@media (max-width: 380px) {
	.ct3_box1 {
		width: 78%;
	}
}
@media (max-width: 358px) {
			.sub_text21 {
    font-size: 1.3em;

	.sub_text22 {
		margin-top: 1rem;
	}

	.ct1_img2_title {
		font-size: 2.5rem !important;
		padding-top: 12rem;
	}

	
	.ct3_boxp {
		font-size: 1.2em;
	}
}

@media (max-width: 340px) {


	.ct4_icon {
		width: 8em;
		height: 10em;
	}
}

@media (max-width: 300px) {
		.sub_text2  {
		margin-top: 1rem;
	}
}

	
			.sub_text21 {
    font-size: 1.2em;
	}


@media (max-width: 290px) {



	.ct3_boxp {
		font-size: 1.2em;
	}

	.ct3_box1 {
		width: 83%;
		padding-left: 0;
	}
	.ct3_boxp2 {
		padding-right: 0;
	}

	.ct3_goic  {
		background-size: contain;
		width: 60px;
	}
}