@charset "utf-8";

.wrapper { width:990px; margin:0 auto; }
body .header { font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-size:130%;; }

/*common*/
.pages { text-align:center;  margin-top:5px;}
.pages a { margin:0 10px; font-size:120%;  display:inline-block; position:relative;}
.pages a.active { background-color:#000; color:#fff; padding:2px 7px;}
.pages a:after { content:"|";  font-size:70%; position:absolute; right:-10px;color:#000;top:2px;}
.pages a:last-child:after { content:""; }
.saletype1 { background-color:#F60; color:#fff; display:inline-block;  padding:2px 4px; font-size:12px; }
.saletype2 { background-color: #360; color:#fff; display:inline-block;  padding:2px 4px; font-size:12px;  }
.saletype3 { background-color: #1d9fad ; color:#fff; display:inline-block;  padding:2px 4px; font-size:12px; box-shadow:no;  }
.saletype4 { background-color: #60F ; color:#fff; display:inline-block;  padding:2px 4px; font-size:12px;  box-shadow:no; }
.jbFixed { 	position: fixed; top: 0px;  z-index:200; width:100%;  }
.fcolor_red  {color:#F00; font-size:90%; }


body > header  { height:131px; position:relative; }
body > header > section { position:relative;  }
body > header > section nav { position:absolute;top:32px; right:220px;  }
body > header > section nav a { font-family:  'Noto Sans KR', sans-serif; font-weight:bold; margin-left:20px; position:relative;  color:#636363;  }
body > header > section nav a:after { content:"|"; font-size:80%; position:absolute;right:-10px; top:0;  color:#ccc; }
body > header > section nav a:last-child:after { content:"";}
body > header > section  #s_box { position:absolute;top:27px; right:0; background-color:#456bda; padding:2px; width:183px; height:26px; box-sizing:border-box; }
body > header > section  #s_box  input { width:146px; height:22px; font-family:  '돋움체', sans-serif; font-size:12px; padding:4px 3px 3px 3px; box-sizing:border-box;  }
body > header > section  #s_box  input:focus { width:146px !important ; }
body > header > section  #s_box img { margin-left:5px ;}
 
body > header > nav {  background-color:#2868d2; }
body > header > nav  > ul { width:100%;}
body > header > nav  > ul  li { padding:13px; display:inline-block; position:relative; }
body > header > nav  > ul > li > ul.t_step  { position:absolute; top:; left:;width:550px;  padding-top:8px; z-index:30; top:; }
body > header > nav  > ul > li > ul.t_step  li {  display:inline:block; }
body > header > nav  > ul > li > a { font-family:  'Noto Sans KR', sans-serif; font-weight:bold; color:#fff; font-weight:700; font-size:125%; }
body > header > nav  > ul > li > ul.t_step  li  a { font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-size:108%;}
body > header > nav  > ul li.second {   margin-left:18px; }
body > header > nav  > ul li.second:before { content:"|"; position:absolute; color:#fff;  top:12px; font-size:100%; left:-12px; }
body > header > nav  > ul li a.last { font-size:108%; color:#ffcc55; padding-bottom:2px; }
body > header > nav > #menu_bg { display:none; background-color:rgba(255,255,255,0.8); border-bottom:1px solid #2868d2; height:35px;  z-index:20; position:absolute; width:100%;top:;}

body > section#top {  height:280px; padding:25px 65px;}
body > section#top > article { float:left; margin-top:17px; }
body > section#top > article .header { color:#fff; }
body > section#top > article#quick { width:482px; height:140px; background-color:rgba(64,152,215,0.9); border-radius:10px; padding:24px;font-family:  'Noto Sans KR', sans-serif;  }
body > section#top > article#quick .header { margin-bottom:18px; }
body > section#top > article#quick input,  body > section#top > article#quick select  { width:110px; height:38px; border-radius:5px; margin-right:11px; border:0;  padding:10px; color:#606162; }
body > section#top > article#quick button { padding:10px; background-color:rgba(34,89,139,0.9);border:0;color:#fff; border-radius:5px; }

body > section#top > article#news { background-color:rgba(0,0,0,0.6); color:#fff; margin-left:34px; width:340px; padding:20px; border-radius:3px; box-sizing:border-box; }
body > section#top > article#news .header i { float:right; }
body > section#top > article#news table { margin-top:2px; width:100%; }
body > section#top > article#news table th { width:80%; padding-top:5px; position:relative;  text-align:left;  padding-left:10px; height:22px; }
body > section#top > article#news table th:before { content:"·"; font-size:8px; color:#fff;  position:absolute; top:9px; left:0;  }
body > section#top > article#news table th a { color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  width:230px;;}
body > section#top > article#news table td { width:20%; padding-top:5px; text-align:right; height:22px;; }

body > section#tel { margin-top:13px; border-bottom:1px solid #ccc; } 
body > section#tel  img.naver { float:right;  }

body > section#tags { clear:right; margin-top:50px; }
body > section#tags p { font-size:110%; }

body > section.sale .header { margin-top:18px;  margin-bottom:17px;}
body > section.sale .header span { border-bottom:1px solid #000;  position:relative;  }
body > section.sale .header span:after { content:url(../img/arror.gif); position:absolute; right:-20px;  }
body > section.sale .header small { font-size:100%;  color:#cc0000; border-bottom:1px solid #cc0000; }
body > section.sale .header i { font-size:11px; float:right; color:#515151; margin-top:10px; }
body > section.sale > section  { 
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
 }
body > section.sale > section  > article {  border:1px solid #ccc; margin-bottom:18px;  }
body > section.sale > section  > article  p.price {  text-align:center; padding:12px 5px; border-top:1px solid #ccc; }
body > section.sale > section  > article  p.price span { font-weight:bold; margin-left:5px; color:#F00; }
body > section.sale > section  > article  p.memo {  text-align:center; padding:12px 5px; border-top:1px solid #ccc; line-height:160%;  }
body > section.sale > section  > article  p.memo span {  font-weight:bold; color:#4098d7; margin-right:2px; } 

body > section#search { margin-top:25px; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; padding:20px 0; }
body > section#search > div > section { width:50%; float:left; }
body > section#search > div > section:first-child { border-right:1px solid #ccc; }
body > section#search > div > section > ul { width:86%; margin-left:7%;  }
body > section#search > div > section > ul  li { width:20%;float:left;  text-align:center;  }
body > section#search > div > section > ul  li  img { margin-bottom:8px; }
body > section#search  .header { color:#4b73cb ; text-align:center; margin-bottom:22px;  }
body > section#search  .header  span { color:#dc3333;  }
body > section#search  .header select { border:1px solid #ccc; height:20px; font-size:80%; margin-left:23px; vertical-align:middle; margin-top:-2px; }
body > section#search  .showarea { width:86%; margin:0 auto; }
body > section#search  .showarea a { width:85px; display:inline-block;margin-top:3px;}
body > section#search  .showarea a:hover {color:blue;font-weight:bold;}
body > section#search  .showarea sub { margin-left:3px; font-size:12px; vertical-align:middle;  }

body > section#sns { margin-top: 20px;  }
body > section#sns > .header { margin:20px 0 10px 0; }
body > section#sns > iframe { width:100%; border:1px solid #ccc; }

body > section#oursns { margin-top: 25px;  text-align:center; }
body > section#oursns a { padding:0 20px; }
body > section#oursns a:hover { font-weight:bold;}
body > section#oursns span { margin-left:7px; font-family:  'Noto Sans KR', sans-serif; font-size:105%; }

body > footer { margin-top:55px;  margin-bottom:50px; }
body > footer > nav {  background-color:#f8f8f8;  height:42px; line-height:42px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
body > footer > nav a { margin:0 70px 0 0; font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-size:105%; }
body > footer > nav select {float:right;margin-top:5px; border-radius:5px; padding:3px 5px;border:1px solid #ccc;}
body > footer > section { position:relative;padding-top:10px; }
body > footer > section > article { position:absolute; top:15px; left:200px;  line-height:160%; }
body > footer > section > article span { margin:0 16px 0 5px; position:relative;  }
body > footer > section > article span:after { content:"|"; position:absolute; font-size:90%; right:-8px; bottom:0; }
body > footer > section > article span.last:after { content:""; }
body > footer > section > article { vertical-align:middle; }
body > footer > section .gototop { position:absolute; top:10px;right:0; }

body > #subcontent > header { margin:35px 0 25px 0; font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-weight:700; font-size:160%;  background:url(../img/0in08.gif) no-repeat left 8px;  padding-left:18px; }
body > #subcontent > .position {  text-align:right; margin-top:-40px; }
body > #subcontent > .position  a { margin-left:15px; position:relative;  }
body > #subcontent > .position  a:after { content:">"; position:absolute; right:-12px; bottom:0;  font-size:110%;} 
body > #subcontent > .position  a:last-child:after { content:"";}
body > #subcontent > nav.listtype { margin-top:30px; font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-weight:700; font-size:140%;}
body > #subcontent > nav.listtype a { margin-right:20px;  margin-left:5px;  position:relative; }
body > #subcontent > nav.listtype a:after { content:"|"; color:#ccc;  position:absolute; right:-10px; font-size:80%; }
body > #subcontent > nav.listtype a:last-child:after { content:""; }
body > #subcontent > nav.listtype .active { color:#06F;}
body > #subcontent > .listresult { text-align:right; margin-top:-20px;  font-size:120%; }
body > #subcontent > .listresult span { font-weight:bold; color:red; }
body > #subcontent > .listresult span:before { content:"·"; color:#000; font-weight:normal;padding-right:5px;  }
body > #subcontent > .lists { margin-top:20px;  }
body > #subcontent > .lists  > article {  border:1px solid #ccc; margin-bottom:18px; display:inline-block; margin-right:17px; }
body > #subcontent > .lists  > article  p.price {  text-align:center; padding:12px 5px; border-top:1px solid #ccc; }
body > #subcontent > .lists  > article  p.price span { font-weight:bold; margin-left:5px; color:#F00; }
body > #subcontent > .lists  > article  p.memo {  text-align:center; padding:12px 5px; border-top:1px solid #ccc; line-height:160%;  }
body > #subcontent > .lists  > article  p.memo span {  font-weight:bold; color:#4098d7; margin-right:2px; } 
body > #subcontent > .lists_map { margin-top:20px; }
body > #subcontent > .lists_map  img  { max-width:100%; height:auto;  }
body > #subcontent > .lists_map  > section#mapbox { width:63%;float:left; border:1px solid #ccc; height:620px; }
body > #subcontent > .lists_map  > section#list { width:35%;float:right; border:1px solid #ccc;  padding-bottom:20px; }
body > #subcontent > .lists_map  > section#list  > nav { border-bottom:1px solid #ccc; margin-bottom:10px; }
body > #subcontent > .lists_map  > section#list  > nav span { width:33.333333333%;  text-align:center;  display:inline-block; border-right:1px solid #ccc; box-sizing:border-box; padding:10px 0;  }
body > #subcontent > .lists_map  > section#list  > nav span:last-child { border-right:0;} 
body > #subcontent > .lists_map  > section#list  > nav span.active { font-weight:bold; background-color:#F6F6F6}
body > #subcontent > .lists_map  > section#list  dl {  width:90%; margin:5px 5%;  border-bottom:1px dotted #000;  padding-bottom:4px; }
body > #subcontent > .lists_map  > section#list  dl  dt { width:30%;  float:left;;ext-align:left; }
body > #subcontent > .lists_map  > section#list  dl  dd { width:65%;  float:right; padding:3px 0;  }
body > #subcontent > .lists_map  > section#list  dl  dd.price { font-size:125%; }
body > #subcontent > .lists_map  > ul.memo { clear:both; margin-top:20px; padding:18px 20px; background-color:#F4F4F4; border:1px solid #ccc; }
body > #subcontent > .lists_map  > ul.memo li { list-style:square;  margin-left:20px; padding:2px 0; }
body > #subcontent > #findbox { text-align:center;  margin-top:30px;  border:1px solid #ccc; background-color: #F8F8F8; padding:20px 20px 30px 20px; font-size:120%; }
body > #subcontent > #findbox  aside { padding-top: 10px; }
body > #subcontent > #findbox  aside span { margin-right:5px; }
body > #subcontent > #findbox input[type="radio"] { margin:0 3px 0 10px; vertical-align:middle; margin-bottom:2px; }
body > #subcontent > #findbox input[type="text"],  body > #subcontent > #findbox select  { width:110px; height:38px; border-radius:5px; margin-right:11px; border:0;  padding:10px; color:#606162; border:1px solid #ccc; }
body > #subcontent > #findbox select { font-size:90%;}
body > #subcontent > #findbox button { padding:10px; background-color:rgba(34,89,139,0.9);border:0;color:#fff; border-radius:5px; }
body > #subcontent > #detail { margin-top:35px; }
body > #subcontent > #detail  aside a.status { margin-right:10px; display:inline-block;padding:7px 10px; background-color:#efefef; box-shadow:0 2px 0 #ccc;border-radius:5px; }
body > #subcontent > #detail  aside a i { margin-right:4px; }
body > #subcontent > #detail  aside .check { float:right; margin-top:9px;}
body > #subcontent > #detail  aside .check img { margin-left:5px;  }
body > #subcontent > #detail  > #photos { margin-top:20px; width:100%; }
body > #subcontent > #detail  > #photos  img {  }
body > #subcontent > #detail  > #photos #big_img {float:left; width:753px; position:relative;  }
body > #subcontent > #detail  > #photos #big_img  .sellno { position:absolute; left:0; top:0; width:100%; background-color:rgba(0,0,0,0.5); padding:10px;  color:#fff;  }
body > #subcontent > #detail  > #photos nav {  float:right; width:224px; text-align:right; display:block; column-count:2; column-gap:1px;}
body > #subcontent > #detail  > #photos nav img { margin-bottom:15px;cursor:pointer; }
body > #subcontent > #detail  > #memo  { position:relative; }
body > #subcontent > #detail  > #memo  > article { width:753px; }
body > #subcontent > #detail  > #memo  > article > header {  font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-weight:700; font-size:140%; margin-top:43px; margin-bottom:28px;   }
body > #subcontent > #detail  > #memo  > article > table  {  width:100%; border-top:1px solid #ccc; font-size:120%;  }
body > #subcontent > #detail  > #memo  > article > table  td { border-bottom:1px solid #ccc; padding:14px 0; }
body > #subcontent > #detail  > #memo  > article > table  tr td:nth-child(odd) { width:15%; }
body > #subcontent > #detail  > #memo  > article > table  tr td:nth-child(even) { font-weight:bold;  width:35%;}
body > #subcontent > #detail  > #memo  > article > #map { border:1px solid #ccc; }
body > #subcontent > #detail  > #memo  > aside { position:absolute; right:0; top:0;width:214px; }
body > #subcontent > #detail  > #memo  > aside > article { border:1px solid #ccc; margin-bottom:23px; }
body > #subcontent > #detail  > #memo  > aside > article > header { background-color:#66789a; padding:9px 0 12px 0;; text-align:center; color:#fff;  font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-weight:700; font-size:130% }
body > #subcontent > #detail  > #memo  > aside > article > section  {  padding:20px; }
body > #subcontent > #detail  > #memo  > aside > article:first-child  > section p { margin-bottom:10px; font-weight:bold; font-size:120%; color:#0a5b8f; text-align:center; }
body > #subcontent > #detail  > #memo  > aside > article:nth-child(2) > section p  { margin-bottom:5px; }   
body > #subcontent > #detail  > #memo  > aside > article:nth-child(2) > section p:first-child  { color: #066 }   
body > #subcontent > #detail  > #memo  > aside > article:nth-child(2) > section button { background-color:#C30; width:100%; padding:3px 0; text-align:center; color:#fff;  border:1px solid #c30;  margin-top:10px; }
body > #subcontent > #detail  > #memo  > aside > article:nth-child(3) > section > input {  width:40px; height:30px; border-radius:4px;  border:1px solid #ccc; margin:0 3px;  }
body > #subcontent > #detail  > #memo  > aside > article:nth-child(3) > section > span { font-weight: bold; color: #36C}
body > #subcontent > #detail  > #memo  > aside > article:nth-child(4) { border:0; }
body > #subcontent > #detail  > #memo  > aside > nav {  background-color:#2e6dd3;padding:10px 20px;   }
body > #subcontent > #detail  > #memo  > aside > nav ul li { height:40px; line-height:40px;  border-bottom:1px solid #fff; background:url(../img/submenu_icon.gif) no-repeat right 19px;  }
body > #subcontent > #detail  > #memo  > aside > nav ul li:last-child { border:0; }
body > #subcontent > #detail  > #memo  > aside > nav a { color:#fff; font-family:  'Noto Sans KR', sans-serif; font-weight:bold; font-weight:700; font-size:120%; }
body > #subcontent > #detail  > #memo  > aside > nav ul li:hover, body > #subcontent > #detail  > #memo  > aside > nav ul li.active { background-color: #fff; color:#000;  padding-left:20px; background-image:none; }
body > #subcontent > #detail  > #memo  > aside > nav ul li:hover > a, body > #subcontent > #detail  > #memo  > aside > nav ul li.active > a { color:#000; }

body > #subcontent > .regist  header { font-weight:bold; font-size:120%;  margin:20px 0 5px 0; }
body > #subcontent > .regist  table { width:100%; border-top:2px solid #000; border-right:1px solid #ccc; border-collapse:collapse;  }
body > #subcontent > .regist  table th { border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F8F8F8; padding:8px 5px; width:15%; }
body > #subcontent > .regist  table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc;  padding:8px 5px; width:*; }
body > #subcontent > .regist  table td input[type="text"] {  border:1px solid #ccc; border-radius:3px; height:25px; line-height:25px; margin:3px 0;  }
body > #subcontent > .regist  table td textarea { width:100%; height:150px; border:1px solid #ccc; border-radius:3px;}
body > #subcontent > .regist  table td button { background-color:#000; color:#fff; font-size:11px; border:1px solid #000; height:25px;  padding:0 5px; border-radius:3px; }
body > #subcontent > .regist  .btn { text-align:center; margin-top:20px; }
body > #subcontent > .regist  .btn  button {  background-color:#2868d2; border:1px solid #2868d2; border-radius:3px; margin:0 8px; color:#fff; padding:5px 10px; font-size:120%; } 

@media print {
     	body > header  { display:none; }
		body > footer  { display:none;}
}