@charset 'utf-8';

input[type=text],
input[type=number],
input[type=email],
input[type=password] { border:1px solid #ccc; height:26px;line-height:26px; padding:0 5px; color:#555; vertical-align:middle; }
input[type=number] { padding-right:0; }
textarea { border:1px solid #ccc; line-height:1.5em; width:100%; height:100px; resize:none; vertical-align:middle; color:#555; }
input[type=text].datapicker { width:80px; text-align:center; }
input[type=text].currency { text-align:right; padding-right:5px; letter-spacing:1px; font-weight:700; }
input[type=text].currency::-ms-clear{ display:none; }
input[type=checkbox],input[type=radio]{vertical-align:middle;}
input.readonly { background-color:#f7f7f7; }
select { border:1px solid #ccc; height:28px;line-height:26px; padding:0 5px; color:#555; vertical-align:middle; }
label { margin-right:10px; font-size:16px; }
.ui-datepicker { font:12px dotum; display:none; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 70px;}
.ui-datepicker-trigger { vertical-align:middle; margin-left:3px; }
.ui-icon { cursor:pointer; }
.datepicker.hasDatepicker { width:80px; text-align:center; font-weight:bold; }

.w30 { width:30px; }
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w1{width:100%}

/*
#sp_join { padding-top:30px; }
*/
#sp_join .sub_title { font-size:20px; line-height:30px; border-bottom:1px dotted #ededed; padding-left:10px; padding-bottom:10px; }
#sp_join .join_wrap { font-size:13px; margin-bottom:25px; }
#sp_join .join_wrap table { width:100%; }
#sp_join .join_wrap table th,
#sp_join .join_wrap table td { padding:10px 10px; border-bottom:1px solid #ccc; line-height:28px; }
#sp_join .join_wrap table th { text-align:right; }
#sp_join .button,
#sp_join .btn {
	display:inline-block;
	width: 100px;
	height: 28px;
	line-height: 28px;
	color: #ededed;
	font-size: 14px;
	text-align: center;
	vertical-align:middle;
	cursor:pointer;
	background-color:#282626;
	padding:0;
	border:none;
}
#sp_join .button { height:28px; line-height:28px; }
#sp_join .btn_submit { height:36px; line-height:36px; }

#sp_join .btn_bx { text-align:center; margin-top:40px; }
#sp_join .btn.btn_submit { font-size:18px; width:150px; height:36px; line-height:36px; }
#sp_join .post_wrap {}
#sp_join .post_wrap p { margin-bottom:5px; }
#sp_join .post_wrap p:last-child { margin-bottom:0; }

#sp_join {}


/* new css */
#regist { }
#regist h5.h5 { font-size:23px; line-height:1.35em; font-weight:500; margin-bottom:12px;  }
#regist .bo_table { margin-bottom:75px; border-top:1px solid #aaa; }
#regist .bo_table dl { display:block; width:100%; overflow:hidden; border-bottom: 1px solid #ccc; box-sizing:border-box; padding:15px 0; }
#regist .bo_table dl dt,
#regist .bo_table dl dd { display:block; font-size:18px; line-height:28px; text-align:left; box-sizing:border-box; vertical-align:middle; }
#regist .bo_table dl dt { float:left; width:170px; text-align:right; }
#regist .bo_table dl dd { position:relative; margin-left:210px; }
#regist .bo_table dl dd input { vertical-align:middle; }

#regist .bo_table dl dd .noti { color:#9a9247; display:inline-block; margin-left:10px; font-size:16px;}

#regist .bo_table dd .fr_input { width:69%; height:28px; border:1px solid #cccccc; box-sizing:border-box; padding:0 10px; }
#regist .bo_table dd .fr_input.mid {}

#regist .bo_table dl dd .button { vertical-align:middle; }
#regist .bo_table dl label { display:inline-block; vertical-align:middle; }
#regist .bo_table .dl_wr { width:100%; overflow:hidden; border-bottom: 1px solid #ccc; }
#regist .bo_table .dl_wr dl { float:left; width:100%; border-bottom:0; }
#regist .bo_table .dl_wr dl:last-child { padding:15px 0; }
#regist .bo_table .dl_wr dl:last-child dt {float:left; width:170px; text-align:right; }
#regist .bo_table .dl_wr dl:last-child dd { margin-left:210px; }

#regist .bo_table .dl_wr dl dd .fr_input { width:100%; }


#regist dl.office { }
#regist dl.office dt { line-height:1.3em; }
#regist dl.address { }
#regist dl.address dd p { position:relative; max-width:390px; margin-bottom:4px; }
#regist dl.address dd p:first-child { max-width:280px; padding-right:105px; }
#regist dl.address dd p:last-child { margin-bottom:0; }
#regist dl.address dd p .fr_input.postcode { width:100%; }
#regist dl.address dd p .button { position:absolute; right:0; top:0; }


#regist dl.div br { display:none; }

#regist dl.birth { }
#regist dl.birth dd { padding-right:105px; }
#regist dl.birth dd img { position:absolute; right:80px; top:5px; }

#regist dl.post_check dt br { display:none; }

#regist dl.abtn { }
#regist dl.abtn dd { padding-right:105px; }
#regist dl.abtn dd .button { position:absolute; right:0; top:0; }
 



/* receipt :: 2020.08.04 */
#receipt { position:relative; max-width:680px; margin:0 auto; padding:30px; font-family: 'Nanum Gothic', sans-serif; text-align:center; }
#receipt .top { text-align:right; height:54px; }
#receipt .top .issue_number { display:inline-block; width:295px; border-bottom:1px solid #bdbcbc; text-align:left; padding-bottom:2px; padding-top:5px; }
#receipt .top .issue_number .no { font-size:24px; line-height:1.35em; font-family:'BatangChe', serif; color:#272525; }
#receipt .top .issue_number .number { font-size:20px; line-height:1.35em; color:#757474; }

#receipt .body { border:1px solid #d4d4d4; padding:50px; }
#receipt .body .title { font-size:65px; line-height:1.1em; text-align:center; font-weight:700; letter-spacing:35px; margin-bottom:60px; font-family:'BatangChe', serif; color:#272525; }

#receipt .body .register { position:relative; font-size:30px; color:#272525; line-height:1.55em; text-align:center; border-bottom:1px solid #bdbcbc; margin-bottom:28px; }
#receipt .body .register .name { letter-spacing:10px; }
#receipt .body .register .txt { position:absolute; right:0; top:0; font-family:'BatangChe', serif; font-weight:700; }

#receipt .body .fee { font-size:32px; line-height:71px; background-color:#3f2cd2; color:#fff; margin-bottom:55px; }
#receipt .body .fee .t1,
#receipt .body .fee .t2 { display:inline-block; font-family:'BatangChe', serif; }
#receipt .body .fee .t2 { margin-left:30px; }
#receipt .body .fee .price { display:inline-block; font-size:35px; }


#receipt .body .details { margin-bottom:55px; }
#receipt .body .details dt { font-size:30px; line-height:1.35em; color:#272525; font-family:'BatangChe', serif; letter-spacing:12px;  font-weight:700; margin-bottom:7px; }
#receipt .body .details dd { font-size:24px; line-height:1.5em; color:#757474; }

#receipt .body .datebx { margin-bottom:90px; }
#receipt .body .datebx .t1 { font-size:30px; line-height:1.35em; color:#272525; font-family:'BatangChe', serif; font-weight:700; margin-bottom:2px; }
#receipt .body .datebx .date { font-size:24px; line-height:1.5em; color:#757474; text-align:center; }
#receipt .body .datebx .date span { display:inline-block; padding:0 30px; border-bottom:1px solid #bdbcbc; }

#receipt .body .sign { }