@charset "utf-8";

/* /////////////// jinstar /////////////// */

body{ background-color:var(--wgraybgcolor);}
#wrap{ padding-top:0;}
#contants{ padding:0; width:100%; height:auto; min-height:auto;}

/* login */
.login_wrap{ background:url('/storage/images/member/login_bg.jpg') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; min-height:600px; overflow-y:auto; overflow-x:hidden; padding:0 0; display:flex; align-items:center;}

.login_box{ max-width:1250px; width:95%; margin:0 auto; position:relative; display:flex; align-items:stretch; background-color:var(--white); border-radius:25px; overflow:hidden; box-shadow:4px 4px 30px rgba(0,0,0,0.25);}
.login_box .login_left{ width:50%; background-color:var(--maincolor); padding:0 0; display:flex; align-items:center;}
.login_box .login_left img{ display:block; width:100%; margin:0 auto; max-width:600px;}
.login_box .login_right{ width:50%; padding:40px 40px 40px;}
.login_box .login_right .login_right_title{ margin-bottom:20px;}
.login_box .login_right .login_right_title h1{ text-align:right; margin-bottom:40px;}
.login_box .login_right .login_right_title h1 img{ max-height:19px;}
.login_box .login_right .login_right_title h5{ font-weight:700; color:var(--maincolor); text-align:center; font-size:1.2em; line-height:1; margin-bottom:10px;}
.login_box .login_right .login_right_title h4{ text-align:center; margin-bottom:2px;}
.login_box .login_right .login_right_title h4 span{ font-weight:900; color:var(--maincolor); font-size:3.5em; line-height:1; position:relative; z-index:2; letter-spacing:-0.05em;}
.login_box .login_right .login_right_title h4 span:after{ content:''; width:63px; height:63px; background-color:#d1faf9; border-radius:100px; position:absolute; z-index:-1; top:-15px; right:-30px; display:block;}
.login_box .login_right .login_right_title h3{ font-weight:700; color:var(--maincolor); text-align:center; font-size:2.1em; line-height:1;}
.login_box .login_right .login_right_title p{ text-align:center; margin-top:80px; color:var(--graytcolor);}

.input_box{ }
.input_box input[type="text"],
.input_box input[type="password"],
.input_box input[type="email"],
.input_box input[type="tel"]{ width:100%; margin-bottom:10px; height:50px; line-height:50px; padding-left:15px; font-size:1.2em; border-color:var(--wgraybordercolor);}
.login_box .login_right .login_form { max-width:438px; margin:0 auto;}
.login_box .login_right .login_form .input_menu{ overflow:hidden; margin-top:5px;}
.login_box .login_right .login_form .input_menu p{ float:left;}
.login_box .login_right .login_form .input_menu p input[type="checkbox"]{ margin-right:5px;}
.login_box .login_right .login_form .input_menu p label{ font-size:0.8em; color:var(--graytcolor);}
.login_box .login_right .login_form .input_menu ul{ float:right;}
.login_box .login_right .login_form .input_menu ul li{ display:inline-block; vertical-align:middle; margin-left:15px; position:relative;}
.login_box .login_right .login_form .input_menu ul li:after{ content:''; position:absolute; left:-10px; top:2px; width:1px; height:12px; background-color:var(--wgraytcolor);}
.login_box .login_right .login_form .input_menu ul li:first-child{ margin-left:0;}
.login_box .login_right .login_form .input_menu ul li:first-child:after{ display:none;}
.login_box .login_right .login_form .input_menu ul li a{ font-size:0.8em; color:var(--graytcolor);}
.input_box.input_find button{ margin-top:10px !important;}
.input_box.input_find button,
.login_box .login_right .login_form button{ width:100%; margin-top:40px; line-height:50px; height:50px; font-size:1.2em; font-weight:600;}

.login_box .login_right .login_right_customer{ text-align:center; margin-top:20px;}
.login_box .login_right .login_right_customer .lrc_tel{ font-size:1.8em; font-weight:600; color:var(--graytcolor); margin-bottom:5px;}
.login_box .login_right .login_right_customer .lrc_time{ font-size:1.4em; font-weight:500; color:var(--wgraytcolor);}

.find_wrap{ }

.find_box{ max-width:600px; padding:40px 20px 20px; margin:0 auto;}
.find_box .find_title{ margin-bottom:50px; text-align:center;}
.find_box .find_title h2{ text-align:center; margin-bottom:20px;}
.find_box .find_title h2 img{ max-height:25px;}
.find_box .find_title h3{ text-align:center;}
.find_box .find_title h4{ text-align:center;}
.find_box .find_form_wrap{ background-color:var(--white); padding:20px; border-radius:25px; box-shadow:4px 4px 30px rgba(0,0,0,0.25);}
.find_box .find_form_wrap .find_form{ }
.find_box .find_form_wrap .find_form h5{ font-weight:500; margin-bottom:10px;}
.find_box .find_form_wrap .find_form .how_find{ margin-bottom:20px;}
.find_box .find_form_wrap .find_form .how_find p{ display:inline-block; vertical-align:middle; margin-right:15px;}
.find_box .find_form_wrap .find_form .how_find p input{ margin-right:5px;}
.find_box .find_form_wrap .find_form .find_input{ margin-top:20px;}
.find_box .find_form_wrap .find_form .find_input p{ margin-bottom:5px; display:flex; align-items:center;}
.find_box .find_form_wrap .find_form .find_input p span{ display:inline-block; vertical-align:middle; width:80px;}
.find_box .find_form_wrap .find_form .find_input p input{ width:calc(100% - 80px);}
.find_box .find_form_wrap .btns{ margin-bottom:0; margin-top:30px;}

.find_compl{ padding-top:30px;}
.find_compl h6{ text-align:center;}
.find_compl h6 b{ display:inline-block; vertical-align:middle; position:relative; z-index:1;}
.find_compl h6 b:after{ content:''; position:absolute; background-color:rgba(255,255,0,0.4); left:-5px; right:-5px; bottom:0px; height:10px; z-index:-1;}

.input_find_certifi p{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--wgraybordercolor);}
.input_find_certifi label{ font-size:1em; font-weight:600;}
.input_find_certifi small{ display:block; font-size:0.8em; margin-top:5px;}

.re_try_certifi a{ text-decoration:underline;}

/* regi */
.regi_wrap{ }

.regi_box{ max-width:900px; padding:40px 20px 20px; margin:0 auto;}
.regi_box .regi_title{ margin-bottom:50px; text-align:center;}
.regi_box .regi_title h2{ text-align:center; margin-bottom:20px;}
.regi_box .regi_title h2 img{ max-height:40px;}
.regi_box .regi_title h3{ text-align:center; margin-bottom:5px;}
.regi_box .regi_title h4{ text-align:center;}
.regi_box .regi_title b{ font-size:1em;}
.regi_box .regi_title .compl_icon{ margin:30px 0 20px;}
.regi_box .regi_title .compl_icon i{ font-size:5em; color:var(--maincolor);}
.regi_box .regi_form_wrap{ background-color:var(--white); border:1px solid var(--wgraybordercolor); padding:20px;}
.regi_box .regi_form_wrap .regi_form{ margin-top:30px; padding-top:30px;}
.regi_box .regi_form_wrap .regi_form:first-child{ margin-top:0; padding-top:0; border-top:0;}
.regi_box .regi_form_wrap .regi_form h5{ font-weight:500; margin-bottom:10px;}
.regi_box .regi_form_wrap .regi_form textarea{ height:200px; font-size:0.9em; margin-bottom:10px;}
.regi_box .regi_form_wrap .regi_form .list_table{ margin-bottom:10px;}
.regi_box .regi_form_wrap .regi_form .agr_chkbox{ padding:10px; background-color:var(--wgraybgcolor);}
.regi_box .regi_form_wrap .regi_form .agr_chkbox input{ margin-right:5px;}
.regi_box .regi_form_wrap .btns{ margin-bottom:0; margin-top:30px;}

@media (max-width:1199px){
	
}

@media (max-width:959px){
	.login_box{ display:block; margin:0 20px;}
	.login_box .login_left{ width:auto; max-width:180px; margin:0 auto 20px; display:none;}
	.login_box .login_right{ width:auto; max-width:100%; margin:0 auto; padding:20px;}
	.login_box .login_right .login_right_title h5{ font-size:1em;}
	.login_box .login_right .login_right_title h4 span{ font-size:2.5em;}
	.login_box .login_right .login_right_title h3{ font-size:1.3em;}
	.login_box .login_right .login_right_title p{ margin-top:20px; font-size:0.8em;}
	.login_box .login_right .login_form button{ margin-top:20px;}
	.login_box .login_right .login_right_customer .lrc_tel{ font-size:1.2em; margin-bottom:2px;}
	.login_box .login_right .login_right_customer .lrc_time{ font-size:1em;}

}

@media (max-width:767px){
	
}