@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,800');*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap');*/
/*
@font-face {
    font-family: 'NanumGothic';
    src: url(/fonts/NanumGothic-Light.eot);
		src: local('NanumGothicLight'),
    url(/fonts/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),
		url(/fonts/NanumGothic-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NanumGothic';
    src: url(/fonts/NanumGothic-Regular.eot);
		src: local('NanumGothic'),
    url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/fonts/NanumGothic-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NanumGothic';
    src: url(/fonts/NanumGothic-Bold.eot);
		src: local('NanumGothicBold'),
    url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(/fonts/NanumGothic-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'NanumGothic';
    src: url(/fonts/NanumGothic-ExtraBold.eot);
		src: local('NanumGothicExtraBold'),
    url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(/fonts/NanumGothic-ExtraBold.woff) format('woff');
    font-weight: 800;
    font-style: normal;
}
*/


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

 @font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Light.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Regular.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Medium.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff)format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Bold.ttf)format("truetype"),
  url(/fonts/NanumGothic-ExtraBold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
}


*{margin:0; padding:0; border:0; vertical-align:top; box-sizing:border-box}
html,body{width:100%; height:100%}
html{overflow-y:scroll; overflow-x:scroll}
/*body,h1,h2,h3,h4,input,button,textarea,select{font-family:'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size:13px; color:#222; line-height:22px; font-weight:400}*/
body,h1,h2,h3,h4,input,button,textarea,select{font-family: 'Noto Sans KR' !important; font-size:13px; color:#222; line-height:22px; font-weight:400}
body{background-color:#fff; text-align:left; -webkit-text-size-adjust:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul, ol, dl{list-style:none}
img, video{max-width:100%; border:0; vertical-align:middle}
a{vertical-align:baseline; text-decoration:none; color:#222}
a:hover{text-decoration:underline; color:#222}
a > img{vertical-align:top}
table{border-collapse:separate; border-spacing:0; table-layout:fixed}
table th,
table td{font-weight:normal; vertical-align:middle; text-align:left}
input, select{vertical-align:top}
input, select, textarea{-webkit-border-radius:1px; outline-style:none}
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit], input[type=button], textarea{-webkit-border-radius:1px; -webkit-appearance:none}
input[type=checkbox],
input[type=radio]{width:16px; height:16px; cursor:pointer}
input[type=radio]{cursor:pointer}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px auto inset}
label{cursor:pointer; vertical-align:top; padding-left:5px; margin-right:15px}
legend, hr, caption{display:block; overflow:hidden; position:absolute; top:0; left:-1000em}
i, em, address{font-style:normal; font-weight:normal}


/* input, textarea */

input[type=submit]{cursor:pointer}
input[type=submit]:hover{text-decoration:underline}
input[type=button]{cursor:pointer}
input[type=button]:hover{text-decoration:underline}
input[type=text],
input[type=password]{border:1px solid #dcdce7; width:270px; height:30px; line-height:28px; padding:0 8px; font-size:13px}
textarea{border:1px solid #d5d5d5; line-height:22px; padding:8px; width:100%; height:300px; font-size:13px}
/*
input, select, textarea{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; outline-style:none}
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit], input[type=button], textarea{-webkit-border-radius:1px; -moz-appearance:none; -webkit-appearance:none; appearance:none}
*/


select{width:auto; line-height:28px; height:30px; border:1px solid #dcdce7; padding-left:10px; padding-right:22px; background:url(/images/common/ico_select2.png) right center no-repeat #fff}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand{display: none}



/* placeholder */
::placeholder{color:#aaa; opacity:1}
:-ms-input-placeholder{color:#aaa}
::-ms-input-placeholder{color:#aaa}



/* pop_daum_post */
.pop_daum_post{display:none; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-290px; width:600px; height:580px; background:#fff; padding:35px; z-index:11000; overflow-y:hidden}
.pop_daum_post strong{font-size:20px; font-weight:700; color:#000}
.pop_daum_post a.close{position:absolute; right:35px; top:33px; display:block; width:30px; height:30px; text-indent:-9999em; background:url(/images/common/ico_pop_close.png) no-repeat}
.pop_daum_post #pop_daum_post{height:455px; margin-top:30px; -webkit-overflow-scrolling:touch}


/* fake form - placeholder */
.placeholder {color: #bbb;}

/* fake form - radio */
.radio {width: 18px; height: 18px; vertical-align: -5px; margin-right: 0; background: url('/images/common/radio.png') no-repeat; display: inline-block; cursor:pointer}
.radio.checked {background-position: 0 -18px;}

/* fake form - checkbox */
.checkbox {width: 18px; height: 18px; vertical-align:-5px; margin-right: 0; background: url('/images/common/checkbox.png') no-repeat; display: inline-block; cursor:pointer}
.checkbox.checked {background-position: 0 -18px}


/* blind */
#blind_all{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:10000}

/*search_box*/
#container ul.search_box ul.public_yongdo_list{display:none}
#container ul.search_box ul.public_yongdo_list.on{display:block}

/* siteadm/member/modify 관심 경매물건 */
.flt_l{float:left}
.flt_r{float:right}
.mg_t50{margin-top:50px !important}

table.tbl_act_list{width:100%; border-top:2px solid #30343d}
table.tbl_act_list th{padding:13px 0; background:#f8f8fc; text-align:center; border-bottom:1px solid #ebebf2}
table.tbl_act_list td{position:relative; border-bottom:1px solid #ebebf2; padding:15px 0; cursor:pointer; text-align:center}
table.tbl_act_list tr:hover td{background:#f8f8fc}
table.tbl_act_list.ho_n tr:hover td{background:none}
table.tbl_act_list td .photo{position:relative; width:104px; height:78px; z-index:100}
table.tbl_act_list td .photo .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07; text-indent:-9999em; z-index:10}
table.tbl_act_list td .photo .inner{position:relative; width:104px; overflow:hidden; transition:width 0.5s ease}
table.tbl_act_list td .photo .inner:after{content:''; display:block; clear:both}
table.tbl_act_list td .photo .inner .img{width:312px}
table.tbl_act_list td .photo .inner .img:after{content:''; display:block; clear:both}
table.tbl_act_list td .photo .inner .img img{float:left}
table.tbl_act_list td .photo.ov{width:104px}
table.tbl_act_list td .photo.ov .inner{position:absolute; left:0; top:0; width:104px}
table.tbl_act_list td .photo.ov:hover .inner{width:312px}
table.tbl_act_list td .photo.c3{width:312px}
table.tbl_act_list td .photo.c3 .inner{width:312px}
table.tbl_act_list td .photo.w76{width:76px; height:57px}
table.tbl_act_list td .photo.w76 .inner{width:76px}
table.tbl_act_list td .photo.w76.ov .inner{position:absolute; left:0; top:0}
table.tbl_act_list td .photo.w76.ov.on .inner{width:228px}
table.tbl_act_list th.sbj,
table.tbl_act_list td.sbj{padding-left:20px}
table.tbl_act_list td.sbj{text-align:left}
table.tbl_act_list td.sbj p{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
table.tbl_act_list td span.line{display:inline-block; color:#bfbfbf; margin:0 3px}
table.tbl_act_list td p.ico_emo{width:118px}
table.tbl_act_list td p.ico_low{width:118px}
table.tbl_act_list td p.ico_maegak{width:118px}
table.tbl_act_list td p.ico_sale{width:118px}
table.tbl_act_list tr.memo td{border-bottom:0; padding-bottom:5px}
table.tbl_act_list tr.memo + tr td{padding-top:0}
table.tbl_act_list td.memo_in{text-align:left}
table.tbl_act_list td.memo_in input[type=text]{float:left; background:#fafafa; width:1035px}
table.tbl_act_list td.memo_in input[type=submit]{float:left; width:94px}


/* h_top */
#container .h_top{width:100%; line-height:30px; margin-bottom:20px}
#container .h_top:after{content:''; display:block; clear:both}
#container .h_top h2{display:inline-block; line-height:30px; margin-right:15px}
#container .h_top p.total{display:inline-block; font-size:13px; color:#717171; line-height:28px; border:1px solid #ebebf2; background:#fbfbfc; padding:0 10px}
#container .h_top p.total strong{color:#1860ef}