
@media (min-width: 992px) {
	.cnt-imgBox {
		width: 96% !important;
	}
  .header-area .main-nav .nav li {
    padding-left: 9px;
  }
  .header-area .main-nav:before {
    /*display: none;*/
	/*display:flex !important;*/
  }
  .nav{display:flex !important;}
  .popular-categories .icon {
    margin-left: 50%;
    transform: translateX(-33px);
    text-align: center;
    display: inline-block;
  }
  .category-post .naccs .menu div.active .thumb {
    position: relative;
  }
  .category-post .icon {
    position: absolute;
    left: 50%;
    transform: translateX(15px);
  }
  .category-post .top-content .top-icon h4 { 
    left: 86px;
  }
  form#search-form {
    padding: 30px;
  }
  .popular-categories .naccs .menu .thumb,
  .category-post .naccs .menu div h4 {
    color: #fff;
  }
  .recent-listing .item .right-content,
  .listing-page .item .right-content {
    padding: 30px;
    position: relative;
  }
  .recent-listing .item .right-content h4,
  .listing-page .item .right-content h4 {
    margin-bottom: 10px;
  }
  .recent-listing .item .right-content .main-white-button,
  .listing-page .item .right-content .main-white-button {
    left: 30px;
    bottom: -30px;
  }
  .recent-listing .item .right-content span.price,
  .listing-page .item .right-content span.price {
    margin-top: 15px;
  }
  .recent-listing .item .right-content ul.rate,
  .listing-page .item .right-content ul.rate {
    left: 30px;
    top: -5px;
  }
  .recent-listing .item .right-content span.details,
  .listing-page .item .right-content span.details {
    margin-bottom: 15px;
  }
	.cls_imgBox_area{width:100%;}
	.f_info_box{ width:100%;margin:0 auto; }
	.link_area {width:100% !important;}
	.link{width:96% !important;text-align:justify !important;padding:5px !important;}
	#footer_wrap{width:100%;max-width:1140px;}

	.nacc{overflow:hidden;}

	.contents_title_in{max-width:1140px;font-size:24px;}
	.contents_title_in_span{font-size:14px;}
	#contMid_v2_bbs_list{width:100%;}


	#boardv_desc_table {width:100%;max-width:1140px;margin:0 auto;}

	#container_wrap #db_form_wrap .tab_all{min-width:74%;max-width:74%;}

	/* º¸Çè·á°è»ê°á°ú ·¹ÀÌ¾î */
	#md_goods_cont{width:600px;height:300px;}

	/* »óÇ° º¸Çè·á»êÃâ ·¹ÀÌ¾î */
	#modal_content{width:600px;height:300px;}
}
@media (max-width: 1171px) {
	.cls_board_list_area{width:760px;}
}
@media (max-width: 991px) {

.cnt-imgBox {width:94% !important;}
.cnt-imgBox-body-txt-left {width:100% !important;}
.cnt-imgBox-body-txt-right {width:calc(100% - 320px) !important;}


.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  background-color: #333;
}
.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #000;
}
.header-area .main-nav .menu-trigger.active span:before, .header-area .main-nav .menu-trigger.active span:after{
	background-color: #333;
}
.background-header .main-nav .menu-trigger.active span:before, .background-header .main-nav .menu-trigger.active span:after{
	background-color: #000;
}


  .background-header .main-nav .nav {
    margin-top: 0 !important;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area .main-nav .nav li a {
	margin-top:0 !important;
  }

  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #8d99af!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    /*background-color: #f7f7f7;*/
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .main-nav a.logo {margin-top:10px;}
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .main-nav .menu-trigger {
    right: 15px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .background-header .nav {
    margin-top: 0;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: #fff !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 10px !important;
    border: none !important;
    color: #333 !important;
	margin-left:0px;
  }
  .header-area .main-nav .nav li a:hover {
    background: #d9f0ff !important;
    color: #333 !important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }

	.header-area .main-nav .nav li a h2 {
	  margin-left:20px;
	  color:#1e1e1e !important;
	}
  .header-area .main-nav a.logo {
    /*background-image: url(/common/img/plotlist/cancermall_logo_black.png);*/
    float: left;
  }
  .header-area .logo {
    margin-left: 0px;
  }

	.cls_imgBox_area{width:100%;}
	.cls_board_list_area{width:760px !important;}
	.f_info_box{ width:100% !important;max-width:100% !important;margin:0 auto; }
	.link_area {width:100% !important;max-width:100% !important;margin:0 auto;}
	.link{float:left !important;width:100% !important;margin-top:0 !important;text-align:justify !important;padding:5px !important;}
	#footer{padding:10px;}
	#footer_wrap{width:100% !important;max-width:100% !important;}
	.contents_title_in{width:100% !important;max-width:100%;font-size:18px;}
	.contents_title_in_span{font-size:12px;margin-right:20px;}
	#contMid_v2_bbs_list{width:100% !important;}
		.contMid_vs_bbs_in  {font-size:12px !important;}
	#boardv_desc_table {width:100%;max-width:100%;margin:0 auto;}
	.main-banner{
	overflow: unset;
	}
	.main_title{font-size:1.5em;letter-spacing:-2px;}

  .main-banner ul.categories li a {
    color: transparent;
  }
  .category-post .icon {
    transform: translateX(-22px);
  }


  #container_wrap #db_left{
	min-width: 100%;
	max-width: 100%;
  }

  #container_wrap #db_right{
	min-width: 100%;
    max-width: 100%;
	margin-top: 0px;
	}
  #container_wrap { height:1200px !important;  }
  #container_wrap.detail { height:1050px !important;  }


	.popular-categories{
	margin-top: 310px;
	}

	#container_wrap #db_arrow2{
	transform: rotate(90deg);
		top: 395px;
	}

	#container_wrap #db_form_wrap{
	margin: 45px auto;
	}
	#container_wrap #db_form_wrap .tab_all{min-width:90%;max-width:90%;}

	.popular-categories{
	margin-top: 30px;
	}
	#container{
	overflow: unset;
	}
	#db_form_wrap{
	min-width:100%; max-width:100%;
	}


	.nacc{overflow:visible;}


	/* º¸Çè·á°è»ê°á°ú ·¹ÀÌ¾î */
	#md_goods_cont{min-width:320px;max-width:330px;}

	/* »óÇ° º¸Çè·á»êÃâ ·¹ÀÌ¾î */
	#modal_content{min-width:320px;max-width:330px;height:360px;}

	.div_author_area{min-height:32px;}

}
@media (max-width: 787px) {
	.cls_board_list_area{width:100% !important;}
	.cnt-box1{height:auto;min-height:150px;}
	.cnt-box1-body{min-height:100px;}
	.cnt-box1-body-txt{height:auto;min-height:20px;}
}

@media (max-width: 741px) {
.img_size {width:auto;max-width:100%;}
.cnt-imgBox-body-txt-right {width:100% !important;}
.cnt-imgBox-body p {width:100%;float:left;}
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/




