@charset "utf-8";
@import url('font.css');
@import url('responsive.css');  

html, body {  font-family: NotoSans, NanumGothic, sans-serif; color: #666666 !important;
              font-weight:200; font-size: 16px;  letter-spacing: -0.5px; line-height: 1.7;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  { margin-bottom: 0;}
em,address {font-style: normal;}
a, 
a:link { text-decoration: none !important;  color: #000;  cursor: pointer; }
a:hover,
a:focus  { text-decoration: none !important;  color: #777;}


ul { padding-inline-start:  0 !important }

/*remove*/
li,ol,ul,dl {list-style: none; margin-bottom: 0 !important;}
img,fieldset{border:0;}

/*ir*/
.ir {width: 0;height: 0;font-size: 0;line-height: 0;overflow: 0;position: absolute;left: 0;top:0;}



.left 		{ text-align: left !important; }
.center 	{ text-align: center !important; }
.right 		{ text-align: right !important; }
.vam { vertical-align:middle}
.bn { border:none !important;} 
.clear { clear:both !important}
.dpb { display:block; width: 100%; margin-top: 15px;} 
.dpib { display:inline-block !important}
.ofh { overflow:hidden !important}
.bold { font-weight: bold !important}

.f_left { float:left; }
.f_right { float:right; }

/*폰트속성*/
.f-red { color:#F00 !important;}
.f-blue { color:#06C !important}
.f-green { color:#096 !important}
.f-wgreen { color:#0F6 !important}
.f-org { color:#F30 !important}
.f-black { color:#000 !important}
.f-gray { color:#777 !important}
.f-gray30 { color:#b7b7b7 !important}
.f-white { color:#fff !important}
.f-Pwhite { color:#F9F0F0 !important}
.f-brown { color:#98614c !important}

.f-07  { font-size:0.7em !important;}
.f-08  { font-size:0.8em !important;}
.f-085  { font-size:0.85em !important;}
.f-09  { font-size:0.9em !important;}
.f-095  { font-size:0.95em !important;}
.f-1  { font-size:1em !important;}
.f-115 { font-size:1.15em !important;}
.f-12 { font-size:1.2em !important;}
.f-13 { font-size:1.3em !important;}
.f-14 { font-size:1.4em !important;}
.f-15 { font-size:1.5em !important;}
.f-18 { font-size:1.8em !important;}
.f-2 { font-size:2em !important;}
.f-3 { font-size:3em !important;}

/* padding, margin setting */

.pd00 {padding: 0px !important;}
.pd05 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}
.pd25 {padding: 25px !important;}
.pd30 {padding: 30px !important;}
.pd35 {padding: 35px !important;}
.pd40 {padding: 40px !important;}
.pd45 {padding: 45px !important;}
.pd50 {padding: 50px !important;}
.pd55 {padding: 55px !important;}
.pd60 {padding: 60px !important;}
.pd65 {padding: 65px !important;}
.pd70 {padding: 70px !important;}
.pd75 {padding: 75px !important;}
.pd80 {padding: 80px !important;}


.pt00 {padding-top: 0px !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}

.pl00 {padding-left: 0px !important;}
.pl05 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}
.pl65 {padding-left: 65px !important;}
.pl70 {padding-left: 70px !important;}
.pl75 {padding-left: 75px !important;}
.pl80 {padding-left: 80px !important;}

.pr00 {padding-right: 0px !important;}
.pr05 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}
.pr65 {padding-right: 65px !important;}
.pr70 {padding-right: 70px !important;}
.pr75 {padding-right: 75px !important;}
.pr80 {padding-right: 80px !important;}

.pb00 {padding-bottom: 0px !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}

.mg00 {margin: 0px !important;}
.mg01 {margin: 1px !important;}
.mg02 {margin: 2px !important;}
.mg02 {margin: 3px !important;}
.mg05 {margin: 5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}
.mg35 {margin: 35px !important;}
.mg40 {margin: 40px !important;}
.mg45 {margin: 45px !important;}
.mg50 {margin: 50px !important;}
.mg55 {margin: 55px !important;}
.mg60 {margin: 60px !important;}
.mg65 {margin: 65px !important;}
.mg70 {margin: 70px !important;}
.mg75 {margin: 75px !important;}
.mg80 {margin: 80px !important;}


.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}

.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}

.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}


.bg_white    { background:#fff !important}
.bg_black    { background:#000 !important }
.bg_gray00   { background:#f8f6f3 !important}
.bg_gray     { background:#747474 !important }
.bg_gray10   { background:#ebebeb!important }
.bg_gray20   { background:#e2e2e2 !important }
.bg_gray30   { background:#d0d0d0 !important }
.bg_gray40   { background:#a4a4a4 !important }
.bg_gray90   { background:#333333 !important }
.bg_grayBlue { background:#5d778d !important }
.bg_brown    { background:#675852 !important}
.bg_red      { background:#C30 !important}
.bg_red50    { background:#ff7a7a !important}
.bg_red20    { background:#ffd2d2 !important}
.bg_red10    { background:#fff5f5 !important}
.bg_dblue    { background:#232930 !important}
.bg_blue10   { background:#eef0ff !important}
.bg_blue20   { background:#d9dbee !important}
.bg_green    { background:#01b03d !important}
.bg_violet    {background:#47169f !important}  
.bg_violet90  {background:#362b3e !important} 
.bg_dviolet  {background:#574786 !important} 
.bg_bviolet  {background:#4f296e !important} 
.bg_navy 	 {background:#24556f !important}

.bg_v_gr { background: linear-gradient(to right, #7d149f, #5f09a5);  }


/*모달창센터정렬
.modal { text-align: center; padding: 0 !important}
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; border:none; }
*/

.show {display: block !important;}
.hide {display: none !important;}

.table-body .table {max-height: calc(250px + 1em); overflow-y: auto;}
.table-body table {width: 100% !important;}

/* carousel */
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;}


#sd a.active polygon {fill: #777; stroke: none; transition: .3s;}
#sd a.active text {fill: #fff; stroke: none; transition: .3s;}

.chart-iconAR span {cursor: pointer; margin-left: 2px; position: relative;}
.chart-iconAR .download_type {position: absolute; left: -1px; top: 19px; background: #fff; font-size: .65em; border: 1px solid #949494; display: none;}
.chart-iconAR .download_type.on {display: block;}
.chart-iconAR .download_type li {padding: .5em 1em; border-top: 1px solid #ddd}
.chart-iconAR .download_type li:first-child {border-top: 0;}
.chart-iconAR .download_type li a {font-family: NotoSans, NanumGothic, sans-serif}

.map {position: relative; z-index: 1;}
.tourList {position: absolute; background: #fff; padding: .5em 1em; border-radius: .25em; margin-left: 1em; border: 1px solid #000; /*display: none;*/ }
.tourList.on {display: block;}

/* .거칭군_list {left: 0; top: 0;} */

/* .marker-list {display: none;} */

/*.chart {padding: 1em !important;}*/
.chart canvas {height: 250px !important;}
.chart-consume { height: 250px !important; }
.chart-consume2 { height: 400px !important; }
.chart-corporation { height: 250px !important; }

.chart canvas.h350 {height: 350px !important;}
.table-body.h350, .chart-body.h350 {height: calc(350px + 2em);}
.table-body.h350 .table {max-height: calc(350px + 1em);}

/*.chartBOX {min-height: 420px !important;}*/
.table-body {height: calc(250px + 2em);}
.chart-body {min-height: calc(250px + 2em);}

.table_num {text-align: right !important; padding-right: 1em !important;}

.main_mtmb {margin: 1.25em 0 .5em !important;}
.text_space {letter-spacing: 1em !important; text-indent: 1em !important;}