@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body{width:100%;height:100%;margin:0;font-family: 'Nanum Gothic', serif; background-color:white;}
#wrap{width:500px;height:100%;margin:0;padding:0;overflow:hidden;}
#wrap .header_wrap{width:100%;height:50px;line-height:50px;border-bottom:2px solid #002e4c;}
#wrap .header_wrap p.header_title{text-align:center;font-size:22px;font-weight:500;font-family:'Noto Sans KR', sans-serif;color:#222;}

/*최상단 검색바*/
#wrap .search_line{width:472px;height:106px;padding-left:28px;background:#f2f2f2;font-family: 'Nanum Gothic', serif;}
#wrap .search_line P {width:100%;height:17px;padding-top:22px;font-size:15px;color:#2a2a2a;font-weight:600;}
#wrap .search_line .search_bar {position:relative;width:366px;height:35;margin-top:11px;}
#wrap .search_line .search_bar input{float:left;width:363px;padding-left:3px;height:35px;font-size:17px;border:1px solid #b9b9b9;}
#wrap .search_line .search_bar .search_cancel{position:absolute;width:30px;height:30px;right:0;top:5px;font-size:30px;color:#999;cursor:pointer;}
#wrap .search_line .search_btn input{float:left;width:75px;height:37px;background:#002e4c;color:#fff;border:none;margin-left:7px;cursor:pointer;}
#wrap .search_tip{width:467px;height:auto;padding:28px 0 0 33px;font-family:'Noto Sans KR', sans-serif;}
#wrap .search_tip div.tip p{font-weight:900;font-size:20px;color:#002e4c;}
#wrap .search_tip div.tip p img{padding-right:5px;}
#wrap .search_tip div.tip span{display:block;margin-top:5px;font-size:15px;color:#575757;}
#wrap .search_tip div.tip ul{margin-top:21px;}
#wrap .search_tip div.tip ul li{font-size:14px;color:#575757;margin-bottom:16px;}
#wrap .search_tip div.tip ul li span{padding-left:10px;font-size:13px;color:#59ace2;}

#wrap .search_list ul{width:100%;height:100%;}
#wrap .search_list ul li{width:100%;height:40px;line-height:40px;border-top:1px solid #dadada;font-size:13px;cursor:pointer;}
#wrap .search_list ul li:hover{background:#f3f8fc;}
#wrap .search_list ul li p{margin-left:33px;}
#wrap .search_list ul li span{color:#0fbff1;}

/*팁*/
#wrap .tip_guide{position:relative;width:100%;height:45px;background:#f2f2f2;font-family:'Noto Sans KR', sans-serif;font-size:13px;border-bottom:1px solid #dadada;}
#wrap .tip_guide p{position:absolute;top:-13px;left:28px;width:447px;height:49px;margin:0 auto;line-height:20px;}
#wrap .tip_guide p span{font-size:13px;font-weight:500;color:#146aa7;}

/* 도로명전체/지역명전체 */
#wrap .search_addr .search_addr_top{width:472px;padding-left:28px;height:41px;border-bottom:1px solid #c0c0c0;}
#wrap .search_addr .search_addr_top div {width:120px;height:41px;float:left;line-height:41px;text-align:center;}
#wrap .search_addr .search_addr_top .selectbox {position:relative;width:130px;height:41px;float:left;line-height:41px;text-align:center;border:none;}
#wrap .search_addr .search_addr_top .selectbox label { position: absolute;top: -12px;left:0px;padding: .8em .5em;color: #333;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */font-family:'Noto Sans KR', sans-serif;}
#wrap .search_addr .search_addr_top .selectbox select { width:250px; height: auto;line-height: normal;font-family:'Noto Sans KR', sans-serif;padding:9px 10px;border: 0;opacity: 0;filter:alpha(opacity=0);  /* IE8 숨기기 */
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
.fa-caret-down{margin-left:5px;color:#19456a;}

/*검색시 나타나는 주소 창*/
#wrap .search_contents {width:100%;height:100%;font-family:'Noto Sans KR', sans-serif;}
#wrap .search_contents ul{display:inline-block;}
#wrap .search_contents ul li {width:467px;padding:23px 0px 26px 33px;border-bottom:1px solid #d8d8d8;}
#wrap .search_contents ul li p.postcode{width:320px;float:left;color:#fc3800;}
#wrap .search_contents ul li p.postcode span{color:#959595;}
#wrap .search_contents ul li p.en_map{float:left;padding-top:2px;font-size:12px;color:#848484;}
#wrap .search_contents ul li p.en_map a{font-size:13px;color:#848484;}
#wrap .search_contents ul li div.address{clear:both;width:100%;height:auto;font-size:14px;color:#545454;padding-top:10px;}
#wrap .search_contents ul li div.address .addr_body{width:100%;cursor:pointer;}
#wrap .search_contents ul li div.address .addr_body span{display:block;float:left;width:48px;height:17px;margin-right:5px;background:#b3c0d1;font-size:12px;color:#fff;text-align:center;line-height:17px;}
#wrap .search_contents ul li div.address .addr_body:hover { color:#59ace2;}
#wrap .search_contents ul li div.address .number{clear:both;margin-top:8px;}
#wrap .search_contents ul li div.address .number span{background:#88a3c1;}
#wrap .search_contents ul li div.address .more_addr{margin:10px 0px 0px 55px;font-size:13px;}
#wrap .search_contents ul li div.address .more_addr span{background:#a9a9a9;font-size:12px;color:#fff;padding:0px 3px;cursor:pointer;}


/*주소더보기*/
.number .more_list{float:right;width:416px;margin-top:2px;}
.number .more_list li{width:416px !important;height:33px;line-height:33px;padding:0 !important;border-bottom:1px solid #d8d8d8;}
.number .more_list li a{display:block;float:right;margin-right:30px;font-size:13px;color:#848484}
.close{clear:both;width:300px;padding-top:10px;margin-left:22px;font-size:13px;}
.close span{background: #a9a9a9;font-size: 12px;color: #fff;padding: 0px 3px;cursor: pointer;}

/*페이징*/
#wrap .page_number {width:500px;height:80px;padding-top:14px;}
#wrap .page_number ul{width:100px;height:20px;margin:0 auto;}
#wrap .page_number li{float:left;margin-left:10px;}
#wrap .page_number li.here a{color:#fd6b3a;font-weight:700;}
#wrap .page_number li a {font-size:13px;color:#767676;}
#wrap .page_number li p{padding-top:5px;font-size:14px;}
#wrap .page_number li.next{width:20px;height:18px;line-height:18px;text-align:center;background:#f7f7f7;border:1px solid #dadada;cursor:pointer;}
#wrap .page_number li.next i{color:#525252;font-size:13px;}
/*페이징(table)*/
#wrap .page_number td{float:left;margin-left:10px;}
#wrap .page_number td.here a{color:#fd6b3a;font-weight:700;}
#wrap .page_number td a {font-size:13px;color:#767676;}
#wrap .page_number td p{padding-top:5px;font-size:14px;}
#wrap .page_number td.next{width:20px;height:18px;line-height:18px;text-align:center;background:#f7f7f7;border:1px solid #dadada;cursor:pointer;}
#wrap .page_number td.next i{color:#525252;font-size:13px;}