@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;}
#wrap{overflow: hidden;}

@media only screen and (max-width:970px) {
.wrap{width:98%}
.tablet_skip { display:none;}
.wrap .rowgroup{width:100%;}
.wrap .satisfaction{margin:35px 0 35px 0px;}

#container{background:none !important;}
#container .subText{display:none;}
.path{display:none;}
}
@media only screen and (max-width:640px) {
.mobile_skip { display:none;}

}

/* Header */
#header {position:relative;z-index:12;background:url(/images/jumin/header_bg.gif) repeat-x;}
#header .wrap { padding-top:20px; height:95px; }
#header .logo { position:absolute;left:0;top:62px;z-index:0;}
#header .logo_title { position:absolute; font-size:35px; font-weight:600; color:#222; left:130px; top:67px; }
#header .logo_title a:hover{text-decoration:none}
#header .top_link { position:absolute; left:0; top:0; width:100%; font-size:14px;}
#header .top_link a.cont_go { display:none; padding-right:25px; height:40px; line-height:40px; background:url(/images/portal/common/access_btn.png) no-repeat right center; font-size:13px; color:#313131; font-weight:600;}
#main #header .top_link a.sub_view { display:none !important;}
#sub #header .top_link a.main_view { display:none !important;}

#header .top_link button.tit { display:none;}
#header .top_link ul {  }
#header .top_link ul li { float:left; }
#header .top_link ul li a { display:inline-block; padding:0 20px; height:39px; background:#fff; border-left:1px solid #e5e5e5; text-align:center; line-height:39px; color:#333;}
#header .top_link ul li.first a { border-left:none; background:#367acd; color:#fff;}
#header .top_link ul li.first a span { display:inline-block; }

#header .top_link ul.lang { float:right;  }
#header .top_link ul.lang li{ height:39px; }

#header .top_link ul.lang li.font { line-height:39px; padding:0 20px; }
#header .top_link ul.lang li a.sns { padding:0px; border-left:0px; }

.cont{
 display:block !important;
}



@media only screen and (max-width: 970px) {

#header .wrap{height:120px}
#header .top_link a.cont_go { display:none;}
#header .top_link ul { left:0; margin:0; width:100%; }
#header .top_link ul li a { display:block; width:auto; height:39px;  }
.sub_sp #header .top_link ul.lang {display:none}
#header .top_link ul.lang {/* display:none; */position:absolute;top:0;left: 85%;width: 132px;}
#header .top_link ul.lang li{display:none}
#header .top_link ul.lang li:nth-child(6),#header .top_link ul.lang li:nth-child(7),#header .top_link ul.lang li:nth-child(8){display:block;width: 44px;}
}
#header .top_link ul li.sns_wrap{display:block !important}

@media only screen and (max-width:640px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img { width:100%; margin:-5px 0 0 10px; }
#header .top_link { position:relative; top:-20px; width:180px; z-index:9999;}
#header .top_link button.tit { padding-left:5%; display:block; width:100%;  height:40px;  background:url(/images/portal/common/toplink_bg_off.png) no-repeat 90% center #e5e5e5; line-height:40px; font-size:13px; color:#555555; font-weight:600; text-align:left; transition: background-color 0.35s ease-in-out;}
#header .top_link button.tit.on { background:url(/images/portal/common/toplink_bg_on.png) no-repeat 90% center #7d7d7d; color:#ffffff; }
/* #header .top_link button.tit span { padding-left:5%;} */
#header .top_link .cont {display: block !important;position:absolute;left:0;top:40px;width:100%;background:#383838;}
#header .top_link .cont > ul:not(.lang){display:none}
#header .top_link ul  {  position:relative; left:0%; margin-left:0; width:100%; }
#header .top_link ul li { float:none; width:100%; }
#header .top_link ul li a { border-top:1px solid #e5e5e5; border-left:none;}
#header .top_link ul.lang{width: 132px;top: -41px;/* left: 157%; */margin-left: 67%;}
#header .top_link ul.lang li{float:left;}



}

@media only screen and (max-width:700px) {
#header .top_link ul.lang{width: 134px;top: -41px;/* left: 157%; */margin-left: 20px;}
#header .top_link ul.lang li{width:44px}
#header .top_link ul.lang li a{width:44px}
#header .top_link ul.lang li a img{width:44px}
}

#header {background-color:#ffffff;border-bottom:2px solid #336ac0;height: 135px;}
#header .logo { z-index:13;}
#header .flag { position:absolute; left:130px; top:50px; z-index:14;}
#header .flag a { display:block;}



/* 메뉴 */



#lnb .wrap {right: -265px;z-index:13;max-width: 850px;height:75px;margin-top:-100px;/* overflow: hidden; */width: 100%;}
#lnb .top1menu { display:inline-block; }

#lnb ul {margin:0; padding: 0; }
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li a {display:block;  padding:40px 20px 38px; font-size:22px; font-weight:600; letter-spacing:-0.7px; line-height:22px;color:#1b1b1b; text-decoration:none}
#lnb ul li a.tit.hover,#lnb ul li a.tit:hover { color:#336ac0; }


#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute; left:0; top:99px; z-index:300; margin-left:-440px; width:1200px; min-height:200px; border-top:1px solid #336ac0;  background:#fff url(/images/portal/common/top_depth2_bg.gif) no-repeat left bottom; transition:height 2s ease-in-out;  box-shadow:0 30px 30px rgba(0,0,0,0.2);}
#lnb ul div.top2m div {position:relative;z-index:920;margin:0;padding:10px 20px 20px 260px; }

#lnb ul div.top2m div .tit_area { position:absolute; left:0; top:0; width:240px; min-height:200px; padding:20px 20px; background:#f7f7f7; text-align:center; }
#lnb ul div.top2m div .tit_area .tit { padding:25px 0 5px 0 ; background:url(/images/portal/common/top_depth2_titbg.gif) no-repeat center top;  font-size:22px; font-weight:600; color:#313131;}
#lnb ul div.top2m div .tit_area .text { font-size:13px;  }

#lnb ul ul li { float:left; margin:0.5% 0.5%; width:24%; background:#dde6f4; font-weight:600; }
#lnb ul ul li.split_line { float:none; width:100%; padding:0;}
#lnb ul ul li a { padding:10px 20px; color:#333; font-size:15px; text-align:center;}
#lnb ul ul ul {display:block; padding-top:10px;  background:#ffffff;}
#lnb ul ul ul li { float:none; padding:0; width:100%; background:none;  }
#lnb ul ul ul li a { display:block; font-weight:normal; color:#48505e; padding:1px 5px 2px 15px; background:url(/images/portal/common/deth3_bu.gif) no-repeat 8px center; line-height:15px; font-size:14px; text-align:left; }
#lnb ul ul ul li a:hover { color:#4a75ae; }
#lnb img { margin-left:5px;}

/*분야별정보 메뉴*/
.web #lnb .part_info { padding:0; background:#fff; }
#lnb ul div.part_info div  { height:110px; width:98%; padding:30px 0% 30px 2%; }

.web #lnb .part_info ul li { width:11%; margin:0; background:none; text-align:center}
.web #lnb .part_info ul li a { padding:0 20px; color:#313131; font-size:14px;letter-spacing:-1px;}
.web #lnb .part_info ul li a:hover { font-weight:600; color:#336ac0;}
.web #lnb .part_info ul li a span.img_area { display:block; width:80px; height:80px; margin:0 auto 5px; background-repeat:no-repeat; background-position:center; background-color:#336ac0;  border-radius:50px; transition:all 0.35s ease-in-out;}
.web #lnb .part_info ul li a:hover span.img_area { background-color:#1facb9;}
.web #lnb .part_info li ul { display:none;}


.lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none;}
.lnb_bg {  display:none; position:absolute; left:0; top:143px; width:100%;  min-height:42px;  }


@media only screen and (max-width:970px) {
	#lnb .wrap {  width:auto; height:auto; margin:0;  padding:0; right:0;}
	#lnb ul div.top2m { width:100%; margin:0;}

	.lnb_m_nav {display:block;position:absolute; top:45px;right:10px;z-index:910;}
	.lnb_m_nav .open{width:60px;height:60px;background: url(/images/portal/common/topmenu_m_btn_open.png) no-repeat center center #103268;font-size: 0;}
	#lnb .top2mbg{display:none}
	#lnb {overflow-y:scroll; position:fixed; top:125px; right:-280px; z-index:920; left:inherit; width:280px; height:70%; background:#103268; }
	#lnb .top1menu{z-index:930; width:100%; left:0; top:0 ;}
	#lnb ul li {display:block;float: none; width:100%;}
	#lnb ul li a{ display:block; margin:0;padding:20px 7%;background:url(/images/portal/common/depth1_m_off.png) no-repeat 95% 45%;border-bottom:solid 1px #405b86; text-align:left;color:#ffffff;}
	#lnb ul li:first-child a { border-top:none;}
	#lnb ul li a.tit.active,#lnb ul li a.tit:hover {padding:20px 7% 21px; background:url(/images/portal/common/depth1_m_on.png) no-repeat 95% 45% #5c94e2; border:none; color:#ffffff;}
	#lnb ul div.top2m { position:static; padding:0;}
	#lnb ul div.top2m div{border:none; background:#ffffff; padding:0;}
	#lnb ul ul {padding:0;}
	#lnb ul ul li{ float:none;  width:100%; margin:0; padding:0;background:url(/images/portal/common/depth2_m_bg.gif) no-repeat 9% 21px #ffffff;border:none; }
	#lnb ul ul li.split_line  { display:none;}
	#lnb ul ul li a{padding:13px 8% 12px 14%;background:none; border:none; color:#5b5e64; font-size:15px; text-align:left;}
	#lnb ul li li a.active,  #lnb ul li li a:hover { padding:13px 8% 12px 14%; color:#00379a}
	#lnb ul ul ul{display:none;padding:10px 0 7px; background:#ececec; }
	#lnb ul ul ul li{ float:none;  border:none;}
	#lnb ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec;color:#535353; text-align:left;}
	#lnb ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec; color:#535353;}
	#lnb ul ul ul ul { display:none; padding:10px 0 ; background:#cddbeb;}
	#lnb ul ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; }
	#lnb ul ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; color:#535353;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
	.lnb_close{display:none;position:fixed;right:70px;top:55px; z-index:910; }
	.lnb_close button{width:70px;height:70px; background:url(/images/portal/common/topmenu_btn_close.png) no-repeat center center #5c94e2;font-size:0}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
	#lnb .depth1 .m6 .tit_arae { display:none;}
	#header .weather { display:none;}

}




/*검색*/
#header .search_btn {display:block;position:absolute;top:40px;right:0; z-index:15;}
#header .search_btn button {display:block;width:90px;height:100px; padding-top:50px; background:url(/images/portal/common/search_btn.png) no-repeat center 25px #336ac0;  font-size:14px; color:#ffffff;}


@media only screen and (max-width:970px) {

	#header .search_btn { position:absolute; left:auto; right:70px; top:55px;}
	#header .search_btn button { width:70px;height:70px;background:url(/images/portal/common/search_btn_m.png) no-repeat center center #5c94e2; font-size:0}
}


@media only screen and (max-width:640px){
	.lnb_m_nav {top:55px !important;}
	.lnb_m_nav .open{width:50px !important;height:50px !important;}
	.lnb_close{right:60px !important;top:55px !important;  }
	.lnb_close button{width:50px !important;height:50px !important;}
	#lnb { top:115px !important;  }
	#header .search {top:115px !important;  }
	#header .search_btn { right:50px; top:65px;}
	#header .search_btn button {width:50px !important;height:50px !important;}
	#lnb ul li a.gov30 { background:none; padding-left:20px; }
}



#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 {  }

.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;max-width: 1200px;margin:0 auto;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:27px;left:70px;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 {top:0px;left:46px;background-position:0 -266px}
#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:69px;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:69px;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;border:1px solid #dbdbdb; border-width:1px 0; background:#fff;z-index:999}
.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; background:#fff url('/images/jumin/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/jumin/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: 228px;padding-top:12px;}
.foot_menus .fm_2 {top: -286px;height: 285px;padding-top:12px; left:0;}
.foot_menus .fm_3 {top: -324px;height: 323px;padding-top:27px;}
.foot_menus .fm_4 {top: -130px;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_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-top: 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; }
	#foot_menus .foot_menus{border-top:2px solid #5a5a5a}

	.foot_menus .fm_4{
    top: -154px;
}
	.foot_menus .fm_3{top: -352px;}
	.foot_menus .fm_2{top:-307px}
	.foot_menus .fm_1{}
}

@media only screen and (max-width:640px) {

	

}