@charset "utf-8";
/* 공통 */
.innerWrap {padding-top:70px!important;}
.table.typeA ul {display:grid; grid-template-columns:26% 17% auto;}
.table.typeA ul li.grid-row_1-6 {grid-row:1/6;}
.table.typeA .thaed {color:var(--blue); font-weight:600;}
select {-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/
appearance:none; background:url(/images/common/lnb-more.png) no-repeat 95% 50%/8px auto;}
select::-ms-expand{display:none;/*for IE10,11*/}

.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

input[type="date"] {position:relative; background:url(/images/common/i-calendar_blue.png) no-repeat 95% 50%/20px auto; padding-right:10px; color:#000; -webkit-appearance: none;
appearance: none;}
input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; color:transparent;}
/* 웹킷 브라우저용 */
/*input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  display: none;
}*/

table.normal {color:#000; line-height:1.6; text-align:center; border:1px solid #e5e5e5; border-top:1px solid var(--blue);}
table.normal tr {border-bottom:1px solid var(--border1);}
table.normal th {font-weight:600; color:var(--blue);border-top:1px solid var(--blue); border-bottom:1px solid var(--blue); transform:rotate(.03deg);}
table.normal tr>* {padding:10px; border-right:1px solid var(--border1);}


/* DB 검색폼 */
.searchWrap {background:#f5f5f5; padding:20px 30px!important; border-radius:20px; border:1px solid var(--border1)!important; text-align:center;}
.searchWrap form {display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.searchWrap form dl {display:flex; align-items:center; gap:20px;}
.searchWrap form dl dt {color:var(--blue2); font-weight:600; transform:var(--textRotate); white-space:nowrap;}
.searchWrap form dl dd {width:100%;}
input[type="text"], input[type="date"], input[type="password"], select {height: 45px; border: 1px solid var(--border1); border-radius:10px!important; padding: 0 10px; width:100%;}
.maxW-150 input, .maxW-150 select {max-width:150px;}
.maxW-200 input, .maxW-200 select {max-width:200px;}
.maxW-300 input, .maxW-300 select {max-width:300px;}
.maxW-500 input, .maxW-500 select {max-width:500px;}
.maxW-800 input, .maxW-800 select {max-width:800px;}


/* 첨부파일 폼 */
.upload-container {border:2px dashed var(--border2); padding:20px; text-align:center;
cursor:pointer;}
.upload-container.file-dragover {border-color:#000; background-color:#f0f0f0;}
.file-list {list-style-type:none; padding:0;}
.file-list li {margin: 10px 0; display:flex; justify-content:space-between; align-items:center; background-color:#f9f9f9; padding:10px; border-radius:5px; font-size:15px;}
.file-list li button {background-color: #ff4d4d; color:white; border:none; padding:5px 10px; cursor:pointer; border-radius: 3px;}
.file-list li button:hover {background-color: #ff0000;}


/* 공통 버튼 */
button.searchBtn {padding: 8px 50px 8px 25px; color:#fff; background:var(--blue2) url(/images/common/i-search.png) no-repeat 85% center / 18px; display:inline-block; cursor:pointer; border-radius:10px; margin-top:20px; transform:var(--textRotate);}
a.writeBtn {padding: 8px 50px 8px 25px; color:#fff; background:#999 url(/images/common/i-write.png) no-repeat 85% center / 18px; display:inline-block; cursor:pointer; border-radius:10px; margin-top:20px; transform:var(--textRotate);}
a.registBtn {display:inline-block; width:150px; background:var(--green); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.cancelBtn {display:inline-block; width:150px; background:#ccc; color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.deleteBtn {display:inline-block; width:150px; background:#fc6666; color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.correctBtn {display:inline-block; width:150px; background:var(--green); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.secessBtn {display:inline-block; width:150px; background:var(--pink); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.joinBtn {display:inline-block; padding:12px 70px; background:var(--blue2); color:#fff; transform:var(--textRotate); border-radius:10px; font-size:20px; transition:all 0.3s; border:2px solid var(--blue2); font-weight:600;}
a.joinBtn:hover {background:#fff; color:var(--blue2); border:2px solid var(--blue2); font-weight:600;}
a.bigBtn {display:inline-block; padding:12px 70px; color:#fff; border-radius:10px; font-weight:600; transform:var(--textRotate); font-size:18px; transition:all 0.5s;}
a.bigBtn.bg_blue2:hover {background:#666;}
a.bigBtn.bg_blue2 {background:var(--blue2);}

.smallBtn {display: inline-block; width:60px; height:35px; text-align:center; border-radius:10px; line-height:35px; cursor:pointer;}
.smallBtn.bg_pink {background:var(--pink); color:#fff;}
.smallBtn.bg_gray {background:var(--border2);}

.bottomBtnWrap {text-align:right;} 
.bottomBtnWrap.txt-center {text-align:center;} 
.bottomBtnWrap a+a {margin-left:20px;}
.register .bottomBtnWrap {margin-top:30px;}

/* 등록페이지 */
.register .formWrap {border-bottom:1px solid var(--border1); border-top:3px solid var(--blue);}

.register .formWrap dl {display:grid; grid-template-columns:200px auto;}
.register .formWrap .double_tit {display:flex;}
.register .formWrap .double_tit > dl {width:50%;}
.register .formWrap dl.double_tit dt {width:200px; padding:30px 20px;}
.register .formWrap dl.double_tit dd {width:calc(50% - 200px);}
.register .formWrap > dl+dl, .register .formWrap > dl+.double_tit, .formWrap > .double_tit+dl, .formWrap > .double_tit+.double_tit {border-top:1px solid var(--border1);}
.register .formWrap dl dt {background:#f2f3ff; padding:20px; color:var(--blue2); font-weight:600;  position:relative;}
.register .formWrap dl dt > span {display:inline-block; transform:var(--textRotate); padding-top:9px; position:relative;}
.register.view .formWrap dl dt > span {padding-top:0;}
.register.view h4 {border-bottom: 2px solid var(--blue); padding: 1em 1em 1em 40px; font-size: 24px; transform: var(--textRotate); font-weight: 600;
line-height: 1.4;}
.register .formWrap dl dt span.mark {content:"*"; color:var(--blue); font-weight:600; display: inline-block; transform: translate(-3px, 3px);}
.register .tabInner p.notice_mark {text-align:right; color:var(--blue); font-weight:600; transform:var(--textRotate);}
.register .formWrap dl.radio.long-notice dt span {padding-top:0;}
.register .formWrap dl.radio.long-notice dd {display:block}
.register.confirm .formWrap dl dt span {padding-top:0;}
.register.confirm .formWrap dl.clinic-hours dd p {display:grid; grid-template-columns:90px auto; gap:10px;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit {padding-left:10px; position:relative;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit:before {content:""; display:block; width:4px; height:4px; background:var(--blue2); position:absolute; left:0; top:12px;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit:after {content:":"; position:absolute; right:0; }
.register .formWrap dl dd {padding:20px; text-align:left;}
.register .formWrap dl dd.birth {display:flex; gap:5px;}
.register .formWrap dl dd span.notice {display:inline-block; margin-left:10px;}
.register .formWrap dl.align-items {align-items:center;}
.register .formWrap dl.align-items dt span {padding-top:0;}
.register .formWrap dl.align-items dt span {padding-top:0;}
.register .formWrap dl.address dd input {max-width:800px; width:100%;}
.register .formWrap dl.address dd input:nth-of-type(1) {max-width:300px; width:calc(100% - 125px);}
.register .formWrap dl.address.number dd input:nth-of-type(1) {max-width:200px;}
.register .formWrap dl.address.only-one dd input:nth-of-type(1) {max-width:500px;}
.register .formWrap dl.address dd .smallBtn, .register .formWrap dl.e-mail dd .smallBtn {width:auto; width:80px; margin-left:5px; height:45px; color:#fff; background:var(--blue2);}
.register .formWrap dl.address dd br+input {margin-top:5px;}
.register .formWrap dl.phone dd {display:flex; align-items:center; gap:5px;}
.register .formWrap dl.phone dd input {max-width:150px;}
.register .formWrap dl.radio dd {display:flex; flex-wrap:wrap; gap:15px;}
.register .formWrap dl.radio dd span {display:inline-block;}
.register .formWrap dl.input3 dd {display:flex; flex-wrap:wrap; gap:20px;}
.register .formWrap dl.input3 dd span {display:flex; align-items:center; gap:10px; width: calc(100% / 3 - 20px);}
.register .formWrap dl.input3 dd span label {white-space:nowrap;}
.register .formWrap dl.input3 dd span input {}
.register .formWrap dl.e-mail dd {display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.register .formWrap dl.e-mail dd input:nth-of-type(2) {max-width:150px;}
.register .formWrap dl.e-mail dd select {max-width:150px;} 
.register .formWrap select {height:45px; max-width:300px;}
.register .formWrap .birth select {max-width:100px;}
.register .formWrap dl.input3.block dd {display:block;}
.register .formWrap dl.input3.block dd span {display:grid; grid-template-columns:60px auto;  width:100%;} 
.register .formWrap dl.input3.block span+span {margin-top:5px;}
.register .formWrap dl.during dd {text-align:center;}
.register.view .formWrap dl.attach dd a {display: inline-block; padding-left: 20px; background: url(/images/common/i-attach.png) 0px 5px / 15px no-repeat; font-size:15px; word-break:break-all;}
.register.view h4.info {display:flex; flex-wrap:wrap; padding:20px 30px; gap:10px; font-size:16px; align-items:center;}
.register.view h4.info p {font-weight:600; transform:var(--textRotate);}
.register.view h4.info p.num1 {width:calc(100% - 490px);}
.register.view h4.info p.num1 span {display:inline-block; width:50px; height:30px; text-align:center; line-height:30px; color:#fff; margin-left:10px;}
.register.view h4.info p.num1 span.finish {background:var(--green);}
.register.view h4.info p.num1 span.ing {background:#666;}
.register.view h4.info p.num2 {width:220px;}
.register.view h4.info p.num3 {width:120px; text-align:right;}
.register.view h4.info p.num4 {width:120px; text-align:right;}
.register.view h4.info .data {display:flex;}
.register.view .photo {border-bottom:1px solid var(--border1);}
.register.view .photo .img {text-align:center; padding:20px;}
.register.view .photo .img+.img {border-top:1px solid var(--border1); }
.register.view .photo .img img {max-width:100%;}
.register.view .photo .img p {margin-top:10px;}
.register .attach.type1 .btn_upload {display:inline-block; text-align:center; padding :8px 20px;
font-size:14px; color:#fff; background:var(--blue2); border-radius:2rem; cursor: pointer;margin-right:5px;}
.register .attach.type1 dd .image-block+.image-block {margin-top:10px;}

input[type=file]::file-selector-button {display:none;}
.register .attach.type1 input[type="file"] {border:0;}
.register .attach.type1 dd span {display:inline-block;}
.register .attach.type1 dd .image-block {display:flex; align-items:center;}
.register .attach.type1 dd .image-block span {display:flex; align-items:center;}
.register .attach.type1 dd span:nth-of-type(1) input {max-width:300px;}
.register .attach.type1 dd span:nth-of-type(2) label {white-space:nowrap; margin-right:10px;}
.register .attach.type1 dd span:nth-of-type(2) {width:calc(100% - 560px); color: var(--blue2);
font-weight:600; transform:var(--textRotate);}
.register .attach.type1 dd span:nth-of-type(3) {margin-left:10px; gap:5px;}
.register .attach.type1 dd span:nth-of-type(3) button {width:50px; line-height:35px; border-radius:5px; color:#fff; font-size:14px;}
.register .attach.type1 dd span:nth-of-type(3) .add-btn {background:var(--green);}
.register .attach.type1 dd span:nth-of-type(3) .remove-btn {background:#666;}

.register input[type="date"] {max-width:200px;}
.register .checkWrap input[type='checkbox'] + label {padding: 3px 30px;
    padding-left: 30px; background: url(/images/common/i-check3.png) no-repeat left center / 20px; cursor: pointer; }
.register .checkWrap input[type='checkbox']:checked + label { background: url(/images/common/i-check3-on.png) no-repeat left center / 20px; }
.register .checkWrap ul {display:flex; flex-wrap:wrap; gap:20px; row-gap:5px;}
.register .checkWrap ul li {position:relative; padding-left:30px;}
.register .checkWrap ul li:before {content:""; display:block; width:20px; height:20px; border: 2px solid #ccc; position:absolute; left:0; top:4px; }
.register .checkWrap ul li.on:before {background: url(/images/common/i-check2-on.png) no-repeat center center / contain;}
.register .checkWrap.typeB ul li:before {border:0; background:#eaecf3; border-radius:50%;}
.register .checkWrap.typeB ul li.on:before {background:var(--green); width:20px; height:20px; }
.register .checkWrap p {text-align:right; margin-top:10px;}
.register .checkWrap p span {padding-left:30px; position:relative;}
.register .checkWrap p span.on:before {content:""; display:block; width:20px; height:20px; border:2px solid #ccc; background: url(/images/common/i-check2-on.png) no-repeat center center / contain; position:absolute; left:0; top:4px; left:4px;}
.register .checkWrap.typeB p span.on:before {background:var(--green); border:0; border-radius:50%;}
.register .checkWrap.typeB p span.off:before {background:#eaecf3; border:0; border-radius:50%; }

.register .checkWrap p span.off {margin-left:5px;}
.register .checkWrap p span.off:before {content:""; display:block; width:20px; height:20px; border:2px solid #ccc; position:absolute; left:0; top:4px; left:4px;}


.innerWrap .formWrap .checkWrap {margin:0; text-align:left; font-size:16px;}
.innerWrap .formWrap .checkWrap span {display:inline-block;}


/* 페이징 PC*/
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:#0ea88e!important; border:1px solid #ddd;  font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
/*.board_ebi .page_box .pc.pagination .prev {margin-right:10px;}
.board_ebi .page_box .pc.pagination .next {margin-left:10px;}*/
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:30px!important; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}


/* form */
form.type1 {margin:0; padding:0; font-weight:normal;}
/* form.type1 * {box-shadow:none; vertical-align:top;} */
form.type1 * {box-shadow:none;}
form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {
	display:inline-block; width:100%; height:45px; padding:8px; margin:0; vertical-align:middle;
	font-size:inherit; line-height:1; outline:none !important;
	border-radius:0px; border:1px solid #ddd; background-color:#fff;
	float:inherit;
}
form.type1 input:focus, textarea:focus {border:1px solid #000;	background-color:#fff !important;}
form.type1 select {
	cursor:pointer; padding:8px 25px 8px 8px;
	background-image:url(/images/common/select.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
form.type1 textarea {min-height:175px; line-height:1.6; width:100%; max-width:1200px;}
input[type="file"] {height:40px !important; border:1px solid #ddd; padding:6px; width:100%;}
input[type="text"] {padding-left:10px;-webkit-appearance: none;}
input[type="radio"],
input[type="checkbox"] {vertical-align:middle !important; margin-top:0;}
input[type="radio"]+span,
input[type="checkbox"]+span {vertical-align:middle;}

input[readonly],input[disable] {background-color:#ccc !important;}

/* 보통게시판 */
.normal-list {border-top:3px solid var(--blue)!important; border-bottom:1px solid var(--blue)!important;}
.normal-list li {display:flex; padding:10px 0; align-items:center; color:#666; flex-wrap:wrap; color:#000;}
.normal-list .titWrap {background:#f2f3ff; color:var(--blue2); font-weight:600; transform:var(--textRotate); padding:10px 0; text-align:center;}
.normal-list li+li {border-top:1px solid var(--border1);}
.normal-list li p {text-align:center;}
.normal-list li a.tit {color:#000;}
.normal-list li a.tit:hover {color:var(--blue);}
.normal-list li a.mail {background:url(/images/common/i-email.png) no-repeat center center / 25px; text-indent:-9999px;}

/* 뷰페이지 하단버튼 */
.viewPage .btn_box {display:flex; justify-content:center; margin-top:50px; gap:10px;}
.viewPage .btn_box a {display:block; color:#fff; background:#666; border-radius:10px; padding:10px 20px;}
.viewPage .btn_box a.bg_blue {background:var(--blue);}


/* 공통 */
input[type="text"], select {font-size:14px;}

/* 공통버튼 */
button.searchBtn {padding: 5px 45px 5px 20px;}
a.registBtn {width:90px; line-height:40px;}
a.cancelBtn {width:90px; line-height:40px;}
a.deleteBtn {width:90px; line-height:40px;}
a.correctBtn {width:90px; line-height:40px;}
a.secessBtn {width:90px; line-height:40px;}

/*********************************** 회원공간 ******************************************/
/* 회원 공간 - 회원검색 */
.member_search .m-searchWrap .bx { border:1px solid var(--border1); border-radius:20px; margin:30px auto 0;  padding:50px; background:#fff; width:70%; text-align:center;}
.member_search .m-searchWrap .bx .item {display:flex; align-items:center; gap:80px;}
.member_search .m-searchWrap > p {font-size:24px; text-align:center;}
.member_search .m-searchWrap .bg {max-width:350px; margin:0 auto; }
.member_search .m-searchWrap .bg img {width:100%; border-radius:20px; aspect-ratio:1/1; object-fit:cover; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} 
.member_search .m-searchWrap form {width:calc(100% - 430px);}
.member_search .m-searchWrap form dl+dl {margin-top:20px;}
.member_search .m-searchWrap form dl dt {font-size:20px; font-weight:600; transform:rotate(0.03deg); padding-left:15px; position:relative; text-align:left;}
.member_search .m-searchWrap form dl dt:before {content:""; display:block; width:4px; height:20px; background:var(--blue2); position:absolute; left:0; top:7px; border-radius:5px;}
.member_search .m-searchWrap form dl.radio dd {font-size:18px; text-align:left;}
.member_search .m-searchWrap form dl.radio dd input {margin-right:10px;}
.member_search .m-searchWrap form dl.radio dd span+span {margin-left:30px;}
.member_search .m-searchWrap form dl dd {margin-top:10px; text-align:left;}
.member_search .m-searchWrap form dl dd input[type="text"] {width:100%;}
.member_search .m-searchWrap .searchBtn {font-size:18px; margin-top:40px;}


.member_search .normal-list {margin-top:50px;}
.member_search .normal-list li {padding:10px 30px;}
.member_search .normal-list .num {width:10%;}
.member_search .normal-list .name {width:25%;}
.member_search .normal-list .work {width:25%;}
.member_search .normal-list .email {width:40%;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) { 
/* 공통 */
.innerWrap {padding-top:20px!important;}

/* DB 검색폼 */
.searchWrap form {grid-template-columns:repeat(2,1fr); row-gap:10px;}
.searchWrap form dl dt {width:65px;}
.searchWrap form dl dd {width:calc(100% - 85px); }

.register .formWrap dl.input3 dd {flex-direction:column; gap:5px;}
.register .formWrap dl.input3 dd span {display:grid; grid-template-columns:80px auto; width:100%;}

.register .attach.type1 dd .image-block {flex-wrap:wrap; row-gap:10px;}
.register .attach.type1 dd .image-block+.image-block {margin-top:20px;}
.register .attach.type1 dd span:nth-of-type(1) {width:100%;}
.register .attach.type1 dd span:nth-of-type(2) {width: calc(100% - 120px);}

/* 페이징 MOBILE */
.page_box {position:relative; margin-top:30px!important; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}
/*
.board_ebi .page_box .mobile .prev,
.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/images/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/images/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}	
.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
.page_box .mobile select {padding: 8px 45px 8px 20px !important; background: url(/images/common/lnb-more.png) no-repeat 80% 50% / 8px auto;}


/*********************************** 회원공간 ******************************************/

/* 회원 공간 - 회원검색 */
.member_search .m-searchWrap .bx {width:100%;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* 공통 */
.innerWrap {padding-top:10px!important;}
a.bigBtn {display:inline-block; padding:10px 50px!important; color:#fff; border-radius:10px; font-weight:600; transform:var(--textRotate); font-size:16px;}


.register.view h4 {font-size:20px; padding:15px;}
.register.view h4.info {padding:15px 20px; gap:0; row-gap:10px; font-size: 16px;}
.register.view h4.info .data {width:100%; justify-content: flex-end;}
.register.view h4.info p.num1 {width:50%;}
.register.view h4.info p.num2 {width:50%; text-align:right;}

/*********************************** 회원공간 ******************************************/
/* 회원 공간 - 회원검색 */
.member_search .m-searchWrap > p {font-size:20px;}
.member_search .m-searchWrap .bx {padding:30px;}
.member_search .m-searchWrap .bx .item {gap:50px;}
.member_search .m-searchWrap form {width: calc(100% - 350px);}
.member_search .m-searchWrap form dl dt {font-size:18px;}
.member_search .m-searchWrap form dl dt:before {height:18px; top:6px;}
.member_search .m-searchWrap .bg {max-width:300px;}
.member_search .m-searchWrap .searchBtn {margin-top:30px; font-size:16px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) { 
/* 공통 */
.contents_box {padding:20px 20px 60px;}
input[type="text"], select {height:40px;}
.smallBtn {width:55px; height:30px; line-height:30px;}

a.bigBtn {padding:10px 50px; color:#fff; border-radius:10px; font-weight:600; transform:var(--textRotate); font-size:16px;}

/* DB 검색폼 */
.searchWrap {padding:20px!important;}
.searchWrap form {grid-template-columns:repeat(1,1fr);}
.searchWrap form input, .searchWrap form select {height:40px;}
.searchWrap form dl {gap:5px;}
.searchWrap form dl dd {width: calc(100% - 70px);}

/* 공통버튼 */
button.searchBtn {padding: 5px 45px 5px 20px;}
a.registBtn {width:130px; line-height:40px;}
a.cancelBtn {width:130px; line-height:40px;}
a.deleteBtn {width:130px; line-height:40px;}
a.correctBtn {width:130px; line-height:40px;}
a.secessBtn {width:130px; line-height:40px;}
a.joinBtn {padding:5px 60px; font-size:18px;}
a.writeBtn {padding: 5px 45px 5px 20px; background: #999 url(/images/common/i-write.png) no-repeat 80% center / 15px;}

.bottomBtnWrap a+a {margin-left:10px;}

/* 등록페이지 */
.register.view h4 {font-size:18px; padding:15px;}
.register.view h4.info {padding:15px;}
.register .formWrap dl {grid-template-columns:repeat(1,1fr);}
.mypage.register .formWrap dl {grid-template-columns:repeat(1,1fr);}
.register .formWrap dl dt span {padding-top:0;}
.register .formWrap dl dt {padding:15px;}
.register .formWrap dl dd {padding:15px;}
.register .formWrap dl.calendar dd {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.register .formWrap dl.during dd {display:flex; gap:5px; align-items:center;}
.register .formWrap dl.input3.block dd span {grid-template-columns: 50px auto;}
.register .formWrap dl.address dd input:nth-of-type(1) {width:100%;}
.register .formWrap dl.address dd .smallBtn {height:40px;}
.register.view h4.info p.num1 {width:100%;}
.register.view h4.info p.num2 {width:100%; text-align:left;}
.register.view h4.info .data {justify-content:start; gap:10px;}
.register.view h4.info p.num3 {width:auto; font-size:14px;}
.register.view h4.info p.num4 {width:auto; font-size:14px;}

.register .attach.type1 dd span:nth-of-type(1) {display:block;}
.register .attach.type1 dd span:nth-of-type(2) {width:100%;}

/*********************************** 회원공간 ******************************************/
/* 회원 공간 - 회원검색 */
.member_search .m-searchWrap > p {font-size:18px;}
.member_search .m-searchWrap .bx .left {display:none;}
.member_search .m-searchWrap form {width:100%;}
.member_search .m-searchWrap form dl dd {margin-top:5px;}
.member_search .m-searchWrap form dl+dl {margin-top:15px;}
.member_search .m-searchWrap .searchBtn {margin-top:20px;}
.member_search .normal-list li {padding:10px 20px;}
.member_search .normal-list .num {text-align:left;}
.member_search .normal-list .name {width:90%; text-align:left;}
.member_search .normal-list .work {text-align:left;}
.member_search .normal-list .email {text-align:left;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 
/* 공통 */
input[type="text"], select {font-size:14px;}

/* 공통버튼 */
button.searchBtn {padding: 5px 45px 5px 20px!important;}
a.registBtn {width:90px; line-height:40px;}
a.cancelBtn {width:90px; line-height:40px;}
a.deleteBtn {width:90px; line-height:40px;}
a.correctBtn {width:90px; line-height:40px;}
a.secessBtn {width:90px; line-height:40px;}

/*********************************** 회원공간******************************************/

}