@charset "utf-8";

/* ------------------------------------------------------------------------- */
/* CSS Table of Contents
/* ------------------------------------------------------------------------- */
/*

1. Global
1-1. input & select
1-2. button
1-3. table
1-4. tabmenu
1-5. list
1-6. box
1-7. layer

2. Layout
2-1. wrap
2-2. header
2-3. footer
2-4. nav

3. Page
3-1. 메인
3-2. 지도
3-4. 나는 사장
3-5. 나도 곧 사장
3-6. 지역/상권별 현황

4. Etc
4-1. library - mCustomScrollbar

/* ------------------------------------------------------------------------- */
/* 1. Global
/* ------------------------------------------------------------------------- */

/* 툴팁 */
.hasTooltip:hover p.tooltip {display:none;}

/* ------------------------------------------------------------------------- */
/* 2. Layout
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* 2-1. wrap
/* ------------------------------------------------------------------------- */

#wrap {min-width:100%;}
.wrap_inner {width:auto;}

/* ------------------------------------------------------------------------- */
/* 2-2. header
/* ------------------------------------------------------------------------- */

#hd .gnb .menu ul li {padding:0 4px;}
#hd .gnb .menu ul li a {font-size:15px;}
#hd .gnb .btn .system {padding-right:20px;}
#hd .gnb .btn .info {padding-right:20px;}

/* ------------------------------------------------------------------------- */
/* 2-3. footer
/* ------------------------------------------------------------------------- */

#ft {margin-top:145px; padding-left:493px;}
#ft:before {top:-145px; width:493px; height:145px;}
#ft .leftArea {width:493px;}
#ft .menu {margin-left:-10px;}
#ft .menu li a {padding:0 10px; font-size:14px;}
#ft address dl > * {font-size:14px;}
#ft .uselaw {font-size:13px;}

/* ------------------------------------------------------------------------- */
/* 3. Page
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* 3-1. 메인
/* ------------------------------------------------------------------------- */

#main ul.list_col {margin-left:-20px;}
#main ul.list_col li {width:calc(33.33% - 20px); margin-left:20px;}
#main ul.list_col > li > dl {padding:0 20px;}
#main ul.list_col > li > dl > dd .chartArea ul li dl dd p {font-size:19px;}
#main ul.list_col > li > dl > dd .chartArea ul li dl dd p span {font-size:28px;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dd p {font-size:12px;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dd p span {font-size:15px;}