@charset "utf-8";


/*font*/
.bold{font-weight:bold;}
.gray {color:#cbcbcb;}


html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,
button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#222;font-weight:400; line-height:1.5; letter-spacing:-1px;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{font-size:1.7rem}
select{min-height:30px;}
em,address{font-style:normal}
a{text-decoration:none;     color: #222;}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
button {
    vertical-align: top;
    background: transparent;    border: 0;
}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}

legend, .hd-element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.overflow{overflow:hidden;}
/* ::-webkit-scrollbar { width:6px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; } */
a:focus,  .allim .carousel-inner a:focus img{ outline-style: solid;
   /*  outline-color: blue; */
    outline-width: medium;}
    
.lst-square li a:before{    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #222;
    margin: 0 5px 5px 0;}
.allim-list-none { display:none; }
.mt20{margin-top:20px;}
.none {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
}

.btn {display:inline-block; position:relative; box-sizing:border-box; font-size:15px; line-height:30px; padding:10px 25px; border-radius:5px; color:#000 !important; border:1px solid #000; vertical-align:middle;text-decoration:none !important;text-align:left;}
.btn:hover {background-color:#000 !important; color:#fff !important;}

/* 스킵 내비게이션 */
#skip {position: relative;}
#skip a {position: absolute; left: 0px; top: -50px; width: 100%; border:1px solid #fff; color: #fff; font-size:1.2em; text-align: center; background: #00a093; line-height: 45px; z-index:99999999;}
#skip a:active, 
#skip a:focus {top: 0;}
 
/*header*/
header .util {background:#f7f7f7; min-height:39px; border-bottom:1px solid #e8e8e8}
header .util div {line-height:39px;}

header .header1 .container{padding:22px 0; position:relative;}
header .header1 h1 {text-align:center;}

@media all and (max-width:1024px){
header .header1{display:none;}
}

@media all and (max-width:991px){
header .util{padding:0 15px;}
}

#accessibility2 {z-index:90; position:absolute; right:0; top:22px;}
#accessibility2 a:focus, #accessibility2 a:active {height:50px; background:#fff;}
#accessibility2 ul {margin-bottom:0; margin-top:5px;}
#accessibility2 .loader {border:1px solid #e0dede;}
#accessibility2 ul li {float:left; line-height:25px; padding:0px 5px 0px 5px}
#accessibility2 .displaynone {display:none}
#accessibility2 .pl20 {padding: 0px 10px}

.ml20{margin-left:20px;}
.overflow{overflow:hidden;}


/* footer */
footer .footer-content {overflow:hidden; /* margin:25px 0 0 0; */ background:#32393f; color:#fff; min-height:150px;}
footer .footer-logo {vertical-align:middle; padding:15px 0; }
footer .linkLine{background:#495157;overflow:hidden;min-height:50px;}
footer .copyLine{padding:10px 0 20px 0;}
.list-footer-menu {overflow:hidden; margin-top:10px;}
.list-footer-menu li { padding:5px 8px;}
.list-footer-menu li a {color:#fff;}
.list-footer-menu li a:after{display:inline-block; content:''; width:1px; height:10px; background:#73777b; margin-left:15px;}
.list-footer-menu li:last-child a:after{display:none;}
.list-footer-menu li strong {color:#fde413}

@media all and (min-width:992px) and (max-width:1199px){
footer .footer-logo img{height:25px}
}

@media all and (min-width:992px){
	.copy-img { margin-top: -99px; }
	footer .tel { padding:15px 0; margin-right:160px; }
}

@media all and (max-width:991px){
	footer .tel { padding:15px 0; margin-right:160px; }
	footer .footer-logo {padding: 0 0 15px 0; }
	footer .acess_logo {bottom:50px; }
	footer .acess_logo img{height:50px; }
}

@media all and (max-width:767px){
footer .footer-content .col-md-9 {padding-right:15px; padding-left:15px;}
.list-footer-menu li{padding:5px 3px;}
footer .footer-content {font-size:0.9em;}
}

footer .tel { position:absolute; right:0; }
footer .acess_logo { position:absolute; right:0;}


@media all and (min-width:1200px){
footer .acess_logo {bottom:0 }
}


@media all and (max-width:767px){
footer .footer-logo {text-align:center;}
footer .tel { position:absolute; right:13px; }
footer .acess_logo { position:absolute; right:15px;  }
footer .list-footer-menu {padding:0 15px 10px 15px}
footer .list-footer-menu  li {}
footer address , footer p {padding-left:10px;  padding-right:10px; color:#fff;}
}

/* button */
a.button, button.button, a.button2, button.button2 {vertical-align:top; text-align:center; color:#fff;}
a.button, a.button2 {display:inline-block;}
a.button, button.button {padding:0 10px; min-width:100px; height:35px;/*  border-radius:2px; */ line-height:35px; margin-left:3px;}
a.button2, button.button2 {padding:0 6px; min-width:50px; height:30px; border-radius:4px; line-height:30px; font-size:90%;}
button.button {min-width:120px;}
button.button2 {min-width:62px;}
a.none, button.none {background:#ddd; color:#555;}
a.border, button.border{border:1px solid #000; color:#000; background:#f8f8f8;}
a.border:hover, button.border:hover, a.border:active, button.border:active{background:#2f4b8c; color:#fff; transition: .2s ease-out;}
a.color1, button.color1 {background:#3e61b2;}
a.color2, button.color2 {background:#fc6630;}
a.color3, button.color3 {background:#2cb767;}
a.color4, button.color4 {background:#323b50;}
a.color5, button.color5 {background:#aaaaaa;}
a.color1.hover, button.color1.hover, a.color1:hover, button.color1:hover {background:#2f4b8c; color:#fff;transition: .2s ease-out;}
a.color2.hover, button.color2.hover, a.color2:hover, button.color2:hover {background:#f87b4e;}
a.color3.hover, button.color3.hover, a.color3:hover, button.color3:hover {background:#3dcf7b;}
a.color4.hover, button.color4.hover, a.color4:hover, button.color4:hover {background:#7d7d7d; color:#fff;}
a.color5.hover, button.color5.hover, a.color5:hover, button.color5:hover {background:#bdbdbd;}
a.color1.active, button.color1.active, a.color1:active, button.color1:active {background:#2f4b8c;}
a.color2.active, button.color2.active, a.color2:active, button.color2:active {background:#e44b15;}
a.color3.active, button.color3.active, a.color3:active, button.color3:active {background:#1a9d52;}
a.color4.active, button.color4.active, a.color4:active, button.color4:active {background:#555555; color:#fff;}
a.color5.active, button.color5.active, a.color5:active, button.color5:active {background:#9a9a9a;}
a.color6, button.color6, a.color7, button.color7 {background:#ffffff; line-height:31px;}
a.color6, a.color7 {min-width:96px;}
a.button2.color6, button.button2.color6, a.button2.color7, button.button2.color7 {background:#ffffff; line-height:26px;}
a.button2.color6, a.button2.color7 {min-width:46px; height:30px;}
a.color6, button.color6 {border:2px solid #3e61b2; color:#3e61b2;}
a.color7, button.color7 {border:2px solid #666666; color:#666666;}
a.color6.hover, button.color6.hover, a.color6:hover, button.color6:hover {border-color:#2f4b8c; color:#2f4b8c !important;}
a.color6.active, button.color6.active, a.color6:active, button.color6:active {border-color:#2f4b8c; color:#2f4b8c !important;}
a.color7.hover, button.color7.hover, a.color7:hover, button.color7:hover {border-color:#7d7d7d; color:#7d7d7d;}
a.color7.active, button.color7.active, a.color7:active, button.color7:active {border-color:#555555; color:#555555;}
a.button span[class*='mif'], button.button span[class*='mif'], a.button2 span[class*='mif'], button.button2 span[class*='mif'] {position:relative; top:-1px; vertical-align:middle;}


/* label */
.label {display:inline-block !important; padding:5px 5px 7px 5px; min-width:40px !important; height:auto !important; vertical-align:middle; border-radius:3px; letter-spacing:-1px; line-height:1.4 !important; text-align:center; font-size:14px !important; color:#fff;}
.label span {position:relative; top:-1px; vertical-align:middle;}
.label.color1 { border:1px solid #a9d5cf; color:#333;}
.label.color1:hover{}
.label.color2 {background:#fc6630;}
.label.color3 {background:#2cb767;}
.label.color4 {background:#666666;}
.label.color5 {background:#aaaaaa;}
.label.color6, .label.color7, .label.color8 {background:#fff; line-height:18px;}
.label.color6, .label.color7, .label.color8 {height:19px;}
.label.color6 {border:1px solid #0f83d5; color:#0f83d5;}
.label.color7 {border:1px solid #666666; color:#666666;}
.label.color8 {border:1px solid #fc6630; color:#fc6630;}
.label.color9 {background:#e22b2b;}


/* table */
table {margin:.666em 0 !important; border-top: 2px solid #5f8281;  word-break: break-all;  width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
table th, table td {padding: 13px 0.5em 14px 0.8em; border-bottom: 1px solid #dadde0;}
table th, table td a {color:#222;}
table tbody tr:nth-last-child(1) th, table tbody tr:nth-last-child(1) td {border-bottom: 1px solid #5f7082;}

table.map th {border-left: 1px solid #dadde0; background-color:#fafafa;}
table tfoot tr th, table tfoot tr td{background:#edfbf5; border-top:1px solid #aebfd2 !important; border-bottom: 1px solid #5f7082 !important; color:#e65700;}
.white {color:#fff;}
/* table */
table thead th{border-bottom:1px solid #b8d0ce; border-left:1px solid #b8d0ce !important; border-right:1px solid #b8d0ce !important; background:#e2f3f1/* #ddf7f5 */; font-weight:normal; color:#333; text-align:center;}
/* table tbody tr:nth-lasts-child(1) th, table tbody tr:nth-last-child(1) td {border-bottom:1px solid #dadde0;} */
table tbody th {background:#f7fdfd/* #f0fdfd */; font-weight:normal; color:#333; border-bottom:1px solid #c1d0e0; text-align:center}
table tbody tr:last-child th, table tbody tr:last-child td, table tbody th.btLine, table tbody td.btLine {border-bottom:1px solid #5f8281  !important;}
table td {padding-right:1em; padding-left:1em;}
table th.center, table td.center {padding-right:1em; padding-left:1em; text-align:center;}
table.center th, table.center td {padding-right:0.6em !important; padding-left:0.6em !important; text-align:center !important;}
table.border th, table.border td {border-right:1px solid #dae0e0; border-left:1px solid #dae0e0;}
table.border2 th, table.border2 td {border-left:1px solid #dadde0;}
table.border2 th:first-child, table.border2 td:first-child {border-left:0;}
table.border td.vtop {vertical-align:top;}
.bgGreen th, .bgGreen td{background:#edfbf5;}
table.left th, table td.left{text-align:left !important;}


/*자주묻는질문 게시판*/
.noDate {padding:5px 10px 15px; font-size:1.5rem; color:#666; text-align:center; border-bottom:1px solid #5f8281;}

@media screen and (max-width:768px){
	.noDate {padding:10px; border-top:1px solid #000;}
}

/* input */
.inbox {position:relative; /* padding:0 0.5em; */ overflow:hidden;  /* border-radius:4px; */ background:#f3f8fd;}
.inbox input, .inbox textarea {float:left; width:100%; border:1px solid #ddd !important; background:#fff; resize:none;}
.inbox input {height:30px; line-height:30px; padding:0 2px;}
.insel {position:relative; /* padding:2px 3px 4px 3px;  */ overflow:hidden; border:1px solid #ddd; background:#f3f8fd; height:30px;}
.insel select {float:left; width:100%; height:30px; border:0; background:#fff; /* url(../images/ico/ico-arrow-down.jpg) right center no-repeat; background-size:7px 4px;  *//* -webkit-appearance:none; -moz-appearance:none; appearance:none; */}
.insel.focus, .inbox.focus {border-color:#1b8cdd;}
.inbox textarea {margin:0.5em 0; height:5em; overflow:auto;}
.inbox label {position:absolute; top:3px; right:1em; left:1em;}
.inchk {display:inline-block; padding:0.2em 0; position:relative;}
.inchk * {vertical-align:middle;}
.inchk input {position:relative; top:-1px;}

/* paging */ 
.pagination {margin:30px 0px; text-align:center; letter-spacing:-1px;}
.pagination li {display:inline-block !important;}
.pagination a, .pagination strong {display:inline-block; padding:0;border:1px solid #ccc; border-radius:1px; line-height:28px; font-weight:400; color:#999;
 padding:3px 10px !important;}
.pagination .active a, .pagination strong {/* border-color:#666; */background:#666; color:#fff; padding:3px 10px;}
.pagination a.next, .pagination a.prev, .pagination a.first, .pagination a.last {width:90px; padding:3px 10px;}
.pagination a.prev {margin-right:20px;}
.pagination a.next {margin-left:20px;}

/* set button */
.set-button {margin-top:20px; text-align:right;}
.set-button-center {margin-top:20px; text-align:center;}

/* board list */
table.lst-board td.title, table.lst-board td.left {text-align:left;}
table.lst-board th, table.lst-board td {text-align:center;}
table.lst-board th {padding:14px 0; background:#f5f5f5; font-size:0.929em; font-family:'Noto Sans Korean Medium'; color:#333; border-right:0 !important; border-left:0 !important;}
table.lst-board td {padding-right:0; padding-left:0;}
table.lst-board td.subject {padding:13px 0.5em 14px 0.8em; font-size:1.143em; text-align:left;}
.btn-board-regist {position:absolute; right:0; /* margin-top:-63px; */}

/* board view */
.wte-board th {padding:16px 10px 18px 35px; vertical-align:top; color:#333;}
.wte-board td {padding:13px 10px 8px 10px;}
.viw-board .title {margin-bottom:0.2em; font-size:1.143em; line-height:1.3;}
.viw-board > table {border-bottom:2px solid #333;}
.Hope .viw-board > table th {background: #f5f5f5;}
.viw-board > table th {padding:14px 1em; font-family:'Noto Sans Korean Medium'; }
.viw-board > table td {padding:14px 1em;}
.lst-other-article {margin-top:10px; border-top:1px solid #e5e5e5;}
.lst-other-article li {position:relative; padding:0 32px 0 132px; border-bottom:1px solid #e5e5e5; line-height:30px;}
.lst-other-article li span {position:absolute; top:0; left:0; width:100px; text-align:center; background:#f5f5f5;}
.lst-other-article li a {display:block; width:100%; height:31px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}

/* board write */
.wte-board th {padding:16px 10px 18px 35px; vertical-align:top; background:#fff; color:#333;}
.wte-board td {padding:13px 0 8px 0;}
.wte-board td .inbox, .wte-board td .insel {display:inline-block;}
.wte-board td .inbox + .inchk {margin-left:7px;}
.wte-board td .inbox textarea {height:15em;}
.wte-board td * {vertical-align:middle;}
.wte-board-agree {padding:3em 7em; background:#f5f5f5; line-height:1.4;}
.wte-board-agree dl {margin-bottom:12px;}
.wte-board-agree dt {margin-bottom:14px; font-size:1.143em; color:#000;}
.txt-board-agree {font-size:1.143em; color:#be0404;}

/* board search */
.frm-board-search {margin-bottom:10px; min-height:30px; overflow:hidden;}
.frm-board-search .wrp-search {position:relative; float:right; padding:0 67px 0 70px; line-height:28px;}
.frm-board-search .wrp-search .insel {position:absolute; top:0; left:0; width:64px;} 
.frm-board-search .wrp-search .insel.sel1 {width:72px;}
.frm-board-search .wrp-search .insel.sel2 {left:86px;}
.frm-board-search .wrp-search button {position:absolute; top:0; right:0;}
.frm-board-search .txt-search {float:left; margin-top:3px; font-size:1.071em;}
.frm-board-search .wrp-search2 {position:relative; float:right; padding:0 67px 0 70px;}
.frm-board-search .wrp-search2 .insel {position:absolute; top:0; left:0; width:64px;} 
.frm-board-search .wrp-search2 .insel.sel1 {width:100px;}
.frm-board-search .wrp-search2 .insel.sel2 {left:105px; width:110px;}
.frm-board-search .wrp-search2 button {position:absolute; top:0; right:0;}


.citizens-social-media-info {
	background: #fff;
    /* background: #f3f8fd; */
    padding: 10px;
	border:1px solid #e0e0e0;;
	border-bottom:none;
    text-align: center;
    /* border-radius: 10px; */
    margin-top: 50px;
}

.openlicense {
    background: #f6f6f6;
    padding: 15px 15px;
    text-align: left;
}

/* masklayer */
.masklayer {display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0; padding:0 10px; overflow:auto; background:url(../images/bg/bg-mask-layer.png);}
.masklayer .holder {position:relative; margin:0 auto; padding:35px 30px; border:5px solid #00a093; max-width:690px; background:#fff;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; width:21px; height:21px; background:url(../images/btn/btn-layer-close.gif) no-repeat;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {margin-top:18px; padding:35px 15px; background:#f5f5f5;}
.masklayer .wrp-input-password p {font-size:1.143em; font-family:'Noto Sans Korean Medium'; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; padding-right:140px; padding-left:70px; max-width:400px; background:#f5f5f5;}
.masklayer .wrp-input label {position:absolute; top:50%; margin-top:-12px; left:0;}
.masklayer .wrp-input .set-button {position:absolute; bottom:0; right:0; margin:0; width:130px;}


@media all and (min-width:641px) and (max-width:960px) {
	
	/* masklayer */
	.masklayer .wrp-input {padding-right:160px; padding-left:70px; max-width:160px;}
	.masklayer .wrp-input .set-button {width:150px;}

}

@media all and (max-width:640px) {
		
	/* masklayer */
	.masklayer .holder {padding:20px;}
	.masklayer .holder button.close {top:5px; right:5px; width:18px; height:18px; background-size:18px 18px;}
	.masklayer .wrp-input-password {padding:25px 15px;}
	.masklayer .wrp-input-password label {display:block; position:static; margin-bottom:5px;}
	.masklayer .wrp-input {margin-top:18px; padding-right:130px; padding-left:0;}
	.masklayer .wrp-input .set-button {width:130px;}

	/*20.02.25 추가*/
	/* table */
	table th, table td {padding-top:11px; padding-bottom:11px;}
	table th {padding:13px 0.5em 11px 0.5em;}
	table td {padding-right:0.5em; padding-left:0.5em;}
	table .mobilehidden {display:none !important;}
	table th.center, table td.center {padding-right:0.4em; padding-left:0.4em;}
	table.center th.left, table.center td.left {padding-right:0.5em !important; padding-left:0.5em !important; text-align:left !important;}

	/* board list */
	table.lst-board th, table.lst-board td {padding:13px 0;}
	table.lst-board td.subject2 {padding:10px 0.5em 11px 0.5em;}

	/* board write */
	.wte-board col:nth-child(odd) {width:68px !important;}
	
	/* board view */
	.viw-board col:nth-child(odd) {width:68px !important;}
	
}

/*20.02.25 추가*/
@media all and (max-width:960px) {
	/* table */
	table .allhidden {display:none !important;}

	}
/* quickBanner */
.quickWrap{overflow:hidden; position:fixed; top:20%; right:0%; width:138px; height:313px; background:url('../images/main/quickBg.png') no-repeat; text-align:center; z-index:99;}
.quickWrap h4{display:inline-block; width:100%; margin:30px 0 20px 0; text-align:center;}
.quickWrap ul{overflow:hidden;  width:95px; margin:0 auto;}
.quickWrap ul li{margin-top:5px;}
.quickWrap ul li a{display:inline-block; border:1px solid #c2c8cc; padding:3px 5px; 
border-radius:3px; width:85px; height:25px; font-size:0.9em; line-height:1.2em; color:#fff; background:#654dff;}
.quickWrap ul li a:hover{background:#fff; color:#513bde; font-weight:bold;}

@media (max-width:1482px) {
	.quickWrap{display:none;}
}



.box-notice {font-size:1.7rem; padding:2.2rem 1.8rem; border:1px solid #ddd; color:#333; border-radius:.8rem; word-break:keep-all;}
.box-notice .box-notice-inner {border:1px solid #ddd; border-left-width:0; border-right-width:0; padding:20px 0; margin:20px 0;}
.list-u > li {padding-left:1.7rem;}
.list-u > li:before {content:""; width:1.1rem; height:1.1rem; margin-top:-.5rem; background-position:0 0px;}
.list-u li {position:relative; font-size:1em; color: #333;}
.list-u li:before {display:block; position:absolute; top:.75em; left:0; background:url('/common/img/common/split_ul_dot.png') no-repeat 0 0; background-size:1.1rem;}
.txt_point {
    color: #216cda !important;
}

#realNameTab {position:relative;}