@charset "utf-8";

/* 테이블 공통 */
.table th {text-align: center !important;}


/* sub01_01 센터소개 */
.s0101 .greetings_se01c .top strong em {display: initial; padding: 0;}
.s0101 .greetings_se01c .top strong em::after {left: -1%; width: 102%;}
.s0101 .greetings_se01c .bottom .inner p {margin-bottom: 40px;}
.s0101 .greetings_se01c .bottom .inner p:last-child {margin-bottom: 0;}
@media (max-width: 767px){
  .s0101 .greetings_se01c .bottom .inner p {margin-bottom: 20px;}
}
/* sub01_01 센터소개 End */

/* sub0103 이용안내 */
.reply_procedure{background: #f9f9f9;padding:90px 20px 75px;}
.reply_procedure .box{max-width:860px;margin:0 auto;}
.reply_procedure .box ul{position: relative;}
.reply_procedure .box ul::before{content: "";position: absolute;left:165px;top:0;width:68px;height:100%;background: #e8efe3;}
.reply_procedure .box ul li{position: relative;max-width:400px;}
.reply_procedure .box ul li::after{content: "";position: absolute;left:50%;bottom:-12px;z-index: 2;width:24px;height:24px;background: url(/images/ocs/sub01/sub0103_arrow.png) no-repeat;margin-left:-12px;}
.reply_procedure .box ul li:last-child:after{display: none;}
.reply_procedure .box ul li+li{margin-top:40px;}
.reply_procedure .box ul li div{display: table;table-layout: fixed;height:60px;text-align: center;}
.reply_procedure .box ul li div span{display: table-cell;vertical-align: middle;color:#3a3a3a;font-size:16px;letter-spacing: -0.025em;width: 100%;padding:5px;}

.reply_procedure .box ul li .main{position: relative;z-index: 1;width:400px;background: #fff;border: 1px solid #016b3b;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.reply_procedure .box ul li.right_box .main::before{content: "";position: absolute;right:-104px;top:50%;transform: translateY(-50%);z-index: -1;;width:100px;border:1px dashed #b7bfbf;}
.reply_procedure .box ul li.right_box .main::after{content: "";position: absolute;right:-60px;top:50%;transform: translateY(-50%) rotate(-90deg);background: url(/images/ocs/sub01/sub0103_arrow.png) no-repeat;width: 24px;height:24px}

.reply_procedure .box ul li .sub{position: absolute;right: calc(-100% - 60px);top: 0;z-index: 1;width: 365px;border: 1px solid #b7bfbf;background: #fff;}
.reply_procedure .box ul li.small .sub span{font-size:14px;}
.reply_procedure .box ul li:first-child .main{background: #016b3b;}
.reply_procedure .box ul li:last-child .main{background: #30871c;}
.reply_procedure .box ul li:first-child .main span,
.reply_procedure .box ul li:last-child .main span{color:#fff;}

@media(max-width:970px){
    .reply_procedure{padding:50px 20px;}

    .reply_procedure .box ul::before{left:50%;margin-left:-34px;}
    .reply_procedure .box ul li{margin:0 auto;}
    .reply_procedure .box ul li::after{bottom:-15px;}
    .reply_procedure .box ul li .sub{position: relative;right: auto;top: auto;width:100%;margin-top:10px;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);}

    .reply_procedure .box ul li.right_box .main::before,
    .reply_procedure .box ul li.right_box .main::after{display: none;}
}
@media(max-width:480px){
    .reply_procedure .box ul li .main{width:100%;}
}
/* sub0103 이용안내 End */

/* sub02_01 개요 */
.s0201 .imgbox3 {padding: 50px 20px 80px; background: #fafafa; border: 1px solid #ddd; text-align: center;}
@media (max-width: 767px){
  .s0201 .imgbox3 {padding: 40px 20px;}
}
/* sub02_01 개요 End */