@charset "utf-8";
/* **************** common **************** */
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);}



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



/* **************** 갑상선 영상진료 **************** */	
/* 갑상선 결절 조직검사 */
.treatWrap .nodule {display:flex; gap:80px;}
.treatWrap .nodule .deco {min-width:300px;}
.treatWrap .nodule .deco img {max-width:100%; border-radius:20px; border:1px solid #e5e5e5;}
.treatWrap .nodule .info {width:fit-content;}
.treatWrap .nodule .info .head {font-size:30px; color:var(--green); line-height:1.5;}
.treatWrap .nodule .info *+* {display:block; margin-top:40px;}
.treatWrap .nodule .info i+p {margin-top:10px;}
.treatWrap .nodule .info i {
	position:relative; display:inline-block; padding:15px 30px 15px 50px;	color:var(--blue);
	font-size:18px; font-weight:600; transform:rotate(.03deg); line-height:1;
	border:1px solid var(--border1); border-radius:100px; background:var(--bgc1);
}
.treatWrap .nodule .info i:before {
	content:""; position:absolute; left:28px; top:15px; width:15px; height:10px;
	border:3px solid var(--blue); border-top:0; border-right:0; transform:rotate(-45deg);
}
.treatWrap .nodule .info *:last-child {font-weight:600; color:#000; transform:rotate(.03deg);}

/* 에탄올 절제술 */
.treatWrap .ethanol {display:grid; grid-template-columns:repeat(2,1fr); gap:70px;}
.treatWrap .ethanol img {max-width:100%; display:block; mix-blend-mode:multiply;}
.treatWrap .ethanol article.deco {padding:20px; border:1px solid var(--border1); border-radius:20px; background:var(--bgc1);}
.treatWrap .ethanol article.deco div {display:flex; height:100%; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.treatWrap .ethanol article.deco p {font-size:14px; font-weight:600; line-height:1; padding-top:20px; transform:rotate(.03deg);}
.treatWrap .ethanol h3 {font-size:40px; font-weight:400; color:var(--green); line-height:1;}
.treatWrap .ethanol h3+p {position:relative; margin-top:20px; padding-left:15px;}
.treatWrap .ethanol h3+p:after {content:""; position:absolute; left:0; top:7px; height:calc(100% - 15px); border-left:3px solid var(--green);}
.treatWrap .ethanol p+dl {margin-top:70px;}
.treatWrap .ethanol dt {font-size:24px; color:var(--blue); font-weight:600; transform:rotate(.03deg);}
.treatWrap .ethanol dd+dt {margin-top:70px;}
.treatWrap .ethanol dd {margin-top:10px;}

/* 고주파 절제술 */
.treatWrap .frequency {display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.treatWrap .frequency article:nth-child(2)~article {position:relative; border:1px solid var(--border1); padding:50px; border-radius:20px;}
.treatWrap .frequency article h3 {font-size:40px; color:var(--green); font-weight:600; transform:rotate(.03deg);}
.treatWrap .frequency article h3+p {position:relative; margin-top:20px; padding-left:15px;}
.treatWrap .frequency article h3+p:after {content:""; position:absolute; left:0; top:7px; height:calc(100% - 15px); border-left:3px solid var(--green);}
.treatWrap .frequency article .deco {display:flex; gap:10px; height:100%;}
.treatWrap .frequency article .deco li {border-radius:20px; overflow:hidden;}
.treatWrap .frequency article .deco li img {width:100%; height:100%; object-fit:cover;}
.treatWrap .frequency article dt {font-size:24px; color:var(--blue); font-weight:600; transform:rotate(.03deg);}
.treatWrap .frequency article dt+dd {margin-top:10px;}
.treatWrap .frequency article i {position:absolute; right:40px; top:40px;}
.treatWrap .frequency article dd p {font-weight:600; color:#000; transform:rotate(.03deg);}
.treatWrap .frequency article dd ol li+li {margin-top:10px;}
.treatWrap .frequency .warning {grid-column:1/span 2; margin-top:40px;}
.treatWrap .frequency .warning h3 {text-align:center; font-size:24px; font-weight:600; color:var(--blue); transform:rotate(.03deg);}
.treatWrap .frequency .warning ul {display:grid; grid-template-columns:repeat(2,1fr); gap:40px 70px; margin-top:40px;}
.treatWrap .frequency .warning ul li {position:relative; padding-left:60px;}
.treatWrap .frequency .warning ul li p {position:absolute; left:0; top:2px; width:50px; height:50px; border-radius:50%; display:flex; justify-content:center; align-items:center; color:#ffff; font-size:14px; font-weight:600; background:var(--green); line-height:1;}



/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	/* **************** 학회소개 **************** */
	/* 회칙 */
	.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) {
	/* **************** 학회소개 **************** */
	/* 임원진 */
	.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;}
	
	
	
	/* **************** 갑상선 영상진료 **************** */	
	/* 갑상선 결절 조직검사 */
	.treatWrap .nodule {flex-direction:column; gap:30px;}
	.treatWrap .nodule .deco {display:flex; justify-content:center; max-width:100%;}
	.treatWrap .ethanol p+dl {margin-top:30px;}
	.treatWrap .nodule .info .head {font-size:20px;}
	
	/* 에탄올 절제술 */
	.treatWrap .ethanol {display:grid; grid-template-columns:1fr; gap:30px;}
	.treatWrap .ethanol h3 {font-size:24px;}
	.treatWrap .ethanol dt {font-size:20px;}
	.treatWrap .ethanol dd+dt {margin-top:30px;}
	
	/* 고주파 절제술 */
	.treatWrap .frequency {display:flex; flex-direction:column; gap:30px;}
	.treatWrap .frequency article:nth-child(2)~article {padding:30px;}
	.treatWrap .frequency article h3 {font-size:24px;}	
	.treatWrap .frequency .warning ul {grid-template-columns:1fr; gap:30px;}	

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