@charset "utf-8";

/****** main_content ******/
.content-wrapper.main{margin-left: 0; border: 0;}
.main_content{}

/*** main_con1 ***/
.main_con1{max-width: 1500px; margin: 0 auto; position: relative; bottom: -130px; z-index: 999;}
.main_con1 .visual_slide{float: left; width: 50%; max-width: 750px;}
.main_con1 .recent_list, .main_con1 .main_quick{float: right; width: 50%; max-width: 680px; }

/* visual_slide */
.visual_slide{position: relative;}
.visual_slide .ect_slide_box{width: 100%; position: absolute; margin-top: 140px; padding-left: 430px;}
.visual_slide .ect_slide_box .progress_box{width: 110px; float: left; margin-top: 8px; margin-left: 11px;}
.visual_slide .ect_slide_box .slider-progress{height: 2px;}
.visual_slide .ect_slide_box .slider-progress .progress{height: 2px; background: #5aa6a8;}
.visual_slide .ect_slide_box .slider-btn{float: right; position: relative; z-index: 9999;}
.visual_slide .ect_slide_box .slider-btn button{display: inline-block;text-indent: -9999px; border: 0; background: none; cursor: pointer;}
.visual_slide .ect_slide_box .slider-btn  #slick_pause{width: 28px; height: 28px; background: url(../images/main/btn_slide_pause.png) no-repeat center center;}
.visual_slide .ect_slide_box .slider-btn  #slick_play{width: 28px; height: 28px; background: url(../images/main/btn_slide_play.png) no-repeat center center; display: none;}
.visual_slide .ect_slide_box  .slider-btn .slick-prev{width: 9px; height: 28px; background: url(../images/main/btn_slide_prev.png) no-repeat center center; margin-left: 5px; margin-right: 5px;}
.visual_slide .ect_slide_box  .slider-btn .slick-next{width: 9px; height: 28px; background: url(../images/main/btn_slide_next.png) no-repeat center center;}
.visual_slide .slide_paging{ float: left;}
.visual_slide .slide_paging span{font-family: 'Aggro', 'Scoredream'; font-weight: 500; color: #5aa6a8; letter-spacing: -0.05em; line-height: 1; font-size: 14px;}
.visual_slide .slide_paging .count{font-size: 17px; color: #015a55; font-weight: 600; margin-right: 8px;}
.visual_slide .slide_paging .pagecount{}
.visual_slide .slide_paging .pagecount::before{content: '/'; margin-right: 3px;}
.visual_slide .item{padding-top: 20px;}
.visual_slide .item p{font-size: 18px; font-weight: 500; color: #00554f; line-height: 1.2; font-family: 'Aggro', 'Scoredream'; position: relative; margin-bottom: 20px; display: inline-block;}
.visual_slide .item p::after{content: ''; display: block; width: 26px; height: 33px; background: url(../images/main/img_slide_txt.png) no-repeat center center; position: absolute; right: -35px; top: -100%; background-size: 26px;}
.visual_slide .item .txt{font-size: 50px; line-height: 60px; color: #00554f; letter-spacing: -0.05em; font-family: 'Aggro', 'Scoredream'; }
.visual_slide .item .txt b{color: #00554f;}
.visual_slide .item .img_area{height: 318px; margin-top: 58px;}

/* recent_list */
.recent_list{margin-bottom: 70px; position: relative; z-index: 999;;}
.recent_list .tab_menu{overflow: hidden; border-bottom: 2px solid #00837c; display: flex; justify-content: left; margin-bottom: 0;}
.recent_list .tab_menu li{margin-right: 4px;}
.recent_list .tab_menu li a{display: block; width: 100%; height: 100%;  padding: 0 30px; font-size:24px; height: 53px; line-height: 55px; letter-spacing: -0.025em; font-family: 'Aggro', 'Scoredream'; font-weight: 300; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 2px solid #00837c; border-bottom: 0; color:#00837c ;}
.recent_list .tab_menu li.on a{background: #00837c; color: #fff;}

.recent_list .tab_cont{position: relative;}
.recent_list .tab_cont .btn_more{position: absolute; display: block; font-size: 14px; color: #00554f; font-family: 'Scoredream'; font-weight: 400; top: -40px; right: 10px; padding-right: 15px; background: url(../images/main/i_arrow_btn_more.png) no-repeat 49px center; background-size: 6px;}
.recent_list .tab_cont .list_head{padding: 20px 10px 15px 10px; border-bottom: 1px solid #acd2d3; overflow: hidden ; min-height: 105px;}
.recent_list .tab_cont .list_head a{display: block; width: 100%; height: 100%; padding-left: 90px; }
.recent_list .tab_cont .list_head a:hover .txt span{text-decoration: underline;}
.recent_list .tab_cont .list_head .date{position: absolute; left: 10px; width: 70px; height: 70px; border-radius: 100px; background: #5aa6a8; text-align: center; color: #fff; font-size: 26px; font-family: 'Aggro', 'Scoredream'; font-weight: 500; letter-spacing: -0.025em; line-height: 1; padding-top: 9px; top: 20px;}
.recent_list .tab_cont .list_head .date span{ color: #fff; font-size: 12px; font-weight: 300; letter-spacing: -0.025em; margin-bottom: 4px; line-height: 1;}
.recent_list .tab_cont .list_head .txt{padding-top: 9px;}
.recent_list .tab_cont .list_head .txt b{display: block; font-family: 'Scoredream';    margin-bottom: 5px; line-height: 1; padding-bottom: 2px;}
.recent_list .tab_cont .list_head .txt b span{font-weight: 500; color: #003530; font-size: 18px;  letter-spacing: -0.05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 25px); line-height: 1.2;}
.recent_list .tab_cont .list_head .txt b img{vertical-align: -1px; margin-left: 5px; display: inline-block; width: 20px;}
.recent_list .tab_cont .list_head .txt>span{display: block; font-family: 'Scoredream'; font-weight: 400; color: #555555; font-size: 16px; line-height: 1; letter-spacing: -0.025em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; line-height: 1.2;}

.recent_list .tab_cont .list{padding-top: 24px; min-height: 165px; margin-bottom: 0;}
.recent_list .tab_cont .list li{margin-bottom: 23px; position: relative; padding-left: 21px;}
.recent_list .tab_cont .list li:last-of-type{margin-bottom: 0;}
.recent_list .tab_cont .list li a{display: block; font-family: 'Scoredream'; font-weight: 400; font-size: 18px; letter-spacing: -0.025em; line-height: 1; color: #003530; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding-right: 120px; padding-left: 20px; position: relative;}
.recent_list .tab_cont .list li a:hover{text-decoration: underline;}
.recent_list .tab_cont .list li a::before{content: ''; display: block; width: 11px; height: 11px; border-radius: 100px; border: 3px solid #00837c; position: absolute; left: 0; top: 3px;}
.recent_list .tab_cont .list li span{ font-family: 'Scoredream'; font-weight: 400; font-size: 15px; letter-spacing: -0.025em; color: #555555; position: absolute; right: 20px; top: -2px;}

/* main_quick */
.main_quick{}
.main_quick ul{display: flex; justify-content: space-between;}
.main_quick ul li{background: #fff; border-radius: 20px; border: 1px solid #dcdcdc; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); width: 23%; max-width: 156px; height: 180px; position: relative; bottom: 0; transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1)}
.main_quick ul li:hover{bottom: 10px;}
.main_quick ul li a{display: block; width: 100%; height: 100%; padding-top: 115px; position: relative;}
.main_quick ul li a::before{content: ''; display: block; width: 100%; height: 120px; position: absolute; left: 0; top: 0;}
.main_quick ul li a span{font-family: 'Aggro', 'Scoredream'; font-weight: 500; font-size: 18px; letter-spacing: -0.025em; color: #004640; display: block; text-align: center; line-height: 1.3;}
.main_quick ul li.q1 a::before{background: url(../images/main/i_quick_1.png) no-repeat center center;}
.main_quick ul li.q2 a::before{background: url(../images/main/i_quick_2.png) no-repeat center center;}
.main_quick ul li.q3 a::before{background: url(../images/main/i_quick_3.png) no-repeat center center;}
.main_quick ul li.q4 a::before{background: url(../images/main/i_quick_4.png) no-repeat center center;}
.main_quick ul li.q5 a::before{background: url(../images/main/i_quick_5.png) no-repeat center center;}


/*** main_con2 ***/
.main_con2{clear: both; background: #015a55 url(../images/main/bg_main_3.png) no-repeat right bottom; padding-top: 300px; position: relative; padding-bottom: 100px; overflow-x: hidden; overflow-y: hidden;}
.main_con2::before{content: ''; display: block; width: 100%; height: 185px; background: url(../images/main/bg_main_1.png) no-repeat left center; position: absolute; left: 0; top: -180px;}
.main_con2::after{content: ''; display: block; width: 100%; height: 622px; background: url(../images/main/bg_main_2.png) no-repeat left center; position: absolute; left: 0; top: 430px;}
.main_con2 .inner{max-width: 1500px; margin: 0 auto; position: relative; z-index: 999;}

/* cont_menu */
.main_con2 .cont_menu{display: flex; justify-content: space-between; max-width: 1260px; margin: 0 auto}
.main_con2 .cont_menu button{width: 24%; max-width: 240px; border: 0; border-radius: 100px; padding: 15px 10px; line-height: 1.5; font-family: 'Aggro', 'Scoredream'; font-weight: 300; letter-spacing: -0.025em; background: #02857d; color: #fff; box-shadow: 5px 5px 20px rgba(0,0,0,0.15); font-size: 17px; position: relative;}
.main_con2 .cont_menu button.active{background: #e6f8f7; color: #003530; font-weight: 500;}
.main_con2 .cont_menu button.active::after{content: ''; display: block; width: 20px; height: 20px; background:#e6f8f7; position: absolute; left: 50%; margin-left:-10px; bottom: -8px; transform: rotate(45deg);}

/* cont_slider */
.main_con2 .cont_slider{position: relative;}
.main_con2 .cont_slider .swiper-slide{padding-top: 77px;}
.main_con2 .main_title{font-size: 50px; font-weight: 700; font-family: 'Scoredream'; letter-spacing: -0.025em; line-height: 1; color: #fff; text-align: center; display: block;}
.main_con2 .subtitle{color: #fff; font-size: 21px; margin-bottom: 20px; display: block;}
.main_con2 .subtitle i{background: url(../images/main/i_bullet.png) no-repeat center center; top: 6px; background-size: 20px;}
.main_con2 .cont_slider .content{padding: 0; overflow: hidden; max-width: 1260px; margin: 0 auto; margin-top: 60px; }
.main_con2 .page_control .menu-button-prev, .main_con2 .page_control .menu-button-next{display: block; background: none; border: 0; text-indent: -9999px; width: 53px; height: 80px; position: absolute; top: 370px; z-index: 999;}
.main_con2 .page_control .menu-button-prev{background: url(../images/main/btn_map_arrow_prev.png) no-repeat center center; left: 0;}
.main_con2 .page_control .menu-button-next{background: url(../images/main/btn_map_arrow_next.png) no-repeat center center; right: 0;}


/* map_box */
.main_con2 .cont_slider .content .map_box{float: right; width: 55%; max-width: 660px; position: relative; padding-bottom: 20px;}
.main_con2 .cont_slider .content .map_box .tab_menu{display: flex; border-bottom: 1px solid #fff}
.main_con2 .cont_slider .content .map_box .tab_menu li{width:auto; position: relative; height: 35px; bottom: -1px;}
.main_con2 .cont_slider .content .map_box .tab_menu li a{display: block; width: 100%; height: 100%; padding: 0 25px; line-height: 35px; font-family: 'Scoredream'; font-weight: 400; color: #fff;  transition: 0s;}
.main_con2 .cont_slider .content .map_box .tab_menu li.on{border: 1px solid #fff; border-bottom: 0;}
.main_con2 .cont_slider .content .map_box .tab_menu li.on::after{content:''; display:block; width:100%; height: 3px; background: #015a55; position: absolute; left: 0px; bottom: -2px; z-index: 99;}
.main_con2 .cont_slider .content .map_box .tab_menu li.on a{line-height: 33px;}

.main_con2 .cont_slider .content .map_box .tab_cont{}
.main_con2 .cont_slider .content .map_box .tab_cont .inner{padding-top: 30px; position: relative;}
.main_con2 .cont_slider .content .map_box .map{position: relative; width: 354px; margin: 0 auto; bottom: 20px;}
.main_con2 .cont_slider .content .map_box .map img{display: block; max-width: none;}
.main_con2 .cont_slider .content .map_box .map .line{position: absolute; left: 0; z-index: 999; top: 0px; left: 0px;}
.main_con2 .cont_slider .content .map_box .map_detail>div{position: absolute; top: 0; left: 0;}
.main_con2 .cont_slider .content .map_box .map_detail .map_1{width: 47px; height: 38px; top:85px; left: 92px;}
.main_con2 .cont_slider .content .map_box .map_detail .map_2{width: 113px; height: 138px; top:38px; left: 71px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_3{width: 55px; height: 51px; top:76px; left: 42px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_4{width: 137px; height: 113px; top:158px; left: 35px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_5{width: 25px; height: 40px; top:189px; left: 121px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_6{width: 27px; height: 31px; top:216px; left: 135px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_7{width: 129px; height: 90px; top:251px; left: 62px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_8{width: 42px; height: 29px; top:370px; left: 77px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_9{width: 180px; height: 137px; top:322px; left: 10px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_10{width: 192px; height: 152px; top:8px; left: 126px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_11{width: 113px; height: 130px; top:139px; left: 138px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_12{width: 155px; height: 171px; top:144px; left: 187px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_13{width: 40px; height: 41px; top:266px; left: 231px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_14{width: 145px; height: 124px; top:279px; left: 165px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_15{width: 45px; height: 36px; top:301px; left: 288px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_16{width: 74px; height: 48px; top:330px; left: 244px; }
.main_con2 .cont_slider .content .map_box .map_detail .map_17{width: 76px; height: 42px; top:472px; left: 36px; }

.main_con2 .cont_slider .content .map_box .map_detail .map_1.status2{background: url(../images/main/map/map01_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_1.status3{background: url(../images/main/map/map01_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_2.status2{background: url(../images/main/map/map02_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_2.status3{background: url(../images/main/map/map02_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_3.status2{background: url(../images/main/map/map03_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_3.status3{background: url(../images/main/map/map03_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_4.status2{background: url(../images/main/map/map04_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_4.status3{background: url(../images/main/map/map04_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_5.status2{background: url(../images/main/map/map05_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_5.status3{background: url(../images/main/map/map05_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_6.status2{background: url(../images/main/map/map06_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_6.status3{background: url(../images/main/map/map06_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_7.status2{background: url(../images/main/map/map07_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_7.status3{background: url(../images/main/map/map07_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_8.status2{background: url(../images/main/map/map08_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_8.status3{background: url(../images/main/map/map08_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_9.status2{background: url(../images/main/map/map09_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_9.status3{background: url(../images/main/map/map09_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_10.status2{background: url(../images/main/map/map10_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_10.status3{background: url(../images/main/map/map10_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_11.status2{background: url(../images/main/map/map11_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_11.status3{background: url(../images/main/map/map11_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_12.status2{background: url(../images/main/map/map12_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_12.status3{background: url(../images/main/map/map12_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_13.status2{background: url(../images/main/map/map13_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_13.status3{background: url(../images/main/map/map13_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_14.status2{background: url(../images/main/map/map14_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_14.status3{background: url(../images/main/map/map14_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_15.status2{background: url(../images/main/map/map15_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_15.status3{background: url(../images/main/map/map15_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_16.status2{background: url(../images/main/map/map16_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_16.status3{background: url(../images/main/map/map16_3.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_17.status2{background: url(../images/main/map/map17_2.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_detail .map_17.status3{background: url(../images/main/map/map17_3.png) no-repeat center center; }

.main_con2 .cont_slider .content .map_box .map_hover>div{position: absolute; top: 0; left: 0; display: none;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_1{width: 47px; height: 38px; top:85px; left: 92px; background: url(../images/main/map/map01_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_2{width: 113px; height: 138px; top:38px; left: 71px; background: url(../images/main/map/map02_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_3{width: 55px; height: 51px; top:76px; left: 42px; background: url(../images/main/map/map03_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_4{width: 137px; height: 113px; top:158px; left: 35px;background: url(../images/main/map/map04_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_5{width: 25px; height: 40px; top:189px; left: 121px; background: url(../images/main/map/map05_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_6{width: 27px; height: 31px; top:216px; left: 135px; background: url(../images/main/map/map06_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_7{width: 129px; height: 90px; top:251px; left: 62px; background: url(../images/main/map/map07_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_8{width: 42px; height: 29px; top:370px; left: 77px; background: url(../images/main/map/map08_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_9{width: 180px; height: 137px; top:322px; left: 10px;background: url(../images/main/map/map09_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_10{width: 192px; height: 152px; top:8px; left: 126px;background: url(../images/main/map/map10_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_11{width: 113px; height: 130px; top:139px; left: 138px; background: url(../images/main/map/map11_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_12{width: 155px; height: 171px; top:144px; left: 187px; background: url(../images/main/map/map12_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_13{width: 40px; height: 41px; top:266px; left: 231px; background: url(../images/main/map/map13_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_14{width: 145px; height: 124px; top:279px; left: 165px; background: url(../images/main/map/map14_hover.png) no-repeat center center;}
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_15{width: 45px; height: 36px; top:301px; left: 288px;background: url(../images/main/map/map15_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_16{width: 74px; height: 48px; top:330px; left: 244px;background: url(../images/main/map/map16_hover.png) no-repeat center center; }
.main_con2 .cont_slider .content .map_box .map_hover .map_hover_17{width: 76px; height: 42px; top:472px; left: 36px; background: url(../images/main/map/map17_hover.png) no-repeat center center;}


.main_con2 .cont_slider .content .left{position: absolute; left:0; top: 100px;}
.main_con2 .cont_slider .content .right{position: absolute;  right:0; top: 100px;}
.main_con2 .cont_slider .content .status li{width: 154px; height: 44px; line-height: 40px; border-radius: 100px; background: rgba(0,0,0,0.4); margin-bottom: 35px; padding: 0 20px; border: 2px solid #003530; position: relative; transition: all 0.2s;}
.main_con2 .cont_slider .content .status li span{font-family: 'Scoredream'; font-weight: 300; letter-spacing: -0.025em; color: #fff; font-size: 18px; }
.main_con2 .cont_slider .content .status li b{font-family: 'Scoredream'; font-weight: 500; letter-spacing: 0em; color: #f39800; font-size: 22px; float: right;}
/*.main_con2 .cont_slider .content .status_box ul li.on{border: 2px solid #f39800; background: #004742; transition: all 0.2s;}
.main_con2 .cont_slider .content .status_box ul li::after{content: ''; display: block; position: absolute; top: 50%; opacity: 0;}
.main_con2 .cont_slider .content .status_box ul li.on::after{opacity: 1;}
.main_con2 .cont_slider .content .status_box ul li.map_1::after{right: -118px;  width: 117px; height: 56px; background: url(../images/main/map/img_arrow_map1.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_2::after{right: -128px;  width: 127px; height: 39px; background: url(../images/main/map/img_arrow_map2.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_3::after{right: -61px;  width: 60px; height: 72px; background: url(../images/main/map/img_arrow_map3.png) no-repeat center center; top: -50px;}
.main_con2 .cont_slider .content .status_box ul li.map_4::after{right: -89px;  width: 88px; height: 21px; background: url(../images/main/map/img_arrow_map4.png) no-repeat center center; top: 0;}
.main_con2 .cont_slider .content .status_box ul li.map_5::after{right: -132px;  width: 131px; height: 58px; background: url(../images/main/map/img_arrow_map5.png) no-repeat center center; top: -34px;}
.main_con2 .cont_slider .content .status_box ul li.map_6::after{right: -147px;  width: 146px; height: 89px; background: url(../images/main/map/img_arrow_map6.png) no-repeat center center; top: -67px;}
.main_con2 .cont_slider .content .status_box ul li.map_7::after{right: -106px;  width: 105px; height: 87px; background: url(../images/main/map/img_arrow_map7.png) no-repeat center center; top: -65px;}
.main_con2 .cont_slider .content .status_box ul li.map_8::after{right: -96px;  width: 95px; height: 53px; background: url(../images/main/map/img_arrow_map8.png) no-repeat center center; top: -30px;}
.main_con2 .cont_slider .content .status_box ul li.map_9::after{right: -73px;  width: 72px; height: 76px; background: url(../images/main/map/img_arrow_map9.png) no-repeat center center; top: -52px;}
.main_con2 .cont_slider .content .status_box ul li.map_10::after{left: -104px;  width: 103px; height: 50px; background: url(../images/main/map/img_arrow_map10.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_11::after{left: -184px;  width: 183px; height: 77px; background: url(../images/main/map/img_arrow_map11.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_12::after{left: -78px;  width: 77px; height: 50px; background: url(../images/main/map/img_arrow_map12.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_13::after{left: -104px;  width: 103px; height: 61px; background: url(../images/main/map/img_arrow_map13.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_14::after{left: -143px;  width: 142px; height: 63px; background: url(../images/main/map/img_arrow_map14.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_15::after{left: -41px;  width: 40px; height: 9px; background: url(../images/main/map/img_arrow_map15.png) no-repeat center center;}
.main_con2 .cont_slider .content .status_box ul li.map_16::after{left: -63px;  width: 62px; height: 31px; background: url(../images/main/map/img_arrow_map16.png) no-repeat center center; top: -7px;}
.main_con2 .cont_slider .content .status_box ul li.map_17::after{left: -271px;  width: 270px; height: 56px; background: url(../images/main/map/img_arrow_map17.png) no-repeat center center;}*/


.main_con2 .cont_slider .swiper-slide.slide1 .content .status_box .left{margin-top: 48px;}
.main_con2 .cont_slider .swiper-slide.slide1 .content .status_box .right{margin-top: 48px;}
.main_con2 .cont_slider .swiper-slide.slide1 .content .map_box .map{bottom: 0px;}


/* graph_box */
.main_con2 .cont_slider .content .graph_box{float: left; width: 45%; max-width: 530px;}
.main_con2 .cont_slider .content .graph_box .graph{border-radius: 10px; background: rgba(0,53,48,0.4); min-height: 400px;}
.main_con2  .graph_box .axisLabel{font-size: 14px; color: #fff; }
.main_con2  .graph_box #chart1, .main_con2  .graph_box #chart2, .main_con2 .graph_box #chart3, .main_con2  .graph_box #chart4, .main_con2  .graph_box #chart5, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{margin: 0 auto; height: 550px !important;}
.main_con2  .graph_box .graph{padding-top: 40px; height: 600px;}
.main_con2  .graph_box .rMateH5__GridLines{opacity: 0.3;}
.main_con2  .graph_box .rMateH5__Column3DSeriesLabelLayer{font-size: 16px !important;}


/* main_logout 차트 */



 /* .rMateH5__Axis3DRenderer{opacity: 0.3;} */

 /* region_box */
 .main_con2 .cont_slider .content .region_box{float: left; width: 45%; max-width: 530px;}
 .main_con2  .region_box .main_tbl{border-radius: 5px; overflow: hidden; border: 1px solid #003530; box-shadow: 10px 10px 20px rgb(0 0 0 / 10%); }
 .main_con2  .region_box .main_tbl th{font-family: 'Scoredream'; font-weight: 300; color: #fff; background: #003530; padding-left: 30px; padding-right: 10px;}
 .main_con2  .region_box .main_tbl td{font-family: 'Scoredream'; font-weight: 600; color: #ff3434;  background: #fff; text-align: right; padding-right: 30px; padding-left: 10px;}
 .main_con2  .region_box .main_tbl th,  .main_con2  .region_box .main_tbl td{height: 50px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #1c655e; }


/*** main_login ***/
/* main_con2 */
 .main_login  .main_con2 {padding-bottom: 100px;}
.main_login  .main_con2  .inner{position: relative; z-index: 999; overflow: hidden;}
.main_login  .main_con2 .main_title{margin-bottom: 40px;}
.main_login .main_con2::after{top: 260px; height: 440px; background-position: top left;}
.main_login .main_con2 .main_tbl2{background: white; position: relative; z-index: 99;}
.main_login .main_con2 .main_tbl2::before{display: none;}
.main_login .main_con2 .main_tbl2 th,  .main_con2 .main_tbl2 td{text-align: center;  font-size: 18px;  border:0 !important; border-right: 1px solid #1c655e !important;}
.main_login .main_con2 .main_tbl2 th{background: #003530; color: #fff; height: 60px;}
.main_login .main_con2 .main_tbl2 td{color: #003530; border-bottom: 1px solid #1c655e !important; height: 50px;}
.main_login .main_con2 .main_tbl2 tr td:last-of-type,  .main_con2 .main_tbl2 tr th:last-of-type{border-right: 0;}
.main_login .main_con2 .main_tbl2 tr:last-of-type td{border-bottom: 0 !important;}
.main_login .main_con2 .sub_txt{font-size: 18px; color: #fff; display: block; text-align: right; padding-top: 20px;}

/* process_box */
.main_login .process_box{float: right;  width: 50%; max-width: 680px;}
.main_login .process_box .title{display: block; line-height: 1; font-family: 'Aggro', 'Scoredream'; font-weight: 500; color: #015a55; padding-left: 10px; margin-bottom: 10px; font-size: 24px;}
.main_login .process_box ul{display: flex; background: #fff; border-radius: 20px; border: 1px solid #d5d5d5; box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);}
.main_login .process_box ul li{text-align: center; height: 150px; position: relative;  padding-left: 10px; padding-right: 10px; position: relative;}
.main_login .process_box ul li::after{content: ''; display: block; width: 1px; height: 70%; border-right: 1px dashed #d5d5d5; position: absolute; right: 0; top: 15%;}
.main_login .process_box ul li:last-of-type::after{display: none;}
.main_login .process_box ul li p{font-size: 18px; font-weight: 600; color: #555555; font-family: 'Scoredream'; line-height: 1;  letter-spacing: -0.025em; position: absolute; width: 100%; left: 0; top: 40px;}
.main_login .process_box ul li p b{font-weight: 600; color: #ff3434; font-size: 26px; padding-right: 5px;}
.main_login .process_box ul li span{display: block; font-size: 18px; font-weight: 600; color: #000000; font-family: 'Scoredream'; line-height: 1.3; letter-spacing: -0.025em; position: absolute; width: 100%; left: 0; bottom:23px; height: 40px; display: flex; justify-content: center; align-items: center;}
.main_login .process_box ul.con3 li{width: 33.33333%; }
.main_login .process_box ul.con5 li{width: 20%; }

/* main_login 차트 */
.main_login .graph_box{width: 47%;}
.main_login .graph_box.box1{float: left;}
.main_login .graph_box.box2{float: right;}
.main_login .graph_box .graph{border-radius: 10px; background: rgba(0,53,48,0.4); min-height: 400px;}
.main_login  .graph_box .axisLabel{font-size: 14px; color: #fff; }
.main_login  .graph_box #chart1, .main_login  .graph_box #chart2, .main_login  .graph_box #chart3, .main_login  .graph_box #chart4, .main_login  .graph_box #chart5, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{margin: 0 auto; height: 550px !important;}
.main_login  .graph_box .graph{padding-top: 40px; height: 600px;}
.main_login  .graph_box .rMateH5__GridLines{opacity: 0.3;}
.main_login  .graph_box .rMateH5__Column3DSeriesLabelLayer{font-size: 16px !important;}



/******** 반응형 *********/
@media all and (max-width:1500px){
    /*** main_con1 ***/
    .main_con1{max-width: 95%; max-width: calc(100% - 40px);}
    .main_con1 .visual_slide{width: 45%;}

    /* visual_slide */
    .visual_slide .ect_slide_box .slider-btn{padding-top: 20px;}
}

/* 태블릿 */
@media all and (max-width:1200px){
    /*** main_con1 ***/
    .main_con1{bottom: -130px;}

    /* visual_slide */
    .visual_slide{height: 600px;}
    .visual_slide .item .img_area{height: 250px; background-size: contain; margin-top: 90px;}
    .visual_slide .item .txt{font-size: 40px; line-height: 1.3;}
    .visual_slide .item p{margin-bottom: 10px;}
    .visual_slide .ect_slide_box{padding-left: 0; margin-top: 170px;}
    .visual_slide .ect_slide_box .slider-btn{padding-top: 0; top: -5px;}

    /* recent_list */
    .recent_list{margin-bottom: 30px;}
    .recent_list .tab_menu li a{font-size: 20px; height: 45px; line-height: 45px;}
    .recent_list .tab_cont .btn_more{top: -36px;}
    .recent_list .tab_cont .list_head{padding: 5px 10px; min-height: 90px;}
    .recent_list .tab_cont .list_head .txt{padding-top: 13px;}
    .recent_list .tab_cont .list_head .date{top: 10px;}
    .recent_list .tab_cont .list_head .txt b{margin-bottom: 5px; padding-top: 5px;}
    .recent_list .tab_cont .list_head .txt b span{font-size: 16px;}
    .recent_list .tab_cont .list_head .txt>span{font-size: 15px;}
    .recent_list .tab_cont .list{padding-top: 15px; min-height: 144px;}
    .recent_list .tab_cont .list li a{font-size: 15px;}

    /* main_quick */
    .main_quick ul {flex-wrap: wrap;}
    .main_quick ul li{width: 48%; max-width: none; height: 150px; margin-bottom: 10px;}
    .main_quick ul li a{padding-top: 95px;}
    .main_quick ul li a::before{height: 95px;}
    .main_quick ul li a span{font-size: 16px;}
    .main_quick ul li:hover{bottom: 0;}

    /*** main_con2 ***/
    .main_con2{padding-top: 160px;}
    .main_con2>.inner{max-width: 95%; max-width: calc(100% - 40px);}
    .main_con2 .main_title{font-size: 35px;}
    .main_con2::after{height: 400px; top: 0; background-size: contain;}

    /* cont_menu */ /* cont_slider */ /* map_box */
    .main_con2 .cont_menu button{font-size: 14px;}
    .main_con2 .cont_slider .swiper-slide{padding-top: 50px;}
    .main_con2 .page_control .menu-button-prev, .main_con2 .page_control .menu-button-next{top: 40px; width: 36px; height: 64px; background-size: contain;}
    .main_con2 .cont_slider .content .graph_box,   .main_con2 .cont_slider .content .region_box{width: 40%;}
    .main_con2 .cont_slider .content .status_box .left, .main_con2 .cont_slider .content .status_box .right{z-index: 999; position: relative; margin-top: 20px;}
    .main_con2 .cont_slider .content .map_box .map{bottom: 0;}
    .main_con2 .cont_slider .content .status_box ul li{width: 120px; padding: 0 10px; line-height: 31px; height: 35px;}
    .main_con2 .cont_slider .content .status_box ul li span{font-size: 16px;}
    .main_con2 .cont_slider .content .status_box ul li b{font-size: 16px;}
    .main_con2 .cont_slider .content .status_box ul li::after{display: none; opacity: 0;}

     /*** main_login ***/
    .main_login .main_con2::after{height: 400px; top: 0; background-size: contain;}
    .main_login .process_box ul{flex-wrap: wrap; justify-content: center;}
    .main_login .process_box ul li{height: 130px;}
    .main_login .process_box ul li p{top: 30px;}
    .main_login .process_box ul.con5 li{width: 33.3333%; }
    .main_login .process_box ul.con5 li:nth-of-type(3)::after{opacity: 0;}
}

@media all and (max-width:1020px){
    /*** main_con1 ***/
    .main_con1{bottom: -90px;}

    .visual_slide{height: auto;}
    .visual_slide .item .img_area{height: 150px; margin-top: 50px;}

    .recent_list{padding-top: 15px;}
    .recent_list .tab_menu li{width: 50%;}
    .recent_list .tab_menu li:last-of-type{margin-right: 0;}
    .recent_list .tab_menu li a{padding: 0 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .recent_list .tab_cont .btn_more{width: 100%; height: 40px; line-height: 38px; border: 1px solid #00837c; background: #fff; text-align: center; margin: 0 auto; right: 0; top: 260px;}
    .recent_list .tab_cont .btn_more::after{content: ''; display: inline-block; width: 6px; height: 10px; background: url(../images/main/i_arrow_btn_more.png) no-repeat center center; margin-left: 10px; background-size: 6px;}
    .recent_list .tab_cont .list_head{padding: 10px; min-height: 95px;}
    .recent_list .tab_cont .list_head .txt b{padding-top: 0;}

    .main_con1 .main_quick{float:none; width:100%; clear:both; max-width: none; padding-top: 40px;}
    .main_quick ul li{width: 23%; height: 180px;}
    .main_quick ul li a{padding-top: 110px;}
    .main_quick ul li a::before{height: 120px;}

    /*** main_con2 ***/
    .main_con2{padding-bottom: 40px;}
    .main_con2 .cont_menu{display: block; width: 100%;;}
    .main_con2 .cont_slider{clear: both;}
    .main_con2 .cont_menu button{width: 49%; float: left; margin-bottom: 20px; max-width: none;}
    .main_con2 .cont_menu button.active::after{display: none;}
    .main_con2 .cont_menu button:nth-of-type(even){margin-left: 2%;}

    .main_con2 .cont_slider .content .graph_box,  .main_con2 .cont_slider .content .region_box{float: none; width: 100%; max-width: none;}
    .main_con2 .graph_box .graph{height: 500px;}
    .main_con2 .graph_box #chart1, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{height: 450px !important;}
    .rMateH5__Legend{top: 390px !important;}

    .main_con2 .cont_slider .content .map_box{margin-top: 30px; max-width: none; width: 100%; float: none; padding-bottom: 0;}
    .main_con2 .cont_slider .content .map_box .inner{max-width: 660px;}
    .main_con2 .cont_slider .content .status_box ul li{width: 154px; padding: 0 20px; line-height: 40px; height: 44px;}
    .main_con2 .cont_slider .content .status_box ul li span{font-size: 16px;}
    .main_con2 .cont_slider .content .status_box ul li b{font-size: 16px;}
    .main_con2 .cont_slider .content .status_box ul li::after{display: block; }

     /*** main_login ***/
    .main_login .process_box {float:none; width:100%; clear:both; max-width: none; padding-top: 60px;}
    .main_login .process_box ul li{height: 105px !important; padding: 20px 0 !important;}
    .main_login .process_box ul li p{top: 20px;}
    .main_login .process_box ul li span{font-size: 16px; bottom: 10px;}
    .main_login .process_box ul.con3 li{width: 33.333%; }
    .main_login .process_box ul.con5 li{width: 20%; }
    .main_login .process_box ul li::after{height: 80%; top: 10%;}
    .main_login .process_box ul.con5 li:nth-of-type(3)::after{opacity: 1;}

    .main_login .graph_box{float: none !important; width: 100%; max-width: none;}
    .main_login .graph_box.box1{margin-bottom: 30px;}
    .main_login .graph_box .graph{height: 500px;}
    .main_login .main_con2 .graph_box #chart1, .main_login .main_con2 .graph_box #chart2, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{height: 550px !important;}
}


/* 모바일 */
@media all and (max-width:768px){
    /*** main_con1 ***/
    .main_con1{bottom: -70px; width: calc(100% - 30px); max-width: none;}

    .main_con1 .visual_slide{margin-bottom: 40px;}
    .main_con1 .visual_slide, .main_con1 .recent_list{width: 100%; float: none;}
    .visual_slide .item .img_area{height: 45vw; margin-top: 70px; background-position: center center !important;}
    .visual_slide .item{text-align: center; outline: none !important;}
    .visual_slide .item .txt{font-size: 7vw; text-align: center;}
    .visual_slide .ect_slide_box{margin-top: 28vw; width: 256px; left: 50%; margin-left: -128px;}
    .visual_slide .ect_slide_box .slider-btn{float: left;}
    .visual_slide .ect_slide_box .slider-btn #slick_pause{background: url(../images/main/btn_slide_pause_m.png) no-repeat center center; background-size: 28px;}
    .visual_slide .ect_slide_box .slider-btn #slick_play{background: url(../images/main/btn_slide_play_m.png) no-repeat center center; background-size: 28px;}
    .visual_slide .ect_slide_box .slider-btn .slick-prev{background: url(../images/main/btn_slide_prev_m.png) no-repeat center center; background-size: 9px;}
    .visual_slide .ect_slide_box .slider-btn .slick-next{background: url(../images/main/btn_slide_next_m.png) no-repeat center center; background-size: 9px;}

    .recent_list{margin-bottom: 0; max-width: none !important; padding-top: 0;}
    .recent_list .tab_menu li{width: 100%; margin: 0;}
    .recent_list .tab_menu li a{border-radius: 0; font-size: 18px;}
    .recent_list .tab_cont .list{padding-top: 20px; min-height: 0;}
    .recent_list .tab_cont .list li{margin-bottom: 18px;}
    .recent_list .tab_cont .list_head{min-height: 105px;}
    .recent_list .tab_cont .list_head .date{top: 15px;}
    .recent_list .tab_cont .list_head .txt{padding-top: 15px;}
    .recent_list .tab_cont .list_head .txt b{margin-bottom: 8px;}
    .recent_list .tab_cont .btn_more{height: 50px; line-height: 48px; position: static; margin-top: 25px;}

    .recent_list .tab_cont .list li a{line-height: 1.1;}

    .main_con1 .main_quick{padding-top: 50px; position: relative; bottom: -30px;}


     /*** main_con2 ***/
     .main_con2>.inner{width: calc(100% - 30px); max-width: none;}
    .main_con2{padding-top: 120px; padding-bottom: 80px;}
    .main_con2::before{width: 458px; height: 227px; background: url(../images/main/bg_main_1_m.png) no-repeat center center; top: -227px;}
    .main_con2 .subtitle{font-size: 17px;}
    .main_con2 .subtitle i{width:18px; background-size: 18px; top: 2px;}
    .main_con2 .cont_slider .content .status_box ul li::after{display: none;}
    .main_con2 .main_title{max-width: 500px; word-break: keep-all; line-height: 1.4; margin-left: auto; margin-right: auto;}
    .main_con2 .cont_slider .swiper-slide{padding-top: 30px;}
    .main_con2 .page_control .menu-button-prev, .main_con2 .page_control .menu-button-next{top: 28px;}

    .main_con2 .region_box .main_tbl th, .main_con2 .region_box .main_tbl td{font-size: 15px; height: 45px; padding-top: 5px; padding-bottom: 5px;}
    .main_con2 .region_box .main_tbl th{padding-left: 15px;}
    .main_con2 .region_box .main_tbl td{padding-right: 15px;}

     /*** main_login ***/
     .main_login .main_con2{padding-bottom: 70px;}
     .main_login .main_con2 .main_tbl2 th,  .main_con2 .main_tbl2 td, .main_login .main_con2 .sub_txt{font-size: 15px; }
     .main_login .main_con2 .main_tbl2 th{height: 45px !important;}
     .main_login .main_con2 .main_tbl2 td{height: 40px !important;}
     .main_login .process_box{padding-top: 50px;}
     .main_login .process_box .title{font-size: 20px;}
     .main_login .main_con2 .main_title{font-size: 27px; margin-bottom: 20px;}
     .main_login .process_box ul li span{font-size: 15px;}
}

@media all and (max-width:640px){
     /*** main_con2 ***/
    .main_con2 .cont_slider .content .status_box{position: static; display: flex; justify-content: center;}
    .main_con2 .cont_slider .content .map_box .inner{padding-top: 0px !important;}
    .main_con2 .cont_slider .swiper-slide.slide1 .content .map_box .inner{padding-top: 10px !important;}
    .main_con2 .cont_slider .content .status_box .left, .main_con2 .cont_slider .content .status_box .right{float: none; margin-top: 10px !important; margin: 0 10px; width: 40%; }
    .main_con2 .cont_slider .content .status_box ul li{width: 100%;}

    .main_con2 .graph_box .graph,  .main_login .graph_box .graph{height: 400px; padding-top: 20px;}
    .main_con2  .graph_box #chart1, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{height: 380px !important;}
    .main_login .main_con2 .graph_box #chart1, .main_login .main_con2 .graph_box #chart2, .rMateH5__rMateChart, .rMateH5__ContentPane, .rMateH5__Main{height: 380px !important;}
     .rMateH5__Legend{top: 320px !important;}

      /*** main_login ***/
    .main_login .process_box ul li span{padding:0 10px;}
    .main_login .process_box ul li span br{display: none;}
    .main_login .process_box ul.con5 li{width: 33.333%;}
}

@media all and (max-width:550px){
    /*** main_con1 ***/
    .main_con1{bottom: 0px; padding-top: 70px;}
    .visual_slide .item .txt{font-size: 35px;}
    .visual_slide .item p{font-size: 16px;}
    .visual_slide .ect_slide_box{margin-top: 150px;}
    .main_con1 .main_quick{padding-top: 0px; bottom: 0px; margin-top: 50px; padding-bottom: 20px;}
    .main_quick ul li{width: 48%;}
    .main_con1 .main_quick ul li{width: 48%; margin-bottom: 15px;}

     /*** main_con2 ***/
     .main_con2{padding-top: 50px;}
    .main_con2 .cont_menu button{width: 100%; margin: 0 !important; margin-bottom: 10px !important;}
    .main_con2 .main_title{font-size: 27px; max-width: 210px;}
    .main_con2 .page_control .menu-button-prev, .main_con2 .page_control .menu-button-next{top: 38px;}

    .main_login .main_con2{padding-top: 50px;}
    .main_login .process_box{padding-bottom: 35px;}


}

@media all and (max-width:500px){
     /*** main_con1 ***/
     .recent_list .tab_cont .list li{margin-bottom: 10px; padding-left: 0;}
     .recent_list .tab_cont .list li a{padding-right: 0;}
     .recent_list .tab_cont .list li span{position: static; margin-top: 5px; padding-left: 20px; font-size: 14px;}

     /*** main_con2 ***/
     .main_con2 .subtitle i{top: 1px;}
    .main_con2 .cont_slider .content .map_box .tab_menu{border: 0; display: block; overflow: hidden; ;}
    .main_con2 .cont_slider .content .map_box .tab_menu li{width: 49%; border: 1px solid #fff; float: left; margin-bottom: 10px; text-align: center;}
    .main_con2 .cont_slider .content .map_box .tab_menu li.on{border-bottom: 1px solid #fff; background: #fff;}
    .main_con2 .cont_slider .content .map_box .tab_menu li.on::after{display: none !important;}
    .main_con2 .cont_slider .content .map_box .tab_menu li.on a,    .main_con2 .cont_slider .content .map_box .tab_menu li a{line-height: 33px;}
    .main_con2 .cont_slider .content .map_box .tab_menu li.on a{color: #015a55;}
    .main_con2 .cont_slider .content .map_box .tab_menu li:nth-of-type(even){margin-left: 2%;}
    .main_con2 .cont_slider .content .status_box .left, .main_con2 .cont_slider .content .status_box .right{width: 45%;}

          /*** main_login ***/
          .main_login .process_box ul{display: block;}
          .main_login .process_box ul li{height: auto !important; padding: 10px 0 !important;}
          .main_login .process_box ul li::after{width: 100%; height: 1px; border: 0; border-bottom: 1px dashed #d5d5d5; bottom: 0; top: inherit;}
          .main_login .process_box ul li span, .main_login .process_box ul li p{position: static;}
          .main_login .process_box ul li p{font-size: 16px;}
          .main_login .process_box ul li p b{font-size: 22px;}
          .main_login .process_box ul li span{padding:0 10px; height: auto;}
          .main_login .process_box ul li span br{display: none;}
          .main_login .process_box ul.con3 li, .main_login .process_box ul.con5 li{width:100%;}
}


/****20220221 map 수정*****/
.main_con2 .cont_slider .swiper-slide.slide1 .content .status_box .left{margin-top: 100px;}
.main_con2 .cont_slider .swiper-slide.slide1 .content .status_box .right{margin-top: 100px;}
.main_con2 .cont_slider .content .status_box ul li{margin-bottom: 35px;}

.main_con2 .cont_slider .content .status_box .left{margin-top: 50px;}
.main_con2 .cont_slider .content .status_box .right{margin-top: 50px;}

.main_con2 .cont_slider .content .status_box ul li.map_2::after{width: 130px; height: 45px; right: -130px;}
.main_con2 .cont_slider .content .status_box ul li.map_11::after{width: 160px; height: 12px; right: -160px; left: inherit;}
.main_con2 .cont_slider .content .status_box ul li.map_4::after{width: 69px; height: 45px; right: -69px; top: -24px;}
.main_con2 .cont_slider .content .status_box ul li.map_7::after{width: 106px; height: 34px; right: -106px; top: -11px;}
.main_con2 .cont_slider .content .status_box ul li.map_9::after{width: 56px; height: 13px; right: -56px; top: 19px;}

.main_con2 .cont_slider .content .status_box ul li.map_10::after{width: 98px; height: 8px; left: -98px; top: 15px;}
.main_con2 .cont_slider .content .status_box ul li.map_12::after{width: 55px; height: 47px; left: -55px; }
.main_con2 .cont_slider .content .status_box ul li.map_14::after{width: 120px; height: 96px; left: -120px;}
.main_con2 .cont_slider .content .status_box ul li.map_16::after{width: 72px; height: 33px; left: -72px;top: 20px;}
.main_con2 .cont_slider .content .status_box ul li.map_17::after{width: 267px; height: 83px; left: -267px;}

@media all and (max-width:768px){
    .main_con2 .cont_slider .content .status_box ul li{margin-bottom: 20px;}
}




/***** 20220223 추가 *******/
.map_chart{position: relative; left: 17px;}
@media all and (max-width:1200px){
    .map_chart{width: 100% !important; height: 500px !important;}
}
@media all and (max-width:1020px){
    .main_con2 .cont_slider .content .inner{max-width:700px !important;}
    .map_chart{height: 550px !important;}
}
@media all and (max-width:768px){
    .status_wrap{max-width: 80%; margin: 0 auto; padding-top: 20px;}
    .main_con2 .cont_slider .content .left{position: static; float: left; width: 45%;}
    .main_con2 .cont_slider .content .right{position: static; float: right; width: 45%;}
    .main_con2 .cont_slider .content .status li{width: 100%; margin-bottom: 20px;}
    .map_chart .rMateH5__ContentPane{height: 550px !important;}
}
@media all and (max-width:500px){
    .status_wrap{max-width: 100%;}

}

.main_tbl_wrap{overflow-y: auto; max-height: 560px;}


/****** 20220302 추가 ******/
.main_content{position: relative;}
.main_con2{overflow-y: visible !important; overflow-x: visible !important;}
.main_login{min-height: calc(100vh - 153px - 85px) !important;padding-bottom: 150px; overflow: hidden;}
.main_login .main_con1{max-width: 95%; bottom: 0; padding-top: 50px;}
.main_login .process_box{width: 48.5%;}
/* .main_login .main_con1>div{float: left; width: 48.5%;} */
.main_login .main_con1 .recent_list,  .main_login .process_box{max-width: none;}
.policy_box{width: 48.5%; padding-top: 40px;}
.policy_box .title{display: block; line-height: 1; font-family: 'Aggro', 'Scoredream'; font-weight: 500; color: #015a55; padding-left: 10px; margin-bottom: 10px; font-size: 24px;}
.footer-wrap, .copyrights{clear: both; min-height: 153px;}

.main_login .main_tbl2{background: white; position: relative; z-index: 99; border-left: 1px solid #1c655e; border-bottom: 1px solid #1c655e;}
.main_login .main_tbl2::before{display: none;}
.main_login .main_tbl2 th, .main_login .main_tbl2 td{text-align: center;  font-size: 18px;  border:0 !important; border-right: 1px solid #1c655e !important;}
.main_login .main_tbl2 th{background: #003530; color: #fff; height: 60px;}
.main_login .main_tbl2 td{color: #003530; border-bottom: 1px solid #1c655e !important; height: 50px;}
.main_login .main_tbl2 tr td:last-of-type, .main_login .main_tbl2 tr th:last-of-type{border-right: 0;}
.main_login .main_tbl2 tr:last-of-type td{border-bottom: 0 !important;}
.main_login .sub_txt{font-size: 18px; color: #fff; display: block; text-align: right; padding-top: 20px;}

.main_login2 .main_con1>.fl{width: 48.5%;}
.main_login2 .main_con1 .recent_list, .main_login2 .main_con1 .main_quick, .main_login2 .process_box{width: 100%;}
.main_login2 .graph_area, .main_login2 .graph_box{width: 48.5%;}
.main_login2 .graph_area .subtitle{margin-bottom: 10px; display: block;}
.main_login2 .graph_box .graph{height: 545px;}
.main_login2 .graph_box .graph{background: #014b46;}
.main_login2 .graph_box .graph{background: #fff; border: 1px solid #d5d5d5;}
.main_login2 .rMateH5__UITextField{color: #111 !important; font-size: 12px;}
.main_login2 .axisLabel{color: #999 !important; }
.main_login2 .graph_box .rMateH5__GridLines{opacity: 1 !important;}
.main_login{background: url(../images/main/bg_main_1.png) no-repeat left bottom;}

.btn_call{position: fixed; bottom: 30px; left: 45px; width: 254px; height: 74px; background: #fff; border-radius: 100px; z-index:999; box-shadow: 7px 7px 14px rgba(0,0,0,0.15); padding-left: 80px; color: #004640; font-size: 22px; font-weight: 700; letter-spacing: -0.05em; padding-top: 15px; border: 1px solid rgba(0,53,48,0.3);}
.btn_call:hover{color: #004640;}
.btn_call::before{content: ''; display: block; width: 60px; height: 60px; position: absolute; left: 10px; top:7px; border-radius: 100px; background: #003530 url(../images/main/btn_call.png) no-repeat center center; background-size: 32px;}
.btn_call span{display: block; font-size: 17px; color: #004640; font-weight: 500; line-height: 1;}
.btn_call.static{position: absolute; top: -100px;}

.main_login2 .graph_box .rMateH5__Column3DChart{top: -25px !important;}
.main_login2 .graph_box .rMateH5__Legend{margin-top: -15px;}

@media all and (max-width:1200px){
    .main_login .main_con1{padding-top: 100px;}
}
@media all and (max-width:1020px){
    .main_login .main_con1 .recent_list, .main_login .main_con1 .main_quick, .policy_box, .main_login .process_box{width: 100%; float: none;}
    .main_login .main_con1 .recent_list{margin-bottom: 40px;}
    .btn_call{left: 25px;}

    .main_login2 .main_con1>.fl{width: 100%; float: none;}
    .main_login2 .graph_area{width: 100%; float: none; padding-top: 40px;}
    .main_login .graph_box.box1{float: left !important;}
    .main_login .graph_box.box2{float: right !important;}
    .main_login2 #chartHolder01, .main_login2 #chartHolder02{height: 450px !important;}
    .main_login2 .graph_box .graph{height: 470px;}

}

@media all and (max-width:768px){
    .policy_box .title{font-size: 20px;}
    .main_login .process_box{padding-top: 0;}
    .main_login .main_tbl2 th, .main_login .main_tbl2 td{font-size: 16px !important;}
    .btn_call span{font-size: 15px;}
    .btn_call{font-size: 20px; width: 234px; height:70px}
    .btn_call::before{left: 8px; top: 5px;}
    .main_login .graph_box.box1, .main_login .graph_box.box2{float: none !important; width: 100% !important;}
    .main_login2 #chartHolder01, .main_login2 #chartHolder02{height: 400px !important;}
    .main_login2 .graph_box .rMateH5__Legend{margin-top: -80px !important;}
    .main_login2 .graph_box .graph{height: 400px;}
    .main_login{background: url(../images/main/bg_main_1_m.png) no-repeat bottom left;}
    .btn_call{border: 0;}

}
@media all and (max-width:640px){
    .main_login2 .graph_box .rMateH5__Column3DChart{top: -10px !important;}
    .main_login2 .graph_box .rMateH5__Legend{margin-top: 0px !important;}
}
@media all and (max-width:550px){
    .main_login .process_box{padding-bottom: 0;}
}



.rMateH5__Legend .rMateH5__pointer-events-none{border-radius: 100px; width: 12px !important; height: 12px !important; top:0 !important;} /*범례 동그라미*/
.rMateH5__Legend, .rMateH5__SubLegend{border: 0 !important; background: none !important;} /*범례 백그라운드*/
.main_con2 .rMateH5__UITextField{color: #fff !important; } /* main_logout 차트 범례 텍스트*/

.main_con2 .rMateH5__Legend{margin-top: 20px !important;}
@media all and (max-width:1020px){
    .main_con2 .rMateH5__Legend{margin-top: 10px !important;}
}


.main_login .main_con1 .recent_list{float: left; width: 48.5%;}
.main_login2 .main_con1 .recent_list{width: 100%;}
.main_login .process_box{padding-top: 60px;}
.main_login2 .process_box{padding-top: 0;}
.policy_box{padding-top: 0;}

.main_login .main_tbl2 th{background: #00837c;}
.main_login .main_tbl2{border: 0 !important; border-top: 0 !important; border-bottom:1px solid #acd2d3 !important}
.main_login .main_tbl2 tbody{border:0 !important;}
.main_login .main_tbl2 th, .main_login .main_tbl2 td{border: 0 !important;}
.main_login .main_tbl2{overflow: visible;}
.main_login .main_tbl2 td, .main_login .main_tbl2 tr:last-of-type td{border-bottom:1px solid #acd2d3 !important}
.policy_box .table-responsive{border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.process_box .table-responsive{border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}

@media all and (max-width:1020px){
    .main_login .main_con1 .recent_list{float: none; width: 100%;}
    .main_login .main_con1 .recent_list, .main_login .main_con1 .main_quick, .policy_box, .main_login .process_box{width: 100% !important; }
    .policy_box{padding-top: 55px !important;}
}
@media all and (max-width:768px){
    .policy_box{padding-top: 0 !important;}
}

/* intro_sft_main Popup Anuc CSS */
.wrap {
    width: 100%;
    max-width: 1514px;
    margin: 0 auto;
    position: relative;
}
.popup-notice-warp {
	width: 50%;
    z-index: 9100;
    /* top: 14vh; */
    left: -14vh;
    right: 0;
    max-width: 540px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 30%);
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
}
.popup-notice-warp .popup-notice-head {
    padding: 15px 30px 10px 30px;

    background: linear-gradient(135deg, #01bbd4 25%,#425054 94%);
    display: none;
}
.popup-notice-warp .popup-notice-cont {
    padding: 0;
}
.popup-notice-warp .popup-notice-cont table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.popup-notice-warp .popup-notice-cont caption {
    position: absolute;
    left: -1000%;
    top: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;

    padding: 0;
    margin: 0;
    font-style: normal;
    font-weight: normal;

    display: table-caption;
    text-align: -webkit-center;
}
.popup-notice-warp .popup-notice-cont colgroup {
    display: table-column-group;
}
.popup-notice-warp .popup-notice-cont col {
    display: table-column;
}
.popup-notice-warp .popup-notice-cont thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.popup-notice-warp .popup-notice-cont tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.popup-notice-warp .popup-notice-cont table tr th {
    border: 0;
    height: 55px;
    padding: 10px 20px;
    background: linear-gradient(90deg, rgba(0,110,85,1) 0%, rgba(13,161,138,1) 100%);
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding-right: 80px;
    vertical-align: middle !important;
    text-align: left;
    display: table-cell;
}
.popup-notice-warp .popup-notice-cont tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.popup-notice-warp .popup-notice-cont tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.popup-notice-warp .popup-notice-cont table tr td {
    background: #fff;
    font-size: 16px;
    color: #666;
    text-align: left;
}
.popup-notice-warp .popup-notice-cont .notice-cont-view {
    padding: 25px;
    height: 200px;
    overflow-y: hidden;
    padding-top: 20px;
    overflow: hidden;
}
.popup-notice-warp .popup-notice-cont .notice-cont-view .inner {
    overflow-y: auto;
    max-height: 175px;
    min-height: 175px;
    padding-right: 10px;
    font-size: 16px;
    color: #3E3E3E;
}
.popup-notice-warp .popup-notice-cont table tr td.file_download {
    padding: 10px 25px;
}
.popup-notice-warp .popup-notice-cont table tr td.file_download a {
    border: 1px solid #F36C2C;
    border-radius: 5px;
    background: #F2EFEB;
    font-size: 15px;
    color: #191919;
    display: block;
    padding: 10px 13px;
    letter-spacing: -0.075em;
}
.popup-notice-warp .popup-notice-foot {
    background: #DEDEDE;
    color: #3E3E3E;
    padding: 10px 20px;
    font-size: 14px;
}
.popup-notice-warp .popup-notice-foot input[type="checkbox"] {
    margin-right: 4px;
    vertical-align: -3px;
    padding: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
    background-color: initial;
    cursor: default;
    appearance: auto;

    border: initial;
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-rtl-ordering: logical;
}
.popup-notice-warp .popup-notice-foot label {
    font-size: 14px;
}
.popup-notice-warp .popup-notice-foot button {
    position: absolute;
    top: 22px;
    right: 28px;
    text-indent: -9999px;
    margin-top: 7px;
    width: 17px;
    height: 17px;
    background: url(../images/sub/btn_modal_close.png) no-repeat center center;
    margin-top: 0;
    border-radius: 0px;
    padding: 0;
    float: right;
    cursor: pointer;
    font-family: inherit;
    border: none;
    vertical-align: top;
}