@charset "utf-8";
/********************************
	Common.css
	default style
	font style
	button style
	top button
********************************/

/**************** default style ****************/
/* margin */
.m0 {margin: 0px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}

.mr10 {margin-right:10px !important;}

/* padding */
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pdv15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.pdv20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.pdh15 {padding-left: 15px !important; padding-right: 15px !important;}

/* default */
.dft-p10 {padding: 10px;}
.dft-p10-15 {padding: 10px 15px;}

/**************** 여기부터		 ****************/
/**************** default style	****************/
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.float-l {float: left;}
.float-r {float: right;}
.clearfix {clear: both; overflow: hidden;}
.rel {position: relative;}
.w100 {width: 100%;}
.bg-fff {background-color: #fff;}
.bg-skybl {background-color:#1c97fe;}
.bg-navy {background-color:#1429a0;}
.bg-navy-d1 {background-color:#223785;}
.bg-navy-d2 {background-color:#2e3661;}

/**************** font style	****************/
.ft-navy {color: #1429a0;}
.ft-lightbl {color: #0056cd;}
.ft-skybl {color: #1c97fe;}
.ft-red {color: #d94e3f;}
.ft-gray{color: #a0a0a0;}
.ft-fff{color: #fff;}
.ft-14 {font-size: 14px;}
.ft-16 {font-size: 16px;}
.ft-18 {font-size: 18px;}
.ft-bold {font-weight: bold;}
.ft-normal {font-weight: 400;}

/**************** button style	****************/
.btn {display: inline-block; text-align: center; cursor: pointer;}
.btn-block {width: 100%;}
.btn-gray {background-color: #535353;}
.btn-blue {background-color: #0056cd;}
.btn-royalbl {background-color: #263d94;}
.btn-skyblue {background-color: #1c97fe;}
.btn-round {border-radius: 4px;}

/**************** top button	****************/
.btn-top {display: none; position: fixed; bottom: 210px; right: 15px; width: 56px; height: 56px; padding: 12px 0 0 0; font-weight: bold; font-size: 11px; text-align: center; text-transform: uppercase; color: #fff;
	background-color: rgba(46, 46, 46, .8); border-radius: 50%; border: 1px solid rgba(255,255,255, .8);}
.ti-download {display: block; margin-bottom: 2px; transform:rotate(180deg); font-weight: bold; font-size: 16px;}

/**************** display	********************/
.hidden {display: none;}