@charset "utf-8";

/* common */
html,body{width:100%;height:100%;margin:0;padding:0;}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center;}
#skip a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px;}
#skip a:hover, #skip a:focus, #skip a:active {background:#fcfaeb;position:absolute;top:0px;left:0;z-index:5;color:#222;width:100%;height:25px;padding:5px 0 0 0;}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em;}
.hide{display:none !important;margin:0;padding:0}

a:focus, input:focus, div:focus, button:focus{outline:none;}
a:focus-visible, input:focus-visible, div:focus-visible, button:focus-visible{outline:2px dashed #e822ce;outline-offset:-3px;}


.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 1;opacity: 1;transition: all 0.5s;}


/* gnb */
.gov_top {background: #edf1f5;}
.gov_top .wrap {padding: 0 20px;}
.gov_top span {padding: 8px 0 10px; display: flex; font-size: 15px; align-items: center;  gap: 8px; word-break: keep-all;}

.gnb{position:relative;background: #fff;z-index: 2;}
.gnb p.site_btn{padding:12px 20px;  border-bottom: 1px #e1e1e1 solid; font-size:14px;}
.gnb p.site_btn a{display:block;background: url('/images/01_portal/common/gnb_btn.png') no-repeat top -6px left -9px;padding: 0 0 0 20px;}
.gnb p.site_btn a span{display:block;background: url('/images/01_portal/common/gnb_btn.png') no-repeat top -33px right -13px;}
.gnb .on ul{display:block;}
.gnb .on p.close{display:block;}
.gnb ul{display:none; background: #f8f8f8;}
.gnb ul li{border-bottom: 1px #e1e1e1 solid; }
.gnb ul li a{display:block; padding:14px 20px; font-size:14px;}

.gnb p.close{display:none; border:none; padding:0; position:absolute; right:0;}
.gnb p.close a{display: inline-block;width:30px;height:0;padding: 30px 0 0 0;overflow:hidden;background:url('/images/01_portal/common/close.png')no-repeat;}

.login{display:none;}

.top_container{position:relative;padding: 27px 0;z-index: 9999;background: #fff;}
.top h1{display: inline-block;margin: 0 0 0 20px;}
.utile{position:absolute;top: 26px;right: 20px;}
.utile .site_map{float:left; margin-right:8px;}
.utile .search_container{float:left;}
.utile .site_map a, .search a{display: inline-block;background:url('/images/01_portal/common/utile_btn.png') no-repeat;border:1px solid #eaeaea;width: 43px;height:0;overflow: hidden;padding-top: 43px;}
.utile .site_map a{background-position: 9px 13px;}
.utile .search a{background-position: -40px 13px;}
.utile .Language{display:none;}

/*1 depth menu*/
nav{display:none;position: absolute;top: 100px;width: 100%;z-index: 1;}
.nav_on{display: block;}
.menu>ul{border-top: 1px #f1f1f1 solid;background: #fff;}
.menu ul li a{display:block;padding: 20px;border-bottom: 1px #f1f1f1 solid;font-size: 15px;}
.menu ul li a span{display:block;}
.menu ul li a:hover,.menu ul li a:focus{background-color:#34a6d8; color:#fff;}
.menu ul li a:hover span,.menu ul li a:focus span{background: url('/images/01_portal/common/m_blit3.gif') right center no-repeat;}
.menu>ul>li.on>a{background:#34a6d8; color:#fff;}
.menu>ul>li.on>a span{background: url('/images/01_portal/common/m_blit3.gif') right center no-repeat;}

/*2 depth menu*/
.menu>ul>li.on>.depth>.depth_con>ul{display:block;}
.menu>ul>li>.depth>.depth_con>ul{display:none;}
.tit{display:none;}

.menu ul ul{background: #f8f8f8; border:none;}
.menu ul li li a{padding: 18px 20px 18px 38px;background: url('/images/01_portal/common/m_blit.gif') left 18px center no-repeat;}
.menu ul li li a span{display:block;}
.menu ul li li a:hover,.menu ul li li a:focus{background-color:#f8f8f8; color:#333; text-decoration: underline;}

.menu>ul>li>.depth>.depth_con>ul>li.on>a{font-weight: 600;}



/*3 depth menu*/
.menu>ul>li.on>.depth>.depth_con>ul>li.on>ul{display:block;}
.menu>ul>li>.depth>.depth_con>ul>li>ul{display:none;}

.menu ul ul ul{background: #fff;padding: 12px;border-bottom: 1px #f1f1f1 solid;}
.menu ul li li li{margin:0 0 10px 0;}
.menu ul li li li a{padding: 14px 20px;background: none;border: 1px #e1e1e1 solid;}
.menu ul li li li a span{background: url('/images/01_portal/common/m_blit5.gif') right center no-repeat;padding: 0;}
.menu ul li li li a:hover,.menu ul li li li a:focus{background-color:#fff; border: 1px #a7d8ee solid;}
.menu ul li li li a:hover span,.menu ul li li li a:focus span{background: url('/images/01_portal/common/m_blit4.gif') right center no-repeat;}
.menu ul li li li.on a{border: 1px #a7d8ee solid;}
.menu ul li li li.on a span{background: url('/images/01_portal/common/m_blit4.gif') right center no-repeat;}

/*4 depth menu*/
.menu>ul>li.on>.depth>.depth_con>ul>li>ul>li.on>ul{display:block;}
.menu>ul>li>.depth>.depth_con>ul>li>ul>li>ul{display: none;}

.menu ul ul ul ul{padding: 8px 0;margin: 10px 0;border: 1px #f1f1f1 solid;}
.menu ul li li li li{margin:0;}
.menu ul li li li li a{border:none !important;padding: 0 0 0 10px;margin: 8px 20px; background: url('/images/01_portal/common/m_blit2.gif') left center no-repeat;}
.menu ul li li li li.on a{font-weight:600 !important;}
.menu ul li li li li a span{background:none !important;}
.menu ul li li li li a:hover span,.menu ul li li li li a:focus span{background:none;}

.menu .new_win span{display:inline-block;background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;padding: 0 17px 0 0;}

/*m_utile*/
.m_utile{background: #fff;border-top: 1px #f1f1f1 solid;padding: 10px 2%;overflow:hidden;text-align: center;}
.m_utile .m_login{float:left;box-sizing:border-box;width: 49%;margin-right: 1%;background:#fff;}
.m_utile .m_login a{display:block;padding: 13px 20px;border:1px solid #eaeaea;}
.m_utile .m_login a span{background: url('/images/01_portal/common/login.png')center left no-repeat;padding: 3px 0 3px 30px;}
.m_utile .m_Language{float: left;box-sizing:border-box;width: 50%;background:#fff;}
.m_utile .m_Language p a{display: block;padding: 13px 15px;border:1px solid #eaeaea;}
.m_utile .m_Language p a span{display:block;background: url('/images/01_portal/common/lang.gif') right no-repeat;}
.m_utile .m_Language .m_lang_box{position:absolute;width: 48%;box-sizing: border-box;border: 1px #eaeaea solid;border-bottom: none;border-top: none;}
.m_utile .m_Language .m_lang_box li a{display: block;background:#fff;padding: 14px;border-bottom: 1px #eaeaea solid;font-family: sans-serif;}
.m_utile .m_sitelink{float:left;box-sizing:border-box;width: 49%;margin-right: 1%;background:#fff;}
.m_utile .m_sitelink a{display:block;padding: 13px 20px;border:1px solid #eaeaea;}
.m_utile .m_sitelink a span{background: url('/images/01_portal/common/sitelink_btn.png')center left no-repeat;padding: 3px 0 3px 40px;}

.search_container .search_box{position:absolute;top: 46px;right: -1px;display:block;background: #ffff;border: 1px  #eaeaea solid;z-index: 999;}
.search_container .search_box form{padding: 10px;width: 270px;}
.search_container .search_box select{width:80px;height: 40px;border:solid 1px #323a47;}
.search_container .search_box select:focus{outline:none;}
.search_container .search_box select:focus-visible{outline:2px solid #3eb082}
.search_container .search_box input[type=text]{width: 40%;height: 38px;border:solid 1px #323a47;}
.search_container .search_box input[type=submit]{width:70px;height: 40px;overflow:hidden;background: #464646;color:#fff;}
.search_container .search_box input[type=submit]:hover,.search_container .search_box input[type=submit]:focus{background:#3a6a1a}
.search_container .search_box p.close{position:absolute;top: -47px;right:0;}
.search_container .search_box p.close a{display: block;width: 45px;height:0;padding: 45px 0 0 0;overflow: hidden;background: url('/images/01_portal/common/search_close.jpg') no-repeat;}

footer{position: relative;}

/*banner*/
.banner_container {border-bottom: 1px #d2d2d2 solid; padding: 30px 0;}
.banner_container .b_con{position: relative;}
.banner_container .banner{width: 320px; margin: 0 auto; overflow: hidden;}
.banner_container  h3{font-size: 20px;margin-bottom: 15px;margin-left: 20px;}
.banner_container .banner ul{width: 1000px;}
.banner_container .banner ul li{float: left; width: 154px; margin-right: 10px;}
.banner_container .banner ul li img{width: auto; max-width: 100%; border:1px #d2d2d2 solid;}
.banner_container .banner .btn{position: absolute;overflow: hidden;top: 0px;left: 100px;}
.banner_container .banner .btn a{display: block; float: left; width: 24px; padding-top: 24px; height: 0; margin: 0 4px 0 0; overflow:hidden; background: url('/images/01_portal/common/banner_icon.png')no-repeat;}
.banner_container .banner .btn a.prev{background-position-x: 0px;}
.banner_container .banner .btn a.stop{background-position-x: -29px;}
.banner_container .banner .btn a.play{background-position-x: -59px;}
.banner_container .banner .btn a.next{background-position-x: -90px;}

.site_link{position: absolute;top: 155px;margin: 0 20px;width: 88%;}
.site_link ul li{margin: 0 0 10px 0;}
.site_link ul li a{display: block; padding:20px;  font-size: 12px; border:1px #d2d2d2 solid; border-radius: 80px;}
.site_link ul li a span{display:block; background:url('/images/01_portal/common/plus.gif') right no-repeat;}
.site_link ul li .link{position: absolute;}
.site_link .link01,.link02,.link03{position:absolute;width: 90%;background: #fff;border: 1px #d2d2d2 solid;border-radius: 30px;padding: 20px 5% 10px;height: 250px;overflow-y:auto;}
.site_link .link01{bottom: 194px;}
.site_link .link02{bottom: 129px;}
.site_link .link03{bottom: 64px;}
.site_link ul li li a{border: none; padding: 4px;}
.site_link ul li li a span{background:url('/images/01_portal/common/m_blit2.gif') left no-repeat; padding-left:10px;}


.bottom_area{padding: 230px 0 50px 0;margin: 0 20px;}

.mark{display: none;}

.copy{text-align: center;}
.copy address{font-size: 13px; font-style: normal;}
.copy p{font-size: 11px;}

.bt_menu{overflow: hidden;margin: 0 0 15px 0;}
.bt_menu li{float: left;margin: 0 0 12px 0;width: 49%;text-align:center;}
.bt_menu li a{display: block;font-size: 13px;padding: 0 20px;background:url('/images/01_portal/common/gnb_blit.gif') center right no-repeat;border: none;}
.bt_menu li:nth-of-type(even) a{background:none;}
.bt_menu li a.org{color: #ed4e1c;}


/*sub*/
.sub_content{border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid;}
.s_left{display: none;}
.s_right h3{padding: 20px 0; font-size: 24px; margin: 0 20px;}
.location{padding: 20px; border-top:1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid;}
.location a{color: #464646;font-size: 15px;display: inline-block;}
.s_sns_icon{margin: 10px 20px;}

.s_con{margin: 0 20px; padding: 0 0 20px 0;}


/* Tablet */
@media (min-width: 768px) {
.gnb_container{border-bottom:1px #e1e1e1 solid;background: #fff;z-index:2;}
.gnb{padding: 0 30px; overflow:hidden;}
.gnb p.site_btn{display:none;}
.gnb ul{display:block; float:left; overflow:hidden;background: #fff;}
.gnb ul li{float:left; border-bottom:none;}
.gnb ul li a{padding:12px 14px;background:url('/images/01_portal/common/gnb_blit.gif') center right no-repeat;}
.gnb ul li:last-child a{background:none;}
.gnb ul li:first-child a{padding:12px 14px 12px 0;}
.gnb ul li.iland{background:url('/images/01_portal/common/top_iland.gif') center center no-repeat;width: 85px;height:40px;overflow:hidden;padding:0 15px;border-left:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;}
.gnb ul li.iland a{background:none;}
.gnb ul li.iland a span{display:inline-block;padding-top:50px;}



.top h1{margin: 0 0 0 30px;}
.utile{right: 30px;}
.utile .search{margin-right:8px;}


.search_container .search_box{right: 7px;}
.search_container .search_box form{width: 500px;}
.search_container .search_box input[type=text]{width: 68%;}


/*banner*/
.banner_container {padding: 30px; overflow: hidden;}
.banner_container .banner{float: right; width: 526px;}
.banner_container  h3{float: left;margin-top: 10px;margin-left: 0;}
.banner_container .banner ul li{width: 168px;}
.banner_container .banner .btn{left: 84px;top: 8px;}


/*site_link*/
.site_link{margin:0 30px;top: 131px;width: 92%;}
.site_link ul li{float:left;width: 32.6%;margin: 0 0.5%;}
.site_link ul li:first-child{margin: 0 0.5% 0 0;}
.site_link ul li:last-child{margin: 0 0 0 0.5%;}
.site_link ul li a{padding:16px 20px;}
.site_link ul li li{float: none;width:auto;margin: 0 0 8px 0 !important;}
.site_link .link01, .link02, .link03{width: 23%;}
.site_link .link01{bottom: 46px;}
.site_link .link02{bottom: 46px;}
.site_link .link03{bottom: 46px;}


.bottom_area{padding: 100px 0 50px;margin: 0 30px;}
.bt_menu li{width:auto;}
.bt_menu li:nth-of-type(even) a{background:url('/images/01_portal/common/gnb_blit.gif') center right no-repeat;}
.bt_menu li:first-child a{padding:0 20px 0 0;}
.bt_menu li:last-child a{background:none;}
.copy{text-align: left;}
.copy address{margin-bottom:6px;}
.copy p{font-size:13px;}

.mark{display: block;position: absolute;right: 59px;bottom: 60px;}

/*sub*/
.s_content{position: relative;}
.s_right h3{font-size: 34px;}
.location{padding: 10px 30px;}
.s_sns_icon{position: absolute;margin: 0;top: 86px;right: 30px;}
.s_con{padding: 30px 0; }
}  



/* Desktop */
@media all and (min-width:1023px) {
.gov_top .wrap {width: 1200px; margin: 0 auto;} 

.bg{display:none;}

.utile .Language{display:block;float:left;width: 115px;}
.utile .Language a{display: block;padding: 13px 15px;border:1px solid #eaeaea;}
.utile .Language a:hover{text-decoration:underline;}
.utile .Language a span{display:block;background:url('/images/01_portal/common/utile_btn.png') no-repeat;background-position: 65px -40px;padding-right: 16px;}
.utile .Language .lang_box{position:absolute;width: 115px;z-index: 9999;}
.utile .Language .lang_box li a{background:#fff;border-top:none;font-family: sans-serif;}
.utile .Language .lang_box li a :hover{text-decoration:underline;}

.search_container .search_box{right:122px;}
.search_container .s_search_box{right: 7px;}

.login{display:block;float:right;margin-top: 12px;}
.login a{font-size:14px}
.login a span{background: url('/images/01_portal/common/login.png')center left no-repeat;padding: 3px 0 3px 23px;}

.m_utile{display:none;}



.top_container{padding: 20px 0 0 0;}    
nav{display:block;position: static;margin: 20px 0 0 0px;}

.menu ul{overflow:hidden;border-bottom: 1px #f1f1f1 solid;}
.menu ul li{float:left; text-align: center;}

.menu ul.col4 li{width:25%;}
.menu ul.col5 li{width:20%;}
.menu ul.col6 li{width:16.66666%;}
.menu ul.col7 li{width:14.28571%;}
.menu ul.col8 li{width:12.5%;}
.menu ul.col9 li{width:13.5%;}/*대표 숨겨진거 까지 9개*/

.depth_con .tit{display: block;float:left;text-align: left;padding: 50px 65px 150px 20px;background: url('/images/01_portal/common/nav_open_bg.png') left 20px bottom no-repeat;}
.depth_con .tit strong{display:block;font-size: 30px;font-weight: 600;color: #293d6b;margin-bottom: 8px;}
.depth_con .tit span{display:block;font-size: 14px;color: #464646;}
.depth_con:before{content:"";display:block;top:0;left:0;right:50%;bottom:0;background: url('/images/01_portal/common/nav_open.png');position:absolute;z-index: -1;}

.menu ul.col7 .depth_con .tit {padding: 50px 40px 150px 20px;}
.menu ul.col7 ul {min-height: 253px;}



/*1 depth menu*/
.menu ul li{background: #fff url('/images/01_portal/common/m_blit_p.gif') left center no-repeat;}
.menu ul li a{border-bottom:none;padding: 20px 40px;font-size: 18px;font-weight: 600;color: #333 !important;background: none !important;}
.menu ul li:first-child{background:none;}
.menu ul li a:hover,.menu ul li a:focus{background:none; color:#333; }
.menu>ul li .depth{position:absolute;top: 142px;width: 100%;z-index: 999;left: 0px;border-bottom: 1px #f1f1f1 solid;border-top: 1px #f1f1f1 solid;background: #fff;}

/*전북특별자치도 소개 메뉴 추가*/
.menu ul.col7>li {margin: 0;width: 14.2%;}
.menu ul.col7>li>a {padding: 20px 0px;}
.menu ul.col7>li:nth-of-type(7)>a {font-size: 17px;}
.menu>ul.col7 li .depth { top: 165px;}

/*2 depth menu*/

.menu ul ul{display: block !important;background: #fff;float:right;width: 75%;min-height: 220px;padding: 2% 0 0 0;overflow: hidden;}
.menu ul li li{width: 23% !important;margin: 0 0 0 2%;background: none;}
.menu ul li li a{background: none;padding: 8px 16px;border:1px #68bce3 solid;border-radius: 10px;font-size: 15px;text-align: left;font-weight: 400 !important;}
.menu ul li li a span{background:none;padding:0;}
.menu ul li li a:hover span,.menu ul li li a:focus span{background:none;}
.menu ul li li:hover a,.menu ul li li:focus a{border:1px #68bce3 solid;background-color: #68bce3 !important;color: #fff !important;}
.menu ul li li:nth-of-type(5){clear:both;}


/*3 depth menu*/
.menu ul ul ul{min-height: auto;width:auto;margin: 14px 0 0 16px;padding: 0;border: none;float: left;}
.menu ul li li li{text-align: left;width: 100% !important;margin: 0 0 8px 0 !important;min-height: auto;}
.menu ul li li li a{background: url('/images/01_portal/common/m_blit2.gif') left center no-repeat !important;padding: 0 0 0 10px;font-size: 14px;border: none !important;color: #68bce3;}
.menu ul li li li a span{background: none !important;}
.menu ul li:hover li li a, .menu ul li:focus li li a{border: none !important;color:#333 !important; background:url('/images/01_portal/common/m_blit2.gif') left center no-repeat !important;}
.menu ul li:hover li li a span, .menu ul li:focus li li a span{background:none;}
.menu ul li li li a:hover{color:#68bce3 !important; }
/*.menu ul li:nth-child(5) li:nth-child(3) li:nth-child(3) a span,
.menu ul li:nth-child(5) li:nth-child(3) li:nth-child(4) a span{font-weight:800 !important;text-decoration:underline;color:#0054a6;}*/
.menu ul li li li a span b{font-weight:800 !important;text-decoration:underline;color:#0054a6;}

/*4 depth menu*/
.menu ul ul ul ul{display: none !important;}
/*코로나 메뉴펼침 아이콘
.nav_icon ul{padding:20px 0;overflow:hidden;background: #fff !important;}
.nav_icon ul ul{display: none !important;}
.nav_icon ul li{float: left;width: 46%;}
.nav_icon ul li a{padding:80px 0 0 0 !important;margin: 0 0 20px 0;text-align:center !important;background: url('/images/01_portal/common/nav_icon.png') center no-repeat !important;border: none !important;}
.menu ul li.nav_icon ul li a:hover{background-color:#fff !important; color: #333 !important;}

.nav_icon ul li a span{background: none !important;padding: 0 !important;}
.nav_icon ul li.nav_icon01 a{background-position-y: -130px !important;}
.nav_icon ul li.nav_icon02 a{background-position-y: -22px !important;}
.nav_icon ul li.nav_icon03 a{background-position-y: -238px !important;}
.nav_icon ul li.nav_icon04 a{background-position-y: -346px !important;}
.nav_icon ul li.nav_icon05 a{background-position-y: -455px !important;}
.nav_icon ul li.nav_icon06 a{background-position-y: -563px !important;}
.nav_icon ul li.nav_icon07 a{background-position-y: -671px !important;}
.nav_icon ul li.nav_icon08 a{background-position-y: -779px !important;}
.nav_icon ul li.nav_icon09 a{background-position-y: -887px !important;}
.nav_icon ul li.nav_icon10 a{background-position-y: -995px !important;}*/

.menu li li a.new_win span{background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;}
.menu li li a.new_win:hover span{background: url('/images/01_portal/common/new_win_hover.png') right 2px top 3px no-repeat !important;}

.menu ul li li li a.new_win span{background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;}
.menu ul li li li a.new_win:hover span{background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;}

.menu li li a.new_win span{background: url('/images/01_portal/common/new_win_hover.png') right 2px top 3px no-repeat !important;}

/*subsite_menu*/
.subsite_menu .depth_con:before{display:none;}
.subsite_menu .depth{background: #68bce3 !important;}
.subsite_menu .menu .tit{display:none;}
.subsite_menu .menu ul ul{float:none;width: auto;background: none;padding: 2% 4% 0;}
.subsite_menu .menu ul li li{width: auto !important;max-width: 20%;margin: 0 2% 2% 0;}
.subsite_menu .menu ul li li:nth-of-type(5){clear:none;}
.subsite_menu .menu ul li li a{background: url('/images/01_portal/common/s_blit.gif') top 5px  left no-repeat !important;border:none;padding: 0 0 0 13px;color: #fff !important;font-size: 17px;font-weight: 600 !important;}

.subsite_menu .menu ul ul ul{background:#fff;width:auto;padding: 14px 20px;margin: 10px 0 0 0;}
.subsite_menu .menu ul li li li{width: 100% !important;max-width: 100%;} 
.subsite_menu .menu ul li li li:last-child{margin:0 !important;}
.subsite_menu .menu ul li li li a{padding: 0 0 0 10px;font-size:15px;font-weight:400 !important;color:#333 !important;background: url('/images/01_portal/common/m_blit2.gif') left center no-repeat !important;}

/*banner*/
.banner_container .banner{width: 704px;}

/*sub*/
.sub_content{border-top:none;}
.s_right h3{margin: 0 60px;}
.location{padding: 10px 60px;}
.s_sns_icon{right: 60px;}
.s_con{padding: 30px 0;margin: 0 60px;min-height: 200px;}



}

/* Desktop wide */
@media (min-width: 1399px) {

.gnb{width:1200px;margin:0 auto;padding: 0;}
.top_container{border-bottom: 1px #f1f1f1 solid;padding: 0;}
.top{width:1200px;margin: 0 auto;}
.top h1{margin: 28px 60px 0 0;}

.search_container .search_box{right: 123px;top: 48px;}
.search_container .s_search_box{right: 8px;}

nav{display: inline-block !important;position: static;width: 700px;margin: 0;}
.menu ul li{width: auto !important;padding: 0 0 0 24px;margin: 0 0 0 20px;}

.menu ul li .depth, .menu>ul.col7 li .depth{top: 100px;}
.menu ul li .depth .depth_con{width:1200px; margin:0 auto;}
.menu ul{border: none;}
.menu>ul>li>a{padding: 42px 0 0 0;height: 58px;}
.menu ul ul{width:80%;}

.menu ul.col7>li>a {padding: 42px 0 0 0; font-size: 18px;}
.menu ul.col7 .depth_con .tit { padding: 50px 28px 150px 20px;}

.menu ul li li{width: 18% !important;padding: 0;margin: 0 0 20px 15px;}
.menu ul li li:nth-of-type(5){clear: none;}
.menu ul li li:nth-of-type(6){clear:both;}

.subsite_menu .menu ul ul{padding: 2% 0 0;margin: 0 0 0 300px;width: calc(100% - 300px);}

.subsite_menu .menu ul li li:nth-of-type(6){clear:none;}

.utile{position: relative;float: right;right: 0;}
.search_container .search_box p.close{top: -49px;right: -1px;}
/*banner*/
.banner_container {padding: 30px 0;}
.banner_container .b_con{width: 1200px; margin: 0 auto;}
.banner_container .banner{width: 1000px;}
.banner_container .banner ul li{width: 190px;}

.mark{right:50%;bottom: -95px;}

.bt_menu li a{font-size:14px;}

.b_con{width:1200px; margin:0 auto;}
.bottom_area{padding: 30px 0 50px;margin:0;float:left;}
.site_link{position:static;float:right;width: 560px;margin: 36px 0 0 0;}
.site_link ul li{width:175px;margin: 0 10px 0 0 !important;}
.site_link .link01, .link02, .link03{width:175px; padding:20px 14px; box-sizing:border-box;}
.site_link .link01{bottom: -37px;}
.site_link .link02{bottom: -37px;}
.site_link .link03{bottom: -37px;}

/*sub*/
.s_content{width: 1200px;margin: 0 auto;padding: 30px 0;overflow: hidden;}
.s_left{display: block;float: left;width: 220px;}
.s_left h2 {height: 78px;padding-top: 20px;font-size: 36px;background: url('/images/01_portal/sub/s_h2_line.gif') bottom no-repeat;padding-bottom: 20px;}

/*left_menu*/
.s_left ul{margin-top: 24px;}
.s_left ul ul{margin-top:0px;}
.s_left ul li a{display:block;padding: 16px 18px;margin:0 0 6px 0;border-radius: 20px;border:1px #e1e1e1 solid;font-size: 17px;font-weight: 600;color: #464646;}
.s_left ul li a span{display:block; background: url('/images/01_portal/sub/m_left.gif') center right no-repeat;}
.s_left ul li.on a{border: 1px #90bd3a solid;}
.s_left ul li.on a span{display:block; background: url('/images/01_portal/sub/m_left_on.gif') center right no-repeat;}
.s_left ul li a:hover,.s_left ul li a:focus{border: 1px #90bd3a solid;}

/*left_menu_2 depth*/
.s_left ul ul{display:none;background: #f7f7f7;border-radius: 20px;margin:0 0 6px 0;}
.s_left ul li.on ul{display:block;}
.s_left ul li.on li a{border:none;margin:0;padding: 16px 18px;border-radius:0;font-size: 15px;font-weight: 400;border-bottom:1px #fff solid;}
.s_left ul li.on li a span{background:none; }
.s_left ul li.on li a:hover,.s_left ul li.on li a:focus{text-decoration:underline; color:#000; font-weight:600;}
.s_left ul li li.on a{font-weight:600; color:#000;}
.s_left ul li.on li a span b{font-weight:800;display:block;color:#0054a6}


/*left_menu_3 depth*/
.s_left ul ul ul{background:#fff;border-radius:0;padding: 10px 0;display: none !important;}
.s_left ul li li.on ul{display:block !important;}
.s_left ul li.on li.on li a{padding: 10px 0 10px 20px;font-weight: 400 !important; color:#333;}
.s_left ul li.on li.on li a span{background:url('/images/01_portal/sub/m_left_01.gif') center left no-repeat; padding-left:12px;}
.s_left ul li.on li.on li a:hover,.s_left ul li.on li li a:focus{font-weight:600 !important; text-decoration:underline;}

.s_left ul li.on li.on li.on a{font-weight:600 !important; text-decoration:underline;}


.s_left a.new_win span{display: inline-block !important;background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;padding-right: 18px;}

.s_right{float: right;width: 880px;}


.s_right h3{margin:0;padding: 0 0 20px 0;}
.location{padding: 10px 0;}
.s_sns_icon{right:0;top: 96px;}
.s_con{margin:0;}


}

@media (min-width: 1024px) {
/*sub*/
.s_content{width: 1200px;margin: 0 auto;padding: 30px 0;overflow: hidden;}
.s_left{display: block;float: left;width: 220px;}
.s_left h2 {height: 78px;padding-top: 20px;font-size: 36px;background: url('/images/01_portal/sub/s_h2_line.gif') bottom no-repeat;word-break: keep-all;}

/*left_menu*/
.s_left ul{margin-top: 24px;}
.s_left ul ul{margin-top:0px;}
.s_left ul li a{display:block;padding: 16px 18px;margin:0 0 6px 0;border-radius: 20px;border:1px #e1e1e1 solid;font-size: 17px;font-weight: 600;color: #464646;}
.s_left ul li a span{display:block;background: url('/images/01_portal/sub/m_left.gif') center right no-repeat;word-break: keep-all;}
.s_left ul li.on a{border: 1px #90bd3a solid;}
.s_left ul li.on a span{display:block;background: url('/images/01_portal/sub/m_left_on.gif') center right no-repeat;word-break: keep-all;}
.s_left ul li a:hover,.s_left ul li a:focus{border: 1px #90bd3a solid;}

/*left_menu_2 depth*/
.s_left ul ul{display:none;background: #f7f7f7;border-radius: 20px;margin:0 0 6px 0;}
.s_left ul li.on ul{display:block;}
.s_left ul li.on li a{border:none;margin:0;padding: 16px 18px;border-radius:0;font-size: 15px;font-weight: 400;border-bottom:1px #fff solid;}
.s_left ul li.on li a span{background:none; }
.s_left ul li.on li a:hover,.s_left ul li.on li a:focus{text-decoration:underline; color:#000; font-weight:600;}
.s_left ul li li.on a{font-weight:600; color:#000;}

/*left_menu_3 depth*/
.s_left ul ul ul{background:#fff;border-radius:0;padding: 10px 0;display: none !important;}
.s_left ul li li.on ul{display:block !important;}
.s_left ul li.on li.on li a{padding: 10px 0 10px 20px;font-weight: 400 !important; color:#333;}
.s_left ul li.on li.on li a span{background:url('/images/01_portal/sub/m_left_01.gif') center left no-repeat; padding-left:12px;}
.s_left ul li.on li.on li a:hover,.s_left ul li.on li li a:focus{font-weight:600 !important; text-decoration:underline;}

.s_left ul li.on li.on li.on a{font-weight:600 !important; text-decoration:underline;}


.s_left a.new_win span{display: inline-block !important;background: url('/images/01_portal/common/new_win.png') right 2px top 3px no-repeat !important;padding-right: 18px;}

.s_right{float: right;width: 880px;}


.s_right h3{margin:0;padding: 0 0 20px 0;}
.location{padding: 10px 0;}
.s_sns_icon{right:0;top: 96px;}
.s_con{margin:0;}

}



/*공공누리 */
.license{border:1px #e1e1e1 solid;margin:50px 0 0 0;padding:20px;width: 100%;}
.license .mark_box{text-align:center;}
.license .license_txt{margin:14px 0 0 0;}
.license .license_txt span{color:#d44500;}

.scon_bottom{margin:30px  0 0 0; border:1px #e1e1e1 solid;}
.scon_bottom .manager{background: #f7f7f7;padding:15px;border-bottom:1px #e1e1e1 solid;}
.scon_bottom .manager ul li{margin: 0 0 12px 0;padding: 4px 0 4px 32px;}
.scon_bottom .manager ul li:last-child{margin:0;}
.scon_bottom .manager ul .manager_btn01{background:url('/images/01_portal/sub/bs_ico01.png')no-repeat;}
.scon_bottom .manager ul .manager_btn02{background:url('/images/01_portal/sub/bs_ico02.png')no-repeat;}

.research{padding:15px;}
.s_right .research label{margin: 0 22px 0 0;}
.s_right .research li{margin:10px 0 0 0;}
.s_right .research li .sch_txt{border:1px #e1e1e1 solid;height: 30px;width: 63%;}
.s_right .research li .rsch_btn{background:#464646;height: 32px;padding:10px 18px;color:#fff;}


@media (min-width: 768px) {
.license .mark_box{display:inline-block;}
.license .license_txt{display: inline-block;width: 65%;margin: 6px 0 0 12px;}

.scon_bottom .manager ul li{display:inline-block; margin: 0 20px 0 0;}
.s_right .research li .sch_txt{width: 86%;}
}

@media (min-width: 1023px) {
.license .license_txt{width: 72%;}
.s_right .research{padding:20px;}
.s_right .research .txt{background:url('/images/01_portal/sub/bs_ico03.png')no-repeat;padding: 4px 0 4px 32px;margin-bottom: 12px;}

.s_right .research li{display: inline-block;}
.s_right .research li:last-child{width: 48%;margin: 0;}
.s_right .research li .sch_txt{width: 77%;}
}          

                                                                          
/*코로나 바이러스*/
.ncov{background:#e8f8ff; padding:20px;}
.ncov .ncov_img{display:none;}
.ncov .ncov_list{padding:20px;margin: 0 0 20px 0;background:#2582aa;color:#fff;font-size:16px;}
.ncov .ncov_list p.txt{font-size:20px;font-weight:600;margin: 0 0 16px 0;padding: 0 0 14px 0;border-bottom: 1px #fff dashed;text-align: center;}
.ncov .ncov_list ul li{margin: 0 0 10px 0; overflow:hidden;}
.ncov .ncov_list ul li strong{display: inline-block;margin: 7px 0 0 0;width: 108px;}
.ncov .ncov_list ul li span{display: inline-block;float:right;background:#34a6d8;padding: 6px 10px;width: 70px;text-align: center;}
.ncov .ncov_link{text-align:center;}

@media (min-width: 768px) {
.ncov_con{overflow:hidden;}
.ncov .ncov_list{float:left; width:50%;}

}

@media (min-width: 1399px) {
.ncov_con{width:1200px; margin:0 auto;}
.ncov .ncov_list{width: 17%;margin: 0;}
.ncov .ncov_img{display:block;float:left;width: 61%;margin: 0 1%;padding: 73px 0 0 0;background: url(/images/01_portal/main/ncov_tit.gif) no-repeat top 10px center;}

.ncov .ncov_img img{width:auto; max-width:100%;}
.ncov .ncov_img p{text-align:center; font-size:16px; padding:10px 0; background:#34a6d8; color:#fff;}
.ncov .ncov_link{float: right;width: 200px;}
}