/* 슬라이드 box */
.snap-drawers{overflow-x:hidden;position:absolute;top:0;right:0;left:0;bottom:0;width:auto;height:auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; z-index: 0;}

.snap-drawer{overflow:auto; position:absolute; top:0; right:auto; left:auto; bottom:0; width:299px; height:auto; background-color: #1e1e1e; border-right: 1px solid #000; -webkit-transition:width .2s ease; -moz-transition:width .2s ease; -ms-transition:width .2s ease; -o-transition:width .2s ease; transition:width .2s ease; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; z-index: 1}


.snap-drawer-left{left:0px; z-index:100;}
.snap-drawer-right{right:-300px; z-index:100;}

.snapjs-left .snap-drawer-right,.snapjs-right .snap-drawer-left{display:none}
.snapjs-expand-left .snap-drawer-left,.snapjs-expand-right .snap-drawer-right{width:100%}
.snapjs-right .snap-drawer-left{display:block;right:0;left:auto}

/* 슬라이드 left */
.snap_head {width: 100%; height:56px; border-bottom: 1px solid #111; background-color: #222;}
.snap_head::after {content: ''; clear: both; overflow: hidden; display: block;}
/* .snap_close {width:60px; height:56px; float: left; background: url(/images/m/cross.png) no-repeat 14px 14px; background-size: 32px 29px; cursor: pointer;} */
.snap_title {width:138px; height:56px; float: left;}

.snap_info {width: 100%; overflow: hidden; background-color: #222; border-bottom: 1px solid #111; color: #999;}
.snap_info::after {content: ''; clear: both; overflow: hidden; display: block;}
.snap_info li {float: left; text-align: center; font-size: 13px; letter-spacing: -1px;}
.sp_c, .sp_l, .sp_r {height: 43px; line-height: 42px;}

.sp_lv {width: 100%; padding: 13px 0 10px 0; vertical-align: middle; border-bottom: 1px solid #111;}
.sp_lv img {vertical-align: middle; margin-top: -3px; margin-right: 3px;}

.sp_bn {width: 299px; line-height: 1; border-bottom: 1px solid #111;}
.sp_bn img {width: 100%; height: 62px;}
.sp_c {width: 100%; border-bottom: 1px solid #111; vertical-align: middle;}
.sp_l {width: 99px; border-bottom: 1px solid #111; border-right: 1px solid #111;}
.sp_r {width: 99px;  border-bottom: 1px solid #111;}
.sp_bg {background-color: #222!important;}

.sp_lv .info_tx1 {color: #ddd;}
.sp_c .info_tx2 {color: #efba70;}
.sp_c .info_tx3 {color: #efba70;}
.sp_c .info_tx4 {color: #efba70;}

.sp_c a, .sp_l a, .sp_r a {display: block; overflow: hidden; color: #999!important; transition:all .2s ease-out; -webkit-transition:all .2s ease-out;background-color: #333;}
.sp_c a:hover, .sp_l a:hover, .sp_r a:hover {display: block; overflow: hidden; background-color: #685131; color:#ddd!important;}