@charset "UTF-8";
/*스킵네비*/
#skip_nav{min-width: 1200px}
#skip_nav li{}
#skip_nav li a{position: absolute;left: -3000%;}
#skip_nav li a:focus{display: block;top: 0;left: 0;z-index: 1000;width: 100%;height: 30px;background: #039;font-size: 16px;line-height: 30px;color: #fff;text-align: center;}

/* 공통 */
#wrap{min-width: 1300px;overflow-x: hidden;}
#wrap .inner{width: 1200px;margin: 0 auto}

/* header */
#header{position: relative;width: 100%;height: 100px;background: #003964;}
#header.sub_header{background: #fff;}
#header.sub_header #nav .gnb>li>a{color: #58595b}
#header.sub_header .depth2_box{box-shadow: inset 0 7px 10px -7px rgba(0,0,0,0.3)}

#header .inner{position: relative;}
#header .inner:after{display: block;clear: both;content: ''}
#header .depth2_box{display: none;position: absolute;top: 100px;left: 0;z-index: 30;width: 100%;height: 260px;border-bottom: 1px solid #b2c3d0;background: #fff;content: ''}
#header .depth2_box em{display: block;position: relative;width: 260px;margin: 40px 0 25px;border-radius:5px;background: #0277bd;font-size: 20px;line-height: 50px;color: #fff;text-align: center;}
#header .depth2_box em:after{position: absolute;bottom: -10px;left: 50%;width: 0px;height: 0px;margin-left: -9px;border-top: 10px solid #0277bd;border-bottom:0;border-right: 9px solid transparent;border-left: 9px solid  transparent;content: ''}
#header .depth2_box span{font-size: 16px;line-height: 24px;color: #58595b;}
#header #logo{position: absolute;top: 22px;left: 0;}
#header #logo a{display: block;}
#header #nav{float: right;margin: 0 230px 0 0;}
#header #nav .gnb{}
#header #nav .gnb:after{display: block;clear: both;content: ''}
#header #nav .gnb>li{float: left;position: relative;}
#header #nav .gnb>li>a{display: block;position: relative;width: 118px;padding: 37px 0;font-size: 16px;line-height: 26px;color: #fff;text-align: center;}
#header #nav .gnb>li>a:after{display: block;position: absolute;top: 43px;left: 0;width: 1px;height: 12px;background: rgba(255,255,255,0.3);content: ''}
#header #nav .gnb>li:first-of-type>a:after{display: none;}
#header #nav .gnb>li>.depth2{display: none;position: absolute;top: 100px;left: 0;z-index: 40;width: 100%;height: 260px;padding: 26px 0 0;box-sizing: border-box;}
#header #nav .gnb>li>.depth2.on{background: #f6f6f6;}
#header #nav .gnb>li>.depth2.on:after{position: absolute;bottom: -1px;left: 0;width: 100%;height: 4px;border-top: 1px solid #0066a3;border-bottom: 1px solid #0066a3;background: #0277bd;box-sizing: border-box;content: ''}

/* 20181126 수정 */
#header #nav .gnb>li>.depth2 li a{display: block;padding: 9px 0 9px 32px;font-size: 16px;line-height: 18px;color: #58595b}
#header #nav .gnb>li>.depth2 li a:hover{font-weight: 500;color: #333}
/* 20181204 주요서비스 버튼으로 수정 - 시작 */
#header .hd_service {position: absolute;top: 27px;right: 0;width: 176px;}
#header .hd_service .btn_service{display: block;position: relative;z-index: 50;height: 46px;border-radius: 46px;background: #f0f0f0;font-weight: 500;font-size: 16px;line-height: 46px;color: #003964;text-align: center;box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5)}
#header .hd_service .btn_service.sub{background: #003964;color: #fff}
#header .hd_service .service_list{display: none;position: absolute;top: -2px;left: -2px;z-index: 40;width: calc(99% + 6px);padding: 49px 0 0;border-radius:32px;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.3)}
#header .hd_service .service_list ul li{}
#header .hd_service .service_list ul li a{display: block;padding-left: 18px;font-size: 14px;line-height: 40px;color: #58595b;text-align: left;}
#header .hd_service .service_list ul li a:hover{background: #ebebeb;}
#header .hd_service .service_list .btn_service_close{display: block;height: 31px;border-radius: 0 0 20px 20px;background: #003964 url(/assets/client/img/homepage/btn_service_close.png) no-repeat center center;font-size: 0;}
/* 20181204 주요서비스 버튼으로 수정 - 끝 */

/* 20181106 - 메인슬라이드수정 - 시작 */
#container{}

/* 20181212 - 메인슬라이드 수정 */
#container .main_visual{position:relative;min-width:1200px;min-height:460px;overflow: hidden;}
#container .main_visual .main_visual_txt{z-index:10;position:absolute;top:90px;left:50%;margin-left:-500px}
#container .main_visual .main_visual_txt p{margin-bottom:50px}
#container .main_visual .main_visual_txt a{display:inline-block}
/* 20181212 - 메인슬라이드 수정 끝 */

#container .main_visual{min-width:1200px;min-height:460px;overflow: hidden;}
#container .main_visual .main_visual_slide{position: relative;}
#container .main_visual .main_visual_slide .owl-item{}
#container .main_visual .main_visual_slide .owl-item img{min-width:1920px;height: 100%;}
#container .main_visual .main_visual_slide .owl-dots{position: absolute;top: 50%;right: 50%;width: 1200px;height: 0;margin: -6px -600px 0 0 ;text-align: right;}
#container .main_visual .main_visual_slide .owl-dot{display: inline-block;width: 12px;height: 12px;margin-right: 20px;border: 2px solid #29ceff;border-radius:50%;box-sizing: border-box;}
#container .main_visual .main_visual_slide .owl-dot.active{border: 0;background: #15c9ff;}
#container .main_visual .main_visual_slide .owl-nav{position: absolute;top: 50%;left: 50%;width: 1200px;margin: -22px 0 0 -600px}
#container .main_visual .main_visual_slide .owl-prev{position: absolute;top: 0;left: -106px;width: 106px;height: 43px;overflow:hidden;background: url(/assets/client/img/homepage/main_visual_prev.png) no-repeat center center;text-indent: -9999px;}
#container .main_visual .main_visual_slide .owl-next{position: absolute;top: 0;right: -106px;width: 106px;height: 43px;overflow:hidden;background: url(/assets/client/img/homepage/main_visual_next.png) no-repeat center center;text-indent: -9999px}
#container .main_visual .main_visual_slide .main_visual_slide_item{}
#container .main_visual .main_visual_slide .main_visual_slide_item a{display: block;}
#container .main_visual .main_visual_slide .main_visual_slide_item a img{}
/* 20181106 - 메인슬라이드수정 - 끝 */

/* 20181106 - 메인컨테이너수정 - 시작 */
#container .main_section{box-sizing: border-box;}
#container .main_section .inner:after{display: block;clear: both;content: ''}
#container .main_tit{float:left;position: relative;width: 620px;margin-left: -360px;padding-right: 31px;text-align: right;box-sizing: border-box;}
#container .main_tit:after{position: absolute;top: 33px;right: 49px;width: 300px;height: 48px;border: 4px solid #e9e9ea;border-radius: 40px;box-sizing: border-box; content: ''}
#container .main_tit strong{display: block;position: relative;z-index: 10;font-weight: 500;font-size: 48px;line-height: 60px;color: #003964}
#container .main_tit em{display: block;position: relative;z-index: 10;font-weight: 500;font-size: 28px;font-family: "Raleway";line-height: 36px;color: #58595b;letter-spacing: 5.6px}
#container .main_tit span{display: block;margin: 27px 0 0;font-size: 18px;line-height: 24px;color: #58595b}
#container .main_cnt{float:left;position: relative;padding-left: 22px;box-sizing: border-box;}
/* 20181106 - 메인컨테이너수정 - 끝 */

#container .main_service{height: 460px;padding: 66px 0 0;background: url(/assets/client/img/homepage/main_service_bg.png) no-repeat right 209px top 0;}
#container .main_service .main_cnt{}
#container .main_service .main_service_list{}

/* 20181008 - 여백수정 - 시작 */
#container .main_service .main_service_list>a{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 291px;height: 291px;padding: 34px 30px 0;border-radius: 4px;background-position: top center;box-sizing: border-box;transition: all 0.3s;}
#container .main_service .main_service_list>a:hover{height: 350px;background-position: bottom center;box-shadow: 4px 4px 14px 0 rgba(0,0,0,0.45);transition: all 0.3s;}
#container .main_service .main_service_list>a:hover em{font-weight: bold;}
#container .main_service .main_service_list>a:hover span{display: block;}
#container .main_service .main_service_list>a:hover .btn_go_map{display: block;}
#container .main_service .main_service_list>a em{display: block;margin: 0 0 21px;font-weight: normal;font-size: 36px;line-height: 42px;color: #fff}
#container .main_service .main_service_list>a span{display: none;font-size: 16px;line-height: 28px;color: #fff;word-break: break-word;}
#container .main_service .main_service_list>a .btn_go_map{display: none;position: absolute;top: 274px;left: 30px;width: 230px;border-radius:40px;background: #fff;font-size: 18px;line-height: 46px;color: #ea3f4f;text-align: center;}

#container .main_service .main_service_list>.main_service_rate{top: -30px;left: 43px;background: url(/assets/client/img/homepage/main_service_rate_bg.png) no-repeat;}
#container .main_service .main_service_list>.main_service_land{top: -30px;left: 346px;z-index: 10;background: url(/assets/client/img/homepage/main_service_land_bg.png) no-repeat}
#container .main_service .main_service_list>.main_service_past{top: 273px;left: 346px;background: url(/assets/client/img/homepage/main_service_past_bg.png) no-repeat;}
#container .main_service .main_service_list>.main_service_down{top: 273px;left: 649px;background: url(/assets/client/img/homepage/main_service_down_bg.png) no-repeat;}
/* Start : 20191002_수정사항 주요서비스수정,추가 */
/* #container .main_service .main_service_list>.main_service_rate{top: -30px;left: 43px;background: url(/assets/client/img/homepage/main_service_rate_bg.png) no-repeat;}
#container .main_service .main_service_list>.main_service_land{top: -30px;left: 346px;z-index: 10;background: url(/assets/client/img/homepage/main_service_land_bg.png) no-repeat}
#container .main_service .main_service_list>.main_service_past{top: -30px;left: 649px;z-index: 10;background: url(/assets/client/img/homepage/main_service_past_bg.png) no-repeat;}
#container .main_service .main_service_list>.main_service_down{top: 273px;left: 346px;background: url(/assets/client/img/homepage/main_service_down_bg.png) no-repeat;}
#container .main_service .main_service_list>.main_service_share{top: 273px;left: 649px;background: url(/assets/client/img/homepage/main_service_share_bg.png) no-repeat;} */
/* End : 20191002_수정사항 주요서비스수정,추가 */
/* 20181008 - 여백수정 - 끝 */

#container .main_faq{height: 640px;padding: 147px 0 0;background: #f1f2f3;}
#container .main_faq .main_tit:after{width: 260px;}
#container .main_faq .main_tit .btn_faq{display: block;position: absolute;top: 211px;right: 32px;width: 150px;border: 1px solid #d7d7d7;border-radius:40px;background: #fff;font-size: 16px;line-height: 38px;color: #003964;text-align: center;box-sizing: border-box;}
#container .main_faq .main_cnt:after{display: block;clear: both;content: ''}
#container .main_faq .main_faq_list{float:left;width: 540px;margin: 115px 0 0}
#container .main_faq .main_faq_list li{}
#container .main_faq .main_faq_list li:first-of-type a{margin: 0}
#container .main_faq .main_faq_list li a{display: inline-block;position: relative;overflow: hidden;max-width: 540px;margin: 7px 0 0;padding: 0 22px;font-size: 16px;line-height: 40px;color: #464646;letter-spacing: -0.8px;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;box-sizing: border-box;}
#container .main_faq .main_faq_list li a:after{position: absolute;bottom: 0;left: 22px;width: calc(100% - 44px);height: 1px;background: #959595;content: ''}
#container .main_faq .main_faq_list li a:hover{border-radius:40px;background: #003964;color: #fff;}
#container .main_faq .main_faq_list li a:hover:after{display: none;}
#container .main_faq .main_faq_shortcut{float: left;position: relative;margin: 128px 0 0 70px}
#container .main_faq .main_faq_shortcut .btn_shortcut{position: absolute;width: 100px;border-radius: 30px;background: #fff;font-size: 14px;color: #58595b;line-height: 30px;text-align: center;box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.08)}
#container .main_faq .main_faq_shortcut .btn_api{top: 57px;right: -47px;}
#container .main_faq .main_faq_shortcut .btn_webgis{top: 192px;left: -49px;}

/* 20181204 - 관련사이트 슬라이드 수정 - 시작 */
#container .main_site{height: 458px;padding: 90px 0 0}
#container .main_site .inner{position: relative;}
#container .main_site .main_tit:after{display: none;}
#container .main_site .main_cnt{width: calc(100% - 260px);padding-left: 22px}
#container .main_site .main_site_slide{}
#container .main_site .main_site_slide .owl-item{}
#container .main_site .main_site_slide .owl-stage{margin-left: -70px;}
#container .main_site .main_site_slide .owl-nav{position: absolute;top: 238px;left: -142px;}
#container .main_site .main_site_slide .owl-prev{overflow:hidden;display: inline-block;width: 40px;height: 40px;background: url(/assets/client/img/homepage/main_site_slide_prev.png) no-repeat center center;text-indent: -9999px;}
#container .main_site .main_site_slide .owl-next{overflow:hidden;display: inline-block;width: 40px;height: 40px;margin-left: 9px;background: url(/assets/client/img/homepage/main_site_slide_next.png) no-repeat center center;text-indent: -9999px;}
#container .main_site .main_site_slide .main_site_slide_item{}
#container .main_site .main_site_slide .main_site_slide_item a{display: block;}
#container .main_site .main_site_slide .main_site_slide_item a .main_site_img{width: 190px;height: 200px;margin: 0 0 37px;border: 1px solid #ebebeb;border-radius: 4px;box-sizing: border-box;}
#container .main_site .main_site_slide .main_site_slide_item a .main_site_img img{width: 100%;height: 100%;}
#container .main_site .main_site_slide .main_site_slide_item a span{display: block;font-size: 16px;line-height: 22px;color: #959595}
/* 20181204 - 관련사이트 슬라이드 수정 - 끝 */

/* footer */
#footer{width: 100%;height: 360px;background: #525252;}
#footer .inner{}
#footer .inner:after{display: block;clear: both;content: ''}
#footer .ft_left{float: left;margin: 60px 0 0}
#footer .ft_left .ft_logo{}
#footer .ft_left .ft_address{margin: 26px 0 0;font-size: 15px;line-height: 18px;color: #b7b7b7}
#footer .ft_left .ft_tel{margin: 16px 0 0;font-size: 0;}
#footer .ft_left .ft_tel dl{display: inline-block;margin-left: 52px;}
#footer .ft_left .ft_tel dl:first-of-type{margin-left: 0;}
#footer .ft_left .ft_tel dl dt{font-size: 15px;line-height: 22px;color: #b7b7b7}
#footer .ft_left .ft_tel dl dd{font-weight: bold;font-size: 16px;line-height: 22px;color: #b7b7b7}
#footer .ft_left .ft_policy{margin: 29px 0 0;font-size: 0;}
#footer .ft_left .ft_policy li{display: inline-block;}
#footer .ft_left .ft_policy li:first-of-type a{border-right: 0;}
#footer .ft_left .ft_policy li a{display: block;padding: 0 16px;border: 1px solid #636363;font-size: 15px;line-height: 38px;color: #a1a1a1}
#footer .ft_left .ft_policy li a.on{background: #494949;font-weight: bold;color: #3e97cd}
#footer .ft_left .ft_copy {margin: 16px 0 0;font-size: 15px;line-height: 19px;color: #b7b7b7}
#footer .ft_right{float: right;margin: 74px 0 0}
#footer .ft_right .ft_gnb{}
#footer .ft_right .ft_gnb:after{display: block;clear: both;content: ''}
#footer .ft_right .ft_gnb>li{float: left;margin-left: 70px;}
#footer .ft_right .ft_gnb>li:first-of-type{margin: 0}
#footer .ft_right .ft_gnb>li>a{display: block;font-weight: 500;font-size: 16px;line-height: 26px;color: #898989}
#footer .ft_right .ft_gnb>li>.ft_depth2{margin: 17px 0 0}
#footer .ft_right .ft_gnb>li>.ft_depth2 li{}
#footer .ft_right .ft_gnb>li>.ft_depth2 li a{font-size: 14px;line-height: 28px;color: #898989;}
/* 20181204 - 푸터로고 추가 - 시작 */
#footer .ft_right .ft_logo_list{margin-top: 25px;font-size: 0;text-align: right;}
#footer .ft_right .ft_logo_list a{display: inline-block;margin-left: 30px;font-size: 0;line-height: 0;}
#footer .ft_right .ft_logo_list a:first-of-type{margin: 0;}
/* 20181204 - 푸터로고 추가 - 끝 */

/* 20181218 - 공지팝업추가 - 시작 */
.popup_notice{ display : none; position: absolute;top: 15%;left: 15%;z-index: 100;width: 440px;background: url(/assets/client/img/homepage/popup_notice_bg.png) no-repeat top center;letter-spacing: -1px}
.popup_notice .popup_cnt{padding: 42px 38px 30px}
.popup_notice .popup_cnt .popup_top{text-align: center;}
.popup_notice .popup_cnt .popup_top p{font-weight: bold;font-size: 38px;line-height: 46px;color: #fff;}
.popup_notice .popup_cnt .popup_top strong{font-weight: bold;font-size: 30px;line-height: 40px;color: #f2c200}
.popup_notice .popup_cnt .popup_top span{font-size: 30px;line-height: 40px;color: #d9d9d9}
.popup_notice .popup_cnt .popup_caution{margin-top: 36px;font-size: 15px;line-height: 24px;color: #fff;text-align: center;}
.popup_notice .popup_cnt .popup_date{margin: 24px 0 0;padding: 13px 0;border-radius:10px;background: #fff;text-align: center;}
.popup_notice .popup_cnt .popup_date span{font-size: 16px;line-height: 24px;color: #353434}
.popup_notice .popup_cnt .popup_info {margin: 10px 0 0;padding: 15px;border-radius:10px;background: #fff;}
.popup_notice .popup_cnt .popup_info p{border-radius:10px;background: #8292b5;font-weight: bold;font-size: 18px;line-height: 43px;color: #fff;text-align: center;}
.popup_notice .popup_cnt .popup_info ul{padding: 10px 18px}
.popup_notice .popup_cnt .popup_info ul li{font-size: 16px;line-height: 26px;color: #353434}
.popup_notice .popup_cnt .popup_call{margin-top: 10px;font-size: 14px;line-height: 24px;color: #fff;text-align: center;}
.popup_notice .popup_bt{padding: 0 20px 5px;background: #525252;text-align: right;}
.popup_notice .popup_bt a{display: inline-block;font-size: 14px;line-height: 30px;color: #fff;vertical-align: top;}
.popup_notice .popup_bt a:after{display: inline-block;width: 10px;height: 10px;margin: 12px 0 0 5px;background: url(/assets/client/img/homepage/btn_close.png) no-repeat center center;background-size: 20px;content: '';}
.popup_notice .popup_bt input[type=checkbox]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.popup_notice .popup_bt input[type=checkbox] + label{display: inline-block; font-size: 14px;line-height: 31px;color: #fff;vertical-align: top;}
.popup_notice .popup_bt input[type=checkbox] + label:before{display: inline-block;margin: -2px 7px 0 0;width: 16px;height: 16px;background: url('/assets/client/img/img/check_off.png') 0 0 no-repeat;vertical-align: middle;content: '';}
.popup_notice .popup_bt input[type=checkbox]:checked + label:before{display: inline-block;margin: -2px 7px 0 0;width: 16px;height: 16px;background: url('/assets/client/img/img/check_on.png') 0 0 no-repeat;vertical-align: middle;content: '';}
/* 20181218 - 공지팝업추가 - 끝 */