@charset "utf-8";
/* 공통 */
.innerWrap {padding-top:70px;}
.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;
}*/

/* 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);}

/*** 인트로 페이지 ***/
.page-intro {background:url(../images/include/intro-page_bg.webp) no-repeat center / cover; text-align:center; height:calc(100vh - 150px);}
.page-intro .inner {max-width:1200px; margin:0 auto; padding-top:90px;}
.page-intro .inner > p {font-size:30px; color:#fff; font-weight:600; transform:var(--textRotate); opacity:0.7; }
.page-intro .inner > p br {display:none;}
.page-intro .btnWrap {display:grid; grid-template-columns:repeat(3,1fr); gap:80px; margin-top:40px;}
.page-intro .btnWrap article {border-radius:20px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.page-intro .btnWrap article .img {aspect-ratio:1/1; overflow:hidden;}
.page-intro .btnWrap article .img img {width:100%; transition:all 0.3s;}
.page-intro .btnWrap article .txt {color:#fff; padding:40px 27px; height: 100%;}
.page-intro .btnWrap article .txt h3 {font-size:30px;}
.page-intro .btnWrap article .txt p {line-height:1.4; margin-top:25px;}
.page-intro .btnWrap article:nth-of-type(1) .txt {background:#405497;}
.page-intro .btnWrap article:nth-of-type(2) .txt {background:var(--pink);}
.page-intro .btnWrap article:nth-of-type(3) .txt {background:var(--green);}
.page-intro .btnWrap article:hover .img img {transform:scale(1.1);}
.page-intro .btnWrap article:hover .txt {color:var(--yellow);}

/* 학회소개-인사말 */
.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; min-width: 400px;}
.introWrap .intro .right {width:64.2%; font-size:16px; line-height:1.8; letter-spacing:0.1px; color:#333;}
.introWrap .intro .right > span {display:block;}
.introWrap .intro .right span+span {margin-top:35px;}
.introWrap .intro .right p.final {display:flex; justify-content:flex-end; align-items:center; margin-top:40px; 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:20px;}
.introWrap .history2 .year dl dt {font-weight:700; transform:var(--textRotate);}
.introWrap .history2 .year dl dd p {position:relative; line-height:1.3;}
.introWrap .history2 .year dl dd p+p {margin-top:10px;}


/* 학회소개-회칙 */

/* 학회소개-임원진 */

/* 학회소개-회원가입안내 */

/* 공지 및 일정 - 공지사항 */

/* 공지 및 일정 - 소식지 */

/* 공지 및 일정 - 행사 일정 */
.calendar_board {display:flex; justify-content:center; align-items:center; margin:0px 0 0 0; color:#666666; padding-bottom:20px;}

.calendar_board a:link, .calendar_board a:visited {color:#666666; text-decoration:none;}
.calendar_board a:hover, .calendar_board a:active {color:#000000; text-decoration:none;position:relative;z-index:2; }
.calendar_board strong {color:#000; padding:0 20px; font-size:30px; font-weight:500;}
.calendar_board span {display:none;}
.calendar_board a {display:block; border:1px solid #d2d6e8; width:50px; height:50px; border-radius:50%;}
.calendar_board a.prev_end {background:url(../images/common/arrow-prevX12.png) no-repeat center; }
.calendar_board a.prev {background:url(../images/common/arrow-prev.png) no-repeat center; margin-left:5px;}
.calendar_board a.next {background:url(../images/common/arrow-next.png) no-repeat center;}
.calendar_board a.next_end {background:url(../images/common/arrow-nextX12.png) no-repeat center; margin-left:5px;}
.calendar .calendar_table_bx {border:1px solid var(--border4); border-radius:20px; overflow:hidden;}
.calendar .calendar_month {width:100%;}
.calendar .calendar_month th:first-child {color:#ff0000; border-left:1px solid #e0e0e0;}
.calendar .calendar_month th:first-child, .calendar .calendar_month td:first-child {border-left:0;}
.calendar .calendar_month th:last-child, .calendar .calendar_month td:last-child {border-right:0;}
.calendar .calendar_month tr:first-child th {background:#f9f9fa; border-top:0;} 
.calendar .calendar_month tr:last-child td {border-bottom:0;}
.calendar .calendar_month .sat_blue{color:#3166ff; border-right:1px solid #e0e0e0;}
.calendar .calendar_month th {font-size:14px; line-height:70px; font-weight:600; color:#282b32; border:1px solid var(--border4);}
.calendar .calendar_month .blue a{color:#193996;}
.calendar .calendar_month .red a {color:#ee2e24;}
.calendar .calendar_month td {font-size:14px; line-height:16px; color:#333; border:1px solid var(--border4); height:70px; vertical-align:top;}
.calendar .calendar_month td:active, .calendar .calendar_month td:hover{background:#f5f5f5;}
.calendar .calendar_month td:first-child{color:#ee2e24;}
.calendar .calendar_month td .check{color:#ee2e24; font-size:12px; text-align:right; cursor:pointer;}
.calendar .calendar_month td a {display:flex; align-items:center; justify-content:space-between; height:70px; padding:15px; text-decoration:none; font-size:14px; font-weight:500; color:#000;}
.calendar .calendar_month td .check img {position:relative; top:0px;left:0px; color:#ff0000; font-size:12px; text-align:right;}
.calendar .calendar_month td a span.schedule_num {display:block; width:35px; height:35px; background:var(--green); border-radius:50%; color:#fff; font-weight:800; transform:var(--textRotate); text-align:center; line-height:35px;}


.innerWrap.schedule .calList {margin-top:50px;}
.innerWrap.schedule .calList .tabItem {display:none;}
.innerWrap.schedule .calList .tabItem.on {display:block;}
.innerWrap.schedule .calList .btnWrap .tabWrap {display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.innerWrap.schedule .calList .btnWrap .tabWrap li {cursor:pointer; padding:15px 40px; font-weight:600; color:var(--blue2); border:2px solid var(--blue2); border-radius:5rem; transform:var(--textRotate); }
.innerWrap.schedule .calList .btnWrap .tabWrap li.on {background:var(--blue2) url(../images/common/i-schedule-check.png) no-repeat 15px center / 15px ; color:#fff; }
.innerWrap.schedule .calList .tabItem .no_schedule {display:flex; justify-content:center; align-items:center; height:100px; color:#000; margin-top:50px;}
.innerWrap.schedule .calList .tabItem .schedule_list {margin-top:30px;}
.innerWrap.schedule .calList .tabItem .schedule_list li {display:flex; padding:5px 0; font-size:16px; gap:20px; cursor:pointer; color:#333;}
.innerWrap.schedule .calList .tabItem .schedule_list li+li {border-top:1px solid var(--border1);}
.innerWrap.schedule .calList .tabItem .schedule_list li p.date {width:190px; padding:10px 20px 10px 70px; background:url(../images/common/schedule-check.png) no-repeat 20px center / 35px; font-weight:800; display:flex; align-items:center;}
.innerWrap.schedule .calList .tabItem .schedule_list li p.date span {white-space:nowrap;}
.innerWrap.schedule .calList .tabItem .schedule_list li:hover p.date {background:url(../images/common/schedule-check-on.png) no-repeat 20px center / 35px; color:var(--green);}
.innerWrap.schedule .calList .tabItem .schedule_list li dl {display:flex; flex-wrap:wrap; padding:10px 0;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dt {padding-right:20px; overflow: hidden; white-space: normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1;
-webkit-box-orient:vertical; word-break:keep-all; max-width:600px;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dd {position:relative; padding-left:20px; overflow: hidden; white-space: normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; max-width:500px;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dd:before {content:""; display:block; width:2px; height:16px; position:absolute; left:0; top:6px; background:#333;}

.schedule .overlay {display: none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:9999;}
.schedule .modal_pop {display:none; position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff; z-index:10000; box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.4); min-width:700px; border-radius:20px;}
.schedule .close {cursor:pointer;position:absolute;top:20px;right:20px; display:block; width:15px; height:15px; background:url(../images/common/i-closeX.png) no-repeat center / contain;}
.schedule .modal_pop .inner {position:relative; padding:40px 0 40px 50px; background:#fff; border-radius:2rem;}
.schedule .modal_pop .inner:before {content:""; display:block; position:absolute; width:100%; height:99.5%; background:var(--blue2); z-index:-1; top:1px; left:-40px; border-radius:2rem;}
.schedule .modal_pop h4 {color:var(--blue2); font-size:24px; font-weight:600; transform:var(--textRotate); padding:0 40px 20px 0; border-bottom:1px solid var(--border3); line-height:1.4;}
.schedule .modal_pop ul {margin-top:30px; padding-right:40px;}
.schedule .modal_pop ul li {display:grid; grid-template-columns:90px auto; position:relative; font-size:16px;}
.schedule .modal_pop ul li+li {margin-top:10px;}
.schedule .modal_pop ul li:before {content:""; display:block; width:5px; height:5px; background:#ccc; position:absolute; left:0; top:12px; border-radius:50%;}

.schedule .modal_pop ul li p {padding-left:15px; position:relative;}
.schedule .modal_pop ul li p:after {content:":"; position:absolute; right:5px;}
.schedule .modal_pop ul li span a {color:#000;}

/* 공지 및 일정 - 사전등록 */
.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);}

.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;}
.bulTit {margin-bottom:15px; padding-left:13px; color:var(--blue);font-size:24px;font-weight:600;
letter-spacing:-.5px;position:relative;transform:var(--textRotate);}
.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;}
.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;}
.agree pre, .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;}



/* 가이드라인 및 판독문 - 가이드라인 */

/* 가이드라인 및 판독문 - 갑상선 초음파 판독문 */

/* 증례 및 이러닝 - 집담회 증례 */
.evidence .quiz-list {margin-top:50px;}
.evidence .quiz-list li {border:1px solid var(--border1); border-radius:20px; overflow:hidden;}
.evidence .quiz-list li+li {margin-top:20px;

}
.evidence .quiz-list li .info {display:flex; flex-wrap:wrap; padding:20px 30px; background:#f2f3ff; gap:10px;}
.evidence .quiz-list li .info .data {display:flex;}
.evidence .quiz-list li .info p {font-weight:600; transform:var(--textRotate);}
.evidence .quiz-list li .info p.num1 {width:calc(100% - 490px);}
.evidence .quiz-list li .info p.num1 span {display:inline-block; width:50px; height:30px; text-align:center; line-height:30px; color:#fff; margin-left:10px;}
.evidence .quiz-list li .info p.num1 span.finish {background:var(--green);}
.evidence .quiz-list li .info p.num1 span.ing {background:#666;}
.evidence .quiz-list li .info p.num2 {width:220px;}
.evidence .quiz-list li .info p.num3 {width:120px; text-align:right;}
.evidence .quiz-list li .info p.num4 {width:120px; text-align:right;} 
.evidence .quiz-list li .img {display:grid; grid-template-columns:repeat(5,1fr); gap:20px; padding:20px 30px;}
.evidence .quiz-list li .img a {display:block; width:100%;}
.evidence .quiz-list li .img a img {width:100%; aspect-ratio:1.5/1; object-fit:cover;}
.evidence .quiz-list li .bottom {display:flex; justify-content:space-between; padding:20px 0; margin:0 30px; border-top:1px solid var(--border1); align-items:center;}
.evidence .quiz-list li .bottom>a {width:calc(100% - 200px); color:#666; font-size:18px; font-weight:500; 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;}
.evidence .quiz-list li .bottom .btnWrap {display:flex; gap:10px;}
.evidence .quiz-list li .bottom .btnWrap a {display:block; width:60px; height:35px; text-align:center; border-radius:10px; line-height:35px;}
.evidence .quiz-list li .bottom .btnWrap a.bg_blue {background:var(--blue2); color:#fff;}
.evidence .quiz-list li .bottom .btnWrap a.bg_gray {background:var(--border2); color:#000;}
.evidence .quiz-list li .bottom>a:hover {color:#000;}

/* 증례 및 이러닝 - 집담회 강의록 */
.h-lecture .searchWrap form {grid-template-columns: repeat(3, 1fr); column-gap:50px;}
.h-lecture .normal-list {margin-top:50px;}
.h-lecture .normal-list li p {padding:0 10px;}
.h-lecture .normal-list li .w100 {width:100px;}
.h-lecture .normal-list li .w200 {width:200px;}
.h-lecture .normal-list li .w250 {width:250px;}
.h-lecture .normal-list li .tit {width:calc(100% - 800px); overflow: hidden;
white-space: normal; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1;
-webkit-box-orient:vertical; word-break:keep-all;}
.h-lecture .normal-list li .mail {text-align:center;}

/* 증례 및 이러닝 - 동영상 강좌 및 강의록 */

/* 회원 공간 - 회원 게시판 */
	
/* 회원 공간 - 포토 갤러리 */

/* 회원 공간 - 회원검색 */
.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%;}

/* 회원 공간 - 게시판 및 자료실 */

/* 회원 공간 - 관리자 공간 */

/* 관련사이트 - 국내유관학회 */
.relate_siteWrap { }
.relate_siteWrap {margin-top:60px;}
.relate_siteWrap .list {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.relate_siteWrap .list li {text-align:center;} 
.relate_siteWrap .list li .p_logo {display:flex; justify-content:center; align-items:center; border:1px solid #ddd; aspect-ratio:1/0.6; transition:all 0.3s; padding:0 20px;}
.relate_siteWrap .list li .p_logo img {width:100%; max-width:300px; object-fit:scale-down; max-height:100px;}
.relate_siteWrap .list li p {font-size:18px; color:#000; transform:rotate(0.03deg); margin-top:10px;}
.relate_siteWrap .list li a:hover .p_logo {border:1px solid #000;}

/* 관련사이트 - 해외유관학회 */

/* 갑상선 영상 진료 - 일반인을 위한 갑상선 영상진료 정보 */


/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 */
.hos-search .hos-searchWrap {}
.hos-search .hos-searchWrap .inputWrap {display:flex; align-items:center; gap:50px; padding:0 50px; background:var(--blue2); border-radius:20px 20px 0 0;}
.hos-search .hos-searchWrap .inputWrap p {color:#fff; width:33%; line-height:1.4; padding:33px 0 33px 85px; background:url(../images/vid_treat/hos-search_iconBg.png) no-repeat left 24px / 75px;}
.hos-search .hos-searchWrap .inputWrap .inner {display:flex; gap:10px; width:67%; padding:30px 0;}
.hos-search .hos-searchWrap .inputWrap .inner select {width:190px; height:50px; border:0;}
.hos-search .hos-searchWrap .inputWrap .inner input {width:calc(100% - 290px); height:50px; border:0;}
.hos-search .hos-searchWrap .inputWrap .inner button {height:50px; width:80px; background:var(--green); border:0; text-indent:-9999px; background:var(--green) url(../images/vid_treat/i-hos_search.png) no-repeat center center / 25px;}
.hos-search .hos-searchWrap .region-info {border-radius:0 0 20px 20px; border:1px solid var(--border1); border-top:0; padding:25px 50px;}
.hos-search .hos-searchWrap .region-info ul {display:flex; flex-wrap:wrap; gap:10px 3.86%;}

.hos-search .hos-searchWrap .region-info ul li a {display:block; text-align:center; color:#000; font-weight:600; transform:var(--textRotate); position:relative;}
.hos-search .hos-searchWrap .region-info ul li a:hover, .hos-search .hos-searchWrap .region-info ul li.on a span {color:var(--green)!important;}
.hos-search .hos-searchWrap .region-info ul li a:hover span, .hos-search .hos-searchWrap .region-info ul li a:hover span.blue {color:var(--green);}
.hos-search .hos-searchWrap .region-info ul li.on a span, .hos-search .hos-searchWrap .region-info ul li.on a span.blue  {color:var(--green);}
.hos-search .hos-searchWrap .region-info ul li.on a {color:var(--green);}
.hos-search .hos-searchWrap .region-info ul li.on a:after {content:""; display:block; width:10px; height:10px; background:var(--green); border-radius:50%; position:absolute; top:-13px; left:50%; transform:translateX(-50%);}
.hos-search .hos-searchWrap .region-info ul li a span {display:block; color:#cdd1e3; font-size:30px; font-weight:800; line-height:1;}
.hos-search .hos-searchWrap .region-info ul li a span.blue {color:var(--blue2);}

.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:flex-start; -ms-overflow-style: none; gap:10px; padding: 0px 0 30px; border-bottom:0; margin-top:50px;}
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; padding:10px 22px; cursor:pointer; border-bottom:1px solid #fff; width:100%; text-align:center; border:1px solid var(--border1); font-weight:500; user-select: none; border-radius:5px; transform: rotate(0.03deg); background:#f5f5f5;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {color:#fff; background:var(--pink); }
.mypage .scroll-tab .scrollable li.on, .mypage .scroll-tab .scrollable li:hover {color:#fff; background:var(--green); }

.scroll-tab.typeB .scrollable {width:auto; justify-content:center; gap:5px;}
.scroll-tab.typeB .scrollable li {width:auto; padding:8px 28px; border:2px solid var(--green); border-radius:3rem; background:#fff;}
.scroll-tab.typeB .scrollable li.on, .scroll-tab.typeB .scrollable li:hover {background:var(--green);}

.normal-list.typeB {border-top:0; border-bottom:0;}
.normal-list.typeB li {padding:0;}
.normal-list.typeB li > a {display:flex; align-items:center; padding:14px 0; width:100%; flex-wrap:wrap;}
.normal-list.typeB li .hos {width:15%;}
.normal-list.typeB li .hos-type {width:15%; color:#000;}
.normal-list.typeB li .tech {display:grid; grid-template-columns:repeat(5,1fr); width:70%;}
.normal-list.typeB .titWrap {background:none; border-top:1px solid #b3b6ce; border-bottom:1px solid #b3b6ce; font-weight:600; transform:var(--textRotate); color:#000; padding:14px 0;}
.normal-list.typeB li+li {border-top:0;}
.normal-list.typeB li+li a {border-bottom:1px solid #e6e6e6; transition:.5s ease;}
.normal-list.typeB li+li a:hover {border-bottom:1px solid #000;}
.normal-list.typeB li .hos {text-align:center; color:#000;}
.normal-list.typeB li .tech p span.check {display:block; width:20px; height:20px; border-radius:50%; background:#eaecf3; margin:0 auto;}
.normal-list.typeB li .tech p span.check.on {background:var(--green);}

/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 - 의사등록페이지 */
.term_wrap .checkWrap input[type="radio"] {margin-right:10px; height:15px;}
.term_wrap .checkWrap input[type="radio"]:nth-of-type(2) {margin-left:15px;}
/*.hos-register .formWrap {margin-top:50px;}*/
.hos-register.confirm .formWrap {margin-top:0;}

/* 마이페이지 - 회원정보수정 */
.mypage .scroll-tab .scrollable {margin-top:0;}
.mypage .tabInner .tabItem {display:none;}
.mypage .tabInner .tabItem.on {display:block;}
.mypage.register .formWrap {border:none; border-top:2px solid var(--green); border-bottom:1px solid var(--green);}
.mypage.register .formWrap dl dt {color:var(--blue2); background:#fff; text-align:center; word-break: keep-all;}
.mypage.register .formWrap dl {grid-template-columns: 150px auto;}
.mypage.register .formWrap dl.double_tit dt {width:150px;}
.mypage.register .formWrap dl dd span.notice {color:var(--blue);}
.mypage.register .tabItem p.notice {text-align:right; margin-bottom:5px; color:var(--green);}
.mypage.register .tabItem .long-notice p.notice {text-align:left;}
.mypage.register .tabItem .long-notice .notice-list {color:#666; margin-bottom:10px;}
.mypage.register input[type='checkbox'] {position: absolute;left:-9999px;}

/* 마이페이지 - 회비내역조회 */
.fee .fee-checkWrap .bx { border:1px solid var(--border1); border-radius:20px; margin:30px auto 0;  padding:50px; background:#fff; width:70%; text-align:center;}
.fee .fee-checkWrap .bx .item {display:flex; align-items:center; gap:80px;}
.fee .fee-checkWrap > p {font-size:24px; text-align:center;}
.fee .fee-checkWrap .bg {max-width:350px; margin:0 auto; }
.fee .fee-checkWrap .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;} 
.fee .fee-checkWrap .bx dl+dl {margin-top:40px;}
.fee .fee-checkWrap .bx dl dt {font-size:20px; font-weight: 600; transform:rotate(0.03deg);
padding-left:15px; position:relative; text-align:left; margin-bottom:10px;}
.fee .fee-checkWrap .bx dl dt:before {content:""; display:block; width:4px; height:20px; background:var(--blue2); position:absolute; left:0; top:7px; border-radius:5px;}
.fee .fee-checkWrap .bx dl dd {text-align:left;}
.fee .fee-checkWrap .bx dl dd span {display:inline-block; font-weight:600; color:var(--pink); transform:var(--textRotate);}
.fee .fee-checkWrap .bx dl dd span:first-child {margin-right:20px;}

.fee .normal-list {margin-top:50px; border-top:3px solid var(--green); border-bottom:1px solid var(--green);}
.fee .normal-list li {color:#000;}
.fee .normal-list .num {width:5%;}
.fee .normal-list .year {width:10%;}
.fee .normal-list .fee_type {width:12.5%;}
.fee .normal-list .cost {width:12.5%;}
.fee .normal-list .state {width:12.5%;}
.fee .normal-list .receipt {width:22.5%;}
.fee .normal-list .deposit {width:25%;}
.fee .normal-list .state .non {color:var(--red);}
.fee .normal-list .state .comp {color:var(--green);}
.fee .normal-list .receipt button {cursor:pointer; border-radius:5px; padding:0 10px; color:#fff; background:#666;}
/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */
.secession > p.notice {font-size:24px; font-weight:600; transform:var(--textRotate); text-align:center; color:var(--green);}
.secession .bx {padding:50px; border:1px solid var(--border1); border-radius:20px; margin-top:30px;}
.secession .bx dl dt {font-weight:600; color:#000; transform:var(--textRotate); font-size:18px; position:relative; padding-left:25px;}
.secession .bx dl dt:before {content:""; display:block; width:20px; height:20px; background:url(../images/common/i-check2-on.png) no-repeat center center / contain; position:absolute; top:5px; left:0;}
.secession .bx dl+dl {margin-top:20px;}
.secession .bx .innerBx {background:#f5f5f5; margin-top:30px; padding:30px; font-weight:600; transform:var(--textRotate); text-align:center; border-radius:10px;} 
.secession .bx .form {text-align:center; margin-top:20px;}
.secession .bx .form span {display:inline-block;}
.secession .bx .form span input {margin-right:10px; transform:translateY(-1px);}
.secession .bx .form span:first-child {margin-right:10px;}
.secession .bx b {display:block; font-size:18px; text-align:center; margin-top:20px; transform:var(--textRotate); color:var(--pink);}
.secession .bottomBtnWrap {margin-top:30px;}

/* 회원가입  */
.join-step1 h3 {font-size:24px; transform:var(--textRotate); line-height:1.4; margin-bottom:30px;}
.join-step1 h3 span {color:var(--green);}

.join-step1 .inner {display:flex; gap:80px;}
.join-step1 .inner .txt {width:60%; word-break:keep-all;}
.join-step1 .inner .bg {width:40%;}
.join-step1 .inner .bg img {width:100%; border-radius:20px;}
.join-step1 .inner .txt p.margin {margin-top:20px;}
.join-step1 .inner .txt p.empha {font-weight:600; color:var(--pink); transform:var(--textRotate); text-decoration:underline; text-underline-offset:5px;}
.join-step1 .account {text-align:center; border-radius:10px; border:2px solid var(--pink); margin-top:30px; padding:20px; font-size:18px; font-weight:600; max-width:800px; margin: 30px auto 0; transform:var(--textRotate);
}
.join-step1 .bottomBtnWrap {margin-top:40px;}

.join-step2 h5.tit {position:relative; padding-bottom:20px;font-weight:600;font-size:18px; color:#000; padding-left:25px; transform:var(--textRotate);}
.join-step2 h5.tit:before {content:""; display:block; width:20px; height:20px; border-radius:50%; border:5px solid var(--blue2); position:absolute; left:0; top:-1px;}
.join-step2 input[type="checkbox"] {position:absolute; left:-9999px;}
.join-step2 .term_wrap+.term_wrap {margin-top:50px;}
.join-step2 .term_wrap .form {display:flex; width:100%; gap:30px; justify-content: center; border:1px solid var(--border1); padding:20px; border-radius:20px; margin-bottom:30px;}
.join-step2 .term_wrap .form .birth {}
.join-step2 .term_wrap .form .birth select {max-width:100px; width:100px; }
.join-step2 .term_wrap .form dl {display:flex; align-items:center; gap:20px;}
.join-step2 .term_wrap .form dt {white-space:nowrap; font-weight:600; transform:var(--textRotate);}
.join-step2 .term_wrap .form dd {display:flex; width:100%}
.join-step2 .term_wrap .form dd span+span {margin-left:5px;}

.join-step3 .scroll-tab .scrollable {margin-top:0;}
.join-step3 .form_tit {display:flex; justify-content:space-between; margin-top:80px;}
.join-step3 .form_tit h5 {margin-top:0;}
.join-step3 .form_tit p.notice {color:var(--blue);}
.join-step3 .form_tit:first-of-type {margin-top:0;}
.join-step3 h5 {display:block; margin-top:80px; position:relative; padding-bottom:20px;font-weight:600;font-size:18px; color:#000; padding-left:25px; transform:var(--textRotate);}
.join-step3 h5:before {content:""; display:block; width:20px; height:20px; border-radius:50%; border:5px solid var(--blue2); position:absolute; left:0; top:-1px;}
.join-step3.register .formWrap {border:none; border-top:2px solid var(--blue); border-bottom:1px solid var(--blue);}
.join-step3.register .formWrap dl dt {color:var(--blue2); background:#fff; text-align:center; word-break: keep-all; padding:10px 20px;}
.join-step3.register .formWrap dl dd {padding:10px 20px;}
.join-step3.register .formWrap dl {grid-template-columns: 150px auto; align-items:center;}
.join-step3.register .formWrap dl.double_tit dt {width:150px;}
.join-step3.register .formWrap dl dd span.notice {color:var(--blue);}
.join-step3.register .tabItem p.notice {text-align:right; margin-bottom:5px; color:var(--green);}
.join-step3.register .tabItem .long-notice p.notice {text-align:left;}
.join-step3.register .tabItem .long-notice .notice-list {color:#666; margin-bottom:10px;}
.join-step3.register .formWrap dl.input3 dt > span {padding:0;}
.join-step3	input[type='checkbox'] {position: absolute;left:-9999px;}
/* 회원가입 환영 */
.join-step4 .inner .tit { position : relative; text-align : center; width:60%; margin:0 auto;}
.join-step4 .inner .tit img { width : 100%; height : 450px; object-fit : cover; border-radius:20px; filter: opacity(0.5);}
.join-step4 .inner .tit p { position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%) rotate(0.03deg); font-size : 40px; font-weight : 600; z-index : 2; width:100%;}
.join-step4 .inner .tit p span {color:var(--pink); display : block; }
.join-step4 .inner .txt p { font-size : 24px; text-align : center; margin-top : 50px;  transform:var(--textRotate); }
.join-step4 .inner .txt p span {color:var(--blue); font-weight:800;}
.join-step4 .inner .bottomBtnWrap { text-align : center; margin-top : 50px; } 

/* 개인정보취급방침 */
.joinWrap .reg .notice {border:1px solid var(--border1); padding: 30px; margin-bottom:50px;}
.joinWrap .reg .notice b {margin-top:15px; display:block;}
.joinWrap .reg article {display:grid; grid-template-columns:1fr 5fr; gap:80px;}
.joinWrap .reg article+article {margin-top:50px; padding-top:50px; border-top:1px solid var(--border1);}
.joinWrap .reg article h3 p {position:sticky; top:100px; font-family:'NanumMyeongjo'; font-size:24px; color:var(--green); transform:rotate(.03deg); line-height:1.5;}
.joinWrap .reg article div p+p {margin-top:20px;}
.joinWrap .reg article dl {margin-top:20px;}
.joinWrap .reg article dt {font-weight:600; color:#000;}
.joinWrap .reg article *+dt {margin-top:30px;}
.joinWrap .reg article ol>li {list-style:decimal; margin-left:25px;}
.joinWrap .reg article ul {margin:20px 0; color:#666;}

.id-pw_search {min-height:45vh; display:flex; gap:50px;}
.id-pw_search.step2 {justify-content:center; align-items:center;}
.id-pw_search.step2 form {width:50%;}
.id-pw_search.step2 form .pwd_second_box {margin-top:20px;}
.id-pw_search.step2 form .form_tit {font-size:18px; font-weight:600; color:var(--blue2); margin-bottom:10px; transform:var(--textRotate);}
.id-pw_search.step2 form .box_item+.box_item {margin-top:20px;}
.id-pw_search.step2 strong {font-size:24px;}
.id-pw_search.step2 strong span {color:var(--blue);}

.id-pw_search .btn_wrap {margin: 0 auto;}
.id-pw_search .btn_wrap .bigBtn {display:inline-block; color:#fff; font-weight:800;
transform:rotate(0.05deg); text-align:center; padding:12px 70px; border-radius:5px;
font-size:24px; margin-top:25px; transition:0.3s; color:var(--blue2); border:1px solid var(--blue2);}
.id-pw_search .btn_wrap .bigBtn:hover {background:var(--blue2); color:#fff; border:1px solid var(--blue2);}

.id-pw_search .id_wrap {background:#f5f5f5; border-radius:20px; margin:0 auto; padding:50px; text-align:center; width:50%; display: flex; flex-direction:column; justify-content:space-between;}
.id-pw_search .id_wrap h3 {font-size:24px; font-weight:600; transform:var(--textRotate);}
.id-pw_search .id_wrap p {font-weight:500; font-size:16px; transform:var(--textRotate); margin-top:10px;}
.id-pw_search .id_wrap .inputWrap {margin-top:30px;}
.id-pw_search .id_wrap .inputWrap input+input {margin-top:5px;}
.id-pw_search .id_wrap .bigBtn {margin-top:20px;}
.id-pw_search .id_wrap .btn_wrap {width:100%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:8px 40px; font-size:18px; font-weight:600; width:50%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue {background:var(--blue2); color:#fff;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray {background:#666; color:#fff; border:1px solid #666;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue:hover {background:#333;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray:hover {background:#333;}

/* 로그인 */
.login-wrap { margin: 80px auto 0; text-align: center; padding: 0;
   width: 50%; }
.login-wrap h3 { margin: 0; font-size: 32px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 24px;
   padding: 0; }
.login-wrap .form-group .btn-wrap { margin-bottom : 40px; }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 50px; padding: 6px 10px; font-size: 18px; font-weight : 600; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue2); line-height: 1; border-radius: 10px; font-size: 20px; padding: 15px 10px; text-align: center; font-weight : 800; text-transform : uppercase; transform : rotate(0.05deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:10px; font-size:20px; padding:15px 10px; text-align:center; font-weight:800; text-transform:uppercase; transform:rotate(0.05deg); }
.login-wrap .info { margin : 50px 0 0; text-align: left; font-size: 13px !important; }
.login-wrap .info>div {display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap;}
.login-wrap .info>div+div {margin-top:5px;}
.login-wrap .info span { display: inline-block; width:60%;
   padding-left: 15px; color: #666; margin-bottom: 5px; position: relative; font-size : 18px; }
.login-wrap .info span:before { position: absolute; top: 12px;
   left: 0; display: block; content: ""; width: 5px; height: 5px;
   border-radius: 50%; background: #ddd; }
.login-wrap .info>div a { font-size: 18px; color: #000; margin-left: 15px; padding-bottom: 2px; text-decoration:underline!important; text-underline-offset : 5px;}

/* 사이트맵 */
.sitemap {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.sitemap > div {padding:30px; border:1px solid var(--border1); border-radius:20px;}
.sitemap > div+div { }
.sitemap > div h3 {transform:var(--textRotate); color:#000; font-size:22px; border-bottom:2px solid #e5e5e5; padding-bottom:15px;}
.sitemap > div h3 span {font-size:32px; display:inline-block; font-weight:400; margin-right:20px; color:var(--green);}
.sitemap > div ul {display:flex; padding-top:20px; gap:35px;}
.sitemap > div ul > li {position:relative;}

.sitemap > div ul > li > a {color:#000; font-weight:600; font-size:18px; transform:var(--textRotate); display:block; line-height:1.4; position:all 0.3s;}
.sitemap > div ul > li > a:hover {color:var(--pink);}
.sitemap > div ol {margin-top:10px;}
.sitemap > div ol > li {position:relative; padding-left:10px;}
.sitemap > div ol > li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; position:absolute; left:1px; top:13px; background:#ccc;}
.sitemap > div ol > li > a {font-size:16px;}

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

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

.page-intro .inner > p {font-size:26px;}
.page-intro .inner {padding:70px 30px;}
.page-intro .btnWrap {gap:50px;}
.page-intro .btnWrap article .txt h3 {font-size:clamp(18px, 2vw, 30px);}

/* 학회소개-인사말 */
.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 .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);}
/* 학회소개-회칙 */

/* 학회소개-임원진 */

/* 학회소개-회원가입안내 */



/* 공지 및 일정 - 공지사항 */

/* 공지 및 일정 - 소식지 */

/* 공지 및 일정 - 행사 일정 */

/* 공지 및 일정 - 사전등록 */
.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;}


/* 가이드라인 및 판독문 - 가이드라인 */


/* 가이드라인 및 판독문 - 갑상선 초음파 판독문 */

/* 증례 및 이러닝 - 집담회 증례 */

/* 증례 및 이러닝 - 집담회 강의록 */
.h-lecture .searchWrap form {grid-template-columns:repeat(2, 1fr);}
.h-lecture .normal-list li .tit {width:100%; padding:0 20px; order:-1;}
.normal-list li a.mail {text-indent:0;}
/*.h-lecture .normal-list li .year {width:25%;}
.h-lecture .normal-list li .mon {width:25%;}
.h-lecture .normal-list li .pres {width:25%;}
.h-lecture .normal-list li .hos {width:25%;}
.h-lecture .normal-list li .mail {width:50%;}
.h-lecture .normal-list li .md {width:50%;}*/
.h-lecture .normal-list li {row-gap:5px; justify-content:space-between;}
.h-lecture .normal-list li .pres.w100 {width:130px;}
.h-lecture .normal-list li .mail {text-align:right; background: url(../images/common/i-email.png) no-repeat 12px center / 25px;}


/* 증례 및 이러닝 - 동영상 강좌 및 강의록 */

/* 회원 공간 - 회원 게시판 */
	
/* 회원 공간 - 포토 갤러리 */

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

/* 회원 공간 - 게시판 및 자료실 */

/* 회원 공간 - 관리자 공간 */

/* 관련사이트 - 국내유관학회 */
.relate_siteWrap {margin-top:0px;} 
/* 관련사이트 - 해외유관학회 */

/* 갑상선 영상 진료 - 일반인을 위한 갑상선 영상진료 정보 */

/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 */
.hos-search .hos-searchWrap .region-info ul li a {padding:0 15px;}

.scroll-tab .scrollable li {padding:5px 22px;}

.normal-list.typeB li:nth-of-type(2) {border-top:1px solid #b3b6ce; } 
.hos-search .hos-searchWrap .inputWrap {flex-direction:column; gap:0;}
.hos-search .hos-searchWrap .inputWrap p {width:100%; padding:33px 0 20px 85px; background: url(../images/vid_treat/hos-search_iconBg.png) no-repeat 8px 13px / 75px;}
.hos-search .hos-searchWrap .inputWrap .inner {padding:0 0 30px; width:100%;}

/* 마이페이지 - 회원정보수정 */


/* 마이페이지 - 회비내역조회 */
.fee .fee-checkWrap .bx .item {gap:50px;}
.fee .normal-list .deposit {text-align:left;}

/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */	
 
.join-step1 .inner .bg {display:none;}
.join-step1 .inner .txt {width:100%;}
.join-step1 .account {padding:15px;}

.id-pw_search .btn_wrap {width:70%;}
.id-pw_search.step2 form {width:70%;}

/* 사이트맵 */
.sitemap {grid-template-columns: repeat(1,1fr);}
.sitemap > div h3 {font-size:20px;}
.sitemap > div h3 span {font-size:28px; margin-right:10px;}

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

.page-intro {height: calc(100vh - 263px);}
.page-intro .inner > p {font-size:24px;}
.page-intro .btnWrap {gap:20px;}
.page-intro .btnWrap article .txt p {margin-top:15px;}
.page-intro .btnWrap article .txt p br {display:none;}


/* 학회소개-인사말 */
.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 {margin-top:30px;}
/* 학회소개-연혁 */
.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 {}

/* 학회소개-회칙 */

/* 학회소개-임원진 */

/* 학회소개-회원가입안내 */

/* 공지 및 일정 - 공지사항 */

/* 공지 및 일정 - 소식지 */

/* 공지 및 일정 - 행사 일정 */
.schedule .modal_pop {min-width:auto;}
.schedule .modal_pop {width:80%;}

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

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

/* 가이드라인 및 판독문 - 가이드라인 */

/* 가이드라인 및 판독문 - 갑상선 초음파 판독문 */

/* 증례 및 이러닝 - 집담회 증례 */
.evidence .quiz-list li .info {padding:15px 30px; gap:0; row-gap:10px;}
.evidence .quiz-list li .info .data {width:100%; justify-content: flex-end;}
.evidence .quiz-list li .info p.num1 {width:50%;}
.evidence .quiz-list li .info p.num2 {width:50%; text-align:right;}
.evidence .quiz-list li .img {grid-template-columns:repeat(3,1fr);}
.evidence .quiz-list li .bottom {flex-direction:column; gap:10px;}
.evidence .quiz-list li .bottom>a {width:100%; -webkit-line-clamp:2;}


/* 증례 및 이러닝 - 집담회 강의록 */
.h-lecture .normal-list li {padding:10px 20px; column-gap:10px;}
.h-lecture .normal-list li .mail.w100 {width:auto; text-align:left; background: url(../images/common/i-email.png) no-repeat 20px center / 25px; padding-left:55px;}
.h-lecture .normal-list li .md.w200 {width:auto; text-align:right;}
.h-lecture .normal-list li .w100 {width:auto;}
.h-lecture .normal-list li .w200 {width:auto;}
.h-lecture .normal-list li .pres.w100 {width:auto;}
.h-lecture .normal-list li .tit {padding:0;}
.h-lecture .normal-list li p {padding:0;}

/* 증례 및 이러닝 - 동영상 강좌 및 강의록 */

/* 회원 공간 - 회원 게시판 */
	
/* 회원 공간 - 포토 갤러리 */

/* 회원 공간 - 회원검색 */
.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;}

		
/* 회원 공간 - 게시판 및 자료실 */

/* 회원 공간 - 관리자 공간 */

/* 관련사이트 - 국내유관학회 */
.relate_siteWrap .list {display:grid; grid-template-columns:repeat(2,1fr); gap:25px;}
.relate_siteWrap .list li p {font-size:16px;}		

/* 관련사이트 - 해외유관학회 */

/* 갑상선 영상 진료 - 일반인을 위한 갑상선 영상진료 정보 */

/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 */
.hos-search .hos-searchWrap {padding:30px;}
.hos-search .hos-searchWrap .inputWrap p {font-size:16px; line-height:1.4;}
.hos-search .normal-list li {row-gap:10px;}
.hos-search .normal-list .hos {width:50%;}
.hos-search .normal-list .hos-type {width:50%;}
.hos-search .normal-list .tech {width:100%;}
.scroll-tab .scrollable {padding-bottom:20px;}
.scroll-tab .scrollable {padding-bottom:20px;}
.scroll-tab.typeB .scrollable {width:100%; justify-content:flex-start;} 
.hos-search .hos-searchWrap {padding:0;}
.hos-search .hos-searchWrap .inputWrap {padding: 0 20px;}
.hos-search .hos-searchWrap .inputWrap .inner select {height:45px;}
.hos-search .hos-searchWrap .inputWrap .inner input {height:45px;}
.hos-search .hos-searchWrap .inputWrap .inner button {height:45px;}
.hos-search .hos-searchWrap .region-info {padding:25px 20px;}
.hos-search .hos-searchWrap .region-info ul li a {font-size:14px;}
.hos-search .hos-searchWrap .region-info ul li a span {font-size:24px;}
.hos-search .hos-searchWrap .region-info ul li.on a:after {width:8px; height:8px;}

/* 마이페이지 - 회원정보수정 */
.register .formWrap .double_tit {display:block;}
.register .formWrap .double_tit dl {width:100%;}
.register .formWrap .double_tit dl+dl {border-top:1px solid var(--border1);}
.register .formWrap dl.during {text-align:left;}
.register .formWrap dl.during dd {text-align:left;}
/* 마이페이지 - 회비내역조회 */
.fee .fee-checkWrap > p {font-size:20px;}
.fee .fee-checkWrap .bx {width:100%;}

/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */	
.secession > p.notice {font-size:20px;}
.secession .bx {padding:30px;}
.secession .bx dl dt {font-size:16px; padding-left:22px;}
.secession .bx dl dt:before {width:18px; height:18px; top:4px;}
.secession .bx .innerBx {padding:20px; margin-top:20px;}



.join-step2 .term_wrap .form {display:block;}
.join-step2 .term_wrap .form dl {display:grid; grid-template-columns:120px auto;}
.join-step2 .term_wrap .form dl+dl {margin-top:15px;}

.join-step3 h5 {margin-top:50px;}
.join-step3 .form_tit {margin-top:50px;}

/* 개인정보취급방침 */
.joinWrap .reg article {display:block;}
.joinWrap .reg article+article {margin-top:30px; padding-top:30px;}
.joinWrap .reg article h3 p {margin-bottom:20px; font-size:20px;}
.joinWrap .reg article *+dt {margin-top:20px;}

.id-pw_search .btn_wrap {width:90%;}
.id-pw_search .btn_wrap .bigBtn {padding:8px 30px; font-size:20px;}

/* 로그인 */
.login-wrap { margin: 20px auto 30px; text-align: center; padding: 0;
   width: 70%; }
.login-wrap h3 { margin: 0; font-family: 'CU Naunm'; font-size: 24px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 15px;
   padding: 0; }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 50px; padding: 6px 15px; font-size: 16px; font-weight : 600; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue2); line-height: 1; border-radius: 5px; font-size: 18px; padding: 15px 10px; text-align: center; font-weight : 800; text-transform : uppercase; transform : rotate(0.05deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:5px; font-size:18px; padding:15px 10px; text-align:center; font-weight:800; text-transform:uppercase; transform:rotate(0.05deg); }
.login-wrap .info { margin : 30px 0px; text-align: left; font-size: 13px !important; }
.login-wrap .info>div+div { margin-top : 15px; }
.login-wrap .info span { display: inline-block; width: 100%;
   padding-left: 10px; color: #666; margin-bottom: 5px; position: relative; font-size : 16px; }
.login-wrap .info span:before { position: absolute;
   top: 12px; left: 0; display: block; content: ""; width: 2px;
   height: 2px; background: #333;}
.login-wrap .info>div a {  color: #000; margin-left: 10px;
    padding-bottom: 2px; font-size : 16px; }

/* 회원가입 */
.join-step4 .inner .tit {width:100%;}
.join-step4 .inner .tit p {font-size:30px;}
.join-step4 .inner .txt p {font-size:20px;}

/* 아이디/비밀번호 찾기 */
.innerWrap.id-pw_search {padding-top:50px;}
.id-pw_search {flex-direction:column; gap:30px;}
.id-pw_search .id_wrap {width:80%;}
.id-pw_search .id_wrap h3 {font-size:20px;}
.id-pw_search .id_wrap .inputWrap {margin-top:20px;}

}


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


.page-intro {height:auto;}
.page-intro article > a {display:grid; grid-template-columns:30% 70%;}
.page-intro .btnWrap {grid-template-columns:1fr;}
.page-intro .btnWrap article .img {object-fit:cover; aspect-ratio:auto;}
.page-intro .btnWrap article .img img {height:100%; width:100%; aspect-ratio:1/0.5; object-fit:cover;}
.page-intro .btnWrap article .txt {}
/* 학회소개-인사말 */


/* 학회소개-연혁 */
.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;}
/* 학회소개-회칙 */

/* 학회소개-임원진 */

/* 학회소개-회원가입안내 */

/* 공지 및 일정 - 공지사항 */

/* 공지 및 일정 - 소식지 */

/* 공지 및 일정 - 행사 일정 */
.calendar_board strong {font-size:24px;}
.calendar_board a {width:35px; height:35px;}
.calendar .calendar_month th {line-height:50px;}
.calendar .calendar_month td {height:50px;}
.calendar .calendar_month td a {padding:4px; flex-direction:column; height:50px;}
.calendar .calendar_month td a span.schedule_num {width:25px;height:25px; line-height:25px; font-size:13px;}
.innerWrap.schedule .calList .btnWrap .tabWrap li {padding:8px 35px;}
.innerWrap.schedule .calList .tabItem .schedule_list li {flex-direction:column; gap:0;}
.innerWrap.schedule .calList .tabItem .schedule_list li p.date {padding: 10px 20px 10px 50px; background: url(../images/common/schedule-check.png) no-repeat 0px center / 35px;}
.innerWrap.schedule .calList .tabItem .schedule_list li:hover p.date {background: url(../images/common/schedule-check-on.png) no-repeat 0px center / 35px;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl {padding-top:0; gap:10px;        flex-direction: column;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dt {-webkit-line-clamp: 2;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dd {padding-left:0;}
.innerWrap.schedule .calList .tabItem .schedule_list li dl dd:before {display:none;}

.schedule .modal_pop {transform: translate(-47%, -50%);}
.schedule .modal_pop h4 {font-size:20px;}
.schedule .modal_pop ul {margin-top:20px;}
.schedule .modal_pop .inner {padding: 40px 0 40px 30px;}
.schedule .modal_pop .inner:before {left:-30px;}

/* 공지 및 일정 - 사전등록 */
.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;}
.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%;}

/* 가이드라인 및 판독문 - 가이드라인 */

/* 가이드라인 및 판독문 - 갑상선 초음파 판독문 */

/* 증례 및 이러닝 - 집담회 증례 */
.evidence .quiz-list li+li {margin-top:30px;}
.evidence .quiz-list li .info p.num1 {width:100%;}
.evidence .quiz-list li .info p.num2 {width:100%; text-align:left;}
.evidence .quiz-list li .info .data {justify-content:start; gap:10px;}
.evidence .quiz-list li .info p.num3 {width:auto; font-size:14px;}
.evidence .quiz-list li .info p.num4 {width:auto; font-size:14px;}
.evidence .quiz-list li .img {grid-template-columns:repeat(2,1fr); gap:10px;}
.evidence .quiz-list li .bottom>a {font-size:16px;}

.h-lecture .searchWrap form {grid-template-columns: repeat(1,1fr);}
/* 증례 및 이러닝 - 집담회 강의록 */

/* 증례 및 이러닝 - 동영상 강좌 및 강의록 */

/* 회원 공간 - 회원 게시판 */
	
/* 회원 공간 - 포토 갤러리 */

/* 회원 공간 - 회원검색 */
.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;}

/* 회원 공간 - 게시판 및 자료실 */

/* 회원 공간 - 관리자 공간 */

/* 관련사이트 - 국내유관학회 */
.relate_siteWrap .list {display:grid; grid-template-columns:repeat(1,1fr); gap:20px;}

/* 관련사이트 - 해외유관학회 */

/* 갑상선 영상 진료 - 일반인을 위한 갑상선 영상진료 정보 */

/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 */
.hos-search .hos-searchWrap {padding:30px 20px;}
.hos-search .hos-searchWrap .inputWrap .inner {gap:0; flex-wrap:wrap;}
.hos-search .hos-searchWrap .inputWrap .inner select {width:100%; border-radius:10px 10px 0 0!important;}
.hos-search .hos-searchWrap .inputWrap .inner input {border-radius:0 0 0px 10px!important;}
.hos-search .hos-searchWrap .inputWrap .inner input {width:calc(100% - 50px); border-top:1px solid #ddd;;}
.hos-search .hos-searchWrap .inputWrap .inner .smallBtn {height:40px; border-radius:0 0px 10px 0px;}
.hos-search .hos-searchWrap .region-info {padding:20px;}
.hos-search .hos-searchWrap .region-info ul {gap:10px;}
.hos-search .hos-searchWrap .region-info ul li a {font-size:14px; padding:0 10px;}
.hos-search .normal-list li {row-gap:5px;}

.hos-search .normal-list .hos {width:100%; font-size:16px;}
.hos-search .normal-list .hos-type {width:100%;}
.hos-search .normal-list .tech {grid-template-columns:repeat(3,1fr); row-gap:5px;}

.hos-search .hos-searchWrap {padding:0;}
.hos-search .hos-searchWrap .inputWrap p {background: url(../images/vid_treat/hos-search_iconBg.png) no-repeat 8px 23px / 40px; padding:20px 0 20px 65px;}
.hos-search .hos-searchWrap .inputWrap .inner .smallBtn {width:50px; height:45px;}
.hos-search .hos-searchWrap .region-info ul li a span {font-size:20px;}
.hos-search .hos-searchWrap .region-info ul li.on a:after {top:-10px;}
.scroll-tab.typeB .scrollable li {padding:5px 20px;}
.scroll-tab.typeB .scrollable {margin-top:30px;}
.normal-list.typeB li .hos {width:100%;}
.normal-list.typeB li .hos-type {width:100%;}
.normal-list.typeB li .tech {width:100%;}

/* 마이페이지 - 회원정보수정 */
.mypage.register .formWrap dl dt {text-align:left; padding-bottom:0;}
.mypage.register .formWrap dl dd {padding-top:10px}
.mypage.register .formWrap dl dd span.notice {display:block; margin-top:5px;}
.mypage.register .formWrap select {height:40px;}


/* 마이페이지 - 회비내역조회 */
.fee .fee-checkWrap > p {font-size:18px;}
.fee .fee-checkWrap .bg {display:none;}
.fee .fee-checkWrap .bx {padding:30px; margin: 20px auto 0;}
.fee .fee-checkWrap .bx .item {gap:0;}
.fee .fee-checkWrap .bx dl dt {font-size:18px; margin-bottom:5px;}
.fee .fee-checkWrap .bx dl dt:before {height:18px;}
.fee .fee-checkWrap .bx dl+dl {margin-top:20px;}
.fee .normal-list li {row-gap:5px;}
.fee .normal-list .num {width:10%;}
.fee .normal-list .year {width:30%;}
.fee .normal-list .fee_type {width:30%;}
.fee .normal-list .cost {width:30%;}
.fee .normal-list .state {width:10%;}
.fee .normal-list .receipt {width:45%;}
.fee .normal-list .deposit {width:45%;}

/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */
.secession > p.notice {font-size:18px; word-break:keep-all;}    
.secession .bx {margin-top:20px;}

/* 회원가입 - STEP1 */
.join-step1 h3 {font-size:20px; transform:var(--textRotate);}
.join-step1 .account {font-size:16px;}

/* 회원가입 - STEP2 */
.join-step2 .term_wrap+.term_wrap {margin-top:30px;}
.join-step2 .term_wrap .form dl {grid-template-columns:repeat(1,1fr); gap:10px;}

.join-step3.register .formWrap dl dt {text-align:left; padding-bottom:0;}
.join-step3.register .formWrap dl dd {padding-top:10px}
.join-step3.register .formWrap dl dd span.notice {display:block; margin-top:5px;}
.join-step3.register .formWrap select {height:40px;}
.join-step3.register .formWrap dl {grid-template-columns:repeat(1,1fr);}

.id-pw_search .id_wrap {padding:30px;}
.id-pw_search .id_wrap p {font-size:18px; word-break:keep-all;}
.login-wrap {width:100%;}

/* 회원가입 - STEP4 */
.join-step4 .inner .tit img {height:30vh;}
.join-step4 .inner .tit p {font-size:24px;}
.join-step4 .inner .txt p {margin-top:30px; word-break:keep-all;}

.innerWrap.id-pw_search {padding-top:20px;}
.id-pw_search .id_wrap {width:100%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:5px 35px; font-size:16px;}
.id-pw_search.step2 form {width:100%;} 
.id-pw_search.step2 strong {font-size:20px;}


.sitemap > div ul {flex-direction:column; gap:15px;}
.sitemap > div ul > li > a {font-size:16px;}
.sitemap > div ol > li > a {font-size:14px;}
.sitemap > div h3 {font-size:18px;}
.sitemap > div h3 span {font-size:24px;}
}



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

.page-intro .inner {padding:50px 30px;}
.page-intro article > a {diplay:grid; grid-template-columns:100%;}
.page-intro .inner > p {font-size:20px;}
.page-intro .inner > p br {display:block;}
.page-intro .btnWrap {gap:20px;}
.page-intro .btnWrap article .txt {padding:20px 20px;}
.page-intro .btnWrap article .txt p {margin-top:10px;}
.page-intro .btnWrap article .img img {aspect-ratio:1/0.4; max-height:20vh;}
.page-intro .btnWrap article .txt h3 {font-size:20px;}
.page-intro .btnWrap {margin-top:30px;}

/* 학회소개-인사말 */
.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;}
/* 학회소개-회칙 */



/* 학회소개-임원진 */

/* 학회소개-회원가입안내 */

/* 갑상선 영상 진료 - 일반인을 위한 갑상선 영상진료 정보 */

/* 갑상선 영상 진료- 갑상선 영상진료의사 검색 */

/* 공지 및 일정 - 공지사항 */

/* 공지 및 일정 - 소식지 */

/* 공지 및 일정 - 행사 일정 */
.calendar_board strong {font-size:20px;}
.schedule .modal_pop .inner {padding: 40px 0 30px 20px;}
.schedule .modal_pop .inner:before {display:none;}
.schedule .modal_pop {width:95%; transform: translate(-50%, -50%);}
.schedule .modal_pop ul li {grid-template-columns: 80px auto;}
.schedule .modal_pop ul li p {padding-left: 10px;}

/* 공지 및 일정 - 사전등록 */
.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;}

/* 가이드라인 및 판독문 - 가이드라인 */

/* 가이드라인 및 판독문 - 갑상선 초음파 판독문 */

/* 증례 및 이러닝 - 집담회 증례 */

/* 증례 및 이러닝 - 집담회 강의록 */

/* 증례 및 이러닝 - 동영상 강좌 및 강의록 */

/* 회원 공간 - 회원 게시판 */
	
/* 회원 공간 - 포토 갤러리 */
		
/* 회원 공간 - 게시판 및 자료실 */
.normal-list.typeB li .tech {grid-template-columns:repeat(3,1fr);}

/* 회원 공간 - 관리자 공간 */

/* 관련사이트 - 국내유관학회 */
		
/* 관련사이트 - 해외유관학회 */

/* 마이페이지 - 회원정보수정 */

/* 마이페이지 - 회비내역조회 */

/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */

.id-pw_search .btn_wrap {grid-template-columns:repeat(1,1fr); margin-top:20px;}
.id-pw_search .btn_wrap .bigBtn {margin-top:0;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:5px 15px; font-size:16px;}
.id-pw_search .id_wrap {padding:30px 20px;}

}