@charset "utf-8";

/* heading */
h2{font-size:15px; font-weight:700; color:#000}
h3{font-size:15px; font-weight:700; color:#000}

/* table */
table.tbl{width:100%;  background:#fff; table-layout:fixed;  margin-bottom:50px;}
table.tbl th,
table.tbl td{position:relative; border-bottom:1px solid #e3e3ec; border-left:1px solid #e3e3ec; padding:7px 5px; line-height:20px; text-align:left; vertical-align:middle; word-wrap:break-word}
table.tbl th{color:black; padding-right:0}
table.tbl th:last-child,
table.tbl td:last-child{border-right:1px solid #e3e3ec;margin-bottom: 5px;}
table.tbl td:after{content:''; display:block; clear:both}
table.tbl td strong.ctg_tit{display:block; font-size:12px; margin-bottom:3px}
table.tbl.blue th{background:#edf3ff; color:#6478a3}
table.tbl.blue td{background:#f7faff}
table.tbl.blue td.bg_w{background:#fff}
table.tbl.bd_t0{border-top:0}
/*table.tbl.bd_t1{border-top:1px solid #3d4046}*/
table.tbl.bd_t2{border-top:2px solid #3d4046}
table.tbl.t_c th,
table.tbl.t_c td{text-align:center; padding:7px 0}
table.tbl td.t_r{text-align:right; padding-right:5px}
table.tbl td.t_l{text-align:left; padding-left:5px}
table.tbl td.bd_r0{border-right:0}
table.tbl td.bd_b1{border-bottom:1px solid #3d4046}
table.tbl .bg_red{background:#fff9f9}
table.tbl .bg_gray{background:#f8f8fc}
table.tbl .bg_blue{background:#edf3ff}
table.tbl .bg_bora{background:#EFF8FB}
table.tbl .bg_sky{background:#EFF2FB}
table.tbl.td_l td{text-align:left; padding-left:5px}

/* 모바일 예정물건 관련 테이블 */
table.waittbl{width:100%;  background:#fff; table-layout:fixed;  margin-bottom:20px;border-top: 1px solid #e3e3ec;}
table.waittbl th,
table.waittbl td{position:relative; border-bottom:1px solid #e3e3ec; border-left:1px solid #e3e3ec; padding:7px 5px; line-height:20px; text-align:left; vertical-align:middle; word-wrap:break-word; font-size:14px}
table.waittbl th{color:black; padding-right:0}
table.waittbl th:last-child,
table.waittbl td:last-child{border-right:1px solid #e3e3ec;margin-bottom: 5px;}
table.waittbl td:after{content:''; display:block; clear:both}
table.waittbl td strong.ctg_tit{display:block; font-size:12px; margin-bottom:3px}
table.waittbl.blue th{background:#edf3ff; color:#6478a3}
table.waittbl.blue td{background:#f7faff}
table.waittbl.blue td.bg_w{background:#fff}
table.waittbl.bd_t0{border-top:0}
/*table.waittbl.bd_t1{border-top:1px solid #3d4046}*/
table.waittbl.bd_t2{border-top:2px solid #3d4046}
table.waittbl.t_c th,
table.waittbl.t_c td{text-align:center; padding:7px 0}
table.waittbl td.t_r{text-align:right; padding-right:5px}
table.waittbl td.t_l{text-align:left; padding-left:5px}
table.waittbl td.bd_r0{border-right:0}
table.waittbl td.bd_b1{border-bottom:1px solid #3d4046}
table.waittbl .bg_red{background:#fff9f9}
table.waittbl .bg_gray{background:#f8f8fc}
table.waittbl .bg_blue{background:#edf3ff}
table.waittbl .bg_bora{background:#EFF8FB}
table.waittbl .bg_sky{background:#EFF2FB}
table.waittbl.td_l td{text-align:left; padding-left:5px}

/* 회원이 저장한 검색조건 관련 부분*/
#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 .info{position:relative; float:left; width:100%}
#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}


/*테이블 구분 선*/
.tablekubun{margin:10px 0; height: 8px; background-color: rgb(238, 238, 238);}

/*검색부분 테이블 */
table.searchtable{width:100%;table-layout:fixed; font-size: 14px; border-collapse:collapse;}
table.searchtable th,
table.searchtable td{position:relative;  padding:7px 5px; line-height:20px; text-align:left; vertical-align:middle; word-wrap:break-word}
table.searchtable th{color:black; padding-right:0; font-weight: bolder;}
table.searchtable th:last-child,
table.searchtable td:last-child{margin-bottom: 5px;}
table.searchtable td:after{content:''; display:block; clear:both}
table.searchtable td strong.ctg_tit{display:block; font-size:12px; margin-bottom:3px}
table.searchtable.blue th{background:#edf3ff; color:#6478a3;}
table.searchtable.blue td{background:#f7faff;}
table.searchtable.blue td.bg_w{background:#fff}
table.searchtable.bd_t0{border-top:0}
/*table.tbl.bd_t1{border-top:1px solid #3d4046}*/
table.searchtable.bd_t2{border-top:2px solid #3d4046}
table.searchtable.t_c th,
table.searchtable.t_c td{text-align:center; padding:7px 0}
table.searchtable td.t_r{text-align:right; padding-right:5px}
table.searchtable td.t_l{text-align:left; padding-left:5px}
table.searchtable td.bd_r0{border-right:0}
table.searchtable td.bd_b1{border-bottom:1px solid #3d4046}
table.searchtable .bg_red{background:#FFF9CA}
table.searchtable .bg_gray{background:#f8f8fc}
table.searchtable .bg_blue{background:#edf3ff}
table.searchtable .td_l td{text-align:left; padding-left:5px}

/* 검색 입력란 스타일 */
table.searchtable td .searchTxtStyle_0 {border: 0;  border-style: solid; border-color: #999; font-size: 14px;}
table.searchtable td select {background-color: #fff; border: 0; height: 25px}


/*메인 간편 */
table.simsearchtable{width:100%;table-layout:fixed; font-size: 14px; border-collapse:collapse;}
table.simsearchtable th,
table.simsearchtable td{position:relative;  padding:7px 5px; line-height:20px; text-align:left; vertical-align:middle; word-wrap:break-word}
table.simsearchtable th{color:black; padding-right:0; font-weight: bold; border:1px solid #eee; background:#e9edee;}
table.simsearchtable th:last-child,
table.simsearchtable td:last-child{margin-bottom: 5px;}
table.simsearchtable td:after{content:''; display:block; clear:both}
table.simsearchtable td strong.ctg_tit{display:block; font-size:12px; margin-bottom:3px}
table.simsearchtable.blue th{background:#edf3ff; color:#6478a3;}
table.simsearchtable.blue td{background:#f7faff;}
table.simsearchtable.blue td.bg_w{background:#fff}
table.simsearchtable.bd_t0{border-top:0}
/*table.tbl.bd_t1{border-top:1px solid #3d4046}*/
table.simsearchtable.bd_t2{border-top:2px solid #3d4046}
table.simsearchtable.t_c th,
table.simsearchtable.t_c td{text-align:center; padding:7px 0}
table.simsearchtable td.t_r{text-align:right; padding-right:5px}
table.simsearchtable td.t_l{text-align:left; padding-left:5px}
table.simsearchtable td.bd_r0{border-right:0}
table.simsearchtable td.bd_b1{border-bottom:1px solid #3d4046}
table.simsearchtable .bg_red{background:#FFF9CA}
table.simsearchtable .bg_gray{background:#f8f8fc}
table.simsearchtable .bg_blue{background:#edf3ff}
table.simsearchtable .td_l td{text-align:left; padding-left:5px}

/* 메인 간편 검색 입력란 스타일 */
table.simsearchtable td .searchTxtStyle_0 {border: 0; border: 1px; border-style: solid; border-color: #999; font-size: 14px; border-radius: 5px;}
table.simsearchtable td select {background-color: #fff;  border: 1px solid #999;height: 25px; border-radius: 5px;}



/*검색부분 접은 테이블 */
table.searchtable2{width:100%;table-layout:fixed; margin-bottom:30px; font-size: 14px; border-collapse:collapse;}
table.searchtable2 th,
table.searchtable2 td{position:relative;  padding:7px 5px; line-height:20px; text-align:left; vertical-align:middle; word-wrap:break-word}
table.searchtable2 th{color:black; padding-right:0; font-weight: bolder;}
table.searchtable2 th:last-child,
table.searchtable2 td:last-child{margin-bottom: 5px;}
table.searchtable2 td:after{content:''; display:block; clear:both}
table.searchtable2 td strong.ctg_tit{display:block; font-size:12px; margin-bottom:3px}
table.searchtable2.blue th{background:#edf3ff; color:#6478a3}
table.searchtable2.blue td{background:#f7faff}
table.searchtable2.blue td.bg_w{background:#fff}
table.searchtable2.bd_t0{border-top:0}
/*table.tbl.bd_t1{border-top:1px solid #3d4046}*/
table.searchtable2.bd_t2{border-top:2px solid #3d4046}
table.searchtable2.t_c th,
table.searchtable2.t_c td{text-align:center; padding:7px 0}
table.searchtable2 td.t_r{text-align:right; padding-right:5px}
table.searchtable2 td.t_l{text-align:left; padding-left:5px}
table.searchtable2 td.bd_r0{border-right:0}
table.searchtable2 td.bd_b1{border-bottom:1px solid #3d4046}
table.searchtable2 .bg_red{background:#FFF9CA}
table.searchtable2 .bg_gray{background:#f8f8fc}
table.searchtable2 .bg_blue{background:#edf3ff}
table.searchtable2 .td_l td{text-align:left; padding-left:5px}

/* 접은 테이블 검색 입력란 스타일 */
table.searchtable2 td .searchTxtStyle_0 {border: 0; border-bottom: 1px; border-style: solid; border-color: #999; font-size: 14px;}
table.searchtable2 td select {background-color: #fff; border: 0;  height:25px}



/*용도 토지 건물 부분 테이블 */
table.tbl.odd tr:nth-child(odd){background:#f8f8fc}

table.tbl.cal th{text-align:center}
table.tbl.cal td{line-height:18px; vertical-align:top}
table.tbl.cal th.sun{color:#ff5050}
table.tbl.cal th.sat{color:#48a0fc}
table.tbl.cal td.sun p.day{color:#ff5050}
table.tbl.cal td.sat p.day{color:#48a0fc}
table.tbl.cal td .info{width:100%; margin-top:5px}
table.tbl.cal td .info:after{content:''; display:block; clear:both}
table.tbl.cal td .cnt{float:left; width:13px; height:13px; line-height:13px; background:#ff3535; font-size:11px; text-align:center; color:#fff; border-radius:100%}
table.tbl.cal td a.add{float:right; width:13px; height:13px; line-height:13px; background:#bebecc; color:#fff; font-size:13px; font-weight:700; text-align:center; border-radius:100%}
table.tbl.cal p.day{display:inline-block; width:14px; font-weight:700; color:#000; border-bottom:2px solid #e3e3ec; text-align:center}
table.tbl.cal ul.act_item{margin-top:4px}
table.tbl.cal ul.act_item li a{display:block; width:100%; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
table.tbl.cal td.today{background:#f7fbff}
table.tbl.cal td.today p.day{color:#1860ef; border-bottom:2px solid #1860ef}
table.tbl.cal td.today p.ico_today{display:inline-block; background:#1860ef; border-radius:3px; color:#fff; padding:0 5px; margin-top:4px; line-height:16px; margin-left:2px}
table.tbl.cal td.today p.ico_today2{display:inline-block; background:#1860ef; color:#fff; padding:0 1px; margin-top:2px; line-height:13px}
table.tbl td.my_cal_opt ul{width:100%}
table.tbl td.my_cal_opt ul li{float:left}
table.tbl td.my_cal_opt a{position:absolute; right:5px; bottom:7px}
table.tbl.vta_t td{vertical-align:top !important}
table.tbl.ln th,
table.tbl.ln td{border-left:0}
table.tbl.ln th:last-child,
table.tbl.ln td:last-child{border-right:0}
table.tbl.ln th{border-right:1px solid #e3e3ec}
table.tbl_faq{width:100%}
table.tbl_faq th,
table.tbl_faq td{line-height:20px; vertical-align:top; border-top:1px solid #fff; border-bottom:1px solid #e3e3ec; padding:7px 5px}
table.tbl_faq th{position:relative; text-align:center; border-right:1px solid #e3e3ec}
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; font-weight:700}
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 tr.eps td{background:#fff9f9; font-weight:bold; color:#222}
table.tbl tr.eps td.low{font-weight:bold}
table.tbl tr.eps td.low p{color:black}

table.tbl tr.epsss td{font-weight:normal; color:gray}
table.tbl tr.epsss td.low{font-weight:normal;}
table.tbl tr.epsss td.low p{color:gray}

/* 공시자료 */
#wrap .pop_con .content .inbody .gongsi > .gongsi_wrap{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;}
#wrap .pop_con .content .inbody .gongsi > .gongsi_wrap div
{
display:flex; 
flex-direction: column; 
align-items: center; 
justify-content: center;  
width: 22.5%; 
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; 
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%)
}
#wrap .pop_con .content .inbody .gongsi > .gongsi_wrap div img{margin-bottom: 3px;}
/* 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 td{position:relative; border-bottom:1px solid #ebebf2; padding:15px 0; cursor:pointer; text-align:center}
table.tbl_act_list tr:hover td{background:#f8f8fc}
table.tbl_act_list.ho_n tr:hover td{background:none}
table.tbl_act_list td .photo{position:relative; width:104px; height:78px; z-index:100}
table.tbl_act_list td .photo .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07; text-indent:-9999em; z-index:10}
table.tbl_act_list td .photo .inner{position:relative; width:104px; overflow:hidden; transition:width 0.5s ease}
table.tbl_act_list td .photo .inner:after{content:''; display:block; clear:both}
table.tbl_act_list td .photo .inner .img{width:312px}
table.tbl_act_list td .photo .inner .img:after{content:''; display:block; clear:both}
table.tbl_act_list td .photo .inner .img img{float:left}
table.tbl_act_list td .photo.ov{width:104px}
table.tbl_act_list td .photo.ov .inner{position:absolute; left:0; top:0; width:104px}
table.tbl_act_list td .photo.ov:hover .inner{width:312px}
table.tbl_act_list td .photo.c3{width:312px}
table.tbl_act_list td .photo.c3 .inner{width:312px}
table.tbl_act_list td .photo.w76{width:76px; height:57px}
table.tbl_act_list td .photo.w76 .inner{width:76px}
table.tbl_act_list td .photo.w76.ov .inner{position:absolute; left:0; top:0}
table.tbl_act_list td .photo.w76.ov.on .inner{width:228px}
table.tbl_act_list th.sbj,
table.tbl_act_list td.sbj{padding-left:20px}
table.tbl_act_list td.sbj{text-align:left}
table.tbl_act_list td.sbj p{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
table.tbl_act_list td span.line{display:inline-block; color:#bfbfbf; margin:0 3px}
table.tbl_act_list td p.ico_emo{width:118px}
table.tbl_act_list td p.ico_low{width:118px}
table.tbl_act_list td p.ico_maegak{width:118px}
table.tbl_act_list td p.ico_sale{width:118px}
table.tbl_act_list tr.memo td{border-bottom:0; padding-bottom:5px}
table.tbl_act_list tr.memo + tr td{padding-top:0}
table.tbl_act_list td.memo_in{text-align:left}
table.tbl_act_list td.memo_in input[type=text]{float:left; background:#fafafa; width:1035px}
table.tbl_act_list td.memo_in input[type=submit]{float:left; width:94px}
table.tbl{width:100%;}
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{word-break: keep-all; 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:auto}
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:20px}
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 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}


/* theone 스케쥴 테이블  */
table.thetbl_s{width:100%; border-top:1px solid #3d4046}
table.thetbl_s.bd_t1{border-top:1px solid #e3e3ec}
table.thetbl_s.fixed_none{table-layout:auto}
table.thetbl_s th,
table.thetbl_s td{border-bottom:1px solid #e3e3ec; border-left:1px solid #e3e3ec; line-height:20px; font-size:11px;text-align:left}
table.thetbl_s th{background:#f8f8fc; color:#717171; padding-right:0}
table.thetbl_s th:last-child,
table.thetbl_s td:last-child{border-right:1px solid #e3e3ec}
table.thetbl_s tr.eps td{background:#fff9f9; font-weight:700; color:#222}
table.thetbl_s tr.eps td.low{font-weight:700}
table.thetbl_s tr.eps td.low p{color:#1860ef}
table.thetbl_s tr.bg_red td{background:#fff9f9}
table.thetbl_s tr.bg_blue th,
table.thetbl_s tr.bg_blue td{background:#edf3ff}
table.thetbl_s tr.bg_gray th,
table.thetbl_s tr.bg_gray td{background:#f8f8fc}
table.thetbl_s td.bg_red{background:#fff9f9}
table.thetbl_s td.bg_gray{background:#f8f8fc}
table.thetbl_s .bg_darkgray{background:#eee}
table.thetbl_s td.low .per{float:left; width:46px}
table.thetbl_s td.low .price{float:right}
table.thetbl_s td input[type=text]{height:22px; line-height:20px; padding:0 5px}
table.thetbl_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.thetbl_s.blue th{background:#edf3ff; color:#6478a3}
table.thetbl_s.blue td{background:#f7faff}
table.thetbl_s.blue td.bg_w{background:#fff}
table.thetbl_s.blueline th,
table.thetbl_s.blueline td{border-bottom:1px solid #c2dffe; border-left:1px solid #c2dffe}
table.thetbl_s.blueline th:last-child,
table.thetbl_s.blueline td:last-child{border-right:1px solid #c2dffe}
table.thetbl_s.t_c th,
table.thetbl_s.t_c td{text-align:center; padding:7px 9px}
table.thetbl_s.t_c th{padding:7px 0}
table.thetbl_s.l_none{border-left:1px solid #e3e3ec}
table.thetbl_s.l_none th,
table.thetbl_s.l_none td{border-left:0; padding:7px 0}
table.thetbl_s.cal{width:100%; margin-top:20px}
table.thetbl_s.cal th{text-align:center}
table.thetbl_s.cal td{position:relative; vertical-align:top}
table.thetbl_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.thetbl_s.cal ul.act_item{width:100%; margin-top:8px}
table.thetbl_s.cal ul.act_item:after{content:''; display:block; clear:both}
table.thetbl_s.cal ul.act_item li{float:left; width:50%}
table.thetbl_s.cal td.today{background:#f7fbff}
table.thetbl_s.cal td.today p.day{color:#1860ef; border-bottom:2px solid #1860ef}
table.thetbl_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.thetbl_s.cal th.sun{color:#ff5050}
table.thetbl_s.cal th.sat{color:#48a0fc}
table.thetbl_s.cal td.sun p.day{color:#ff5050}
table.thetbl_s.cal td.sat p.day{color:#48a0fc}
table.thetbl_s.cal a.add{position:absolute; right:9px; top:7px; color:#bebecc}
table.thetbl_s.cal td ul.list{margin-top:8px}
table.thetbl_s.cal td ul.list li{position:relative; padding-left:20px; background:url(/images/common/ico_write.png) left center no-repeat}
table.thetbl_s.cal td ul.list li a.item{color:#1860ef}
table.thetbl_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.thetbl_s.cal td ul.list li .view.on{display:block}
table.thetbl_s.cal td ul.list li .view p{font-size:13px; line-height:20px}
table.thetbl_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.thetbl_s.cal td ul.list li .view p.con{padding:5px 0}
table.thetbl_s.cal td ul.list li .view .btn{text-align:center}
table.thetbl_s.cal td ul.info{margin-top:6px}
table.thetbl_s.cal td ul.info li{margin-top:2px; line-height:16px}
table.thetbl_s.cal td ul.info li:first-child{margin-top:0}
table.thetbl_s.cal td ul.info li p{display:inline-block; line-height:16px}
table.thetbl_s.cal td ul.info li p.tt{width:44px; border:1px solid #ebebf3; text-align:center; background:#f1f4fa; color:#8890a6}
table.thetbl_s.cal td ul.pt{border-top:1px solid #ebebf3; margin-top:10px; padding-top:6px}
table.thetbl_s.cal td ul.pt li{color:#717171}


/* item_list */
ul.item_list{width:100%}
ul.item_list > li{border-top:1px solid #f3f3f7; padding:6px 0 8px}
ul.item_list > li:first-child{border-top:0; padding-top:0}
ul.item_list > li:last-child{padding-bottom:0}
ul.item_list > li ul.item{width:100%}
ul.item_list > li ul.item:after{content:''; display:block; clear:both}
ul.item_list > li ul.item li{float:left; width:33.333%; line-height:20px}
ul.item_list > li ul.item.line_b{border-bottom:1px solid #f3f3f7; padding-bottom:6px}

/* list_h */
ul.list_h{width:100%}
ul.list_h:after{content:''; display:block; clear:both}
ul.list_h li{position:relative; padding-left:7px}
ul.list_h li:after{position:absolute; left:0; top:9px; width:4px; height:1px; background:#222; content:''}
ul.list_h.c2 li{float:left; width:50%}
p.list_h{position:relative; padding-left:7px}
p.list_h:after{position:absolute; left:0; top:9px; width:4px; height:1px; background:#222; content:''}

/* ico */
.ico_cir_black{padding-left:18px; background:url(/images/common/ico_cir_black.png?ver=2) left center no-repeat; background-size:13px}
.ico_cir_sky{padding-left:18px; background:url(/images/common/ico_cir_sky.png?ver=2) left center no-repeat; background-size:13px}
.ico_cir_gray{padding-left:18px; background:url(/images/common/ico_cir_gray.png?ver=2) left center no-repeat; background-size:13px}
.ico_result{padding-left:18px; background:url(/images/common/ico_result.png?ver=2) left center no-repeat; background-size:13px}

/* button */
.btns{text-align:center; margin-top:10px}
.btn_l_blue_r{display:inline-block; font-size:12px; line-height:31px; color:#fff; text-align:center; background:#1860ef; padding:0 20px; border-radius:5px !important}
.btn_l_blue_r1{display:inline-block; font-size:13px; line-height:31px; color:#fff; text-align:center; background:#1860ef; padding:0 20px; border-radius:5px; height:90px}
.btn_l_gray_r{display:inline-block; font-size:12px; line-height:31px; color:#fff; text-align:center; background:#c5cbd9; padding:0 20px; border-radius:5px}
.btn_m_blue{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#1f77f4; padding:0 5px}
.btn_m_sky{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#48a0fc; padding:0 5px}
.btn_m_gray{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#b1b8cb; padding:0 5px}
.btn_m_black_r{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#30343d; padding:0 7px; border-radius:10px}
.btn_m_gray_r{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#c5cbd9; padding:0 7px; border-radius:10px}
.btn_m_dark_r{display:inline-block; font-size:11px; line-height:20px; color:#fff; text-align:center; background:#30343d; padding:0 7px; border-radius:10px}
.btn_s_sky{display:inline-block; font-size:15px; line-height:25px; color:#fff; text-align:center; background:#48a0fc; padding:0 5px}
.btn_s_gray{display:inline-block; font-size:11px; line-height:15px; color:#222; text-align:center; background:#c5cbd9; padding:0 2px}
.btn_sky_prev{display:inline-block; width:20px; height:20px; text-indent:-9999em; background:url(/images/common/btn_prev.png) center no-repeat; background-size:100% auto; vertical-align:middle}
.btn_sky_next{display:inline-block; width:20px; height:20px; text-indent:-9999em; background:url(/images/common/btn_next.png) center no-repeat; background-size:100% auto; vertical-align:middle}
.btn_round_2px{border-radius: 2px;}
.btn_round_4px{border-radius: 4px;}
.btn_round_6px{border-radius: 6px;}
.btn_round_8px{border-radius: 8px;}
.btn_round_10px{border-radius: 10px;}
.btn_round_10p{border-radius: 10%;}
.btn_round_20p{border-radius: 20%;}
.btn_round_30p{border-radius: 30%;}
.btn_round_40p{border-radius: 40%;}
.btn_round_50p{border-radius: 50%;}

/*search부분 검색버튼.*/
.btn_search_blue{display:inline-block; font-size:13px; line-height:31px; color:#fff; text-align:center; background:#1860ef; padding:0 13px; border-radius:5px}
.btn_search_sky{display:inline-block; font-size:13px; line-height:31px; color:#fff; text-align:center; background:#48a0fc; padding:0 13px; border-radius:5px}
.btn_search_gray{display:inline-block; font-size:13px; line-height:31px; color:#fff; text-align:center; background:#c5cbd9; padding:0 13px; border-radius:5px}
.btn_search_green{display:inline-block; font-size:13px; line-height:31px; color:#fff; text-align:center; background:#8CC032; padding:0 13px; border-radius:5px}


/* box */
.box{position:relative; width:100%; border:1px solid #e3e3ec; padding:10px}
.box:after{content:''; display:block; clear:both}
.box.bd_t1{border-top:1px solid #30343d}
/* .box.bd_b1{border-bottom:1px solid #30343d} */
.box.blue{border:1px solid #c2dffe; background:#eaf5ff}
.box.blue .tit{color:#1860ef !important}
.box .tit{font-size:14px !important; margin-bottom:7px !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}
.box.mn{padding:5px}
.box.mn a{margin:2.5px 0}
.box.bg_gray{background:#f8f8fc}
.box.initial{padding-bottom:5px}
.box.initial a{display:inline-block; width:20px; height:20px; font-size:11px; color:#fff; text-align:center; line-height:20px; background:#c5cbd9; border-radius:100%; margin-bottom:3px}
.box.initial a.on{background:#30343d}

/* sub_mn */
.sub_mn{width:100%; background:#9dc8f5; text-align:center; margin-bottom:30px}
.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:11px; font-weight:700; line-height:30px; color:#fff; padding:0 6px}
.sub_mn ul li a.on{background:#48a0fc}

/* paginate */
.paginate{width:100%; text-align:center; margin-top:20px; padding-bottom:60px}
.paginate .inner{display:inline-block; border-left:1px solid #e1e2e8}
.paginate .inner:after{content:''; display:block; clear:both}
.paginate a{float:left; min-width:23px; line-height:22px; border:1px solid #e1e2e8; border-left:0; color:#747683; background:#f8f8fc; padding:0 3px}
.paginate a.curr{background:#30343d; color:#fff; border:1px solid #30343d; border-left:0}
.paginate a.prev{width:33px; text-indent:-9999em; background:url(/images/common/ico_paginate_prev.png) center no-repeat #f8f8fc}
.paginate a.next{width:33px; text-indent:-9999em; background:url(/images/common/ico_paginate_next.png) center no-repeat #f8f8fc}

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

/* ele */
.w40{width:40px !important}
.w45{width:45px !important}
.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w80{width:80px !important}
.w90{width:90px !important}
.w98{width:98px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w210{width:210px !important}
.w215{width:215px !important}
.w216{width:216px !important}
.w235{width:235px !important}
.w100p{width:100% !important}
.h10{height:10px !important}
.h20{height:20px !important}
.h30{height:30px !important}
.h40{height:40px !important}
.h50{height:50px !important}
.h60{height:60px !important}
.h70{height:70px !important}
.h80{height:80px !important}
.h90{height:90px !important}
.h100{height:100px !important}
.h100p{height:100% !important}
.f_red{color:#ff3535 !important}
.f_blue{color:#1860ef !important}
.f_sky{color:#48a0fc !important}
.f_gray{color:#717171 !important}
.f_gray_l{color:#b0b8c6 !important}
.mg_0{margin:0 !important}
.mg_l10{margin-left:5px !important}
.mg_t5{margin-top:5px !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_t27{margin-top:27px !important}
.mg_t30{margin-top:30px !important}
.mg_b7{margin-bottom:7px !important}
.mg_b15{margin-bottom:15px !important}
.pd_0{padding:0 !important}
.pd_l10{padding-left:10px !important}
.ipt_box{display:inline-block; border:1px solid #dcdce7; background:#fff; padding-right:5px; line-height:18px}
.ipt_box input{border:0; height:20px; line-height:18px}
.txt_box{display:inline-block; color:#48a0fc; line-height:20px; background:#fbfbfc; border:1px solid #ebebf2; padding:0 5px; text-align:center}
.txt_box_fd{display:inline-block; color:#48a0fc; font-weight:700; line-height:20px; border:1px solid #ebebf2; padding:0 5px 0 23px; background:url(/images/common/ico_folder.png) 6px center no-repeat #fbfbfc; background-size:auto 10px}
a.usage_ctr{display:inline-block; width:20px; height:20px; background:url(/images/common/btn_add.gif?ver) center no-repeat; background-size:20px auto; text-indent:-9999em}
a.usage_ctr.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat; background-size:20px auto}
a.usage_ctr_spc{display:inline-block; width:20px; height:20px; background:url(/images/common/btn_add.gif?ver) center no-repeat; background-size:20px auto; text-indent:-9999em}
a.usage_ctr_spc.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat; background-size:20px auto}
a.usage_ctr_sangse{display:inline-block; width:20px; height:20px; background:url(/images/common/btn_add.gif?ver) center no-repeat; background-size:20px auto; text-indent:-9999em}
a.usage_ctr_sangse.on{background:url(/images/common/btn_add_on.gif?ver=1) no-repeat; background-size:20px auto}
.flt_w{width:100%}
.flt_w:after{content:''; display:block; clear:both}
.flt_l{float:left}
.flt_r{float:right}
.t_l{text-align:left !important}
.t_r{text-align:right !important}
.t_c{text-align:center !important}
.st_w{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.line_e{width:100%; height:1px; background:#e3e3ec; margin:30px 0 27px}
.ico_ctg_gray{display:inline-block; width:40px; border:1px solid #ebebf2; line-height:20px; background:#fbfbfc; color:#717171; text-align:center; vertical-align:middle; margin-right:5px}
.ico_ctg_red{display:inline-block; width:40px; border:1px solid #ffdddd; line-height:20px; background:#fff7f7; color:#ff5757; text-align:center; vertical-align:middle; margin-right:5px}
.i-b{display:inline-block}
/***************************************************************************************************************************************************/

body .SearchTop{text-align:center; margin-bottom:-40px; margin-top:-10px; }

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

/* header */
#header{position:relative; width:100%; height:99px; z-index:9000}
#header h1{position:absolute; left:15px; top:0;}
#header h1 a{display:block; line-height:55px}
#header h1 a img{height:25px; vertical-align:middle}
#header > ul.util{position:absolute; right:7px; top:10px}
#header > ul.util li{float:left}
#header > ul.util li a{display:block; padding:8px}
#header .gnb{position:absolute; left:0; bottom:0; width:100%; background:#fff; border-top:1px solid #eeeef4; border-bottom:1px solid #eeeef4; padding-left:15px; z-index:100}
#header .gnb ul.nav{width:83.4375%; margin-left:0; visibility:hidden}
#header .gnb ul.nav.view{visibility:visible}
#header .gnb ul.nav:after{content:''; display:block; clear:both}
#header .gnb ul.nav > li{float:left}
#header .gnb ul.nav > li:nth-child(1),
#header .gnb ul.nav > li:nth-child(2),
#header .gnb ul.nav > li:nth-child(3),
#header .gnb ul.nav > li:nth-child(4){width:12.734%}
#header .gnb ul.nav > li:nth-child(5){width:17.228%}
#header .gnb ul.nav > li:nth-child(6){width:21.722%}
#header .gnb ul.nav > li:nth-child(7){width:10.114%}
#header .gnb ul.nav > li > a{position:relative; display:block; font-size:13px; font-weight:700; color:#000; line-height:42px; text-align:center}
#header .gnb ul.nav > li > a span{position:relative; display:inline-block}
#header .gnb ul.nav > li.on > a{color:#1860ef}
#header .gnb ul.nav > li.on > a span:after{position:absolute; left:0; top:32px; width:100%; height:2px; background:#1860ef; content:""}
#header .gnb ul.nav > li ul.sub{display:none; position:absolute; left:0; top:43px; width:100%; padding-left:10px}
#header .gnb ul.nav > li ul.sub:after{content:''; display:block; clear:both}
#header .gnb ul.nav > li ul.sub li{float:left}
#header .gnb ul.nav > li ul.sub li a{display:block; font-size:11px; line-height:35px; color:#b5b7c6; padding:0 5px}
#header .gnb ul.nav > li ul.sub li.on a{color:#fff; background:#1860ef}
#header .gnb a.btn_sitemap{position:absolute; right:0; top:0; display:block; width:42px; height:42px; background:url(/images/common/ico_sitemap.png) center no-repeat; text-indent:-9999em}
#header .sub_bg{display:none; position:absolute; left:0; top:99px; width:100%; height:35px; background:#30343d}
#header.on .sub_bg{display:block !important}
#header.fix .gnb{position:fixed; bottom:auto; top:0}
#header.fix .sub_bg{position:fixed; top:44px}
#header .sitemap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#30343d; padding-bottom:5px; z-index:100}
#header .sitemap.on{display:block}
#header .sitemap .top{width:100%; height:56px; border-bottom:1px solid #4f525a}
#header .sitemap .top:after{content:''; display:block; clear:both}
#header .sitemap .top .logo{position:absolute; left:15px; top:16px}
#header .sitemap .top .logo img{height:25px}
#header .sitemap .top ul.util{position:absolute; right:15px; top:18px}
#header .sitemap .top ul.util:after{content:''; display:block; clear:both}
#header .sitemap .top ul.util li{float:left; line-height:19px; margin-left:3px}
#header .sitemap .top ul.util li.tel a{display:block; font-size:15px; color:#46a1ff; font-weight:300; margin-right:5px}
#header .sitemap .top ul.util li a.btn_blue{display:block; font-size:12px; color:#fff; background:#278df7; line-height:19px; padding:0 5px; border-radius:10px}
#header .sitemap .top ul.util li a.btn_gray{display:block; font-size:12px; color:#fff; background:#454754; line-height:19px; padding:0 5px; border-radius:10px}
#header .sitemap ul.menu{width:100%; padding:11px 15px}
#header .sitemap ul.menu li{margin-top:11px}
#header .sitemap ul.menu li:first-child{margin-top:0}
#header .sitemap ul.menu li dl{width:100%}
#header .sitemap ul.menu li dl:after{content:''; display:block; clear:both}
#header .sitemap ul.menu li dl dt{clear:both; margin-bottom:4px}
#header .sitemap ul.menu li dl dt a{display:block; font-size:13px; font-weight:700; line-height:20px; color:#fff}
#header .sitemap ul.menu li dl dd{float:left; width:33.333%}
#header .sitemap ul.menu li dl dd a{display:block; font-size:11px; line-height:20px; color:#b5b7c6}
#header .sitemap a.close{position:absolute; right:0; top:62px; display:block; width:44px; height:30px; background:url(/images/common/ico_x.png) center no-repeat; text-indent:-9999em; z-index:10}

/* container */
#container{position:relative; width:100%; padding:0 10px;}

/* main */
#container .main{width:100%; margin-top:20px}
#container .main .quick{position:relative; width:100%; height:235px; background:#fff; border-radius:7px; color:#fff; overflow:hidden}
#container .main .quick .item{display:none; position:absolute; left:0; top:0; width:100%; height:200px; padding:18px 20px 0 20px}
#container .main .quick .item.on{display:block}
#container .main .quick .item h2{font-size:15px; font-weight:700; color:#fff}
#container .main .quick .auction{background:#1860ef}
#container .main .quick .auction .con{position:absolute; left:20px; top:49px; width:calc(100% - 40px)}
#container .main .quick .auction .con li{margin-bottom:5px; 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:42px; line-height:25px; background:#0d4cca; font-size:11px; font-weight:700; color:#81abff; padding-left:5px}
#container .main .quick .auction .con li dl dd{float:left; width:calc(100% - 45px); margin-left:3px; line-height:25px}
#container .main .quick .auction .con li dl dd select{width:auto; line-height:23px; height:25px; border:1px solid #0d4cca; color:#fff; padding-left:5px; background:url(/images/common/ico_select.png) right 5px center no-repeat transparent; vertical-align:top}
#container .main .quick .auction .con li dl dd select option{color:#222}
#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]{width:85px; height:31px; font-size:12px; color:#000; line-height:31px; background:#fff; border-radius:5px; margin-top:10px}
#container .main .quick .map{background:#48a0fc}
#container .main .quick .map p.exp{margin-top:9px; line-height:20px}
#container .main .quick .map .con{position:absolute; left:20px; top:109px; width:calc(100% - 40px)}
#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:42px; line-height:25px; background:#197ee7; font-size:11px; font-weight:700; color:#81abff; padding-left:5px}
#container .main .quick .map .con li dl dd{float:left; width:calc(100% - 45px); margin-left:3px; line-height:25px}
#container .main .quick .map .con li dl dd select{width:auto; line-height:23px; height:25px; border:1px solid #197ee7; color:#fff; padding-left:5px; background:url(/images/common/ico_select.png) right 5px center no-repeat transparent; vertical-align:top}
#container .main .quick .map .con li dl dd select option{color:#222}
#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]{width:85px; height:31px; font-size:12px; color:#000; line-height:31px; background:#fff; border-radius:5px; margin-top:15px}
#container .main .quick .big{background:#a5aec3}
#container .main .quick .big .con{position:absolute; left:0; top:49px; padding:0 20px; width:100%}
#container .main .quick .big .con ul{width:102.692%; margin-left:-1.346%}
#container .main .quick .big .con ul:after{content:''; display:block; clear:both}
#container .main .quick .big .con ul li{float:left; width:30.64133333333333%; margin:0 1.346%}
#container .main .quick .big .con ul li a{display:block; width:100%; height:85px; border-radius:5px; font-size:12px; color:#4e5460; text-align:center; font-weight:800; padding-top:60px}
#container .main .quick .big .con ul li:nth-child(1) a{background:url(/images/main/ico_quick_big1.png) center 15px no-repeat #fff; background-size:39px}
#container .main .quick .big .con ul li:nth-child(2) a{background:url(/images/main/ico_quick_big2.png) center 15px no-repeat #fff; background-size:40px}
#container .main .quick .big .con ul li:nth-child(3) a{background:url(/images/main/ico_quick_big3.png) center 15px no-repeat #fff; background-size:34px}
#container .main .quick .big .con p.txt{margin-top:32px}
#container .main .quick ul.tab{position:absolute; left:0; bottom:0; width:100%}
#container .main .quick ul.tab:after{content:''; display:block; clear:both}
#container .main .quick ul.tab li{float:left; width:33.333%}
#container .main .quick ul.tab li a{display:block; width:100%; line-height:35px; font-size:12px; color:#fff; font-weight:700; text-align:center; }
#container .main .quick ul.tab li a.auction{background:#1860ef}
#container .main .quick ul.tab li a.map{background:#48a0fc}
#container .main .quick ul.tab li a.big{background:#a5aec3}
#container .main .quick select.sido{width:calc(24% - 3px) !important; border:1px solid red}
#container .main .quick select.gugun{width:calc(38% - 3px) !important}
#container .main .quick select.dong{width:37.9% !important}
#container .main .quick select.lowMin,
#container .main .quick select.lowMax{width:calc(50% - 10px) !important}
#container .main .quick select.yongdo{width:100% !important}
#container .main .schedule{position:relative; width:100%; height:auto; background:#30343d; border-radius:7px; color:#fff; margin-top:10px; padding:18px 20px 15px; overflow:hidden}
#container .main .schedule ul.top{width:100%}
#container .main .schedule ul.top:after{content:''; display:block; clear:both}
#container .main .schedule ul.top li{position:relative; float:left; font-size:15px; font-weight:700; color:#fff}
#container .main .schedule ul.top li:nth-child(1){background:url(/images/main/schedule_top_line.gif) right 4px no-repeat; padding-right:7px}
#container .main .schedule ul.top li:nth-child(1):after{position:absolute; left:36px; top:2px; width:1px; height:14px; background:#3f424b; content:""}
#container .main .schedule ul.top li:nth-child(2){padding:0 9px 0 9px}
#container .main .schedule ul.top li a{position:relative; display:block; color:#757e91; font-weight:700; padding-bottom:3px}
#container .main .schedule ul.top li a.on{color:#fff}
#container .main .schedule ul.top li a.on span.l{position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fff}
#container .main .schedule ul.top li a:hover{text-decoration:none; color:#fff}
#container .main .schedule .date{width:100%; padding:5px 0; border-top:1px solid #454951; border-bottom:1px solid #454951; margin-top:10px}
#container .main .schedule .date select{width:auto; line-height:23px; height:25px; border:1px solid #666c76; color:#fff; padding-left:5px; background:url(/images/common/ico_select.png) right 5px center no-repeat #454951}
#container .main .schedule .date select option{color:#222}
#container .main .schedule .date select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
#container .main .schedule .date select::-ms-expand{display: none}
#container .main .schedule .date select.y{width:26.923%}
#container .main .schedule .date select.m{width:19.230%}
#container .main .schedule .date select.d{width:19.230%}
#container .main .schedule .date input[type=submit]{width:30.769%; height:25px; line-height:25px; background:#fff; border-radius:3px; font-size:11px; font-weight:700; color:#010101}
#container .main .schedule ul.list{width:100%; margin-top:11px}
#container .main .schedule ul.list:after{content:''; display:block; clear:both}
#container .main .schedule ul.list li{float:left; width:33.333%; padding-right:5px}
#container .main .schedule ul.list li:nth-child(3n+0){padding-right:0}
#container .main .schedule ul.list li a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:11px; line-height:20px; color:#999ea8}
#container .main .content .top{position:relative; width:100%; border-bottom:1px solid #e3e3ec; padding-bottom:12px; margin-top:27px}
#container .main .content .top:after{content:''; display:block; clear:both}
#container .main .content .top h2{display:block; float:left; font-size:14px; font-weight:700; color:#000; line-height:19px}
#container .main .content .top .swiper-pagination{position:absolute; left:auto; right:50px; 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:11px; color:#717171; line-height:19px; 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 .recomm .top .swiper-button-prev{position:absolute; left:auto; right:24px; top:0; margin:0; 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:0; margin:0; 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 .recomm .con{width:100%; margin-top:11px}
#container .main .content .recomm .con .swiper-slide{position:relative}
#container .main .content .recomm .con .item{position:relative; width:100%;}
#container .main .content .recomm .con .item:first-child{margin-top:0}
#container .main .content .recomm .con .item:after{content:''; display:block; clear:both}
#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{float:left; position:relative; width:71px; height:auto; margin-top:4px}
#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{margin-left:81px}
#container .main .content .recomm .con .info p{line-height:20px}
#container .main .content .recomm .con .info span.dv{display:inline-block; color:#bfbfbf; padding:0 2px}
#container .main .content .recomm .con .info p.addr{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main .content .recomm .con .info p.emotional,
#container .main .content .recomm .con .info p.lowest{display:inline-block}
#container .main .content .recomm .con .info p.emotional img,
#container .main .content .recomm .con .info p.lowest img{border:1px solid #d7d8e0}
#container .main .content .recomm .con .info p.lowest{color:#1860ef}
#container .main .content .theme{width:100%}
#container .main .content .theme:after{content:''; display:block; clear:both}
#container .main .content .theme ol{float:left; width:50%}
#container .main .content .theme ol li{border-bottom:1px solid #e3e3ec}
#container .main .content .theme ol li a{display:block; line-height:29px}
#container .main .content .theme ol li a strong{font-size:11px; font-weight:800; color:#278df7}
#container .main .content .notice{width:100%}
#container .main .content .notice .info{width:100%; padding:10px 0 5px; border-bottom:1px solid #e3e3ec}
#container .main .content .notice .info:after{content:''; display:block; clear:both}
#container .main .content .notice .info .img{float:left; width:73px; margin-right:10px}
#container .main .content .notice .info .txt p.t{display:block; font-size:13px; margin:-3px 0 5px}
#container .main .content .notice .info .txt p.c{color:#717171; line-height:20px}
#container .main .content .notice ul.list{margin-top:10px}
#container .main .content .notice ul.list li{width:100%; margin-top:6px}
#container .main .content .notice ul.list li:after{content:''; display:block; clear:both}
#container .main .content .notice ul.list li:first-child{margin-top:0}
#container .main .content .notice ul.list li p.ctg{float:left; width:40px; line-height:17px; border:1px solid #e9eaee; background:#f4f6fa; color:#8d90a3; text-align:center; margin-right:10px}
#container .main .content .notice ul.list li p.ctg.red{border:1px solid #ffd7d7; background:#ffefef; color:#ff6868}
#container .main .content .notice ul.list li a{float:left; display:block; width:calc(100% - 130px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main .content .notice ul.list li p.date{float:right}

/* sub */
#container .sub{width:100%; margin-top:35px}
#container .sub.mn_none{margin-top:30px}
#container .sub .title{text-align:center; margin-bottom:13px}
#container .sub .title h2{font-size:16px; color:#30343d; font-weight:700}

#container .sub p.total{display:inline-block; font-size:11px; color:#717171; line-height:18px; border:1px solid #ebebf2; background:#fbfbfc; margin-left:5px; font-weight: bold;}
#container .sub p.totalyoutube{display:inline-block; font-size:12px; color:#717171; line-height:18px; border:1px solid #ebebf2; background:#fbfbfc; margin-left:5px; font-weight: bold;}

/* theone 스케쥴 sub */
#container .theonesub{width:100%; margin-top:25px}
#container .theonesub.mn_none{margin-top:30px}
#container .theonesub .title{text-align:center; margin-bottom:13px}
#container .theonesub .title h2{font-size:16px; color:#30343d; font-weight:700}

#container .theonesub p.total{display:inline-block; font-size:11px; color:#717171; line-height:18px; border:1px solid #ebebf2; background:#fbfbfc; margin-left:5px; font-weight: bold;}
#container .theonesub p.totalyoutube{display:inline-block; font-size:12px; color:#717171; line-height:18px; border:1px solid #ebebf2; background:#fbfbfc; margin-left:5px; font-weight: bold;}

/* h_top */
.h_top{width:100%; line-height:20px; margin-bottom:10px}
.h_top:after{content:''; display:block; clear:both}
.h_top h2{display:inline-block; font-size:14px; font-weight:700; color:#000; line-height:20px; margin-right:15px}

/* act_list */
ul.act_list{width:100%; display:inline-block; padding-bottom:20px}
ul.act_list li{width:100%; padding:12px 0; border-bottom:1px solid #e3e3ec}
ul.act_list li .item{position:relative; width:100%; height:auto}
ul.act_list li .item:after{content:''; display:block; clear:both}
ul.act_list li .item a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:100}
ul.act_list li .item .t_box{float:left; position:relative; width:65px; height:auto}
ul.act_list li .item .img{float:left; position:relative; width:35%; height:auto; margin-bottom: 10px;}
ul.act_list li .item .img .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07}
ul.act_list li .item .info{width:60%; height: 108px; height:auto; float:right; margin:5px auto;}
ul.act_list li .item .info p{line-height:18px; width:100%; margin-bottom:2px; font-size:12px; font-weight: bold;}
ul.act_list li .item .info p:nth-child(1){margin-bottom: 5px;}
ul.act_list li .item .info p:nth-child(2){font-weight: bold; font-size: 17px; margin-bottom: 10px;}
ul.act_list li .item .info p.addr{font-weight: bold; font-size: 12px; margin-bottom: 5px;}

ul.act_list li .item .info p.emotional,
ul.act_list li .item .info p.lowest{display:inline-block; width:auto}
ul.act_list li .item .info p.emotional img,
ul.act_list li .item .info p.lowest img{width:11px; border:1px solid #d7d8e0}
ul.act_list li .item .info p.lowest{margin-left:10px}
ul.act_list li .item a.btn_del{height:20px}
ul.act_list li .item .memo_in{margin-top:6px; text-align:center;}
ul.act_list li .item .memo_in input[type=text]{width:100%; margin-bottom: 5px;}
ul.act_list li .item .memo_in input[type=submit]{width:52px;}
ul.act_list li .item .memo_in input[type=button]{width:52px;}

/*굿프렌드 리스트 css */
ul.act_list{width:100%; display:inline-block; padding-bottom:20px}
ul.act_list li{width:100%; padding:12px 0; border-bottom:1px solid #e3e3ec}
ul.act_list li .goodfriend{position:relative; width:100%; height:auto}
ul.act_list li .goodfriend:after{content:''; display:block; clear:both}
ul.act_list li .goodfriend a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:100}
ul.act_list li .goodfriend .t_box{float:left; position:relative; width:65px; height:auto}
ul.act_list li .goodfriend .img{float:left; position:relative; width:25%; height:auto; margin-bottom: 10px; }
ul.act_list li .goodfriend .img .tool{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.07;}
ul.act_list li .goodfriend .img > img{object-fit:cover; object-position: top; border-radius: 50%}
ul.act_list li .goodfriend .info{width:70%; height: 108px; height:auto; float:right; margin:5px auto;}
ul.act_list li .goodfriend .info p{line-height:18px; width:100%; margin-bottom:2px; font-size:12px; font-weight: bold;}
ul.act_list li .goodfriend .info p:nth-child(1){margin-bottom: 10px; font-size:17px; font-weight:bold}
ul.act_list li .goodfriend .info p.addr{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-size: 13px; margin-bottom: 5px;}

ul.act_list li .goodfriend .info p.emotional,
ul.act_list li .goodfriend .info p.lowest{display:inline-block; width:auto}
ul.act_list li .goodfriend .info p.emotional img,
ul.act_list li .goodfriend .info p.lowest img{width:11px; border:1px solid #d7d8e0}
ul.act_list li .goodfriend .info p.lowest{margin-left:10px}
ul.act_list li .goodfriend a.btn_del{height:20px}
ul.act_list li .goodfriend .memo_in{margin-top:6px; text-align:center;}
ul.act_list li .goodfriend .memo_in input[type=text]{width:100%; margin-bottom: 5px;}
ul.act_list li .goodfriend .memo_in input[type=submit]{width:52px;}
ul.act_list li .goodfriend .memo_in input[type=button]{width:52px;}

ol.thema_ctg{width:100%; border-top:1px solid #e3e3ec; border-right:1px solid #e3e3ec}
ol.thema_ctg:after{content:''; display:block; clear:both}
ol.thema_ctg li{float:left; width:50%; border-left:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec}
ol.thema_ctg li a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:29px; padding-left:5px}
.schedule_more{display:none; position:fixed; left:0; top:50%; transform:translateY(-50%); width:100%; padding:10px; z-index:11000}
.schedule_more.on{display:block}
.schedule_more .inner{width:100%; background:#fff; padding:10px}
.schedule_more .date{text-align:center; border-top:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec; padding:10px 0}
.schedule_more ul.act_item{width:100%; margin-top:10px}
.schedule_more ul.act_item:after{content:''; display:block; clear:both}
.schedule_more ul.act_item li{float:left; width:33.333%; line-height:20px}
.schedule_more ul.act_item li a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.schedule_more .btns{border-top:1px solid #e3e3ec; padding-top:10px}


/* member */
#container .members .agree_txt{width:100%; height:240px; border:1px solid #e3e3ec; border-top:2px solid #30343d; background:#f8f8fc; padding:10px; overflow-y:scroll; -webkit-overflow-scrolling:touch}
#container .members .agree_txt h4{display:block; font-size:13px; font-weight:700; color:#222; margin-bottom:15px}
#container .members .agree_txt h5{display:block; font-size:11px; font-weight:400}
#container .members .agree_txt td{line-height:18px}
#container .members a.btn_join{display:inline-block; width:100%; font-size:12px; font-weight:700; line-height:46px; padding-left:82px; background:#1860ef; color:#fff; border-radius:10px; background-size:56px auto}
#container .members a.btn_naver{float:left; display:block; width:48.333%; line-height:46px; background:url(/images/members/ico_naver.png) 15px center no-repeat; background-size:20px auto; padding-left:45px; font-size:12px; font-weight:700; border-radius:10px; border:1px solid #c5cbd9}
#container .members a.btn_kakao{float:right; display:block; width:48.333%; line-height:46px; background:url(/images/members/ico_kakao.png) 15px center no-repeat; background-size:20px auto; padding-left:45px; font-size:12px; font-weight:700; border-radius:10px; border:1px solid #c5cbd9}
#container .members .login_box{width:100%; background:#f8f8fc; padding:15px 0}
#container .members .login_box .inner{width:100%; margin:0 auto; text-align:center}
#container .members .login_box h3{font-size:14px; font-weight:700; color:#000; margin-bottom:10px}
#container .members .login_box .ipt{width:100%}
#container .members .login_box .ipt:after{content:''; display:block; clear:both}
#container .members .login_box .ipt ul{text-align:center;width:100%}
#container .members .login_box .ipt ul li:first-child{margin-bottom:5px;text-align:center}
#container .members .login_box .ipt ul li input{width:90%; height:48px; font-size:15px}
#container .members .login_box .ipt input[type=submit]{ width:90%; line-height:45px; text-align:center; padding:0; margin-top:20px}
#container .members .login_box .chk{margin-top:5px}

#container .members .etc{margin-top:30px}
#container .members .etc p{display:inline-block}
#container .members .etc a{float:right; line-height:19px; padding:0 5px}
#container .members .etc li{width:100%}
#container .members .etc li:after{content:''; display:block; clear:both}
#container .members .etc li:nth-child(1){margin-bottom:8px}
#container .members .bn{margin-top:30px; text-align:center}
#container .members .bn img{vertical-align:top}
#container .members .id_pw_box{width:100%; border:1px solid #e1e2e8; background:#f8f8fc; padding:15px 0}
#container .members .id_pw_box .inner{width:87%; margin:0 auto}
#container .members .id_pw_box h3{font-size:14px; font-weight:700; color:#000; margin-bottom:10px}
#container .members .id_pw_box .ipt{width:100%}
#container .members .id_pw_box .ipt:after{content:''; display:block; clear:both}
#container .members .id_pw_box .ipt ul{float:left; width:calc(100% - 82px)}
#container .members .id_pw_box .ipt ul li{margin-top:5px}
#container .members .id_pw_box .ipt ul li:first-child{margin-top:0}
#container .members .id_pw_box .ipt ul li input{width:100%}
#container .members .id_pw_box .ipt input[type=submit]{float:right; width:72px; line-height:45px; text-align:center; padding:0}
#container .members .id_pw_box2{border-top:0}
#container .members .id_pw_box2 .ipt input[type=submit]{line-height:70px}
#container .members .terms h3{font-size:14px; border-bottom:1px solid #e1e2e8; padding-bottom:10px; margin-bottom:25px}
#container .members .terms h5{display:block; font-size:13px; font-weight:700; margin-top:5px; margin-bottom:5px}

/* customer */
#container ol.guide{width:100%; margin-top:15px}
#container ol.guide p.tit{font-size:14px; color:#000; font-weight:700; line-height:20px; text-indent:-18px; padding-left:18px}
#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}

/* my */
#container .pop_my_folder{display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:20px; z-index:11000}
#container .pop_my_folder.on{display:block}
#container .pop_my_folder .inner{position:relative; width:100%; height:100%; background:#fff; padding:20px; overflow-y:scroll; -webkit-overflow-scrolling:touch}
#container .pop_my_folder h2{margin-bottom:18px}
#container .pop_my_folder a.btn_close{position:absolute; right:10px; top:10px; display:block; width:34px; height:34px; background:url(/images/common/btn_x_b.png) center no-repeat; text-indent:-9999em}
#container .pop_my_folder .new{width:100%}
#container .pop_my_folder .new:after{content:''; display:block; clear:both}
#container .pop_my_folder .new p{float:left; line-height:18px; width:68px; margin-right:5px}
#container .pop_my_folder .new input[type=text]{float:left; width:calc(100% - 130px)}
#container .pop_my_folder .new input[type=submit]{float:right; width:52px}
#container .pop_my_folder .list{width:calc(100% + 40px); margin-left:-20px; padding:20px 0 20px 20px; border-top:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec; margin-top:15px; background:#f8f8fc}
#container .pop_my_folder .list ul li{width:100%; margin-top:5px}
#container .pop_my_folder .list ul li:after{content:''; display:block; clear:both}
#container .pop_my_folder .list ul li:first-child{margin-top:0}
#container .pop_my_folder .list ul li p{float:left; line-height:18px; width:68px; margin-right:5px}
#container .pop_my_folder .list ul li input[type=text]{float:left; width:calc(100% - 150px); margin-right:3px}
#container .pop_my_folder .list ul li a{float:left; width:25px; margin-left:2px; padding:0}
#container .pop_cal_view{display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:20px; z-index:11000}
#container .pop_cal_view.on{display:block}
#container .pop_cal_view .inner{position:relative; width:100%; height:100%; background:#fff; padding:20px; overflow-y:scroll; -webkit-overflow-scrolling:touch}
#container .pop_cal_view h2{margin-bottom:18px}
#container .pop_cal_view a.btn_close{position:absolute; right:10px; top:10px; display:block; width:34px; height:34px; background:url(/images/common/btn_x_b.png) center no-repeat; text-indent:-9999em}
#container .pop_cal_view ul.list{border-top:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec; padding:10px 0}
#container .pop_cal_view ul.list li{padding-left:20px; background:url(/images/common/ico_write.png) left 3px no-repeat; background-size:auto 13px}
#container .pop_cal_view ul.list li a.item{font-size:11px; color:#1860ef; line-height:20px; text-decoration:underline}
#container .pop_cal_view ul.list li .con{display:none; margin-bottom:5px}
#container .pop_cal_view ul.list li .con.on{display:block}
#container .pop_cal_view ul.list li .con .btn a{display:inline-block; font-size:11px; line-height:15px; color:#fff; padding:0 1px}
#container .pop_cal_view ul.list li .con .btn a.edit{background:#1860ef}
#container .pop_cal_view ul.list li .con .btn a.del{background:#48a0fc}
#container .pop_cal_view ul.list li .con .btn a.close{background:#c5cbd9}
#container .pop_cal_view ul.info{margin-top:10px}
#container .pop_cal_view ul.info li{margin-top:2px; line-height:16px}
#container .pop_cal_view ul.info li:first-child{margin-top:0}
#container .pop_cal_view ul.info li p{display:inline-block; line-height:16px}
#container .pop_cal_view ul.info li p.tt{width:44px; border:1px solid #ebebf3; text-align:center; background:#f1f4fa; color:#8890a6}
#container .pop_cal_view ul.pt{border-top:1px solid #ebebf3; margin-top:15px; padding-top:11px}
#container .pop_cal_view ul.pt li{color:#717171}
#container .pop_cal_add{display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:20px; z-index:11000}
#container .pop_cal_add.on{display:block}
#container .pop_cal_add .inner{position:relative; width:100%; height:100%; background:#fff; padding:20px; overflow-y:scroll; -webkit-overflow-scrolling:touch}
#container .pop_cal_add h2{margin-bottom:18px}
#container .pop_cal_add a.btn_close{position:absolute; right:10px; top:10px; display:block; width:34px; height:34px; background:url(/images/common/btn_x_b.png) center no-repeat; text-indent:-9999em}
#container .payment_type a{display:block; width:100%; height:74px; padding-left:64px; padding-top:17px}
#container .payment_type a p.t1{font-size:14px; font-weight:700; color:#fff}
#container .payment_type a p.t2{font-size:11px; color:#fff; margin-top:5px}
#container .payment_type a.type1{background:url(/images/my/ico_payment1.png) no-repeat 20px center #1860ef; background-size:34px auto; margin-bottom:10px}
#container .payment_type a.type2{background:url(/images/my/ico_payment2.png) no-repeat 20px center #48a0fc; background-size:34px auto}
#container ul.pay_tab{width:100%}
#container ul.pay_tab:after{content:''; display:block; clear:both}
#container ul.pay_tab li{float:left; width:50%}
#container ul.pay_tab li a{display:block; text-align:center; font-size:14px; font-weight:700; color:#fff; line-height:43px; background:#c5cbd9}
#container ul.pay_tab li a.on{background:#48a0fc}
#container .pay_bank,
#container .pay_card{display:none; margin-top:20px}
#container .pay_bank.on,
#container .pay_card.on{display:block}

/* pop_con */
#wrap .pop_con .header{display: flex; justify-content: space-between; align-items:center; margin-bottom:20px; margin-top: 20px;}
#wrap .pop_con .header .flt_r a img.kakao,.heart{height:40px}
#wrap .pop_con .header .btn_close{width:15%; right:10px; top:10px; padding:5px 5px;}
#wrap .pop_con .header .flt_r .btn_m_dark{width:20%; right:10px; top:10px; padding:5px 5px;background:#b1b8cb}
#wrap .pop_con .header .flt_r .btn_m_black{width:20%; right:10px; top:10px; padding:5px 5px;background:#b1b8cb}

#wrap .pop_con .header .flt_l .btn_m_printdark{width:20%; right:10px; top:10px; padding:5px 5px; margin:0 5px; right:10px; background:#b1b8cb}
#wrap .pop_con .header .flt_l .btn_m_closeblack{width:20%; right:10px; top:10px; padding:5px 5px; margin:0 5px; right:10px; background:#b1b8cb}
#pop_con .pop_head .top .flt_r .btn_m_closeblack{width:20%; right:10px; top:10px; padding:5px 5px; margin:0 5px; right:10px; background:#b1b8cb}
#pop_con .pop_head .top {padding-top:10px}
#pop_con .pop_head .top .flt_r {margin:10px 5px 20px 0}
#wrap .pop_con .content{padding:0px}
#wrap .pop_con .content .inbody{padding: 0 5px 1px 5px;}
#wrap .pop_con .content .addresstxt{text-align: center; margin-bottom:20px;}
#wrap .pop_con .content .addresstxt h3{font-size: 17px;}

#wrap .pop_con ul.menu{width:100%; border-top:1px solid #e3e3ec; border-right:1px solid #e3e3ec; margin-top:20px;display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;}
#wrap .pop_con ul.menu li{float:left; width:25%; height:30px; border-left:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec; background:#edf3ff}
#wrap .pop_con ul.menu li a{display:block; font-size:11px; line-height:29px; text-align:center}
#wrap .pop_con ul.menu li a.on{background:#1860ef; color:#fff}

#wrap .pop_con .con{width:100%; margin-top:10px}

#wrap .pop_con .photo{position:relative; width:100%; margin-bottom:10px;}
#wrap .pop_con .photo .swiper-slide a{position:relative; display:block; width:100%; height:66.25vw; background-size:100%; background-position:center}
#wrap .pop_con .photo .swiper-slide a img{width:100%; height:100%}
#wrap .pop_con .photo .swiper-slide a .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07; z-index:100}
#wrap .pop_con .photo .ctr{width:100%; height:31px; border:1px solid #a5abbd; background:#b1b8cb}
#wrap .pop_con .photo .ctr:after{content:''; display:block; clear:both}
#wrap .pop_con .photo .ctr ul.btn{float:left}
#wrap .pop_con .photo .ctr ul.btn:after{pop_con:''; display:block; clear:both}
#wrap .pop_con .photo .ctr ul.btn li{position:relative; float:left; border-right:1px solid #a5abbd}
#wrap .pop_con .photo .ctr ul.btn li .swiper-button-prev{position:static; left:0; top:0; margin:0; width:29px; height:29px; background:url(/images/auction/ico_prev.png) center no-repeat; background-size:auto 15px; outline:0}
#wrap .pop_con .photo .ctr ul.btn li .swiper-button-next{position:static; left:0; top:0; margin:0; width:29px; height:29px; background:url(/images/auction/ico_next.png) center no-repeat; background-size:auto 15px; outline:0}
#wrap .pop_con .photo .ctr ul.btn li .swiper-autoplay{display:block; position:static; left:0; top:0; margin:0; width:29px; height:29px; background:url(/images/auction/ico_pause.png) center no-repeat; background-size:auto 15px; outline:0}
#wrap .pop_con .photo .ctr ul.btn li .swiper-autoplay.play{background:url(/images/auction/ico_play.png) center no-repeat; background-size:auto 15px}
#wrap .pop_con .photo .ctr .page{float:right; line-height:29px; padding-right:10px; color:#fff}
#wrap .pop_con .photo .ctr .page .swiper-pagination{display:inline; position:static; left:auto; bottom:auto; width:auto; margin:0; padding:0}
#wrap .pop_con .photo .ctr .page .swiper-pagination-current{font-weight:800}
#wrap .pop_con .photo .ctr .page .line{display:inline-block; width:1px; height:12px; background:#a5abbd; vertical-align:middle; margin:0 10px}
#wrap .pop_con .photo .ctr .page a{color:#fff}

#wrap .pop_con .photo2{position:relative; width:100%; margin-top:10px}
#wrap .pop_con .photo2 .swiper-slide a{position:relative; display:block; width:100%; height:66.25vw; background-size:100%; background-position:center}
#wrap .pop_con .photo2 .swiper-slide a img{width:100%; height:100%}
#wrap .pop_con .photo2 .swiper-slide a .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.07; z-index:100}
#wrap .pop_con .photo2 .ctr{width:100%; text-align:center; margin-top:10px}
#wrap .pop_con .photo2 .ctr .swiper-button-prev{position:static; left:0; top:0; display:inline-block; margin:0; width:42px; height:auto; line-height:20px; color:#fff; background:url(/images/auction/ico_prev.png) 5px center no-repeat #48a0fc; background-size:auto 10px; outline:0; text-align:left; padding-left:15px}
#wrap .pop_con .photo2 .ctr .swiper-button-next{position:static; left:0; top:0; display:inline-block; margin:0; width:42px; height:auto; line-height:20px; color:#fff; background:url(/images/auction/ico_next.png) right 5px center no-repeat #48a0fc; background-size:auto 10px; outline:0; text-align:right; padding-right:15px}

#wrap .pop_con .content .moneytxt  h3,h2{text-align:left; font-size:20px; margin-bottom: 10px; }

#wrap .pop_con .tit{width:100%; margin:18px 0 6px}
#wrap .pop_con .tit:after{content:''; display:block; clear:both}
#wrap .pop_con .tit h2{display:inline-block; font-size:13px; font-weight:700; color:#000; line-height:15px}
#wrap .pop_con .tit p{display:inline-block; line-height:15px}
#wrap .pop_con .tit .line{display:inline-block; width:1px; height:12px; background:#e3e3ec; margin:2px 3px 0}
#wrap .pop_con .footer{width:100%; background:#f8f8fc; padding:10px 10px 70px 10px; border-top:1px solid #e3e3ec; margin-top:10px; color:#717171}
#wrap .pop_con .footer li{line-height:20px}
#wrap .pop_con .footer li:after{background:#717171}
#wrap .pop_con .footer p.help{margin-top:7px}

#Top_btn{float:right; display:block; width:45px; font-size:13px; font-weight:800; margin-right:20px; background:url(/images/common/ico_top.png) right center no-repeat; margin-top:-10px}

/*메인Swiper css*/
#container .content >.Indexphoto > .swiper-container > .swiper-wrapper >.swiper-slide{border-radius: 12px;}
#container .content >.Indexphoto > .swiper-container > .swiper-wrapper >.swiper-slide div{text-align:center; margin-bottom:20px;}
#container .content >.Indexphoto > .swiper-container > .swiper-wrapper >.swiper-slide div span{font-weight: bold; font-size: 16px;}
#container .content >.Indexphoto > .swiper-container > .swiper-wrapper >.swiper-slide div p{margin-top:10px;font-weight: bold; font-size:19px}
#container .content >.Indexphoto > .swiper-container > .swiper-wrapper >.swiper-slide img{border-radius:12px;}

/*리스트 업 다운버튼*/
#scrollButtonUP {z-index: 500; position: fixed; right:0; top:330px; display:none; margin-right: 10px;}
#scrollButtonDown { z-index: 500; position: fixed; right:0; top:350px; display:none; margin-right: 10px; margin-top: 25px;}
.go_top, .go_bottom { border: 1px solid #bbb; border-radius: 15px; background-color: white; color: #999; line-height: 27px; text-align: center; width: 30px; height: 30px; display: block; }
.go_top:active, .go_bottom:active { background-color: #344bc1; color: white; }
   
/*my interest */
#wrap .header{display: flex; justify-content: space-between; align-items:center; margin-bottom:20px; margin-top: 20px;}

/* map */
#wrap.pg_map{height:100%}
#wrap.pg_map #header{height:44px}
#wrap.pg_map #header .sub_bg{top:44px}
#wrap.pg_map #container{padding:0; height:calc(100% - 49px)}
#wrap.pg_map #container .sub{margin-top:35px}
#wrap.pg_map #footer{display:none}
#wrap.pg_map .map_view{width:100%}
#wrap.pg_map .map_view .bottom{position:absolute; left:0; bottom:0; width:100%; height:50px; background:#fff; padding:10px; z-index:100;}
#wrap.pg_map .map_view .act_item{z-index:10}
#wrap.pg_map .map_view .act_item .info{margin-top:-30px; background:#fff; font-size:11px; border-radius:5px; cursor:pointer}
#wrap.pg_map .map_view .act_item .info:after{content:''; display:block; clear:both}
#wrap.pg_map .map_view .act_item .info p{float:left; line-height:23px}
#wrap.pg_map .map_view .act_item .info p.no{width:24px; text-align:center; color:#fff}
#wrap.pg_map .map_view .act_item .info p.type{color:#fff; padding:0 5px}
#wrap.pg_map .map_view .act_item .info .arrow{position:absolute; left:0; top:-9px; width:6px; height:9px; z-index:100}
#wrap.pg_map .map_view .act_item .view{position:absolute; left:0; bottom:5px; width:210px; background:#fff; border-radius:5px; font-size:11px}
#wrap.pg_map .map_view .act_item .view .top{width:100%}
#wrap.pg_map .map_view .act_item .view .top:after{content:''; display:block; clear:both}
#wrap.pg_map .map_view .act_item .view .top p{float:left; line-height:23px}
#wrap.pg_map .map_view .act_item .view .top p.no{width:24px; text-align:center; color:#fff}
#wrap.pg_map .map_view .act_item .view .top p.case{width:184px; text-align:left; color:#fff; padding:0 5px}
#wrap.pg_map .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}
#wrap.pg_map .map_view .act_item .view .con{padding:5px 8px}
#wrap.pg_map .map_view .act_item .view .con table{width:100%}
#wrap.pg_map .map_view .act_item .view .con th{color:#717171}
#wrap.pg_map .map_view .act_item .view .con th,
#wrap.pg_map .map_view .act_item .view .con td{line-height:18px; vertical-align:top}
#wrap.pg_map .map_view .act_item .view .con .img{position:relative; width:56px; height:56px}
#wrap.pg_map .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}
#wrap.pg_map .map_view .act_item .view .arrow{position:absolute; left:-1px; bottom:-6px; width:6px; height:9px; z-index:100}
#wrap.pg_map .map_view .act_item.blue .info{border:1px solid #1860ef}
#wrap.pg_map .map_view .act_item.blue .info p.no{background:#2f70f1}
#wrap.pg_map .map_view .act_item.blue .info p.type{background:#2f70f1; border-left:1px solid #1860ef; border-right:1px solid #1860ef}
#wrap.pg_map .map_view .act_item.blue .info p.price span{color:#1860ef}
#wrap.pg_map .map_view .act_item.blue .info .arrow{background:url(/images/auction/map_item_arrow_blue.png) no-repeat}
#wrap.pg_map .map_view .act_item.blue .view{border:1px solid #1860ef}
#wrap.pg_map .map_view .act_item.blue .view .top p.no{background:#2f70f1}
#wrap.pg_map .map_view .act_item.blue .view .top p.case{background:#2f70f1; border-left:1px solid #1860ef}
#wrap.pg_map .map_view .act_item.blue .view .arrow{background:url(/images/auction/map_item_arrow_blue_w.png) no-repeat}
#wrap.pg_map .map_view .act_item.gray .info{border:1px solid #797979}
#wrap.pg_map .map_view .act_item.gray .info p.no{background:#868686}
#wrap.pg_map .map_view .act_item.gray .info p.type{background:#868686; border-left:1px solid #797979; border-right:1px solid #797979}
#wrap.pg_map .map_view .act_item.gray .info p.price span{color:#797979}
#wrap.pg_map .map_view .act_item.gray .info .arrow{background:url(/images/auction/map_item_arrow_gray.png) no-repeat}
#wrap.pg_map .map_view .act_item.gray .view{border:1px solid #797979}
#wrap.pg_map .map_view .act_item.gray .view .top p.no{background:#868686}
#wrap.pg_map .map_view .act_item.gray .view .top p.case{background:#868686; border-left:1px solid #797979}
#wrap.pg_map .map_view .act_item.gray .view .arrow{background:url(/images/auction/map_item_arrow_gray_w.png) no-repeat}
#wrap.pg_map .map_view .act_item.red .info{border:1px solid #ff3535}
#wrap.pg_map .map_view .act_item.red .info p.no{background:#ff4949}
#wrap.pg_map .map_view .act_item.red .info p.type{background:#ff4949; border-left:1px solid #ff3535; border-right:1px solid #ff3535}
#wrap.pg_map .map_view .act_item.red .info p.price span{color:#ff3535}
#wrap.pg_map .map_view .act_item.red .info .arrow{background:url(/images/auction/map_item_arrow_red.png) no-repeat}
#wrap.pg_map .map_view .act_item.red .view{border:1px solid #ff3535}
#wrap.pg_map .map_view .act_item.red .view .top p.no{background:#ff4949}
#wrap.pg_map .map_view .act_item.red .view .top p.case{background:#ff4949; border-left:1px solid #ff3535}
#wrap.pg_map .map_view .act_item.red .view .arrow{background:url(/images/auction/map_item_arrow_red_w.png) no-repeat}
#wrap.pg_map .map_view .act_item.sky .info{border:1px solid #48a0fc}
#wrap.pg_map .map_view .act_item.sky .info p.no{background:#5aa9fc}
#wrap.pg_map .map_view .act_item.sky .info p.type{background:#5aa9fc; border-left:1px solid #48a0fc; border-right:1px solid #48a0fc}
#wrap.pg_map .map_view .act_item.sky .info p.price span{color:#48a0fc}
#wrap.pg_map .map_view .act_item.sky .info .arrow{background:url(/images/auction/map_item_arrow_sky.png) no-repeat}
#wrap.pg_map .map_view .act_item.sky .view{border:1px solid #48a0fc}
#wrap.pg_map .map_view .act_item.sky .view .top p.no{background:#5aa9fc}
#wrap.pg_map .map_view .act_item.sky .view .top p.case{background:#5aa9fc; border-left:1px solid #48a0fc}
#wrap.pg_map .map_view .act_item.sky .view .arrow{background:url(/images/auction/map_item_arrow_sky_w.png) no-repeat}
#wrap.pg_map .map_view .bottom ul.btn{width:100%}
#wrap.pg_map .map_view .bottom ul.btn:after{content:''; display:block; clear:both}
#wrap.pg_map .map_view .bottom ul.btn li{float:left}
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(1),
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(2),
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(3){width:50%}
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(1) a,
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(2) a,
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(3) a{width:calc(100% - 3px)}
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(4){width:25%}
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(4) a{width:calc(100% - 6px)}
#wrap.pg_map .map_view .bottom ul.btn li:nth-child(5){width:33.111%}
#wrap.pg_map .map_view .bottom ul.btn li a{display:block; height:21px; border:1px solid #e3e3ec; font-size:11px; color:#9396ad; line-height:19px; text-align:center; background:#f8f8fc; border-radius:5px}
#wrap.pg_map .map_view .bottom ul.btn li a.blue.on{border:1px solid #1860ef; background:#1860ef; color:#fff}
#wrap.pg_map .map_view .bottom ul.btn li a.red.on{border:1px solid #ff3535; background:#ff3535; color:#fff}
#wrap.pg_map .map_view .bottom ul.btn li a.gray.on{border:1px solid #868686; background:#868686; color:#fff}
#wrap.pg_map .map_view .bottom ul.btn li a.sky.on{border:1px solid #48a0fc; background:#48a0fc; color:#fff}
#wrap.pg_map .map_view .bottom ul.btn li a.btn_option{border:1px solid #30343d; background:#30343d; color:#fff}
#wrap.pg_map .map_view .act_option{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:11000; padding:0 10px 15px}
#wrap.pg_map .map_view .act_option.on{display:block}
#wrap.pg_map .map_view .act_option h2{font-size:14px; font-weight:700; line-height:42px; color:#fff}
#wrap.pg_map .map_view .act_option .inner{width:100%; height:calc(100% - 83px); overflow-y:scroll; -webkit-overflow-scrolling:touch}

/* footer */
#footer{position:relative; width:100%; text-align:center; margin-top:40px; border-top:1px solid #e3e3ec; padding:15px 0 20px}
#footer .menu a{display:inline-block; font-size:12px; color:#fff; line-height:19px; background:#464646; padding:0 4px}
#footer p.t1{font-size:11px; line-height:18px; color:#474747; margin-top:12px}
#footer p.t1 a{color:#474747}
#footer p.t2{font-size:11px; line-height:18px; color:#717171; border-top:1px solid #eeeef4; margin-top:11px; padding-top:12px}
#footer p.t2 a{color:#717171}
#footer span.dv{display:inline-block; color:#bfbfbf; padding:0 2px}

/* datepicker */
button.ui-datepicker-trigger{width:28px; height:30px; text-indent:-9999em; background:url(/images/common/btn_cal.gif) no-repeat; outline:0}
.ui-datepicker-trigger{border:1px solid #d1d4dd; border-left:0; vertical-align:top}

.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:url(/images/common/ico_cal_cir_on.png) center no-repeat; color:#fff}


/* data */
#container .dictionary_rst{width:100%; margin-top:20px}
#container .dictionary_rst dt{font-size:14px; color:#000; font-weight:700}
#container .dictionary_rst dd{margin:7px 0 13px}
#container .formlist_rst{width:100%; border-top:1px solid #e3e3ec; border-bottom:1px solid #e3e3ec; padding:30px}
#container .box ul.mn{width:100%}
#container .box ul.mn:after{content:''; display:block; clear:both}
#container .box ul.mn li{float:left; margin-right:3px}
#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:900px; 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:278px; 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; right:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#e3e3ec; content:""}
#container .data .s_mn ul li:last-child:after{display:none}
#container .data .s_mn ul li a{color:#30343d; font-weight:700}
#container .data .s_mn ul li a.on{color:#48a0fc; text-decoration:underline}

/* 상단 소재지 */
.addresstxt{margin-bottom:10px}
.moneytxt{margin-top:10px;}
/* 하단 고정 섹션 */
footer{z-index:100; bottom:0; position:fixed; left:0px; bottom:0px; height:40px; width:100%; background:white; color: black; border-top: solid 1px #eee}

.fixfooter .fixgnb ul {list-style:none; margin:0; padding:0;}
.fixfooter .fixgnb li {margin: 0 0 0 0;padding: 0 0 0 0; border : 0; float: left;}
.fixfooter .fixgnb ul li{width:19%; text-align:center; font-size:13px; font-weight:bold; }
.fixfooter .fixgnb a {width:100%}
.fixfooter .fixgnb .foot_home_ico {background:url(/images/common/Home_icon.ico) center no-repeat}
.fixfooter .fixgnb .foot_search_ico {background:url(/images/common/search_icon.ico) center no-repeat}
.fixfooter .fixgnb .foot_map_ico {background:url(/images/common/map_icon.ico) center no-repeat}
.fixfooter .fixgnb .foot_calender_ico {background:url(/images/common/calendar_icon.ico) center no-repeat}
.fixfooter .fixgnb .foot_favorit_ico {background:url(/images/common/favorit_icon.ico) center no-repeat}

.fixfooter .fixgnb ul.nav.view{visibility:visible}
.fixfooter .fixgnb ul.nav:after{content:''; display:block; clear:both}
.fixfooter .fixgnb ul.nav > li{float:left}

.fixfooter .fixgnb ul.nav > li > a{position:relative; display:block; font-size:13px; font-weight:700; color:#000; line-height:42px; text-align:center}
.fixfooter .fixgnb ul.nav > li > a span{position:relative; display:inline-block}
.fixfooter .fixgnb ul.nav > li.on > a{color:#1860ef}
.fixfooter .fixgnb ul.nav > li.on > a span:after{position:absolute; left:0; top:32px; width:100%; height:2px; background:#1860ef; content:""}
.fixfooter .fixgnb ul.nav > li ul.sub{display:none; position:absolute; left:0; top:43px; width:100%; padding-left:10px}
.fixfooter .fixgnb ul.nav > li ul.sub:after{content:''; display:block; clear:both}
.fixfooter .fixgnb ul.nav > li ul.sub li{float:left}
.fixfooter .fixgnb ul.nav > li ul.sub li a{display:block; font-size:11px; line-height:35px; color:#b5b7c6; padding:0 5px}
.fixfooter .fixgnb ul.nav > li ul.sub li.on a{color:#fff; background:#1860ef}

/* 일정 결과 페이지 달력 */
#container .col2 .schedule{position:relative; float:left; width:100%; height:380px; background:white;overflow:hidden; margin-top:-40px}
#container .col2 .schedule .inner{position:relative; width:100%; height:360px; padding:0; margin:0 auto}
#container .col2 .schedule .top{width:100%;}
#container .col2 .schedule .top:after{content:''; display:block; clear:both}
#container .col2 .schedule .top h2{font-size:20px; color:black; font-weight:bold}
#container .col2 .schedule .top a{float:right; font-size:12px; color:#fff; opacity:0.5}
#container .col2 .schedule ul.tab{width:100%; margin:22px 0 23px}
#container .col2 .schedule ul.tab:after{content:''; display:block; clear:both}
#container .col2 .schedule ul.tab li{float:left}
#container .col2 .schedule ul.tab li:first-child{margin-right:6px}
#container .col2 .schedule ul.tab li a{display:block; width:100px; font-size:14px; line-height:26px; color:#fff; background:rgba(255,255,255,0.1); border-radius:5px; text-align:center}
#container .col2 .schedule ul.tab li a.on{background:#fff; color:#344bc1}
#container .col2 .schedule .cal{position:relative; width:100%; height:350px; border-top:1px solid rgba(255,255,255,0.2)}
#container .col2 .schedule .cal p.year{font-size:23px; font-weight:700; line-height:41px; color:black; text-align:center ; margin-top:-10px}
#container .col2 .schedule .cal a.prev{position:absolute; left:0; top:0; display:block; width:20px; height:41px; background:url(/images/main/ico_schedule_prev.png) center no-repeat; text-indent:-9999em}
#container .col2 .schedule .cal a.next{position:absolute; right:0; top:0; display:block; width:20px; height:41px; background:url(/images/main/ico_schedule_next.png) center no-repeat; text-indent:-9999em}
#container .col2 .schedule .cal table{width:100%; border-top:1px solid rgba(255,255,255,0.2); padding-top:13px}
#container .col2 .schedule .cal table thead th{padding-bottom:5px}
#container .col2 .schedule .cal table th,
#container .col2 .schedule .cal table td{font-size:16px; line-height:25px; text-align:center; color:black; padding-bottom:5px}
#container .col2 .schedule .cal table th{color:black; opacity:1}
#container .col2 .schedule .cal table td a{display:inline-block; width:24px; color:black}
#container .col2 .schedule .cal table td a.on{background:#2DB400; color:white; border-radius:100%}
#container .col2 .schedule .cal table td:first-child,
#container .col2 .schedule .cal table td:last-child{color:red; opacity:0.8}
#container .col2 .schedule .cal table td:first-child a{color:red; opacity:0.8}
#container .col2 .schedule .cal table td:last-child a{color:blue; opacity:0.8}

/*달력날짜 클릭했을떄 나오는 뷰*/
#container .col2 .schedule .view{position:absolute; left:100%; top:0; width:100%; height:100%; background:linear-gradient(135deg, rgba(16,141,77,1) 0%, rgba(0,129,214,1) 100%); padding:5px; transition:left 0.5s ease; z-index:100}
#container .col2 .schedule .view.on{left:0;transition:left 0.5s ease}
#container .col2 .schedule .view > div{background:#fff; width:100%; height:100%; border-radius:10px}
#container .col2 .schedule .view a.close{position:absolute; right:5px; top:5px; display:block; width:30px; height:30px; text-indent:-9999em; background:url(/images/main/ico_close.png) center no-repeat}
#container .col2 .schedule .view a.prev{position:absolute; left:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_prev.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .col2 .schedule .view a.next{position:absolute; right:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_next.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .col2 .schedule .view .year{position:absolute; left:0; top:32px; width:100%; font-size:17px; color:#30343d; font-weight:700; text-align:center}
#container .col2 .schedule .view .list{position:absolute; left:30px; top:80px; width:228px; height:264px; overflow-y:auto; overflow-x:hidden}
#container .col2 .schedule .view .list ul{width:100%}
#container .col2 .schedule .view .list ul:after{content:''; display:block; clear:both}
#container .col2 .schedule .view .list ul li{float:left; width:50%}
#container .col2 .schedule .view .list ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; margin:8px}

/* view css 임시*/

.exbg_yel{background:#fff9f9; padding:1px;}
.exbg_blue{background:#edf3ff; padding:1px;}
.exbg_red{background:#F6CECE; padding:1px;}

/* 메인 페이지 추천 물건 */
.main_object {width:100%; height:auto}
#container .main .content .recomm .con .main_object .info{margin-left:0}
.main_test{width:100%}
.main_object .item {float:left; padding:5px}
#container .main .content .con .main_object .item {width:50%}
#container .main .content .recomm {padding-bottom:70px}

/* analysis */
#pop_view2{width:100%}
#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}

/* 카카오 로그인 */
#container .ipt .kakaologin {margin-top:10px}
#kakaoJoin{text-align:center;}
#kakao_container .tbl{width:100%; margin-bottom:30px;border-bottom:1px dotted #fff9f9;border: #fff9f9 solid; border-width: 1px 0px 0px 0px}
#kakao_container .tbl td{border-bottom: 1px solid #e1e2e8; padding: 10px; line-height: 30px; text-align: left; vertical-align: middle;}

#kakao_container .btn_l_blue_r{display: inline-block; font-size: 12px; line-height: 40px; color: #fff; text-align: center; background: #1860ef; padding: 0 20px; border-radius: 5px !important;}

.hyp { display: -webkit-inline-box; line-height: 30px; text-align: center; padding: 5px 0;}

/* 내용 숨기기 */
.hideLine_1 {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;}
.hideLine_3 {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
.hideLine_5 {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;}


/* 상세보기 내용 구분 박스 */
.round_Box {border-radius: 8px;padding: 10px;margin-bottom: 13px;background: #fff;box-shadow: 1px 1px 2px 2px rgba(50, 50, 50, .05);}

/*서브메뉴 밑 하트사진(고정)*/

#liked1 a img{position: fixed;bottom: 55px; right: 23px; z-index: 1;}
#scrollimg1{position: fixed;bottom: 33px; right: 2px; z-index: 1;}

/*실거래가 및 그래프 css*/
.info-box {/*background: #e8f7ff;*/}
.info-box .sub-titlearea {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 50px;}
.info-box.jub {overflow: hidden;}
.info-box .sub-titlearea .left {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.info-box .sub-titlearea .title {color: #129ded;font-size: 16px;font-weight: 700;}
.ui-con-jub {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 23px;height: 30px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.ui-con-jub.close {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.ui-con-jub:before {content: '';display: block;width: 15px;height: 8px;background: url("/images/ui_ico.png") no-repeat -258px 0;}
.info-main-box {padding-bottom: 30px;}
.info-line-tbl table {width: 100%;}
table.list_table {border-spacing: 0;border-collapse: collapse;}
.info-line-tbl {line-height: 1;}
.info-line-tbl table {width: 100%;}
.info-line-tbl th, .info-line-tbl td {max-width: 130px;text-align: center;line-height: 14px;word-break: break-all;word-wrap: break-word;}
.info-line-tbl thead {border-top: 1px solid #7790ad;}
.info-line-tbl thead th {padding: 6px 0;color: #666666;font-size: 13px;font-weight: 500;line-height: 17px;}
.info-line-tbl tbody td {padding: 5px 3px;border-bottom: 1px solid;font-size: 13px;color: #222;line-height: 17px;letter-spacing: -1px;}
.info-line-tbl tbody td.txt-a-left {text-align: left;}
.info-line-tbl tbody td.td-su {word-break: unset;}
.info-line-tbl tbody td .under {color: var(--color-bdsplanet);border-bottom: 1px solid var(--color-bdsplanet);}
.info-line-tbl tbody td .under.style02 {color: #7790ad;border-color: #7790ad;}
.info-line-tbl tbody td:last-child {border-right: 0;}
.info-line-tbl tbody .bg-gray td {background: #fcfcfc;}
.info-line-tbl.color-b7 thead {border-bottom: 1px solid #b7d2e6;}
.info-line-tbl.color-b7 tbody td {border-color: #b7d2e6;}
.info-line-tbl.color-ee thead {border-bottom: 1px solid #eee;}
.info-line-tbl.color-ee tbody td {border-color: #eee;}
.info-line-tbl.color-e5 thead {border-bottom: 1px solid #e5e5e5;}
.info-line-tbl.color-e5 tbody td {border-color: #e5e5e5;}
.info-line-tbl.dup table {margin-top: -1px;}
.info-line-tbl.td-bg-yellow td {background: #fcf8d7;}
.info-line-tbl .fwb {font-weight: bold;}.scroll::-webkit-scrollbar { width: 6px; }
.scroll::-webkit-scrollbar-thumb { background: #b7d2e6; }
.scroll::-webkit-scrollbar-track { background: #eee; }

.rp_container .areaname {left:65px;position:absolute;border:1px solid #1088cd;color:#129ded;border-radius: 5px;font-size: 12px;padding:0px 3px 0px 3px ;}
/*.rp_container .chart_malpu{border:1px solid #000;}*/
.rp_container .chart_malpu {display: none;padding: 4px 9px 5px;min-height: 24px;border: 1px solid #7790ad;border-radius: 4px;font-size: 13px;color: #666;background: #fff;position: absolute;-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);z-index: 1;line-height: 16px;}
.rp_container .cur{/*	display: none; */position: absolute;*-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 8px;height: 8px;margin-left: -4px;border-left: 1px solid #7790ad;border-bottom: 1px solid #7790ad;background: #fff;z-index: 100;}
.chart_malpu {min-width: 110px;white-space: nowrap;}
.rp_container {/*float:right;*/20px;width:50%; height:316px; display:inline-block;position:relative;padding-top:20px;padding:10px;}



.btfDlu {position: relative;z-index: 1;margin-top: 24px; }
.jwkFpg1{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg2{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg3{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg4{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg6{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg12{width:335px;margin: 0px auto;height:83px;background:#30A2FF; box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 15px;cursor: pointer;}
.jwkFpg1.on{background-color:#1e1e1e;}
.jwkFpg2.on{background-color:#1e1e1e;}
.jwkFpg3.on{background-color:#1e1e1e;}
.jwkFpg4.on{background-color:#1e1e1e;}
.jwkFpg6.on{background-color:#1e1e1e;}
.jwkFpg12.on{background-color:#1e1e1e;}
.cSMBgp {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;}
.puNgr {padding: 0px 0px 50px 5px;color: rgb(255, 255, 255);}
.eLDRfi {padding-left:28px;font-size: 13px;font-weight: bold;letter-spacing: -0.27px;}
.hNeOjH {font-size: 11px;letter-spacing: 0.1px;} 
.cPEgBU {display: none;}
.bvkbkq{color:white;font-size:10px;font-weight: bold; padding-bottom:65px;padding-left:13px; padding-top:10px;}
.bhWhlq {margin-right: 43px;width: 96px;height: 138px;padding: 15px 0px 30px 50px;color:white;font-size:10px;font-weight: bold;}
.paypyo{display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between; padding:15px 10px 10px 30px; font-size: 20px; font-weight: bold;}
.jwkFpgsfdsf{width: 340px;margin: 0px auto;height:150px;background-color:white;box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 20px;}
.cardpaybutton{width: 330px;margin: 0px auto;height:83px;background-color:#1caf82;box-shadow: rgb(0 0 0 / 16%) 0px 8px 12px 0px;border-radius: 20px;cursor: pointer;}
.explainpaybutton{width: 340px;margin: 0px auto;height:100px; margin-top:50px;}
.gongzi{font-size:13px;width: 340px;margin: 0px auto;height:100%;border-radius: 20px;cursor: pointer; text-align:center; background-color: #ef4d4d; color:white; margin-bottom:10px;}


.ico-ask01p {cursor: help;width: 30px;height: 30px;background: url("/images/ico_eq01.png") no-repeat 0 0;display: inline-block;}
.cd1tipp {font-size:13px;width: 750px;margin: 0px auto;height:100%; position: relative;}
.cd1tipp .tipp {visibility: hidden;width: 100%;background: black;color: #fff;font-weight: bold;text-align: left;padding: 10px;border-radius: 7px; font-size:15px;
      /* 풍선 위치 잡기*/
      position: absolute;
      z-index: 999;
      top: calc(100% - 2px);
      left:0;
      /* 투명도 */
      opacity: 1;
      line-height: 20px;
	  width:100%;
  }
.cd1tipp .tipp::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: 0px;right:28px;}
.cd1tipp:hover .tipp {visibility: visible;opacity: 0.9; z-index: 999;}
.flt_midr1p{float:right;text-align:right;position:relative;display: flex;margin-right:40px;}