/* 테이블 */
.basic_tbl { border-collapse: collapse; border-top:2px solid #0b6c8f; border-bottom:2px solid #0b6c8f;}
.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: #0b6c8f; color: #fff;}
.basic_tbl tbody th { background-color: #efefef;}
.basic_tbl tbody th.point {background-color: #0b6c8f; color: #fff;}
.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: #0b6c8f; 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: #0b6c8f; color: #fff;}
.down_tbl tbody th { background-color: #efefef;}
/* 테이블 끝 */

/* 인사말 */
.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;}
/* 인사말 끝 */

/* 연혁 */
.history { display: flex; gap:0; flex-direction: column; align-items: center;}
.history dl { display: grid; gap:2rem; grid-template-columns: 1fr 100px 1fr; align-items: center; width: 100%; position: relative;}
.history dt { text-align: center; background: #0b6c8f; color: #fff; font-weight: bold; font-size:1.5rem; line-height: 1; padding: 1rem; height: 100%; display: flex; align-items: center; justify-content: center;}
.history dd { font-size:1rem; line-height: 1.3; background: #efefef; padding: 1rem; border-radius: 8px; position: relative; z-index: 1; text-align: left; border: 1px solid #fff;}
.history dd.left { text-align: right;}
.history dd:before { content: ''; position: absolute; top: 50%; left: -2rem; width: 2rem; height: 2px; background: #ddd;}
.history dd:after { content: ''; position: absolute; top: calc(50% - 0.5rem + 1px); left: -2.5rem; width: 1rem; height: 1rem; border-radius:1rem; background: #ddd;}
.history dd.left:before { content: ''; position: absolute; top: 50%; left: 100%; width: 2rem; height: 2px; background: #ddd;}
.history dd.left:after { content: ''; position: absolute; top: calc(50% - 0.5rem + 1px); left: calc(100% + 1.5rem); width: 1rem; height: 1rem; border-radius:1rem; background: #ddd;}
.history dd.none:before { content: ''; position: absolute; top: 50%; left: -2rem; width: 2rem; height: 2px; background: #fff;}
.history dd.none:after { content: ''; position: absolute; top: 50%; left: -2rem; width: 2rem; height: 2px; background: #fff;}
/* 연혁 끝 */


/* 로그인 */
.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:#0b6c8f;}
.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:100%;}
/* 로그인 끝 */


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

/* 관련 사이트 */
.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%;}

/* 탭 */
.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;}
/* 회원가입 끝 */