@charset "utf-8";
@import url(../js/aos/aos.css);

.disN{display: none;} /* 대체텍스트나 텍스트를 숨겨야 하는 상황이 아닌 그냥 객체자체를 노출 시키고 싶지 않을 때 사용 */
/* reset */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;}
html,body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,blockquote,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe,article,aside,canvas,details,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;}
* { -webkit-text-size-adjust: none; }
img,fieldset{border:none;}
b,strong,.bold{font-weight:bold;}
em,dfn,cite,address,i{font-style:normal;}
mark{background-color:#ff0;color:#000;}
small{font-size:90%;}
sup,sub{position:relative;font-size:0.9em;line-height:0;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
del{text-decoration:line-through;}
label{cursor:pointer;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
legend,caption,hr{text-indent:-99999px; overflow:hidden;position:absolute;width:0;height:0;font-size:0;}
/* form reset */
input{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;}
input[type="file"]{border:none;}
input[type="image"]{height:auto;margin:0;border:none;padding:0;line-height:inherit;}
input[type="radio"],input[type="checkbox"]{border:none;}
button{margin:0;padding:0;background:none;border:none;text-transform:none;vertical-align:middle;}
button,[type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;background:none;border:none;cursor:pointer;}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle;}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none;}
input[disabled="disabled"]{background:#ebebeb;color:#959595;}
select[disabled="disabled"]{background:#ebebeb;color:#959595;}
/* form base style */
input{margin:1px;padding:1px 3px;border:solid 1px #dedede;}
input[type="radio"],input[type="checkbox"]{width:17px;height:17px;}
input[type="text"],input[type="passward"] { height:24px; line-height:26px;}
select{/* height:28px; padding:1px 0 1px 3px;*/border:solid 1px #dedede;background:#fff;}
textarea{min-height:80px;padding:1px 3px;border:solid 1px #dedede;line-height:25px;}

/* jump menu */
#jump_menu{height:0px;position:relative;z-index:100000;}
#jump_menu >ul >li{text-align:center;}
#jump_menu >h1 {width:0; height:0; overflow:hidden; white-space:nowrap;}
#jump_menu >ul >li >a {position:absolute; display: block; color:#fff; font-size:1.5em; top:-10000px; left:0; box-sizing: border-box; border:2px solid #262626; z-index:10000; font-weight:bold;}
#jump_menu >ul >li >a:hover, #jump_menu >ul >li >a:focus, #jump_menu >ul >li >a:active
{position:absolute; top:0; height:7px; padding:12px 0 31px; background:#2f3a70; z-index:10000; width:100%; overflow: hidden; border-style:solid; border-width: 4px; border-color:red;}

#jump_menu >ul >li.egci a {color:#fff; font-size:inherit;}
#jump_menu >ul >li.egci img {display:inline-block;width:40px;vertical-align:text-top;}

/* common */
html, body {position: relative;}

#wrap {position:relative; width:100%; min-height:100%; box-sizing:border-box; min-width:1400px;}
#m_conts{width:100%; min-height: 900px;}
@media (max-width: 1024px){
	#wrap{min-width:100%;}
}

.txt_hidden { left:-9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }

/* 20171019 정은정 추가 시작 -----> */
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:1em; font-family:'Open Sans',Helvetica, 'Apple SD Gothic Neo','Microsoft JhengHei','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;}
table{border-collapse:collapse; font-size:1em;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
body {font-size:14px; font-family:'Open Sans',Helvetica, 'Apple SD Gothic Neo', 'Microsoft JhengHei', '맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum, Arial,sans-serif; color:#3a3a3a; line-height:1.5em; letter-spacing:-1px;}
a {text-decoration:none;}

html[lang='en'] body,html *[lang='en']{font-family:'Open Sans',Helvetica,Arial,sans-serif;}
html[lang='zh'] body,html *[lang='zh']{font-family:'Open Sans',Helvetica,'华文细黑',STXihei,'微软雅黑','Microsoft YaHei',	Arial,sans-serif;}
html[lang='ja'] body,html *[lang='ja']{font-family:'Open Sans',Helvetica,	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;}

input[type="text"],textarea{
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
}

/* none */
.dn {display: none;}

/* skip */
.hide,legend, caption,.hidden{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
/* margin */
.mT0    { margin-top:0 !important; }
.mT5    { margin-top:0.2941em !important; }
.mT10   { margin-top:0.5882em !important; }
.mT15   { margin-top:0.8824em !important; }
.mT20   { margin-top:1.1765em !important; }
.mT30   { margin-top:1.7647em !important; }
.mT40   { margin-top:2.3529em !important; }
.mT50   { margin-top:2.9412em !important; }
.mT60   { margin-top:3.5294em !important; }

.mR0    { margin-right:0 !important; }
.mR5    { margin-right:0.2941em !important; }
.mR10   { margin-right:0.5882em !important; }
.mR15   { margin-right:0.8824em !important; }
.mR20   { margin-right:1.1765em !important; }
.mR30   { margin-right:1.7647em !important; }
.mR40   { margin-right:2.3529em !important; }

.mB0    { margin-bottom:0 !important; }
.mB5    { margin-bottom:0.2941em !important; }
.mB10   { margin-bottom:0.5882em !important; }
.mB15   { margin-bottom:0.8824em !important; }
.mB20   { margin-bottom:1.1765em !important; }
.mB30   { margin-bottom:1.7647em !important; }
.mB40   { margin-bottom:2.3529em !important; }
.mB50   { margin-bottom:2.9411em !important; }
.mB60   { margin-bottom:3.5294em !important; }
.mB70   { margin-bottom:4.1176em !important; }
.mB80   { margin-bottom:4.7059em !important; }
.mB90   { margin-bottom:5.2941em !important; }

.mL0    { margin-left:0 !important; }
.mL5    { margin-left:0.2941em !important; }
.mL10   { margin-left:0.5882em !important; }
.mL15   { margin-left:0.8824em !important; }
.mL20   { margin-left:1.1765em !important; }
.mL30   { margin-left:1.7647em !important; }
.mL40   { margin-left:2.3529em !important; }
.mL50   { margin-left:2.9412em !important; }

.mA10   { margin:0.5882em !important; }

/* padding */
.pT5    { padding-top:0.2941em !important; }
.pT10   { padding-top:0.5882em !important; }
.pT15   { padding-top:0.8824em !important; }
.pT20   { padding-top:1.1765em !important; }
.pT30   { padding-top:1.7647em !important; }
.pT40   { padding-top:2.3529em !important; }

.pR5    { padding-right:0.2941em !important; }
.pR10   { padding-right:0.5882em !important; }
.pR15   { padding-right:0.8824em !important; }
.pR20   { padding-right:1.1765em !important; }
.pR30   { padding-right:1.7647em !important; }
.pR40   { padding-right:2.3529em !important; }

.pB5    { padding-bottom:0.2941em !important; }
.pB10   { padding-bottom:0.5882em !important; }
.pB15   { padding-bottom:0.8824em !important; }
.pB20   { padding-bottom:1.1765em !important; }
.pB30   { padding-bottom:1.7647em !important; }
.pB40   { padding-bottom:2.3529em !important; }

.pL5    { padding-left:0.2941em !important; }
.pL10   { padding-left:0.5882em !important; }
.pL15   { padding-left:0.8824em !important; }
.pL20   { padding-left:1.1765em !important; }
.pL30   { padding-left:1.7647em !important; }
.pL40   { padding-left:2.3529em !important; }


/* position */
.posR	{position:relative;}
.posA	{position:absolute;}

/* align */
.taC	{text-align:center;}
.taL	{text-align:left;}
.taR	{text-align:right;}

/* float */
.fL		{float:left;}
.fR		{float:right;}
.cleB	{clear:both;}
.cB:after {content: ''; display: block; clear:both;}

/* font color */
.black	{color:#000;}
.white	{color:#fff;}
.gray	{color:#828282;}
.blue	{color:#186dc4;}
.red	{color:#d32532;}
.green	{color:#369618;}
.orange	{color:#e45e23;}

/* width */
.w3 {width: 3% !important;}
.w4 {width: 4% !important;}
.w5 {width: 5% !important;}
.w6 {width: 6% !important;}
.w7 {width: 7% !important;}
.w8 {width: 8% !important;}
.w9 {width: 9% !important;}
.w10 {width: 10% !important;}
.w11 {width: 11% !important;}
.w12 {width: 12% !important;}
.w13 {width: 13% !important;}
.w14 {width: 14% !important;}
.w14-5 {width: 14.5% !important;}
.w15 {width: 15% !important;}
.w16 {width: 16% !important;}
.w17 {width: 17% !important;}
.w18 {width: 18% !important;}
.w19 {width: 19% !important;}
.w20 {width: 20% !important;}
.w21 {width: 21% !important;}
.w22 {width: 22% !important;}
.w23 {width: 23% !important;}
.w24 {width: 24% !important;}
.w25 {width: 25% !important;}
.w26 {width: 26% !important;}
.w27 {width: 27% !important;}
.w28 {width: 28% !important;}
.w29 {width: 29% !important;}
.w30 {width: 30% !important;}
.w31 {width: 31% !important;}
.w32 {width: 32% !important;}
.w33 {width: 33% !important;}
.w34 {width: 34% !important;}
.w35 {width: 35% !important;}
.w36 {width: 36% !important;}
.w37 {width: 37% !important;}
.w38 {width: 38% !important;}
.w39 {width: 39% !important;}
.w40 {width: 40% !important;}
.w43 {width: 43% !important;}
.w45 {width: 45% !important;}
.w46 {width: 46% !important;}
.w49 {width: 49% !important;}
.w50 {width: 50% !important;}
.w51 {width: 51% !important;}
.w59 {width: 59% !important;}
.w60 {width: 60% !important;}
.w63 {width: 63% !important;}
.w66 {width: 66% !important;}
.w68 {width: 68% !important;}
.w70 {width: 70% !important;}
.w71 {width: 71% !important;}
.w72 {width: 72% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w81 {width: 81% !important;}
.w82 {width: 82% !important;}
.w90 {width: 90% !important;}
.w94 {width: 94% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}

/* em */
.em {color: #dc0505;}

/* b */
.b{font-weight: 600;}

/* display */
.on {display: block;}
.off {display: none;}

/** 캘린더 선택 */
#ui-datepicker-div {
	display: none;
}
a.ui-datepicker-prev, a.ui-datepicker-next {
	display: none;
}

/* 공공누리 */
.wrap_ccl {background:#F8F8FC; text-align:center; font-size:calc((20 / 17) * 1em); padding:1.25em 1em;}
.wrap_ccl img,
.wrap_ccl p {display:inline-block; vertical-align:middle;}
.wrap_ccl img {width:auto !important; max-height:1.5em;}
.wrap_ccl p {font-size:.9em; color:#4B5361; font-weight:400; margin-left:1em;}
.wrap_ccl a[target="_blank"] {padding-right:0; background:none;}
.wrap_ccl a[target="_blank"]:after {display:none !important;}

/* date picker J.Ryeon Lee */
a.ui-datepicker-prev, a.ui-datepicker-next {
	display: none;
}

/* 본인인증 폼 */
.realnameWrap {display:block; position:relative; margin-left:-10px; margin-right:-10px;}
.realnameWrap:after {content:""; display:block; clear:both;}
.realnameWrap .item-realname {width:44%; float:left; position:relative; padding:10px; box-sizing:border-box;}
.item-realname .item-inner {display:block; position:relative; border:1px solid #dedede; padding:20px 20px 7em; box-sizing:border-box; height:24em;}
.item-realname .title {font-size:1.6em; font-weight:600; color:#0c4d83; line-height:1.5; margin-bottom:1em; }
.item-realname .real-btnBox {position:absolute; left:0; right:0; bottom:0; padding:20px; text-align:center;}
.item-realname .real-btn {display:inline-block; vertical-align:middle; padding:.7rem 1rem; margin:.2em 0; border:2px solid #e0e0e0; background:#f5f5f5; color:#000; font-size:1em;}
.item-realname .real-btn:hover {border-color:#0c4d83;}
.item-realname .real-btn.cancel {background:#fff;}

@media all and (max-width:810px) {
	.realnameWrap .item-realname {width:50%;}
}
@media all and (max-width:730px) {
	.realnameWrap .item-realname {width:auto; float:none;}
	.item-realname .item-inner {height:auto; padding-bottom:20px;}
	.item-realname .real-btnBox {position:relative; padding:20px 0 0;}
}
@media all and (max-width:380px) {
	.item-realname .real-btn {display:block; clear:both; width:100%;}
}

.hidden {display:none !important;}
.bod_page .paging {word-break: break-word;}
.bod_page .paging img {display:block;}

.btn.board:hover,
.btn.board {line-height:1.2 !important; font-size:1em !important; background:#fff !important; color:#333 !important;}

/* 만족도 조사 */
.research_box {display:block; position:relative; border:1px solid #dcdcdc; padding:20px 30px; box-sizing:border-box; margin-top:60px; clear:both; margin-bottom:60px;}
.research_box .title {position:relative; border-bottom:1px dashed #dcdcdc; padding-bottom:10px; background:none; min-height:35px;}
.research_box .title h4 {position:relative; background:none; color:#3a3a3a !important; line-height:1.3rem; font-weight:600; letter-spacing:-1px; padding-right:70px !important; padding-left:0 !important; background:none !important; text-align:left !important; font-size:1em !important;}
.research_box .title h4:before {display:none !important;}
.research_box .title h4 span {display:inline-block; position:relative; color:#2069a8 !important; margin-right:16px;}
.research_box .title h4 span:after {content: ''; position: absolute; width: 1px; height: 12px; background: #ddd; right: -11px; top: 4px;}
.research_box .title .goto_top {position:absolute; top:-10px; right:0; color:#333;}
.research_box .title .goto_top a {color:#333;}
.research_box .score_box {position:relative; overflow:hidden; }
.research_box .radio_box {padding:20px 0px 15px; box-sizing:border-box; margin:0;}
.research_box .radio_box p {float:left;}
.research_box .radio_box .radio_list {float:right;}
.research_box .radio_list li {float:left;}
.research_box .radio_list input[type="radio"] {vertical-align: middle; margin-right: 5px;}
.radio_list label {margin-right:10px;}
.research_box .score_box:after {content:""; display:block; clear:both;}
.research_box .txt_list {position:relative; padding-right:90px; margin:10px 0 0;}
.research_box .txt_list input#researchContent {display:block; width:100% !important; box-sizing:border-box; height:42px; padding:0 10px; border:1px solid #dcdcdc;}
.research_box .txt_list input#regBtn {display:block; position:absolute; top:0; right:0; width:85px; height:42px; background: #3972fc; color: #fff; text-align:center; box-sizing:border-box; margin:0 !important; border:none;}

/* .research_box .title .goto_top{float:right; padding:0; border:0;top:0;} */
.research_box .title .goto_top:before{display:none;}
.research_box .title .goto_top a{display:block; padding:5px 10px; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:13px; width:100%; height:100%;}
.research_box .title .goto_top a:hover{background:#f1f1f1;}

@media all and (max-width:550px) {
	.research_box .txt_list {padding-right:0;}
	.research_box .txt_list input#researchContent {width:100% !important;}
	.research_box .txt_list input#regBtn {position:relative; margin-top:5px !important; width:100% !important;}
}

#conts img {max-width:100%;}