/* 테이블 */
.basic_tbl { border-collapse: collapse;}
.basic_tbl td, .basic_tbl th { border-bottom: 1px solid #ddd; padding: 5px;}
.basic_tbl td { text-align: center;}
.basic_tbl thead th { background-color: #323e58; color: #fff;}
.basic_tbl tbody th { background-color: #eeeeee;}
.basic_tbl2 { border-collapse: collapse;}
.basic_tbl2 td, .basic_tbl2 th { border-bottom: 1px solid #ddd; padding: 5px;}
.basic_tbl2 td { padding: 10px;}
.basic_tbl2 th { background-color: #323e58; color: #fff;}

.down_tbl { border-collapse: collapse; width: 100%;}
.down_tbl td, .down_tbl th { border-bottom: 1px solid #ddd; padding: 5px;}
.down_tbl td { text-align: center;}
.down_tbl thead th { background-color: #323e58; color: #fff;}
.down_tbl tbody th { background-color: #eeeeee;}

@media screen and (max-width: 858px) {
.basic_tbl td, .basic_tbl th { padding: 2px; font-size:.8em;}
.basic_tbl2 td, .basic_tbl2 th { padding: 2px; font-size:.7em; letter-spacing:-0.6px;}
	
.down_tbl thead th, .down_tbl thead td { display:none;}
.down_tbl th, .down_tbl td { padding:2%;}
.down_tbl tbody th, .down_tbl tbody td {width:100%; display:block; overflow: hidden;}
.down_tbl tbody td:not(:first-child) {border-left: none}

.table_s01 colgroup { display:none;}
.table_s01 tbody th {background: #4375a0; color:#fff;}
  .table_s01 tbody td { position:relative; padding-left:31%; letter-spacing: -0.2px; min-height:1rem; line-height:1rem; width:auto;}
	.table_s01 td:nth-child(1) { border-top: 1px solid #323e58;}
  .table_s01 td:before { display:block; position:absolute; left:0; top:0; width:30%; height:100%; min-height: 1rem; padding:2% 0; background: #efefef; word-break:break-all; letter-spacing: -0.5px;}
  .table_s01 td:nth-child(1):before {content:'Name';}
  .table_s01 td:nth-child(2):before {content:'Affiliation';}
  .table_s01 td:nth-child(3):before {content:'Field of Expertise';}
  .table_s01 td:nth-child(4):before {content:'Role';}
}
/* 테이블 끝 */

/* 인사말 */
.intro { text-align: justify; word-break: keep-all; word-wrap: break-word;}
.intro_pic { float: left; margin: 0 20px 250px 0;}
.intro_sign { text-align: right; margin-top: 50px;}

@media screen and (max-width: 858px) {
.intro_pic { float: none; margin-right:0; margin-bottom:20px;}
.intro_pic img{width:100%;}
 }
/* 인사말 끝 */

/* mission */
.mission { display:flex; gap: 2rem;}
.mission div i { font-size:8rem; line-height: 1; color: #ff00ff; background-image: linear-gradient(330deg, #323e58 35%, #51b6c2 65%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {vertical-align: -.2em!important;}
@media screen and (max-width: 858px) {
	.mission { gap: 1rem; flex-direction: column;}
	.mission div { margin: -4.2rem 0 0 6rem;}
	.mission div i { font-size:3rem;}
 }

/* By-Laws */
.laws { word-break: keep-all; word-wrap: break-word;}
.laws p { margin-top:2rem; margin-bottom: 1rem; text-align: center; font-size: 1.2rem; font-weight:bold; color: #fff; background-color: #51b6c2; padding: 7px 0; border-radius: 3rem;}
.laws ul { margin-left: 2rem;}
.laws ul li { list-style: none; margin-bottom: 1.5rem;}
.laws ul li strong { color: #51b6c2; display:block; margin-bottom: 0.5rem; margin-left:-2rem;}
.laws ul li span { margin-left: -1rem;}
.laws ul li ol { margin-left:1rem;}
.laws ul li ol li { list-style:decimal; margin-bottom:0.5rem;padding-left:0; text-indent: 0;}
.laws ul li ol li ul {margin-left:0;}
.laws ul li ol li ul li {list-style:none; margin-bottom:0; padding-left:1rem; text-indent: -1rem;}
@media screen and (max-width: 858px) {
.laws p { font-size: 1rem;}
.laws ul { margin-left: 0.5rem;}
}
/* By-Laws 끝 */

/* 연혁 */
.select_box { display: flex; justify-content: space-between;}
.history {}
.history dl { margin-bottom: 50px; overflow: hidden;}
.history dt { font-family: 'Score5'; font-size: 45px; float: left; padding-left: 0;}
.history dd { float: right; width: 1340px; border-top: 3px solid #4674aa; margin-left: 80px;}
.history dd td { margin-bottom: 7px; padding-left: 100px; border-bottom: 1px dotted #ddd; padding-bottom: 7px; padding: 10px; line-height: 30px; font-family: 'Score4'; color: #333;}
.history ul { margin-left: 25px;}
.history ul li { font-size: 20px; font-family: 'Score4'; line-height: 35px;}

.history2 { display:flex; justify-content:space-between; flex-wrap:wrap;}
.history2 dl { margin-bottom: 50px; overflow: hidden; width:48%;}
.history2 dt { font-family: 'Score5'; font-size: 45px; float: left; padding-left: 0;}
.history2 dd { float: right; width:80%; border-top: 3px solid #4674aa; margin-left: 40px;}
.history2 dd td { margin-bottom: 7px; border-bottom: 1px dotted #ddd; padding-bottom: 7px; padding: 10px; line-height: 30px; font-family: 'Score4'; color: #333;}

@media screen and (max-width: 858px) {
.select_box { flex-direction: column; align-items:center;}
.history dl { margin-bottom: 50px; overflow: hidden;}
.history dt { font-family: 'Score5'; font-size: 1.5em; float: none; padding-left: 0; font-weight:bold;}
.history dd { float: none; width: 100%; border-top: 3px solid #4674aa; margin-left: 0px;}
.history dd td { margin-bottom: 5px; padding-left: 100px; padding: 5px; line-height: 20px; font-size:.8em;}
.history ul { margin-left: 25px;}
.history ul li { font-size: 20px; font-family: 'Score4'; line-height: 35px;}

.history2 { flex-direction:column;}
.history2 dl { margin-bottom: 50px; overflow: hidden; width:100%;}
.history2 dt { font-family: 'Score5'; font-size: 1.5em; float: none; padding-left: 0; font-weight:bold;}
.history2 dd { float: none; width: 100%; border-top: 3px solid #4674aa; margin-left: 0px;}
.history2 dd td { margin-bottom: 5px; padding-left: 100px; padding: 5px; line-height: 20px; font-size:.8em;}
.year{font-size:.8em; line-height:1.5em; margin-bottom:10px;}

#wrap_map{width:100%}
}
/* 연혁 끝 */

 
/* 로그인 */
.login_form {width: 100%; max-width: 1000px; box-sizing: border-box; margin:0 auto; display:grid; column-gap: 2rem; row-gap: 0; grid-template-columns: repeat(2, minmax(250px, 1fr)); grid-template-rows: auto auto; background-color:#f8f8f8; padding:2.5rem;}

.login_form .tit{text-align:center; font-size:2rem; font-weight:bold; margin:0 0 1.5rem; grid-column: 1 / -1;}
.login_box{ box-sizing:border-box;}
.login_box fieldset { padding:0; }

.login_box .login_input{width:100%; padding:1rem; box-sizing:border-box; display:block; margin:0 0 0.5rem; border:1px solid #ddd; font-size:1rem;}
.login_box .login_btn{width:100%; margin:1rem auto 0; border:none; padding:1rem 0; text-align:center; background-color:#333; color:#fff; font-size:1.2rem; display:block; cursor: pointer;}

.join_box { box-sizing:border-box; display:grid; gap: 1px; grid-template-columns: repeat(2, minmax(120px, 1fr));}
.join_box div {width:100%; box-sizing:border-box; text-align:center;}
.join_box .idpw_btn {background-color:#435d8d;}
.join_box .join_btn{background-color:#51b6c2;}
.join_box .idpw_btn a, .join_box .join_btn a { font-weight:bold; display: flex; padding: 1rem; color: #fff; font-size: 1.2rem; align-items: center; justify-content: center; height: calc(100% - 2rem);}

@media screen and (max-width: 858px) {
.login_form { row-gap: 1.5rem; grid-template-columns: 1fr; padding:2rem;}

.login_form .tit{ font-size:1.5rem; margin:0 0 0;}

.login_box .login_input{padding:0.5rem; font-size:0.9rem;}
.login_box .login_btn{ margin:0.5rem auto 0; padding:1rem 0; font-size:1rem;}

.join_box .idpw a, .join_box .join_btn a { font-size: 1rem;}
}

/* 로그인 끝 */


.list { list-style: none; margin-top: 10px;}
.list li { border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.list1 { margin-left:16px;}
.list1 li {
}

.list2 { list-style: none; margin-top: 10px; margin-left:17px;}
.list2 li { text-indent:-25px; padding-left:25px;}
/* 회원 찾기 */
.name_search{width:760px; margin:20px auto;}
.name_box{display:flex; justify-content:space-between; list-style:none;}
.name_box li{width:30px; height:30px; background-color:#999; line-height:30px; text-align:center;}
.name_box li a{display:block; color:#fff; font-size:13px;}
.name_box li.over a{background-color:#333;}

@media screen and (max-width: 858px) {
.name_search{width:98%;}
.name_box{justify-content:start; flex-wrap:wrap; width:100%;}
.name_box li{ margin:2px;}
.name_box li a{font-size:.8rem; line-height:30px;}
.name_box li.over a{background-color:#333;}
}

/* 관련 사이트 */
.related {display:flex; gap:1rem; flex-wrap:wrap; justify-content: space-between; align-items: stretch;}
.related li { list-style:none; flex-basis:250px; min-width:150px; flex-grow:1; flex-shrink: 1; border-radius:1rem; border:2px solid #1a74c0;}
.related li a {display:flex; gap:0; align-items: center; font-size:1.1rem; flex-wrap: wrap; justify-content: center; height:100%; 
    align-items: stretch;}
.related li a img {max-width: 100%; max-height:80px; padding:1rem;}
.related li a span { display: block; border-radius:0 0 0.8rem 0.8rem; background: #1a74c0; color:#fff; padding:0.5rem; width:100%; text-align: center;}
.li4 li {width:23%; max-width:350px;}
.li2 li {width:48%;}
@media screen and (max-width: 858px) { .related {justify-content: center;}
}

/* 탭 */
.page_tab { width: 741px; margin:2rem auto 0;}
.page_tab_item { width: 50%; height: 50px; background-color: #999; line-height: 50px; font-size: 20px; font-family: 'Score4'; text-align: center; color: #fff; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 50px;}
.page_tab_item:hover { cursor: pointer;}
input[name="page_tab_item"] { display: none;}
.page_tab_content { display: none; padding: 1.5rem 0 0; clear: both; overflow: hidden;}
#page_tab_01:checked ~ #page_tab_01_content,
#page_tab_02:checked ~ #page_tab_02_content { display: block;}
.page_tab input:checked + .page_tab_item { background-color: #4e4d99;}

/* 회원가입 */
.agree_info { font-size:0.8rem; color:#333; margin-top:-0.5rem; display:block;}
.overflow_y{position:relative; height:300px; overflow:auto; width:97%; padding:1rem; border:1px solid #ddd; margin: 1rem 0;}
.agree_btn {display:flex; justify-content: space-evenly;}
.agree_btn li{list-style:none; width:30%; display: block; line-height:1.2rem; font-size:1.2rem; font-weight:bold; background:#ccc; border-radius:2rem; text-align:center; color:#000; padding:1rem; cursor:pointer;}
.agree_btn li:nth-child(1) { background:#3564b2; color:#fff;}
.join_tbl th { width:180px;}
.join_tbl2 td:nth-child(1) { width:6.5rem;}
@media screen and (max-width: 858px) { .overflow_y{width:90%; }
	.join_tbl { width:100%; overflow:hidden;}
	.join_tbl th { width:20%; line-height:1.3;}
	.join_tbl td { width:80%; line-height:1.3;}
	.join_tbl2 td:nth-child(1) { width:25%;}
	.join_tbl2 td:nth-child(2) { width:75%;}
	.join_tbl td span { display:block; margin-top:0.3rem; padding-left:0.5rem; text-indent:-0.5rem;}
	.join_tbl td #email, .join_tbl td #of_addr, .join_tbl td #of_addr_etc, .join_tbl td #h_addr, .join_tbl td #h_addr_etc, .join_tbl td input[name='email'], .join_tbl td input[name='ext_mail'], .join_tbl td #of_kname { width:95%;}
}
/* 회원가입 끝 */