@charset "UTF-8";

/* **** 공통설정 ***** */
.btn_normal {/* margin-top:30px; */ border:1px solid #ddd; color:#666; font-size:14px;}
.btn_normal:hover {background:#404e93; color:#fff;}
.btn_point {background:#1b1464; color:#fff;}
.btn_point:hover {background:#0d0746; color:#fff;}
.btn_type2 {border:1px solid #3c85c4; color:#3c85c4; background:#eef7ff; font-size:13px; padding:7px 18px; border-radius:5px;}
.btn_type2:hover {background:#cce7ff;}
.btn_type3 {display:inline-block; margin-left:10px; color:#fff; font-weight:300; font-size:14px; padding:5px 23px 5px 6px; line-height:1; border-radius:3px; background-color:#ccc; background-image:url(/uljujm/images/sub/small_plus_w.png); background-repeat:no-repeat; background-position:90% 7px;}
.dic_result dt a:hover .btn_type3,
.btn_type3:hover {background-color:#5e8fc7;}
.line {width:100%; height:1px; background:#ddd; margin:70px 0; clear:both;}
.w100 {width:100%;}

/* 셀렉트박스&인풋 */
select, input {width:100%; height:40px; padding:0 10px; border: 1px solid #ddd;}

/* 제목 */
#content_wrap.sub h3 {margin-bottom:30px; padding-left:20px; font-size:20px; color:#404e93; background:url(/uljujm/images/layout/bul_type_h3.png) no-repeat 0 4px;}
h6 {margin:30px 0 10px; font-size:18px !important; color:#000;}
h5 {margin:0 0 10px; font-size:16px !important; font-weight:400;}

/* 개인정보동의 */
.agree_wrap {padding:0; border:0;}
.agree_wrap .agree_con {padding:20px; height:170px; overflow-y:auto; border:10px solid #eee; border-bottom:0; font-size:15px;}
.agree_wrap .agree_con p {margin-bottom:10px; color:#666;}
.agree_wrap .ckwrap {padding:15px 30px; color:#fff; background-color:#292e3e;}
.agree_wrap .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.agree_wrap .ckwrap input {display:none;}
.agree_wrap .ckwrap label {position:relative; left:auto; top:auto; width:auto; height:15px; margin-bottom:0; padding-left:25px; font-size:15px; color:#fff !important; background:url(/uljujm/images/layout/icon_ck.png) no-repeat 0 50%; cursor:pointer;}
.agree_wrap .ckwrap input:checked+label {background:url(/uljujm/images/layout/icon_ckon.png) no-repeat 0 50%;}


/* 첨부파일 */

input[type="file"] {margin-bottom:10px; padding:.5em .75em; background-color: #f5f5f5; border: 1px solid #eee; border-radius:5px;}
textarea {border:1px solid #ddd;}

/* 게시글 답변 */
i.reply {display:inline-block; width:13px; height:13px; margin-right:10px; background:url(/uljujm/images/ico/i_reply.png) no-repeat 0 50%;}

/* 레이어팝업(패스워드) */
.masklayer {display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0; padding:0 10px; overflow:auto; background:rgba(0,0,0,.8);}
.masklayer .holder {position:relative; margin:0 auto; padding:35px 30px; border:5px solid #0f83d5; max-width:690px; background:#fff;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; width:21px; height:21px;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {padding:35px 15px; background:#f5f5f5;}
.masklayer .wrp-input-password p {font-size:1.143em; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; /*padding-right:140px;*/ padding-left:70px; max-width:400px; background:#f5f5f5;}
.masklayer .wrp-input label {width:auto; height:40px; line-height:40px; font-weight:500; font-size:14px;}
.masklayer .wrp-input .set-button {/*position:absolute;*/ margin-top:20px; text-align:center; bottom:0; right:0; /*margin:0; width:130px;*/}
.masklayer .set-button {/*position:absolute;*/ margin-top:20px; text-align:center; bottom:0; right:0; /*margin:0; width:130px;*/}


/* *** 지명지리 소개 *** */
/* 지명이란? */
.annotate {display:inline-block; font-size:12px; vertical-align:super;}
.conP p {font-size:16px; line-height:1.6;}
.conP p small {color:#666; margin-top:10px; display:block;}
.defineR {padding-right:5%;}

/* 구축목적 */
.infoBox {overflow:hidden;width:100%;border:10px solid transparent; border-image:url(/uljujm/images/sub/borderBg.png) 10 round !important;padding:60px;margin:70px 0 0;}
.infoBox>div {float:left; width:50%;}
.infoBox>div:nth-child(2) {padding-left:50px;}
.infoBox p {font-size:16px; word-break:keep-all; line-height:1.6;}

.ulbox li {word-break:keep-all; padding-left:20px; font-size:15px; margin-bottom:10px; background:url(/uljujm/images/sub/ulbox.jpg) no-repeat 0 6px;}
.mImg {display:none;}

.purpose::before,
.purpose::after {display:block; content:""; margin:20px auto; width:32px; height:24px; background-repeat:no-repeat; backgrond-position:center;}
.purpose::before {background-image:url(/uljujm/images/sub/icon_l_quotes.jpg)}
.purpose::after {background-image:url(/uljujm/images/sub/icon_r_quotes.jpg)}
.purpose p {font-size:22px; word-break:keep-all;}

/* 이용안내 */
.guide {}
.guide_part {margin-bottom:50px; font-size:18px;}
.guide_part h4 {font-size:23px; color:#404e93; margin-bottom:20px;}
.guide_part h5 {font-size:30px; color:#000; margin-bottom:45px;}
.guide_part p {color:#888; font-weight:300;}
.guide_con {color:#666; margin-top:30px;}
.guide_con p {font-size:16px;}
.guide_con>div>div:last-child {padding-left:30px;}
/* 이용안내 탭 */
.sub_tab {display:table; width:100%; margin-bottom:60px; }
.sub_tab a {display:table-cell; width:25%; text-align:center; vertical-align:middle; border:1px solid #ddd; border-right:0; padding:15px 0; font-size:16px;}
.sub_tab a:last-child {border-right:1px solid #ddd;}
.sub_tab a.on, .sub_tab a:hover {background:#0e4788; color:#fff;}


/* 연혁 */
.history_list{width:100%; height:auto; display:none; font-size:0; margin-top:40px;}
.history_list.on{display:block;}
.history_list .list_year{width:240px; display:inline-block;  position:relative; vertical-align:top;}
.history_list .list_year:before{content:""; display:block; width:100px; background-color:#404e93; height:1px; position:absolute; right: 14px; top:13px;}
.history_list .list_year:after{content:""; display:block; width:7px; height:7px; border-radius:50%; -webkit-border-radius:50%; background-color:#404e93; position:absolute; right:-4px; top:10px;}
.history_list .list_year span{font-size:24px; font-weight:400; color:#05548f; letter-spacing:-1.2px; line-height:1em; display:block;}
.history_list .list_year b{font-size:80px; color:#404e93;display:block;line-height:1em; letter-spacing:-5px; font-weight:500;}
.history_list .list_day{width:calc(100% - 240px); display:inline-block; position:relative; padding:0 35px; box-sizing:border-box; vertical-align:top; padding-top:4px;}
.history_list .list_day:before{content:""; display:block; width:1px; height:calc(100% - 15px); position:absolute; background-color:#e1e1e1; left:0; top:14px; z-index:-1;}
.history_list .list_day dl{width:100%; box-sizing:border-box; font-size:0;}
.history_list .list_day dl dt{font-size:17px; font-weight:600; color:#05548f; letter-spacing:-0.5px; width:120px; display:inline-block;vertical-align:top; line-height:21px;}
.history_list .list_day dl dd{width:calc(100% - 55px); font-size:17px; font-weight:400; color:#000; letter-spacing:-0.5px; line-height:21px; display:inline-block; vertical-align:top; padding-top:5px; padding-left:15px; background:url(/uljujm/images/layout/dash.jpg) no-repeat 0 16px;}
.history_list .list_day dl dd:nth-of-type(n+2){clear:both;}
.history_list .list_day dl dt:nth-of-type(n+2) {margin-top:25px;}
.history_list.all .list_day,
.history_list.all .list_year{margin-top:90px}
.history_list.all .list_day.m_t_none,
.history_list.all .list_year.m_t_none{margin-top:0 !important;}
.history_list.all .list_day:nth-of-type(n+4):before{top:-100px; height:calc(100% + 100px);}


/* *** 지명지리 데이터베이스 *** */
/* 지도검색창 */
#mapS_wrap {display:block;
	position:fixed; z-index:98; top:0; left:250px; width:340px; height:100%;
	border-right:1px solid #eee; background:#fff; box-shadow:2px 2px 15px -7px rgba(0,0,0,.2);
	-webkit-transition:.4s ease-in-out; transition:.4s ease-in-out;
}
#mapS_wrap.on {
	left:-90px;
	box-shadow:-3px 0px 3px rgba(135,135,135,0.1)
}
/* 지도검색-버튼 */
#mapS_wrap .mapBtn {
	position:absolute; top:50%; right:-26px; transform:translate(0,-50%);
	background:#555; border-radius:0 5px 5px 0;
}
#mapS_wrap .mapBtn button {
	position:relative; width:26px; height:60px;
	padding:0; margin:0; text-align:center;
	background:#eee;
	background:url(/uljujm/images/layout/map_arrow_close.png) no-repeat 8px center;
}
#mapS_wrap.on .mapBtn button {background:url(/uljujm/images/layout/map_arrow_open.png) no-repeat 8px center;}
/* 지도검색-컨텐츠영역 */
#mapS_wrap .map_in {width:85%; margin:0 auto;}
#mapS_wrap .map_in>div {margin-bottom:30px;}
#mapS_wrap .map_in h3 {margin-bottom:15px !important;}
#mapS_wrap .map_in select {width:100%; height:40px; padding:0 10px; border:1px solid #ddd;}
/* 지도검색-컨텐츠영역(검색) */
#mapS_wrap .map_in .map_search {
	display:block; width:100%; height:45px; line-height:45px;
	margin:30px auto; padding:0 0 0 10px; color:#999; border:1px solid #ddd;
}
#mapS_wrap .map_in .map_search input {width:85%; border:0; line-height:1;}
#mapS_wrap .map_in .map_search button span {display:inline-block; width:23px; background:url(/uljujm/images/layout/i_search_c.png) no-repeat 0 center; text-indent:-9999px;}

/* 지도검색-컨텐츠영역(읍면) */
#mapS_wrap .map_in .town a {display:inline-block; margin-bottom:8px; padding:2px 13px; border-radius:50px; border:1px solid #ddd;}
#mapS_wrap .map_in .town a:hover,
#mapS_wrap .map_in .town a.on {border:1px solid #1b1464; background:#1b1464; color:#fff;}
/* 지도검색-컨텐츠영역(대분류) */
#mapS_wrap .map_in .cate_01 ul {display:block; text-align:center;}
#mapS_wrap .map_in .cate_01 ul li a {display:block; line-height:1; margin-bottom:5px;}
#mapS_wrap .map_in .cate_01 ul li a span {display:block; width:45px; height:45px; margin:0 auto 5px; border-radius:50%;}
#mapS_wrap .map_in .cate_01 ul li a span.on {background-image:url(/uljujm/images/sub/mapS_sel.png) !important;}
/* #mapS_wrap .map_in .cate_01 ul li a span i {display:block; width:40px; height:40px;} */
#mapS_wrap .map_in .cate_01 ul li:first-child a span {background:#3ebda4;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(2) a span {background:#badc58;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(3) a span {background:#f0932b;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(4) a span {background:#ffba01;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(5) a span {background:#eb4d4b;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(6) a span {background:#686de0;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(7) a span {background:#7ed6df;}
#mapS_wrap .map_in .cate_01 ul li:nth-child(8) a span {background:#5e8fc7;}

/* 지도검색-컨텐츠영역(소분류) */
#mapS_wrap .map_in .cate_03 {height:140px; overflow-y:scroll;}
#mapS_wrap .map_in .cate_03 ul li {padding-left:10px; background:url(/uljujm/images/layout/bul_round_b.png) no-repeat 0 9px; line-height:1.6;}
/* 지도검색 - 컨텐츠영역 (모바일텍스트) */
#mapS_wrap .mo_txt {display:none;}

/* 지도검색 - 지도영역 */
#mapS_map {height:100vh;}

/* 지도검색 - 지도영역 인포 */
.mapS_info {padding:30px; width:800px;}
.mapS_info .mapS_tit {font-size:24px; color:#1b1464; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #1b1464;}
.mapS_info .mapS_con {font-size:15px; color:#555; line-height:1.6; max-height:350px; overflow-y:scroll;}
.colpd>div {padding:0 10px;}

/* 지도 데이터 없을 경우 */
.map_nodata {position:absolute; width:100%; display:table; background:rgba(0,0,0,.75); z-index:99;}
.map_nodata p {display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:16px;}

.map_noimg {position:relative; height:405px;}
.map_noimg .map_noimg_p {position:absolute; width:100%; height:100%; display:table; background:rgba(0,0,0,.75); text-align:center; z-index:9;}
.map_noimg img {position:absolute; top:0; left:0;}
.map_noimg p {display:table-cell; vertical-align:middle; color:#fff; font-size:16px;}



/* 지명검색 */
.dic_sel>div[class*="col"],
.dic_selbox>div[class*="col"] {padding:0 10px;}
/* 한글표기 */
.dic_sel .dic_label a {display:inline-block; padding:7px 12px; margin-bottom:4px; border:1px solid #ddd; background:#f8f8f8;}
.dic_sel .dic_label a:hover,
.dic_sel .dic_label a.on {background:#1b1464; color:#fff;}
.dic_sel .search_wrap {margin:0;}
.dic_sel .search_wrap input {height:38px; line-height:38px;}
.dic_sel .search_wrap button {width:38px; height:38px;}
/* 지명검색 - 셀렉트박스 */
.dic_selbox {margin-top:10px;}
/* 지명검색 - 검색결과 */
.dic_result {margin-top:30px;}
.dic_result dl dt {margin-bottom:5px; padding-left:10px; font-size:16px; font-weight:600; background:url(/uljujm/images/layout/bul_round_b.png) no-repeat 0 9px;}
.dic_result dl dd {margin-bottom:20px; padding:20px; border:1px solid #eee; border-radius:5px; background:#f8f8f8;}
.dic_result dl dd span {display:block; margin-top:5px; padding-left:10px; color:#5e8fc7; background:url(/uljujm/images/layout/dash_s.jpg) no-repeat 0 9px;}
.dic_result dl dd img {margin-top:10px; width:300px;}
/* 지명검색 - 고시,미고시 */
.notification {display:inline-block; margin-right:5px; padding:3px 4px; line-height:1; border-radius:3px; color:#fff; font-size:14px; font-weight:300;}




/* *** hi-story *** */
/* 리스트 */
.hi_list>div {padding:10px;}
.hi_list>div .thumb_wrap {display:block; border:1px solid #ddd; overflow:hidden;}
.hi_list>div .thumb_wrap>div {overflow:hidden;}
.hi_list>div .thumb_wrap p {height:45px; line-height:45px; padding:0 10px; font-size:16px; z-index:99}
.hi_list>div .thumb_wrap p span {margin-right:5px; padding:3px 15px; background:#404e93; color:#fff; border-radius:30px; font-size:14px;}
.hi_list>div .thumb_wrap .img {
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hi_list>div .thumb_wrap .img:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/* 뷰페이지 */
.hi_tit {text-align:center;}
.hi_tit h3 {margin-bottom:20px !important; font-size:26px !important; background:none !important; padding-left:0 !important;}
.hi_tit h4 {margin-bottom:70px; font-size:16px; font-weight:400; color:#999;}
.hi_tit h4 span {margin-right:20px; font-weight:500; color:#404e93;}
.hi_con {margin:70px auto; background:#f9f9fb; padding:40px;}
.hi_con p {font-size:16px; line-height:1.6; margin-bottom:30px;}
.hi_foot {margin-bottom:50px;}
.hi_foot>div>div {height:405px; overflow:hidden;}
.hi_foot>div:first-child {padding-right:15px;}
.hi_foot>div:last-child {padding-left:15px;}
.hiview_wrap {position:relative; height:100%;}
.hiview_slide .slick-slide>a {display:block;}
.hiview_slide .slick-slide img {width:100%; height:405px;}
.hiview_control {position:absolute; width:100%; bottom:0; left:0; padding:10px; background:rgba(0,0,0,.7); text-align:right;}
.hiview_control a {display:inline-block; width:19px; height:19px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; opacity:.7; text-align:left;}
.hiview_control a.btn_prev {background-image:url(/uljujm/images/main/btn_popPrev.png);}
.hiview_control a.btn_next {background-image:url(/uljujm/images/main/btn_popNext.png);}
.hiview_control a.btn_pause {background-image:url(/uljujm/images/sub/btn_hivPause.png);}
.hiview_control a.btn_play {background-image:url(/uljujm/images/sub/btn_hivPlay.png);}
.hiview_control a:hover {opacity:1;}
/* 관련이미지 없는 경우 - 사진등록 */
.add_photo {margin-top:10px; line-height:34px;}
.add_photo span:first-child {margin-left:10px; color:#888;}
.add_photo a.add {float:right; display:inline-block; border:1px solid #5e8fc7; color:#5e8fc7;}
.add_photo a.add i {display:inline-block; width:15px; height:11px; background:url(/uljujm/images/sub/i_camera.png) no-repeat; margin-right:5px;}
.add_photo a.add:hover {background:#5e8fc7; color:#fff;}
.add_photo a.add:hover i {background:url(/uljujm/images/sub/i_camera_w.png) no-repeat;}

/* 상세보기 */
.map_wrap {height:600px; margin-bottom:30px;}

/* 지명조사표 */
.rstbl th {width:120px;}
.rstbl td {width:120px;}
.rstbl .tdalign {text-align:center !important; padding:0 !important;}
.rstbl img,
.rstbl #map {height:230px;}
.prt_btn {display:inline-block; float:right;}
.prt_btn .i_print {display:inline-block; width:18px; height:15px; margin-right:8px; vertical-align:bottom; background:url(/uljujm/images/sub/icon_print.png) no-repeat;}

#chart_div svg {width:100%;}

@media print {
	.rstbl ul {display:block;}
	.rstbl ul li {width:50%; float:left;}
}

/* e-book 표지 */
.eb_mobile {display:none;}
.ebook_list {width:100%; border:1px solid #ddd;}
.ebook_list th {text-align:center; font-weight:500; color:#404e93;}
.ebook_list th, .ebook_list td {width:16.667%; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.eb_pc ul:after{content:""; display: block; clear: both;}
.eb_pc li {float: left; width:33.3333333%; padding: 10px; text-align: center; margin-bottom: 10px;}
.eb_pc li .tit{margin-bottom: 5px; font-size: 18px; font-weight:600; color:#222;}
.eb_pc li p{font-size: 14px; color: #888;}
.eb_pc li img{width: 60%; border: 1px solid #ddd;}
.eb_pc li .bt{width: 70%; height: 17px; margin: 0 auto 15px auto; background-color: #fff; border: 1px solid #d2d2d2; box-shadow: 0px 5px 5px rgb(192 192 192);}


/* 도로명주소 */
.road_name_address a {display: block; margin: 15px auto; padding: 14px 19px; color: #3a56ae; font-size: 19px; max-width: 410px; border: 1px solid #3a56ae; font-weight: 500; text-align: center;}
.road_name_address a:hover {color: #fff; background-color: #3a56ae;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media screen and (min-width: 1200px) and (max-width: 1450px) {

	/* *** 지명지리 소개 *** */
	/* 구축목적 */
	.infoBox {margin:50px 0 0;}
	.infoBox>div:first-child {width:100%; text-align:center;}
	.infoBox>div:nth-child(2) {width:100%; padding-left:0px; padding-top:50px;}


	/* 지도검색 - 지도영역 인포 */
	.mapS_info {padding:30px; width:500px;}
	.mapS_info>.colpd>div {width:100% !important;}
	.mapS_info .mapS_con {max-height:290px;}
	.mapS_info .mapS_img {margin-top:10px;}

}

/* ************************ 태블릿 이하(~1199) ************************ */
@media screen and (max-width: 1199px) {

	/* *** 지명지리 소개 *** */
	/* 구축목적 */
	.infoBox {margin:50px 0 0;}
	.infoBox>div:first-child {width:100%; text-align:center;}
	.infoBox>div:nth-child(2) {width:100%; padding-left:0px; padding-top:50px;}

	/* *** 지명지리 데이터베이스 *** */
	/* 지도검색창 */
	#mapS_wrap {top:70px; left:0;}
	#mapS_wrap.on {left:-340px;}
	/* 지도검색-버튼 */
	#mapS_wrap .mapBtn {right:-26px;}

	/* 지도검색 - 지도영역 인포 */
	.mapS_info {padding:15px; width:450px;}
	.mapS_info .mapS_tit {font-size:20px; padding-bottom:10px; margin-bottom:20px;}
	.mapS_info .mapS_con {max-height:145px;}
	.mapS_info .mapS_img {margin-top:20px;}


	/* *** hi-story *** */
	.hi_foot>div>div,
	.hiview_slide .slick-slide img,
	.map_noimg {height:450px;}
	.hi_foot>div:first-child {padding-right:0; width:100%; margin-bottom:30px;}
	.hi_foot>div:nth-child(2) {padding-left:0; width:100%;}

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	.line {margin:50px 0;}

	.mImg {display:block; width:300px; margin:0 auto;}
	.pcImg {display:none;}

	/* 제목 */
	#content_wrap.sub h3 {margin-bottom:20px;}
	h6 {font-size:16px !important;}

	/* 개인정보동의 */
	.agree_wrap .agree_con {border:5px solid #eee; font-size:14px;}
	.agree_wrap .ckwrap label {font-size:14px;}

	/* 첨부파일 */
	input[type="file"] {width:100%;}
	

	/* *** 지명지리 소개 *** */
	/* 지명이란 */
	.defineR {padding-right:0; margin-bottom:5%;}

	/* 구축목적 */
	.infoBox {padding:30px 15px; margin:30px 0 0;}
	.infoBox>div:nth-child(2) {padding-top:30px;}

	.purpose p {font-size:18px; margin-bottom:10px;}


	/* 이용안내 */
	.guide_part {font-size:15px;}
	.guide_part h4 {font-size:21px;}
	.guide_part h5 {font-size:26px; margin-bottom:25px;}
	.guide_part p {color:#888; font-weight:300;}
	.guide_con {color:#666; margin-top:30px;}
	.guide_con>div>div:last-child {padding-left:0; padding-top:10px;}
	/* 이용안내 탭 */
	.sub_tab a {display:block; width:100%; border:1px solid #ddd; border-bottom:0;}
	.sub_tab a:last-child {border-bottom:1px solid #ddd;}


	/* 연혁 */
	.sub .history_list:first-child {margin-top:0;}
	.history_list .list_year {width:100%; margin-bottom:20px;}
	.history_list .list_year:before{width:70%;}
	.history_list .list_year span{font-size:16px;}
	.history_list .list_year b{font-size:40px; letter-spacing:-2px;}
	.history_list .list_day{width:100%; padding:0;}
	.history_list .list_day:before{display:none;}
	.history_list .list_day dl dd {width:100%;}


	/* *** 지명지리 데이터베이스 *** */
	#mapS_wrap .mo_txt {display:block;}
	/* 지도검색창 */
	#mapS_wrap {
		position:relative; top:70px; left:0; width:100%; height:110px;
		border-right:0; border-bottom:1px solid #eee;
	}
	#mapS_wrap.on {
		left:0; height:100%;
	}
	#mapS_wrap.on .map_in {height:auto;}
	/* 지도검색-버튼 */
	#mapS_wrap .mapBtn {
		top:110px; left:50%; right:auto; transform:translate(-50%,0); border-radius:0 0 5px 5px;
	}
	#mapS_wrap .mapBtn button {
		width:60px; height:20px;
		background:url(/uljujm/images/layout/sub_select_w.png) no-repeat center 7px;
	}
	#mapS_wrap.on .mapBtn {top:auto; bottom:-20px;}
	#mapS_wrap.on .mapBtn button {background:url(/uljujm/images/layout/sub_select_up_w.png) no-repeat center 7px;}
	/* 지도검색-컨텐츠영역 */
	#mapS_wrap .map_in {width:90%; height:100px; overflow:hidden; background:#fff;}
	#mapS_wrap .map_in>div {margin-bottom:20px;}
	#mapS_wrap .map_in h3 {margin-bottom:10px !important;}
	/* 지도검색-컨텐츠영역(검색) */
	#mapS_wrap .map_in .map_search {margin:20px auto 10px;}
	#mapS_wrap .map_in .map_search button span {height:23px; margin-top:10px;}

	/* 지도검색 - 지도영역 */
	#mapS_map {margin-top:70px; height:450px;}

	/* 지도검색 - 지도영역 인포 */
	.mapS_info {padding:10px; width:280px;}
	.mapS_info .mapS_tit {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
	.mapS_info .mapS_con {max-height:95px;}
	.mapS_info .mapS_img {margin-top:10px;}
	.mapS_info a {font-size:12px !important;}

	/* 지도 데이터 없을 경우 */
	.map_nodata, .map_noimg, .map_noimg img {height:350px !important;}


	/* 지명검색 */
	.dic_sel>div[class*="col"],
	.dic_selbox>div[class*="col"] {padding:0;}
	.dic_selbox>div {margin-bottom:10px;}
	.dic_sel .search_wrap,
	.dic_result {margin-top:10px;}

	/* *** hi-story *** */
	/* 뷰페이지 */
	.hi_tit h3 {font-size:20px !important; margin-bottom:10px !important; word-break:keep-all;}
	.hi_tit h4 {margin-bottom:20px; font-size:14px;}
	.hi_tit h4 span {display:block; margin-bottom:10px;}
	.hi_con {margin:30px auto; padding:20px;}
	.hi_con p {font-size:15px;}
	.hi_foot>div>div,
	.hiview_slide .slick-slide img {height:auto;}
	.hi_foot #map {height:350px;}

	/* 상세보기 */
	.map_wrap {height:350px;}

	/* e-book 표지 */
	.eb_pc li {width:100%;}
	.eb_mobile {display:block;}
	.eb_mobile>ul>li {padding:30px 0; border-bottom:1px solid #ddd;}
	.eb_mobile>ul>li:first-child {padding:0 0 15px;}
	.eb_mobile>ul>li:last-child {border-bottom:0;}
	.eb_mobile p.tit {font-size:20px; font-weight:500; color:#404e93;}
	.eb_mobile p {font-size:16px; color:#666;}
	.eb_mobile p img {margin-top:10px; width:100%; border:1px solid #ddd;}


}