@media (min-width: 992px) {
  .header-area .main-nav .nav li {
    padding-left: 15px;
  }
  .header-area .main-nav:before {
    display: none;
  }

  .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_list_area{width:1140px;}
	.f_info_box{ width:1140px;margin:0 auto; }
	.link_area {width:1140px !important;}
	.link{width:1020px !important;text-align:justify !important;padding:5px !important;}
	#footer_wrap{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:1140px;}


	#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 (min-width: 768px) and (max-width: 991.98px) {
	#container_wrap #db_form_wrap .tab_all{min-width:90%;max-width:90%;}
  .header-area .main-nav .nav li {
    padding-left: 15px;
  }
  .header-area .main-nav .nav li:last-child  ,
  .background-header .main-nav .nav li:last-child {
    /*display: none;*/
  }
  .header-area .main-nav .nav li:nth-child(6),
  .background-header .main-nav .nav li:nth-child(6) {
    padding-right: 0px;
  }
  .header-area .main-nav a.logo {margin-top:10px;}
  .header-area .main-nav .nav {margin-top:10px; margin-right: 0px !important;}

	.background-header .main-nav .nav {
	  margin-top: 10px !important;
	 
	}
	.nacc{overflow:hidden;}
  form#search-form select,
  form#search-form input {
    border: 1px solid #8d99af;
    border-radius: 7px;
    margin-bottom: 15px;
  }
  form#search-form button {
    border-radius: 7px;
  }
  .listing-page .naccs .menu {
    margin-bottom: 30px;
  }
  .popular-categories .nacc .thumb .left-text {
    margin: 30px;
  }
  .popular-categories .nacc .thumb .right-image {
    padding: 0px;
    margin: 0px 30px 30px 30px;
    display: block;
	text-align: -webkit-center;
  }
  .popular-categories .naccs .menu div.first-thumb {
    border-top-right-radius: 7px;
  }
  .popular-categories .naccs .menu div.last-thumb {
    border-bottom-left-radius: 0px;
  }
  .recent-listing .item .left-image,
  .listing-page .item .left-image {
    float: none;
    width: 100%;
  }
  .category-post .top-content .top-icon .icon {
    left: 45%;
  }
  .recent-listing .item .left-image,
  .listing-page .item .left-image {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 7px;
  }
  .recent-listing .item .listing-item,
  .listing-page .item .listing-item {
    display: inline-block;
  }
  .recent-listing .item .right-content ul.rate,
  .listing-page .item .right-content ul.rate {
    top: 20px;
  }
  .recent-listing .item .right-content .main-white-button,
  .listing-page .item .right-content .main-white-button {
    position: relative;
    left: 0px;
    bottom: 0px;
    margin-top: 30px;
  }
  .recent-listing .item .right-content h4 {
    margin-top: 20px;
  }
  footer {
    text-align: center;
  }
  footer .about,
  footer .helpful-links {
    margin-bottom: 45px;
  }
  .category-post .icon {
    transform: translateX(0px);
  }
  .category-post .top-content .top-icon,
  .category-post .nacc .thumb .main-white-button a {
    text-align: center;
    width: 100%;
  }
  .category-post .nacc .thumb .main-white-button  {
    margin-top: 30px;
  }
  .category-post .top-content .top-icon .icon {
    margin-left: -60px;
  }
  .category-post .top-content .top-icon h4 {
    left: 86px;
  }
  .description .text-icon {
    margin-top: 30px;
  }
  form#contact {
    margin-top: 45px;
    margin-bottom: 55px;
  }

  .s-title2{max-width:720px;margin:0 auto;}
	.cls_list_area{width:760px;}

	.f_info_box{width:100% !important;max-width:760px !important;margin:0 auto; }
	.link_area {width:100% !important;max-width:760px !important;}
	.link{width:100% !important;max-width:640px !important;margin-top:0 !important;text-align:justify !important;padding:5px !important;}
	#footer_wrap{width:100% !important;max-width:760px !important;}
	.contents_title_in{width:100% !important;max-width:760px;font-size:24px;}
	.contents_title_in_span{font-size:14px;}
	#contMid_v2_bbs_list{width:100% !important;max-width:760px !important;}
	#boardv_desc_table {width:100%;max-width:760px;margin:0 auto;}

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

	/* »óÇ° º¸Çè·á»êÃâ ·¹À̾î */
	#modal_content{width:450px;height:320px;}
}

@media (max-width: 767px) {
	.cls_list_area{width:380px;}
	.f_info_box{ width:100% !important;max-width:750px !important;margin:0 auto; }
	.link_area {width:100% !important;max-width:750px !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:750px !important;}
	.contents_title_in{width:100% !important;max-width:750px;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:750px;margin:0 auto;}
	.main-banner{
	overflow: unset;
	}
	.main_title{font-size:2.2em;}

  .main-banner ul.categories li a {
    color: transparent;
  }
  .header-area .main-nav a.logo {
    /*background-image: url(/common/img/plotlist/cancermall_logo_black.png);*/
    float: left;
  }
  .header-area .logo {
    margin-left: 0px;
  }
  .header-area .main-nav .menu-trigger {
    right: 15px;
  }
  .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%;
	}
  #container_wrap { height:1200px;  }


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

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

	#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%;
	}


  .background-header .main-nav .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .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 .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: 80px;
  }
  .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%;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: #f7f7f7 !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    /*line-height: 50px !important;*/
    padding: 0px !important;
    border: none !important;
    color: #191a20 !important;
	margin-left:20px;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #8d99af!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;
  }
	.nacc{overflow:visible;}


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

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

	.header-area .main-nav .nav li a h2 {
	  margin-left:20px;
	  color:#1e1e1e !important;
	}

	.cnt-box1{height:auto;min-height:150px;}
	.cnt-box1-body{min-height:100px;}
	.cnt-box1-body-txt{height:auto;min-height:20px;}
	.div_author_area{min-height:32px;}
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}




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