/* **************************************** *
* 병원안내
* **************************************** */
/* info01(진료안내) */
.info01 { }
.info01 .top_visual { background: url(/images/info/bg_info01.jpg) 50% no-repeat; background-size: cover; }
.info01 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info01.png) 50% no-repeat; }
.info01 .box01 { }
.info01 .box01 .inner { max-width: 1200px; margin: 0 auto; }
.info01 .box01 .cont { padding-bottom:40px; overflow: hidden; border-bottom:1px dashed #ddd; }
.info01 .box01 .cont.mt{ margin-top:-30px;}
.info01 .box01 .cont h3 { text-align: left; }
.info01 .box01 .cont .left, .info01 .box01 .cont .right { width: 50%; float: left; }
.info01 .box01 .cont .box { width: 95%; margin-right: 5%; text-align: center; }
.info01 .box01 .cont .box span { padding: 14px 0; }
.info01 .box01 .cont .box .tit { display: block; color: #333; font-size: 18px; font-weight: bold; border-top: 3px solid #68c00c; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #f9f9f9; }
.info01 .box01 .cont .box .desc { display: block; font-size: 16px; border: 1px solid #ddd; }
.info01 .box01 .cont ul { overflow: hidden; }
.info01 .box01 .cont ul li { padding: 80px 0 30px; background: #68c00c; color: #fff; width: 18%; height: 40px; float: left; text-align: center; font-size: 16px; }
.info01 .box01 .cont ul li.stepbar { width: 2.5%; background: url(/images/info/icon_stepbar.png) 50% no-repeat; background-size: 16px; }
.info01 .box01 .cont ul li.lst { margin-right: 0; }
.info01 .box01 .cont ul.t1 li.n1 { background: #84bf45 url(/images/info/img_info01_1_1.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t1 li.n2 { background: #498787 url(/images/info/img_info01_1_2.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t1 li.n3 { background: #84bf45 url(/images/info/img_info01_1_3.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t1 li.n4 { background: #498787 url(/images/info/img_info01_1_4.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t2 li.n1 { background: #84bf45 url(/images/clinic/icon_clinic07.png) 50% 30px no-repeat; background-size: 40px; }
.info01 .box01 .cont ul.t2 li.n2 { background: #498787 url(/images/info/img_info01_2_2.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t2 li.n3 { background: #84bf45 url(/images/info/img_info01_2_3.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t2 li.n4 { background: #498787 url(/images/info/img_info01_2_4.png) 50% 20px no-repeat; background-size: 50px; }
.info01 .box01 .cont ul.t2 li.n5 { background: #84bf45 url(/images/info/img_info01_2_5.png) 50% 20px no-repeat; background-size: 50px; }

.info01 .box01 .cont ul.t3 li.n1 { background: #84bf45 url(/images/info/img_info01_3_1.png) 50% 30px no-repeat; background-size: 40px; }
.info01 .box01 .cont ul.t3 li.n2 { background: #498787 url(/images/info/img_info01_3_2.png) 50% 20px no-repeat; background-size: 40px; }
.info01 .box01 .cont ul.t3 li.n3 { background: #84bf45 url(/images/info/img_info01_3_3.png) 50% 30px no-repeat; background-size: 40px; }
.info01 .box01 .cont ul.t3 li.n4 { background: #498787 url(/images/info/img_info01_3_4.png) 50% 30px no-repeat; background-size: 40px; }
.info01 .box01 .cont ul.t3 li.n5 { background: #84bf45 url(/images/info/img_info01_3_5.png) 50% 30px no-repeat; background-size: 40px; }
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1023px) {
.info01 .box01 .cont ul li { font-size: 14px; }
}
@media screen and (max-width:768px) {
.info01 .box01 .cont .left, .info01 .box01 .cont .right { width: 100%; float: none; }
.info01 .box01 .cont .box { width: 100%; margin-right: 0; margin-bottom: 20px; }
.info01 .box01 .cont .box .desc { font-size: 14px; }
.info01 .box01 .cont h3 { text-align: center; }
.info01 .box01 .cont ul li { width: 100%; height: 20px; max-width: 280px; margin: 0 auto !important; float: none; clear: both; }
.info01 .box01 .cont ul li.stepbar { display: none; }
}
/* info02(입/퇴원 안내) */
.info02 { }
.info02 .top_visual { background: url(/images/info/bg_info02.jpg) 50% no-repeat; background-size: cover; }
.info02 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info02.png) 50% no-repeat; }
.info02 .box01 .inner { max-width: 1200px; margin: 0 auto; }
.info02 .box01 .cont h3 { text-align: left; }
.info02 .box01 .cont .stit { display: block; padding-bottom: 20px; color: #333; font-size: 21px; font-weight: bold; }
.info02 .box01 .cont ul.t1 { overflow: hidden; }
.info02 .box01 .cont ul.t1 li { padding: 30px 15px 30px; background: #84bf45; color: #fff; width: 23%; min-height: 150px; float: left; text-align: center; font-size: 14px; box-sizing: border-box;  /*border:2px solid rgba(0,0,0,0.1);*/ border-radius:5px; letter-spacing:-0.04em; }
.info02 .box01 .cont ul.t1 li.stepbar { width: 2.66%; background: url(/images/info/icon_stepbar.png) 50% no-repeat; background-size: 16px; padding: 30px 0 30px; border:0;}
.info02 .box01 .cont ul.t1 .tit { display: block; padding-bottom: 20px; color:#fff; font-size: 18px; font-weight: bold; }
.info02 .box01 .cont ul.t1 li.n2, .info02 .box01 .cont ul.t1 li.n4 { background:#498787;}
.info02 .box01 .cont ul.t2 { margin-top: 50px; }
.info02 .box01 .cont ul.t2 li { width: 100%; float: left; padding-right: 30px; box-sizing: border-box; margin-bottom: 30px; font-size: 16px; }
.info02 .box01 .cont ul.t2 li p { padding-left: 14px; margin-bottom: 10px; background: url(/images/common/icon_list_dot2.png) 0 11px no-repeat; background-size: 4px; }
.info02 .box02 { background: #f9f9f9; }
.info02 .box02 .inner { max-width: 1200px; margin: 0 auto; }
.info02 .box02 .cont h3 { text-align: left; }
.info02 .box02 .cont ul.t1 { overflow: hidden; }
.info02 .box02 .cont ul.t1 li { padding: 30px 20px 30px; background: #84bf45; color: #fff; width: 30%; min-height: 150px; float: left; text-align: center; font-size: 14px; box-sizing: border-box; border-radius:5px; }
.info02 .box02 .cont ul.t1 li.stepbar { width: 5%; background: url(/images/info/icon_stepbar.png) 50% no-repeat; background-size: 16px; padding: 30px 0 30px; }
.info02 .box02 .cont ul.t1 .tit { display: block; padding-bottom: 20px; font-size: 18px; font-weight: bold; }
.info02 .box02 .cont ul.t1 li.n2 { background: #498787; }
.info02 .box02 .cont .desc { font-size: 16px; padding-top: 30px; }
.info02 .box02 .cont .desc b { color: #333; font-weight: bold; }
@media screen and (max-width:1200px) {
.info02 .box01 .cont ul.t1 li { min-height: 170px; }
}
@media screen and (max-width:1023px) {
.info02 .box01 .cont ul.t1 li { min-height: 190px; }
.info02 .box02 .cont ul.t1 li { min-height: 170px; }
}
@media screen and (max-width:768px) {
.info02 .box01 .cont h3, .info02 .box02 .cont h3 { text-align: center; }
.info02 .box01 .cont ul.t1 li { width: 100%; float: none; clear: both; min-height: 120px; margin-bottom:15px; }
.info02 .box01 .cont ul li.stepbar { display: none; }
.info02 .box01 .cont ul.t2 li { width: 100%; float: none; padding-right: 0px; font-size: 14px; }
.info02 .box01 .cont ul.t2 li .stit { text-align: center; }
.info02 .box01 .cont ul.t2 li p { background: url(/images/common/icon_list_dot2.png) 0 8px no-repeat; background-size: 4px; }
.info02 .box02 .cont ul.t1 li { width: 100%; float: none; clear: both; min-height: 120px; margin-bottom:15px; }
.info02 .box02 .cont ul li.stepbar { display: none; }
.info02 .box02 .cont .desc { font-size: 14px; padding-top: 30px; }
}
/* info03(입원생활 안내) */
.info03 { }
.info03 .top_visual { background: url(/images/info/bg_info03_1.jpg) 50% no-repeat; background-size: cover; }
.info03 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info03.png) 50% no-repeat; }
.info03 .box01 .inner { max-width: 1200px; margin: 0 auto; }
.info03 .box01 .inner h3 { text-align: left; }
.info03 .box01 .inner .cont .stit { display: block; padding-bottom: 20px; padding-top: 50px; color: #333; font-size: 18px; font-weight: bold; }
.info03 .box01 .inner .cont .stit.fst { padding-top: 0; }
.info03 .box01 .inner .cont .txt { font-size: 16px; }
.info03 .box01 .inner .cont .btn_lnk { display: block; padding: 10px 0; max-width: 200px; background: #68c00c; color: #fff; font-size: 16px; font-weight: 500; text-align: center; margin-top: 20px; }
.info03 .box01 .inner .cont .tbl1 ul { overflow: hidden; margin-bottom: 20px; }
.info03 .box01 .inner .cont .tbl1 ul li { width: 33.33%; float: left; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 3px solid #68c00c; box-sizing: border-box; }
.info03 .box01 .inner .cont .tbl1 ul li:last-child { border-right: 1px solid #ddd; }
.info03 .box01 .inner .cont .tbl1 ul li .tit { display: block; padding: 10px 0; text-align: center; color: #333; font-size: 16px; font-weight: bold; background: #f9f9f9; border-bottom: 1px solid #ddd; }
.info03 .box01 .inner .cont .tbl1 ul li .desc { display: block; padding: 10px 0; text-align: center; font-size: 16px; }
.info03 .box01 .inner .cont .dot { font-size: 16px; padding-left: 12px; margin-bottom: 12px; background: url(/images/common/icon_list_dot1.png) 0 11px no-repeat; background-size: 4px; }
.info03 .box01 .inner .cont .tabs { overflow: hidden; z-index: 20; }
.info03 .box01 .inner .cont .tabs li { width: 25%; float: left; padding: 15px 0; border-top: 3px solid #68c00c; border-right: 1px solid #ddd; box-sizing: border-box; text-align: center; font-size: 16px; border-bottom: 1px solid #ddd; background: #f9f9f9; cursor: pointer; }
.info03 .box01 .inner .cont .tabs li.active { color: #68c00c; font-weight: bold; border-bottom: 1px solid #fff; background: #fff; }
.info03 .box01 .inner .cont .tabs li:first-child { border-left: 1px solid #ddd; }
.info03 .box01 .inner .cont .tab_content { display: none; border: 1px solid #ddd; margin-top: -1px; z-index: 10; box-sizing: border-box; padding: 40px; min-height: 200px; font-size: 16px; }

.info03 .box02{ margin-top:80px; padding-bottom:0 !important;}
.info03 .box02 .inner{max-width: 1200px; margin: 0 auto;}
.info03 .box02 .tit_ssub{ text-align:left;}
.info03 .box02 .cont > li{ margin-bottom:40px; padding-left:188px; min-height:160px}
.info03 .box02 .cont > li:nth-child(1){ background:url(/images/info/img_info03_1_1.png) 0 0 no-repeat;}
.info03 .box02 .cont > li:nth-child(2){ background:url(/images/info/img_info03_1_2.png?ver=200916) 0 0 no-repeat;}
.info03 .box02 .cont > li:nth-child(3){ background:url(/images/info/img_info03_1_3.png) 0 0 no-repeat;}
.info03 .box02 .tit{ display:block; color:#222; font-size:30px; font-weight:bold; margin-bottom:10px;}
.info03 .box02 .stit{ display:block; color:#68c00c; font-size:21px; font-weight:bold; margin-bottom:8px;}
.info03 .box02 .txt, .info03 .box02 .child p{ font-size:16px;}
.info03 .box02 .child > li{ margin-bottom:20px;}
.info03 .box02 .child .img{ margin-top:10px;}


@media screen and (max-width:1200px) {
}
@media screen and (max-width:1023px) {
}
@media screen and (max-width:768px) {
.info03 .box02{ padding-bottom:0 !important;}
.info03 .box01 .inner .cont .txt, .info03 .box01 .inner .cont .dot { font-size: 14px; }
.info03 .box01 .inner .cont .tbl1 ul li .tit, .info03 .box01 .inner .cont .tbl1 ul li .desc { font-size: 14px; padding: 10px 10px; box-sizing: border-box; }
.info03 .box01 .inner .cont .tabs li { font-size: 13px; height: 54px; padding: 10px 0; line-height: 18px; }
.info03 .box01 .inner .cont .tab_content { padding: 20px; font-size: 14px; }

.info03 .box02 .cont > li{ padding-left:0; padding-top:170px; margin-bottom:20px;}
.info03 .box02 .cont > li:nth-child(1){ background:url(/images/info/img_info03_1_1.png) 50% 0 no-repeat;}
.info03 .box02 .cont > li:nth-child(2){ background:url(/images/info/img_info03_1_2.png) 50% 0 no-repeat;}
.info03 .box02 .cont > li:nth-child(3){ background:url(/images/info/img_info03_1_3.png) 50% 0 no-repeat;}
.info03 .box02 .tit{ font-size:21px;}
.info03 .box02 .stit{ font-size:18px;}
.info03 .box02 .txt, .info03 .box02 .child p{ font-size:14px;}
.info03 .box02 .txt br, .info03 .box02 .child p br{ display:none;}
.info03 .box02 .child .img img{ width:100%;}
}
/* info04(비급여진료안내) */
.info04 { }
.info04 .top_visual { background: url(/images/info/bg_info04.jpg) 50% no-repeat; background-size: cover; }
.info04 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info04.png) 50% no-repeat; }
.info04 .box01 .inner { max-width: 1000px; margin: 0 auto; margin-top: 60px; }
.info04 .box01 .inner th { color: #333; font-weight: bold; }
.info04 .box01 .inner .col3 { background: #fff; text-align: right; padding-right: 20px; }
@media screen and (max-width:768px) {
.info04 .box01 .inner .col3 { padding-right: 10px; }
}
/* info05(환자권리장전) */
.info05 { }
.info05 .top_visual { background: url(/images/info/bg_info05.jpg) 50% no-repeat; background-size: cover; }
.info05 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info05.png) 50% no-repeat; }
.info05 .box01 .inner { max-width: 1200px; margin: 0 auto; margin-top: 60px; }
.info05 .box01 .inner h3 { text-align: left; }
.info05 .box01 .inner .cont ul { overflow: hidden; }
.info05 .box01 .inner .cont ul li { width: 50%; float: left; margin-bottom: 30px; }
.info05 .box01 .inner .cont ul li .tit { display: block; padding-bottom: 20px; color: #333; font-size: 18px; font-weight: bold; width: 94%; margin: 0 3%; }
.info05 .box01 .inner .cont ul li .desc { display: block; width: 94%; margin: 0 3%; border: 1px solid #ddd; border-top: 3px solid #68c00c; padding: 30px 50px; box-sizing: border-box; font-size: 16px; line-height: 2; min-height: 160px; }
@media screen and (max-width:768px) {
.info05 .box01 .inner .cont ul li { width: 100%; float: none; }
.info05 .box01 .inner .cont ul li .tit { width: 100%; margin: 0; }
.info05 .box01 .inner .cont ul li .desc { width: 100%; margin: 0; font-size: 14px; padding: 30px 20px; }
}
/* info06(증명서발급) */
.info06 { }
.info06 .top_visual { background: url(/images/info/bg_info06.jpg) 50% no-repeat; background-size: cover; }
.info06 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info06.png) 50% no-repeat; }
.info06 .box01 .inner, .info06 .box02 .inner, .info06 .box03 .inner { max-width: 1200px; margin: 0 auto; }
.info06 .bx { padding: 80px 0; }
.info06 .inner h3 { text-align: left; margin: 0 0 30px; }
.info06 .box01 .inner ul li { padding-left: 14px; font-size: 16px; line-height: 1.8; background: url(/images/common/icon_list_dot2.png) 0 14px no-repeat; background-size: 4px; margin-bottom: 12px; }
.info06 .box02 { background: #f9f9f9; }
.info06 .box02 .inner .cont { margin-bottom: 30px; overflow: hidden; }
.info06 .box02 .inner .cont .stit { display: block; padding-bottom: 20px; color: #333; font-size: 18px; font-weight: bold; }
/*.info06 .box02 .inner .cont ul li { padding: 30px 20px 30px; background: #68c00c; color: #fff; width: 30%; min-height: 100px; float: left; text-align: center; font-size: 16px; box-sizing: border-box; }*/
.info06 .box02 .inner .cont ul li { padding: 30px 20px 30px; background: #fff; color: #333; width: 30%; min-height: 100px; float: left; text-align: center; font-size: 16px; box-sizing: border-box; border:2px solid rgba(0,0,0,0.1); border-radius:5px;}
.info06 .box02 .inner .cont ul li.stepbar { width: 5%; background: url(/images/info/icon_stepbar.png) 50% no-repeat; background-size: 16px; padding: 30px 0 30px; border:0; }
/*.info06 .box02 .inner .cont ul li.n2 { background: #56c5ef; }*/
.info06 .box03 .inner .cont { width: 50%; float: left; }
.info06 .box03 .inner ul { width: 95%; margin-right: 5%; }
.info06 .box03 .inner ul li { padding-left: 14px; font-size: 16px; line-height: 1.8; background: url(/images/common/icon_list_dot2.png) 0 14px no-repeat; background-size: 4px; margin-bottom: 20px; letter-spacing:-0.07em;}
@media screen and (max-width:768px) {
.info06 .bx { padding: 60px 20px; }
.info06 .inner h3 { text-align: center; }
.info06 .box01 .inner ul li { font-size: 14px; }
.info06 .box02 .inner .cont ul li { width: 100%; float: none; max-width: 280px; margin: 0 auto; font-size: 14px; margin-bottom:15px; }
.info06 .box02 .inner .cont .stit { text-align: center; }
.info06 .box02 .inner .cont ul li.stepbar { display: none; }
.info06 .box03 .inner .cont { width: 100%; float: none; margin-bottom: 30px; }
.info06 .box03 .inner ul li { font-size: 14px; }
}
/* info08(진료협력센터 안내) */
.info08 { }
.info08 .top_visual { background: url(/images/info/bg_info08.jpg) 50% no-repeat; background-size: cover; }
.info08 .top_visual .tit_sub .icon { width: 150px; background: url(/images/info/icon_info06.png) 50% no-repeat; }
.info08 .box01 .inner, .info08 .box02 .inner, .info08 .box03 .inner { max-width: 1200px; margin: 0 auto; }
.info08 .bx { padding: 80px 0; }
.info08 .inner h3 { text-align: left; margin: 0 0 30px; }
.info08 .box01 .inner ul li { padding-left: 14px; font-size: 16px; line-height: 1.8; background: url(/images/common/icon_list_dot2.png) 0 14px no-repeat; background-size: 4px; margin-bottom: 12px; }
.info08 .box02 { background: #f9f9f9; }
.info08 .box02 .inner .cont { margin-bottom: 30px; overflow: hidden; }
.info08 .box02 .inner .cont .stit { display: block; padding-bottom: 20px; color: #333; font-size: 18px; font-weight: bold; }
/*.info08 .box02 .inner .cont ul li { padding: 30px 20px 30px; background: #68c00c; color: #fff; width: 30%; min-height: 100px; float: left; text-align: center; font-size: 16px; box-sizing: border-box; }*/
.info08 .box02 .inner .cont ul li { padding: 30px 20px 30px; background: #fff; color: #333; width: 30%; min-height: 100px; float: left; text-align: center; font-size: 16px; box-sizing: border-box; border:2px solid rgba(0,0,0,0.1); border-radius:5px;}
.info08 .box02 .inner .cont ul li.stepbar { width: 5%; background: url(/images/info/icon_stepbar.png) 50% no-repeat; background-size: 16px; padding: 30px 0 30px; border:0; }
/*.info08 .box02 .inner .cont ul li.n2 { background: #56c5ef; }*/
.info08 .box03 .inner .cont { width: 50%; float: left; }
.info08 .box03 .inner ul { width: 95%; margin-right: 5%; }
.info08 .box03 .inner ul li { padding-left: 14px; font-size: 16px; line-height: 1.8; background: url(/images/common/icon_list_dot2.png) 0 14px no-repeat; background-size: 4px; margin-bottom: 20px; letter-spacing:-0.07em;}
@media screen and (max-width:768px) {
.info08 .bx { padding: 60px 20px; }
.info08 .inner h3 { text-align: center; }
.info08 .box01 .inner ul li { font-size: 14px; }
.info08 .box02 .inner .cont ul li { width: 100%; float: none; max-width: 280px; margin: 0 auto; font-size: 14px; margin-bottom:15px; }
.info08 .box02 .inner .cont .stit { text-align: center; }
.info08 .box02 .inner .cont ul li.stepbar { display: none; }
.info08 .box03 .inner .cont { width: 100%; float: none; margin-bottom: 30px; }
.info08 .box03 .inner ul li { font-size: 14px; }
}