@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:16px; 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: 13px;
	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_edit,
#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:22px; line-height:1.35em; font-weight:400; 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:10px 0; }
#regist .bo_table dl dt,
#regist .bo_table dl dd { display:block; font-size:16px; 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; font-weight:700; }
#regist .bo_table dl dd { position:relative; margin-left:190px; }
#regist .bo_table dl dd input { vertical-align:middle; }

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

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

#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:50%; padding-right:47px; border-bottom:0; }
#regist .bo_table .dl_wr dl:last-child { padding-right:47px; padding-left:47px; }
#regist .bo_table .dl_wr dl:last-child dt { text-align:left; width:110px; }
#regist .bo_table .dl_wr dl:last-child dd { margin-left:110px; }

#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; }

/* loginform */
#regist .loginform { padding:50px 20px; }
#regist .loginform .inbx { position:relative; border:1px solid #ddd; padding:60px 50px 50px 50px; max-width:400px; margin:0 auto; background-color:#fafafa; }
#regist .loginform .formbox { position:relative; padding-right:110px; }
#regist .loginform .iu { width:100%; overflow:hidden; margin-bottom:10px; }
#regist .loginform .iu dt { float:left; font-size:19px; line-height:40px; font-weight:500; color:#333; display:none; }

#regist .loginform .iu dd .ft_input { display:block; width:100%; height:40px; line-height:40px; padding:0 15px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff; font-size:15px; }
#regist .loginform .formbox .btn_search { position:absolute; right:0; top:0; width:100px; height:90px; line-height:90px; background-color:#364350; border:0; color:#fff; font-size:21px; }
#regist .loginform .inbx .desc { color:#666; font-size:14px; line-height:20px; font-weight:700; margin-top:15px; }


@media screen and (max-width: 960px) {
	/*  회원가입 */
	#sp_join #regist .bo_table dl { padding:10px 0; }
	#sp_join #regist .bo_table dl dt { width:100px; }
	#sp_join #regist .bo_table dl dd { margin-left:125px; }
	#sp_join #regist .bo_table .dl_wr dl { float:none; width:100%; padding:10px 0; }
	#sp_join #regist .bo_table .dl_wr dl:last-child { padding-top:0; }
	#sp_join #regist .bo_table .dl_wr dl dt { width:100px; text-align:right; }
	#sp_join #regist .bo_table dl dd .noti { margin-left:0; }
	#sp_join #regist .bo_table dl.div br { display:block; }
	#sp_join #regist .bo_table dl.div .fr_input { width:70%; }
	#sp_join #regist .bo_table dd .fr_input { width:100%; }
	#sp_join #regist dl.address dd p { max-width:100%; }
	
	#sp_join  #regist dl.post_check dt {line-height:1.3em; }
	#sp_join  #regist dl.post_check dt br { display:block; }
	#sp_join #regist .bo_table dl.office dd { padding-right:105px; }
	#sp_join #regist .bo_table dl.office .button { position:absolute; right:0; top:0; }
	#sp_join #regist .bo_table dl.id dd { padding-right:105px; }
	#sp_join #regist .bo_table dl.id dd .button { position:absolute; right:0; top:0; }
}

@media screen and (max-width:400px) {
	#sp_join #regist .bo_table dl dt { float:none; text-align:left; }
	#sp_join #regist .bo_table .dl_wr dl dt { text-align:left; }
	#sp_join #regist .bo_table dl dd { margin-left:0; }
}


.btn_b_link { display:inline-block; background-color:#00a1e9; width:125px; height:28px; line-height:28px; padding:0 20px; margin-bottom:7px; vertical-align:middle; color:#fff; font-size:13px; }
.filebox { position:relative; padding-right:135px; margin:5px 0; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.filebox label { position:absolute; right:0; top:0; display: inline-block; color: #fff; vertical-align: middle; background-color:#171717; cursor: pointer; width:120px; height:28px; line-height:28px; text-align:center; font-size:16px; font-weight:600;}
.filebox .upload-name { display: block; width:100%; height: 28px; line-height:28px; font-size:13px; padding: 0 10px; vertical-align: middle; background-color: #fff; border: 1px solid #cccccc; box-sizing:border-box; }







/* 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 { }