@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/
._objHtml table tfoot th, ._objHtml table tfoot td {background-color: #f4f5f7; padding: 10px 5px; font-weight: 400; border-right: 1px solid #ddd;}
._objHtml table tfoot th:last-child, ._objHtml table tfoot td:last-child {border-right: none;}
._objHtml .tableWrap p.table_p {text-align: right; font-size: 13px;}
._objHtml .tableWrap .left {text-align: left;}
._objHtml .alignC {text-align: center;}
._objHtml .marL20 {margin-left: 20px;}
._objHtml .f-14 {font-size: 14px;}
._objHtml .f-20 {font-size: 20px;}
._objHtml ol.no > li {list-style: decimal-leading-zero; margin: 5px 0 5px 25px;}

._objHtml ul.dash_1 > li {position: relative; padding-left: 10px; margin-left: 10px;}
._objHtml ul.dash_1 > li:before {content: "-"; position: absolute; top: 0; left: 0;}

/* Introduce */

.step_box01 * { box-sizing: border-box; position:relative;}
.step_box01 { position:relative;}
.step_box01 > div { margin-bottom:70px; padding:20px 10px; background-color:#fafbfd; border:1px solid #ddd; text-align:center; }
.step_box01 > div:last-child {   background-color:#2c6aba; color:#fff; }
.step_box01 > div:before {
    content: "";
    display: block;
    width: 200px;
    height: 50px;
    background: url(./../../images/vision_bg_arr.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -100px;
	transform: rotate(180deg);
}