/*########ÇØ»óµµ 1280 ÀÌÇÏ########*/
@media all and (max-width:1280px){
	
}


/*########ÇØ»óµµ 1024 ÀÌÇÏ########*/
@media all and (max-width:1024px){
	#header{position:fixed; top:0; width:100%; z-index:12;}
	#wrap{margin-top:60px;}
	.mbl_none{display:none;}
	.pc_none{display:block;}
	#main_banner{display:none;}
	.inner{width:100%;}
	#header .header_top{height:100px;}
	#header .header_top .bookmark_area{display:none;}
	#header .header_top .logo_area a img{width:70%;}
	#header .header_top .search_area{display:none;}
	#header .gnb{display:none;}
	#m_main_banner{background:url(/images/m_main_bg.jpg)no-repeat center center; background-size:cover; padding:10px;}
	#m_main_banner img{width:100%;}
	#search_section .search_from{padding:15px;}
	#search_section .search_from .search_icon_area{float:inherit; text-align:center; margin-bottom:20px;}
	#search_section .search_from .search_icon_area h1{display:inline-block; position:relative; top:-30px; left:-20px;}
	#search_section .search_from form{width:100%;}
	#search_section .search_from form a{position:relative; right:0; top:0; width:100%; height:50px; line-height:50px;}
	#search_section .search_from form ul li select{width:32.666666666%; margin-left:1%; font-size:13px;}
	#search_section .search_from form ul li input{width:32.66666666%; margin-left:1%; font-size:13px;}
	#search_section .search_from form ul li:nth-child(3n+1) select{margin-left:0;}
	#wrap #main_banner ul li.main_slide_01 .inner img{width:100%;}

	#main_content .left_cont{width:100%;}
	#main_content .left_cont > div{float:left;}
	#main_content .left_cont .cs_center{width:64%; margin-right:1%; height:110px;}
	#main_content .left_cont .cs_center p{font-size:18px;}
	#main_content .left_cont .cs_center p span{font-size:18px; padding-right:5px; border-right:1px solid #e2a900;}
	#main_content .left_cont .cs_manager{width:35%;}
	#main_content .left_cont .calculator{width:64%; margin-right:1%;}
	#main_content .left_cont .calculator .cal_area{overflow:hidden; padding:7px 10px;}
	#main_content .left_cont .calculator .cal_area .area_form input{width:30%; height:26px;}
	#main_content .left_cont .calculator .cal_area form{display:inline-block; float:left; width:50%;}
	#main_content .left_cont .calculator .cal_area form .btn_area a{width:45%; font-size:12px;}
	#main_content .left_cont .calculator .cal_area .pyeong_form input{width:30%; height:26px;}
	#main_content .left_cont .left_banner{width:35%;}

	#main_content .company_area{width:95%;}
	#main_content .company_area img{width:100%;}
	#main_content .contact_area{width:95%;}
	#wrap #sub_banner ul li.main_slide_01 .inner img{width:100%;}
	.root_daum_roughmap_landing{width:100%!important;}

	#popup_modal{width:100%;}
	#main_content .center_cont{width:95%; position:relative; left:50%; transform:translateX(-50%); margin-left:0;}
	#main_content .center_cont .main_trading .trading_cont ul li{width:32.6666%; margin-right:1%; border:1px solid #eee; padding-bottom:10px;}
	#main_content .center_cont .main_trading .trading_cont ul li img{width:100%;}
	#main_content .center_cont .main_lease .lease_cont ul li{width:32.6666%; margin-right:1%; border:1px solid #eee; padding-bottom:10px;}
	#main_content .center_cont .main_lease .lease_cont ul li .product_ex{height:130px;}
	#main_content .center_cont .main_lease .lease_cont ul li img{width:100%;}
	.blocker:before{height:auto;}

	#main_content .left_cont{margin-bottom:50px;}
	#main_content .left_cont .related_site{display:none;}

	#main_content .right_cont{width:100%;}
	#main_content .right_cont .advance_sale .advance_cont{overflow:hidden; box-sizing:border-box; border:0;}
	#main_content .right_cont .advance_sale .advance_cont ul li{width:33.3333%; float:left; height:140px; border-right:1px solid #eaeaea;}
	#main_content .right_cont .advance_sale .advance_cont ul li:nth-child(3n){border-right:0;}
	#main_content .right_cont .advance_sale .advance_cont ul li:last-child{border-bottom:1px solid #eaeaea;}

	#main_content .right_cont .recommende_sale{overflow:hidden; box-sizing:border-box; border:0;}
	#main_content .right_cont .recommende_sale ul li{width:33.3333%; float:left; height:140px; border-right:1px solid #eaeaea;}
	#main_content .right_cont .recommende_sale ul li:nth-child(3n){border-right:0;}
	#main_content .right_cont .recommende_sale .recommende_cont ul li:last-child{border-bottom:1px solid #eaeaea;}

	#main_content .result_area{width:95%;  position:relative; left:50%; transform:translateX(-50%); margin-left:0;}
	#main_content .result_area .result_cont .trading_cont ul li{width:32.6666%; margin-right:1%; border:1px solid #eee; padding-bottom:10px;}
	#main_content .result_area .result_cont .trading_cont ul li img{width:100%;}
	#main_content .result_area .result_cont .trading_cont ul li .product_ex{height:130px;}
	.page{width:100%; margin-bottom:20px; padding-left:0;}
	.blocker{top:100px; padding-bottom:130px;}
	#main_content .center_cont .main_trading .trading_title .change_type{padding-left:10px; width:80px;}
	#popup_modal .pop_cont table td p img{max-width:100%;}
	#popup_modal .pop_cont .img_area{padding:10px;}
	#popup_modal .pop_cont .img_area img{max-width:100%;}
	#main_content .center_cont .main_lease .lease_title .change_type{width:80px; padding-left:10px;}
	#main_content .center_cont .main_total .total_title .change_type{width:80px; padding-left:10px;}

	/*ÁÂÃø ¸Þ´º*/
.panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 60%;
  background-color: #383b42;
}

.panel .ninja-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 20px;
  box-sizing:border-box;
  position: absolute;
  z-index: 2;
  top: 10px;
  width: 30px;
  height: 30px;
}
.panel .ninja-btn span,
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 30px;
  height: 2px;
  background-color: #ffffff;
}
.panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
  left:-15px;
  top:-1px;
}
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.panel .ninja-btn span:before {
  top: -9.09090909px;
}
.panel .ninja-btn span:after {
  top: 9.09090909px;
}

/*¸Þ´º Ŭ¸¯ÈÄ, ¸Þ´º ¹öÆ°À» È°¼ºÈ­ ½ÃÄ×À»¶§ ¼Ó¼º*/
.panel .ninja-btn.active span {
  background-color: transparent;
}
.panel .ninja-btn.active span:before,
.panel .ninja-btn.active span:after {
  top: 0;
}
.panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  background-color:#fff;
}
.panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  background-color:#fff;
}
.panel ul {
  width:100%;
  list-style-type: none;
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  top: 60px;
  left: 0;
  right: 60px;
  height: auto;
  text-align: left;
}

.panel ul li,
.panel ul a {
  font-family: "Noto Sans KR", sans-serif;
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 45px;
  padding: 0;
  font-weight: normal;
  color:#ffffff;
  padding-left:10px;
  font-size:16px;
}
.panel ul li{
  height:45px;
  border-top: 1px solid #474a50;
}
.panel ul li.menu-label a{
  padding:11px 0 0 40px;
  height:100%;
  display:block;
  font-size: 17px;
  text-transform: lowercase;
}
.panel ul li.menu-label:first-child {
  border-top: 0;
}

.panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}

/* ¾Èº¸ÀÌ´Â ÆгÎÀ§Ä¡°íÁ¤ */
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.panel.left {
  left: -800px;
}
.panel.left .mo-menu-title{
font-family: "Noto Sans KR", sans-serif;
font-size:20px;
color:#ffffff;
position:relative;
top:20px;
left:20px;
}
.panel.left .mo-menu-title img{width:60%;}
/*ÆгΠ¹öÆ° ºÎºÐ À§Ä¡*/
.panel.left .ninja-btn {
  left: 810px;
}
/* ÆгÎÀÌ È°¼ºÈ­ µÇ¾úÀ»¶§ */
.panel.left.active {
  left: 0;
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -50px;
}

.panel ul li.sub-menu{
  background: #2e333c;
  padding:11px 0 0 50px;
}


}

/*########ÇØ»óµµ 640 ÀÌÇÏ########*/
@media all and (max-width:640px){
	#header .header_top{height:60px;}
	#header .header_top .logo_area{padding-top:22px;}
	#search_section .search_from{padding:5px 15px 15px;}
	#search_section .search_from .search_icon_area{margin-bottom:15px;}
	#search_section .search_from .search_icon_area h1{top:-15px;}
	#search_section .search_from .search_icon_area img{margin-bottom:0;}
	#main_content .left_cont .cs_center{width:100%; margin-right:0; margin-bottom:0;}
	#main_content .left_cont .cs_manager{width:100%; margin-bottom:0;}
	#main_content .left_cont .calculator{width:100%; margin-right:0; margin-bottom:0;}
	#main_content .left_cont .left_banner{width:100%; margin-right:0; margin-bottom:0;}
	#main_content .center_cont .main_trading .trading_cont ul li{width:49%;}
	#main_content .center_cont .main_trading .trading_cont ul li:nth-child(3n){margin-right:1%;}
	#main_content .center_cont .main_trading .trading_cont ul li:nth-child(2n){margin-right:0;}
	#main_content .center_cont .main_trading .trading_cont ul li .product_ex{padding-left:10px;}
	#main_content .center_cont .main_lease .lease_cont ul li{width:49%;}
	#main_content .center_cont .main_lease .lease_cont ul li:nth-child(3n){margin-right:1%;}
	#main_content .center_cont .main_lease .lease_cont ul li:nth-child(2n){margin-right:0;}
	#main_content .center_cont .main_lease .lease_cont ul li .product_ex{padding-left:10px;}
	#main_content .result_area .result_cont .trading_cont ul li{width:49%;}
	#search_section .search_from form ul li select{font-size:12px;}
	#search_section .search_from form ul li input{font-size:12px;}
	.blocker{top:60px;}
}

/*########ÇØ»óµµ 500 ÀÌÇÏ######*/
@media all and (max-width:500px){
	#wrap #sub_banner ul li.main_slide_01 .inner img{width:100%;}
	#main_content .center_cont .main_trading .trading_cont ul li{width:100%;}
	#main_content .center_cont .main_lease .lease_cont ul li{width:100%;}
	#main_content .center_cont .main_total .total_cont table tbody td h1{font-size:13px;}
	#main_content .center_cont .main_total .total_cont table tbody td p{font-size:12px;}
	#main_content .center_cont .main_total .total_cont table thead tr th h1{font-size:12px;}
	#main_content .center_cont .main_total .total_cont table tbody td .lease{padding:4px 7px;}
	#main_content .center_cont .main_total .total_cont table tbody td .parcel{padding:4px 7px;}
	#main_content .center_cont .main_total .total_cont table tbody td .trading{padding:4px 7px;}
	#main_content .right_cont{margin-bottom:50px;}
	#main_content .right_cont .advance_sale .advance_cont ul li{width:50%; height:150px;}
	#main_content .right_cont .advance_sale .advance_cont ul li:nth-child(3n){border-right:1px solid #eaeaea;}
	#main_content .right_cont .advance_sale .advance_cont ul li:nth-child(2n){border-right:0;}
	#main_content .right_cont .recommende_sale ul li{width:50%; height:150px;}
	#main_content .right_cont .recommende_sale ul li:nth-child(3n){border-right:1px solid #eaeaea;}
	#main_content .right_cont .recommende_sale ul li:nth-child(2n){border-right:0;}
	#footer .bottom_btns{padding-left:10px;}
	#footer .bottom_btns .btn_group ul li a{font-size:14px;}

	#main_content .result_area{width:95%;}
	#main_content .result_area .result_title .category_group ul li a{width:60px; height:25px; line-height:25px;}
	#main_content .result_area .result_cont table thead tr th h1{font-size:12px;}
	#main_content .result_area .result_cont table tbody td p{font-size:12px;}
	#main_content .result_area .result_cont table tbody td h1{font-size:13px;}
	#main_content .result_area .result_cont table tbody td .lease{padding:4px 7px;}
	#main_content .result_area .result_cont table tbody td .parcel{padding:4px 7px;}
	#main_content .result_area .result_cont table tbody td .trading{padding:4px 7px;}
	#main_content .result_area .result_cont .trading_cont ul li{width:100%;}

	#main_content .result_area .result_cont table thead th:nth-child(5){display:none;}
	#main_content .result_area .result_cont table thead th:nth-child(6){display:none;}
	#main_content .result_area .result_cont table tbody td:nth-child(5){display:none;}
	#main_content .result_area .result_cont table tbody td:nth-child(6){display:none;}
	#main_content .center_cont .main_total .total_cont table thead th:nth-child(5){display:none;}
	#main_content .center_cont .main_total .total_cont table thead th:nth-child(6){display:none;}
	#main_content .center_cont .main_total .total_cont table tbody td:nth-child(5){display:none;}
	#main_content .center_cont .main_total .total_cont table tbody td:nth-child(6){display:none;}
	#main_content .result_area .result_cont table thead th:nth-child(5){display:none;}
	#main_content .result_area .result_cont table thead th:nth-child(6){display:none;}

	
	#popup_modal .pop_cont table th{padding-left:0;}
	#popup_modal .pop_cont table th p{font-size:13px;}
	#popup_modal .pop_cont table td .msl_number{font-size:14px;}
	#popup_modal .pop_cont table td .classification{font-size:12px;}
	#popup_modal .pop_cont table td .trading{padding:4px 8px;}
	#popup_modal .pop_cont table td p{font-size:12px;}
	#popup_modal .pop_cont .img_area{padding:10px; padding-bottom:40px;}
	#popup_modal .pop_cont .img_area img{width:100%;}
	#popup_modal .pop_cont table td .trading{padding:2px 6px; font-size:12px;}
	#popup_modal .pop_cont table td .lease{padding:2px 6px; font-size:12px;}
	#popup_modal .pop_cont table td .parcel{padding:2px 6px; font-size:12px;}

	.blocker{top:60px; padding-bottom;60px;}
	.under-close{
	display:block;
	position: absolute;
	bottom:10px;
	left:50%;
	transform:translateX(-50%);
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/close_btn.png);}

	#main_content .left_cont .left_banner img{width:100%;}
	
	#main_content .inner > div:nth-child(1){display:none;}
	#main_content .inner > div:nth-child(4){display:block;}
	#main_content .left_cont{margin-bottom:30px;}
	.page{padding-left:0; width:100%;}
}