header {
	background-image: url(../images/section01_01.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#section01 { width: 100%; height: auto; padding-top: 151px;  }
#section01 article {
	width: 100%; max-width: 736px; height: auto;
	
	padding-top: 160px; 
	padding-bottom: 175px;

	left: 50%; 
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.page_title { 
	width: 100%; height: auto; 
	padding-bottom: 35px;
	border-bottom: 5px solid #447EDE;
}
.page_title .sub {
	color: #7A7A7A;
	font-size: 32.8px;
	font-weight: 800;
	line-height: 126.2%;
	letter-spacing: -1.64px;

}

.page_title .main {
	color: #447EDE;
	font-size: 54.4px;
	font-weight: 800;
	line-height: 126.2%;
	letter-spacing: -2.72px;
}

.form_containner {
	width: 100%; height: auto;
	padding-top: 45px;
}

.form_containner form { width: 100%; height: auto; }
.form_containner .form_txt {
	width: 100%; height: auto; line-height: 1.5;
	color: #434343;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: -0.54px;
}

.form_containner .form_txt.add { margin-top: 60px; }
.form_containner .form_txt .red { color: #FF2F2F; }

.form_containner .form_title_img_box {
	width: 100%; height: auto;
	padding: 40px;
	margin-top: 60px;

    background-image: url(../images/section01_01.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.form_containner .form_title_img_box img {
	width: 400px;
}

.form_containner .form_in {
	width: 100%; height: auto;
	margin-top: 35px;
}

.form_containner .form_in .form_in_item:nth-child(1) { margin-top: 0px; }
.form_containner .form_in .form_in_item.mt0 { margin-top: 0px; }
.form_containner .form_in .form_in_item {
	width: 100%; height: auto;
	margin-top: 15px;
}

.form_containner .form_label {
	width: 100%; height: auto; line-height: 1.3;
	color: #447EDE;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;

}

.form_containner .form_label.in{ width: 75px; height: 60px; line-height: 60px; }

.form_containner .form_in .form_in_item input {
	width: 354px; height: 60px;
	border: 1px solid #606060;
	background: #F7F7F7;
	font-weight: 600;
	padding: 0px 20px;

	color: #000;
	font-size: 16px;
	letter-spacing: -0.48px;
}
.form_containner .form_in .form_in_item input::placeholder {
	color: #CBCBCB;
	font-size: 16px;
	font-weight: 200;
}


.form_containner .form_in .form_in_item input.num1 { width: 100px; }
.form_containner .form_in .form_in_item input.num2 { width: 120px; margin-left: 8px; }

.form_containner .form_in .form_in_item.info { margin-top: 15px; }
.form_containner .form_in .form_in_item.info .form_label.in { height: auto; line-height: 1.5; }
.form_containner .form_in .form_in_item.info .form_val { height: auto; line-height: 1.5; }


.form_containner .form_in .form_in_item .form_val { 
	width: calc(100% - 75px); height: 60px; line-height: 60px;

	color: #000;
	font-size: 22px; font-weight: 600;
	letter-spacing: -0.48px;
}

.form_containner .form_submit.full.txt { display: inline-block; }
.form_containner .form_submit.full.txt p {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 18px; color: #000;
	text-align: center;
	margin-bottom: 20px;
}

.form_containner .form_submit.full { 
	padding: 0px; 
	display: flex;
	align-items: center; 
	gap: 10px;
}
.form_containner .form_submit.full button:nth-child(2) { background-color: #696969; }
.form_containner .form_submit.full button.full { width: 100%; }
.form_containner .form_submit.full button { 
	width: calc(50% - 5px); height: 95px;
	
	left: auto;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
	font-size: 25px;
}

.form_containner .form_submit {
	width: 100%; height: auto;
	margin-top: 70px;
	padding: 0px 40px;
}

.form_containner .form_submit button:hover { opacity: 0.9; }
.form_containner .form_submit button {
	width: 100%; height: 110px;
	border-radius: 30px;
	background: #447EDE;

	color: #FFF;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -1.08px;

	cursor: pointer; 

	left: 50%; 
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}








#login_pop {
	display: none;
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: auto; min-height: 100vh;
	z-index: 10000;
}

.login_pop_bg {
	position: fixed; top: 0px; left: 0px;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.90);
}

#login_pop .login_pop_box {
	width: 100%; height: auto;
	padding: 90px;
}

#login_pop .login_pop_box .login_pop_title span{
	width: 100%; height: auto; line-height: 1;
	margin-bottom: 20px; 

	color: #447EDE;
	text-align: center; font-size: 25px;
	font-weight: 600;
}

#login_pop .login_pop_box .login_pop_title {
	width: 100%; height: auto; line-height: 1.4;
	color: #FFF; text-align: center;
	text-align: center; font-size: 50px;
	font-weight: 600;
}

#login_pop .login_pop_box .login_pop_video {
	max-width: 736px; width: 100%; height: auto;
	margin-top: 30px;


	left: 50%; 
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);


}

#login_pop .login_pop_box .login_pop_video img.on { opacity: 0; }

#login_pop .login_pop_box .login_pop_video img.poster {
	 width: 100%; height: auto;

	border: 10px solid #447EDE;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	 z-index: 3;

}


#login_pop .login_pop_box .login_pop_video img.play {
	width: 60px; height: auto;

	position: absolute; top: 50%; left: 50%; 
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	cursor: pointer; 
	 z-index: 4;


	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}


#login_pop .login_pop_box .login_pop_video video.on { z-index: 5; }
#login_pop .login_pop_box .login_pop_video video {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	z-index: 1;
}



#login_pop .login_pop_desc{
	width: 100%; height: auto; line-height: 1.4;
	margin-top: 30px;

	color: #FFF; text-align: center;
	font-size: 16.8px; font-weight: 600;
	letter-spacing: -0.504px;
}


#login_pop .login_pop_btn {
	width: 100%; height: auto;
	margin-top: 15px;
}

#login_pop .login_pop_btn button {
	width: 344px; height: 56px;

	color: #FFF; text-align: center;
	font-size: 18.4px; font-weight: 600;
	letter-spacing: -0.552px;

	border-radius: 56px;
	background: #447EDE;

	cursor: pointer;

	left: 50%; 
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}




#login_pop .login_pop_close {
	width: 100%; margin-top: 20px;
	text-align: center;


    display: flex;
    justify-content: center;
	align-items: center;

}

#login_pop .login_pop_close label {
	width: max-content; height: 30px; line-height: 30px;


	color: #8A8A8A; text-align: center;
	font-size: 16px; font-weight: 200;
	letter-spacing: -0.48px;

    justify-self: center;
	display: flex;
	align-items: center;
}

#login_pop .login_pop_close label input {
	width: 21px; height: 21px;
	border: 1px solid #8A8A8A;
	background-color: #fff;
	margin-left: 10px;
}

#login_pop .login_pop_close label input:checked::after {
	content: '✓';
	position: absolute; top: 50%; left: 50%;

	font-size: 20px; color: #447EDE; font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#login_pop .login_pop_close span {
	color: #C8C8C8; 
	font-size: 16px; font-weight: 600;
	margin-left: 20px;
	cursor: pointer;

}



br.form_type_01 { display: none; }



.step_check_btn.type02 { 
	position: absolute;
	top: 80px; left: 0px;
	margin-top: 0px; 
}

.step_check_btn {
	width: 100%; height: auto;
	margin-top: 25px;
}

.step_check_btn button {
	width: 200px; height: 55px;

	border-radius: 55px;
	border: 1.5px solid #447EDE;

	color: #447EDE; 
	font-size: 24px; font-weight: 600; 
	letter-spacing: -0.72px;
	cursor: pointer;
}
.step_check_btn.type02 button{  float: right; }



.calender_containner {
	width: 100%; height: auto;
	margin-top: 100px;
}


.step_title {
	width: 100%; height: auto; line-height: 1.3;
	color: #447EDE; 
	font-size: 20px; font-weight: 600;
	letter-spacing: -0.6px;
}

.step_desc{
	width: 100%; height: auto; line-height: 1.7;
	color: #939393;
	font-size: 16px; font-weight: 200;
	letter-spacing: -0.48px;
	margin-top: 5px;
}

.calender_containner .step_calender {
	width: 100%; height: auto;
	margin-top: 10px;
}
.calender_containner .step_calender_header { 
	width: 100%; height: auto;

    display: flex;
    justify-content: center;
}


.calender_containner .step_calender_header .step_calender_func { 
	width: 200px; height: 55px; line-height: 55px;

    display: flex;
    justify-content: space-between;
	align-items: center;

	border-radius: 55px;
	background-color: #447EDE;

	padding: 0px 18px;
}


.calender_containner .step_calender_header .step_calender_func #Ymd { 
	color: #FFF;
	font-size: 24px; font-weight: 600;
	letter-spacing: -0.72px;
}

.calender_containner .step_calender_header .step_calender_func #prev,
.calender_containner .step_calender_header .step_calender_func #next { 
	width: 13px; height: 13px;
	
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	
}

.calender_containner .step_calender_header .step_calender_func #prev.hide,
.calender_containner .step_calender_header .step_calender_func #next.hide{ opacity: 0; pointer-events: none; }

.calender_containner .step_calender_header .step_calender_func #prev label,
.calender_containner .step_calender_header .step_calender_func #next label { width: 100%; height: 100%; cursor: pointer; }

.calender_containner .step_calender_header .step_calender_status {
	position: absolute; top: 0px; right: 0px;
	width: auto; height: auto;
	display: grid;
	gap: 7px;
}

.calender_containner .step_calender_header .step_calender_status .calender_status_item { 
	width: auto; height: auto; 
	display: flex;
	align-items: center;
}
.calender_containner .step_calender_header .calender_status_item .color_box.type01{ background-color: #FE7373; }
.calender_containner .step_calender_header .calender_status_item .color_box.type02{ background-color: #707070; }
.calender_containner .step_calender_header .calender_status_item .color_box {
	width: 48px; height: 24px;
	border-radius: 4px;
	background-color: #000;
}

.calender_containner .step_calender_header .calender_status_item .color_txt {
	width: auto; height: auto;
	padding-left: 9px;

	color: #2C2C2C;
	font-size: 14px; font-weight: 600;
	letter-spacing: -0.42px;
}

.calender_containner .step_calender_body {
	width: 100%; height: auto;
	margin-top: 20px;
}

.calender_containner #tab {
	width: 100%; height: auto;

    border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;

	pointer-events: auto;

	border: 0px;
}


.calender_containner #tab td{
	width: calc(100% / 7);
	background: #F4F4F4;
	padding: 0px 0px;

	border: 2.5px solid #fff;
}

.calender_containner #tab tr:not(.theads) td { height: 105px; vertical-align: top; }


.calender_containner #tab td:nth-child(6n+1){ border-right: 0px; }
.calender_containner #tab td:nth-child(7n+1){ border-left: 0px; border-right: 2.5px solid #fff; }
.calender_containner #tab .theads td{
	width: calc(100% / 7);
	background: #88B3FB;
	padding: 17px 0px;

	color: #FFF; text-align: center;
	font-size: 18px; font-style: normal;
	font-weight: 600;
	letter-spacing: -0.528px;

	border: 2px solid #fff;
	border-top: 0px;
}

.calender_containner #tab td .num {
	width: auto; height: auto; line-height: 1;
	padding: 16px 0px 0px 12px; 

	color: #000; text-align: left;
	font-size: 12px; font-style: normal;
	font-weight: 600;
	letter-spacing: -0.36px;
}



.calender_containner #tab td .item.on { background: #FE7373; }
.calender_containner #tab td .item.checks { background: #3DD6B1; }
.calender_containner #tab td .item.checks .cnt { color: #447EDE; font-weight: bold; }
.calender_containner #tab td .item  {
	width: 100%; height: auto; line-height: 1.3;
	padding: 8px 10px;
	border-radius: 4px;
	background: #707070;


	cursor: pointer;
	margin-top: 5px;
}
.calender_containner #tab td .item .status,
.calender_containner #tab td .item .title,
.calender_containner #tab td .item .cnt {
	width: 100%; height: auto;
	color: #FFF;
	font-size: 12px; font-weight: 200;
	letter-spacing: -0.336px;
}

.calender_containner #tab td .item .title {
	/*
      display: -webkit-box;
      display: -ms-flexbox;
      display: box;
      max-height: 2.6em;
      overflow:hidden;
      vertical-align:top;
      text-overflow: ellipsis;
      word-break:break-all;
      -webkit-box-orient:vertical;
      -webkit-line-clamp: 2;
	*/
}


.calender_containner #tab td .item.on .arrow { background-image: url(../images/login/calender_item_on.svg); }
.calender_containner #tab td .item .arrow {
	position: absolute; bottom: 7px; right: 10px;
	width: 16px; height: 16px;

	background-image: url(../images/login/calender_item_off.svg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}



.calender_containner #tab td .item .sticker.ok {
	background-image: url(../images/login/calender_item_sticker_ok.png);
	right: 0px;
	background-size: 100%;
}


.calender_containner #tab td .item .sticker {
	position: absolute; top: -20px; right: 10px;
	width: 40px; height: 40px;

	background-image: url(../images/login/calender_item_sticker.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}


.list_containner {
	width: 100%; height: auto;
	margin-top: 100px;
}

.list_containner .step_sort { 
	width: 100%; height: 48px; 
	margin-bottom: 30px; 
}

.list_containner .step_sort .step_sort_box.step_sort_list { left: 210px; background-color: #7EAEFE; }
.list_containner .step_sort .step_sort_box {
	position: absolute; top: 0px; left: 0px;
	width: 200px; height: auto; 
	border-radius: 25px;
	padding: 6px 20px;
	color: #FFF;
	font-size: 14px; font-weight: 600;
	letter-spacing: -0.425px;

	background-color: #447EDE;
	display: flex; 
	flex-wrap: wrap;
	align-items: center;

	background-image: url(../images/login/calender_sort_arrow.svg);
	background-size: 10px auto;
	background-position: calc(100% - 20px) 20px;
	background-repeat: no-repeat;
	
	z-index: 1;
	cursor: pointer;
}


.list_containner .step_sort .step_sort_box .step_sort_item.on { margin-bottom: 10px; margin-top: 10px; pointer-events: none;  order:1; }
.list_containner .step_sort .step_sort_box .step_sort_item.active ,
.list_containner .step_sort .step_sort_box .step_sort_item:hover { color: #FFFA93; }
.list_containner .step_sort .step_sort_box .step_sort_item {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 14px; color: #fff;
	text-align: left; font-weight: 200;
	letter-spacing: -0.4px;
	margin-bottom: 5px;
	order: 2;
	cursor:pointer;
}

.list_containner .step_sort .step_sort_box .step_sort_item:not(.on){ display: none; }
.list_containner .step_sort .step_sort_box.on .step_sort_item { display: block; }


.list_containner .step_list {
	width: 100%; height: auto;
	margin-top: 100px;
	display: flex; 
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.list_containner .step_list .step_list_item {
	width: calc(33.333% - 10px); height: auto;
	cursor: pointer;
}

.list_containner .step_list .step_list_item .step_list_thum {
	width: 100%; height: 180px; 
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.list_containner .step_list .step_list_item .step_list_thum .counter {
	position: absolute; top: 14px; left: 17px;
	width: auto; height: auto; line-height: 1;
	padding: 5px 8px 3px;
	border-radius: 17px;
	background-color: #fff;

	color: #447EDE; text-align: center;
	font-size: 12px; font-weight: 600;
}
.list_containner .step_list .step_list_item .step_list_thum .sticker.ok {
	background-image: url(../images/login/calender_item_sticker_ok.png); background-size: 100%;
}
.list_containner .step_list .step_list_item .step_list_thum .sticker {
	position: absolute; bottom: 0px; right: 5px;
	width: 50px; height: 50px;

	background-image: url(../images/login/calender_item_sticker.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}



.list_containner .step_list .step_list_item:hover .step_list_info { background-color: #447EDE; }
.list_containner .step_list .step_list_item .step_list_info {
	width: 100%; height: auto;
	padding: 12px 18px;
	background-color: #F4F4F4;
	
}

.list_containner .step_list .step_list_item:hover .step_list_info .step_list_title { color: #fff; }
.list_containner .step_list .step_list_item .step_list_info .step_list_title {
	width: 100%; height: auto; line-height: 1.3; 

	color: #000;
	font-size: 15px; font-weight: 600;
	letter-spacing: -0.45px;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.list_containner .step_list .step_list_item:hover .step_list_info .step_list_desc { color: #fff; }
.list_containner .step_list .step_list_item .step_list_info .step_list_desc {
	width: 100%; height: 2.8em; line-height: 1.4;

	color: #000;
	font-size: 14px; font-weight: 200;
	letter-spacing: -0.36px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;

}

.list_containner .step_list .step_list_item .step_list_info .step_list_tag {
	width: 100%; height: auto; 
	margin-top: 6px;
	
	display: flex;
	align-items: center;
}

.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(n+2) { margin-left: 5px; }
.list_containner .step_list .step_list_item:hover .step_list_info .step_list_tag .info_item { background-color: #fff; color: #337EDE; }
.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(1) { width: 95px; }
.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(2) { max-width: calc(100% - 100px); }
.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item {
	width: auto; height: 20px; line-height: 20px;

	color: #FFF; text-align: center;
	font-size: 11px; font-weight: 200;
	letter-spacing: -0.285px;

	padding: 0px 8px;

	border-radius: 20px;
	background: #9E9E9E;

      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
}



.step_paing {
	width: 100%; height: auto;
	margin-top: 45px;
	display: flex;
	justify-content: center;
	aling-items: center; 
}

.step_paing .step_paing_arrow,
.step_paing .step_paing_item {
	width: auto; height: auto; line-height: 2;
	font-size: 20px; color: #616161;
	font-weight: 200;
	margin: 0px 10px 0px 5px;
	cursor: pointer;
}

.step_paing .step_paing_item.active { color: #447EDE; }

.step_paing .step_paing_item:nth-child(n+3)::before {
	content: '|';
	position: absolute; left: -10px; top: 0px;
	color: #616161;
}

.calender_containner #tab.pr_hide::before { display: none; }
.calender_containner #tab.nx_hide::after { display: none; }

.calender_containner #tab::before {
	content: '';

	position: absolute; top: 50%; left: -60px;
	width: 37px; height: 37px;

	background-image: url(../images/login/calender_arrow_big_prev.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;


	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);

	cursor: pointer;
}



.calender_containner #tab::after {
	content: '';

	position: absolute; top: 50%; right: -60px;
	width: 37px; height: 37px;

	background-image: url(../images/login/calender_arrow_big_next.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;


	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);

	cursor: pointer;
}









.form_containner .form_agree {
	width: 100%; height: auto;
	margin-top: 60px;
}

.form_containner .form_agree .form_agree_title {
	width: 100%; height: auto; line-height: 1.5;
	color: #606060; 
	font-size: 18px; font-weight: 600;
	letter-spacing: -0.528px;
}
.form_containner .form_agree .form_agree_content {
	width: 100%; height: 273px; line-height: 1.4; 
	border: 1px solid #606060;
	background: #F7F7F7;

	color: #000; 
	font-size: 13px; font-weight: 200;
	letter-spacing: -0.48px;

	margin-top: 8px;

	padding: 26px 45px 26px 30px;
	overflow-y: scroll;
}


.form_containner .form_agree .form_agree_check {
	width: 100%; height: auto;
	margin-top: 15px;
	display: flex;
    justify-content: flex-start;
    gap: 12px;
    align-items: center;
}

.form_containner .form_agree .form_agree_check input:checked::after {
	content: '✓';
	position: absolute; top: 50%; left: 50%;

	font-size: 18px; color: #447EDE; font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.form_containner .form_agree .form_agree_check input {
	width: 20px; height: 20px;
	border: 2px solid #447EDE;
	background: #FFF;
	cursor: pointer;
}
.form_containner .form_agree .form_agree_check label {
	line-height: 1.5;
	color: #447EDE;
	font-size: 18px; font-weight: 600;
	letter-spacing: -0.528px;
	cursor: pointer;
}




.status_contents {
	width: 100%; height: auto;
	padding-top: 45px;
}

.status_contents .status_txt {
	width: 100%; height: auto; line-height: 1.3;

	color: #447EDE;
	font-size: 20px; font-weight: 600;
	letter-spacing: -0.6px;

}

.status_contents .apply_status_item {
	width: 100%; height: auto;
	margin-top: 20px;

	padding: 40px;
	border-radius: 12px;
	border: 1px solid #606060;
	background: #FFF;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 17px;
}

.status_contents .apply_status_item .apply_status_info {
	width: 100%; height: auto;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


.status_contents .apply_status_item .apply_status_info .apply_status_label {
	width: 105px; height: auto; line-height: 1.3;

	color: #447EDE;
	font-size: 20px; font-weight: 600;
	letter-spacing: -0.6px;
}


.status_contents .apply_status_item .apply_status_info .apply_status_val {
	width: calc(100% - 105px); height: auto; line-height: 1.2;

	color: #000;
	font-size: 22px; font-weight: 600;
	letter-spacing: -0.66px;
}

.status_contents .apply_status_item .apply_status_btn {
	width: 100%; height: auto;
	margin-top: 30px;

	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}



.status_contents .apply_status_item .apply_status_btn .status_btn_item {
	width: 150px; height: 40px; line-height: 40px;
	border-radius: 40px;
	color: #FFF;
	font-size: 20px; font-weight: 600;
	letter-spacing: -0.6px;
	text-align: center;
	cursor: pointer;;

	background-color: #447EDE;

}

.status_contents .apply_status_item .apply_status_btn .status_btn_item:nth-child(2) { width: 110px; }


.status_contents .apply_status_item:not(.on) { padding: 20px 40px; }
.status_contents .apply_status_item:not(.on) .apply_status_info:nth-child(n+3) { display: none; }
.status_contents .apply_status_item:not(.on) .apply_status_btn { display: none; }
.status_contents .apply_status_item:not(.on) {
	cursor: pointer;
	padding: 20px 90px 20px 40px;
	background-image: url(../images/login/apply_status_arrow.svg);
	background-size: 40px auto;
	background-position: calc(100% - 25px) 50%;
	background-repeat: no-repeat;
}

.status_contents .apply_status_func {
	width: 100%; height: auto;
	margin-top: 80px;

	display: flex;
	gap: 15px;
}

.status_contents .apply_status_func .status_func_btn:nth-child(2){ width: 290px; background: #696969; }
.status_contents .apply_status_func .status_func_btn{
	width: 430px; height: 110px; line-height: 110px;
	
	border-radius: 30px;
	background: #447EDE;

	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

	color: #FFF;
	font-size: 36px; font-weight: 600;
	letter-spacing: -1.08px;
}





.form_edit {
	width: 100%; height: auto;
	margin-top: 45px;
}

.form_edit .form_edit_title {
	width: 100%; height: auto; line-height: 1.2;

	color: #447EDE;
	font-size: 24px; font-weight: 600;
	letter-spacing: -0.72px;
	z-index: 2;
}

.form_edit .form_edit_info {
	width: 100%; height: auto; line-height: 1.5;

	color: #939393;
	font-size: 18px; font-weight: 200;
	letter-spacing: -0.54px;

	margin-top: 15px;
	margin-bottom: 20px;
	z-index: 2;
}


.form_edit .form_edit_info .txt.first{ margin-left: 0px; }
.form_edit .form_edit_info .txt {
	padding: 0px 7px;

	border-radius: 4px;
	background: #77A2EA;
	color: #fff; 
	margin-right: 10px;
	margin-left: 30px;

}

.form_edit .form_edit_desc {
	width: 100%; height: auto; line-height: 1.7;

	color: #000;
	font-size: 18px; font-weight: 200;
	letter-spacing: -0.54px;

	z-index: 1;
}












	br.form_type_02 { display: none; }




@media (max-width: 479px){ 
	br.form_type_01 { display: block; }
	br.form_type_02 { display: block; }

	#section01 {  padding: 0px calc((30 / 1280)* 100vw); padding-top: calc((80 / 480)* 100vw);  }
	#section01 article {
		max-width: calc((1100 / 1280)* 100vw);
		padding-top: calc((200 / 1280)* 100vw); 
		padding-bottom: calc((260 / 1280)* 100vw);
	}

	.page_title { padding-bottom: calc((40 / 1280)* 100vw); border-bottom: calc((5 / 1280)* 100vw) solid #447EDE; }
	.page_title .sub { font-size: calc((52 / 1280)* 100vw); }
	.page_title .main { font-size: calc((80 / 1280)* 100vw); letter-spacing: calc((-2 / 480)* 100vw);; }
	.form_containner { padding-top: calc((60 / 1280)* 100vw); }
	.form_containner .form_txt { font-size: calc((42 / 1280)* 100vw); }
	.form_containner .form_in { margin-top: calc((80 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item { margin-top: calc((20 / 1280)* 100vw); }
	.form_containner .form_label { font-size: calc((42 / 1280)* 100vw); letter-spacing: calc((-0.75 / 1280)* 100vw); }
	.form_containner .form_label.in{ width: calc((200 / 1280)* 100vw); height: calc((110 / 1280)* 100vw); line-height: calc((110 / 1280)* 100vw); }

	.form_containner .form_in .form_in_item input.num1 { width: calc((200 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item input.num2 { width: calc((250 / 1280)* 100vw); margin-left: calc((15 / 1280)* 100vw); }


	.form_containner .form_in .form_in_item.info { margin-top: calc((35 / 1280)* 100vw); }

	.form_containner .form_in .form_in_item .form_val { 
		width: calc(100% - ((200 / 1280)* 100vw)); height: calc((110  / 1280)* 100vw); line-height: calc((110  / 1280)* 100vw);

		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}



	.form_containner .form_in .form_in_item input {
		width: calc((730 / 1280)* 100vw); height: calc((110 / 1280)* 100vw);
		border: 1px solid #606060;
		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0.81 / 1280)* 100vw);
		padding: 0px calc((30 / 1280)* 100vw);
	}

	.form_containner .form_in .form_in_item input::placeholder {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.form_containner .form_submit {	margin-top: calc((120 / 1280)* 100vw); padding: 0px calc((60 / 1280)* 100vw); }
	.form_containner .form_submit button {
		width: 100%;
        height: calc((160 / 1280)* 100vw);
        line-height: calc((160 / 1280)* 100vw);
        border-radius: calc((37 / 1280)* 100vw);
        font-size: calc((60 / 1280)* 100vw);
        letter-spacing: calc((-1.35 / 1280)* 100vw);
	}





	#login_pop .login_pop_box {
		padding: calc((150 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_title span{
		font-size: calc((30 / 1280)* 100vw); 
	    margin-bottom: calc((30 / 1280)* 100vw);
	}
	#login_pop .login_pop_box .login_pop_title {
		font-size: calc((60 / 1280)* 100vw); 
	}

	#login_pop .login_pop_box .login_pop_video {
		max-width: calc((1100 / 1280)* 100vw); 
		margin-top: calc((55 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_video img.poster {
		border: calc((10 / 1280)* 100vw) solid #447EDE;
	}


	#login_pop .login_pop_box .login_pop_video img.play {
		width: calc((100 / 1280)* 100vw);
	}


	#login_pop .login_pop_desc{
		margin-top: calc((60 / 1280)* 100vw);
		font-size: calc((32 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
	}


	#login_pop .login_pop_btn {
		margin-top: calc((65 / 1280)* 100vw);
	}

	#login_pop .login_pop_btn button {
		width: calc((800 / 1280)* 100vw); 

		height: calc((120 / 1280)* 100vw);
		border-radius: calc((120 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw);
		padding: 0px calc((20 / 1280)* 100vw);
		margin-top: calc((0 / 1280)* 100vw);

	}




	#login_pop .login_pop_close {
		margin-top: calc((40 / 1280)* 100vw);
	}

	#login_pop .login_pop_close label {
		height: calc((40 / 1280)* 100vw); line-height: calc((40 / 1280)* 100vw);
		font-size: calc((35 / 1280)* 100vw);
		letter-spacing: calc((-0.48 / 1280)* 100vw);
	
	}

	#login_pop .login_pop_close label input {
		width: calc((40 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
		margin-left: calc((20 / 1280)* 100vw);

	}

	#login_pop .login_pop_close label input:checked::after {
		font-size: calc((40 / 1280)* 100vw); 
	}


	#login_pop .login_pop_close span {
		font-size: calc((35 / 1280)* 100vw); 
		margin-left: calc((35 / 1280)* 100vw);

	}


/************************************************/




	.step_check_btn.type02 { top: calc((140 / 1280)* 100vw); }

	.step_check_btn {
		margin-top: calc((45 / 1280)* 100vw);
	}

	.step_check_btn button {
		width: calc((350 / 1280)* 100vw); height: calc((100 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		border: calc((1.5 / 1280)* 100vw) solid #447EDE;
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}



	.calender_containner {
		margin-top: calc((150 / 1280)* 100vw);
	}


	.step_title {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.step_desc{
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-top: calc((15 / 1280)* 100vw);
	}

	.calender_containner .step_calender {
		margin-top: calc((80 / 1280)* 100vw);
	}



	.calender_containner .step_calender_header .step_calender_func { 
		width: calc((400 / 1280)* 100vw); height: calc((100 / 1280)* 100vw); line-height: calc((100 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		padding: 0px calc((25 / 1280)* 100vw);
	}


	.calender_containner .step_calender_header .step_calender_func #Ymd { 
		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_func #prev,
	.calender_containner .step_calender_header .step_calender_func #next { 
		width: calc((40 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_status {
		gap: calc((7 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_box {
		width: calc((70 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_txt {
		padding-left: calc((15 / 1280)* 100vw);
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.calender_containner .step_calender_body {
		margin-top: calc((40 / 1280)* 100vw);
	}


	.calender_containner #tab td{
		width: calc(100% / 7);
		border: calc((2.5 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab tr:not(.theads) td { height: calc((105 / 1280)* 100vw); }


	.calender_containner #tab td:nth-child(7n+1){ border-left: 0px; border-right: calc((2.5 / 1280)* 100vw) solid #fff; }
	.calender_containner #tab .theads td{
		width: calc(100% / 7);
		padding: calc((17 / 1280)* 100vw) 0px;

		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0.528 / 1280)* 100vw);

		border: calc((2 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab td .num {
		padding: calc((15 / 1280)* 100vw) 0px 0px calc((10 / 1280)* 100vw); 

		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0.36 / 1280)* 100vw);
	}


	.calender_containner #tab td .item  {
		padding: calc((15 / 1280)* 100vw) calc((10 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);
	}
	.calender_containner #tab td .item .status,
	.calender_containner #tab td .item .title,
	.calender_containner #tab td .item .cnt {
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((0 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .arrow {
		bottom: calc((18 / 1280)* 100vw); right: calc((10 / 1280)* 100vw);
		width: calc((30 / 1280)* 100vw); height: calc((30 / 1280)* 100vw);
	}

	
	.calender_containner #tab td .item .sticker {
		top: calc((-25 / 1280)* 100vw); right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}
	.calender_containner #tab td .item .title {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: box;
		  max-height: 2.6em;
		  overflow:hidden;
		  vertical-align:top;
		  text-overflow: ellipsis;
		  word-break:break-all;
		  -webkit-box-orient:vertical;
		  -webkit-line-clamp: 2;
	}

	.list_containner { margin-top: calc((140 / 1280)* 100vw); }
	.list_containner .step_sort { 
		height: calc((78 / 1280)* 100vw); 
		margin-bottom: calc((60 / 1280)* 100vw); 
	}

	.list_containner .step_sort .step_sort_box.step_sort_list { left: calc((370 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box {
		width: calc((350 / 1280)* 100vw); 
		border-radius: calc((45 / 1280)* 100vw);
		padding: calc((6 / 1280)* 100vw) calc((30 / 1280)* 100vw);
		font-size: calc((35 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);

		background-size: calc((20 / 1280)* 100vw) auto;
		background-position: calc(100% - ((30 / 1280)* 100vw)) calc((30 / 1280)* 100vw);
	}


	.list_containner .step_sort .step_sort_box .step_sort_item.on { margin-bottom: calc((10 / 1280)* 100vw); margin-top: calc((10 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box .step_sort_item {
		font-size: calc((35 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-bottom: calc((5 / 1280)* 100vw);
	}

	.list_containner .step_list {
		margin-top: calc((100 / 1280)* 100vw);
		gap: calc((20 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item {
		width: calc(50% - ((10 / 1280)* 100vw)); 
	}

	.list_containner .step_list .step_list_item .step_list_thum {
		height: calc((330 / 1280)* 100vw); 
	}


	.list_containner .step_list .step_list_item .step_list_thum .counter {
		top: calc((20 / 1280)* 100vw); left: calc((17 / 1280)* 100vw);
		padding: calc((8 / 1280)* 100vw) calc((20 / 1280)* 100vw) calc((5 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((30 / 1280)* 100vw); 
	}

	.list_containner .step_list .step_list_item .step_list_thum .sticker.ok { width: calc((100 / 1280)* 100vw); height: calc((100 / 1280)* 100vw); }
	.list_containner .step_list .step_list_item .step_list_thum .sticker {
		right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}


	.list_containner .step_list .step_list_item .step_list_info {
		padding: calc((20 / 1280)* 100vw) calc((20 / 1280)* 100vw);
	
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_title {
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_desc {
		font-size: calc((34 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-top: calc((10 / 1280)* 100vw);

	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag {
		margin-top: calc((10 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(n+2) { margin-left: calc((10 / 1280)* 100vw); }


	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(1) { width: calc((300 / 1280)* 100vw); }
	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(2) { max-width: calc(100% - ((310 / 1280)* 100vw)); }


	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item {
		height: calc((60 / 1280)* 100vw); line-height: calc((60 / 1280)* 100vw);
		font-size: calc((34 / 1280)* 100vw);
		letter-spacing: calc((-0.285 / 1280)* 100vw);
		padding: 0px calc((20 / 1280)* 100vw);
		border-radius: calc((60 / 1280)* 100vw);
	}



	.step_paing {
		margin-top: calc((90 / 1280)* 100vw);

	}

	.step_paing .step_paing_arrow,
	.step_paing .step_paing_item {
		font-size: calc((36 / 1280)* 100vw); 
		margin: 0px calc((20 / 1280)* 100vw) 0px calc((15 / 1280)* 100vw);
	}


	.step_paing .step_paing_item:nth-child(n+3)::before {
		left: calc((-20 / 1280)* 100vw); 
	}


	.calender_containner #tab::before {
		display: none;
	}



	.calender_containner #tab::after {
		display: none;

	}






	.form_containner .form_agree { margin-top: calc((120  / 1280)* 100vw); }
	.form_containner .form_agree .form_agree_title { 
		font-size: calc((42  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw); 
	}
	.form_containner .form_agree .form_agree_content { 
		height: calc((450  / 1280)* 100vw); 
		font-size: calc((30  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw);
		margin-top: calc((15  / 1280)* 100vw);
		padding: calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw);
	}


	.form_containner .form_agree .form_agree_check {
		margin-top: calc((25  / 1280)* 100vw);
		gap: calc((20  / 1280)* 100vw);
	}

	.form_containner .form_agree .form_agree_check input:checked::after {
		font-size: calc((36  / 1280)* 100vw); 
	}

	.form_containner .form_agree .form_agree_check input {
		width: calc((36 / 1280)* 100vw); height: calc((36 / 1280)* 100vw);
		border: calc((2 / 1280)* 100vw) solid #447EDE;
	}
	.form_containner .form_agree .form_agree_check label {
		font-size: calc((36  / 1280)* 100vw);
		letter-spacing: calc((-0  / 1280)* 100vw);
	}

	.form_containner .form_txt.add { margin-top: calc((120  / 1280)* 100vw); }
	.form_containner .form_txt.add span { font-size: calc((34  / 1280)* 100vw); }


	.form_containner .form_title_img_box {
		padding: calc((60  / 1280)* 100vw);
	    margin-top: calc((120  / 1280)* 100vw);
	}
	.form_containner .form_title_img_box img { width: calc((550  / 1280)* 100vw); }


	.form_edit  { margin-top: calc((90  / 1280)* 100vw); }
	.form_edit .form_edit_title { font-size: calc((48  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); }
	.form_edit .form_edit_info { font-size: calc((42  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); margin-top: calc((20  / 1280)* 100vw); margin-bottom: calc((50 / 1280)* 100vw); }


	.form_edit .form_edit_info .txt {
		padding: 0px calc((15  / 1280)* 100vw);
		border-radius: calc((8  / 1280)* 100vw);
		margin-right: calc((15  / 1280)* 100vw);
		margin-left: calc((0  / 1280)* 100vw);
	}
	.form_edit .form_edit_info span { margin-bottom: calc((30/ 1280)* 100vw); }
	.form_edit .form_edit_info span:not(.txt) { width: calc(100% - calc((220  / 1280)* 100vw)); }




	.form_edit .form_edit_desc {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
		
	}

	.form_containner .form_submit.full { gap: calc((20 / 1280)* 100vw); }
	.form_containner .form_submit.full button {
		width: calc(50% - ((20 / 1280)* 100vw));
		height: calc((160 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw);
	}

	.form_containner .form_submit.full.txt p {
		font-size: calc((30 / 1280)* 100vw); 
		margin-bottom: calc((40 / 1280)* 100vw);
	}


	.status_contents {
		padding-top: calc((60 / 1280)* 100vw);
	}

	.status_contents .status_txt {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item {
		margin-top: calc((40 / 1280)* 100vw);
		padding: calc((60 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		border-radius: calc((12 / 1280)* 100vw);
		gap: calc((40 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_info .apply_status_label {
		width: calc((250 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}	

	.status_contents .apply_status_item .apply_status_info .apply_status_val {
		width: calc(100% - ((250 / 1280)* 100vw)); 
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn {
		margin-top: calc((30 / 1280)* 100vw);
		gap: calc((10 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item {
		width: calc((300 / 1280)* 100vw); height: calc((80 / 1280)* 100vw); line-height: calc((80 / 1280)* 100vw);
		border-radius: calc((80 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item:nth-child(2) { width: calc((220 / 1280)* 100vw); }

	.status_contents .apply_status_item:not(.on) { padding: calc((40 / 1280)* 100vw) calc((40 / 1280)* 100vw); }
	.status_contents .apply_status_item:not(.on) {
		padding: calc((40 / 1280)* 100vw) calc((90 / 1280)* 100vw) calc((40 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		background-size: calc((60 / 1280)* 100vw) auto;
		background-position: calc(100% - ((25 / 1280)* 100vw)) 50%;
	}

	.status_contents .apply_status_func {
		margin-top: calc((120 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.status_contents .apply_status_func .status_func_btn:nth-child(2){ width: calc((430 / 1280)* 100vw); }
	.status_contents .apply_status_func .status_func_btn{
		width: calc((660 / 1280)* 100vw); height: calc((140 / 1280)* 100vw); line-height: calc((140 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}



}

@media (max-width: 749px) and (min-width: 480px) { 
	br.form_type_01 { display: block; }

	#section01 {  padding: 0px calc((30 / 1280)* 100vw); padding-top: 80px;  }
	#section01 article {
		max-width: calc((1100 / 1280)* 100vw);
		padding-top: calc((200 / 1280)* 100vw); 
		padding-bottom: calc((260 / 1280)* 100vw);
	}

	.page_title { padding-bottom: calc((40 / 1280)* 100vw); border-bottom: calc((5 / 1280)* 100vw) solid #447EDE; }
	.page_title .sub { font-size: calc((52 / 1280)* 100vw); }
	.page_title .main { font-size: calc((80 / 1280)* 100vw); letter-spacing: calc((-3.4 / 1280)* 100vw); }
	.form_containner { padding-top: calc((60 / 1280)* 100vw); }
	.form_containner .form_txt { font-size: calc((36 / 1280)* 100vw); }
	.form_containner .form_in { margin-top: calc((80 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item { margin-top: calc((20 / 1280)* 100vw); }
	.form_containner .form_label { font-size: calc((36 / 1280)* 100vw); letter-spacing: calc((-0.75 / 1280)* 100vw); }
	.form_containner .form_label.in{ width: calc((200 / 1280)* 100vw); height: calc((110 / 1280)* 100vw); line-height: calc((110 / 1280)* 100vw); }

	
	.form_containner .form_in .form_in_item input.num1 { width: calc((200 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item input.num2 { width: calc((250 / 1280)* 100vw); margin-left: calc((15 / 1280)* 100vw); }

	.form_containner .form_in .form_in_item.info { margin-top: calc((35 / 1280)* 100vw); }


	.form_containner .form_in .form_in_item .form_val { 
		width: calc(100% - ((200 / 1280)* 100vw)); height: calc((110  / 1280)* 100vw); line-height: calc((110  / 1280)* 100vw);

		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}


	.form_containner .form_in .form_in_item input {
		width: calc((730 / 1280)* 100vw); height: calc((110 / 1280)* 100vw);
		border: 1px solid #606060;
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0.81 / 1280)* 100vw);
		padding: 0px calc((30 / 1280)* 100vw);
	}

	.form_containner .form_in .form_in_item input::placeholder {
		font-size: calc((36 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.form_containner .form_submit {	margin-top: calc((120 / 1280)* 100vw); padding: 0px calc((80 / 1280)* 100vw); }
	.form_containner .form_submit button {
		width: 100%;
        height: calc((130 / 1280)* 100vw);
        line-height: calc((130 / 1280)* 100vw);
        border-radius: calc((37 / 1280)* 100vw);
        font-size: calc((50 / 1280)* 100vw);
        letter-spacing: calc((-1.35 / 1280)* 100vw);
	}








	#login_pop .login_pop_box {
		padding: calc((120 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_title span{
		font-size: calc((35 / 1280)* 100vw); 
	    margin-bottom: calc((35 / 1280)* 100vw);
	}
	#login_pop .login_pop_box .login_pop_title {
		font-size: calc((70 / 1280)* 100vw); 
	}


	#login_pop .login_pop_box .login_pop_video {
		max-width: calc((1100 / 1280)* 100vw); 
		margin-top: calc((55 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_video img.poster {
		border: calc((10 / 1280)* 100vw) solid #447EDE;
	}


	#login_pop .login_pop_box .login_pop_video img.play {
		width: calc((100 / 1280)* 100vw);
	}


	#login_pop .login_pop_desc{
		margin-top: calc((60 / 1280)* 100vw);
		font-size: calc((32 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
	}


	#login_pop .login_pop_btn {
		margin-top: calc((65 / 1280)* 100vw);
	}

	#login_pop .login_pop_btn button {
		width: calc((800 / 1280)* 100vw); 

		height: calc((120 / 1280)* 100vw);
		border-radius: calc((120 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw);
		padding: 0px calc((20 / 1280)* 100vw);
		margin-top: calc((0 / 1280)* 100vw);

	}




	#login_pop .login_pop_close {
		margin-top: calc((40 / 1280)* 100vw);
	}

	#login_pop .login_pop_close label {
		height: calc((40 / 1280)* 100vw); line-height: calc((40 / 1280)* 100vw);
		font-size: calc((35 / 1280)* 100vw);
		letter-spacing: calc((-0.48 / 1280)* 100vw);
	
	}

	#login_pop .login_pop_close label input {
		width: calc((40 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
		margin-left: calc((20 / 1280)* 100vw);

	}

	#login_pop .login_pop_close label input:checked::after {
		font-size: calc((40 / 1280)* 100vw); 
	}

	#login_pop .login_pop_close span {
		font-size: calc((35 / 1280)* 100vw); 
		margin-left: calc((35 / 1280)* 100vw);

	}




/************************************************/




	.step_check_btn.type02 { top: calc((140 / 1280)* 100vw); }

	.step_check_btn {
		margin-top: calc((45 / 1280)* 100vw);
	}

	.step_check_btn button {
		width: calc((350 / 1280)* 100vw); height: calc((100 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		border: calc((1.5 / 1280)* 100vw) solid #447EDE;
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}



	.calender_containner {
		margin-top: calc((150 / 1280)* 100vw);
	}


	.step_title {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.step_desc{
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-top: calc((15 / 1280)* 100vw);
	}

	.calender_containner .step_calender {
		margin-top: calc((80 / 1280)* 100vw);
	}



	.calender_containner .step_calender_header .step_calender_func { 
		width: calc((400 / 1280)* 100vw); height: calc((100 / 1280)* 100vw); line-height: calc((100 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		padding: 0px calc((25 / 1280)* 100vw);
	}


	.calender_containner .step_calender_header .step_calender_func #Ymd { 
		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_func #prev,
	.calender_containner .step_calender_header .step_calender_func #next { 
		width: calc((40 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_status {
		gap: calc((7 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_box {
		width: calc((70 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_txt {
		padding-left: calc((15 / 1280)* 100vw);
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.calender_containner .step_calender_body {
		margin-top: calc((40 / 1280)* 100vw);
	}


	.calender_containner #tab td{
		width: calc(100% / 7);
		border: calc((2.5 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab tr:not(.theads) td { height: calc((105 / 1280)* 100vw); }


	.calender_containner #tab td:nth-child(7n+1){ border-left: 0px; border-right: calc((2.5 / 1280)* 100vw) solid #fff; }
	.calender_containner #tab .theads td{
		width: calc(100% / 7);
		padding: calc((17 / 1280)* 100vw) 0px;

		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0.528 / 1280)* 100vw);

		border: calc((2 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab td .num {
		padding: calc((16 / 1280)* 100vw) 0px 0px calc((12 / 1280)* 100vw); 

		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0.36 / 1280)* 100vw);
	}


	.calender_containner #tab td .item  {
		padding: calc((8 / 1280)* 100vw) calc((10 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);
	}
	.calender_containner #tab td .item .status,
	.calender_containner #tab td .item .title,
	.calender_containner #tab td .item .cnt {
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((0 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .arrow {
		bottom: calc((12 / 1280)* 100vw); right: calc((5 / 1280)* 100vw);
		width: calc((25 / 1280)* 100vw); height: calc((25 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .sticker {
		top: calc((-25 / 1280)* 100vw); right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .title {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: box;
		  max-height: 2.6em;
		  overflow:hidden;
		  vertical-align:top;
		  text-overflow: ellipsis;
		  word-break:break-all;
		  -webkit-box-orient:vertical;
		  -webkit-line-clamp: 2;
	}

	.list_containner { margin-top: calc((140 / 1280)* 100vw); }
	.list_containner .step_sort { 
		height: calc((78 / 1280)* 100vw); 
		margin-bottom: calc((60 / 1280)* 100vw); 
	}

	.list_containner .step_sort .step_sort_box.step_sort_list { left: calc((370 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box {
		width: calc((350 / 1280)* 100vw); 
		border-radius: calc((45 / 1280)* 100vw);
		padding: calc((6 / 1280)* 100vw) calc((30 / 1280)* 100vw);
		font-size: calc((35 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);

		background-size: calc((20 / 1280)* 100vw) auto;
		background-position: calc(100% - ((30 / 1280)* 100vw)) calc((30 / 1280)* 100vw);
	}


	.list_containner .step_sort .step_sort_box .step_sort_item.on { margin-bottom: calc((10 / 1280)* 100vw); margin-top: calc((10 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box .step_sort_item {
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-bottom: calc((5 / 1280)* 100vw);
	}



	.list_containner .step_list {
		margin-top: calc((100 / 1280)* 100vw);
		gap: calc((20 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item {
		width: calc(50% - ((10 / 1280)* 100vw)); 
	}

	.list_containner .step_list .step_list_item .step_list_thum {
		height: calc((330 / 1280)* 100vw); 
	}

	.list_containner .step_list .step_list_item .step_list_thum .counter {
		top: calc((20 / 1280)* 100vw); left: calc((17 / 1280)* 100vw);
		padding: calc((8 / 1280)* 100vw) calc((15 / 1280)* 100vw) calc((5 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((30 / 1280)* 100vw); 
	}

	.list_containner .step_list .step_list_item .step_list_thum .sticker.ok { width: calc((100 / 1280)* 100vw); height: calc((100 / 1280)* 100vw); }

	.list_containner .step_list .step_list_item .step_list_thum .sticker {
		right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}


	.list_containner .step_list .step_list_item .step_list_info {
		padding: calc((20 / 1280)* 100vw) calc((20 / 1280)* 100vw);
	
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_title {
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_desc {
		font-size: calc((34 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-top: calc((10 / 1280)* 100vw);

	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag {
		margin-top: calc((10 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(n+2) { margin-left: calc((10 / 1280)* 100vw); }


	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(1) { width: calc((300 / 1280)* 100vw); }
	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(2) { max-width: calc(100% - ((310 / 1280)* 100vw)); }

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item {
		height: calc((60 / 1280)* 100vw); line-height: calc((60 / 1280)* 100vw);
		font-size: calc((34 / 1280)* 100vw);
		letter-spacing: calc((-0.285 / 1280)* 100vw);
		padding: 0px calc((20 / 1280)* 100vw);
		border-radius: calc((60 / 1280)* 100vw);
	}



	.step_paing {
		margin-top: calc((90 / 1280)* 100vw);

	}

	.step_paing .step_paing_arrow,
	.step_paing .step_paing_item {
		font-size: calc((36 / 1280)* 100vw); 
		margin: 0px calc((20 / 1280)* 100vw) 0px calc((15 / 1280)* 100vw);
	}


	.step_paing .step_paing_item:nth-child(n+3)::before {
		left: calc((-20 / 1280)* 100vw); 
	}


	.calender_containner #tab::before {
		display: none;
	}



	.calender_containner #tab::after {
		display: none;

	}





	.form_containner .form_agree { margin-top: calc((120  / 1280)* 100vw); }
	.form_containner .form_agree .form_agree_title { 
		font-size: calc((42  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw); 
	}
	.form_containner .form_agree .form_agree_content { 
		height: calc((350  / 1280)* 100vw); 
		font-size: calc((25  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw);
		margin-top: calc((15  / 1280)* 100vw);
		padding: calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw) calc((30  / 1280)* 100vw);
	}


	.form_containner .form_agree .form_agree_check {
		margin-top: calc((25  / 1280)* 100vw);
		gap: calc((20  / 1280)* 100vw);
	}

	.form_containner .form_agree .form_agree_check input:checked::after {
		font-size: calc((36  / 1280)* 100vw); 
	}

	.form_containner .form_agree .form_agree_check input {
		width: calc((36 / 1280)* 100vw); height: calc((36 / 1280)* 100vw);
		border: calc((2 / 1280)* 100vw) solid #447EDE;
	}
	.form_containner .form_agree .form_agree_check label {
		font-size: calc((36  / 1280)* 100vw);
		letter-spacing: calc((-0  / 1280)* 100vw);
	}

	.form_containner .form_txt.add { margin-top: calc((120  / 1280)* 100vw); }


	.form_containner .form_title_img_box {
		padding: calc((60  / 1280)* 100vw);
	    margin-top: calc((120  / 1280)* 100vw);
	}
	.form_containner .form_title_img_box img { width: calc((550  / 1280)* 100vw); }


	.form_edit  { margin-top: calc((90  / 1280)* 100vw); }
	.form_edit .form_edit_title { font-size: calc((42  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); }
	.form_edit .form_edit_info { font-size: calc((36  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); margin-top: calc((20  / 1280)* 100vw); margin-bottom: calc((50 / 1280)* 100vw); }


	.form_edit .form_edit_info .txt {
		padding: 0px calc((15  / 1280)* 100vw);
		border-radius: calc((8  / 1280)* 100vw);
		margin-right: calc((15  / 1280)* 100vw);
		margin-left: calc((0  / 1280)* 100vw);
	}
	.form_edit .form_edit_info span { margin-bottom: calc((30/ 1280)* 100vw); }
	.form_edit .form_edit_info span:not(.txt) { width: calc(100% - calc((220  / 1280)* 100vw)); }


	.form_edit .form_edit_desc {
		font-size: calc((36 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
		
	}

	.form_containner .form_submit.full { gap: calc((10 / 1280)* 100vw); }
	.form_containner .form_submit.full button {
		width: calc(50% - ((10 / 1280)* 100vw));
		height: calc((130 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw);
	}


	.form_containner .form_submit.full.txt p {
		font-size: calc((30 / 1280)* 100vw); 
		margin-bottom: calc((40 / 1280)* 100vw);
	}


	.status_contents {
		padding-top: calc((60 / 1280)* 100vw);
	}

	.status_contents .status_txt {
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item {
		margin-top: calc((40 / 1280)* 100vw);
		padding: calc((60 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		border-radius: calc((12 / 1280)* 100vw);
		gap: calc((40 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_info .apply_status_label {
		width: calc((250 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}	

	.status_contents .apply_status_item .apply_status_info .apply_status_val {
		width: calc(100% - ((250 / 1280)* 100vw)); 
		font-size: calc((42 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn {
		margin-top: calc((30 / 1280)* 100vw);
		gap: calc((10 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item {
		width: calc((300 / 1280)* 100vw); height: calc((80 / 1280)* 100vw); line-height: calc((80 / 1280)* 100vw);
		border-radius: calc((80 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item:nth-child(2) { width: calc((220 / 1280)* 100vw); }

	.status_contents .apply_status_item:not(.on) { padding: calc((40 / 1280)* 100vw) calc((40 / 1280)* 100vw); }
	.status_contents .apply_status_item:not(.on) {
		padding: calc((40 / 1280)* 100vw) calc((90 / 1280)* 100vw) calc((40 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		background-size: calc((60 / 1280)* 100vw) auto;
		background-position: calc(100% - ((25 / 1280)* 100vw)) 50%;
	}

	.status_contents .apply_status_func {
		margin-top: calc((120 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.status_contents .apply_status_func .status_func_btn:nth-child(2){ width: calc((430 / 1280)* 100vw); }
	.status_contents .apply_status_func .status_func_btn{
		width: calc((660 / 1280)* 100vw); height: calc((140 / 1280)* 100vw); line-height: calc((140 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((42 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}



}

@media (max-width: 1023px) and (min-width: 750px) { 
	#section01 {  padding: 0px calc((30 / 1280)* 100vw); padding-top: 80px;  }
	#section01 article {
		max-width: calc((950 / 1280)* 100vw);
		padding-top: calc((200 / 1280)* 100vw); 
		padding-bottom: calc((260 / 1280)* 100vw);
	}

	.page_title { padding-bottom: calc((40 / 1280)* 100vw); border-bottom: calc((5 / 1280)* 100vw) solid #447EDE; }
	.page_title .sub { font-size: calc((41 / 1280)* 100vw); }
	.page_title .main { font-size: calc((68 / 1280)* 100vw); letter-spacing: calc((-3.4 / 1280)* 100vw); }
	.form_containner { padding-top: calc((60 / 1280)* 100vw); }
	.form_containner .form_txt { font-size: calc((27 / 1280)* 100vw); }
	.form_containner .form_in { margin-top: calc((80 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item { margin-top: calc((20 / 1280)* 100vw); }
	.form_containner .form_label { font-size: calc((27 / 1280)* 100vw); letter-spacing: calc((-0.75 / 1280)* 100vw); }
	.form_containner .form_label.in{ width: calc((94 / 1280)* 100vw); height: calc((75 / 1280)* 100vw); line-height: calc((75 / 1280)* 100vw); }

	
	.form_containner .form_in .form_in_item input.num1 { width: calc((120 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item input.num2 { width: calc((152 / 1280)* 100vw); margin-left: calc((10 / 1280)* 100vw); }



	.form_containner .form_in .form_in_item.info { margin-top: calc((25 / 1280)* 100vw); }


	.form_containner .form_in .form_in_item .form_val { 
		width: calc(100% - ((94 / 1280)* 100vw)); height: calc((75 / 1280)* 100vw); line-height: calc((75 / 1280)* 100vw);

		font-size: calc((27 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}


	.form_containner .form_in .form_in_item input {
		width: calc((443 / 1280)* 100vw); height: calc((75 / 1280)* 100vw);
		border: 1px solid #606060;
		font-size: calc((27 / 1280)* 100vw); 
		letter-spacing: calc((-0.81 / 1280)* 100vw);
		padding: 0px calc((20 / 1280)* 100vw);
	}

	.form_containner .form_in .form_in_item input::placeholder {
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.form_containner .form_submit {
		margin-top: calc((120 / 1280)* 100vw); 
		padding: 0px calc((60 / 1280)* 100vw); 
	}
	.form_containner .form_submit button {
		width: 100%; height: calc((138 / 1280)* 100vw);
		border-radius: calc((37 / 1280)* 100vw);
		font-size: calc((45 / 1280)* 100vw); 
		letter-spacing: calc((-1.35 / 1280)* 100vw);
	}






	#login_pop .login_pop_box {
		padding: calc((120 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_title span{
		font-size: calc((30 / 1280)* 100vw); 
	    margin-bottom: calc((30 / 1280)* 100vw);
	}
	#login_pop .login_pop_box .login_pop_title {
		font-size: calc((60 / 1280)* 100vw); 
	}

	#login_pop .login_pop_box .login_pop_video {
		max-width: calc((900 / 1280)* 100vw); 
		margin-top: calc((35 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_video img.poster {
		border: calc((10 / 1280)* 100vw) solid #447EDE;
	}


	#login_pop .login_pop_box .login_pop_video img.play {
		width: calc((80 / 1280)* 100vw);
	}


	#login_pop .login_pop_desc{
		margin-top: calc((60 / 1280)* 100vw);
		font-size: calc((24 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
	}


	#login_pop .login_pop_btn {
		margin-top: calc((30 / 1280)* 100vw);
	}

	#login_pop .login_pop_btn button {
		width: calc((500 / 1280)* 100vw); height: calc((56 / 1280)* 100vw);

		height: calc((70 / 1280)* 100vw);
		border-radius: calc((50 / 1280)* 100vw);
		font-size: calc((23 / 1280)* 100vw);
		padding: 0px calc((25 / 1280)* 100vw);
		margin-top: calc((15 / 1280)* 100vw);

	}




	#login_pop .login_pop_close {
		margin-top: calc((40 / 1280)* 100vw);
	}

	#login_pop .login_pop_close label {
		height: calc((30 / 1280)* 100vw); line-height: calc((30 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.48 / 1280)* 100vw);
	
	}

	#login_pop .login_pop_close label input {
		width: calc((21 / 1280)* 100vw); height: calc((21 / 1280)* 100vw);
		margin-left: calc((10 / 1280)* 100vw);

	}

	#login_pop .login_pop_close label input:checked::after {
		font-size: calc((20 / 1280)* 100vw); 
	}


	#login_pop .login_pop_close span {
		font-size: calc((20 / 1280)* 100vw); 
		margin-left: calc((25 / 1280)* 100vw);

	}


/************************************************/




	.step_check_btn.type02 { top: calc((100 / 1280)* 100vw); }

	.step_check_btn {
		margin-top: calc((45 / 1280)* 100vw);
	}

	.step_check_btn button {
		width: calc((280 / 1280)* 100vw); height: calc((75 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		border: calc((1.5 / 1280)* 100vw) solid #447EDE;
		font-size: calc((30 / 1280)* 100vw);
		letter-spacing: calc((-0.75 / 1280)* 100vw);
	}



	.calender_containner {
		margin-top: calc((100 / 1280)* 100vw);
	}


	.step_title {
		font-size: calc((25 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.step_desc{
		font-size: calc((22 / 1280)* 100vw); 
		letter-spacing: calc((-0.48 / 1280)* 100vw);
		margin-top: calc((10 / 1280)* 100vw);
	}

	.calender_containner .step_calender {
		margin-top: calc((10 / 1280)* 100vw);
	}



	.calender_containner .step_calender_header .step_calender_func { 
		width: calc((280 / 1280)* 100vw); height: calc((75 / 1280)* 100vw); line-height: calc((75 / 1280)* 100vw);

		border-radius: calc((75 / 1280)* 100vw);
		padding: 0px calc((18 / 1280)* 100vw);
	}


	.calender_containner .step_calender_header .step_calender_func #Ymd { 
		font-size: calc((30 / 1280)* 100vw); 
		letter-spacing: calc((-0.72 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_func #prev,
	.calender_containner .step_calender_header .step_calender_func #next { 
		width: calc((25 / 1280)* 100vw); height: calc((25 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_status {
		gap: calc((7 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_box {
		width: calc((50 / 1280)* 100vw); height: calc((30 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_txt {
		padding-left: calc((9 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw); 
		letter-spacing: calc((-0.42 / 1280)* 100vw);
	}

	.calender_containner .step_calender_body {
		margin-top: calc((20 / 1280)* 100vw);
	}


	.calender_containner #tab td{
		width: calc(100% / 7);
		border: calc((2.5 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab tr:not(.theads) td { height: calc((105 / 1280)* 100vw); }


	.calender_containner #tab td:nth-child(7n+1){ border-left: 0px; border-right: calc((2.5 / 1280)* 100vw) solid #fff; }
	.calender_containner #tab .theads td{
		width: calc(100% / 7);
		padding: calc((17 / 1280)* 100vw) 0px;

		font-size: calc((27 / 1280)* 100vw); 
		letter-spacing: calc((-0.528 / 1280)* 100vw);

		border: calc((2 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab td .num {
		padding: calc((16 / 1280)* 100vw) 0px 0px calc((12 / 1280)* 100vw); 

		font-size: calc((18 / 1280)* 100vw); 
		letter-spacing: calc((-0.36 / 1280)* 100vw);
	}


	.calender_containner #tab td .item  {
		padding: calc((8 / 1280)* 100vw) calc((10 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);
	}
	.calender_containner #tab td .item .status,
	.calender_containner #tab td .item .title,
	.calender_containner #tab td .item .cnt {
		font-size: calc((18 / 1280)* 100vw); 
		letter-spacing: calc((0 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .arrow {
		bottom: calc((12 / 1280)* 100vw); right: calc((5 / 1280)* 100vw);
		width: calc((20 / 1280)* 100vw); height: calc((20 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .sticker {
		top: calc((-25 / 1280)* 100vw); right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}

	.list_containner { margin-top: calc((140 / 1280)* 100vw); }
	.list_containner .step_sort { 
		height: calc((62 / 1280)* 100vw); 
		margin-bottom: calc((40 / 1280)* 100vw); 
	}

	.list_containner .step_sort .step_sort_box.step_sort_list { left: calc((260 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box {
		width: calc((250 / 1280)* 100vw); 
		border-radius: calc((30 / 1280)* 100vw);
		padding: calc((6 / 1280)* 100vw) calc((20 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw); 
		letter-spacing: calc((-0.425 / 1280)* 100vw);

		background-size: calc((13 / 1280)* 100vw) auto;
		background-position: calc(100% - ((20 / 1280)* 100vw)) calc((25 / 1280)* 100vw);
	}


	.list_containner .step_sort .step_sort_box .step_sort_item.on { margin-bottom: calc((10 / 1280)* 100vw); margin-top: calc((10 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box .step_sort_item {
		font-size: calc((20 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-bottom: calc((5 / 1280)* 100vw);
	}

	.list_containner .step_list {
		margin-top: calc((100 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item {
		width: calc(33.333% - ((10 / 1280)* 100vw)); 
	}

	.list_containner .step_list .step_list_item .step_list_thum {
		height: calc((180 / 1280)* 100vw); 
	}


	.list_containner .step_list .step_list_item .step_list_thum .counter {
		top: calc((14 / 1280)* 100vw); left: calc((17 / 1280)* 100vw);
		padding: calc((8 / 1280)* 100vw) calc((12 / 1280)* 100vw) calc((5 / 1280)* 100vw);
		border-radius: calc((17 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw); 
	}
	.list_containner .step_list .step_list_item .step_list_thum .sticker.ok { width: calc((60 / 1280)* 100vw); height: calc((60 / 1280)* 100vw); }

	.list_containner .step_list .step_list_item .step_list_thum .sticker {
		right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}


	.list_containner .step_list .step_list_item .step_list_info {
		padding: calc((15 / 1280)* 100vw) calc((15 / 1280)* 100vw);
	
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_title {
		font-size: calc((22 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_desc {
		font-size: calc((20 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);

	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag {
		margin-top: calc((6 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(n+2) { margin-left: calc((5 / 1280)* 100vw); }

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(1) { width: calc((165 / 1280)* 100vw); }
	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(2) { max-width: calc(100% - ((170 / 1280)* 100vw)); }

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item {
		height: calc((35 / 1280)* 100vw); line-height: calc((35 / 1280)* 100vw);
		font-size: calc((18 / 1280)* 100vw);
		letter-spacing: calc((-0.285 / 1280)* 100vw);
		padding: 0px calc((15 / 1280)* 100vw);
		border-radius: calc((20 / 1280)* 100vw);
	}



	.step_paing {
		margin-top: calc((90 / 1280)* 100vw);

	}

	.step_paing .step_paing_arrow,
	.step_paing .step_paing_item {
		font-size: calc((26 / 1280)* 100vw); 
		margin: 0px calc((15 / 1280)* 100vw) 0px calc((10 / 1280)* 100vw);
	}


	.step_paing .step_paing_item:nth-child(n+3)::before {
		left: calc((-15 / 1280)* 100vw); 
	}


	.calender_containner #tab::before {
		left: calc((-80 / 1280)* 100vw);
		width: calc((55 / 1280)* 100vw); height: calc((55 / 1280)* 100vw);
	}



	.calender_containner #tab::after {
		right: calc((-80 / 1280)* 100vw);
		width: calc((55 / 1280)* 100vw); height: calc((55 / 1280)* 100vw);

	}





	.form_containner .form_agree { margin-top: calc((90  / 1280)* 100vw); }
	.form_containner .form_agree .form_agree_title { 
		font-size: calc((25  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw); 
	}
	.form_containner .form_agree .form_agree_content { 
		height: calc((300  / 1280)* 100vw); 
		font-size: calc((18  / 1280)* 100vw); 
		letter-spacing: calc((-0  / 1280)* 100vw);
		margin-top: calc((8  / 1280)* 100vw);
		padding: calc((26  / 1280)* 100vw) calc((45  / 1280)* 100vw) calc((26  / 1280)* 100vw) calc((30  / 1280)* 100vw);
	}


	.form_containner .form_agree .form_agree_check {
		margin-top: calc((15  / 1280)* 100vw);
		gap: calc((12  / 1280)* 100vw);
	}

	.form_containner .form_agree .form_agree_check input:checked::after {
		font-size: calc((25  / 1280)* 100vw); 
	}

	.form_containner .form_agree .form_agree_check input {
		width: calc((25 / 1280)* 100vw); height: calc((25 / 1280)* 100vw);
		border: calc((2 / 1280)* 100vw) solid #447EDE;
	}
	.form_containner .form_agree .form_agree_check label {
		font-size: calc((25  / 1280)* 100vw);
		letter-spacing: calc((-0.66  / 1280)* 100vw);
	}



	.form_containner .form_txt.add { margin-top: calc((90  / 1280)* 100vw); }

	.form_containner .form_title_img_box {
		padding: calc((60  / 1280)* 100vw);
	    margin-top: calc((90  / 1280)* 100vw);
	}
	.form_containner .form_title_img_box img { width: calc((500  / 1280)* 100vw); }

	.form_edit  { margin-top: calc((60  / 1280)* 100vw); }
	.form_edit .form_edit_title { font-size: calc((34  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); }
	.form_edit .form_edit_info { font-size: calc((27  / 1280)* 100vw); letter-spacing: calc((-0 / 1280)* 100vw); margin-top: calc((15  / 1280)* 100vw); margin-bottom: calc((40 / 1280)* 100vw); }


	.form_edit .form_edit_info .txt {
		padding: 0px calc((15  / 1280)* 100vw);
		border-radius: calc((8  / 1280)* 100vw);
		margin-right: calc((15  / 1280)* 100vw);
		margin-left: calc((35  / 1280)* 100vw);
	}


	.form_edit .form_edit_desc {
		font-size: calc((27 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
		
	}

	.form_containner .form_submit.full { gap: calc((10 / 1280)* 100vw); }
	.form_containner .form_submit.full button {
		width: calc(50% - ((10 / 1280)* 100vw));
		height: calc((120 / 1280)* 100vw);
		font-size: calc((30 / 1280)* 100vw);
	}

	.form_containner .form_submit.full.txt p {
		font-size: calc((22 / 1280)* 100vw); 
		margin-bottom: calc((30 / 1280)* 100vw);
	}



	.status_contents {
		padding-top: calc((60 / 1280)* 100vw);
	}

	.status_contents .status_txt {
		font-size: calc((25 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item {
		margin-top: calc((30 / 1280)* 100vw);
		padding: calc((40 / 1280)* 100vw);
		border-radius: calc((12 / 1280)* 100vw);
		gap: calc((20 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_info .apply_status_label {
		width: calc((120 / 1280)* 100vw);
		font-size: calc((25 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}	

	.status_contents .apply_status_item .apply_status_info .apply_status_val {
		width: calc(100% - ((120 / 1280)* 100vw)); 
		font-size: calc((25 / 1280)* 100vw);
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn {
		margin-top: calc((30 / 1280)* 100vw);
		gap: calc((10 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item {
		width: calc((200 / 1280)* 100vw); height: calc((55 / 1280)* 100vw); line-height: calc((55 / 1280)* 100vw);
		border-radius: calc((55 / 1280)* 100vw);
		font-size: calc((25 / 1280)* 100vw); 
		letter-spacing: calc((-0 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item:nth-child(2) { width: calc((150 / 1280)* 100vw); }

	.status_contents .apply_status_item:not(.on) { padding: calc((20 / 1280)* 100vw) calc((40 / 1280)* 100vw); }
	.status_contents .apply_status_item:not(.on) {
		padding: calc((20 / 1280)* 100vw) calc((90 / 1280)* 100vw) calc((20 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		background-size: calc((40 / 1280)* 100vw) auto;
		background-position: calc(100% - ((25 / 1280)* 100vw)) 50%;
	}

	.status_contents .apply_status_func {
		margin-top: calc((80 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.status_contents .apply_status_func .status_func_btn:nth-child(2){ width: calc((350 / 1280)* 100vw); }
	.status_contents .apply_status_func .status_func_btn{
		width: calc((590 / 1280)* 100vw); height: calc((120 / 1280)* 100vw); line-height: calc((120 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-1 / 1280)* 100vw);
	}



}


@media (max-width: 1279px) and (min-width: 1024px) { 
	#section01 { padding-top: calc((151  / 1280)* 100vw);  }
	#section01 article {
		max-width: calc((736 / 1280)* 100vw);
		
		padding-top: calc((160 / 1280)* 100vw); 
		padding-bottom: calc((175 / 1280)* 100vw);
	}

	.page_title { 
		padding-bottom: calc((35 / 1280)* 100vw);
		border-bottom: calc((5 / 1280)* 100vw) solid #447EDE;
	}
	.page_title .sub {
		font-size: calc((32 / 1280)* 100vw);
		letter-spacing: calc((-1.64 / 1280)* 100vw);
	}

	.page_title .main {
		font-size: calc((54 / 1280)* 100vw);
		letter-spacing: calc((-2.72 / 1280)* 100vw);
	}

	.form_containner {
		padding-top: calc((45 / 1280)* 100vw);
	}

	.form_containner .form_txt {
		font-size: calc((18 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
	}



	.form_containner .form_in {
		margin-top: calc((35 / 1920)* 100vw);
	}

	.form_containner .form_in .form_in_item {
		margin-top: calc((15 / 1280)* 100vw);
	}

	.form_containner .form_label {
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);

	}

	.form_containner .form_label.in{ width: calc((75 / 1280)* 100vw); height: calc((60 / 1280)* 100vw); line-height: calc((60 / 1280)* 100vw); }

	.form_containner .form_in .form_in_item input.num1 { width: calc((100 / 1280)* 100vw); }
	.form_containner .form_in .form_in_item input.num2 { width: calc((120 / 1280)* 100vw); margin-left: calc((8 / 1280)* 100vw); }


	.form_containner .form_in .form_in_item.info { margin-top: calc((15 / 1280)* 100vw); }


	.form_containner .form_in .form_in_item .form_val { 
		width: calc(100% - ((75 / 1280)* 100vw)); height: calc((60 / 1280)* 100vw); line-height: calc((60 / 1280)* 100vw);

		font-size: calc((22 / 1280)* 100vw); 
		letter-spacing: calc((-0.48 / 1280)* 100vw);
	}


	.form_containner .form_in .form_in_item input {
		width: calc((354 / 1280)* 100vw); height: calc((60 / 1280)* 100vw);
		border: 1pxx solid #606060;
		padding: 0px calc((20 / 1280)* 100vw);
		font-size: calc((16 / 1280)* 100vw);
		letter-spacing: calc((-0.48 / 1280)* 100vw);

	}
	.form_containner .form_in .form_in_item input::placeholder {
		font-size: calc((16 / 1280)* 100vw);
	}


	.form_containner .form_submit {
		margin-top: calc((70 / 1280)* 100vw);
		padding: 0px calc((40 / 1280)* 100vw);
	}

	.form_containner .form_submit button {
		height: calc((110 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		
		font-size: calc((35 / 1280)* 100vw);
		letter-spacing: calc((-1.08 / 1280)* 100vw);
	}






	#login_pop .login_pop_box {
		padding: calc((90 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_title span{
		font-size: calc((25 / 1280)* 100vw); 
	    margin-bottom: calc((20 / 1280)* 100vw);
	}
	#login_pop .login_pop_box .login_pop_title {
		font-size: calc((50 / 1280)* 100vw); 
	}

	#login_pop .login_pop_box .login_pop_video {
		max-width: calc((736 / 1280)* 100vw); 
		margin-top: calc((30 / 1280)* 100vw);
	}

	#login_pop .login_pop_box .login_pop_video img.poster {
		border: calc((10 / 1280)* 100vw) solid #447EDE;
	}


	#login_pop .login_pop_box .login_pop_video img.play {
		width: calc((60 / 1280)* 100vw);
	}


	#login_pop .login_pop_desc{
		margin-top: calc((30 / 1280)* 100vw);
		font-size: calc((16 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
	}


	#login_pop .login_pop_btn {
		margin-top: calc((15 / 1280)* 100vw);
	}

	#login_pop .login_pop_btn button {
		width: calc((344 / 1280)* 100vw); height: calc((56 / 1280)* 100vw);

		font-size: calc((18 / 1280)* 100vw); 
		letter-spacing: calc((-0.5 / 1280)* 100vw);

		border-radius: calc((56 / 1280)* 100vw);
	}




	#login_pop .login_pop_close {
		margin-top: calc((20 / 1280)* 100vw);
	}

	#login_pop .login_pop_close label {
		height: calc((30 / 1280)* 100vw); line-height: calc((30 / 1280)* 100vw);

		font-size: calc((16 / 1280)* 100vw); font-weight: 200;
		letter-spacing: calc((-0.48 / 1280)* 100vw);
	
	}

	#login_pop .login_pop_close label input {
		width: calc((21 / 1280)* 100vw); height: calc((21 / 1280)* 100vw);
		border: calc((1 / 1280)* 100vw) solid #8A8A8A;
		margin-left: calc((10 / 1280)* 100vw);
	}

	#login_pop .login_pop_close label input:checked::after {
		font-size: calc((20 / 1280)* 100vw); 
	}

	#login_pop .login_pop_close span {
		font-size: calc((16 / 1280)* 100vw); 
		margin-left: calc((20 / 1280)* 100vw);

	}


/************************************************/




	.step_check_btn.type02 { top: calc((80 / 1280)* 100vw); }

	.step_check_btn {
		margin-top: calc((25 / 1280)* 100vw);
	}

	.step_check_btn button {
		width: calc((200 / 1280)* 100vw); height: calc((55 / 1280)* 100vw);

		border-radius: calc((55 / 1280)* 100vw);
		border: calc((1.5 / 1280)* 100vw) solid #447EDE;
		font-size: calc((24 / 1280)* 100vw);
		letter-spacing: calc((-0.75 / 1280)* 100vw);
	}



	.calender_containner {
		margin-top: calc((100 / 1280)* 100vw);
	}


	.step_title {
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.step_desc{
		font-size: calc((16 / 1280)* 100vw); 
		letter-spacing: calc((-0.48 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);
	}

	.calender_containner .step_calender {
		margin-top: calc((10 / 1280)* 100vw);
	}



	.calender_containner .step_calender_header .step_calender_func { 
		width: calc((200 / 1280)* 100vw); height: calc((55 / 1280)* 100vw); line-height: calc((55 / 1280)* 100vw);

		border-radius: calc((55 / 1280)* 100vw);
		padding: 0px calc((18 / 1280)* 100vw);
	}


	.calender_containner .step_calender_header .step_calender_func #Ymd { 
		font-size: calc((24 / 1280)* 100vw); 
		letter-spacing: calc((-0.72 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_func #prev,
	.calender_containner .step_calender_header .step_calender_func #next { 
		width: calc((13 / 1280)* 100vw); height: calc((13 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .step_calender_status {
		gap: calc((7 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_box {
		width: calc((48 / 1280)* 100vw); height: calc((24 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
	}

	.calender_containner .step_calender_header .calender_status_item .color_txt {
		padding-left: calc((9 / 1280)* 100vw);
		font-size: calc((14 / 1280)* 100vw); 
		letter-spacing: calc((-0.42 / 1280)* 100vw);
	}

	.calender_containner .step_calender_body {
		margin-top: calc((20 / 1280)* 100vw);
	}


	.calender_containner #tab td{
		width: calc(100% / 7);
		border: calc((2.5 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab tr:not(.theads) td { height: calc((105 / 1280)* 100vw); }


	.calender_containner #tab td:nth-child(7n+1){ border-left: 0px; border-right: calc((2.5 / 1280)* 100vw) solid #fff; }
	.calender_containner #tab .theads td{
		width: calc(100% / 7);
		padding: calc((17 / 1280)* 100vw) 0px;

		font-size: calc((18 / 1280)* 100vw); 
		letter-spacing: calc((-0.528 / 1280)* 100vw);

		border: calc((2 / 1280)* 100vw) solid #fff;
	}

	.calender_containner #tab td .num {
		padding: calc((16 / 1280)* 100vw) 0px 0px calc((12 / 1280)* 100vw); 

		font-size: calc((12 / 1280)* 100vw); 
		letter-spacing: calc((-0.36 / 1280)* 100vw);
	}


	.calender_containner #tab td .item  {
		padding: calc((8 / 1280)* 100vw) calc((10 / 1280)* 100vw);
		border-radius: calc((4 / 1280)* 100vw);
		margin-top: calc((5 / 1280)* 100vw);
	}
	.calender_containner #tab td .item .status,
	.calender_containner #tab td .item .title,
	.calender_containner #tab td .item .cnt {
		font-size: calc((12 / 1280)* 100vw); 
		letter-spacing: calc((-0.336 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .arrow {
		bottom: calc((7 / 1280)* 100vw); right: calc((10 / 1280)* 100vw);
		width: calc((16 / 1280)* 100vw); height: calc((16 / 1280)* 100vw);
	}

	.calender_containner #tab td .item .sticker {
		top: calc((-20 / 1280)* 100vw); right: calc((10 / 1280)* 100vw);
		width: calc((40 / 1280)* 100vw); height: calc((40 / 1280)* 100vw);
	}

	.list_containner { margin-top: calc((100 / 1280)* 100vw); }
	.list_containner .step_sort { 
		height: calc((48 / 1280)* 100vw); 
		margin-bottom: calc((30 / 1280)* 100vw); 
	}

	.list_containner .step_sort .step_sort_box.step_sort_list { left: calc((210 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box {
		width: calc((200 / 1280)* 100vw); 
		border-radius: calc((25 / 1280)* 100vw);
		padding: calc((6 / 1280)* 100vw) calc((20 / 1280)* 100vw);
		font-size: calc((14 / 1280)* 100vw); 
		letter-spacing: calc((-0.425 / 1280)* 100vw);

		background-size: calc((10 / 1280)* 100vw) auto;
		background-position: calc(100% - ((20 / 1280)* 100vw)) calc((20 / 1280)* 100vw);
	}


	.list_containner .step_sort .step_sort_box .step_sort_item.on { margin-bottom: calc((10 / 1280)* 100vw); margin-top: calc((10 / 1280)* 100vw); }
	.list_containner .step_sort .step_sort_box .step_sort_item {
		font-size: calc((14 / 1280)* 100vw); 
		letter-spacing: calc((-0.4 / 1280)* 100vw);
		margin-bottom: calc((5 / 1280)* 100vw);
	}

	.list_containner .step_list {
		margin-top: calc((100 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item {
		width: calc(33.333% - ((10 / 1280)* 100vw)); 
	}

	.list_containner .step_list .step_list_item .step_list_thum {
		height: calc((180 / 1280)* 100vw); 
	}

	.list_containner .step_list .step_list_item .step_list_thum .counter {
		top: calc((14 / 1280)* 100vw); left: calc((17 / 1280)* 100vw);
		padding: calc((5 / 1280)* 100vw) calc((8 / 1280)* 100vw) calc((3 / 1280)* 100vw);
		border-radius: calc((17 / 1280)* 100vw);
		font-size: calc((12 / 1280)* 100vw); 
	}

	.list_containner .step_list .step_list_item .step_list_thum .sticker {
		right: calc((5 / 1280)* 100vw);
		width: calc((50 / 1280)* 100vw); height: calc((50 / 1280)* 100vw);
	}


	.list_containner .step_list .step_list_item .step_list_info {
		padding: calc((12 / 1280)* 100vw) calc((18 / 1280)* 100vw);
	
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_title {
		font-size: calc((15 / 1280)* 100vw); 
		letter-spacing: calc((-0.45 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_desc {
		font-size: calc((14 / 1280)* 100vw); 
		letter-spacing: calc((-0.36 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag {
		margin-top: calc((6 / 1280)* 100vw);
	}

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(n+2) { margin-left: calc((5 / 1280)* 100vw); }

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(1) { width: calc((95 / 1280)* 100vw); }
	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item:nth-child(2) { max-width: calc(100% - ((100 / 1280)* 100vw)); }

	.list_containner .step_list .step_list_item .step_list_info .step_list_tag .info_item {
		height: calc((20 / 1280)* 100vw); line-height: calc((20 / 1280)* 100vw);
		font-size: calc((11 / 1280)* 100vw);
		letter-spacing: calc((-0.285 / 1280)* 100vw);
		padding: 0px calc((8 / 1280)* 100vw);
		border-radius: calc((20 / 1280)* 100vw);
	}



	.step_paing {
		margin-top: calc((45 / 1280)* 100vw);

	}

	.step_paing .step_paing_arrow,
	.step_paing .step_paing_item {
		font-size: calc((20 / 1280)* 100vw); 
		margin: 0px calc((10 / 1280)* 100vw) 0px calc((5 / 1280)* 100vw);
	}


	.step_paing .step_paing_item:nth-child(n+3)::before {
		left: calc((-10 / 1280)* 100vw); 
	}


	.calender_containner #tab::before {
		left: calc((-60 / 1280)* 100vw);
		width: calc((37 / 1280)* 100vw); height: calc((37 / 1280)* 100vw);
	}



	.calender_containner #tab::after {
		right: calc((-60 / 1280)* 100vw);
		width: calc((37 / 1280)* 100vw); height: calc((37 / 1280)* 100vw);

	}




	.form_containner .form_agree { margin-top: calc((60  / 1280)* 100vw); }
	.form_containner .form_agree .form_agree_title { 
		font-size: calc((18  / 1280)* 100vw); 
		letter-spacing: calc((-0.66  / 1280)* 100vw); 
	}
	.form_containner .form_agree .form_agree_content { 
		height: calc((273  / 1280)* 100vw); 
		font-size: calc((13  / 1280)* 100vw); 
		letter-spacing: calc((-0.48  / 1280)* 100vw);
		margin-top: calc((8  / 1280)* 100vw);
		padding: calc((26  / 1280)* 100vw) calc((45  / 1280)* 100vw) calc((26  / 1280)* 100vw) calc((30  / 1280)* 100vw);
	}


	.form_containner .form_agree .form_agree_check {
		margin-top: calc((15  / 1280)* 100vw);
		gap: calc((12  / 1280)* 100vw);
	}

	.form_containner .form_agree .form_agree_check input:checked::after {
		font-size: calc((18  / 1280)* 100vw); 
	}

	.form_containner .form_agree .form_agree_check input {
		width: calc((20 / 1280)* 100vw); height: calc((20 / 1280)* 100vw);
		border: calc((2 / 1280)* 100vw) solid #447EDE;
	}
	.form_containner .form_agree .form_agree_check label {
		font-size: calc((18  / 1280)* 100vw);
		letter-spacing: calc((-0.66  / 1280)* 100vw);
	}


	.form_containner .form_txt.add { margin-top: calc((60  / 1280)* 100vw); }

	.form_containner .form_title_img_box {
		padding: calc((40  / 1280)* 100vw);
	    margin-top: calc((60  / 1280)* 100vw);
	}
	.form_containner .form_title_img_box img { width: calc((400  / 1280)* 100vw); }

	.form_edit  { margin-top: calc((45  / 1280)* 100vw); }
	.form_edit .form_edit_title { font-size: calc((24  / 1280)* 100vw); letter-spacing: calc((-0.72  / 1280)* 100vw); }
	.form_edit .form_edit_info { font-size: calc((18  / 1280)* 100vw); letter-spacing: calc((-0.54  / 1280)* 100vw); margin-top: calc((15  / 1280)* 100vw); margin-bottom: calc((20 / 1280)* 100vw); }

	.form_edit .form_edit_info .txt {
		padding: 0px calc((7  / 1280)* 100vw);
		border-radius: calc((4  / 1280)* 100vw);
		margin-right: calc((10  / 1280)* 100vw);
		margin-left: calc((30  / 1280)* 100vw);
	}

	.form_edit .form_edit_desc {
		font-size: calc((18 / 1280)* 100vw);
		letter-spacing: calc((-0.54 / 1280)* 100vw);
		
	}

	.form_containner .form_submit.full { gap: calc((10 / 1280)* 100vw); }
	.form_containner .form_submit.full button {
		width: calc(50% - ((10 / 1280)* 100vw));
		height: calc((95 / 1280)* 100vw);
		font-size: calc((25 / 1280)* 100vw);
	}

	.form_containner .form_submit.full.txt p {
		font-size: calc((18 / 1280)* 100vw); 
		margin-bottom: calc((20 / 1280)* 100vw);
	}


	.status_contents {
		padding-top: calc((45 / 1280)* 100vw);
	}

	.status_contents .status_txt {
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.status_contents .apply_status_item {
		margin-top: calc((20 / 1280)* 100vw);
		padding: calc((40 / 1280)* 100vw);
		border-radius: calc((12 / 1280)* 100vw);
		gap: calc((17 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_info .apply_status_label {
		width: calc((105 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw);
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_info .apply_status_val {
		width: calc(100% - ((105 / 1280)* 100vw)); 
		font-size: calc((22 / 1280)* 100vw);
		letter-spacing: calc((-0.66 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn {
		margin-top: calc((30 / 1280)* 100vw);
		gap: calc((10 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item {
		width: calc((150 / 1280)* 100vw); height: calc((40 / 1280)* 100vw); line-height: calc((40 / 1280)* 100vw);
		border-radius: calc((40 / 1280)* 100vw);
		font-size: calc((20 / 1280)* 100vw); 
		letter-spacing: calc((-0.6 / 1280)* 100vw);
	}

	.status_contents .apply_status_item .apply_status_btn .status_btn_item:nth-child(2) { width: calc((110 / 1280)* 100vw); }

	.status_contents .apply_status_item:not(.on) { padding: calc((20 / 1280)* 100vw) calc((40 / 1280)* 100vw); }
	.status_contents .apply_status_item:not(.on) {
		padding: calc((20 / 1280)* 100vw) calc((90 / 1280)* 100vw) calc((20 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		background-size: calc((40 / 1280)* 100vw) auto;
		background-position: calc(100% - ((25 / 1280)* 100vw)) 50%;
	}

	.status_contents .apply_status_func {
		margin-top: calc((80 / 1280)* 100vw);
		gap: calc((15 / 1280)* 100vw);
	}

	.status_contents .apply_status_func .status_func_btn:nth-child(2){ width: calc((290 / 1280)* 100vw); }
	.status_contents .apply_status_func .status_func_btn{
		width: calc((430 / 1280)* 100vw); height: calc((110 / 1280)* 100vw); line-height: calc((110 / 1280)* 100vw);
		border-radius: calc((30 / 1280)* 100vw);
		font-size: calc((36 / 1280)* 100vw); 
		letter-spacing: calc((-1 / 1280)* 100vw);
	}



}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/