@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, Contents, ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.03.06 | 문영신 | 최초 등록
 * 2019.03.08 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.03.12 | 문영신 | 톡 간격 margin 추가
 * 2019.03.13 | 문영신 | .m1carousel1 .item 수 1~3 개 대응
 * 2019.03.14 | 문영신 | 도트 중앙정렬, 배경 높이 100%, 나의 채팅 박스 내부 좌측정렬
 * 2020.01.08 | 문영신 | 스크롤바 디자인 수정
 * 2020.06.17 | 김효진 | 날씨, 시간, 김해시장 추가
 * 2020.06.19 | 김효진 | 상단 로고 추가
 * 2020.06.23 | 김효진 | 김해정보 추가
 * 2020.06.26 | 김효진 | 로딩중 스타일 추가
 * 2020.06.30 | 김효진 | 메인 및 서브레이아웃 스타일 적용
 * 2020.07.03 | 김효진 | .m1carousel1 .item .lst3 a.a1, p1, t1 display 속성 수정(ie에서 t1떨어짐)
 * 2020.07.23 | 김효진 | 의견제출 명칭변경으로 수정

 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.03.06
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | [IE9+]
 | RWD ◇◆
 */

/* base.css )) Overwrite. 20190308 ◆◆◆ */


body{
	background:#fff;
	color:#555;
	/* font-weight:400; */
	font-size:1em; /* (((16px */
	line-height:1.375; /* ☆ */
	letter-spacing:-.03125em; /* (-.5px/16px) */
	overflow:hidden; /* ★ */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		/* 'Noto Sans KR','본고딕',NotoSans,'Noto Sans', */
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}


/* ◇◆ 공용 ◇◆ */


/* ◇◆ Layout[common] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.공통 20190314. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html{background:#fff url(../../img/share/bg2.png) repeat-y center top;}
body{
	background:transparent;
	/*background:#dee4ed;*/
}
#container, #wrap, #body{min-height:100%;}
.container{
	position:relative;
	min-width:280px; /* ☆ */
	max-width:560px; /* ☆ */
	margin:auto; /* ☆ */
}
#container{position:relative;}
	#head{
		clear:both;
		z-index:10;
		position:fixed;left:0;right:0;top:0;
		height:52px;
		background:#206aae ;
		/*background:#5242d1url(../../img/share/bg01.png), linear-gradient(45deg, , #5165e5);*/
	}
	#head>.container{}	
	#wrap{
		clear:both;
		z-index:0;
		position:relative;
		min-height:100%;
	}
		#wrap>.container{
			padding:52px 0 100px; /* (#head높이) (#foot높이+여백) */
			background:#dcecff;
			overflow:hidden;
			height:100%;box-sizing:border-box;
		}
			#body{
				z-index:0; /* ☆ z < 다른 펼침 콘텐츠 */
				position:relative;
			}
				#body>.container{
					padding:24px 10px;
				}
	#foot{
		clear:both;
		z-index:10;
		position:fixed;left:0;right:0;bottom:0;
		background:#206aae;
	}
		#foot>.container{padding:12px 10px;}

/* #head */


/* 로고 20190308 */
h1#logo{display:block;
	position:relative;
	padding:0 20px; /* (좌우영역) */
	font-size:0;
	text-align:left;
}
h1#logo .a1{display:inline-block;
	position:relative;
	padding:15px 0 10px;
	color:#fff;
	font-size:20px;
}
h1#logo .a1 img {height:22px}

.b1.ttwrite1 {position:absolute;top:calc(50% - 16px);right:10px;width:140px;height:32px;background:rgba(0,0,0,.35);border-radius:10px;padding-left:29px;color:#fff;font-size:13px;line-height:32px;box-sizing:border-box;}
.b1.ttwrite1:before {position:absolute;top:calc(50% - 7px);left:12px;content:"";display:block;width:12px;height:14px;background:url(/chatbot/_res/SmartChat/img/share/ic28a1write1.png) no-repeat;background-size:contain;}

/* 검색 20190308 */
#input1{
	position:relative;
	min-height:48px;
	padding:0 80px 0 10px;
	border-radius:24px; /* (48/2) */
	background:#fff;
	overflow:hidden;
}
#input1 .text{
	width:100%;
	height:auto;
	min-height:48px;;
	margin:0;
	padding:.875em .125em; /* (화면확인) */
	border:0;
	background:none;
	color:#888;
	font-size:15px;
}
#input1 .text:focus{
	color:#000;
}
#input1 .submit{
	position:absolute;right:0;bottom:0;
	width:35px;
	height:35px;
	margin:7px 10px;
	border:0;
	border-radius:9999px;
	background:#1fce55;
	overflow:hidden;
}
#input1 .submit .t1{
	position:absolute;left:-9999px;
}
 #input1 .submit .ic1{display:inline-block;
	position:absolute;left:0;top:0;
	width:35px;height:35px;
	background:url(../../img/share/ic35a1c0up1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#input1 .voicesearch{
	position:absolute;right:38px;bottom:0;
	width:35px;
	height:35px;
	margin:7px 10px;
	border:0;
	border-radius:9999px;
	background:#1fce55;
	overflow:hidden;
}
#input1 .voicesearch .t1{
	position:absolute;left:-9999px;
}
 #input1 .voicesearch .ic1{display:inline-block;
	position:absolute;left:0;top:0;
	width:35px;height:35px;
	background:url(../../img/share/ic35a1c0mic1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}


/* #body_content */


/* 너의 채팅 20190308 */
.your1chat1{
	position:relative;
	margin:20px 0;
	padding:26px 0 0 70px;
}
.your1chat1 .talker{display:inline-block;
	position:absolute;left:0;top:0;
	width:54px;
	padding:54px 0 0;
	text-align:center;
}
.your1chat1 .talker:before{content:'';
	display:inline-block;
	position:absolute;left:0;top:0;
	width:54px;
	height:54px;
	border-radius:9999px;
	background:#5079da;
	overflow:hidden;
}
.your1chat1 .talker .ic1{display:inline-block;
	position:absolute;left:0;top:0;
	width:54px;
	height:54px;
	background:url(../../img/share/ic108a1c2p1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
.your1chat1 .talker .t1{display:block;
	color:#111;
	font-weight:400;
	font-size:13px;
}
.your1chat1 .chat{display:inline-block;
	position:relative;
	margin:0 35px 0 0;
	padding:.6875em .875em;
	border-radius:5px;
	background:#fff;
	color:#111;
	font-size:15px;
}
.your1chat1 .chat:before{content:''; /* ▽ */
	float:left;position:absolute;left:0;top:0;
	width:0;height:0;
	margin:0 -12px;
	border:12px solid transparent;border-top-color:#fff;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
@media all and (min-width:500px){
	h1#logo {text-align:center;padding:0 50px}
	.your1chat1 .chat {margin-right:70px}
}
/* ☆ */
.your1chat1 .ask{display:block;
	padding:10px 0;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.your1chat1 .ask:last-child{
	padding-top:12px;
	border-bottom:0;
}
.your1chat1 .ask .t1{
	float:left;
}
.your1chat1 .ask .a1{display:inline-block;
	float:right;
	margin:-4px 0 -4px 6px;
	padding:.5em 1em;
	border-radius:9999px;
	background:#1c6ebb;
	color:#fff;
	font-size:13px;
	border:0;
}


/* 나의 채팅 20190314 */
.my1chat1{
	position:relative;
	margin:20px 0;
	overflow:hidden;
	text-align:right;
}
.my1chat1 .talker{display:inline-block;
	width:0;height:0;
	text-indent:-9999px;
	overflow:hidden;
}
.my1chat1 .chat{display:inline-block;
	position:relative;
	margin:0 0 0 70px;
	padding:.75em;
	border-radius:5px;
	background:#00004c;
	color:#fff;
	font-size:15px;
	text-align:left; /* ☆ */
}


/* 회전목마 [JS] owl.carousel.js 20190313 */
.m1carousel1{
	z-index:0;
	position:relative;
	width:100%;
	margin:20px 0;
}
.m1carousel1.total-item-3{
	width:678px; /* (226*3) */
}
.m1carousel1.total-item-2{
	width:452px; /* (226*2) */
}
.m1carousel1.total-item-1{
	width:226px; /* (226*1) */
}
.m1carousel1 .wrap1{
	margin:0 0 0 10px;
}
.m1carousel1 .fg1{
	margin:0 0 0 -20px; /* -(10+10) */
}

/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.owl-carousel{}
.m1carousel1 .owl-stage-outer{}
.m1carousel1 .owl-stage{}
.m1carousel1 .owl-item{}
.m1carousel1 .owl-item.cloned{
	/* visibility:hidden; ☆ ))) 키보드 포커스인에만 동작하도록 JS 처리 */
}
/* 내용 */
.m1carousel1 .item{display:block;
	position:relative;
	/* width:226px; ☆ */
	height:253px; /* (247+6) */
}
.m1carousel1 .item .w1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 0 6px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	box-shadow:3px 3px 3px 0 rgba(0, 0, 0, .1);
}
.m1carousel1 .item .w1w1{display:block;
	position:relative;
	height:37px;
	background:#888;
	color:#fff;
}
.m1carousel1 .item.m1 .w1w1{background:#ea3b8d;}
.m1carousel1 .item.m2 .w1w1{background:#0180a0;}
.m1carousel1 .item.m3 .w1w1{background:#29308a;}
.m1carousel1 .item.m4 .w1w1{background:#4a53cd;}
.m1carousel1 .item.m5 .w1w1{background:#92278f;}
.m1carousel1 .item.m6 .w1w1{background:#674cbe;}
.m1carousel1 .item.m7 .w1w1{background:#f55aa2;}
.m1carousel1 .item.m8 .w1w1{background:#f26c4f;}
.m1carousel1 .item.m9 .w1w1{background:#00a651;}
.m1carousel1 .item.m10 .w1w1{background:#7b2e00;}
.m1carousel1 .item .w1w2{display:block;
	position:relative;
	height:174px;
	margin:2px; /* (내부스크롤바 잘보이려구) */
	overflow:hidden;
	overflow-y:auto;
}
.m1carousel1 .item .w1w3{display:block;
	position:relative;
	height:32px;
	background:#eee;
}
.m1carousel1 .item .t1{display:block;
	padding:.5em 16px;
	font-size:16px;
}
.m1carousel1 .item a.more{display:block;
	padding:.625em 16px;
	color:#222;
	font-size:13px;
	text-align:center;
}
.m1carousel1 .item .lst1{
	list-style:none;
	margin:6px 10px;
	padding:0;
	font-size:0;
}
.m1carousel1 .item .lst1 li{display:inline;}
.m1carousel1 .item .lst1 .a1{display:inline-block;
	max-width:152px;
	height:1.375em;
	margin:3px;
	padding:7px 14px;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#fff;
	color:#000;
	font-size:14px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.m1carousel1 .item .lst2{
	list-style:none;
	margin:6px 10px;
	padding:0;
	font-size:0;
}
.m1carousel1 .item .lst2 li{display:inline;}
.m1carousel1 .item .lst2 .a1{display:inline-block;vertical-align:top;
	margin:3px;
	padding:7px 14px;
	/* background:url(../../img/share/bu1.png) no-repeat 0 .85em; */
	border:1px solid #ddd;border-radius:20px;
	color:#000;
	font-size:14px;
}
.m1carousel1 .item .lst3{
	list-style:none;
	margin:6px 10px;
	padding:0;
	font-size:0;
}
.m1carousel1 .item .lst3 li{display:inline;}
.m1carousel1 .item .lst3 .a1{display:inline-block;vertical-align:top;
	position:relative;
	margin:3px;
	padding:7px 14px;
	color:#000;
	line-height:1.375em;
	/* min-height:44px; */
	border:1px solid #ddd;
	border-radius:20px;
}
.m1carousel1 .item .lst3 .a1 .p1{display:none;
	width:44px;height:44px;
	vertical-align:middle;
	border-radius:100%;
	overflow:hidden;
}
.m1carousel1 .item .lst3 .a1 .p1>img{width:100%;height:100%;}
.m1carousel1 .item .lst3 .a1>.t1{display:block;
	/* width:125px; */
	padding:0;
	font-size:14px;color:#000;line-height:1.375;
	/* line-height:110% */
}

/* 20230307 추가 */
.m1carousel1 .item [class*=lst] .a1>b {font-weight:400}
.m1carousel1 .item.m1 [class*=lst] .a1:hover {background-color:#ea3b8d;border-color:#ea3b8d;color:#fff}
.m1carousel1 .item.m2 [class*=lst] .a1:hover {background-color:#0180a0;border-color:#0180a0;color:#fff}
.m1carousel1 .item.m3 [class*=lst] .a1:hover {background-color:#29308a;border-color:#29308a;color:#fff}
.m1carousel1 .item.m4 [class*=lst] .a1:hover {background-color:#4a53cd;border-color:#4a53cd;color:#fff}
.m1carousel1 .item.m5 [class*=lst] .a1:hover{background:#92278f;border-color:#92278f;color:#fff}
.m1carousel1 .item.m6 [class*=lst] .a1:hover{background:#674cbe;border-color:#674cbe;color:#fff}
.m1carousel1 .item.m7 [class*=lst] .a1:hover{background:#f55aa2;border-color:#f55aa2;color:#fff}
.m1carousel1 .item.m8 [class*=lst] .a1:hover{background:#f26c4f;border-color:#f26c4f;color:#fff}
.m1carousel1 .item.m9 [class*=lst] .a1:hover{background:#00a651;border-color:#00a651;color:#fff}
.m1carousel1 .item.m10 [class*=lst] .a1:hover{background:#7b2e00;border-color:#7b2e00;color:#fff}
.m1carousel1 .item [class*=lst] .a1:hover .cv0, .m1carousel1 .item [class*=lst] .a1:hover>.t1 {color:#fff !important}





/* 메뉴 */
/* 순번 */
.m1carousel1 .owl-dots{
	display:block !important; /* 한페이지라도 보임 */
	margin:6px -10px 0; /* () (.m1carousel1 좌마진) */
	text-align:center;
}
.m1carousel1.total-item-1 .owl-dots{
	display:none !important;
}
.m1carousel1 button.owl-dot{
	width:20px;height:20px;
	margin:0;
	padding: 0 !important;
	border: none;
	background: none;
	color: inherit;
	font: inherit;
}
.m1carousel1 button.owl-dot span{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	border-radius:9999px;
	background-color:#fff;
}
.m1carousel1 button.owl-dot.active span{
    background-color:#206aae;
}


/* ◇◆ 스크롤바 디자인. 20190308. 20200108. ◇◆ */

.scroll2box1{
	display:block;
	z-index:0;
	position:relative;
}
.scroll2box1w1{
	display:block;
	z-index:10;
	position:relative;
	overflow:auto;
}
.vbar	.scroll2box1w1{overflow-y:scroll;}
.hbar	.scroll2box1w1{overflow-x:scroll;}

/* ★ [CR][SF][OP] ::-webkit-scrollbar 스크롤휠 먹통이라 [JS]생성 스타일로 통일 ☆  */

/*	::-webkit-scrollbar 없이 [JS] jquery.jscrollpane.js 생성 스타일 */
.jspContainer{position:relative;overflow:hidden;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;right:0;top:0;
	width:0;
	height:100%;
	border:2px solid #eee; /* ((7-1)/2) (부모배경색) */
	border-width:0 2px;
	border-color:rgba(0,0,0, .05);
	border-color:transparent;
	/* background:#eee; */
	/* background-color:rgba(0,0,0, .05); */
}
.jspHorizontalBar{position:absolute;left:0;bottom:0;
	width:100%;
	height:0;
	border:2px solid #eee; /* ((7-1)/2) (부모배경색) */
	border-width:2px 0;
	border-color:rgba(0,0,0, .05);
	border-color:transparent;
	/* background:#eee; */
	/* background-color:rgba(0,0,0, .05); */
}
.jspCap{}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{ /* 클릭영역 */
	position:relative;
	margin:0 -2px; /* (7-1)/2 */
}
.jspDrag{position:relative;
	left:0;top:0;
	width:4px;
	border-radius:9999px;
	background-color:#000;
	background-color:rgba(0,0,0, .14);
	cursor:pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float:left;
	height:4px;
}
.jspHorizontalBar .jspTrack{
	margin:-2px 0;/* (7-1)/2 */
}
.jspArrow{display:block;
	margin:0;
	padding:0;
	text-indent:-20000px;
	background-color:#808080;
	background-color:rgba(0,0,0, .5);
	cursor:pointer;
}
.jspArrow.jspDisabled{
	background-color:#404040;
	background-color:rgba(0,0,0, .25);
	cursor:default;
}
.jspVerticalBar .jspArrow{
	height:16px;
}
.jspHorizontalBar .jspArrow{	float:left;
	width:16px;
	height:100%;
}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{float:left;
	height:4px;
	margin:-2px 0;
	background-color:#bbb;
	background-color:rgba(0,0,0, .2);
}
/* 접근성 */
.scroll2box1w1:focus{
	outline:1px dotted #000; /* 안보임 */
}
.scroll2box1w1:focus .cont{
	outline:1px dotted #000;
}
.scroll2box1w1:focus .jspDrag{
	box-sizing:border-box;
	border:1px solid #000;
	border-color:rgba(0,0,0, 1);
}


/* 검색결과화면 */
body.search h1#logo{
	color:#fff;font-size:20px;
}
body.search .search_close{display:block;
	position:absolute;
	right:10px;top:5px;
	width:40px;height:40px;
}
body.search .search_close>.ic1{display:block;
	width:40px;height:40px;
	background:url(../../img/share/ic80a1c0close@2x.png) no-repeat;
	background-size:contain;
}
body.search #body{padding:40px 0 0;}

body.search .keyword1{color:#1c6ebb}


/* 카드.픽1글2. 20190326 */
.card1f1t2dl1{display:block;
	position:relative;
	margin:0 auto 20px;
	line-height:1.375;
}
.card1f1t2dl1 .wrap1{}
/* 뷰내용 */
.card1f1t2dl1[class] ul.even-grid{
	font-size:0;
}
.card1f1t2dl1[class] li.column{display:inline-block;
	float:none;
	text-align:left;
	vertical-align:top;
}
.card1f1t2dl1 li .w1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	overflow:hidden;
}
.card1f1t2dl1 .a1{display:block;
	text-decoration:none;
}
.card1f1t2dl1 .a1:focus{
	outline:1px dotted #000;
}
.card1f1t2dl1 .f1{display:block;
	position:relative;
	margin:-1px;
	padding:0 0 65.909%; /* (145/220) */
	background:#eee;
	overflow:hidden;
}
.card1f1t2dl1 .f1.ratio1{ /* ☆ */
	padding:0 0 93.182%; /* (205/220) */
}
.card1f1t2dl1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.card1f1t2dl1 .f1 img{display:block;position:relative;
	width:auto;height:100%;
	min-width:33.4%; /* ☆ */
	max-width:100%;
	margin:0 auto;
}
.card1f1t2dl1 .tg1{display:block;
	padding:14px;
	background:#fff;
}
.card1f1t2dl1 .tg2{display:block;
	margin:-.25em 0; /* -(.card1f1t2dl1 .dl1 .dt .t1) */
	padding:0 14px 14px;
	color:#666;
	line-height:1.5;
	font-size:14px;
	background:#fff;
}
/* ☆ */
.card1f1t2dl1 .tg1{display:block;
	padding:16px;
}
.card1f1t2dl1 .tg1 .t1{display:block;
	color:#000;
	font-weight:500;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
.card1f1t2dl1 .dl1{list-style:none;
	margin:0;
	padding:0;
}
.card1f1t2dl1 .dl1 .di{display:block;
	overflow:hidden;
}
.card1f1t2dl1 .dl1 .dt{float:left;
	/* margin:0 .375em 0 0; */
	color:#333;
	font-weight:400;
}
.card1f1t2dl1 .dl1 .dd{display:block;
	overflow:hidden;
}
.card1f1t2dl1 .dl1 .dt .t1{display:inline-block;
	width:0;
	margin:.25em 0;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
.card1f1t2dl1 .dl1 .dd .t2{display:inline-block;
	margin:.25em 0;
	vertical-align:middle;
}
.card1f1t2dl1 .dl1 .dt .sep{}
.card1f1t2dl1 .dl1 .dt .ic1{display:inline-block;
	width:22px;height:22px;
	margin:0 .25em 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.card1f1t2dl1 .dl1 .address .ic1{background-image:url(../../img/share/ic44a1c2mapmarker1.png);}
.card1f1t2dl1 .dl1 .manage .ic1{background-image:url(../../img/share/ic44a1c2star1.png);}
.card1f1t2dl1 .dl1 .phone .ic1{background-image:url(../../img/share/ic44a1c2phone1.png);}
.card1f1t2dl1 .dl1 .homepage .ic1{background-image:url(../../img/share/ic44a1c2home1.png);}



/* 카드.글3. 20190326 */
.card1t3{display:block;
	position:relative;
	margin:0 auto 20px;
	line-height:1.375;
}
.card1t3 .wrap1{}
/* 뷰내용 */
.card1t3[class] ul.even-grid{
	font-size:0;
}
.card1t3[class] li.column{display:inline-block;
	float:none;
	text-align:left;
	vertical-align:top;
}
.card1t3 li .w1{}
.card1t3 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
	overflow:hidden;
}
.card1t3 .a1:focus{
	outline:1px dotted #000;
}
.card1t3 .tg1{display:block;
	padding:14px;
	border-bottom:1px solid #e7e7e7;
	background:#f7f7f7;
}
.card1t3 .tg2{display:block;
	position:relative;
	padding:14px;
	background:#fff;color:#666;
}
.card1t3 .t1{display:block;
	color:#000;
	font-weight:500;
	font-size:16px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t3 .t2{display:block;position:relative;
	height:36px;
	margin:0 0 14px;
	color:#666;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
}
.card1t3 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:18px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t3 .t3{display:block;
	position:relative;
	max-height:60px;
	color:#333;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.card1t3 .t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
/* ☆ */
.card1t3 .dl1{display:block;
	position:relative;
	margin:0 0 .5em;
	color:#333;
	font-size:13px;
	overflow:hidden;
	max-height: 60px;
}
.card1t3 .dl1:after{content:'…';display:block;
	position:absolute;left:0;right:0;
	top:40px; /* (60-20) */
	width:100%;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to bottom, rgba(255,255,255, 0) 0, #fff 100%);
}
.card1t3 .dl1 dt{
	float:left;
	padding:0 0 0 8px;
	background:url(../../img/share/bu3.png) no-repeat 0 50%;
}
.card1t3 .dl1 dd{display:table-cell;
	width:9999px;
	padding:0 0 .375em .375em;
}




/* 카드.글3스크롤1버튼1. 20190326 */
.card1t3s1b1{display:block;
	position:relative;
	margin:0 auto 20px;
	line-height:1.375;
}
.card1t3s1b1 .wrap1{}
/* 뷰내용 */
.card1t3s1b1[class] ul.even-grid{
	font-size:0;
}
.card1t3s1b1[class] li.column{display:inline-block;
	float:none;
	text-align:left;
	vertical-align:top;
}
.card1t3s1b1 li .w1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
	overflow:hidden;
}
.card1t3s1b1 .tg1{display:block;
	padding:14px;
	border-bottom:1px solid #e7e7e7;
	background:#f7f7f7;
}
.card1t3s1b1 .tg2{display:block;
	position:relative;
	padding:14px;
	background:#fff;
}
.card1t3s1b1 .tg3{ /* xlarge~ 스크롤영역 */
	display:block;
	position:relative;
	padding:14px;
	border-top:1px dashed #e2e2e4;
	background:#fff;
	color:#666;
	font-size:13px;
	line-height:1.5;
	height:85px; /* (13*(1.5*4+(1.5-1))) */
	overflow-y:scroll;
}
.card1t3s1b1 .tg4{display:block;}
.card1t3s1b1 .t1{display:block;
	color:#000;
	font-weight:500;
	font-size:16px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t3s1b1 .dl1{display:block;
	position:relative;
	margin:0 0 -.375em;
	color:#333;
	font-size:13px;
	overflow:hidden;
}
.card1t3s1b1 .dl1 dt{
	float:left;
	padding:0 0 0 8px;
	background:url(../../img/share/bu2.png) no-repeat 0 50%;
}
.card1t3s1b1 .dl1 dd{display:table-cell;
	width:9999px;
	padding:0 0 .375em .375em;
}
.card1t3s1b1 .lst1{display:block;
	list-style:none;margin:0;padding:0;
}
.card1t3s1b1 .lst1 li{display:inline;
	margin:0;padding:0;
}
.card1t3s1b1 .b1{display:block;
	padding:10px;
	background:#004993;
	color:#fff;
	font-size:0;
	text-align:center;
}
.card1t3s1b1 .b1t1{display:inline-block;
	font-size:15px;
	vertical-align:middle;
}
.card1t3s1b1 .b1 .ic1{}



/* 카드.글5. 20190326 */
.card1t5{display:block;
	position:relative;
	margin:0 auto 20px;
	line-height:1.375;
}
.card1t5 .wrap1{}
/* 뷰내용 */
.card1t5[class] ul.even-grid{
	font-size:0;
}
.card1t5[class] li.column{display:inline-block;
	float:none;
	text-align:left;
	vertical-align:top;
}
.card1t5 li .w1{}
.card1t5 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
	overflow:hidden;
}
.card1t5 .a1:focus{
	outline:1px dotted #000;
}
.card1t5 .tg1{display:block;
	max-width:100%;
}
.card1t5 .tg2{display:block;
	position:relative;
	padding:14px;
	background:#fff;color:#666;
}
.card1t5 .t1{display:block;
	width:100%;
	height:33px;
	padding:.5em 20px;
	background:#059edb;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t5 .t2{display:block;position:relative;
	height:44px;
	margin:0 0 14px;
	color:#000;
	font-weight:500;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
.card1t5 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:22px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t5 .t3{display:block;position:relative;
	height:36px;
	margin:0 0 14px;
	color:#666;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
}
.card1t5 .t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:18px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t5 .t4{display:block;
	position:relative;
	max-height:60px;
	margin:0 0 14px;
	color:#333;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.card1t5 .t4:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t5 .t5{display:block;position:relative;
	color:#666;
	font-size:13px;
	overflow:hidden;
}
.card1t5 .t5t1{display:inline-block;
	padding:.1875em 0;
}
.card1t5 .t5t1:after{content:'';display:inline-block;
	width:0;height:12px;
	margin:0 .5em -1px .75em;
	border-left:1px solid #ddd;
}
.card1t5 .t5t1:last-child:after{display:none;}



/* 카드.픽1글2. 20190326 */
.card1f1t2{display:block;
	position:relative;
	margin:0 auto 20px;
	line-height:1.375;
}
.card1f1t2 .wrap1{}
/* 뷰내용 */
.card1f1t2[class] ul.even-grid{
	font-size:0;
}
.card1f1t2[class] li.column{display:inline-block;
	float:none;
	text-align:left;
	vertical-align:top;
}
.card1f1t2 li .w1{}
.card1f1t2 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
	overflow:hidden;
}
.card1f1t2 .a1:focus{
	outline:1px dotted #000;
}
.card1f1t2 .f1{display:block;
	position:relative;
	margin:-1px;
	padding:0 0 75%; /* (165/220) */
	background:#eee;
	overflow:hidden;
}
.card1f1t2 .f1.ratio1{ /* ☆ */
	padding:0 0 93.182%; /* (205/220) */
}
.card1f1t2 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.card1f1t2 .f1 img{display:block;position:relative;
	width:auto;height:100%;
	min-width:33.4%; /* ☆ */
	max-width:100%;
	margin:0 auto;
}
.card1f1t2 .tg1{display:block;
	position:relative;
	padding:14px;
	background:#fff;
}
.card1f1t2 .t1{display:block;position:relative;
	height:44px;
	margin:0 0 .375em;
	color:#000;
	font-weight:500;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
.card1f1t2 .t1:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1f1t2 .t2{display:block;position:relative;
	color:#666;
	font-size:13px;
	overflow:hidden;
}
.card1f1t2 .t2t1{display:inline-block;
	padding:.1875em 0;
}
.card1f1t2 .t2t1:after{content:'';display:inline-block;
	width:0;height:12px;
	margin:0 .5em -1px .75em;
	border-left:1px solid #ddd;
}
.card1f1t2 .t2t1:last-child:after{display:none;}




/* pagination 20180212 */
.pagination{clear:both;width:100%;margin:.75em auto 0;text-align:center;}
.pagination .m{display:inline;}
.pagination .m a{display:inline-block;
	width:34px;height:34px;
	margin:0 .0625em .375em .0625em;
	border:1px solid #d7d7d7;
	background:#fff;
	color:#777;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
}
.pagination .pages .m a{
	width:auto;
	min-width:1em;
	padding:0 9px;
	font-size:1em;
	line-height:34px;
}
.pagination .pages .on a{
	border-color:transparent;
	background:#444;
	color:#fff;
}
.pagination .control .m a .ic{display:block;
	font-weight:100;
	font-family: Arial, sans-serif; /* ☆ */
	font-size:30px;
	line-height:30px;
}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]){opacity:.4;}


/* 정보메뉴 20180212 */
.infomenu1{z-index:10;clear:both;position:relative;margin:1.5em 0;}
.infomenu1:before,
.infomenu1:after{content:'';display:table;clear:both;}
.infomenu1 .info1{color:#767676;}
.infomenu1 .left{float:left;text-align:left;}
.infomenu1 .right{float:right;text-align:right;}
.infomenu1 .center{margin:0 auto;text-align:center;}
.infomenu1 .center .button{margin-left:.25em;margin-right:.25em;}


/* 날씨. 20200324 */
#weather1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:15px auto 5px;
}
#weather1 img{max-width:100%;}
#weather1 .wrap1{
	position:relative;
	border:1px solid #d7d7d7;
	border-radius:7px;
	background:#fff;
	overflow:hidden;
}
#weather1 .w1{
	text-align:center;
	padding:10px 0;
}
#weather1 .w1w1,
#weather1 .w1w2{display:inline-block;
	vertical-align:middle;
}
#weather1 .w2{
	padding:0;
	background:#f7f7f7;
	text-align:center;
	overflow:hidden;
}
#weather1 .w2w1{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:50%;
	border:1px solid #d7d7d7;
	padding:3px 0;
}
#weather1 .w2w1:first-child{border-width:1px 1px 1px 0;}
#weather1 .w2w1:nth-child(2){border-width:1px 0 1px 0;}
#weather1 .w2w1:nth-child(3){border-width:0 1px 0 0;}
#weather1 .w2w1:nth-child(4){border-width:0;}
#weather1 .ic1{display:inline-block;
	width:100px;height:90px;
}
#weather1 .ic1 img{display:inline-block;
	margin:-5px 0;
}
#weather1 .t1,
#weather1 .t2{display:block;
	color:#000;
	font-size:14px;
}
#weather1 .t3{display:block;
	color:#000;
	line-height:1;
	text-align:left;
}
#weather1 .t3t1{font-size:40px;}
#weather1 .t3t2{font-size:20px;}
#weather1 .t4t1{display:block;font-weight:600;font-size:12px;}
#weather1 .t4t2{display:block;
	color:#555;
	font-size:12px;
}
#weather1 .t4t3{display:block;
	box-sizing:border-box; /* ☆ */
	width:70px;
	margin:4.5px auto 0;
	padding:.25em .75em;
	background:#689f38;
	border-radius:9999px;
	color:#fff;
	font-size:13px;
}

/* 현재 시각. 20200330. */
#time1{display:block;position:relative;}
#time1 .wrap1{}
#time1 .w1{text-align:center;padding:10px 0;}
#time1 .w1w1,
#time1 .w1w2{display:inline-block;vertical-align:middle;}
#time1 .ic1{display:inline-block;width:100px;height:90px;background:url(/chatbot/_res/SmartChat/img/share/ic1time1.png) no-repeat center center;background-size:contain;}
#time1 .t1{display:block;color:#000;text-align:left;font-size:14px;}
#time1 .t2{display:block;color:#000;line-height:1;text-align:left;font-size:40px;}

/* 김해시장검색 추가 20200617 김효진 */
.chat1ans {margin-top:10px;padding-top:15px;border-top:2px solid #8C9EB9}
.chat1ans:first-child {margin-top:0;padding-top:0;border-top:0}
.chat1ans .w1 .w1w1 {height:37px;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;}
#mayor1 .w1 .w1w1 {background:#096;}
#market1 .w1 .w1w1 {background:#1c90bb;}
.chat1ans .w1 .w1w1 .t1 {display:block;font-size:16px;padding:.5em 16px;}
.chat1ans .w1 .w1w2 .f1p1 {display:block;}
.chat1ans .w1 .w1w2 .f1p1 img {width:100%}
.chat1ans .w1 .w1w2 .txt1 {padding:0 10px;font-size:14px;margin-top:.75em;margin-bottom:.75em}
.chat1ans .lst1 {border-top:1px dashed #ccc;font-size:1em;padding:.5em 0 0 0;margin-top:.5em}
.chat1ans .lst1 li {display:block;}
.chat1ans .lst1 li a {position:relative;display:block;border:0;border-radius:0;background-color:#f6f6f6;max-width:none;font-size:14px;color:#444;padding:9px 15px 7px;margin:3px}
.chat1ans .lst1 li a:after {position:absolute;top:calc(50% - 2px);right:10px;content:"";display:block;width:4px;height:4px;border:1px solid #333;border-right:0;border-bottom:0;box-sizing:border-box;transform:rotate(135deg);}


/* 김해정보추가 */
#ginfo1 p, .ginfo1 p {margin:0;}
#ginfo1 .lst1, .ginfo1 .lst1 {border-top:1px dashed #ccc;font-size:1em;padding:1em 0 0 0;margin-top:1em;margin-bottom:0;list-style:none;}
#ginfo1 .lst1 li a, .ginfo1 .lst1 li a {position:relative;display:block;border:0;border-radius:0;background-color:#f6f6f6;max-width:none;font-size:14px;color:#444;padding:9px 20px 7px 8px;margin:3px}
#ginfo1 .lst1 li a:after, .ginfo1 .lst1 li a:after {position:absolute;top:calc(50% - 2px);right:10px;content:"";display:block;width:4px;height:4px;border:1px solid #333;border-right:0;border-bottom:0;box-sizing:border-box;transform:rotate(135deg);}

/* 코로나 */
#covid19 .f1 {display:block;margin-bottom:.5em}
#covid19 .f1 img {/* max-height:36px */max-width:100%;max-height:65px}

.chat1ans .lst1 li a.a2 {background-color:#e6f3fe;color:#0083f9}

/* 키워드 */
.keywd1list ul {list-style:none;padding:0;margin:-5px 0 0 30px;}
.keywd1list li {display:inline-block;vertical-align:top;margin:2px 2px;min-width:66px;text-align:center;}
.keywd1list li a {display:block;background:#fff;border:1px solid #e7e7e7;border-radius:	15px;font-size:15px;letter-spacing:-.025em;color:#000;padding:.4em 10px;}

/* ◇◆ StyleName. YYYYMMDD. @Who ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:560px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
.even-grid.gap14px{margin:7px 0 !important;}

} /* /(min-width:560px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

/* 인트로 */
#intro {position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;}
#intro .wrap1 {display:table;width:100%;height:100%;max-width:560px;margin:0 auto;background:#206aae url(/chatbot/_res/SmartChat/img/share/intro.png) no-repeat 50% 50%;}
#intro .wrap1 .container {display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;}