.basic_tbl{border-collapse:collapse; margin: 0 auto;}
.basic_tbl td, .basic_tbl th{border:1px solid #ddd; padding:5px;}
.basic_tbl td{text-align:center;}
.basic_tbl th{background-color:#175f4b; color:#fff;}

.basic_tbl2{border-collapse:collapse; margin: 0 auto;}
.basic_tbl2 td, .basic_tbl2 th{border:1px solid #ddd; padding:5px;}
.basic_tbl2 td{}
.basic_tbl2 th{background-color:#175f4b; color:#fff;}

/* 학회소개 */
.intro{text-align:justify; margin-top:30px;}
.intro_txt{width:50%; padding: 30px; font-weight:600;}
.intro .pic img {margin-right:30px;}

.society01 { padding-left: 18%;padding-top:2rem; padding-bottom:2rem; border: 1px solid #ddd;}
.society01 li {list-style:none; width:27%; float:left; font-weight:400; border-radius: 15rem; border-width: 0.5rem; border-style: solid; border-color: rgba(41, 150, 100, .5); text-align:center; margin-left: -3%; padding: 4.5rem 0.5rem;}
.society01 li strong { display:block; color:rgba(41, 150, 100, .5); font-size:2rem; line-height:2.5rem;}
.society01 li strong:after { content: "/"; display:block; font-size: 1.5rem;}
.society01 li span {color: #333; display:block; line-height: 1.4rem; font-size: 1rem;}
.society01:after { content: ""; display:block; clear:both;}
.society01 li:nth-child(2) {border-color: rgba(23, 95, 75, .5)}
.society01 li:nth-child(2) strong {color:rgba(23, 95, 75, .5)}
.society01 li:nth-child(3) {border-color: rgba(0, 128, 0, .4)}
.society01 li:nth-child(3) strong {color:rgba(0, 128, 0, .4)}

.greeting{display:flex; justify-content:space-between; text-align:justify; margin-top:20px;}
.greeting_txt{width:90%; padding-left: 10px; font-size:.9rem;}
.greeting .pic{width:150px; margin-right:30px; display:inline-block;}
.greeting .pic img{ width:150px;}

@media screen and (max-width: 768px) {
.intro .pic img{width:100%; margin-right:0;}
.society01 { padding-left: calc(50vw - 9rem); padding-top:10%;}
.society01 li {width:15rem; border-radius: 25rem; margin-top: -1.5rem; padding: 3rem 0.5rem; float:none;}
.greeting{width:100%; flex-direction:column;}
.greeting_txt{width:100%; padding-left: 0; margin-top:20px;}
.greeting .pic{width:98%; margin:0 auto 15px auto;}
.greeting .pic img{width:100%;}
}

/* 학회소개 끝 */

/* 연혁 */
/* 탭 전체 스타일 */
.tabs {
  margin-top: 2rem!important;
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/4);
  height: 50px;
  background-color: #999;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: none;
  border-radius: 2rem 2rem 0 0;
  cursor: pointer;
}
.tab_item:hover {
  background-color: #299664;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 1.5rem 0 0;
  clear: both;
  overflow: hidden;
}

/* 선택 된 탭 콘텐츠를 표시 */
#s2015:checked ~ #s2015_content,
#s2005:checked ~ #s2005_content,
#s1995:checked ~ #s1995_content,
#s1984:checked ~ #s1984_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #175f4b;
  color: #fff;
}
.tab_content h5 {border-bottom: 2px solid #175f4b; font-size:1.5rem; padding: 1rem 0; text-align:center;}
.history {overflow: hidden; border-bottom: 2px dotted #eff7f4; padding: 20px 0 0 0;}
.history dt {width:10%; font-size:2.5rem; font-weight:bold; color:#299664; height:100%;float:left; padding-top:5px; padding-bottom: 20px;}
.history dd {width:80%; margin:-5px 0 0 0;float: right; padding-bottom: 15px; text-indent:-100px; padding-left:100px;}
.history dd span { float:left; width:100px; display:block;}
.history:first-child {padding: 0 0 0 0;}
.history:last-child {border-bottom: none;}
@media screen and (max-width: 768px) {
.tabs {
  margin-top: 1rem;
  width: 100%;}
.tab_item {
  height: 1.8rem;
  background-color: #999;
  line-height: 1.8rem;
  font-size: 0.8rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.tab_content {
  padding: 0.5rem 0 0;
}
.history { width:100%; display: block; border-bottom: 1px solid #175f4b; padding: 0 0 0 0;}
.history dt {width:100%; font-size:2rem; padding-bottom:1rem; padding-top: 1rem;}
.history dd {width:100%;text-indent:0; padding-left:0;padding-bottom: 1rem; line-height: 1rem;display: block;word-break:break-all;overflow: hidden;}
.history dd span {width:100%; padding:0.2rem 0.5rem; display:block;background:#eff7f4;}
}


/* 임원진 */
.organ {display:flex; width:1300px; flex-wrap:wrap;}
.organ dl{height:auto; margin:10px 14px;}
.organ dl dt {background:#fff; border:1px solid #ccc; border-bottom:0 none; text-align:center; padding:20px 0; width:280px;}
.organ dl dt img{border-radius:10px; width:260px; height:300px;}
.organ dl dd.position{width:100%; background:#299664; text-align:center; padding:4px 0; font-size:13px;}
.organ dl dd.position2{width:100%; background:#299664; text-align:center; padding:4px 0; font-size:13px; letter-spacing:-1px;}
.organ dl dd.name {width:100%; background:#175f4b; text-align:center;padding:4px 0; font-weight: bold;}
.organ dl dd.info { width:100%; background:#56a894; text-align:center;padding:4px 0; font-weight: bold; position: relative;}
.organ dl dd {color:#fff;}
.organ dl dd.info:hover .comment { opacity: 0.95; visibility: visible;}
.comment{position:absolute; top:0; left:0; border:1px solid #000; width:calc( 92% - 1px ); background-color:#fff; padding:4%; z-index:9999; opacity: 0; visibility: hidden; overflow: hidden;}
 /*표 테이블*/     
.com_tbl { border-collapse:collapse; width: 100%;}
.com_tbl th, .com_tbl td{ border: 1px solid #ddd;font-size: 0.85rem; line-height: 1.5; padding: 5px;}
.com_tbl th { background: #666; color:#fff; width:35%; max-width:120px;}
.com_tbl td { color:#000; text-align: left; font-weight: 100;}
.com_tbl td a {font-size: 0.85rem; line-height: 1.5;}
.com_tbl td ul { margin:0 0 0 1.2rem;}
.com_tbl td ul li {font-size: 0.85rem; line-height: 1.5;}
.com_tbl td ul li:not(:last-child) { margin-bottom:0.5rem;}
.com_tbl .com_btn{ background: #299664; color:#fff; text-align: center; font-weight: bold;}
.com_tbl .com_btn a:after{font-family: 'FontAwesome'; content:'\f245'; padding-left: 10px;}
.com_tbl .com_btn a{ color:#fff; display: block; font-size: 1.1rem; line-height: 2;}

.right_stap_select {text-align:right;}
.right_stap_select select {width:30%; height: 40px; margin-bottom: 0.5rem; margin-right:34px; font-size:1rem;}

@media screen and (max-width: 768px) {
.organ {width:98%; margin:0 auto;}
.organ dl{width:100%; height:auto; margin-bottom:5px; display:flex; flex-wrap:wrap;}
.organ dl dt {padding:10px; width:100%; box-sizing:border-box;}
.organ dl dt img{border-radius:10px; width:100%; height:auto}
.organ dl dd.position, .organ dl dd.position2{width:65%;}
.organ dl dd.name {width:35%;}
.right_stap_select {text-align:center;}
.right_stap_select select {width:94%; margin-left:14px; margin-right:14px;}
}

/* 역대 회장 */
.chairman {display:flex; width:1300px; flex-wrap:wrap;}
.chairman dl{height:390px; margin:10px 22px;}
.chairman dl dt {background:#fff; border:1px solid #ccc; border-bottom:0 none; text-align:center; padding:20px 0 10px; width:270px; font-weight: bold; font-size:18px;}
.chairman dl dt img{border-radius:10px; width:220px; height:280px; margin-bottom: 10px;}
.chairman dl dd.position{width:90px; background:#299664; text-align:center; padding:4px 0;}
.chairman dl dd.name {width:182px; background:#175f4b; text-align:center;padding:4px 0;}
.chairman dl dd {color:#fff;  float:left;}

@media screen and (max-width: 768px) {
.chairman {width:98%; margin:0 auto;}
.chairman dl{width:100%; height:auto; margin-bottom:5px;}
.chairman dl dt {padding:10px; width:100%; box-sizing:border-box;}
.chairman dl dt img{border-radius:10px; width:100%; height:auto;}
.chairman dl dd.position{width:40%;}
.chairman dl dd.name {width:60%;}
}

/* 회칙 */

.rule{word-break: keep-all; word-wrap: break-word;}
.rule p{ margin-bottom:15px; text-align:center; font-size:18px; color:#fff; background-color:#1a74c0; padding:7px 0; border-radius:100px;}
.rule strong{ color:#164e7c;}
.rule ol li .d02{padding-left:24px; margin-top:10px; margin-bottom:10px;}
.rule ol li .d02 li{list-style:lower-roman;}
.rule ol{margin-left:30px;}
.rule ul{margin-left:30px;}
.rule ul li{list-style:none;}
.rule ul li span{margin-left:-20px;} 

@media screen and (max-width: 768px) {
.rule{font-size:.8rem; line-height:1.3rem;}
.rule p{font-size:1rem; padding:5px 0; }
.right{font-size:.8rem; line-height:1.3rem;}
}

/* 회칙 끝 */

/* 질환정보 */

.disease_list{display:flex; justify-content:space-between; flex-wrap:wrap; list-style:none;}
.disease_list li{border:1px solid #003a77; background-color:#f2fcff; width:200px; margin-bottom:10px; text-align:center;cursor:pointer;}
.disease_list li a{font-weight:600; color:#003a77; display:inline-block; padding:5px 0;}
.disease_list li:hover{background-color:#003a77;}
.disease_list li:hover a{color:#fff;}
.disease_list li.over a{background-color:#003a77;color:#fff; width:200px;}
.disease_list li:nth-child(13).over a{background-color:#003a77;color:#fff; width:410px;}
.disease_list li:nth-child(13){width:410px;}

.patient_list li{margin-left:25px;}

@media screen and (max-width: 768px) {
.disease_list li{width:49%; margin-bottom:5px;}
.disease_list li a{padding:2px 0; font-size:.8rem;}
.disease_list li.over a{width:100%;}
.disease_list li:nth-child(13).over a{width:100%;}
.disease_list li:nth-child(13){width:100%;}
.text_align_j img{width:100%;}
}

/* 질환정보 끝*/

/* 병원검색 */

.hsearch_txt{padding:10px; background:#f4f4f4;display:flex; justify-content:center;}
.h_icon{width:20%; text-align:center;}
.h_txt{width:80%;}

.hsearch_box{display:flex; justify-content:space-between; margin-top:30px;}
.map_img{width:49%; text-align:center;}
.map_area{width:49%;} 
.map_tit{font-size:25px; text-align:center; background:#cef5ff; padding:10px;}
.map_area ul{list-style:none;display:flex; flex-wrap:wrap; border:1px solid #ddd;}
.map_area li{width:20%; font-size:20px; text-align:center; padding:15px 0;}

@media screen and (max-width: 768px) {
.hsearch_txt{padding:5px;}
.h_icon{display:none;}
.h_txt{width:95%; line-height:1.2rem;}

.hsearch_box{flex-direction:column; margin-top:10px;}
.map_img{width:100%;}
.map_area{width:100%; margin-top:20px;} 
.map_tit{font-size:1.2rem;}
.map_area li{width:20%; font-size:1rem; text-align:center; padding:5px 0;}
}

/* 병원검색 끝 */

/* 증례토의 탭 */

.tab{display:flex; justify-content:space-between; margin:20px 0;}
.tab li{list-style:none;  }
.tab li a{display:block; width:600px; background-color:#999; color:#fff; text-align:center; padding:10px 0; border-radius:50px; font-family:'Score4'; font-size:20px;}
.tab li.over a{background-color:#4e4d99; color:#fff;}
.tab span{font-size:16px;}

@media screen and (max-width: 768px) {
.tab{flex-direction:column;}
.tab li{margin:5px 0;}
.tab li a{width:100%; padding:5px 0; font-size:1.2em; line-height:1.3rem;}
.tab span{font-size:.8rem; letter-spacing:-0.8px}
}

/* 증례토의 탭 끝 */

/* 로그인 */

.login_form{width:1000px; margin:0 auto ; height:550px; display:flex; justify-content:space-between;}
.join_box{width:50%; height:550px; background:url('/images/join_bg.jpg') no-repeat; padding:10px 30px 30px; box-sizing:border-box;text-align:center; }
.join_box .join_txt{text-align:center; font-size:17px; margin:10px 0; font-family:'Score6';}
.join_box .join_btn{width:410px; margin:25px auto; border:none; padding:15px 0; text-align:center; background-color:#144597; color:#fff; font-size:20px; display:block;}
.join_box .join_btn a{color:#fff; font-size:20px;}

.login_box{width:50%; height:550px; background-color:#f8f8f8; padding:30px; box-sizing:border-box;}
.login_box .tit{text-align:center; font-size:35px; font-weight:bold; /*border-bottom:1px solid #333; padding-bottom:15px;*/ margin:30px 0;}

.login_box .login_input{width:410px; margin:0 auto;  padding:15px; margin-top:5px; box-sizing:border-box; display:block; margin-bottom:10px; border:1px solid #ddd;}
.login_box .login_btn{width:410px; margin:25px auto 20px auto; border:none; padding:15px 0; text-align:center; background-color:#333; color:#fff; font-size:20px; display:block;}

.login_box .idpw{width:410px; margin:56px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .idpw a{color:#666;}

.login_box .pw{width:410px; margin:24px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .pw a{color:#666;}

.login_box .id{width:410px; margin:0px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .id a{color:#666;}

.login_box .id_check{text-align:center; height:33px;}

@media screen and (max-width: 768px) {
.login_form{width:90%; height:auto; flex-direction:column;}
.join_box{width:100%; height:auto; padding:10px; display:none;}
.join_box .join_txt{font-size:.8rem; line-height:1.2rem; margin:5px 0; }
.join_box .join_btn{width:90%; margin:25px auto;  padding:5px 0;}
.join_box .join_btn a{font-size:1rem; }
.join_box img{width:100%;}

.login_box{width:100%; height:auto;padding:15px 0;}
.login_box .tit{font-size:1.3rem; margin:10px 0; display:none;}

.login_box .login_input{width:90%; padding:10px;}
.login_box .login_btn{width:90%; margin:10px auto; border:none; padding:5px 0; font-size:1rem;}

.login_box .idpw{width:80%; margin:5px auto;padding:5px;}
.login_box .idpw a{font-size:.8rem;}

.login_box .pw{width:80%; margin:5px auto;padding:5px;}
.login_box .pw a{font-size:.8rem;}

.login_box .id{width:80%; margin:5px auto;padding:5px;}
.login_box .id a{font-size:.8rem;}

.login_box .id_check{font-size:.8rem; line-height:1.3rem; height:auto;}
}

/* 로그인 끝 */


/*개인정보 취급방식*/
.private, .agreement {background:#666666; border-radius:20px; padding: 3px 10px; text-align:center;  margin-left: 10px;}
.private a, .agreement a{color:#ffffff; font-size:12px;}
.private_txt, .agreement_txt{font-size:12px;padding:15px;line-height:1.6;font-family: 'NotoRight'; }

.btn_s{display:inline-block; text-align:center; border-radius:20px; background-color:#36C; padding:0 20px 5px 20px; height:25px; margin-left:10px;}
.btn_s a{font-size:14px; color:#fff;}

/* 병원 찾기 */
.map_search{display:flex; justify-content:space-between;}
.map_list{width:50%;}

@media screen and (max-width: 768px) {
.map_search{flex-direction:column;}
.map_img{max-width:100%; height:auto;}
.map_list{width:100%;}
}