@charset "utf-8";

/* set */
body {font-size:16px !important;margin:0;padding:0;font-family: SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:300;}
input, select, button{font-family: SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:#382d70;color:#fff;text-shadow:none;}

/* Mobile */
.gov_top { background: #46495a; border-bottom: 1px solid #6b6d7b; padding-left: 20px;}
.gov_top span {color: #fff;padding: 8px 0 10px;display: flex;font-size: 12px;align-items: center;gap: 8px;word-break: keep-all;}

/*header*/
header {position: fixed;left: 0;top: 0;width: 100%;height: 160px; background: #fff;z-index: 9;border-bottom: 1px solid rgba(0,0,0,0.1);}
.gnb {background: #46495a;border-bottom: 1px solid rgba(255,255,255,0.2);}
.gnb .wrap:after {display: block;clear: both;content: "";}
.gnb .link, .gnb .lang {position: relative;float: left;width: 50%;}
.gnb .link>button, .gnb .lang>button {display: block;width: 100%;padding: 10px 0; background: none;color: #fff;font-size: 14px;font-weight: 500;}
.gnb .link button span, .gnb .lang button span {display: inline-block;width: 10px;height: 20px;padding: 0;margin-left: 4px; overflow: hidden;background: url("/images/common/cmd_ico.png") no-repeat center -250px;font-size: 0;}
.gnb .link div, .gnb .lang div {display: none;position: absolute;top: 40px; width: 100%;background: #30323e;z-index: 9;}
.gnb .link div.on, .gnb .lang div.on {display: block;}
.gnb .link div button, .gnb .lang div button {display: block;width: 100%;padding: 10px 0; background: #30323e;color: #fff;font-size: 14px;font-weight: 500;position: absolute;top: -40px;}
.gnb .link {border-right: 1px solid rgba(255,255,255,0.2);}
.gnb .link div button span, .gnb .lang div button span {background-position: center -290px;}
.gnb .link div li, .gnb .lang div li {border-top: 1px solid rgba(255,255,255,0.1);}
.gnb .login {display: none;}
.gnb .link div li a, .gnb .lang div li a {display: block;padding: 10px 0; color: #fff;font-size: 14px;font-weight: 500;text-align: center;}
.gnb .lang div li a {font-family: SCDream, NotoSans;}

.head {position: relative;background: #fff;}
.head h1 {padding: 18px 20px;}
.head h1 img{width:200px;padding-top: 10px;}
.head h1 em, .head h1 span {display: none;}
.head .search>button {display: block;position: absolute;top: 20px;right: 56px; width: 46px;height: 50px;font-size: 0;padding:0;background: url("/images/common/cmd_ico.png") center -50px;overflow: hidden;}
.head .search>div {display: none; position: absolute;width: 100%;padding: 20px; background: #382d70;}
.head .search>div.on {display: block;}
.head .search>div form {padding: 0 10px 0 20px; background: rgba(0,0,0,0.2);border-radius: 50px;overflow: hidden;font-size: 0;}
.head .search input[type="text"]{width: calc(100% - 50px);background: none;padding: 15px 0;color: #fff;font-size: 16px;font-weight: 500;}
.head .search input[type="text"]::placeholder {color: #fff;font-size: 16px;font-weight: 500;}
.head .search input[type="submit"]{width: 50px;height: 50px;font-size: 0;padding: 0; background: url("/images/common/cmd_ico.png") no-repeat center -920px;overflow: hidden;}
.head .search>div button {display: block;position: absolute;top: -59px;right: 56px;width: 46px;height: 50px;font-size: 0;padding: 0;background: url("/images/common/cmd_ico.png") center -980px #fff;overflow: hidden;}
.head .weather {display: none;}
.head>button {display: block;position: absolute;top: 20px;right: 10px; width: 46px;height: 50px;font-size: 0;padding: 0;background: url("/images/common/cmd_ico.png") center -150px;overflow: hidden;}

/*menu*/
.mobile_back {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.6);}
.menu {display: none; position: fixed;top: 0;bottom: 0;right: 0;width: 70%;min-width: 320px;background: #382d70;z-index:1;}
.menu.on {display: block;}
.menu h2 {padding: 12px 15px; background: #46495a;color: #fff;font-size: 20px;font-weight: 500;}
.menu>ul>li>a{display:block;font-size: 16px;color: #fff;width: 130px;padding: 12px 0 12px 15px;border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 20px;font-weight: 500;}
.menu>ul>li.on>a{background: rgba(0,0,0,0.2);font-weight: 600;}
.depth_box{position:absolute;top:52px;left:130px;right:0;bottom:0;background: #f4f4f8;overflow-y: auto;z-index: 2;}
.depth_boxcon p{display:none;}
.menu li li{border-bottom: solid 1px rgba(0,0,0,0.1);}
.menu li li a{display:block;padding: 10px 0 10px 8px;color: #382d70;font-size: 18px;font-weight: 500;}
.menu li li.on>a{color: #cf4747;}
.menu li li ul {display: none;margin: 0;padding: 5px 0; background: #fff;border-top: solid 1px rgba(0,0,0,0.1);}
.menu li li.on ul {display: block;}
.menu li li li{border:none;}
.menu li li li a {padding:3px 0 3px 15px;color: #555;font-size: 15px;font-weight: 400;}
.menu button{display: none;position: absolute;top: 0;right: 0; width: 50px;height: 50px;font-size: 0;padding: 0;background: url("/images/common/cmd_ico.png") no-repeat center -320px;overflow: hidden;}
.menu.on button{display: block;}

.new_win{display:inline-block;background: url("/images/common/new_win.png") no-repeat center center;width: 12px;height:12px;padding: 0;margin-left: 4px;overflow:hidden;vertical-align:middle;font-size:0;}
.menu>ul>li>a>span {background-image: url("/images/common/new_win2.png");}

.tsitemap{display:none;}

/*no_bg*/


/*sub_site*/
@media all and (max-width:767px) {
.sub_site .head h1 {padding: 20px 8px;}
.sub_site .head h1 img {width: 120px;}
.sub_site .head h1 span {display: inline-block;margin: 12px 0 0 6px; font-size: 18px;}
.sub_site .head>button {top: 16px; right: 0;}
.sub_site .head .search>button {top: 16px;right: 36px;}
.sub_site .head .search>div button {top: -65px;right: 36px;}
}

/*footer*/
footer {position: relative;}
footer .wrap {margin: 0 20px;}
.f_banner {position: relative;padding: 32px 0; background: #46495a;}
.f_banner:after {display: block;clear: both;content: "";}
.f_banner .control {float: left;padding: 0 10px 0 13px;margin-right: 20px;background: #262626;border-radius: 30px;}
.f_banner .control h2 {display: inline-block;margin: 7px 0; font-size: 14px; font-weight: 400; color: #fff;}
.f_banner .control p {display: inline-block;margin-left: 4px;}
.f_banner .list {float: right;width: calc(100% - 200px);padding-top: 5px;overflow: hidden;}
.f_banner .list ul {width: 9999px;}
.f_banner .list li {display: inline-block;margin-right: 36px;width: auto!important;}
.f_banner .list li a {display: block;height:21px;color: #fff;font-size: 15px;}
.f_banner .fb_all{position:absolute;bottom: 97px;left: 20px;background:#f4f4f8;border-radius:10px;border:1px solid #382d708a;display:none;overflow: hidden;}
.f_banner .fb_all.on{display:block;}
.f_banner .fb_all .title{padding:15px;background:#46495a;color:#fff;}
.f_banner .fb_all .title h3{font-size: 17px;}
.f_banner .fb_all .title p{font-size:14px;margin-top:5px;color:#c3c4c5;}
.f_banner .fb_all .title p span{font-weight:400;color:#fff;}
.f_banner .fb_all .fb_list{padding:15px;}
.f_banner .fb_all .fb_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;overflow-y: scroll;max-height: 200px;}
.f_banner .fb_all .fb_list li{width:48%;font-size:15px;margin-bottom:5px;}
.f_banner .fb_all .fb_list li:before{content:"";display:block;width:5px;height:5px;background:#666;border-radius:50%;float:left;margin:9px 3px 0 0;}
.f_banner .fb_all .fb_list li:hover{text-decoration:underline;}
.f_banner .fb_all .fb_close{position:absolute;top: 9px;right: 9px;display:block;background: url(/images/common/cmd_ico.png) no-repeat center -329px;font-size:0;width:30px;height:30px;}

.sitelink_list {position: relative;margin-top: 40px;}
.sitelink_list>div>button {display: block;width: 100%;padding: 20px 30px;margin: 2px 0;background: #f4f4f8;font-size: 16px;color: #464646;text-align: left;}
.sitelink_list>div>button span {float: right;width: 10px;height: 7px;font-size: 0;margin-top: 8px; padding:0;overflow: hidden;background: url("/images/common/cmd_ico.png") no-repeat center -449px;}
.sitelink_list div div {display: none; position: absolute;width: 100%; padding: 28px 0 28px 28px; background: #fff;border: 1px solid #46495a;z-index: 1;}
.sitelink_list div div.on {display: block;}
.sitelink_box1 {bottom: 323px;}
.sitelink_box2 {bottom: 266px;}
.sitelink_box3 {bottom: 199px;}
.sitelink_box4 {bottom: 132px;}
.sitelink_box5 {bottom: 65px;}
.sitelink_list div div ul {height: 200px; overflow-y: auto;}
.sitelink_list div div li {position: relative;margin-bottom: 10px;padding-left: 10px;}
.sitelink_list div div li:before {display: block;position: absolute;left: 0;top: 8px; width: 6px;height: 6px; border: 1px solid #ccc;content: "";border-radius: 100%;}
.sitelink_list div div li a {display: inline-block;font-size: 15px;}
.sitelink_list div div li a:hover, .sitelink_list div div li a:focus {color: #382d70;text-decoration: underline;}
.sitelink_list div div button {position: absolute;right: 0;bottom: 0; display: block;width: 40px;height: 40px;font-size: 0;padding:0;background: url("/images/common/cmd_ico.png") no-repeat center -485px #46495a;overflow: hidden;}
.sitelink_list div div button:hover, .sitelink_list div div button:focus {background: url("/images/common/cmd_ico.png") no-repeat center -485px #CF4747;overflow: hidden;}

.foot {margin-top: 20px; padding-bottom: 20px; font-size: 0;}
.foot li {display: inline-block; margin-bottom: 8px; font-size: 16px;}
.foot li:after {display: inline-block; width: 1px; height: 10px; margin: 0 13px; content: ""; background: #ccc;}
.foot li:last-child:after {display: none;}
.foot li a {font-weight: 400;}
.foot li a:hover, .foot li a:focus {text-decoration:underline;}
.foot li strong {color: #cf4747;font-weight: 400;}
.foot div {margin-top: 10px; padding-top: 20px; font-size: 14px; border-top: 1px solid #e5e5e5; line-height: 1.6;}
.foot div address {font-style: normal;}
.foot div .copy {color: #7d7d7d;}

footer .top {position: absolute; top: -30px; right: 20px;}
footer .top a {display: block; width: 60px;height: 60px; padding-top: 15px; background: #cf4747; border-radius: 100%; color: #fff; font-weight: 500; font-size: 14px; text-align: center;}
footer .top a span {display: inline-block; padding-top: 14px; background: url("/images/common/cmd_ico.png") no-repeat center -296px;}


/*제어버튼*/
.control .btn button {width: 20px;height: 32px;font-size: 0;padding:0;overflow: hidden;background: url("/images/common/cmd_ico.png") no-repeat;}
.control .btn button.prev {background-position: center -524px;}
.control .btn button.stop {background-position: center -556px;}
.control .btn button.play {background-position: center -588px;}
.control .btn button.next {background-position: center -620px;}
.control .btn button.all {background:url("/upload_data/board_data/BBS_0000008/170979205155224.png")no-repeat center top 8px;}

/* Tablet */
@media (min-width: 768px) {
header {height: 190px;}
.gnb {position: relative;}
.gnb a:hover, .gnb a:focus {text-decoration: underline;}
.gnb .link {width: auto;float: none;}
.gnb .link button {display: none!important;}
.gnb .link div {display: block;position: static;background: none;}
.gnb .link div li {float: left;position: relative;border: none;}
.gnb .link div li:after {display: block;position: absolute;top: 14px;width: 1px;height: 10px;content: "";background: rgba(255,255,255,0.3);}
.gnb .link div li:first-child:after {display: none;}
.gnb .link div li a{padding: 10px 18px;}
.gnb .link div li.home a {padding-left: 42px;background: url("/images/common/cmd_ico.png") no-repeat left -200px;}
.gnb .login {display:inline-block;position: absolute;right: 105px;}
.gnb .today {right: 25.5%;}
.gnb .total {right: 0;}
.gnb .login a {display: block;padding: 10px 18px; color: #fff;font-size: 14px;font-weight: 500;}
.gnb .login:after {display: block;position: absolute;top: 14px;right: 0;width: 1px;height: 10px;content: "";background: rgba(255,255,255,0.3);}
.gnb .lang {float: right;width: 105px;}
.head h1 {padding: 28px 20px;}
.head h1 img{width:auto;padding: 0;}
.head .search>div {padding: 30px;z-index: 5;}
.head .search>div form {padding: 0 20px 0 30px;}
.head .search input[type="text"] {padding: 25px 0;}
.head .search input[type="submit"] {padding-top: 70px;background-position: center -910px;}
.head .search>button {top: 30px;}
.head .search>div button {top: -129px;}

.menu{display: block;position:static;width:100%;background:#fff;border-top: 1px solid rgba(0,0,0,0.1);}
.menu h2{display:none}
.menu>ul:after{content:"";display:block;clear:both}
.menu>ul>li{float:left;width: 13%;height: 60px;}
.menu>ul>li.menu7{width:20%;}
.menu>ul>li>a{color: #252525;border:none;text-align:center;padding: 16px 0;width:auto;position:relative;font-size: 18px;box-sizing: border-box;letter-spacing: -1px;}
.menu>ul>li.on>a{background:none;color: #382d70;}
.menu>ul>li>a:after {display: none;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 70%;height: 3px;background: #544796; content: "";}
.menu>ul>li.on>a:after, .menu>ul>li>a:hover:after, .menu>ul>li>a:focus:after {display: block;}
.menu>ul>li>a>span {background-image: url("/images/common/new_win.png");}
.menu.on .depth_box{display:block;}
.depth_box{top: 169px;left:0;bottom:auto;border-top: 1px solid rgba(0,0,0,0.1);display: none;}
.depth_boxcon>ul:before {display: block;position: absolute;top: 0;bottom: 0;right: 0;width: calc(100% - 180px);background: #fff;content: "";}
.depth_boxcon>ul>li{position: relative;width: 100%;margin: 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.depth_boxcon>ul>li:after{content:"";display:block;clear:both;}
.depth_boxcon>ul>li>a{width: 180px;float: left;}
.depth_boxcon a:hover,.depth_boxcon a:focus {text-decoration: underline;}
.menu li li ul{display: block; float: left;width: calc(100% - 180px);padding: 10px 0;border-top: none;font-size: 0;}
.menu li li li {display: inline-block;}
.menu li li li a {padding-left: 20px;}
.menu.on button {display: none;}
.head>button {display: none;}
.tsitemap {display: block;position: absolute;top: 30px;right: 10px; width: 46px;height: 50px;font-size: 0;padding:0;background: url("/images/common/cmd_ico.png") center -150px;overflow: hidden;}

.sub_site .head h1 span {display: inline-block;margin: 18px 0 0 -10px; font-size: 24px;}
.sub_site .menu>ul {text-align: center;font-size: 0;}
.sub_site .menu>ul>li {display: inline-block;float: none;width: auto;margin: 0 15px;text-align: left;}
.sub_site .menu>ul>li>a:after {width: 100%;}
.sub_site .depth_box {background: #fff;border-bottom: 1px solid rgba(0,0,0,0.1);}
.sub_site .depth_boxcon>ul:before {display: none;}
.sub_site .depth_boxcon>ul>li {position: relative;float: left;width: auto;border: none;}
.sub_site .depth_boxcon>ul>li:before {display: block;position: absolute;top: 16px;width: 1px;height: 10px;background: #d5d8ec;content: "";}
.sub_site .depth_boxcon>ul>li:first-child:before {display: none;}
.sub_site .depth_boxcon>ul>li>a {width: auto;padding:10px 15px;font-size: 16px;color: #464646;font-weight: 400;}
.sub_site .menu li li ul {display: none;}

.f_banner .control {margin-right: 30px;}
.f_banner .list {width: calc(100% - 212px);}
.f_banner .fb_all .fb_list li{width:31%;}
.sitelink_list>div:after {display: block; clear: both; content: "";}
.sitelink_list>div>button {float: left;width: calc((100% - 32px)/5);padding: 21px 8px; margin: 0 8px 0 0;}
.sitelink_list>div>button.sitelink5 {margin-right: 0;}
.sitelink_list div div {bottom: 65px;width: calc((100% - 32px)/5);padding: 28px 0 28px 10px;}
.sitelink_box2 {left: calc(20% + 1px);}
.sitelink_box3 {left: calc(40% + 3px);}
.sitelink_box4 {left: calc(60% + 5px);}
.sitelink_box5 {left: calc(80% + 7px);}
.sitelink_list div div li a:hover,.sitelink_list div div li a:focus {color: #382d70;text-decoration: underline;}
.foot {padding-bottom: 40px;}
.foot div address {display: inline-block;}

}

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

.head {width: 1200px;margin: 0 auto;}
.head h1 {padding: 28px 0;}
.head .search>div:after {display: block;position: fixed;top: 189px;left: 0; width: 9999px;height: 133px;content: "";background: #382d70;z-index: -1;}
.head .search>button, .head .search>div button {right: 0;}
.head .search>div button{top: -76px;}
.head .search>div{top: 108px;}

.menu {position: absolute;top: 25px;left: 205px;width: 950px;background: none;border-top: none;}
.menu>ul>li>a {font-size: 20px;font-weight:600;}
.menu>ul>li>a:hover, .menu>ul>li>a:focus {color: #382d70;}
.menu>ul>li.menu7{width: 22%;}
.depth_box {position: fixed;top: 165px;background: #fff;}
.depth_box:after {display: block;position: absolute;left: 0;top: 0;bottom: 0; width: 50%;background: #382f70;content: "";z-index: -1;}
.depth_boxcon {width: 1200px; margin: 0 auto;}
.depth_boxcon:after {display: block;clear: both;content: "";}
.depth_boxcon p {display: block;width: 250px;min-height: 250px;padding-top: 60px;float: left;z-index: 1;}
.depth_boxcon p:before {display: block;position: absolute;bottom: 40px;width: 250px;height: 210px;background: url("/images/01_potal/main/menu_bg.png") no-repeat right bottom;content: "";}
.depth_boxcon p strong {display: block;font-size: 30px;font-weight: 600;color: #fff;z-index:1;position:relative;}
.depth_boxcon p span {display: block;width: 190px;margin-top: 20px;font-size: 15px;font-weight: 200;color: rgba(255,255,255,0.7);z-index:1;position:relative;}
.depth_boxcon>ul {position: relative;width: calc(100% - 250px);min-height: 250px;float: left;background: #f4f4f8;}
.depth_boxcon>ul:before {width: calc(100% - 215px);}
.depth_boxcon>ul>li>a {width: 240px;}
.menu li li ul {width: calc(100% - 240px);}
.gnb .today {right: 25.2%;}
.gnb .total {right: 16.5%;}

.tsitemap {display: none;}

header.no_bg {background: rgb(255 255 255);z-index:1;}
.no_bg .head h1 em {display: block;width: 182px;height: 65px;overflow: hidden;position: absolute;top: 144px;}
.no_bg .head .menu>ul>li>a {color: #000;/* font-weight: 600; */}
.no_bg .head .search>button {top: 25px; background-position: center 0;}
.no_bg .head .search>button {display: none;}
.no_bg .head .search>div {display: block;top: 150px;left: 50%;transform: translateX(-50%);width: 400px;padding: 0;background: none;}
.no_bg .head .search>div:after, .no_bg .head .search>div button {display: none;}
.no_bg .head .search>div form {padding: 0 10px 0 15px; border: 3px solid #fff;background: none;}
.no_bg .head .search input[type="text"] {padding: 13px 0;}
.no_bg .head .search input[type="submit"] {padding-top: 50px;background-position: center 0;}
.no_bg .head .weather {display: block;}
/*날씨*/
.head .weather {position: absolute;right: 0;top: 158px;color: #fff;}
.head .weather div {padding-left: 60px;background: url("/images/01_potal/main/weather_ico.png") no-repeat;}
.head .weather div.w01 {background-position: 0 0;}
.head .weather div.w02 {background-position: 0 -46px;}
.head .weather div.w03 {background-position: 0 -92px;}
.head .weather div.w04 {background-position: 0 -138px;}
.head .weather div.w05 {background-position: 0 -184px;}
.head .weather .date {font-weight: 500;}
.head .weather .date strong {display: inline-block;margin: 0 10px; color: #f25252;font-size: 18px;/*color:#271b74;*/}
.head .weather .date span {display: inline-block;padding: 2px 8px; font-size: 14px;background: #2f2473;border-radius: 20px;}
.head .weather .dust {font-size: 15px;}
/*날씨*/
.sub_site .menu {left: auto; right:40px; width: 70%;}
.sub_site .menu>ul {text-align: right;}
.sub_site .depth_box:after, .sub_site .depth_boxcon p {display: none;}
.sub_site .depth_boxcon>ul {min-height: auto;width: 100%;background: none;}

footer .wrap {position: relative;}
.f_banner .list a:hover, .f_banner .list a:focus {text-decoration: underline;}
.f_banner .fb_all{left: 50%;width: 1200px;transform: translateX(-50%);bottom:32px;}
.f_banner .fb_all .fb_list li{width:23%;}
.sitelink_list>div>button {width: calc((100% - 64px)/5); margin-right: 16px;padding: 21px;}
.sitelink_list div div {width: calc((100% - 64px)/5);padding: 28px 0 28px 28px;}
.sitelink_box2 {left: calc(20% + 3px);}
.sitelink_box3 {left: calc(40% + 6px);}
.sitelink_box4 {left: calc(60% + 9px);}
.sitelink_box5 {left: calc(80% + 12px);}
.sitelink_list .sitelink_box2 li {width: 50%;float: left;}
footer .top {top: -165px; right: -100px;}
}

/* sub_page */
.sub_container {padding-top: 130px;}
.s_left {display: none;}
.s_title {padding: 40px 0 0;margin-bottom: 40px; background: url("/images/common/subtit_bg.png") no-repeat center top /cover #f4f4f8;}
.s_title h3 {font-size: 30px;font-weight: 500;color: #382d70;text-align: center;}
.s_title>ul {width: 112px; margin: 15px auto 0;}
.s_title>ul:after {display: block;clear: both;content: "";}
.s_title>ul li {float: left;margin-right: 3px;}
.s_title>ul li:last-child {margin: 0;}
.s_title>ul li a, .s_title>ul li button {display: block; width: 35px;height: 35px;padding: 0; background: #382d70;border-radius: 100%;}
.s_title>ul li button:hover, .s_title>ul li button:focus, .s_title>ul li a:hover, .s_title>ul li a:focus {display:block; background:#CF4747; border-radius:50%;}
.s_title>ul li a span, .s_title>ul li button span, .s_title>ul li a:hover span, .s_title>ul li a:focus span {display: block; width: 35px; height: 35px; font-size: 0; padding: 0; background: url(/images/common/cmd_ico.png) no-repeat; overflow: hidden;}
.s_title>ul li button span, .s_title>ul li button:hover span, .s_title>ul li button:focus span {background-position: center -667px;}
.s_title>ul li.face a span, .s_title>ul li.face a:hover span, .s_title>ul li li.face a:focus span {background-position: center -702px;}
.s_title>ul li.twi a span, .s_title>ul li.twi a:hover span, .s_title>ul li.twi a:focus span {background-position: center -737px;}
.s_title .local {margin-top: 20px;}
.s_title .local>ul {font-size: 0;}
.s_title .local>ul>li {display: inline-block;position: relative;border: 1px solid #dbdbdf;border-left: none;}
.s_title .local>ul>li:last-child {min-width: 170px;}
.s_title .local li a {display: block;min-height: 43px;padding: 10px 15px;font-size: 16px;}
.s_title .local>ul>li:last-child>a {padding-right: 30px;font-weight: 400;}
.s_title .local>ul>li:last-child>a:after {display: block;position: absolute;top: 18px;right: 12px;width: 10px;height: 7px;transform: rotate(180deg);content: "";background: url("/images/common/cmd_ico.png") no-repeat center -449px;}
.s_title .local>ul>li.on>a {color: #fff;font-weight: 500;text-decoration: underline;background: #382d70;}
.s_title .local>ul>li.on>a:after {background-position: center -256px;}
.s_title .local li div {position: absolute;width: 100%; background: #46495a;z-index: 1;}
.s_title .local li div li {border-top: 1px solid rgba(255,255,255,0.3);}
.s_title .local li div li a {color: #fff;}
.s_title .local li div button {display: block;width: 100%;padding: 10px 15px;background: rgba(0,0,0,0.3);color: #fff;}
.s_title .local li div button:hover, .s_title .local li div button:focus {background:#CF4747;}
.s_title .local .home a span {display: block;width: 13px;height: 14px;font-size: 0;margin-top: 4px;background: url(/upload_data/board_data/BBS_0000008/171151453539946.gif) no-repeat center;overflow: hidden;}
.s_con {padding: 0 20px 40px;}
.scon_bottom {padding: 0 20px 40px;}
@media all and (min-width:768px) {
.sub_container {padding-top: 210px;}
.s_title{position: relative;padding-top: 40px;}
.s_title .local {margin-top: 30px; border-top: 1px solid #dbdbdf;background: #f4f4f8;}
.s_title .local>ul>li {border-bottom: none;border-top: none;}
.s_title .local li a:hover, .s_title .local li a:focus{text-decoration: underline;}
.s_title>ul{position: absolute;right: 20px;bottom: 60px;margin-top: 0;}
}
@media all and (min-width:1023px) {
.sub_container {padding-top: 150px;background: url("/images/common/sub_bg.gif") repeat-x left top 150px;}
.s_content {width: 1200px;margin: 0 auto;background: url("/images/common/subtit_bg.png") no-repeat right top -1px;}
.s_content:after {display: block;clear: both;content: "";}
.s_left {display: block;float: left;width: 240px;padding-top: 29px;}
.s_left h2 {height: 130px;line-height: 130px;text-align: center;background: #382d70;color: #fff;font-size: 30px;font-weight: 500;}
.s_left>ul>li {margin-top: 4px;}
.s_left>ul>li>a {display: block;padding: 20px;font-weight: 500;color: #46495a;border: 1px solid #ebebeb;}
.s_left>ul>li.depth_more>a{background: url("/upload_data/board_data/BBS_0000008/171151420258971.gif") no-repeat right 20px center;}
.s_left>ul>li.on>a {background: url("/images/common/cmd_ico.png") no-repeat right 2px top -822px #46495a;color: #fff;}
.s_left>ul>li>a:hover, .s_left>ul>li>a:focus {border-color: #46495a;text-decoration: underline;}
.s_left>ul>li>ul {display: none; padding: 16px 20px; background: #f4f4f8;}
.s_left>ul>li.on>ul {display: block;}
.s_left>ul>li>ul>li {margin-bottom: 4px;}
.s_left>ul>li>ul>li>a {display: block;padding-left: 10px;background: url("/images/common/li02.gif") no-repeat 0 9px;font-size: 15px;color: #46495a;}
.s_left>ul>li>ul>li>a:hover, .s_left>ul>li>ul>li>a:focus, .s_left>ul>li>ul>li.on>a {color: #382d70;text-decoration: underline;}
.s_left ul ul ul {display: none;padding: 8px 12px;margin-top: 4px; background: #fff;}
.s_left ul ul .on ul {display: block;}
.s_left ul ul ul li {margin-bottom: 4px;}
.s_left ul ul ul li a {display: block;padding-left: 10px;font-size: 14px;color: #707070;background: url("/images/common/cmd_ico.png") no-repeat left -22px top -892px;}
.s_left ul ul ul li a:hover, .s_left ul ul ul li a:focus, .s_left ul ul ul li.on a {color: #000;}
.s_right {float: right;width: calc(100% - 240px);}
.s_con, .scon_bottom {padding-left: 40px;}
.s_title {padding-top: 40px;background: none;}
.s_title>ul {bottom: 60px;}
.s_title .local {margin: 33px 20px 0 40px;border: 1px solid #dbdbdf;border-bottom: none;}
}

/* 공공누리 */
.license{border:1px solid #dedede;padding:20px;margin-bottom: 20px; text-align:center}
.license h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.license div{display:block;margin:0 0 10px 0}
.license p strong {font-weight: 500;}
.license p em{font-style:normal;font-weight:500;color: #cf4747;}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left}
.license div{float:left;margin:0}
.license p{float:right;width:calc(100% - 230px)}
}

/* 콘텐츠담당자 */
.manager{background:#f4f4f8;border-top: 2px solid #46495a; padding:20px}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li{margin:0 0 5px 0}
.manager li strong{display: inline-block;color:#382d70;}
@media all and (min-width:768px) {
.manager{position:relative}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 5px 0}
}
@media all and (min-width:1023px) {
.manager p{position:absolute;bottom:20px;right:20px}
.manager li{margin:0 30px 0 0}
}

/* 만족도조사 */
.research{border:1px solid #dedede;padding:20px}
.research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.research p{font-weight:500;margin:0 0 10px 0;color: #000;}
.research li{line-height:1.5em}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #d9d9d9;width:100%;height:30px;box-sizing:border-box}
.research input[type=submit]{background:#46495a;color:#fff;width:100%;height:30px;font-size: 14px;}
.research input[type=submit]:focus{background:#cf4747;}
.research label{color:#000;margin-right:20px;font-size: 15px;}
.research a.btn_bbsw{width:100%;padding:9px 0 0 0;margin:5px 0 0 0;text-align:center}
@media all and (min-width:768px) {
.research{padding:25px;position:relative}
.research input[type=text]{width:calc(100% - 120px)}
.research input[type=submit]{width:100px}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}
}
@media all and (min-width:1023px) {
.research ul{overflow:hidden}
.research li{float:left;width:47%}
.research li:first-child{width:53%;padding:5px 0 0 0;margin:0}
}

/* 레이어팝업 */
.layer_pop {position:absolute; top:0; left:0; bottom:0; right:0; z-index:9999;}
.layer_pop:before {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
.layer_inner {position:relative; width:100%;}
.layer_inner.inr_center {top:50%; transform:translateY(-50%);}
.layer_con {margin:0 auto; background:#fff;}
.layer_con .layer_close {background:#333; text-align:center;font-size:0;}
.layer_con .layer_close a {display:inline-block; padding:5px 5%; color:#fff;font-size:16px;}
.layer_con .layer_close a.day {border-right:1px solid #787878;}
.layer_con .layer_close a:hover, .layer_con .layer_close a:focus {background:#555;}

/*220329 웹접근*/
@media all and (min-width:1023px) {
.no_bg .head .search>div form{background: rgba(0,0,0,0.3);}
.no_bg .head .weather{padding: 8px;top: 148px;background: rgba(0,0,0,0.3);border-radius: 10px;}
.no_bg .head .weather .date strong{color: #f9ff9d;}
}
.wa_mark{display: none;}
@media all and (min-width:1023px) {
.foot{position: relative;padding-bottom: 60px;}
.wa_mark{position: absolute;bottom: 20px;right: 0;}
}                

.tagik a{display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 9px;}
.tagik a img{width: 23px;}
.tagik a span{display: inline-block;padding: 0;font-size: 12px;padding-left: 10px;}
.tagik a span br{display:none;}

@media (min-width:768px) {
.gov_top span{font-size:15px;}
.tagik {position: absolute;right: 20px;top: 4px;}
.tagik a{padding-bottom:0}
.tagik a img{width: 40px;}
.tagik a span{line-height:15px}
.tagik a span br{display:block;}
}

@media (min-width:1400px) {
.tagik {right: calc((100% - 1200px) / 2);}
}