@charset "utf-8";
/*------------------------------------
	학회소개
------------------------------------*/ 
.intro_wp .img {width:100%; height:46rem;  margin-bottom:10rem; background: url(../image/about/bg_intro.jpg) no-repeat center;  background-attachment: fixed;}

.intro_wp .cont_area {position:relative; display:flex; width:100%;  }
.intro_wp .cont_area .tit {position:sticky; top:10rem; width:64rem; flex-shrink: 0; font-size: 4rem; line-height:1.4; color:#222; font-weight: 600; letter-spacing:-0.03em; height:3em;} 
.intro_wp .cont_area .con p {line-height:1.6; margin-bottom:6rem; word-break:keep-all; font-size: 1.1em;  font-weight: 600; color:#222; }
.intro_wp .cont_area .con p strong {font-size: 1em; font-weight: 600; color:#222;}
.intro_wp .cont_area .con strong {font-size: 1.3em; font-weight: 600; color:var(--main-color1); display:block; margin:0 0 1rem 0;}


.intro_wp .banner_box {width:100%; height:22rem; background:#0E4997 url(../image/about/bg_banner.png)no-repeat -2rem 50%; margin:10rem 0; padding: 5rem 8rem; display:flex; justify-content: space-between; align-items: center; }
.intro_wp .banner_box .tit {font-size: 4rem; line-height:1.3; letter-spacing:0; font-weight: 700; color:#fff; }
.intro_wp .banner_box .desc {width:50rem; color:#fff; line-height:1.5; word-break:keep-all; font-size: 2rem; opacity:.8;}
.intro_wp .banner_box .con_btn2 {display:inline-block; padding:2rem 4rem; background:#fff; font-size: 1.6rem; font-weight: 600; color:#222;}

@media screen and (max-width: 1400px) { 
	.intro_wp .img {height:40rem; margin-bottom:8rem;} d
	.intro_wp .cont_area .tit {top:10rem; width:50rem; } 
	.intro_wp .cont_area .con p {font-size: 1.8rem;} 

	.intro_wp .banner_box { height:18rem; margin:8rem 0; padding: 4rem 6rem; }
	.intro_wp .banner_box .tit {font-size: 1.8em;}
	.intro_wp .banner_box .desc {width:50%; font-size: 1.3em;}
	.intro_wp .banner_box .con_btn2 {padding:1.5rem 3rem; font-size: .95em;}
}
@media screen and (max-width: 1200px) { 
	.intro_wp .img {height:30rem; margin-bottom:6rem;}
 
	.intro_wp .cont_area .tit {top:10rem; width:30%; font-size: 3.2rem;} 
	.intro_wp .cont_area .con p {font-size: 1.1em; margin-bottom:4rem;} 

	.intro_wp .banner_box { height:18rem; margin:8rem 0; padding: 4rem 6rem; }
	.intro_wp .banner_box .tit {word-break:keep-all; font-size: 1.8em;}
	.intro_wp .banner_box .desc {width:50%; font-size: 1em;}
	.intro_wp .banner_box .con_btn2 {padding:1.5rem 3rem; font-size: .95em;}
}
@media screen and (max-width: 768px) { 
	.intro_wp .img {height:18rem; margin-bottom:4rem; background-attachment:inherit; background-size:cover;}
 
	.intro_wp .cont_area {flex-direction: column; }
	.intro_wp .cont_area .tit {position:relative; top:auto; width:100%; font-size: 1.6em; margin:0 0 2rem 0;} 
	.intro_wp .cont_area .con p {font-size: 1.4rem; margin-bottom:2rem;} 
	.intro_wp .cont_area .con p strong {font-size: 1em; line-height:1.5;}

	.intro_wp .banner_box {flex-direction: column; height:auto; margin:4rem 0; padding: 2rem 3rem; }
	.intro_wp .banner_box .tit { font-size: 1.4em; margin: 0 0 1rem 0;}
	.intro_wp .banner_box .desc { display:none;}
	.intro_wp .banner_box .con_btn2 {padding:1.2rem 2rem; }
}


/*------------------------------------
	인사말
------------------------------------*/ 
.greeting_wp {position:relative; overflow:hidden;}

.greeting_wp .top_box {position:relative; padding-right:38%; padding-bottom:2rem; background:url(../image/about/img_greeting.jpg)no-repeat 100% 100%; margin-bottom:4rem;} 
.greeting_wp .top_box:before {position:absolute; left:-50%; bottom:0; width:200%; height:40rem; background:#f2f4f8; content:''; z-index:-1;}
.greeting_wp p {margin-bottom:4rem; line-height:1.5; font-size: 2rem;}
.greeting_wp p.btxt {font-size: 1.5em;} 
.greeting_wp .top_box strong {display:inline-block; font-size: 3.8rem; line-height:1.4; font-weight: 600; color:#222; margin-bottom:4rem; padding-bottom:4rem;}
.greeting_wp .top_box p:nth-child(4) {margin-bottom:2rem;}



.greeting_wp .promise_box {display:flex; gap:4rem; margin:6rem 0;}
.greeting_wp .promise_box li {border:1px solid #ddd; padding:4rem; min-height:22rem; display:flex; flex-direction: column; justify-content: flex-end;
background-repeat:no-repeat; background-position:92% 3rem;  }
.greeting_wp .promise_box li strong {position:relative; font-weight: 600; color:#222; font-size: 2rem; margin:0 0 1rem 0; padding-left:1.5rem;}
.greeting_wp .promise_box li strong:before {position:absolute; left:0; top:.8rem; width:.5rem; height:.5rem; border-radius:1rem; content:''; background:#000; display:inline-block;}
.greeting_wp .promise_box li p {margin-bottom:0; font-size: 1.8rem;}

.greeting_wp .promise_box li.ico1 {background-image:url(../image/about/ico_greeting1.svg);}
.greeting_wp .promise_box li.ico2 {background-image:url(../image/about/ico_greeting2.svg);}
.greeting_wp .promise_box li.ico3 {background-image:url(../image/about/ico_greeting3.svg);}

.greeting_wp .point {font-weight:600; color:#0672dd;  }

.greeting_wp .sign {text-align:right;}
.greeting_wp .sign p {margin:0 0 1rem 0;}
.greeting_wp .sign .name {font-size: 3rem; color:#222; font-weight: 600;}
.greeting_wp .sign .name span {display:inline-block; font-size: .7em; margin-right:1rem;}



@media screen and (max-width: 1400px) { 
	.greeting_wp .top_box { padding-right:45%; padding-bottom:2rem; background-size:38rem;}  
	.greeting_wp .top_box:before {height:35.5rem;}
	.greeting_wp p {margin-bottom:4rem;  font-size: 1em;}
	.greeting_wp .top_box strong {font-size: 2.2em; padding-bottom:0;}

	.greeting_wp .promise_box { margin:5rem 0;}
	.greeting_wp .promise_box li { padding:3rem; min-height:20rem; background-size:5rem;  }
	.greeting_wp .promise_box li strong { font-size: 1.1em;}
	.greeting_wp .promise_box li p {font-size: 1em;}
  
	.greeting_wp .sign p {margin:0 0 .5rem 0;}
	.greeting_wp .sign .name {font-size: 2.5rem;}
}
@media screen and (max-width: 1200px) { 
	.greeting_wp .top_box { padding:45% 0 0 0; background-size:30%; background-position:50% 0; margin-bottom:0;}  
	.greeting_wp .top_box:before {display:none;}
	.greeting_wp p {margin-bottom:3rem;}
	.greeting_wp p br{display:none;}
	.greeting_wp p.btxt {font-size: 1.2em;} 
	.greeting_wp .top_box strong {font-size: 2em; padding-bottom:0; margin-bottom:2rem;}

	.greeting_wp .promise_box {margin:3rem 0; gap:0;  }
	.greeting_wp .promise_box li { padding:2rem; min-height:18rem; background-size:4rem;  }
 
	.greeting_wp .sign .name {font-size: 2rem;}
}
@media screen and (max-width: 768px) {   
	.greeting_wp p {margin-bottom:2rem;}
	.greeting_wp .top_box strong {font-size: 1.3em; margin-bottom:1rem;}

	.greeting_wp .promise_box {margin:2rem 0; display:block;}
	.greeting_wp .promise_box li {padding:2rem 8rem 2rem 2rem; min-height:auto; background-size:3rem; background-position:92% 50%; margin:-.1rem;}
 
	.greeting_wp .sign .name {font-size: 1.6rem;}
}


/*------------------------------------
	연혁
------------------------------------*/ 
.history_wp .inner {display:flex;}
.history_wp .inner > div {width:50%;}

.history_wp .inner .his_box {position:sticky; top:15rem; height:50vh;   text-align:center;}
.history_wp .inner .his_box .img_box {width:100%; padding-right:10rem;}
.history_wp .inner .his_box .img_box .tit {margin-bottom:3rem; font-size: 4rem !important;}
.history_wp .inner .his_box .img_box p {margin-bottom:3rem; font-size: 2.5rem;}
.history_wp .inner .his_box .img_box .img {width:100%; transition: clip-path 0.3s; clip-path: inset(100% 0 0 0); /* 처음에 완전히 감춤 */}
.history_wp .inner .his_box .img_box .img img {max-width:100%; width:100%;}

.history_wp .inner .his_box .img_box {position: absolute;  top: 0;   left: 0;  transition: opacity 0.3s, visibility 0.3s;  visibility: hidden;  opacity: 0;}
.history_wp .inner .his_box .img_box.on {visibility: visible; opacity: 1;}
.history_wp .inner .his_box .img_box.on .img { clip-path: inset(0 0 0 0); /* 완전히 보여줌 */}

.history_wp .inner .cont_box {position:relative; border-left:1px solid #ddd;  padding-left:10rem;}
.history_wp .inner .cont_box:before {position:absolute; left:-1.2rem; top:0;width: 1.2rem; height:1.2rem; border-radius:2rem; background:#436FFF; content:''; border:6px solid #E5EFFE;}
.history_wp .inner .cont_box .img {display:none;}
.history_wp .inner .cont_box .img img {max-width:100%;}
.history_wp .inner .cont_box dl {margin:5rem 0 0 0;}
.history_wp .inner .cont_box dl dt {display:inline-block; padding:1rem 3rem; background:#014693; font-size: 2.2rem; border-radius:3rem; font-weight: 700; color:#fff; margin:0 0 2rem 0;}
.history_wp .inner .cont_box dl dd {position:relative; display:flex; line-height:1.4; padding:.5rem 0} 
.history_wp .inner .cont_box dl dd span {display:inline-block; font-weight: 600; color:#222; min-width:6rem;}


@media screen and (max-width: 1400px) {  
	.history_wp .inner .his_box {  }
	.history_wp .inner .his_box .img_box {padding-right:7rem;}
	.history_wp .inner .his_box .img_box .tit {font-size: 3rem !important;}
	.history_wp .inner .his_box .img_box p {font-size: 2rem;} 

	.history_wp .inner .cont_box {padding-left:7rem;}
	.history_wp .inner .cont_box:before {left:-1.2rem; top:0;width: 1rem; height:1rem; }
	.history_wp .inner .cont_box dl {margin:4rem 0 0 0;}
	.history_wp .inner .cont_box dl dt {font-size: 1.2em;} 
}
@media screen and (max-width: 1200px) {  
	.history_wp .inner .his_box .img_box {padding-right:5rem;}
	.history_wp .inner .his_box .img_box .tit {font-size: 2.5rem !important;}
	.history_wp .inner .his_box .img_box p {font-size: 1em;} 

	.history_wp .inner .cont_box {padding-left:5rem;} 
	.history_wp .inner .cont_box dl {margin:3rem 0 0 0;}
	.history_wp .inner .cont_box dl dt {font-size: 1.1em; padding:1rem 2rem; margin:0 0 1.5rem 0;} 
}
@media screen and (max-width: 768px) {
	.history_wp .inner {flex-direction: column;}
	.history_wp .inner > div {width:100%;}
	.history_wp .inner .his_box {display:none;}
	.history_wp .inner .his_box .img_box .tit {font-size: 2.5rem !important;}
	.history_wp .inner .his_box .img_box p {font-size: 1em;} 

	.history_wp .inner .cont_box {padding-left:0; border-left:0;} 
	.history_wp .inner .cont_box:before {display:none;}
	.history_wp .inner .cont_box .img {display:block;}
	.history_wp .inner .cont_box dl {margin:3rem 0 0 0;}
	.history_wp .inner .cont_box dl dt {font-size: 1.1em; padding:.8rem 2rem; margin:0 0 1.5rem 0;} 
}


/*------------------------------------
	정관
------------------------------------*/ 
.laws_wp .class_box {display:flex; gap:5rem; width:90%; margin:0 auto;  }
.laws_wp .class_box > li {position:relative; width:calc(100% - 10rem); background-color:#fff; background-repeat:no-repeat; background-position:50% 4rem; min-height:45rem; text-align: center; box-shadow:0 20px 38px rgb(74 77 89 / 10%); border:1px solid #DBDBDB;
padding:14rem 3rem 3rem;}
.laws_wp .class_box > li.class1 {background-image:url(../image/about/ico_class1.svg);}
.laws_wp .class_box > li.class2 {background-image:url(../image/about/ico_class2.svg);}
.laws_wp .class_box > li.class3 {background-image:url(../image/about/ico_class3.svg);}

.laws_wp .class_box > li > strong {display:block; font-size: 2.5rem; font-weight: 600; color:#222; margin: 0 0 3rem 0; padding-bottom:3rem; border-bottom:1px dashed #ddd;}
.laws_wp .class_box > li > ul {text-align: left; line-height:1.4; word-break:keep-all;}
.laws_wp .class_box > li > ul > li {position:relative; padding:.3rem 0 .3rem 1.5rem;}
.laws_wp .class_box > li > ul > li:before {position:absolute; left:0; top:1.4rem; width:.3rem; height:.3rem; background:#222; content:'';}
.laws_wp .class_box > li > ul > li span {color:#ff3333; font-size: .9em; font-weight: 500; display:block;}

.laws_wp .class_box .con_btn2 {position: absolute; bottom: 3rem; left: 0;  box-sizing: border-box; background: #36588e; font-size: 1.6rem; color:#fff; display: block; font-weight: 500;
width: 85%;  left: 50%; transform: translateX(-50%);  padding: 1.5rem;}

.laws_wp .page_info{padding:2rem 4rem; background:#F7F8FC; margin:8rem 0 0 0; line-height:1.4;}
.laws_wp .page_info p{ padding:.2em 0;}

.gray_box {background:#F7F8FC;}

.laws_wp .gray_box {padding:5rem; margin:3rem 0 0 0;}

@media screen and (max-width: 1400px) { 
	.laws_wp .class_box { gap:2rem; width:100%; }
	.laws_wp .class_box > li { width:33%; padding:12rem 2rem 2rem; background-size:6rem;}
	.laws_wp .class_box > li > strong { font-size: 2.2rem; margin: 0 0 2rem 0; padding-bottom:2rem;}
	
	.laws_wp .page_info{padding:2rem 3rem; margin:6rem 0 0 0;}
 
	.laws_wp .gray_box {padding:4rem; margin:2rem 0 0 0;}

}
@media screen and (max-width: 1200px) { 
	.laws_wp .class_box {gap:1rem; width:100%; }
	.laws_wp .class_box > li { width:33%; padding:10rem 2rem 2rem; background-size:6rem; background-position:50% 3rem;}
	.laws_wp .class_box > li > strong { font-size: 1.8rem; margin: 0 0 2rem 0; padding-bottom:2rem;}
	
	.laws_wp .class_box .con_btn2 {font-size: 1.5rem;}
	
	.laws_wp .page_info{padding:2rem 3rem; margin:5rem 0 0 0;}

	.laws_wp .gray_box {padding:2.5rem; }
}
@media screen and (max-width: 768px) { 
	.laws_wp .class_box {gap:0; width:100%; flex-direction: column;}
	.laws_wp .class_box > li { width:100%; min-height:auto; padding:8rem 2rem 10rem; background-size:5rem; background-position:50% 2rem; margin:2rem 0 0 0;}
	.laws_wp .class_box > li:first-child {margin:0;}
	.laws_wp .class_box > li > strong { font-size: 1.6rem; margin: 0 0 2rem 0; padding-bottom:2rem;}
	
	.laws_wp .class_box .con_btn2 {font-size: 1.4rem; padding:1.2rem;}
	
	.laws_wp .page_info{padding:2rem 3rem; margin:2rem 0 0 0;}

	.laws_wp .gray_box {padding:2.5rem; }
}


/*------------------------------------
	학회 정관
------------------------------------*/ 
.laws_wp .list2 {margin: 1.5rem 0 1rem 2rem;}
.laws_wp .list2 li {padding:.2rem 0;}