﻿/* 중앙사진 */
body { background:#f3f3f3;}
.mid_banner { position:relative; background:url(../img/main/main_img01.jpg) 0 0 no-repeat; height:408px;}
.mid_banner h2 {position:absolute; top:45px; left:0; color:#fff; font-size:38px; width:55%; font-weight:600; padding:25px;  line-height:120%; background:url(../img/main/bg_title.png) 0 0 repeat;}

.step01 {margin:40px 0; color:#5c5c5c;}
.step01 div {width:313px; *width:306px; float:left; margin:0 20px 0 0; }
.step01 div:last-of-type {margin:0;}
.step01 h2 {font-size:20px; font-weight:600; line-height:200%; margin-top:10px;}
.step01 h3 {font-size:13px; font-weight:400; line-height:160%; letter-spacing:0.4;}

.step02 {background:#fff; margin-top:40px; width:100%; box-shadow:0 0 5px #bfbfbf; display:inline-block;}
.step02 ul {width:100%;}
.step02 li {float:left;}
.step02 li.txt {width:530px; margin:30px 0 0 45px;}
.step02 h2 {font-size:20px; font-weight:600; line-height:200%;}
.step02 h3 {font-size:13px; font-weight:400; line-height:160%; letter-spacing:0.4;}


.step03 {background:#fff; margin-top:40px; width:100%; box-shadow:0 0 5px #bfbfbf; display:inline-block;}
.step03 ul {width:100%;}
.step03 li {float:right; overflow:hidden;}
.step03 li.txt {float:left; width:560px; margin:30px 0 0 45px; height:100px; }
.step03 h2 {font-size:20px; font-weight:600; line-height:200%;}
.step03 h3 {font-size:13px; font-weight:400; line-height:160%; letter-spacing:0.4;}