@charset "utf-8";

/* layout */
#wrap{width: var(--width); min-width: var(--width-min); max-width: var(--width-max); margin: 0 auto; background: var(--mono-ff); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.13);}
#contents {position:relative; padding: 22px 0 70px;}  
#wrap.main main#contents{padding:0;}

/* 개인정보처리방침ㆍ이용약관ㆍ회사소개 본문 여백 */
#contents > .xans-mall-privacy,
#contents > .xans-mall-term,
#contents > .xans-mall-company {
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 40px;
}

.ons_inner {margin: auto 16px;}

.dimmed { display:none; z-index:1000; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }

/********************* Mobile *********************/
@media all and (max-width:767px) {
    /* responsive class */
    .RTI, .RTB, .RTIB { display:none !important; }
    .RMB { display:block !important; }
    .RMI { display:inline !important; }
    .RMIB { display:inline-block !important; }
    
    /* IOS Safari bug Fix */
    body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    /* responsive class */
	.RWI, .RW, .RWB, .RWIB { display:none !important; }
    .RTMB { display:block !important; }
    .RTMI { display:inline-block !important; }

    /* mobileaction */
    .xans-layout-mobileaction { position:absolute; top:-30px; left: 0; }
    .xans-layout-mobileaction a .icon {width:10px; height:10px;}
    #detail .xans-layout-mobileaction { top:16px; }
    
    #capp-shop-new-product-optionselect-layer { position:fixed !important; top:0 !important; right:0 !important; left:auto !important; width:100% !important; height:100% !important; margin:0 !important; }
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
    /* responsive class */
    .RMI, .RMB, .RMIB { display:none !important; }
    .RTI { display:inline !important; }
    .RTB { display:block !important; }
    .RTIB { display:inline-block !important; }

}

/********************* PC *********************/
@media all and (min-width:1025px) {
    /* responsive class */
    .RMI, .RMB, .RMIB, .RTI, .RTB, .RTIB, .RTMI, .RTMB { display:none !important; }
    .RWI { display:inline !important; }
    .RWB { display:block !important; }
    .RWIB { display:inline-block !important; }

    #contents > .xans-mall-privacy,
    #contents > .xans-mall-term,
    #contents > .xans-mall-company {
        padding-top: 16px;
        padding-bottom: 56px;
    }

}


/********************* PC *********************/
@media all and (min-width:1921px) {
    body { margin:0 auto; }
}

#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }

/* 가로 스크롤 방지 */
html,
body {
    overflow-x: hidden;
}

#wrap {
    overflow-x: hidden;
}