@charset "utf-8";
@import url("bootstrap.css");
@import url("style.css");
@import url("mainBg.css"); 
@import url("font-icons.css");
@import url("font-awesome.css");
@import url("font-icons-snapchat.css");
@import url("animate.css");
@import url("magnific-popup.css");
@import url("responsive.css");
@import url("components/bs-datatables.css");
@import url("components/bs-datepicker.css");
@import url("components/radio-checkbox.css");
@import url("components/ion.rangeslider.css");


@import url('http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600');
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url('http://fonts.googleapis.com/css?family=Titillium+Web:200,400,600'); /* font-family:'Titillium Web';thinÀº font-weight:200, RegularÀº font-weight:400, Semibold´Â font-weight:600 */

@import url("http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic");

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 

@font-face {
	font-family: 'nanum';
	src: url('fonts/NanumSquareR.eot');
	src: local(¡Ø), url('fonts/NanumSquareR.woff') format('woff'),
		 url('fonts/NanumSquareR.ttf') format('truetype');
}

@font-face {
	font-family: 'nanumBold';
	src: url('fonts/NanumSquareB.eot');
	src:local(¡Ø),url('fonts/NanumSquareB.woff') format('woff'),
   	    url('fonts/NanumSquareB.ttf') format('truetype');
}


/* ======================== common Class ======================== */

.pL30{padding-left:30px;}
.grayBg{background:#f9f9f9}
.pointcolor{color:#0eb1eb !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.bold{font-family:"Noto Sans KR"; font-weight:400;}
dl, dd, dt, ul, li{margin:0; padding:0;}
.wid50{width:50px; font-size:12px;}

ul,ol {list-style:none;}

.viewTable{clear:both; padding:5px 0 0; border-top:1px solid #dddddd !important; border-bottom:1px solid #dddddd;}

.add-animation{
transform: translate3D(0px, 150px, 0px);
-webkit-transform: translate3D(0px, 150px, 0px);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.add-animation.animation-1{
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.add-animation.animation-2{
-webkit-transition: all 0.3s ease-out 0.15s;
-moz-transition: all 0.3s ease-out 0.15s;
-o-transition: all 0.3s ease-out 0.15s;
-ms-transition: all 0.3s ease-out 0.15s;
transition: all 0.3s ease-out 0.15s;
}
.add-animation.animation-3 {
-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;
}
.add-animation.animation-4{
-webkit-transition: all 0.3s ease-out 0.45s;
-moz-transition: all 0.3s ease-out 0.45s;
-o-transition: all 0.3s ease-out 0.45s;
-ms-transition: all 0.3s ease-out 0.45s;
transition: all 0.3s ease-out 0.45s;
}
.add-animation.animate{
transform: translate3D(0px, 0px, 0px);
-webkit-transform: translate3D(0px, 0px, 0px);
opacity: 1;
}