@charset "utf-8";

/* SpoqHanSansNeo 폰트 */

@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;
  }

/* button */
.btns{text-align:center; margin-top:30px}
.btn_ss_gray{display:inline-block; font-size:5px; line-height:15px; color:white; text-align:center; background:gray; padding:0 5px;}
.btn_ss_gray:hover{color:black}
.btn_s_sky_line{display:inline-block; font-size:12px; line-height:17px; color:#48a0fc; text-align:center; background:#e8f4ff; padding:0 4px; border:1px solid #58aaff}
.btn_s_sky_line:hover{color:#48a0fc}
.btn_s_blue{display:inline-block; font-size:12px; line-height:21px; color:#fff; text-align:center; background:#1860ef; padding:0 7px}
.btn_s_blue:hover{color:#fff}
.btn_s_sky{display:inline-block; font-size:12px; line-height:21px; color:#fff; text-align:center; background:#48a0fc; padding:0 7px}
.btn_s_sky:hover{color:#fff}
.btn_s_gray{display:inline-block; font-size:12px; line-height:21px; color:#222; text-align:center; background:#e1e1ea; padding:0 7px}
.btn_s_gray:hover{color:#222}
.btn_s_gray2{display:inline-block; font-size:12px; line-height:21px; color:#fff; text-align:center; background:#c5cbd9; padding:0 7px}
.btn_s_gray2:hover{color:#fff}
.btn_m_sky_r{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#48a0fc; padding:0 20px; border-radius:15px}
.btn_m_sky_r:hover{color:#fff}
.btn_m_gray_r{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#c5cbd9; padding:0 20px; border-radius:15px}
.btn_m_gray_r:hover{color:#fff}
.btn_m_dark_r{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#30343d; padding:0 20px; border-radius:15px}
.btn_m_dark_r:hover{color:#fff}
.btn_m_black{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#000; padding:0 10px}
.btn_m_black:hover{color:#fff}
.btn_m_blue{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#1f77f4; padding:0 10px}
.btn_m_blue:hover{color:#fff}
.btn_m_sky{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#48a0fc; padding:0 10px}
.btn_m_sky:hover{color:#fff}
.btn_m_dark{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#30343d; padding:0 10px}
.btn_m_dark:hover{color:#fff}
.btn_m_darkgray{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#575d6b; padding:0 10px}
.btn_m_darkgray_printset{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#575d6b; padding:0 15px; margin:0 5px;}
.btn_m_darkgray:hover{color:#fff}
.btn_m_gray{display:inline-block; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#b1b8cb; padding:0 10px}
.btn_m_gray:hover{color:#fff}
.btn_l_blue_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#1860ef; padding:0 30px; border-radius:10px !important}
.btn_l_blue_r:hover{color:#fff}
.btn_l_blue_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#1860ef; padding:0 30px; border-radius:10px !important}
.btn_l_red_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#ff3535; padding:0 30px; border-radius:10px}
.btn_l_black_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#30343d; padding:0 30px; border-radius:10px}
.btn_l_black_r:hover{color:#fff}
.btn_l_gray_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#c5cbd9; padding:0 30px; border-radius:10px}
.btn_l_gray_r:hover{color:#fff}
.btn_p_blue_r{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#1f77f4; padding:0 20px; border-radius:10px}
.btn_p_blue_r:hover{color:#fff}
.btn_p_gray_r{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#c5cbd9; padding:0 20px; border-radius:10px}
.btn_p_gray_r:hover{color:#fff}
.btn_print{padding-left:33px; background-image:url(/images/common/ico_print.png); background-position:11px center; background-repeat:no-repeat}
.btn_l_skyblue_r{display:inline-block; font-size:16px; font-weight:700; line-height:47px; color:#fff; text-align:center; background:#58ACFA; padding:0 30px; border-radius:10px !important}
.btn_l_skyblue_r:hover{color:#fff}

.btn_m_sky_r_lang{display:inline-block; font-size:14px; font-weight:700; line-height:33px; color:#fff; text-align:center; background:#48a0fc; padding:0 20px; border-radius:10px}
.btn_m_sky_r:hover{color:#fff}

.btn_l_gray_r_hank{width:206px; height:47px; font-size:15px; font-weight:bold; line-height:47px; color:#fff; text-align:center; background:#949599; padding:18px 70px; margin-right:10px;}
.btn_l_black_r_hank{width:206px; height:47px; font-size:15px; font-weight:bold; line-height:47px; color:#023eff; text-align:center; background:white; padding:18px 70px; margin-right:10px; border:1px solid #023eff;}
.btn_l_blue_r_hank{width:206px; height:47px; font-size:15px; font-weight:bold; line-height:47px; color:#fff; text-align:center; background:#023eff; padding:18px 70px;}

.btn_m_gray_hank{display:inline-block; font-size:13px; line-height:30px; color:black; text-align:center; background:#ccd8ff; padding:0 10px}
.btn_m_gray_hank:hover{color:#fff}


.btn_m_gray_r_hank{display:inline-block; font-size:15px; font-weight:700; line-height:33px; color:#dfdfdf; text-align:center; padding:0 20px; background:white; border:1px solid gray;}
.btn_m_gray_r_hank:hover{color:black;}
.btn_m_dark_r_hank{display:inline-block; font-size:15px; font-weight:700; line-height:33px; color:blue; text-align:center; padding:0 20px; background:white; border:1px solid blue;}
.btn_m_dark_r_hank:hover{color:black}

/* table */
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 th.sitecode91{padding:13px 0; background:#f8f8fc; text-align:center; border-bottom:1px solid #ebebf2; color:#000;font-weight:bold}
table.tbl_act_list tr.blueone td{background:#E4EBFB;background-clip:content-box}
table.tbl_act_list tr.redone td{background:#F8EDED;background-clip:content-box}
table.tbl_act_list td{position:relative; border-bottom:1px solid #ebebf2; padding:15px 0; cursor:pointer; text-align:center;}

table.tbl_act_list td .tdin1{height:60px;}
table.tbl_act_list td .tdin2{height:30px;}
table.tbl_act_list td .tdin3{}

table.tbl_act_list td.sbj .tdin1{height:60px;margin-left:40px}
table.tbl_act_list td.sbj .tdin2{height:40px;margin-left:40px; width:100%;}
table.tbl_act_list td.sbj .tdin2 span{width:100%; overflow:hidden; text-overflow:ellipsis; display:inline-block; white-space:nowrap}
table.tbl_act_list td.sbj .tdin3{margin-left:40px}
/*table.tbl_act_list tr:hover td{background:#f8f8fc}*/
table.tbl_act_list tr:hover td{background:none}
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 .inner .img.sitecode91{width:630px}
table.tbl_act_list td .photo .inner .img.sitecode91:after{content:''; display:block; clear:both}
table.tbl_act_list td .photo .inner .img.sitecode91 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.ov.sitecode91{width:210px;height:143px}
table.tbl_act_list td .photo.ov.sitecode91 .inner{position:absolute; left:0; top:0; width:210px}
table.tbl_act_list td .photo.ov.sitecode91:hover .inner{width:630px}
table.tbl_act_list td .photo.c3{width:312px}
table.tbl_act_list td .photo.c3 .inner{position:absolute; left:0; top:0; width:104px}
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{text-align:left;padding-left:20px}
table.tbl_act_list td.sbj.sitecode91{text-align:left;padding-left:0px}
table.tbl_act_list td.sbj p{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
table.tbl_act_list td.sbj .star_rating a{color:white ;}
table.tbl_act_list td.sbj .star_rating a.on{color:#2382e1 ;}
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}


/*행크옥션리스트 css*/





/*행크옥션리스트 끝*/




table.tbl{width:100%; border-top:2px solid #30343d}
table.tbl th,
table.tbl td{border-bottom:1px solid #e1e2e8; padding:7px 20px; line-height:30px; text-align:left; vertical-align:middle}
table.tbl th{background:#f8f8fc; color:#717171; padding-right:0}
table.tbl.view th,
table.tbl.view td{padding:10px 20px; line-height:22px}
table.tbl.ho tr:hover th,
table.tbl.ho tr:hover td{background:#f8f8fc}
table.tbl.t_c th,
table.tbl.t_c td{text-align:center; padding:7px 0}
table.tbl tr.bg_red td{background:#fff9f9}
table.tbl.line th,
table.tbl.line td{border-left:1px solid #e3e3ec; padding:7px 20px}
table.tbl.line th:first-child,
table.tbl.line td:first-child{border-left:0}
table.tbl tr.bd_b_b th,
table.tbl tr.bd_b_b td{border-bottom:1px solid #30343d}
table.tbl td.bg_gray{background:#f8f8fc}
table.tbl_s{width:100%; border-top:1px solid #3d4046}
table.tbl_s.bd_t1{border-top:1px solid #e3e3ec}
table.tbl_s.fixed_none{table-layout:fixed}
table.tbl_s th,
table.tbl_s td{border-bottom:1px solid #e3e3ec; border-left:1px solid #e3e3ec; padding:7px 9px; line-height:20px; text-align:left}
table.tbl_s th{background:#f8f8fc; color:#717171; padding-right:0}
table.tbl_s th:last-child,
table.tbl_s td:last-child{border-right:1px solid #e3e3ec}
table.tbl_s tr.eps td{background:#fff9f9; font-weight:700; color:#222}
table.tbl_s tr.eps td.low{font-weight:700}
table.tbl_s tr.eps td.low p{color:#1860ef}
table.tbl_s tr.bg_red td{background:#fff9f9}
table.tbl_s tr.bg_blue th,
table.tbl_s tr.bg_blue td{background:#edf3ff}
table.tbl_s tr.bg_gray th,
table.tbl_s tr.bg_gray td{background:#f8f8fc}
table.tbl_s td.bg_red{background:#fff9f9}
table.tbl_s td.bg_gray{background:#f8f8fc}
table.tbl_s .bg_darkgray{background:#eee}
table.tbl_s td.low .per{float:left; width:46px}
table.tbl_s td.low .price{float:right}
table.tbl_s td input[type=text]{height:22px; line-height:20px; padding:0 5px}
table.tbl_s select{width:auto; line-height:18px; height:20px; border:1px solid #dcdce7; padding-left:3px; padding-right:12.5px; background:url(/images/common/ico_select2.png) right -7px center no-repeat #fff}
table.tbl_s.blue th{background:#edf3ff; color:#6478a3}
table.tbl_s.blue td{background:#f7faff}
table.tbl_s.blue td.bg_w{background:#fff}
table.tbl_s.blueline th,
table.tbl_s.blueline td{border-bottom:1px solid #c2dffe; border-left:1px solid #c2dffe}
table.tbl_s.blueline th:last-child,
table.tbl_s.blueline td:last-child{border-right:1px solid #c2dffe}
table.tbl_s.t_c th,
table.tbl_s.t_c td{text-align:center; padding:7px 9px}
table.tbl_s.t_c th{padding:7px 0}
table.tbl_s.l_none{border-left:1px solid #e3e3ec}
table.tbl_s.l_none th,
table.tbl_s.l_none td{border-left:0; padding:7px 0}
table.tbl_s.cal{width:100%; margin-top:50px}
table.tbl_s.cal th{text-align:center}
table.tbl_s.cal td{position:relative; vertical-align:top}
table.tbl_s.cal p.day{display:inline-block; width:16px; font-size:15px; font-weight:700; color:#000; border-bottom:2px solid #e3e3ec; text-align:center; padding-bottom:1px}
table.tbl_s.cal ul.act_item{width:100%; margin-top:8px}
table.tbl_s.cal ul.act_item:after{content:''; display:block; clear:both}
table.tbl_s.cal ul.act_item li{float:left; width:50%}
table.tbl_s.cal td.today{background:#f7fbff}
table.tbl_s.cal td.today p.day{color:#1860ef; border-bottom:2px solid #1860ef}
table.tbl_s.cal td.today .ico_today{display:inline-block; font-size:10px; font-weight:700; color:#fff; line-height:13px; background:#1860ef; border-radius:3px; padding:0 5px; margin-left:2px; margin-top:4px}


table.tbl_s.cal td.lasthank{background:#ffece5}
table.tbl_s.cal td.futurehank{background:#e8eefe}
table.tbl_s.cal td.todayhank{background:#fff8e8}
table.tbl_s.cal td.todayhank p.day{color:#1860ef; border-bottom:2px solid #1860ef}
table.tbl_s.cal td.todayhank .ico_today{display:inline-block; font-size:10px; font-weight:700; color:#fff; line-height:13px; background:#1860ef; border-radius:3px; padding:0 5px; margin-left:2px; margin-top:4px}

table.tbl_s.cal th.sun{color:#ff5050}
table.tbl_s.cal th.sat{color:#48a0fc}
table.tbl_s.cal td.sun p.day{color:#ff5050}
table.tbl_s.cal td.sat p.day{color:#48a0fc}
table.tbl_s.cal a.add{position:absolute; right:9px; top:7px; color:#bebecc}
table.tbl_s.cal td ul.list{margin-top:8px}
table.tbl_s.cal td ul.list li{position:relative; padding-left:20px; background:url(/images/common/ico_write.png) left center no-repeat}
table.tbl_s.cal td ul.list li a.item{color:#1860ef}
table.tbl_s.cal td ul.list li .view{display:none; position:absolute; left:-10px; top:10px; width:calc(100% + 20px); border:1px solid #48a0fc; padding:10px; background:#fff; z-index:100}
table.tbl_s.cal td ul.list li .view.on{display:block}
table.tbl_s.cal td ul.list li .view p{font-size:13px; line-height:20px}
table.tbl_s.cal td ul.list li .view p.sbj{color:#1860ef; text-decoration:underline; padding-left:20px; background:url(/images/common/ico_write.png) left 2px no-repeat; border-bottom:1px solid #e1e2e8; padding-bottom:6px}
table.tbl_s.cal td ul.list li .view p.con{padding:5px 0}
table.tbl_s.cal td ul.list li .view .btn{text-align:center}
table.tbl_s.cal td ul.info{margin-top:6px}
table.tbl_s.cal td ul.info li{margin-top:2px; line-height:16px}
table.tbl_s.cal td ul.info li:first-child{margin-top:0}
table.tbl_s.cal td ul.info li p{display:inline-block; line-height:16px}
table.tbl_s.cal td ul.info li p.tt{width:44px; border:1px solid #ebebf3; text-align:center; background:#f1f4fa; color:#8890a6}
table.tbl_s.cal td ul.pt{border-top:1px solid #ebebf3; margin-top:10px; padding-top:6px}
table.tbl_s.cal td ul.pt li{color:#717171}
table.tbl_s2{width:100%; border-top:1px solid #3d4046}
table.tbl_s2.bd_t1{border-top:1px solid #e3e3ec}
table.tbl_s2 th,
table.tbl_s2 td{border-bottom:1px solid #e3e3ec; border-right:1px solid #e3e3ec; padding:9px 15px; line-height:20px; text-align:left}
table.tbl_s2 th{background:#f8f8fc; color:#717171}
table.tbl_s2 th:last-child,
table.tbl_s2 td:last-child{border-right:0}
table.tbl_s2 th.bd_r1,
table.tbl_s2 td.bd_r1{border-right:1px solid #e3e3ec}
table.tbl_s2.t_c th,
table.tbl_s2.t_c td{text-align:center; padding-left:0; padding-right:0}
table.tbl_s2.odd tr:nth-child(odd){background:#f8f8fc}
table.tbl_s2.l_h30 td{line-height:30px}
table.tbl_s3{width:100%; border-top:1px solid #3d4046}
table.tbl_s3.bd_t1{border-top:1px solid #e3e3ec}
table.tbl_s3 th,
table.tbl_s3 td{border-bottom:1px solid #e3e3ec; border-right:1px solid #e3e3ec; padding:5px; line-height:20px; text-align:left}
table.tbl_s3 th{background:#f8f8fc; color:#717171; padding-left:10px}
table.tbl_s3 th:last-child,
table.tbl_s3 td:last-child{border-right:0}
table.tbl_faq{width:100%}
table.tbl_faq th,
table.tbl_faq td{line-height:25px; vertical-align:top; border-top:1px solid #fff; border-bottom:1px solid #e1e2e8; padding:10px 0}
table.tbl_faq th{position:relative; text-align:center}
table.tbl_faq th:after{position:absolute; left:50px; top:17px; width:1px; height:12px; background:#e1e2e8; content:'';}
table.tbl_faq td{padding-left:20px}
table.tbl_faq tr.a{display:none}
table.tbl_faq tr.a th,
table.tbl_faq tr.a td{background:#f8f8fc; border-top:0}
table.tbl_faq tr.on{display:table-row}
table.tbl_faq tr.on a.tit{font-weight:700; color:#48a0fc}
table.tbl_faq tr.q.on th{border-top:1px solid #3d4046; color:#48a0fc}
table.tbl_faq tr.q.on td{border-top:1px solid #3d4046}
table.tbl_faq tr.q.prev th,
table.tbl_faq tr.q.prev td{border-bottom:1px solid #fff}
table.tbl_faq tr.a.on th{border-bottom:1px solid #3d4046}
table.tbl_faq tr.a.on td{border-bottom:1px solid #3d4046}
table.tbl_faq tr.none th,
table.tbl_faq tr.none td{display:none}
table.tbl_lecture{width:100%; border-right:1px solid #e3e3ec}
table.tbl_lecture th,
table.tbl_lecture td{position:relative; border-left:1px solid #e3e3ec; padding:10px 0; line-height:20px; text-align:center; border-bottom:1px solid #e3e3ec}
table.tbl_lecture thead th{background:#f8f8fc}
table.tbl_lecture thead th:first-child{padding:10px 15px; text-align:left}
table.tbl_lecture tbody th{padding:10px 15px; text-align:left; height:60px}
table.tbl_lecture .sat{color:#1860ef}
table.tbl_lecture .sun{color:#ff3535}
table.tbl_lecture .sbj{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
table.tbl_lecture .grp{position:absolute; left:342px; top:0; width:auto; height:60px; z-index:10}
table.tbl_lecture .grp .line{position:absolute; left:0; top:0; width:auto; height:100%}
table.tbl_lecture .grp .line:after{position:absolute; left:0; top:28px; width:100%; height:4px; background:#48a0fc; content:""}
table.tbl_lecture .grp .line .start{position:absolute; left:0; top:0; width:26px; height:100%; background:#fff; z-index:10}
table.tbl_lecture .grp .line .start span{position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px; width:14px; height:14px; background:#48a0fc; border-radius:100%}
table.tbl_lecture .grp .line .start span:after{position:absolute; left:7px; top:5px; width:100%; height:4px; background:#48a0fc; content:""}
table.tbl_lecture .grp .line .end{position:absolute; right:0; top:0; width:26px; height:100%; background:#fff; border-right:1px solid #e3e3ec; z-index:10}
table.tbl_lecture .grp .line .end span{position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px; width:14px; height:14px; background:#48a0fc; border-radius:100%}
table.tbl_lecture .grp .line .end span:after{position:absolute; left:-7px; top:5px; width:100%; height:4px; background:#48a0fc; content:""}
table.tbl_lecture .grp .point{position:absolute; left:0; top:0; width:26px; height:100%}
table.tbl_lecture .grp .point span{position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px; width:14px; height:14px; background:#ff3535; border-radius:100%}
table.tbl_tender{width:746px; border-top:1px solid #000; border-right:1px solid #000; margin-top:40px}
table.tbl_tender thead td{position:relative; height:100px}
table.tbl_tender thead td p.tit{position:absolute; left:0; top:20px; width:100%; text-align:center; font-size:30px; font-weight:700; color:#000; line-height:30px}
table.tbl_tender thead td p.t1{position:absolute; left:10px; top:0; font-size:13px; color:#000; line-height:33px}
table.tbl_tender thead td p.t2{position:absolute; left:10px; bottom:0; font-size:14px; color:#000; line-height:33px}
table.tbl_tender thead td p.t3{position:absolute; right:10px; bottom:0; font-size:14px; color:#000; line-height:33px}
table.tbl_tender th,
table.tbl_tender td{position:relative; height:44px; font-size:14px; line-height:18px; text-align:center; border-left:1px solid #000; border-bottom:1px solid #000; padding:13px 10px}
table.tbl_tender td.h_a{padding:4px 10px}
table.tbl_tender td.h_t{padding:7px 10px}
table.tbl_tender td input[type=text]{width:100%; height:22px; line-height:20px; padding:0 5px}
table.tbl_tender td.won{padding:0 4px}
table.tbl_tender td.won input[type=text]{text-align:center; padding:0}
table.tbl_tender td ul.type_list{position:absolute; left:0; top:0;}
table.tbl_tender td span.t{position:absolute; right:-2px; top:0; width:3px; height:10px; background:#000}
table.tbl_tender td span.b{position:absolute; right:-2px; bottom:0; width:3px; height:10px; background:#000}





/* ico */
.ico_emo{display:inline-block; text-align:right; background:url(/images/common/ico_emotional.gif) left center no-repeat}
.ico_low{display:inline-block; text-align:right; background:url(/images/common/ico_lowest_red.gif) left center no-repeat}
.ico_maegak{display:inline-block; text-align:right; background:url(/images/common/ico_maegak.gif) left center no-repeat}
.ico_sale{display:inline-block; text-align:right; background:url(/images/common/ico_sale.gif) left center no-repeat}
.ico_cir_black{padding-left:21px; background:url(/images/common/ico_cir_black.png) left center no-repeat}
.ico_cir_sky{padding-left:21px; background:url(/images/common/ico_cir_sky.png) left center no-repeat}
.ico_cir_gray{padding-left:21px; background:url(/images/common/ico_cir_gray.png) left center no-repeat}
.ico_result{padding-left:21px; background:url(/images/common/ico_result.png) left center no-repeat}
.ico_opening{padding-left:21px; background:url(/images/common/ico_opening.png) left center no-repeat}
.score{display:inline-block; width:88px; height:16px; line-height:0; background:url(/images/common/score_bg.png) left center no-repeat; margin-top:3px}


/* list */
ul.list_h{width:100%}
ul.list_h:after{content:''; display:block; clear:both}
ul.list_h li{width:100%; padding-left:8px; background:url(/images/common/ico_list_h.gif) left 10px no-repeat}
ul.list_h li:after{content:''; display:block; clear:both}
ul.list_h.c2 li{float:left; width:50%}
ul.list_h.hor li{float:left; width:auto; margin-left:20px}
ul.list_h.hor li:first-child{margin-left:0}
ul.list_b{width:100%}
ul.list_b li{margin-top:5px}
ul.list_b li:first-child{margin-top:0}



/* box */
.box{position:relative; width:100%; border:1px solid #e3e3ec}
.box:after{content:''; display:block; clear:both}
.box.bd_t1{border-top:1px solid #30343d}
.box.bd_b1{border-bottom:1px solid #30343d}
.box.pd20{padding:15px 20px 15px 20px}
.box.pd30{padding:25px 30px 25px 30px}
.box.pd40{padding:35px 39px 35px 39px}
.box.blue{border:1px solid #c2dffe; background:#eaf5ff}
.box.blue .tit{color:#1860ef !important}
.box .tit{font-size:16px !important; margin-bottom:2px !important}
.box dl.tc{width:100%}
.box dl.tc:after{content:''; display:block; clear:both}
.box dl.tc dt{clear:both; float:left; width:80px; font-weight:700}
.box dl.tc dd{float:left}



/* sub_mn */
.sub_mn{width:100%; background:#9dc8f5; text-align:center; margin-bottom:50px}
.sub_mn ul{display:inline-block}
.sub_mn ul:after{content:''; display:block; clear:both}
.sub_mn ul li{float:left}
.sub_mn ul li a{display:block; font-size:16px; font-weight:700; line-height:47px; color:#fff; padding:0 30px}
.sub_mn ul li a.on{background:#48a0fc}



/* paginate */
.paginate{width:100%; text-align:center; margin-top:30px}
.paginate .inner{display:inline-block; border-left:1px solid #e1e2e8}
.paginate .inner:after{content:''; display:block; clear:both}
.paginate a{float:left; min-width:33px; line-height:32px; border:1px solid #e1e2e8; border-left:0; color:#747683; background:#f8f8fc}
.paginate a.curr{background:#30343d; color:#fff; border:1px solid #30343d; border-left:0}
.paginate a.curr:hover{text-decoration:none}
.paginate a.link:hover{text-decoration:none; background:#6c6e76; color:#fff; border:1px solid #6c6e76; border-left:0}
.paginate a.first{width:43px; text-indent:-9999em; background:url(/images/common/ico_paginate_first.png) center no-repeat #f8f8fc}
.paginate a.first:hover{background:url(/images/common/ico_paginate_first_w.png) center no-repeat #6c6e76; border:1px solid #6c6e76; border-left:0}
.paginate a.prev{width:43px; text-indent:-9999em; background:url(/images/common/ico_paginate_prev.png) center no-repeat #f8f8fc}
.paginate a.prev:hover{background:url(/images/common/ico_paginate_prev_w.png) center no-repeat #6c6e76; border:1px solid #6c6e76; border-left:0}
.paginate a.next{width:43px; text-indent:-9999em; background:url(/images/common/ico_paginate_next.png) center no-repeat #f8f8fc}
.paginate a.next:hover{background:url(/images/common/ico_paginate_next_w.png) center no-repeat #6c6e76; border:1px solid #6c6e76; border-left:0}
.paginate a.last{width:43px; text-indent:-9999em; background:url(/images/common/ico_paginate_last.png) center no-repeat #f8f8fc}
.paginate a.last:hover{background:url(/images/common/ico_paginate_last_w.png) center no-repeat #6c6e76; border:1px solid #6c6e76; border-left:0}



/* board_search */
.b_sch{text-align:center; margin-top:30px}
.b_sch input[type=text]{width:250px; background:#f8f8fc}


/* data_box */
.date_box{position:relative; display:inline-block; width:208px;}
.date_box p{width:100%; line-height:33px; text-align:center; font-size:18px; font-weight:700; color:#000}
.date_box a.prev{position:absolute; left:0; top:0; width:33px; height:33px; background:url(/images/common/btn_cir_prev.png) no-repeat}
.date_box a.prev:hover{background:url(/images/common/btn_cir_prev_on.png) no-repeat}
.date_box a.next{position:absolute; right:0; top:0; width:33px; height:33px; background:url(/images/common/btn_cir_next.png) no-repeat}
.date_box a.next:hover{background:url(/images/common/btn_cir_next_on.png) no-repeat}



/* ele */
.w25{width:25px !important}
.w26{width:26px !important}
.w30{width:30px !important}
.w33{width:33px !important}
.w40{width:40px !important}
.w42{width:42px !important}
.w44{width:44px !important}
.w45{width:45px !important}
.w46{width:46px !important}
.w47{width:47px !important}
.w50{width:50px !important}
.w52{width:52px !important}
.w54{width:54px !important}
.w55{width:55px !important}
.w56{width:56px !important}
.w59{width:59px !important}
.w60{width:60px !important}
.w61{width:61px !important}
.w65{width:65px !important}
.w66{width:66px !important}
.w67{width:67px !important}
.w69{width:69px !important}
.w70{width:70px !important}
.w71{width:71px !important}
.w76{width:76px !important}
.w77{width:77px !important}
.w78{width:78px !important}
.w80{width:80px !important}
.w83{width:83px !important}
.w84{width:84px !important}
.w85{width:85px !important}
.w90{width:90px !important}
.w94{width:94px !important}
.w97{width:97px !important}
.w98{width:98px !important}
.w99{width:99px !important}
.w100{width:100px !important}
.w101{width:101px !important}
.w102{width:102px !important}
.w103{width:103px !important}
.w104{width:104px !important}
.w105{width:105px !important}
.w108{width:108px !important}
.w110{width:110px !important}
.w114{width:114px !important}
.w115{width:115px !important}
.w116{width:116px !important}
.w117{width:117px !important}
.w120{width:120px !important}
.w127{width:127px !important}
.w128{width:128px !important}
.w130{width:130px !important}
.w148{width:148px !important}
.w150{width:150px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w190{width:190px !important}
.w126{width:126px !important}
.w200{width:200px !important}
.w220{width:220px !important}
.w230{width:230px !important}
.w234{width:234px !important}
.w250{width:250px !important}
.w275{width:275px !important}
.w276{width:276px !important}
.w290{width:290px !important}
.w367{width:367px !important}
.w412{width:412px !important}
.w500{width:500px !important}
.w570{width:570px !important}
.w100p{width:100% !important}
.h150{height:170px !important}
.pd_0{padding:0 !important}
.pd_20{padding:20px !important}
.pd_30{padding:30px !important}
.pd_t2{padding-top:2px !important}
.pd_t7{padding-top:7px !important}
.pd_t8{padding-top:8px !important}
.pd_t10{padding-top:10px !important}
.pd_t30{padding-top:30px !important}
.pd_t40{padding-top:40px !important}
.pd_t50{padding-top:50px !important}
.pd_b10{padding-bottom:10px !important}
.pd_b20{padding-bottom:20px !important}
.pd_b30{padding-bottom:30px !important}
.pd_b40{padding-bottom:40px !important}
.pd_b50{padding-bottom:50px !important}
.pd_l4{padding-left:4px !important}
.pd_l20{padding-left:20px !important}
.pd_l30{padding-left:30px !important}
.pd_r4{padding-right:4px !important}
.pd_r20{padding-right:20px !important}
.pd_r30{padding-right:30px !important}
.mg_0{margin:0 !important}
.mg_l55{margin-left:55px !important}
.mg_r1{margin-right:2px !important}
.mg_r2{margin-right:2px !important}
.mg_r5{margin-right:5px !important}
.mg_r7{margin-right:7px !important}
.mg_r8{margin-right:8px !important}
.mg_r10{margin-right:10px !important}
.mg_t0{margin-top:0 !important}
.mg_t2{margin-top:2px !important}
.mg_t3{margin-top:3px !important}
.mg_t5{margin-top:5px !important}
.mg_t7{margin-top:7px !important}
.mg_t10{margin-top:10px !important}
.mg_t15{margin-top:15px !important}
.mg_t20{margin-top:20px !important}
.mg_t25{margin-top:25px !important}
.mg_t30{margin-top:30px !important}
.mg_t35{margin-top:35px !important}
.mg_t40{margin-top:40px !important}
.mg_t45{margin-top:45px !important}
.mg_t50{margin-top:50px !important}
.mg_t55{margin-top:55px !important}
.mg_tb7{margin-top:7px !important; margin-bottom:7px !important}
.mg_b10{margin-bottom:10px !important}
.mg_b25{margin-bottom:25px !important}
.mg_b30{margin-bottom:30px !important}
.bd_t0{border-top:0 !important}
.bd_b0{border-bottom:0 !important}
.f_black{color:#000 !important}
.f_red{color:#ff3535 !important}
.bg_red td{background:#fff9f9}
.f_blue{color:#1860ef !important}
.f_sky{color:#48a0fc !important}
.f_gray{color:#717171 !important}
.f_gray_l{color:#b0b8c6 !important}
.f_white{color:#fff !important}
.f_bold{font-weight:700}
.f_s11{font-size:11px !important}
.f_s12{font-size:12px !important}
.f_s14{font-size:14px !important}
.f_s16{font-size:16px !important}
.f_s18{font-size:18px !important}
.i-b{display:inline-block !important}
.l_h24{line-height:24px !important}
.l_h30{line-height:30px !important}
.flt_w{width:100%}
.flt_w:after{content:''; display:block; clear:both}
.flt_l{float:left}
.flt_r{float:right}
.va_t{vertical-align:top !important}
.ui-datepicker-trigger{cursor:pointer; vertical-align:top}
.t_l{text-align:left !important}
.t_c{text-align:center !important}
.t_r{text-align:right !important}
.txt_line{display:inline-block; margin:0 5px; color:#bbb}
.txt_box{display:inline-block; color:#48a0fc; font-weight:700; line-height:28px; background:#fbfbfc; border:1px solid #ebebf2; padding:0 9px; text-align:center}
.txt_box_fd{display:inline-block; color:#48a0fc; font-weight:700; line-height:28px; border:1px solid #ebebf2; padding-left:32px; background:url(/images/common/ico_folder.png) 10px center no-repeat #fbfbfc}
.dv_line{position:relative; display:inline-block; text-indent:-9999em; margin:0 3px}
.dv_line:after{position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:60%; background:#e3e3ec; content:""}
.ico_ctg_gray{display:inline-block; width:46px; border:1px solid #ebebf2; line-height:20px; background:#fbfbfc; color:#717171; text-align:center; vertical-align:middle; margin-right:10px}
.ico_ctg_red{display:inline-block; width:46px; border:1px solid #ffdddd; line-height:20px; background:#fff7f7; color:#ff5757; text-align:center; vertical-align:middle; margin-right:10px}
.t_hyp{padding-left:8px; background:url(/images/common/ico_list_h.gif) left 10px no-repeat}
.t_dot{padding-left:8px; background:url(/images/common/ico_list_d.gif) left 10px no-repeat}
.bg_gray{background:#f8f8fc}
button.ui-datepicker-trigger{width:28px; height:30px; text-indent:-9999em; background:url(/images/common/btn_cal.gif) no-repeat; outline:0}



/***************************************************************************************************************************************************/



#wrap{position:relative; width:100%}


/* header */
#header{position:relative; width:100%; z-index:9000}
#header .pop{position:relative; width:100%; height:120px; background:#5187f2; overflow:hidden; transition:height 0.5s ease; z-index:120}
#header .pop .inner{width:1180px; margin:0 auto}
#header .pop .swiper-button-prev{position:absolute; left:0; top:0; width:60px; height:120px; margin:0; background:url(/images/common/pop_prev.png) center no-repeat}
#header .pop .swiper-button-next{position:absolute; right:0; top:0; width:60px; height:120px; margin:0; background:url(/images/common/pop_next.png) center no-repeat}
#header .pop .swiper-pagination{line-height:12px}
#header .pop .swiper-pagination-bullet{width:12px; height:12px; background:#fff; opacity:0.4}
#header .pop .swiper-pagination-bullet-active{opacity:1}
#header .pop a.close{position:absolute; right:20px; top:10px; display:inline-block; padding-right:28px; font-size:12px; line-height:20px; font-weight:700; color:#fff; background:url(/images/common/ico_close.png) right center no-repeat; z-index:100}
#header .pop.off{height:0}
#header .con{position:relative; width:100%; height:134px; background:url(/images/common/header_bg.gif) top repeat-x}
#header .con > .inner{width:1180px; margin:0 auto}
#header .con .top{width:100%}
#header .con .top:after{content:''; display:block; clear:both}
#header .con .top ul.etc{float:left}
#header .con .top ul.etc:after{content:''; display:block; clear:both}
#header .con .top ul.etc li{float:left; color:#717171; line-height:41px}
#header .con .top ul.etc li a{color:#717171}
#header .con .top ul.etc li a:hover{color:#222}
#header .con .top ul.etc li.f{padding-left:20px; background:url(/images/common/ico_fav.png) left center no-repeat; margin-right:20px}
#header .con .top ul.etc li.c{padding-left:20px; background:url(/images/common/ico_customer.png) left center no-repeat}
#header .con .top ul.util{float:right}
#header .con .top ul.util:after{content:''; display:block; clear:both}
#header .con .top ul.util li{float:left; color:#717171; line-height:41px; padding:0 10px}
#header .con .top ul.util li a{color:#717171}
#header .con .top ul.util li a:hover{color:#222}
#header .con .top ul.util li:nth-child(3){padding-right:15px}
#header .con .top ul.util li:last-child{padding:0 0 0 15px; background:url(/images/common/header_util_div.gif) left center no-repeat}
#header .con .top ul.util li:last-child a{color:#3f3f3f}
#header .con .bottom{position:relative; width:100%; height:91px; margin-top:1px; z-index:100}
#header .con .bottom:after{content:''; display:block; clear:both}
#header .con .bottom h1{float:left; margin-top:26px}
#header .con .bottom h1 a{display:block}
#header .con .bottom ul.nav{float:left; margin-left:45px}
#header .con .bottom ul.nav:after{content:''; display:block; clear:both}
#header .con .bottom ul.nav > li{float:left}
#header .con .bottom ul.nav > li:nth-child(3){padding-right:0; background:url(/images/common/nav_div.gif) right center no-repeat}
#header .con .bottom ul.nav > li:nth-child(4){padding-left:0}
#header .con .bottom ul.nav > li > a{position:relative; display:block; font-size:18px; font-weight:700; color:#3f3f3f; line-height:92px; padding:0 15px; z-index:10}
#header .con .bottom ul.nav > li > a:hover{text-decoration:none; color:#1860ef}
#header .con .bottom ul.nav > li > a:hover span.l{opacity:1}
#header .con .bottom ul.nav > li > a span.l{display:block; position:absolute; left:16px; top:63px; width:33px; height:3px; background:#1860ef; opacity:0}
#header .con .bottom ul.nav > li:nth-child(3) > a{padding-right:30px}
#header .con .bottom ul.nav > li:nth-child(4) > a{padding-left:30px}
#header .con .bottom ul.nav > li:nth-child(4) > a span.l{left:auto; right:16px; width:50px}
#header .con .bottom ul.nav > li:nth-child(5) > a span.l{width:63px}
#header .con .bottom ul.nav > li:nth-child(6) > a span.l{width:57px}
#header .con .bottom ul.nav > li:nth-child(7) > a span.l{width:59px}
#header .con .bottom ul.nav > li.on > a{color:#1860ef}
#header .con .bottom ul.nav > li.on > a span.l{opacity:1}
#header .con .bottom ul.nav > li ul.sub{display:none; position:absolute; left:0; top:92px; width:1180px}
#header .con .bottom ul.nav > li ul.sub:after{content:''; display:block; clear:both}
#header .con .bottom ul.nav > li ul.sub li{float:left}
#header .con .bottom ul.nav > li ul.sub li a{display:block; font-size:14px; line-height:55px; color:#b5b7c6; padding:0 15px}
#header .con .bottom ul.nav > li ul.sub li a:hover{color:#fff}
#header .con .bottom ul.nav > li ul.sub li.on a{color:#fff; background:#1860ef}
#header .con .bottom .top_search{position:absolute; right:40px; top:28px; width:240px; height:35px; border-radius:18px; background:url(/images/common/top_search_line.gif) 94px center no-repeat #f4f6f9; padding-left:14px}
#header .con .bottom .top_search select{width:70px; height:35px; background:#f4f6f9; background:url(/images/common/ico_select.png) right center no-repeat; border:0}
#header .con .bottom .top_search select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
#header .con .bottom .top_search select::-ms-expand{display: none}
#header .con .bottom .top_search input[type=text]{position:absolute; left:105px; top:0; width:98px; height:35px; border:0; font-size:13px; line-height:35px; background:#f4f6f9}
#header .con .bottom .top_search input[type=submit]{position:absolute; right:0; top:0; width:37px; height:35px; text-indent:-9999em; background:url(/images/common/ico_search.png) center no-repeat}
#header .con .bottom a.btn_sitemap{position:absolute; right:0; top:28px; display:block; width:35px; height:35px; background:url(/images/common/ico_sitemap.png) center no-repeat #f4f6f9; text-indent:-9999em; border-radius:100%}
#header .con .sub_bg{display:none; position:absolute; left:0; top:134px; width:100%; height:55px; background:#30343d}
#header .con .sub_bg.sitecode91{display:none; position:absolute; left:0; top:160px; width:100%; height:55px; background:#30343d}
#header .con .sub_bg.on{display:block}
#header.on .con{height:189px}
#header.on .con .sub_bg{display:block !important}
#header h1{margin-top:0 !important; display:table; height:100%}
#header h1 a{display:table-cell !important; height:100%; vertical-align:middle}
#header h1 a img{vertical-align:middle}



/* 행크 header */


#header_hank{position:relative; width:1180px; margin:0 auto;}
#header_hank .con{position:relative; width:100%; height:150px; background:white;}
#header_hank .con .topMulti{display:flex; align-items:center; height:100px; background:white;}
#header_hank .con .topMulti .toplogo{width:50%; margin-left:55px;}
#header_hank .con .topMulti .top{ margin-top:35px; margin-left:183px;}
#header_hank .con .topMulti .top .sangtop{float:right; margin-top:-50px; font-size:13px;}
#header_hank .con .topMulti .top ul.util:after{content:''; display:block; clear:both}
#header_hank .con .topMulti .top ul.util li{position:relative; float:left; color:black; padding-bottom:10px; padding-right:17px;}
#header_hank .con .topMulti .top ul.util li a{display:inline-block; color:black; font-size:15px;}
#header_hank .con .topMulti .top ul.util li a:hover{color:#848484; text-decoration:none}
#header_hank .con .topMulti .top ul.util li:nth-child(4){padding-right:5px}
#header_hank .con .topMulti .top ul.util li:last-child{padding:0 0 0 15px; background:none; padding-right:15px;}



#header_hank .con > .inner{width:1180px; margin:0 auto;}

#header_hank .con .gnb{position:relative; width:100%; height:90px; margin-top:-15px;}
#header_hank .con .gnb:after{content:''; display:block; clear:both}
#header_hank .con .gnb h1{float:left}
#header_hank .con .gnb ul.nav{float:left; margin-left:5px; padding-top:25px}
#header_hank .con .gnb ul.nav:after{content:''; display:block; clear:both}
#header_hank .con .gnb ul.nav li{float:left; line-height:35px; margin-right:5px; position: relative; font-size:15px; font-weight:bold; padding:0 5px; width:140px; height:35px; text-align:center;}
#header_hank .con .gnb ul.nav li:first-child{background:none}
#header_hank .con .gnb ul.nav li a{display:block; font-size:15px; color:#2c2616; font-weight:bold; line-height:40px; padding:0 30px}
#header_hank .con .gnb ul.nav li a:hover{color:#848484; text-decoration:none}

#header_hank .con .gnb ul.util{float:right;margin-right:46px; padding-top:25px}
#header_hank .con .gnb ul.util:after{content:''; display:block; clear:both}
#header_hank .con .gnb ul.util li{position:relative; float:right; color:black; padding-bottom:10px; padding-right:15px;}
#header_hank .con .gnb ul.util li a{display:block; color:black; font-size:15px; font-weight:bold; line-height:40px; padding:0 15px}
#header_hank .con .gnb ul.util li a:hover{color:#848484; text-decoration:none}



/* #header_hank .con > .inner{width:1180px; margin:0 auto}
#header_hank .con .bottom{position:relative; width:100%; height:91px; margin-top:1px; z-index:100}
#header_hank .con .bottom:after{content:''; display:block; clear:both}
#header_hank .con .bottom h1{float:left; margin-top:26px}
#header_hank .con .bottom h1 a{display:block}
#header_hank .con .bottom ul.nav{float:left; margin-left:45px; }
#header_hank .con .bottom ul.nav:after{content:''; display:block; clear:both}
#header_hank .con .bottom ul.nav > li{float:left}
#header_hank .con .bottom ul.nav > li > a{position:relative; display:block; font-size:15px; font-weight:bold; color:black; line-height:92px; padding:0 15px; z-index:10}
#header_hank .con .bottom ul.nav > li > a:hover{text-decoration:none; color:#848484}
#header_hank .con .bottom ul.nav > li > a:hover span.l{opacity:1}
#header_hank .con .bottom ul.nav > li > a span.l{display:block; position:absolute; left:16px; top:63px; width:33px; height:3px; background:#848484; opacity:0}
#header_hank .con .bottom ul.nav > li.on > a span.l{opacity:1}
#header_hank .con .bottom ul.nav > li ul.sub{display:none; position:absolute; left:0; top:75px; width:1180px;}
#header_hank .con .bottom ul.nav > li ul.sub:after{content:''; display:block; clear:both}
#header_hank .con .bottom ul.nav > li ul.sub li{float:left}
#header_hank .con .bottom ul.nav > li ul.sub li a{display:block; font-size:15px; line-height:55px; color:#848484; padding:0 15px}
#header_hank .con .bottom ul.nav > li ul.sub li a:hover{color:black;text-decoration:none;}
#header_hank .con .bottom ul.nav > li ul.sub li.on a{color:black; text-decoration:none; background:white}

#header_hank .con .hanksearch{margin-left:150px; margin-top:25px; border:2px solid #848484; border-radius:20px; overflow:hidden; float:right}
#header_hank .con .hanksearch:after{content:''; display:block; clear:both}
#header_hank .con .hanksearch p{float:left; width:82px; font-size:14px; color:#848484; line-height:37px; background:#fff}
#header_hank .con .hanksearch select{float:left; height:37px; border:0; border-left:1px solid #eee; border-right:1px solid #eee}
#header_hank .con .hanksearch input[type=text]{float:left; width:100px; height:37px; line-height:37px; border:0; border-right:1px solid #eee}
#header_hank .con .hanksearch input[type=submit]{float:left; width:45px; height:37px; background:url(/images/main/type04/ico_sch.png) 10px center no-repeat #fff; text-indent:-9999em}
#header_hank .con .bottom a.btn_sitemap{position:absolute; right:0; top:28px; display:block; width:35px; height:35px; background:url(/images/common/ico_sitemap.png) center no-repeat #f4f6f9; text-indent:-9999em; border-radius:100%}
#header_hank .con .sub_bg{display:none; position:absolute; left:0; top:134px; width:100%; height:55px; background:white}
#header_hank .con .sub_bg.on{display:block}
#header_hank .on .con{height:189px}
#header_hank .on .con .sub_bg{display:block !important}
#header_hank h1{margin-top:0 !important; display:table; height:100%}
#header_hank h1 a{display:table-cell !important; height:100%; vertical-align:middle}
#header_hank h1 a img{vertical-align:middle} */
/* header */ 


/*베프옥션헤더부분*/

#header_hank{position:relative; width:1180px; margin:0 auto;}
#header_hank .con1{position:relative; width:100%; height:100px; background:white;}
#header_hank .con1 .topMulti{display:flex; align-items:center; height:100px; background:white;}
#header_hank .con1 .topMulti .toplogo{width:15%; margin-left:0px;}
#header_hank .con1 .topMulti .top{ margin-top:35px;}
#header_hank .con1 .topMulti .top .sangtop{float:right; margin-top:-50px; font-size:13px;}
#header_hank .con1 .topMulti .top ul.util:after{content:''; display:block; clear:both}
#header_hank .con1 .topMulti .top ul.util li{position:relative; float:left; color:black; padding-bottom:10px; padding-right:17px;}
#header_hank .con1 .topMulti .top ul.util li a{display:inline-block; color:black; font-size:15px;}
#header_hank .con1 .topMulti .top ul.util li a:hover{color:#848484; text-decoration:none}
#header_hank .con1 .topMulti .top ul.util li:nth-child(4){padding-right:5px}
#header_hank .con1 .topMulti .top ul.util li:last-child{padding:0 0 0 15px; background:none; padding-right:17px;}

#header_hank .con1 > .inner{width:1180px; margin:0 auto;}

#header_hank .con1 .gnb{position:relative; width:100%; height:95px; margin-top:-45px;}
#header_hank .con1 .gnb:after{content:''; display:block; clear:both}
#header_hank .con1 .gnb h1{float:left}
#header_hank .con1 .gnb ul.nav{float:left; padding-top:25px}
#header_hank .con1 .gnb ul.nav:after{content:''; display:block; clear:both}
#header_hank .con1 .gnb ul.nav li{float:left; line-height:35px; margin-right:35px; position: static; font-size:15px; font-weight:bold; padding:0 5px; width:85px; height:35px; text-align:center;}
#header_hank .con1 .gnb ul.nav li:first-child{background:none}
#header_hank .con1 .gnb ul.nav li a{display:block; font-size:16px; color:#2c2616; font-weight:bold;  }
#header_hank .con1 .gnb ul.nav li a.on{color:#295dff;}
#header_hank .con1 .gnb ul.nav li a:hover{color:#848484; text-decoration:none}

#header_hank .con1 .gnb ul.util{float:right;margin-right:46px; padding-top:25px}
#header_hank .con1 .gnb ul.util:after{content:''; display:block; clear:both}
#header_hank .con1 .gnb ul.util li{position:relative; float:right; color:black; padding-bottom:10px; padding-right:15px;}
#header_hank .con1 .gnb ul.util li a{display:block; color:black; font-size:15px; font-weight:bold; line-height:40px; padding:0 15px}
#header_hank .con1 .gnb ul.util li a:hover{color:#848484; text-decoration:none}

#header_hank .con1 .gnb ul.nav > li ul.sub{display: none; position:absolute;left:0; top:65px; width:100%;/*width: 5000px;padding-left: 518px;margin-left: -500px;*/border-top: 1px solid #e1e1e1;}
#header_hank .con1 .gnb ul.nav > li ul.sub:after{content:''; display:block; clear:both}
#header_hank .con1 .gnb ul.nav > li ul.sub li:first-child{background-image:none;}
#header_hank .con1 .gnb ul.nav > li ul.sub li{float:left;width:111px;margin-right:0;background-image: url(/images/common/line.gif);background-repeat: no-repeat;background-position: 0px 14px;}
#header_hank .con1 .gnb ul.nav> li ul.sub li > a:nth-child(1){padding-left: 0px;}
#header_hank .con1 .gnb ul.nav > li ul.sub li a{display:block; font-size:13px; line-height:35px;font-weight:400; color:black; padding:0 0px}
#header_hank .con1 .gnb ul.nav > li ul.sub li a:hover{color:#d00f00; text-decoration:underline;}
#header_hank .con1 .gnb ul.nav > li ul.sub li.on a{color:#295dff;}


#container .main_tp22 .visual > .inner > .hankmenubar{position:absolute; left:45px; top:0; background:#f2f2f2; display:none; z-index:9999;} 
#container .main_tp22 .visual > .inner > .hankmenubar.on{display: block;}
#container .main_tp22 .visual > .inner > .hankmenubar > ul > li{padding-left:10px; padding-bottom:10px; font-size:15px; cursor: pointer;}
#container .main_tp22 .visual > .inner > .hankmenubar > ul > li > a:hover{font-weight:bold; color:blue;}

#container .sub .visual > .inner > .hankmenubar{position:absolute; left:45px; top:0; background:#f2f2f2; display:none; z-index:9999;} 

#container .sub .visual > .inner > .hankmenubar.on{display: block;}
#container .sub .visual > .inner > .hankmenubar > ul > li{padding-left:10px; padding-bottom:10px; font-size:15px; cursor: pointer;}
#container .sub .visual > .inner > .hankmenubar > ul > li > a:hover{font-weight:bold; color:blue;}

#header_hank .con1 .visual > .inner > .hankmenubar{position:absolute; left:45px; top:0; background:#f2f2f2; display:none; z-index:9999;} 
#header_hank .con1 .visual > .inner > .hankmenubar{position:absolute; left:45px; top:145px; background:#f2f2f2; display:none; z-index:9999;} 
#header_hank .con1 .visual > .inner > .hankmenubar.on{display: block;}
#header_hank .con1 .visual > .inner > .hankmenubar > ul > li{padding-left:10px; padding-bottom:10px; font-size:15px; cursor: pointer;}
#header_hank .con1 .visual > .inner > .hankmenubar > ul > li > a:hover{font-weight:bold; color:blue;}

/* container */
#container{position:relative; width:1180px;}

#kakao_container{position:relative; width:612px; margin:80px auto 0}
#kakao_container .sub h2{font-size:18px; color:#000; font-weight:700; line-height:30px}



/* main */
#container .main{width:100%}
#container .main .quick{position:relative; left:50%; width:1920px; height:462px; margin-left:-960px; background:url(/images/main/quick_bg.jpg) center no-repeat; padding-top:70px}
#container .main .quick .inner{position:relative; width:1180px; height:322px; margin:0 auto; background:rgba(255,255,255,0)}
#container .main .quick .item{transition:left 0.5s ease, width 0.5s ease, background-image 0.5s ease; overflow:hidden}
#container .main .quick .item h2{position:absolute; left:30px; top:34px; font-size:20px; font-weight:800; color:#fff; transition:opacity 0.5s ease; z-index:10}
#container .main .quick .item p.exp{position:absolute; left:30px; top:78px; font-size:15px; line-height:25px; color:#fff; transition:opacity 0.5s ease; z-index:10}
#container .main .quick .item a.open{position:absolute; left:0; top:0; display:block; width:100%; height:100%; text-indent:-9999em; z-index:20}
#container .main .quick .item.off h2{opacity:0.5}
#container .main .quick .item.off p.exp{font-size:13px; opacity:0.5}
#container .main .quick .auction{position:absolute; left:0; top:0; width:265px; height:322px; background:linear-gradient(135deg,  #2468f0 1%,#4651c2 100%); border-radius:10px}
#container .main .quick .auction .con{display:none; position:absolute; left:30px; top:86px; width:350px; z-index:10}
#container .main .quick .auction .con li{margin-bottom:6px; color:#fff}
#container .main .quick .auction .con li dl{width:100%}
#container .main .quick .auction .con li dl:after{content:''; display:block; clear:both}
#container .main .quick .auction .con li dl dt{float:left; width:59px; line-height:29px; background:#0d4cca; font-size:14px; font-weight:700; color:#81abff; padding-left:10px}
#container .main .quick .auction .con li dl dd{float:left; margin-left:10px}
#container .main .quick .auction .con li dl dd select{height:29px; margin-right:2px; border:1px solid #0d4cca; color:#fff; padding-left:9px; background:url(/images/common/ico_select.png) right 9px center no-repeat #1860ef}
#container .main .quick .auction .con li dl dd select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
#container .main .quick .auction .con li dl dd select::-ms-expand{display: none}
#container .main .quick .auction .con input[type=submit]{position:absolute; left:0; top:159px; width:140px; line-height:42px; background:#fff; color:#010101; border-radius:5px}
#container .main .quick .auction .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/main/ico_quick_auction.png) right 30px bottom 30px no-repeat; transition:background-image 0.5s ease}
#container .main .quick .map{position:absolute; left:305px; top:0; width:265px; height:322px; background:linear-gradient(135deg,  #76c7ff 0%,#1d93e7 100%); border-radius:10px}
#container .main .quick .map .con{display:none; position:absolute; left:30px; top:86px; width:350px; z-index:10}
#container .main .quick .map .con p.txt{color:#fff; margin-bottom:18px; margin-top:-5px}
#container .main .quick .map .con li{margin-bottom:6px; color:#fff}
#container .main .quick .map .con li dl{width:100%}
#container .main .quick .map .con li dl:after{content:''; display:block; clear:both}
#container .main .quick .map .con li dl dt{float:left; width:59px; line-height:29px; background:#197ee7; font-size:14px; font-weight:700; color:#8fc6ff; padding-left:10px}
#container .main .quick .map .con li dl dd{float:left; margin-left:10px}
#container .main .quick .map .con li dl dd select{height:29px; margin-right:2px; border:1px solid #197ee7; color:#fff; padding-left:9px; background:url(/images/common/ico_select.png) right 9px center no-repeat #48a0fc}
#container .main .quick .map .con li dl dd select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
#container .main .quick .map .con li dl dd select::-ms-expand{display: none}
#container .main .quick .map .con input[type=submit]{position:absolute; left:0; top:159px; width:140px; line-height:42px; background:#fff; color:#010101; border-radius:5px}
#container .main .quick .map .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/main/ico_quick_map.png) right 30px bottom 30px no-repeat; transition:background-image 0.5s ease}
#container .main .quick .big{position:absolute; left:610px; top:0; width:265px; height:322px; background:linear-gradient(135deg,  #1a50b4 0%,#1b3878 100%); border-radius:10px}
#container .main .quick .big .con{display:none; position:absolute; left:30px; top:86px; width:350px; z-index:10}
#container .main .quick .big .con ul{width:375px}
#container .main .quick .big .con ul:after{content:''; display:block; clear:both}
#container .main .quick .big .con ul li{float:left; margin-right:15px}
#container .main .quick .big .con ul li a{display:block; width:105px; height:99px; border-radius:5px; font-size:14px; color:#4e5460; text-align:center; font-weight:800; padding-top:69px}
#container .main .quick .big .con ul li:nth-child(1) a{background:url(/images/main/ico_quick_big1.png) center 14px no-repeat #fff}
#container .main .quick .big .con ul li:nth-child(2) a{background:url(/images/main/ico_quick_big2.png) center 14px no-repeat #fff}
#container .main .quick .big .con ul li:nth-child(3) a{background:url(/images/main/ico_quick_big3.png) center 14px no-repeat #fff}
#container .main .quick .big .con p.txt{position:absolute; left:0; top:184px; color:#fff; opacity:0.6}
#container .main .quick .big .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/main/ico_quick_big.png) right 30px bottom 30px no-repeat; transition:background-image 0.5s ease}
#container .main .quick .schedule{position:absolute; right:0; top:0; width:265px; height:322px; background:url(/images/main/schedule_bg.jpg) no-repeat; border-radius:10px; overflow:hidden}
#container .main .quick .schedule .top{position:absolute; left:30px; top:31px;}
#container .main .quick .schedule .top:after{content:''; display:block; clear:both}
#container .main .quick .schedule .top li{float:left; font-size:17px; font-weight:700; color:#fff}
#container .main .quick .schedule .top li:nth-child(1){background:url(/images/main/schedule_top_line.gif) right 4px no-repeat; padding-right:7px}
#container .main .quick .schedule .top li:nth-child(2){padding:0 5px 0 5px}
#container .main .quick .schedule .top li a{position:relative; display:block; color:#757e91; font-weight:400; padding-bottom:5px}
#container .main .quick .schedule .top li a.on{color:#fff; font-weight:700}
#container .main .quick .schedule .top li a.on span.l{position:absolute; left:0; bottom:0; width:100%; height:3px; background:#fff}
#container .main .quick .schedule .top li a:hover{text-decoration:none; color:#fff}
#container .main .quick .schedule > a.prev{position:absolute; left:52px; top:76px; width:27px; height:27px; background:url(/images/main/ico_schedule_prev.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main .quick .schedule > a.next{position:absolute; right:52px; top:76px; width:27px; height:27px; background:url(/images/main/ico_schedule_next.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main .quick .schedule > .year{position:absolute; left:0; top:78px; width:100%; font-size:17px; color:#fff; font-weight:700; text-align:center}
#container .main .quick .schedule table.cal{width:210px; margin:0 auto; padding-top:124px}
#container .main .quick .schedule table.cal th{color:#a3abba; text-align:center; line-height:25px}
#container .main .quick .schedule table.cal td{color:#fff; text-align:center; line-height:25px}
#container .main .quick .schedule table.cal td a{display:inline-block; width:24px; line-height:24px; color:#fff}
#container .main .quick .schedule table.cal td a.sat,
#container .main .quick .schedule table.cal td a.sun{color:#a3abba}
#container .main .quick .schedule table.cal td a:hover{background:#676c77; color:#fff; border-radius:100%; text-decoration:none}
#container .main .quick .schedule table.cal td a.on{background:#fff; color:#30343d; border-radius:100%; font-weight:700}
#container .main .quick .schedule .view{position:absolute; left:265px; top:0; width:100%; height:100%; background:url(/images/main/schedule_view_bg.png) no-repeat; transition:left 0.5s ease; z-index:100}
#container .main .quick .schedule .view.on{left:0; transition:left 0.5s ease}
#container .main .quick .schedule .view a.close{position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999em}
#container .main .quick .schedule .view a.prev{position:absolute; left:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_prev2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main .quick .schedule .view a.next{position:absolute; right:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_next2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main .quick .schedule .view .year{position:absolute; left:0; top:32px; width:100%; font-size:17px; color:#30343d; font-weight:700; text-align:center}
#container .main .quick .schedule .view .list{position:absolute; left:30px; top:80px; width:233px; height:212px; overflow-y:auto; overflow-x:hidden}
#container .main .quick .schedule .view .list ul{width:216px}
#container .main .quick .schedule .view .list ul:after{content:''; display:block; clear:both}
#container .main .quick .schedule .view .list ul li{float:left; width:50%}
#container .main .quick .schedule .view .list ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%}
#container .main .quick.auction_on .auction{left:0; width:405px}
#container .main .quick.auction_on .auction p.exp{display:none}
#container .main .quick.auction_on .auction a.open{display:none}
#container .main .quick.auction_on .auction .con{display:block}
#container .main .quick.auction_on .auction .bg{background-image:url(/images/main/ico_quick_auction_on.png)}
#container .main .quick.auction_on .map{left:445px; width:195px}
#container .main .quick.auction_on .big{left:680px; width:195px}
#container .main .quick.map_on .auction{left:0; width:195px}
#container .main .quick.map_on .map{left:235px; width:405px}
#container .main .quick.map_on .map p.exp{display:none}
#container .main .quick.map_on .map a.open{display:none}
#container .main .quick.map_on .map .con{display:block}
#container .main .quick.map_on .map .bg{background-image:url(/images/main/ico_quick_map_on.png)}
#container .main .quick.map_on .big{left:680px; width:195px}
#container .main .quick.big_on .auction{left:0; width:195px}
#container .main .quick.big_on .map{left:235px; width:195px}
#container .main .quick.big_on .big{left:470px; width:405px}
#container .main .quick.big_on .big p.exp{display:none}
#container .main .quick.big_on .big a.open{display:none}
#container .main .quick.big_on .big .con{display:block}
#container .main .quick.big_on .big .bg{background-image:url(/images/main/ico_quick_big_on.png)}
#container .main .content{position:relative; width:100%; margin:77px 0 0}
#container .main .content .top{position:relative; width:100%; border-bottom:1px solid #e3e3ec; padding-bottom:15px}
#container .main .content .top:after{content:''; display:block; clear:both}
#container .main .content .top h2{float:left; font-size:18px; font-weight:700; color:#000}
#container .main .content .top .swiper-pagination{position:absolute; left:auto; right:45px; top:0; width:auto; text-align:left; font-size:12px; color:#717171; font-weight:700}
#container .main .content .top .swiper-pagination .swiper-pagination-current{color:#278df7}
#container .main .content .top a.more{float:right; font-size:12px; color:#717171; padding-right:10px; background:url(/images/common/ico_more.png) right center no-repeat}
#container .main .content .top a.more:hover{color:#222}
#container .main .content .box1{width:100%}
#container .main .content .box1:after{content:''; display:block; clear:both}
#container .main .content .box2{width:100%; margin-top:70px}
#container .main .content .box2:after{content:''; display:block; clear:both}
#container .main .content .recomm{float:left; width:875px}
#container .main .content .recomm .con{width:100%; margin-top:30px}
#container .main .content .recomm .con .swiper-slide{position:relative}
#container .main .content .recomm .con a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:100}
#container .main .content .recomm .con .img{position:relative; width:265px; height:160px; margin-bottom:15px}
#container .main .content .recomm .con .img .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07}
#container .main .content .recomm .con .info span.div{color:#bfbfbf}
#container .main .content .recomm .con .info p.addr{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%}
#container .main .content .recomm .con .info p.emotional{display:inline-block}
#container .main .content .recomm .con .info p.emotional img{margin-right:2px}
#container .main .content .recomm .con .info p.lowest{display:inline-block; color:#1860ef; margin-left:6px}
#container .main .content .recomm .con .info p.lowest img{margin-right:2px}
#container .main .content .recomm .con .info .text{position:relative; border-top:1px solid #eeeef4; margin-top:12px; padding-top:10px}
#container .main .content .recomm .con .info .text p{width:100%; height:66px; color:#222; text-overflow:ellipsis; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
#container .main .content .recomm .con .info .text img.more{position:absolute; right:0; bottom:2px}
#container .main .content .recomm .top .swiper-button-prev{position:absolute; left:auto; right:18px; top:24px; width:19px; height:19px; border:1px solid #d7d8e0; background:url(/images/main/ico_prev.png) center no-repeat; opacity:1; cursor:pointer !important; pointer-events:auto; outline:none; z-index:20}
#container .main .content .recomm .top .swiper-button-next{position:absolute; left:auto; right:0; top:24px; width:19px; height:19px; border:1px solid #d7d8e0; background:url(/images/main/ico_next.png) center no-repeat; opacity:1; cursor:pointer !important; pointer-events:auto; outline:none; z-index:20}
#container .main .content .theme{float:right; width:265px;}
#container .main .content .theme .top{border-bottom:0}
#container .main .content .theme .con{width:100%; height:358px; background:#f0f2f8; border-radius:10px; padding:10px}
#container .main .content .theme .con ol{width:100%; height:100%; background:#fff; border-radius:5px}
#container .main .content .theme .con ol li{padding-left:20px; line-height:25px}
#container .main .content .theme .con ol li strong{color:#278df7; font-weight:800; margin-right:5px}
#container .main .content .theme .con ol li a{display:inline-block; line-height:25px}
#container .main .content .theme .con ol li:nth-child(1),
#container .main .content .theme .con ol li:nth-child(2),
#container .main .content .theme .con ol li:nth-child(3){line-height:54px; border-bottom:1px solid #f0f2f8}
#container .main .content .theme .con ol li:nth-child(1) a,
#container .main .content .theme .con ol li:nth-child(2) a,
#container .main .content .theme .con ol li:nth-child(3) a{font-size:15px; font-weight:700; line-height:54px}
#container .main .content .theme .con ol li:nth-child(1){background:url(/images/main/theme1.jpg) right no-repeat}
#container .main .content .theme .con ol li:nth-child(2){background:url(/images/main/theme2.jpg) right no-repeat}
#container .main .content .theme .con ol li:nth-child(3){background:url(/images/main/theme3.jpg) right no-repeat}
#container .main .content .theme .con ol li:nth-child(4){margin-top:8px}
#container .main .content .notice{float:left; width:417px; margin-right:41px}
#container .main .content .community{float:left; width:417px}
#container .main .content .article .info{width:100%; padding:20px 0 15px; border-bottom:1px solid #e3e3ec}
#container .main .content .article .info:after{content:''; display:block; clear:both}
#container .main .content .article .info .img{float:left; margin-right:20px}
#container .main .content .article .info .txt{float:left}
#container .main .content .article .info .txt p.t{display:block; font-size:15px; margin:-4px 0 3px}
#container .main .content .article .info .txt p.c{color:#717171}
#container .main .content .article ul.list{margin-top:20px}
#container .main .content .article ul.list li{width:100%; margin-top:8px}
#container .main .content .article ul.list li:after{content:''; display:block; clear:both}
#container .main .content .article ul.list li:first-child{margin-top:0}
#container .main .content .article ul.list li p.ctg{float:left; width:60px; line-height:20px; border:1px solid #e9eaee; background:#f4f6fa; color:#8d90a3; text-align:center; margin-right:15px}
#container .main .content .article ul.list li p.ctg.red{border:1px solid #ffd7d7; background:#ffefef; color:#ff6868}
#container .main .content .article ul.list li a{float:left; display:block; width:250px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main .content .article ul.list li p.date{float:right}
#container .main .content ul.etc{float:right; width:265px; border:1px solid #eeeef4; border-radius:10px; margin-top:3px}
#container .main .content ul.etc li{border-top:1px solid #eeeef4}
#container .main .content ul.etc li:first-child{border-top:0}
#container .main .content ul.etc li a{display:block; font-size:15px; line-height:43px; padding-left:20px; background:url(/images/main/ico_arrow.png) right 20px center no-repeat}
#container .main .content ul.etc li a:hover{background-image:url(/images/main/ico_arrow_on.png)}



/* sub */
#container .sub{width:100%}
#container .sub h2{font-size:18px; color:#000; font-weight:700; line-height:30px}
#container .sub h3{font-size:18px; color:#000; font-weight:700; line-height:30px}
#container .sub .title{text-align:center; margin-bottom:25px}
#container .sub .title h2{font-size:30px; color:#30343d}



/* search_box */
#container ul.search_box{border:1px solid #e3e3ec}
#container ul.search_box > li{width:100%; padding:18px 0 18px 30px; border-top:1px solid #e3e3ec}
#container ul.search_box > li:first-child{border-top:0}
#container ul.search_box > li:after{content:''; display:block; clear:both}
#container ul.search_box > li a.use{display:inline-block; font-size:14px; font-weight:700; color:#48a0fc; line-height:33px; margin-right:25px; background:url(/images/common/ico_question.png) left center no-repeat; padding-left:35px}
#container ul.search_box > li a.myfd{display:inline-block; font-size:14px; font-weight:700; color:#48a0fc; line-height:33px; margin-right:25px; padding-left:24px}
#container ul.search_box > li dl.color_guide{margin-right:25px}
#container ul.search_box > li dl.color_guide:after{content:''; display:block; clear:both}
#container ul.search_box > li dl.color_guide dt,
#container ul.search_box > li dl.color_guide dd{float:left; line-height:40px; margin-right:20px}
#container ul.search_box > li dl.color_guide img{margin-right:8px; margin-bottom:1px}
#container ul.search_box > li dl.color_guide .line{margin:0; vertical-align:middle; margin-left:20px}
#container ul.search_box > li.bg{background:#f8f8fc}
#container ul.search_box > li.usage_list{display:none}
#container ul.search_box > li.usage_list.on{display:block}
#container ul.search_box > li.usage_list_special{display:none}
#container ul.search_box > li.usage_list_special.on{display:block}
#container ul.search_box > li table{}
#container ul.search_box > li table th,
#container ul.search_box > li table td{vertical-align:middle; line-height:30px; padding:3px 0; text-align:left}
#container ul.search_box > li table th{font-size:14px; font-weight:700; vertical-align:top}
#container ul.search_box > li table.line th,
#container ul.search_box > li table.line td{border-top:1px solid #f3f3f7}
#container ul.search_box > li table.line ul.item_list > li{padding-bottom:5px}
#container ul.search_box > li table.line tr:first-child th,
#container ul.search_box > li table.line tr:first-child td{border-top:0}
#container ul.search_box > li ul.list{width:100%}
#container ul.search_box > li ul.list > li{position:relative; width:100%; border-top:1px solid #ecedf3; padding:12px 30px 12px 20px}
#container ul.search_box > li ul.list > li:after{content:''; display:block; clear:both}
#container ul.search_box > li ul.list > li:first-child{border-top:0}
#container ul.search_box > li ul.list > li:before{position:absolute; left:0; top:50%; transform:translateY(-6px); width:13px; height:13px; background:#e8e8f2; border-radius:100%; content:""}
#container ul.search_box > li ul.list > li .info{position:relative; float:left; width:988px}
#container ul.search_box > li ul.list > li .info p{display:inline-block; line-height:30px}
#container ul.search_box > li ul.list > li .info p.t{font-size:14px; font-weight:700; color:#000; background:url(/images/common/ico_arrow_line.png) right center no-repeat; padding-right:23px; margin-right:15px}
#container ul.search_box > li ul.list > li .info ul{display:inline-block}
#container ul.search_box > li ul.list > li .info ul:after{content:''; display:block; clear:both}
#container ul.search_box > li ul.list > li .info ul li{position:relative; float:left; line-height:30px; padding-left:10px; margin-right:10px}
#container ul.search_box > li ul.list > li .info ul li:first-child{padding-left:0}
#container ul.search_box > li ul.list > li .info ul li span{color:#717171}
#container ul.search_box > li ul.list > li .info ul li:after{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#e3e3ec; content:""}
#container ul.search_box > li ul.list > li .info ul li:first-child:after{display:none}
#container ul.search_box > li ul.list > li .info p.d{position:absolute; right:0; top:0; padding-left:20px; border-left:1px solid #ebebf2}
#container ul.search_box > li ul.list > li .btn{float:right; width:100px; text-align:right}
#container ul.search_box > li ul.ls_c5{width:100%}
#container ul.search_box > li ul.ls_c5:after{content:''; display:block; clear:both}
#container ul.search_box > li ul.ls_c5 li{float:left; width:20%; margin-top:8px}
#container ul.search_box > li ul.ls_c5 li:nth-child(-n+5){margin-top:0}
#container ul.search_box > li.s_mn{background:#f8f8fc}
#container ul.search_box > li.s_mn ul:after{content:''; display:block; clear:both}
#container ul.search_box > li.s_mn ul li{position:relative; float:left; padding:0 10px}
#container ul.search_box > li.s_mn ul li:after{position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#e3e3ec; content:""}
#container ul.search_box > li.s_mn ul li:first-child{padding-left:0}
#container ul.search_box > li.s_mn ul li:first-child:after{display:none}
#container ul.search_box > li.s_mn ul li a{font-size:14px; color:#30343d; font-weight:700}
#container ul.search_box > li.s_mn ul li a.on{color:#48a0fc; text-decoration:underline}
#container ul.search_box .ipt_box{display:inline-block; border:1px solid #dcdce7; background:#fff; padding-right:10px; line-height:28px}
#container ul.search_box .ipt_box input{border:0; height:28px; line-height:28px}
#container ul.search_box .tit_box{display:inline-block; color:#48a0fc; font-weight:700; line-height:28px; background:#fbfbfc; border:1px solid #ebebf2; padding:0 9px}
#container ul.search_box a.btn_more{display:inline-block; width:30px; font-size:20px; line-height:30px; color:#fff; text-align:center; background:#48a0fc; color:}
#container ul.search_box ul.item_list{width:1020px}
#container ul.search_box ul.item_list > li{border-top:1px solid #f3f3f7; padding:9px 0 10px}
#container ul.search_box ul.item_list > li:first-child{border-top:0; padding-top:2px}
#container ul.search_box ul.item_list > li ul.item{width:100%}
#container ul.search_box ul.item_list > li ul.item:after{content:''; display:block; clear:both}
#container ul.search_box ul.item_list > li ul.item li{float:left; width:170px; line-height:25px}
#container ul.search_box ul.item_list > li ul.item.car{margin-top:-9px}
#container ul.search_box ul.item_list > li ul.item.car li{width:145px; line-height:32px; padding:6px 0}
#container ul.search_box ul.item_list > li ul.item.car li label{margin-right:0}
#container ul.search_box ul.item_list > li ul.item.car li .car_logo{padding:0; margin:0; padding-right:5px}
#container ul.search_box ul.item_list > li ul.item.line_b{border-bottom:1px solid #f3f3f7; padding-bottom:6px}
#container ul.search_box a.usage_ctr{display:inline-block; width:30px; height:30px; background:url(/images/common/btn_add.gif?ver) no-repeat; text-indent:-9999em}
#container ul.search_box a.usage_ctr.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat}

#container ul.search_box a.usage_ctr1{display:inline-block; width:30px; height:30px; background:url(/images/common/btn_add.gif?ver) no-repeat; text-indent:-9999em}
#container ul.search_box a.usage_ctr1.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat}

#container ul.search_box span.line{display:inline-block; width:1px; height:30px; background:#eeeef4; margin:0 6px 0 7px}
#container ul.search_box .date{margin-top:5px}
#container ul.search_box .date p{display:inline-block; font-size:14px; font-weight:700; line-height:30px; width:60px; vertical-align:middle}
#container ul.search_box .region_bx,
#container ul.search_box .court_bx{display:none; width:493px}
#container ul.search_box .region_bx.on,
#container ul.search_box .court_bx.on{display:inline-block}


/* search_box  행크버전*/
#container ul.search_box_hank{border:1px solid #e3e3ec; margin-top:5px;}
#container ul.search_box_hank > li{width:100%; padding:18px 0 18px 30px; border-top:1px solid #e3e3ec}
#container ul.search_box_hank > li:first-child{border-top:0}
#container ul.search_box_hank > li:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li a.use{display:inline-block; font-size:14px; font-weight:700; color:#48a0fc; line-height:33px; margin-right:25px; background:url(/images/common/ico_question.png) left center no-repeat; padding-left:35px}
#container ul.search_box_hank > li a.myfd{display:inline-block; font-size:14px; font-weight:700; color:#48a0fc; line-height:33px; margin-right:25px; padding-left:24px}
#container ul.search_box_hank > li dl.color_guide{margin-right:25px}
#container ul.search_box_hank > li dl.color_guide:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li dl.color_guide dt,
#container ul.search_box_hank > li dl.color_guide dd{float:left; line-height:40px; margin-right:20px}
#container ul.search_box_hank > li dl.color_guide img{margin-right:8px; margin-bottom:1px}
#container ul.search_box_hank > li dl.color_guide .line{margin:0; vertical-align:middle; margin-left:20px}
#container ul.search_box_hank > li.bg{background:#f6f6f6}
#container ul.search_box_hank > li.usage_list{display:none}
#container ul.search_box_hank > li.usage_list.on{display:block}
#container ul.search_box_hank > li.usage_list_special{display:none}
#container ul.search_box_hank > li.usage_list_special.on{display:block}
#container ul.search_box_hank > li table{}
#container ul.search_box_hank > li table th,
#container ul.search_box_hank > li table td{vertical-align:middle; line-height:30px; padding:13px 0; text-align:left}
#container ul.search_box_hank > li table th{font-size:15px; font-weight:bold; vertical-align:top}
#container ul.search_box_hank > li table td{font-size:13px; font-weight:normal;}
#container ul.search_box_hank > li table.line th,
#container ul.search_box_hank > li table.line td{border-top:1px solid #f3f3f7}
#container ul.search_box_hank > li table.line ul.item_list > li{padding-bottom:5px}
#container ul.search_box_hank > li table.line tr:first-child th,
#container ul.search_box_hank > li table.line tr:first-child td{border-top:0}
#container ul.search_box_hank > li ul.list{width:100%}
#container ul.search_box_hank > li ul.list > li{position:relative; width:100%; border-top:1px solid #ecedf3; padding:12px 30px 12px 20px}
#container ul.search_box_hank > li ul.list > li:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li ul.list > li:first-child{border-top:0}
#container ul.search_box_hank > li ul.list > li:before{position:absolute; left:0; top:50%; transform:translateY(-6px); width:13px; height:13px; background:#e8e8f2; border-radius:100%; content:""}
#container ul.search_box_hank > li ul.list > li .info{position:relative; float:left; width:988px}
#container ul.search_box_hank > li ul.list > li .info p{display:inline-block; line-height:30px}
#container ul.search_box_hank > li ul.list > li .info p.t{font-size:14px; font-weight:700; color:#000; background:url(/images/common/ico_arrow_line.png) right center no-repeat; padding-right:23px; margin-right:15px}
#container ul.search_box_hank > li ul.list > li .info ul{display:inline-block}
#container ul.search_box_hank > li ul.list > li .info ul:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li ul.list > li .info ul li{position:relative; float:left; line-height:30px; padding-left:10px; margin-right:10px}
#container ul.search_box_hank > li ul.list > li .info ul li:first-child{padding-left:0}
#container ul.search_box_hank > li ul.list > li .info ul li span{color:#717171}
#container ul.search_box_hank > li ul.list > li .info ul li:after{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#e3e3ec; content:""}
#container ul.search_box_hank > li ul.list > li .info ul li:first-child:after{display:none}
#container ul.search_box_hank > li ul.list > li .info p.d{position:absolute; right:0; top:0; padding-left:20px; border-left:1px solid #ebebf2}
#container ul.search_box_hank > li ul.list > li .btn{float:right; width:100px; text-align:right}
#container ul.search_box_hank > li ul.ls_c5{width:100%}
#container ul.search_box_hank > li ul.ls_c5:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li ul.ls_c5 li{float:left; width:20%; margin-top:8px}
#container ul.search_box_hank > li ul.ls_c5 li:nth-child(-n+5){margin-top:0}
#container ul.search_box_hank > li.s_mn{background:#f8f8fc}
#container ul.search_box_hank > li.s_mn ul:after{content:''; display:block; clear:both}
#container ul.search_box_hank > li.s_mn ul li{position:relative; float:left; padding:0 10px}
#container ul.search_box_hank > li.s_mn ul li:after{position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#e3e3ec; content:""}
#container ul.search_box_hank > li.s_mn ul li:first-child{padding-left:0}
#container ul.search_box_hank > li.s_mn ul li:first-child:after{display:none}
#container ul.search_box_hank > li.s_mn ul li a{font-size:14px; color:#30343d; font-weight:700}
#container ul.search_box_hank > li.s_mn ul li a.on{color:#48a0fc; text-decoration:underline}
#container ul.search_box_hank .ipt_box{display:inline-block; border:1px solid #dcdce7; background:#fff; padding-right:10px; line-height:28px}
#container ul.search_box_hank .ipt_box input{border:0; height:28px; line-height:28px}
#container ul.search_box_hank .tit_box{display:inline-block; color:#48a0fc; font-weight:700; line-height:28px; background:#fbfbfc; border:1px solid #ebebf2; padding:0 9px}
#container ul.search_box_hank a.btn_more{display:inline-block; width:30px; font-size:20px; line-height:30px; color:#fff; text-align:center; background:#48a0fc; color:}
#container ul.search_box_hank ul.item_list{width:1020px}
#container ul.search_box_hank ul.item_list > li{border-top:1px solid #f3f3f7; padding:9px 0 10px}
#container ul.search_box_hank ul.item_list > li:first-child{border-top:0; padding-top:2px}
#container ul.search_box_hank ul.item_list > li ul.item{width:100%}
#container ul.search_box_hank ul.item_list > li ul.item:after{content:''; display:block; clear:both}
#container ul.search_box_hank ul.item_list > li ul.item li{float:left; width:120px; height:30px; line-height:30px; margin-right:40px; margin-bottom:8px; border:1px solid gray; position:relative; border-radius:55px; font-weight:normal; color:black;}
#container ul.search_box_hank ul.item_list > li ul.item li.on{color:#517afe; background:#ccd8ff}
#container ul.search_box_hank ul.item_list > li ul.item.car{margin-top:-9px}
#container ul.search_box_hank ul.item_list > li ul.item.car li{width:145px; line-height:32px; padding:6px 0}
#container ul.search_box_hank ul.item_list > li ul.item.car li label{margin-right:0}
#container ul.search_box_hank ul.item_list > li ul.item.car li .car_logo{padding:0; margin:0; padding-right:5px}
#container ul.search_box_hank ul.item_list > li ul.item.line_b{border-bottom:1px solid #f3f3f7; padding-bottom:6px}
#container ul.search_box_hank a.usage_ctr{display:inline-block; width:30px; height:30px; background:url(/images/common/btn_add.gif?ver) no-repeat; text-indent:-9999em}
#container ul.search_box_hank a.usage_ctr.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat}

#container ul.search_box_hank a.usage_ctr1{display:inline-block; width:30px; height:30px; background:url(/images/common/btn_add.gif?ver) no-repeat; text-indent:-9999em}
#container ul.search_box_hank a.usage_ctr1.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat}

#container ul.search_box_hank span.line{display:inline-block; width:1px; height:30px; background:#eeeef4; margin:0 6px 0 7px}
#container ul.search_box_hank .date{margin-top:5px}
#container ul.search_box_hank .date p{display:inline-block; font-size:14px; font-weight:700; line-height:30px; width:60px; vertical-align:middle}
#container ul.search_box_hank .region_bx,
#container ul.search_box_hank .court_bx{display:none; width:493px}
#container ul.search_box_hank .region_bx.on,
#container ul.search_box_hank .court_bx.on{display:inline-block}


#container ul.search_box_hank > li.bg > table > tbody > tr > td > li > .checkbox{float:left;position:absolute; opacity:0; z-index: 999;}
#container ul.search_box_hank > li.bg > table li{float:left; border:1px solid gray; border-radius: 30px; margin-right:20px; padding:0 40; width:80px; text-align:center}
#container ul.search_box_hank > #hanklist{display:none}
#container ul.search_box_hank > #hanklist.on{display:block}


#container ul.search_box_hank ul.item_list > li ul.item li > .checkbox{float:left;position:absolute; left:5px; top:5px; opacity:0; z-index: 999;}
.hankstyle{border:1px solid gray; border-radius:55px; font-weight:normal; padding:3px 12px; color:#1860ef}
.labelstyle{position:absolute;width:100%; text-align:center; height:100%;}

/* search_box  행크버전끝*/


/* 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}

#container .h_top p.total_hank{display:inline-block; font-size:15px; color:#1860ef; line-height:30px; font-weight:bold; background:#fbfbfc; padding:0 10px}


/* auction_list */
#container .auction_list{width:100%}
#container .auction_list:after{content:''; display:block; clear:both}
#container .auction_list .list{float:left; width:875px}
#container .auction_list .act_option{float:right; width:265px; border:1px solid #e3e3ec}
#container .auction_list #btn_sky_search{position:fixed; left:50%; top:715px; margin-left:600px; width:44px}
#container .auction_list #btn_sky_mapSearch{position:fixed; right:50%; top:715px; margin-left:650px; width:88px}


/* auction option */
.act_option h3{font-size:13px !important; font-weight:700; color:#000; line-height:40px !important}
.act_option dl dt{width:100%; padding:0 14px; background:#f8f8fc; line-height:40px; border-top:1px solid #e3e3ec}
.act_option dl dt:after{content:''; display:block; clear:both}
.act_option dl dt:first-child{border-top:0}
.act_option dl dt a.help{display:inline-block; width:20px; height:20px; background:url(/images/common/ico_question2.png) center no-repeat; text-indent:-9999em; vertical-align:middle}
.act_option dl dt a.pl{display:inline-block; width:20px; height:20px; background:url(/images/common/ico_pl.png) center no-repeat; text-indent:-9999em; vertical-align:middle}
.act_option dl dd{padding:14px; border-top:1px solid #e3e3ec}
.act_option dl dd > ul.ln > li{padding-top:5px; margin-top:5px; border-top:1px solid #ebebf2}
.act_option dl dd > ul.ln > li:first-child{padding-top:0; margin-top:0; border-top:0}
.act_option dl dd > ul.ln > li li{margin-top:5px}
.act_option dl dd > ul.ln > li li:first-child{margin-top:0}
.act_option dl dd > ul.item{width:100%}
.act_option dl dd > ul.item:after{content:''; display:block; clear:both}
.act_option dl dd > ul.item > li{float:left; width:50%; line-height:25px}
.act_option dl dd > ul.item_acd{width:100%}
.act_option dl dd > ul.item_acd:after{content:''; display:block; clear:both}
.act_option dl dd > ul.item_acd > li{width:100%; border-bottom:1px solid #ebebf2; padding-bottom:6px; margin-bottom:6px}
.act_option dl dd > ul.item_acd > li:after{content:''; display:block; clear:both}
.act_option dl dd > ul.item_acd > li ul{width:100%}
.act_option dl dd > ul.item_acd > li ul:after{content:''; display:block; clear:both}
.act_option dl dd > ul.item_acd > li ul > li{float:left; width:50%}
.act_option dl dd > ul.item_acd > li ul.item{display:none; border-top:1px solid #ebebf2; padding-top:6px; margin-top:6px}
.act_option dl dd > ul.item_acd > li ul.item.on{display:block}
.act_option dl dd > ul.item_acd > li ul.item li{line-height:25px}
.act_option dl dd > ul.item_acd > li a.more{display:block; width:14px; height:22px; background:url(/images/common/ico_acd.gif) center no-repeat; text-indent:-9999em}
.act_option dl dd > ul.item_acd > li a.more.on{background:url(/images/common/ico_acd_on.gif) center no-repeat}
.act_option input[type=text]{border:1px solid #dcdce7; width:auto; height:23px; line-height:21px; padding:0 3px; font-size:12.5px}
.act_option select{width:auto; line-height:21px; height:23px; border:1px solid #dcdce7; padding-left:3px; padding-right:12.5px; background:url(/images/common/ico_select2.png) right -7px center no-repeat #fff}
.act_option .ipt_box{display:inline-block; border:1px solid #dcdce7; background:#fff; padding-right:3px; line-height:21px}
.act_option .ipt_box input{border:0; height:21px; line-height:21px}
.act_option .tit_box{display:inline-block; color:#48a0fc; line-height:21px; background:#fbfbfc; border:1px solid #ebebf2; padding:0 5px; text-align:center}
.act_option .radio{width: 12px; height: 12px; vertical-align: -2px; margin-right: 0; background: url('/images/common/radio_s.png') no-repeat; display: inline-block; cursor:pointer}
.act_option .radio.checked{background-position: 0 -12px}
.act_option .checkbox {width: 14px; height: 14px; vertical-align:-3px; margin-right: 0; background: url('/images/common/checkbox_s.png') no-repeat; display: inline-block; cursor:pointer}
.act_option .checkbox.checked {background-position: 0 -14px}
.act_option label{font-size:12.5px; padding-left:4px; margin-right:3px}
.act_option .btn{text-align:center; padding-bottom:14px}



/* thema_ctg */
#container .thema_ctg{width:100%; border-right:1px solid #e3e3ec; border-top:1px solid #e3e3ec; margin-bottom:55px}
#container .thema_ctg:after{content:''; display:block; clear:both}
#container .thema_ctg li{float:left; border-left:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec}
#container .thema_ctg li a{display:block; width:392px; height:100%; line-height:49px; padding-left:30px; text-decoration:none; background:url(/images/main/ico_arrow.png) right 30px center no-repeat}
#container .thema_ctg li a strong{font-size:14px; margin-right:5px}
#container .thema_ctg li a:hover{background:url(/images/main/ico_arrow_on.png) right 30px center no-repeat}
#container .thema_ctg li a:hover span{text-decoration:underline}
#container .thema_ctg li.bst{height:99px}
#container .thema_ctg li.bst a{line-height:25px; font-size:16px; padding-top:24px}
#container .thema_ctg li.bst a strong{display:block; font-size:20px; font-weight:700}
#container .thema_ctg li:nth-child(1) a{background:url(/images/auction/thema_ctg1.jpg) no-repeat}
#container .thema_ctg li:nth-child(2) a{background:url(/images/auction/thema_ctg2.jpg) no-repeat}
#container .thema_ctg li:nth-child(3) a{background:url(/images/auction/thema_ctg3.jpg) no-repeat}
#container .thema_ctg li:nth-child(3) a{color:#fff}


/*행크옥션테마*/

#container .thema_ctg_hank{width:100%; height:300px;   margin-bottom:55px}
#container .thema_ctg_hank:after{content:''; display:block; clear:both}
#container .thema_ctg_hank li{float:left; border-left:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec}
#container .thema_ctg_hank li a{display:block; width:392px; height:100%; line-height:49px; padding-left:30px; text-decoration:none; background:url(/images/main/ico_arrow.png) right 30px center no-repeat}
#container .thema_ctg_hank li a strong{font-size:14px; margin-right:5px}
#container .thema_ctg_hank li a:hover{background:url(/images/main/ico_arrow_on.png) right 30px center no-repeat}
#container .thema_ctg_hank li a:hover span{text-decoration:underline}
#container .thema_ctg_hank li.bst{height:99px}
#container .thema_ctg_hank li.bst a{line-height:25px; font-size:16px; padding-top:24px}
#container .thema_ctg_hank li.bst a strong{display:block; font-size:20px; font-weight:700}

#container .thema_ctg_hank .quick{position:relative; width:100%; height:100%;  margin:0 auto;}
#container .thema_ctg_hank .quick > .inner{position:relative; width:1180px; height:150px; margin:0 auto;}
#container .thema_ctg_hank .quick > .inner > .innerbox{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;padding-top:25px;}
#container .thema_ctg_hank .quick > .inner > .innerbox .info{display:flex; border:1px solid #e3e3ec; flex-direction: column; align-items: center; justify-content: center;width:180px; height:100px;font-size: 15px; font-weight:bold; cursor: pointer; background-color: #fff; text-align: center; position: relative;}


/* member */
#container .join h3{margin-bottom:20px}
#container .join .agree{width:100%; margin-top:60px}
#container .join .agree:after{content:''; display:block; clear:both}
#container .join .flt_l{float:left; width:570px}
#container .join .flt_r{float:right; width:570px}
#container .join .agree .txt{width:100%; height:352px; border:1px solid #e1e2e8; border-top:2px solid #30343d; line-height:25px; padding:15px 20px; background:#f8f8fc; overflow-y:auto}
#container .join .agree .txt h4{font-size:16px; font-weight:700}
#container .join .type{width:100%; margin-top:50px}
#container .join .type:after{content:''; display:block; clear:both}
#container .join .type a.btn_join{display:block; width:100%; line-height:87px; padding-left:40px; font-size:16px; font-weight:700; color:#fff; border-radius:10px}
#container .join .type a.btn_join strong{display:inline-block; font-size:24px; margin-right:15px}
#container .join .type a.btn_naver{float:right; display:block; width:275px; line-height:87px; background:url(/images/members/ico_naver.png) 30px center no-repeat; padding-left:82px; font-size:16px; font-weight:700; border-radius:10px; border:1px solid #c5cbd9}
#container .join .type a.btn_kakao{float:left; display:block; width:275px; line-height:87px; background:url(/images/members/ico_kakao.png) 30px center no-repeat; padding-left:82px; font-size:16px; font-weight:700; border-radius:10px; border:1px solid #c5cbd9}
#container .login_box{width:100%; border:1px solid #e1e2e8; background:#f8f8fc}
#container .login_box:after{content:''; display:block; clear:both}
#container .login_box .ipt_box{text-align:center; width:100%; height:380px; padding:25px 0 0 0}
#container .login_box .ipt_box .ipt{position:relative; width:100%; margin-top:15px}
#container .login_box .ipt_box .ipt input[type=text],
#container .login_box .ipt_box .ipt input[type=password]{width:310px}
#container .login_box .ipt_box .ipt li{margin-top:12px}
#container .login_box .ipt_box .ipt li:first-child{margin-top:0}
#container .login_box .ipt_box .ipt .btn_login{position:relative; right:0; top:0;margin-top: 20px; width:310px; height:46.5px; line-height:4px;}
#container .login_box .ipt_box .chk{height:55px; margin-top:15px}
#container .login_box .ipt_box .sns{width:480px; margin-bottom:25px}
#container .login_box .ipt_box .sns:after{content:''; display:block; clear:both}
#container .login_box .ipt_box .etc p{display:inline-block; width:215px}
#container .login_box .ipt_box .etc li:nth-child(1){margin-bottom:8px}
#container .login_box .bn{float:right; width:569px}
#container .login_box .sch{float:left; width:50%; height:415px; padding:60px 0 0 70px}
#container .login_box .sch:first-child{border-right:1px solid #e1e2e8}
#container .terms h3{border-bottom:1px solid #e1e2e8; padding-bottom:20px; margin-bottom:40px}
#container .terms h5{display:block; font-size:15px; font-weight:700; margin-top:20px; margin-bottom:10px}


/* data */
#container .data .procedure1_dia{position:relative; width:1010px; height:529px; margin:60px auto 25px; background:url(/images/data/procedure1_dia.jpg) no-repeat}
#container .data .procedure1_dia ul.items li{width:210px; text-align:center}
#container .data .procedure1_dia ul.items li a{display:block; border-radius:10px}
#container .data .procedure1_dia ul.items li a:hover{text-decoration:none}
#container .data .procedure1_dia ul.items li a:hover .t{background:#5dacff; color:#fff; border:1px solid #5dacff}
#container .data .procedure1_dia ul.items li .n{display:block; width:100%; line-height:30px; background:#48a0fc; color:#fff; border-radius:10px 10px 0 0}
#container .data .procedure1_dia ul.items li .t{display:table; width:100%; height:66px; font-size:16px; background:#f8f8fc; border:1px solid #e1e2e8; border-top:0; border-radius:0 0 10px 10px}
#container .data .procedure1_dia ul.items li .t .in{display:table-cell; width:100%; vertical-align:middle}
#container .data .procedure1_dia ul.items li:nth-child(1){position:absolute; left:100px; top:0}
#container .data .procedure1_dia ul.items li:nth-child(2){position:absolute; left:400px; top:0}
#container .data .procedure1_dia ul.items li:nth-child(3){position:absolute; left:700px; top:0}
#container .data .procedure1_dia ul.items li:nth-child(4){position:absolute; left:400px; top:127px}
#container .data .procedure1_dia ul.items li:nth-child(5){position:absolute; left:100px; top:305px}
#container .data .procedure1_dia ul.items li:nth-child(6){position:absolute; left:400px; top:305px}
#container .data .procedure1_dia ul.items li:nth-child(7){position:absolute; left:700px; top:305px}
#container .data .procedure1_dia ul.items li:nth-child(8){position:absolute; left:250px; top:432px}
#container .data .procedure1_dia ul.items li:nth-child(9){position:absolute; left:550px; top:432px}
#container .data .procedure1_dia ul.items li p.h{position:absolute; left:0; top:-32px; width:100%; text-align:center}
#container .data .procedure2_dia{position:relative; width:1010px; height:644px; margin:50px auto; background:url(/images/data/procedure2_dia.jpg) no-repeat}
#container .data .procedure2_dia ul.items li{width:250px; text-align:center}
#container .data .procedure2_dia ul.items li a{display:block; border-radius:10px; width:100%}
#container .data .procedure2_dia ul.items li a:after{content:''; display:block; clear:both}
#container .data .procedure2_dia ul.items li a:hover{text-decoration:none}
#container .data .procedure2_dia ul.items li a:hover .t{background:#5dacff; color:#fff; border:1px solid #5dacff}
#container .data .procedure2_dia ul.items li .n{float:left; display:block; width:45px; line-height:45px; background:#48a0fc; color:#fff; border-radius:10px 0 0 10px}
#container .data .procedure2_dia ul.items li .t{float:left; display:block; width:205px; line-height:43px; font-size:16px; background:#f8f8fc; border:1px solid #e1e2e8; border-left:0; border-radius:0 10px 10px 0; text-align:left; padding-left:15px}
#container .data .procedure2_dia ul.items li:nth-child(1){position:absolute; left:380px; top:0}
#container .data .procedure2_dia ul.items li:nth-child(2){position:absolute; left:380px; top:75px}
#container .data .procedure2_dia ul.items li:nth-child(3){position:absolute; left:380px; top:150px}
#container .data .procedure2_dia ul.items li:nth-child(4){position:absolute; left:380px; top:225px}
#container .data .procedure2_dia ul.items li:nth-child(5){position:absolute; left:380px; top:300px}
#container .data .procedure2_dia ul.items li:nth-child(6){position:absolute; left:100px; top:433px}
#container .data .procedure2_dia ul.items li:nth-child(7){position:absolute; left:660px; top:433px}
#container .data .procedure2_dia ul.items li:nth-child(8){position:absolute; left:660px; top:508px}
#container .data .procedure2_dia ul.items li:nth-child(9){position:absolute; left:380px; top:599px}
#container .data .procedure2_dia ul.items li p.h{position:absolute; left:0; top:-37px; width:100%; text-align:center}
#container .data ul.procedure_list{width:100%; margin-top:40px}
#container .data ul.procedure_list li{width:100%; border-bottom:1px solid #e3e3ec; padding:30px 0}
#container .data ul.procedure_list li:after{content:''; display:block; clear:both}
#container .data ul.procedure_list li dt{float:left; width:210px; text-align:center}
#container .data ul.procedure_list li dt .n{display:block; width:100%; line-height:30px; background:#48a0fc; color:#fff; border-radius:10px 10px 0 0}
#container .data ul.procedure_list li dt .t{display:table; width:100%; height:66px; font-size:16px; background:#f8f8fc; border:1px solid #e1e2e8; border-top:0; border-radius:0 0 10px 10px}
#container .data ul.procedure_list li dt .t p{display:table-cell; width:100%; vertical-align:middle}
#container .data ul.procedure_list li dd{float:left; width:970px; padding-left:30px}
#container .data ul.procedure_list li dd .txt{position:relative; height:96px}
#container .data ul.procedure_list li dd .txt a.view{position:absolute; right:0; bottom:0; width:84px; text-align:center; font-size:12px; line-height:21px; color:#fff; background:url(/images/common/ico_arrow_down.png) right 5px center no-repeat #c5cbd9; padding:0 20px 0 5px}
#container .data ul.procedure_list li dd .txt_more{display:none; margin-top:20px}
#container .data ul.procedure_list li dd .txt_more.on{display:block}
#container .data ul.procedure_list li dd .txt strong,
#container .data ul.procedure_list li dd .txt_more strong{color:#48a0fc; text-decoration:underline}
#container .data ul.procedure2_list li dt{float:left; width:250px; text-align:center}
#container .data ul.procedure2_list li dt:after{content:''; display:block; clear:both}
#container .data ul.procedure2_list li dt .n{float:left; display:block; width:45px; line-height:45px; background:#48a0fc; color:#fff; border-radius:10px 0 0 10px}
#container .data ul.procedure2_list li dt .t{float:left; display:block; width:205px; height:auto; line-height:43px; font-size:16px; background:#f8f8fc; border:1px solid #e1e2e8; border-left:0; border-radius:0 10px 10px 0; text-align:left; padding-left:15px}
#container .data ul.procedure2_list li dd{float:left; width:930px; padding-left:30px}
#container .data .mn a{margin:4px 0}
#container .data .initial{padding:20px 30px}
#container .data .initial .tab a{display:inline-block; width:33px; font-size:14px; color:#fff; text-align:center; font-weight:700; line-height:33px; border-radius:100%; background:#c5cbd9}
#container .data .initial .tab a.on{background:#30343d}
#container .data .sch_con .result{float:left; width:75%; height:574px; padding:25px 30px; overflow-y:auto}
#container .data .sch_con .result h3{font-size:16px}
#container .data .sch_con .result .top{width:100%}
#container .data .sch_con .result .top:after{content:''; display:block; clear:both}
#container .data .sch_con .result .top a.ico_hangul{display:inline-block; line-height:24px; border:1px solid #e3e3ec; padding:0 7px 0 32px; background:url(/images/common/ico_hangul.png) no-repeat}
#container .data .sch_con .result .top a.ico_word{display:inline-block; line-height:24px; border:1px solid #e3e3ec; padding:0 7px 0 32px; background:url(/images/common/ico_word.png) no-repeat}
#container .data .sch_con .result .con{text-align:center; margin-top:40px}
#container .data .sch_con .result dt{font-size:16px; font-weight:700; line-height:25px; margin-top:30px}
#container .data .sch_con .result dt:first-child{margin-top:0}
#container .data .sch_con .result dd{margin-top:5px}
#container .data .sch_con .list{float:left; width:25%; height:574px; padding:25px 30px; background:#f8f8fc; overflow-y:auto}
#container .data .sch_con .list li{padding-left:8px; background:url(/images/common/ico_list_d.png) left center no-repeat}
#container .data .sch_con .list a{display:block; line-height:25px}
#container .data .sch_con .list a.on{font-weight:700; color:#48a0fc; text-decoration:underline}
#container .data .step_next{width:100%; height:50px; background:url(/images/common/ico_arrow_bt.png) center no-repeat}
#container .data .map{width:100%; border-top:1px solid #e1e2e8; margin-top:15px}
#container .data .map .inner{width:100%; height:400px}
#container .data .s_mn{width:100%; background:#f8f8fc; border-top:0}
#container .data .s_mn ul:after{content:''; display:block; clear:both}
#container .data .s_mn ul li{position:relative; float:left; padding:0 10px}
#container .data .s_mn ul li:after{position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#e3e3ec; content:""}
#container .data .s_mn ul li:first-child{padding-left:0}
#container .data .s_mn ul li:first-child:after{display:none}
#container .data .s_mn ul li a{font-size:14px; color:#30343d; font-weight:700}
#container .data .s_mn ul li a.on{color:#48a0fc; text-decoration:underline}



/* my */
#container .my .payment_type{width:100%}
#container .my .payment_type:after{content:''; display:block; clear:both}
#container .my .payment_type a{display:block; width:570px; height:280px; text-align:center; color:#fff; padding-top:197px}
#container .my .payment_type a p.t1{font-size:24px; font-weight:700; margin-bottom:14px; text-decoration:none}
#container .my .payment_type a p.t2{text-decoration:none}
#container .my .payment_type a.type1{float:left; background:url(/images/my/ico_payment1.png) center 50px no-repeat #1860ef}
#container .my .payment_type a.type2{float:right; background:url(/images/my/ico_payment2.png) center 50px no-repeat #48a0fc}
#container .my .payment_type a:hover p.t1{text-decoration:underline; text-underline-position:under}
#container .my ul.pay_tab{width:100%}
#container .my ul.pay_tab:after{content:''; display:block; clear:both}
#container .my ul.pay_tab li{float:left; width:50%}
#container .my ul.pay_tab li a{display:block; text-align:center; font-size:24px; font-weight:700; color:#fff; line-height:50px; background:#c5cbd9}
#container .my ul.pay_tab li.on{background:#48a0fc}
#container .my .pay_bank{display:none}
#container .my .pay_bank.on{display:block}
#container .my .pay_card{display:none}
#container .my .pay_card.on{display:block}




/* customer */
#container .faq .list{position:relative}
#container .faq .list .line{position:absolute; left:0; top:0; width:100%; height:1px; background:#3d4046; z-index:10}
#container .faq .list .line.none{display:none}



/* lecture */
#container .lecture .dscrt{text-align:right; margin-top:30px}
#container .lecture .dscrt ul{display:inline-block}
#container .lecture .dscrt ul:after{content:''; display:block; clear:both}
#container .lecture .dscrt ul li{position:relative; float:left; width:60px; text-align:center; padding-top:16px}
#container .lecture .dscrt ul li:nth-child(3){width:50px; margin-left:15px}
#container .lecture .dscrt ul li .point{position:absolute; left:50%; top:0; margin-left:-7px; width:14px; height:14px; background:#ff3535; border-radius:100%}
#container .lecture .dscrt ul li .line{position:absolute; left:23px; top:0; width:74px; height:100%; z-index:100}
#container .lecture .dscrt ul li .line:after{position:absolute; left:0; top:5px; width:100%; height:4px; background:#48a0fc; content:""}
#container .lecture .dscrt ul li .line .start{position:absolute; left:0; top:0; width:14px; height:14px; background:#48a0fc; border-radius:100%}
#container .lecture .dscrt ul li .line .end{position:absolute; right:0; top:0; width:14px; height:14px; background:#48a0fc; border-radius:100%}
#container .lecture .title h2{width:100%; line-height:33px; text-align:center; font-size:18px; font-weight:700; color:#000}
#container .lecture .title a.prev{position:absolute; left:30px; top:50%; margin-top:-16px; width:33px; height:33px; background:url(/images/common/btn_cir_prev.png) no-repeat}
#container .lecture .title a.prev:hover{background:url(/images/common/btn_cir_prev_on.png) no-repeat}
#container .lecture .title a.next{position:absolute; right:30px; top:50%; margin-top:-16px; width:33px; height:33px; background:url(/images/common/btn_cir_next.png) no-repeat}
#container .lecture .title a.next:hover{background:url(/images/common/btn_cir_next_on.png) no-repeat}

/*랭킹페이지 css*/

#container .langkingdesc {position: relative; width:100%; height:auto}
#container .langkingdesc .langkingheader h1{font-size:18px; font-weight:bold; line-height:40px; padding-left:10px}
#container .langkingdesc .langkingbox{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;}
#container .langkingdesc .langkingbox li{
	display:flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center;  
	width: 22%; 
	padding: 8px 0; 
	margin-right: 2.5%;  
	margin-bottom: 2.5%;
	font-size: 12px; 
	font-weight:bold;
	cursor: pointer;  
	transition: all .2s;  
	border-radius: 4px;     
	background-color: #fff; 
	text-align: center;
	position: relative;

}
#container .langkingdesc .box{position:relative; width:100%; height:350px; margin:0 auto; border-radius:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border:0}
#container .langkingdesc .box .img img{width:100%; height:200px}
#container .langkingdesc .box .info{text-align: center;}
#container .langkingdesc .box .info p.maekakaddr{width:100%; font-size:13px; font-weight: bold; margin-top:5px}
#container .langkingdesc .box .info p.maekakyongdo{width:100%; font-size:13px; font-weight: bold; margin-top:5px; color:#2382e1}
#container .langkingdesc .box .info p.maekakkam{font-weight: bold; font-size:13px;}
#container .langkingdesc .box .info p.maekakchoi{font-weight: bold; font-size:13px;}
#container .langkingdesc .box .info p.maekakkumak{font-weight: bold; font-size:13px; color:red}
#container .langkingdesc .box .info p.maekakinwon{font-weight: bold; font-size:13px; color:#4a6296}
#container .langkingdesc .box a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em}

#container .sub .board1 .top{position:relative; width:100%}
#container .sub .board1 .top ul.tab{width:100%; height:44px; border-left:1px solid #d9d9d9}
#container .sub .board1 .top ul.tab:after{content:''; display:block; clear:both}
#container .sub .board1 .top ul.tab li{position:relative; float:left; width:125px; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9}
#container .sub .board1 .top ul.tab li a{display:block; height:44px; text-align:center; font-size:14px; line-height:43px; font-weight:500; color:#666; background:white; border:1px solid #333;}
#container .sub .board1 .top ul.tab li.on{}
#container .sub .board1 .top ul.tab li.on:after{position:absolute; left:-1px; top:0; width:1px; height:100%; background:#333; content:""}
#container .sub .board1 .top ul.tab li.on a{color:white; background:#4a6296; font-weight:700;}
#container .sub .board1 .top a.more{position:absolute; right:0; top:0; width:71px; height:45px; color:#fff; line-height:45px; text-align:center; background:#666}
#container .sub .board1 .top a.more:after{content:url(/images/main/type21/ico_more.png); margin-left:5px}
#container .sub .board1 ul.list{display:none; width:100%; height:137px; padding-top:15px}
#container .sub .board1 ul.list.on{display:block;}
#container .sub .board1 ul.list li{width:100%; line-height:30px}
#container .sub .board1 ul.list li:first-child{margin-top:0}
#container .sub .board1 ul.list li:after{content:''; display:block; clear:both}
#container .sub .board1 ul.list li a{position:relative; display:inline-block; width:130px; font-size:16px; line-height:31px; list-style:none; margin:1px;}
#container .sub .board1 ul.list li a:before{position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; content:"";}
#container .sub .board1 ul.list li p.date{float:left; width:100px; font-size:14px; line-height:30px; text-align:right; color:#666; padding-right:5px}


/* company */
#container .company{position:relative; width:100%}
#container .company:after{content:''; display:block; clear:both}
#container .company .info{float:left; width:560px}
#container .company .img{float:right}
#container .company ul.dia{width:560px; height:160px; background:url(/images/company/dia.jpg) no-repeat}
#container .company ul.dia:after{content:''; display:block; clear:both}
#container .company ul.dia li{float:left; width:160px; font-size:16px; line-height:25px; font-weight:700; text-align:center; color:#fff; padding-top:56px}
#container .company ul.dia li:nth-child(2){margin:0 40px}
#container .company ul.dia li em{font-size:20px; font-weight:700}
#container .company p.txt{font-size:13px; color:#222; line-height:22px; margin-top:35px}
#container .company p.c_n{margin-top:30px}
#container .company p.sign{font-size:40px; margin-top:15px; font-style:italic; font-weight:500; letter-spacing:6px}






/* auction_view */
#auction_view{width:1015px; background:url(/images/auction/auction_viwe_bg.gif) repeat-y #fbfbfb}
#auction_view:after{content:''; display:block; clear:both}
#auction_view .content{position:relative; float:left; width:875px; padding-top:75px}
#auction_view .content .header{position:absolute; left:0; top:0; width:875px; padding:5px 23px; border-bottom:1px solid #eeeef4; line-height:30px; z-index:1000}
#auction_view .content .header:after{content:''; display:block; clear:both}
#auction_view .content .header p{display:inline-block; font-size:18px}
#auction_view .content .header p.case{font-weight:800; color:#1860ef}
#auction_view .content .header p.court{font-weight:700; color:#000; margin-right:5px}
#auction_view .content .header .line{display:inline-block; width:1px; height:17px; background:#eeeef4; vertical-align:middle; margin:0 6px}
#auction_view .content .header .viewtype{display:inline-block; margin-left:4px}
#auction_view .content .header .viewtype li{display:inline-block}
#auction_view .content .header .viewtype li a{display:block; line-height:30px; background:#4c525f; padding:0 10px; color:#fff}
#auction_view .content .header .viewtype li.on a{background:#30343d}
#auction_view .content .header a.interest{padding-left:33px; background-image:url(/images/common/ico_interest.png); background-position:11px center; background-repeat:no-repeat}
#auction_view .content .header a.bidding{padding-left:33px; background-image:url(/images/common/ico_bidding.png); background-position:11px center; background-repeat:no-repeat}
#auction_view .content .header a.print{padding-left:33px; background-image:url(/images/common/ico_print.png); background-position:11px center; background-repeat:no-repeat}
#auction_view .content .header .menu{position:absolute; left:0; top:-100px; width:100%; background:#30343d; z-index:1000}
#auction_view .content .header .menu ul{width:100%}
#auction_view .content .header .menu ul:after{content:''; display:block; clear:both}
#auction_view .content .header .menu ul li{float:left}
#auction_view .content .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:54px; padding:0 20px}
#auction_view .content .header .menu ul li a.on{background:#1860ef}
#auction_view .content .header .menu a.top{position:absolute; right:0; top:0; display:block; width:54px; height:54px; background:#454951}
#auction_view .content .header .menu a.top div{width:100%; height:100%; background:url(/images/auction/ico_top.png) center 13px no-repeat; font-size:10px; color:#fff; text-align:center; padding-top:23px; opacity:0.7}
#auction_view .content .header .menu a.top:hover div{opacity:1; text-decoration:underline}
#auction_view .content .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#auction_view .content .header.on p.case{color:#fff}
#auction_view .content .header.on p.court{color:#fff}
#auction_view .content .header.on .line{background:#434750}
#auction_view .content .header.on a.btn_court{border:1px solid #22252b; background:#30343d; color:#48a0fc}
#auction_view .content .header.on .menu{position:absolute; left:0; top:75px !important}
#auction_view .content .inner{padding:20px}
#auction_view .content .item_num{position:relative; width:100%; height:56px; border:1px solid #e3e3ec; background:#f7faff; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view .content .item_num:after{content:''; display:block; clear:both}
#auction_view .content .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #e3e3ec; padding-top:7px; color:#717171}
#auction_view .content .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #e3e3ec; border-right:1px solid #e3e3ec}
#auction_view .content .item_num .swiper-slide{width:64px; border-right:1px solid #e3e3ec}
#auction_view .content .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view .content .item_num .swiper-slide a strong{display:block}
#auction_view .content .item_num .swiper-slide a.on{background:#edf3ff}
#auction_view .content .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view .content .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view .content .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view .content .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #edf3ff}
#auction_view .content .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #edf3ff}
#auction_view .content .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view .content .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #edf3ff}
#auction_view .content .info .basic{float:left; width:490px}
#auction_view .content .info .photo{position:relative; float:right; width:325px; }
#auction_view .content .info .photo .tool{position:absolute; left:0; top:0; width:325px; height:320px; border:1px solid #000; opacity:0.08; z-index:100}
#auction_view .content .info .photo .ctr{width:100%; height:36px; border:1px solid #a5abbd; background:#b1b8cb}
#auction_view .content .info .photo .ctr:after{content:''; display:block; clear:both}
#auction_view .content .info .photo .ctr ul.btn{float:left}
#auction_view .content .info .photo .ctr ul.btn:after{content:''; display:block; clear:both}
#auction_view .content .info .photo .ctr ul.btn li{position:relative; float:left; border-right:1px solid #a5abbd}
#auction_view .content .info .photo .ctr ul.btn li .swiper-button-prev{position:static; left:0; top:0; margin:0; width:34px; height:34px; background:url(/images/auction/ico_prev.png) center no-repeat; outline:0}
#auction_view .content .info .photo .ctr ul.btn li .swiper-button-next{position:static; left:0; top:0; margin:0; width:34px; height:34px; background:url(/images/auction/ico_next.png) center no-repeat; outline:0}
#auction_view .content .info .photo .ctr ul.btn li .swiper-autoplay{display:block; position:static; left:0; top:0; margin:0; width:34px; height:34px; background:url(/images/auction/ico_pause.png) center no-repeat; outline:0}
#auction_view .content .info .photo .ctr ul.btn li .swiper-autoplay.play{background:url(/images/auction/ico_play.png) center no-repeat}
#auction_view .content .info .photo .ctr .page{float:right; line-height:34px; padding-right:20px; color:#fff}
#auction_view .content .info .photo .ctr .page .swiper-pagination{display:inline; position:static; left:auto; bottom:auto; width:auto; margin:0; padding:0}
#auction_view .content .info .photo .ctr .page .swiper-pagination-current{font-weight:800}
#auction_view .content .info .photo .ctr .page .line{display:inline-block; width:1px; height:16px; background:#a5abbd; vertical-align:middle; margin:0 10px}
#auction_view .content .info .photo .ctr .page a{color:#fff; font-weight:800}
#auction_view .content .h_menu{width:100%; height:54px; background:#30343d}
#auction_view .content .tit{width:100%; margin-top:20px; line-height:36px}
#auction_view .content .tit:after{content:''; display:block; clear:both}
#auction_view .content .tit h2{display:inline-block; font-size:16px; font-weight:700; color:#000; vertical-align:middle}
#auction_view .content .tit p{display:inline-block; line-height:36px}
#auction_view .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}
#auction_view .content .footer{padding:16px 20px; background:#f8f8fc; border-top:1px solid #e3e3ec; color:#717171; line-height:20px; margin-top:10px}
#auction_view .content .footer p.help{margin-top:10px}
#auction_view .aside{float:left; width:140px; padding:13px}
#auction_view .aside .cnt{width:100%; background:#30343d; font-size:12px; line-height:25px; color:#fff; padding:3px 10px}
#auction_view .aside .cnt p{width:100%}
#auction_view .aside .cnt p:after{content:''; display:block; clear:both}
#auction_view .aside .cnt p .t{float:left}
#auction_view .aside .cnt p .n{float:right}
#auction_view .aside ul.btn li.court{border-bottom:1px solid #3685f5}
#auction_view .aside ul.btn li a{width:100%}
#auction_view .aside ul.btn li a{display:block; font-size:12px; text-align:left; color:#fff; line-height:30px; padding:0; padding-left:31px}
#auction_view .aside ul.btn li.stati a{background:url(/images/common/ico_stati.png) 10px center no-repeat #000}
#auction_view .aside ul.btn li.court a{background:url(/images/common/ico_court.png) 10px center no-repeat #1f77f4}
#auction_view .aside ul.btn li.bidding a{background:url(/images/common/ico_bidding.png) 10px center no-repeat #1f77f4}
#auction_view .aside dl{margin-top:10px}
#auction_view .aside dl dt{font-size:13px; line-height:30px; background:#ffeaea; padding-left:16px; color:#30343d; border:1px solid #ccc; background:url(/images/common/ico_tit_pls.png) 5px center no-repeat; font-weight:700}
#auction_view .aside dl dd{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f8f8f8}
#auction_view .aside dl dd a{display:black; font-size:13px; line-height:25px; color:#30343d; padding-left:10px; background:url(/images/common/ico_list_dot.png) 5px 8px no-repeat;}
#auction_view .aside dl dd a.youtube{line-height:10px;}
#auction_view .aside dl dt+dd{padding-top:8px}
#auction_view .aside dl dd:last-child{padding-bottom:3px; border-bottom:1px solid #ccc}


#auction_view .aside ul.btn_etc{margin-top:10px}
#auction_view .aside ul.btn_etc li{margin-top:10px}
#auction_view .aside ul.btn_etc li:first-child{margin-top:0}
#auction_view .aside ul.btn_etc li a{display:block; background:#454951; text-align:center; color:#fff; line-height:30px}


#auction_view .engbox{width:100%}
#auction_view .engbox:after{content:''; display:block; clear:both}
#auction_view .engboxleft{float:left;width:34%; }
#auction_view .engboxright{float:right;width:64%; }


#auction_view_tp2{color:#000; width:1035px; padding:20px; font-family: 'Noto Sans KR'!important; font-size:13px; line-height:20px}
#auction_view_tp2 h1,
#auction_view_tp2 h2,
#auction_view_tp2 h3,
#auction_view_tp2 h4,
#auction_view_tp2 input,
#auction_view_tp2 button,
#auction_view_tp2 select{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:15px; line-height:20px ; text-align:center;}
#auction_view_tp2 textarea{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:12px; line-height:20px ; text-align:center;}
#auction_view_tp2:after{content:''; display:block; clear:both}
#auction_view_tp2 .content{position:relative; float:left; width:835px; margin-right:20px}
#auction_view_tp2 .content .header{position:relative; width:100%; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px; z-index:9000}
#auction_view_tp2 .content .header:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .header h1{float:left}
#auction_view_tp2 .content .header h1 img{height:31px}
#auction_view_tp2 .content .header .viewtype{display:inline-block; margin-left:30px}
#auction_view_tp2 .content .header .viewtype li{display:inline-block}
#auction_view_tp2 .content .header .viewtype li a{display:block; line-height:30px; background:#4c525f; padding:0 10px; color:#fff}
#auction_view_tp2 .content .header .viewtype li.on a{background:#30343d}

#auction_view_tp2 .content .header .etc{float:right}
#auction_view_tp2 .content .header .etc .consult{float:left; margin-right:20px; padding-top:6px}
#auction_view_tp2 .content .header .etc .consult *{font-family:'Noto Sans KR'}
#auction_view_tp2 .content .header .etc .consult strong{color:#1f77f4; font-size:15.5px}
#auction_view_tp2 .content .header .etc .consult strong span{font-size:15.5px; font-weight:800; color:#0440b8}
#auction_view_tp2 .content .header .etc .consult em{display:inline-block; font-size:18px; font-weight:800; color:#ff5400; padding-left:35px; background:url(/images/common/ico_tel.png) left center no-repeat; margin-left:7px}
#auction_view_tp2 .content .header .etc ul.util{float:left; border-radius:3px; overflow:hidden}
#auction_view_tp2 .content .header .etc ul.util:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .header .etc ul.util li{position:relative; float:left; background:#1f77f4}
#auction_view_tp2 .content .header .etc ul.util li:after{position:absolute; right:0; top:8px; width:1px; height:16px; background:#4c92f6; content:""}
#auction_view_tp2 .content .header .etc ul.util li:last-child:after{display:none}
#auction_view_tp2 .content .header .etc ul.util li a{display:block; line-height:29px; color:#fff; padding:2px 9px 0 31px}
#auction_view_tp2 .content .header .etc ul.util li a.court{background:url(/images/common/ico_court2.png) 10px center no-repeat}
#auction_view_tp2 .content .header .etc ul.util li a.interest{background:url(/images/common/ico_interest.png) 10px center no-repeat}
#auction_view_tp2 .content .header .etc ul.util li a.bidding{background:url(/images/common/ico_bidding.png) 10px center no-repeat}
#auction_view_tp2 .content .header .etc ul.util li a.print{background:url(/images/common/ico_print.png) 10px center no-repeat}
#auction_view_tp2 .content .header .etc ul.util li a.share{background:url(https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png) 10px center no-repeat;background-size:16px 16px}

#auction_view_tp2 .content .header .menu{position:absolute; left:0; top:-100px; width:100%; background:#30343d; z-index:1000}
#auction_view_tp2 .content .header .menu ul{width:100%}
#auction_view_tp2 .content .header .menu ul:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .header .menu ul li{float:left}
#auction_view_tp2 .content .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:47px; padding:0 15px}
#auction_view_tp2 .content .header .menu ul li a.on{background:#1860ef}
#auction_view_tp2 .content .header .menu a.top{position:absolute; right:0; top:0; display:block; width:54px; height:47px; background:#454951}
#auction_view_tp2 .content .header .menu a.top div{width:100%; height:100%; background:url(/images/auction/ico_top.png) center 13px no-repeat; font-size:10px; color:#fff; text-align:center; padding-top:23px; opacity:0.7}
#auction_view_tp2 .content .header .menu a.top:hover div{opacity:1; text-decoration:underline}
#auction_view_tp2 .content .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#auction_view_tp2 .content .header.on .menu{position:absolute; left:0; top:50px !important}

#auction_view_tp2 .content .h_menu{width:100%; height:70px; margin-top:-28px;}


#auction_view_tp2 .content .info{margin-bottom:20px}
#auction_view_tp2 .content .info > .top{width:100%; margin-bottom:10px}
#auction_view_tp2 .content .info > .top:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .info > .top p.case{float:left; font-family:'Noto Sans KR'; font-size:20px; font-weight:900; color:#333}
#auction_view_tp2 .content .info > .top p.case span{display:inline-block; font-size:14px; margin-top:1px}
#auction_view_tp2 .content .info > .top p.txt{float:right}
#auction_view_tp2 .content .info .item_num{position:relative; width:100%; height:56px; border:1px solid #ddd; background:#f9f9f9; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view_tp2 .content .info .item_num:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .info .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #ddd; padding-top:7px; color:#717171}
#auction_view_tp2 .content .info .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp2 .content .info .item_num .swiper-slide{width:64px; border-right:1px solid #ddd}
#auction_view_tp2 .content .info .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view_tp2 .content .info .item_num .swiper-slide a strong{display:block}
#auction_view_tp2 .content .info .item_num .swiper-slide a.on{background:#ddd}
#auction_view_tp2 .content .info .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view_tp2 .content .info .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view_tp2 .content .info .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp2 .content .info .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp2 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp2 .content .info .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp2 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #ddd}
#auction_view_tp2 .content .info > table{width:100%; border:1px solid #b0b0b0}
#auction_view_tp2 .content .info > table th{background:#eff0ef; border:1px solid #ddd; border-bottom:0px; text-align:center; padding:3px 10px}
#auction_view_tp2 .content .info > table td{background:#fff; border-top:1px solid #ddd; text-align:center;padding:3px 10px}
#auction_view_tp2 .content .info > table td.t_r{text-align:right}
#auction_view_tp2 .content .info > table th{font-weight:700; color:#666}
#auction_view_tp2 .content .info > table tr:first-child th,
#auction_view_tp2 .content .info > table tr:first-child td{border-top:0; padding:7px 10px}
#auction_view_tp2 .content .info > table tr:first-child td{text-align:left}
#auction_view_tp2 .content .info .btn_map{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#48a0fc; border-radius:3px}
#auction_view_tp2 .content .info .btn_road{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#1f77f4; border-radius:3px}
#auction_view_tp2 .content .info .bottom{width:100%; border:1px solid #ddd; margin-top:5px}
#auction_view_tp2 .content .info .bottom:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .info .bottom .photo{float:left; padding:10px; border-right:1px solid #ddd}
#auction_view_tp2 .content .info .bottom .photo ul{width:100%}
#auction_view_tp2 .content .info .bottom .photo ul:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .info .bottom .photo ul li{float:left}
#auction_view_tp2 .content .info .bottom .photo ul li:first-child{margin-right:9px}
#auction_view_tp2 .content .info .bottom .ing{float:right; width:348px; padding:5px}
#auction_view_tp2 .content .info .bottom .ing .h_top{width:100%}
#auction_view_tp2 .content .info .bottom .ing .h_top:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .info .bottom .ing table{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp2 .content .info .bottom .ing table th,
#auction_view_tp2 .content .info .bottom .ing table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1px 5px}
#auction_view_tp2 .content .info .bottom .ing table th{background:#f9f9f9}

#auction_view_tp2 .content .tit:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}

#auction_view_tp2 .content .tit{margin-top:20px}
#auction_view_tp2 .content .tit h2{display:inline-block; padding-left:17px; font-weight:700; background:url(/images/common/ico_tit_arrow.png) left center no-repeat; padding-top:2px}
#auction_view_tp2 .content .tit h3{display:inline-block; padding-left:17px; font-weight:700; padding-top:2px}
#auction_view_tp2 .content .tit h2 ~ p{display:inline-block; padding-top:2px; margin-left:5px}
#auction_view_tp2 table.tbl_view_tp2{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp2 table.tbl_view_tp2 th,
#auction_view_tp2 table.tbl_view_tp2 td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:2px 5px}
#auction_view_tp2 table.tbl_view_tp2 th{background:#f9f9f9}
#auction_view_tp2 table.tbl_view_tp2 tr.bg_red td{background:#fff9f9}
#auction_view_tp2 table.tbl_view_tp2 td.bg_red{background:#fff9f9}
#auction_view_tp2 .btn_s{display:inline-block; border:1px solid #b3b3b3; padding:0 10px; line-height:16px; font-size:11px; background:#e8e8e8; padding-top:2px}
#auction_view_tp2 .f_blue{color:#0000fe}

#auction_view_tp2 .aside ul.btn li.court a{background:url(/images/common/ico_court.png) 10px center no-repeat #1f77f4}
#auction_view_tp2 .aside ul.btn li a{width:100%}
#auction_view_tp2 .aside ul.btn li a{display:block; font-size:12px; text-align:left; color:#fff; line-height:30px; padding:0; padding-left:31px}



#auction_view_tp2 .aside{float:left; width:140px}
#auction_view_tp2 .aside .cnt strong{display:block; line-height:30px; color:#fff; padding-left:21px; background:url(/images/common/ico_cnt.png) 6px center no-repeat #30343d}
#auction_view_tp2 .aside .cnt ul{background:#4c525f; border-bottom:2px solid #000; padding:6px 12px}
#auction_view_tp2 .aside .cnt ul li{width:100%; color:#fff}
#auction_view_tp2 .aside .cnt ul li:after{content:''; display:block; clear:both}
#auction_view_tp2 .aside .cnt ul li span.t{float:left; background:url(/images/common/ico_list_dot_w.png) left center no-repeat; padding-left:8px}
#auction_view_tp2 .aside .cnt ul li span.n{float:right}
#auction_view_tp2 .aside dl dt{line-height:34px; border:1px solid #ccc; border-top:0; padding-left:20px; background:url(/images/common/ico_tit_pls.png) 5px center no-repeat; font-weight:700}
#auction_view_tp2 .aside dl dd{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f8f8f8; line-height: 25px;}
#auction_view_tp2 .aside dl dd a{background:url(/images/common/ico_list_dot.png) 12px 7px no-repeat; padding-left:20px; line-height:20px;}
#auction_view_tp2 .aside dl dt + dd{padding-top:8px}
#auction_view_tp2 .aside dl dd:last-child{padding-bottom:8px; border-bottom:1px solid #ccc}

#auction_view_tp2 .aside ul.btn_etc{margin-top:10px}
#auction_view_tp2 .aside ul.btn_etc li{margin-top:10px}
#auction_view_tp2 .aside ul.btn_etc li:first-child{margin-top:0}
#auction_view_tp2 .aside ul.btn_etc li a{display:block; background:#454951; text-align:center; color:#fff; line-height:30px}



/*상세페이지 3번(행크옥션) =auction_view_tp3*/

#auction_view_tp3{color:#000; width:1100px; padding:20px; font-family: 'Noto Sans KR'!important; font-size:13px; line-height:20px}
#auction_view_tp3 h1,
#auction_view_tp3 h2,
#auction_view_tp3 h3,
#auction_view_tp3 h4,
#auction_view_tp3 input,
#auction_view_tp3 button,
#auction_view_tp3 select{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:15px; line-height:20px ; text-align:center;}
#auction_view_tp3 textarea{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:12px; line-height:20px ; text-align:center;}
#auction_view_tp3:after{content:''; display:block; clear:both}
#auction_view_tp3 .content{position:relative; float:left; width:950px; margin-right:20px}
#auction_view_tp3 .content .header{position:relative; width:100%; padding-top:10px; padding-bottom:10px; margin-bottom:20px; z-index:9000}
#auction_view_tp3 .content .header:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .header h1{float:left}
#auction_view_tp3 .content .header h1 img{height:31px}
#auction_view_tp3 .content .header .viewtype{display:inline-block; margin-left:30px;}
#auction_view_tp3 .content .header .viewtype li{display:inline-block; border:1px solid gray; border-radius: 20px; font-size:13px; padding:0 20px;}
#auction_view_tp3 .content .header .viewtype li.blue{display:inline-block; border:1px solid blue; border-radius: 20px; font-size:13px; padding:0 20px;}
#auction_view_tp3 .content .header .viewtype li a{display:block; line-height:30px;}
#auction_view_tp3 .content .header .viewtype li.on a{background:#30343d}

#auction_view_tp3 .content .header .shortinfo{width:100%; height:30px; margin-top:15px; border-bottom:1px solid gray;}
#auction_view_tp3 .content .header .shortinfo ul{ border-radius:3px;}
#auction_view_tp3 .content .header .shortinfo ul li{float:left; margin-right:10px;}


#auction_view_tp3 .content .header .etc{float:right}
#auction_view_tp3 .content .header .etc .consult{float:left; margin-right:20px; padding-top:6px}
#auction_view_tp3 .content .header .etc .consult *{font-family:'Noto Sans KR'}
#auction_view_tp3 .content .header .etc .consult strong{color:#1f77f4; font-size:15.5px}
#auction_view_tp3 .content .header .etc .consult strong span{font-size:15.5px; font-weight:800; color:#0440b8}
#auction_view_tp3 .content .header .etc .consult em{display:inline-block; font-size:18px; font-weight:800; color:#ff5400; padding-left:35px; background:url(/images/common/ico_tel.png) left center no-repeat; margin-left:7px}
#auction_view_tp3 .content .header .etc ul.util{float:left; border-radius:3px; overflow:hidden}
#auction_view_tp3 .content .header .etc ul.util:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .header .etc ul.util li{position:relative; float:left; background:#1f77f4}
#auction_view_tp3 .content .header .etc ul.util li:after{position:absolute; right:0; top:8px; width:1px; height:16px; background:#4c92f6; content:""}
#auction_view_tp3 .content .header .etc ul.util li:last-child:after{display:none}
#auction_view_tp3 .content .header .etc ul.util li a{display:block; line-height:29px; color:#fff; padding:2px 9px 0 31px}
#auction_view_tp3 .content .header .etc ul.util li a.court{background:url(/images/common/ico_court2.png) 10px center no-repeat}
#auction_view_tp3 .content .header .etc ul.util li a.interest{background:url(/images/common/ico_interest.png) 10px center no-repeat}
#auction_view_tp3 .content .header .etc ul.util li a.bidding{background:url(/images/common/ico_bidding.png) 10px center no-repeat}
#auction_view_tp3 .content .header .etc ul.util li a.print{background:url(/images/common/ico_print.png) 10px center no-repeat}
#auction_view_tp3 .content .header .etc ul.util li a.share{background:url(https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png) 10px center no-repeat;background-size:16px 16px}
#auction_view_tp3 .content .header .menu{position:absolute; left:0; top:-100px; width:100%; background:#30343d; z-index:1000}
#auction_view_tp3 .content .header .menu ul{width:100%}
#auction_view_tp3 .content .header .menu ul:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .header .menu ul li{float:left}
#auction_view_tp3 .content .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:47px; padding:0 15px}
#auction_view_tp3 .content .header .menu ul li a.on{background:#1860ef}
#auction_view_tp3 .content .header .menu a.top{position:absolute; right:0; top:0; display:block; width:54px; height:47px; background:#454951}
#auction_view_tp3 .content .header .menu a.top div{width:100%; height:100%; background:url(/images/auction/ico_top.png) center 13px no-repeat; font-size:10px; color:#fff; text-align:center; padding-top:23px; opacity:0.7}
#auction_view_tp3 .content .header .menu a.top:hover div{opacity:1; text-decoration:underline}
#auction_view_tp3 .content .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#auction_view_tp3 .content .header.on .menu{position:absolute; left:0; top:50px !important}
#auction_view_tp3 .content .h_menu{width:100%; height:70px; margin-top:-48px;}
#auction_view_tp3 .content .info{position:relative; margin-bottom:20px; margin-top:-15px; height:100%; width:100%;}
#auction_view_tp3 .content .info > .top{width:100%; margin-bottom:10px}
#auction_view_tp3 .content .info > .top:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .info > .top p.case{float:left; font-family:'Noto Sans KR'; font-size:20px; font-weight:bold; color:#333}
#auction_view_tp3 .content .info > .top p.case span{display:inline-block; font-size:14px; margin-top:1px}
#auction_view_tp3 .content .info > .top p.txt{float:right;font-size:14px;}
#auction_view_tp3 .content .info .item_num{position:relative; width:100%; height:56px; border:1px solid #ddd; background:#f9f9f9; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view_tp3 .content .info .item_num:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .info .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #ddd; padding-top:7px; color:#717171}
#auction_view_tp3 .content .info .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp3 .content .info .item_num .swiper-slide{width:64px; border-right:1px solid #ddd}
#auction_view_tp3 .content .info .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view_tp3 .content .info .item_num .swiper-slide a strong{display:block}
#auction_view_tp3 .content .info .item_num .swiper-slide a.on{background:#ddd}
#auction_view_tp3 .content .info .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view_tp3 .content .info .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view_tp3 .content .info .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp3 .content .info .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp3 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp3 .content .info .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp3 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #ddd}
#auction_view_tp3 .content .info > .typegoodtop{position:relative;height:100%; width:100%;}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable{width:100%; margin-top:10px}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table{border-top:1px solid black; border-bottom:1px solid black}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table th{background:#f2f5fe; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-bottom:0px; text-align:center; padding:10px 10px}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table td{background:#fff; border-top:1px solid #ddd; text-align:center;padding:10px 10px; font-size:14px;}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table td.t_r{text-align:right}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table th{font-weight:700; color:#666}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table tr:first-child th,
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table tr:first-child td{border-top:0;}
#auction_view_tp3 .content .info > .typegoodtop > .goodtypetable > table tr:first-child td{text-align:left}
#auction_view_tp3 .content .info .btn_map{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#48a0fc; border-radius:3px}
#auction_view_tp3 .content .info .btn_road{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#1f77f4; border-radius:3px}
#auction_view_tp3 .content .info .bottom{width:100%; margin-top:5px; height:100%;}
#auction_view_tp3 .content .info .bottom .photo{float:left; padding:10px; width:100%; border:1px solid #ddd;}
#auction_view_tp3 .content .info .bottom .photo ul{width:100%; display: flex; flex-direction: row; justify-content:center}
#auction_view_tp3 .content .info .bottom .photo ul li{margin-right:5px;}
#auction_view_tp3 .content .info .hideimg{display:none; width:100%;margin-top:5px; height:100%;}
#auction_view_tp3 .content .info .hideimg .imgborder{border:1px solid #ddd; float:left; width:100%}
#auction_view_tp3 .content .info .hideimg .imgborder ul{width:100%; display: flex; flex-direction: row; align-items: center; flex-wrap:wrap}
#auction_view_tp3 .content .info .hideimg .imgborder ul li{margin-right:5px;}



#auction_view_tp3 .content > .summarizeitem{position:relative; width:100%; height:100%;}
#auction_view_tp3 .content > .summarizeitem > .summarize{width:100%; height:100%;}
#auction_view_tp3 .content > .summarizeitem > .summarize > .summarbox{width:100%; display: flex; flex-direction: row; align-items: center; flex-wrap:wrap}
#auction_view_tp3 .content > .summarizeitem > .summarize > .summarbox > div.item{
display:flex; 
flex-direction: column; 
align-items: center; 
justify-content: center;  
width: 100px;
height:30px;
font-size: 13px; 
cursor: pointer;  
text-align: center;
position: relative;
margin-right:0.5%;  
margin-bottom:0.5%;
border:1px solid gray;
background:#ccd8ff;
}
#auction_view_tp3 .content > .summarizeitem > .summarize > .summarbox > div.item a{color:black}
#auction_view_tp3 .content .tit:after{content:''; display:block; clear:both}
#auction_view_tp3 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}
#auction_view_tp3 .content .tit{margin-top:10px}
#auction_view_tp3 .content .tit h2{display:inline-block; padding-left:17px; font-weight:bold; font-size:20px; background:url(/images/main/type22/hankimg3.PNG) left center no-repeat; padding-top:2px}
#auction_view_tp3 .content .tit h3{display:inline-block; padding-left:17px; font-weight:700; padding-top:2px}
#auction_view_tp3 .content .tit h2 ~ p{display:inline-block; padding-top:2px; margin-left:5px}
#auction_view_tp3 table.tbl_view_tp2{width:100%; border-top:1px solid black; border-bottom:1px solid black; margin-top:10px}
#auction_view_tp3 table.tbl_view_tp2 th,
#auction_view_tp3 table.tbl_view_tp2 td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:2px 5px;}
#auction_view_tp3 table.tbl_view_tp2 th{background:#f9f9f9}
#auction_view_tp3 table.tbl_view_tp2 tr.bg_red td{background:#fff9f9}
#auction_view_tp3 table.tbl_view_tp2 td.bg_red{background:#fff9f9}
#auction_view_tp3 .btn_s{display:inline-block; border:1px solid #b3b3b3; padding:0 10px; line-height:16px; font-size:11px; background:#e8e8e8; padding-top:2px}
#auction_view_tp3 .f_blue{color:#0000fe}



#auction_view_tp3 .content > .inner > .summarizeitem2{position:relative; width:100%; height:100%; margin-top:20px; margin-bottom:15px;}
#auction_view_tp3 .content > .inner > .summarizeitem2 > .summarize2{width:100%; height:100%;}
#auction_view_tp3 .content > .inner > .summarizeitem2 > .summarize2 > .summarbox2{width:100%; display: flex; flex-direction: row; align-items: center; flex-wrap:wrap}
#auction_view_tp3 .content > .inner > .summarizeitem2 > .summarize2 > .summarbox2 > div.item{
display:flex; 
flex-direction: column; 
align-items: center; 
justify-content: center;  
width: 100px;
height:30px;
font-size: 13px; 
cursor: pointer;  
text-align: center;
position: relative;
margin-right:0.5%;  
margin-bottom:0.5%;
border:1px solid gray;
background:#ccd8ff;
}

/*//상세피이지 굿옥션 스타일 여기까지*/


/*상세페이지  스타일 =auction_view_tp4*/

#auction_view_tp4{color:#000; width:1035px; padding:20px; font-family: 'Noto Sans KR'!important; font-size:13px; line-height:20px}
#auction_view_tp4 h1,
#auction_view_tp4 h2,
#auction_view_tp4 h3,
#auction_view_tp4 h4,
#auction_view_tp4 input,
#auction_view_tp4 button,
#auction_view_tp4 select{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:15px; line-height:20px ; text-align:center;}
#auction_view_tp4 textarea{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:12px; line-height:20px ; text-align:center;}
#auction_view_tp4:after{content:''; display:block; clear:both}
#auction_view_tp4 .content{position:relative; float:left; width:835px; margin-right:20px}
#auction_view_tp4 .content .header{position:relative; width:100%; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px; z-index:9000}
#auction_view_tp4 .content .header:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .header h1{float:left}
#auction_view_tp4 .content .header h1 img{height:31px}
#auction_view_tp4 .content .header .viewtype{display:inline-block; margin-left:30px}
#auction_view_tp4 .content .header .viewtype li{display:inline-block}
#auction_view_tp4 .content .header .viewtype li a{display:block; line-height:30px; background:#4c525f; padding:0 10px; color:#fff}
#auction_view_tp4 .content .header .viewtype li.on a{background:#30343d}
#auction_view_tp4 .content .header .etc{float:right}
#auction_view_tp4 .content .header .etc .consult{float:left; margin-right:20px; padding-top:6px}
#auction_view_tp4 .content .header .etc .consult *{font-family:'Noto Sans KR'}
#auction_view_tp4 .content .header .etc .consult strong{color:#1f77f4; font-size:15.5px}
#auction_view_tp4 .content .header .etc .consult strong span{font-size:15.5px; font-weight:800; color:#0440b8}
#auction_view_tp4 .content .header .etc .consult em{display:inline-block; font-size:18px; font-weight:800; color:#ff5400; padding-left:35px; background:url(/images/common/ico_tel.png) left center no-repeat; margin-left:7px}
#auction_view_tp4 .content .header .etc ul.util{float:left; border-radius:3px; overflow:hidden}
#auction_view_tp4 .content .header .etc ul.util:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .header .etc ul.util li{position:relative; float:left; background:#1f77f4}
#auction_view_tp4 .content .header .etc ul.util li:after{position:absolute; right:0; top:8px; width:1px; height:16px; background:#4c92f6; content:""}
#auction_view_tp4 .content .header .etc ul.util li:last-child:after{display:none}
#auction_view_tp4 .content .header .etc ul.util li a{display:block; line-height:29px; color:#fff; padding:2px 9px 0 31px}
#auction_view_tp4 .content .header .etc ul.util li a.court{background:url(/images/common/ico_court2.png) 10px center no-repeat}
#auction_view_tp4 .content .header .etc ul.util li a.interest{background:url(/images/common/ico_interest.png) 10px center no-repeat}
#auction_view_tp4 .content .header .etc ul.util li a.bidding{background:url(/images/common/ico_bidding.png) 10px center no-repeat}
#auction_view_tp4 .content .header .etc ul.util li a.print{background:url(/images/common/ico_print.png) 10px center no-repeat}
#auction_view_tp4 .content .header .etc ul.util li a.share{background:url(https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png) 10px center no-repeat;background-size:16px 16px}
#auction_view_tp4 .content .header .menu{position:absolute; left:0; top:-100px; width:100%; background:#30343d; z-index:1000}
#auction_view_tp4 .content .header .menu ul{width:100%}
#auction_view_tp4 .content .header .menu ul:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .header .menu ul li{float:left}
#auction_view_tp4 .content .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:47px; padding:0 15px}
#auction_view_tp4 .content .header .menu ul li a.on{background:#1860ef}
#auction_view_tp4 .content .header .menu a.top{position:absolute; right:0; top:0; display:block; width:54px; height:47px; background:#454951}
#auction_view_tp4 .content .header .menu a.top div{width:100%; height:100%; background:url(/images/auction/ico_top.png) center 13px no-repeat; font-size:10px; color:#fff; text-align:center; padding-top:23px; opacity:0.7}
#auction_view_tp4 .content .header .menu a.top:hover div{opacity:1; text-decoration:underline}
#auction_view_tp4 .content .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#auction_view_tp4 .content .header.on .menu{position:absolute; left:0; top:50px !important}
#auction_view_tp4 .content .h_menu{width:100%; height:70px; margin-top:-28px;}
#auction_view_tp4 .content .info{margin-bottom:20px}
#auction_view_tp4 .content .info > .top{width:100%; margin-bottom:10px; border-bottom:1px solid black; padding-bottom:20px} 
#auction_view_tp4 .content .info > .top:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .info > .top span.auction{float:left; font-family:'Noto Sans KR'; font-size:28px; font-weight:900; color:#28508C; margin-right:5px}
#auction_view_tp4 .content .info > .top p.case{float:left; font-family:'Noto Sans KR'; font-size:28px; font-weight:900; color:#333}
#auction_view_tp4 .content .info > .top p.case span{display:inline-block; font-size:14px; margin-top:1px}
#auction_view_tp4 .content .info > .top p.txt{float:right}
#auction_view_tp4 .content .info > .type4yongdo{display:inline-block ;font-size:20px; font-weight:bold; text-align:center; border-radius: 20px; background:#DDEFFF; border:1px solid #88C7FF; margin:10px 0; padding:3px 10px}
#auction_view_tp4 .content .info > .type4addr{font-weight:bold; margin-top:5px;}
#auction_view_tp4 .content .info > .type4addrdoro{color:#197ee7;margin-bottom:15px;}
#auction_view_tp4 .content .info .item_num{position:relative; width:100%; height:56px; border:1px solid #ddd; background:#f9f9f9; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view_tp4 .content .info .item_num:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .info .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #ddd; padding-top:7px; color:#717171}
#auction_view_tp4 .content .info .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp4 .content .info .item_num .swiper-slide{width:64px; border-right:1px solid #ddd}
#auction_view_tp4 .content .info .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view_tp4 .content .info .item_num .swiper-slide a strong{display:block}
#auction_view_tp4 .content .info .item_num .swiper-slide a.on{background:#ddd}
#auction_view_tp4 .content .info .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view_tp4 .content .info .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view_tp4 .content .info .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp4 .content .info .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp4 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp4 .content .info .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp4 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #ddd}
#auction_view_tp4 .content .info > table{width:100%; border-top:1px solid #b0b0b0; border-bottom:1px solid black}
#auction_view_tp4 .content .info > table th{background:#eff0ef;  border-bottom:0px; text-align:center; font-size:13px ;padding:10px; }
#auction_view_tp4 .content .info > table td{background:#fff; text-align:center;font-size:13px ;padding:10px;}
#auction_view_tp4 .content .info > table td.t_r{text-align:right}
#auction_view_tp4 .content .info > table th{font-weight:700; color:#666}
#auction_view_tp4 .content .info > table tr:first-child th,
#auction_view_tp4 .content .info > table tr:first-child td{border-top:0; padding:7px 10px}
#auction_view_tp4 .content .info > table tr:first-child td{text-align:center}
#auction_view_tp4 .content .info .btn_map{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#48a0fc; border-radius:3px}
#auction_view_tp4 .content .info .btn_road{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#1f77f4; border-radius:3px}
#auction_view_tp4 .content .info .bottom{width:100%; margin-top:50px; margin-bottom:100px;}
#auction_view_tp4 .content .info .bottom .ing{width:380px; padding:5px; display:inline-block}
#auction_view_tp4 .content .info .bottom .ing .h_top{width:100%}
#auction_view_tp4 .content .info .bottom .ing .h_top:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .info .bottom .ing table{width:100%; border-top:1px solid #ddd; text-align:center;}
#auction_view_tp4 .content .info .bottom .ing table th,
#auction_view_tp4 .content .info .bottom .ing table td{border-bottom:1px solid #ddd; padding:1px 10px; font-size: 14px;}
#auction_view_tp4 .content .info .bottom .ing table th{background:#f9f9f9;}
#auction_view_tp4 .content .info .bottom .type4imgbox {position:relative; width:420px; float:right} 
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-container{width:100% ; overflow:hidden}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-slide{width:210px; height:180px; margin:0 5px}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-slide .box{position:relative; width:100%; height:326px; margin:0 auto; border-radius:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border:0}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-slide .box .img img{width:100%; height:180px}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-slide .box a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-button-prev{left:-20px; top:55%; width:30px; height:30px; background:url(/images/common/ico_cal_prev.png) no-repeat;}
#auction_view_tp4 .content .info .bottom .type4imgbox .swiper-button-next{right:-30px; top:55%; width:30px; height:30px;  background:url(/images/common/ico_cal_next.png) no-repeat;}
#auction_view_tp4 .content .tit:after{content:''; display:block; clear:both}
#auction_view_tp4 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}
#auction_view_tp4 .content .tit{margin-top:20px}
#auction_view_tp4 .content .tit h2{display:inline-block; padding-left:17px; font-weight:700; background:url(/images/common/ico_tit_arrow.png) left center no-repeat; padding-top:2px}
#auction_view_tp4 .content .tit h3{display:inline-block; padding-left:17px; font-weight:700; padding-top:2px}
#auction_view_tp4 .content .tit h2 ~ p{display:inline-block; padding-top:2px; margin-left:5px}
#auction_view_tp4 table.tbl_view_tp4{width:100%; border-top:1px solid #000;}
#auction_view_tp4 table.tbl_view_tp4 th,
#auction_view_tp4 table.tbl_view_tp4 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; padding:3px 10px}
#auction_view_tp4 table.tbl_view_tp4 th{background:#f9f9f9; border-right:1px solid #ddd;}
#auction_view_tp4 table.tbl_view_tp4 th:last-child,
#auction_view_tp4 table.tbl_view_tp4 td:last-child{border-right:0}
#auction_view_tp4 table.tbl_view_tp4 tr.bg_red td{background:#fff9f9}
#auction_view_tp4 table.tbl_view_tp4 td.bg_red{background:#fff9f9}
#auction_view_tp4 .btn_s{display:inline-block; border:1px solid #b3b3b3; padding:0 10px; line-height:16px; font-size:11px; background:#e8e8e8; padding-top:2px}
#auction_view_tp4 .f_blue{color:#0000fe}
#auction_view_tp4 .aside ul.btn li.court a{background:url(/images/common/ico_court.png) 10px center no-repeat #1f77f4}
#auction_view_tp4 .aside ul.btn li a{width:100%}
#auction_view_tp4 .aside ul.btn li a{display:block; font-size:12px; text-align:left; color:#fff; line-height:30px; padding:0; padding-left:31px}
#auction_view_tp4 .aside{float:left; width:140px}
#auction_view_tp4 .aside .cnt strong{display:block; line-height:30px; color:#fff; padding-left:21px; background:url(/images/common/ico_cnt.png) 6px center no-repeat #30343d}
#auction_view_tp4 .aside .cnt ul{background:#4c525f; border-bottom:2px solid #000; padding:6px 12px}
#auction_view_tp4 .aside .cnt ul li{width:100%; color:#fff}
#auction_view_tp4 .aside .cnt ul li:after{content:''; display:block; clear:both}
#auction_view_tp4 .aside .cnt ul li span.t{float:left; background:url(/images/common/ico_list_dot_w.png) left center no-repeat; padding-left:8px}
#auction_view_tp4 .aside .cnt ul li span.n{float:right}
#auction_view_tp4 .aside dl dt{line-height:34px; border:1px solid #ccc; border-top:0; padding-left:20px; background:url(/images/common/ico_tit_pls.png) 5px center no-repeat; font-weight:700}
#auction_view_tp4 .aside dl dd{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f8f8f8; line-height: 25px;}
#auction_view_tp4 .aside dl dd a{background:url(/images/common/ico_list_dot.png) 12px 7px no-repeat; padding-left:20px; line-height:20px;}
#auction_view_tp4 .aside dl dt + dd{padding-top:8px}
#auction_view_tp4 .aside dl dd:last-child{padding-bottom:8px; border-bottom:1px solid #ccc}
#auction_view_tp4 .aside ul.btn_etc{margin-top:10px}
#auction_view_tp4 .aside ul.btn_etc li{margin-top:10px}
#auction_view_tp4 .aside ul.btn_etc li:first-child{margin-top:0}
#auction_view_tp4 .aside ul.btn_etc li a{display:block; background:#454951; text-align:center; color:#fff; line-height:30px}

/*//상세페이지  스타일 여기까지*/





/*더원경매 상세페이지  = auction_view_tp5*/

#auction_view_tp5{color:#000; width:1035px; padding:20px; font-family: 'Noto Sans KR'!important; ; font-size:13px; line-height:20px}
#auction_view_tp5 h1,
#auction_view_tp5 h2,
#auction_view_tp5 h3,
#auction_view_tp5 h4,
#auction_view_tp5 input,
#auction_view_tp5 button,
#auction_view_tp5 select{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:15px; line-height:20px ; text-align:center;}
#auction_view_tp5 textarea{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:12px; line-height:20px ; text-align:center;}
#auction_view_tp5:after{content:''; display:block; clear:both}
#auction_view_tp5 .content{position:relative; float:left; width:835px; margin-right:20px}
#auction_view_tp5 .content .header{position:relative; width:100%; padding-top:10px; padding-bottom:10px;  margin-bottom:20px; z-index:9000}
#auction_view_tp5 .content .header:after{content:''; display:block; clear:both}
#auction_view_tp5 .content .header h1{float:left}
#auction_view_tp5 .content .header h1 img{height:31px}
#auction_view_tp5 .content .header .viewtype{display:inline-block; margin-left:30px}
#auction_view_tp5 .content .header .viewtype li{display:inline-block}
#auction_view_tp5 .content .header .viewtype li a{display:block; line-height:30px; background:#4c525f; padding:0 10px; color:#fff}
#auction_view_tp5 .content .header .viewtype li.on a{background:#30343d}
#auction_view_tp5 .content .header .etc{float:right}
#auction_view_tp5 .content .header .etc .consult{float:left; margin-right:20px; padding-top:6px}
#auction_view_tp5 .content .header .etc .consult *{font-family:'Noto Sans KR'}
#auction_view_tp5 .content .header .etc .consult strong{color:#1f77f4; font-size:15.5px}
#auction_view_tp5 .content .header .etc .consult strong span{font-size:15.5px; font-weight:800; color:#0440b8}
#auction_view_tp5 .content .header .etc .consult em{display:inline-block; font-size:18px; font-weight:800; color:#ff5400; padding-left:35px; background:url(/images/common/ico_tel.png) left center no-repeat; margin-left:7px}
#auction_view_tp5 .content .header .etc ul.util{float:left; border-radius:3px; overflow:hidden}
#auction_view_tp5 .content .header .etc ul.util:after{content:''; display:block; clear:both}
#auction_view_tp5 .content .header .etc ul.util li{position:relative; float:left; background:#1f77f4}
#auction_view_tp5 .content .header .etc ul.util li:after{position:absolute; right:0; top:8px; width:1px; height:16px; background:#4c92f6; content:""}
#auction_view_tp5 .content .header .etc ul.util li:last-child:after{display:none}
#auction_view_tp5 .content .header .etc ul.util li a{display:block; line-height:29px; color:#fff; padding:2px 9px 0 31px}
#auction_view_tp5 .content .header .etc ul.util li a.court{background:url(/images/common/ico_court2.png) 10px center no-repeat}
#auction_view_tp5 .content .header .etc ul.util li a.interest{background:url(/images/common/ico_interest.png) 10px center no-repeat}
#auction_view_tp5 .content .header .etc ul.util li a.bidding{background:url(/images/common/ico_bidding.png) 10px center no-repeat}
#auction_view_tp5 .content .header .etc ul.util li a.print{background:url(/images/common/ico_print.png) 10px center no-repeat}
#auction_view_tp5 .content .header .etc ul.util li a.share{background:url(https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png) 10px center no-repeat;background-size:16px 16px}
#auction_view_tp5 .content .header .menu{position:absolute; left:0; top:-100px; width:100%; background:#30343d; z-index:1000}
#auction_view_tp5 .content .header .menu ul{width:100%}
#auction_view_tp5 .content .header .menu ul:after{content:''; display:block; clear:both}
#auction_view_tp5 .content .header .menu ul li{float:left}
#auction_view_tp5 .content .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:47px; padding:0 15px}
#auction_view_tp5 .content .header .menu ul li a.on{background:#1860ef}
#auction_view_tp5 .content .header .menu a.top{position:absolute; right:0; top:0; display:block; width:54px; height:47px; background:#454951}
#auction_view_tp5 .content .header .menu a.top div{width:100%; height:100%; background:url(/images/auction/ico_top.png) center 13px no-repeat; font-size:10px; color:#fff; text-align:center; padding-top:23px; opacity:0.7}
#auction_view_tp5 .content .header .menu a.top:hover div{opacity:1; text-decoration:underline}
#auction_view_tp5 .content .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#auction_view_tp5 .content .header.on .menu{position:absolute; left:0; top:50px !important}
#auction_view_tp5 .content .h_menu{width:100%; height:70px; margin-top:-28px;}
#auction_view_tp5 .content .info{margin-bottom:20px}
#auction_view_tp5 .content .info > .top{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:30px}
#auction_view_tp5 .content .info > .top .case{ font-family:'Noto Sans KR'; font-size:20px; font-weight:900; color:#333}
#auction_view_tp5 .content .info > .top .case span{display:inline-block; font-size:14px; margin-top:1px}

#auction_view_tp5 .content .info .item_num{position:relative; width:100%; height:56px; border:1px solid #ddd; background:#f9f9f9; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view_tp5 .content .info .item_num:after{content:''; display:block; clear:both}
#auction_view_tp5 .content .info .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #ddd; padding-top:7px; color:#717171}
#auction_view_tp5 .content .info .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp5 .content .info .item_num .swiper-slide{width:64px; border-right:1px solid #ddd}
#auction_view_tp5 .content .info .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view_tp5 .content .info .item_num .swiper-slide a strong{display:block}
#auction_view_tp5 .content .info .item_num .swiper-slide a.on{background:#ddd}
#auction_view_tp5 .content .info .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view_tp5 .content .info .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view_tp5 .content .info .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp5 .content .info .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp5 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp5 .content .info .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp5 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #ddd}
#auction_view_tp5 .content .info > .theonetop{display:flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative;}
#auction_view_tp5 .content .info > .theonetop .top1{width:63%;}
#auction_view_tp5 .content .info > .theonetop .top1 table{width:100%; border:1px solid #ddd}
#auction_view_tp5 .content .info > .theonetop .top1 table th{background:white; border:1px solid #ddd; border-bottom:0px; text-align:center; padding:3px 10px; font-weight:700; color:#3B5265}
#auction_view_tp5 .content .info > .theonetop .top1 table td{background:#fff; border-top:1px solid #ddd; text-align:center;padding:3px 10px}
#auction_view_tp5 .content .info > .theonetop .top1 table td.t_r{text-align:right}
#auction_view_tp5 .content .info > .theonetop .top1 table tr:first-child th,
#auction_view_tp5 .content .info > .theonetop .top1 table tr:first-child td{border-top:0; padding:7px 10px}

#auction_view_tp5 .content .info > .theonetop .top1 table .photo{float:left; padding:5px;}
#auction_view_tp5 .content .info > .theonetop .top1 table .photo ul{width:100%}
#auction_view_tp5 .content .info > .theonetop .top1 table .photo ul:after{content:''; display:block; clear:both}
#auction_view_tp5 .content .info > .theonetop .top1 table .photo ul li{float:left}
#auction_view_tp5 .content .info > .theonetop .top1 table .photo ul li:first-child{margin-right:9px}

#auction_view_tp5 .content .info .theonetop .theoneing{position: absolute; top:0; right:0;}
#auction_view_tp5 .content .info .theonetop .theoneing table{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp5 .content .info .theonetop .theoneing table th,
#auction_view_tp5 .content .info .theonetop .theoneing table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1px 5px}
#auction_view_tp5 .content .info .theonetop .theoneing table th{background:white}
#auction_view_tp5 .content .info .btn_map{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#48a0fc; border-radius:3px}
#auction_view_tp5 .content .info .btn_road{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#1f77f4; border-radius:3px}
#auction_view_tp2 .content .tit:after{content:''; display:block; clear:both}
#auction_view_tp2 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}
#auction_view_tp5 .content .tit{margin-top:20px}
#auction_view_tp5 .content .tit h2{display:inline-block; padding-left:17px; font-weight:700; background:url(/images/common/ico_tit_arrow.png) left center no-repeat; padding-top:2px}
#auction_view_tp5 .content .tit h3{display:inline-block; padding-left:17px; font-weight:700; padding-top:2px}
#auction_view_tp5 .content .tit h2 ~ p{display:inline-block; padding-top:2px; margin-left:5px}
#auction_view_tp5 table.tbl_view_tp2{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp5 table.tbl_view_tp2 th,
#auction_view_tp5 table.tbl_view_tp2 td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:2px 5px}
#auction_view_tp5 table.tbl_view_tp2 th{background:white}
#auction_view_tp5 table.tbl_view_tp2 tr.bg_red td{background:#fff9f9}
#auction_view_tp5 table.tbl_view_tp2 td.bg_red{background:#fff9f9}
#auction_view_tp5 .btn_s{display:inline-block; border:1px solid #b3b3b3; padding:0 10px; line-height:16px; font-size:11px; background:#e8e8e8; padding-top:2px}
#auction_view_tp5 .f_blue{color:#0000fe}
#auction_view_tp5 .aside ul.btn li.court a{background:url(/images/common/ico_court.png) 10px center no-repeat #1f77f4}
#auction_view_tp5 .aside ul.btn li a{width:100%}
#auction_view_tp5 .aside ul.btn li a{display:block; font-size:12px; text-align:left; color:#fff; line-height:30px; padding:0; padding-left:31px}
#auction_view_tp5 .aside{float:left; width:140px}
#auction_view_tp5 .aside .cnt strong{display:block; line-height:30px; color:#fff; padding-left:21px; background:url(/images/common/ico_cnt.png) 6px center no-repeat #30343d}
#auction_view_tp5 .aside .cnt ul{background:#4c525f; border-bottom:2px solid #000; padding:6px 12px}
#auction_view_tp5 .aside .cnt ul li{width:100%; color:#fff}
#auction_view_tp5 .aside .cnt ul li:after{content:''; display:block; clear:both}
#auction_view_tp5 .aside .cnt ul li span.t{float:left; background:url(/images/common/ico_list_dot_w.png) left center no-repeat; padding-left:8px}
#auction_view_tp5 .aside .cnt ul li span.n{float:right}
#auction_view_tp5 .aside dl dt{line-height:34px; border:1px solid #ccc; border-top:0; padding-left:20px; background:url(/images/common/ico_tit_pls.png) 5px center no-repeat; font-weight:700}
#auction_view_tp5 .aside dl dd{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f8f8f8; line-height: 25px;}
#auction_view_tp5 .aside dl dd a{background:url(/images/common/ico_list_dot.png) 12px 7px no-repeat; padding-left:20px; line-height:20px;}
#auction_view_tp5 .aside dl dt + dd{padding-top:8px}
#auction_view_tp5 .aside dl dd:last-child{padding-bottom:8px; border-bottom:1px solid #ccc}
#auction_view_tp5 .aside ul.btn_etc{margin-top:10px}
#auction_view_tp5 .aside ul.btn_etc li{margin-top:10px}
#auction_view_tp5 .aside ul.btn_etc li:first-child{margin-top:0}
#auction_view_tp5 .aside ul.btn_etc li a{display:block; background:#454951; text-align:center; color:#fff; line-height:30px}

/*//더원경매 상세페이지 끝*/



/* 예정물건은 #auction_view_tp 0번  css 가로보기랑 비슷하게! */

#auction_view_tp0{color:#000; width:1035px; padding:20px; font-family: 'Noto Sans KR'!important; font-size:13px; line-height:20px}
#auction_view_tp0 h1,
#auction_view_tp0 h2,
#auction_view_tp0 h3,
#auction_view_tp0 h4,
#auction_view_tp0 input,
#auction_view_tp0 button,
#auction_view_tp0 textarea,
#auction_view_tp0 select{font-family:'Noto Sans KR' Dotum, '돋움'; font-size:12px; line-height:20px ; text-align:center;}
#auction_view_tp0:after{content:''; display:block; clear:both}
#auction_view_tp0 .content{position:relative; float:left; width:835px; margin-right:20px}
#auction_view_tp0 .content .header{position:relative; width:100%; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px; z-index:9000}
#auction_view_tp0 .content .header .flt_w p{float:left; padding:5px; font-size:15px}
#auction_view_tp0 .content .header:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .header h1{float:left}
#auction_view_tp0 .content .header h1 img{height:31px}
#auction_view_tp0 .content .header .viewtype{display:inline-block; margin-left:30px}
#auction_view_tp0 .content .header .viewtype li{display:inline-block}
#auction_view_tp0 .content .header .viewtype li a{display:block; line-height:30px; background:#4c525f; padding:0 10px; color:#fff}
#auction_view_tp0 .content .header .viewtype li.on a{background:#30343d}

#auction_view_tp0 .content .header .etc{float:right}
#auction_view_tp0 .content .header .etc .consult{float:left; margin-right:20px; padding-top:6px}
#auction_view_tp0 .content .header .etc .consult *{font-family:'Noto Sans KR'}
#auction_view_tp0 .content .header .etc .consult strong{color:#1f77f4; font-size:15.5px}
#auction_view_tp0 .content .header .etc .consult strong span{font-size:15.5px; font-weight:800; color:#0440b8}
#auction_view_tp0 .content .header .etc .consult em{display:inline-block; font-size:18px; font-weight:800; color:#ff5400; padding-left:35px; background:url(/images/common/ico_tel.png) left center no-repeat; margin-left:7px}
#auction_view_tp0 .content .header .etc ul.util{float:left; border-radius:3px; overflow:hidden}
#auction_view_tp0 .content .header .etc ul.util:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .header .etc ul.util li{position:relative; float:left; background:#1f77f4}
#auction_view_tp0 .content .header .etc ul.util li:after{position:absolute; right:0; top:8px; width:1px; height:16px; background:#4c92f6; content:""}
#auction_view_tp0 .content .header .etc ul.util li:last-child:after{display:none}
#auction_view_tp0 .content .header .etc ul.util li a{display:block; line-height:29px; color:#fff; padding:2px 9px 0 31px}
#auction_view_tp0 .content .header .etc ul.util li a.court{background:url(/images/common/ico_court2.png) 10px center no-repeat}
#auction_view_tp0 .content .header .etc ul.util li a.interest{background:url(/images/common/ico_interest.png) 10px center no-repeat}
#auction_view_tp0 .content .header .etc ul.util li a.bidding{background:url(/images/common/ico_bidding.png) 10px center no-repeat}
#auction_view_tp0 .content .header .etc ul.util li a.print{background:url(/images/common/ico_print.png) 10px center no-repeat}



#auction_view_tp0 .content .info{margin-bottom:20px}
#auction_view_tp0 .content .info > .top{width:100%; margin-bottom:10px}
#auction_view_tp0 .content .info > .top:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .info > .top p.case{float:left; font-family:'Noto Sans KR'; font-size:20px; font-weight:900; color:#333}
#auction_view_tp0 .content .info > .top p.case span{display:inline-block; font-size:14px; margin-top:1px}
#auction_view_tp0 .content .info > .top p.txt{float:right}
#auction_view_tp0 .content .info .item_num{position:relative; width:100%; height:56px; border:1px solid #ddd; background:#f9f9f9; line-height:20px; text-align:center; margin-bottom:20px}
#auction_view_tp0 .content .info .item_num:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .info .item_num p.tt{float:left; width:80px; height:54px; border-right:1px solid #ddd; padding-top:7px; color:#717171}
#auction_view_tp0 .content .info .item_num .swiper-container{float:left; width:641px; margin-left:57px; border-left:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp0 .content .info .item_num .swiper-slide{width:64px; border-right:1px solid #ddd}
#auction_view_tp0 .content .info .item_num .swiper-slide a{display:block; width:100%; height:54px; padding-top:7px}
#auction_view_tp0 .content .info .item_num .swiper-slide a strong{display:block}
#auction_view_tp0 .content .info .item_num .swiper-slide a.on{background:#ddd}
#auction_view_tp0 .content .info .item_num .swiper-slide a:hover{text-decoration:none}
#auction_view_tp0 .content .info .item_num .swiper-slide a:hover strong{text-decoration:underline}
#auction_view_tp0 .content .info .item_num .swiper-button-prev{left:80px; top:0; margin:0; width:57px; height:54px; background:url(/images/auction/ico_item_prev.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp0 .content .info .item_num .swiper-button-prev:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp0 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_prev_on.png) center no-repeat #ddd}
#auction_view_tp0 .content .info .item_num .swiper-button-next{right:0; top:0; margin:0; width:55px; height:54px; background:url(/images/auction/ico_item_next.png) center no-repeat; outline:0; opacity:1}
#auction_view_tp0 .content .info .item_num .swiper-button-next:hover{background:url(/images/auction/ico_item_next_on.png) center no-repeat #ddd}
#auction_view_tp0 .content .inner .top .flt_l p{float:left; padding:5px; font-size:15px; margin-bottom:10px;}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo {width:100%; border:1px solid #b0b0b0}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo th{background:#eff0ef; border:1px solid #ddd; border-bottom:0px; text-align:center; padding:3px 10px}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo td{background:#fff; border-top:1px solid #ddd; text-align:center;padding:3px 10px}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo td.t_r{text-align:right}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo th{font-weight:700; color:#666}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo tr:first-child th,
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo tr:first-child td{border-top:0; padding:7px 10px}
#auction_view_tp0 .content .inner .info .flt_w .basic > table.yejungpyo tr:first-child td{text-align:left}
#auction_view_tp0 .content .info .btn_map{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#48a0fc; border-radius:3px}
#auction_view_tp0 .content .info .btn_road{display:inline-block; line-height:20px; padding:0 7px; font-weight:700; color:#fff; background:#1f77f4; border-radius:3px}
#auction_view_tp0 .content .info .bottom{width:100%; border:1px solid #ddd; margin-top:5px}
#auction_view_tp0 .content .info .bottom:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .info .bottom .photo{float:left; padding:10px; border-right:1px solid #ddd}
#auction_view_tp0 .content .info .bottom .photo ul{width:100%}
#auction_view_tp0 .content .info .bottom .photo ul:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .info .bottom .photo ul li{float:left}
#auction_view_tp0 .content .info .bottom .photo ul li:first-child{margin-right:9px}
#auction_view_tp0 .content .info .bottom .ing{float:right; width:348px; padding:5px}
#auction_view_tp0 .content .info .bottom .ing .h_top{width:100%}
#auction_view_tp0 .content .info .bottom .ing .h_top:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .info .bottom .ing table{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp0 .content .info .bottom .ing table th,
#auction_view_tp0 .content .info .bottom .ing table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1px 5px}
#auction_view_tp0 .content .info .bottom .ing table th{background:#f9f9f9}

#auction_view_tp0 .content .tit:after{content:''; display:block; clear:both}
#auction_view_tp0 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}

#auction_view_tp0 .content .tit{margin-top:20px}
#auction_view_tp0 .content .tit h2{display:inline-block; padding-left:17px; font-weight:700; background:url(/images/common/ico_tit_arrow.png) left center no-repeat; padding-top:2px}
#auction_view_tp0 .content .tit h2 ~ p{display:inline-block; padding-top:2px; margin-left:5px}
#auction_view_tp0 table.tit{width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd}
#auction_view_tp0 table.tbl_s th,
#auction_view_tp0 table.tbl_s td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:2px 5px}
#auction_view_tp0 table.tbl_s th{background:#f9f9f9}
#auction_view_tp0 table.tbl_s tr.bg_red td{background:#fff9f9}
#auction_view_tp0 table.tbl_s td.bg_red{background:#fff9f9}
#auction_view_tp0 .btn_s{display:inline-block; border:1px solid #b3b3b3; padding:0 10px; line-height:16px; font-size:11px; background:#e8e8e8; padding-top:2px}
#auction_view_tp0 .f_blue{color:#0000fe}

#auction_view_tp0 .aside ul.btn li.court a{background:url(/images/common/ico_court.png) 10px center no-repeat #1f77f4}
#auction_view_tp0 .aside ul.btn li a{width:100%}
#auction_view_tp0 .aside ul.btn li a{display:block; font-size:12px; text-align:left; color:#fff; line-height:30px; padding:0; padding-left:31px}



#auction_view_tp0 .aside{float:left; width:140px;}
#auction_view_tp0 .aside .cnt strong{display:block; line-height:30px; color:#fff; padding-left:21px; background:url(/images/common/ico_cnt.png) 6px center no-repeat #30343d}
#auction_view_tp0 .aside .cnt ul{background:#4c525f; border-bottom:2px solid #000; padding:6px 12px}
#auction_view_tp0 .aside .cnt ul li{width:100%; color:#fff}
#auction_view_tp0 .aside .cnt ul li:after{content:''; display:block; clear:both}
#auction_view_tp0 .aside .cnt ul li span.t{float:left; background:url(/images/common/ico_list_dot_w.png) left center no-repeat; padding-left:8px}
#auction_view_tp0 .aside .cnt ul li span.n{float:right}
#auction_view_tp0 .aside dl dt{line-height:34px; border:1px solid #ccc; border-top:0; padding-left:20px; background:url(/images/common/ico_tit_pls.png) 5px center no-repeat; font-weight:700}
#auction_view_tp0 .aside dl dd{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f8f8f8}
#auction_view_tp0 .aside dl dd a{background:url(/images/common/ico_list_dot.png) 12px 4px no-repeat; padding-left:20px}
#auction_view_tp0 .aside dl dt + dd{padding-top:8px}
#auction_view_tp0 .aside dl dd:last-child{padding-bottom:8px; border-bottom:1px solid #ccc}

#auction_view_tp0 .aside ul.btn_etc{margin-top:10px}
#auction_view_tp0 .aside ul.btn_etc li{margin-top:10px}
#auction_view_tp0 .aside ul.btn_etc li:first-child{margin-top:0}
#auction_view_tp0 .aside ul.btn_etc li a{display:block; background:#454951; text-align:center; color:#fff; line-height:30px}



/* 예정물건 css 끝.*/

/* pop_view */
#pop_view{width:100%}
#pop_view .header{width:100%; line-height:30px; background:#30343d; padding:12px 20px}
#pop_view .header:after{content:''; display:block; clear:both}
#pop_view .header p.case{display:inline-block; font-size:16px; font-weight:800; color:#fff}
#pop_view .header .line{display:inline-block; width:1px; height:17px; background:#454951; vertical-align:middle; margin:0 6px}
#pop_view .header p.addr{display:inline-block; font-size:14px; color:#fff; opacity:0.7}
#pop_view .header .btn_print{background-color:#575d6b}
#pop_view .content{padding:20px}
#pop_view .content ul.menu{width:100%; border:0px solid #eee ; background:#ffffff; border-left:0; border-bottom:0}
#pop_view .content ul.menu:after{content:''; display:block; clear:both}
#pop_view .content ul.menu li{float:left; border: 2px solid #999; border-radius: 13px; margin:2px;}
/* #pop_view .content ul.menu li:last-child{border-right:1px solid #eee} */
/*
#pop_view .content ul.menu li:nth-child(11n){border-right:0}
#pop_view .content ul.menu li:nth-child(n+12){border-bottom:0}
*/
#pop_view .content ul.menu li a{border-radius:15px; display:block; width:105px; height:23px; font-size:12px; text-align:center; padding-top:0px; padding-left:14px;}
#pop_view .content ul.menu li a:hover{color:#fff; background-color:#1860ef !important; border-radius: 13px;}
#pop_view .content ul.menu li a.on{color:#fff; background-color:#1860ef !important; border-radius: 13px;}
#pop_view .content ul.menu li a.m1{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#pop_view .content ul.menu li a.m2{background:url(/images/auction/pop_view_img/pv_m2.jpg) no-repeat}
#pop_view .content ul.menu li a.m3{background:url(/images/auction/pop_view_img/pv_m3.jpg) no-repeat}
#pop_view .content ul.menu li a.m4{background:url(/images/auction/pop_view_img/pv_m4.jpg) no-repeat}
#pop_view .content ul.menu li a.m5{background:url(/images/auction/pop_view_img/pv_m5.jpg) no-repeat}
#pop_view .content ul.menu li a.m6{background:url(/images/auction/pop_view_img/pv_m6.jpg) no-repeat}
#pop_view .content ul.menu li a.m7{background:url(/images/auction/pop_view_img/pv_m7.jpg) no-repeat}
#pop_view .content ul.menu li a.m8{background:url(/images/auction/pop_view_img/pv_m8.jpg) no-repeat}
#pop_view .content ul.menu li a.m9{background:url(/images/auction/pop_view_img/pv_m9.jpg) no-repeat}
#pop_view .content ul.menu li a.m10{background:url(/images/auction/pop_view_img/pv_m10.jpg) no-repeat}
#pop_view .content ul.menu li a.m11{background:url(/images/auction/pop_view_img/pv_m11.jpg) no-repeat}
#pop_view .content ul.menu li a.m12{background:url(/images/auction/pop_view_img/pv_m12.jpg) no-repeat}
#pop_view .content ul.menu li a.m13{background:url(/images/auction/pop_view_img/pv_m13.jpg) no-repeat}
#pop_view .content ul.menu li a.m14{background:url(/images/auction/pop_view_img/pv_m14.jpg) no-repeat}
#pop_view .content ul.menu li a.m15{background:url(/images/auction/pop_view_img/pv_m15.jpg) no-repeat}
#pop_view .content ul.menu li a.m16{background:url(/images/auction/pop_view_img/pv_m16.jpg) no-repeat}
#pop_view .content ul.menu li a.m17{background:url(/images/auction/pop_view_img/pv_m17.jpg) no-repeat}
#pop_view .content ul.menu li a.m18{background:url(/images/auction/pop_view_img/pv_m18.jpg) no-repeat}
#pop_view .content ul.menu li a.m19{background:url(/images/auction/pop_view_img/pv_m19.jpg) no-repeat}
#pop_view .content ul.menu li a.m20{background:url(/images/auction/pop_view_img/pv_m20.jpg) no-repeat}
#pop_view .content ul.menu li a.m21{background:url(/images/auction/pop_view_img/pv_m21.jpg) no-repeat}
#pop_view .content ul.menu li a.m23{background:url(/images/auction/pop_view_img/pv_m6.jpg) no-repeat}
#pop_view .content ul.menu li a.m24{background:url(/images/auction/pop_view_img/pv_m4.jpg) no-repeat}
#pop_view .content ul.menu li a.m25{background:url(/images/auction/pop_view_img/pv_m22.jpg) no-repeat}
#pop_view .content ul.menu li a.m26{background:url(/images/auction/pop_view_img/pv_m23.jpg) no-repeat}
#pop_view .content ul.menu li a.m27{background:url(/images/auction/pop_view_img/pv_m24.jpg) no-repeat}
#pop_view .content ul.menu li a.m28{background:url(/images/auction/pop_view_img/pv_m4.jpg) no-repeat}

#pop_view .content ul.menu li a.m1:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m2:hover{background:url(/images/auction/pop_view_img/pv_m2_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m3:hover{background:url(/images/auction/pop_view_img/pv_m3_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m4:hover{background:url(/images/auction/pop_view_img/pv_m4_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m5:hover{background:url(/images/auction/pop_view_img/pv_m5_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m6:hover{background:url(/images/auction/pop_view_img/pv_m6_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m7:hover{background:url(/images/auction/pop_view_img/pv_m7_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m8:hover{background:url(/images/auction/pop_view_img/pv_m8_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m9:hover{background:url(/images/auction/pop_view_img/pv_m9_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m10:hover{background:url(/images/auction/tpop_view_img/pv_m10_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m11:hover{background:url(/images/auction/pop_view_img/pv_m11_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m12:hover{background:url(/images/auction/pop_view_img/pv_m12_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m13:hover{background:url(/images/auction/pop_view_img/pv_m13_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m14:hover{background:url(/images/auction/pop_view_img/pv_m14_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m15:hover{background:url(/images/auction/pop_view_img/pv_m15_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m16:hover{background:url(/images/auction/pop_view_img/pv_m16_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m17:hover{background:url(/images/auction/pop_view_img/pv_m17_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m18:hover{background:url(/images/auction/pop_view_img/pv_m18_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m19:hover{background:url(/images/auction/pop_view_img/pv_m19_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m20:hover{background:url(/images/auction/pop_view_img/pv_m20_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m21:hover{background:url(/images/auction/pop_view_img/pv_m21_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m23:hover{background:url(/images/auction/pop_view_img/pv_m6_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m24:hover{background:url(/images/auction/pop_view_img/pv_m4_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m25:hover{background:url(/images/auction/pop_view_img/pv_m22_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m26:hover{background:url(/images/auction/pop_view_img/pv_m23_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m27:hover{background:url(/images/auction/pop_view_img/pv_m24_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m28:hover{background:url(/images/auction/pop_view_img/pv_m4_on.jpg) no-repeat}

#pop_view .content ul.menu li a.m1.on{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m2.on{background:url(/images/auction/pop_view_img/pv_m2_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m3.on{background:url(/images/auction/pop_view_img/pv_m3_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m4.on{background:url(/images/auction/pop_view_img/pv_m4_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m5.on{background:url(/images/auction/pop_view_img/pv_m5_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m6.on{background:url(/images/auction/pop_view_img/pv_m6_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m7.on{background:url(/images/auction/pop_view_img/pv_m7_on.jpg)  no-repeat}
#pop_view .content ul.menu li a.m8.on{background:url(/images/auction/pop_view_img/pv_m8_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m9.on{background:url(/images/auction/pop_view_img/pv_m9_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m10.on{background:url(/images/auction/pop_view_img/pv_m10_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m11.on{background:url(/images/auction/pop_view_img/pv_m11_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m12.on{background:url(/images/auction/pop_view_img/pv_m12_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m13.on{background:url(/images/auction/pop_view_img/pv_m13_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m14.on{background:url(/images/auction/pop_view_img/pv_m14_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m15.on{background:url(/images/auction/pop_view_img/pv_m15_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m16.on{background:url(/images/auction/pop_view_img/pv_m16_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m17.on{background:url(/images/auction/pop_view_img/pv_m17_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m18.on{background:url(/images/auction/pop_view_img/pv_m18_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m19.on{background:url(/images/auction/pop_view_img/pv_m19_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m20.on{background:url(/images/auction/pop_view_img/pv_m20_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m21.on{background:url(/images/auction/pop_view_img/pv_m21_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m23.on{background:url(/images/auction/pop_view_img/pv_m6_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m24.on{background:url(/images/auction/pop_view_img/pv_m4_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m25.on{background:url(/images/auction/pop_view_img/pv_m22_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m26.on{background:url(/images/auction/pop_view_img/pv_m23_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m27.on{background:url(/images/auction/pop_view_img/pv_m24_on.jpg) no-repeat}
#pop_view .content ul.menu li a.m28.on{background:url(/images/auction/pop_view_img/pv_m4_on.jpg) no-repeat}

#pop_view .content .con{position:relative; width:1015px; height:547px; border:1px solid #eee; margin:0 auto; margin-top:20px}
#pop_view .content .con .photo_box{position:relative; width:100%; height:100%; background:white; padding-bottom:590px}
#pop_view .content .con .photo_box .photo{position:absolute; left:66px; top:19px; width:676px; height:507px}
#pop_view .content .con .photo_box .ctr{ left:0; bottom:20px; width:100%; height:30px; text-align:center; z-index:100; padding-top:5px;}
#pop_view .content .con .photo_box .ctr .swiper-button-prev{display:inline-block; position:static; left:auto; top:auto; width:30px; height:30px; background:url(/images/common/ico_prev.png) center no-repeat; background-color:rgba(0,0,0, 0.7); margin:0; outline:0}
#pop_view .content .con .photo_box .ctr .swiper-button-next{display:inline-block; position:static; left:auto; top:auto; width:30px; height:30px; background:url(/images/common/ico_next.png) center no-repeat; background-color:rgba(0,0,0, 0.7); margin:0; outline:0}
#pop_view .content .con .photo_box .list{position:absolute; right:10px; top:19px; width:205px; height:507px}
#pop_view .content .con .photo_box .list .inner{width:205px; height:467px; overflow-y:auto; border-bottom:1px solid #eee}
#pop_view .content .con .photo_box .list ul{width:190px; margin-left:-2.5px; margin-bottom:15px}
#pop_view .content .con .photo_box .list ul:after{content:''; display:block; clear:both}
#pop_view .content .con .photo_box .list ul li{float:left; position:relative; width:90px; height:70px; margin:0 2.5px 5px}
#pop_view .content .con .photo_box .list ul li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:1px solid #000; text-indent:-9999em; opacity:0.07; z-index:10}
#pop_view .content .con .photo_box .list ul li .ipt{position:absolute; left:0; bottom:0; width:100%; height:24px; padding-left:5px; line-height:24px; background-color:rgba(0,0,0,0.4); color:#fff; z-index:20}
#pop_view .content .con .photo_box .list ul li .ipt .checkbox{width:14px; height:14px; vertical-align:-3px; margin-right: 0; background: url('/images/common/checkbox_s.png') no-repeat; display: inline-block; cursor:pointer}
#pop_view .content .con .photo_box .list ul li .ipt .checkbox.checked {background-position: 0 -14px}
#pop_view .content .con .photo_box .list .btn_print{position:absolute; left:0; bottom:0}
#pop_view .content .con .photo_box .list .btn_set{ left:0; bottom:0; margin-top:50px}
#pop_view .content .con2,
#pop_view .content #map{width:100%}
#pop_view_ifm{width:100%; padding:20px}
#pop_view_ifm h2{font-size:16px; font-weight:700; color:#000; margin-bottom:10px}
#pop_view_ifm ul.item_list{width:100%; margin-top:10px; border-top:1px solid #e1e2e8; border-right:1px solid #e1e2e8}
#pop_view_ifm ul.item_list:after{content:''; display:block; clear:both}
#pop_view_ifm ul.item_list li{float:left; width:16.66666666666667%; height:34px; border-left:1px solid #e1e2e8; border-bottom:1px solid #e1e2e8; background:#f7faff}
#pop_view_ifm ul.item_list li a{display:block; text-align:center; line-height:34px;}
#pop_view_ifm ul.item_list li a.on{background:#1f77f4; color:#fff}

/* print photo */
/*background:#f7f7fa*/;
#pop_view .content .printcon{position:relative; width:100%; height:547px; border:1px solid #eee; margin:0 auto; margin-top:20px;}
#pop_view .content .printcon .photopr_box{position:relative; width:1500px; height:100%; background:#f7f7fa; padding-bottom:50px}
#pop_view .content .printcon .photopr_box .photo{position:absolute; left:66px; top:19px; width:676px; height:507px}
#pop_view .content .printcon .photopr_box .ctr{ left:0; bottom:20px; width:100%; height:30px; text-align:center; z-index:100; padding-top:5px;}
#pop_view .content .printcon .photopr_box .ctr .swiper-button-prev{display:inline-block; position:static; left:auto; top:auto; width:30px; height:30px; background:url(/images/common/ico_prev.png) center no-repeat; background-color:rgba(0,0,0, 0.7); margin:0; outline:0}
#pop_view .content .printcon .photopr_box .ctr .swiper-button-next{display:inline-block; position:static; left:auto; top:auto; width:30px; height:30px; background:url(/images/common/ico_next.png) center no-repeat; background-color:rgba(0,0,0, 0.7); margin:0; outline:0}
#pop_view .content .printcon .photopr_box .list{position:absolute; right:10px; top:19px; width:205px; height:507px}
#pop_view .content .printcon .photopr_box .list .inner{width:205px; height:467px; overflow-y:auto; border-bottom:1px solid #eee}
#pop_view .content .printcon .photopr_box .list ul{width:190px; margin-left:-2.5px; margin-bottom:15px}
#pop_view .content .printcon .photopr_box .list ul:after{content:''; display:block; clear:both}
#pop_view .content .printcon .photopr_box .list ul li{float:left; position:relative; width:90px; height:70px; margin:0 2.5px 5px}
#pop_view .content .printcon .photopr_box .list ul li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:1px solid #000; text-indent:-9999em; opacity:0.07; z-index:10}
#pop_view .content .printcon .photopr_box .list ul li .ipt{position:absolute; left:0; bottom:0; width:100%; height:24px; padding-left:5px; line-height:24px; background-color:rgba(0,0,0,0.4); color:#fff; z-index:20}
#pop_view .content .printcon .photopr_box .list ul li .ipt .checkbox{width:14px; height:14px; vertical-align:-3px; margin-right: 0; background: url('/images/common/checkbox_s.png') no-repeat; display: inline-block; cursor:pointer}
#pop_view .content .printcon .photopr_box .list ul li .ipt .checkbox.checked {background-position: 0 -14px}
#pop_view .content .printcon .photopr_box .list .btn_print{position:absolute; left:0; bottom:0}
#pop_view .content .printcon .photopr_box .list .btn_set{ left:0; bottom:0; margin-top:50px}



/* analysis */
#pop_view2{width:875px}
#pop_view2 .header{width:100%; line-height:30px; background:#30343d}
#pop_view2 .header.on{position:fixed; left:0; top:0; background:#30343d; border-bottom:1px solid #22252b}
#pop_view2 .header:after{content:''; display:block; clear:both}
#pop_view2 .header .top{width:100%; padding:12px 20px}
#pop_view2 .header .top:after{content:''; display:block; clear:both}
#pop_view2 .header p.case{display:inline-block; font-size:16px; font-weight:800; color:#fff}
#pop_view2 .header .line{display:inline-block; width:1px; height:17px; background:#454951; vertical-align:middle; margin:0 6px}
#pop_view2 .header p.addr{display:inline-block; font-size:14px; color:#fff; opacity:0.7}
#pop_view2 .header .btn_print{background-color:#575d6b}
#pop_view2 .header .menu{width:100%; background:#3c414c; z-index:1000}
#pop_view2 .header .menu ul{width:100%}
#pop_view2 .header .menu ul:after{content:''; display:block; clear:both}
#pop_view2 .header .menu ul li{float:left}
#pop_view2 .header .menu ul li a{display:block; font-size:14px; color:#fff; line-height:44px; padding:0 20px}
#pop_view2 .header .menu ul li a.on{background:#1860ef}
#pop_view2 .content{padding:20px 20px 30px 20px}
#pop_view2 .content h2{display:inline-block; font-size:16px; font-weight:700; color:#000; vertical-align:middle}
#pop_view2 .content .tit{width:100%; margin-top:20px; line-height:36px}
#pop_view2 .content .tit:after{content:''; display:block; clear:both}
#pop_view2 .content .tit p{display:inline-block; line-height:36px}
#pop_view2 .content .tit .line{display:inline-block; width:1px; height:15px; background:#e3e3ec; vertical-align:middle; margin:0 5px}



/* map_view */
body.map_view{overflow-y:hidden}
#map_view{width:100%; height:100%}
#map_view:after{content:''; display:block; clear:both}
#map_view .header{float:right; width:282px; height:100%; background:#fff; z-index:1000}
#map_view .header .top{width:100%; height:111px; padding:20px 0 0 15px; border-bottom:1px solid #e3e3ec}
#map_view .header .top h1{width:87px; height:30px;}
#map_view .header .top ul.util{border:1px solid #c5cbd9; border-radius:5px; background:#dfe5f0; margin-right:16px}
#map_view .header .top ul.btn:after{content:''; display:block; clear:both}
#map_view .header .top ul.util li{float:left; border-left:1px solid #c5cbd9}
#map_view .header .top ul.util li:first-child{border-left:0}
#map_view .header .top ul.util li a{display:block; padding:0 5px 0 21px; color:#000; line-height:24px}
#map_view .header .top ul.util li a.distance{background:url(/images/auction/ico_distance.png) 5px center no-repeat}
#map_view .header .top ul.util li a.size{background:url(/images/auction/ico_size.png) 5px center no-repeat}
#map_view .header .top ul.util li a.print{background:url(/images/auction/ico_print.png) 5px center no-repeat}
#map_view .header .top ul.btn{width:100%; margin-top:15px}
#map_view .header .top ul.btn:after{content:''; display:block; clear:both}
#map_view .header .top ul.btn li{float:left; margin-left:7px}
#map_view .header .top ul.btn li:first-child{margin-left:30px}/*실거래 공매 임시주석 처리후 남은 li 가운데 마추려고 조정. */
#map_view .header .top ul.btn li a{display:block; height:26px; border:1px solid #e3e3ec; padding:0 14px; font-size:13px; font-weight:700; color:#9295ac; line-height:24px; text-align:center; background:#f8f8fc; border-radius:5px}
#map_view .header .top ul.btn li a.on:hover{text-decoration:none}
#map_view .header .top ul.btn li a.blue.on{border:1px solid #1860ef; background:#1860ef; color:#fff}
#map_view .header .top ul.btn li a.red.on{border:1px solid #ff3535; background:#ff3535; color:#fff}
#map_view .header .top ul.btn li a.gray.on{border:1px solid #868686; background:#868686; color:#fff}
#map_view .header .top ul.btn li a.sky.on{border:1px solid #48a0fc; background:#48a0fc; color:#fff}
#map_view .header .top ul.btn li a.green.on{border:1px solid green; background:green; color:#fff}
#map_view .header .act_option{height:calc(100% - 111px); overflow-y:auto}
#map_view .content{position:relative; height:100%; overflow:hidden}
#map_view .content .btn_location{position:absolute; right:150px; top:10px; width:30px; height:30px; background:url(/images/common/btn_location.png) no-repeat; text-indent:-9999em; cursor:pointer; z-index:100}
#map_view .act_item{z-index:1000}
#map_view .act_item .info{margin-top:-30px; background:#fff; font-size:11px; border-radius:5px; cursor:pointer}
#map_view .act_item .info:after{content:''; display:block; clear:both}
#map_view .act_item .info p{float:left; line-height:23px}
#map_view .act_item .info p.no{width:24px; text-align:center; color:#fff}
#map_view .act_item .info p.type{color:#fff; padding:0 5px}
#map_view .act_item .info p.price{padding:0 7px}
#map_view .act_item .info .arrow{position:absolute; left:0; top:-9px; width:6px; height:9px; z-index:100}
#map_view .act_item .view{position:absolute; left:0; bottom:5px; width:280px; background:#fff; border-radius:5px; font-size:12px}
#map_view .act_item .view .top{width:100%}
#map_view .act_item .view .top:after{content:''; display:block; clear:both}
#map_view .act_item .view .top p{float:left; line-height:23px}
#map_view .act_item .view .top p.no{width:24px; text-align:center; color:#fff}
#map_view .act_item .view .top p.case{width:254px; text-align:left; color:#fff; padding:0 5px}
#map_view .act_item .view .top a.close{position:absolute; right:3px; top:0; width:23px; height:23px; background:url(/images/common/btn_close.png) center no-repeat; text-indent:-9999em}
#map_view .act_item .view .con{padding:7px 10px}
#map_view .act_item .view .con table{width:100%}
#map_view .act_item .view .con th{color:#717171}
#map_view .act_item .view .con th,
#map_view .act_item .view .con td{line-height:18px; vertical-align:top}
#map_view .act_item .view .con .img{position:relative; width:56px; height:56px}
#map_view .act_item .view .con .img .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07}
#map_view .act_item .view .arrow{position:absolute; left:-1px; bottom:-6px; width:6px; height:9px; z-index:100}
#map_view .act_item.blue .info{border:1px solid #1860ef}
#map_view .act_item.blue .info p.no{background:#2f70f1}
#map_view .act_item.blue .info p.type{background:#2f70f1; border-left:1px solid #1860ef; border-right:1px solid #1860ef}
#map_view .act_item.blue .info p.price span{color:#1860ef}
#map_view .act_item.blue .info .arrow{background:url(/images/auction/map_item_arrow_blue.png) no-repeat}
#map_view .act_item.blue .view{border:1px solid #1860ef}
#map_view .act_item.blue .view .top p.no{background:#2f70f1}
#map_view .act_item.blue .view .top p.case{background:#2f70f1; border-left:1px solid #1860ef}
#map_view .act_item.blue .view .arrow{background:url(/images/auction/map_item_arrow_blue_w.png) no-repeat}
#map_view .act_item.gray .info{border:1px solid #797979}
#map_view .act_item.gray .info p.no{background:#868686}
#map_view .act_item.gray .info p.type{background:#868686; border-left:1px solid #797979; border-right:1px solid #797979}
#map_view .act_item.gray .info p.price span{color:#797979}
#map_view .act_item.gray .info .arrow{background:url(/images/auction/map_item_arrow_gray.png) no-repeat}
#map_view .act_item.gray .view{border:1px solid #797979}
#map_view .act_item.gray .view .top p.no{background:#868686}
#map_view .act_item.gray .view .top p.case{background:#868686; border-left:1px solid #797979}
#map_view .act_item.gray .view .arrow{background:url(/images/auction/map_item_arrow_gray_w.png) no-repeat}
#map_view .act_item.red .info{border:1px solid #ff3535}
#map_view .act_item.red .info p.no{background:#ff4949}
#map_view .act_item.red .info p.type{background:#ff4949; border-left:1px solid #ff3535; border-right:1px solid #ff3535}
#map_view .act_item.red .info p.price span{color:#ff3535}
#map_view .act_item.red .info .arrow{background:url(/images/auction/map_item_arrow_red.png) no-repeat}
#map_view .act_item.red .view{border:1px solid #ff3535}
#map_view .act_item.red .view .top p.no{background:#ff4949}
#map_view .act_item.red .view .top p.case{background:#ff4949; border-left:1px solid #ff3535}
#map_view .act_item.red .view .arrow{background:url(/images/auction/map_item_arrow_red_w.png) no-repeat}
#map_view .act_item.sky .info{border:1px solid #48a0fc}
#map_view .act_item.sky .info p.no{background:#5aa9fc}
#map_view .act_item.sky .info p.type{background:#5aa9fc; border-left:1px solid #48a0fc; border-right:1px solid #48a0fc}
#map_view .act_item.sky .info p.price span{color:#48a0fc}
#map_view .act_item.sky .info .arrow{background:url(/images/auction/map_item_arrow_sky.png) no-repeat}
#map_view .act_item.sky .view{border:1px solid #48a0fc}
#map_view .act_item.sky .view .top p.no{background:#5aa9fc}
#map_view .act_item.sky .view .top p.case{background:#5aa9fc; border-left:1px solid #48a0fc}
#map_view .act_item.sky .view .arrow{background:url(/images/auction/map_item_arrow_sky_w.png) no-repeat}





/* pop */
#pop_con .content{padding:30px 20px; background:#fff}
#pop_con .content_g{padding:30px 20px; background:#f8f8fc}
#pop_con .content_g.bd_t1{border-top:1px solid #e3e3ec}
#pop_con #container{position:relative; width:100%; margin:0; padding:30px 20px; background:#fff}
#pop_con h3{font-size:16px; font-weight:700; line-height:36px}
.pop_head{width:100%}
.pop_head .top{width:100%; height:54px; background:#30343d; padding:12px 20px}
.pop_head .top:after{content:''; display:block; clear:both}
.pop_head .top h2{font-size:16px; font-weight:700; color:#fff; line-height:30px}
.pop_head .top span.line{position:relative; display:inline-block; margin:0 6px 0 7px; text-indent:-9999em}
.pop_head .top span.line:after{position:absolute; left:0; top:50%; width:1px; height:18px; margin-top:-9px; background:#454951; content:""}
.pop_head ul.menu{width:100%; height:44px; background:#3c414c}
.pop_head ul.menu:after{content:''; display:block; clear:both}
.pop_head ul.menu li{float:left; line-height:44px; border-left:1px solid #464b55; color:#fff}
.pop_head ul.menu li:first-child{border-left:0}
.pop_head ul.menu li a.link{display:block; font-size:14px; color:#fff; padding:0 20px}
.pop_head ul.menu li a.link.on{background:#1860ef}
.pop_head ul.menu li p.tt{display:inline-block; margin:0 5px 0 20px; font-size:14px}
.pop_head ul.menu li a.link_s{display:inline-block; font-size:14px; color:#fff; padding:0 10px; line-height:23px; background:#30343d; border-radius:10px}
.pop_head ul.menu li a.link_s.on{background:#1860ef}
.tender{width:786px}
.tender .note h2{display:block; font-size:18px; color:#000; font-weight:700; margin:35px 0 10px}
.tender .note ul li{width:100%; position:relative}
.tender .note ul li:after{content:''; display:block; clear:both}
.tender .note ul li span.n{display:block; float:left; width:25px}
.tender .note ul li span.t{display:block; padding-left:25px}
.tender ul.doc{margin-top:20px}
.tender ul.doc h3{display:block; font-size:16px; font-weight:700; color:#48a0fc; margin-bottom:7px}
.tender ul.doc > li{border-top:1px solid #e3e3ec; padding:15px 0}
.tender ul.env{margin-top:20px; border-top:1px solid #e3e3ec; padding-top:20px}
.tender ul.env h3{display:block; font-size:16px; font-weight:700; color:#48a0fc; margin-bottom:7px}
.tender ul.env li{margin-bottom:35px}




/* footer */
#footer{position:relative; width:100%; height:343px; border-top:1px solid #e3e3ec; margin-top:100px; background:url(/images/common/footer_bg.gif) repeat-x}
#footer .inner{position:relative; width:1180px; margin:0 auto}
#footer .top{width:100%}
#footer .top:after{content:''; display:block; clear:both}
#footer .top ul.menu{float:left}
#footer .top ul.menu:after{content:''; display:block; clear:both}
#footer .top ul.menu li{float:left; margin-right:30px}
#footer .top ul.menu li a{display:block; font-size:15px; color:#717171; line-height:60px; font-weight:700}
#footer .top ul.menu li a:hover{color:#222}
#footer .top a.btn_top{float:right; display:block; width:53px; font-size:16px; font-weight:800; line-height:60px; padding-right:23px; background:url(/images/common/ico_top.png) right center no-repeat}
#footer .bottom{position:relative; margin-top:33px}
#footer .bottom p.help{font-size:15px; line-height:29px; font-weight:700}
#footer .bottom p.help strong{display:inline-block; font-size:16px; font-weight:800; margin:0 10px}
#footer .bottom p.help span.t{display:inline-block; margin-right:13px}
#footer .bottom p.help span.c{font-size:13px; color:#717171; font-weight:400}
#footer .bottom p.help span.l{display:inline-block; width:1px; height:29px; background:url(/images/common/footer_div.gif) center no-repeat; margin-right:5px}
#footer .bottom p.help.bank strong{margin:0 5px}
#footer .bottom p.help.bank span.c{margin-left:5px}
#footer .bottom p.info{margin-top:18px; color:#717171}
#footer .bottom p.info span.l{display:inline-block; font-size:13px; color:#e2e2e2; margin:0 4px}
#footer .bottom p.info a{color:#717171}
#footer .bottom p.copy{margin-top:11px; color:#717171}
#footer .bottom .logo{position:absolute; right:0; top:17px; font-size:26px; font-weight:800; color:#7f8ba6}
#footer .bottom ul.etc{position:absolute; right:0; top:81px; border-right:1px solid #eeeef4}
#footer .bottom ul.etc:after{content:''; display:block; clear:both}
#footer .bottom ul.etc li{float:left; border-left:1px solid #eeeef4}
#footer .bottom ul.etc li a{display:block; width:70px; height:89px; font-size:13px; color:#717171; text-align:center; padding-top:61px}
#footer .bottom ul.etc li a:hover{color:#222}
#footer .bottom ul.etc li:nth-child(1) a{background:url(/images/common/ico_price.png) center 12px no-repeat}
#footer .bottom ul.etc li:nth-child(2) a{background:url(/images/common/ico_remote.png) center 12px no-repeat}
#footer .bottom ul.etc li:nth-child(3) a{background:url(/images/common/ico_use.png) center 12px no-repeat}

/* 카카오 로그인 */
#header .top ul.util li.kakaologin a {background:url(/images/main/kakao_login_small.png) center top no-repeat}
.login_box .ipt_box .ipt .kakaologin{margin-top:10px}
.type .kakaologin{margin-top:10px}

/* sitemap */
#sitemap{position:absolute; left:0; top:-380px; width:100%; height:380px; background:#363636; transition:top 0.5s ease; z-index:10000}
#sitemap.on{top:0}
#sitemap .inner{position:relative; width:1180px; margin:68px auto 0}
#sitemap .info .logo{font-size:26px; font-weight:800; color:#3d7eff; padding:7px 0 10px}
#sitemap .info .user{margin-top:15px}
#sitemap .info .user a{display:inline-block; font-size:13px; line-height:26px; color:#fff; padding:0 8px; background:#454754; border-radius:13px}
#sitemap .info .user a.blue{background:#278df7}
#sitemap .info .help{margin-top:41px}
#sitemap .info .help h2{display:block; font-size:15px; color:#c5c7d4; background:url(/images/common/ico_customer2.png) left center no-repeat; padding-left:23px}
#sitemap .info .help p.tel{font-size:21px; font-weight:300; color:#46a1ff; margin:5px 0 12px}
#sitemap .info .help p{font-size:12px; color:#9395a0}
#sitemap ul.menu{position:absolute; left:161px; top:0;}
#sitemap ul.menu:after{content:''; display:block; clear:both}
#sitemap ul.menu li{float:left; width:130px; height:249px; padding-top:8px}
#sitemap ul.menu li:nth-child(1),
#sitemap ul.menu li:nth-child(4){width:160px; border-left:1px solid #3d414a; padding-left:30px}
#sitemap ul.menu li dt{margin-bottom:20px}
#sitemap ul.menu li dt a{font-size:18px; font-weight:700; color:#fff}
#sitemap ul.menu li dd a{display:inline-block; font-size:14px; color:#b5b7c6; line-height:28px}
#sitemap ul.menu li dd a:hover{color:#fff}
#sitemap a.close{position:absolute; right:0; top:2px; display:block; width:35px; height:35px; background:url(/images/common/ico_close2.png) center no-repeat; text-indent:-9999em}


/* sitemap(행크옥션) */
#sitemap_hank{position:absolute; left:-2000px; top:150px; width:100%; height:380px; background:#21d6d1; transition:top 0.5s ease; z-index:10000; color:white;}
#sitemap_hank.on{left:0}
#sitemap_hank .inner{position:relative; width:1180px; margin:68px auto 0}
#sitemap_hank .info .logo{font-size:26px; font-weight:800; color:white; padding:7px 0 10px}
#sitemap_hank .info .user{margin-top:15px}
#sitemap_hank .info .user a{display:inline-block; font-size:13px; line-height:26px; color:#fff; padding:0 8px; background:#454754; border-radius:13px}
#sitemap_hank .info .user a.blue{background:#278df7}
#sitemap_hank .info .help{margin-top:41px}
#sitemap_hank .info .help h2{display:block; font-size:15px; color:white; background:url(/images/common/ico_customer2.png) left center no-repeat; padding-left:23px}
#sitemap_hank .info .help p.tel{font-size:21px; font-weight:300; color:white; margin:5px 0 12px}
#sitemap_hank .info .help p{font-size:12px; color:white}
#sitemap_hank ul.menu{position:absolute; left:161px; top:0;}
#sitemap_hank ul.menu:after{content:''; display:block; clear:both}
#sitemap_hank ul.menu li{float:left; width:130px; height:249px; padding-top:8px}
#sitemap_hank ul.menu li:nth-child(1),
#sitemap_hank ul.menu li:nth-child(4){width:160px; border-left:1px solid white; padding-left:30px}
#sitemap_hank ul.menu li dt{margin-bottom:20px}
#sitemap_hank ul.menu li dt a{font-size:20px; font-weight:700; color:#fff}
#sitemap_hank ul.menu li dd a{display:inline-block; font-size:16px; color:white; line-height:28px}
#sitemap_hank ul.menu li dd a:hover{color:#fff}
#sitemap_hank a.close{position:absolute; right:0; top:2px; display:block; width:35px; height:35px; background:url(/images/common/ico_close2.png) center no-repeat; text-indent:-9999em}



/* datepicker */
.ui-datepicker{width:250px; background:#fafafa; border:1px solid #dcdce7; border-top:0}
.ui-datepicker .ui-datepicker-header{position:relative; width:250px; margin-left:-1px; line-height:44px; background:#48a0fc}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center; font-size:16px; color:#fff; font-weight:800}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{position:absolute; left:0; top:0; width:44px; height:44px; background:url(/images/common/ico_cal_prev.png) center no-repeat; text-indent:-9999em; cursor:pointer}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{position:absolute; right:0; top:0; width:44px; height:44px; background:url(/images/common/ico_cal_next.png) center no-repeat; text-indent:-9999em; cursor:pointer}
.ui-datepicker .ui-datepicker-calendar{width:210px; margin:10px auto}
.ui-datepicker .ui-datepicker-calendar thead th{color:#8891a3}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{text-align:center; font-size:13px; color:#333; line-height:30px}
.ui-datepicker .ui-datepicker-calendar td a{display:block; background:url(/images/common/ico_cal_cir.png) center no-repeat}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a{background:#1860ef; border-radius:100%; color:#fff}

/* popup */
.popup { position; display: none; z-index: 1000; }
.popup_bottom { float: left; height: 25px; font-size: 12px; font-family: "돋움", "굴림"; background: #000; }
.popup_check { float: left; padding-top: 3px; padding-left: 10px; }
* html .popup_check { float: left; padding-top: 2px; padding-left: 10px; }
.popup_check_desc { float: left; padding-top: 6px; color: #ccc; padding-left: 5px; letter-spacing: 0; }
* html .popup_check_desc { float: left; padding-top: 7px; color: #ccc; padding-left: 5px; letter-spacing: 0; }
.popup_close { float: right; padding-top: 6px; color: #ccc; padding-right: 10px; cursor: pointer; letter-spacing: 0; }
* html .popup_close { float: right; padding-top: 7px; color: #ccc; padding-right: 10px; cursor: pointer; letter-spacing: 0; }


@media print{

	#noprint{display:none;}
	.cnt{padding:0; margin:0; width:0}
	.info{font-size:17px; width:995px; padding:0 30px}
	.bottom{font-size:17px; width:995px; padding:0 30px}
	.inner{font-size:17px; width:995px; padding:0 30px}
	.header .menu{display:none; padding:0 30px}
	.header{ padding:0 30px}
	.footer {padding:0 30px}
}
/*공매리스트*/
#gongmaelist{width:100%;border:0px solid #eee;background: #fff;border-bottom:0;border-left:0;margin-bottom:15px}
#gongmaelist.menu:after{content:''; display:block; clear:both}
#gongmaelist li{float:left;border:2px solid #999;border-radius: 13px;margin:2px;}
#gongmaelist li a{border-radius:15px; display:block; width:105px; height:23px; font-size:12px; text-align:center; padding-top:0px; padding-left:14px;}
#gongmaelist li a:hover{color:#fff; background-color:#1860ef !important; border-radius: 13px;}
#gongmaelist li a.on{color:#fff; background-color:#1860ef !important; border-radius: 13px;}

#gongmaelist li a.k1{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#gongmaelist li a.k2{background:url(/images/auction/pop_view_img/pv_m3.jpg) no-repeat}
#gongmaelist li a.k3{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#gongmaelist li a.k4{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#gongmaelist li a.k5{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#gongmaelist li a.k6{background:url(/images/auction/pop_view_img/pv_m13.jpg) no-repeat}
#gongmaelist li a.k7{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}
#gongmaelist li a.k8{background:url(/images/auction/pop_view_img/pv_m15.jpg) no-repeat}
#gongmaelist li a.k9{background:url(/images/auction/pop_view_img/pv_m16.jpg) no-repeat}
#gongmaelist li a.k10{background:url(/images/auction/pop_view_img/pv_m17.jpg) no-repeat}
#gongmaelist li a.k11{background:url(/images/auction/pop_view_img/pv_m18.jpg) no-repeat}
#gongmaelist li a.k12{background:url(/images/auction/pop_view_img/pv_m19.jpg) no-repeat}
#gongmaelist li a.k13{background:url(/images/auction/pop_view_img/pv_m1.jpg) no-repeat}

#gongmaelist li a.k1:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#gongmaelist li a.k2:hover{background:url(/images/auction/pop_view_img/pv_m8_on.jpg) no-repeat}
#gongmaelist li a.k3:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#gongmaelist li a.k4:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#gongmaelist li a.k5:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#gongmaelist li a.k6:hover{background:url(/images/auction/pop_view_img/pv_m13_on.jpg) no-repeat}
#gongmaelist li a.k7:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}
#gongmaelist li a.k8:hover{background:url(/images/auction/pop_view_img/pv_m15_on.jpg) no-repeat}
#gongmaelist li a.k9:hover{background:url(/images/auction/pop_view_img/pv_m16_on.jpg) no-repeat}
#gongmaelist li a.k10:hover{background:url(/images/auction/pop_view_img/pv_m17_on.jpg) no-repeat}
#gongmaelist li a.k11:hover{background:url(/images/auction/pop_view_img/pv_m18_on.jpg) no-repeat}
#gongmaelist li a.k12:hover{background:url(/images/auction/pop_view_img/pv_m19_on.jpg) no-repeat}
#gongmaelist li a.k13:hover{background:url(/images/auction/pop_view_img/pv_m1_on.jpg) no-repeat}

#gongmaehead{margin-bottom:15px;}
#gongmaehead p.case{display:inline-block;font-size:16px;font-weight:bold;color:#fff; padding-left:15px;padding-top:3px;}
#gongmaehead p.addr{display:inline-block; font-size:14px; opacity:0.7;padding-left:15px;}

/*map 오른쪽 나의관심물건 css*/

.map_view > #map_view >#sideNav > #act_option > #MyList > a > span{font-size:15px; margin-bottom: 3px; }
.map_view > #map_view >#sideNav > #act_option > #MyList > ul > li{padding:3px; margin-bottom:10px}
.map_view > #map_view >#sideNav > #act_option > #MyList > ul > li >.MyListTop{width:100%; height:100px; margin-bottom:5px; }
.map_view > #map_view >#sideNav > #act_option > #MyList > ul > li >.MyListTopAddr{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.round_Box_Mylist {border-radius: 8px;padding: 10px;margin-bottom: 13px;background: #fff;box-shadow: 1px 1px 2px 2px rgba(50, 50, 50, .05);}

.ui_cp_slip_check.allwon-blue.sitecode91 {
    margin: 0 auto;
    width: 60px;
    height: 30px;
    background: #e6e6e6;
    border-radius: 30px;
    border: none;
}
.ui_cp_slip_check.sitecode91 {
    position: relative;
    width: 75px;
    height: 20px;
    background: #f8f8f8;
    border: 1px solid #dddddd;
    border-radius: 12px;
    line-height: 1;
}
.ui_cp_slip_check.sitecode91 .tw {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}
.ui_cp_slip_check.allwon-blue.sitecode91 a.on, .ui_cp_slip_check.allwon-blue label.on {
    color: #fff;
}
.ui_cp_slip_check.sitecode91 a.on:nth-child(1), .ui_cp_slip_check label.on:nth-child(1) {
    padding-right: 50%;
}
.ui_cp_slip_check.allwon-blue.sitecode91 a, .ui_cp_slip_check.allwon-blue label {
    color: #666666;
    font-size: 13px;
}
.ui_cp_slip_check.sitecode91 a:nth-child(1), .ui_cp_slip_check label:nth-child(1) {
    padding-right: 50%;
}
.ui_cp_slip_check.sitecode91 a.on, .ui_cp_slip_check label.on {
    z-index: 1;
    color: #fff;
    width: 100%;
}
.ui_cp_slip_check.allwon-blue.sitecode91 a, .ui_cp_slip_check.allwon-blue label {
    color: #666666;
    font-size: 13px;
}
.ui_cp_slip_check.sitecode91 a:nth-child(2), .ui_cp_slip_check label:nth-child(2) {
    padding-left: 50%;
}
.ui_cp_slip_check.sitecode91 a, .ui_cp_slip_check label {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222222;
    font-size: 12px;
    font-weight: bold;
}

.ui_cp_slip_check.sitecode91 a.on:nth-child(1) ~ .one, .ui_cp_slip_check label.on:nth-child(1) ~ .one {
    left: 0px;
}
.ui_cp_slip_check.allwon-blue.sitecode91 .one {
    width: 50%;
    height: 100%;
    margin-top: 0;
    top: 0;
    background: #1884d6;
    border-radius: 100%;
}
.ui_cp_slip_check.sitecode91 .one {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 40px;
    height: 25px;
    background: #4f5f72;
    border-radius: 12px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.ui_cp_slip_check.allwon-blue a.on:nth-child(2) ~ .one, .ui_cp_slip_check.allwon-blue label.on:nth-child(2) ~ .one {
  left: 50%;
}

.like {display: inline-block;height:20px;background: url(../images/common/ico_like_off.png)  no-repeat;    background-size: contain;; padding-left:26px;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:15px;/*line-height:1;*/color:#000;letter-spacing:-0.01em;-webkit-transition: -webkit-transform .65s ease; transition: -webkit-transform .65s ease; transition: transform .65s ease; transition: transform .65s ease, -webkit-transform .65s ease;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.like.on {background: url(../images/common/ico_like_on.png)  no-repeat;    background-size: contain;-webkit-transition: -webkit-transform .65s ease; transition: -webkit-transform .65s ease; transition: transform .65s ease; transition: transform .65s ease, -webkit-transform .65s ease;}

/*board thumblist*/
.list_type8 {display: inline-block;width: 100%;margin: 0 auto;text-align: center;padding: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: 0;}
.list_type8 li {display: inline-block;width: 246px;  margin-left: 15px;margin-bottom: 20px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.card_wrap {position: relative;width: 100%;margin: 0px;border-radius: 16px;-webkit-box-shadow: 0 2px 24px -2px rgb(0 0 0 / 15%);box-shadow: 0 2px 24px -2px rgb(0 0 0 / 15%);}
.list_type8 li:hover {
    margin-top: -10px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.card_wrap .tagArea {position: absolute;right: 14px;bottom: 110px;z-index: 3;text-align: right;}
.card_wrap .tagBox {display: inline-block;width: 100%;margin-top: 5px;text-align: right;}
.card_wrap .tag_A {display: inline-block;padding: 3px 15px 5px;text-align: center;background: #323232;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;font-size: 12px;line-height: 1;color: #fff;letter-spacing: -0.02em;border-radius: 30px;}
.card_wrap .cardimg {position: relative;width: 100%; overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; border-radius: 16px;}
.card_wrap .cardTxt {display: inline-block;width: 100%;padding: 10px 20px 20px;background: #fff;border-radius: 0px 0px 16px 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_type8 .category {text-align: left;}
.card_wrap .category {font-family: 'NotoSansKR';font-style: normal;font-weight: 200;font-size: 14px;line-height: 1;color: #323232;letter-spacing: -0.02em;margin-bottom: 10px;}
.list_type8 .s_tit {text-align: left;}
.card_wrap .s_tit {max-width: 288px;}
.card_wrap .s_tit {font-family: 'NotoSansKR';font-style: normal;font-weight: 500;font-size: 18px;color: #323232;letter-spacing: -0.02em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;word-wrap: break-word;line-height: 1.2em;height: 2.4em;margin-bottom: 10px;}

/*리스트 평단가 css*/

.ico-ask01 {cursor: help;width: 20px;height: 20px;background: url("/images/ico_eq01.png") no-repeat 0 0;display: inline-block;}
.cd1tip {position: relative;display: inline-block;margin-left:10px;top:10px;}
.cd1tip .tip {visibility: hidden;width: 200px;background: rgba(46, 54, 62, 0.8);color: #fff;font-weight: bold;text-align: left;padding: 10px;border-radius: 7px;
      /* 풍선 위치 잡기*/
      position: absolute;
      z-index: 1;
      top: calc(100% - 2px);
      left: -120%;
      /* 투명도 */
      opacity: 0;
      line-height: 20px;
  }
/* 풀선 화살표 */
.cd1tip .tip::after {content: "";position: absolute;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #333;border-left: 6px solid transparent;top: -12px;left:28px;}
.cd1tip:hover .tip {visibility: visible;opacity: 1;transition: opacity 0.7s;}
.flt_midr1{float:right;text-align:right;position:relative;display: flex;margin-right:40px;}