@charset "utf-8";
/*퀵배너*/
#Qwrap{width:420px;height:100%;min-height:100%;position:fixed;top:0px;right:-330px;z-index:100;background:url('../img/quick/bgFloat.png') 0 0 repeat-y;display:none}
#Qwrap *{font-family:'NanumGothic';}
#Qwrap .wrap{width:100%;height:100%;position:absolute;margin-left:10px;background:#f5f5f5}
#Qwrap .wrap:after{content:"";clear:both;float:none;}

#Qwrap h1{padding:15px 0;display:block;background:url('../../../design/img/bk60.png');color:#fff;}
#Qwrap .CsNum{padding:10px 0 13px;}
#Qwrap .CsNum h5{display:block;margin-bottom:7px;}
#Qwrap .CsNum strong{display:block;font-size:2.2em;text-align:right;padding:0 10px 0 0;line-height:1.05em;background:none;font-weight:700;font-family:Arial;font-style:italic}

.Qlist{width:80px;height:100%;float:left;background:url('../../../design/img/bk10.png') repeat-y 100% 0;}
.Qlist ul{padding:0 1px 0 0;}
.Qlist li{height:75px;cursor:pointer;background:url('../img/quick/bgFloatList.png') 0 100% repeat-x;}
.Qlist li span{display:block;background-image:url(../img/quick/icon.png);background-repeat:no-repeat;padding-top:47px;font-size:11px;font-weight:bold;letter-spacing:-1px;word-spacing:-1px;height:27px;opacity:.7;filter:alpha(opacity=70);}
.Qlist li.q01 span{background-position:50% -24px;} 
.Qlist li.q02 span{background-position:50% -107px;}
.Qlist li.q03 span{background-position:50% -192px;}
.Qlist li:hover span,.Qlist li span.on{opacity:1;filter:alpha(opacity=100);}
.Qlist li span.on{color:#fff;background-image:url(../img/quick/icon_on.png);margin-right:-1px;}

.Qconts{overflow:hidden;height:100%;position:relative;background:url(../img/quick/bottom.png) no-repeat 100% 100% #fff;color:#555;text-align:left;letter-spacing:-1px;}
.Qconts .theme{display:none;padding:7% 5% 0;background:url(../img/quick/top.png) no-repeat 0 0;min-height:500px;}
.Qconts .close{position:absolute;top:0;right:0;z-index:10;width:60px;height:60px;background:url(../img/quick/close.gif) no-repeat 50%;font-size:0;line-height:0;text-indent:-999px;}

.Qconts h2{margin-bottom:40px;font-size:2em;text-align:left;display:block;letter-spacing:-1px;word-spacing:-1px;}
.Qconts .cbtn{font-size:15px;padding:15px 30px;margin:30px auto 0;}

.Qconts .note{text-align:left;margin:15px 0;}
.Qconts .note strong,.Qconts .note span{display:block}
.Qconts .note strong{font-size:13px;margin-bottom:3px;}

.Qconts .CsInfo{text-align:left;line-height:130%;color:#666;font-size:11px;letter-spacing:-0.04em;border-bottom:1px solid #ddd;padding:5%;background:#f9f9f9}
.Qconts .CsInfo p{margin-bottom:5px;font-weight:bold;font-size:1.2em;}
.Qconts .CsInfo strong{display:inline-block;font-size:2.5em;border-bottom:1px solid;font-style:italic;font-family:Arial;font-weight:800;margin-bottom:7px;line-height:135%;}
.Qconts .CsInfo span{color:#333;padding-right:3px;font-weight:bold;}

.Qconts .board .paging{}
.Qconts .board{margin-bottom:17px;}
.Qconts .board th{font-weight:normal;text-align:center;height:auto;width:auto}
.Qconts .board td{border-color:#e0e0e0;font-size:11px;}
.Qconts .board td strong{display:inline-block;white-space:nowrap;max-width:90%;overflow:hidden;}
.Qconts .board td a{display:inline-block;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#Qwrap {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
@media screen and (max-width :1152px) {
    #Qwrap {display:none;}
    .showQuick{display:block;}
}