@charset "utf-8";

/****** 공통 *******/
* {font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
.container{clear: both; width: 100%; }
.main .container {padding-bottom: 0;}
.wrap{width:100%; max-width: 1520px; margin: 0 auto; position: relative;}
*, a, p, span, b{letter-spacing: -0.05em;}
html.overhide{overflow: hidden;}

/* header */
#header{width: 100%; position: absolute; left: 0; top: 0; height: 80px; z-index: 9998; border-bottom: 1px solid rgba(1,37,39,0.4);}
#header::before{display: none;}
#header .logo{line-height:1; position: absolute; left: 0; top: 11px;}
#header .logo img{width: 36px;}
#header #gnb{  text-align: center;}
#header #gnb ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 950px;} 
#header #gnb li{display: inline-block;}
#header #gnb li a{font-size: 19px; line-height: 80px;  font-weight: 500; color: #012527;}

#header .util{position: absolute; right: 180px; top: 33px;}
#header .util li{display: inline-block; position: relative;}
#header .util li::after{content: ''; display: block; width: 1px; height: 16px; background: rgba(255,255,255,0.5); position: absolute; left: 0px; top: 1px;}
#header .util li:first-of-type::after{display: none;}
#header .util li a{font-size: 16px; line-height: 1; display: block; padding: 0 10px; color: #012527;}
#header .util li.btn_all_menu{display: none;}

#header .btn_go_sf{position: absolute; display: block; top:0; right:60px; padding:15px 0 22px; background:#154b67; text-align: center; border-bottom-left-radius:42px; border-bottom-right-radius:42px; }
#header .btn_go_sf .img_area{display: block; width:84px; height:60px; margin:0 auto; background:url(../images/common/img_logo_sf_sm_2025.png) no-repeat center center / 48px auto; }
#header .btn_go_sf span{ font-size:14px; font-weight:500; color:#fff; display: block; font-family: 'Scoredream'; font-weight: 500;}
#mo_gnb{display: none;}

/* footer */
#footer{background: #3d3e3d; height: auto; position: relative; z-index: 999;}
#footer .ft_menu .wrap{position: relative;}
#footer .ft_menu{border-bottom: 1px solid #4d4d4d; height: 70px;}
#footer .ft_menu .ft_ul{padding-top: 25px;}
#footer .ft_menu .ft_ul li{display: inline-block; position: relative;}
#footer .ft_menu .ft_ul li::after{content:''; display: block; width: 1px; height: 11px; background: #707070; position: absolute; right: -5px; top: 3px;}
#footer .ft_menu .ft_ul li a{display: block; font-size: 15px; color: #a7a7a7; padding: 0 17px; line-height: 1; }
#footer .ft_menu .ft_ul li:first-of-type a{padding-left: 0;}
#footer .ft_menu .ft_ul li:last-of-type::after{display: none;}

#footer .relate{ width:210px; position: absolute; right: 0; top: 0;}
#footer .relate span{border-left: 1px solid #707070; border-right: 1px solid #707070; display: block; width: 100%; height: 70px; color: #fff; line-height: 70px; font-size: 14px; padding-left: 25px; cursor: pointer; position: relative;}
#footer .relate span::after{content: ''; display: block; width:11px; height: 8px; background: url(../images/common/i_select_bullet.png) no-repeat center center; position: absolute; right: 20px; top: 30px; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;}
#footer .relate span.on::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;}
#footer .relate ul{position: absolute; bottom:70px; left: 0; background: #3d3e3d; border: 1px solid #707070; width: 100%; max-height: 400px; overflow-y: auto; display: none; z-index: 9999;}
#footer .relate ul li{border-bottom: 1px solid #4d4d4d;}
#footer .relate ul li a{display: block; width: 100%; height: 100%; line-height: 37px; padding: 0 10px; color: #fff; font-size: 14px;}
#footer .relate ul li:last-of-type{border-bottom: 0;}
#footer .footer_logo{position: absolute; left: 0; top: 23px;}
#footer .footer_logo img{width: 39px;}
#footer  .txt{padding-top: 28px; padding-bottom: 40px; padding-left: 65px;}
#footer  .txt p, #footer  .txt small{color: #888888; font-size: 15px;line-height: 25px;}
#footer p .mo_blank{display: inline-block; width: 30px;}

/****** 반응형 ********/
/* 1520 ~ 1024*/
@media all and (max-width:1520px){
	.wrap{padding-left: 40px; padding-right: 40px;}
	#header .logo{left:40px;}
	#header #gnb ul{width: 55%; margin: 0; margin-left: 100px;}
	#header .util li a{font-size: 14px;}
	#header .util{right: 150px;}
	#footer .footer_logo{left: 40px;}
	#footer .relate{display: none;}
	#footer .ft_menu{border-bottom: 0; height: auto;}
	#footer .ft_menu .ft_ul{text-align: center;}
}
@media (max-width: 1590px) {
    #header #gnb ul {
        width: 55%;
        margin: 0;
        margin-left: 100px;
    }
}
/* 1024 ~ 768*/
@media all and (max-width:1024px){
    .wrap{padding-left: 20px; padding-right: 20px;}

	#header{top: 0; height: 8vw;}
    #header.on{background: #fff;}
	#header .logo{top: 1vw; left: 20px;}
	#header .logo img{width: 4vw;}
	#header #gnb{display: none;}
	#header .btn_go_sf{width: 100%; left: 0; right: inherit; top: -6vw; width: 100%; text-align: center; background: #00554F; height: 6vw; line-height: 6vw; display: none;}
	#header .btn_go_sf .img_area, #header .btn_go_sf span{display: inline-block;}
	#header .btn_go_sf .img_area{vertical-align: -5px; width: 100px; height: 25px; background: url(../images/common/img_logo_sf.png) no-repeat center center; background-size: 100px;}
	#header .btn_go_sf span{padding-left: 10px; font-size: 17;  vertical-align: -2px;}

	#header .util{right: 20px; top: 2.3vw;}
	#header .util li{margin-left:25px;}
	#header .util li::after{display: none;}
	#header .util a{text-indent:-9999px; width: 3vw; height: 3vw; background-size:3vw; background-position: center center; background-repeat: no-repeat;}
	#header .util .login a{background-image: url(../images/common/i_join.png);} /* #header .util .login a{background-image: url(../images/common/i_login.png);} */
	#header .util .join a{/* background-image: url(../images/common/i_join.png); */}
	#header .util li.btn_all_menu{display: inline-block; }
	#header .util li.btn_all_menu a{ background-image: url(../images/common/i_allmenu.png); outline: none !important;}

    #header.on .util .login a{background-image: url(../images/common/i_login_black.png);}
	#header.on .util .join a{background-image: url(../images/common/i_join_black.png);}
	#header.on .util li.btn_all_menu a{ background-image: url(../images/common/i_allmenu_close.png); outline: none !important;}
    

	#mo_gnb {display: none; position: fixed; left: 0px; top: 8vw; bottom: 0; background: #fff; width:100%; padding-left:20px; padding-right: 20px; border-top: 1px solid #ddd;}
    #mo_gnb ul li{padding-top: 3vw; padding-bottom:3vw; border-bottom: 1px solid #ddd;}
	#mo_gnb ul li a{display: block; height: 4vw; line-height: 4vw; color: #222; font-size: 3vw; color: #505050;}
	#mo_gnb ul li a{display: inline-block; position: relative; font-weight: bold; min-width: 0; padding-right: 19px !important;}
	#mo_gnb ul li a::after{content: ''; display: block; width: 2vw; height: 2vw; background: url(../images/common/i_gnb_bullet.png) no-repeat center center; background-size: 2vw; position: absolute; right: -1vw; top: -1vw;}
	

	#footer .footer_logo{left: 20px;}
	#footer .ft_menu .ft_ul li a{padding: 0 13px;}
	#footer .mo_blank{display: block;}
}

/* 768~ */
@media all and (max-width:768px){
	#header{top: 0px; height: 77px;}
	#header .logo{top: 15px; }
	#header .logo img{width: 31px;}
	#header .btn_go_sf{top: -46px; height: 46px; line-height: 46px;}
	#header .btn_go_sf img{}
	#header .util{top: 23px;}
	#header .util a{ width: 25px; height: 25px; background-size:25px; }
	
    #mo_gnb{top: 77px;}
	#mo_gnb ul li{padding: 23px 0; padding-bottom: 20px;}
    #mo_gnb ul li a{line-height: 1; font-size: 23px; height: auto;}
    #mo_gnb ul li a::after{width: 13px; height: 13px; background-size:13px; top: -8px; right: -3px;}

	#footer .ft_menu .ft_ul{max-width:480px; margin: 0 auto;}
	#footer .ft_menu .ft_ul li a{line-height: 1.4; font-size: 14px;}
	#footer p .mo_blank{display: block; width: 0;}
	#footer .txt p, #footer .txt small{font-size:14px; line-height:1.3; display: block;}
	#footer .txt{padding-top: 15px; padding-bottom: 30px;}
	#footer .txt small{padding-top:15px;}

	#footer .footer_logo{display: none;}
	#footer .txt{padding-left:0; text-align:center;}
}

@media all and (max-width:550px){
	#footer .ft_menu .ft_ul{max-width:350px;}
}



/****** main_logout ********/

/* 공지 popup */
.popup-notice-warp{left: inherit; right: 0; max-width: 540px; -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.3); box-shadow: 0px 5px 20px rgba(0,0,0,0.3); border-radius: 20px; overflow: hidden; z-index: 9998;}
.popup-notice-head{display: none;}
.popup-notice-warp .popup-notice-cont{padding: 0;}
.popup-notice-warp .popup-notice-cont table{border: 0;}
.popup-notice-warp .popup-notice-cont table tr th{border: 0; height: 60px; padding: 15px 20px; background:#F36C2C; font-size: 20px; font-weight: 500; color: #fff; padding-right: 80px;}
.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;}
.popup-notice-warp .popup-notice-cont .notice-cont-view{ padding: 25px;  height: 170px; overflow-y: hidden; padding-top: 20px;}
.popup-notice-warp .popup-notice-cont .notice-cont-view .inner{overflow-y: auto; max-height: 145px; min-height: 145px; padding-right:10px; font-size: 16px; color: #3E3E3E;}
.notice-cont-view .inner strong, .notice-cont-view .inner span, .notice-cont-view .inner p{font-size: 16px; color: #3E3E3E;}
.popup-notice-warp .popup-notice-cont .notice-cont-view .inner::-webkit-scrollbar {width: 6px; height: 6px;}
.popup-notice-warp .popup-notice-cont .notice-cont-view .inner::-webkit-scrollbar-track {background-color: #F2F2F2; border-radius: 100px;}
.popup-notice-warp .popup-notice-cont .notice-cont-view .inner::-webkit-scrollbar-thumb { background-color: #CDD96A; border-radius: 100px;}
.popup-notice-warp .popup-notice-cont table tr td{border: 0;}
.popup-notice-warp .popup-notice-foot{background: #DEDEDE; 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-cont table tr td.file_download a::before{content: ''; display: inline-block; width: 16px; height: 21px; background: url(../images/main/i_file_down.png) no-repeat center center; vertical-align: -5px; margin-right: 5px;}
.popup-notice-warp .popup-notice-foot input[type="checkbox"]{margin-right: 4px; vertical-align: -3px;}
.popup-notice-warp .popup-notice-foot label{font-size: 14px;}

/* main_visual */
.main_visual .ect_slide_box{position: absolute; left: 0; width: 330px; z-index: 999;}
.main_visual .ect_slide_box .slider_progress{height: 1px; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.5);}
.main_visual .ect_slide_box .slider_progress .progress{height: 3px; background: #fff; position: relative; top: -1px;} 
.main_visual .ect_slide_box .slider_btn{position: relative; z-index: 9999; float: left; left: -10px;}
.main_visual .ect_slide_box .slider_btn button{display: inline-block;text-indent: -9999px; border: 0; background: none; cursor: pointer; vertical-align: middle; margin: 0 10px; width: 10px; height: 19px; background-size: 10px !important;}
.main_visual .ect_slide_box .slider_btn  .slick_main_pause{ background: url(../images/main/btn_stop_slider_white.png) no-repeat center center; }
.main_visual .ect_slide_box .slider_btn  .slick_main_play{background: url(../images/main/btn_play_slider_white.png) no-repeat center center; display: none;}
.main_visual .ect_slide_box  .slider_btn .slick_main_prev{background: url(../images/main/btn_prev_slider_white.png) no-repeat center center;}
.main_visual .ect_slide_box .slider_btn .slick_main_next{background: url(../images/main/btn_next_slider_white.png) no-repeat center center;}
.main_visual .slick-dots{position: absolute; left: calc(50% + 120px); width: 100%; max-width: 1520px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 8990;}
.main_visual .slick-dots li{display: inline-block; margin: 0 5px; }
.main_visual .slick-dots li button{display: block; width: 35px; height: 35px; text-align: center; line-height: 31px; color: #fff; border-radius: 100px; font-family: 'montserrat'; font-weight: 300; border: 2px solid rgba(255,255,255,0);}
.main_visual .slick-dots li.slick-active button{font-weight: 600; border: 2px solid rgba(255,255,255,1) }

.main_visual .txt_box{position: absolute; z-index: 990;}
.main_visual .txt_box p{font-size:25px; letter-spacing: 0; color:#1c1c1c; line-height: 1; margin-bottom: 18px;}
.main_visual .txt_box .txt{font-size: 50px; color: #1c1c1c; line-height: 1; margin-bottom: 200px; font-weight: 300; margin-bottom: 80px;}
.main_visual .txt_box .txt b{font-size: inherit; font-weight: bold; line-height: 1;}


.main_visual .item {overflow:hidden;height: 100vh; min-height: 800px;background: url(../images/main/img_visual_2025.png) no-repeat center center; background-size: cover;}
.main_visual .item .ciTxt { position:absolute; right:-130px; top:340px; }


/****** main_con1 *******/
.main_con1{ overflow: hidden; position: relative; z-index: 999; position: absolute;  z-index: 999; width: 100%; padding-bottom:20px;}
.main_con1>.wrap{background: #fff; overflow: hidden; border-radius: 20px; -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1); box-shadow: 10px 10px 20px rgba(0,0,0,0.1); padding: 30px 40px;} 

/* recent_list */
.recent_list{float: left; width: 59%; max-width: 850px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.recent_list .tab_menu{}
.recent_list .tab_menu li{display: inline-block; padding: 0 17px; position: relative;}
.recent_list .tab_menu li:first-of-type{padding-left: 0;}
.recent_list .tab_menu li:first-of-type::after{content: ''; display: block; width: 15px; height: 20px; background: url(../images/main/i_tab_line.png) no-repeat center center; position: absolute; right: -10px; top: 1px;}
.recent_list .tab_menu li a{font-size: 24px; font-family: 'montserrat', 'Noto Sans KR'; font-weight: 600; color: #BDBDBD; letter-spacing: 0; display: block; line-height: 1; letter-spacing: -0.05em;}
.recent_list .tab_menu li.on a{color: #3D3E3D;}

.recent_list .slider_btn{position: absolute; right: 20px; top: -37px;}
.recent_btn button, .banner_btn button{display: inline-block;text-indent: -9999px; border: 0; background: none; cursor: pointer; vertical-align: middle; margin: 0 10px; width: 10px; height: 19px; background-size: 10px !important; background-repeat: no-repeat; background-position: center center;}
.recent_btn .slick_pause, .banner_btn .slick_pause{ background-image: url(../images/main/btn_stop_slider_gray.png) !important; }
.recent_btn .slick_play, .banner_btn .slick_play{background-image: url(../images/main/btn_play_slider_gray.png) !important; display: none;}
.recent_btn .slick_prev, .banner_btn .slick_prev{background-image: url(../images/main/btn_prev_slider_gray.png) !important;}
.recent_btn .slick_next, .banner_btn .slick_next{background-image: url(../images/main/btn_next_slider_gray.png) !important;}


.recent_list .tab_cont{position: relative;}
.recent_list .btn_go{text-indent:-9999px; display: block; width: 16px; height: 16px; background: url(../images/main/i_recent_more.png) no-repeat center center; position: absolute; right: 0; top: -20px; background-size: 16px;}
.recent_list .recent_brd{padding-top: 23px;}
.recent_list .recent_brd li{position: relative; border-bottom: 1px dashed #D5D5D5;}
.recent_list .recent_brd li a{line-height: 54px; display: block; width: 100%; padding-right: 100px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; letter-spacing: -0.025em; color: #3D3E3D; padding-left: 27px;}
.recent_list .recent_brd li a::before{content: ''; display: block; width: 11px; height: 14px; background: url(../images/main/i_bullet_recent.png) no-repeat center center; background-size: 11px; position: absolute; left: 0; top: 21px;}
.recent_list .recent_brd li span{position: absolute; top: 16px; right: 8px; font-family: 'montserrat', 'Noto Sans KR'; font-size: 17px; font-weight: 300; color: #9B9B9B;}
.recent_list .recent_brd li:last-of-type{border-bottom: 0;}

/* main_banner */
.main_banner{width: 41%; max-width: 540px; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; position: relative;}
.main_banner>b{font-size: 24px; font-family: 'montserrat', 'Noto Sans KR'; font-weight: 600; letter-spacing: 0; display: block; line-height: 1; letter-spacing: -0.05em;  color: #3D3E3D;  margin-bottom: 12px;}
.main_banner .slider_btn{position: absolute; right: 0; top: 0;}
.main_banner .item img{max-width: 100%; height: 290px;}

/* 위치값 */
.popup-notice-warp{top: 135px;}
.main_visual .ect_slide_box{top: 330px; height: 42px;}
.main_visual .ect_slide_box .slider_btn{top: 0;}
.progress_box{margin-top: 40px;}
.main_visual .slick-dots{top: 325px; }
.main_visual .txt_box{top: 200px;}
.main_visual .item span{top: 390px;}
.main_con1{top: 490px;}

/* vh 반응형 */
@media all and (max-height:950px){
    .recent_list .recent_brd li a{line-height: 49px;}
    .main_banner .item img{height: 250px; width: 100%; }

    .popup-notice-warp{top: 14vh;}
    .main_con1{top: 54vh;}
}
@media all and (max-height:900px){
    .popup-notice-warp{top: 13vh;}
    .main_con1{top: 53vh;}
}
@media all and (max-height:850px){
    .popup-notice-warp{top: 110px;}
    .main_con1{top: 480px;}

    .main_con1>.wrap{padding: 25px 30px}
    .popup-notice-warp .popup-notice-cont .notice-cont-view{padding: 15px;}
    .popup-notice-warp .popup-notice-cont table tr td.file_download{padding: 10px 15px;}
    .popup-notice-warp .popup-notice-cont .notice-cont-view .inner{max-height: 150px; min-height: 150px;}
    .popup-notice-warp .popup-notice-cont .notice-cont-view{height: 180px;}
    .main_visual .item{min-height: 890px;}   
}
@media all and (max-height:650px){
    .popup-notice-warp{top: 110px;}
}



/****** main_con2 *******/
.main_con2{position: relative; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.main_con2 .inner{background:#30b0b9; width: 100%; padding-top: 50px; padding-bottom: 50px;}
.main_con2 .inner::after{content: ''; display: block; width: 100%; line-height:0; clear: both;}
.main_con2 .inner .wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;}
.main_con2 .inner dl{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; height: 100px; border-right: 1px solid rgba(255,255,255,0.3); text-align: center;}
.main_con2 .inner dl:last-of-type{border-right: 0;}
.main_con2 .inner dl dt{font-size: 20px; font-weight: 300; color: #fff; margin-bottom: 7px; position: relative;}
.main_con2 .inner dl dd{font-size: 18px;}
.main_con2 .inner dl dd b{font-size: 45px; color: #fff; font-family: 'montserrat'; font-weight: 600; letter-spacing: 0; padding: 0 5px; margin-right: 5px;  vertical-align: -7px; position: relative; z-index: 99; text-shadow: 0px 3px 7px rgba(0,0,0,0.1);}
.main_con2 .inner dl dd b::after{content: ''; display: block; width: 100%; height: 10px; background:#1b8d95; position: absolute; left: 0; bottom: 4px; z-index: -1;}
.main_con2 .btn_plus{display: inline-block; width: 22px; height: 22px; border: 0; background: url(../images/main/btn_plus_2025.png) no-repeat center center; cursor: pointer; text-indent: -9999px; position: absolute; right: 30px; top: 2px;}
.main_con2 .btn_plus.on{ background: url(../images/main/btn_plus_on_2025.png) no-repeat center center; }
.main_con2 .inner .more_area{display: none;}
.main_con2 .inner .more_area div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 1520px; margin: 0 auto; background: #1b8d95; border-radius: 10px; padding-top: 20px; padding-bottom: 20px; margin-top: 30px; position: relative;}
.main_con2 .inner .more_area div::before{content: ''; display: block; width: 34px; height: 12px; background: url(../images/main/img_more_arrow_2025.png) no-repeat center center; position: absolute; left: 135px; top: -12px;}
.main_con2 .inner .more_area dl dd b::after{background: #81cdc9;}

/****** main_con3 *******/
.main_con3{padding-top: 110px; padding-bottom: 120px; background: url(../images/main/bg_main_con3.png) no-repeat bottom center;}
.main_con3 .inner{background: rgba(255,255,255,0.8); -webkit-box-shadow: 0px 50px 70px rgba(0,0,0,0.15); box-shadow: 0px 50px 70px rgba(0,0,0,0.15);}
.main_con3 .inner::after{content: '' ; display: block; width: 100%; line-height:0; clear: both;}
.main_con3  .con_title{text-align: center; line-height: 1;  padding: 0 100px;}
.main_con3  .con_title span{font-size: 30px; font-weight: 300; color: #242424; position: relative; display: inline-block;}
.main_con3  .con_title span::before{content: ''; display: block; width: 15px; height: 15px; background: url(../images/main/i_con_title.png) no-repeat center center; position: absolute; left: -18px; top: -22px;}
.main_con3  .con_title b{font-weight: bold; font-size: inherit; display: inline-block;}
.main_con3 .btn_go{display: block; width: 36px; height: 36px; background: url(../images/main/btn_go.png) no-repeat center center; text-indent: -9999px; position: absolute; top: 27px; right: 40px;}

/* map_box */
.map_box{float:left; width: 50%; padding: 30px 0; padding-bottom: 50px;position: relative;}
.map_box::before{content: ''; display: block; width: 54px; height: 100%; background: url(../images/main/bg_graph_box.png) no-repeat center center; position: absolute; right: -54px; top: 0;}
.map_box .map_wrap{position: relative; padding: 0 65px;}
.map_box .map{position: relative; float: right; margin-top: 45px; width: 349px; height: 590px;}
.map_box .main_map_over{position: absolute; z-index: 9999; left: 0; top: 0;;}
.map_box .map_hover>div{position: absolute; display: none; font-size: 18px; color: #fff; font-weight: bold;}
.map_box .map_hover .map_hover_1{top:120px; left: 85px;}
.map_box .map_hover .map_hover_2{top:100px; left: 200px;}
.map_box .map_hover .map_hover_3{top:215px; left: 135px;}
.map_box .map_hover .map_hover_4{top:250px; left: 55px;}
.map_box .map_hover .map_hover_5{top:340px; left: 85px;}
.map_box .map_hover .map_hover_6{top:435px; left: 65px;}
.map_box .map_hover .map_hover_7{top:270px; left: 245px;}
.map_box .map_hover .map_hover_8{top:390px; left: 295px;}
.map_box .map_hover .map_hover_9{top:390px; left: 195px;}
.map_box .map_hover .map_hover_10{top:545px; left: 85px;}

.map_box .status_box{float: left; margin-top: 50px;}
.map_box .status_box li{height: 40px; line-height: 40px;  margin-bottom: 15px; text-align: center; } 
.map_box .status_box li a{display: block; width: 180px; height: 100%; border: 1px solid #444444; background: #F8F8F8; border-radius: 17px; overflow: hidden;  -webkit-box-shadow: 0px 7px 15px rgba(0,0,0,0.1);  box-shadow: 0px 7px 15px rgba(0,0,0,0.1); position: relative;  -webkit-transition: width 0.2s;  -o-transition: width 0.2s;  transition: width 0.2s;}
.map_box .status_box li a::after{content: ''; display: block; width: 21px; height: 7px; background: url(../images/main/i_map_arrow.png) no-repeat center center; position: absolute; right: 25px; top: 17px; opacity: 0;}
.map_box .status_box li span{display: inline-block; text-align: center; font-size: 17px; font-weight: bold; color: #333333; float: left; width: 75%; position: relative;}
.map_box .status_box li span::after{content: ''; display: block; width: 1px ; height: 10px; background: #B9B9B9; position: absolute; right: 0; top: 16px;}
.map_box .status_box li b{display: inline-block; float: left; width: 25%; font-size: 14px; color: #A5A3A3; font-weight: bold;}
.map_box .status_box li a:hover, .map_box .status_box li.on a{width: 195px; border: 0; background: rgb(169,204,82); background: -webkit-gradient(linear, left top, right top, from(rgba(169,204,82,1)), to(rgba(250,214,82,1))); background: -o-linear-gradient(left, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); background: linear-gradient(90deg, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s;}
.map_box .status_box li a:hover span, .map_box .status_box li.on a span{color: #fff;}
.map_box .status_box li a:hover span::after, .map_box .status_box li.on a span::after{display: none;}
.map_box .status_box li a:hover b, .map_box .status_box li.on a b{display: none;}
.map_box .status_box li a:hover::after, .map_box .status_box li.on a::after{opacity: 1;}

/* graph_box */
.graph_box{float:left; width:50%; padding: 30px 0; position: relative;}
.graph_box .graph_inner{max-width: 620px; margin: 0 auto; margin-top: 72px;}
.graph_box .graph_bottom{max-width: 550px; margin: 0 auto; position: relative; left: 35px; top: -20px;}
.graph_box .graph_bottom li{float: left; width: 20%; text-align: center; position: relative; height: 70px;}
.graph_box .graph_bottom li img{display: block; margin: 0 auto; position: relative;}
.graph_box .graph_bottom li:nth-of-type(1) img{width: 37px;}
.graph_box .graph_bottom li:nth-of-type(2) img{width: 37px; top:5px}
.graph_box .graph_bottom li:nth-of-type(3) img{width: 37px; top:5px}
.graph_box .graph_bottom li:nth-of-type(4) img{width: 35px; top:5px}
.graph_box .graph_bottom li:nth-of-type(5) img{width: 26px;}
.graph_box .graph_bottom li span{display: block; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 15px;}

.graph_box  .rMateH5__Combination2DChart{height: 400px !important; overflow: hidden; border: 0;}
/*.graph_box .rMateH5__GridLines{border-bottom: 1px solid #C3C3C3 !important;}*/

/* btn_callcenter */
.btn_callcenter{position: fixed; right: 10px; bottom: 15px; height: 170px; width: 170px; background: #114a9e; border-radius: 100px; z-index: 999; text-align: center; -webkit-box-shadow: 0px 0px 23px rgba(0,0,0,0.2); box-shadow: 0px 0px 23px rgba(0,0,0,0.2);}
.btn_callcenter img{display:block; width: 52px; margin: 0 auto; margin-top: 20px; margin-bottom: 8px;}
.btn_callcenter b{color: #fff; font-size: 20px; font-family: 'montserrat'; font-weight: 600; letter-spacing:0.025em; line-height: 1; display: block; }
 .btn_callcenter p{font-size: 16px; color: #fff; font-weight: 500; line-height: 1; padding-top: 5px; padding-bottom: 7px;}
 .btn_callcenter span{display: block; line-height: 1; color: #fff; font-size: 13px; font-family: 'montserrat'; font-weight: 300; letter-spacing: 0;}
 .btn_callcenter.static{bottom: 210px; position: absolute;}


/****** 반응형 ********/
.main_visual .item{max-height:950px; -webkit-transition: 0s !important; -o-transition: 0s !important; transition: 0s !important;}

/* 1520 ~ 1024*/
@media all and (max-width:1520px){
    .popup-notice-warp{right: 20px;}
    .main_visual .ect_slide_box{left:40px;}
    .main_visual .slick-dots{left: calc(52% + 120px);}

    .main_con1{padding-left: 20px; padding-right: 20px;}
    .recent_list{padding-right: 20px;}
    .main_banner .banner_slider .item>a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden;}


    .main_con2 .inner{width: 100%;}
    .main_con2 .inner .wrap{padding: 0;}

    .btn_callcenter.static{bottom: 190px;}
}
@media all and (max-width:1400px){
    .map_box{width: 60%; box-sizing:border-box; }
    .graph_box{width: 40%;}
    .graph_inner>div{max-width:90%; margin: 0 auto;}
    .graph_box .graph_bottom{max-width: 74%; left:7%;}
    .graph_box .graph_inner{margin-top: 30px;}
    .graph_box .con_title b{display: block; line-height: 1.4;}
    .graph_box .con_title span::before{left: 28px;}

    .main_con3{padding-top: 70px; padding-bottom: 90px;}
    .main_con3  .con_title{padding: 0 50px;}
    .main_con3 .btn_go{right: 25px;}

    .recent_list .recent_brd li a{line-height: 45px; font-size: 16px; padding-left: 18px;}
    .recent_list .recent_brd li span{font-size: 14px;}
    .recent_list .recent_brd li a::before{top: 17px;}
}
@media all and (max-width:1200px){
    #header #gnb li a{font-size: 17px;}
    .recent_list{width: 49%; padding-right: 0;}
    .main_banner{width: 49%; max-width: none;}
    .map_box, .graph_box{width: 100%;}
    .map_box::before { display:none; }
    .map_box .map_wrap{max-width: 750px; margin: 0 auto;}
    .graph_box .graph_bottom{max-width:490px; left:34px;}  
}

/* 1024 ~ 768*/
@media all and (max-width:1024px){

    .popup-notice-warp{width: 70% !important; max-width: none; margin-top: 0; top: 11vw; }

    .main_visual .item{height: 600px; min-height: 0;}
    .main_visual .item .ciTxt { top:490px; right:0; width:70%; }
    .main_visual .item .ciTxt img { max-width:100%; }
    .main_visual .txt_box p{font-size: 17px; margin-bottom: 20px;}
    .main_visual .txt_box .txt{font-size: 45px;}
    .main_visual .slick-dots{}
    .main_visual .ect_slide_box{ left: 20px;}
    .main_visual .slick-dots{padding-left: 16vw;}

    .main_con1{top: calc(580px - 11vw); overflow: visible;}
    .recent_list, .main_banner{width: 100%; float: none;}
    .recent_list .item{margin: 0 10px; height: 310px;}
    .recent_list .recent_slider{margin: 0 -10px; margin-top: 20px;}
    .recent_list .item a{padding: 3vw 2vw;}
    .recent_list .slider_btn{top:-42px}
    .recent_list .btn_go{top: -22px;}
    .recent_list .recent_brd{padding-top: 7px;}

    .main_banner{margin-top: 50px;}
    .main_banner .banner_slider .item img{height: auto; width: 100%;}

    .main_con2{}
    .main_con2::before{right:10px; left:inherit;}
    .main_con2 .inner .wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .main_con2 .inner{height: auto; padding: 5vw 0;}
    .main_con2 .inner dl{height: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.333%; }
    .main_con2 .inner dl:nth-of-type(1), .main_con2 .inner dl:nth-of-type(2){width: 50%; margin-bottom: 5vw;}
    .main_con2 .inner dl:nth-of-type(2){border-right:0;}
    .main_con2 .inner dl dt{font-size: 18px;}

    .main_con3{padding-top: 7vw; padding-bottom: 90px;}
    .graph_box{padding-bottom: 70px;}

    .main_con1{position: static; padding-top: 40px; padding-bottom: 40px; height: auto !important;}
    .main_con1>.wrap{position: relative; top: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; border-radius: 0; overflow: visible;}

    .main_con2::before{display: none;}

    .main_con2 .inner .more_area{position: absolute; width: 100%; top: 150px; z-index: 999;}
    .main_con2 .inner .more_area div{background: #B4C15D; width: 95%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .main_con2 .inner .more_area div::before{left: calc(25% - 45px);}


    /* 위치값 */
    .main_visual .slick-dots{left: 0px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding-left: 120px;}
}


@media all and (max-width:850px){
    .main_con1{height: 580px;}
}

/* 768~ */
@media all and (max-width:768px){
    .popup-notice-warp{width: 96% !important; top: 100px; right: 2%; border-radius: 15px;}
    .popup-notice-warp .popup-notice-cont table tr th{height: 50px; font-size: 18px;}
    .popup-notice-warp .popup-notice-foot button{top: 19px; right: 19px;}
    .popup-notice-warp .popup-notice-cont .notice-cont-view{padding: 15px 25px; font-size: 14px;}
    .popup-notice-warp .popup-notice-cont table tr td.file_download{padding-bottom: 15px;}
    .popup-notice-warp .popup-notice-cont table tr td.file_download a{font-size: 14px;}
    .popup-notice-warp .popup-notice-foot label{font-size: 14px;}
    .popup-notice-warp .popup-notice-foot input[type="checkbox"]{margin-right: 4px;}

    .main_visual .item{height: 500px; min-height: 0;}
    .main_visual .item p{font-size: 16px; margin-bottom: 14px;}
    .main_visual .item .txt{font-size: 35px;}
    .main_visual .slick-dots{top:360px}
    .main_visual .slick-dots li button{width: 30px; height: 30px; line-height: 27px; font-size: 14px;}
    .main_visual .ect_slide_box{top: 400px; width: 300px;}
    .main_visual .ect_slide_box .slider_btn{top: -36px;}
    .main_visual .slick-dots{padding-left: 123px;}
    .main_visual .item span{top:210px;}
    
    .main_con1{padding-top: 40px; padding-bottom: 40px;}
    .recent_list .item{height: 260px;}
    .recent_list .item a{padding: 23px 15px;}
    .recent_list .tab_menu li a, .main_banner>b{font-size: 20px;}
    .recent_list .tab_menu li:first-of-type::after{height: 15px; top: 3px;}
    .recent_list .item b{font-size: 19px; min-height: 55px; max-height: 55px;}
    .main_banner{margin-top: 35px;}
    .recent_list .recent_brd li a::before{top: 13px;}

    .main_con1{height: auto; position: static;}
    .main_con1>.wrap{}
    .recent_list .recent_brd li a{line-height: 40px; font-size: 15px;}
    .recent_list .recent_brd li span{top: 13px;}

    .main_con2 .inner{padding: 25px 0;}
    .main_con2::before{width: 200px; background-size: 200px; height: 120px; top: -73px;}
    .main_con2 .inner dl:nth-of-type(1), .main_con2 .inner dl:nth-of-type(2){ margin-bottom: 30px;}
    .main_con2 .inner dl dt, .main_con2 .inner dl dd{font-size: 15px;}
    .main_con2 .inner dl dd b{font-size: 38px;}
    

    .main_con3{padding-top: 40px; padding-bottom: 135px;}
    .main_con3 .con_title{padding: 0 60px;}
    .main_con3 .con_title span, .main_con3 .con_title b{font-size: 25px; display: inline; line-height: 1.2;}
    .graph_box .con_title span::before{left: -18px;}
    .main_con3 .con_title span::before{width: 10px; height: 10px; background-size: 10px; top: -6px;}
    .map_box{padding-bottom: 20px;}
    .map_box .map_wrap{max-width: none; padding: 0 10px;}
    .map_box .map{float:none; margin: 0 auto; margin-top: 30px; width: 300px; height: auto;}
    .map_box .map_hover>div{font-size:15px;}
    .map_box .map_hover .map_hover_1{top: 103px;left: 75px;}
    .map_box .map_hover .map_hover_2{top: 85px;left: 170px;}
    .map_box .map_hover .map_hover_3{top: 184px;left: 119px;}
    .map_box .map_hover .map_hover_4{top: 217px;left: 50px;}
    .map_box .map_hover .map_hover_5{top: 294px;left: 74px;}
    .map_box .map_hover .map_hover_6{top: 376px;left: 54px;}
    .map_box .map_hover .map_hover_7{top: 235px;left: 209px;}
    .map_box .map_hover .map_hover_8{top: 334px;left: 253px;}
    .map_box .map_hover .map_hover_9{top: 335px;left: 169px;}
    .map_box .map_hover .map_hover_10{top: 468px;left: 73px;}
    .map_box .map img{width: 100%;}
    .map_box .status_box{float: none; max-width: 80%; margin: 0 auto; margin-top: 30px;}
    .map_box .status_box ul{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .map_box .status_box li{width: 48%;}
    .map_box .status_box li span{font-size: 14px;}
    .map_box .status_box li a{width: 100%;}
    .map_box .status_box li a:hover, .map_box .status_box li.on a{width: 100%;}
    .graph_box .graph_inner{margin-top:10px;}
    .graph_box{padding-bottom: 20px;}
    .graph_box .graph_bottom li{height: 65px;}
    .graph_box .graph_bottom li img{height: 30px !important; width: auto !important;}
    .graph_box .graph_bottom li:nth-of-type(5) img{height: 35px !important;}

    .btn_callcenter{width:195px; height:80px; padding-top: 14px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2);  right: 15px; bottom: 20px;}
    .btn_callcenter img{display: none;}
    .btn_callcenter b{font-size:20px;}
    .btn_callcenter p{padding-top: 3px; font-size:14px; padding-bottom: 3px;}
    .btn_callcenter span{font-size:14px;}
    .btn_callcenter.static{bottom: 225px;}

    .main_con2 .inner .more_area{top: 115px;}
    .main_con2 .inner .more_area div::before{width: 25px; background-size: 25px; top: -8px; left: calc(25% - 35px); height: 9px;}

    .main_visual .txt_box p{font-size: 2.5vw;}
    .main_visual .txt_box .txt{font-size: 6vw;}
    .main_visual .item .ciTxt { top:420px; }
    /* 위치값 */
    .main_visual .txt_box{top: 150px;}
    .main_visual .ect_slide_box{top: 340px; }
    .main_visual .slick-dots{top: 300px; }
    .main_visual .item span{top: 355px;}
    .progress_box{margin-top: 0;}

    .popup-notice-warp .popup-notice-cont .notice-cont-view .inner, .notice-cont-view .inner strong, .notice-cont-view .inner span, .notice-cont-view .inner p{font-size: 14px;}
    
}

@media all and (max-width:680px){
    .graph_box .graph_bottom{max-width:calc(100% - 130px)}
}

@media all and (max-width:600px){
    .main_visual .item p{margin-bottom: 7px;}
    .main_visual .item .txt{font-size: 30px; line-height: 1.3;}   

    .recent_list .item{margin: 0 5px;}
    .recent_list .recent_slider{margin: 0 -5px; margin-top: 10px;}
    .main_banner>b{margin-bottom: 10px;}
    .recent_list .slider_btn{top: -32px;}
    .recent_list .btn_go{top: -30px;}

    .main_visual .txt_box p{font-size: 16px}
    .main_visual .txt_box .txt{font-size: 35px; line-height: 1.3;}
}

@media all and (max-width:550px){
    #header{height: 77px;}
    #header .logo{top: 14px;}
    #header .util{top: 22px;}
    #header .util li{margin-left:17px;}

    .main_visual .item{height: 480px;}
/*    .main_visual .item .wrap{margin-top:67px;}*/
    .main_visual .txt_box .txt .mo_blank{display:block; position: static;}
    .main_visual .ect_slide_box{top: 350px;}
    .main_visual .slick-dots{top: 310px;}
    .main_visual .item span{top:300px; font-size:14px;}

    .recent_list .tab_menu li a, .main_banner>b{font-size:18px}

    .main_con2 .inner .wrap{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .main_con2 .inner dl{width:50% !important; margin-bottom: 15px !important;}
    .main_con2 .inner dl dt{margin-bottom: 0;}
    .main_con2 .inner dl:last-of-type{margin-bottom: 0 !important;}
    /*.main_con2 .inner dl dd b{font-size: 7vw;}
    .main_con2 .inner dl dd b::after{height: 2vw; border-bottom: 1vw;}
    .main_con2 .inner dl dt, .main_con2 .inner dl dd{font-size:3vw;}*/

    .map_box .status_box{max-width: 90%;}
    .graph_box .graph_bottom{max-width:calc(100% - 113px)}

    .main_con2 .inner .more_area{top: 103px; }
    .main_con2 .inner .more_area div{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
}
@media all and (max-width:450px){
    .main_visual .txt_box p{font-size: 15px;}
    .main_visual .txt_box .txt{font-size: 8vw;}
}

@media all and (max-width:400px){   
    .main_con1{padding-bottom:65px;}
    .recent_list .item{height: 210px;}
    .recent_list .item p{min-height:43px; -webkit-line-clamp:2; max-height:43px; margin-bottom: 24px;}

    .main_con2::before{width:150px; background-size:150px; top:-85px}
    .main_con2 .inner dl dd b{font-size:30px;}
    .main_con2 .inner dl dd b::after{height: 6px;}

    .map_box .status_box{max-width:100%}

    .main_con3 .con_title span .mo_blank{display: block;}
    .main_con3 .con_title span::before{left: -10px;}
    .graph_box .graph_bottom li{height:58px;}
    .graph_box .graph_bottom li span{font-size:11px !important;}
    .graph_box .graph_bottom li img{height:26px;}
    .graph_box .graph_bottom li:nth-of-type(5) img{height:30px !important;}

    .main_con2 .inner .more_area{top: 91px;}
    
}