.basic_tbl{border-collapse:collapse;}
.basic_tbl td, .basic_tbl th{border:1px solid #ddd; padding:5px;}
.basic_tbl td{text-align:center;}
.basic_tbl th{background-color:#2360aa; color:#fff;}

/* 인사말 */
.float_img { float: left; margin: 0.3rem 1.5rem 0.5rem 0;}

/* 학회소개 */

.intro{width:1160px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;background:url('/images/society_bg01.png') left top no-repeat #f4f4f4; }
.intro_txt{width:50%; padding: 30px; font-weight:600;}
.intro img{border-radius:30px 0 30px;}


/* 학회소개 끝 */

/* 연혁 */
.history {overflow: hidden; border-bottom: 1px dotted #e3eef2; padding: 20px 0 0 0;}
.history dt {width:20%; font-size:35px; font-weight:bold; color:#172d5d; height:100%;float:left; padding-top:5px;}
.history dd {width:78%; margin:-5px 0 0 0;float: right; padding-bottom: 15px; text-align:justify; /* 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;}


/* 조직도 */
.org_wrap{position:relative;background:url('/images/bg_line_org.png') 35% 0 no-repeat;clear:both;}
.org_wrap .box1{text-align:center;width:200px;height:50px;background:#172d5d;margin:0 auto; display:block;line-height:50px;color:#fff;font-size:18px;}
.org_wrap .depth1{margin-left:0px;position:relative;min-height: 100px;margin-top:40px;}
.org_wrap .depth1 .box2{display:block;width: 220px;height:40px;line-height:40px;font-size:16px;color:#fff;background:#172d5d;text-align:center;}
.org_wrap .depth1>li{position:absolute;left:50%;}
.org_wrap .depth1 .j{margin-left:-580px;}
.org_wrap .depth1 .j:after{content:'';display:block;clear:both;}
.org_wrap .depth1 .j>div{float:left;margin-right:30px;width:240px;}
.org_wrap .depth1 .l{margin-left: -530px;}
.org_wrap .depth1 .l:after{content:'';display:block;clear:both;}
.org_wrap .depth1 .l>div{float:left;margin:0 10px;}
.org_wrap .depth1 .r{margin-left: 55px;}
.org_wrap .depth1 .r:after{content:'';display:block;clear:both;}
.org_wrap .depth1 .r>div{float:left;margin:0 10px;}
.depth2 {position:relative; background:url('/images/bg_line_org2.png') 35% 0 no-repeat; margin-left: 0; min-height:100px; margin-top:0;}
.depth2 li {float:left;margin:0 2px; display:block;width: 110px; height:50px;line-height:50px;font-size:16px;color:#333;background:#e3eef2;text-align:center; border-radius: 10px;}
.depth2 li.depth3 {background:none;border-radius: none;width: 110px; height:110px;}
.depth3 li {float:left;margin:0; display:block;width: 110px; height:50px;line-height:25px;font-size:16px;color:#333;background:#e3eef2;text-align:center; border-radius: 10px; margin-bottom: 10px;}

/* 임원진 */
.organ {display:flex; width:1260px; flex-wrap:wrap;}
.organ dl{height:295px; margin:10px 14px; width:182px;}
.organ dl dt {background:#fff; border:1px solid #ccc; border-bottom:0 none; text-align:center; padding:20px 0; width:180px;}
.organ dl dt img{border-radius:10px; width:150px; height:190px;}
.organ dl dd.position{width:112px; background:#172d5d; text-align:center; padding:4px 0; overflow: hidden;}
.organ dl dd.name {width:70px; background:#3991ca; text-align:center;padding:4px 0;}
.organ dl dd.office {width:180px; background:#fff; color:#333; border:1px solid #ccc; text-align:center;padding:4px 0; font-size: 0.7rem; overflow:hidden; line-height: 1.4;}
.organ dl dd {color:#fff;  float:left;}

/* 위원회 */
.comm_table { border-collapse: collapse; border-bottom: 2px solid #9a9a9a; border-top: 2px solid #9a9a9a; table-layout: fixed; width:100%;}
.comm_table thead th {border-bottom: 1px solid #9a9a9a; text-align:center; background: #f4f4f4; padding: 0.5rem 0;}
.comm_table tbody th {border-bottom: 1px solid #e4e4e4; text-align:center; background: #f4f4f4; word-break:break-all; font-weight: 600; padding: 0.3rem 0;}
.comm_table tbody td {border-bottom: 1px solid #e4e4e4; text-align:center; word-break:keep-all; font-weight: 100; padding: 0.3rem;}
.comm_table tfoot th, .comm_table tfoot td {border-bottom: 1px solid #e4e4e4;background: #f4f4f4; text-align:center; padding: 0.5rem 0;}
.comm_table strong {color:#172d5d; font-weight: bold;}


/* 회칙 */
.rule_date { text-align:right; margin-bottom:2rem;}
.rule_date em { font-style:normal; width:140px; text-align:left; padding-left:10px; display:inline-block;}
.rule p {background:#3991ca; border-radius: 2rem 2rem 0 0; color:#fff; font-size:1.2rem; line-height:1.2rem; padding: 1rem; margin: 1.5rem 0 0; display:block; text-align:center; font-weight: bold;}
.rule dl {background:#3991ca; padding:0; margin:0; word-break: keep-all; word-wrap: break-word;}
.rule dt {background:#fff; color:#172d5d; font-weight: bold; padding: 1rem 2rem 0.3rem;}
.rule dt:first-child {border-radius: 2rem 2rem 0 0;}
.rule dd {background:#fff; padding: 0 2rem 1rem;}
.rule strong { text-decoration:underline;}
.rule ol{margin-left:1.5rem; list-style:decimal;}
/* 회칙 끝 */

/* 역대 회장 */
.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:#172d5d; text-align:center; padding:4px 0;}
.chairman dl dd.name {width:182px; background:#3991ca; text-align:center;padding:4px 0; font-size: 1.2rem; font-weight: bold;}
.chairman dl dd {color:#fff;  float:left;}
/* 역대 회장 끝*/


/* 역대임원진 */
.select_box{display:flex; justify-content:flex-end; margin-bottom: -40px;}

/* 역대임원진 끝 */

/* 학회로고 및 고유색상 */
.about_logo { margin: 10px 0 0; text-align:center;}
.color_logo {  display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.color_logo li { padding:0; margin-right: 20px;}
.color_logo li img { margin: auto;}
.color_logo li:last-child { margin-right:0;}

/* 병원검색 */

.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;}

/* 병원검색 끝 */

/* 증례토의 탭 */

.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;}

/* 증례토의 탭 끝 */


/* 학회사 */
ul.his_book {display:flex; width:1300px; flex-wrap:wrap; gap:50px;}
.his_book li {position:relative;}
.his_book li img{border-radius:10px; width:220px; height:293px; margin-bottom: 10px;}
.his_book li strong { display:block; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); width:120px; height:35px; border-radius:10px; background:#172d5d; color:#fff; text-align: center; line-height: 35px;}
/* 학회사 끝*/

/* 로그인 */

.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;}

/* 로그인 끝 */


/*개인정보 취급방식*/
.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%;}
