@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

/* ========== 공통 */
.clfix{*zoom:1;}
.clfix::after{content:'';display: table;clear:both;}
html, body{height: 100%;max-height: 1080px;padding:0;margin:0;font-family: 'NanumSquare', 'notokr',"Apple SD Gothic Neo",'Malgun Gothic', dotum, sans-serif;}
#wrap{position: relative;width: 100%;height: 100%;background-image:url("../images/bg-main.jpg");background-repeat: no-repeat;background-size: cover;background-position: center bottom;text-align:center;overflow-x: hidden}
#wrap *{box-sizing: border-box;}
.dim:after{content:'';position:absolute;top:0;left:0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 10}

/* layout */
.container{position: relative;width:1200px;height: calc(100% - 66px - 56px);min-height: 885px;margin:66px auto 0;}
.section{width: 100%;height: 100%}
.footer{width: 100%;height: 56px;background-color: #3e3e3f}
.bg-deco1{position: absolute;top: 87px;left: 50%;margin-left: -880px;width: 253px;height: 414px;z-index: 10}
.building1{position: absolute;bottom: 56px;left: 50%;margin-left: -960px;width: 360px;height: 641px;}
.building2{position: absolute;bottom: 56px;left: 50%;margin-left: 600px;width: 360px;height: 641px;}
/* ==========header 영역 */
.tab-list{position: relative;width: 100%;min-height: 72px;margin: 0 auto;text-align: left;}
.railing{position: absolute;bottom: -13px;}
.rail-left{left: 14px;}
.rail-right{right: 14px;}
.logo-kbs{display:inline-block;width: 110px;height: 18px;margin-left: 17px;margin-top: 19px;background: url("../images/logo-blue.png") no-repeat center;background-size:contain;background-position: center;font-size:0;text-indent: -9999em;vertical-align: top}
.menu-area{position: absolute;left: 180px;top: 16px;width: 960px;height: 90px;background: #fff;border-radius:20px;border:1px solid #00be86;text-align:center;z-index: 10;}
.menu-area a{position: relative;display: inline-block;width:calc(100% / 3.1);height: 100%;font-size: 24px;line-height: 90px;font-weight: 700;letter-spacing: -0.2px;cursor: pointer;}
.menu-area a:after{content:'';display: block;position: absolute;left: 0;top: 0;width: 100%;;height: 100%;z-index: 0}
.menu-area a:hover:after, .menu-area a.on:after{background: #00be86;border-radius:20px;box-shadow: 0px 0px 10px 4px rgba(0,0,0,.15);transform:scale(1.2);transition: all 0.3s}
.menu-area a:nth-child(2){border-left:1px solid #00be86;border-right:1px solid #00be86;}
.menu-area a .tab-txt{color:#00be86;}
.menu-area a .tab-out{display: none;position: absolute;top:-26px;left: 50%;margin-left: -183px;width: 370px;height: 139px;color:#fff;line-height: 140px;transition: all ease 1s;z-index: 10}
.menu-area a em{font-size:15px;line-height:20px;font-weight: 700}
.menu-area a em:after{display: inline-block;content:'';width: 95px;height: 1px;margin-left: 4px;margin-top: 6px;background:#19B98A;vertical-align: top;}
.menu-area a .point{color:#EE7429;font-weight: 800}
.menu-area a#tab1{padding-left: 40px;text-align: left;line-height: 1;}
.menu-area a#tab1 em{display:block;margin-top: 24px;}
.menu-area a#tab1 p{display: block;margin-top: 0px;}
.menu-area a#tab1 .tab-out{padding-left: 40px;text-align: left;line-height: 1;}
.menu-area a#tab1 .tab-out em{display:block;margin-top: 44px;line-height: 24px;}
.menu-area a#tab1 .tab-out p{display: block;margin-top: 0px;}
.menu-area a#tab1 em:after{margin-top: 9px;background: #19b98a}
.menu-area a.on .tab-out, .menu-area a:hover .tab-out{display: block;}
.menu-area a.on .point, .menu-area a:hover .point{color:#fff;font-size:26px;font-weight: 800}
.menu-area a.on .tab-txt, .menu-area a:hover .tab-txt{opacity: 0}
.menu-area a#tab1.on .tab-out, .menu-area a#tab1:hover .tab-out{padding-left: 60px;line-height: 1.1;}
.menu-area a.on em, .menu-area a:hover em{font-size:18px;font-weight: 800;letter-spacing: -1px;}
.menu-area a.on em:after, .menu-area a:hover em:after{height: 2px;width: 93px;margin-left: 11px;margin-top: 8px;opacity: 50%;letter-spacing: -1px;}
.menu-area a#tab1.on em:after, .menu-area a#tab1:hover em:after{background: #fff;}

/* ==========section 영역 */
.tab-con{position:relative;width: 100%;height:calc(100% - 72px);background: #fff;border:1px solid #65a1aa;overflow: hidden;}
.tab-con>div{width: 100%;height: 100%;overflow: hidden}
#tabCon1>div{float:left;overflow: hidden;}
.con-left{width: 390px;height: 100%;padding:87px 30px 17px 60px;background: #D6F7ED;text-align: left}
.con-right{width:calc(100% - 390px);}
.con-right .inner{position: relative;width: 100%;height: 100%;text-align: left}
.con-right .inner.in1{display: block;padding:60px 87px 46px 96px;}
.con-right .inner.in2{display: none;padding-top: 26px;padding:86px 60px 88px 96px;}

#tabCon1, #tabCon2{padding: 0}
.con-mix{height: 100%;margin: 0 auto;padding: 110px 40px 30px;}
.con-mix .inner{height: 100%;padding-bottom: 20px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.con-mix .inner::-webkit-scrollbar {width: 4px;height: 4px;border-radius: 3px;background:#f1f1f1;}
.con-mix .inner::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;border: 3px solid #ccc;}


/***********1. con*/
.tit-con1{display: inline-block;width: 188px;height: 53px;background:url("../images/title1.png") no-repeat center;font-size:0;text-indent:-9999em;}
.select-area{padding: 25px 0 17px;}
.select-area select{width: 142px;height: 38px;padding:10px 12px;border:1px solid #ddd;background:#fff url("../images/ico-arrow-down.png") no-repeat 90% center;background-size:14px;filter:alpha(opacity=1);font-size:14px;font-weight:600;color:#444;letter-spacing: -0.5px;border-radius:0;box-sizing:border-box;vertical-align: top;box-sizing: border-box;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.select-area select:first-child{margin-right: 4px;}
.select-area select::-ms-expand {display:none}
.select-area select:disabled{background-color:rgba(250,250,250,0.9);}
.select-area select option{color:#444;font-weight: 400;line-height: 40px;letter-spacing: -0.05rem;}
.select-area select::-ms-value {background: transparent;color:rgba(250,250,250,0.9)}

.smjTop-list{width: 100%;height: 483px;margin-bottom: 18px;padding:22px 25px 74px 41px;background:#fff;border-radius: 16px;text-align: left;}
.tit-smjTop{display:inline-block;width: 206px;height: 47px;margin-left: 4px;margin-bottom: 18px;background:url("../images/tit-unjust.png") no-repeat center;font-size:0;text-indent: -999em;text-align: center;}
.smjTop-list ul{height: calc(100% - 20px);overflow-y: auto;-webkit-overflow-scrolling: touch;}
.smjTop-list ul::-webkit-scrollbar {width: 4px;height: 4px;border-radius: 3px;background:#f1f1f1;}
.smjTop-list ul::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;border: 3px solid #ccc;}
.smjTop-list li{margin-bottom: 14px;font-size: 14px;color:#111;line-height: 1;cursor: pointer;}
.smjTop-list li strong{margin-right: 10px;font-weight: 700}
.smjTop-list li span{font-weight: 600}
.smjTop-list li span.on{color:green}
.smjTop-list li.hover{}
.smjTop-list li:hover{text-decoration: underline;}

.link-area{width: 100%;}
.btn-link{display: inline-block;width: 94px;height: 40px;padding-left: 10px;margin-right:6px;border:1px solid #559C9E;background:#D6F7ED;font-size:14px;color:#468578;line-height: 38px;}
.btn-link:last-child{margin-right: 0;}
.ico-arrowR{display: inline-block;width: 22px;height: 13px;margin-top: 12px;margin-left: 5px;background: url("../images/arrow-r.jpg") no-repeat right center;background-size: 31px 12px;vertical-align: top;}
.btn-link:hover{font-weight: 800}



/***********1. 상세내용*/
 .btn-home{margin-right: 5px;font-size:14px;color:#468578;line-height: 16px;vertical-align: top}
.btn-info{position: absolute;top: 86px;right: 60px;width: 28px;height: 24px;border:0;background:url("../images/btn-info.png") no-repeat center;background-size: cover;opacity: 0.9;font-size: 0;text-indent: -9999em;transition: all 1s}
.btn-info:hover{opacity: 1}
.info-add{display:none;position: absolute;top:85px;left: 90px;width:calc(100% - 86px - 60px);padding:20px;background:#fefefe;border:1px solid #c7cde4;color:#555;text-align:left;box-sizing: border-box;box-shadow: 0px 0px 10px 4px rgba(0,0,0,.3);z-index: 50}
.info-add.on{display: inline-block}
.info-inner{height: 99%;overflow-y:auto;-webkit-overflow-scrolling: touch}
.info-inner::-webkit-scrollbar {width: 4px;height: 4px;border-radius: 3px;background:#f1f1f1;}
.info-inner::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;border: 3px solid #ccc;}
.info-add .btn-close{position: absolute;top:20px;right:20px;display: inline-block;width: 28px;height: 28px;background:#fff url("https://news.kbs.co.kr/dj/2021-04-lib/images/ico-close.png") no-repeat 0 0;background-size:cover;font-size: 0;text-indent: -999em;transition: transform 1s;}
.info-add .btn-close:hover{opacity: 1;transform: rotate(180deg)}
.info-add .tit-add{margin-top: 20px;font-size:18px;line-height: 1;font-weight: 600;letter-spacing: -2px;color:#333;}
.info-add .add-area{margin:8px 0 10px;}
.info-add .add-area dl{padding: 0 0 5px 5px;box-sizing: border-box}
.info-add .add-area dt{color:#555;font-weight: 600}

.tit-area .tit-sido{font-size:16px;color:#333;line-height: 1;font-weight: 700}
.tit-area .num-sido{margin-left: 6px;font-size:15px;color:#999;line-height: 16px;}
.tit-rank{margin-top: 15px;font-size:28px;color:#121619;line-height: 28px;font-weight: 700;}
.rank-info{display: inline-block;padding:5px 18px 4px;margin-left: 30px;background:#e4e4e4;border-radius:13px;font-size:15px;color:#202020;line-height: 1;}
.rank-info span{display: inline-block;line-height:17px;}
.rank-info span:first-child{margin-right: 20px;}
.rank-info span:before{content:'';display: inline-block;width: 12px;height: 17px;margin-right: 5px;background-image:url("../images/ico-pos.png");background-repeat:no-repeat;background-size:cover;vertical-align: top;}
.rank-info .place:before{background-position: 0 0}
.rank-info .rank:before{background-position: 0 -17px}

.txt-detail{width: 100%;margin-top: 32px}
.tit-sort{margin-bottom: 6px;font-size:18px;color:#232323;font-weight: 800;line-height: 1;}
.chart-bar{position:relative;display: inline-block;width:42%;height: 70px;margin-right: 4%;}
.chart-rank{width: 100%;font-size:16px;line-height: 1;text-align: center}
.chart-rank strong{margin-left:3px;letter-spacing: -1px;}
#hospRate{width: 100%;height: 40px;}
#hospRate:before{content:'0%';position: absolute;bottom: 0;left: 0;font-size:10px;color:#666;line-height: 14px;letter-spacing: 0;}
#hospRate:after{content:'100%';position: absolute;bottom: 0;right:0;font-size:10px;color:#666;line-height: 14px;letter-spacing: 0;}
.label-area{display: inline-block;width: 53%;padding-top: 5px;}
.label-area li{float:left;width:50%;margin-bottom: 8px;font-size:16px;color:#44474b;line-height: 15px;letter-spacing: -1px}
.label-area li strong{margin-right: 10px;letter-spacing: -1px;}
.label-area li span{line-height: 15px;}
.label-area li:before{display: inline-block;content:'';width: 15px;height: 15px;margin-right: 6px;background:#ddd;}
.label-area li.label_a:before{background: #EDBCC5}
.label-area li.label_b:before{background: #F7C6AF}
.label-area li.label_c:before{background: #EFE296}
.label-area li.label_d:before{background: #A6D4BF}
.label-area li.label_e:before{background: #A5D8E0}
.label-area li.label_f:before{background: #ACCCED}
.label-area li.label_g:before{background: #C7B4D8}
.label-area li.label_i:before{background: #ccc}

.txt-detail .btm{margin-top: 34px;}
.txt-detail .btm li{position: relative;float:left;height: 142px;padding:24px 0 23px;border:1px solid #ccc;border-radius:16px;text-align: left;font-weight: 700}
.txt-detail .btm li:first-child{width:27%;}
.txt-detail .btm li:nth-child(2){width:calc(46% - 34px);margin:0 17px}
.txt-detail .btm li:last-child{width:27%}
.txt-detail .btm li .txt-sub{display:block;font-size:13px;color:#666;line-height: 21px;font-weight: 700}
.txt-detail .btm li .tit-sort{min-height: 63px;margin-bottom: 0;padding-left: 22px;font-size:18px;color:#232323;font-weight: 800;line-height: 1;}
.txt-detail .btm li .icon{position: absolute;top: 44px;right: 15px;display:inline-block;width: 35px;height: 35px;background-repeat: no-repeat;background-position:center;background-size:cover;}
.txt-detail .btm li .ico-result1{background-image: url("../images/ico-rst1.png")}
.txt-detail .btm li .ico-result2{background-image: url("../images/ico-rst2.png")}
.txt-detail .btm li .ico-result3{background-image: url("../images/ico-rst3.png")}
.txt-detail .btm li .txt-result{font-size:32px;color:#00be86;line-height: 1;text-align: center}
.txt-detail .btm li:nth-child(2) .txt-result{font-size:24px;line-height: 32px;}
.txt-detail .btm li strong{font-size: 28px;line-height: 1;}
.txt-detail .btm li em{margin-right: 3px;font-size:18px;line-height: 34px;color:#222}
.txt-detail .btm li .small{font-size:20px;line-height: 34px;}
.smj-list{width: 100%;height: 200px;margin-top: 54px;font-family:'notokr';font-size:14px;color:#444;overflow: hidden}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {width: 4px;height: 4px;border-radius: 3px;background:#f1f1f1;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;border: 3px solid #ccc;}
table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td{padding:15px 10px;color:#444}
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {background: #F4FBF8;}
table.dataTable thead th, table.dataTable thead td{border-top:1px solid #1FB56D;border-bottom:1px solid #eee;font-weight: 600;text-align: center}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{border-color:#eee;text-align: center}
table.dataTable tbody tr:last-child td{border-bottom:1px solid #ddd;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-color:#ddd}

.none-msg{width: 100%;height: 100%;padding:200px 0;font-size:25px;color:#454545;text-align: center}

/* ==========2.tab2 */
.con-mix .tit-mix{padding-bottom: 26px;font-size:36px;color:#262626;font-weight: 700;line-height: 1;}
.con-mix .tit-mix strong{font-weight: 800;line-height: 34px;}
.con-mix .inner-box{width: 840px;margin:30px auto;font-size:16px;line-height: 24px;color:#454545}
.con-mix .inner-box .tit-box{margin-bottom: 20px;font-size:22px;color:#525252;line-height: 1;font-weight: 700;text-align:left}
.con-mix .inner-box .tit-box strong{font-weight: 800;line-height: 20px;}
.con-mix .inner .link-area{margin-bottom: 80px;}
#tabCon2 img{width: 840px;}

/* ==========3.tab3 */
#tabCon3 img{width: 840px;}

/* ==========footer */
.foot-inner{position: relative;display: inline-block;width: 1200px;margin: 0 auto;}
.footer p{display: inline-block;font-size:13px;line-height: 56px;color:#fff;ffont-weight: bold;letter-spacing: 0px;}
.footer a{display:inline-block;width:auto;}
/* sns */
.sns-box{position: absolute;top:8px;right: 20px;}
.sns-box li{float:left;width: 43px;height: 43px;margin-right: 9px;}
.sns-box button, .sns-box a{float:left;display: inline-block;width:100%;height: 100%;background-position:center;background-repeat: no-repeat;background-size:cover;font-size:0;text-indent:-999em;box-sizing: border-box}
.sns-box a.sns-kakaotalk{background-image: url("../images/btn-sns-ka.png")}
.sns-box button.facebook{background-image: url("../images/btn-sns-fa.png")}
.sns-box button.twitter{background-image: url("../images/btn-sns-tw.png")}



/* ★★★★★★★★★★mob★★★★★★★★★ */
.mob #wrap{min-width: auto;background-image: url("../images/bg-mainM.jpg");}

.mob .container{width:calc(100% - 4.53%);height: calc(100% - 37px);min-height: auto;margin: 0 auto 0;}
.mob .con-inner{width: 100%;}
.mob .section{overflow: hidden}
.mob .footer{height: 37px;}

/* ==========header 영역 */
.mob .tab-list{min-height: 77px;}
.mob .railing{width: 50%;bottom: -13px;}
.mob .rail-left{left: 3px;}
.mob .rail-right{right: 3px;}
.mob .logo-kbs{width: 70px;height: 11px;margin-left: 10px;margin-top: 18px;}
.mob .logo-kbs a{display: inline-block;width:auto;height:auto}
.mob .menu-area{left: 12px;top: 47px;width:calc(100% - 12px - 12px);height: 45px;margin-top: 0;border-radius:10px;}
.mob .menu-area a{width:calc(100% / 3.1);height: 100%;font-size: 12px;line-height:44px;}
.mob .menu-area a:hover:after, .mob .menu-area a.on:after{border-radius: 10px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,.15);}
.mob .menu-area a .tab-out{display: none;top:-11px;left: -15%;margin-left:0;width: 130%;height: 64px;line-height:65px;}
.mob .menu-area a em{font-size:12px;line-height:16px;font-weight: 700}
.mob .menu-area a em:after{width:47px;margin-left: 3px;margin-top: 3px;}
.mob .menu-area a .point{color:#EE7429;}
.mob .menu-area a#tab1{padding-left: 13px;line-height: 12px}
.mob .menu-area a#tab1 em{margin-top: 6px;font-size:10px;letter-spacing: -0.5px;}
.mob .menu-area a#tab1 .tab-out{padding-left: 20px;}
.mob .menu-area a#tab1 .tab-out em{margin-top: 17px;line-height: 14px;}
.mob .menu-area a#tab1 em:after{margin-top: 7px;width: 40px;}
.mob .menu-area a.on{font-size:13px;}
.mob .menu-area a.on .tab-out{display:inline-block;}
.mob .menu-area a.on .point, .mob .menu-area a:hover .point{color:#fff;font-size:13px;}
.mob .menu-area a.on#tab1 .tab-out, .mob .menu-area a#tab1:hover .tab-out{padding-left: 20px;line-height: 1.1;}
.mob .menu-area a.on em, .mob .menu-area a:hover em{font-size:10.5px;}
.mob .menu-area a#tab1.on em:after, .mob .menu-area a:hover em:after{height: 1px;width: 46.5px;margin-left: 5.5px;margin-top: 5.5px;}

/* ==========section 영역 */
.mob .tab-con{height:calc(100% - 76px);}
.mob #tabCon1>div{float:none;}
.mob .con-left{width: 100%;height: 100%;padding:62px 35px 35px 34px;background: #fff;}
.mob .con-right{display:none;width:100%;height: 100%;}
.mob .con-right .inner.in2{display: block;height: 100%;padding:49px 0 42px 13px;}

.mob #tabCon1, .mob #tabCon2{padding: 0}
.mob .con-mix{padding: 50px 0px 20px 13px;}

/***********1. con*/
.mob  .tit-con1{width: 146.5px;height:43px;margin-left: 10px;background:url("../images/title1M.png") no-repeat center;background-size: cover;}
.mob .select-area{padding: 32px 0 36px;}
.mob .select-area select{width: calc(50% - 5px);height: 38px;padding:10px 12px;background:#fff url("../images/ico-arrow-down.png") no-repeat 90% center;background-size:12px;filter:alpha(opacity=1);font-size:13px;}
.mob .select-area select:first-child{margin-right: 7px;}
.mob .select-area select option{line-height: 34px;}


.mob .smjTop-list{height: calc(100% - 200px);margin-bottom: 30px;padding:0;border-radius: 0;text-align: center;}
.mob .tit-smjTop{width: 192px;height: 37.5px;margin-left: 4px;margin-bottom: 12px;background:url("../images/tit-unjustM.png") no-repeat center;background-size: cover;}
.mob .smjTop-list ul{height: calc(100% - 50px);border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: left}
.mob .smjTop-list ul::-webkit-scrollbar {width: 3px;height: 3px;border-radius: 3px;}
.mob .smjTop-list ul::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #ddd;border: 2px solid #ccc;}
.mob .smjTop-list li{margin-bottom: 0px;padding-left: 15px;border-bottom: 1px solid #e5e5e5;font-size: 12px;color:#1c1c1c;line-height: 44px;}
.mob .smjTop-list li strong{margin-right: 6px;line-height: 45px;}

.mob .link-area{width: 100%;text-align: center}
.mob .btn-link{width: 76px;height: 30px;padding-left: 4px;margin-right:3px;font-size:12px;line-height: 30px;}

.mob .ico-arrowR{display: inline-block;width: 16px;height: 12px;margin-top: 9px;margin-left: 5px;background: url("../images/arrow-r.jpg") no-repeat right center;background-size: 31px 12px;vertical-align: top;}


/***********3. */
.mob .tit-area{padding-bottom: 16px;}
.mob .btn-info{top: 49px;right: 14px;width: 20px;height: 18px;}
.mob .info-add{display:none;top:49px;left: 14px;width:calc(100% - 28px);padding:10px;}
.mob .info-add .btn-close{top:10px;right:10px;display: inline-block;width: 18px;height: 18px;}
.mob .info-add .tit-add{margin-top: 10px;font-size:13px;letter-spacing: -1px;}
.mob .info-add .add-area{margin:4px 0 5px;}
.mob .info-add .add-area dl{padding: 0 0 3px 3px;font-size: 12px}

.mob .scroll{height: 100%;padding-right: 13px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mob .scroll::-webkit-scrollbar {width: 3px;height: 3px;border-radius: 3px;background:#f1f1f1;}
.mob .scroll::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #D6F7ED;border: 2px solid #ddd;}
.mob .btn-home{margin-right: 5px;font-size:13px;color:#468578;line-height: 13px;vertical-align: top}
.mob .tit-area .tit-sido{font-size:12px;letter-spacing: -0.5px;}
.mob .tit-area .num-sido{margin-left: 3px;font-size:11px;line-height: 13px;}
.mob .tit-rank{margin-top: 0px;font-size:22px;line-height: 24px;}
.mob .rank-info{padding:4px 10px 3.5px;margin-left: 10px;border-radius:10px;font-size:12px;}
.mob .rank-info span{line-height:15px;}
.mob .rank-info span:first-child{margin-right: 8px;}
.mob .rank-info span:before{width: 10px;height: 14px;margin-right: 2.5px;}
.mob .rank-info .place:before{background-position: 0 0}
.mob .rank-info .rank:before{background-position: 0 -14px}

.mob .txt-detail{margin-top: 0px}
.mob .tit-sort{margin-bottom:0px;font-size:14px;}
.mob .chart-bar{width:100%;height: 56px;margin-right: 0;}
.mob .chart-rank{font-size:12px;color:#44474b}
.mob .chart-rank strong{margin-left: 3px;color:#00be86;line-height: 12.5px;font-weight: 700}
.mob #hospRate{width: 100%;height: 34px;}
.mob #hospRate:before{font-size:9px;line-height:9px;}
.mob #hospRate:after{font-size:9px;line-height: 9px;;}
.mob .label-area{width: 100%;padding-top: 0;padding-left:3%}
.mob .label-area ul{}
.mob .label-area li{float:left;width:calc(100% / 3);margin-bottom: 2px;font-size:11px;color:#44474b;line-height: 15px;letter-spacing: -1px}
.mob .label-area li:nth-child(3n){padding-left: 0%;}
.mob .label-area li strong{margin-right: 3px;letter-spacing: -1px;line-height: 18px;}
.mob .label-area li span{font-size:11px;line-height: 17px;}
.mob .label-area li:before{width: 7px;height: 7px;margin-right: 3px;}


.mob .txt-detail .btm{margin-top: 12px;}
.mob .txt-detail .btm li{height: auto;padding:14px 15px 13px 45px;margin-bottom: 8px;border-radius:8px;}
.mob .txt-detail .btm li:first-child{width:100%;}
.mob .txt-detail .btm li:nth-child(2){width:100%;margin:0;margin-bottom: 10px;}
.mob .txt-detail .btm li:last-child{width:100%;margin-bottom: 0;}
.mob .txt-detail .btm li .txt-sub{display:inline-block;margin-left: 4px;font-size:12px;color:#666;line-height:19px;font-weight: 700}
.mob .txt-detail .btm li .tit-sort{display:inline-block;min-height: auto;margin-bottom: 0;padding-left: 0px;font-size:14px;line-height: 19px;}
.mob .txt-detail .btm li .icon{position: absolute;top: 10px;right: 0;left: 13px;width: 25px;height: 25px;}
.mob .txt-detail .btm li .txt-result{float:right;display: inline-block;font-size:18px;}
.mob .txt-detail .btm li:nth-child(2) .txt-result{font-size:17px;line-height: 20px;letter-spacing: -1.5px;}
.mob .txt-detail .btm li strong{font-size: 16px;line-height: 1;}
.mob .txt-detail .btm li em{margin-right: 0;margin-left: 1px;font-size:14px;line-height: 18px;color:#222}
.mob .smj-list{height:230px;margin-top: 20px;margin-bottom: 50px;font-size:10px;}
.mob table.dataTable thead th, .mob table.dataTable thead td, .mob table.dataTable tbody th, .mob table.dataTable tbody td{padding:8px 5px;}
.mob .none-msg{width: 100%;height: 100%;padding:100px 0;font-size:15px;}
.mob table.dataTable thead .sorting_desc, .mob table.dataTable thead .sorting, .mob table.dataTable thead .sorting_asc{background-size: 15px}
.mob table.dataTable thead th span, .mob table.dataTable thead td span{display: block;line-height: 1;}

/* ==========tab2 */
.mob .con-mix .tit-mix{padding-bottom: 15px;font-size:20px;font-weight: 400}
.mob .con-mix .tit-mix strong{font-size:21px;line-height: 21px;font-weight:600}
.mob .con-mix .inner{height: 100%;padding-right: 10px;padding-bottom: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mob .con-mix .inner::-webkit-scrollbar {width: 3px;height: 3px;border-radius: 2px;}
.mob .con-mix .inner::-webkit-scrollbar-thumb {border-radius: 3px;border: 2px solid #ccc;}
.mob .con-mix .inner-box{width:100%;margin:20px auto;padding:0 0px;font-size:11px;line-height: 17px;color:#454545}
.mob .con-mix .inner-box .tit-box{margin-bottom: 10px;font-size:13px;font-weight:600}
.mob .con-mix .inner-box .tit-box strong{font-weight: 700;line-height: 15px;}
.mob .con-mix .inner .link-area{margin-bottom: 40px;}
.mob #tabCon2 img{width: 100%;}

/* ==========tab3 */
.mob #tabCon3 img{width: 100%;}

/* ==========footer */
.mob .foot-inner{width: 100%;text-align: left}
.mob .footer p{padding-left: 12%;font-size:8.5px;line-height: 37px;color:#7e7e84;text-align: left;}

/* sns */
.mob .sns-box{top:6px;right: 5.86%;}
.mob .sns-box li{float:left;width: 25px;height: 25px;margin-right: 6px;}



@media screen and (min-width:360px) and (max-width: 540px) {
 .mob .sec-btm ul li{margin-left:calc((100% - 126px) / 3)}
 .mob .kakaostory, .mob .naverblog{display: none;}
}
@media screen and (min-width:0px) and (max-width: 359px) {
  .mob .con-right .inner.in2{padding:39px 0 21px 13px}
  .mob .txt-detail .btm li:nth-child(2) .txt-result{font-size:17px;}
  .mob .label-area li{font-size:10px;margin-bottom: 0;}
  .mob .menu-area a#tab1{padding-left: 0;}
  .mob .menu-area a .tab-out{height: 64px;top: -12px;}
  .mob .menu-area a em{font-size:8px;}
  .mob .menu-area a#tab1 .tab-out em{margin-top: 17px;}
  .mob .menu-area a#tab1.on .tab-out, .mob .menu-area a#tab1:hover .tab-out{padding-left: 10px;}
  .mob .smjTop-list{height: calc(100% - 190px)}
  .mob .select-area{padding:32px 0}
  .mob .btn-link{width: 72px;height: 32px;padding-left: 2px;margin-right:3px;font-size:12px;line-height: 32px;}
  .mob .ico-arrowR{width: 14px;height: 12px;margin-top: 10px;}
  .mob .footer p{padding-left: 5%;font-size:7px}
  .mob .sns-box{right: 1%;}
}


/* 가로모드 */
#landscape{display:none}
@media screen and (orientation:landscape){
    .mob #landscape{display: block;position:fixed;top:0;left:0; right:0; bottom:0; z-index:999;width:100%;
      height:100%; background:#639EA8;color:#fff; overflow-y:hidden; text-align: center;}
    #landscape > span{display:inline-block;width:100%;margin:18% auto;color:#fff;font-size:4.5vw;font-weight:500;text-align:center;line-height:1.5; background:url(https://news.kbs.co.kr/special/voicephishing/resources/images/mo/ico-landscape.png) no-repeat 50% 0; background-size:80px auto; padding-top:80px;}
}


/* @@@@@@@@ 지도 */
#mapA svg path {fill: #ccc;stroke: #fff;stroke-width: 1.5px;}
svg .municipality{fill:#ccc;stroke: #fff;stroke-width: 1.2px;}
svg .municipality:hover {fill: #00BE86;stroke: #fff;cursor: pointer}
svg .municipality-label {fill: #222;font-weight: 600;text-anchor: middle;cursor:pointer}
svg .municipality-label:hover{fill:#017956;font-weight:900}
#map{position:relative;width: 100%;height:100%;border:1px solid #DCDCDC;}
.map-return{position:absolute;top:0;left:0;width:80px;height:auto;border:1px solid #DCDCDC;border-bottom-color:#bbb;border-right-color:#bbb;padding:5px;background:rgba(0,0,0,0.15);text-align:center;box-sizing:border-box;z-index: 100;}
.map-return img{width: 100%;opacity: 0.8;}
.map-return:after{position:absolute;top:0;left:0;display: none;width: 100%;height: 100%;content:'◀ 전국지도';font-size:13px;color:#333;font-weight:700;background:rgba(10,151,130,0.3);line-height: 100px;}
.map-return:hover{background: rgba(0,0,0,0.3);}
.map-return:hover:after{display: inline-block;}

#map .mouse{position:absolute;bottom:15px;right:15px;display: inline-block;width:24px;height: 53px;background:url("../images/ico-mouse.png") no-repeat center;background-size:cover;z-index: 100;opacity: 0.4;}