@charset "utf-8";

/* skip ----------------------------------------------*/
#accessibility {position:absolute; top:0; left:0; width:100%; z-index:9999;}
#accessibility a {font-size:14px; position:absolute; top:-9999px;}
#accessibility a:hover, #accessibility a:active, #accessibility a:focus {display:inline-block; top:0; width:100%; padding:10px 0; color:white; font-weight:bold; text-align:center; background-color:black;}



/* layout */
.header .gnb ul:after, .mainCont:after, .footer .footerWrap:after, .body:after, .contentTitle:after {
	content: "";
	clear: both;
	display:block;
}
.footer .footerWrap, .body {
	width: 1300px; 
	margin: 0 auto;
}
body {
	min-width: 1340px;
	
}
.front .body {
	width: 100% !important;
}
.front .content {
	float: none !important; 
	width: 100% !important;
}
.lnb {
	float: left;
	margin-top: 30px;
}
.content {
	float: right;
	width: 915px;
}

.correction{color: red; font-weight: bold;}

/* header */
.header {
    height: auto;
    border-bottom: 0.12em solid #ddd;
}
.header h1 img {
	width:90%;
}
.header .gnb {
	background: #fff;
	padding-left: 240px;
}
.header .gnb li {
	float: left; 
	text-align: center;
	width: 160px;
}
.header .gnb li a {
	line-height: 40px;
	font-size: 18px;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 500;
	width: 100%;
}
.headerWrap {
	width: 1200px;
	margin:0 auto; 
	padding:10px 0;
}
.headerWrap h1 {
	width: 240px;
	float: left;
}

/* topmenu */
.utilmenu {
	display: none;
    position: relative;
    background: #003567;
    right: 0;
    left: 0;
    top: 0;
    height: 40px;
}
.utilmenu div {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
}
.list-inline {
	width: 1200px;
    display: inline-block;
    line-height: 38px;
	background: #003567;
}
.list-inline li {
    display: inherit;
    font-size: 14px;
	margin-left: 40px;
}
.list-inline li:first-child {
	margin-left: 0;
}
.list-inline li a {
	color: #fff;
}
.gnb ul {
	min-width:300px;
	text-align:center;
	z-index: 100;
}
.gnb ul ul {
	position:absolute;
	display:none;
}
.gnb ul ul li {
	clear: both;
	background-color: white;
	color: white;
	display: block; 
	border-bottom: 1px solid #eee;
}
.gnb ul > li a {
	color:white; 
	text-decoration:none; 
	display: block;
	line-height: 70px;
	font-size: 1.26em;
	font-weight: 500;
	text-align: center;
	color: #444;
}
.header .gnb li .downMenu a {
    font-size: 15px;
    line-height: 40px;
}
.gnb ul li a:hover {
	color:#003567;
}
.gnb ul ul li:nth-child(1) {
    border-top: 2px solid #003567;
	margin-top: 15px;
}
.gnb ul ul li:nth-last-child(1) {
	border-bottom: 2px solid #003567;
}

/* subTop */
#sub-visual {
	position: relative;
	height: 200px;
	text-align: center;
	padding: 60px 0;
}
#sub-visual:before {
	position:absolute;
	top:0px; 
	left:0px;
	content:"";
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}
#sub-visual.bg1 {
	background:url('../images/sub/sub_visual1.png') no-repeat center center;
	background-size:contain ;
}
#sub-visual.bg2 {
	background:url('../images/sub/sub_visual2.png') no-repeat center center; 
	background-size:cover !important;
}
#sub-visual.bg3 {
	background:url('../images/sub/sub_visual3.png') no-repeat center center; 
	background-size:cover !important;
}
#sub-visual.bg4 {
	background:url('../images/sub/sub_visual4.png') no-repeat center center;
	background-size:cover !important;
}
#sub-visual h2 {
	position:relative;
	font-size: 35px;
	font-weight:500;
	color:white; 
	text-shadow:2px 2px 4px rgba(12, 12, 12, 0.62);
	z-index:5; 
	animation:dipper-jiggle 1.2s ease-in-out;   
	margin-top: 10px;
}
#sub-visual .ad-txt {
	position:relative; 
	font-size:18px;
	font-weight:300;
	color:#fff; 
	z-index:5;
}
#page-navi {
	position:relative;
	height:50px; 
	border-bottom:1px solid #dcdcdc;
}
#page-navi  ul li {
	float:left;
	padding:0 20px; 
	line-height:50px;
}
#page-navi  ul li:first-child {
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
}
#page-navi  ul li .home {
	display:inline-block; 
	width:19px;
	height:17px; 
	background:url('../images/sub/home_icon.png') no-repeat;
	text-indent:-9999em; 
	vertical-align:middle;
}
#page-navi  ul li:nth-child(3) {
	background:url('../images/sub/left_menu_arrow.png') no-repeat left 19px; 
}
#sub-contents {
	overflow:hidden; 
	position:relative; 
}
#wrap {margin: 40px auto;}
#content {position: relative; width: 1100px; margin:0px auto;}
.row.row-15 {width: 1200px; margin: 0 auto;}

/* main */
.main-swiper .banner-box {display:none;}
.show {display:block !important;}
.mainImgBtn {
    position: absolute;
    bottom: 36%;
    left: 50%;
    transform: translate(-50%, -36%);
}

.banner-box{	position: relative;}
.banner-text{
	position: absolute;
    top: 87%;
    left: 50%;
	font-size: 34px;
	text-align: center;
	color: #034c86;
	padding: 14px 30px;
    transform: translate(-50%, -87%);
	background: rgb(255 255 255 / 66%);
}

.banner-text p{line-height: 1.5;}
.banner-text p:first-child{font-weight: 800;}
.banner-text p:last-child{font-weight: 400;}

.btn1, .btn2, .btn3 {
    width: 47px;
    height: 6px;
    background: #ccccce;
    margin-left: 3px;
    display: inline-block;
}

.btn1 {
    margin-left: 0;
}
.main-bg {
	background:#003567;
}
.mb60 {
	margin-bottom:60px;
}
.mt10 {
	margin-top: 10px;
}

/* 공지사항 */
.nosaNews h3, .notice h3 {
	display: inline; 
	font-size: 20px; 
	color: #003567; 
	font-weight: 500;
}
.MainNotice{
	margin-top: 20px;
}
.MainNotice-content{
	display: flex;
    width: 100%;
    justify-content: space-between;
}
.plus {
	float: right; 
	color: #003567;
}
.plus a {
	color: #003567;
	line-height: 28px;
	font-weight: 500;
}
.fas.fa-plus {
	font-size: 11px;
}
.notice {
    width: 43%;
    float: left;
    margin-right: 4%;
	
}
.noticeList {
    border-top: 1px solid #003567;
    border-bottom: 1px solid #003567;
    padding: 20px 0;
}

.noticeList img{
	width: 12%;
	float: left;
    padding: 5% 0;
}

.noticeList li{
	line-height: 2;
	padding-left: 18%;
}

.noticeList li .title{
	width: 290px;
    display: inline-block;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noticeList li span:first-child::before {
	content: "●"; 
	color: #999; 
	margin-right: 13px; 
	font-size: 7px;
	position: relative;
	top: -2px;
}
.noticeList li span:last-child {float: right;}
	.introduce {
	width: 50%;
	display: flex;
	text-align: center;
	height: 188px;
	padding-top: 50px;
}
.introduce1, .introduce2, .introduce3 {
	border-left: 1px solid #cccccc; 
	height: 120px;
	width: 200px;
}
.introduce1 {
	background-size: 50px;
	border-left: 0;
	background-image: url(/html/images/main/introduce1.jpg);
	background-repeat: no-repeat;
    background-position: center top;
}
.introduce2 {
	background-size: 50px;
    background-image: url(/html/images/main/introduce2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.introduce3 {
	background-size: 50px;
    background-image: url(/html/images/main/introduce3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.introduce p {
	position: relative; 
	top: 58px;
}
.introduce p:first-child {
	color: #00357a; 
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 5px;
}
.introduce p:last-child {
	color: #999; 
	font-weight: 500;
	font-size: 0.8rem;
	top: 50px;
}
.mainContent {
	background-color:#f7f8f8;
    padding: 30px 0;
}
.nosaNewsList {
	border-top: 1px solid #003567;
	display: flex;padding: 20px 0;
}
.nosaNewsList li {
	width: 17.6%;
	margin-right: 3%;
}
.nosaNewsList li:last-child {
    margin-right: 0;
}
.nosaNewsList p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; 
	width: 85%;
}

/* 하단 롤링 */
.bannerLink {
	width:1247px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	position:relative;
	padding:36px 0;
	clear: both; 
}
.bannerLink:after {
	content:"";
	display:block;
	clear:both;
}
.bannerLink .controlBtn {
	float:left;
}
.bannerLink .controlBtn h2 {
	font-size:15px;
	position:absolute;
	top:26px;
	left:0;
	font-weight:400;
}
.bannerLink .controlBtn a {
	display:block;
}
.bannerLink .controlBtn .banner_next {
	background:url(/common/images/btn/next.jpg) no-repeat 0 0;
	width:24px;
	height:26px;
	position:absolute;
	top:24px;
	left:124px;
	border: 1px solid #ccc;
}
.bannerLink .controlBtn .banner_pause {
	background:url(/common/images/btn/stop.jpg) no-repeat 0 0;
	width:24px;
	height:26px;
	position:absolute;
	top:24px;
	left:103px;
	border: 1px solid #ccc;
}
.bannerLink .controlBtn .banner_play {
	background:url(/common/images/btn/stop.jpg) no-repeat 0 0;
	width:24px;
	height:26px;
	position:absolute;
	top:24px;
	left:103px;
	border: 1px solid #ccc;
}
.bannerLink .controlBtn .banner_preview {
	background:url(/common/images/btn/prev.jpg) no-repeat 0 0;
	width:24px;
	height:26px;
	position:absolute;
	top:24px;
	left:80px;
	border: 1px solid #ccc;
}
.bannerLink .bannerContent {
	position:absolute;
	left:302px;
	top:15px;
	float:left;
	overflow:hidden;
}
.bannerLink .bannerContent ul {
	zoom:1;
	float:left;
	position:relative;
}
.bannerLink .bannerContent ul:after {
	content:"";
	display:block;
	clear:both;
}
.bannerLink .bannerContent li {
	width:180px;
	height:45px;
	float:left;
	margin:0 5px;
	border:1px solid #ccc;
}

/* 게시판 제목 */
.sub-tit{
    font-size: 25px;
    color: #003567;
    font-weight: 500;
}
/*������å �� - �ñ��� �������*/
.tab{
    width: 100%;
    height: auto;margin-bottom: 30px;
}
.tab .tablinks{
    width: 24%;
}
.tabcontent > h4{
    font-size: 20px;font-weight: bold;
}


/* 위원장 인사말 */
.greeting_container{width:1100px;}
.greeting > div:nth-child(1){
    width: 260px;
    height: 450px;
    padding: 2rem 3rem;
    background: linear-gradient(-45deg, #fff7e6 25%, #ffffff 0, #ffffff 50%, #fff7e6 0, #fff7e6 75%, #ffffff 0);
    -webkit-background-size: 1px 1px;
    background-size: 4px 4px;
    margin-bottom: 35px;position: relative;
    
    }
    .greeting > div:nth-child(2){background: url(/html/images/sub/greeting_img2.jpg);position: relative;background-repeat: no-repeat;
        top: -485px;height: 515px;
    left: 32px;/*padding-left: 320px;*/ padding-left: 466px;background-position-y: 30px;}
    .greeting > div:nth-child(2) > h4{font-size: 30px;margin-bottom: 8px;font-weight: 500; line-height:1.2;}
    .greeting > div:nth-child(2) > h5{font-size: 18px;margin-bottom: 20px;color: #034c86;}
    .greeting > div:nth-child(2) p{margin-bottom: 30px;font-size: 15px; line-height:1.7;}
    .greeting > div:nth-child(2) p > span{ font-weight: bold;
    letter-spacing: 4px;
    font-size: 17px;
    margin-left: 5px;}

	    .greeting{
        margin-top: 20px;height: 650px;
    }


    
/* 법령 조례 */
.sm_lo{
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 20px;
           background: url(/html/images/sub/h4_sm_logo.png);
        background-repeat: no-repeat;
        padding-left: 33px;
        background-position: left center;
    }

/* 관련사이트 */
.site h4 {font-size: 16px; font-weight: 300; margin-bottom: 35px;}
.site h5:nth-child(2n) {font-size: 18px; color: #014a84; font-weight: 400; border-bottom: 1px solid #014a84; padding-bottom: 4px; padding-left: 2px;margin-bottom: 0;line-height: 1.6;}
.site ul li:nth-child(2n) {width: 650px; padding-right: 84px;}
.site ul li:nth-child(2n+1) {width: 650px; padding-right: 84px;}
.site li {height: 76px; border-bottom: 1px solid #dedede;padding-top: 26px;}
.site li span {background: #efefef; padding: 3px 5px; border-radius: 8%;float: right;font-size: 12px;}
.site li p {margin-left: 214px; font-size: 16px; font-weight: 300;}
.jbnosa {margin-bottom: 80px; display: flex; flex-wrap: wrap;}
.nosa {border-bottom: 1px solid #dedede;display: flex; flex-wrap: wrap;}
.nosa li:last-child {border-bottom: 0;}
.jbnosa li:nth-child(1) {background:url(../images/sub/sub6/sub6_logo1.jpg) no-repeat left center;}
.jbnosa li:nth-child(2) {background:url(../images/sub/sub6/sub6_logo2.jpg) no-repeat left center;}
.jbnosa li:nth-child(3) {background:url(../images/sub/sub6/sub6_logo3.jpg) no-repeat left center;}
.jbnosa li:nth-child(4) {background:url(../images/sub/sub6/sub6_logo4.jpg) no-repeat left center;}
.jbnosa li:nth-child(5) {background:url(../images/sub/sub6/sub6_logo5.jpg) no-repeat left center;}
.jbnosa li:nth-child(6) {background:url(../images/sub/sub6/sub6_logo6.jpg) no-repeat left center;}
.jbnosa li:nth-child(7) {background:url(../images/sub/sub6/sub6_logo7.jpg) no-repeat left center;}
.jbnosa li:nth-child(8) {background:url(../images/sub/sub6/sub6_logo8.jpg) no-repeat left center;}

.nosa li:nth-child(1) {background:url(../images/sub/sub6/sub6_logo9.jpg) no-repeat left center;}
.nosa li:nth-child(2) {background:url(../images/sub/sub6/sub6_logo10.jpg) no-repeat left center;}
.nosa li:nth-child(3) {background:url(../images/sub/sub6/sub6_logo11.jpg) no-repeat left center;}
.nosa li:nth-child(4) {background:url(../images/sub/sub6/sub6_logo12.jpg) no-repeat left center;}
.nosa li:nth-child(5) {background:url(../images/sub/sub6/sub6_logo13.jpg) no-repeat left center;}
.nosa li:nth-child(6) {background:url(../images/sub/sub6/sub6_logo14.jpg) no-repeat left center;}
.nosa li:nth-child(7) {background:url(../images/sub/sub6/sub6_logo15.jpg) no-repeat left center;}
.nosa li:nth-child(8) {background:url(../images/sub/sub6/sub6_logo16.jpg) no-repeat left center;}
.nosa li:nth-child(9) {background:url(../images/sub/sub6/sub6_logo17.jpg) no-repeat left center;}
.nosa li:nth-child(10) {background:url(../images/sub/sub6/sub6_logo18.jpg) no-repeat left center;}
.nosa li:nth-child(11) {background:url(../images/sub/sub6/sub6_logo19.jpg) no-repeat left center;}
.nosa li:nth-child(12) {background:url(../images/sub/sub6/sub6_logo20.jpg) no-repeat left center;}
.nosa li:nth-child(13) {background:url(../images/sub/sub6/sub6_logo21.jpg) no-repeat left center;}
.nosa li:nth-child(14) {background:url(../images/sub/sub6/sub6_logo22.jpg) no-repeat left center;}
.nosa li:nth-child(15) {background:url(../images/sub/sub6/sub6_logo23.jpg) no-repeat left center;}

/* footer */
.footer{
	clear:both; padding:30px 0 35px 0;padding-top: 30px; border-top: 1px solid #eee;
}
.footerWrap{width:1300px;margin:0 auto;position:relative; text-align: center;}
.footmenu{position:absolute;right:0;top:15px}
.footmenu #goLink{width:193px;height:28px;font-family:dotum;font-size:11px;color:#737373;margin:0 0 0 0;padding: 0 0 0 10px;border:1px solid #b1b1b1;float:left}
.footmenu a{display:block;width:43px;background:#707070;float:left;color:#fff;text-align:center;padding:5px 0; font-size:12px;}
.blind{visibility:hidden; overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0px;line-height:0;}
.coInfo p,.copyright{/* padding-left:180px; */color:#707070;line-height:18px;font-size:12px;font-weight: 500;}
/* .coInfo .jb{background:url(../images/logo_bottom.svg) no-repeat 0 30px;padding-top:20px;} */
.coInfo .seoul{padding:17px 0  12px 178px}
.coInfo .mainCall{font-weight:bold}
.copyright{padding-top:3px}
.managerBoard{margin:60px 0 0 0;float:right}
.managerBoard ul{float:left}
.managerBoard li{float:left}
.managerBoard li a{display:block;background:#f0f0f0;color:#444;text-align:center;padding:5px 9px;border-radius:3px;border:1px solid #cecece;font-size:11px}
.managerBoard li.btn_intranet{margin:0 5px 0 0}
.footerWrap>a{position:absolute;right:170px;bottom:0px}
.footBtn{width:1300px;margin:0 auto; margin-bottom: 1em;}
.footBtn ul {width:308px; margin:0 auto; }
.mo-footer{display:none;}
/* .footBtn ul{margin:0 0 0 178px} */
.footBtn ul:after{content:"";display:block;clear:both}
.footBtn ul li{float:left;font-size:13px;font-weight:500;color:#555}
.footBtn ul li:first-child {color: #003567;}
.footBtn ul li a{background:#e2e2e2;padding:3px 13px;border-radius:3px}
.footmenu ul{margin-top: -45px;
    margin-bottom: 10px;}
.footmenu ul li{ font-size:14px; text-align:right;width:235px;}
.footmenu ul li span.tit{ font-weight:500;    float: left;}
hr {
    display: block;
	    margin: 0;
}