@charset "utf-8";
/*공통*/
.inner,.inner3,.inner4{position:relative;max-width:1400px;margin:0 auto}
.inner:after{content:"";display:block;clear:both}
.nmsw_no1_org:hover {background-color: #d3d3d3;}
.nmsw_no2_org:hover {background-color: #eeeeee;}
.nmsw_no3_org:hover {background-color: #e3dfd1;}
.nmsw_no4_org:hover {background-color: #f2efe5;}

.nmsw_no5_org:hover {background-color: #d3d3d3; text-decoration:none; color:#32c5d2;}
.f_bot{float: left; margin-right:50px; }
#header{position:relative;border-bottom:1px solid #d2d7dd}
#header #header_top{background:#f0f3fa;border-bottom:1px solid #bfcae2}
#header #header_top .inner{padding:5px 0 4px}
#header #header_top .header_top_box{float:right}
#header #header_top .header_top_box ul{display:inline-block;overflow:hidden}
#header #header_top .header_top_box ul li{float:left}
#header #header_top .header_top_box .header_topM li{position:relative;padding:0 9px}
#header #header_top .header_top_box .header_topM li:before{content:"";display:block;width:1px;height:12px;background:#c3c3c3;position:absolute;left:0;top:50%;margin-top:-6px}
#header #header_top .header_top_box .header_topM li:first-child:before{display:none}
#header #header_top .header_top_box .header_topM li a{font-size:13px;color:#555}
#header #header_top .header_top_box .sns_link{position:relative;top:2px}
#header #header_top .header_top_box .sns_link li{height:25px;margin-right:3px}

#header #header_bottom{}
#header #header_bottom .inner{height:80px}
#header #header_bottom .logo{position:absolute;top:50%;left: 50%;margin-left:-150px;margin-top:-27px}
#header #header_bottom .govindex{position:absolute;top:50%;margin-top:-20px;left:161px}
#header #header_bottom .bettergov{position:absolute;top:50%;margin-top: -14px;right: 295px;}
#header #header_bottom .bettergov > a{display:inline-block; height: 30px;}
#header #header_bottom .taegeukgi{position:absolute;top:50%;margin-top:-15px;right:191px}

.etcMenu{float:right;overflow:hidden;margin-top:25px}
.etcMenu li{float:left;margin-right:10px}
.etcMenu li a,
.etcMenu li button{position:relative;display:inline-block;text-align:center;font-size:12px}
.etcMenu li button{background:none;border:0;vertical-align:top}
.etcMenu li a img{}
.etcMenu li a span{display:block;margin-top:3px;letter-spacing:-0.06em}
.etcMenu li button span{display:block;margin-top:6px;letter-spacing:-0.06em}
.etcMenu li a .etcImg,
.etcMenu li button .etcImg{height:24px}

#path {padding-top:20px;width: 100%;height: 114px;left: 0;top: 0px;border-bottom: 1px solid #b0a7a7; background: #e8e8e8;}
#path h3 {position:relative; z-index:10; line-height:50px; letter-spacing:2px; margin:4px 0 6px 0; text-align:center; color:#000; font-size: 1.8rem;font-family: 'Pretendard','Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif;font-weight:600;}
#path .navi {width:auto; text-align:right; position:relative; z-index:10; padding-right:40px;}
#path .navi a {display:inline-block; vertical-align:center; font-size:15px; padding:0 5px;}
#path .navi a.home {width:11px; height:10px; background:url(navi_home_ico.png) no-repeat center top; text-indent:-9999px; margin-top:40px;}
#path .navi a:last-child {font-weight:600; color:#1c1c1c;}
.sub-wrap1 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w01.jpg) no-repeat center center;}
.sub-wrap2 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w02.jpg) no-repeat center center;}
.sub-wrap3 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w03.jpg) no-repeat center center;}
.sub-wrap4 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w04.jpg) no-repeat center center;}
.sub-wrap5 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w05.jpg) no-repeat center center;}
.sub-wrap6 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w06.jpg) no-repeat center center;}
.sub-wrap7 {padding: 100px 0;background-position: center center;background-repeat: no-repeat;background: url(w07.jpg) no-repeat center center;}

/* 홈페이지 사이트 네트워크 */
#network_over{display:none;position:absolute;z-index:2000;top:94px;left:50%;margin-left:-515px;width:1030px;height:800px;background:url(network.png) repeat-x}
#network_over h2,#network_over h3{visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.ch .cha_00,.ch .cha_01,.ch .cha_02,.ch .cha_03,.ch .cha_04,.ch .cha_05,.ch .cha_06,.ch .cha_07{position:absolute}
.network_btn{position:absolute;top:19px;right:19px;z-index:999}
.tombs{position:absolute;top:180px;left:36px}
.tombs ul{margin:0}
.tombs ul li{margin:0;padding:0 0}

.gung{position:absolute;top:344px;left:36px}
.gung ul{width:224px}
.gung ul:after{clear:both;display:block;height:0;content:"";visibility:hidden}
.gung li{float:left;margin:0;padding:7px 0 7px 0}

.ch{position:absolute;top:90px;left:268px;}
.ch ul{width:470px;height:545px}
.ch li{position:absolute;}
.ch li.cha_00{top:200px;left:179px}
.ch li.cha_01{top:50px;left:50px}
.ch li.cha_02{top:0;left:200px}
.ch li.cha_03{top:50px;left:350px}
.ch li.cha_04{bottom:70px;left:50px}
.ch li.cha_05{bottom:13px;left:140px}
.ch li.cha_06{bottom:13px;left:280px}
.ch li.cha_07{bottom:70px;left:380px}

.site{position:absolute;top:156px;left:770px}
.site ul{padding:0 0 0 10px}
.site ul li{margin:0;padding:5px 0 5px}

.organi{position:absolute;top:663px;left:220px}
.organi ul{width:770px}
.organi ul:after{clear:both;display:block;height:0;content:"";visibility:hidden}
.organi ul li{float:left;margin:0;padding:3px 60px 12px 0;height:45px}

.network_btn{top:16px;right:16px}

/* 헤더 검색(임시) */
.htop_sch{width:400px;position:absolute;left:50%;margin-left:-163px;top:28px; padding: 5px 10px 0 20px;border: 1px solid #4069d0;border-radius: 50px;}
.htop_sch input[type="text"] {height:32px;border:0px solid #a9a9a9;text-indent:5px;width: 100%;}

.htop_sch fieldset{position:relative;padding:0 30px 5px 5px;border-bottom:0px solid #4069d0}
.htop_sch fieldset .htop_sch_sel{position:absolute;left:0;top:0;width:150px;border:0;height:30px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(bul_board_next.png) 95% center no-repeat}
.htop_sch fieldset .htop_sch_sel::-ms-expand{display:none}
.htop_sch fieldset .htop_txt{border:0;height:30px;width:100%;-webkit-ime-mode:active;-moz-ime-mode:active;ime-mode:active;}
.htop_sch fieldset .htop_sch_submit{position:absolute;right:0;top:0;width:30px;height:30px;border:0;background:url(icon_htop_sch.png) center center no-repeat;text-indent:-9999px}
.htop_sch ul{overflow:hidden;margin-top:5px}
.htop_sch ul li{float:left}
.htop_sch ul li a{padding:0 12px;font-size:13px}
.moSch_open{display:none;width:22px;height:22px;background:url(icon_search.png) center center no-repeat;text-indent:-9999px;border:0}
.htop_sch .moSch_close{display:none;width:60px;height:60px;background:#2451c3 url(allmenu_close.png) center center no-repeat;text-indent:-9999px;border:0}

#nav{width:100%;height:52px;background:#06006e;}
#nav .inner{position:static}
#nav .inner strong.hide{color:#fff}
#nav #gnba{}
#nav #gnba:after{display:block;clear:both;content:""}
#nav #gnba>li{float:left;width:14.28%}
#nav #gnba>li>a{position:relative;display:block;height:51px;line-height:51px;text-align:center;color:#fff;font-size:19px;font-weight:500}
#nav #gnba>li>a:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-8.5px;width:1px;height:17px;background:#ffffff}
#nav #gnba>li:first-child a:before{display:none}
#nav #gnba>li>a[target=_blank]:after{content:"";display:inline-block;margin-left:5px;width:12px;height:12px;background:url(icon_newWin_white.png) no-repeat}

/* GNB */
#gnba .sub_menu{display:none;position:absolute;left:0;top:165px;width:100%;background:#fff;z-index:999;border-bottom:1px solid #7f7f7f}
#gnba .sub_menu .inner{height:100%}
#gnba .sub_menu .sm_wrap{position:relative;width:100%;height:100%}
#gnba .sub_menu .sm_wrap:after{content:"";display:block;clear:both}
#gnba .sub_menu .sm_wrap .sm_aside{float:left;padding-top:37px;text-align:center;width:287px;height:100%;box-sizing:border-box}
#gnba .sub_menu .sm_wrap .sm_aside strong {display: inline-block;text-align: center;margin: 3px 0 0 0px;padding: 15px 0 0 12px;font-size: 24px;color: #333;font-family: 's-core-dream-medium';font-weight: 400;background: url(bul_gnbSub_tit.png) center top no-repeat;}
#gnba .sub_menu .sm_wrap .sm_aside p{text-align:center;margin-top:25px;color:#444}
#gnba .sub_menu .sm_wrap .sm_aside .sm_img {position: relative;/*position: relative;position: absolute;left: 0px;bottom: 0px;*/padding-top: 40px;}
#gnba .sub_menu .sm_wrap.menu1 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu2 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu3 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu4 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu5 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu6 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu7 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}
#gnba .sub_menu .sm_wrap.menu8 .sm_aside{background: #eff2f7 url(pattern_gnbSub.png) left top repeat;height: 100%;}

#gnba .sub_menu .sm_wrap .sm_con{float:left;position:relative;padding:20px 0;width:calc(100% - 287px);min-height:260px}
#gnba .sub_menu .sm_wrap .sm_con>ul>li{float:left;width:25%;padding:10px 1%}
#gnba .sub_menu .sm_wrap .sm_con>ul>li:first-child:after {content:"";display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;left:25%;top:0}
#gnba .sub_menu .sm_wrap .sm_con>ul>li:nth-child(2):after{content:"";display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;left:50%;top:0}
#gnba .sub_menu .sm_wrap .sm_con>ul>li:nth-child(3):after{content:"";display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;left:75%;top:0}
#gnba .sub_menu .sm_wrap .sm_con>ul>li:nth-child(4):after{content:"";display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;left:100%;top:0}
#gnba .sub_menu .sm_wrap .sm_con>ul>li:nth-child(4n+1){clear:both}
#gnba .sub_menu .sm_wrap .sm_con>ul>li>a{padding:6px 0 6px 10px;display:block;font-size:16px;color:#444;font-weight:400}
#gnba .sub_menu .sm_wrap .sm_con>ul>li>ul>li{padding-left:28px;background:url(bul_gnb_3dep.gif) 20px 11px no-repeat}
#gnba .sub_menu .sm_wrap .sm_con>ul>li>ul>li:hover{background:url(bul_gnb_3dep_on.gif) 20px 11px no-repeat;outline:2px solid #607bae}
#gnba .sub_menu .sm_wrap .sm_con>ul>li>ul>li>a{padding:3px 0;display:block;font-size:14px;line-height:22px;color:#666}

#gnba .sub_menu .sm_wrap.menu1 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu2 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu3 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu4 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu5 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu7 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}
#gnba .sub_menu .sm_wrap.menu8 .sm_con>ul>li>a{border:1px solid #c4c4c4;background:#f6f6f6}

#gnba .sub_menu .sm_wrap .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap .sm_con>ul>li>a.on{color:#fff}
#gnba .sub_menu .sm_wrap.menu1 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu1 .sm_con>ul>li>a.on{background:#086f73}
#gnba .sub_menu .sm_wrap.menu2 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu2 .sm_con>ul>li>a.on{background:#203ea0}
#gnba .sub_menu .sm_wrap.menu3 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu3 .sm_con>ul>li>a.on{background:#a0531a}
#gnba .sub_menu .sm_wrap.menu4 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu4 .sm_con>ul>li>a.on{background:#70830e}
#gnba .sub_menu .sm_wrap.menu5 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu5 .sm_con>ul>li>a.on{background:#442370}
#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a.on{background:#451111}
#gnba .sub_menu .sm_wrap.menu7 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu7 .sm_con>ul>li>a.on{background:#03746b}
#gnba .sub_menu .sm_wrap.menu8 .sm_con>ul>li>a:hover,
#gnba .sub_menu .sm_wrap.menu8 .sm_con>ul>li>a.on{background:#03746b}

#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a[target=_blank]:after{content:"";display:inline-block;margin-left:5px;width:12px;height:12px;background:url(icon_newWin_black.png) no-repeat}
#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a[target=_blank].on:after,
#gnba .sub_menu .sm_wrap.menu6 .sm_con>ul>li>a[target=_blank]:hover:after{background-image:url(icon_newWin_white.png)}

/* 전체메뉴보기 */
#all_menu .all_btn{position:relative;max-width:1200px;margin:0 auto;}
#all_menu .allm_btn{display:inline-block;position:absolute;right:0;top:-51px;width:50px;height:51px;line-height:51px;color:#fff;font-size:17px;background:#3164a9;text-align:center;text-indent:-9999px}
#all_menu .allm_btn .allm_icon{display:inline-block;position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-10px;width:20px;height:16px;background:url(icon_allmenu_pc.png)}
#allMenu{display:none;position:absolute;top:115px;left:0;width:100%;z-index:999;font-size:0.9375em;background:#f6f8f5 url(s05.png) top left repeat-x;}
#allMenu>div{overflow:auto;width:100%;max-width:1400px;height:100%;margin:0 auto}
.global_menu{display:none;overflow:hidden;margin-bottom:10px}
.global_menu li{box-sizing:border-box;width:33.3%;float:left;border-left:1px solid #ddd;border-top:1px solid #ddd}
.global_menu li:nth-child(1){width:50%}
.global_menu li:nth-child(2){width:50%}
.global_menu li a{display:block;background:#fff;text-align:center;height:40px;line-height:40px;font-size:13px;font-weight:normal}
.allM_snsMenu{display:none;width:70%;overflow:hidden;margin:0 auto 10px}
.allM_snsMenu li{float:left;width:20%;text-align:center}
.allM_Box{overflow:hidden}
.allM_Box>li{float:left;width:14.28%;padding:0px 0;border-right:1px solid #bfbfbf;min-height:500px;text-align:center}
.allM_Box>li:first-child{border-left:1px solid #bfbfbf}
.allM_Box>li:last-child{border-right:1px solid #bfbfbf}
.allM_Box>li>a{color:#fff;font-size:19px;font-weight:500;display: block;background: #06006e;padding:13px 0px;}
.allM_Box>li>ul{padding-top:0px}
.allM_Box>li>ul>li{padding:3px 5px;text-align:left}
.allM_Box>li>ul>li:hover{;background:#bde4e0;}
.allM_Box>li>ul>li>a{color:#333;font-size:16px;font-weight:400}
.allM_Box>li>ul>li>a[target="_blank"]:after{content:"";display:inline-block;margin-left:5px;width:12px;height:12px;background:url(icon_newWin_black.png) no-repeat}
.allM_Box>li>ul>li>ul>li{padding-left:13px;background:url(bul_m_3dep.gif) 5px 10px no-repeat;text-align:left}
.allM_Box>li>ul>li>ul>li>a{color:#444;font-size:13px}
.allMenu_close{width:100%;background-color:#06006e;border-top:1px solid #431104;-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.2);box-shadow:1px 2px 2px rgba(0,0,0,0.2)}
.m_sns{display:none}
.close_btn{width:100%;max-width:1300px;height:45px;margin:0 auto;padding:10px 0;text-align:right}
.close_btn button{width:25px;height:25px;margin-right:10px;background:url(allmenu_close.png) no-repeat;border:0;transition:all .4s}
.close_btn button:hover,.close_btn button:focus{transform:rotate(180deg)}

/* location */
#sub_bar{background:url(bg_location.gif) center top no-repeat;border-bottom:1px solid #d2d7dd}
#sub_bar .inner{background:#f1f4f8;overflow:hidden}
#sub_bar .location_wrap{float:left}
#sub_bar .location{overflow:hidden}
#sub_bar .location li{float:left;padding-right:10px;background:url(bg_location_arrow.gif) right -41px no-repeat}
#sub_bar .location li a{display:inline-block;height:41px;line-height:40px;padding:0 23px;font-size:14px;color:#333;font-weight:normal}
#sub_bar .location li.home{padding-right:11px;background:url(bg_location_arrow.gif) right 0 no-repeat}
#sub_bar .location li.home a{padding:0;width:47px;text-indent:-9999px;background:#ccd8f5 url(btn_lhome.png) center center no-repeat}
#sub_bar .location li:last-child{padding-right:0;background:none}

/* 유틸 */
#sub_bar .util_btn{float:right}
#sub_bar .util_btn ul li{float:left}
#sub_bar .util_btn ul li a{display:block;width:49px;height:41px;border-right:1px solid #d2d7dd;text-indent:-9999px}
#sub_bar .util_btn ul li:first-child a{border-left:1px solid #d2d7dd}
#sub_bar .util_btn ul li a.btn_fprint{background:url(icon_util_print.png) center center no-repeat}
#sub_bar .util_btn ul li a.btn_fviewer{background:url(icon_util_viewer.png) center center no-repeat}
#sub_bar .util_btn ul li a.btn_fmail{background:url(icon_util_mail.png) center center no-repeat}


#container .inner{box-sizing:border-box;border-left:1px solid #ddd;border-right:1px solid #ddd;background:url(bg_left_line.gif) 20% top repeat-y}
#container .inner:after{content:"";clear:both;display:block}

#container.main{background:#fdfdfb}
#container.main .inner{border:0;padding:20px 0 10px;background:none}
#container.main>.inner{margin-top:0px}

#lnb{/*position:absolute;top:0;bottom:0;left:0;*/float:left;box-sizing:border-box;width:20%;font-size:18px}
.lnb h2{width:100%;height:134px;font-size:27px;font-weight:500;text-align:center;color:#fff}
#container.con1 .lnb h2{background:#294998}
#container.con2 .lnb h2{background:#7a6106}
#container.con3 .lnb h2{background:#433997}
#container.con4 .lnb h2{background:#791b4b}
#container.con5 .lnb h2{background:#296c77}
#container.con6 .lnb h2{background:#e75903}
#container.con7 .lnb h2{background:#628d10}
.lnb h2 span{display:block;padding-top:46px}

.lnb #left_submenu>li>a{display:block;padding:13px 0 13px 7%;color:#414141;border-bottom:1px solid #dfdfdf;font-size:16px;line-height:16px;font-weight:400;text-decoration:none;background:url(bul_lnb_plus.gif) 87% center no-repeat}
.lnb #left_submenu>li>a:hover{color:#fff;background:#484c5b url(bul_lnb_plus_ov.png) 87% center no-repeat}
.lnb #left_submenu>li>a.on:hover,
.lnb #left_submenu>li>a.on{color:#fff;background:#484c5b url(bul_lnb_min.gif) 87% center no-repeat}
.lnb #left_submenu>li>a.empty{background:none;color:#414141}
.lnb #left_submenu>li>a.empty:hover{background:#484c5b;color:#fff}
.lnb #left_submenu>li>a.on.empty{background:#484c5b;color:#fff}
.lnb #left_submenu>li>ul{background-color:#f3f4f7;padding:10px 0;border-bottom:1px solid #dfdfdf}
.lnb #left_submenu>li>ul>li>a{display:block;color:#414141;padding:5px 0 5px 13%;font-size:14px}
.lnb #left_submenu>li>ul>li>a>span{padding-left:17px;background:url(bul_lnb_3depth.png) left center no-repeat}
.lnb #left_submenu>li>ul>li>a:hover>span,
.lnb #left_submenu>li>ul>li>a.on>span{color:#d40419;font-weight:600;background:url(bul_lnb_3depth_ov.png) left center no-repeat;text-decoration:underline}

#content_wrap{box-sizing:border-box;float:left;width:80%}
#content_wrap #content{padding:30px 30px 30px 30px;min-height:500px}
#content_wrap #content .sub_tit{margin-bottom:45px;background:url(bg_subTit.gif) left center repeat-x}
#content_wrap #content .sub_tit h1{display:inline-block;padding-right:20px;font-size:26px;line-height:26px;color:#282e34;font-weight:bold;letter-spacing:-0.05em;background:#fff}
#content_wrap #content .sub_tit h3{font-family:"Nanum Myeongjo",sans-serif;display:inline-block;padding-right:20px;font-size:34px;line-height:30px;color:#282e34;font-weight:bold;letter-spacing:-0.05em;background:#fff}

.page_exp{padding:22px 22px 22px 184px;min-height:50px;border-style:solid;border-width:10px;border-image:url(pat_border.jpg) 10 repeat stretch;background:#fff url(bg_pageExp.gif) 16px bottom no-repeat}

.page_exp_02{padding:20px; min-height:50px;border-style:solid;border-width:10px;border-image:url(pat_border.jpg) 10 repeat stretch;}
.page_exp_02 dt{width:120px; display:table-cell; padding-left:20px}
.page_exp_02 dd{display:table-cell; vertical-align:middle}

/* 2019.08.14 적극행정 폰트사이즈 */
.page_exp_02 .rec_info{font-size : 15px;}
.rec_info{font-size : 15px;}
.rec_info > h5{font-size : 16px;}



.list_top{overflow:hidden}
.list_top .list_tab{float:left}
.list_top .cal_btn{float:right;margin-bottom:5px;display:inline-block;padding:7px 10px 7px 29px;background:#3865a7 url(icon_calendar.png) 10px center no-repeat;color:#fff}

.list_tab{overflow:hidden;margin-bottom:5px}
.list_tab li{float:left;margin-left:5px}
.list_tab li:first-child{margin-left:0}
.list_tab li a{display:block;padding:7px 10px 7px 29px;background:#3865a7 url(icon_check.png) 10px center no-repeat;color:#fff}

/* 행사안내 - 초기스타일 */
.lst_thumb{border-top:2px solid #535a75;border-bottom:1px solid #b6b6b6;padding:30px 0}
.lst_thumb>li{margin-top:10px}
.lst_thumb>li:first-child{margin-top:0}
.lst_thumb>li>a{display:block}
.lst_thumb>li>a>.list_item{position:relative;overflow:hidden;padding:15px 19px 15px 195px;min-height:94px;border:1px solid #e2e2e2}
.lst_thumb>li>a>.list_item>.thumb{position:absolute;left:0;top:0;overflow:hidden;width:180px;height:100%;text-align:center;background:#f3f4f6}
.lst_thumb>li>a>.list_item>.thumb>img{max-width:100%;height:100%;transition:all .3s}
.lst_thumb>li>a:hover>.list_item>.thumb>img{transform:scale(1.2)}
.lst_thumb>li>a>.list_item>.list_info{color:#444}
.lst_thumb>li>a>.list_item>.list_info>.info_title{overflow:hidden}
.lst_thumb>li>a>.list_item>.list_info .info_title strong{float:left;display:inline-block;font-weight:500;margin-bottom:10px;font-size:16px}
.lst_thumb>li>a>.list_item>.list_info .info_title strong img{position:relative;top:6px;left:4px}
.lst_thumb>li>a>.list_item>.list_info .info_title span{float:right;color:#2b589c;font-size:13px}

.lst_thumb.fes>li>a>.list_item>.list_info>.info_title{padding:0 0 10px 8px;border-bottom:1px solid #e2e2e2}
.lst_thumb.fes>li>a>.list_item>.list_info>.info_title strong{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info{padding:5px 8px 0}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info:after{content:"";display:block;clear:both}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li{float:left;width:50%;margin-top:5px}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>span{padding-left:18px;color:#083982;font-weight:normal}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>span.fdate{background:url(../images/layout/icon_fdate.gif) left center no-repeat}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>span.fplace{background:url(../images/layout/icon_fplace.gif) left center no-repeat}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>span.fteam{background:url(../images/layout/icon_fteam.gif) left center no-repeat}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>span.fm{background:url(../images/layout/icon_fm.gif) left center no-repeat}
.lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>p{display:inline-block}

#footer{position:relative;background:#46474c}

#asideM{background:#efeedd}

/* 하단 링크 */
#asideM .inner4{padding:14px 0;height:50px;padding: 5px 0 ;}
#asideM .inner4:after{content:"";display:block;clear:both}

#asideM .ch_winBtn{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin-right:2.542372881355932%;padding:0 30px 0 2%;width:230px;height:45px;line-height:45px;background:#fff;color:#444;vertical-align:top}
#asideM .ch_winBtn span:first-child{padding-left:25px;background:url(icon_winImg.png) left center no-repeat}

#asideM .bannerLink{position:relative;float:right;width:100%}
#asideM .bannerLink .bx-wrapper{overflow:hidden;max-width:inherit !important;padding-right:100px}
#asideM .bannerLink .bx-viewport{}
#asideM .bannerLink .bx-viewport ul li{text-align:center;background:#f6f8fa;height:47px;line-height:47px}
#asideM .bannerLink .bx-viewport ul li img{vertical-align:middle;margin-top:0px;height:45px}
#asideM .bannerLink .bx-controls{box-sizing:border-box;position:absolute;right:0;top:0;padding:8px 0 7px 5px;width:100px;display:inline-block;background:#f6f8fa}
#asideM .bannerLink .bx-controls-direction a,
#asideM .bannerLink .bx-controls-auto a{display:inline-block;width:21px;height:30px;text-indent:-9999px}
#asideM .bannerLink .bx-controls-direction .bx-prev{margin-right:21px;background:url(btn_banner_prev.png) center center no-repeat}
#asideM .bannerLink .bx-controls-direction .bx-next{background:url(btn_banner_next.png) center center no-repeat}
#asideM .bannerLink .bx-controls-auto{position:absolute;top:8px;left:28px}
#asideM .bannerLink .bx-controls-auto .bx-start{background:url(btn_banner_play.png) center center no-repeat}
#asideM .bannerLink .bx-controls-auto .bx-stop{background:url(btn_banner_stop.png) center center no-repeat}
#asideM .bannerLink .bx-controls-auto a.active{display:none}
#asideM .bannerLink .bannerMore{position:absolute;right:10px;top:8px;display:block;width:21px;height:30px;background:url(btn_banner_more.png) center center no-repeat;text-indent:-9999px}

#asideM .bot_link{float:left;position:relative;width:25%;}
#asideM .bot_link:after{display:block;clear:both;content:''}
#asideM .bot_link>li{position:relative;box-sizing:border-box;float:left;width:98%;margin-left:0.6%;}
#asideM .bot_link>li:first-child{margin-left:0;}
#asideM .bot_link>li>a{display:block;height:45px;padding-left:15px;background:#fab228 url(bul_linkArrow_up.png) 95% center no-repeat;line-height:45px;color:#121212;transition:all .3s; font-size:12pt;}
#asideM .bot_link>li>a.on{background:#fff url(bul_linkArrow_down.png) 95% center no-repeat}
#asideM .bot_link>li>.link_box{position:absolute;top:-164px;width:96%;height:150px;padding:10px 2%;border-bottom:1px solid #9a9a9a;background:#676b76;z-index:99}
#asideM .bot_link>li:first-child>.link_box{overflow:inherit;height:200px;top:-215px}
#asideM .bot_link>li:nth-child(2)>.link_box{height:200px}
#asideM .bot_link>li>.link_box>ul>li>a{color:#fff}

/* footer */
.layout {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
#footer{padding-bottom:5px; font-family: 'Nanum Barun Gothic'; background-color:#373737;}
#footer>.layout{max-width:1400px;}
#footer>.layout>.line-1{display:flex; flex-wrap:wrap; align-items:center; padding:5px 0; border-bottom:1px solid rgba(217, 212, 220, 0.3);}
#footer>.layout>.line-1>ul{display:flex; flex-wrap:wrap; margin-right:auto;width: 100%;}
#footer>.layout>.line-1>ul>li{margin-top:5px; margin-bottom:5px;}
#footer>.layout>.line-1>ul>li:not(:last-child){margin-right:35px;}
#footer>.layout>.line-1>ul>li>a{line-height:1.5; font-size:17px; color:#fff;}
#footer>.layout>.line-1>ul>li>a>strong{color:#ffa345;}
#footer>.layout>.line-1>div{display:flex; padding:10px 0;}
#footer>.layout>.line-1>div>select{width:165px; height:34px; padding:0 10px; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center;appearance:none;-webkit-appearance:none;	-moz-appearance:none;}
#footer>.layout>.line-1>div>select::-ms-expand { display: none; }
#footer>.layout>.line-1>div>select:not(:last-child){margin-right:10px;}
#footer>.layout>.line-1>div>.select{position:relative; z-index:1000;}
#footer>.layout>.line-1>div>.select:not(:last-child){margin-right:5px;}
#footer>.layout>.line-1>div>.select>.head{width:165px; height:34px;}
#footer>.layout>.line-1>div>.select>.head>button{width:100%; height:100%; padding:0 10px; cursor:pointer; text-align:left; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
#footer>.layout>.line-1>div>.select>.midd{display:none; overflow:auto; position:absolute; left:0; top:100%; width:100%; max-height:160px; border-top:1px solid rgba(255,255,255,0.5); background-color:rgb(76 69 63);}
#footer>.layout>.line-1>div>.select>.midd>ul{padding:5px 0;}
#footer>.layout>.line-1>div>.select>.midd>ul>li>a{display:block; padding:5px 10px; font-size:14px; color:#fff;}
#footer>.layout>.line-1>div>.select[data-open="yes"]>.midd{display:block;}
#footer>.layout>.line-2{display:flex; padding:25px 0;}
#footer>.layout>.line-2::before{content:""; flex-shrink:0; width:288px; height:70px; margin-right:30px; background-image:url(logo_f.png); background-repeat:no-repeat; background-position:left top; background-size:contain;}
#footer>.layout>.line-2>div address{font-style:normal; font-size:16px; color:#fff;}
#footer>.layout>.line-2>div address>span{/*display:inline-flex; align-items:center;*/ line-height:1.5;}
#footer>.layout>.line-2>div address>span:not(:last-child)::after{content:""; width:1px; height:12px; margin:0 10px 4px 10px; background-color:rgba(217, 212, 220,0.3);}
#footer>.layout>.line-2>div .copy{margin-top:10px; font-style:normal; font-size:16px; color:rgba(255,255,255,0.5);}
#footer>.layout>.line-2>div:nth-child(2){flex-shrink:0; margin-left:auto;}
#footer>.layout>.line-2>div:nth-child(2)>ul{display:flex;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li:not(:last-child){margin-right:12px;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a{display:flex; width:35px; height:35px; background-color:rgba(255,255,255,0.2); border-radius:50%;-webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a::before{content:""; width:5em; height:5em; margin:auto; font-size:6px; background-image:url(layout.svg); background-repeat:no-repeat; background-size:150em auto;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y::before{background-position:0 -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f::before{background-position:-5em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i::before{background-position:-10em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b::before{background-position:-15em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c::before{background-position:-20em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a>span{position:absolute; font-size:0; color:transparent;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a:hover{background-color:rgba(255,255,255,1);}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y:hover::before{background-position:0 -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f:hover::before{background-position:-5em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i:hover::before{background-position:-10em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b:hover::before{background-position:-15em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c:hover::before{background-position:-20em -75em;}
@media screen and (max-width:1690px) { }
@media screen and (max-width:1360px) {
	#footer>.layout>.line-1{display:block; padding:5px 0 8px 0;}
	#footer>.layout>.line-1>div>.select>.head{width:200px;}
}
@media screen and (max-width:1024px) {
#footer>.layout{width:calc(100% - 60px); max-width:100%; margin:0 30px;}
	#footer{padding-bottom:50px;}
	#footer>.layout>.line-2{display:block;}
	#footer>.layout>.line-2::before{display:block;}
	#footer>.layout>.line-2>div{margin-top:20px;}
}
@media screen and (max-width:650px) {
	#footer{padding-bottom:30px;}
	#footer>.layout{width:calc(100% - 40px); margin:0 20px;}
}
@media screen and (max-width:600px) {
	#footer>.layout>.line-1>ul>li:not(:last-child){margin-right:20px;}
	#footer>.layout>.line-1>ul>li>a{font-size:15px;}
	#footer>.layout>.line-1>div>.select{width:100%;}
	#footer>.layout>.line-1>div>.select>.head{width:100%;}
	#footer>.layout>.line-2>div address{font-size:15px;}
	#footer>.layout>.line-2>div address>span:nth-child(1){width:100%;}
	#footer>.layout>.line-2>div address>span:nth-child(1)::after{display:none;}
	#footer>.layout>.line-2>div .copy{font-size:15px;}
}





/* 만족도조사 */
.satisfaction{position:relative;border:1px solid #e2e2e2}
.satisfaction .icon{position:absolute;width:47px;top:0;bottom:0;left:0;background:#fff url(bul_satisfaction.png) right 13px no-repeat}
.satisfaction dl{position:relative;padding:10px 10px 10px 175px;overflow:hidden}
.satisfaction dl dt, .satisfaction dl dd{display:inline-block}
.satisfaction dl dt{position:absolute;left:10px;top:10px;padding:5px 0 5px 25px;background:#fff url(bul_satisfaction.png) left center no-repeat;vertical-align:top;font-weight:600}
.satisfaction dl dd{display:block;position:relative;text-align:right}
.satisfaction dl dd span{margin-right:4%}
.satisfaction dl dd .sts_radio{margin-left:0;margin-top:1px}
.satisfaction dl dd .submit{}


/* 메뉴담당자 */
.charge{padding:8px 10px;border:1px solid #e2e2e2;overflow:hidden;margin-top:12px}
.charge .chtext01{float:left;padding:2px 0 2px 28px;background:url(bul_menu_person.png) left center no-repeat}
.charge .chtext02{float:right}

/* 1 */
#main-line-1{padding:0 0px;}
	#main-line-1>.grid{position:relative; height:566px; background-color:#ddd;}
	#main-line-1>.grid .in{max-width:1400px; margin:0 auto;}
	#main-line-1>.grid>.move,
	#main-line-1>.grid>.move>ul,
	#main-line-1>.grid>.move>ul>li{position:absolute; left:0; top:0; width:100%; height:100%;}
	#main-line-1>.grid>.move{z-index:0;}
	#main-line-1>.grid>.move>ul>li{
		opacity:0; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover;
		-webkit-transition:opacity 1s linear 1s;
		transition:opacity 1s linear 1s;
	}
	#main-line-1>.grid>.move>ul>li>.in{display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}
	#main-line-1>.grid>.move>ul>li>.in>strong{
		font-family: 'Buri'; font-size:40px; color:#fff;
		-webkit-text-shadow:3px 6px 6px rgba(0,0,0,0.23);
		text-shadow:3px 6px 6px rgba(0,0,0,0.23);
	}
	#main-line-1>.grid>.move>ul>li>.in>strong>span{display:block;}
	#main-line-1>.grid>.move>ul>li>.in>span{margin-top:10px; font-size:20px; color:rgba(255,255,255,0.7);}
	#main-line-1>.grid>.controll{position:absolute; left:0; bottom:20px; z-index:200; width:100%;}
	#main-line-1>.grid>.controll>.in{display:flex; align-items:center;justify-content: center;}
	#main-line-1>.grid>.controll>.in>button:not(:first-child){margin-left:15px;}
	#main-line-1>.grid>.controll>.in>button.simbol:not(:first-child){margin-left:15px;}
	#main-line-1>.grid>.controll .simbol{
		position:relative; width:12px; height:12px; cursor:pointer; border:none; background-color:#fff;
		-webkit-transform:rotate(45deg); transform:rotate(45deg);border-radius:50%;
	}
	#main-line-1>.grid>.controll .simbol:nth-child(1){margin-left:10px;}
	#main-line-1>.grid>.controll .simbol::before{
		opacity:0; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #fff;
		-webkit-transform:scale(0); transform:scale(0);
		-webkit-transition:all 0.3s linear; transition:all 0.3s linear;border-radius:50%;
	}
	#main-line-1>.grid>.controll .simbol>span{position:absolute; font-size:0; color:transparent;}

	#main-line-1>.grid>.controll .simbol.on::before{
		opacity:0.7;
		-webkit-transform:scale(1.8); transform:scale(1.8);
	}
	#main-line-1>.grid>.controll [class*="btn-"]{width:16px; height:16px; cursor:pointer; border:none; background-color:transparent; background-image:url(layout.svg); background-repeat:no-repeat; background-size:1500px auto;}
	#main-line-1>.grid>.controll [class*="btn-"]>span{position:absolute; font-size:0; color:transparent;}
	#main-line-1>.grid>.controll .btn-stop{background-position:-400px 0;}
	#main-line-1>.grid>.controll .btn-play{background-position:-416px 0;}

	#main-line-1>.grid>.move>ul>li.on{
		opacity:1; z-index:100;
		-webkit-transition:opacity 1s linear 0s;
		transition:opacity 1s linear 0s;
	}
   button.on{background-color: #3c3535 !important;}
	@media screen and (max-width:1730px) {
		#main-line-1{padding:0;}
	}
	@media screen and (max-width:1460px) {
		#main-line-1>.grid .in{width:calc(100% - 60px); max-width:100%; margin:0 30px;}
	}
	@media screen and (max-width:1024px) {
		#main-line-1>.grid{height:435px;}
		#main-line-1>.grid>.move>ul>li>.in>strong{font-size:51px;}
		#main-line-1>.grid>.move>ul>li>.in>span{font-size:17px;}
	}
	@media screen and (max-width:650px) {
		#main-line-1>.grid{height:290px;}
		#main-line-1>.grid .in{width:calc(100% - 40px); padding-bottom:50px; margin:0 20px;}
		#main-line-1>.grid>.move>ul>li>.in>strong{font-size:32px;}
		#main-line-1>.grid>.move>ul>li>.in>span{font-size:13px;}
		#main-line-1>.grid>.controll{bottom:20px;}
	}
	@media screen and (max-width:360px) {
		#main-line-1>.grid>.move>ul>li>.in>strong{font-size:28px;}
		#main-line-1>.grid>.move>ul>li>.in>span{font-size:11px;}
		#main-line-1>.grid>.controll{bottom:20px;}
	}
/* 최상단 버튼 */
.topBtn{position:fixed;bottom:0;width:100%;text-align:center;display:none}
.topBtn a{display:inline-block;position:absolute;bottom:10px;right:10px;background:url(btn_topBtn.png) no-repeat;width:35px;height:35px;border:none;text-indent:-9999px}
@media all and (min-width:1024px){
    .topBtn{display:none !important}
}

/* responsive */
@media all and (max-width:1200px){
    #content_wrap{border-right:0}
}
@media all and (max-width:1180px){
    #header #header_bottom .logo{}
    #header #header_bottom .bettergov{left:inherit;right:191px;top:14px;margin-top:0;}
    #header #header_bottom .taegeukgi{left:inherit;top:50px;margin-top:0;}
    #container.main .inner{padding:20px 10px 20px}
	.s_info1{padding:0px 10px 20px}
    #container.main>.inner{margin-top:0px}
    #asideM .inner{padding:14px 10px}
    #asideM .ch_winBtn{margin-right:2px}
    #footer #footer_bottom .inner{padding:20px 10px 0}
}
@media all and (max-width:1000px){
    #container .inner{background:none}
    #content_wrap{width:100%}
    #content_wrap #content{border-left:0;padding:20px 2%}
    #lnb{display:none}
    #asideM .ch_winBtn{width:180px}
}
@media all and (max-width:960px){
#wowslider-container1 .ws_images {WIDTH: 960px; HEIGHT: 280px; OVERFLOW: hidden; }	

 #footer #footer_bottom .foot_btm{padding:20px 0}
    #footer #footer_bottom .foot_btm address{font-size:13px}
    #footer #footer_bottom .foot_btm .etc_Mark{position:static;text-align:center;margin-top:10px}
}
@media all and (max-width:940px){
    .htop_sch{width:300px;margin-left:-117px;top:25px}
    .etcMenu li{margin-right:7px}
    #header #header_bottom .bettergov{right:178px}
    #header #header_bottom .taegeukgi{right:178px}
}

@media all and (max-width:900px){
    #gnba .sub_menu .sm_wrap .sm_aside{width:210px}
    #gnba .sub_menu .sm_wrap .sm_con{width:calc(100% - 210px)}
}

@media all and (max-width:860px){
    .lst_thumb.fes>li>a>.list_item>.list_info>.info_title{padding:10px 8px}
    .lst_thumb.fes>li>a>.list_item>.list_info>.info_title strong{text-align:center}
    .lst_thumb.fes>li>a>.list_item>.list_info>.fes_info>li>p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media all and (max-width:830px){
    #header #header_bottom .govindex{left:inherit;right:178px;top:12px;width:90px;margin-top:0;}
    #header #header_bottom .bettergov{display:none;}
    #header #header_bottom .taegeukgi{left:inherit;top:50px;margin-top:0;}
    .htop_sch{margin-left:-30px}
}
@media all and (max-width:819px){
    /* 네트워크 */
    #network_over{top:94px;left:50%;margin-left:-360px;width:720px;height:1530px;background:url(network_bg02.gif) no-repeat}
    .ch{position:relative;height:546px;margin-top:88px;left:auto;top:auto}
    .ch li.cha_00{top:206px;left:296px}
    .ch li.cha_01{top:55px;left:160px}
    .ch li.cha_02{top:0;left:320px}
    .ch li.cha_03{top:55px;left:480px}
    .ch li.cha_04{bottom:70px;left:164px}
    .ch li.cha_05{bottom:13px;left:245px}
    .ch li.cha_06{bottom:13px;left:400px}
    .ch li.cha_07{bottom:70px;left:511px}
    .tombs{padding:0;position:absolute; left:100px; top:735px;}
    .site{padding:0;position:absolute; left:400px; top:800px;width:220px}
    .gung{padding:0;position:absolute; left:100px; top:915px;width:224px}
    .organi{padding:0;position:absolute; left:100px; top:1318px;}
    .tombs li,.gung li,.site li{float:left;padding:0 0 14px 0}
    .organi ul li{float:left;padding:0 0 14px 0;height:45px;width:308px}
    .network_btn{top:13px;right:10px}
}

@media all and (max-width:800px){
    #gnba .sub_menu .sm_wrap .sm_aside{width:190px}
    #gnba .sub_menu .sm_wrap .sm_con{width:calc(100% - 190px)}


    #asideM .inner{height:inherit}
    #asideM .ch_winBtn{width:39.5%;margin-right:1%}
    #asideM .bot_link{width:100%}
    #asideM .bannerLink{width:100%;margin-top:10px}
    #asideM .bannerLink .bx-viewport ul li{}
    .page_exp_02 dd br{display:none}
}


@media all and (max-width:768px){
	#content_wrap #content .sub_tit h3{font-size:25px}
}
@media all and (max-width:720px){
    /* 만족도 조사 */
    .satisfaction dl dd span{margin-right:1%}
}
@media all and (max-width:700px){
    #header #header_bottom .govindex{display:none}
    #header #header_bottom .bettergov{display:none}
    #header #header_bottom .taegeukgi{display:none}
    .htop_sch{margin-left:-80px}
}
@media all and (max-width:640px){
    #header #header_top{/*display:none*/}
    #header #header_bottom .inner{height:60px}
    #header #header_bottom .logo{width:210px;margin-top:-20px}
    .etcMenu{margin-top:20px}
    .etcMenu li:nth-child(1),
    .etcMenu li:nth-child(2),
    .etcMenu li a span{display:none}
    .htop_sch{display:none;box-sizing:border-box;padding:10px 70px 0 10px;width:100%;height:50px;left:0;margin-left:0;top:0;background:#fff;z-index:999}
    .moSch_open{display:block;position:absolute;right:80px;top:50%;margin-top:-11px;display: none;}
    .htop_sch .moSch_close{display:block;position:absolute;right:0;top:0}

    #nav{display:none}
    #all_menu .allm_btn{width:30px;height:30px;top:-50px;right:10px;background:url(icon_allmenu_mo.png) center center no-repeat;text-indent:-9999px}
    #all_menu .allm_btn .allm_icon{display:none;}

    .global_menu{display:block}
    .allM_snsMenu{display:block}
    #all_menu .btn a{right:1%;}
    #allMenu{overflow-y: auto;position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,0.25);z-index: 1000;}
    #allMenu>div{width:280px;height:100%;position:absolute;right:0;padding:0;background:#e2ebfa;z-index:9999;}
    #allMenu>div>div>div{margin-right:0;text-align:center}
    #allMenu .link{display:block}
    .allM_Box>li>a{color:inherit;text-decoration:none;background:#2c3e7e url(dep2_more.png) 93% center no-repeat}
    .allM_Box>li>a.on{background:#2c3e7e url(dep2_close.png) 93% center no-repeat}
    .allM_Box>li>a.empty{background:#2c3e7e}
    .allM_Box>li{width:100%;text-align:left;padding:0;}
    .allM_Box>li>a{display:block;padding:0 15px;height:50px;line-height:50px;text-decoration:none;color:#fff}
    .allM_Box>li:hover>a,.allM_Box>li:active>a,.allM_Box>li:visited>a{text-decoration:none}
    .allM_Box>li>ul{padding:0;background:#3164a9}
    .allM_Box>li>ul>li{padding-bottom:0;border-bottom:1px solid #4977b5}
    .allM_Box>li>ul>li>a{display:block;padding:10px 20px;text-decoration:none;color:#fff;background:url(dep2_more.png) 93% center no-repeat}
    .allM_Box>li>ul>li>a[target="_blank"]:after{background:url(icon_newWin_white.png) no-repeat}
    .allM_Box>li>ul>li>a.on{background:url(dep2_close.png) 93% center no-repeat;}
    .allM_Box>li>ul>li>a.empty{background:none}
    /*.allM_Box>ul>li>ul>li>a[target="_blank"]:after{background:url(/../images/layout/bul_sm_btn.png);}*/

    .allM_Box>li>ul>li>ul{padding:7px 25px;background:#fff}
    .allM_Box>li>ul>li>ul>li{background: url(bul_m_3dep.gif) 5px 17px no-repeat}
    .allM_Box>li>ul>li>ul>li>a{display:block;font-size:13px;padding:8px 0;text-decoration:none;color:#444}

    #allMenu .gnb_wrap{display:block;}
    #allMenu .allM_Box>li{float:none;min-height:inherit;border-left:0;border-right:0;border-bottom:1px solid #41518b}
    #allMenu .allM_Box>li:last-child{position:static}
    #allMenu .allM_Box>li:last-child>a{background-color:#081c72}
    #allMenu .allM_Box>li:last-child>ul>li{border-bottom:1px solid #a6afd7}
    #allMenu .allM_Box>li:last-child>ul>li>a{background-color:#3164a9}
    #allMenu .allM_Box>li>ul, #allMenu .allM_Box>li>ul>li>ul{display:none}
    .allMenu_close{display:none}

    #sub_bar .location li a{padding:0 5px;font-size:12px}
    .util_btn{display:none}

    /* 만족도 조사 */
    .satisfaction dl{padding:45px 10px 10px}
    .satisfaction dl dd span{float:left;display:block;width:33.3%;text-align:left}

    #footer #footer_top ul li{width:33.3%}

    #container.main .main_visual .inner{padding:20px 10px 0}
    #container.main>.inner{padding:0 10px 20px;margin-top:inherit}

    /*#asideM .ch_winBtn{width:100%;margin-right:0;margin-bottom:3px;padding-left:15px}
    #asideM .bot_link{width:100%}
    #asideM .bannerLink{display:none}
	#asideM .inner4 {display:none}*/
	#asideM .bannerLink .bx-controls {display:none}
	#asideM .bannerLink .bx-wrapper {padding-right: 0px;}
	#footer_bottom .inner{}
	.etcMenu li {margin-right: 27px;}
	#container.main .col4.tprogram2 {width: 100%;margin-left: 0%;}
	.main .inner2 {height: 440px;}
}
@media all and (max-width:600px){
    .lst_thumb{padding:15px 0}
    .lst_thumb>li>a>.list_item{padding:10px}
    .lst_thumb>li>a>.list_item>.thumb{position:static;margin:0 auto;width:100%}
    .lst_thumb>li>a>.list_item>.thumb>img{height:auto}
    .lst_thumb>li>a>.list_item>.list_info .info_title strong{font-size:14px;margin:2px 0}
    .lst_thumb>li>a>.list_item>.list_info .info_title span{margin:5px 0}
}
@media all and (max-width:500px){
    .page_exp{padding:20px;min-height:inherit;background:#fff}
    .page_exp_02 dt{display:none}

    #container.main .main_visual .inner{padding:20px 6px 0}
    #container.main>.inner{padding:0 6px 20px}
}


/***right-float-wrap***/
#right_float .btn{
    font-size: 14px;
}
.right-float-wrap {
    position: fixed;
    right: -250px;
    height: 100%;
    width: 247px;
    top: 0;
    z-index: 999;
}

.right-float-wrap,
.right-float-wrap *::after,
.right-float-wrap *::before {
    box-sizing: border-box;
}

.right-float-wrap .btn-right-float {
    position: absolute;
    top: 50%;
    left: -62px;
    transform: translate(0px, -50%);
}

.right-float-wrap .btn-right-float .btn {
    position: relative;
    display: block;
    background-color: #dce5f6;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
}

.right-float-wrap .btn-right-float .btn:not(:last-of-type) {
    border-bottom: 1px solid #fff;
}

.right-float-wrap .btn-right-float .btn:hover,
.right-float-wrap .btn-right-float .btn:focus {
    background-color: #ccdbf7;
}

.right-float-wrap .btn-right-float .btn-favorite {
    background-image: url(right-float-open.png);
    background-repeat: no-repeat;
}

.right-float-wrap .btn-right-float .btn-favorite span {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 13px;
}

.right-float-wrap .btn-right-float .btn-favorite i {
    display: block;
    margin-bottom: 6px;
    width: 19px;
    height: 1px;
    background: #000;
    transition: all 0.3s ease;
}

.right-float-wrap .btn-right-float .btn-favorite i:last-of-type {
    margin-bottom: 0;
}

.right-float-wrap .btn-right-float .btn-favorite:hover i:nth-child(2) {
    width: 70%;
}

.right-float-wrap .btn-right-float .btn-favorite:hover i:nth-child(1),
.right-float-wrap .btn-right-float .btn-favorite:hover i:nth-child(3) {
    width: 100%
}

.right-float-wrap .btn-right-float .btn-top,
.right-float-wrap .btn-right-float .btn-bottom {
    background-image: url(right_float-arr.png);
}

.right-float-wrap .btn-right-float .btn-bottom {
    transform: rotate(180deg);
}

.right-float-wrap .right-float {
    background: #dce5f6;
    height: 100%;
    padding-top: 25px;
    text-align: center;
    position: relative;
    z-index: 999;
}

.right-float-wrap .right-float .top-img > img {
    position: absolute;
    z-index: 9999;
    left: 10px;
    top: 43px;
}

.right-float-wrap .right-float .top-img .top-img-txt {
    margin: 0 auto;
    position: relative;
    background: #5159a3;
    width: 186px;
    height: 186px;
    border-radius: 600px;
    box-shadow: 4px 1px 19px rgba(0, 0, 0, 0.32);
    color: #fff;
    display: block;
}

.right-float-wrap .right-float .top-img .top-img-txt > * {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.right-float-wrap .right-float .top-img .top-img-txt > img {
    padding-top: 25px;
}

.right-float-wrap .right-float .top-img .top-img-txt > span {
    padding-top: 12px;
    line-height: 18px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

.right-float-wrap .right-float .inner-group {
    /*height: calc(100vh - 260px);overflow-y: auto;*/
    max-width: 180px;
    margin: 0 auto;
    margin-top: 28px;
}

.right-float-wrap .right-float .inner-group > li:not(:last-of-type) {
    margin-bottom: 50px;
}

.right-float-wrap .right-float .inner-group > li > strong {
    font-family: 'Pretendard';
    font-weight: 100;
    font-size: 18px;
    background: url(right-float-tit.png) no-repeat;
    display: block;
    text-align: left;
    padding-left: 21px;
    margin-bottom: 8px;
    color: #000;
    letter-spacing: -1px;
}

.right-float-wrap .right-float .inner-group > li:nth-child(1) > strong {
    background-position: left 3px;
}

.right-float-wrap .right-float .inner-group > li:nth-child(2) > strong {
    background-position: left -27px;
}

.right-float-wrap .right-float .inner-group > li:nth-child(3) > strong {
    background-position: left -55px;
}

.right-float-wrap .right-float .btn-list-wrap li {
    position: relative;
    margin-bottom: 5px;
}

.right-float-wrap .right-float .btn-list-wrap .btn {
    display: block;
    height: 34px;
    background: transparent;
    border: 1px solid #b0b7c5;
    text-align: left;
    padding: 0 10px;
    color: #444;
    line-height: 34px;
}

.right-float-wrap .right-float .btn-list-wrap .btn:hover,
.right-float-wrap .right-float .btn-list-wrap .btn:focus {
    border: 1px solid #5159a3;
    color: #000;
}

.right-float-wrap .right-float .btn-list-wrap .btn:hover span,
.right-float-wrap .right-float .btn-list-wrap .btn:focus span {
    text-decoration: underline;
}

.right-float-wrap .right-float .btn-list-wrap .btn span {
    text-overflow: ellipsis;
    width: 130px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.right-float-wrap .right-float .btn-list-wrap .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background: url(right-float-x.png) no-repeat center;
    width: 20%;
    height: 100%;
    border: 0;
    transform: translate(0%, 0px);
}

.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty {
    background: rgba(255, 255, 255, 0.17);
    border: 1px dashed #afb8c9;
    text-align: center;
}

.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty span {
    padding-left: 28px;
    position: relative;
    display: inline-block;
    width: auto;
    color: #676767;
    font-size: 13px;
}

.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty span i {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #fff url(f_site.png) no-repeat center;
    background-size: 50%;
    border-radius: 600px;
    border: 1px solid #ddd;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
}

.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty:hover,
.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty:focus {
    outline: 0;
    background: rgba(255, 255, 255, 0.36);
}

.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty:hover span i,
.right-float-wrap .right-float .btn-list-wrap .btn.btn-empty:focus span i {
    border: 1px solid #959595;
}

.right-float-wrap .addMenu-tit {
    font-size: 25px;
    display: block;
    text-align: center;
    color: #353538;
    font-family: 'Pretendard';
    padding-bottom: 38px;
}

.right-float-wrap .addMenu-tit span {
    position: relative;
    padding-left: 72px;
}

.right-float-wrap .addMenu-tit span:after,
.right-float-wrap .addMenu-tit span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
}

.right-float-wrap .addMenu-tit span:before {
    width: 56px;
    height: 56px;
    background: #fff url(right-float-ico.png) no-repeat center;
    border-radius: 600px;
    top: -16px;
}

.right-float-wrap .addMenu-tit span:after {
    width: 207px;
    height: 10px;
    background: #95baff;
    margin-left: 71px;
    top: 19px;
    z-index: -1;
}


.right-float-wrap .addMenu-cont {
    display: none;
    width: 957px;
    min-height: 730px;
    position: absolute;
    right: 235px;
    top: 32px;
    border-radius: 10px;
    background: #dce5f6;
    text-align: left;
    padding: 35px 23px 26px 44px;
    z-index: 999999;
}

.right-float-wrap .addMenu-cont .checkbox-group {
    background: #fff;
    border-radius: 5px;
    padding: 12px 20px;
}

.right-float-wrap .addMenu-cont .checkbox-group:after {
    content: "";
    display: block;
    clear: both;
}

.right-float-wrap .addMenu-cont .checkbox-group li {
    width: calc((100% - 15px) / 5);
    float: left;
    height: auto;
    min-height: 20px;
}

.right-float-wrap .addMenu-cont .checkbox-group li a {
    color: #555;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
}

.right-float-wrap .addMenu-cont .checkbox-group li a:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #95baff;
    border-radius: 600px;
    position: absolute;
    top: 9px;
}

.right-float-wrap .addMenu-cont .checkbox-group li a:hover,
.right-float-wrap .addMenu-cont .checkbox-group li a:focus {
    text-decoration: underline;
}

.right-float-wrap .addMenu-cont .checkbox-tit {
    color: #42538c;
    padding-bottom: 15px;
    display: block;
    font-weight: 600;
    padding-left: 27px;
    font-size: 17px;
    line-height: 1;
}

.right-float-wrap .addMenu-cont .checkbox-tit:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(right-float-check.jpg) no-repeat center;
    position: absolute;
    left: 0;
    border-radius: 5px;
    overflow: hidden;
}

.right-float-wrap .addMenu-cont .addMenu-group-wrap > li:not(:last-of-type) {
    margin-bottom: 22px;
}

.right-float-wrap.active .addMenu-cont {
    display: block;
}

.right-float-wrap .addMenu-cont .pop-close {
    width: 73px;
    height: 73px;
    border-radius: 5px;
    background: #2959d2 url(right-float-close.png) no-repeat center;
    position: absolute;
    left: -40px;
    top: 20px;
    border: 0;
}



.right-float-wrap .mCustomScrollbar {
    height: 770px;
}

.right-float-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.right-float-wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.right-float-wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #8598e4;
}

.right-float-wrap .right-float-mask {
    display: none;
    background: rgba(0, 0, 0, 0.38);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}



#right_float.right-float-wrap {
    right: -250px;
    transition: width, 0.6s
}

#right_float.right-float-wrap.opened {
    right: 0
}


html.float-fixed {
    overflow-y: scroll;
}

.float-fixed body {
    position: fixed;
    width: 100%;
}


@media only screen and (max-width: 1500px) {
    .right-float-wrap .right-float {
        z-index: auto;
    }

    .right-float-wrap .right-float-mask {
        z-index: 9999;
    }

    .right-float-wrap .mCustomScrollbar {
        height: 770px;
    }

    .right-float-wrap .addMenu-cont {
        position: fixed;
        right: 50%;
        top: 40px;
        width: calc(100% - 165px);
        transform: translate(50%, 0);
        padding: 45px 23px 45px 36px;
        min-height: 640px;
        transform: scale(0.9);
        top: 0;
        left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .right-float-wrap .btn-right-float {bottom: 130px;top: auto;transform: translate(0px, 0px);}
    .right-float-wrap .addMenu-cont .pop-close {
        right: 0;
        left: inherit;
        top: 0;
        border-radius: 0;
    }

    .right-float-wrap .addMenu-cont .checkbox-group li {
        width: calc((100% - 15px) / 3);
    }
}

@media only screen and (max-width: 780px) {
    .right-float-wrap {
        width: auto !important;
        right: 0 !important;
    }

    .right-float-wrap .right-float {
        display: none;
    }

    .right-float-wrap .btn-right-float {
        left: -44px;
    }

    .right-float-wrap .btn-right-float .btn {
        width: 44px;
        height: 44px;
    }

    .right-float-wrap .btn-right-float .btn.btn-favorite,
    .right-float-wrap .right-float-mask {
        display: none !important;
    }
}


@media only screen and (max-height: 950px) {
    .right-float-wrap .mCustomScrollbar {
        height: 640px;
    }

    .right-float-wrap .addMenu-cont {
        min-height: 640px;
    }

}