@charset "utf-8";

/*clearfix*/
.cf{}/* 여기서 cf는 float속성을 가진 태그의 부모태그라고 생각한다.*/
.cf:after{display:block; content:""; clear: both;}


/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#23B1BD;}
#ready p{font-size:0.8em; color:#666;}
.ready{ text-align:center; padding:80px 0 80px 0;}


/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}

.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%;}



/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}

.tbl3{ border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center; }
.tbl3 tr th{ vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; background:#f5f5f5;}
.tbl3 tr td { vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; color:#666;}
.tbl3 thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3; padding:7px 5px;}
.tbl3 tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}
.tbl3 tr.total td{ border-right:1px dotted #ddd; background:#efefef; font-weight:500; color:#333; border-top:1px solid #444;}
.tbl3 tr td.rn{ border-right:0;}


@media (max-width:1000px) {
/*가로스크롤*/
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}

.tbl table{ font-size:1em;  }
}