/* ======================
   공통영역 리사이징 전용 소스
   ====================== */



@media (max-width: 1540px) {
    #scroll_right, 
	#scroll_right.ban_fixed{
		right: 20px;
	}
}

@media (max-width: 1350px) {
	#header .header_search_cont{
		margin: 0px 50px;
		padding: 0px;
	}
}

@media (max-width: 1280px) {

    /* 하단 */
    #footer .footer-summary-wrap .cs-center {
        width: 27%;
    }
    
    #footer .footer-summary-wrap .delivery {
        width: 20%;
    }
    
    #footer .footer-summary-wrap .bank-info {
        width: 26%;
    }
    
    #footer .footer-summary-wrap .policy {
        width: 13%;
    }
    
    #footer .footer-summary-wrap .social {
        float: right;
        width: 14%;
    }
    
    /* 스크롤 영역 */
    .scroll_wrap {
        display: none;
    }    

}

@media (max-width: 1100px) {
    
    /* 상단 */
    
    #header .gnb-wrapper {
        display: none;
    }
	
	#header .h1_logo a{
		display: block;
	}

	#header .h1_logo img{
		width: 100%;
	}   
    
    
    /* 검색 */
    
    .search-wrap a.btn-close {
        background-size: 18px auto;
        background-position: center;
        right: 13px;
        top: 4px;
    }
    
    .search-wrap.on a.btn-close {
        top: 14px;
    }
    
    .search-wrap fieldset {
        box-sizing: border-box;
        margin: 0;
        left: 0;
        padding: 0px 20px;
        width: 100%;
        margin-top: -18px;
    }
    
    .search-wrap #search_form {
        width: 100%;
        border-width: 2px;
        height: 37px;
        line-height: 37px;        
        font-size: 16px;
        text-indent: 0px;
        padding: 0px;
    } 
    
    .search-wrap #btnSearchTop {
        width: 18px;
        margin-top: -9px;        
    }
    
    /* 하단 */
    #footer .footer-summary-wrap .summary-box {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    
    #footer .footer-summary-wrap .summary-box h3.title {
        margin-bottom: 8px;
    }
    
    #footer .footer-summary-wrap .summary-box .banking-go {
        margin: 12px auto 0px;
    }
    
    #footer .footer-summary-wrap .summary-box .banking-go ul.bank-list {
        text-align: left;
    }        
    
    #footer .footer-info-wrap {
        text-align: center;
    }

	#footer .footer-info-wrap .social,
	#footer .footer-info-wrap .policy {
		float: none;
	}

	#footer .footer-info-wrap .social .title,
	#footer .footer-info-wrap .policy .title{
		display: none;
	}

	#footer .footer-info-wrap .social {
		margin-bottom: 20px;
	}

	#footer .footer-info-wrap .social li{
		margin: 0 11px;
	}

	#footer .footer-info-wrap .social a img{
		height: 17px;
	}

	#footer .footer-info-wrap .policy ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 8px 15px;
		font-size: 13px;
	}
    
}

@media (max-width: 769px) {
    
	body{
		min-width: 320px;
	}

    /* 상단 */
    
    #header,
    #header .header_search {
        height: 60px;
    }
    
    #wrap #header .header_search_cont {
        min-height: unset;
        margin: 0px 15px;
		padding: 0px;
    }
    
    #header .h1_logo {
        line-height: 65px;
        margin-right: 0;
        width: 62px;
        margin-left: 37px;
    }
    
    #wrap .only-main-wrap .main-logo {
        top: 15px;
        width: 81px;
        margin-left: -40.5px;
    }
    
    #wrap .only-main-wrap .main-logo img {
        width: 100%;
    }    
    
    #header .right-nav>ul>li {
        margin-right: 15px;
    }
    
    #header ul.depth-one-wrap li.depth-one>a,
    #header .right-nav>ul>li>a {
        line-height: 60px;
        font-size: 12px;
    }
    
    #header .right-nav>ul>li a.cart span {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 10px;
    }
    
    #header .right-nav>ul>li a.search {
        background-size: 18px auto;
    }
    
    .aside .nav-box {
        margin-bottom: 17px;
    }

    .aside .title h2, .aside ul.depth-one-wrap li.depth-one>a {
        margin-bottom: 5px;
        font-size: 14px;
    }
    
    .aside .nav-category li a,
    #wrap .aside ul.depth-one-wrap li.depth-two a {
        line-height: 30px;
        font-size: 14px;
    }

    /* 하단 */
    
    #footer .notice-feed-wrap h4.title {
        font-size: 11px;
        width: 45px;
        line-height: 39px;
    }
    
    #footer .notice-feed-wrap .feeds {
        width: calc(100% - 92px);
    }
    
    #footer .notice-feed-wrap .feeds li a {
        font-size: 11px;
        line-height: 39px;
    }
    
    #footer .notice-feed-wrap a.more-link {
        font-size: 11px;
        line-height: 39px;
    }
    
    #footer .footer-summary-wrap {
        padding: 25px 0px 10px;
    }
    
    #footer .footer-summary-wrap .social,
    #footer .footer-summary-wrap .policy {
        display: none;
    }
    
    #footer .footer-summary-wrap .summary-box h3.title {
        font-size: 12px;
    }
    
    #footer .footer-summary-wrap .summary-box a.tel {
        font-size: 14px;
    }
    
    #footer .footer-summary-wrap .summary-box p,
    #footer .footer-summary-wrap .summary-box li a {
        font-size: 11px;        
        line-height: 17px;
    }
    
    #footer .footer-summary-wrap .summary-box h4.sub-title,
    #footer .footer-summary-wrap .summary-box a.shipping-search {
        font-size: 11px;
    }
    
    #footer .footer-summary-wrap .summary-box .banking-go {
        width: 139px;
    }
    
    #footer .footer-summary-wrap .summary-box .banking-go span {
        line-height: 33px;
        font-size: 11px;
    }
    
    #footer .footer-summary-wrap .summary-box .banking-go span.arrow {
        height: 33px;
        background-size: 10px auto;
    }
    
    #footer .footer-info-wrap {
        padding: 25px 0px;
    }

	#footer .footer-info-wrap .policy ul li{
		font-size: 11px;
	}

	#footer .footer-info-wrap .info-box{
	    word-break: keep-all;
		word-break: -webkit-keep-all;
		word-break: -ms-keep-all;
	}

    #footer .footer-info-wrap p {
        font-size: 11px;
		line-height: 19px;
    }
    
    #footer .footer-info-wrap p span {
        margin-right: 7px;
    }
    
    #footer .footer-info-wrap p.copyright {
        margin-top: 5px;
    }

    
}

@media (max-width: 768px){

	/* 공통상품폼 */ 

	.cut_lay_pro .goods_list{
	    margin-left: 0;
		width: 100%;
	}

	.goods_list_cont ul li .item_cont{
		padding: 0px;
	}

	.goods_list_cont ul li:nth-child(odd) .item_cont{
		padding-right: 5.5px;
	}

	.goods_list_cont ul li:nth-child(even) .item_cont{
		padding-left: 5.5px;
	}

	.goods_list_cont ul li .item_photo_box{
	    box-sizing: border-box;
	}
/*
    .goods_list_cont ul li {
        width: 50% !important;
    }
*/

	.item_info_cont {
		padding: 6px 0 0 0;
	}

	.item_tit_box .item_name{
		font-size: 14px;
font-weight: 300;
	}

	.item_tit_box .item_name_explain{
		font-size: 11px;
	    padding-top: 0;
	}

	.item_money_box {
		padding: 7px 0 0 0;
	}

	.item_money_box del, 
	.item_money_box .item_price{
		font-size: 12px;
	}

	.item_link_wib{
		display: none;
	}
/*
	.discount-rate{
		width: 35px;
		height: 35px;
	    font-size: 12px;
		line-height: 37px;
		top: 10px;
		left: 15px;
	}
*/
	.goods_list_cont ul li:nth-child(odd) .discount-rate{
		left: 10px;
	}

	.tab_product .goods_list_cont ul li:nth-child(odd) .discount-rate{
		left: 15px;
	}

	.list_product .goods_list_cont ul li .discount-rate{
		top: 15px !important;
		left: 15px !important;
	}

	.color_wrap .color{
		margin: 5px 0;
	}

	.color_wrap .color > div{
	    width: 17px;
		height: 2px;
	}
	
	.btn_goods_down_more{
		display: block;
	}

	.mypage_table_type colgroup {display:none;}

}

@media (max-width: 350px){

	/* 상단 */

    #header .right-nav>ul>li {
        margin-right: 10px;
    }

	#header .right-nav>ul>li:nth-of-type(1),
	#header .right-nav>ul>li:nth-of-type(2){
        display: none;
    }
}

/* Mobile Layout Fixes for PC Fixed Widths */
@media (max-width: 769px) {
    #header .header_top_cont,
    .cut_layout,
    #footer_wrap .foot_list .foot_list_inner,
    #quick_search.q_top .quick_search_cont {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}