/* 개발 css */
@charset "utf-8";

.dev_center{text-align:center;}
.dev_aleft{text-align:left;}
.dev_aright{text-align:right;}
.dev_atop{vertical-align:top;}
.dev_red{color:red;}
.dev_green{color:green;}
.dev_blue{color:blue;}
.dev_bold{font-weight:bold;}
.dev_bred{font-weight:bold;color:red;}
.dev_ul{margin:5px 0;padding:0;padding-left:22px;}
.dev_nowrap{white-space:nowrap;}

.dev_input{border: 1px solid #b0b0b0;border-color: #B9BABB;color: #333333;}
.dev_input:hover {border-color: #6B8490;}
.dev_input:focus {border-color: #6B8490;color: #414B55;}

.dev_btn{line-height:1.5;white-space:nowrap;margin:0;padding:0 5px;overflow:visible;width:1;cursor:pointer;font-family:'돋움',dotum,sans-serif;font-size:12px;color:#fefefe !important;background:#2f2f2f;border:2px solid #414141;text-decoration:none !important;display:inline-block;vertical-align:middle;}
.dev_btn2{line-height:1.5;white-space:nowrap;margin:0;padding:0 5px;overflow:visible;width:1;cursor:pointer;font-family:'돋움',dotum,sans-serif;font-size:12px;color:#fefefe !important;background:#8b8b8b;border:2px solid #989898;text-decoration:none !important;display:inline-block;vertical-align:middle;}
.dev_btn3{color:#fff; display:block; line-height:1.5; font-size:1rem; font-weight:bold; background:#a93d51; text-align:center; padding:0.5rem 1rem; cursor:pointer; margin: 1rem auto; border: none;}
.dev_btn3:hover{color:#fffc00;}

.zbtn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:0.9rem;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.zbtn:focus,.zbtn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.zbtn:hover,.zbtn:focus{color:#333;text-decoration:none}
.zbtn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.zbtn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.zbtn-info:hover,.zbtn-info:focus,.zbtn-info:active{color:#fff;background-color:#a93d51;border-color:#6729ac;}
.zbtn-info:active{background-image:none}

div.dev_tbl_wrap{width:100%;border-top:2px solid #424242;margin:4px 0;}
table.dev_tbl{width:100%;table-layout:fixed;border-collapse:collapse;}
table.dev_tbl th.dev_th1{border-bottom:1px solid #E4E4E4;background-color:#f5f5f5;padding:5px;}
table.dev_tbl th.dev_th2{border-bottom:1px solid #E4E4E4;border-left:1px solid #E4E4E4;background-color:#f5f5f5;padding:5px;}
table.dev_tbl td.dev_td1{border-bottom:1px solid #E4E4E4;padding:5px;}
table.dev_tbl td.dev_td2{border-bottom:1px solid #E4E4E4;border-left:1px solid #E4E4E4;padding:5px;}
table.dev_tbl td.dev_NoData{border-bottom:1px solid #E4E4E4;padding:5px;text-align:center;}
table.dev_tbl tr.dev_alt{background-color:#FCFCFC;}

.dev_sbox{text-align:center;padding:15px 0;}
.dev_page_proc{text-align:center;padding:7px 0;}
.dev_ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding: url('/css/ellipsis.xml#ellipsis');}
.dev_abst_box{width:650px;margin:0 auto;border:1px solid black;padding:10px 25px;}

div.dev_wrap{width:98%;margin:0 auto;}
div.dev_popwrap{width:98%;margin:0 auto;padding:15px 0;}
ul.dev_topmenu{margin:15px 0;}
ul.dev_topmenu li{display:inline;padding:0 5px;}

ul.dev_ul2{margin:0;}
ul.dev_ul2 li{display:inline;padding:0 3px;}

table.dev_tbl2{width:100%;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #85949C;border-bottom:solid 1px #97ADB9;}
table.dev_tbl2 th{border-bottom:1px solid #DDD;padding:5px;background-color:#f3f3f3;}
table.dev_tbl2 td{border-bottom:1px solid #DDD;padding:5px;}

div.dev_title1{font-size:0.9rem;font-weight:bold;padding:3px;}
div.dev_title2{font-size:1rem;font-weight:bold;color:#6729ac;}

table.dev_stbl td{padding:1px 2px;}

.dev_color1{color:#AAA;}
.dev_pl15{padding-left:15px;}
.dev_mt2{margin-top:2px;}
.dev_mt5{margin-top:5px;}

.dev_star{font-weight:bold;color:red;}

.dev_list{text-align:center;}
.dev_list2{text-align:center;}

/* 회원탈퇴 */
.dev_leave_title{font-size:1.2rem;color:#333;font-weight:bold;}
.dev_leave_info{margin-top:1.2rem;color:#333;font-weight:bold;padding-left:21px;background:url("/icon/accept.png") no-repeat 0 3px;}
.dev_leave_info em{color:#390;}
.dev_leave_text{padding:5px 0 0 21px;color:#666;}
.dev_leave_text em{color:#FF6000;}
.dev_leave_info2{margin-top:35px;padding-top:19px;border-top:1px solid #ededed;}
.dev_leave_info2 p{color:#ff6000;font-weight:bold;}
.dev_leave_info2 p em{color:#390;}

.dev_bg_dark {/*display:none;*/ position:fixed; left:0; top:0; z-index:99990; width:100%; height:100%; background:url('http://bjsolution.co.kr/img/bg_dark.png') repeat 0 0}
.dev_layer_m {/*display:none;*/ position:fixed; left:50%; top:50%; z-index:999999; width:330px;border:1px solid #2c84ce; background:#fff;padding:30px;text-align:center;}
.dev_dlinfo {}
.dev_dlinfo dt {font-size:0.9rem; font-weight:bold; color:#328fde; padding:0 0 4px;}
.dev_dlinfo dd {padding:0 0 22px;}

#dev_loading{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99990;background:url('http://bjsolution.co.kr/img/bg_dark.png') repeat 0 0;/*background:rgba(255,255,255,0.8);*/}
#dev_loadingcontent{display:table;position:fixed;left:0;top:0;width:100%;height:100%;}
#dev_loadingspinner{display: table-cell;vertical-align:middle;width: 100%;text-align: center;font-size:larger;padding-top:80px;}

/* 회원가입 반응형 */
.table01 th { width:20%; max-width:125px;}
	.table01 td > input[type="text"].long { width:75%;}
.table01 td > label { max-width: calc(100% - 1rem - 10px); vertical-align: top; display:inline-block;}
.table01 td ul {display:flex; gap:0.5rem; flex-wrap:wrap;}
.table01 td ul li { flex-basis: 202px; flex-shrink: 0; flex-grow: 0;}

@media screen and (max-width: 768px) {
	.pcOnly {display: none !important;}
	.dev_input { max-width:55%;}
	table.dev_tbl th, table.dev_tbl td, .table01 td div, .table01 td ul li { font-size:0.9rem; letter-spacing:-1px;}
	.table01 td > label, .table01 td > span,.table01 th > span { display:inline-block;}
	.table01 td > label { width: calc(100% - 1rem - 10px); vertical-align: top;}
	.table01 td > input { max-width:100%; font-size:0.9rem;}
	.table01 td > input[type="text"].long { width:95%; max-width:100%;}
}