@charset "utf-8";



/* 본문바로가기  */
.accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

.wrap{position:relative;width:1200px;margin:0 auto;}


@media only screen and (max-width:970px) {
	.wrap{width:100% !important;}
	.tablet_skip { display:none;}
	.wrap .satisfaction{margin:35px 0 35px 0px;}
.mconVi{position:absolute;/* left:50%; */background: url('/images/welfare/main_vi_bg.jpg') -560px 0 no-repeat;text-indent:-9999px;height:100%;width: 100%;/* margin-left: -220px; *//* overflow: hidden; */}
}

@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}
}




#container { width:100%;}

#footer .wa_mark { display:inline-block; position:absolute; right:65px; bottom:0;}
.foot_bottom .footer_info p.notice { padding-right:170px;}

#footer {border-top: 1px solid #ddd;}

.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background-image:url(/images/portal/common/img_comn.png);background-repeat:no-repeat}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

@media only screen and (max-width:970px) {
.inner{width:100%;}
}

/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative; height:100px; width:1200px; margin:10px auto; }

#foot_banner h3 { position:absolute; top:27px; left:0px; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:15px 0 0 145px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:25px;left:80px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {display:none;}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:46px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:46px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}






/* 하단 메뉴 */
#foot_menus {position:relative;height:48px;z-index:999;background: #ddd;}
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height:47px;padding-left:30px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background: url('/images/welfare/foot_menu_arrow.png') 260px center no-repeat;text-align:left;line-height:48px;text-decoration:none}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background:#fff url('/images/welfare/foot_menu_arrow2.png') 260px center no-repeat;}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff;}
.foot_menus .fm_1 {top:-229px;height:229px;padding-top:12px}
.foot_menus .fm_2 {top:-249px;height:249px;padding-top:12px; left:0;}
.foot_menus .fm_3 {top:-304px;height:304px;padding-top:27px}
.foot_menus .fm_4 {top:-129px;height:129px;padding-top:21px}

.foot_menus ul .col2 {float:left;width:48%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:23px; font-size:14px; background-position:30px -599px;line-height:2}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -105px; }
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/*qr코드 추가*/
.qrcode { float: right; }

#foot_info { padding:26px 0 40px;}
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#999;}

#foot_info .total{position:absolute; top:0px; right:0px; width:110px; border:1px solid #e2e2e2; border-radius:10px;}
#foot_info .total .total_tit{width:100%; height:26px; background:#464d6b; border-radius:10px 10px 0 0; color:#fff; text-align:center; line-height:26px; font-size:12px;}
#foot_info .total .total_count{text-align:center; height:32px; line-height:32px; font-size:15px; margin-left:15px; font-weight:600; letter-spacing:-1px; /*background:url('/images/welfare/total_ico.png') 0px center no-repeat; */}
.foot_logo {width:181px;height:44px;margin:0px 36px 0 0px; float:left;}
.copyright {font-size:13px; margin-top:1px;color:#a7a7a7; }


@media only screen and (max-width:970px) {


	#foot_banner { display:none; }
	#foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
	
	#foot_info { padding:20px; }
.qrcode, .foot_logo{display:none;}
}