.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_tbl .al_left { text-align:left!important;}
.basic_tbl .al_right { text-align:right!important;}

.basic_ul {padding: 5px 5px 5px 1rem; margin:0;}
.basic_ul li { padding-left:0.5rem; text-indent: 0; list-style:none; position:relative;}
.basic_ul li:before {content:""; display:block; position:absolute; top:0.7rem; left:-0.5rem; width:0.5rem; height:0.5rem; border-radius: 0.5rem; background: #299664;}

/* 학회소개 */
.intro{text-align:justify;}
.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; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 2rem 2rem 0 0;}
.tab_item:hover, .tab_item5:hover { background-color: #299664; cursor: pointer;}

.tab_item5 { width: calc(100%/5); height: 50px; background-color: #999; line-height: 50px; font-size: 16px; text-align: center; color: #fff; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 2rem 2rem 0 0;}
input[name="tab_item"], input[name="tab_item5"] { 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;
}
#info01_01:checked ~ #info01_01_content,
#info01_02:checked ~ #info01_02_content,
#info01_03:checked ~ #info01_03_content,
#info01_04:checked ~ #info01_04_content {
  display: block;
}
#info03_01:checked ~ #info03_01_content,
#info03_02:checked ~ #info03_02_content,
#info03_03:checked ~ #info03_03_content,
#info03_04:checked ~ #info03_04_content,
#info03_05:checked ~ #info03_05_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item, .tabs input:checked + .tab_item5 { background-color: #175f4b; color: #fff;}

.tab_content h5 {border-bottom: 2px solid #175f4b; font-size:1.5rem; padding: 1rem 0; text-align:center;}

.gallery_tabs { display:flex; flex-wrap:nowrap; margin-top:1rem;}
.gallery_tabs li { width: 100%; list-style:none; overflow:hidden;}
.gallery_tabs li a {height: 50px; background-color: #999; line-height: 50px; font-size: 16px; text-align: center; color: #fff; display: block; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 2rem 2rem 0 0;}
.gallery_tabs li a:hover {background-color: #299664;}
.gallery_tabs li a.on {background-color: #175f4b;}

.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: 2rem; background-color: #999; line-height: 2rem; font-size: 0.8rem; border-radius: 0.5rem 0.5rem 0 0;}
.tab_content { padding: 0.5rem 0 0;}
.gallery_tabs li a {height: 2rem; line-height: 2rem; font-size: 0.8rem; border-radius: 0.5rem 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;}
}
@media (min-width: 451px) and (max-width: 768px) {
.tab_item5 { height: 2rem; background-color: #999; line-height: 2rem; font-size: 0.8rem; border-radius: 0.5rem 0.5rem 0 0; letter-spacing:-1px;}
}
@media screen and (max-width: 450px) {
.tab_item5 { height: 3rem; background-color: #999; line-height: 3rem; font-size: 0.8rem; border-radius: 0.5rem 0.5rem 0 0; letter-spacing:-1px;}
.tab_item5:nth-of-type(1) { line-height: 1.5rem;}
}

/* 임원진 */
.organ {display:flex; width:1300px; flex-wrap:wrap;}
.organ dl{height:280px; margin:10px 14px;}
.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 { height:1.5rem;}
.organ dl dd.position{width:122px; background:#299664; text-align:center; padding:4px 0; font-size:14px;}
.organ dl dd.position2{width:122px; background:#299664; text-align:center; padding:4px 0; font-size:14px; letter-spacing:-1px;}
.organ dl dd.name {width:60px; background:#175f4b; text-align:center;padding:4px 0;}
.organ dl dd {color:#fff;  float:left;}
.right_stap_select {text-align:right;}
.right_stap_select select {width:30%; height: 40px; margin-bottom: 0.5rem; margin-right:14px; font-size:1rem;}

@media screen and (max-width: 768px) {
.organ {width:98%; margin:0 auto;}
.organ dl{width:100%; height:auto; margin-bottom:5px;}
.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:60%;}
.organ dl dd.name {width:40%;}
.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:0 0 1rem; text-align:center; font-size:1.1rem; color:#fff; background-color:#175f4b; padding:7px 0; border-radius:100px;}
.rule p:not(:first-child) { margin:2rem 0 1rem;}
.rule ul{margin:0.5rem 1rem 0 1rem;}
.rule ul li{list-style:none; padding:0 0 0 2rem; text-indent: -2rem; margin-top:1rem;}
.rule strong{ color:#299664;}
.rule ol{margin:0.5rem 0 0 1.5rem;}
.rule ol li{list-style:decimal; padding:0 0 0 0; text-indent:0; margin-top:0;}

@media screen and (max-width: 768px) {
.rule{font-size:.8rem; line-height:1.3;}
.rule p{font-size:1rem; padding:5px 0; }
.rule ul{margin:0.5rem 0.5rem 0 0.5rem;}
.right{font-size:.8rem; line-height:1.3;}
}

/* 회칙 끝 */

/* 녹내장 이해하기 */
.info .info_title { padding: 2rem 0; text-align:center;}
.info h3 { color: green; font-size: 2rem; position: relative; display: inline-block; padding: 0 5rem;}
.info h3:before, .info h3:after {position:absolute; top: 35%; display:inline-block; content:""; width: 3rem; height:0.5rem; background:#99cc99;}
.info h3:before { left: 0px;}
.info h3:after { right: 0px;}
.info h5 { color: #175f4b; text-align:left; padding: 1rem 0; border-bottom: none;}
.info .box { margin: 2.5rem 0; border: 1px solid #ddd; text-align:center; padding: 2rem 0;}
.info p strong { color: green;}
.info .ytb_btn {margin: 1rem 0 0; text-align:right;}
.info .ytb_btn a { font-size:1.1rem; line-height:3.1rem; color:#fff; border-radius:3.1rem; background:#ff0000; padding:1rem 2rem;}
.info .ytb_btn a:before { content:'\f167'; font-family: "Font Awesome 6 brands"; margin-right:0.5rem;}


/* 탭 전체 스타일 */
.subtabs { margin-top: 2rem!important; background-color: #ffffff; width: 99%; margin: 0 auto; border: 1px solid #ddd;}

/* 탭 스타일 */
.subtab_item { width: calc(100%/3 - 30px); height: 40px; background-color: #ddd; line-height: 40px; font-size: 16px; text-align: left; color: #000; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border-left: 10px solid #999; border-radius: 0 0; padding-left: 20px;}
.subtab_item:hover { border-left: 10px solid #299664; cursor: pointer;}

/* 라디오 버튼 UI삭제*/
input[name="subtab_item"] { display: none;}

/* 탭 컨텐츠 스타일 */
.subtab_content { display: none; padding: 2rem 1.5rem; clear: both; overflow: hidden;}
.subtab_content .subimg { float: left; width: 40%; text-align:center;}
.subtab_content .subimg img { width: 100%;}
.subtab_content .subtxt { float: right; width: 55%; text-align: justify;}
.subtab_content .subtxt strong { line-height:100%; display:block;}

/* 선택 된 탭 콘텐츠를 표시 */
#sub01_01:checked ~ #sub01_01_content,
#sub01_02:checked ~ #sub01_02_content,
#sub01_03:checked ~ #sub01_03_content {
  display: block;
}

/* 선택된 탭 스타일 */
.subtabs input:checked + .subtab_item { background-color: #fff; border-left: 10px solid #299664;}

@media screen and (max-width: 768px) {
.info h3 { font-size: 1.6rem; padding: 0 3rem;}
.info h3:before, .info h3:after {width: 2rem; height:0.5rem;}
	.info .box { padding: 1rem 1rem; margin: 1.5rem 0;}
	.info .box img { width:100%;}
.info .ytb_btn a { font-size:0.9rem; line-height:1.9rem; border-radius:1.9rem; padding:0.5rem 1rem 0.5rem 1rem;}

	.subtab_item { width: calc(100%/3 - 15px); height: 2rem; line-height: 2rem; font-size: 0.8rem; padding-left: 5px; letter-spacing:-1px;}
	.subtab_content { padding: 2rem 1rem 1rem;}
	.subtab_content .subimg { float: none; width:100%;}
	.subtab_content .subtxt { float: none; width:100%;}
	.subtab_content .subtxt strong {padding-top: 2rem;}
}

/* 녹내장 이해하기 끝*/

/* 병원검색 */

.hsearch_txt{padding:30px; background:#f4f4f4;display:flex; justify-content:center; margin-bottom: 20px;}
.hsearch_txt img { margin: -10px 10px -10px 0;}
.h_icon{width:20%; text-align:center;}
.h_txt{width:80%;}

.hsearch_box{display:flex; justify-content:space-between; margin-top:30px;}
.map_search { margin-bottom: 20px;}
.map_img{width:49%; text-align:center; min-width:300px;}
.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;}
.map_form select, .map_form option, .map_form button { font-size: 16px; padding: 0 5px;}
.map_list { text-align:center;}

@media screen and (max-width: 768px) {
.hsearch_txt{padding:10px; line-height: 150%;}
.h_icon{display:none;}
.h_txt{width:95%; line-height:1.2rem;}

.hsearch_box{flex-direction:column; margin-top:10px;}
.map_search { margin-bottom: 0;}
.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; width:48%;}
.tab li a{display:block; width:100%; background-color:#999; color:#fff; text-align:center; padding:10px 0; border-radius:50px; font-size:20px;}
.tab li a:hover {background:#299664;}
.tab li a.active, .tab li a:hover.active{background:#175f4b;}

@media screen and (max-width: 768px) {
.tab li a{padding:5px 0; font-size:1.2em; line-height:1.3rem;}
}

/* 발자취 탭 끝 */

/* 로그인 */
.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;}
}
/* 로그인 끝 */

/* 회원가입 */
.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:20%; 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:green; color:#fff;}
.join_tbl th { width:180px;}
.join_tbl2 td:nth-child(1) { width:6.5rem;}
@media screen and (max-width: 768px) {
	.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%;}
}
/* 회원가입 끝 */

/* 회비납부내역 */
.fee_tbl {}
.fee_tbl th:nth-child(2) { width:95px;}
.fee_tbl th:nth-child(3) { width:105px;}
.fee_tbl th:nth-child(4), .fee_tbl th:nth-child(5) { width:85px;}
@media screen and (max-width: 768px) {
	.fee_tbl thead { display:none;}
  .fee_tbl tr { display:block;}
  .fee_tbl tr:not(:last-child) { margin-bottom:10px;}
  .fee_tbl tbody td, .fee_tbl tbody td.dev_NoData { display:block; position:relative; padding:8px 0!important; padding-left:23%!important; border-width:0 0 1px 0; letter-spacing: -0.1rem; }
  .fee_tbl td:before { display:block; position:absolute; left:0; top:0; width:22%; padding:8px 0; background: #fcfcfc; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; font-weight:bold;}
  .fee_tbl td:nth-child(1):before {content:'내역';}
  .fee_tbl td:nth-child(2):before {content:'금액';}
  .fee_tbl td:nth-child(3):before {content:'입금여부';}
  .fee_tbl td:nth-child(4):before {content:'입금일';}
  .fee_tbl td:nth-child(5):before {content:'';}
}
/* 회비납부내역 끝 */

.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%;}
}

.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: 768px) {
.name_search{width:98%;}
.name_box{justify-content:start; flex-wrap:wrap; width:100%;}
.name_box li{ margin:2px;}
.name_box li a{display:block; color:#fff; font-size:.8rem;}
.name_box li.over a{background-color:#333;}
}

/* 회원 소개 */
.member_info { clear:both; display:block; padding:1rem 2rem 2rem; margin-top:2rem; border-radius:2rem; background:#f4f4f4; overflow: hidden;}
.member_info h5 {color: #175f4b; text-align: left; padding: 1rem 0; font-size:1.5rem;}
.member_info ol li { list-style:decimal; margin: 0 0 0 1rem;}
.member_info ol li strong {color: rgba(41, 150, 100, .7);}
.member_info ol li:not(:last-child) { margin-bottom:1rem;}
.member_info .f_left {float:left; margin: 0 0.5rem 0.2rem 0;}
.member_info .f_right {float:right; margin:0 0 0.2rem 0.5rem;}

@media screen and (max-width: 768px) {
.member_info { padding:0 1rem 1rem; margin-top:2rem;}
.member_info h5 { font-size:1.2rem;}
}

/* 녹내장, 이것이 궁금해 */
.info_detail { clear:both; display:block;}
.info_detail h5 {color: #175f4b; text-align: left; font-size:1.5rem; margin-bottom:1rem;}
.info_detail h6 {color: #175f4b; text-align: left; font-size:1.1rem; margin: 1rem 0 0.5rem;}
.info_detail img { max-width: 100%; margin: 0 auto; display: block;}
.info_detail .img_txt { display: block; text-align: left; font-size: 0.9rem; width: 80%; margin:0.5rem auto 0;}
.info_detail .box_txt { display: block; text-align: left; border: 1px solid #000; padding: 1rem;}
.info_detail strong img { height: 200px; margin:0 0 0.5rem; }
.info_detail em { font-style:normal; font-weight: bold; color: #0bb366;}
.info_detail ol li { list-style:decimal; margin: 0 0 0 2rem;}
.info_detail ol li strong {color: rgba(41, 150, 100, .7);}
.info_detail ol li:not(:last-child) { margin-bottom:1rem;}
.info_detail ul li { list-style:none; margin: 0 0 0 0.8rem; padding-left:1.1rem; text-indent: -1.1rem; font-size:1rem;}
.info_detail ul li strong {color: rgba(41, 150, 100, .7);}
.info_detail ul li:not(:last-child) { margin-bottom:1rem;}

@media screen and (max-width: 768px) {
.info_detail { font-size:1rem; padding:1rem!important;}
.info_detail h5 { font-size:1.3rem;}
.info_detail .img_txt {width: 100%;}
}