@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%}
	.tablet_skip { display:none;}
}

@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}
}

@media only screen and (max-width:1220px) {
	#main{max-width:1903px;width:100%}
}

@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/festival/header_bg.gif) repeat-x;}
#header .wrap { padding-top:20px; height:95px; }
#header .logo {position:absolute;left:0;top:52px;z-index:0;}

#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 .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;  }
#header .top_link ul.lang { display:none; }
}




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

@media only screen and (max-width:1250px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img {/* width:100%; */margin:-5px 0 0 10px;}
#header .logo > img{display:none}
#header .top_link button.tit {display:block;width: 250px;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: none !important;position:absolute;left:0;top:40px;width:100%;background:#383838;}
#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{overflow:hidden}


}

/* 메뉴 */



#lnb .wrap {right: -175px;z-index:13;width: 880px;height:88px;margin-top:-90px;}
#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 div.top2m div .tit_area .text{display:none;}
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li a {display:block;  padding:27px 25px 26px; font-size:22px; 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:36px}


#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute;left:0;top: 89px;z-index:300;margin-left: -335px;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/festival/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:1250px) {
	#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: #fff url(/images/portal/common/img_comn.png);background-repeat:no-repeat;}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative;height: 80px;width:1200px;margin: 0px 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 {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;border:1px solid #dbdbdb;border-width:1px 0;/* background:#ebebeb; */z-index:999;}
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height: 46px;padding-left:30px;border-right:1px solid #dbdbdb;background-position:260px 20px;text-align:left;line-height:48px;text-decoration:none;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;/* background: #fff; */}
.foot_menus > li.active > button {background-position:260px -34px}
.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:-259px;height:258px;padding-top:12px}
.foot_menus .fm_2 {top:-311px;height:310px;padding-top:12px; left:0;}
.foot_menus .fm_3 {top:-395px;height: 394px;padding-top:27px;} 
.foot_menus .fm_4 {top:-140px;height:139px;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;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; border-top:1px solid #f0f0f0;}
#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/festival/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:1250px){
	.inner{max-width:1250px;width:100%}
	.foot_menus > li{width: 25%;}
	#header .top_link{max-width:1250px;width: 100% !important;overflow:hidden;}
}

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

 #container { height:auto;}
 .floor1, .floor2, .floor3, .floor4, #foot_banner, .inner { width:100%; }
 .floor1 .main_search {  width:100%; position:relative; top:0; left:auto; background:#4066ad; }
.floor1 .main_search .msearch input{width:86% !important;}
 .floor1 .weather { display:none; }
 .floor1 .symbol { display:none; }

 .floor4 .citizen { background:#299ea9; }
 .floor4 .tour { background:#109ad0; }
 .floor4 .corporation { background:#304e88; }
 .fq_box { width:100%;border: none !important; }
 .fq_box .tour, .fq_box .corporation { background:#51596c; }

 #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; }
.fq_box ul{
 width:90%;
    margin: 20px 5%;
}
}



.ifBox{width:90%; padding:0 5%; overflow:hidden;}
.ifBox iframe body{overflow:hidden;}
.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%}
	.tablet_skip { display:none;}
}

@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}
}

@media only screen and (max-width:1220px) {
	#main{max-width:1903px;width:100%}
}

@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/festival/header_bg.gif) repeat-x;}
#header .wrap { padding-top:20px; height:95px; }
#header .logo {position:absolute;left:0;top:52px;z-index:0;}

#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 .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;  }
#header .top_link ul.lang { display:none; }
}




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

@media only screen and (max-width:1250px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img {/* width:100%; */margin:-5px 0 0 10px;}
#header .logo > img{display:none}
#header .top_link button.tit {display:block;width: 250px;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: none !important;position:absolute;left:0;top:40px;width:100%;background:#383838;}
#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{overflow:hidden}


}

/* 메뉴 */



#lnb .wrap {right: -175px;z-index:13;width: 880px;height:88px;margin-top:-90px;}
#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 div.top2m div .tit_area .text{display:none;}
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li a {display:block;  padding:27px 25px 26px; font-size:22px; 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:36px}


#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute;left:0;top: 89px;z-index:300;margin-left: -335px;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/festival/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:1250px) {
	#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: #fff url(/images/portal/common/img_comn.png);background-repeat:no-repeat;}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative;height: 80px;width:1200px;margin: 0px 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 {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;border:1px solid #dbdbdb;border-width:1px 0;/* background:#ebebeb; */z-index:999;}
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height: 46px;padding-left:30px;border-right:1px solid #dbdbdb;background-position:260px 20px;text-align:left;line-height:48px;text-decoration:none;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;/* background: #fff; */}
.foot_menus > li.active > button {background-position:260px -34px}
.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:-259px;height:258px;padding-top:12px}
.foot_menus .fm_2 {top:-311px;height:310px;padding-top:12px; left:0;}
.foot_menus .fm_3 {top:-395px;height: 394px;padding-top:27px;} 
.foot_menus .fm_4 {top:-140px;height:139px;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;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; border-top:1px solid #f0f0f0;}
#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/festival/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:1250px){
	.inner{max-width:1250px;width:100%}
	.foot_menus > li{width: 25%;}
	#header .top_link{max-width:1250px;width: 100% !important;overflow:hidden;}
}

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

 #container { height:auto;}
 .floor1, .floor2, .floor3, .floor4, #foot_banner, .inner { width:100%; }
 .floor1 .main_search {  width:100%; position:relative; top:0; left:auto; background:#4066ad; }
.floor1 .main_search .msearch input{width:86% !important;}
 .floor1 .weather { display:none; }
 .floor1 .symbol { display:none; }

 .floor4 .citizen { background:#299ea9; }
 .floor4 .tour { background:#109ad0; }
 .floor4 .corporation { background:#304e88; }
 .fq_box { width:100%;border: none !important; }
 .fq_box .tour, .fq_box .corporation { background:#51596c; }

 #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; }
.fq_box ul{
 width:90%;
    margin: 20px 5%;
}
}



.ifBox{width:90%; padding:0 5%; overflow:hidden;}
.ifBox iframe body{overflow:hidden;}

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

#foot_info .total{width:80px;right: -10px;}
#foot_info .total .total_count{margin-left:0}
#foot_info address, .copyright{width:calc(100% - 80px)}

}