li, ol, ul { list-style: none; margin: 0;padding: 0; }

/* 이동연 공통사항 */
.mt5 { margin-top: 5px; }.
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }



.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; } 
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }



.col-10-1 { width: 10%; }
.col-10-2 { width: 20%; }
.col-10-3 { width: 30%; }
.col-10-4 { width: 40%; }
.col-10-6 { width: 60%; }
.col-10-7 { width: 70%; }
.col-10-8 { width: 80%; }
.col-10-9 { width: 90%; }

.col-12-1 { width: 8.33333333% !important; }
.col-12-2 { width: 16.66666667% !important; }
.col-12-3 { width: 25% !important; }
.col-12-4 { width: 33.33333333% !important; }
.col-12-5 { width: 41.66666667% !important; }
.col-12-6 { width: 50% !important; }
.col-12-7 { width: 58.33333333% !important; }
.col-12-8 { width: 66.66666667% !important; }
.col-12-9 { width: 75% !important; }
.col-12-10 { width: 83.33333333% !important; }
.col-12-11 { width: 91.66666667% !important; }
.col-12-12 { width: 100% !important; }


.col-10-1, .col-10-2, .col-10-3, .col-10-4, .col-10-6, .col-10-7, .col-10-8, .col-10-9, .col-12-1, .col-12-2, .col-12-3, .col-12-4, .col-12-5, .col-12-6, .col-12-7, .col-12-8, .col-12-9, .col-12-10, .col-12-11, .col-12-12 { float: left; box-sizing: border-box; }

.bo-box { box-sizing: border-box; }

.img-responsive { max-width:100%; height:auto; display:block; }



/* CSS Document */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.fal { float: left; }
.far { float: right; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.in_block { display: inline-block; }
.block { display: block; }
.none { display: none; }


.bg-white { background: #fff; }
.bg-main { background: #003e7e; }


/* 레이아웃 */
.wrap { width: 100%; }
.container { width: 1170px; margin: 0 auto; }
#content { width: 1170px; padding-left: 251px; box-sizing: border-box; }
.bg-gray { background: #f7f7f7; }