@charset "utf-8";
/* CSS Document */

body{position:relative;font-size:14px;line-height:1.6em;color:#555;font-family:'NanumG', 'Malgun Gothic', '맑은 고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;}

a:link { color:#636363; text-decoration:none; }
a:visited { color:#636363; text-decoration:none; }
a:hover { color:#0030ae; text-decoration:none; }
a:active { color:#0030ae; text-decoration:none; }

caption{position:static;}

.wrap{position:relative;width:1200px;margin:0 auto;}
@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/portal/common/header_bg.gif) repeat-x;}
#header .wrap { padding-top:20px; height:95px; }
#header .logo {position:absolute;left:0;top:62px;z-index:0;}

#header .top_link { position:absolute; left:0; top:0; width:100%; }
#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 10px; 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; }





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

#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:block;}
#header .top_link ul.lang {/* display:none; */position:absolute;top:0;left: 75%;width: 176px;}
#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: 176px;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; }
#header .logo { z-index:13;}
#header .flag {position:absolute;left: 113px;top: 57px;z-index:14;}
#header .flag a { display:block;}

@media only screen and (max-width:640px) {
	#header .flag{left:140px}
}



/* 메뉴 */



#lnb .wrap { right:-130px; z-index:13; width:1000px; height:64px; margin-top:-77px;  }
#lnb .top1menu { display:inline-block; }
/*#lnb .top2mbg {display:none;position:absolute;top:40px;left:0;width:100%;height:200px;border:solid 3px #2b52a7; border-top:none;box-sizing:border-box;background:#fff;}*/
#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:25px 30px 26px; font-size:19px; font-weight:600; letter-spacing:-0.5px; line-height:22px;color:#1b1b1b; text-decoration:none}
#lnb ul li a.tit.hover,#lnb ul li a.tit:hover { color:#336ac0; border-bottom:4px solid #dd5073; padding-bottom:24px}
/*#lnb ul li a.tour.hover, #lnb ul li a.tour:hover { padding-bottom:34px }*/
#lnb ul li a.gov30 { /*background:url(/images/portal/common/gov30.gif) no-repeat 15px 20px; padding-left:75px; */ }

#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute; left:0; top:75px; z-index:300; margin-left:-230px; width:1200px; 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.m1 div { background:url(/images/portal/common/m1_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m2 div { background:url(/images/portal/common/m2_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m3 div { background:url(/images/portal/common/m3_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m6 div { background:url(/images/portal/common/m4_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m5 div { background:url(/images/portal/common/m5_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m div .tit_area { position:absolute; left:0; top:0; width:200px; padding:50px 20px; background:none; text-align:center; }
#lnb ul div.top2m div .tit_area .tit { padding:25px 0 ; background:url(/images/portal/common/top_depth2_titbg.gif) no-repeat center top;  font-size:30px; font-weight:600; color:#313131;}
#lnb ul div.top2m div .tit_area .text { font-size:18px;  }

#lnb ul ul li {float:left;margin:0 0.5%;margin-bottom:10px;width:24%;background: #434587;font-weight:600;}
#lnb ul ul li.split_line { float:none; width:100%; padding:0;}
#lnb ul ul li a { padding:10px 20px; color:#fff; 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-left: 0;width:100%;background:none;margin:0;}
#lnb ul ul ul ul{padding:0 0 5px 0}
#lnb ul ul ul ul li a{padding: 3px 0 3px 8px;
  background: url('/images/portal/common/dot_bar.gif') no-repeat left 9px;
  color: #888;
  font-size: 13px;
  font-weight:500 !important;
  display: inline-block;}
#lnb ul ul ul ul li { padding-left:15px}
#lnb ul ul ul ul li a:active { font-weight:600 }
#lnb ul ul ul li a { display:block; font-weight:normal; color:#48505e; padding:5px 5px 5px 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:#434587;  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_bg.part_bg {background:url(/images/portal/common/part_bg.gif)  repeat-y center top; box-shadow:0 30px 30px rgba(0,0,0,0.2); transition:height 0.1s ease-in-out;}
.web #lnb .part_info ul li.part_icon1 a span.img_area { background-image:url(/images/portal/common/part_icon06.png);}
.web #lnb .part_info ul li.part_icon2 a span.img_area { background-image:url(/images/portal/common/part_icon04.png);}
.web #lnb .part_info ul li.part_icon3 a span.img_area { background-image:url(/images/portal/common/part_icon08.png);}
.web #lnb .part_info ul li.part_icon4 a span.img_area { background-image:url(/images/portal/common/part_icon10.png);}
.web #lnb .part_info ul li.part_icon5 a span.img_area { background-image:url(/images/portal/common/part_icon05.png);}
.web #lnb .part_info ul li.part_icon6 a span.img_area { background-image:url(/images/portal/common/part_icon02.png);}
.web #lnb .part_info ul li.part_icon7 a span.img_area { background-image:url(/images/portal/common/part_icon09.png);}
.web #lnb .part_info ul li.part_icon8 a span.img_area { background-image:url(/images/portal/common/part_icon03.png);}
.web #lnb .part_info ul li.part_icon9 a span.img_area { background-image:url(/images/portal/common/part_icon01.png);}


.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:45px; z-index:910; }
	.lnb_close button{width:60px;height:60px; 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(/common/images/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;}        

.red{color:#ff0000;}