@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; 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);}

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


/********************************* 학회소개 ********************************/

/* 학회소개-인사말 */
.introWrap .intro {display:flex; gap:100px; }
.introWrap .intro .left {width:28.5%;}
.introWrap .intro .left p {font-size:40px; font-weight:700; line-height:1.5;}
.introWrap .intro .left p span {display:block;}
.introWrap .intro .left .bg {/*margin-top:40px;*/ background:var(--blue2); border-radius:0 40px 0 40px; overflow:hidden;}
.introWrap .intro .left .bg img {width:100%; max-width:400px;}
.introWrap .intro .right {width:64.2%; font-size:16px; line-height:1.8; letter-spacing:0.1px; color:#333;}
.introWrap .intro .right p.foreword {font-size:40px; font-weight:700; line-height:1.5; margin-bottom:40px;}
.introWrap .intro .right > span {display:block;}
.introWrap .intro .right span+span {margin-top:35px;}
.introWrap .intro .right span.txt_right {text-align:right; font-weight:600; transform:var(--textRotate);}
.introWrap .intro .right span.txt_right+.txt_right {margin-top:0;}
.introWrap .intro .right p.final span {margin-top:0;}
.introWrap .intro .right p.final {display:flex; justify-content:flex-end; align-items:center; gap:15px;}
.introWrap .intro .right p.final span.name {font-size:30px; font-weight:500;}

/* 학회소개-연혁 */
.introWrap .history .slogan {position:relative; overflow:hidden; border-radius:1.5rem;}
.introWrap .history .slogan:before {content:""; display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.3);}
.introWrap .history .slogan img {width:100%; object-fit:cover;}
.introWrap .history .slogan .text {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; z-index:3; text-align:center; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:22px;}
.introWrap .history .slogan .text h3 {font-size:36px;}
.introWrap .history .slogan .text span {display:inline-block; position:relative; font-size:18px; font-weight:600; transform:var(--textRotate); padding-bottom:25px;}
.introWrap .history .slogan .text span:before {content:""; display:block; position:absolute; width:30px; height:3px; background:#fff; left:50%; bottom:13px; transform:translateX(-50%);}
.introWrap .history .slogan .text p {padding-top:10px;}
.introWrap .history .cont {position:relative; padding-top:80px;}
.introWrap .history .cont:before {content: ""; display:block; width:1px; height:100%;
background:var(--border3); position:absolute; left:50%; top:0;}
.introWrap .history .year {position: relative; width: 50%; text-align: right; margin-bottom: 70px; padding:0 40px;}
.introWrap .history .year h3 {color:var(--pink); font-size:40px;}
.introWrap .history .cont .year:before {position:absolute; top:11px; right:-9px;
content:""; width:19px; height:19px; border:5px solid var(--pink); background:#fff; border-radius:50%;}
.introWrap .history .year:nth-of-type(odd) {text-align: left; margin-left: 50%;}
.introWrap .history .year:nth-of-type(odd) h3 {color:var(--green);}
.introWrap .history .year:nth-of-type(odd):before {position:absolute; top:11px; left:-9px;
content:""; width:19px; height:19px; border:5px solid var(--green); background:#fff; border-radius:50%;}
.introWrap .history .year > div {padding-top:30px; font-size:18px;}
.introWrap .history .year > div dl+dl {margin-top:20px;}
.introWrap .history .year > div dl dt {font-weight:700; transform:var(--textRotate); margin-bottom:5px;}
.introWrap .history .year > div dl dd p {line-height:1.3;}
.introWrap .history .year > div dl dd p+p {margin-top:10px;}

.introWrap .history2 {display:flex; gap:100px;}
.introWrap .history2 .slogan .inner {position: sticky; top: 120px;}
.introWrap .history2 .slogan {width:320px; text-align:center;}
.introWrap .history2 .slogan img {width:100%; border-radius:1.5rem;}
.introWrap .history2 .slogan .text {margin-bottom:25px;}
.introWrap .history2 .slogan .text span {font-size:48px; color:#666; font-weight:600; transform:var(--textRotate); display:block; color:var(--green); line-height:1;}
.introWrap .history2 .slogan .text h3 {font-size:14px; line-height:1.3; font-weight:800; transform:var(--textRotate);}
.introWrap .history2 .slogan .inner > p {margin-top:25px; font-weight:800; color:#000; font-size:20px; transform:var(--textRotate);}
.introWrap .history2 .cont {width:calc(100% - 420px);}
.introWrap .history2 .year h3 {color:var(--blue); transform:var(--textRotate); font-size:30px; font-weight:800;}
.introWrap .history2 .year+.year {margin-top:50px; padding-top:50px; border-top:1px solid var(--border1);}
.introWrap .history2 .year {}
.introWrap .history2 .year>div {margin-top:25px;}
.introWrap .history2 .year dl {display:flex; gap:30px; font-size:16px;}
.introWrap .history2 .year dl+dl {margin-top:25px;}
.introWrap .history2 .year dl dt {font-weight:700; transform:var(--textRotate); line-height:1.3;}
.introWrap .history2 .year dl dd p {position:relative; line-height:1.3;}
.introWrap .history2 .year dl dd p+p {margin-top:10px;}

/* 회칙 */
.introWrap .reg article {display:grid; grid-template-columns:1fr 5fr; gap:80px;}
.introWrap .reg article+article {margin-top:50px; padding-top:50px; border-top:1px solid var(--border1);}
.introWrap .reg article h3 p {position:sticky; top:100px; font-family:'NanumMyeongjo'; font-size:24px; color:var(--green); transform:rotate(.03deg); line-height:1.5;}
.introWrap .reg article dt {font-weight:600; color:#000;}
.introWrap .reg article *+dt {margin-top:30px;}
.introWrap .reg article ol>li {list-style:decimal; margin-left:25px;}

/* 임원진 */
.introWrap .exe {display:grid; grid-template-columns:1fr 4fr; gap:80px;}
.introWrap .exe .btnWrap {}
.introWrap .exe .btnWrap .inner {position:sticky; top:100px;}
.introWrap .exe .btnWrap .inner>div {display:flex; gap:10px; align-items:center; line-height:1.3;}
.introWrap .exe .btnWrap .tabWrap {margin-top:20px;}
.introWrap .exe .btnWrap .tabWrap li {
	position:relative; padding:18px 5px;
	font-weight:600; line-height:1; text-align:center; cursor:pointer; transition:.3s ease;
	border:1px solid var(--border1); border-radius:10px; transform:rotate(.03deg);
}
.introWrap .exe .btnWrap .tabWrap li:after {content:""; position:absolute; left:15px; top:50%; width:4px; height:4px; border-radius:50%; background:#eee;}
.introWrap .exe .btnWrap .tabWrap li+li {margin-top:5px;}
.introWrap .exe .btnWrap .tabWrap li.on,
.introWrap .exe .btnWrap .tabWrap li:hover {background:var(--green); color:#fff; border-color:transparent;}
.introWrap .exe .tabInner h3 {font-size:36px; font-weight:400; color:var(--blue); margin-bottom:20px; letter-spacing:-1px;}
.introWrap .exe .tabInner .tabItem {display:none;}
.introWrap .exe .tabInner .tabItem.on {display:block;}
.introWrap .exe table th:nth-child(1) {width:30%;}
.introWrap .exe table th:nth-child(2) {width:20%;}

/* 회원가입안내 */
.introWrap .guide {display:grid; grid-template-columns:1fr 1.9fr; gap:80px;}
.introWrap .guide .deco div {
	display:flex; align-items:flex-end;
	aspect-ratio:1/1; width:100%; border-radius:20px 20px 20px 0; overflow:hidden;
	background:#fff url(/images/intro/guide_deco1.webp) no-repeat center/cover;
}
.introWrap .guide .deco ul {padding:30px 30px 0 0; background:#fff; border-radius:0 20px 0 0;}
.introWrap .guide .deco ul li {font-weight:600; transform:rotate(.03deg); color:var(--blue); line-height:1.3;}
.introWrap .guide .deco ul li+li {font-size:12px; opacity:.5; color:#000;}
.introWrap .guide .deco ul:after {content:""; display:block; width:30px; margin-top:30px; border-top:3px solid var(--blue);}
.introWrap .guide .info p {margin-bottom:30px; font-size:30px; line-height:1.5;}
.introWrap .guide .info p span {color:var(--green);}
.introWrap .guide .info pre {all:unset; white-space:pre-wrap; word-break:keep-all;}
.introWrap .guide .info pre span {display:inline-block; color:var(--blue); font-weight:600; transform:rotate(.03deg); border-bottom:1px solid var(--blue);}
.introWrap .guide .info .bill {display:flex; justify-content:space-between; margin-top:30px; padding-top:30px; border-top:1px solid var(--border1);}
.introWrap .guide .info .bank {display:flex; align-items:center; gap:10px; white-space:nowrap; line-height:1.5;}
.introWrap .guide .info .bank i {height:100%; aspect-ratio:1/1; border-radius:50%; border:1px solid var(--border1); background:#f9f9f9 url(/images/intro/guide_icon1.webp) no-repeat center/50%;}
.introWrap .guide .info .bank dt {font-weight:600; transform:rotate(.03deg); color:#000;}
.introWrap .guide .info .golink {display:flex; gap:10px;}
.introWrap .guide .info .golink a {display:block; padding:20px 40px; line-height:1; color:#fff; background:var(--blue); border-radius:100px; transition:.3s ease;}
.introWrap .guide .info .golink a:hover {padding:20px 50px;}
.introWrap .guide .info .golink a+a {background:var(--green);}


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


/********************************* 학회소개 ********************************/

/* 학회소개-인사말 */
.introWrap .intro {flex-direction:column; gap:30px;}
.introWrap .intro .left {display:flex; width:100%; align-items:center; justify-content:space-between;}
.introWrap .intro .left p {font-size:30px;}
.introWrap .intro .left .bg {margin-top:0;}
.introWrap .intro .right {width:100%;}
.introWrap .intro .right p.final span.name {font-size:24px;}
.introWrap .intro .right p.foreword {font-size:30px;}

/* 학회소개-연혁 */
.introWrap .history .slogan .text h3 {font-size:30px;}
.introWrap .history .slogan .text {font-size:18px;}
.introWrap .history .slogan .text span {font-size:16px;}
.introWrap .history .year {margin-bottom:50px;}
.introWrap .history .year h3 {font-size:30px;}
.introWrap .history .cont {padding-top:60px;}
.introWrap .history .cont .year:before {position: absolute; top:7px; right:-9px; content: ""; width:17px; height:17px; border:4px solid var(--pink); background:#fff; border-radius:50%;}
.introWrap .history .year:nth-of-type(odd):before {position: absolute; top:7px; left:-8px; content: ""; width:17px; height:17px; border:4px solid var(--green); background:#fff; border-radius:50%;}
.introWrap .history .year > div {font-size:16px;}

.introWrap .history2 {gap:60px;}
.introWrap .history2 .slogan {width:270px;}
.introWrap .history2 .slogan .text span {font-size:36px;}
.introWrap .history2 .slogan .inner > p {font-size:18px;}
.introWrap .history2 .cont {width:calc(100% - 330px);}
}


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


/********************************* 학회소개 ********************************/
/* 학회소개-인사말 */
.introWrap .intro .left p {font-size:26px;}
/*.introWrap .intro .left .bg {display:none;}*/
.introWrap .intro .right span+span {margin-top:25px;}
.introWrap .intro .right p.final {}
.introWrap .intro .right p.foreword {font-size:24px; word-break:keep-all; margin-bottom:20px;} 
.introWrap .intro .right p.foreword br {display:none;}
/* 학회소개-연혁 */
.introWrap .history .year {width:100%; text-align:left; padding:40px 0 0 0; margin-bottom:0; }
.introWrap .history .year+.year {border-top:1px dashed var(--border1); margin-top:40px; padding-top:40px; }
.introWrap .history .year h3 {padding-left:30px;}
.introWrap .history .year:nth-of-type(odd) {margin-left:0;}
.introWrap .history .cont {padding-top:0;}
.introWrap .history .cont .year:before {right:auto; left:0;}
.introWrap .history .year:nth-of-type(odd):before {left:0;}
.introWrap .history .cont .year:before {top:47px;}
.introWrap .history .cont:before {display:none;}
.introWrap .history .year > div dl {display:flex; gap:10px; align-items:flex-start;}
.introWrap .history .year > div dl dt {margin-bottom:0; line-height: 1.3;}
.introWrap .history .year:nth-of-type(odd):before {top: 47px;}

.introWrap .history2 {gap:40px;}
.introWrap .history2 {flex-direction:column;}
.introWrap .history2 .slogan {text-align:left;}
.introWrap .history2 .slogan img {display:none;}
.introWrap .history2 .cont {width:100%;}
.introWrap .history2 .slogan {width:100%;}
.introWrap .history2 .slogan .text {margin-bottom:15px; display: inline-block; border-bottom:1px solid #ddd; padding-bottom:15px;}
.introWrap .history2 .slogan .inner > p {margin-top:0;}
.introWrap .history2 .slogan .inner {}

/* 회칙 */
.introWrap .reg article {display:block;}
.introWrap .reg article+article {margin-top:30px; padding-top:30px;}
.introWrap .reg article h3 p {margin-bottom:20px; font-size:20px;}
.introWrap .reg article *+dt {margin-top:20px;}

/* 임원진 */
.introWrap .exe {display:block;}	
.introWrap .exe .btnWrap .inner>div {display:none;}
.introWrap .exe .btnWrap .tabWrap {margin-top:0; display:flex; gap:5px; justify-content:space-between;}
.introWrap .exe .btnWrap .tabWrap li {padding:10px; text-align:center;}
.introWrap .exe .btnWrap .tabWrap li:after {display:none;}
.introWrap .exe .btnWrap .tabWrap li+li {margin-top:0;}
.introWrap .exe .tabInner {margin-top:30px;}
.introWrap .exe .tabInner h3 {font-size:24px; letter-spacing:0px; margin-bottom:10px;}
	
/* 회원가입안내 */
.introWrap .guide {display:block;}
.introWrap .guide .deco {display:none;}
.introWrap .guide .info p {font-size:24px;}

}

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

/********************************* 학회소개 ********************************/
/* 학회소개-연혁 */
.introWrap .history .slogan {min-height:190px;}
.introWrap .history .slogan .text {padding:0 30px;}
.introWrap .history .slogan .text h3 {font-size:24px; line-height:1.3;}
.introWrap .history .slogan .text p {font-size:16px;}
.introWrap .history .slogan img {width:100%; object-fit: cover; min-height:190px; object-position: 20%;}
.introWrap .history .year h3 {font-size:24px; padding-left:25px;}
.introWrap .history .year:nth-of-type(odd):before {width:15px; height:15px; top:43px;}
.introWrap .history .cont .year:before {width:15px; height:15px; top:43px;}

.introWrap .history2 .year h3 {font-size:24px;}
.introWrap .history2 .year+.year {padding-top:30px; margin-top:30px;}


/* 임원진 */
.introWrap .exe {display:block;}	
.introWrap .exe .btnWrap .inner>div {display:none;}
.introWrap .exe .btnWrap .tabWrap {display:grid; grid-template-columns:1fr 1fr; gap:5px;}
.introWrap .exe .btnWrap .tabWrap li {padding:15px; text-align:center;}
.introWrap .exe .btnWrap .tabWrap li:after {display:none;}
.introWrap .exe .btnWrap .tabWrap li+li {margin-top:0;}
.introWrap .exe .tabInner {margin-top:30px;}
.introWrap .exe .tabInner h3 {font-size:24px; letter-spacing:0px;}

/* 회원가입안내 */
.introWrap .guide .info .bill {display:flex; flex-direction:column;}
.introWrap .guide .info .bank {white-space:normal;}	
.introWrap .guide .info .golink {margin-top:20px;}
.introWrap .guide .info pre span {display:inline;}
}


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

/********************************* 학회소개 ********************************/
/* 학회소개-인사말 */
.introWrap .intro {gap:20px;}
.introWrap .intro .left p {font-size:22px;}
.introWrap .intro .right span+span {margin-top:20px;}
.introWrap .intro .right p.final span.name {font-size:22px;}

/* 학회소개-연혁 */
.introWrap .history .slogan .text h3 {font-size:20px;}
.introWrap .history .slogan .text p {font-size:14px;} 
.introWrap .history .slogan .text span {padding-bottom:15px;}
.introWrap .history .slogan .text span:before {bottom:9px;}

}