@charset "utf-8";
/* ==========================================================================
	common style
========================================================================== */
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}

html, body {width:100%; height:100%; margin:0; padding:0;}
body {overflow:auto; font-size:14px; line-height:1.6; color:#333; letter-spacing:0; font-weight:normal; font-family:'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
body.no-scroll {overflow:hidden; overflow-y:hidden; }

.just-pc {display:block;}
.just-mb {display:none;}
.just-mb.inline-block {display:none;}
.mb-block-area {display:inline-block;}

p.reset {margin:0; padding:0;}

/* 앵커 */
a:link,
a:active {color:#2775c4; text-decoration:underline;}
a:visited,
a:hover,
a:focus {color:#2775c4;}
a:hover,
a:focus {text-decoration:underline;}

/* a link */
.a-link {color:#2775c4 !important;}
.a-link:hover {text-decoration:underline !important;}

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

/*
	14px = 1em
*/
/* font */
.color-red {color:#d8265d !important;} /* 강조 */
.color-blue {color:#0b7ca1 !important;} /* 강조 */
.color-darkblue {color:#3c569b !important;} /* 강조 */
.color-purple {color:#4f43bd !important;} /* 강조 */
.color-purple {color:#4f43bd !important;} /* 강조 */
.color-green {color:#518c26 !important;} /* 강조 */
.color-darkgreen {color:#1a7b4d !important;} /* 강조 */
.color-666 {color:#666 !important;} /* 강조 */
.color-orange {color:#c24e01 !important;} /* 강조 */

a.color-666 {color:#666 !important;}
a.color-666:hover {color:#2775c4 !important;}

.font-normal {font-weight:normal !important;}

/* width */
.w20pc {width:20% !important;}
.w25pc {width:25% !important;}
.w33pc {width:33% !important;}
.w30pc {width:30% !important;}
.w34pc {width:34% !important;}
.w40pc {width:40% !important;}
.w44pc {width:44% !important;}
.w45pc {width:45% !important;}
.w48pc {width:48% !important;}
.w49pc {width:49% !important;}
.w50pc {width:50% !important;}
.w60pc {width:60% !important;}
.w70pc {width:70% !important;}
.w80pc {width:80% !important;}
.w90pc {width:90% !important;}
.w100pc {width:100% !important;}

.w20px {width:20px !important;}
.w30px {width:30px !important;}
.w40px {width:40px !important;}
.w50px {width:50px !important;}
.w60px {width:60px !important;}
.w65px {width:65px !important;}
.w70px {width:70px !important;}
.w73px {width:73px !important;}
.w75px {width:75px !important;}
.w80px {width:80px !important;}
.w85px {width:85px !important}
.w90px {width:90px !important;}
.w95px {width:95px !important}
.w100px {width:100px !important;} /* 100 */
.w110px {width:110px !important;}
.w115px {width:115px !important}
.w120px {width:120px !important;}
.w124px {width:124px !important;}
.w125px {width:125px !important;}
.w130px {width:130px !important;}
.w140px {width:140px !important;}
.w143px {width:143px !important}
.w145px {width:145px !important}
.w150px {width:150px !important;}
.w155px {width:155px !important;}
.w160px {width:160px !important;}
.w165px {width:165px !important}
.w170px {width:170px !important;}
.w180px {width:180px !important;}
.w185px {width:185px !important}
.w190px {width:190px !important;}
.w200px {width:200px !important;} /* 200 */
.w205px {width:205px !important;}
.w210px {width:210px !important;}
.w220px {width:220px !important;}
.w230px {width:230px !important;}
.w240px {width:240px !important;}
.w250px {width:250px !important;}
.w255px {width:255px !important;}
.w260px {width:260px !important;}
.w270px {width:270px !important;}
.w280px {width:280px !important;}
.w285px {width:285px !important;}
.w290px {width:290px !important;}
.w295px {width:295px !important;}
.w300px {width:300px !important;}
.w310px {width:310px !important;}
.w320px {width:320px !important}
.w325px {width:325px !important;}
.w327px {width:327px !important}
.w330px {width:330px !important;}
.w335px {width:335px !important}
.w340px {width:340px !important;}
.w350px {width:350px !important;}
.w360px {width:360px !important;}
.w365px {width:365px !important}
.w370px {width:370px !important;}
.w375px {width:375px !important;}
.w380px {width:380px !important;}
.w390px {width:390px !important;}
.w400px {width:400px !important;}
.w405px {width:405px !important}
.w410px {width:410px !important;}
.w420px {width:420px !important;}
.w430px {width:430px !important;}
.w440px {width:440px !important;}
.w445px {width:445px !important}
.w450px {width:450px !important;}
.w455px {width:455px !important;}
.w460px {width:460px !important;}
.w470px {width:470px !important;}
.w480px {width:480px !important;}
.w490px {width:490px !important;}
.w495px {width:495px !important;}
.w500px {width:500px !important;}
.w510px {width:510px !important;}
.w520px {width:520px !important;}
.w530px {width:530px !important;}
.w540px {width:540px !important;}
.w550px {width:550px !important;}
.w560px {width:560px !important;}
.w595px {width:595px !important}
.w570px {width:570px !important}
.w580px {width:580px !important}
.w586px {width:586px !important}
.w590px {width:590px !important}
.w595px {width:595px !important}
.w600px {width:600px !important;}
.w610px {width:610px !important;}
.w620px {width:620px !important;}
.w630px {width:630px !important;}
.w635px {width:635px !important}
.w640px {width:640px !important;}
.w650px {width:650px !important;}
.w660px {width:660px !important;}
.w670px {width:670px !important;}
.w680px {width:680px !important;}
.w690px {width:690px !important;}
.w700px {width:700px !important;}
.w720px {width:720px !important;}
.w725px {width:725px !important}
.w730px {width:730px !important}
.w740px {width:740px !important}
.w750px {width:750px !important}
.w760px {width:760px !important;}
.w765px {width:765px !important;}
.w794px {width:794px !important;}
.w800px {width:800px !important}
.w820px {width:820px !important;}
.w860px {width:860px !important;}
.w870px {width:870px !important;}
.w880px {width:880px !important}
.w885px {width:885px !important}
.w890px {width:890px !important}
.w900px {width:900px !important}
.w920px {width:920px !important;}
.w950px {width:950px !important}

.h100px {height:100px !important;}
.h150px {height:150px !important;}
.h160px {height:160px !important;}
.h200px {height:200px !important;}
.h600px {height:600px !important;}

/* margin */
.ml00 {margin-left:0px !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr00 {margin-right:0px !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.mt00 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb00 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

/* padding */
.pl00 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}
.pl120 {padding-left:120px !important;}

.pr00 {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr82 {padding-right:82px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}
.pr140 {padding-right:140px !important;}

.pt00 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb00 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}


/* etc */
iframe {display:inline-block; border:0;}
figure, figcaption {margin:0; padding:0;}
address {margin:0; padding:0; font-style:normal;}

ul, ol {list-style-type:none; margin:0; padding:0;}
b, strong {font-weight:700;}
em {font-style:normal;}

/* fieldset */
fieldset {margin:0; padding:0; border:0;}
legend {overflow:hidden; width:0; height:0; font-size:1px; line-height:0.1; text-indent:-9999px;}

/* button - reset */
button {cursor:pointer; border:0; vertical-align:middle;}
button.reset {min-width:0; height:auto; margin:-2px 0 0 0; padding:0; border:0; border-radius:0; font-size:0; line-height:0; vertical-align:middle; background-color:transparent;}
button.reset i {margin:0;}
button.reset i:first-child {margin:0;}
button.reset:hover,
button.reset:focus {background-color:transparent;}

/* label */
label {display:inline-block; vertical-align:middle; cursor:pointer;}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {-webkit-appearance :none; margin:0;}
input[type='number'] {-moz-appearance :textfield;}

/* placeholder */
::placeholder {color:#888; opacity:1;}
:-ms-input-placeholder {color:#888;}
::-ms-input-placeholder {color:#888;}

/* input :text, password, number, tel, email 등등 */
.input-text {display:inline-block; width:100%; height:40px; padding:0 10px; border:1px solid #ccc; vertical-align:middle; text-align: left; outline:0; -webkit-appearance: none;}
.input-text:hover,
.input-text:focus {border-color:#0b70b9;}
.input-text:disabled {color:#808080; background-color:#ebebeb;}
.input-text:disabled:hover,
.input-text:disabled:focus {border-color:#d1d1d1;}

/* textarea :width, height 의 경우 다중 클래스로 제어가능 */
.input-textarea {width:100%; height:100px; border:1px solid #ccc; padding:10px; vertical-align:middle; resize:none; text-align: left; outline:0; -webkit-appearance: none;}
.input-textarea:hover,
.input-textarea:focus {border-color:#0b70b9;}
.input-textarea:disabled {color:#808080; background-color:#ebebeb;}
.input-textarea:disabled:hover,
.input-textarea:disabled:focus {border-color:#d1d1d1;}

/* checkbox , radio */

[type='checkbox'],
[type='radio'] {width:16px; height:16px; vertical-align:middle;}

/* 체크박스 , 라디오 정렬 */
.label-group {display:block; vertical-align:top;}
.label-group .col {display:inline-block; margin:5px 8px 5px 0; vertical-align:top;}
.label-group.col-1 .col {width:100%; margin-right:0;}
.label-group.col-2 .col {width:calc(50% - 5px); margin-right:0;}
.label-group.col-3 .col {width:calc(33.333333% - 5px); margin-right:0;}
.label-group.col-4 .col {width:calc(25% - 5px); margin-right:0;}
.label-group.col-5 .col {width:calc(20% - 5px); margin-right:0;}
.label-group .col .col-inline {display:inline-block; vertical-align: top; margin-left:15px;}

.map-label-group {display:inline-block; vertical-align:top;}
.map-label-group label {margin:0 10px 0 1px;}
.map-label-group label, .label-group input {position:relative; top:-1px;}

/* 버튼 타입 라디오 */
.btn-radio {display:inline-block; vertical-align:top;}
.btn-radio span {display:block; float:left;}
.btn-radio span input[type='radio'] {position:absolute; z-index:0; opacity:0; outline:0;}
.btn-radio span input[type='radio']:focus + label {outline:2px dashed #3f7ad2;}
.btn-radio span input[type='radio']:checked + label {position:relative; background-color:#fff; border:1px solid #3f7ad2; color:#2775c4; z-index:1; text-decoration:underline;}
.btn-radio span label {display:block; height:40px; line-height:38px; text-align:center; padding:0 10px; background-color:#fff; border:1px solid #ccc; margin-left:-1px;}
.btn-radio span:first-child label {margin-left:0;}

.btn-radio.h32 {}
.btn-radio.h32 span label {height:32px; line-height:30px;}

/* on off 라디오 */
.bg-radio-off-on {display:inline-block; vertical-align:middle;}
.bg-radio-off-on .wrap {position:relative; width:64px; height:32px; margin:0; padding:0;}
.bg-radio-off-on .bg {position:absolute; left:0; top:0; width:100%; height:100%;}
.bg-radio-off-on .bg input[type='radio'] {position:absolute; left:0; top:0; z-index:0; opacity:0;}
.bg-radio-off-on .bg label {overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; text-indent:-9999px; background:url('/images/biz/common/bg/bg-radio-off-on.png') no-repeat 0 0;}
.bg-radio-off-on .bg.off {}
.bg-radio-off-on .bg.on label {background-position:0 -32px;}
.bg-radio-off-on .bg input[type='radio']:checked + label {z-index:1;}
.bg-radio-off-on .bg input[type='radio'] + label {z-index:2;}

/* select */
select {max-width:200px; height:40px; padding:0 0 0 5px; border:1px solid #ccc;  font-family:inherit; border-radius:0; vertical-align: middle;}
select.width-auto {max-width:none;}

/* datepicker */
.date-period {display:inline-block; vertical-align:middle;}

.datepicker {display:inline-block; vertical-align:middle;}
.datepicker span {display:inline-block; position:relative; height:40px; padding:0; border:1px solid #ccc;}
.datepicker input {width:95px; height:100%; padding:0 10px; border:0; vertical-align:middle; outline:0; background-color:#fff;}
.datepicker input:hover,
.datepicker input:focus {border-color:#cd2131;}
.datepicker input:disabled {color:#808080; background-color:#ebebeb;}
.datepicker input:disabled:hover,
.datepicker input:disabled:focus {border-color:#d1d1d1;}
.datepicker input:disabled + .ui-datepicker-trigger {cursor:default; opacity:0.5;}
.datepicker .ui-datepicker-trigger {overflow:hidden; display:inline-block; width:40px; height:100%; margin:0; padding:0; border:0; text-indent:-9999px; vertical-align:middle; background:#fff url('/images/biz/common/ico/ico-calendar.png') no-repeat center;}
.datepicker .dashed {margin:0 5px;}

.ui-datepicker {min-width:286px; margin:0 0 0 -1px; padding:5px;}
.ui-datepicker.ui-widget.ui-widget-content {border-color:#d1d1d1; border-radius:0;}
.ui-datepicker .ui-datepicker-header {height:36px; margin:0; padding:0; border:0; background-color:#666; color:#fff; font-weight:400; border-radius:0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position:absolute; top:0; width:36px; height:36px; margin:0; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:0;}
.ui-datepicker .ui-datepicker-next {right:0;}
.ui-datepicker .ui-datepicker-prev-hover {left:0; border:0; background-color:#333;}
.ui-datepicker .ui-datepicker-next-hover {right:0; border:0; background-color:#333;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {left:0; top:0; margin:0;}
.ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {width:36px; height:36px; background:url('/images/biz/common/btn/btn-prev-month.png') no-repeat center;}
.ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {width:36px; height:36px; background:url('/images/biz/common/btn/btn-next-month.png') no-repeat center;}
.ui-datepicker .ui-datepicker-title {margin:0; padding:0 36px; line-height:36px;}
.ui-datepicker .ui-datepicker-title select {width:70px; height:26px; padding:0 0 0 5px; vertical-align:middle; font-family:'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {margin-right:2px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {margin-left:8px;}

.ui-datepicker table.ui-datepicker-calendar {margin:0; padding:0; font-size:1em; border-collapse:collapse;}
.ui-datepicker table.ui-datepicker-calendar thead th {height:35px;}
.ui-datepicker table.ui-datepicker-calendar th,
.ui-datepicker table.ui-datepicker-calendar td {margin:0; padding:0; text-align:center;}
.ui-datepicker table.ui-datepicker-calendar td {font-size:1em;}
.ui-datepicker table.ui-datepicker-calendar td a {display:block; width:26px; height:26px; margin:0 auto; padding:0; line-height:26px; text-align:center; color:#333; border-radius:26px;}
.ui-datepicker table.ui-datepicker-calendar td a.ui-state-default {border:1px solid #fff; background-color:#fff; line-height:24px;}
.ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-hover {color:#fff; background-color:#3671c8;}
.ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-active {color:#fff; background-color:#3671c8; border:0; line-height:24px;}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a {color:#fff; line-height:24px; border:1px solid #d1d1d1; background-color:#999;}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight {background-color:#999;}
.ui-datepicker table.ui-datepicker-calendar td a.ui-state-highlight.ui-state-active {color:#fff; background-color:#3671c8; border:0; line-height:27px;}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled,
.ui-datepicker table.ui-datepicker-calendar td.ui-widget-content .ui-state-disabled,
.ui-datepicker table.ui-datepicker-calendar td.ui-widget-header .ui-state-disabled {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ background-image:none;}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled .ui-icon {filter:Alpha(Opacity=100); /* support:IE8 - See #6059 */}
.ui-datepicker .ui-datepicker-buttonpane {overflow:hidden; position:relative; height:34px; margin:10px 0 0 0; padding:8px 5px 0 5px; text-align:right; border:0; border-top:1px solid #ebebeb; background-image:none; background-color:#f5f5f5;}
.ui-datepicker .ui-datepicker-buttonpane button {position:static; width:auto; height:auto; margin:0; padding:0; border:0; font-size:1em; color:#333; font-weight:400; border-radius:0; background-color:transparent;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:inline-block; position:relative; float:none; margin:0 10px 0 0; padding:0; background-color:transparent;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover {background-color:transparent;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:after {content:''; display:block; position:absolute; right:-10px; top:0; width:1px; height:100%; background-color:#d1d1d1;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {float:none; margin:0 0 0 10px;}

/* IR 텍스트 */
.ir {text-indent:-9999px; position:fixed; top:-9999px; font-size:1px; width:1px; height:1px; opacity:0;}

/* hidden */
.hidden {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
/* hide class 사용 금지. reset.css 에서 사용 중 */

/* float clear */
.clearfix:before,
.clearfix:after {content:''; display:table;}
.clearfix:after {clear:both;}

/* float */
.float-l {float:left !important;}
.float-r {float:right !important;}
.float-n {float:none !important;}

/* text-align */
.a-l {text-align:left !important;}
.a-r {text-align:right !important;}
.a-c {text-align:center !important;}
.a-j {text-align:justify !important;}

/* vertical-align */
.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

/* block */
.block {display:block;}
.inline-block {display:inline-block;}

/* overflow hidden */
.overflow-hidden {overflow:hidden !important;}

/* ellipsis */
.ellipsis {overflow:hidden; display:inline-block; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.ellipsis-line2 {display:inline-block; max-height:40px; line-height:1.5; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.ellipsis-line3 {display:inline-block; max-height:60px; line-height:1.5; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.ellipsis-line4 {display:inline-block; max-height:80px; line-height:1.5; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}

/* icon */
.iconset {overflow:hidden; display:inline-block; margin:-1px 0 0 0; padding:0; font-size:0; line-height:0; vertical-align:middle; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px;}
/* gnb */
.ico-arr-gnb-depth2 {width:12px; height:20px; background:url('/images/biz/common/ico/ico-arr-gnb-depth2.png') no-repeat 0 center;}

/* tel */
.ico-tel {width:19px; height:20px; background-image:url('/images/biz/common/ico/ico-tel.png');}
.ico-tel.sm {width:15px; height:16px;}
.ico-tel.blue {width:19px; height:20px; background-image:url('/images/biz/common/ico/ico-tel-blue.png');}

/* email */
.ico-email {width:23px; height:18px; background-image:url('/images/biz/common/ico/ico-email.png');}
.ico-email.sm {width:16px; height:12px;}

/* tel */
.ico-fax {width:16px; height:16px; background-image:url('/images/biz/common/ico/ico-fax.png');}

/* sns */
.ico-facebook {width:32px; height:32px; background-image:url('/images/biz/common/ico/ico-facebook.png'); background-size:100% auto;}
.ico-twitter {width:32px; height:32px; background-image:url('/images/biz/common/ico/ico-twitter.png'); background-size:100% auto;}
.ico-blog {width:32px; height:32px; background-image:url('/images/biz/common/ico/ico-blog.png'); background-size:100% auto;}
.ico-kakao {width:32px; height:32px; background-image:url('/images/biz/common/ico/ico-kakao.png'); background-size:100% auto;}

/* 간편로그인 */
.ico-logo-naver {width:16px; height:14px; background-image:url('/images/biz/common/ico/ico-logo-naver.png'); background-size:100% auto;}
.ico-logo-kakao {width:20px; height:18px; background-image:url('/images/biz/common/ico/ico-logo-kakao.png'); background-size:100% auto;}
.ico-logo-google {width:17px; height:17px; background-image:url('/images/biz/common/ico/ico-logo-google.png'); background-size:100% auto;}

/* download */
.ico-down {width:17px; height:17px; background-image:url('/images/biz/common/ico/ico-down.png');}
.ico-down.black {background-image:url('/images/biz/common/ico/ico-down-blk.png');}
.button:hover .ico-down.black {background-image:url('/images/biz/common/ico/ico-down.png');}

/* 신고하기 */
.ico-report {width:13px; height:14px; background-image:url('/images/biz/common/ico/ico-report.png'); background-size:26px auto;}
.button:hover .ico-report {background-position:-13px 0;}

/* 링크 */
.ico-link {width:17px; height:17px; background-image:url('/images/biz/common/ico/ico-link.png');}
.ico-link.black {background-image:url('/images/biz/common/ico/ico-link-blk.png');}

/* 쓰기 */
.ico-pencil {width:14px; height:14px; background-image:url('/images/biz/common/ico/ico-pencil.png');}
.ico-pencil.black {background-image:url('/images/biz/common/ico/ico-pencil-blk.png');}

/* 관심 */
.ico-like {width:10px; height:14px; background-image:url('/images/biz/common/ico/ico-like.png'); background-size:20px auto;}
.button:hover .ico-like {background-position:-10px 0;}

/* x 모양 */
.ico-x {width:16px; height:16px; background-image:url('/images/biz/common/ico/ico-x.png'); background-position:center; background-size:10px 10px;}

/* 메인 검색 버튼 */
.ico-search {width:24px; height:24px; background-image:url('/images/biz/common/ico/ico-search-wh.png');}

/* 초기화 */
.ico-reset {width:14px; height:12px; background-image:url('/images/biz/common/ico/ico-reset.png');}
.ico-reset.white {width:17px; height:17px; background-image:url('/images/biz/common/ico/ico-reset-white.png');}

/* 음성 듣기*/
.ico-speaker {width:14px; height:12px; background-image:url('/images/biz/common/ico/ico-speaker.png');}
/*.ico-speaker.white {width:14px; height:12px; background-image:url('/images/biz/common/ico/ico-speaker.png');}*/

/* 추가하기 */
.ico-plus {width:12px; height:12px; background-image:url('/images/biz/common/ico/ico-plus.png');}

/* 조건접기 */
.ico-arr-up {width:12px; height:7px; background-image:url('/images/biz/common/ico/ico-arr-up.png');}
.ico-arr-up-black {width:12px; height:8px; background-image:url('/images/biz/common/ico/ico-arr-up-black.png');}

/* 조건열기 */
.ico-arr-down-black {width:12px; height:8px; background-image:url('/images/biz/common/ico/ico-arr-down-black.png');}

/* 더보기 */
.ico-arr-more {width:7px; height:12px; background-image:url('/images/biz/common/ico/ico-arr-more.png');}
.ico-arr-more.big {width:9px; height:16px; background-image:url('/images/biz/common/ico/ico-arr-right-gray.png');}
.ico-arr-more-gray {width:6px; height:13px; background-image:url('/images/biz/common/ico/ico-arr-more-gray.png');}
.ico-arr-more-white {width:6px; height:13px; background-image:url('/images/biz/common/ico/ico-arr-more-white.png');}

/* 달력 */
.ico-calendar {width:19px; height:21px; background-image:url('/images/biz/common/ico/ico-calendar.png');}

/* 파일 */
.ico-file {width:13px; height:14px; background-image:url('/images/biz/common/ico/ico-file.png');}

/* 비공개 */
.ico-lock {width:13px; height:14px; background-image:url('/images/biz/common/ico/ico-lock.png');}

/* 화살표 */
.ico-arr-left-black {width:15px; height:13px; background-image:url('/images/biz/common/ico/ico-arr-left-black.png');}

/* 툴팁 */
.ico-tooltip {width:17px; height:17px; background-image:url('/images/biz/common/ico/ico-tooltip.png');}
.ico-tooltip.line {width:20px; height:20px; background-image:url('/images/biz/common/ico/ico-tooltip-line.png');}

/* 느낌표 */
.ico-exclamation-white {width:16px; height:16px; background-image:url('/images/biz/common/ico/ico-exclamation-white.png');}

/* good */
.ico-good {width:17px; height:16px; background-image:url('/images/biz/common/ico/ico-good.png'); background-size:auto;}
.ico-good.blue {background-image:url('/images/biz/common/ico/ico-good-blue.png');}
.button:hover .ico-good.blue {background-image:url('/images/biz/common/ico/ico-good-white.png');}
.btn-good.on {background-color:#999 !important;}
.btn-good.on .ico-good {background-position:-17px 0;}
.btn-good.on .ico-good.blue {background-image:url('/images/biz/common/ico/ico-good-white.png'); background-position:0 0;}

/* hate */
.ico-hate {width:17px; height:16px; background-image:url('/images/biz/common/ico/ico-good.png'); background-size:auto;}
.ico-hate.red {background-image:url('/images/biz/common/ico/ico-hate-red.png');}
.button:hover .ico-hate.red {background-image:url('/images/biz/common/ico/ico-hate-white.png');}
/*button#hateBtn.orgSearch.button.white.btn-hate.h32{background-image:url('/images/biz/common/ico/ico-hate-white.png');}*/
.btn-hate.on {background-color:#999 !important;}
.btn-hate.on .ico-hate {background-position:-17px 0;}
.btn-hate.on .ico-hate.red {background-image:url('/images/biz/common/ico/ico-hate-white.png'); background-position:0 0;}

/* 국가데이터맵 유틸 */
.ico-map-util-view-marker {width:38px; height:35px; background-image:url('/images/biz/common/ico/ico-map-util-view-marker.png'); background-size:auto;}
button.on .ico-map-util-view-marker,
.ico-map-util-view-marker.on {background-position:-38px 0;}

.ico-map-util-view-cluster {width:36px; height:36px; background-image:url('/images/biz/common/ico/ico-map-util-view-cluster.png'); background-size:auto;}
button.on .ico-map-util-view-cluster,
.ico-map-util-view-cluster.on {background-position:-36px 0;}

.ico-map-util-view-hitmap {width:36px; height:36px; background-image:url('/images/biz/common/ico/ico-map-util-view-hitmap.png'); background-size:auto;}
button.on .ico-map-util-view-hitmap,
.ico-map-util-view-hitmap.on {background-position:-36px 0;}

/* 메인 페이지 아이콘 */
.ico-main-theme-0101 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0101.png'); background-size:auto;}
.ico-main-theme-0102 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0102.png'); background-size:auto;}
.ico-main-theme-0103 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0103.png'); background-size:auto;}
.ico-main-theme-0104 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0104.png'); background-size:auto;}
.ico-main-theme-0105 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0105.png'); background-size:auto;}
.ico-main-theme-0106 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0106.png'); background-size:auto;}
.ico-main-theme-0107 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0107.png'); background-size:auto;}
.ico-main-theme-0108 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0108.png'); background-size:auto;}
.ico-main-theme-0109 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0109.png'); background-size:auto;}

.ico-main-theme-0201 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0201.png'); background-size:auto;}
.ico-main-theme-0202 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0202.png'); background-size:auto;}
.ico-main-theme-0203 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0203.png'); background-size:auto;}
.ico-main-theme-0204 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0204.png'); background-size:auto;}
.ico-main-theme-0205 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0205.png'); background-size:auto;}
.ico-main-theme-0206 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0206.png'); background-size:auto;}
.ico-main-theme-0207 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0207.png'); background-size:auto;}
.ico-main-theme-0208 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0208.png'); background-size:auto;}
.ico-main-theme-0209 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0209.png'); background-size:auto;}
.ico-main-theme-0210 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0210.png'); background-size:auto;}
.ico-main-theme-0211 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0211.png'); background-size:auto;}
.ico-main-theme-0212 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0212.png'); background-size:auto;}
.ico-main-theme-0213 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0213.png'); background-size:auto;}
.ico-main-theme-0214 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0214.png'); background-size:auto;}
.ico-main-theme-0215 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0215.png'); background-size:auto;}
.ico-main-theme-0216 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0216.png'); background-size:auto;}

.ico-main-theme-0301 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0301.png'); background-size:auto;}
.ico-main-theme-0302 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0302.png'); background-size:auto;}
.ico-main-theme-0303 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0303.png'); background-size:auto;}
.ico-main-theme-0304 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0304.png'); background-size:auto;}
.ico-main-theme-0305 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0305.png'); background-size:auto;}
.ico-main-theme-0306 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0306.png'); background-size:auto;}
.ico-main-theme-0307 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0307.png'); background-size:auto;}
.ico-main-theme-0308 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0308.png'); background-size:auto;}
.ico-main-theme-0309 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0309.png'); background-size:auto;}
.ico-main-theme-0310 {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-0310.png'); background-size:auto;}

.ico-main-theme-more {width:56px; height:56px; background-image:url('/images/biz/common/ico/ico-main-theme-more.png'); background-size:auto;}

/* 활용지원 - 공공데이터 이용가이드 */
.ico-btn-navi-mb {width:21px; height:38px; background-image:url('/images/biz/common/ico/ico-btn-navi-mb.png');}


/* tag */
.tagset {display:inline-block; min-width:44px; height:24px; padding:0 5px; color:#333; font-size:0.8571em; font-weight:700; line-height:23px; text-align:center; vertical-align:middle;}
.tagset.csv {color:#fff; background-color:#1076a1;}
.tagset.hwp {color:#fff; background-color:#925513;}
.tagset.xls {color:#fff; background-color:#098053;}
.tagset.xlsx {color:#fff; background-color:#087c6f;}
.tagset.pdf {color:#fff; background-color:#b43d4f;}
.tagset.shp {color:#fff; background-color:#566ccf;}
.tagset.txt {color:#fff; background-color:#7959bb;}
.tagset.docx {color:#fff; background-color:#666;}
.tagset.nt {color:#fff; background-color:#a44baf;}
.tagset.rdf {color:#fff; background-color:#c0553d;}
.tagset.json {color:#fff; background-color:#0a7e88;}
.tagset.zip {color:#fff; background-color:#3e5576;}
.tagset.xml {color:#fff; background-color:#5f63b2;}
.tagset.jpg {color:#fff; background-color:#c23f7a;}
.tagset.link {color:#fff; background-color:#2c7a31;}
.tagset.ppt {color:#fff; background-color:#2d71a5;}
.tagset.mp4 {color:#fff; background-color:#655d00;}
.tagset.skyblue {color:#fff; background-color:#1076a1;}

/* tag */
.tag {display:inline-block; border-width:1px; border-style:solid; height:24px; line-height:22px; font-size:0.78571em; text-align:center; padding:0 6px; letter-spacing:-0.5px;}
.tag.brown {border-color:#d1b783; color:#835d22;}
.tag.pink {border-color:#e6aab1; color:#bc535f;}
.tag.green {border-color:#7fc6c7; color:#1e8283;}

/* labelset */
.labelset {overflow:hidden; display:inline-block; min-width:68px; height:24px; padding:0 5px; color:#333; font-size:0.786em; line-height:23px; text-align:center; border:1px solid #000; font-family:'돋움', dotum; vertical-align:middle; background-color:#fff;}
.labelset.blue {color:#4a63a6; border-color:#9bacd9;}
.labelset.brown {color:#835d22; border-color:#d1b783;}
.labelset.red {color:#bc535f; border-color:#e6aab1;}
.labelset.purple {color:#655bc2; border-color:#a9a3dd;}
.labelset.green {color:#1a7b4d; border-color:#95d5b7;}
.labelset.bg-gray {color:#333; border-color:#eee; background:#eee;}
.labelset.national {border-color: #DB7E05; color: #DB7E05;}

/* button */
.button,
a.button {overflow:hidden; display:inline-block; min-width:100px; height:40px; margin:0; padding:0 20px; line-height:37px; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif; font-weight:700; letter-spacing:-0.05em; border:1px solid #3671c8; border-radius:0; text-align:center; text-decoration:none; vertical-align:middle; background-color:#3671c8;}
.button:hover,
a.button:hover {color:#fff; border-color:#1c4c94; background-color:#1c4c94; text-decoration:none !important;}
.button:disabled,
.button:disabled:hover,
a.button.disabled,
a.button.disabled:hover {color:#fff; border-color:#ccc; background-color:#ccc; cursor:default; opacity:1;}
/*.button:focus, a.button:focus {border: 2px dashed black}*/

.button.navy,
a.button.navy {color:#fff; border:1px solid #515f7a; background-color:#515f7a;}
.button.navy:hover,
a.button.navy:hover {border-color:#303d56; background-color:#303d56;}
.button.navy:disabled,
.button.navy:disabled:hover,
a.button.navy.disabled,
a.button.navy.disabled:hover {color:#fff; border-color:#ccc; background-color:#ccc; cursor:default; opacity:1;}

.button.white,
a.button.white {color:#333; border:1px solid #999; background-color:#fff;}
.button.white:hover,
a.button.white:hover {color:#fff; border-color:#666; background-color:#666;}
.button.white:disabled,
.button.white:disabled:hover,
a.button.white.disabled,
a.button.white.disabled:hover {color:#ccc; border-color:#e0e0e0; background-color:#fff; cursor:default; opacity:1;}

.button.gray,
a.button.gray {color:#fff; border:1px solid #666; background-color:#666;}
.button.gray:hover,
a.button.gray:hover {border-color:#7f7f7f; background-color:#7f7f7f;}
.button.gray:disabled,
.button.gray:disabled:hover,
a.button.gray.disabled,
a.button.gray.disabled:hover {color:#fff; border-color:#ccc; background-color:#ccc; cursor:default; opacity:1;}
/*button disabled 추가*/
a.disabled {
	/* Make the disabled links grayish*/
	color: gray;
	/* And disable the pointer events */
	pointer-events: none;
}
/* button 언에 아이콘 있을 때 */
.button > i {margin-top:-1px; margin-right:1px;}
.button > i:last-child {margin-right:0;}

/* button group */
.button-group {margin:30px 0 0 0; text-align:center;}
.button-group .button {margin:0 2px;}
.button-group.a-l .button {margin:0 4px 0 0;}
.button-group.a-c .button {margin:0 2px;}
.button-group.a-r .button {margin:0 0 0 4px;}

/* button height */
.button.h32 {height:32px; min-width:80px; line-height:30px; padding:0 5px;}
.button.h36 {height:36px; min-width:80px; line-height:34px; padding:0 10px;}

/* breadCrumbs Style */
.breadCrumbs { margin-bottom : 30px; }

/* table-wrap */
.table-wrap {}
.table-wrap.col-2 {}
.table-wrap.col-2 .col-table {display:block; float:left; width:calc(50% - 10px); margin:0 0 0 20px;}
.table-wrap.col-2 .col-table:first-of-type {margin-left:0;}

/* table reset */
@media all and (max-width: 1024px) {
	table {width:100%; margin:0; border:0; border-collapse:collapse; empty-cells:show;}
}
@media all and (min-width: 1024px) {
	table {width:100%; margin:0; border:0; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table th,
table td {padding:0; word-break:break-all;}
table tr.just-pc {display:table-row;}
table th.just-pc,
table td.just-pc {display:table-cell;}

/* 목록형 표 */
.col-table {border-top:2px solid #555;}
.col-table .tit-hide {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.col-table table {}
.col-table table colgroup {display:table-column-group;}
.col-table table thead tr th,
.col-table table tbody tr td {height:45px; padding:2px 10px; text-align:center; border:0; border-bottom:1px solid #e0e0e0;}
.col-table table thead tr th {height:45px; text-align:center; background-color:#f7f7f7;}
.col-table table tbody tr td a {color:#333; text-decoration:none;}
.col-table table tbody tr td a:hover {color:#2775c4 !important; text-decoration:underline !important;}
/*.col-table table tbody tr td .title {font-weight:700;}*/

.col-table.left {}
.col-table.left table tbody tr td {text-align:left;}

.col-table.line table thead tr th,
.col-table.line table tbody tr td {border:1px solid #e0e0e0; border-width:0 1px 1px 0;}
.col-table.line table thead tr th:last-child,
.col-table.line table tbody tr td:last-child {border-right:0;}

.col-table colgroup col.just-pc {display:table-column;}

.col-table tr.notice td.labelset.blue {min-width:52px;}
.col-table tr.notice td a.a-link.normal {color:#333 !important;}
.col-table tr.notice td a.a-link.normal:hover {color:#2775c4 !important;}
.col-table td .iconset {margin-top:-4px;}

/* 목록 - toggle 기능 */
.col-table.view-toggle {}
.col-table.view-toggle table tbody tr td .open-view {}
.col-table.view-toggle table tbody tr td .open-view:not(.button).on {color:#2775c4;}
.col-table.view-toggle table tbody tr td .open-view.keword-arr {padding:0 18px 0 0; background:url('/images/biz/common/ico/ico-arr-down-black.png') no-repeat right 0 center; background-size:12px 8px;}
.col-table.view-toggle table tbody tr td .open-view.keword-arr.on {padding:0 18px 0 0; background:url('/images/biz/common/ico/ico-arr-up-black.png') no-repeat right 0 center; background-size:12px 8px;}
.col-table.view-toggle table tbody tr.tr-view {display:none;}
.col-table.view-toggle table tbody tr.tr-view.on {display:table-row;}

table.mobile-operation tr.tr-view {display:none;}
table.mobile-operation tr.tr-view.on {display:table-row;}

.col-table.view-toggle table tbody tr.tr-view > td {padding:0; text-align:left;}
.col-table.view-toggle table tbody tr.tr-view.on.padding > td {padding:20px;}

.col-table.v1 {border-top:0;}


.col-table td .col-table {border-top-width:1px;}

/* 목록 없을 때 - 공통 */
.no-list {margin:80px 0; text-align:center;}
.no-list p {margin:0; padding:0;}
.no-list .txt {color:#333; font-weight:700; font-size:1.2857em;}
.no-list .no-data-txt{font-size:1em; color : #767676;}

/* 등록형 표 */
.req-info {margin:0; padding:0 0 5px 0; text-align:right;}
.req-info .req {color:#d8265d;}

.row-table {border-top:2px solid #555; margin-bottom:20px;}
.row-table .tit-hide {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.row-table table {}
.row-table table th,
.row-table table td {height:43px; text-align:left; vertical-align:top; border:1px solid #e0e0e0; border-width:0 0 1px 0;}
.row-table table th {padding:10px 10px; background-color:#fff; font-weight:700;}
.row-table table td {padding:10px 10px;}
.row-table table th:last-child,
.row-table table td:last-child {padding-right:0;}
.row-table table .label {display:inline-block; position:relative; padding:0;}
.row-table table .label.req {}
.row-table table .label.req:before {content:'*'; display:inline-block; margin:0 2px 0 0; padding:0; color:#d8265d;}

.row-table table td.bg {background-color:#e1e6f4;}

.word-group {overflow:hidden;}
.word-group span {overflow:hidden; display:inline-block; width:24.4%; padding:10px; text-align:center; background-color:#eee; white-space:nowrap; text-overflow:ellipsis;}

/* input 경고 문구 */
.input-util {overflow:hidden; padding:5px 10px 0 10px;}
.input-util p {margin:0; padding:0;}
.input-util .input-warning {float:left; color:#c24e01;}
.input-util .input-success {float:left; color:#2775c4;}
.input-util .input-reference {color:#666;}
.input-util .limit {float:right; text-align:right;}

/* 게시판 상세 (table 아님) */
.board-view {margin:0; padding:0; border-top:2px solid #555;}
.board-view p {margin:0; padding:0;}
.board-view .tit-area {padding:18px 19px 0 19px;}
.board-view .tit-area .title {display:inline-block; color:#333; font-weight:700; font-size:1.0714em; vertical-align:middle;}
.board-view .info-area {padding:18px 19px;}
.board-view .info-area p {display:inline-block; margin:0 0 0 30px;}
.board-view .info-area p:first-child {margin:0;}
.board-view .cont-area {overflow:hidden; min-height:200px; padding:30px 19px; border:1px solid #e0e0e0; border-width:1px 0;}
.board-view .chart-view {overflow:hidden; padding:30px 19px; text-align:center; border:1px solid #e0e0e0; border-width:1px 0;}
.board-view .img-view {overflow:hidden; padding:30px 19px; text-align:center; border:1px solid #e0e0e0; border-width:1px 0;}
.board-view .img-view img {max-width:100%;}
.board-view .btn-area {padding:9px 10px; text-align:right; border:1px solid #e0e0e0; border-width:0 0 1px 0;}
.board-view .file-area {}
.board-view .file-area .block {padding:19px; line-height:1.1; border-bottom:1px solid #e0e0e0;}
.board-view .file-area .block a {overflow:hidden; display:inline-block; max-width:100%; color:#666; text-decoration:none; white-space:nowrap; text-overflow:ellipsis;}
.board-view .file-area .block a:hover {color:#2775c4; text-decoration:underline;}
.board-view .description-area {overflow:hidden; min-height:200px; border:1px solid #e0e0e0; border-width:1px 0 0 0;}
.board-view .description-area .title {display:block; font-size:1.429em; font-weight:700; margin-top:35px;}
.board-view .description-area .txt {margin-top:10px; color:#666;}

/* 답변 - 상세 */
.answer-view {margin:30px 0 0 0; padding:0; border-top:2px solid #31a9dd;}
.answer-view p {margin:0; padding:0;}
.answer-view .tit-area {overflow:hidden; height:54px; padding:0 19px; line-height:54px;}
.answer-view .tit-area .tit {display:block; float:left; color:#333; font-weight:700; font-size:1.0714em; vertical-align:middle;}
.answer-view .tit-area .date {float:right;}
.answer-view .tit-area .name {float:right; margin-right:45px;}
.answer-view .cont-area {overflow:hidden; min-height:200px; padding:30px 19px; border:1px solid #e0e0e0; border-width:1px 0;}
.answer-view .file-area {}
.answer-view .file-area .block {padding:19px; line-height:1.1; border-bottom:1px solid #e0e0e0;}
.answer-view .file-area .block a {overflow:hidden; display:inline-block; max-width:100%; color:#666; text-decoration:none; white-space:nowrap; text-overflow:ellipsis;}
.answer-view .file-area .block a:hover {color:#2775c4; text-decoration:underline;}

/* 데이터 출력 표 or 콘텐츠 표 */
.data-table {}
.data-table .tit-hide {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.data-table table {width:100%; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
.data-table table colgroup {display:table-column-group;}
.data-table table th,
.data-table table td {height:45px; padding:6px 12px; color:#666; border:1px solid #e0e0e0; text-align:left;}
.data-table table th {background-color:#f7f7f7; color:#333;}
.data-table.center table th,
.data-table.center table td {text-align:center;}


/* 테이블 안 회색 bg 안의 표 */
.bg-inner-table {border-top:1px solid #e0e0e0;}
.bg-inner-table .tit-hide {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.bg-inner-table table {}
.bg-inner-table table colgroup {display:table-column-group;}
.bg-inner-table table thead tr th,
.bg-inner-table table tbody tr td {height:45px; padding:2px 8px; text-align:left; border:1px solid #e0e0e0; border-width:0 1px 1px 0;}
.bg-inner-table table thead tr th {text-align:center; background-color:#fff;}
.bg-inner-table table tbody tr td a {color:#333; text-decoration:none;}
.bg-inner-table table tbody tr td a:hover {color:#2775c4 !important; text-decoration:underline !important;}
.bg-inner-table table thead tr th:last-child,
.bg-inner-table table tbody tr td:last-child {border-right:0;}

/* 테이블 상단, 리스트 상단 기능 모음 */
.list-top {overflow:hidden;}
.list-top .count {float:left; padding:0 0 10px 0; line-height:1.1;}
.list-top .count strong {color:#2775c4;}
.list-top .count.big {font-size:1.143em;}
.list-top .left {float:left;}
.list-top .right {float:right;}
.list-top .util-area {float:right;}
.list-top .util-area > * {margin-left:4px;}
.list-top .util-area .txt {display:inline-block; margin:0; padding:0; color:#333; vertical-align:middle;}
.list-top .util-area .bg-radio-off-on {margin:0 10px 0 4px;}

/* table 형태 */
.table {display:table; width:100%; border:1px solid #f2f0f1;}
.table .tr {display:table-row;}
.table .td {display:table-cell; padding:10px 15px; vertical-align:top; background-color:#fcfcfc;}

.info-text {margin-left:10px;}
.upload {margin:10px 0 0 0; border:1px solid #d1d1d1; background-color:#fff;}

.btn-select {}
.btn-select .button {color:#333; background-color:#fff; border-color:#dadada;}
.btn-select .button.on {color:#fff; background-color:#6577d4;}
.btn-select .button:hover,
.btn-select a.button:hover {color:#fff; border-color:#6577d4; background-color:#6577d4; text-decoration:none !important;}

.btn-select .button.on,
.btn-select a.button.on {color:#fff; border:1px solid #6577d4; background-color:#6577d4;}
.btn-select .button.on:hover,
.btn-select a.button.on:hover {border-color:#4453a4; background-color:#4453a4;}

/* pagination */
.pagination {clear:both; position:relative; margin:30px auto 40px 0; padding:0; text-align:center;}
.pagination:last-child {padding-bottom:0;}
.pagination a,
.pagination strong,
.pagination .control {overflow:hidden; display:inline-block; position:relative; min-width:32px; height:32px; margin:0 2px; padding:0 2px; line-height:31px; border:1px solid #fff; text-decoration:none; color:#666; font-weight:400; vertical-align:middle; border-radius:0;}
.pagination .active {color:#2775c4; border-color:#3671c8;}
.pagination a:hover {border-color:#2775c4;}
.pagination .control {overflow:hidden; width:32px; height:32px; min-width:0; padding:0; border:1px solid #ccc; font-size:0; line-height:0; text-indent:-9999px; background:url('/images/biz/common/btn/btn-pagination.png') no-repeat 0 0;}
.pagination .control.disabled {cursor:default;}
.pagination .control.first {margin:0; background-position:0 0;}
.pagination .control.prev {margin:0 6px 0 0; background-position:-30px 0;}
.pagination .control.next {margin:0 0 0 6px; background-position:-60px 0;}
.pagination .control.last {margin:0; background-position:-90px 0;}


/* ==========================================================================
	common
========================================================================== */
/* title */
h2.tit {margin:0; padding:0 0 30px 0; color:#333; font-size:1.7143em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;}
h3.tit {margin:40px 0 0 0; padding:0 0 20px 0; color:#333; font-size:1.3077em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;}
h3.tit2 {color:#333; font-size:1.3077em; font-weight:700; letter-spacing:-0.05em;}
.flex-tit{display : flex; margin:40px 0 0 0; padding:0 0 20px 0;}
h3.tit:first-child {margin:0;}
h4.tit {margin:30px 0 0 0; padding:0 0 20px 0; color:#333; font-size:1.2857em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;}
h4.tit:first-child {margin:0;}
.page-title-area + h3.tit, h2.tit + h3.tit, h3.tit + h4.tit {margin:0;}

dl.sub-title {margin:0 0 20px 0; padding:25px 19px;}
h2.sub-title,
dl.sub-title dt {font-size:1.2857em; color:#333; font-weight:700;}
dl.sub-title dd {margin:10px 0 0 0;}

.page-tit {margin:0; padding:0 0 30px 0; font-size:1.7143em; line-height:1.1; font-weight:700; color:#333333;}
dl.sub-title {margin:0 0 20px 0; padding:25px 19px;}
dl.sub-title dt {font-size:1.2857em; color:#333; font-weight:700;}
dl.sub-title dd {margin:10px 0 0 0;}

/* title area */
.page-title-area {overflow:hidden; padding:0;}
.page-title-area h2.tit {float:left;}
.page-title-area .sns-share {float:right; padding:0;}
.page-title-area .sns-share .sns {display:block; float:left; width:32px; height:32px; margin:0 0 0 10px; padding:0; border:0; background-color:transparent;}
.page-title-area .sns-share .url {height:32px; margin:0 0 0 10px; padding:0 16px; color:#fff; text-align:center; border-radius:16px; background-color:#777;}
.page-title-area .sns-share a i {display:block; margin:0;}

.pc-layout .page-title-area h2.tit {}

/* title group */
.tit-group {margin-top:40px;}
.tit-group:before,
.tit-group:after {content:''; display:table;}
.tit-group:after {clear:both;}
.tit-group p {margin:0; padding:0;}
.tit-group .tit {float:left;}
.tit-group .left {float:left;}
.tit-group .right {float:right;}
.tit-group .btn-reset {margin:0; padding:0; border:0; color:#666; text-decoration:underline; background-color:transparent;}
.tit-group .btn-reset .ico-reset {margin-top:-4px; margin-left:2px;}
.tit-group .btn-more {margin:0; padding:0; border:0; color:#666; text-decoration:none; background-color:transparent;}
.tit-group .btn-more .ico-arr-more {margin-top:-4px; margin-left:2px;}
.tit-group .btn-more .ico-arr-more-gray {margin-top:-4px; margin-left:2px;}

.tit-group .close-view {margin:0; padding:0; border:0; color:#666; text-decoration:underline; background-color:transparent;}

.tit-group h3.tit + .txt {line-height:20px;}

/* tab list */
.tab-list {position:relative; width:100%; margin:0 0 20px 0; padding:0;}
.tab-list:before,
.tab-list:after {content:''; display:table;}
.tab-list:after {clear:both;}
.tab-list ul {position:relative; width:100%; height:48px; background-color:#fff;}
.tab-list ul:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:1px; background-color:#3671c8;}
.tab-list ul li {position:relative; float:left; min-width:180px; height:48px; margin:0 0 0 -1px; border:1px solid #dadada;}
.tab-list ul li a {position:relative; display:block; width:100%; height:100%; line-height:46px; letter-spacing:-0.05em; padding:0 15px; text-align:center; color:#333; font-weight:700; text-decoration:none;}
.tab-list ul li.on {position:relative; border:1px solid #3671c8; z-index:1; border-bottom:1px solid #fff;}
.tab-list ul li.on a {color:#3671c8; background-color:#fff;}
.tab-list ul li.on a:active,
.tab-list ul li.on a:hover,
.tab-list ul li.on a:visited {color:#3671c8; text-decoration:none;}

.tab-list > .position-r {position:absolute; right:0; top:0;}

.tab-wrap {}
.tab-wrap .tab-cont {overflow:hidden; height:0; visibility:hidden;}
.tab-wrap .tab-cont.on {overflow:visible; height:auto; visibility:visible;}

/* graph */
.box-graph {border:3px solid #e6e6e6;}

/* text */
.paragraph {line-height:24px;}
.font-bold {font-weight:700 !important;}

.border-bottom-txt {margin:0 0 30px 0; padding:0 0 20px 0; border-bottom:2px solid #555;}

/* ==========================================================================
	tooltip
========================================================================== */

.tool-tip {display:inline-block; height:16px; cursor:pointer; font-size:0; line-height:0; vertical-align:middle;}
.tool-tip .ico-tooltip {margin:0;}

.tooltip-contents {display:none;}
.tooltipster-sidetip .tooltipster-box {background-color:#0b70b9; border:0; border-radius:0;}
.tooltipster-sidetip .tooltipster-content {padding:15px; color:#fff; line-height:1.5;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color:#0b70b9;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color:#0b70b9;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color:#0b70b9;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color:#0b70b9;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #0b70b9;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #0b70b9;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color:#0b70b9;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color:#0b70b9;}



/* ==========================================================================
	jquerymodal custom
========================================================================== */
/* 레이어 팝업 - modal */
.jquery-modal.blocker {z-index:1000; background-color:rgba(0,0,0,0.65);}
.jquery-modal.blocker .modal {position:relative; z-index:1001; max-width:none; padding:0; border-radius:0; box-shadow:none;}
.jquery-modal.blocker .modal > a.layer-focus {overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0;}
.jquery-modal.blocker .modal .layer-title {height:60px; margin:0; padding:0 20px; line-height:60px; color:#fff; font-size:1.4286em; font-weight:700; background-color:#1a3777;}
.jquery-modal.blocker .modal .layer-contents {overflow-y:auto; padding:30px;}
.jquery-modal.blocker .modal .layer-bottom {padding:0 0 30px 0;}
.jquery-modal.blocker .modal .layer-bottom .button-group {margin:0;}
.jquery-modal.blocker .modal a.close-modal {overflow:hidden; display: block; position: absolute; right:20px; top:21px;  width: 17px; height: 17px; text-indent: -9999px; background:url('/images/biz/common/btn/btn-layer-close.png') no-repeat 0 0 / 100% auto;}

.jquery-modal.blocker .modal.large {width:860px;}
.jquery-modal.blocker .modal.medium {width:600px;}


.t-popup{display: none;position: absolute;background-color: #fff;z-index: 1000;}
.t-0{top:-200px;left: 10%;}/*width 추가*/
.t-1{top:-200px;left: 55%;}/*width 추가*/
.t-2{top:40px;left: 10%;}/*width 추가*/
.t-3{top:40px;left: 55%;}/*width 추가*/

.t-layer-title{height: 40px;margin: 0;padding: 0 20px;line-height: 40px;color: #fff;font-size: 1.4286em;font-weight: 700;background-color: #1a3777;text-align: left;position: relative;}
.t-login-noresult .txt {color: #666;margin-bottom: 15px;line-height: 1.7;}
.t-layer-contents{overflow-y: auto;padding: 30px;text-align: left;}
.t-layer-footer{
	height: 40px;
	margin: 0;
	padding: 0 20px;
	line-height: 32px;
	color: #fff;
	font-weight: 700;
	background-color: #1a3777;
	text-align: right;
	position: relative;
}
.t-close{overflow: hidden;display: block;position: absolute;right: 20px;top: 10px;width: 17px;height: 17px;text-indent: -9999px;background: url('/images/biz/common/btn/btn-close-gnb.png') no-repeat 0 0 / 100% auto;}
@media (max-width: 512px) { .t-popup {top:5%; left:0px;} }
@media (min-width:513px) and (max-width:1024px) { .t-popup { width: fit-content; top:5%; position: absolute; left: 50%; transform: translateX(-50%); } }

.jquery-modal.blocker .pagination:last-child {margin-bottom:0;}

/* ==========================================================================
	layout
========================================================================== */
/* skip navigation */
.skip {overflow:hidden; position:fixed; left:-99999px; top:-99999px; z-index:1000; width:1px; height:1px; font-size:1px; line-height:0.1; text-indent:-99999px}
.skip.on {left:0; top:0; width:100%; height:50px; font-size:14px; text-indent:0; text-align:center; background-color:#3683c3;}
.skip.on a {display:inline-block; margin:8px 10px 0 10px; padding:0 10px; color:#fff; line-height:30px;}
.skip.on a:hover,
.skip.on a:focus {text-decoration:none; outline:2px solid #fff;}

.wrapper {position:relative; width:100%; height:100%; margin:0; padding:0;}
.inner-wrap {width:100%; max-width:1200px; margin:0 auto;}

#header {position:relative;z-index:100;height: 160px;color:#fff;background-color:#0b70b9;}
#header a {color:#fff;}
#header .inner-wrap {padding:0;}
#header .inner-wrap:before,
#header .inner-wrap:after {content:''; display:table;}
#header .inner-wrap:after {clear:both;}

/*#header h1.logo {position:absolute;left:50%; top:58px; width:168px; height: 27px; margin:40px 0 0 -600px;padding: 0;}*/
#header h1.logo a {overflow:hidden; display:block; width:100%; height:100%; text-indent:-9999px; background:url('/images/biz/common/logo/logo-top.png') no-repeat 0 0;}

/*#header .gov-info {display: flex; margin: 0 auto; vertical-align: bottom; padding: 18px 0 0px 11px; box-sizing:border-box; max-width: 1200px; height: 64px;}*/
/*#header .gov-info > ul {margin: 15px 0 0 0;}*/
/*#header .gov-info > ul img { vertical-align: middle; margin-right: 10px;}*/
/*#header .gov-info .gov-search {text-align: right;width: 400px;height: 40px;margin: 0px 0 0 auto;display: flex;}*/
/*#header .gov-info .input-text {width:400px; height: 100%;}*/
/*#header .gov-info .btn-search {overflow:hidden; display:block; right:0; top:0; width:40px; height:100%; text-indent:-9999px; background:#18a9ec url('/images/biz/main/btn-main-search2.png') no-repeat center;}*/
/*#header .gov-info .gov-search .atcmp_wrap {position:absolute; text-align: left; top:60px; z-index:2; width:400px; background-color:#fff; color:#333; border-top:1px solid #396fe1;}*/

/*#header .header-wrap {width:100%; height:100%; padding: 16px 0 0 0;}*/
/*#header .header-wrap .util {position:absolute; left:50%; top:0; width:600px; margin: 67px 0 0 0; text-align:right; line-height:1.1;}*/
#header .header-wrap .util .list-regist {display: inline-block; margin-right: 30px;}
#header .header-wrap .util .list-regist a {text-decoration: none;}
#header .header-wrap .util .list-regist a:hover {text-decoration:underline;}
#header .header-wrap .util .login {display:inline-block;}
#header .header-wrap .util .login a {display:inline-block; margin-left:30px; text-decoration:none;}
#header .header-wrap .util .login a:first-of-type {margin-left:0;}
#header .header-wrap .util .login a:hover {text-decoration:underline;}
#header .header-wrap .util .login .before {display:inline-block;}
#header .header-wrap .util .login .after {display:inline-block;}
#header .header-wrap .util .link {display:inline-block; margin-left:30px;}
#header .header-wrap .util .link a {display:inline-block; margin-left:30px; text-decoration:none;}
#header .header-wrap .util .link a:first-of-type {margin-left:0;}
#header .header-wrap .util .link a:hover {text-decoration:underline;}

/* gnb */
#gnb {}
#gnb a {text-decoration:none;}
#gnb ul.gnb-mb {display:none;}
#gnb ul.gnb-pc {display:block;}
#gnb ul.gnb-pc {overflow:hidden; margin:0 0 0 260px; padding:18px 0 0 0;}
#gnb ul.gnb-pc > li {float:left; margin:0 0 0 85px; padding:0;}
#gnb ul.gnb-pc > li:first-of-type {margin:0;}
#gnb ul.gnb-pc > li > a {display:block; position:relative; padding:5px 0 34px 0; font-size:1.2857em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;}
#gnb ul.gnb-pc > li > a:hover {color:#fff584; text-decoration:none;}
#gnb ul.gnb-pc > li.on > a {color:#fff584;}
#gnb ul.gnb-pc > li.active > a {color:#fff584;}
#gnb ul.gnb-pc > li.active > a:after {content:''; display:block; position:absolute; left:0; bottom:20px; width:100%; height:4px; background-color:#fff;}
#gnb ul.gnb-pc > li.on .depth2 {display:block;}

/*#gnb ul.gnb-pc .depth2 {display:none; position:absolute;left:0; top: 160px;width:100%;margin:0;padding:0;background-color:#0b70b9;}*/
#gnb ul.gnb-pc .depth2 .wrap {overflow:hidden; width:1200px; height:60px; margin:0 auto; padding:10px 0 0 0; line-height:1.1;}
#gnb ul.gnb-pc .depth2 .wrap .tit {float:left; width:263px; margin:0; padding:0 0 0 30px; font-size:1.4286em; font-weight:700;}
#gnb ul.gnb-pc .depth2 .wrap .tit i {margin-top:-6px;}
#gnb ul.gnb-pc .depth2 .wrap ul {float:left; padding:2px 0 0 0;}
#gnb ul.gnb-pc .depth2 .wrap ul li {float:left; margin:0 0 0 45px;}
#gnb ul.gnb-pc .depth2 .wrap ul li:first-child {margin-left:0;}
#gnb ul.gnb-pc .depth2 .wrap ul li a {display:block; color:#fff; font-size:1.1429em; letter-spacing:-0.05em;}
#gnb ul.gnb-pc .depth2 .wrap ul li a:hover {color:#fff584; text-decoration:underline;}
#gnb ul.gnb-pc .depth2 .wrap ul li.active a {color:#fff584;}

/* container */
.container {min-height:100%; margin:-120px 0 -340px 0; padding:150px 0 380px 0;}
.container .location {overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:5px 0 30px 10px;}
.container .location span,
.container .location strong {display:block; float:left; padding:0 0 0 28px; background:url('/images/biz/common/bg/bg-arr-location.png') no-repeat 10px center; color: #666;}
.container .location strong a {display:block; color:#666; text-decoration:none;}
.container .location strong a:hover {color:#666; text-decoration:underline;}
.container .location span:first-of-type {padding-left:0; background-image:none;}
.container .location span a {display:block; color:#666; text-decoration:none;}
.container .location span a:hover {color:#666; text-decoration:underline;}

.container .content-layout {width:1200px; margin:0 auto;}
.container .content-layout:before,
.container .content-layout:after {content:''; display:table;}
.container .content-layout:after {clear:both;}

/* 국민참여지도, 위치정보시각화 등 full size 지도 */
.container.full-map {margin:-130px 0 0 0; padding:130px 0 0 0; /*  padding:130px 0 380px 0; */}
.container.full-map .location {overflow:hidden; width:100%; max-width:none; margin:0 auto; padding:5px 10px;}
.container.full-map  .content-layout {width:100%; margin:0 auto;}
.container.full-map  .content-layout #contents {}
.container.full-map  .content-layout #contents h2.tit {position:absolute; left:0; top:0; z-index:0; opacity:0;}
.container.full-map  .content-layout #contents h2.tit + p.reset {position:absolute; left:0; top:0; z-index:0; opacity:0;}

/* lnb */
.container .content-layout .lnb-area {display:none;}
.container .content-layout.has-lnb .lnb-area {display:block; float:left; width:240px; padding:0 40px 0 0;}
.container .content-layout.has-lnb #contents {float:left; width:calc(100% - 240px);}

#lnb {}
#lnb .tit {margin:0; padding:0 0 20px 0; color:#333; font-size:1.7143em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;}
#lnb .list {border-top:3px solid #555;}
#lnb .list a:hover {color:#2775c4; text-decoration:none;}
#lnb .list li.active > a {color:#2775c4;}
#lnb .list > li {border-bottom:1px solid #e0e0e0;}
#lnb .list > li > a {display:block; position:relative; width:100%; margin:0; padding:20px 0; line-height:1.1; font-size:1.2857em; font-weight:700; letter-spacing:-0.05em; color:#333; text-decoration:none;}
#lnb .list > li > a:before {content:''; display:block; position:absolute; right:0; top:50%; width:12px; height:8px; margin:-4px 0 0 0; padding:0; background:url('/images/biz/common/bg/bg-lnb-arr.png') no-repeat 0 0; transform:rotate(-90deg); transition:transform 0.1s ease-in-out;}
#lnb .list > li > a:only-child:before {display:none;}
#lnb .list > li > ul {display:none; padding:0 0 5px 17px;}
#lnb .list > li > ul > li {padding:0 0 12px 0;}
#lnb .list > li > ul > li > a {display:inline-block; color:#333; line-height:1.2; text-decoration:none;}
#lnb .list > li.active > a:before {transform:rotate(0deg);}

.quick-area {width:1200px; height:88px; margin:0 auto; font-size:0; line-height:0; text-align:right;}
.quick-area .btn-go-top {overflow:hidden; display:inline-block; width:48px; height:48px; margin:0; padding:0; text-indent:-9999px; background:url('/images/biz/common/btn/btn-go-top.png') no-repeat 0 0;}

/* footer */
#footer {overflow:hidden; position:relative; z-index:2; height:251px; background-color:#fff; border-top:1px solid #e6e6e6; border-bottom:2px solid #422222;}
#footer p {margin:0; padding:0;}
#footer:before {content:''; display:block; position:absolute; left:0; top:48px; width:100%; height:1px; background-color:#e6e6e6;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer .footer-util {overflow:hidden; height:49px;}
#footer .footer-util .tel {float:left; line-height:48px;}
#footer .footer-util .tel a {font-weight:700; color:#2775c4; font-size:1.1428em;}
#footer .footer-util .tel i {margin-right:4px;}
#footer .footer-util .email {float:left; margin:0 0 0 30px; line-height:48px; font-size:1.1428em;}
#footer .footer-util .email a,
#footer .footer-util .email a:hover {color:#333; font-weight:700;}
#footer .footer-util .sns-share {float:right; padding:8px 0 0 0;}
#footer .footer-util .sns-share a {display:block; float:left; width:32px; height:32px; margin:0 0 0 12px;}
#footer .footer-util .sns-share a i {display:block; margin:0;}
#footer .footer-util .sns-share a.button {min-width:100px; border-radius:16px; font-size:0.857em;}

#footer .footer-link {overflow:hidden; padding:19px 0;}
#footer .footer-link .list {float:left;}
#footer .footer-link .list li {float:left; margin:0 0 0 20px;}
#footer .footer-link .list li:first-of-type {margin-left:0;}
#footer .footer-link .list li a {display:block; color:#333; line-height:36px;}
#footer .footer-link .list li.privacy a {color:#2775c4; text-decoration: underline; font-size:16px;}
#footer .footer-link .txt {float:left; margin:0 0 0 40px; line-height:36px; color:#666;}

#footer .footer-link .site-select {float:right;}
#footer .footer-link .site-select select {width:200px; height:36px; vertical-align:middle;}
#footer .footer-link .site-select .button {width:60px; min-width:auto; height:36px; margin-left:3px; padding:0; color:#fff; background-color:#666; border:0;}

#footer .footer-info {}
#footer .footer-info .logo {float:left;}
#footer .footer-info .logo a {display:block; float:left; margin:0 0 0 22px; font-size:0; line-height:0;}
#footer .footer-info .logo a:first-of-type {margin:0;}
#footer .footer-info .logo a img {}
#footer .footer-info .address {float:left; padding:9px 0 0 30px;}
#footer .footer-info .address addredd {overflow:hidden; margin:0; padding:0;}
#footer .footer-info .address div {overflow:hidden;}
#footer .footer-info .address div a {color:#333;}
#footer .footer-info .address div p {float:left; margin:0 0 0 20px;}
#footer .footer-info .address div p:first-of-type {margin:0;}
#footer .footer-info .logo-img {float:right; font-size:0; line-height:0;}
#footer .footer-info .logo-img img {float:left; margin:0 0 0 22px; vertical-align:top;}
#footer .footer-info .logo-img img:first-of-type {margin:0;}

@media (max-width:400px){
	div.tab-list.sort.col-2 {font-size:12px; }
}

@media all and (max-width:1024px){
	body {font-size:15px; font-family:'-apple-system', 'NotoSansCJKkr-Light', 'HelveticaNeue', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}

	.just-pc {display:none !important;}
	.just-mb {display:block !important;}
	.just-mb.inline-block {display:inline-block !important;}
	.mb-block-area {display:block; margin-bottom:5px;}

	.wrapper {width:100%; min-width:100%; height:auto; padding:86px 0 0 0;}
	.inner-wrap {width:100%; max-width:100%;}

	#header {position:fixed; left:0; top:0; z-index:10; width:100%; height:86px;}

	#header h1.logo {position:absolute; left:20px; top:19px; width:116px; height:19px; margin:0; padding:0; margin-top: 30px;}
	#header h1.logo a {background-size:100% auto;}

	#header .btn-open-gnb {overflow:hidden; display:block; position:absolute; right:20px; top:20px; width:20px; height:17px; text-indent:-9999px; background:url('/images/biz/common/btn/btn-open-gnb.png') no-repeat 0 0; background-size:20px 17px; margin-top: 30px;}

	#header .header-wrap {float:none; display:block; overflow:hidden; overflow-y:auto; position:fixed; left:100%; top:0; width:100%; height:100%; padding:56px 0 0 0; background-color:#0b70b9; transition:left 0.1s ease-in-out;}
	#header .header-wrap.on {left:0;}
	#header .header-wrap .logo {position:absolute; left:20px; top:19px; width:116px; height:19px; margin:0; padding:0;}
	#header .header-wrap .logo a {overflow:hidden; display:block; width:100%; height:100%; text-indent:-9999px; background:url('/images/biz/common/logo/logo-top.png') no-repeat 0 0 / 100% auto;}

	#header .header-wrap .util {overflow:hidden; position:static; left:inherit; top:inherit; width:100%; height:auto; padding:20px 0 20px 0; font-size:1em; line-height:1.1; text-align:center; border:1px solid #2886c9; border-width:1px 0;}

	#header .header-wrap .util .login {float:none; display:inline-block;}
	#header .header-wrap .util .login a {float:none; margin:0 10px;}
	#header .header-wrap .util .login a:first-of-type {margin-left:0;}
	#header .header-wrap .util .login .before {float:none; display:inline-block;}
	#header .header-wrap .util .login .after {float:none;}
	#header .header-wrap .util .link {float:none; margin:0 0 0 10px; display:inline-block;}
	#header .header-wrap .util .link a {float:none; margin:0 10px;}
	#header .header-wrap .util .link a:first-of-type {margin-left:0;}

	#header .header-wrap .btn-close-gnb {overflow:hidden; display:block; position:absolute; right:20px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/images/biz/common/btn/btn-close-gnb.png') no-repeat 0 0; background-size:16px 16px;}

	#header .gov-info { margin-left: 15px;  display: inline-block; vertical-align: middle; margin-right: 10px; padding: 9px 0 3px 0;  margin-bottom: 20px; box-sizing:border-box; text-align:left; font-size: 12px;}
	#header .gov-info img { vertical-align: bottom; margin-right: 10px;}
	/*#header .gov-info .gov-search {text-align: right;width: 400px; height: 30px; margin: 5px 0px 0px 130px;display: flex;}*/
	/*#header .gov-info .input-text {width:150px; height: 100%; font-size:10px;}*/
	/*#header .gov-info .btn-search {overflow:hidden; display:block; right:0; top:0; width:30px; height:100%; text-indent:-9999px; background:#18a9ec url('/images/biz/main/btn-main-search2.png') no-repeat center;}*/
	/*#header .gov-info .gov-search .atcmp_wrap {position:absolute; text-align: left; top:86px; z-index:2; width:150px; background-color:#18a9ec; color:#fff; border-top:1px solid #396fe1;}*/

	/* gnb */
	#gnb {float:none; width:100%;}
	#gnb ul.gnb-pc {display:none;}

	#gnb ul.gnb-mb {display:block;}
	#gnb ul.gnb-mb > li {position:relative; margin:0; padding:0; border-bottom:1px solid #2886c9;}
	#gnb ul.gnb-mb > li:first-of-type {margin:0;}
	#gnb ul.gnb-mb > li > a {display:block; position:relative; height:56px; padding:0 20px; font-size:1.2857em; line-height:55px; font-weight:700; letter-spacing:-0.05em;}
	#gnb ul.gnb-mb > li > a:after {content:''; display:block; position:absolute; right:20px; top:50%; width:14px; height:8px; margin:-4px 0 0 0; padding:0; background:url('/images/biz/common/bg/bg-gnb-arr-mb.png') no-repeat 0 0 / 100% auto;}
	#gnb ul.gnb-mb > li > a:hover {color:#fff584; text-decoration:none;}
	#gnb ul.gnb-mb > li > a:focus {text-decoration:none;}
	#gnb ul.gnb-mb > li.active > a {color:#fff584;}
	#gnb ul.gnb-mb > li.active > a:after {transform:rotate(180deg);}
	#gnb ul.gnb-mb > li.active .depth2 {display:none;}

	#gnb ul.gnb-mb .depth2 {display:none; width:100%; margin:0; padding:0 0 20px 0;}
	#gnb ul.gnb-mb .depth2 a {color:#fff;}
	#gnb ul.gnb-mb .depth2 a:hover {color:#fff584; text-decoration:none;}
	#gnb ul.gnb-mb .depth2 a:focus {text-decoration:none;}
	#gnb ul.gnb-mb .depth2 ul {padding-left:38px;}
	#gnb ul.gnb-mb .depth2 ul li {margin-top:4px;}
	#gnb ul.gnb-mb .depth2 ul li:first-child {margin-top:0;}
	#gnb ul.gnb-mb .depth2 ul li a {font-size:1.0714em; letter-spacing:-0.05em;}
	#gnb ul.gnb-mb .depth2 ul li.active a {color:#fff584;}
	#gnb ul.gnb-mb .depth2 ul li:last-child .depth3 {padding-bottom:0;}

	#gnb ul.gnb-mb .depth3 {width:100%; margin:0; padding:5px 0 15px 0;}
	#gnb ul.gnb-mb .depth3 a {color:#fff;}
	#gnb ul.gnb-mb .depth3 a:hover {color:#fff584; text-decoration:none;}
	#gnb ul.gnb-mb .depth3 a:focus {text-decoration:none;}
	#gnb ul.gnb-mb .depth3 ul {padding-left:18px;}
	#gnb ul.gnb-mb .depth3 ul li {margin-top:4px;}
	#gnb ul.gnb-mb .depth3 ul li:first-child {margin-top:0;}
	#gnb ul.gnb-mb .depth3 ul li a {font-size:1em; letter-spacing:-0.05em;}
	#gnb ul.gnb-mb .depth3 ul li.active a {color:#fff584;}

	.container {width:100%; min-height:0; margin:0; padding:0;}
	.container .location {padding-left : 10px; padding-top : 10px;}

	.container .content-layout {position:relative; width:100%; margin:0 auto;}
	.container .content-layout:before,
	.container .content-layout:after {content:''; display:table;}
	.container .content-layout:after {clear:both;}


	/* 국민참여지도, 위치정보시각화 등 full size 지도 */
	.container.full-map {padding:0;}
	.container.full-map  .content-layout {}
	.container.full-map  .content-layout #contents {}
	.container.full-map  .content-layout #contents h2.tit {position:static; left:inherit; top:inherit; opacity:1; z-index:inherit;}
	.container.full-map  .content-layout #contents h2.tit + p.reset {position:absolute; left:0; top:0; z-index:0; opacity:0;}

	/* lnb */
	.container .content-layout.has-lnb #contents {float:none; width:100%;}

	#contents {padding:0 16px;}

	.content-layout.pc-layout {overflow:hidden; width:100% !important; overflow-x:scroll;}
	.content-layout.pc-layout #contents {overflow:hidden; width:1200px !important;}
	.content-layout.pc-layout .page-title-area h2.tit {display:block !important; margin:0 !important; padding:20px 0 0 0 !important;}

	.content-layout.pc-layout .page-move {display:none !important;}

	/* h2.tit {margin:0; padding:0 0 30px 0; color:#333; font-size:1.7143em; line-height:1.1; font-weight:700; letter-spacing:-0.05em;} */
	h2.tit {display:block; position:relative; z-index:3; width:100%; height:56px; margin:0; padding:0; border:0; text-align:center; line-height:56px; font-size:1.4286em; font-weight:bold; border-bottom:1px solid #e6e6e6; background-color:#fff;}


	h3.tit {margin:30px 0 0 0; padding:0 0 15px 0; font-size:1.2em;}
	h4.tit {margin:20px 0 0 0; padding:0 0 15px 0; font-size:1.0667em;}

	.tit-group {margin-top:30px;}
	.tit-group:before,
	.tit-group:after {content:''; display:table;}
	.tit-group:after {clear:both;}
	.tit-group p {margin:0; padding:0;}
	.tit-group .tit {float:none;}
	.tit-group .left {float:none;}
	.tit-group .right {float:none;}

	.tit-group h3.tit + .txt {line-height:1.5;}

	/* tab list */
	.tab-list {position:static; width:100%; margin:0 0 20px 0; padding:0;}
	.tab-list > ul:after {display:none;}
	.tab-list > ul > li {min-width:auto; margin: 0 0 -1px -1px;  z-index:1; }
	.tab-list > ul > li > a {padding:0;}
	.tab-list > ul > li > a em {display:block; line-height:1.5;}
	.tab-list > ul > li.on {z-index:2; border-bottom:1px solid #3671c8;}

	.tab-list.col-2 > ul > li {width:calc(50% + 1px);}
	.tab-list.col-3 > ul > li {width:calc(33.3% + 1px);}
	.tab-list.col-3 > ul > li:first-child {width:calc(33.4% + 1px); }

	.tab-list .link {display:none;}

	.page-title-area {overflow:visible; padding:0 0 10px 0;}
	.page-title-area h2.tit {display:none;}
	.page-title-area .sns-share {float:none; padding:20px 0 0 0; text-align:right;}
	.page-title-area .sns-share .sns {display:inline-block; float:none; margin:0 0 0 2px; }
	.page-title-area .sns-share .url {margin:0 0 0 5px;}

	.page-move {position:relative; z-index:3; margin:0 -16px; font-size:1.4286em;}
	.page-move .now {display:block; position:relative; z-index:3; width:100%; height:56px; margin:0; padding:0; border:0; font-weight:bold; border-bottom:1px solid #e6e6e6; background-color:#fff;}
	.page-move .list {display:none; position:absolute; left:0; top:56px; z-index:3; width:100%; background-color:#fff;}
	.page-move .list li {border-bottom:1px solid #e6e6e6;}
	.page-move .list li a {display:block; height:56px; line-height:56px; text-align:center;}

	.page-move.on:after {content:''; display:block; position:fixed; left:0; top:0; right:0; bottom:0; z-index:2; background-color:rgba(0,0,0,0.5);}
	.page-move.on .list {display:block;}

	.quick-area {width:100%; height:auto; padding:25px 16px 0 16px;}
	.quick-area .btn-go-top {overflow:hidden; display:inline-block; width:48px; height:48px; margin:0; padding:0; text-indent:-9999px; background:url('/images/biz/common/btn/btn-go-top.png') no-repeat 0 0;}


	#footer {overflow:hidden; position:static; z-index:1; height:auto; margin:25px 0 0 0; padding:0 0 20px 0; border-bottom:0;}
	#footer p {margin:0; padding:0;}
	#footer:before {display:none;}

	#footer .footer-util {overflow:hidden; height:auto; padding:15px 0; border-bottom:1px solid #e6e6e6;}
	#footer .footer-util .tel {display:block; float:none; line-height:1.5; text-align:center;}
	#footer .footer-util .email {display:block; float:none; margin:0; padding:10px 0; line-height:1.5; font-size:1.0714em; text-align:center;}
	#footer .footer-util .email a,
	#footer .footer-util .email a:hover,
	#footer .footer-util .email a:focus {color:#333; font-weight:700;}
	#footer .footer-util .sns-share {display:block; float:none; padding:0; text-align:center;}
	#footer .footer-util .sns-share a {display:inline-block; float:none; width:32px; height:32px; margin:0 4px;}
	#footer .footer-util .sns-share a i {display:block; margin:0;}
	#footer .footer-util .sns-share a.button {width:auto; vertical-align: top;}

	#footer .footer-link {overflow:hidden; padding:19px 0; font-size:0.9286em;}
	#footer .footer-link .list {display:block; float:none; text-align:center;}
	#footer .footer-link .list li {display:inline-block; float:none; margin:0 5px;}
	#footer .footer-link .list li a {padding:2px 0; line-height:1.5;}
	#footer .footer-link .list li:first-of-type {margin-left:10px;}
	#footer .footer-link .txt {display:block; float:none; margin:0; padding:5px 0 0 0; line-height:1.5; color:#666; text-align:center;}

	#footer .footer-link .site-select {display:block; float:none; padding:10px 0 0 0; text-align:center;}
	#footer .footer-link .site-select select {width:200px; height:36px; vertical-align:middle;}

	#footer .footer-info {overflow:hidden; font-size:0.9286em; letter-spacing:-0.05em;}
	#footer .footer-info .logo {display:none;}
	#footer .footer-info .address {float:none; padding:0; text-align:center;}
	#footer .footer-info .address addredd {overflow:hidden; margin:0; padding:0;}
	#footer .footer-info .address addredd span {display:block;}
	#footer .footer-info .address div {overflow:hidden;}
	#footer .footer-info .address div p {float:none; margin:0 4px;}
	#footer .footer-info .address div p:first-of-type {margin:0 4px;}

	#footer .footer-info .logo-img {display:none;}

	/* ==========================================================================
		common
	========================================================================== */

	/* button */
	.button,
	a.button {min-width:76px; padding:0 10px;}

	.datepicker {display:inline-block; vertical-align:middle;}
	.datepicker span {display:inline-block; position:relative; height:40px; padding:0; border:1px solid #ccc;}
	.datepicker input {width:85px; padding:0 2px 0 2px;}
	.datepicker .ui-datepicker-trigger {overflow:hidden; display:inline-block; width:25px;}

	/* button group */
	.button-group {margin:20px 0 0 0; text-align:center;}
	.button-group .button {margin:0;}
	.button-group.a-l .button {margin:0 2px 0 0;}
	.button-group.a-c .button {margin:0;}
	.button-group.a-r .button {margin:0 0 0 2px;}

	/* button group - mobile 에서 위아래로 정렬되는 버튼 레이아웃 */
	.button-group.mobile .button {vertical-align: top;}
	.button-group.mobile .button:first-child {margin-bottom:15px;}
	.button-group .mb-block {display:block; margin-bottom:5px;}

	.label-group {}
	.label-group .col {}
	.label-group.col-1 .col {width:100%; margin-right:0;}
	.label-group.col-2 .col {width:calc(50% - 5px); margin-right:0;}
	.label-group.col-3 .col {width:100%; margin-right:0;}
	.label-group.col-4 .col {width:100%; margin-right:0;}
	.label-group.col-5 .col {width:100%; margin-right:0;}

	.label-group.lable-mb-block .col {display:block; text-align: left;}

	.row-table {margin-bottom:0;}
	.row-table table {display:block;}
	.row-table table tbody {display:block;}
	.row-table table tbody tr {display:block;}
	.row-table table tbody tr th,
	.row-table table tbody tr td {display:block; display:block; height:auto; padding:5px 0 0 0; text-align:left; border:0;}
	.row-table table tbody tr td {padding:5px 0; border-bottom:1px solid #e0e0e0;}

	/* 목록형 표 */
	.col-table {}
	.col-table table {}
	.col-table table colgroup {display:table-column-group;}
	.col-table table thead {overflow:hidden; display:block; font-size:0; line-height:0;}
	.col-table table thead tr th {height:0 !important; padding:0 !important;}
	/*.col-table table tbody {display:block;}*/
	.col-table table tbody tr {display:block; padding:5px 0; border-bottom:1px solid #e0e0e0;}
	.col-table table tbody tr th,
	.col-table table tbody tr td {display:block; text-align:left !important; height:auto; padding:0; border:0;}
	.col-table.line table thead tr {}
	.col-table.line table thead tr th,
	.col-table.line table tbody tr td {border:0;}

	/* 목록형 표  pc-layout 일때 안보이는 현상 추가 2020-03-04 */
	.pc-layout .col-table {}
	.pc-layout .col-table table {}
	.pc-layout .col-table table colgroup {display:table-column-group;}
	.pc-layout .col-table table thead {overflow:inherit; display:table-header-group; font-size:inherit; line-height:inherit;}
	.pc-layout .col-table table thead tr th {height:45px !important; padding:2px 10px !important; border-bottom:1px solid #e0e0e0;}
	.pc-layout .col-table table tbody {display:table-row-group;}
	.pc-layout .col-table table tbody tr {display:table-row; padding:inherit; border-bottom:inherit;}
	.pc-layout .col-table table tbody tr th,
	.pc-layout .col-table table tbody tr td {display:table-cell; text-align:center !important; height:45px; padding:2px 10px; border:inherit;}
	.pc-layout .col-table.line table thead tr {}
	.pc-layout .col-table.line table thead tr th,
	.pc-layout .col-table.line table tbody tr td {}

	/* 목록 - toggle 기능 */
	.col-table.view-toggle {}
	.col-table.view-toggle table tbody tr td .open-view {display:block;}

	.col-table.view-toggle table tbody tr.tr-view {display:none;}
	.col-table.view-toggle table tbody tr.tr-view.on {display:block;}
	.col-table.view-toggle table tbody tr.tr-view > td {padding:0; text-align:left;}

	/* 목록 없을 때 - 공통 */
	.no-list {margin:40px 0;}
	.no-list .txt {font-size:1.2em;}
    .no-list .no-data-txt{font-size:1em; color : #767676;}

	/* 게시판 상세 (table 아님) */
	.board-view {margin:0; padding:0; border-top:2px solid #555;}
	.board-view p {margin:0; padding:0;}
	.board-view .tit-area {padding:10px 0 0 0;}
	.board-view .tit-area .title {display:block; padding:5px 0 0 0	; font-size:1.2em;}
	.board-view .info-area {padding:0 0 10px 0;}
	.board-view .info-area p {display:block; margin:0;}
	.board-view .info-area p strong {font-weight:400; color:#666;}
	.board-view .info-area p strong:after {content:' :';}
	.board-view .info-area p:first-child {margin:0;}
	.board-view .cont-area {overflow:hidden; min-height:auto; padding:15px 0;}
	.board-view .chart-view {overflow:scroll; padding:15px 0;}
	.board-view .btn-area {padding:9px 10px; text-align:center;}
	.board-view .file-area {}
	.board-view .file-area .block {padding:15px 0; line-height:1.1; border-bottom:1px solid #e0e0e0;}

	/* 답변 - 상세 */
	.answer-view {margin:20px 0 0 0;}
	.answer-view p {margin:0; padding:0;}
	.answer-view .tit-area {height:auto; padding:15px 0; line-height:1.1;}
	.answer-view .tit-area .tit {display:block; float:none; font-size:1.2em;}
	.answer-view .tit-area .date {float:none; padding:10px 0 0 0;}
	.answer-view .tit-area .name {float:none; padding:10px 0 0 0; margin:0;}
	.answer-view .cont-area {min-height:auto; padding:15px 0;}
	.answer-view .file-area {}

	/* data table */
	.data-table {}
	.data-table table {}
	.data-table table colgroup {display:none;}
	.data-table table th,
	.data-table table td {}
	.data-table table th {width:100px;}

	/* input 경고 문구 */
	.input-util {padding:5px 0 0 0;}

	/* 버튼 타입 라디오 */
	.btn-radio {overflow:hidden; display:block;}
	.btn-radio span {display:block; float:left; width:33.3%;}
	.btn-radio span label {letter-spacing:-0.05em;}
	.btn-radio span:first-child {width:33.4%;}
	.btn-radio span:first-child label {margin-left:0;}

	.btn-radio.col-2 span,
	.btn-radio.col-2 span:first-child {width:50%;}


	/* ==========================================================================
		jquerymodal custom
	========================================================================== */
	/* 레이어 팝업 - modal */
	.jquery-modal.blocker {z-index:1000; background-color:rgba(0,0,0,0.65);}
	.jquery-modal.blocker .modal {display:block; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1001; width:100%; height:100%; margin:0; padding:75px 0 85px 0; border-radius:0; }
	.jquery-modal.blocker .modal > a.layer-focus {overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0;}

	.jquery-modal.blocker .modal .layer-title {position:fixed; left:0; top:0; right:0; height:60px; margin:0; padding:0 16px; line-height:60px; font-size:1.2em;}
	.jquery-modal.blocker .modal .layer-contents {overflow:hidden; overflow-y:auto; height:100%; padding:0 16px;}
	.jquery-modal.blocker .modal .layer-bottom {position:fixed; left:0; right:0; bottom:0; padding:15px 0; background-color:#fff;}
	.jquery-modal.blocker .modal .layer-bottom .button-group {margin:0;}

	.jquery-modal.blocker .modal.large {width:100%;}
	.jquery-modal.blocker .modal.medium {width:100%;}

}






























































/* 김슬비 작업*/
/* ==========================================================================
	common
========================================================================== */

/* 게시판 목록 상단 검색 (활용지원 메뉴 목록) */
.list-search {margin:0 0 30px; text-align:right;}
.list-search.border {margin-top:20px; padding-top:30px; border-top:2px solid #555;}
.list-search .search-area {display:inline-block; margin-left:5px;}
.list-search .search-area .input-text {width:400px;}

/* 게시판 목록 분류로 보기 (활용지원 메뉴 목록)*/
.sort-area {padding:0 0 5px;}
.sort-area span {display:inline-block; position:relative; padding-left:14px; font-size:0; vertical-align: top;}
.sort-area span:before {content:''; display:block; position:absolute; top:0; left:5px; width:1px; height:14px; background:#d3d3d3;}
.sort-area span:first-child:before {display:none;}
.sort-area span button {min-width:0; padding:0; border:0; border-radius:0; font-size:14px; line-height:14px; vertical-align:middle; background-color:transparent;}
.sort-area span.on button {font-weight:700;}

/* 게시판 목록 게시물 상태 (활용지원 메뉴 목록)*/
.state-area {float:left; margin:-3px 0  0 20px;}
.state-area span {display:inline-block; position:relative; padding-left:16px; font-size:14px; vertical-align:top;}
.state-area span:before {content:''; display:block; position:absolute; top:5px; left:7px; width:1px; height:14px; background:#d3d3d3;}
.state-area span:first-child {padding:0;}
.state-area span:first-child:before {display:none;}

/* 게시판 목록 텍스트 버튼 (활용지원 메뉴 목록) */
.btn-txt-area {padding:0 0 5px;}
.btn-txt-area span {display:inline-block; position:relative; padding-left:14px; font-size:0; vertical-align: top;}
.btn-txt-area span:before {content:''; display:block; position:absolute; top:0; left:5px; width:1px; height:14px; background:#d3d3d3;}
.btn-txt-area span:first-child:before {display:none;}
.btn-txt-area span button {min-width:0; padding:0; border:0; border-radius:0; color:#333; font-size:14px; line-height:14px; vertical-align:middle; background-color:transparent;}

/* 게시판 상단 카테고리 (활용지원 메뉴 목록)*/
/*.list-cate-wrap {margin:0 0 40px; padding:0 20px; text-align:center; border:1px solid #e0e0e0; background:#fafafa;}*/
.list-cate-wrap {margin:0 0 40px; padding:0 20px; text-align:center;}
.list-cate-wrap .toggle-slide-area {display:none; margin:0 0 20px 0;}
.list-cate-wrap .btn-txt-area {margin:20px 0 0 0;}
.list-cate-wrap .list-cate-area {text-align:center;}
.list-cate-wrap .list-cate-area li {display:inline-block; margin:0 3px 10px 3px;}
.list-cate-wrap .list-cate-area li button {min-width:160px; height:36px; padding:0 3px; color:#757575; border:1px solid #ccc; border-radius:0; font-weight:700; letter-spacing:-0.05em; vertical-align:middle; background-color:#fff;}
.list-cate-wrap .list-cate-area li button.on {color:#333; text-decoration:underline;}
.list-cate-wrap .list-cate-area.col-8 {}
.list-cate-wrap .list-cate-area.col-8 li {width:11%;}
.list-cate-wrap .list-cate-area.col-8 li button {min-width:auto; width:100%;}
.list-cate-wrap .btn-toggle {width:100%; height:auto; padding:20px; margin:0; color:#333; font-size:14px; font-weight:700;  line-height:1;}
.list-cate-wrap .btn-toggle span {padding:0 19px 0 0; background-image:url('/images/biz/common/ico/ico-arr-down-black.png'); background-repeat:no-repeat; background-position:100% 50%;}
.list-cate-wrap .btn-toggle.open span {background-image:url('/images/biz/common/ico/ico-arr-up-black.png');}
.list-cate-wrap .list-cate-area li button.on:focus {outline-style: dashed; outline-width: 2px;}
.row {
	width: 100% !important;
}

.row .col-4 {
	width: 33.3% !important;
}

.row .col-md-6 {
	width: 50%;
}

.ml-1 {
	margin-left: 4%;
}

.list-cate-wrap .list-cate-tab {position:relative; width:100%; padding:0;}
.list-cate-wrap .list-cate-tab:before,
.list-cate-wrap .list-cate-tab:after {content:''; display:table;}
.list-cate-wrap .list-cate-tab:after {clear:both;}
.list-cate-wrap .list-cate-tab .btn-txt-area {padding-bottom: 20px;}
.list-cate-wrap .list-cate-tab ul {position:relative; width:100%; background-color:#fff;}
.list-cate-wrap .list-cate-tab ul:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:1px;}
.list-cate-wrap .list-cate-tab ul li {position:relative; float:left;}
.list-cate-wrap .list-cate-tab ul li button {position:relative; display:block; width:100%; height:100%; line-height:46px; letter-spacing:-0.05em; text-align:center; color:#333; font-weight:700; text-decoration:none;}
.list-cate-wrap .list-cate-tab ul li button.active {background-color:#3671c8; color: white;}
.list-cate-wrap .list-cate-tab ul li.on {position:relative; border:1px solid #3671c8; z-index:1; border-bottom:1px solid #fff;}
.list-cate-wrap .list-cate-tab ul li.on button {color:#3671c8; background-color:#fff;}
.list-cate-wrap .list-cate-tab ul li.on button:active,
.list-cate-wrap .list-cate-tab ul li.on button:hover,
.list-cate-wrap .list-cate-tab ul li.on button:visited {color:#3671c8; text-decoration:none;}


@media all and (max-width:1024px){
	/* 게시판 목록 상단 검색 (활용지원 메뉴 목록) */
	.list-search {margin:0 0 30px; text-align:right;}
	.list-search.border {margin-top:20px; padding-top:0; border-top:0;}
	.list-search .search-area {display:block; margin-left:0;}
	.list-search .search-area .input-text {width:100%; margin:10px 0;}
	.list-search .search-area .button {width:100%;}

	/* 게시판 상단 카테고리 (활용지원 메뉴 목록)*/
	.list-cate-wrap {padding:0 10px; margin:0 -16px 40px;}
	.list-cate-wrap .list-cate-area {margin:-10px 0 0 -2.5%;}
	.list-cate-wrap .list-cate-area li {display:block; float:left; width:47.5%; margin:10px 0 0 2.5%;}
	.list-cate-wrap .list-cate-area li button {width:100%; min-width:auto; height:auto; padding:5px; letter-spacing:-0.05em;}
	.list-cate-wrap .list-cate-area li button span {display:block;}

	.list-cate-wrap .list-cate-area.col-8 {}
	.list-cate-wrap .list-cate-area.col-8 li {display:block; float:left; width:47.5%; margin:10px 0 0 2.5%;}
	.list-cate-wrap .list-cate-area.col-8 li button {width:100%; min-width:auto; height:auto; padding:5px; letter-spacing:-0.05em;}

	.list-cate-wrap .list-cate-area.col3 {margin:-10px 0 0 -1.33%;}
	.list-cate-wrap .list-cate-area.col3 li {width:32%; margin:10px 0 0 1.33%;}

	/* 게시판 목록 게시물 상태 (활용지원 메뉴 목록)*/
	.list-top .state-area {width:100%; margin:0 0 10px;}
}

@media all and (max-width:950px){
	.row .col-12 {
		width: 100% !important;
	}
}

/*2020.09.01 공공데이터포털 공지사항 이미지 반응형 추가*/
@media (min-width: 320px) and (max-width: 576px) {
	#noticeDetail .board-view .cont-area img {
		max-width: 100% !important;
		height : auto;
	}
}
/*2020.10.16 오류신고 버튼 css 수정*/
div.btn-util .error-btn { height: auto; }
/*div.btn-util .error-btn .iconset { background-color: white; }*/

/*2020.11.06 검색화면 각 데이터셋 설명란 높이 조절*/
.data-set-list .result-list .ellipsis {
	height: 22px;
}

@media (min-width: 320px) and (max-width: 576px) {
	/*div.data-detail-wrap div.option-btns a.api-apply{ display: none;}*/
	div.data-detail-wrap div.option-btns { float: left;}
	div.data-search-view span.tooltip {display: none;}
}

.api-guide {
	display: inline-flex;
	width: 100%;
	border-bottom: 3px solid #555;
	padding: 10px 0;
	font-family: Open Sans,sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.api-guide-title {
	padding: 5px 20px;
	color: #3b4151;
}
.api-guide-btn {
	height: 39px;
	padding: 10px;
	color: #3b4151;
	font-size: 15px;
	font-weight: bold;
	border: 2px solid rgba(59,65,81,.3);
	background-color: white;
}

#layer-api-guide .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	color: #555;
	font-weight: bold;
	font-size: 45px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
#layer-api-guide .next { right: 15px; border-radius: 3px 0 0 3px; }
#layer-api-guide .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }
.numbertext { text-align: center; }
.modal .layer-contents { padding: 0px 30px 30px 30px; }
#layer-api-guide .prev {left: 2%;}

@media (min-width: 1024px) { .jquery-modal.blocker .modal.large { width: 60% !important; } }
@media (max-width: 1024px) { .api-guide { display: none; } }


/* 2021.08.10 swagger ui 관련 css 수정 */
#swagger-ui .topbar,
#swagger-ui .swagger-ui svg:not(:root) {
	display: none;
}
.swagger-ui .btn.execute {
	box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}

.swagger-ui .btn.execute:hover {
	background-color: #0d47a1;
	border-color: #0d47a1;
}

.swagger-ui .btn.authorize span {
	padding: 2px 2px 2px 0px !important;
	line-height: 1.5;
}

.swagger-ui .info {
	margin: 20px 0 !important;
}

@media (max-width: 768px) {
    .data-search-view .api-btn { width: 49%; !important;}
    .data-search-view .btn-util .w-100 { width: 100% !important; }
    .data-search-view .link-api-btn { width: 100%;}
}
.data-search-view .api-btn { padding: 0 10px; }
.data-search-view .ico-search {width:17px; height:19px; margin-right: 5px !important; background-image:url('/images/biz/common/ico/ico-search-wh.png');}