@charset "utf-8";
/* *******************************************************
 * filename : reset.css
 * description : reset / common / font CSS
 * date : 2020-06-30
******************************************************** */


.cm-fl { float:left; }
.cm-fr { float:right; }
.cm-cb { clear:both; }
.cm-cf { clear:both; height:1px; }
.cm-pr { position:relative; }
.cm-pa { position:absolute; }
.cm-al { text-align:left !important; }
.cm-ac { text-align:center !important; }
.cm-ar { text-align:right !important; }
.cm-aj { text-align:justify !important; }
.cm-vt { vertical-align:top; }
.cm-vm { vertical-align:middle; }
.cm-vb { vertical-align:bottom; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{
    -webkit-transition:transform 0.3s;
    -moz-transition:transform 0.3s;
    -o-transition:transform 0.3s;
    -ms-transition:transform 0.3s;
    transition:transform 0.3s
}
a:hover .over-img img{
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -webkit-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
}
.over-bg{
    overflow:hidden;
    -webkit-transition:transform 0.3s;
    -moz-transition:transform 0.3s;
    -o-transition:transform 0.3s;
    -ms-transition:transform 0.3s;
    transition:transform 0.3s
}
a:hover .over-bg{
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -webkit-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
}
.line-clamp2{
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp3{
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.line-clamp4{
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.img-center{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    max-width:100%;
    max-height:100%;
    margin:auto;
}
.img-cover{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.pos-full{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
}

/* Skip Navgation */
.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#222; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

/* 공통 :: 여백 */
.margin-t-30{margin-top: 30px !important;}
.margin-t-40{margin-top: 40px !important;}
.margin-t-50{margin-top: 50px !important;}
.margin-t-60{margin-top: 60px !important;}
.margin0{margin:0 !important;}

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}