section.login { width: 100%; height: 100dvh; background: url(/img/temp/login_bg.png) no-repeat center; background-size: cover; position: relative; overflow: hidden; }
section.login > .inner { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; height: 100%; }
section.login > .inner > div { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
section.login .login_box { border-radius: 4px; background: #FFF; padding: 49px 57px; width: 100%; max-width: 510px; }
section.login .login_box h2 {
	color: #323232;
	font-size: clamp(24px, 1.6667vw, 32px);
	font-style: normal;
	font-weight: 700;
	margin-bottom: 30px;
	margin-bottom: clamp(24px, 1.5625vw, 30px);
}

section.login .login_box .input_box {
	display: flex;
	flex-direction: column;
	grid-gap: 12px;
}

.return{
	border-top: 1px solid #D9D9D9;
	padding-top: clamp(26px, 3.1250vw, 60px);
	margin-top: clamp(26px, 3.1250vw, 60px);
}

section.login .login_box .pw { color: #333; text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; width: 100%; margin: 16px auto 24px auto; }
section.login .login_box .pw a { color: #333; text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.77; }
section.login .login_box .pw a:hover { opacity: 1; }
section.login .sns_line { height: 20px; position: relative; width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 19px; }
section.login .sns_line > span { width: 100%; height: 1px; background: #D9D9D9; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
section.login .sns_line > p { z-index: 2; color: #333; text-align: center; font-family: Pretendard; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.77; padding: 0 10px; background-color: #fff; }
section.login .btn_sns-kakao { border-radius: 99px; background: #FEE500; display: flex; width: 100%; height: 50px; padding: 12px 16px; align-items: center; justify-content: center; position: relative; color: #000; text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
section.login .btn_sns-kakao > svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
section.login .btn_sns-google { border-radius: 99px; background: #fff; display: flex; width: 100%; height: 50px; padding: 12px 16px; align-items: center; justify-content: center; position: relative; color: #000; text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; border: 1px solid #D9D9D9; }
section.login .btn_sns-google > svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }


@media (max-width:1200px) {
section.login { height: auto; min-height: 100dvh; }
section.login > .inner { display: flex; flex-direction: column; }
section.login > .inner > div { padding: clamp(12px, 1.4583vw, 28px) var(--width-padding); }
section.login > .inner .logo { padding-top: clamp(60px, 6.2500vw, 120px); }
section.login .logo img { width: clamp(150px, 17.7083vw, 360px); }
section.login .login_box { padding: clamp(24px, 2.5521vw, 49px) clamp(15px, 2.9688vw, 57px); }
}
.input_box.sns_box { margin-bottom: 57px; }


@media (max-width:500px) {

	section.login > .inner .logo{
		height: 30dvh;
	}
	section.login > .inner > div{
		padding-top: 0;
	}

}






.register_info {
	display: flex;
	flex-direction: column;
	grid-gap: 6px;
	margin-bottom: 18px;
}

.register_info > p:first-child {
	color: var(--Enford-Main-Color, #0D3D48);
	text-align: center;
	font-family: Pretendard;
	font-size: 20px;
	font-size: clamp(16px, 1.0417vw, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

.register_info > p:last-child {
	color: #333;
	text-align: center;
	font-family: Pretendard;
	font-size: 16px;
	font-size: clamp(14px, 0.8333vw, 16px);
	font-style: normal;
	font-weight: 400;
}

.register_info.pass > p{
	color: #333;
	text-align: left;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}



.register_info > p > span { color: #333; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 700; }
.input_def {
	border-radius: 6px;
	border: 1px solid #E5E5E5;
	background: #EBEBEB;
	display: flex;
	height: 55px;
	height: clamp(50px, 2.8646vw, 55px);
	padding: 0 14px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	color: #9B9B9B;
	font-size: 18px;
	font-size: clamp(14px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.input_def:focus { background-color: #fff; color: #111; }
.btn_default_2 {
	border-radius: 6px;
	background: #0D3D48;
	display: flex;
	height: 60px;
	height: clamp(52px, 3.1250vw, 60px);
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
}

.btn_default_1 {
	width: 100%;
	height: 56px;
	height: clamp(50px, 2.9167vw, 56px);
}

.sub_page_wrap.register .side_menu .blank .tab_btn { position: relative; width: 84px; height: 34px; border: none; }
.sub_page_wrap.register .side_menu .blank .tab_btn > span { position: absolute; width: 1px; height: 100%; background: #E8EBED; top: 0; left: 50%; transform: translateX(-50%); }
.sub_page_wrap.register .contents { padding: clamp(10px, 3.5417vw, 42px); }
.sub_page_wrap.register .contents .title_box { display: flex; flex-direction: column; grid-gap: clamp(20px, 2.1875vw, 42px); padding-bottom: clamp(24px, 2.6563vw, 51px); border-bottom: 1px solid #000; margin-bottom: clamp(24px, 2.6563vw, 51px); }
.sub_page_wrap.register .contents .title_box h2 { color: #000; font-size: clamp(20px, 2.1875vw, 42px); font-style: normal; font-weight: 300; }
.sub_page_wrap.register .contents .title_box p { white-space: pre-line; line-height: 1.5; font-size: clamp(15px, 0.8333vw, 16px); }
.sub_page_wrap.register .contents .chk_all { padding-bottom: clamp(16px, 2.6563vw, 51px); border-bottom: 1px solid #E8EBED; width: 100%; }
.sub_page_wrap.register .contents .chk_all .cmn_checkbox .cmn_checkbox_text { font-size: clamp(16px, 1.0417vw, 20px); }
.sub_page_wrap.register .chk_list { display: flex; flex-direction: column; }
.sub_page_wrap.register .chk_list > li { border-bottom: 1px solid #DCDCDC; display: flex; align-items: center; padding: clamp(12px, 1.2500vw, 24px) 0 clamp(12px, 1.2500vw, 24px) clamp(20px, 3.5417vw, 42px); justify-content: space-between; flex-wrap: wrap; }
.sub_page_wrap.register .chk_list > li .col { display: flex; grid-gap: 10px; align-items: center; }
.sub_page_wrap.register .chk_list > li .col.flex { flex-direction: column; grid-gap: 12px; align-items: flex-start; }
.sub_page_wrap.register .chk_list > li .col.flex > div { display: flex; grid-gap: 10px; align-items: center; }
.sub_page_wrap.register .chk_list > li .col.flex > div:last-child { padding-left: 32px; }
.sub_page_wrap.register .chk_list > li .col.flex > div:last-child p { color: #FF7A00; font-size: 14px; font-style: normal; font-weight: 400; }
.sub_page_wrap.register .chk_list > li .col.flex .cmn_checkbox > div { grid-gap: 10px; }
.sub_page_wrap.register .chk_list > li .col p { color: #333; font-size: 14px; font-style: normal; font-weight: 400; }
.sub_page_wrap.register .chk_list > li .col p > span { color: #05C0B0; font-style: normal; font-weight: 400; }
.sub_page_wrap.register .chk_list > li .col p > span.sel { color: #999; }
.sub_page_wrap.register .chk_list .view_btn { color: #666; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; display: flex; align-items: center; grid-gap: 3px; }
.sub_page_wrap.register .chk_list .view_btn > span { border-right: 1px solid #999; border-bottom: 1px solid #999; width: 8px; height: 8px; transform: rotate(-45deg); }
.sub_page_wrap.register .btn_box { display: flex; justify-content: flex-end; align-items: center; width: 100%; grid-gap: clamp(18px, 1.6667vw, 32px); margin-top: clamp(24px, 2.6563vw, 51px); }
.sub_page_wrap.register .btn_box > div { display: flex; width: auto; grid-gap: 16px; }
.sub_page_wrap.register .btn_cancel_1 { min-width: 148px; }
.sub_page_wrap.register .btn_next_1 { min-width: 148px; pointer-events: none; }
.sub_page_wrap.register .btn_next_1.next { pointer-events: all; }


.backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999; }
.popup-layer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	height: 80%;
	padding: var(--width-padding);
	width: 100%;
	max-width: 800px;
	text-align: center;
}

.popup-layer .wrap {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 6px;
	padding: var(--width-padding);
	overflow: hidden;
}

.popup-layer .title {
	font-size: clamp(17px, 1.2500vw, 24px);
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: var(--width-padding) 0;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

.popup-layer .close-btn { position: relative; color: #000; cursor: pointer; z-index: 1001; line-height: 1; display: flex; justify-content: center; align-items: center; height: auto; }
.popup-layer .inner {
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	padding: 0;
	height: 100%;
	width: 100%;
	padding-top: 0;
	overflow-y: scroll;
	padding-bottom: 80px;
	word-break: keep-all;
	padding-top: 20px;
}

.popup-layer .inner { scrollbar-width: none;     /* Firefox */ -ms-overflow-style: none;     /* IE and Edge */ }
.popup-layer .inner::-webkit-scrollbar { display: none;     /* Chrome, Safari, Opera */ }

.popup-layer .inner *{
    word-break: keep-all;
}

/* .popup-layer .inner .terms_container {font-size:1rem; font-weight:300;}
.popup-layer .inner .terms_container h1, 
.popup-layer .inner .terms_container .h2 {color:#000; font-size:1.5rem; font-weight:500;;}
.popup-layer .inner .terms_container h1 {border-bottom: 3px solid #2c3e50; padding-bottom: 10px; }
.popup-layer .inner .terms_container h2 { border-bottom: 1px solid #ddd; padding-bottom: 0.7em; margin-top: 3em; margin-bottom:0.5em; }
.popup-layer .inner .terms_container h2:first-child {margin-top:0;}
.popup-layer .inner .terms_container p, 
.popup-layer .inner .terms_container ul, 
.popup-layer .inner .terms_container ol, 
.popup-layer .inner .terms_container table { margin-bottom: 20px; }
.popup-layer .inner .terms_container table { width: 100%; border-collapse: collapse; background: white; }
.popup-layer .inner .terms_container th, 
.popup-layer .inner .terms_container td { border: 1px solid #E8EBED; padding: 10px; text-align: left; }
.popup-layer .inner .terms_container th { background: #E8EBED; border-color:#FFF; border-bottom:1px solid #000; }
.popup-layer .inner .terms_container ul { list-style-type: disc; padding-left: 20px; }
.popup-layer .inner .terms_container ol { list-style-type: decimal; padding-left: 20px;} */

.popup-layer .inner .terms_container {font-size:1rem; font-weight:300;}
.popup-layer .inner .terms_container h1, 
.popup-layer .inner .terms_container .h2 {color:#000; font-size:1.5rem; font-weight:500;}
.popup-layer .inner .terms_container h1 + h2 {margin-top:2em;}
.popup-layer .inner .terms_container h1 {margin-top:3em; /*border-bottom: 3px solid #000; padding-bottom:0.3em;  font-weight:600; */}
.popup-layer .inner .terms_container h2 { border-bottom: 1px solid #ddd; padding-bottom: 0.7em; margin-top: 3em; margin-bottom:0.5em; }
.popup-layer .inner .terms_container h1:first-child,
.popup-layer .inner .terms_container h2:first-child {margin-top:0;}
.popup-layer .inner .terms_container p {} 
.popup-layer .inner .terms_container ul, 
.popup-layer .inner .terms_container ol, 
.popup-layer .inner .terms_container table { margin-bottom: 20px; }
.popup-layer .inner .terms_container table { width: 100%; border-collapse: collapse; background: white; }
.popup-layer .inner .terms_container th, 
.popup-layer .inner .terms_container td { border: 1px solid #E8EBED; padding: 10px; text-align: left; }
.popup-layer .inner .terms_container th { background: #E8EBED; border-color:#FFF; border-bottom:1px solid #000; }
.popup-layer .inner .terms_container ul { list-style-type: disc; padding-left: 20px; }
.popup-layer .inner .terms_container ol { list-style-type: decimal; padding-left: 20px;}


.register_form .contents { background-color: #fff; }
.register_form .contents > div { background-color: #fff; }
.register_form h3 { color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 32px; }
.register_form_inner { width: 50%; margin-bottom: 56px; }
.register_form_inner .input_def { height: 50px; padding: 0px 16px; justify-content: center; align-items: center; border: 1px solid rgba(13, 61, 72, 0.30); color: #919191; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; border-radius: 0; background-color: #fff; }
.register_form_inner > ul { display: flex; flex-direction: column; grid-gap: 32px; }
.register_form_inner > ul > li { display: flex; flex-direction: column; grid-gap: 8px; }
.register_form_inner > ul > li > label { color: #000; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 500; }
.register_form_inner > ul > li > .flex { display: flex; grid-gap: 8px; }
.register_form_inner .min_140 { min-width: 140px; }
.register_form_inner > ul > li > .auth_code_box { display: none; }
.register_form_inner > ul > li > .auth_code_box.show { display: flex; }
.register_form_inner .info { background: rgba(255, 87, 0, 0.05); display: flex; padding: 5px; align-items: center; gap: 4px; align-self: stretch; color: #FF5700; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
.btn_gray { background: rgba(75, 75, 75, 0.30); display: flex; min-width: 140px; height: 50px; padding: 0px 16px; justify-content: center; align-items: center; color: #FFF; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; pointer-events: none; }
.btn_gray.active { background: #4B4B4B; pointer-events: all; }
#re_req_auth_btn { display: none; }
#re_req_auth_btn.show { display: flex; }
.sub_page_wrap.register_form .btn_box { border-top: #E7E7E7; }


@media (max-width:768px) {
.register_form_inner { width: 100%; margin-bottom: clamp(24px, 2.6563vw, 51px); }
}
@media (max-width:500px) {
.sub_page_wrap.register .chk_list > li { padding-left: 0; padding-right: 0; grid-row-gap: 20px; flex-direction: column; align-items: flex-start; }
.sub_page_wrap.register .chk_list > li .col { grid-gap: 3px; }
.sub_page_wrap.register .chk_list > li .col.flex > div:last-child { padding-left: 0; flex-wrap: wrap; }
.sub_page_wrap.register .btn_box { flex-direction: column; }
.register_form_inner { width: 100%; margin-bottom: clamp(24px, 2.6563vw, 51px); }
.register_form_inner > ul > li > .auth_code_box .min_140 { display: none; }
.sub_page_wrap.register .side > div { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; }
.sub_page_wrap.register .side > div::-webkit-scrollbar { display: none; }
.sub_page_wrap.register .side .side_menu { flex-direction: row; }
.sub_page_wrap.register .side .side_menu > div.blank { display: none; }
.sub_page_wrap.register .side .side_menu > div { flex-wrap: nowrap; min-width: max-content; }

.sub_page_wrap.register .side .side_menu > div > div:last-child{display: none;}

}




.sub_page_wrap.register .side .side_menu .tab_btn { cursor: default; }
.sub_page_wrap.register .tab_btn:not(.on):hover { border: 1px solid #B3B3B3; background: #fff; color: #868686; }


.welcome { display: flex; grid-gap: clamp(16px, 0.9375vw, 18px); justify-content: center; flex-direction: column; align-items: center; }
.welcome p:first-child { color: #5EC2CC; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; }
.welcome h2 { color: #000; font-size: clamp(28px, 2.9167vw, 56px); font-style: normal; font-weight: 600; line-height: normal; margin-bottom: clamp(4px, 0.4167vw, 8px); }
.welcome p:last-child { white-space: pre-line; color: #000; text-align: center; font-size: clamp(16px, 0.9375vw, 18px); font-style: normal; font-weight: 300; line-height: 150%; }

.register_result .contents.basic.last{
    display: flex;
    flex-direction: column;
    grid-gap: clamp(25px, 2.9167vw, 56px);
}
.register_result .list_box .main_now > ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: clamp(1px, 0.5729vw, 11px); }
.register_result .list_box .main_now > ul > li > a { display: flex; flex-direction: column; grid-gap: 0; height: 100%; }
.register_result .list_box .img_box { aspect-ratio: 400 / 232; position: relative; }
.register_result .list_box .cont_box { display: flex; flex-direction: column; justify-content: space-between; grid-gap: clamp(12px, 0.9375vw, 18px); padding: clamp(16px, 1.6667vw, 32px); border: 1px solid #E3E3E3; border-bottom: none; flex: 1; }
.register_result .list_box .cont_box > div { display: flex; flex-direction: column; grid-gap: clamp(10px, 0.8333vw, 16px); }
.register_result .list_box .cont_box .category { color: #5EC2CC; font-family: Pretendard; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; }
.register_result .list_box .cont_box .title { color: #000; font-family: Pretendard; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; display: -webkit-box; -webkit-line-clamp: 2;     /* 최대 2줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;word-break: break-all; }
.register_result .list_box .cont_box .desc { color: #000; font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%;     /* 22.4px */ letter-spacing: -0.48px; display: -webkit-box; -webkit-line-clamp: 2;     /* 최대 2줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;word-break: break-all; }
.register_result .contents.basic.last .btn_box{
    margin: 0;
    justify-content: center;
}

.register_result .contents.basic.last .btn_box .btn_default_2{
    border-radius: 0;
    width: max-content;

}

@media (max-width:1200px) {
    .register_result .list_box { width: 100%; overflow: hidden; overflow-x: scroll; }
    .register_result .list_box::-webkit-scrollbar { display: none; }
    .register_result .list_box { -ms-overflow-style: none; scrollbar-width: none;  }
    .register_result .list_box .main_now > ul { min-width: 900px; }
}
@media (max-width:500px) {



}

#mb_name { text-transform: uppercase; }
#name_last { text-transform: uppercase; }
#name_first { text-transform: uppercase; }

.register_form_inner > ul > li > label > span{
	color: #FF5700;
}