/*=============================================================================+
| COMMON
+-----------------------------------------------------------------------------*/
.scrollBox { width:100%; height:100%; overflow-y:auto; overflow-x:hidden; }


.cBox { padding:10px; margin: 10px 0 10px 0; box-shadow: 0px 3px 6px 0px rgb(0 13 57 / 10%); background-color:white; }
.cBoxR {position:relative; padding:20px; margin: 10px 0 10px 0; box-shadow: 0px 3px 6px 0px rgb(0 13 57 / 10%); background-color:white; border-radius:20px; }

/*=============================================================================+
| WRAP
+-----------------------------------------------------------------------------*/
.wrap { width:100%; height:100%; display:flex; flex-direction: column; align-items: center; justify-content: center;position:relative; overflow:hidden; }
.wrap .wrapHead { width:100%; height:55px; flex-shrink:0; position:relative;}
.wrap .wrapBody { width:100%; height:100%; position:relative; }

.whereValue {position: absolute; top:50%;  right:15px;  transform:translate(0,-50%); font-size: 12px; letter-spacing:-0.5px;  cursor:pointer;}
.whereValue select {padding:3px 7px 3px 3px; }


.wrap .wrapBody .wrapLeft { width:250px; height:100%; position:absolute; top:0; left:0; z-index:6000; display:none; }
.wrap .wrapBody .wrapLeft .wrapLeftToggle { width:20px; height:40px; position:absolute; right:-20px; top:250px; z-index:10; background-color:rgba(255,255,255,0.9); border-radius:0 5px 5px 0; box-shadow: rgb(0 0 0 / 15%) 0px 2px 2px 0px; }

.wrap .wrapBody .wrapCenter { /* position:relative; z-index:1000; */ }
.wrap .wrapBody .wrapMap { width:100%; height:100%; position:absolute; display: flex; }

.wrap .wrapBody .wrapMap #mapRv { display:none; width:100%; height:100%; }
.wrap .wrapBody .wrapMap #map { display:block; width:100%; height:100%; }

.wrap .wrapBody .wrapMap #mapRv.rvMode { width:60%; height:100%; }
.wrap .wrapBody .wrapMap #map.rvMode { width:40%; height:100%; }

.wrap .wrapBody .wrapRight { width:250px; height:100%; position:absolute; top:0; right:0; z-index:6000; /* display:none; */ }
.wrap .wrapBody .wrapRight .wrapRightToggle { width:20px; height:40px; position:absolute; left:-20px; top:250px; z-index:10; background-color:rgba(255,255,255,0.9); border-radius:5px 0 0 5px; box-shadow: rgb(0 0 0 / 15%) 0px 2px 2px 0px; }


.wrap .wrapBody .wrapTopLeft { position:absolute; top:5px; left:5px; z-index:1100; display: flex; flex-direction: column; }
.wrap .wrapBody .wrapTopCenter { width:100%; position:absolute; top:5px; z-index:1000; text-align:center; }
.wrap .wrapBody .wrapTopRight { position:absolute; top:5px; right:5px; z-index:1100; display: flex; flex-direction: column; }
.wrap .wrapBody .wrapMidRight { position:absolute; top:30%; right:0; z-index:1100; }

.wrap .wrapBody .wrapTopLeft > button
,.wrap .wrapBody .wrapTopRight > button { margin: 0 4px 8px 4px; }

.wrap .wrapBody .wrapBtmLeft { position:absolute; z-index:1; left:10px; bottom:10px; z-index:99; }
.wrap .wrapBody .wrapBtmRight { position:absolute; z-index:1; right:10px; bottom:10px; z-index:1100; }
.wrap .wrapBody .wrapBtmCenter { width:50%; position:absolute; bottom:0; left:25%; z-index:1000; text-align: center; }

.wrap .wrapBody .wrapBtm { width: 100%; height: auto; text-align: center; position:absolute; bottom:0; left:0; z-index:1100; }


.wrapToggleBtn { position:absolute; z-index:1; }
.wrapToggleLeftBtn
,.wrapToggleRightBtn { width:20px; height:40px; position:absolute; top:250px; z-index:10; background-color:rgba(255,255,255,0.9); box-shadow: rgb(0 0 0 / 15%) 0px 2px 2px 0px; }
.wrapToggleBtn.open .close { display:none; }
.wrapToggleBtn.close .open { display:none; }



.wrap .wrapBody .wrapBtmRight .btnSearchWordOpen { width: 45px; height: 45px; font-size: 20px; border-radius: 50px; }

/* .wrap .wrapBody .wrapBtmCenter .btnSearchWordOpen { width: 40px; height: 40px; font-size: 20px; position: absolute; right: 10px; bottom: 10px; border-radius: 20px; } */
.wrap .wrapBody .wrapBtmCenter .btnIndexViewToggle { width:auto; height:30px; display:none; font-size: 14px; padding:5px 20px; font-weight:normal; border-bottom-left-radius:0; border-bottom-right-radius:0; }

.wrap .wrapBody .wrapBtmCenter .searchWordWrap { width:100%; display:none; background-color:rgba(255,255,255,0.8); padding:0; margin:0 auto; align-items: center; /* position: fixed; bottom:0; */ }

.wrap .wrapBody .wrapBtmCenter .searchWordWrap i { width: 19px; height: 19px; display: block; margin: auto; }
.wrap .wrapBody .wrapBtmCenter .searchWordWrap a
,.wrap .wrapBody .wrapBtmCenter .searchWordWrap button { width: 10%; height:100%; max-width: 50px; display: block; text-align: center; border: 0; margin:0; box-shadow: none; line-height: inherit; font-size: 13px; font-weight: bold; }

.wrap .wrapBody .wrapBtmCenter .searchWordWrap .searchWord { width:100%; }

.wrap .wrapBody .wrapBtmCenter .searchWordWrap .searchWord { background-color:transparent; font-size:14px; border:0; text-indent:10px;}
.wrap .wrapBody .wrapBtmCenter .searchWordWrap .btnSubmit { min-width: 40px; background:url(/_img/searchico.png)no-repeat center transparent; background-size:auto 17px; }
.wrap .wrapBody .wrapBtmCenter .searchWordWrap .btnFilter { min-width: 40px; background-color:#f7e723; color:#333;}
.wrap .wrapBody .wrapBtmCenter .searchWordWrap .btnFilter i { background: url(/_img/filterico.png) no-repeat center; background-size: 19px; margin-top: 10px; }
.wrap .wrapBody .wrapBtmCenter .searchWordWrap .btnClose { min-width: 40px; background-color:#f2f4f6; color:#333; }
.wrap .wrapBody .wrapBtmCenter .searchWordWrap .btnClose i { background: url(/_img/headercloseico.png)no-repeat center; background-size: 19px; }

.wrap .wrapBody .wrapBtmCenter .searchWordWrap { display:none; position:relative; width:100%; }


/* FOR WINLAY */
.winLayWrap.winLayWrap-size-right { /* padding-top:55px; */ top: 55px; height: calc(100% - 55px); }

.wrapHead .siteStatCount { height:100%; display: flex; align-items: center; margin-left:60px; color:rgba(0,0,0,0.5); }


.icoMenu { width: 55px; height: 55px; position: absolute; top: 0px; left: 5px; }
.icoMenu span { height: 2px; width: 100%; position: absolute; left: 0; background-color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }

.icoMenu.close .barTop { top: 15px; left:10px; width: 50%; }
.icoMenu.close .barMid { top: 25px; left:10px; width: 30%; }
.icoMenu.close .barBot { top: 35px; left:10px; width: 50%; }

.icoMenu.open .barTop { width: 50%; transform:rotate(45deg);-webkit-transform:rotate(45deg);top:25px; left:10px; }
.icoMenu.open .barBot { width: 50%; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:25px; left:10px;}
.icoMenu.open .barMid { width: 0; }


/*
		<button class="wrapToggleBtn wrapToggleLeft close" onclick="wrap.toggle('wrapLeft');" style="">
			<div class="icoMenu close">
				<span class="barTop"></span>
				<span class="barMid"></span>
				<span class="barBot"></span>
			</div>

		</button>


		<a class="btn_all_menu" onclick="wrap.toggle($('.wrapLeft > .wrapLeftToggle'));">
			<div>
				<span class="barTop"></span>
				<span class="barMid"></span>
				<span class="barBot"></span>
			</div>
		</a>
*/



/*=============================================================================+
| TABLE CHART
+-----------------------------------------------------------------------------*/
table.inputChart { position:relative; width: 100%; }

table.inputChart thead tr th
,table.inputChart thead tr td { background-color:#f7f7f7; }

table.inputChart tbody tr td { word-break: break-word; }

table.inputChart tr .chartOpt {
	width:100%; height:50px;
	background-color:white; border:1px solid #EEE;
	display:none;
	position:absolute; left:0; margin-top:10px;
	justify-content: center; align-items: center; flex-wrap: wrap;
	box-shadow: 1px 2px 2px 0px rgb(0 0 0 / 20%);
}

table.inputChart tr.active td { padding-bottom:55px; }
table.inputChart tr.active .chartOpt { display:flex; }

table.inputChart th
,table.inputChart td { text-align:center; padding:5px 0; margin:0; line-height:normal; border:1px solid #EEE; }


table.inputChart th { white-space:nowrap; }
table.inputChart td input { width:100%; height:100%; line-height:normal; text-align:center; padding:2px 0; margin:0; border:1px solid transparent; background-color:transparent; }

table.inputChart.inputChart-sm td { padding:1px 0; }

.filterWrap { display:flex; align-items: center; justify-content: center; padding:10px 0 0 0; }
.filterWrap input
,.filterWrap button { font-size:14px; height:24px; line-height:24px; padding:0 5px; display:inline-block; border:1px solid silver; background-color:transparent; }


.inlineInput { height:30px; border: 1px solid rgba(0,0,0,0.1); background: #e6e6e6; border-radius: 5px; overflow:hidden; color: #777; display:inline-block; }
.inlineInput input { width:100px !important; height:100%; border:0px !important; background-color:#FFF !important; }


@media only screen and (max-width: 700px){
	table.inputChart tr .chartOpt button
	,table.inputChart tr .chartOpt span { font-size:12px; padding:1px; }

	.inlineInput  { height:22px; font-size:12px; }
}

.pageWrap {
	width:100%; height:100%;
	overflow:hidden;
	display:flex;
	flex-direction: column;
	background-color: #f2f4f6;
/* 	border:1px solid #666; border-radius:5px; box-sizing:border-box; */
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);
}

.pageWrap form { display:flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; }


.pageWrap .pageWrapHead { width:100%; height:40px; flex-shrink:0; padding-left:10px; border-bottom:1px solid #CCC; box-sizing:border-box; background:white; box-shadow:0px 1px 3px 0px rgb(0 0 0 / 20%);  }

.pageWrap .pageWrapSubMenu { width:100%; background:#fff; padding:0 30px; }
.pageWrap .pageWrapSubMenu ul { }
.pageWrap .pageWrapSubMenu ul li {  }

.pageWrap .pageWrapSubMenu ul{}
.pageWrap .pageWrapSubMenu ul li{display:inline-block;}
.pageWrap .pageWrapSubMenu ul li a{
	line-height: 65px;
    font-size: 16px;
    margin-right: 17px;
	position:relative;
	display:block;
	color:#777;
}
.pageWrap .pageWrapSubMenu ul li.active a {font-weight:600; color:#111;}
.pageWrap .pageWrapSubMenu ul li.active a:after{
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    position: absolute;
    background: #333;
    left: 0;
}


.pageWrap .pageWrapBody { width:100%; height:100%; overflow:auto; padding:0; margin:0; }
.pageWrap .pageWrapFoot { width:100%; height:40px; flex-shrink:0; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5); }

.pageWrap .pageWrapFoot .btnWrap a
,.pageWrap .pageWrapFoot .btnWrap button {
	height:40px; line-height:40px; box-sizing:border-box;
	padding:0; margin:0;
	border-radius:0;
}

.pageWrap .pageWrapHead h2.tit {
	line-height:40px;
	font-size:16px;
	font-weight: bold;
	display:inline-block;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    width: 100%;
}

.pageWrap .pageWrapHead .btnWrap {
	display: inline-block;
	width: auto;
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 20px;
	padding: 10px 20px 0 20px;
}

.pageWrap .pageWrapHead .close {
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 20px;
	padding: 10px;
}


.pageWrap .pageWrapTab {
	width:100%; display:flex; justify-content: center; flex-wrap:wrap;
	background-color: white;
	padding:0 10px;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
}

.pageWrap .pageWrapTab a { text-align:center; padding:10px 15px;}
.pageWrap .pageWrapTab a.active { color:#000; border-bottom:2px solid black; }



.pageWrap .pageWrapBtn {
	width:100%; display:flex;
/* 	justify-content: space-around; */
	background-color: white;
	padding:10px;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
}

.pageWrap .pageWrapBtn > div { height:30px; border:1px solid silver; overflow:hidden; border-radius:5px; padding:0; }

.pageWrap .pageWrapBtn a
,.pageWrap .pageWrapBtn label
,.pageWrap .pageWrapBtn select
,.pageWrap .pageWrapBtn input
,.pageWrap .pageWrapBtn button { width:auto; height:100%; display:inline-block; padding:5px; margin:0; }

.pageWrap .pageWrapBtn label { font-weight:bold; }
.pageWrap .pageWrapBtn select
,.pageWrap .pageWrapBtn input { border-left:1px solid silver; border-right:1px solid silver; }
.pageWrap .pageWrapBtn button { background-color:white; }

/*=============================================================================+
| contBox
+-----------------------------------------------------------------------------*/
.contBox { border-radius:20px; padding:20px; overflow: hidden; background-color:#FFF; box-shadow: 0px 3px 6px 0px rgb(0 13 57 / 10%); margin-bottom: 10px; }

.contRow { margin-bottom:20px; }

.contLRWrap { display:flex; position: relative; overflow:hidden; }

.contLRWrap .contL {
	position: relative;
	max-width:160px;
	overflow: hidden;
	flex-shrink: 0;
}

.contLRWrap .contR {
	position: relative;
	width: 100%;
	padding-left:10px;
	margin-bottom:10px;
	min-width: 0px;
}

.contLRWrap .contR h3 {
	display:block;
	max-width: 100%;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.contLRWrap .contR small {
	display:block;
	max-width: 100%;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media only screen and (max-width: 550px){
	.contBox { border-radius:10px; padding:10px; }
	.contRow { margin-bottom:10px; }
}
/*=============================================================================+
|
+-----------------------------------------------------------------------------*/
#wrap{}
#wrap.code_auth {min-height:100%;}

.contHead {
	width:100%; height:55px;
/*
	position:fixed;
	z-index:11;
	display:block;
*/
	background:#ffe221; /* #47516e; */
	background: url(/_img/authbg.png)no-repeat #f7e722 center fixed;
	box-shadow:0 0 14px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.contHead > h1.logo {width:100%; position:absolute; left:0;top:0; content:'';}

.contHead > h1.logo a {
	display: block;
	background: url(/_img/logob2.png)no-repeat center; /* /_img/mlogolw.png */
	width: 83px;
	height: 55px;
	background-size: 100%;
	margin: auto;
}

/* .pcMenu {width:300px; background:#f2f4f6; box-shadow: 0px 10px 20px 10px rgba(0,13,57,0.1);z-index:2;float: left; height:100%;} */



.contHead .btn_all_menu {
/*	 z-index: 100; */
	position: absolute;
	width: 55px;
	height: 55px;
	top: 0px;
	left: 5px;
}
.contHead .btn_all_menu div {
	position: absolute;
	width: 24px;
	height: 17px;
	left: 50%;
	top: 50%;
	margin-left: -12.5px;
	margin-top: -8.5px;
}
.contHead .btn_all_menu span{
	position: absolute;
	left: 0;
	height: 2px;
	background-color: #fff;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	width: 100%;
}
.contHead .btn_all_menu span.barTop{top: 0;}
.contHead .btn_all_menu span.barMid{top: 8px;width: 70%;}
.contHead .btn_all_menu span.barBot{top: 16px;}
.contHead .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:8px;}
.contHead .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:8px;}
.contHead .btn_all_menu.on .barMid {width: 0;}
.contHead .btn_all_menu.on span {}
.contHead .btn_all_menu.on {}
.contHead .searchIco {position:absolute; width:55px; height:55px; right:0; top:0;}
/*.mheader .searchIco button {
	background: url(/_img/searchico2.png)no-repeat center;
	display: block;
	width: 55px;
	height: 55px;
	background-size: 25px;
}
*/
/* Header :: °Ë»ö¹öÆ° */
.header-search-box{ }
.header-search-close-btn, .header-search-filter-btn {width:55px; height:55px;}
/*
.header-search-open-btn {
	font-size: 30px;
    margin: 10px;
    background: rgba(255,255,255,0.8);
    padding: 10px;
    border-radius: 50%; }
*/

.mobileIco { background: url('/_img/searchico.png')no-repeat center; background-size: 25px; } /* /_img/searchico2.png */

.header-search-info { width: 100%; /* height:100%; */ display: none; overflow: hidden; position: fixed; left: 0; top: 0; background-color: #ffe221; /* #47516e; */ text-align: center; }
.header-search-info .header-search-inner-box { overflow:hidden; /* height:100%; */ line-height:55px; }
.header-search-info .header-search-inner-box label { /* color:white; */ font-size:20px; }

.header-search-info .header-search-close-btn { position:absolute; top:0px; right:0px; background-color:#f2f4f6; color:#333; }

.header-search-info .header-search-close-btn i, .header-search-inner .header-search-filter-btn i{width:19px; height:19px; display:block; margin:auto; }
.header-search-info .header-search-close-btn span, .header-search-inner .header-search-filter-btn span{  text-align: center; display: block; font-size: 12px; margin-top:1px; }
.header-search-info .header-search-close-btn i {background:url(/_img/headercloseico.png)no-repeat center; background-size:19px; }
.header-search-info .header-search-filter-btn i {background:url(/_img/filterico.png)no-repeat center; background-size:19px;margin-top:10px;}


.header-search-inner {
	display: none;
	overflow: hidden;
	position: fixed;
	/*	 z-index: 1000; */
	left: 10px;
	bottom: 10px;
	padding: 10px 115px 9px 15px;
	background-color: rgba(255,255,255,0.8); /* #2b3142; */
	text-align: left;
	width:calc(100% - 20px);;
}

.header-search-inner .header-search-inner-box{overflow:hidden; height:36px; }
.header-search-inner .header-search-word{height:36px; width:calc(100% - 36px); vertical-align:top; background-color:transparent;font-size:14px; border:0; /* color:#fff; */ text-indent:10px;}
.header-search-inner .header-search-btn{vertical-align:top; margin-left:-4px;width: 36px; height: 36px; background:url(/_img/searchico.png)no-repeat center transparent; background-size:auto 17px; }
.header-search-inner .header-search-close-btn{position:absolute; top:0px; right:0px; background-color:#f2f4f6; color:#333; }
.header-search-inner .header-search-filter-btn {position:absolute; top:0px; right:55px; background-color:#f7e723; color:#333;}

.header-search-box.open .header-search-inner{
	display: inline-block;
	width: 400px;
	top: 0;
	left: auto;
	right: 0;
	z-index: 1;
}
.header-search-btn {}

.header-search-inner .header-search-close-btn i, .header-search-inner .header-search-filter-btn i{width:19px; height:19px; display:block; margin:auto; }
.header-search-inner .header-search-close-btn span, .header-search-inner .header-search-filter-btn span{  text-align: center; display: block; font-size: 12px; margin-top:1px; }
.header-search-inner .header-search-close-btn i {background:url(/_img/headercloseico.png)no-repeat center; background-size:19px; }
.header-search-inner .header-search-filter-btn i {background:url(/_img/filterico.png)no-repeat center; background-size:19px;margin-top:10px;}

.allMenuWrap {z-index: 99; height:100%; overflow-x: hidden; overflow-y: auto;position: fixed;width: 100%; max-width:550px; left: -100%;top: 0px;box-sizing:border-box;background-color: #fff;transition:left .4s ease-in-out;-webkit-transition:left .4s ease-in-out;}
.allMenuWrap.active {left: 0;}

/*=============================================================================+
| 왼쪽 leftBox -> contLeft
+-----------------------------------------------------------------------------*/
.wrapLeft .scrollBox
,.wrapRight .scrollBox {
	width: 100%;
	background:url(/_img/scrollBox_bg.png) no-repeat bottom ;
	background-color: rgba(255,255,255,1);
	position: relative;
	-webkit-overflow-scrolling: touch;
}
.wrapLeft .topBox {background:#f2f2f2; color:#fff; padding:20px 15px; }
.wrapRight .topBox {background:#2895ff; color:#fff; padding:20px 15px; }

.wrapLeft .topBox h1{}
.wrapLeft .topBox h1 a{
	background: url(/_img/logoylw.png)no-repeat;
	width: 123px;
	height: 44px;
	margin-bottom: 30px;
	display: block;
	margin: 10px auto 30px;
}
.wrapLeft .topBox .topInfo { background:#fff; /*background:#47516e;*/ padding:13px 20px 20px 20px; border-radius:10px; margin-bottom:15px; }
.wrapLeft .topBox .topInfo ul {}
.wrapLeft .topBox .topInfo ul li{ line-height: 33px; font-size:14px;}
.wrapLeft .topBox .topInfo ul li span.tit{
	width: 50px;
	display: inline-block;
	color: #292929;
}
.wrapLeft .topBox .topInfo ul li span.toptit {font-weight:400; color: #292929;}
.wrapLeft .topBox .topInfo ul li span.txt{ font-weight:bold; color:#292929;

}
.wrapLeft .topBox .topInfo ul li p.period {font-weight:bold; color: #292929;}
.wrapLeft .topBox .topInfo ul li p.period span{
	border: 1px solid rgba(255,255,255,0.3);
	padding: 0 12px;
	border-radius: 20px;
	font-size: 13px;
	margin: 5px 0;
	display: inline-block;
	letter-spacing: 0;
}



.wrapLeft .topBox .topInfo .btnWrap .btn {font-weight:600; font-size:15px;margin-top:10px;}


.menuWrap {display:inline-block; width:100%;}
.menuWrap ul.topIco{}
.menuWrap ul.topIco li{float:left; width:25%;}
.menuWrap ul.topIco li a {
	display: block;
	text-align: center;
	border: 1px solid #eee;
	margin: 0 -1px;
	background: #fff;
	padding: 10px 0;
	font-size: 13px;
	line-height: 24px;
	color:#777;
}
.menuWrap ul.topIco li:hover a{background:#f2f4f6;}
.menuWrap ul.topIco li a i.ico{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/_img/pcmyico2.png)no-repeat;
	margin: 0 auto 0px;
}

.menuWrap ul.topIco li a i.ico-01 { background-position:0 0; }
.menuWrap ul.topIco li a i.ico-02 { background-position:-32px 0; }
.menuWrap ul.topIco li a i.ico-03 { background-position:-64px 0; }
.menuWrap ul.topIco li a i.ico-04 { background-position:-96px 0; }

.menuWrap .gnb { width:100%;display:inline-block; padding:15px 0; /* background:#fff; */ }
.menuWrap .gnb > li { width:100%; }
.menuWrap .gnb > li > a { display:block;  width:100%; font-size:16px; color:rgba(68,68,68,1); font-weight:600; /* background:#fff; */ text-decoration:none; padding:8px 20px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;
	 position:relative;
}

.mapnew:after {content:'N'; background:red; color:#fff; border-radius:50px;  position:absolute; width:15px; height:15px; text-align:center; top:4px; font-size:9px; font-weight:bold;}
/*.menuWrap .gnb > li:nth-child(3) > a {padding:8px 20px 20px 20px;}*/
.menuWrap .gnb > li.line a {/*padding:8px 20px 20px 20px;*/}
.menuWrap .gnb > li > a > i {display:inline-block; margin-right:8px; width:20px; height:20px; vertical-align:middle;}
.menuWrap .sub > li > a > i {display:inline-block; margin-right:8px; width:20px; height:20px; vertical-align:middle;}
.menuWrap .gnb > li > a > i.rightIcon.gap {background:url('/_img/right_ico_gap.png')no-repeat center;}
.menuWrap .gnb > li > a > i.rightIcon.share {background:url('/_img/right_ico_share.png')no-repeat center;}
.menuWrap .gnb > li > a > i.rightIcon.fancy {background:url('/_img/right_ico_fancy.png')no-repeat center;}
.menuWrap .sub > li > a > i.rightIcon.bank {background:url('/_img/right_ico_bank.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.mart {background:url('/_img/right_ico_mart.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.hospital {background:url('/_img/right_ico_hospital.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.oil {background:url('/_img/right_ico_oil.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.cafe {background:url('/_img/right_ico_cafe.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.store {background:url('/_img/right_ico_store.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.medi {background:url('/_img/right_ico_medi.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.public {background:url('/_img/right_ico_public.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.kids {background:url('/_img/right_ico_kids.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.school {background:url('/_img/right_ico_school.png')no-repeat 0 -1px;}
.menuWrap .sub > li > a > i.rightIcon.bus {background:url('/_img/right_ico_bus.png')no-repeat 0 -1px;}

/* .menuWrap .gnb > li > a.active { font-weight:bold; background: rgb(247,233,0); background: linear-gradient(0deg, rgba(247,233,0,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); } */



/*
<ul class="gnb" id="gnb">

	<li><a class="check" data-option="tranGapYOnly" onclick="build.btnEvt(this); wrap.toggle('wrapRight');">갭투자 현장</a></li>
	<li><a class="check" data-option="teamMeOnly" onclick="build.btnEvt(this); wrap.toggle('wrapRight');">공유받은 현장</a></li>

	<li>
		<a class="depth" onclick="$(this).toggleClass('on');">편의시설</a>
		<ul class="sub" onclick=" wrap.close('wrapLeft');">
			<li><a class="check" data-place-code="BK9" onclick="build.mapPlaceToggle(this)">은행</a></li>
			<li><a class="check" data-place-code="MT1" onclick="build.mapPlaceToggle(this)">마트</a></li>
			<li><a class="check" data-place-code="HP8" onclick="build.mapPlaceToggle(this)">병원</a></li>
			<li><a class="check" data-place-code="OL7" onclick="build.mapPlaceToggle(this)">주유소</a></li>
*/





.menuWrap .gnb > li:hover > a { color:#2594cb;}
.menuWrap ul.topIco li:hover a { color:#2594cb;}

.menuWrap .gnb > li > a:after {
	position: absolute;
	background: url('/_img/nextarr.png')no-repeat center;
	background-size: 10px;
	right: 20px;
	top: 50%;
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
}


.menuWrap .gnb > li > a.on {}
.menuWrap .gnb > li > a.depth.on + .sub { display:block; }
.menuWrap .gnb > li > a.depth:after {
	background: url('/_img/plusarr.png')no-repeat center;
	background-size: 10px;

}
.menuWrap .gnb > li > a.depth.on:after {
	background: url('/_img/minusarr.png')no-repeat center;
	background-size: 10px;
}
.menuWrap .sub { display:none;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;  padding:15px;}
.menuWrap .sub > li {width:100%;}
.menuWrap .sub > li > a {position:relative; display:block; width:100%; font-size:15px; color:#666;padding-left:10px; font-weight:400; text-decoration:none; padding:10px 6px;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
}


/*
.menuWrap .gnb .check:before { float:right; margin:0; padding:0; right:0; top:0; width:16px; height:16px; content: ''; border:1px solid black; background:inherit; }
*/
/* .menuWrap .gnb .check:before { position:relative; float:right; margin:0; padding:0; right:auto; top:auto; width:16px; height:16px; content: ''; border:1px solid black; background:inherit; } */

.menuWrap .gnb .check { position:relative; }
.menuWrap .gnb .check:after { position:unset; float:right; margin:0; padding:0; width:16px; height:16px; content: ''; border:2px solid #AAA; border-radius:6px; background:inherit; }
.menuWrap .gnb .check.active:after {/* border:2px solid #444;*/ background:linear-gradient(to bottom, #2895ff 0%, #2895ff 100%) no-repeat; background-size: calc(100% - 4px) calc(100% - 4px);
background-position: center; }

.menuWrap .gnb .check.active { color:#2895ff; }




.mCSB_inside > .mCSB_container{margin-right:0;}

.policyBtn { padding: 15px ; display: inline-block; width: 100%; }
.policyBtn a{font-size:13px; padding-right:15px; color:#999;}
.policyBtn a:nth-of-type(1) {color:#333; }
.policyBtn p.copy{font-size:11px;margin-top:15px; letter-spacing:0; color:#999;}

.copyright { padding: 0 15px ; display: inline-block; width: 100%; font-size: 11px; color: #888; }
.copyright p {  }


.contMain .btmSearchWrap { position:absolute;bottom:10px; z-index:1; width:100%; text-align:center; text-align:right; }


.wrapCenter .wrapTopCenter {  }
.wrapCenter .wrapTopCenter .filterWrap {  }
/* .contMain .topFilterWrap { position:absolute;bottom:40px; z-index:1; display:flex; width:100%; justify-content:center; } */
.contMain .topFilterWrap { position:absolute; top:5px; width:100%; text-align:center; }
.wrapCenter .wrapTopCenter .filterWrap { display:inline-block; z-index:3; position:relative; font-size:0; }

.wrapCenter .wrapTopCenter .filterWrap > span { width:100px; display:inline-block; box-sizing:border-box; font-size:16px; background-color:rgba(255,255,255,0.9);  box-shadow: 1px 1px 2px #888; border-radius: 0; }

.wrapCenter .wrapTopCenter .filterWrap > span.active { /* background:#1894cb; color:#fff; */ }

.wrapCenter .wrapTopCenter .filterWrap > span button { width:100%; height:100%; line-height:unset; font-weight:normal; padding:6px 0; border:0; background-color:transparent; font-size:14px; letter-spacing:-0.5px; border-radius:0; box-shadow:none; }

.wrapCenter .wrapTopCenter .filterWrap > span button.active { background:#2895ff; color:#fff; }
.wrapCenter .wrapTopCenter .filterWrap > span.active > button { background:#2895ff; color:#fff; }

.wrapCenter .wrapTopCenter .filterWrap > span.activeRed.active > button { background:#e61d64; color:#fff; }
.wrapCenter .wrapTopCenter .filterWrap > span.activeRed button.active { background:#e61d64; color:#fff; }

.wrapCenter .wrapTopCenter .filterWrap > span.popCircle { width:100px; position:relative; }
.wrapCenter .wrapTopCenter .filterWrap > span.popCircle button { width:65px; height:65px; border-radius: 50%; display: inline-block; color: #fff; background-color: #2b3142; padding:10px 0 0 0; margin:0; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; position: absolute; top: -15px; left: 10px; }
.wrapCenter .wrapTopCenter .filterWrap > span.popCircle button .count { position: absolute; left: 50%; top: 0; display: block; color: #fff; min-width: 20px; height: 20px; border-radius: 30px; background: red; font-size: 11px; text-align: center; line-height: 20px; white-space:nowrap; }




.wrapCenter .wrapTopCenter .filterWrap > span .onhover { /* position: absolute; */ /* bottom: 35px; */ display: none; border: 1px solid; background-color:transparent; }
.wrapCenter .wrapTopCenter .filterWrap > span .onhover button { display:block; /* min-width: 80px; */ }
.wrapCenter .wrapTopCenter .filterWrap > span:hover .onhover { display:block; }


/*
.contMain .topFilterWrap .filterWrap > span .onhover button { font-size:13px; padding:8px 0; }
.contMain .topFilterWrap .filterWrap > span .onhover button:hover { background:#f7e722; }
.contMain .topFilterWrap .filterWrap > span .onhover button.active { background:#f7e722; color:#000; }
*/










.contMain .btmList { position:absolute;bottom:40px; z-index:1; margin-left:-250px; left:50%; }
/* .contMain .btmList.disable { opacity:0.5; pointer-events: none; } */

.contMain .btmList > ul {text-align:center;}
.contMain .btmList > ul > li {
	display: inline-block;
	width: 100px;
	font-size: 16px;
	margin: 0 -2px;
	position:relative;
}
/*
<ul>
	<li><button type="button" btn-opt="all">전체</button></li>
	<li>
		<button type="button" btn-opt="new">신축</button>
		<div class="optLayer">
			<button type="button" btn-opt="safePersonal">안심개인</button>
			<button type="button" btn-opt="safeEtc">안심통합</button>
		</div>
	</li>
	<li><button type="button" btn-opt="old">구옥</button></li>
	<li><button type="button" btn-opt="safe">안심</button></li>
	<li><button type="button" btn-opt="filter_btm">가오픈</button></li>
	<li>
		<button type="button" btn-opt="today" class="circleBtn">
			Today
			<span class="count">1</span>
		</button>
	</li>
</ul>
*/

.contMain .btmList ul li { }
.contMain .btmList ul li button { width:100%; height:100%; display:inline; background-color:white; font-size:16px; padding: 10px 5px; border: 1px solid #e4e4e4; }
.contMain .btmList ul li button.active { background:#1894cb;color:#fff; }

.contMain .btmList ul li .onhover { position: absolute; bottom: 45px; display: none; border: 2px solid; }
.contMain .btmList ul li .onhover button { font-size:13px; padding:8px 0; }
.contMain .btmList ul li .onhover button:hover { background:#f7e722; }
.contMain .btmList ul li .onhover button.active { background:#f7e722; color:#000; }

.contMain .btmList ul li:hover .onhover { display:block; }

.contMain .btmList ul button.circle {
	background-color:transparent;
	background: #2b3142;
	border-radius: 50%;
	width: 65px;
	height: 65px;
	display: inline-block;
	color: #fff;
	padding:0;
	margin:0;

	font-size: 12px;

	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
/*
	position: absolute;
	right:17px;
	bottom:60px;
*/
	left: 10px;
	top: -10px;
}
.contMain .btmList ul button.circle .count {
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	color: #fff;
	min-width: 20px;
	height: 20px;
	border-radius: 30px;
	background: red;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	white-space:nowrap;
}

.contMain .btmList .circleBtn{
	background: #2b3142;
	border-radius: 59%;
	width: 65px;
	height: 65px;
	display: inline-block;
	color: #fff;
	line-height: 65px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 15px;
	margin-top: -5px;
	position: relative;
	letter-spacing: 1px;
}
.contMain .btmList .circleBtn .count {
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	color: #fff;
	min-width: 20px;
	height: 20px;
	border-radius: 30px;
	background: red;
	font-size: 11px;
	text-align: center;
	margin-left: 10px;
	line-height: 20px;
	white-space:nowrap;
}


/*
.contentsWrap .btmList > ul > li > a{display:block; padding: 15px; border: 1px solid #e4e4e4;}
.contentsWrap .btmList > ul > li > a.active
,.contentsWrap .btmList li a.focus{ background:#1894cb;color:#fff; }
.contentsWrap .btmList > ul > li:hover a {}

.optLayer {
	width: 100%;
	background: #fff;
	border: 2px solid;
	position: absolute;
	left: 0px;
	bottom: 0;
	margin-bottom: 56px;
	font-size: 12px;
	line-height: 18px;
	word-break: keep-all;
	display: none;
	z-index: 999999;
}
.contentsWrap .btmList > ul > li:hover > .optLayer {
	display:block;
}
.optLayerWrap{position:relative;}
.optLayerWrap .optLayer {margin-bottom:36px; text-align:center;}
.optLayerWrap .optLayer ul li a {font-size:13px; padding:8px 0;}
.optLayerWrap .optLayer ul li:hover a {background:#1894cb; color:#fff;}
.optLayerWrap:hover > .optLayer {
	display:block;
}
.optLayerWrap .optLayer ul:after {
	display:none;
}

.optLayer ul {position:relative;}
.optLayer ul:after{
	content: '';
	bottom: -7px;
	background: #000;
	width: 15px;
	height: 15px;
	left: 50%;
	position: absolute;
	transform: rotate(45deg);
	z-index: -1;
	margin-left: -7.5px;
}
.optLayer ul li a{padding:10px 0; display:block; font-size:14px;border-bottom:1px solid #e4e4e4; background:#fff;}
.optLayer ul li:hover a {background:#f7e722; }
.optLayer ul li:last-child a {border-bottom:none}

.contentsWrap .btmList .circleBtn{
	background: #2b3142;
	border-radius: 59%;
	width: 65px;
	height: 65px;
	display: inline-block;
	color: #fff;
	line-height: 65px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 15px;
	margin-top: -5px;
	position: relative;
	letter-spacing: 1px;
}
.contentsWrap .btmList .circleBtn .count {
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	color: #fff;
	min-width: 20px;
	height: 20px;
	border-radius: 30px;
	background: red;
	font-size: 11px;
	text-align: center;
	margin-left: 10px;
	line-height: 20px;
	white-space:nowrap;
}
*/

/*=============================================================================+
| 왼쪽 rightBox -> contRight
+-----------------------------------------------------------------------------*/
/*
.contRight .topIco{ padding: 20px 25px;text-align: right;}
.contRight .topIco .ico{display:inline-block;width:35px; height:35px; margin-left:10px;}
.contRight .topIco .pc-searchIco{background:url(/_img/searchico1.png)no-repeat center; }
.contRight .topIco .starIco{background:url(/_img/starico1.png)no-repeat center;}
.contRight .topIco .starIco.on{background:url(/_img/staricofull1.png)no-repeat center;}
*/



.rightBox {width:400px; background:#fff; position:relative; float:right;box-shadow:0px 10px 20px 10px rgba(0,13,57,0.1);z-index:1;}






.productList{ padding:0 20px; display:inline-block; width:100%; }
.productList ul { }
.productList ul li{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding:15px 0 10px;
	position:relative;

}
.productList ul li.completeItem .rightContent{opacity:0.6}
.productList ul li:first-child { padding-top:0; }
.productList ul li:last-child { border-bottom:0; }
.productList ul li a{display:block;}

/*
.productList .contL {float:left; width:45%}
.productList .contR {float:left; width:53%; margin-left:2%;}
*/

.productList .colThumb .photo {
	width: 100%; min-width: 160px; height: 100px; overflow: hidden; text-align:center;
	background-color:#f0ece7;
	background-color: #EEE;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.productList .contL .photo span.ico {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: #111;
	font-size: 11px;
	padding: 3px 8px;
	color: #fff;
}
.productList .contL .photo span.ico.residence {background: #2594cb;}
.productList .contL .photo span.ico.zero { background: #aaa; color: #fff;}

.productList .contL {width: 46%;max-width: 160px;overflow: hidden;}
.productList .contL {}
.mainLayer .productList ul li a .contR {margin-left: 4%; width: 50%;}
.mainLayer .productList {padding:0;}

.mainLayer iframe { width:100%; height:100%; }

.productList ul li a .leftIco{margin-top:12px;}
.productList ul li a .leftIco span{
	background: #fff;
	padding: 2px 5px;
	font-size: 12px;
	margin-right: 3px;
	border: 1px solid;
	line-height: 18px;
   border-radius: 3px;
}
.productList ul li a .leftIco span.samenoIco{color:#f83219;}
.productList ul li a .leftIco span.sameyesIco{color:#1894cb;}
.productList ul li a .leftIco span.trustIco{color:#7a51cb;}
.productList ul li a:hover .photo img, .productList ul li a:focus .photo img{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

.buildViewBtn {position:absolute; top:10px; right:10px; display:flex; flex-direction:column;}

/*=============================================================================+
| ICON IMAGE
+-----------------------------------------------------------------------------*/
[class^="ico-img02-"] { width:30px; height:30px; zoom:0.5; display:inline-block; background:url('/_img/houseviewico02.png')no-repeat; margin-right:3px;background-position:0 2px;}
.ico-img02-01 {background-position:0 2px;}
.ico-img02-02 {background-position:-25px 2px; margin:-4px 5px 0 0;}
.ico-img02-03 {background-position:-56px 2px; margin:-5px 3px 0 0;}
.ico-img02-04 {background-position:2px 2px; margin:4px 0 0 0}
.ico-img02-bell {background-position:-85px 2px; margin:-5px 3px 0 0;}
.ico-img02-kakao {background-position:-110px 2px; margin:-5px 3px 0 0;}
.ico-img-star {background-image:url('/_img/mstar01.png'); background-color:transparent; display:inline-block; background-position: center center; background-repeat: no-repeat; background-size:30px; width:30px; height:30px; }
.ico-img-star.active {background-image:url('/_img/mstar02.png'); }

/*=============================================================================+
| ICON BUTTON
+-----------------------------------------------------------------------------*/
[class^="ico-btn-"] {
	border: 1px solid #e4e4e4;
	font-size: 14px;
	padding: 3px 10px;
	display: inline-block;
	margin-top: 5px;
	border-radius: 30px;
	text-align:center;
	line-height:20px;

	max-width: 100%;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}
.ico-btn-def .fa-bell {font-size:80%; margin:-3px 3px 0 0;}

@media (max-width: 360px) {
[class^="ico-btn-"] {font-size:12px;}
}

.ico-btn-def { vertical-align:middle; }
.ico-btn-def i { vertical-align:middle; }
.ico-btn-red {background:#f83219; color:#fff; border-color:#f83219}
.ico-btn-yellow {background:#ffe221; color:#000; border-color:#ffe221}

/*-----------------------------------------------------------------------------+
| CIRCLE
+-----------------------------------------------------------------------------*/
[class^="ico-cir-"] {
    width: 44px;
    height: 44px;
    color: #2594cb;
	margin-top:5px;
    background-color:white;
    /*display: inline-block;*/
	display:flex; justify-content:center; align-items:center;
    border: 2px solid;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    padding:5px 0;
	position:relative;
	box-sizing:border-box;
/*
    padding-top: 4px;
    margin-right: 5px;
*/
}
.type span.price{
    font-size: 14px;
    color: red;
	font-weight:800; letter-spacing:-1.5px;
}

.type .priceflex {display:flex; width:fit-content;}

[class^="ico-cir-"] .priceCharterLaw:after{
	position: absolute;
    content: '전세 법정수수료';
    background: #fff;
    left: 50%;
	transform: translate(-50%,0);
    top: -15px;
    padding: 0 0 3px 0;
	letter-spacing:-1px;
	font-size:11px; letter-spacing:-1.5px;
}
[class^="ico-cir-"] .priceTradeLaw:after{
	position: absolute;
    content: '매매 법정수수료';
    background: #fff;
    left: 50%;
	transform: translate(-50%,0);
    top: -15px;
    padding: 0 0 3px 0;
	letter-spacing:-1px;
	font-size:11px; letter-spacing:-1.5px;
}

[class^="ico-cir-"] .priceCharter:after{
	position: absolute;
    content: '전세';
    background: #fff;
    left: 50%;
	transform: translate(-50%,0);
    top: -5px;
    padding: 0 3px;
	letter-spacing:-1px;
}
[class^="ico-cir-"] .priceTrade:after{
	position: absolute;
    content: '매매';
    background: #fff;
    left: 50%;
	transform: translate(-50%,0);
    top: -5px;
    padding: 0 3px;
	letter-spacing:-1px;
}

.ico-cir-blue { color: #2594cb; }
.ico-cir-green { color: #1ec13b; }

.ico-cir-purple { color: #a5279a; }
.ico-cir-orange { color: #ffbb1d; }
.ico-cir-purplee { background: #a5279a; color:#fff;}
.ico-cir-pinkk {background:#ff0073; color:#fff;}


/*-----------------------------------------------------------------------------+
| BOX
+-----------------------------------------------------------------------------*/
[class^="ico-box-"] {
	background: #f2f4f6;
	padding: 2px;
	font-size: 12px;
	margin: 0 2px 3px 0;
	display: inline-block;
	border: 1px solid transparent;
	line-height: 16px;
	color: #fff;
	min-width:34px;
	text-align:center;
}
.ico-box-big {padding:6.5px 9px !important;}
.flexColWrap {}
.flexColWrap > small {margin:5px 0; font-weight:600; font-size:13px; line-height:1.4;}
.flexColWrap .iconSide span{display:block;}

.ico-box-red { background: #ff0073; }
.ico-box-orange { background: orange; }
.ico-box-orangeb { background: #febf00; color:#000; }
.ico-box-gray { background: gray; }
.ico-box-hotPink { background: #ff00ae; }
.ico-box-pink {background:#fe9494; color:#fff;}
/*
.ico-box-trade { background: #fff; color: #d93140; border:1px solid; }
.ico-box-charter { background: #fff; color: #5048c2;border:1px solid; }
.ico-box-invest { background: #fff; color: #d29d71;border:1px solid;}
.ico-box-disclosure { background:#fff; color: #58724d;border:1px solid;}
.ico-box-apprasisal { background: #fff; color: #604568;border:1px solid;}
.ico-box-empty { background: #2594cb;}
.ico-box-live { background: #cc2631; }
.ico-box-preOpen { background: #12b118; }

.ico-box-reg-trust { background: #55cc26; }
.ico-box-reg-company { background: #2665cc; }
.ico-box-reg-personal { background: #ff5a5a; }
*/

/* .ico-box-buildNew { background: #25cb34; } */
/* .ico-box-buildOld { background: #2594cb; } */
.ico-box-buildNew { background: #d93140; }
.ico-box-buildOld { background: #2594cb; }


.type {width:160px;}
.type .type-1st { display:flex; margin:5px 0 20px 0; justify-content:space-between;}
/*.type .type-item.w75 {width:75%;}
.type .type-item.w25 {width:25%;}
.type .type-item.w25 span {width:100%;}
.type .type-item.w75 span {width:30.5%;}*/

.ico-box-trade { background: #51a8d3; color: #fff; border:1px solid; }
.ico-box-charter { background: #32c14d; color: #fff;border:1px solid; }
.ico-box-invest { background: #fe9a9c; color: #fff;border:1px solid;}
.ico-box-disclosure { background:#fff; color: #58724d;border:1px solid;}
.ico-box-apprasisal { background: #ffbc30; color: #000;font-weight:bold; border:1px solid #fff;}
.ico-box-rest { background: #f7000f; color: #fff;border:1px solid;}
/*
.ico-box-empty { background: #2594cb; } 파랑
.ico-box-live { background: #cc2631; } 빨강
*/
.ico-box-empty { background: #59b9e9; }
.ico-box-live { background: #59b9e9; }
.ico-box-preOpen { background: #12b118; }

.ico-box-reg-trust { background: #fff; color: #516c22;border:1px solid; }
.ico-box-reg-company { background: #fff;color: #785f96;border:1px solid; }
.ico-box-reg-personal {  background: #fff; color: #516c22; border:1px solid;  }


.houseInfo { }
.houseInfo dl { word-break: keep-all; /* padding-right: 50px; */ font-size: 13px; line-height: 17px; }
.houseInfo h4{ margin-bottom:10px; font-weight:600; font-size:15px; /* padding-right:20px; */ }
.houseInfo dl dt{display:inline-block; margin-right:3px;color: rgba(0,0,0,0.5);}
.houseInfo dl dd{display:inline-block; margin-right: 10px; position:relative; font-weight:500;}
.houseInfo dl dd:after{
	width: 1px;
	height: 12px;
	background: #e4e4e4;
	position: absolute;
	top: 2px;
	right: -7px;
	content: '';
}
.houseInfo dl dd:last-child:after {display:none;}




.productList .contR {}
.productList .contR .rightIco{}
.productList .contR .rightIco span{
	background: #f2f4f6;
	padding: 2px 5px;
	font-size: 12px;
	margin-right: 3px;
	border: 1px solid transparent;
	line-height: 18px;
	color: #fff; border-radius: 3px;
}
.productList .contR .rightIco span.tradingico{background: #d3f2ff;color: #0f84b8;}
.productList .contR .rightIco span.charterico{ background: #d9ffe1; color: #31b24c;}
.productList .contR .rightIco span.investico{ background: #ffd990; color: #d08900; }
.productList .contR .rightIco span.disclosureico{ background: #f1e9ff; color: #512b9d;}
.productList .contR .rightIco span.apprasisalico{background: #ffebe8;color: #f83219;}

.mainLayer .productList .contR .houseInfo dl {padding-right:25px;}

.productList ul li:hover a .rightContent .houseInfo h4 {font-weight:600;}



.productList .colCont .myItemIco{
	position: absolute;
	bottom: 10px;
	right: 0;
}
.productList .colCont .myItemIco button {
	font-size: 14px;
	margin-left: 3px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #e4e4e4;
	padding-top: 1px;
	background: #f2f4f6;
	color: #666;
}
.productList .colCont .myItemIco button.repeatBtn{
	background:#1894cb; border-color:#1894cb; color:#fff;
}


.houseViewWrap { background:#f2f4f6 }
/* .houseViewWrap .inner{ padding:0px 20px; } */
.houseViewWrap .table_st1 tr td {}

.houseViewWrap .houseViewIco { position:relative; background:#fff;}
.houseViewWrap .houseViewIco span.ico{
	width: 35px;
	height: 35px;
	color: #2594cb;
	display: inline-block;
	border: 1px solid;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	padding-top: 4px;
	margin-right: 5px;
}
.houseViewWrap .houseViewIco span.circleico{
	background: #2594cb;
	color: #fff;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	padding: 0 15px;
	border-radius: 30px;

}




.starWrap .productList{
	padding:0 0px;
}
/*
.starWrap .productList .contL{
	max-width:160px;	overflow: hidden;
}
*/
.houseViewWrap .houseViewInfo { /* padding:10px; */ }



/*
.houseViewWrap .houseViewInfo{ display:inline-block; width:100%; background:#fff; padding:0 20px 20px; }
.houseViewWrap .houseViewInfo .leftContents {
	float: left;
	width: 46%;
	margin-bottom:10px;
}

.houseViewWrap .houseViewInfo .rightContents {
	float: left;
	width: 54%;
	margin-bottom:10px;
}
*/

.houseViewHead .leftContents .photo{
	width: 155px;
	height: 100px;
	overflow: hidden;
	background: #f0ece7;
	text-align: center;
	display: inline-block;
	position:relative;
}


.houseViewWrap .houseViewInfo .leftContents .photo span.ico {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: #111;
	font-size: 11px;
	padding: 3px 8px;
	color: #fff;
}
.houseViewWrap .houseViewInfo .leftContents .photo span.ico.zero {background: #2594cb;}
.houseViewWrap .houseViewInfo .leftContents .photo span.ico.residence { background: #2594cb}

.houseViewWrap .houseViewInfo .leftContents .photo span.ico.redBtn {
	background:#f83219;
}

.houseViewWrap .houseViewInfo .leftContents .photo img {
	width: 100%; height: 100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.houseViewWrap .houseViewInfo .leftContents .photo:hover img{
	width:102%;height:102%;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

.houseViewWrap .houseViewInfo .houseViewComment{
	display: inline-block;
	width: 100%;
	padding: 20px;
	/* border-top: 1px solid; */
	margin-top: 10px;
	background: #f2f4f6;
	border-radius: 10px;
}
.houseViewWrap .houseViewInfo .rightContents h4{ margin-bottom:10px; font-weight:600; font-size:15px; /* padding-right:20px; */ }
/*
.houseViewWrap .houseViewInfo .rightContents .title {
	font-weight: 600;
	margin-bottom: 10px;
	font-size:14px;
}
.houseViewWrap .houseViewInfo .rightContents .address {
	font-weight: 600;
	margin-bottom: 10px;
	font-size:12px;
}
*/
.houseViewWrap .houseViewInfo .oldHouseIco{}
.houseViewWrap .houseViewInfo .oldHouseIco span{
	display: inline-block;
	margin-right: 5px;
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 13px;
	margin-bottom: 10px;
	border:1px solid;
}
.houseViewWrap .houseViewInfo .oldHouseIco span.trustIco{color:#7a51cb;}
.houseViewWrap .houseViewInfo .oldHouseIco span.peopleIco{background:#f83219; border-color:#f83219; color:#fff;}
.houseViewWrap .houseViewInfo .oldHouseIco span.companyIco{ background:#65db7e; border-color:#65db7e; color:#fff;}

.viewTable {}
.viewTable.viewTable01{color:#888; margin-bottom:10px; font-size:14px;}
.viewTable.viewTable02{line-height:24px; }
.viewTable{
	font-size:15px;
}
.viewTable tr th{
	font-weight: 400;
	width: 50px;
	text-align: left;
	color:#888;
}
.viewTable tr{}
.viewTable tr th {vertical-align:top}

.houseViewWrap .houseViewInfo02 {/* padding:20px; background:#fff; */}
.houseViewWrap .houseViewInfo02 .table_st1 tr td { line-height:14px; font-size:14px; letter-spacing:-0.5px;}
.houseViewWrap .houseViewInfo02.boxStyle_custom .table_st1 tr td { line-height:13px; font-size:13px; vertical-align:middle; }
/*211007 추가
.houseViewWrap .houseViewInfo02 .table_st1 tr td .fa-list-alt {display:flex; padding:0 3px 5px 3px; float:left;}
.houseViewWrap .houseViewInfo02 .table_st1 tr td .fa-images {display:flex; padding:0 3px 5px 3px; float:left;}*/


.houseViewWrap .houseViewInfo02 .housePhotoSlide .swiper-slide img { max-width: 100%; max-height: 100%; }
.houseViewWrap .houseViewInfo02 .housePhotoSlide .swiper-slide { display: flex; align-items: center; justify-content: center; height: auto; }

.houseViewWrap .houseViewInfo02 .btTable {border-top:1px solid;}
.houseViewWrap .boxStyle01 h2.boxtit{
	padding: 0px 0 10px;
	font-size: 16px;
	font-weight: 600;
	line-height:24px;
}
.houseViewWrap .boxStyle01 h2.boxtit .desc{font-size:13px; font-weight:400; color:#999;margin-left: 10px;}
.houseViewWrap .houseViewIco02 {margin-top: 10px;}
.houseViewWrap .houseViewIco02 li {}
.houseViewWrap .houseViewIco02 li a {
	border: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 3px 20px;
	display: inline-block;
	margin-top: 5px;
	border-radius: 30px;
	text-align:center;
	line-height:20px;

	max-width: 100%;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}
.houseViewWrap .houseViewIco02 li.redBtn a {background:#f83219; color:#fff; border-color:#f83219}
.houseViewWrap .houseViewIco02 li a i{width:25px;height:28px; display:inline-block; background:url(/_img/houseviewico02.png)no-repeat; margin-right:3px;background-position:0 2px;}
.houseViewWrap .houseViewIco02 li a i.ico01 {background-position:0 2px;}
.houseViewWrap .houseViewIco02 li a i.ico02 {background-position:-25px 2px;}
.houseViewWrap .houseViewIco02 li a i.ico03 {background-position:-52px 2px;}
.houseViewWrap .houseViewIco02 li.sale.ing a {background:#2594cb; color:#fff; border-color:#2594cb}
.houseViewWrap .houseViewIco02 li.sale.end a {background:#aaa; color:#fff; border-color:#aaa}

.houseViewWrap .pdfViewWrap { width:100%; min-height:500px; }

/*신축 over style*/
.statDeal-over {display:flex; flex-basis:100%; align-items:center; font-size:14px; width:100%; background:rgba(255,255,255,0.5);}
.statDeal-over::before {content:""; flex-grow:1; margin:0 15px; height:1px; font-size:0; line-height:0;}
.statDeal-over::after {content:""; flex-grow:1; margin:0 15px;height:1px; font-size:0; line-height:0;}

.statDeal-over.st-finish {color:red;}
.statDeal-over.st-finish::before {background:red;}
.statDeal-over.st-finish::after {background:red;}
.statDeal-over.st-ing {color:#ff721d;}
.statDeal-over.st-ing::before {background:#ff721d;}
.statDeal-over.st-ing::after {background:#ff721d;}

.fc-sky {color:#4fa7d0; line-height:1.7; text-align:left; width:60px; margin:0 auto;}
.bg-sky {padding:2px 4px; background:#4fa7d0; color:#fff !important; }
.bg-green {padding:2px 4px; background:#39c057; color:#fff !important;}

.waitWrap {
	text-align:center;
	padding-top:5em
}
.waitWrap .tit {
	margin-top: 50px;
	font-weight: 600;
	margin-bottom: 40px;
	font-size: 30px;
}
.waitico img{max-width:200px;}
.waitWrap .noticeBox01{
	width:100%;
	margin: auto;
	background: #f2f4f6;
	padding: 50px;
	font-size: 16px;
	color: #888;
}
.waitWrap .noticeBox01 .txt{}
.waitWrap .kakaoBtn {
	background: #f7e723;
	display: inline-block;
	padding: 20px 30px;
	text-align: left;
	border-radius: 10px;
	margin:50px 0 0;
}
.waitWrap .kakaoBtn span {
	display: inline-block;
	line-height: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #391f1f;

}
.waitWrap .kakaoBtn i{
	background: url(/_img/kakaoico.png)no-repeat;
	width: 42px;
	height: 43px;
	display: inline-block;
	background-size: 100%;
	margin-right: 15px;
}

.switcher {position:relative;width:192px;height:42px;border-radius:25px;}
.switcher input { -webkit-appearance: none; appearance: none; position: relative; width: 192px; height: 42px; border-radius: 25px;  border:1px solid #fff; }
.switcher input:before, .switcher input:after { z-index: 2; position: absolute; top: 50%; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.switcher input:before { content: attr(data-title1); left: 30px; color: #0ab1a9; font-size: 16px; -webkit-transition: color 0.5s, left 0.5s; -moz-transition: color 0.5s, left 0.5s; -ms-transition: color 0.5s, left 0.5s; -o-transition: color 0.5s, left 0.5s; transition: color 0.5s, left 0.5s; }
.switcher input:after { content: attr(data-title2); right: 30px; color: #0ab1a9; font-size: 16px; -webkit-transition: color 0.5s, right 0.5s; -moz-transition: color 0.5s, right 0.5s; -ms-transition: color 0.5s, right 0.5s; -o-transition: color 0.5s, right 0.5s; transition: color 0.5s, right 0.5s; }
.switcher label {z-index:1;position:absolute;top:1px;bottom:1px;border-radius:25px;background-color: #fff;}
.switcher input:checked:before { color: #0ab1a9; left:38px; font-weight: 500; -webkit-transition: color 0.5s 0.2s, left 0.5s 0.2s; -moz-transition: color 0.5s 0.2s, left 0.5s 0.2s; -ms-transition: color 0.5s 0.2s, left 0.5s 0.2s; -o-transition: color 0.5s 0.2s, left 0.5s 0.2s; transition: color 0.5s 0.2s, left 0.5s 0.2s; }
.switcher input:checked:after {color: #fff;}
.switcher input:checked + label { left: 0; right: 82px; -webkit-transition: left 0.5s, right 0.4s 0.2s; -moz-transition: left 0.5s, right 0.4s 0.2s; -ms-transition: left 0.5s, right 0.4s 0.2s; -o-transition: left 0.5s, right 0.4s 0.2s; transition: left 0.5s, right 0.4s 0.2s; }
.switcher input:not(:checked):before {color: #fff;}
.switcher input:not(:checked):after { color: #0ab1a9; right:38px; font-weight: 500; -webkit-transition: color 0.5s 0.2s, right 0.5s 0.2s; -moz-transition: color 0.5s 0.2s, right 0.5s 0.2s; -ms-transition: color 0.5s 0.2s, right 0.5s 0.2s; -o-transition: color 0.5s 0.2s, right 0.5s 0.2s; transition: color 0.5s 0.2s, right 0.5s 0.2s; }
.switcher input:not(:checked) + label { left: 82px; right: 0; -webkit-transition: left 0.4s 0.2s, right 0.5s; -moz-transition:left 0.4s 0.2s, right 0.5s; -ms-transition:left 0.4s 0.2s, right 0.5s; -o-transition:left 0.4s 0.2s, right 0.5s; transition:left 0.4s 0.2s, right 0.5s; }





@media only screen and (max-width: 1024px){
	.wrap .wrapHead { height:40px; }
	.wrap .wrapHead > h1.logo a { height: 30px; background-size: contain; margin: 5px auto; }


	.icoMenu {/*  width: 40px; height: 40px; */ top:-7px; }
/*
	.icoMenu.close .barTop { top: 10px; left:10px; width: 50%; }
	.icoMenu.close .barMid { top: 20px; left:10px; width: 30%; }
	.icoMenu.close .barBot { top: 30px; left:10px; width: 50%; }
*/
	.wrapCenter .wrapTopCenter .filterWrap > span { width:80px; }
	.winLayWrap.winLayWrap-size-right { top: 40px; height: calc(100% - 40px); }


	.contHead .searchIco { width:40px; }
	.header-search-info .header-search-inner-box { line-height: 40px; }
	.header-search-close-btn, .header-search-filter-btn { width:40px; height:40px; }

	.contMain .topFilterWrap .filterWrap > span { width:80px; }

	.wrapHead .siteStatCount { font-size:12px; }
}


@media only screen and (max-width: 1023px){
	.wrap .wrapBody .wrapMidRight { display:none; }
	.wrap .wrapBody .wrapBtmCenter .btnIndexViewToggle { display:inline-block; }
}


@media only screen and (max-width: 768px){

	.pageWrap .pageWrapSubMenu {padding:0 10px;}
	.pageWrap .pageWrapSubMenu ul li a { font-size:13px; line-height:40px; letter-spacing:-1px !important; /*margin-right:10px; */}
	.winLayWrap .winLayContainer .btnTopWrap {top:5px;}


	.wrap .wrapBody .wrapTopLeft { top: 40px; flex-direction:column !important;}
	.wrap .wrapBody .wrapTopLeft select  {margin-bottom:5px;}
	.wrap .wrapBody .wrapTopLeft .textBox  {margin-bottom:5px;}
	.wrap .wrapBody .wrapTopLeft > button, .wrap .wrapBody .wrapTopRight > button {margin:0 0 3px 0;}
	.wrap .wrapBody .wrapTopCenter { top:0; z-index:1200; }
	.wrap .wrapBody .wrapTopRight { top: 40px; }



	.wrap .wrapBody .wrapMap { flex-direction: column; }

	.wrap .wrapBody .wrapMap #mapRv.rvMode { width:100%; height:60%; }
	.wrap .wrapBody .wrapMap #map.rvMode { width:100%; height:40%; }


/* 	.wrap .wrapBody .wrapBtmLeft { bottom: 40px; } */
	.wrap .wrapBody .wrapBtmCenter { width:100%; left:0; }
/* 	.wrap .wrapBody .wrapBtmRight { bottom: 40px; } */


	.wrap .wrapBody .wrapBtmCenter .searchWordWrap { width:auto; }


	.wrapCenter .wrapTopCenter .filterWrap { width: 100%; padding:0; }
	.wrapCenter .wrapTopCenter .filterWrap { width: 100%; }
	.wrapCenter .wrapTopCenter .filterWrap > span { width: 20%; }



	.contMain .topFilterWrap .filterWrap { width:100%; }
	.contMain .topFilterWrap .filterWrap > span { width:20%; }

	.contMain .topFilterWrap .filterWrap > span.popCircle { position: absolute; top: -60px; right: -20px; }
	.contMain .topFilterWrap .filterWrap > span button { width:100%; padding:6px 0; }

	.mapWrap .mapCont .mapTop.dynamic { top: 40px; }

/* 	.wrap .wrapBody .wrapRight { display:none; } */
	.cBox { padding:10px; }
	#housewrite-custom .cBox {padding:10px;}
	.cBoxR { padding:10px; border-radius:10px; }
}

@media only screen and (max-width: 414px) {

	.pageWrap .pageWrapSubMenu {padding:0 10px;}
	.pageWrap .pageWrapSubMenu ul li a { /*letter-spacing: -2px; */}

	.contMain .topFilterWrap { }

	.contMain .btmList ul button.circle {
		position: absolute;
		right:17px;
		bottom:60px;
		left:auto;
		top:auto;
	}

	.flexColWrap.userCusCont h2 {font-size:14px; letter-spacing:-1px; }
	.flexColWrap.userCusCont h3 {font-size:16px; font-weight:bold; }
	.m-ee {display:block; width:100%; height:1px;}

}

@media only screen and (max-width: 250px) {
	.wrap .wrapBody .wrapTopRight.wrapTopRightIn {top:120px !important;}
}

/*
@media only screen and (max-width: 1280px){
	.rightBox{display:none}
	.pcMenu{display:none;}
	.mMenu{display:block;}
	.contentsWrap .btmList {bottom:80px; margin-left:-244px;}
	.contentsWrap .btmList > ul > li{ }
	.contentsWrap .btmList .circleBtn { margin-left: 0px;top: -70px; position: absolute;right: 10px;}
	.mheader {display:block;}
	.leftBox .menuWrap ul.topIco li a i {background:url(/_img/mmyico.png)no-repeat; background-size:auto 32px;}
	.leftBox .topBox h1 a {display: block; background: url(/_img/mlogolw.png)no-repeat center; width: 83px;  height: 55px; background-size: 100%;  margin: auto;}
	.leftBox .topBox {padding:0 20px 20px;}
	.header-search-box.open .header-search-inner {display:block;width:100%; top:55px;}
	.header-search-inner .header-search-btn {background:url(/_img/searchico2.png)no-repeat center transparent;background-size: 17px;}
	.header-search-open-btn {width:55px; height:55px;}
}

@media only screen and (max-width: 750px){
	.contentsWrap .btmList > ul > li > a {font-size:13px; padding:12px;}
	.contentsWrap .btmList > ul > li > .optLayer ul li a{font-size:12px; padding:8px 0;}
	.contentsWrap .btmList {bottom:80px;}
	.contentsWrap .btmList .circleBtn { zoom: 0.8;}
	.leftBox .topBox .topInfo {padding:20px;}
	.leftBox .topBox .topInfo ul li {line-height:23px; font-size:13px;}
	.leftBox .topBox .topInfo .btnWrap .btn{margin-top:10px; font-size:14px; border-radius:30px;}
	.leftBox .topBox .topInfo ul li p.period{display:inline-block;}
	.leftBox .topBox .topInfo ul li p.period span { margin: 1px 10px;font-size: 11px;line-height: 18px; }
	.waitWrap .noticeBox01 {font-size:13px; padding:30px;}
	.waitico img{max-width:120px;}
	.waitWrap .tit {font-size:18px;}
	.waitWrap {}
	.waitWrap .kakaoBtn{padding:12px 20px}
	.waitWrap .kakaoBtn span {font-size:15px;}
	.viewTable.viewTable02{font-size:14px;}
	.houseViewWrap .houseViewInfo .leftContents .photo {width:130px;}
	.mainLayer .myItemWrap .productList .contR {margin-bottom:35px;}
	.productList .contR .houseInfo h4 {font-size:14px; padding-right:0;}
	.header-search-inner .header-search-word {font-size:14px;}
	.houseViewWrap .houseViewIco02 li a {font-size:13px;}
	.contentsWrap .btmList {margin-left:-244px;}

}
@media only screen and (max-width: 500px){
	.contentsWrap .btmList { margin-left: 0;width: 100%; display: inline-block;left: 0;}
	.contentsWrap .btmList > ul > li {width:20%;}
}
@media only screen and (max-width: 330px){
	.mainLayer .popWrap .subDepth ul li a  {margin-right:15px}
}
*/

/*이용권 구매*/
.br {width:100%; height:1px; display:block;}
.fs-sm {/*font-size:85%;*/}
.fs-big {font-size:130%; vertical-align:baseline;}
.fc-r {color:red;}
.fc-g {color:#9598a1;}
.fc-b {color:#0095c8;}
.bold {font-weight:bold;;}
.text-line{/*text-decoration:line-through;*/ background:url('/_img/service_x.png') no-repeat center center; background-size:cover; background-opacity:}
.text-through {text-decoration:line-through;}

.purchaseWrap .cBox div:last-child {}
.purchaseWrap .service-menu {display:flex; flex-wrap:wrap; padding:7px 0; background:#2b3142; color:#fff; opacity:0.5;}
.purchaseWrap .service-menu > div {display:flex; justify-content:center; flex-direction:column; text-align:center;}
.purchaseWrap .service-menu > div.w15 {flex-basis:15%; }
.purchaseWrap .service-menu > div.w35 {flex-basis:35%; }
.purchaseWrap .service-menu > div.w50 {flex-basis:50%; }
.purchaseWrap .service-tit {display:flex; justify-content:center; width:100%; padding:7px 5px; font-size:14px; background:#ffe221;  border-radius: 10px 10px 0 0; color:#000; text-align:center; font-weight:bold;}
.purchaseWrap .service-ct {float:left; padding:7px 0; background:#fff9c4; color:#000; text-align:center; border-top:2px solid #000; }

.pageWrap .pageWrapBody .purchase-tit {display:flex; align-items:flex-end; padding:10px 15px; background:#f7e722; border-top:2px solid #000; font-size:20px; font-weight:bold;}
.pageWrap .pageWrapBody .purchase-tit img {width:80px; margin-right:10px;}
.pageWrap .pageWrapBody .purchase-tit .small-tit {font-size:12px; color:#828282; margin-left:10px; font-weight:400; line-height:1.3;}
.pageWrap .pageWrapBody .cBox.pd0 {padding:0 !important;}
.pageWrap .pageWrapBody .btnInput {display:flex;}
.pageWrap .pageWrapBody .btnInput button {background:#a9a7a8; color:#fff; padding:0 13px;}

.purchaseWrap .service-list { min-height:53px; width:100%; display:flex; border-bottom:1px solid #eee;}
.purchaseWrap .service-list.checked {background:#ffe3e1;}
.purchaseWrap .service-list:last-child {border:none;}
.purchaseWrap .service-list > div { padding:5px; display:flex; justify-content:center; /*flex-direction:column;*/ text-align:center; font-size:13px; align-items:center; border-right:1px solid #eee; }
.purchaseWrap .service-list > div.w15 {flex-basis:15%; }
.purchaseWrap .service-list > div.w20 {flex-basis:20%; }
.purchaseWrap .service-list > div.w25 {flex-basis:25%; flex-direction:column; }
.purchaseWrap .service-list > div.w25 br {display:none;}
.purchaseWrap .service-list > div.w30 {flex-basis:30%; }
.purchaseWrap .service-list > div.w35 {flex-basis:35%; }
.purchaseWrap .service-list > div.w40 {flex-basis:40%; }
.purchaseWrap .service-list > div.w45 {flex-basis:45%; font-weight:bold; }
.purchaseWrap .service-list > div.w50 {flex-basis:50%; }
.purchaseWrap .service-list > div.price {flex-direction:row; align-items:center; justify-content:space-between;}
.purchaseWrap .service-list .price {font-weight:bold; font-size:14px; color:#000; line-height:1.1; letter-spacing:-0.5px;}
.purchaseWrap .service-list label {display:flex; flex-basis:50%; margin-top:-5px; padding-left:10px;}
.purchaseWrap .service-list label input + span:before { position:relative; display: inline-block; top: 5px; width: 18px; height: 18px; background:#DDD; line-height:18px;	overflow: hidden; color:white; content: '\2713'; text-align:center; border-radius: 50%; }
.purchaseWrap .service-list label input:checked + span:before {color: white; content: '\2713'; text-align:center; background:#e43226;}
.payment_table {padding:10px 15px; display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:1.6;}

.service-coin {display:inline-block; margin:0 2px; width:17px; height:17px; background:url('/_img/service_coin.png') no-repeat center center; vertical-align:sub; background-size:cover;}
.service-point {display:inline-block; margin:0 2px; width:17px; height:17px; background:url('/_img/service_point.png') no-repeat center center; vertical-align:sub; background-size:cover;}


/*.pageListBtn*/
	.pageListBtn {background:#fff; padding:10px;}
	.pageListBtn button {padding:0 10px 0 8px; font-size:13px; letter-spacing:-0.5px; background:none; border-right:1px solid #e4e4e4; color:#777}
	.pageListBtn button:last-child {border-right:none;}
	.pageListBtn button.on {/*color:#2895ff;*/ color:#32c14d; font-weight:bold;}
	.pageListBtn button.on.up:after {content:'↓'}
	.pageListBtn button.on.down:after {content:'↑'}



/*앱 접근권한 appPerm*/
.appPermWrap .cBox {margin:0; padding:20px;}
.appPermWrap .appPermCon {width:100%; padding:20px 0; margin-bottom:15px; border-top: 1px solid #eee; border-bottom:1px solid #eee;}
.appPermWrap .tit.apcon  {padding-top:0;}
.appPermWrap .apcon {display:flex; gap:15px; padding:15px 0; margin-bottom:7px;}
.appPermWrap .apcon .img {width:50px; min-width:50px;}
.appPermWrap .apcon .img img {width:100%;}
.appPermWrap h2 {margin-bottom:7px; font-size:18px; font-weight:bold;}
.appPermWrap h3 {font-size:14px;  letter-spacing:-0.5px;}
.appPermWrap h4 {margin-bottom:5px; font-size:14px; font-weight:bold;}
.appPermWrap li {font-size:13px; color:#777777; line-height:25px;}
.appPermWrap p  {font-size:13px; color:#9a9a9a; word-break:keep-all;}
.fc-bb {color:#2895ff;}