@charset "UTF-8";

.hide, .hidden	{ padding: 0 !important; margin: 0 !important; border: 0 none !important; text-indent: -999px !important; overflow: hidden !important; background: transparent !important; }


.modules_fmcs_member *	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
.modules_fmcs_member:before, .modules_fmcs_member:after	{ box-sizing: border-box; }


.modules_fmcs_member .result_box	{ padding: 45px 20px; }
.modules_fmcs_member .order	{ justify-content: center; margin-top: 50px; }

.modules_fmcs_member table th,
.modules_fmcs_member table td	{ padding: 20px; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .result_box	{ padding: 10px; }
	
	.modules_fmcs_member table th,
	.modules_fmcs_member table td	{ padding: 10px; }
}



.modules_fmcs_member .member_status	{ margin: 50px 0; }
.modules_fmcs_member .member_status h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .member_status ol	{ display: flex; justify-content: space-evenly; gap: 40px; }
.modules_fmcs_member .member_status ol li	{ position: relative; flex: 1 1 20%; }
.modules_fmcs_member .member_status ol li + li:before	{ position: absolute; left: -26px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; transform: rotate(45deg); content: ""; }
.modules_fmcs_member .member_status ol li div	{ display: block; padding: 20px 10px; border: 1px solid #dcdcdc; border-radius: 10px; text-align: center; font-weight: 600; }
.modules_fmcs_member .member_status ol li.active div	{ border-color: #2e387e; background-color: #2e387e; color: #fff; }
.modules_fmcs_member .member_status ol li div:before	{ display: block; width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; background: #f7f7f7 no-repeat center center / cover; content: ""; }
.modules_fmcs_member .member_status ol li.member_type div:before	{ background-image: url(../image/join_flow_1.png); }
.modules_fmcs_member .member_status ol li.member_agree div:before	{ background-image: url(../image/join_flow_2.png); }
.modules_fmcs_member .member_status ol li.member_namefact div:before	{ background-image: url(../image/join_flow_3.png); }
.modules_fmcs_member .member_status ol li.member_write div:before	{ background-image: url(../image/join_flow_4.png); }
.modules_fmcs_member .member_status ol li.member_complete div:before	{ background-image: url(../image/join_flow_5.png); }

.modules_fmcs_member .member_status ol li div > *:first-child:before	{ display: block; margin: 10px 0 0 0; text-align: center; font-size: 14px; color: #2e387e; font-weight: 700; content: ""; }
.modules_fmcs_member .member_status ol li.active div > *:first-child:before	{ color: #b8bfed; }
.modules_fmcs_member .member_status ol li:nth-child(1) div > *:first-child:before	{ content: "STEP 01"; }
.modules_fmcs_member .member_status ol li:nth-child(2) div > *:first-child:before	{ content: "STEP 02"; }
.modules_fmcs_member .member_status ol li:nth-child(3) div > *:first-child:before	{ content: "STEP 03"; }
.modules_fmcs_member .member_status ol li:nth-child(4) div > *:first-child:before	{ content: "STEP 04"; }
.modules_fmcs_member .member_status ol li:nth-child(5) div > *:first-child:before	{ content: "STEP 05"; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .member_status ol	{ flex-direction: column; gap: 20px; }
	.modules_fmcs_member .member_status ol li + li:before	{ left: 50%; top: -14px; transform: rotate(135deg); }
	.modules_fmcs_member .member_status ol li div	{ display: flex; align-items: center; gap: 20px; padding: 10px; }
	.modules_fmcs_member .member_status ol li div:before	{ margin: 0; }
	.modules_fmcs_member .member_status ol li div > *:first-child	{ display: flex; align-items: center; gap: 20px; }
	.modules_fmcs_member .member_status ol li div > *:first-child:before	{ margin: 0; }
}


/*
.modules_fmcs_member .member_status	{ padding: 40px; margin: 0 0 40px 0; border: 1px solid #e6e6e6; font-size: 20px; }
.modules_fmcs_member .member_status h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .member_status ol	{ display: flex; justify-content: space-between; gap: 20px; }
.modules_fmcs_member .member_status ol li	{ position: relative; flex: none; padding-right: 40px; }
.modules_fmcs_member .member_status ol li:before	{ position: absolute; right: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; transform: rotate(45deg); content: ""; }
.modules_fmcs_member .member_status ol li:last-child:before	{ content: none; }
.modules_fmcs_member .member_status ol li div	{}
.modules_fmcs_member .member_status ol li div > *:first-child	{ display: flex; align-items: center; justify-content: center; gap: 8px; }
.modules_fmcs_member .member_status ol li div > *:first-child:before	{ display: block; width: 54px; height: 28px; line-height: 28px; border-radius: 20px; background-color: #bbb; text-align: center; color: #fff; font-weight: 700; content: ""; }
.modules_fmcs_member .member_status ol li:nth-child(1) div > *:first-child:before	{ content: "01"; }
.modules_fmcs_member .member_status ol li:nth-child(2) div > *:first-child:before	{ content: "02"; }
.modules_fmcs_member .member_status ol li:nth-child(3) div > *:first-child:before	{ content: "03"; }
.modules_fmcs_member .member_status ol li:nth-child(4) div > *:first-child:before	{ content: "04"; }
.modules_fmcs_member .member_status ol li:nth-child(5) div > *:first-child:before	{ content: "05"; }

.modules_fmcs_member .member_status ol li.active div > *:first-child:before	{ background-color: #3e5897; color: #fff; }
.modules_fmcs_member .member_status ol li.active div strong	{ color: #3e5897; font-weight: 700; }
.modules_fmcs_member .member_status ol li.active:before	{ border-color: #3e5897; }


@media all and (max-width: 1280px)
{
	.modules_fmcs_member .member_status	{ padding: 20px; font-size: 16px; }
	.modules_fmcs_member .member_status ol li div > *:first-child	{ flex-direction: column; }
	.modules_fmcs_member .member_status ol li	{ flex: 1; padding-right: 20px; }
}

@media all and (max-width: 768px)
{
	.modules_fmcs_member .member_status ol	{ justify-content: flex-start; flex-wrap: wrap; }
	.modules_fmcs_member .member_status ol li	{ flex: 0 calc((100% - 40px) / 3); }
}

@media all and (max-width: 425px)
{
	.modules_fmcs_member .member_status ol	{ gap: 30px; }
	.modules_fmcs_member .member_status ol li	{ flex: 1 1 100%; padding: 0; }
	.modules_fmcs_member .member_status ol li:before	{ right: 50%; top: auto; bottom: -20px; margin-left: -6px; margin-top: 0; transform: rotate(135deg); }
	.modules_fmcs_member .member_status ol li div > *:first-child	{ flex-direction: row; justify-content: flex-start; }
}
*/


/*
.modules_fmcs_member .proc_type .box p	{ margin-bottom: 30px; color: #c92c2f; }
.modules_fmcs_member .proc_type h3	{ margin: 10px 0 5px; font-size: 1rem; }
.modules_fmcs_member .proc_type > ul > li	{ position: relative; padding-left: 10px; color: #848484; }
.modules_fmcs_member .proc_type > ul > li + li	{ margin-top: 5px; }
.modules_fmcs_member .proc_type > ul > li:before	{ position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #848484; content: ""; }
*/
.modules_fmcs_member .proc_type .box { padding: 40px; background-color: #f8f9fb; text-align: left; }
.modules_fmcs_member .proc_type .box h3	{ display: flex; align-items: center; gap: 8px; line-height: 1.2; padding: 0; margin: 0 0 16px 0; font-size: 22px; color: #000; }
.modules_fmcs_member .proc_type .box h3:before	{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100%; background-color: #000; color: #fff; font-weight: normal; font-size: 1rem; content: "!"; }
.modules_fmcs_member .proc_type .box p	{ position: relative; padding-left: 15px; margin: 0 0 16px 0; color: #000; }
.modules_fmcs_member .proc_type .box p:before	{ position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 100%; background-color: #000; content: ""; }
.modules_fmcs_member .proc_type .box h4	{ position: relative; padding-left: 15px; margin: 0 0 4px 0; font-size: 1.2rem; color: #000; }
.modules_fmcs_member .proc_type .box h4:before	{ position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 100%; background-color: #000; content: ""; }
.modules_fmcs_member .proc_type .box ul	{ padding-left: 15px; margin-bottom: 16px; }




.modules_fmcs_member .proc_type .select h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_type .select ul	{ display: flex; justify-content: space-evenly; gap: 60px; max-width: 1000px; margin: 50px auto 0; }
.modules_fmcs_member .proc_type .select ul li	{ flex: 1 1 40%; }
.modules_fmcs_member .proc_type .select ul li div	{ position: relative; height: 0; padding-top: 100%; }
.modules_fmcs_member .proc_type .select ul li div a	{ position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; width: 100%; height: 100%; padding: 50px; border: solid 1px #bfbfbf; border-radius: 20px; }
.modules_fmcs_member .proc_type .select ul li div a:before	{ display: block; width: 170px; height: 170px; background: no-repeat center center / contain; content: ""; }
.modules_fmcs_member .proc_type .select ul li:nth-child(1) div a:before	{ background-image: url(../image/join_general.png); }
.modules_fmcs_member .proc_type .select ul li:nth-child(2) div a:before	{ background-image: url(../image/join_children.png); }
.modules_fmcs_member .proc_type .select ul li div a strong	{ font-size: 26px; font-weight: 500; }
.modules_fmcs_member .proc_type .select ul li div a > span	{ display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; border: 1px solid #2e387e; border-radius: 10px; background-color: #2e387e; color: #fff; font-size: 20px; font-weight: 500; }
.modules_fmcs_member .proc_type .select ul li div a:focus, .modules_fmcs_member .proc_type .select ul li div a:hover, .modules_fmcs_member .proc_type .select ul li div a:active	{ background-color: #2e387e; color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .proc_type .select ul	{ flex-direction: column; gap: 10px; }
	.modules_fmcs_member .proc_type .select ul li div	{ padding-top: 65%; }
	.modules_fmcs_member .proc_type .select ul li div a	{ padding: 10px; }
	.modules_fmcs_member .proc_type .select ul li div a:before	{ width: 90px; height: 90px; }
	.modules_fmcs_member .proc_type .select ul li div a span	{ height: 50px; font-size: 18px; }
}




.modules_fmcs_member .proc_agree .agree h3	{ margin: 60px 0 10px; font-size: 20px; color: #2e387e; font-weight: 700; }
.modules_fmcs_member .proc_agree .agree .agree_content	{ max-height: 240px; padding: 30px; background-color: #f7f7f7; overflow-y: auto; }
.modules_fmcs_member .proc_agree .agree .agree_checkbox	{ display: flex; margin-top: 20px; }
.modules_fmcs_member .proc_agree .agree .agree_checkbox input[type="checkbox"]	{ flex-shrink: 0; }
.modules_fmcs_member .proc_agree .agree .agree_checkbox label	{ flex-grow: 1; line-height: 20px; font-weight: var(--font-normal); }

.modules_fmcs_member .proc_agree .agree_all	{ padding: 40px 50px; margin: 40px 0; border-radius: 10px; background-color: #f7f7f7; }
.modules_fmcs_member .proc_agree .agree_all h3	{ display: flex; margin: 0; font-size: 1rem; color: inherit; }
.modules_fmcs_member .proc_agree .agree_all h3 label	{ line-height: 20px; }

.modules_fmcs_member .proc_agree .check_exists	{ margin-top: 50px; }
.modules_fmcs_member .proc_agree .check_exists h3	{ margin: 60px 0 10px; font-size: 20px; color: #2e387e; font-weight: 700; }
.modules_fmcs_member .proc_agree .check_exists ul li	{ position: relative; padding-left: 10px; color: #848484; }
.modules_fmcs_member .proc_agree .check_exists ul li:before	{ position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #848484; content: ""; }
.modules_fmcs_member .proc_agree .check_exists table	{ margin-top: 20px; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .proc_agree .agree_all	{ padding: 10px; }
	.modules_fmcs_member .proc_agree .agree .agree_content	{ padding: 10px; }
}




.modules_fmcs_member .proc_namefact .select h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_namefact .select ul	{ display: flex; justify-content: space-evenly; gap: 60px; max-width: 1024px; margin: 50px auto 0; }
.modules_fmcs_member .proc_namefact .select ul li	{ flex: 1 1 40%; max-width: 550px; }
.modules_fmcs_member .proc_namefact .select ul li a	{ display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; gap: 20px; width: 100%; height: 100%; padding: 40px; border: solid 1px #bfbfbf; border-radius: 20px; text-align: center; }
.modules_fmcs_member .proc_namefact .select ul li a:before	{ display: block; width: 170px; height: 170px; background: no-repeat center center / cover; content: ""; }
.modules_fmcs_member .proc_namefact .select ul li.type_hp a:before	{ background-image: url(../image/login_phone.png); }
.modules_fmcs_member .proc_namefact .select ul li.type_ipin a:before	{ background-image: url(../image/login_ipin.png); }
.modules_fmcs_member .proc_namefact .select ul li a strong	{ font-size: 1.5294rem; }
.modules_fmcs_member .proc_namefact .select ul li a span	{ font-size: 1rem; opacity: 0.8; }
.modules_fmcs_member .proc_namefact .select ul li a span span	{ display: block; }
.modules_fmcs_member .proc_namefact .select ul li a:focus, .modules_fmcs_member .proc_namefact .select ul li a:hover, .modules_fmcs_member .proc_namefact .select ul li a:active	{ border-color: #3e5897; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(38, 82, 199, 0.16); }

.modules_fmcs_member .proc_namefact > h3	{ margin: 60px 0 10px; font-size: 20px; color: #2e387e; font-weight: 700; }
.modules_fmcs_member .proc_namefact > ul	{ margin-top: 50px; }
.modules_fmcs_member .proc_namefact > h3 + ul	{ margin-top: 10px; }
.modules_fmcs_member .proc_namefact > ul > li	{ position: relative; padding-left: 10px; }
.modules_fmcs_member .proc_namefact > ul > li + li	{ margin-top: 5px; }
.modules_fmcs_member .proc_namefact > ul > li:before	{ position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #333; content: ""; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .proc_namefact .select ul	{ flex-direction: column; gap: 20px; }
	.modules_fmcs_member .proc_namefact .select ul li a	{ gap: 10px; padding: 20px; }
	.modules_fmcs_member .proc_namefact .select ul li a:before	{ width: 90px; height: 90px; }
	.modules_fmcs_member .proc_namefact .select ul li a span span	{ display: inline; }
}





.modules_fmcs_member .proc_write h3	{ margin: 50px 0 10px 0; }

.modules_fmcs_member .proc_write [name="tel_1"],
.modules_fmcs_member .proc_write [name="tel_2"],
.modules_fmcs_member .proc_write [name="tel_3"]	{ width: 30%; }

.modules_fmcs_member .proc_write a.sns_link	{ display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 20px; margin: 0; border: 1px solid #bfbfbf; border-radius: 5px; background: #fff; text-align: center; font-size: 1rem; font-weight: 500; transition: all .5s; }
.modules_fmcs_member .proc_write a.sns_link + a.sns_link	{ margin-left: 10px; }
.modules_fmcs_member .proc_write a.sns_link:before	{ display: inline-block; width: 30px; height: 30px; margin: 0 0.5em 0 0; border-radius: 50%; background: no-repeat center center / cover; vertical-align: top; content: ""; }
.modules_fmcs_member .proc_write a.sns_kakao:before	{ background-image: url(../image/login_kakao.png); }
.modules_fmcs_member .proc_write a.sns_naver:before	{ background-image: url(../image/login_naver.png); }
.modules_fmcs_member .proc_write a.sns_link:focus, .modules_fmcs_member .proc_write a.sns_link:hover, .modules_fmcs_member .proc_write a.sns_link:active	{ background-color: #333; color: #fff; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .proc_write input[type="text"],
	.modules_fmcs_member .proc_write input[type="password"],
	.modules_fmcs_member .proc_write input[type="file"]	{ width: 100% !important; }
	
	.modules_fmcs_member .proc_write input[name="user_id"]	{ width: calc(100% - 80px) !important; }
	.modules_fmcs_member .proc_write input[name="post"]	{ width: calc(100% - 105px) !important; }
	
	.modules_fmcs_member .proc_write table td .input_box	{ display: block; margin: 0 !important; }
}





/*
.modules_fmcs_member .proc_login	{}
.modules_fmcs_member .proc_login .message	{ margin: 0 0 30px 0; }
.modules_fmcs_member .proc_login .message em	{ color: #c92c2f; }

.modules_fmcs_member .proc_login .section_tab_box	{ margin: 0 0 50px 0; }
.modules_fmcs_member .proc_login .section_tab_box ul	{ display: flex; align-items: center; }
.modules_fmcs_member .proc_login .section_tab_box ul li	{ flex: 1 1 50%; }
.modules_fmcs_member .proc_login .section_tab_box ul li a	{ display: flex; align-items: center; justify-content: center; height: 70px; line-height: 1.1; background-color: #eee; color: #aaa; font-size: 18px; }
.modules_fmcs_member .proc_login .section_tab_box ul li a.active	{ border: 2px solid #2e387e; background-color: #fff; color: #2e387e; font-weight: 700; }

.modules_fmcs_member .proc_login .section_box	{}
.modules_fmcs_member .proc_login .section_box .section	{ display: none; }
.modules_fmcs_member .proc_login .section_box .section.active	{ display: block; }

.modules_fmcs_member .proc_login .section_box .section1	{ width: 100%; max-width: 540px; margin: 90px auto 0; }
.modules_fmcs_member .proc_login .section_box .section1 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox	{ display: flex; flex-direction: column; gap: 20px; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p	{ position: relative; background: #fff; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p.input_id label	{ position: absolute; left: 0; top: 0; width: 60px; height: 80px; background: url(../image/login_id.png) no-repeat 20px center / 33px auto; text-indent: -999px; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p.input_pw label	{ position: absolute; left: 0; top: 0; width: 60px; height: 80px; background: url(../image/login_pw.png) no-repeat 20px center / 33px auto; text-indent: -999px; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p input[type="text"],
.modules_fmcs_member .proc_login .section_box .section1 .inbox p input[type="password"]	{ width: 100%; height: 80px; padding: 0 20px 0 60px; border: 1px solid #bfbfbf; border-radius: 10px; background: transparent; font-size: 18px; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p button[type="submit"]	{ display: block; width: 100%; height: 80px; border: 0 none; border-radius: 10px; background: #2e387e; color: #fff; font-size: 20px; font-weight: 500; transition: all .5s; }
.modules_fmcs_member .proc_login .section_box .section1 .inbox p button[type="submit"]:focus, .modules_fmcs_member .proc_login .section_box .section1 .inbox p button[type="submit"]:hover, .modules_fmcs_member .proc_login .section_box .section1 .inbox p button[type="submit"]:active	{ background-color: #000; color: #fff; }

.modules_fmcs_member .proc_login .section_box .section1 .link_box	{ display: flex; justify-content: flex-end; gap: 30px; margin-top: 30px; }

.modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login	{ margin: 60px 0; }
.modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login h3	{ margin: 60px 0 10px; font-size: 20px; color: #2e387e; font-weight: 700; }
.modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login > a	{ display: flex; align-items: center; justify-content: center; height: 80px; margin: 20px 0; border-radius: 10px; background: #2e387e; text-align: center; font-size: 20px; color: #fff; font-weight: 500; transition: all .5s; }
.modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login > a:before	{ display: inline-block; width: 36px; height: 36px; margin: 0 0.5em 0 0; background: url(../image/icon_finger_white_36.png) no-repeat center center; vertical-align: top; content: ""; }
.modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login > a:focus, .modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login > a:hover, .modules_fmcs_member .proc_login .section_box .section1 .digitalonepass_login > a:active	{ background-color: #000; color: #fff; }

.modules_fmcs_member .proc_login .section_box .section1 .simple_login	{ margin: 60px 0; }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login h3	{ margin: 60px 0 10px; font-size: 20px; color: #2e387e; font-weight: 700; }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a	{ display: flex; align-items: center; justify-content: center; height: 80px; margin: 20px 0; border: 1px solid #bfbfbf; border-radius: 10px; background: #fff; text-align: center; font-size: 20px; font-weight: 500; transition: all .5s; }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a:before	{ display: inline-block; width: 50px; height: 50px; margin: 0 0.5em 0 0; border-radius: 50%; background: no-repeat center center / cover; vertical-align: top; content: ""; }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a.sns_kakao:before	{ background-image: url(../image/login_kakao.png); }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a.sns_naver:before	{ background-image: url(../image/login_naver.png); }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a:focus, .modules_fmcs_member .proc_login .section_box .section1 .simple_login > a:hover, .modules_fmcs_member .proc_login .section_box .section1 .simple_login > a:active	{ border-color: #000; background-color: #000; color: #fff; }
.modules_fmcs_member .proc_login .section_box .section1 .simple_login p em	{ color: #c92c2f; }


.modules_fmcs_member .proc_login .section_box .section2	{ width: 100%; margin: 90px auto 0; }
.modules_fmcs_member .proc_login .section_box .section2.active	{ display: flex; justify-content: center; gap: 30px; }
.modules_fmcs_member .proc_login .section_box .section2 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section2 .outlogin_tab	{ display: none !important; }
.modules_fmcs_member .proc_login .section_box .section2 > div	{ flex: 1 1 30%; display: block !important; max-width: 540px; }
.modules_fmcs_member .proc_login .section_box .section2 > div h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section2 > div a.namefact_button	{ display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; gap: 20px; width: 100%; height: 100%; padding: 50px; border: solid 1px #bfbfbf; border-radius: 20px;  }
.modules_fmcs_member .proc_login .section_box .section2 > div a.namefact_button:before	{ display: block; width: 170px; height: 170px; background: no-repeat center center / cover; content: ""; }
.modules_fmcs_member .proc_login .section_box .section2 > div a.type_hp:before	{ background-image: url(../image/login_phone.png); }
.modules_fmcs_member .proc_login .section_box .section2 > div a.type_ipin:before	{ background-image: url(../image/login_ipin.png); }
.modules_fmcs_member .proc_login .section_box .section2 > div a.namefact_button:focus, .modules_fmcs_member .proc_login .section_box .section2 > div a.namefact_button:hover, .modules_fmcs_member .proc_login .section_box .section2 > div a.namefact_button:active	{ background-color: #000; color: #fff; }

.modules_fmcs_member .proc_login .section_box .section2 > div#out_login_sns	{ display: flex !important; flex-direction: column; justify-content: space-between; gap: 30px; }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box	{ display: flex; flex-direction: column; gap: 20px; }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a	{ display: flex; align-items: center; justify-content: center; height: 80px; margin: 0; border: 1px solid #bfbfbf; border-radius: 10px; background: #fff; text-align: center; font-size: 20px; font-weight: 500; transition: all .5s; }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a:before	{ display: inline-block; width: 50px; height: 50px; margin: 0 0.5em 0 0; border-radius: 50%; background: no-repeat center center / cover; vertical-align: top; content: ""; }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a.sns_kakao:before	{ background-image: url(../image/login_kakao.png); }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a.sns_naver:before	{ background-image: url(../image/login_naver.png); }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a.sns_facebook:before	{ background-image: url(../image/sns_login_facebook.png); }
.modules_fmcs_member .proc_login .section_box .section2 > div .link_box a:focus, .modules_fmcs_member .proc_login .section_box .section2 > div .link_box a:hover, .modules_fmcs_member .proc_login .section_box .section2 > div .link_box a:active	{ border-color: #000; background-color: #000; color: #fff; }

@media all and (max-width: 768px)
{
	.modules_fmcs_member .proc_login .section_box .section1 .inbox	{ gap: 10px; }
	
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p input[type="text"],
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p input[type="password"]	{ height: 50px; font-size: 16px; }
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p.input_id label	{ height: 50px; background-size: 25px auto; }
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p.input_pw label	{ height: 50px; background-size: 25px auto; }
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p.submit	{ padding-top: 30px; }
	.modules_fmcs_member .proc_login .section_box .section1 .inbox p button[type="submit"]	{ height: 50px; }
	
	
	.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a	{ height: 50px; font-size: 16px; }
	.modules_fmcs_member .proc_login .section_box .section1 .simple_login > a:before	{ width: 30px; height: 30px; }
}
*/


body.login_page main.sub:before,
body.login_page main.sub:after	{ content: none; }
body.login_page main.sub > aside	{ display: none; }
body.login_page main.sub > section > h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }



.modules_fmcs_member .proc_login	{}
.modules_fmcs_member .proc_login .section_tab_box	{ max-width: 624px; margin: 0 auto 40px; }
.modules_fmcs_member .proc_login .section_tab_box ul	{ display: flex; align-items: center; }
.modules_fmcs_member .proc_login .section_tab_box ul li	{ flex: 1 1 50%; }
.modules_fmcs_member .proc_login .section_tab_box ul li a	{ display: block; line-height: 1.1; padding: 16px 0; border-bottom: 2px solid #ddd; text-align: center; font-size: 20px; color: #999; font-weight: 500; }
.modules_fmcs_member .proc_login .section_tab_box ul li a.active	{ border-bottom-color: #000; font-weight: 700; color: #000; }


.modules_fmcs_member .proc_login .section_box	{}

.modules_fmcs_member .proc_login .section_box .section	{ display: none; padding: 0 40px; }
.modules_fmcs_member .proc_login .section_box .section.active	{ display: block; max-width: 624px; margin: 0 auto; }
.modules_fmcs_member .proc_login .section_box .section h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section .message	{ line-height: 1.7; padding: 24px; margin-bottom: 24px; background-color: #f8f9fb; text-align: center; font-weight: 500; }
.modules_fmcs_member .proc_login .section_box .section .message .line	{ display: block; padding: 0 !important; margin: 0 !important; }
.modules_fmcs_member .proc_login .section_box .section form	{}
.modules_fmcs_member .proc_login .section_box .section form fieldset	{}
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox	{}
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox	{}
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p	{ margin: 0; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p + p	{ margin-top: 8px; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p input[type="text"],
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p input[type="password"]	{ width: 100%; height: 50px; padding: 0 24px; margin: 0; border: 1px solid #ddd; background: #fff; color: #222; font-weight: 400; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p input[type="text"]:focus,
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p input[type="password"]:focus	{ outline: 0 none; border-color: #1454ff; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p.submit	{ margin-top: 40px; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p button[type="submit"]	{ width: 100%; height: 54px; padding: 0; margin: 0; border: 0 none; background: #3e5897; color: #fff; font-weight: 500; font-size: 1rem; }
.modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p button[type="submit"]:focus, .modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p button[type="submit"]:hover, .modules_fmcs_member .proc_login .section_box .section form fieldset .inbox p button[type="submit"]:active	{ background-color: #333; color: #fff; }

.modules_fmcs_member .proc_login .section_box .section .link_box	{ margin-top: 24px; text-align: center; }
.modules_fmcs_member .proc_login .section_box .section .link_box a	{ position: relative; display: inline-block; padding: 0 16px; font-weight: 500; color: #666; }
.modules_fmcs_member .proc_login .section_box .section .link_box a:first-child	{ color: #000; }
.modules_fmcs_member .proc_login .section_box .section .link_box a + a:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: calc(100% - 8px); background: #e5e5e5; transform: translateY(-50%); content: ""; }
.modules_fmcs_member .proc_login .section_box .section .link_box a:focus, .modules_fmcs_member .proc_login .section_box .section .link_box a:hover, .modules_fmcs_member .proc_login .section_box .section .link_box a:active	{ color: var(--red) !important; }

.modules_fmcs_member .proc_login .section_box .section .simple_login	{ margin-top: 80px; }
.modules_fmcs_member .proc_login .section_box .section .simple_login h3	{ display: flex; align-items: center; justify-content: center; gap: 16px; text-align: center; font-weight: 500; font-size: 1rem; white-space: nowrap; }
.modules_fmcs_member .proc_login .section_box .section .simple_login h3:before,
.modules_fmcs_member .proc_login .section_box .section .simple_login h3:after	{ display: block; width: 100%; height: 1px; background-color: #e5e5e5; content: ""; }
.modules_fmcs_member .proc_login .section_box .section .simple_login .sns_login_link	{ display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; }
.modules_fmcs_member .proc_login .section_box .section .simple_login .sns_login_link a	{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; white-space: nowrap; font-weight: 500; }
.modules_fmcs_member .proc_login .section_box .section .simple_login .sns_login_link a:before	{ display: block; width: 60px; height: 60px; border-radius: 100%; background: no-repeat center center / contain; content: ""; }
.modules_fmcs_member .proc_login .section_box .section .simple_login .sns_login_link a.sns_kakao:before	{ background-image: url(../image/login_kakao.png); }
.modules_fmcs_member .proc_login .section_box .section .simple_login .sns_login_link a.sns_naver:before	{ background-image: url(../image/login_naver.png); }
.modules_fmcs_member .proc_login .section_box .section .simple_login p	{ margin-top: 24px; color: #666; }


.modules_fmcs_member .proc_login .section_box .section2.active	{ display: flex !important; flex-wrap: wrap; justify-content: center; gap: 24px; max-width: 1024px; padding: 0; }
.modules_fmcs_member .proc_login .section_box .section .outlogin_tab	{ display: none; }
.modules_fmcs_member .proc_login .section_box .section #out_login_namefact_mobile,
.modules_fmcs_member .proc_login .section_box .section #out_login_namefact_ipin	{ display: block !important; flex: 1 1 40%; max-width: 550px; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns	{ display: block !important; flex: 1 1 100%; margin-top: 80px; }
.modules_fmcs_member .proc_login .section_box .section .tab_section h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button	{ display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; gap: 20px; width: 100%; height: 100%; padding: 50px; border: solid 1px #bfbfbf; border-radius: 20px; text-align: center; color: #222; }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button:focus, .modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button:hover, .modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button:active	{ border-color: #3e5897; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(38, 82, 199, 0.16); }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button:before	{ display: block; width: 170px; height: 170px; background: no-repeat center center / cover; content: ""; }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button.type_hp:before	{ background-image: url(../image/login_phone.png); }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button.type_ipin:before	{ background-image: url(../image/login_ipin.png); }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button strong	{ font-size: 1.5294rem; }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button span	{ font-size: 1rem; opacity: 0.8; }
.modules_fmcs_member .proc_login .section_box .section .tab_section a.namefact_button span span	{ display: block; }

.modules_fmcs_member .proc_login .section_box .section #out_login_sns h3	{ position: static;  width: auto; height: auto; overflow: visible; display: flex; align-items: center; justify-content: center; gap: 16px; text-align: center; font-weight: 500; font-size: 1rem; white-space: nowrap; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns h3:before,
.modules_fmcs_member .proc_login .section_box .section #out_login_sns h3:after	{ display: block; width: 100%; height: 1px; background-color: #e5e5e5; content: ""; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box	{ display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box a	{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 0; text-align: center; white-space: nowrap; font-weight: 500; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box a:before	{ display: block; width: 60px; height: 60px; border-radius: 100%; background: no-repeat center center / auto 103%; content: ""; }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box a.sns_kakao:before	{ background-image: url(../image/sns_login_kakaotalk.png); }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box a.sns_naver:before	{ background-image: url(../image/sns_login_naver.png); }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .sns_login_box a.sns_facebook:before	{ background-image: url(../image/sns_login_facebook.png); }
.modules_fmcs_member .proc_login .section_box .section #out_login_sns .text	{ margin-top: 24px; text-align: center; }





.modules_fmcs_member .proc_find_id .tab_content	{ max-width: 1024px; margin: 0 auto; }
.modules_fmcs_member .proc_find_id #find_id_info	{ max-width: 624px; margin: 0 auto; }


.modules_fmcs_member .proc_find_password .tab_content	{ max-width: 1024px; margin: 0 auto; }
.modules_fmcs_member .proc_find_password .tab_content form table	{ max-width: 624px; margin: 0 auto; }











/*
.modules_fmcs_member .tab_menu	{ display: flex; align-items: center; margin: 0 0 50px 0; }
.modules_fmcs_member .tab_menu li	{ flex: 1 1 50%; }
.modules_fmcs_member .tab_menu li a	{ display: flex; align-items: center; justify-content: center; height: 70px; line-height: 1.1; background-color: #eee; color: #aaa; font-size: 18px; }
.modules_fmcs_member .tab_menu a.active	{ border: 2px solid #2e387e; background-color: #fff; color: #2e387e; font-weight: 700; }
*/
.modules_fmcs_member .tab_menu	{ display: flex; align-items: center; max-width: 624px; margin: 0 auto 40px; }
.modules_fmcs_member .tab_menu li	{ flex: 1 1 50%; }
.modules_fmcs_member .tab_menu li a	{ display: block; line-height: 1.1; padding: 16px 0; border-bottom: 2px solid #ddd; text-align: center; font-size: 20px; color: #999; font-weight: 500; }
.modules_fmcs_member .tab_menu li a.active	{ border-bottom-color: #000; font-weight: 700; color: #000; }




.modules_fmcs_member .proc_password .result_box + h3	{ margin: 40px 0 15px 0; }
.modules_fmcs_member .proc_password table tbody tr td input[type="password"]	{ width: 100%; }



form#form_card_create p > *	{ margin: 20px 0; }
form#form_card_create p > label	{ display: inline-block; margin-right: 1em; font-weight: bold; }

.ui-widget button.button	{ min-width: 200px; height: 60px; }
.card .empty	{ font-size: 1.5em; font-weight: 600; }
.card p button.button	{ min-width: 200px; }


.card > ul	{ padding: 0; margin: 0; list-style: none; }
.card > ul li	{ padding: 0; margin: 0; list-style: none; }
.card > ul li + li	{ margin-top: 40px; }
.card > ul li a	{ display: block; max-width: 500px; padding: 40px 35px; margin: 0 auto; border: 2px dashed #ddd; transition: all .5s; text-align: center; }
.card > ul li a:hover, .card > ul li a:active	{ border-color: var(--site-color); }
.card > ul li a .card_tt	{ display: block; line-height: 1.1; margin-bottom: 25px; text-align: left; font-size: 22px; font-weight: 700; }
.card > ul li a:focus .card_tt, .card > ul li a:hover .card_tt, .card > ul li a:active .card_tt	{ color: var(--site-color); }
.card > ul li a .card_con	{ display: block; }
.card > ul li a .card_con .card_barcode	{ display: block; }
.card > ul li a .card_con .card_barcode svg	{ display: block; margin: 0 auto; }


.bacordpop_wrap	{ max-width: 1000px; background-color: #fff; }
.bacordpop_wrap .bacordpop_top	{ display: flex; align-items: center; justify-content: space-between; padding: 25px 35px; }
.bacordpop_wrap .bacordpop_top p	{ display: block; line-height: 1; padding: 0; margin: 0; font-size: 24px; color: #222; font-weight: 700; }
.bacordpop_wrap .bacordpop_top .pop_close	{}
.bacordpop_wrap .bacordpop_top .pop_close button	{ width: 20px; height: 20px; padding: 0; margin: 0; border: 0 none; background: url(../image/bacordpop_close.png) no-repeat center center / 20px; text-indent: -999px; overflow: hidden; }
.bacordpop_wrap .bacord_con	{ padding: 20px 30px 30px 30px; }
.bacordpop_wrap .bacord_con dl	{ display: flex; gap: 15px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; font-size: 17px; font-weight: 500; color: #666; }
.bacordpop_wrap .bacord_con dl dt	{ font-size: 20px; font-weight: 700; color: #111; }
.bacordpop_wrap .bacord_con dl dd.tt	{}
.bacordpop_wrap .bacord_con dl dd.img	{ flex: 1 1 100%; }
.bacordpop_wrap .bacord_con dl dd.img:before	{ display: block; line-height: 1; padding: 24px; margin-bottom: 40px; background-color: #f8f9fb; text-align: center; font-weight: 500; content: "아래 바코드를 스캐너에 인식해 주세요."; }
.bacordpop_wrap .bacord_con dl dd.img svg	{ display: block; margin: 0 auto; }