@import url('sub.css'); 


.moveAbout_cont {}
.moveAbout_cont .sub_tit_box {}
.moveAbout_cont .sub_tit_box .fs22 {margin:35px 0 28px; color:rgba(255,255,255,0.80);}
.moveAbout_cont .fs40 {margin:90px 0 30px;}

.about_table {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:30px;}
.about_table .imgBox {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--white); padding:80px 30px; box-sizing:border-box;}
.about_table .imgBox img {max-width:100%; display:block; margin:0 auto;}




/**** S:: 입주신청 ****/
.apply_cont{}
.apply_cont section{padding: 100px 0; border-bottom:1px solid rgba(255, 255, 255, 0.18);}
.apply_cont section:first-of-type{padding-top: 0;}
.apply_cont section:last-of-type{padding-bottom: 0; border-bottom:0;}
	.apply_style{display:flex; flex-wrap:wrap; }
	.apply_style.right{flex-direction: row-reverse;}
	.apply_style > div{box-sizing:border-box;}
	.apply_style .img_area{width: 40%;}
	.apply_style .img_area img{width: 100% !important; height:auto !important;}
	.apply_style .txt_area{width: 60%; padding: 0 0 0 100px;}
	.apply_style.right .txt_area{padding: 0 100px 0 0; text-align:left;}
	.apply_style .txt_area .fs40{padding: 0 0 35px;}

	.apply_process{margin: 35px 0 100px; box-sizing:border-box;}
	.apply_process .process {display: grid;  grid-template-columns: repeat(7, 1fr); gap:0 42px;}
	.apply_process .process dl {text-align:center;}
	.apply_process .process dl dt {position:relative; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; position:relative; aspect-ratio: 3 / 3; border:5px solid var(--white); box-sizing:border-box; border-radius:100%;}
	.apply_process .process dl dt::after {content:''; width:42px; height:20px; background:rgba(255,255,255,0.15) url("/program/img/kiuri_arr.png")no-repeat center; position:absolute; top:50%; right:-5px; transform:translate(100%,-50%); }
	.apply_process .process dl:last-of-type dt::after {display:none;}
	.apply_process .process dl dt i {display:block; width:40px; height:40px; line-height:40px; text-align:center; background:var(--main); color:var(--black); font-family:var(--eng); position:absolute; top:3px; left:3px; font-style: normal; font-weight: 700; border-radius:100%; font-size:0.833rem; z-index:10;}
	.apply_process .process dl dt i::after {content:''; width:calc(100% + 24px); height:calc(100% + 24px); background:var(--main); border-radius:100%; opacity:0.22; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;}
	.apply_process .process dl dd {}
	.apply_process .process dl dd h4 {font-weight: 700; color: var(--white); line-height: 155.556%; letter-spacing: -0.72px; margin:18px 0 6px;}
	.apply_process .process dl dd p {font-size: 0.888rem; font-weight: 400; line-height: 162.5%; letter-spacing: -0.64px;}

	.apply_download{display: flex; justify-content: center; padding:40px 0 0;}
	.apply_download li{margin: 0 4px 0 0;}
	.apply_download li:last-of-type{margin: 0;}
	.apply_download li a{display:block; width: 340px; height: 70px; background:var(--white); border-radius: 10px; overflow:hidden;}
	.apply_download li a span{position:relative; z-index:1; width:100%; height:100%; line-height: 70px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 30px; box-sizing:border-box; color: var(--sub5); font-family: var(--eng); font-size: 1rem; font-weight: 700; transition:all 0.3s linear;}
	.apply_download li a span::after {content:''; width:50px; height:50px; background:var(--sub5); border-radius:5px; position:absolute; right:10px; top:10px; z-index:-1; transition:all 0.3s ease;}
	.apply_download li a span::before {content:''; width:50px; height:50px; background:url("/img/btn_arr.svg")no-repeat center; position:absolute; right:10px; top:10px; z-index:10; transition:all 0.3s linear; transform:rotate(90deg);}
	.apply_download li a:hover span {color:var(--white); transition:all 0.3s linear;}
	.apply_download li a:hover span::after {border-radius:100%; transform:scale(20); transition:all 0.6s ease;}
/**** E:: 입주신청 ****/




input[type="radio"]{display: none;}
input[type="checkbox"]{display: none;}
.label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100%; width:100%; cursor:pointer; font-size:13px;  border:1px solid rgba(255,255,255,.45); width: 60px;
height: 27px; box-sizing:border-box; border-radius:5px; text-align:center; position:relative; font-family:var(--eng); line-height:25px; font-weight: 500;}
input[type="radio"]:checked + .label {background:var(--main); color:#fff;}
input[type="radio"]:checked + .label::after {opacity:1;}
input[type="checkbox"]:checked + .label {background:var(--main); color:var(--black); border-color:var(--main);}

/* .label.on {background:var(--main); color:#fff;}
.label.on::after {opacity:1;} */




.form_wrap_cont {display:flex; flex-wrap:wrap;}
.form_wrap_cont .schedule_wrap {width:calc(100% - 530px); padding-right:30px; box-sizing:border-box;}
.form_wrap_cont .form_apply {width:530px; position:relative; z-index:10;}
.form_wrap_cont .form_apply::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid var(--border); box-sizing:Border-box; z-index:-1;}
.form_wrap_cont .form_apply .app_tit {padding:40px; box-sizing:border-box; background:var(--main);}
.form_wrap_cont .form_apply .app_tit span {color: var(--black); font-size: 0.88rem; font-weight: 500; line-height:166.667%; letter-spacing: -0.3px;}
.form_wrap_cont .form_apply .app_tit h4 {color: var(--black); font-family: var(--eng); font-size: 1.888rem; font-weight: 700; line-height:132.353%; margin:7px 0 0;}
.form_wrap_cont .form_apply .app_input_cont {padding:35px 40px; box-sizing:border-box;}
.form_wrap_cont .form_apply .app_input_cont dl {display:flex; flex-wrap:Wrap;}
.form_wrap_cont .form_apply .app_input_cont dl+dl {margin:18px 0 0;}

.form_wrap_cont .form_apply .app_input_cont dl dt {width:75px; color: var(--white); font-size: 0.88rem; font-weight: 700; line-height: 166.667%; letter-spacing: -0.3px; position:relative; top:1px;}
.form_wrap_cont .form_apply .app_input_cont dl dd {width:calc(100% - 75px); letter-spacing: -0.72px;}
.form_wrap_cont .form_apply .app_input_cont .timeline {display:flex; flex-wrap:wrap; gap:5px 3px;min-height:27px;}
.form_wrap_cont .form_apply .app_input_cont .timeline .end {pointer-events: none; }
.form_wrap_cont .form_apply .app_input_cont .timeline .end .label {letter-spacing: -0.78px; background: var(--grayBg);}
.form_wrap_cont .form_apply .app_input_cont .timeline input[type="checkbox"]:checked + .label {background:transparent; color:var(--white); border-color:rgba(255,255,255,.45);}
.form_wrap_cont .form_apply .app_input_cont .label.on {background:var(--main) !important; color:var(--black) !important; border-color:var(--main) !important;}
.form_wrap_cont .form_apply .app_input_cont .fs15 {color: var(--LightFont); font-size: 0.88rem; font-weight: 400; line-height: 166.667%; letter-spacing: -0.3px; margin:10px 0 0;}
.form_wrap_cont .form_apply .input_form {margin:40px 0 50px;}
.form_wrap_cont .form_apply .input_form .input {height: 58px; width:100%; border:1px solid var(--border); padding:0 22px; box-sizing:border-box; background:transparent; font-size:1rem; font-weight: 400; letter-spacing: -0.72px; color:var(--white);}
.form_wrap_cont .form_apply .input_form .input::placeholder {color:var(--basic); font-size:1rem; font-weight: 400; letter-spacing: -0.72px;}
.form_wrap_cont .form_apply .input_form .input+.input {margin:2px 0 0;}
.form_wrap_cont .form_apply .input_form .textarea{background:var(--black); margin:2px 0 0; height:100px; font-size:1rem; color:var(--white); padding:12px 22px;}
.form_wrap_cont .form_apply .input_form .textarea::placeholder {color:var(--basic); font-size:1rem; font-weight: 400; letter-spacing: -0.72px;}
.form_wrap_cont .form_apply .detailBtn {width:100%;} 
.form_wrap_cont .form_apply .detailBtn span {font-weight: 700; letter-spacing: -0.72px;}
.form_wrap_cont .form_apply .detailBtn:hover {background:var(--sub5);}
.form_wrap_cont .form_apply .detailBtn:hover span::after {transform:scale(17);}

.radio_BtnType{display:flex; gap:1px; margin:2px 0;}
.radio_BtnType label{flex:1; text-align:Center; border:1px solid var(--border); height:48px; line-height:48px; cursor:pointer; }
.radio_BtnType input[type="radio"]:checked + label{background:var(--main); color:var(--black);}


.layerPop {position:fixed; top:0; left:0; width:100%; height:var(--vh); min-width:320px; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:9999999;}
.layerPop.visible {opacity:1; visibility:visible; transition:all 0.5s ease;}
.layerPop .layer_mask {background:rgba(0,0,0,0.76); position:absolute; top:0; left:0; width:100%; height:100%;}
.layerPop .layer_in {position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); max-width:810px; width:90%;}
.layerPop .layer_in .layerClose {display:block; margin:0 0 20px auto; width:54px;}
.layerPop .layer_in .layerClose::before {content:'\e5cd'; font-size:54px; font-family:var(--icon); color:var(--white); font-weight:200;}
.layerPop .layer_in .in_content {border-radius: 30px; background: var(--white); padding:90px 60px; box-sizing:border-box; text-align:center;}
.layerPop .layer_in .in_content span {color: var(--sub5); letter-spacing:0;}
.layerPop .layer_in .in_content h4 {color: var(--black); margin:15px 0 20px;}
.layerPop .layer_in .in_content p {color: var(--black); opacity:0.5; letter-spacing: -0.88px; font-size:1.222rem; margin:0 0 60px;}
.layerPop .layer_in .in_content .detailBtn {background:var(--sub5); margin:0 auto;}
.layerPop .layer_in .in_content .detailBtn span {font-weight: 700; letter-spacing: -0.72px; color:var(--white); padding:0 30px !important;}
.layerPop .layer_in .in_content .detailBtn span::before {background:url("/img/btn_arr_b.svg")no-repeat center;}
.layerPop .layer_in .in_content .detailBtn span::after {background:var(--white); transform:scale(1);}
.layerPop .layer_in .in_content .detailBtn:hover span::before {right:10px;}
.layerPop .layer_in .in_content .detailBtn:hover span::after {right:10px; border-radius:5px;}






/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 



.form_wrap_cont .schedule_wrap {width:calc(100% - 400px);}
.form_wrap_cont .form_apply {width:400px;}


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


/**** S:: 입주신청 ****/
.apply_cont{}
.apply_cont section{padding: 80px 0;}
	.apply_style .img_area{width: 40%;}
	.apply_style .txt_area{width: 60%; padding: 0 0 0 80px;}
	.apply_style.right .txt_area{padding: 0 80px 0 0;}
	.apply_style .txt_area .fs40{padding: 0 0 35px;}

	.apply_process{margin: 35px 0 80px;}
	.apply_process .process {grid-template-columns: repeat(4, 1fr); gap:30px 42px;}
	.apply_process .process dl:nth-of-type(4) dt::after {display:none;}

	.apply_download{}
	.apply_download li{margin: 0 4px 0 0; width: calc((100% - 8px)/3);}
	.apply_download li a{width: 100%;}
	.apply_download li a span{padding:0 20px; font-size:15px;}

/**** E:: 입주신청 ****/



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


.about_table {grid-template-columns: repeat(1, 1fr);  gap:15px;}



/**** S:: 입주신청 ****/
.apply_cont{}
.apply_cont section{padding: 60px 0;}
	.apply_style .img_area{width: 40%;}
	.apply_style .txt_area{width: 60%; padding: 0 0 0 40px;}
	.apply_style.right .txt_area{padding: 0 40px 0 0;}
	.apply_style .txt_area .fs40{padding: 0 0 20px;}


	.apply_process{margin: 25px 0 60px;}
	.apply_process .process {grid-template-columns: repeat(4, 1fr); gap:30px 42px;}
	.apply_process .process dl:nth-of-type(4) dt::after {display:none;}
	.apply_process .process dl dt img{width: 60px; height: auto;}
	.apply_process .process dl dt i{left: 0; top:0;}

	.apply_download{padding:30px 0 0; flex-direction: column; align-items: center;}
	.apply_download li{margin: 0 0 4px; width: 100%; max-width:320px;}
/**** E:: 입주신청 ****/



.form_wrap_cont .schedule_wrap {width:100%; padding-right:0; margin-bottom:50px;}
.form_wrap_cont .form_apply {width:100%;}
.form_wrap_cont .form_apply .app_tit {padding:25px 30px;}
.form_wrap_cont .form_apply .app_tit h4 {margin:4px 0 0;}
.form_wrap_cont .form_apply .app_input_cont {padding:25px 30px;}


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.moveAbout_cont .sub_tit_box .fs22 {margin:20px 0 15px;}
.moveAbout_cont .fs40 {margin:60px 0 20px;}
.about_table .imgBox {padding:30px 15px;}



/**** S:: 입주신청 ****/
.apply_cont{}
.apply_cont section{padding: 40px 0;}
	.apply_style .img_area{width: 100%;}
	.apply_style .txt_area{width: 100%; padding: 20px 0 0;}
	.apply_style.right .txt_area{padding: 20px 0 0;}
	.apply_style .txt_area .fs40{padding: 0 0 10px;}

	.apply_process{margin: 15px 0 40px;}
	.apply_process .process {grid-template-columns: repeat(3, 1fr); gap:30px 20px;}
	.apply_process .process dl dt::after{width:20px; height:20px;}
	.apply_process .process dl:nth-of-type(4) dt::after {display:block;}
	.apply_process .process dl:nth-of-type(3) dt::after {display:none;}
	.apply_process .process dl:nth-of-type(6) dt::after {display:none;}
	.apply_process .process dl dt img{width: 50px; height: auto;}
	.apply_process .process dl dt i{width: 30px; height: 30px; line-height: 30px;}

	.apply_download{padding:20px 0 0;}
	.apply_download li{}
	.apply_download li a{height: 55px;}
	.apply_download li a span{line-height: 55px; font-size:14px;}
	.apply_download li a span::after {width:45px; height:45px; right:5px; top:5px;}
	.apply_download li a span::before {width:45px; height:45px; right:5px; top:5px;}
/**** E:: 입주신청 ****/

 

.label {font-size:12px;}

 .form_wrap_cont .form_apply .app_tit {padding:15px 20px;}
.form_wrap_cont .form_apply .app_tit span {font-size:0.98rem;}
.form_wrap_cont .form_apply .app_tit h4 {margin:4px 0 0; font-size:1.5rem;}
.form_wrap_cont .form_apply .app_input_cont {padding:15px 20px;}
.form_wrap_cont .form_apply .app_input_cont dl+dl {margin:12px 0 0;}
.form_wrap_cont .form_apply .app_input_cont dl dt {width:100%; margin:0 0 5px;}
.form_wrap_cont .form_apply .app_input_cont dl dd {width:100%;}

.form_wrap_cont .form_apply .input_form {margin:20px 0 30px;}
.form_wrap_cont .form_apply .input_form .input {height:40px; padding:0 15px;}



.layerPop .layer_in .layerClose {width:40px; margin:0 0 10px auto;}
.layerPop .layer_in .layerClose::before {font-size:40px;}
.layerPop .layer_in .in_content {padding:50px 30px; border-radius:15px;}
.layerPop .layer_in .in_content h4 {margin:10px 0 15px;}
.layerPop .layer_in .in_content p {font-size:1.1rem; margin:0 0 30px;}
.layerPop .layer_in .in_content p br {display:none;}
.layerPop .layer_in .in_content .detailBtn span {padding:0 20px !important;}
.layerPop .layer_in .in_content .detailBtn:hover span::before {right:5px;}
.layerPop .layer_in .in_content .detailBtn:hover span::after {right:5px; }




}



/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:480px) { 


/**** S:: 입주신청 ****/
	.apply_process .process {grid-template-columns: repeat(2, 1fr); max-width:300px; margin: 0 auto;}
	.apply_process .process dl:nth-of-type(3) dt::after {display:block;}

	.apply_process .process dl:nth-of-type(2) dt::after {display:none;}
	.apply_process .process dl:nth-of-type(4) dt::after {display:none;}
	.apply_process .process dl:nth-of-type(6) dt::after {display:none;}
/**** E:: 입주신청 ****/



}