@charset "utf-8";


/*** font ***/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*** base ***/
* { margin:0; padding:0; }
body { background:#ddd;}
html, body { font-family: "Nanum Gothic", sans-serif;}
body { width:100%; height:100%; margin:0; padding:0; font-family: "Nanum Gothic", serif; font-size:13px; color:#222222; text-align:left; line-height:160%; background:#fff; }
a { text-decoration:none; color:#333; width:100%;}
h1, h2, h3, h4, img, input, div, p, ul, li { margin:0; padding:0; }
li { list-style-type:none; }
img { border:0; }
fieldset, form {  border:0; }
fieldset legend { position:absolute; left:-9999%; text-indent:-9999%; overflow:hidden; }
input, textarea, select, button { font-family: "Nanum Gothic", serif; font-size:12px; }
b {font-weight:bold;}


/*** common ***/
.del { position:absolute; left:-9999%; font-size:0; text-indent:-9999%; line-height:0; overflow:hidden;}
.strong { font-weight:bold;}
.width100 { width:100%; }
.fLeft { float:left; }
.fRight { float:right; }
.fClear { clear:both; }

span.btnClose { width:50px; height:50px; line-height:50px; position:absolute; bottom:20px; right:20px; background:#fff; color:#333; text-align:center; cursor:pointer; font-size:18px; font-weight:bold;}

/*** clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/*** header ***/
.header { width:100%;}
.header .headerTop { display:none; width:100%; height:30px; border-bottom:1px solid #cecece; background:#fbfbfb;}
.header .headerTop .headerTopInner { width:1040px; height:30px; margin:0 auto;}
.header .headerTop .headerTopInner a { font-size:11px;}
.header .headerTop .headerTopInner .gnb { float:right; margin:9px 0;}
.header .headerTop .headerTopInner .gnb ul li { float:left; height:12px; line-height:12px; margin:0; border-right:1px solid #ddd;}
.header .headerTop .headerTopInner .gnb ul li:last-child { border:0 none;}
.header .headerTop .headerTopInner .gnb ul li a { padding:0 8px;}
.header .headerTop .headerTopInner .gnb ul li a:hover { text-decoration:underline;}
.header .headerTop .headerTopInner .sns ul li { float:left; line-height:30px; margin:0 2px;}
.header .headerTop .headerTopInner .sns img { vertical-align:middle;}
.header .headerInner { width:800px; height:95px; padding:0; margin:0 auto; position:relative;}
.header .headerInner h1 { position:absolute; top:0; left:0; width:250px; height:95px; line-height:40px; font-size:24px; font-weight:bold;}
.header .headerInner h1 a { display:block; width:100%; height:100%; text-align:center; overflow:hidden; position:relative;}
.header .headerInner h1 img { position:absolute; left:0; bottom:0;}
.header .headerInner .search { width:474px; height:50px; padding-top:30px; padding-left:200px; margin:0 auto;}
.header .headerInner .search input { width:400px; height:26px; padding:5px; border:1px solid #6b6b6b; float:left;}
.header .headerInner .search .iconSearch { display:block; width:50px; height:26px; line-height:26px; padding:5px; background:#6b6b6b; text-align:center; border:1px solid #6b6b6b; float:left;}
.header .headerInner .search .iconSearch img { vertical-align:middle;}
.header .headerInner .etc { position:absolute; top:0; right:0; padding:34px 0 0; text-align:center;}
.header .headerInner .etc .fLeft { margin:0 0 0 16px;}
.header .headerInner .etc .fLeft img { cursor:pointer;}
.header .headerInner .etc span { display:block; line-height:12px;}

/*언어선택*/
.layerBack { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:999998;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 7 and olders */
      opacity: .8; }
.LanNavWrap { display:none; position:fixed; top:50px; width:340px; height:570px; z-index:999999;}
.LanNavWrap .selectLang { background:#1a1b2f; width:100%; height:34px; color:#fff; font-size:16px; line-height:34px; text-align:left;
    border-radius: 15px 15px 0 0;
    -moz-border-radius:15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;}
.LanNavWrap .selectLang img { vertical-align:middle; margin:0 6px 0 16px;}
.LanNavWrap ul.LanNav2 { width:100%; height:514px; background:#fff; padding:10px 0; margin:0; position:static;}
.LanNavWrap ul.LanNav2 li { width:25%; height:44px; line-height:10px; text-align:center; font-size:11px; overflow:hidden; float:left; padding:0; margin:0 0 2px; border:0;}
.LanNavWrap ul.LanNav2 li a { display:block; width:100%; height:44px; border:0; margin:0; padding:0; font-size:11px; color:#000;}
.LanNavWrap ul.LanNav2 li img{display:block; margin:0 auto 2px; padding:0;}

.headerBot { width:100%; margin:0 auto;}
.headerBot #lnb { width:100%; line-height:26px; margin:0 auto; background:#000; text-align:center; padding:0 0 13px 0;}
.headerBot #lnb ul li { display:block; height:10px; border-right:1px solid #fff; margin-top:14px; text-align:center; float:left; padding:0;}
.headerBot #lnb ul li:last-child { border:0 none;}
.headerBot #lnb ul li a { display:block; width:auto; height:28px; line-height:28px; color:#fff; font-size:16px; font-weight:700; text-align:center; padding:0 14px; margin-top:-10px;}
.headerBot #lnb ul li.active a,
.headerBot #lnb ul li a:hover { color:#e22b26;}

.headerBot .snb { width:100%; line-height:23px; border-bottom:1px solid #9b9b9b; background:#c3c3c3; padding:6px 0 2px;}
.headerBot .snb li { height:13px; border-right:1px solid #999; float:left; margin-bottom:6px;}
.headerBot .snb li:last-child { border:0 none;}
.headerBot .snb li a { display:block; width:100%; height:100%; color:#000; font-weight:bold; padding:0 6px; margin-top:-5px;}
.headerBot .snb li.active a,
.headerBot .snb li a:hover { color:#e50909;}
.headerBot .snb2 { background:#e0e0e0;}
.headerBot .snb3 { background:#f7f7f7;}

/*** container ***/
.container { width:100%; margin:0 auto;}

.listInfo { width:249px; height:24px; line-height:24px; padding:5px 0; margin:0 10px; border-bottom:1px solid #e8e8e8;}
.listInfo .listTotal { float:left; font-weight:bold;}
.listInfo .listTotal span { color:#ff6c00;}
.listInfo .listNavTop { float:right; }
.listInfo .listNavTop li { float:left; margin-left:5px;}
.listInfo .listNavTop li img { vertical-align:middle;}
.controlBtn { width:10px; height:41px; position:absolute; top:250px;}

.mapInner { width:100%; height:765px; background:#ddd; position:relative; border-bottom:1px solid #9b9b9b; overflow:hidden;}
.mapInner .mapContentList { position:absolute; top:0; left:0; width:270px; height:765px; background:#fff url('../../img/bg_mapSearch.gif') repeat-y top right;}
.mapInner .mapContentList.close { left:-270px;}
.mapInner .mapContentList .searchHead { width:234px; height:28px; background:#f1f2f2; padding:10px 0 10px 35px;}
.mapInner .mapContentList .searchHead li {float:left;}
.mapInner .mapContentList .searchHead li.search_box input { width:150px; height:22px; border:1px solid #f8bb97; margin-right:4px;}
.mapInner .mapContentList .searchHead li.search_btn input { width:37px; height:24px; background:#fa6c1a; color:#fff; border:0 none; text-align:center; cursor:pointer;}
.mapInner .mapContentList .mapContents { padding:10px 10px 0;}
.mapInner .mapContentList .mapContents li { line-height:20px; font-weight:bold; margin-bottom:14px; position:relative; padding-top:3px; padding-left:30px;}
.mapInner .mapContentList .mapContents li img { vertical-align:middle; position:absolute; top:0; left:0;}
.mapInner .mapContentList .mapContents li.active a { color:#fa6c1a;}
.mapInner .mapContentList .controlBtn { right:-9px;}

.mapInner .mapKmlControl { position:absolute; top:0; right:0; width:269px; height:765px; border-left:1px solid #9b9b9b; background:#fff;}
.mapInner .mapKmlControl.close { right:-270px;}
.mapInner .mapKmlControl .mapContents { height:695px; overflow-y:auto; padding:10px 15px;}
.mapInner .mapKmlControl .mapContents li { line-height:20px; font-weight:bold; margin-bottom:8px; position:relative; padding-left:20px;}
.mapInner .mapKmlControl .mapContents li.active { color:#fa6c1a;}
.mapInner .mapKmlControl .mapContents li input { vertical-align:middle; position:absolute; top:4px; left:0;}
.mapInner .mapKmlControl .mapContents li label { display:block; width:100%; height:100%;}
.mapInner .mapKmlControl .controlBtn { left:-10px;}

/* 맵 하단 페이징 */
.mapPaging {float:left; width:260px; height:23px; background:#ffffff; margin-top:6px;}
.mapPaging img { vertical-align:middle;}
.mapPaging li {float:left;}
.mapPaging .paging_first {float:left; margin-left /**/:80px; margin-right:2px; _margin-left:30px;}
.mapPaging .paging_prev {float:left; margin-right:2px;}
.mapPaging .paging_next {float:left; margin-left:2px;}
.mapPaging .pagin_final {float:left; margin-right:37px; margin-left:2px;}
.page_num a{text-decoration:none; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;}
.page_num a:hover {text-decoration:underline; color:#c4161c;}
.page_num li.on {color:#c4161c;}

/* 검색결과 */
.searchWrap { width:1040px; margin:0 auto;}
.searchSec { width:100%; clear:both; margin:0 0 24px 0; }

.searchWrap .subTopNav { height:20px; line-height:20px; margin:0 0 8px;}
.searchWrap .subTopNav ul li { float:left; background:url(../../img/semo.jpg) no-repeat right 6px; padding-right:18px;}
.searchWrap .subTopNav ul li:last-child { background:none;}

.searchWrap .sec0 { width:1018px; height:36px; line-height:36px; padding:5px 10px; margin:0 0 30px; border:1px solid #474747; background:#929292; color:#fff;}
.searchWrap .sec0 span { font-weight:bold;}
.searchWrap .sec0 span.tit { color:#d8d8d8; font-size:20px; margin:0 8px 0 0;}
.searchWrap .sec0 span.keyword { }
.searchWrap .sec0 span.num { font-size:20px; color:#333;}
.searchWrap .sec0 img { vertical-align:middle; margin:0 0 6px;}

.searchSec h2 { font-size:20px; font-weight:bold; margin:0 0 14px;}
.searchSec .product { height:20px; margin:0 0 8px; line-height:14px; padding:0 10px 4px 0; border-bottom:1px solid #e5e5e5;}
.searchSec .product span { color:#ff0000; font-size:20px; font-weight:bold; margin:0 3px 0 4px;}
.searchSec .product .fRight { font-weight:bold;}
.searchSec .noResult { text-align:center; padding:20px;}
.searchSec .resultList ul li { width:198px; height:180px; margin:0 8px 8px 0; overflow:hidden; font-size:12px; border:1px solid #ddd; float:left; cursor:pointer;}
.searchSec .resultList ul li ul.resultDetail li { border:0 none; margin:0;}
.searchSec .resultList ul li ul.resultDetail li.thumb { width:200px; height:120px; overflow:hidden;}
.searchSec .resultList ul li ul.resultDetail li.thumb img {width:100%;}
.searchSec .resultList ul li ul.resultDetail li.tit { width:190px; height:22px; line-height:22px; font-weight:bold; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchSec .resultList ul li ul.resultDetail li.con { width:190px; height:40px; line-height:19px; overflow:hidden; padding:0 5px;}


/*** footer ***/
.footer { width:100%; margin:0 auto; padding:40px 0 50px; background:# ; color:#666; font-size:12px; line-height:16px;}
.footer dl { margin:0 auto; text-align:center;}
.footer dl dt, .footer dl dd { display:inline; text-align:center;}
.footer dl dt {}
.footer dl dt:after { content:" : ";}
.footer dl dd { margin:0 4px 0 0; padding:0 4px 0 0; border-right:1px solid #999;}
.footer dl dd:last-child { border:0 none;}
.footer .copyright,
.footer .license,
.footer .license a { margin:0 auto; text-align:center; color:#666;}

/*기타*/
p.noresult { text-align:center; padding:130px;}
p.noresult span { padding:3px 8px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border: 0px solid #000000; background:#ff0000; color:#fff;}