@charset "utf-8";
.index_area02{position:relative;background:#f2f2f2}
.index_area02:after{position:absolute;top:0;right:0;z-index:1;content:'';width:1227px;height:587px;background:url(/sh_img/inc/include_02/img/sec02_bg.png) no-repeat}


.index_area02 .cont_area{position:relative;width:1150px;margin:0 auto;padding:200px 0 170px}
.index_area02 .cont_area .cont_box{position:relative;overflow:hidden;z-index:2;width:903px;margin:0 auto 0}
.index_area02 .cont_area .cont_box>div{float:left;width:291px;height:400px;margin-right:15px;padding:37px;background:#fff;opacity:0}

.index_area02 .cont_area .cont_box>div:nth-child(1) {-webkit-animation-delay:0;-ms-animation-delay:0;animation-delay:0}
.index_area02 .cont_area .cont_box>div:nth-child(2) {-webkit-animation-delay:.3s;-ms-animation-delay:.3s;animation-delay:.3s}
.index_area02 .cont_area .cont_box>div:nth-child(3) {-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}

.index_area02 .deco{position:absolute;top:197px;left:23px;text-align:center}
.index_area02 .deco .num{font-weight:bold;font-size:15px;color:#222;font-family: "Times New Roman"}
.index_area02 .deco .deco_txt{display:block;margin-top:82px;font-size:11px;letter-spacing:3px;color:#8b8b8b;-ms-transform: rotate(-90deg);transform:rotate(-90deg)}
.index_area02 .cont_area .cont_box .txt_box{text-align:center}
.index_area02 .cont_area .cont_box .txt_box:after{display:block;margin-top:42px;content:url('/sh_img/inc/include_02/img/shape01.png')}
.index_area02 .cont_area .cont_box .txt_box>h3{padding-top:39px;margin:23px 0 28px;border-top:1px solid #e1e1e1; font-size:24px;color:#222;font-style:italic;font-family: "Times New Roman"}
.index_area02 .cont_area .cont_box .txt_box .txt{font-size:13px;line-height:20px;color:#777}

.index_area02 .cont_area .cont_box .list_box{margin:0;text-align:center}
.index_area02 .cont_area .cont_box .list_box:before{display:block;margin-top:10px;content:url('/sh_img/inc/include_02/img/shape01.png')}
.index_area02 .cont_area .cont_box .list_box:after{display:block;margin-top:42px;content:url('/sh_img/inc/include_02/img/shape02.png')}
.index_area02 .cont_area .cont_box .list{margin-top:35px}
.index_area02 .cont_area .cont_box .list li{border-top:1px dotted #cfcfcf;font-size:14px;line-height:46px;color:#222}
.index_area02 .cont_area .cont_box .list li a{display:block;color:#222;transition-duration: 0.4s}
.index_area02 .cont_area .cont_box .list li a:hover{color:#c5bca8}
.index_area02 .cont_area .cont_box .list .last{border-bottom:1px dotted #cfcfcf}

/* 효과css */
.animated {-webkit-animation-duration:1.2s;animation-duration:1.2s;-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}}