/* BASIC css start */
#contentWrap,
#contentWrap #content {width:1300px !important;}

.as-page { margin:100px auto 0; }

/* 좌측 메뉴 영역 */
.left-menu { float: left; width: 200px; margin: 0 50px 0 0; padding: 0px 0 0 0; }
.left-menu .menu-list { margin-bottom: 50px; }
.left-menu .menu-list dt { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #000; height: 46px; border-bottom:1px solid #ededed; }
.left-menu .menu-list dd a { font-size: 16px; font-weight: 500; line-height: 40px; color: #999; transition: all 0.3s;}
.left-menu .menu-list dd a:hover { font-weight: 500; padding-left:5px; }
.left-menu .menu-list dd.on > a { color: #0184ff; font-weight: 500; }

/* 컨텐츠 영억 */
.contents-info { float: left; position: relative; width: calc(100% - 250px); }

.as-info { font-size: 14px; margin-top: 47px; }
.as-info h4:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.as-info h4 { font-size: 16px; font-weight: 700; line-height: 1.125; margin: 48px 0 25px; padding-top: 48px; border-top: 1px solid #ededed; color:#1b2529; }
.as-info .as-step { text-align: center; margin: 25px 0; padding: 69px 0px; border: 1px solid #ccc; border-radius: 5px; }
.as-info .as-step li:first-child { padding-left: 0; }
.as-info .as-step li { position: relative; display: inline-block; padding-left: 115px; }
.as-info .as-step li.step-1:before, .as-info .as-step li.step-5:before { background-image: url(/design/raidb2b/2023_renewal/as_step01.svg); }
.as-info .as-step li.step-1:after { background:none ; }
.as-info .as-step li:before { content: ""; display: block; width: 44px; height: 35px; margin: 0 auto 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 30px;}
.as-info .as-step li.step-2:before, .as-info .as-step li.step-4:before { background-image: url(/design/raidb2b/2023_renewal/as_step02.svg); }
.as-info .as-step li.step-3:before { background-image: url(/design/raidb2b/2023_renewal/as_step03.svg); }
.as-info .as-step li.step-4:before, .as-info .as-step li.step-4:before { background-image: url(/design/raidb2b/2023_renewal/as_step04.svg); }
.as-info .as-step li.step-5:before, .as-info .as-step li.step-5:before { background-image: url(/design/raidb2b/2023_renewal/as_step05.svg); }
.as-info .as-step li:after { content: ""; position: absolute; top: 31px; left: 43px; display: block; width: 28px; height: 11px; background: url(/design/raidb2b/2023_renewal/as_arrow.svg) no-repeat; background-size: 28px; }
.as-info-txt01 { font-size:15px; color:#666; }
.as-info-txt02 { font-size:14px; color:#333; line-height:20px; font-weight:500; }
.as-info-visit { font-size:15px; line-height:22px; color:#666; }
.as-info-delivery { font-size:15px; line-height:22px; color:#666; }
.as-info-term { font-size:15px; line-height:22px; color:#666; }

.as-guide { margin-bottom: 30px; font-size: 28px; font-weight: 700; line-height: 100%; }
.as-guide-info { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; background-color: #f9f9f9; border-radius: 5px; }
.as-guide-info li:first-of-type { border-right: 1px solid #e5e5e5; }
.as-guide-info li span { display: block; font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.as-guide-info li h3 { font-size: 40px; font-weight: 800; margin-bottom: 6px; }
.as-guide-info li a { display: inline-block; font-size: 14px; line-height: 1.4; color: #666; }
.as-guide-info01 { width: 42%; padding: 25px 0; text-align: center; }
.as-guide-info02 { width: 58%; padding: 50px 0; text-align: left; }

.info02-txt01 { font-weight:600; font-size:16px; line-height:28px; margin-left: 70px; }
.info02-txt02 { padding: 3px 0px 0px 0px; font-size:15px; color:#666; margin-left: 70px; }
/* BASIC css end */