@charset "utf-8";

/*@import url('http:/../fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
/* @font-face {
	font-family:'NanumGothic';
	font-style:normal; font-weight:normal;
	src:url('//www.ydp.go.kr../font/NanumGothic.eot');
	src:local("※"), url('//www.ydp.go.kr../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('//www.ydp.go.kr../font/NanumGothic.woff') format('woff'),
		url('//www.ydp.go.kr../font/NanumGothic.ttf') format('truetype');
} */

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic/NanumGothic-Regular.eot);
  src: local("※"), url(../font/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* **** Common Reset **** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,fieldset{margin:0;padding:0; /* word-wrap:break-word;word-break:break-all; */}
body,h1,h2,h3,h4,input {font-family:"NanumGothic","나눔고딕","ng", sans-serif;font-size:12px;color:#555555;}
img,fieldset{border:0 none;}
img{border:0;}
caption{text-indent:-99999px;overflow: hidden;/* display:block;  */width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
tfoot{display:none;}
.clear{clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display:block; width: 1px !important;
height: 1px !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.obj-hidden {visibility: visible;position: absolute;left: -99999px;top: -99999px;}
.mar_tp5{margin-top:5px !important;}
.mar_tp10{margin-top:10px !important;}
.mar_tp15{margin-top:15px !important;}
.mar_tp20{margin-top:20px !important;}
.mar_tp30{margin-top:30px !important;}
.mar_tp40{margin-top:40px !important;}
.mar_tp50{margin-top:50px !important;}
.mar_lf0{margin-left:0px !important;}
.mar_lf5{margin-left:5px !important;}
.mar_lf10{margin-left:10px !important;} 
.mar_lf15{margin-left:15px !important;} 
.mar_lf20{margin-left:20px !important;} 
.mar_lf30{margin-left:30px !important;} 
.mar_rt0{margin-right:0px !important;}
.mar_rt10{margin-right:10px !important;}
.mar_tp0{margin-top:0px !important;}
.mar_bt0{margin-bottom:0px !important;}
.pad_lf0{padding-left:0px !important;}
.pad_lf10{padding-left:10px !important;}
.pad_rt0{padding-right:0px !important;}
.pad_tp0{padding-top:0px !important;}
.pad_bt0{padding-bottom:0px !important;}

.skipNav{position:relative;width:100%;z-index:110;}
.skipNav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:10px 0; font-style:normal; font-variant:normal;text-align:center;font-family:"NanumGothic","나눔고딕",'ng','NanumGothicWeb',Dotum,Arial,sans-serif;font-size:14px; font-weight:700;color:#ffffff;background:#000000;}
.skipNav a:active,
.skipNav a:focus{top:0;text-decoration:none;color:#ffffff;}

/* #tp_warp{height:147px;} */
.tp_warp_dv{width:100%;}
.main_tp{height:30px;border-bottom:1px solid #d6d6d6;}
.main_tp_inner{width:960px;margin:0 auto;}
.main_tp_lf ul li{width:60px;height:19px;float:left;padding-top:4px;margin-right:5px}
.main_tp_lf ul li a{font-weight:bold;color:#fff;text-align:center;display:block;line-height:22px;}
/* 180515 메인 상단 링크 추가 및 스타일수정 */
.main_tp_lf ul li a.tp_city_council{background:#72ab42}
.main_tp_lf ul li a.tp_health{background:#f25822}
.main_tp_lf ul li a.tp_cultural_tourism{background:#00aef7}
.main_tp_lf ul li a.tp_education{background:#0263a8}
.main_tp_lf ul li a.tp_infoedu{background:#4374d9}
.main_tp_lf ul .li_bak{background:#024685;}
.main_tp_lf ul .li_bak a{color:#ffffff;}

.main_tp_rt{height:24px;float:right;}
.main_tp_rt ul{float:left;padding-top:8px;}
.main_tp_rt ul li{float:left;margin:0 5px;background:url('../images/common/home_line.jpg') no-repeat right 4px;padding-right:11px;}
.main_tp_rt ul li.go_btn {background:none;}
.main_tp_rt ul li.go_btn a{width:20px;height:22px;padding:0 2px 0 6px;background:#b1b1b1;color:#fff;font-weight:bold;line-height:16px;display:block;}
.main_tp_rt ul .none_bak{background:none;}
.main_tp_rt ul li > a{font-size: 13px;}
.main_tp_rt ul li > a > img{margin:2px 2px 0 2px;}
.main_tp_rt .sele_box{padding-top:4px;}
.main_tp_rt .sele_box select{width:93px;height:22px;font-size: 11px;}


.logo_warp{height:82px;border-bottom:1px solid #005d9d;overflow:hidden;}
.logo_warp_dv{width:960px;margin:0 auto;position:relative;}
.logo_warp_dv_lf{float:left;width:315px;}
.logo_warp_dv_lf img{margin-top:5px;}
.logo_warp_dv_lf2{float:left; padding-left:5px; padding-right:15px;}
.logo_warp_dv_lf2 img{margin-top:4px;}

.logo_warp_dv_rt{float:left;position:relative;}
.search_dv{height:53px;}
.search_bak{background:url('../images/common/search_bak.jpg') no-repeat;width:302px;height:33px;position:absolute;top:24px;left:0;}
.search_btn{position:absolute;top:24px;left:302px;}
.search_bak select{margin-top:6px !important;margin-left:7px !important;height:21px;font-size:15px;}
.search_bak input[type="text"]{width:200px;height:15px;border:0; font-size:15px; ime-mode:active;}
.search_font{font-size:15px;}
.search_font a{font-size:15px;}
.search_font span{font-weight:bold;font-size:15px;}

.menu_warp_one{height:37px;border-bottom:2px solid #016bb4;position:relative;z-index:9999;}
.menu_warp_dv{width:960px;height:37px;margin:0 auto;}
.menu_warp_dv > ul > li{float:left;line-height:37px;text-align:center;width:160px;height:39px;background:url('../images/common/menu_icon.jpg') no-repeat right 13px;position:relative;z-index:9999;}
.menu_warp_dv > ul > .none_bak{background:none;}
.menu_warp_dv > ul > li > a{font-size:17px;font-weight:bold;color:#404040;}
.menu_warp_dv > ul > li > a:hover{color:#0163a7;}

.s_menu_all{position:absolute;top:39px;left:0;width:960px;overflow:hidden;border:1px solid #d6d6d6;border-bottom:0;border-top:0;z-index:9999;display:none;}
.s_menu{float:left;width:191px;min-height:279px;border-right:1px solid #d6d6d6;padding-bottom:10px;}
.bor_right0{border-right:0;}
.s_menu > li{line-height:25px;height:25px;}
.s_menu > li > a{display:block;text-align:left;height:25px;width:168px;color:#000;padding-left:24px;line-height:25px;background:url('../images/common/s_menu_icon.jpg') no-repeat 10px 7px;}
.s_menu > li > a:hover{color:#0163a7;}
.s_menu > .s_menu_tit{margin-bottom:10px;font-size:15px;font-weight:bold;width:192px;height:44px;}
.s_menu > .s_menu_tit > a{line-height:44px;height:44px;padding-left:18px;width:173px;background:url('../images/common/s_menu_bak.jpg') no-repeat;}
.s_menu > .notp_bor{margin-bottom:10px;font-size:15px;font-weight:bold;width:192px;height:41px;}
.s_menu > .notp_bor > a{line-height:41px;height:41px;padding-left:18px;width:173px;background:url('../images/common/s_menu_notp_bak.jpg') no-repeat;}
#s_menu_all1{left:0px;height:400px;}
#s_menu_all2{left:-160px;height:420px;}
#s_menu_all3{left:-320px;height:420px;}
#s_menu_all3 .s_menu{min-height:222px;}
#s_menu_all4{left:-480px;height:400px;}
#s_menu_all4 .s_menu{min-height:387px;}
#s_menu_all5{left:-640px;height:515px;}
#s_menu_all5 .s_menu{min-height:285px;}
#s_menu_all6{left:-800px;height:420px;}
#s_menu_all6 .s_menu{min-height:420px;}


.menu_back{position:absolute;top:39px;left:0;background:url('../images/common/s_menu_img2.jpg') no-repeat 50% bottom;background-color:#ffffff;height:0px;width:100%;border-bottom:4px solid #3a3a3a;overflow:hidden;z-index:9998;display:none;}
#menu_back1{height:400px;}
#menu_back2{height:420px;}
#menu_back3{height:420px;}
#menu_back4{height:420px;}
#menu_back5{height:515px;}
#menu_back6{height:420px;}

#s1_menu1{position:absolute;top:0;left:0;}
#s1_menu2{position:absolute;top:302px;left:0;}
#s1_menu3{position:absolute;top:0px;left:192px;min-height:500px;}
#s1_menu4{position:absolute;top:0px;left:384px;min-height:500px;}
#s1_menu5{position:absolute;top:0px;left:576px;min-height:257px;}
#s1_menu6{position:absolute;top:0px;left:768px;min-height:500px;}


#s2_menu1{position:absolute;top:0;left:0;min-height:400px;}
#s2_menu2{position:absolute;top:0px;left:192px;min-height:400px;}
#s2_menu3{position:absolute;top:0px;left:384px;min-height:400px;}
#s2_menu4{position:absolute;top:0px;left:576px;min-height:290px;}
#s2_menu5{position:absolute;top:203px;left:0px;min-height:210px;}
#s2_menu6{position:absolute;top:0px;left:768px;min-height:400px;}
#s2_menu7{position:absolute;top:203px;left:192px;min-height:400px;}


#s_menu_all3 #s3_menu1{position:absolute;top:0;left:0;}
#s_menu_all3 #s3_menu2{position:absolute;top:0px;left:192px;}
#s_menu_all3 #s3_menu3{position:absolute;top:0px;left:384px;}
#s_menu_all3 #s3_menu4{position:absolute;top:0px;left:576px;min-height:315px;}
#s_menu_all3 #s3_menu5{position:absolute;top:0px;left:768px;}
#s_menu_all3 #s3_menu6{position:absolute;top:202px;left:0px;}
#s_menu_all3 #s3_menu7{position:absolute;top:202px;left:192px;}
#s_menu_all3 #s3_menu8{position:absolute;top:202px;left:384px;}
#s_menu_all3 #s3_menu9{position:absolute;top:202px;left:576px;}
#s_menu_all3 #s3_menu10{position:absolute;top:202px;left:768px;}


#s_menu_all4 #s4_menu1{position:absolute;top:202px;left:192px;min-height:500px;}
#s_menu_all4 #s4_menu2{position:absolute;top:0px;left:0px;min-height:500px;}
#s_menu_all4 #s4_menu3{position:absolute;top:0px;left:192px;min-height:500px;}
#s_menu_all4 #s4_menu4{position:absolute;top:0px;left:384px;min-height:500px;}
#s_menu_all4 #s4_menu5{position:absolute;top:0px;left:576px;min-height:405px;}
#s_menu_all4 #s4_menu6{position:absolute;top:0px;left:768px;min-height:500px;}


#s5_menu2{position:absolute;top:300px;left:0px;min-height:500px;}
#s5_menu3{position:absolute;top:300px;left:192px;min-height:500px;}
#s5_menu4{position:absolute;top:300px;left:384px;min-height:500px;}
#s5_menu9{position:absolute;top:300px;left:576px;min-height:500px;}


#s_menu_all6 #s6_menu1{position:absolute;top:0;left:0;}
#s_menu_all6 #s6_menu2{position:absolute;top:160px;left:0px;}
#s_menu_all6 #s6_menu3{position:absolute;top:0px;left:192px;}
#s_menu_all6 #s6_menu4{position:absolute;top:0px;left:384px;min-height:315px;}
#s_menu_all6 #s6_menu5{position:absolute;top:0px;left:576px;min-height:200px;}
#s_menu_all6 #s6_menu6{position:absolute;top:0px;left:768px;min-height:200px;}
#s_menu_all6 #s6_menu7{position:absolute;top:160px;left:768px;}


.contents_warp_dv{width:960px;margin:0 auto;padding-bottom:15px;/* overflow:hidden */}
.footer_warp_tp{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;height:39px;}
.footer_warp_tp_cont{width:960px;margin:0 auto;}
.footer_warp_tp_cont_lf{float:left;}
.footer_warp_tp_cont_lf ul li{float:left;height:38px;line-height:38px;text-align:left;margin-right:15px;}
.footer_warp_tp_cont_lf ul .footer_icon1{line-height:0;}
.footer_warp_tp_cont_lf ul .footer_icon1 img{margin-top:14px;}
.footer_warp_tp_cont_lf ul li a{color:#4e4e4e;font-size:13px;}
.footer_warp_tp_cont_lf ul .mouse_over a{font-weight:bold;}
.footer_warp_tp_cont_rt{float:right;}
/*--20161222수정*/
/* .footer_warp_tp_cont_rt img{margin-left:7px;margin-top:4px;}
.footer_warp_bt{width:960px;margin:0 auto; position:relative}
.footer_warp_bt p{margin:10px 0;} */
.footer_warp_tp_cont_rt img{margin-left:7px;margin-top:7px;}
.footer_warp_bt{width:960px;margin:0 auto; position:relative;padding:15px 0;}
.footer_warp_bt p{margin:7px 0;}
/*20161222수정끝--*/
.footer_warp_bt a{display:block;}
.footer_warp_bt li{float:right; padding-left:10px;}
.topmenu_img {padding-left:5px;vertical-align: middle;}

/* 웹접근성 품질 인증서 레이어팝업 20160707 */
.layer {display:none; position:fixed; /*IE6-7미지원 _position:absolute; */ top:0; left:0; width:100%; height:100%; z-index:10000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; /*IE6-7미지원 filter:alpha(opacity=50) */;}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 600px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
/* .pop-layer .pop-container {padding: 20px 25px;} */
.pop-layer p.ctxt {color: #666; line-height: 25px; text-align:center}
.pop-layer .btn-r {margin:10px 10px 0 0;/*width: 100%; margin:10px 0 20px;  padding-bottom: 10px; border-bottom: 1px solid #DDD;  */text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.layer2 {display:none; position:fixed; /*IE6-7미지원 _position:absolute; */ top:0; left:0; width:100%; height:100%; z-index:10000;}
.layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; /*IE6-7미지원 filter:alpha(opacity=50); */}
.layer2 .pop-layer {display:block;}


/* 170124 기상배너 추가 - 생활정보 오픈후 주석풀것 */
.wheather_info_bg {float:right;background-image:url('../images/main/lifeinfo_bg.gif');background-repeat:no-repeat;width:216px;padding-left:40px;height:81px;margin-top:0px;}
.wheather_info {margin-top:10px;height:81px;width:216px;display:inline-block;background-image:url('../images/common/wheather_banner/bg/wheather_bg1.jpg');background-repeat:no-repeat;}
.wheather_icon {float:left;padding:3px;}
.wheather_icon img{max-width:100%;width:42px;height:42px;padding-top:5px}
.wheather_txt {float:left;padding-left:5px;padding-top:2px;}
.wheather_txt p{clear:both}
.wheather_txt .wheather_txt_tit {font-size:15px;color:#0462aa;font-weight:bold;padding:5px 0;float:left;}
.wheather_txt .wheather_txt_desc>a{margin-left:5px}
.wheather_txt .wheather_txt_desc .wheather_desc_unit {font-size:10px;letter-spacing:-1px;color:#666;}
.wheather_txt .wheather_txt_desc .dust_bad {font-size:12px;font-weight:bold;letter-spacing:-1px;color:#f16600; display:none;}
.wheather_txt .wheather_txt_desc .dust_very_bad {font-size:12px;font-weight:bold;letter-spacing:-1px;color:#db122a;}
#weather_info_txt{font-weight:bold}
.lifeinfo_link{display:inline-block;}

#weather_info_popup{width:216px;height:52px;position:absolute;right:0;top:15px;font-size:15px;z-index:10;background-image:url('../images/common/wheather_banner/bg/wheather_bg2.jpg');background-repeat:no-repeat;background-size: cover;}
.info_popup_inner{position:relative}
.info_popup_inner .wheather_icon{padding:8px;margin-left:10px;width:35px;height:35px;}
.info_popup_inner .wheather_icon img{padding-top:0}
.info_popup_inner p span{color:#fff;text-align:left;font-weight:bold;font-size:17px}
.info_popup_inner .wheather_txt{padding:6px}
.info_popup_inner .wheather_txt p{color:#fff}
.info_banner_close{position:absolute;right:-5px;top:-5px;}
.move_link_btn{font-size:12px;color:#fff;position:relative;margin-top:3px;display:inline-block}
.move_link_btn:after{content:'\f055';font-family:FontAwesome;padding-left:5px;padding-top:3px}
.info_popup_inner p .yellow_txt{color:#f4f447}
.info_popup_inner p .red_txt{color:#ffaf8f}

/* 170620 포토갤러리 마우스 오버 이미지 확대 */
/* .area3_lf_dv_lf, .wrap_img { overflow:hidden; } */

/* 마우스 오버시 효과 */
/* .area3_lf_dv_lf:hover img, .wrap_img:hover img {
 transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -ms-transition:.3s
} */

/* 마우스 아웃시 효과 */
/* .area3_lf_dv_lf img, .wrap_img img {
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -ms-transition:.3s
}
 */
 
 
/* 180919 탁트인 영등포 로고 수정 */
.logo_warp_dv_lf>a {width:141px;margin-top:1px}

/* 190925 소셜로그인 상단 계정 표시 */
.social-login {display:inline-block;width:19px;height:19px;background-repeat:no-repeat;margin-top:-2px;margin-right:2px}
.social-login.account-kkt {background-image:url(../images/common/icon-kakao.png)}
.social-login.account-naver {background-image:url(../images/common/icon-naver.png)}
.logout {vertical-align:top}
.img-vc {vertical-align:inherit}

/* 190925 생일회원 상단 변경 */
.hbd-bg {background-image:url(../images/common/hbd-bg.png);background-repeat:no-repeat;background-position:center 0}
.hbd-bg .hbd-member {margin:0;background:none;padding-right:3px;letter-spacing:-0.5px;position:relative;padding-left:25px;font-weight:600;color:#0263a8}
.hbd-bg .hbd-member:before {content:"";display:block;width:20px;height:18px;background-image:url(../images/common/hbd-icon.png);background-repeat:no-repeat;background-position:center center;position:absolute;top:-2px;left:0}