@charset "UTF-8";

@import url(../../css/notosans.css);
@import url(../../css/montserrat.css);
@import url(../../css/scoredream.css);

/* Roboto */
/*@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*/
/* notosanskr */
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/



/* reset */
*{-webkit-text-size-adjust:none}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;outline:0;}body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:1.3;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',Dotum ,sans-serif;font-weight:normal;color:#000;}ul, ol, li{list-style:none}fieldset, img{border:0}br{letter-spacing:normal}p{letter-spacing:normal}hr{display:none}address, caption, em, var{padding:0;margin:0;font-style:normal;font-weight:normal}a{text-decoration:none;color:#666;}a[href^="tel"]{font-style:normal}a:hover, a:active, a:focus{text-decoration:none}input, textarea, select{letter-spacing:normal}img{border:0;vertical-align:top}legend, caption{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}table{width:100%;border-spacing:0;}

/* fullpage */
html.fp-enabled,.fp-enabled body{margin: 0;padding: 0;overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0)}.fp-section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.fp-slide{float: left}.fp-slide, .fp-slidesContainer{height: 100%;display: block}.fp-slides{z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out}.fp-section.fp-table, .fp-slide.fp-table{display: table;table-layout:fixed;width: 100%}.fp-tableCell{display: table-cell;vertical-align: middle;width: 100%;height: 100%}.fp-slidesContainer{float: left;position: relative}.fp-controlArrow{-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}.fp-controlArrow.fp-prev{left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent}.fp-controlArrow.fp-next{right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff}.fp-scrollable{overflow: hidden;position: relative}.fp-scroller{overflow: hidden}.iScrollIndicator{border: 0 !important}.fp-notransition{-webkit-transition: none !important;transition: none !important}#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0)}#fp-nav.right{right: 17px}#fp-nav.left{left: 17px}.fp-slidesNav{position: absolute;z-index: 4;opacity: 1;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 0 !important;right: 0;margin: 0 auto !important}.fp-slidesNav.bottom{bottom: 17px}.fp-slidesNav.top{top: 17px}#fp-nav ul,.fp-slidesNav ul{margin: 0;padding: 0}#fp-nav ul li,.fp-slidesNav ul li{display: block;width: 14px;height: 13px;margin: 7px;position:relative}.fp-slidesNav ul li{display: inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px}#fp-nav ul li .fp-tooltip{position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1}#fp-nav ul li .fp-tooltip.right{right: 20px}#fp-nav ul li .fp-tooltip.left{left: 20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important}.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height: auto !important}

/* slick */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0}.slick-list:focus{outline: none}.slick-list.dragging{cursor: pointer;cursor: hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}.slick-track:before,.slick-track:after{display: table;content: ''}.slick-track:after{clear: both}.slick-loading .slick-track{visibility: hidden}.slick-slide{display: none;float: left;height: 100%;min-height: 1px}[dir='rtl'] .slick-slide{float: right}.slick-slide img{display: block}.slick-slide.slick-loading img{display: none}.slick-slide.dragging img{pointer-events: none}.slick-initialized .slick-slide{display: block}.slick-loading .slick-slide{visibility: hidden}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}.slick-arrow.slick-hidden{display: none}

/* 공통 */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
#wrap{overflow:hidden;min-width:1200px}
#wrap *{box-sizing:border-box}
header{position:relative;width:1200px;height:112px;margin:0 auto}
header::before{content:'';position:absolute;left:-9999px;right:-9999px;bottom:0;height:2px;background:#1dbfd7}
header h1 a.logo {position: absolute;left: 0;top: 20px;width: 48px;height: 70px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999px;}
header h1 a.sub {position: absolute;left: 76px;top: 27px;width: 61px;height: 58px;background: url(/common/images/logo_safetySystem.png) no-repeat 0 0;text-indent: -9999px;}
header .link-content {float: right;margin-top: 64px;}
header .link-content a {float: left;height: 26px;border: 1px solid #1dbfd7;margin-left: 10px;padding: 0 10px 0 25px;font-size: 12px;line-height: 24px;}
header .link-content a.login {background: url(../images/gnb_btn_1.png) no-repeat 8px center;}
header .link-content a.join {background: url(../images/gnb_btn_2.png) no-repeat 8px center;}
.container {position: relative;width: 1200px;margin: 0 auto;padding-bottom: 98px;}
footer {height: 112px;background: #484848;}
footer .center-wrap {position: relative;width: 1200px;margin: 0 auto;padding: 30px 0 0 78px;}
footer .logo {position: absolute;left: 0;top: 30px;width: 39px;height: 55px;background: url(../images/footer_logo.png) no-repeat 0 0;}
footer .list li {display: inline-block;}
footer .list li a {display: inline-block;position: relative;padding: 0 13px;font-size: 16px;font-weight: bold;line-height: 24px;color: #fff;}
footer .list li a::before {content: '';position: absolute;left: 0;top: 8px;width: 1px;height: 12px;background: #7d7d7d;}
footer .list li:first-child a {padding-left: 0;}
footer .list li:first-child a::before {display: none;}
footer .copy {display: block;margin-top: 12px;font-size: 14px;color: #b4b6bb;}

select {padding: 0 12px; height: 35px; border: 1px solid #ccc; background: #fff url(../images/select_arrow.png) no-repeat right center; border-radius: 0; vertical-align: top; appearance: none;}
select::-ms-expand {display: none;}

input[type="text"] {padding: 0 12px;height: 35px;border: 1px solid #ccc;background: #fff;border-radius: 0;font-size: 16px;color: #666;vertical-align: top;}
button {border-radius: 0;border: 0;vertical-align: top;cursor: pointer;}
*:focus {outline: 0ch;}
.com-table table {}
.com-table th {height: 50px;background: #eaf2f3;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;font-size: 18px;font-weight: bold;color: #00454f;}
.com-table th:last-child {border-right: 0;}
.com-table td {height: 50px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;background: #fff;font-size: 18px;color: #666;text-align: center;}
.com-table td:last-child {border-right: 0;}
/* 2020-10-13 추가 */.com-table .tdr {height: 50px;border-bottom: 1px solid #ccc;background: #fff;font-size: 18px;color: #666;text-align: right; padding-right: 10px;}
.com-table2 table {border-top: 2px solid #000;}
.com-table2 th {height: 50px;background: #eaf2f3;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;font-size: 14px;font-weight: bold;color: #00454f;}
.com-table2 th:last-child {border-right: 0;}
.com-table2 td {height: 50px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;background: #fff;font-size: 14px;color: #666;text-align: center;}
.com-table2 td:last-child {border-right: 0;}
.com-table2 .tdr {height: 50px;border-bottom: 1px solid #ccc;background: #fff;font-size: 14px;color: #666;text-align: right; padding-right: 10px;}
.graph-content2 {margin: 60px 0 20px 0;border: 1px solid #ccc;}
/* 2020-10-13 추가 end */
.com-table td strong {font-weight: bold;color: #000;}
.com-table .top-info-txt {display: block;font-size: 16px;line-height: 38px;text-align: right;color: #666;}
/* 2020-10-13 추가*/ .scroll-content .top-info-txt2 {display: block;font-size: 16px;line-height: 38px;text-align: right;color: #666; float: right; display: inline-block; position: relative; margin-top: 15px;}


/* 메인 */
.main .top-content {position: relative;height: 563px;}
.main .top-content::before {content: '';position: absolute;left: -9999px;right: -9999px;height: 100%;background: url(../images/main_top_bg.jpg) no-repeat center 0;}
.main .top-content .txt-area {position: absolute;left: 0;top: 122px;}
.main .top-content .txt-area .txt {display: block;font-size: 26px;font-weight: bold;color: #fff;}
.main .top-content .txt-area .sub-txt {display: block;margin-top: 15px;font-size: 60px;font-weight: 100;line-height: 70px;color: #fff;}
.main .top-content .call-area {position: absolute;left: 0;top: 425px;}
.main .top-content .call-area .tit {display: inline-block;width: 113px;height: 104px;padding-top: 73px;background: url(../images/ic_main_top_center.png) no-repeat 11px 0;font-size: 18px;font-weight: bold;color: #bebebe;}
.main .top-content .call-area .info {display: inline-block;position: relative;height: 104px;padding-left: 25px;vertical-align: top;}
.main .top-content .call-area .info::before {content: '';position: absolute;left: 0;top: 17px;width: 1px;height: 80px;background: rgba(255,255,255,0.3);}
.main .top-content .call-area .info .call {display: block;font-size: 60px;font-weight: bold;line-height: 70px;color: #fff323;font-family:'Roboto',sans-serif;}
.main .top-content .call-area .info .time {display: block;font-size: 20px;line-height: 24px;color: #fff;}
.main .banner-area {position: absolute;top: 51px;right: 0;width:500px;height:460px;}
.main .banner-area .slick-dots {position:absolute;bottom:17px;right: 18px;height:10px;text-align:left;}
.main .banner-area .slick-dots li {display:inline-block;}
.main .banner-area .slick-dots li button {width:10px;height:10px;margin:0 5px;padding:0;border:none;border-radius:50%;background:#d0d0d0;appearance:none;-webkit-appearance:none;text-indent:-9999px;vertical-align: top;cursor: pointer;}
.main .banner-area .slick-dots li button.play {border-radius: 0;background:transparent url(../images/main_banner_play.png) no-repeat 0 0;}
.main .banner-area .slick-dots li button.play.pause {background:transparent url(../images/main_banner_pause.png) no-repeat 0 0;}
.main .banner-area .slick-dots li.slick-active button {background:#f26522;}
.main .count-area {position: relative;height: 187px;}
.main .count-area::before {content: '';position: absolute;left: -9999px;right: -9999px;height: 100%;background: #ededed;}
.main .count-area .list {overflow: hidden;position: relative;}
.main .count-area .list li {float: left;width: 360px;height: 187px;margin-left: 60px;padding: 50px 0 0 100px;}
.main .count-area .list li:first-child {margin-left: 0;}
.main .count-area .list li .txt {display: block;font-size: 20px;font-weight: bold;}
.main .count-area .list li .num {display: block;margin-top: 10px;font-size: 50px;line-height: 60px;color: #f26522;font-family:'Roboto',sans-serif;letter-spacing: -1px;}
.main .count-area .list li .num small {font-size: 16px;line-height: 20px;}
.main .count-area .list li:nth-child(1) {background: url(../images/ic_main_menu_1.png) no-repeat 0 center;}
.main .count-area .list li:nth-child(2) {background: url(../images/ic_main_menu_2.png) no-repeat 0 center;}
.main .count-area .list li:nth-child(3) {background: url(../images/ic_main_menu_3.png) no-repeat 0 center;}
.group-info-area {overflow: hidden;margin-top: 76px;}
.group-info-area .info-cnt {float: left;width: 360px;height: 535px;margin-left: 60px;}
.group-info-area .info-cnt:first-child {margin-left: 0;}
.group-info-area .info-cnt.location .info-box {position: relative;height: 263px;}
.group-info-area .info-cnt.location .info-box .info {position: absolute;left: 0;top: 0;width: 160px;height: 120px;background: #fff;}
.group-info-area .info-cnt.location .info-box .info .txt {display: block;font-size: 26px;font-weight: bold;line-height: 44px;}
.group-info-area .info-cnt.location .info-box .info .num {display: block;font-size: 40px;line-height: 44px;color: #f26522;font-family:'Roboto',sans-serif;letter-spacing: -2px;}
.group-info-area .info-cnt.location .info-box .info .num small {position: relative;top: -3px;font-size: 16px;font-family:'Noto Sans KR',sans-serif;}
/* 2020-10-22 수정 */.group-info-area .info-cnt.location .info-box:nth-child(1) {background: url(../images/main_info_bg_1.jpg) no-repeat center;}
/* 2020-10-22 수정 */.group-info-area .info-cnt.location .info-box:nth-child(2) {margin-top: 10px;background: url(../images/main_info_bg_2.jpg) no-repeat center;}
.group-info-area .info-cnt.location .info-box:nth-child(2) .info {left: auto;right: 0;top: auto;bottom: 0;padding-top: 30px;text-align: right;}
.group-info-area .info-cnt .top-menu {position: relative;height: 76px;border-bottom: 2px solid #000;font-size: 26px;font-weight: bold;line-height: 32px;}
.group-info-area .info-cnt .top-menu a {position: absolute;right: 0;top: 30px;width: 25px;height: 25px;background: url(../images/ic_menu_plus.png) no-repeat 0 0;}
.group-info-area .top-txt {position: absolute;right: 0;top: 10px;font-size: 14px;color: #666;}
/* 2020-10-22 수정 */.com-map-info {position: relative;height: 459px;background: url(../images/main_map_bg.jpg) no-repeat center;}
.com-map-info .info-box {position: absolute;text-align: center;border-radius: 50%;}
.com-map-info .info-box .txt {display: block;position: absolute;left: 0;right: 0;top: 50%;margin-top: -23px;font-size: 14px;font-weight: 100;color: #fff;}
.com-map-info .info-box .num {display: block;position: absolute;left: 0;right: 0;top: 50%;margin-top: -6px;font-size: 20px;font-weight: bold;color: #fff;}
/* 2020-10-22 수정 */.com-map-info .info-box a :hover {color:#ffce25;}
.com-map-info .info-box.num-1 {left: 69px;top: 82px;width: 82px;height: 82px;background: #1dbfd7;}
.com-map-info .info-box.num-2 {left: 222px;top: 137px;width: 82px;height: 82px;background: #1d9cd7;}
.com-map-info .info-box.num-3 {left: 48px;top: 195px;width: 82px;height: 82px;background: #1d86d7;}
.com-map-info .info-box.num-4 {left: 146px;top: 297px;width: 82px;height: 82px;background: #1d4dd7;}
.com-map-info .info-box.num-5 {left: 40px;top: 350px;width: 82px;height: 82px;background: #1d63d7;}
.com-map-info .info-box.num-6 {left: 190px;top: 20px;width: 82px;height: 82px;background: #34b198;}
.com-map-info .info-box.num-7 {left: 258px;top: 394px;width: 82px;height: 82px;background: #6a53c1;}
.com-map-info .info-box.num-8 {left: 137px;top: 144px;width: 82px;height: 82px;background: #494fcf;}
.com-map-info .info-box.num-9 {left: 109px;top: 252px;width: 82px;height: 82px;background: #272cb0;}
.com-map-info .info-box.num-10 {left: 90px;top: 155px;width: 82px;height: 82px;background: #6da8d6;}
.com-map-info .info-box.num-11 {left: 270px;top: 310px;width: 82px;height: 82px;background: #072682;}
.com-map-info .info-box.num-12 {left: 290px;top: 240px;width: 82px;height: 82px;background: #6c8ae0;}
/* .sub-map-content .com-map-info .info-box.size-1 {width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1dd75a;}
.sub-map-content .com-map-info .info-box.size-2 {width: 90px;height: 90px;margin: -45px 0 0 -45px;background: #d7a91c;}
.sub-map-content .com-map-info .info-box.size-3 {width: 105px;height: 105px;margin: -52px 0 0 -52px;background: #1d63d7;} */
.sub-map-content .com-map-info .info-box.num-1 {left: 90px;top: 130px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #18a5ba;}
.sub-map-content .com-map-info .info-box.num-2 {left: 130px;top: 130px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1dbfd7;}/*경기*/
.sub-map-content .com-map-info .info-box.num-3 {left: 170px;top: 210px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #6da8d6;}/*세종*/
.sub-map-content .com-map-info .info-box.num-4 {left: 230px;top: 190px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #494fcf;}/*충북*/
.sub-map-content .com-map-info .info-box.num-5 {left: 350px;top: 190px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d9cd7;}/*경북*/
.sub-map-content .com-map-info .info-box.num-6 {left: 120px;top: 260px;  width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d86d7;}/*충남*/
.sub-map-content .com-map-info .info-box.num-7 {left: 210px;top: 300px;  width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d86d7;}
.sub-map-content .com-map-info .info-box.num-8 {left: 310px;top: 320px;  width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #42bcf5;}/*대구*/
.sub-map-content .com-map-info .info-box.num-9 {left: 410px;top: 315px;  width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #6c8ae0;}/*울산*/
.sub-map-content .com-map-info .info-box.num-10 {left: 180px;top: 340px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #272cb0;}/*전북*/
.sub-map-content .com-map-info .info-box.num-11 {left: 230px;top: 400px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d4dd7;}/*경남*/
.sub-map-content .com-map-info .info-box.num-12 {left: 90px;top: 425px;  width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d63d7;}/*광주*/
.sub-map-content .com-map-info .info-box.num-13 {left: 385px;top: 405px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #072682;}/*부산*/
.sub-map-content .com-map-info .info-box.num-14 {left: 90px;top: 450px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #1d63d7;}/*전남*/
.sub-map-content .com-map-info .info-box.num-15 {left: 370px;top: 520px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #6a53c1;}/*제주*/
.sub-map-content .com-map-info .info-box.num-16 {left: 195px;top: 99px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #60d0e0;}
.sub-map-content .com-map-info .info-box.num-17 {left: 300px;top: 50px; width: 75px;height: 75px;margin: -38px 0 0 -38px;background: #34b198;}/*강원*/

/* 2020-10-22 수정 */.group-info-area .graph-box {position: relative;height: 372px;background: url(../images/graph_bg.jpg) no-repeat left;}
.group-info-area .graph-box .bar {position: absolute;bottom: 3px;width: 28px;}
.group-info-area .graph-box .bar .num {position: absolute;top: -25px;left: -4px;width: 36px;font-size: 14px;font-weight: bold;color: #f26522;text-align: center;}
.group-info-area .graph-box .bar.num-1 {left: 70px;background: #1d86d7;}
.group-info-area .graph-box .bar.num-2 {left: 133px;background: #85dd44;}
.group-info-area .graph-box .bar.num-3 {left: 197px;background: #eaa332;}
.group-info-area .graph-box .bar.num-4 {left: 256px;background: #1dbfd7;}
.group-info-area .graph-box .bar.num-5 {left: 313px;background: #5abeb6;}
.group-info-area .info-cnt.graph .sort-txt {display: table;width: 300px;margin-left: 52px;}
.group-info-area .info-cnt.graph .sort-txt .txt {display: table-cell;padding-top: 58px;font-size: 14px;text-align: center;}
.group-info-area .info-cnt.graph .sort-txt .txt:nth-child(1) {background: url(../images/ic_main_fruit_1.png) no-repeat center 23px;}
.group-info-area .info-cnt.graph .sort-txt .txt:nth-child(2) {background: url(../images/ic_main_fruit_2.png) no-repeat center 23px;}
.group-info-area .info-cnt.graph .sort-txt .txt:nth-child(3) {background: url(../images/ic_main_fruit_3.png) no-repeat center 23px;}
.group-info-area .info-cnt.graph .sort-txt .txt:nth-child(4) {background: url(../images/ic_main_fruit_4.png) no-repeat center 23px;}
.group-info-area .info-cnt.graph .sort-txt .txt:nth-child(5) {background: url(../images/ic_main_fruit_5.png) no-repeat center 23px;}

/* 서브 */
.sub-top-banner {position: relative;height: 187px;}
.sub-top-banner::before {content: '';position: absolute;left: -9999px;right: -9999px;top: 0;bottom: 0;background: #9bd7d5 url(../images/sub_top_bg.jpg) no-repeat center 0;}
.sub-top-banner .txt {position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 40px;line-height: 46px;font-weight: bold;color: #fff;}
.sub-map-content {position: relative;margin-top: 92px;}
.sub-map-content::after {content: '';display: block;clear: both;}
.sub-map-content .com-map-info {float: left;top: -28px;width: 457px;height: 583px;background: url(../images/sub_map_bg_pc.jpg) no-repeat 0 0;}
.sub-map-content .table-area {float: right;width: 690px;}.sub-map-content .search-cnt {padding: 35px 0 35px 30px;background: #f2f2f2;}
.sub-map-content .search-cnt > * {margin-right: 7px;}
.sub-map-content .search-cnt select {width: 130px;}
.sub-map-content .search-cnt input {width: 250px;}
.sub-map-content .search-cnt button {display: inline-block;width: 90px;height: 35px;text-align: center;background: #1dbfd7;font-size: 16px;font-weight: bold;line-height: 35px;color: #fff;}
.sub-map-content .com-table {margin-top: 30px;}
.top-search-content {margin-top: 40px; padding: 30px 50px;background: #f1f1f1;line-height: 35px;}
.top-search-content input[type="radio"] {width: 18px;height: 18px;margin: 0;vertical-align: middle;}
.top-search-content label {display: inline-block;margin: 0 28px 0 7px;font-size: 16px;line-height: 35px;color: #666;vertical-align: top;}
.top-search-content .line + .line {margin-top: 7px;}
.top-search-content .txt {display: inline-block;width: 155px;padding-right: 15px;font-size: 18px;font-weight: bold;color: #006574;text-align: right;}
.top-search-content .send-info {display: inline-block;width: 345px;}
.top-search-content .send-info select {width: 100%;}
.top-search-content .send-info.half-size select {width: 49%;}
.top-search-content .send-info.half-size select:last-child {float: right;}
.search-btn-content {margin-top: 10px;text-align: center;}
.search-btn-content button {display: inline-block;width: 130px;height: 35px;margin: 0 7px;background: #ccc;font-size: 16px;font-weight: bold;line-height: 35px;color: #fff;}
.search-btn-content button.on {background: #1dbfd7;}
.graph-content {margin-top: 30px;border: 1px solid #ccc;}
.com-table.export {margin-top: 20px;}
.com-table.export table {border-bottom: 1px solid #ccc;}
.com-table.export th {border-right: 1px solid #ccc;    border-left: 1px solid #ccc;  }
/*.com-table.export th:last-child {border-right: 0;}*/
.com-table.export td {border-bottom: 0;border-right: 1px solid #ccc;}
.com-table td.right {text-align: right; padding-right: 30px;}
.com-table.export td:last-child {border-right: 0;}

/* 레이어 팝업 */
.layer-pop {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.layer-pop .container {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1000px;height: 600px;padding: 35px 0 0 50px;background: #fff;}
.layer-pop .top-content {position: relative;margin-right: 50px;padding-bottom: 5px;border-bottom: 2px solid #000;}
.layer-pop .top-content .title {display: block;font-size: 30px;font-weight: bold;line-height: 40px;}
.layer-pop .top-content .close {position: absolute;right: 0;top: 6px;width: 25px;height: 25px;background: url(../images/layer_close_btn.png) no-repeat 0 0;}
.layer-pop .scroll-content {overflow: auto;height: 510px;padding-right: 50px;}
.layer-pop .scroll-content > .title {display: block;margin-top: 25px;font-size: 22px;line-height: 30px;}
.layer-pop .com-table {margin-top: 6px;}

/* BOARD */
.notice-section {overflow: hidden;}
.dsb-box {
	padding: 0;
	margin-top: 30px;
	margin-left: 1px;
    box-shadow: 3px 3px #dfdfdf;
    border-radius: 4px;
    border: 1px solid #bababa;
    background: #fff;
    width: 582px;
    float: left;
    height:242px;
}
.dsb-title {
    float: left;
    width: 100%;
    padding: 10px 25px;
    border-bottom: 1px solid #019ebe;
    box-sizing: border-box;
    background-color: #019ebe !important;
}
.dsb-title ul {
    margin: 0;
    padding: 0;
}
.dsb-title .title {
    float: left;
    padding-right: 10px;
}
.dsb-title ul li {
    display: inline;
    list-style: none;
}
.dsb-title h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}
.dsb-textbox {
    float: left;
    width: 100%;
}
.dsb-textbox ul {
    margin: 0;
    padding: 0;
}
.dsb-textbox ul li {
    font-size: 16px;
    color: rgb(34,34,34);
    margin-top: 15px;
    list-style: disc;
    margin-left: 40px;
    width: 100%;
    padding-right: 20px;
}
.dsb-textbox ul li .date {
    color: rgb(136,136,136);
    font-size: 12px;
    float: right;
    margin-top: 3px;
    margin-right: 30px;
}

@media (max-width: 1260px){
	header .link-content a {float: left; height: 26px; border: 1px solid #1dbfd7; margin-left: 2px; padding: 0 6px 0 24px; font-size: 12px; line-height: 24px;}
	#wrap {min-width: 100%;}
	header {width: 100%;height: 85px;}
	header h1 a.logo {left: 20px;top: 20px;width: 130px;height: 43px;background: url(../images/logo_mo.png) no-repeat 0 0;}
	header h1 a.sub {display: none;}
	header .link-content {margin: 29px 20px 0 0;}
	.container {width: 100%;padding-bottom: 60px;}
	footer {height: auto;}
	footer .logo {left: 20px;top: 45px;}
	footer .center-wrap {width: 100%;padding: 40px 20px 40px 95px;}
	.main .top-content {height: auto;padding: 345px 0 50px 0;}
	.main .top-content::before {top: 0;}
	.main .top-content .txt-area {left: 20px;top: 70px;padding-right: 20px;}
	.main .top-content .txt-area .txt {font-size: 18px;}
	.main .top-content .txt-area .sub-txt {font-size: 42px;line-height: 50px;letter-spacing: -2px;}
	.main .top-content .call-area {top: 235px;left: 20px;width: 100%;}
	.main .top-content .call-area .tit {width: 72px;height: 65px;padding-top: 53px;font-size: 13px;background-size: 44px auto;}
	.main .top-content .call-area .info {height: 70px;}
	.main .top-content .call-area .info::before {top: 3px;left: 5px;height: 65px;}
	.main .top-content .call-area .info .call {font-size: 31px;line-height: 44px;}
	.main .top-content .call-area .info .time {font-size: 13px;}
	.main .banner-area {position: relative;top: auto;right: auto;width: calc(100% - 40px);height: auto;margin: 0 auto;}
	.main .banner-area .slick-slide img {width: 100%;}
	.main .banner-area .slick-dots {bottom: -17px;right: auto;left: 0;}
	.main .count-area {height: auto;padding: 0 20px;}
	.main .count-area .list {padding: 15px 0 30px;}
	.main .count-area .list li {width: 100%;height: auto;margin: 25px 0 0 0;padding: 0 0 0 110px;}
	.main .count-area .list li .txt {font-size: 18px;}
	.main .count-area .list li .num {font-size: 40px;line-height: 44px;}
	.main .count-area .list li:nth-child(1) {background-size: 65px auto;background-position: 20px center;}
	.main .count-area .list li:nth-child(2) {background-size: 65px auto;background-position: 20px center;}
	.main .count-area .list li:nth-child(3) {background-size: 65px auto;background-position: 20px center;}
	.group-info-area {margin-top: 70px;padding: 0 20px;}
	.group-info-area .info-cnt {width: 100%;}
	.group-info-area .info-cnt.map {margin: 55px 0 0 0;}
	.com-map-info {width: 320px;margin: 0 auto;}
	.group-info-area .info-cnt {margin: 50px 0 0 0;}
	.group-info-area .graph-box {width: 320px; margin: 0 auto; background-size: 320px 372px;}
    .group-info-area .graph-box .bar.num-1 {left: 70px;background: #1d86d7;}
    .group-info-area .graph-box .bar.num-2 {left: 121px;background: #85dd44;}
    .group-info-area .graph-box .bar.num-3 {left: 178px;background: #eaa332;}
    .group-info-area .graph-box .bar.num-4 {left: 237px;background: #1dbfd7;}
    .group-info-area .graph-box .bar.num-5 {left: 288px;background: #5abeb6;}
	.group-info-area .info-cnt.graph .sort-txt {position: relative;left: 25px;margin: 0 auto;}
	.sub-top-banner::before {background: #9bd7d5 url(../images/sub_top_bg_mo.jpg) no-repeat center 0;}
	.sub-top-banner .txt {left: 20px;margin-top: -27px;font-size: 30px;line-height: 36px;}
	.sub-map-content {margin-top: 30px;}
	.sub-map-content .com-map-info {float: none;top: auto;width: 320px;margin: 0 auto;position: relative;left: -10px;}
	.sub-map-content .table-area {width: 100%;padding: 0 20px;}
	.sub-map-content .search-cnt {padding: 30px 25px;}
	.sub-map-content .search-cnt select {width: 48%;margin: 0;}
	.sub-map-content .search-cnt select:nth-child(1) {float: left;}
	.sub-map-content .search-cnt select:nth-child(2) {float: right;}
	.sub-map-content .search-cnt input {width: calc(100% - 75px);margin: 5px 0 0 0;clear: both;}
	.sub-map-content .search-cnt button {float: right;width: 65px;margin: 5px 0 0 0;}
	.top-search-content {padding: 10px 20px 30px;}
	.top-search-content .txt {display: block;width: 100%;padding-top: 15px;text-align: left;}
	.top-search-content .send-info {width: 100%;}
	.search-btn-content button {width: 110px;}
	.graph-content {margin: 30px 20px 0;}
	.com-table.export {padding: 0 20px;}
	.com-table.export th:nth-child(1) {width: 26%;}
	.com-table.export th:nth-child(2) {width: 37%;}
	.com-table.export th:nth-child(3) {width: 37%;}
	.com-table th {font-size: 16px;letter-spacing: -1px;}
	.com-table td {font-size: 16px;letter-spacing: -1px;}

	.layer-pop .container {width: calc(100% - 40px);padding: 0;}
	.layer-pop .top-content {margin: 0;padding: 25px 0 5px 0;margin: 0 20px;}
	.layer-pop .top-content .title {font-size: 26px;line-height: 30px;padding-right: 30px;}
	.layer-pop .top-content .close {top: auto;bottom: 13px;width: 14px;height: 14px;background-size: 100% 100%;}
	.layer-pop .scroll-content {height: 480px;padding: 0 20px;}
	.layer-pop .com-table {min-width: 700px;width: 100%;}
    
    .com-map-info .info-box.num-1 {left: 69px;top: 82px;width: 82px;height: 82px;background: #1dbfd7;}
    .com-map-info .info-box.num-2 {left: 222px;top: 137px;width: 82px;height: 82px;background: #1d9cd7;}
    .com-map-info .info-box.num-3 {left: 48px;top: 195px;width: 82px;height: 82px;background: #1d86d7;}
    .com-map-info .info-box.num-4 {left: 146px;top: 297px;width: 82px;height: 82px;background: #1d4dd7;}
    .com-map-info .info-box.num-5 {left: 40px;top: 332px;width: 82px;height: 82px;background: #1d63d7;}
    .com-map-info .info-box.num-6 {left: 190px;top: 60px;width: 82px;height: 82px;background: #34b198;}
    .com-map-info .info-box.num-7 {left: 280px;top: 400px;width: 82px;height: 82px;background: #6a53c1;}
    .com-map-info .info-box.num-8 {left: 137px;top: 144px;width: 82px;height: 82px;background: #494fcf;}
    .com-map-info .info-box.num-9 {left: 109px;top: 252px;width: 82px;height: 82px;background: #272cb0;}
    .com-map-info .info-box.num-10 {left: 90px;top: 155px;width: 82px;height: 82px;background: #6da8d6;}
    .com-map-info .info-box.num-11 {left: 250px;top: 310px;width: 82px;height: 82px;background: #072682;}
    .com-map-info .info-box.num-12 {left: 270px;top: 240px;width: 82px;height: 82px;background: #6c8ae0;}
    .group-info-area .info-cnt.graph .sort-txt {display: table;width: 270px;margin: 0 auto;}
    
    .sub-map-content .com-map-info {float: none;top: auto;width: 320px;margin: 0 auto;position: relative;left: -10px;background: url(../images/sub_map_bg.jpg) no-repeat 0 0;}
	.sub-map-content .com-map-info .info-box .txt {margin-top: -17px;font-size: 12px;}
	.sub-map-content .com-map-info .info-box .num {margin-top: -3px;font-size: 18px;line-height: 24px;}
	.sub-map-content .com-map-info .info-box.size-1 {width: 60px;height: 60px;margin: -30px 0 0 -30px;background: #1dd75a;}
	.sub-map-content .com-map-info .info-box.size-2 {width: 70px;height: 70px;margin: -35px 0 0 -35px;background: #d7a91c;}
	.sub-map-content .com-map-info .info-box.size-3 {width: 90px;height: 90px;margin: -45px 0 0 -45px;background: #1d63d7;}
	.sub-map-content .com-map-info .info-box.num-1 {left: 26px;top: 130px;}
	.sub-map-content .com-map-info .info-box.num-2 {left: 110px;top: 130px;}
	.sub-map-content .com-map-info .info-box.num-3 {left: 130px;top: 210px;}
	.sub-map-content .com-map-info .info-box.num-4 {left: 190px;top: 190px;}
	.sub-map-content .com-map-info .info-box.num-5 {left: 270px;top: 190px;}
	.sub-map-content .com-map-info .info-box.num-6 {left: 80px;top: 250px;}
	.sub-map-content .com-map-info .info-box.num-7 {left: 180px;top: 300px;}
	.sub-map-content .com-map-info .info-box.num-8 {left: 260px;top: 280px;}
	.sub-map-content .com-map-info .info-box.num-9 {left: 330px;top: 300px;}
	.sub-map-content .com-map-info .info-box.num-10 {left: 150px;top: 290px;}
	.sub-map-content .com-map-info .info-box.num-11 {left: 180px;top: 340px;}
	.sub-map-content .com-map-info .info-box.num-12 {left: 30px;top: 365px;}
	.sub-map-content .com-map-info .info-box.num-13 {left: 310px;top: 350px;}
	.sub-map-content .com-map-info .info-box.num-14 {left: 80px;top: 390px;}
	.sub-map-content .com-map-info .info-box.num-15 {left: 300px;top: 430px;}
    .sub-map-content .com-map-info .info-box.num-16 {left: 160px;top: 99px;}
    .sub-map-content .com-map-info .info-box.num-17 {left: 240px;top: 70px;}
    .dsb-box {width: 100%;}
}
@media all and (max-width:340px) {
	.main .top-content .txt-area .sub-txt {font-size: 38px;}
	.main .top-content .call-area .info .call {font-size: 27px;}
}


/* 220516 추가 */
.banner_slider .no_image{height: 250px !important; width: 100%; background: #F2F2F2 url(../../images/main/img_no_image.png) no-repeat center center;}
@media all and (max-width:1024px){
	#header .util .logout a{background-image: url(../../images/common/i_logout.png);}
	#header.on .util .logout a{background-image:url(../../images/common/i_logout_black.png);}
}