@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-x {overflow:auto;}
.scroll-y {overflow:auto;}
.scroll-x::-webkit-scrollbar {height:10px; width:3px;}
.scroll-x::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-x::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}
.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;}

.min_width500 {min-width:500px}
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; border-radius:20px; border:1px solid var(--border1); 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);}
.email.smallBtn {width:auto; width:80px; margin-left:5px; height:43px; color:#fff; background:var(--blue2);}

.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(--pink); 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(--pink); font-weight:600; display: inline-block; transform: translate(-3px, 3px);}
.register .tabInner p.notice_mark {text-align:right; color:var(--pink); 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; 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); border-bottom:1px solid var(--blue);}
.normal-list li {display:flex; padding:10px 0; align-items:center; color:#666; flex-wrap:wrap;}
.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(--pink);}
.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; cursor:pointer;}
.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;}

/*********************************** 사전등록 ******************************************/

/* 공지 및 일정 - 사전등록 */
.ahead h4.sub-title {margin-bottom: 15px; padding-left: 13px; color:var(--blue);font-size: 24px;
font-weight: 600; letter-spacing: -.5px; position: relative; transform:var(--textRotate);}
.ahead h4.sub-title:before {content: '';display:block;width:4px;height:100%;background:var(--blue);
position:absolute;left:0;top:0; border-radius:4px;}
.ahead .infoBox {padding:20px 30px;background:#f7f7f7;border:1px solid #eee; border-radius:20px;}
.ahead .infoBox p {font-size: 18px; color:#333; margin: 10px 0; padding-left:15px; position:relative;}
.ahead .infoBox p:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:var(--blue); position:absolute; left:0; top:13px;}
.ahead article.receipt {margin-top:60px;}

.ahead .aheadList dl {display:flex; border:1px solid var(--border1); padding:30px; border-radius:20px; gap:30px;}
.ahead .aheadList dl+dl {margin-top:20px;}
.ahead .aheadList dl dt {width:260px;}
.ahead .aheadList dl dt img {width:100%; object-fit:cover; aspect-ratio:1.7/1;}
.ahead .aheadList dl dd {width:calc(100% - 290px);}
.ahead .aheadList dl dd h5 a {color:#000; font-size:24px; font-weight:600; overflow:hidden;
white-space:normal; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;
-webkit-box-orient: vertical; word-break:keep-all; line-height:1.4; transform:var(--textRotate);}
.ahead .aheadList dl dd ul {margin-top:15px;}
.ahead .aheadList dl dd .btnWrap ul {display:flex; gap:10px;}
.ahead .aheadList dl dd .btnWrap ul li a {display:block; width:120px; height:35px; background:var(--border2); color:#000; text-align:center; line-height:35px; border-radius:5px;}
.ahead .aheadList dl dd .btnWrap ul li a.apply {background:var(--green); color:#fff;}
.ahead .aheadList dl dd .btnWrap ul li a.view {background:var(--blue2); color:#fff;}

/* 공지 및 일정 - 사전등록 신청뷰페이지 */
.ahead-view .aheadTit {border-top:2px solid var(--blue2); border-bottom:2px solid var(--blue2); padding: 1em 1em 1em 40px; font-size:24px; transform:var(--textRotate); font-weight:600; line-height:1.4;}
.tableLeft tbody td {padding:1em;}
.tableLeft tbody td.ing {color:#ff0000;}
.tableLeft tbody td.complete {color:var(--green);}
.tableLeft tbody .tbTit {width:20%; padding:1em 1em 1em 40px; background:#f2f4ff; font-weight: 600;  }
.tableLeft tbody .tbTit span {display:inline-block; transform: var(--textRotate);}
.tableLeft tbody tr+tr {border-top:1px solid var(--border1);}
.tableLeft tbody tr:last-child {border-bottom:1px solid var(--border1);}
.tableLeft span.notice {display:inline-block; margin-left:10px; color:var(--blue);}
.tableLeft .flex_wrap {display:flex; gap:10px; flex-wrap:wrap;}
.tableLeft .vertical_margin > div {margin-top:5px;}

.ahead-view article.guide {margin-top:30px;}
.ahead-view .infoBox {padding:20px 30px; background:#f7f7f7; border:1px solid #eee; border-radius:20px;}
.ahead-view .infoBox.app p {font-size: 14px; color:#666; padding:10px 0;}
.ahead-view .infoBox span.ipt {font-size: 16px; color:#000; text-decoration:underline!important; text-underline-offset:5px;}
.ahead-view .bulTit {margin-bottom:15px; padding-left:13px; color:var(--blue);font-size:24px;font-weight:600;
letter-spacing:-.5px;position:relative;transform:var(--textRotate);}
.ahead-view .bulTit:before {content: ''; display:block; width:4px; height:100%; background:var(--blue);position:absolute;left:0;top:-1px;border-radius:4px;}
.ahead-view h5.tit {position:relative; padding-bottom:20px;font-weight:600;font-size:18px; color:#000; padding-left:25px; transform:var(--textRotate);}
.ahead-view h5.tit:before {content:""; display:block; width:20px; height:20px; border-radius:50%; border:5px solid var(--blue); position:absolute; left:0; box-sizing: border-box;}
.ahead-view article.num2,  .ahead-view article.num4 {margin-top:60px;}
.ahead-view article.num2 table {border-top:2px solid var(--blue2);}
.ahead-view article.num2 table .input3 label {display:inline-block;}
.ahead-view article.num2 table .input3 label input {margin-right:10px;}
.ahead-view article.num2 table .input3 label+label {margin-left:20px;}
.innerWrap .agree {margin:0; background-color:#f7f7f7; border: 1px solid var(--border1); border-radius: 10px; padding:30px 25px; }
.innerWrap .agree .inner {overflow-x:hidden;}
.innerWrap .privacy {padding: 10px !important;margin:0;border:1px solid #e4e4e4;background-color:#fff;overflow-x:hidden;}
.ahead-view .agree pre, .ahead-view .privacy pre {width: 100%;font-size: 16px; margin: 0;padding: 0;color: #555; line-height: inherit;background: transparent;border:none;word-break: keep-all; border:none; font-family: 'NEXON';}
.innerWrap .agree>pre strong, .privacy>pre strong {font-size: 14px;color: #000;font-weight: normal;}
.innerWrap .checkWrap {margin: 10px 0 20px 0;text-align: center;font-size: 14px;}
.innerWrap .inputWrap * {display: inline-block;}
.innerWrap .btn_xs {height: 40px !important;line-height: 40px;}
.ahead-view .tableLeft tbody tr td, .ahead .tableLeft tbody tr td span {vertical-align: middle !important;}

.ahead-view .type1 select.w120 {width: 120px !important;}
.ahead-view .aheadForm .formGroup {text-align: left; margin: 5px 5%;}
.ahead-view .aheadForm .pcW50 {width:50%;float:left;}
.ahead-view .aheadForm .formGroup label {display: inline-block;width:20%;text-align:right;padding-right:30px;line-height:40px;}
.ahead-view .aheadForm input, .ahead .aheadForm select {width: 25% !important;}
.aheadForm input.w100 {width: 76% !important;}
.term_wrap .checkWrap { text-align : right; font-size :18px; margin-top : 15px; transform : rotate(0.05deg);}
.term_wrap .checkWrap input[type='checkbox'] + label { padding: 3px 30px;
    padding-left: 30px; background: url(/images/member/i-check.png) no-repeat left center / 20px; cursor: pointer; }
.term_wrap .checkWrap input[type='checkbox']:checked + label { background: url(/images/member/i-check-on.png) no-repeat left center / 20px; }
.ahead-view .result {padding:30px; background:#f5f5f5; text-align:center; border-bottom:1px solid var(--border1);}

.ahead-view.check .aheadTit {text-align:center;}
.ahead-view.check .form_bx {background:#f2f4ff; padding:50px;}
.ahead-view.check .form_bx p {text-align:center; margin-bottom:30px; word-break:keep-all;}
.ahead-view.check .form_bx .inner {width:60%; margin:0 auto;}
.ahead-view.check .form_bx .formgroup {display:grid; grid-template-columns:100px auto; align-items:center; width:80%; margin:0 auto;}
.ahead-view.check .form_bx .formgroup label {color:var(--blue2); font-weight:600; transform:var(--textRotate);}
.ahead-view.check .form_bx .formgroup+.formgroup {margin-top:10px;}
.ahead-view.check .form_bx span.notice {color:var(--red); display:block; margin-top:30px; text-align:center;}

.ahead-view .doubleWrap {margin-top:80px;}
.ahead-view .doubleWrap .grid2 {display:grid; grid-template-columns:repeat(2,1fr); gap:100px;}
.ahead-view .doubleWrap h6 {position:relative; font-size:17px; font-weight:600; transform:var(--textRotate); padding-left:15px; margin:10px 0 20px;}
.ahead-view .doubleWrap h6:before {content:""; display:block; width:8px; height:8px; background:var(--blue); position:absolute; left:0; top:4px;}
.tableLeft.type2 {border-top:2px solid var(--blue2);}
.tableLeft.type2 tbody .tbTit {width:35%; padding:8px 20px;}
.tableLeft.type2 tbody td {padding:8px 20px;}
.ahead-view table+.part {margin-top:50px;}
.ahead-view .part+.part {margin-top:50px;}
.ahead-view .part ol li {position:relative; padding-left:12px; font-size:18px;}
.ahead-view .part ol li:before {content:""; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; left:0; top:13px;}
.ahead-view .bx {border:1px solid var(--border1); padding:50px; border-radius:10px;}
.ahead-view .bx span {display:inline-block; font-weight:600; transform:var(--textRotate);}
.ahead-view .bx .btn_bx {margin-top:20px;}
.ahead-view .bx li {font-size:18px;}
.ahead-view .bx .btn_bx button {border-radius:5px; width:150px; line-height:40px; background:var(--blue2); color:#fff; padding:0; cursor:pointer;}
.ahead-view .bx .btn_bx .cardBtn {display:inline-block; border-radius:5px; width:150px; line-height:40px; background:var(--green); color:#fff; text-align:center; margin-left:10px;}
.ahead-view input[type='checkbox'] + label {padding: 3px 10px;
    padding-left: 30px; background: url(/images/common/i-check3.png) no-repeat left center / 20px; cursor: pointer; }
.ahead-view input[type='checkbox']:checked + label { background: url(/images/common/i-check4-on.png) no-repeat left center / 20px; }


/* 레이어팝업 */
.layer-popup-wrap { text-align: center; display: none; position: fixed; padding: 5vh 20vw; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0,0,0,.78);}
.layer-popup-wrap {display:none; position:fixed; padding:5vh 20vw; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:rgba(0,0,0,.78);}
iframe[id*="iframe"] {width:900px;}

/* ************************ 태블릿 이하(~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; 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;}


/*********************************** 사전등록 ******************************************/
/* 공지 및 일정 - 사전등록 */
.ahead h4.sub-title {font-size:20px;}
.ahead h4.sub-title:before {top:-1px;}
.ahead .infoBox p {font-size:16px;}
.ahead .infoBox p:before {top:12px;}
.ahead .aheadList dl {gap:20px;}
.ahead .aheadList dl dd h5 a {font-size:20px; -webkit-line-clamp:2;}

.ahead-view .doubleWrap .grid2 {grid-template-columns:1fr; gap:50px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* 공통 */
.innerWrap {padding-top:10px!important;}
a.bigBtn {display:inline-block; padding:10px 50px; 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;}

/*********************************** 사전등록 ******************************************/
/* 공지 및 일정 - 사전등록 신청뷰페이지 */
.tableLeft tbody tr {display:grid;}
.scroll-x .tableLeft tbody tr {display:table-row;}
.scroll-x .tableLeft tbody .tbTit {width:auto;}
.tableLeft tbody .tbTit {width:100%; padding:10px 15px;}
.scroll-x .tableLeft tbody .tbTit {padding:10px;}
.ahead-view h4.aheadTit {font-size:20px; padding:15px;}
.ahead-view .bulTit {font-size:20px;}

.ahead-view.check .form_bx .inner {width:80%;}
.tableLeft.type2 tbody .tbTit {width:100%;}
.ahead-view .doubleWrap {margin-top:60px;}
}

/* ************************ 모바일 ************************ */
@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;}
.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%;}

/*********************************** 사전등록 ******************************************/

/* 공지 및 일정 - 사전등록 */
.ahead h4.sub-title {font-size:18px;}
.ahead article.receipt {margin-top:40px;}
.ahead .aheadList dl {flex-direction:column;}
.ahead .aheadList dl dt {width:100%; max-width:500px;}
.ahead .aheadList dl dd {width:100%;}
.ahead .aheadList dl dd h5 a {font-size:18px;}

/* 공지 및 일정 - 사전등록 신청뷰페이지 */
.ahead-view h4.aheadTit {font-size:18px; padding:15px;}
.ahead-view .infoBox {padding:20px;}
.ahead-view .bulTit {font-size:18px;}
.ahead-view .aheadTit {font-size:18px; padding:10px 15px;}
.term_wrap .checkWrap {font-size:16px;}

.ahead-view.check .form_bx .inner {width:100%;}
.ahead-view.check .form_bx .formgroup {width:100%;}

.ahead-view .bx {padding:30px;}
.ahead-view .doubleWrap .grid2 {gap:30px;}
.ahead-view table+.part {margin-top:30px;}
.ahead-view .part+.part {margin-top:30px;}

iframe[id*="iframe"] {width:100%; min-width:320px;}
.layer-popup-wrap {padding:5vh 5vw;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 
/* 공통 */
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;}

/*********************************** 사전등록 ******************************************/
/* 공지 및 일정 - 사전등록 */
.ahead .infoBox {padding: 10px 20px;}
.ahead .aheadList dl dd .ahead_info ul {margin-top:5px;}

/* 공지 및 일정 - 사전등록 신청뷰페이지 */
.ahead-view.check .form_bx {padding:50px 20px;}
.ahead-view.check .form_bx .formgroup {grid-template-columns:repeat(1,1fr); gap:5px;}

.ahead-view .bx .btn_bx button {width:100%;}
.ahead-view .bx .btn_bx .cardBtn {width:100%; margin-left:0; margin-top:10px;}
}

/* ************************ (768-1024) ************************ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	iframe[id*="iframe"] {width:600px !important;}
	
}