@charset "utf-8";




#register_wrap {position: relative; margin:120px 0;}
#register_wrap .inner {max-width:750px;}

.register_process {position: relative;width: 100%;display: flex; align-items: center; justify-content: space-between; margin-bottom:50px;}
.register_process h2 {font-weight: 300; font-size: 2.5em; position: relative; }
.register_process ul {display: inline-block;}
.register_process ul li {float:left;position: relative;padding-top:30px;}
.register_process ul li:nth-child(2) {margin:0 40px;}
.register_process ul li span::before {content:''; position: absolute; width:15px; height:15px;top:0;left:50%;transform:translate(-50%, 0%); border-radius:100px;}
.register_process ul li span::after {content:''; position: absolute; width:80px; height:1px; background: #ccc;top:7px;left:65%;}
.register_process ul li:last-child span::after {display: none;}
.register_process ul li span.on::before { background: #000;}
.register_process ul li span.off::before { background: #eee;}
.register_process ul li p {font-size:0.9em;}
.register_process ul li span.off > p {color:#aaa;}
.register_process ul li span.on > p {color:#000;}

/* ȸ¿ø°¡ÀÔ ¾à°ü */
#register {position: relative; margin:0 auto}
#register section {position: relative; display:flex; flex-direction: column;margin-bottom:3rem;}
#register section .title_box{ background: #000;padding:1.5rem 2rem;color:#fff; display:flex; justify-content: space-between;}
#register section .title_box h2 {font-size: 1.125em;font-weight: 600;}
#register section .cont_box {border-bottom:1px solid #000; padding:1rem;}
#register section .cont_box.include_box {width: 100%; max-height:20rem; overflow-y:auto; padding:2rem; font-size: .85em; color:#444;font-weight: 300;}

#register section .cont_box label {margin-bottom: .5rem; font-size: .8em; display: flex; align-items: center;}
#register section .cont_box > ul {padding:1rem 0;}
#register section .cont_box > ul > li {display: block; margin-bottom:1.5rem;}

#register section .cont_box input {border:0; background: #f5f5f5; padding:1rem; border-radius:0; width: 100%;}
#register section .cont_box input:focus {background: #eee;}

#register section .cont_box.flex li {display:flex;font-size: .85em;}

#register section.register_caption {border:1px dashed #333; padding:2rem; align-items: center;}
#register section.register_caption i {font-size: 2em;}
#register section.register_caption p {margin-top: 1rem;}

#register section.register_nav {}
#register section.register_nav .all_check {text-align: center; background: #f5f5f5; border:1px dashed #aaa; padding:1.5rem;}
#register section.register_nav .reg_btn {margin-top: 1rem; display:flex;}
#register section.register_nav .reg_btn .btn_close {width: 100%; height: 6rem; border: 1px solid #000; display: flex; align-items: center;  justify-content: center;}
#register section.register_nav .reg_btn .btn_submit {width: 100%; height: 6rem; display: flex; align-items: center; justify-content: center; border-radius: 0;  background: #000;}
#register section.register_nav .reg_btn .reg_btn_submit {width: 100%; height: 6rem; border: 1px solid #000; display: flex; align-items: center;  justify-content: center;  background: #000; color:#fff;}

#register section.register_nav .reg_leave {text-align: right;font-size: .8em; margin-top: 3rem; }
#register section.register_nav .reg_leave a {position: relative; padding-bottom:.5rem;	}
#register section.register_nav .reg_leave a:before {content:''; width: 100%; height: 1px; background: #000; position: absolute; bottom:0; left:0;}


#register section.reg_result .register_result{}
.reg_result_tit {display:flex; flex-direction: column;  align-items: center; }
.reg_result_tit i {font-size: 4em; 	margin-bottom: 1rem; color:var(--main-color1);}
.reg_result_tit p {font-size: 1.5em;}
.reg_result_tit p strong {font-weight: bold;}
.reg_result_cont {margin: 2rem 0;}
.reg_result_cont .result_txt {text-align: center;}
.reg_result_cont .result_txt p {font-size: .9em; line-height: 1.5;}
.reg_result_cont .result_txt p i {margin-right:1rem;}

.reg_result_cont #result_email {display: block;border:1px dashed #000; padding:1rem 2rem; margin:2rem 0;}
.reg_result_cont #result_email p {margin:1rem 0;display:flex; justify-content: center;}
.reg_result_cont #result_email p span {display: block; }
.reg_result_cont #result_email p strong {margin-left:2rem;}


#sns_register  {border: none !important; margin: 0 !important;}
#sns_register h2 {display: none !important;}
#sns_register .sns-wrap {width: 100% !important; text-align: center !important}



.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.25em; margin-left:.5rem; background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {display: none; margin-left:1rem;}	



/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email {margin:10px 0}


/* ºñ¹Ð±Û ºñ¹Ð¹øÈ£ È®ÀÎ */
#pw_confirm {width: 100%;  height: 100%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  position: absolute;}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1em;color:#000; text-align: center;}
#pw_confirm p strong {display:block;font-size:1.25em;margin:0 0 5px}
#pw_confirm fieldset {margin:5rem;text-align:center; border:1px solid #000; display: flex; align-items: center;}
#pw_confirm fieldset input[type="password"] {border: 0; padding: 1rem; height: 4.5rem;}
#pw_confirm fieldset input[type="submit"] {background: #000; height: 4.5rem; display: inline-block; border-radius: 0; width: 8rem;}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}


/* ¾à°ü¿ë css */


.include_box hr {position: relative; width: 100%; height: 2rem; border:0;	display: block;}
.include_box strong {font-weight: 500; color:var(--main-color1);}
.include_box .color {color:var(--main-color1);}
.include_box .bul {position: relative;padding-left:2rem}
.include_box .bul::before {content:''; width: 4px; height: 4px; background: var(--main-color1); position: absolute; left:1rem; top:.7rem;}
.include_box .numbul {margin-right:.5rem;font-size: .8em;}
.include_box .siteinfo_tit {font-size: 1.2em;font-weight: 400;}
.include_box .siteinfo_txt {position: relative; margin: 1rem 0; color:#333;}
.include_box .siteinfo_txt p{margin:.5rem 0; line-height: 1.5;}
.include_box .siteinfo_txt strong {margin-left:2rem;}
.include_box .siteinfo_box {background:#f5f5f5;padding:3rem;}
.include_box > ul {margin-top: 1rem;}
.include_box ul > li{ margin:1rem 0; }
.include_box ul > li > ul {padding:.5rem 0 1rem; }
.include_box ul > li > ul > li{padding-left:2rem;margin:.5rem 0;font-size: .9em; color:#666;}
.include_box .siteinfo_table {border-spacing: 0; width: 100%;}
.include_box .siteinfo_table p {width:100%; text-align:left;	}
.include_box .siteinfo_table thead {}
.include_box .siteinfo_table thead th{border-top:1px solid var(--main-color1);  vertical-align: top; border-left:1px solid #ddd; border-bottom:1px solid var(--main-color1); font-weight: 500; font-size:1em;padding:1rem ;}
.include_box .siteinfo_table thead th:first-child {border-left:0;}
.include_box .siteinfo_table tbody{}
.include_box .siteinfo_table tbody th {border-bottom:1px solid #ddd;padding:1rem ; font-weight: 500; background: #f5f5f5; vertical-align: top;}
.include_box .siteinfo_table tbody td {border-bottom:1px solid #ddd;padding:1rem ;text-align: center; color:#666; line-height: 1.5;border-left:1px solid #ddd; vertical-align: top;}
.include_box .download a{display:inline-block; margin:.5rem 0; color:var(--main-color1); font-weight: bold;}
.include_box .download a:hover {text-decoration:underline;}
.include_box .download a i {margin-left:1rem; color:var(--main-color1);}