@charset "euc-kr";
/* CSS Document */

body{ font-family:sans-serif}
.box1{ width:95%; min-width:304px; margin:0 auto}
.pc_hide{ display:block}
.phone_hide{ display:none}

@media all and (max-width:768px){
    .mainLayerPop .popLayer{ position:fixed; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; overflow-y:auto;}
    .mainLayerPop .popLayer.on{ display:flex !important; background:rgba(0,0,0,.3);}
    .mainLayerPop .popLayer table,
    .mainLayerPop .popLayer table tbody,
    .mainLayerPop .popLayer table tr,
    .mainLayerPop .popLayer table td{ display:block; box-sizing:border-box;}
    .mainLayerPop .popLayer table,
    .mainLayerPop .popLayer table tr{ background:#fff;}
    .mainLayerPop .popLayer table{ position:static !important; width:22.188em; height:24.375em; max-width:100%; margin:2em; border:none !important; border-radius:.75em; overflow:hidden; box-shadow:.3em .3em .3em rgba(0,0,0,.1);}
    .mainLayerPop .popLayer table tbody{ height:100%;}
    .mainLayerPop .popLayer table .con{ height:calc(100% - 30px);}
    .mainLayerPop .popLayer table .con > td{ height:100%; text-align:center;}
    .mainLayerPop .popLayer table .con > td:before{ content:""; display:inline-block; vertical-align:middle; height:100%;}
    .mainLayerPop .popLayer table .con > td img{ width:auto; height:auto; max-height:100%; vertical-align:middle;}
	.mainLayerPop .popLayer table .con > td > a{ display:inline-block; width:100%; height:100%;}
	.mainLayerPop .popLayer table .con > td > a:before{ content:""; display:inline-block; vertical-align:middle; height:100%;}
    .mainLayerPop .popLayer table .close{ height:30px; line-height:30px;}
}