/* 배경 */
#m02 {position:relative;width:100%;margin-bottom:150px;z-index:10;background-color:#36373b}
#m02_bg {position:absolute;top:-40px;right:0;width:50%;height:600px;background:url(/sh_img/make24/include_02/img/m02_bg.png) no-repeat 30% 30% #ff661a}
#m02_wrap {position:relative;width:1100px;margin:0 auto;zoom:1}

/* 왼쪽박스 */
.m0201 {overflow:hidden}
.m0201 .icon {float:left;width:95px;height:95px;border:1px solid #fff;border-radius:50px;opacity:0.7}
.m0201 .ic01 {background:url(/sh_img/make24/include_02/img/icon01.png) no-repeat center}
.m0201 .ic02 {background:url(/sh_img/make24/include_02/img/icon02.png) no-repeat center}
.m0201 .ic03 {background:url(/sh_img/make24/include_02/img/icon03.png) no-repeat center}
.m0201 ul {padding:65px 0}
.m0201 li {overflow:hidden;width:42%;margin-bottom:50px}
.m0201 li:last-child {margin-bottom:0}
.m0201 .tit_02 {float:left;padding:10px 0 10px 30px ;font-size:20px;font-weight:bold;line-height:24px;color:#fff;font-family:'Raleway'}
.m0201 .txt_02 {float:left;padding-left:30px;font-size:15px;line-height:20px;letter-spacing:0.2px;color:#b4b4b4;font-family:'notokr-regular'}

.m0201 li:nth-child(1) {-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.m0201 li:nth-child(2) {-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
.m0201 li:nth-child(3) {-webkit-animation-delay:.6s;-ms-animation-delay:.4s;animation-delay:.6s}

/* 오른쪽박스 라테스트 */
.m0202 {overflow:hidden;position:absolute;top:35px;right:35px;width:570px;height:440px;border:6px solid #fff}
.m0202 .column {position:relative;margin:85px 30px 0 100px}
.m0202 .column h3 {font-size:34px;font-weight:bold;letter-spacing:-0.1px;color:#fff;font-family:'Raleway'}
.m0202 .column h3:after {content:'';clear:both;position:absolute;top:20px;left:306px;width:65px;height:1px;background-color:#fff;opacity:0.8}

/* 더보기 */
.m0203 {position:absolute;top:100px;right:-80px;width:180px;height:50px;background-color:#fff;-ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */transform: rotate(-90deg)}
.m0203 a {display:block;font-size:12px;font-weight:bold;line-height:50px;text-align:center;letter-spacing:2px;color:#222;font-family:'Raleway';transition:all 0.3s}
.m0203 a:hover {color:#888}

/* 효과css */
.animated {-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeIn {from {opacity:0}to {opacity:1}}
@keyframes fadeIn {from {opacity:0}to {opacity:1}}