.fastdelivery * {box-sizing:border-box; letter-spacing: -0.5px; font-weight: normal;}
.fastdelivery .co1 {color:#FE8052;}
.fastdelivery .co2 {color:#232EA3;}
.fastdelivery .co3 {color:#FFD500;}
.fastdelivery .co4 {color:#7A45C6;}
.fastdelivery .co5 {color:#5BD65A;}
.fastdelivery .bg1 {background:#FE8052;}
.fastdelivery .bg2 {background:#232EA3;}
.fastdelivery .bg3 {background:#FFD500;}
.fastdelivery .bg4 {background:#7A45C6;}
.fastdelivery .bg5 {background:#5BD65A;}

/* 공통영역 */
.co_gr1 {color:#6c6c6c;}
.co_gr2 {color:#949494;}
.flex {display: flex; align-items: center;}
.flex.center {justify-content:center;}
.flex.btween {justify-content: space-between;}
.fast_tit {display: flex; flex-direction: column; align-items: center; gap:10px;}
.fast_inner {width:1204px; margin:0 auto; padding:80px 0;}

/* section1 메인  */
.fast_area1 {width:100%; height:540px; overflow:hidden; position:relative;}
.fast_main_tit {position:absolute; top:100px; left:calc(50% - 600px); z-index:1;}
.fast_main_tit p {margin-top:20px;}
/* section1 슬라이드 */
.fast_main_slide {width:100%; height:100%; position:absolute; top:0; left:0;}
.apply_main {height:100%;}
.apply_main .swiper-container {height:100%;}
.apply_main .swiper-slide {height:100%;}
.apply_main .swiper-slide::before {content:''; width:100%; height:100%; position:absolute; bottom:0; z-index:-1;}
.apply_main .deli1::before {background:linear-gradient(to bottom, #fff, #FFE6DC);}
.apply_main .deli2::before {background:linear-gradient(to bottom, #fff, #D3D5ED);}
.apply_main .deli3::before {background:linear-gradient(to bottom, #fff, #FFFBE5);}
.apply_main .deli4::before {background:linear-gradient(to bottom, #fff, #DED1F1);}
.apply_main .deli5::before {background:linear-gradient(to bottom, #fff, #D6F5D6);}
.apply_main .obj {width:520px; height:450px; position:absolute; top:50%; left:50%; transform:Translate(calc(-50% + 225px), -50%);}
.apply_main .objbg1 {width:1300px; height:1300px; border-radius: 50%; position:absolute; top:50%; left:50%; transform:Translate(calc(-50% + 700px), -50%);}
.apply_main .objbg2 {content:''; width:650px; height:650px; background:#fff; border-radius: 50%; position:absolute; top:50%; left:50%; transform:Translate(calc(-50% + 700px), -50%);}
.apply_main .objbg2::after {content:''; width:584px; height:584px; background: url("//image5.compuzone.co.kr/img/images/deliveryinfo/deli_main_border2.png") center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.apply_main .swiper-slide .obj span {position:absolute;}
.apply_main .deli1 .obj span:nth-child(1) {top:44px; left:80px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(2) {top:10px; left:58px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(3) {bottom:47px; left:74px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(4) {top:301px; left:35px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(5) {top:33px; left:178px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(1) {top:81px; left:135px;}
.apply_main .deli2 .obj span:nth-child(2) {top:26px; left:84px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(3) {top:7px; left:203px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(4) {top:285px; left:29px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(5) {top:245px; left:119px; opacity:0;}
.apply_main .deli3 .obj span:nth-child(1) {top:54px; left:100px;}
.apply_main .deli3 .obj span:nth-child(2) {top:61px; left:51px;opacity:0;}
.apply_main .deli3 .obj span:nth-child(3) {top:253px; left:-5px;opacity:0;}
.apply_main .deli3 .obj span:nth-child(4) {top:218px; left:117px; opacity:0;}
.apply_main .deli3 .obj span:nth-child(5) {top:41px; left:168px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(1) {top:42px; left:-90px;}
.apply_main .deli4 .obj span:nth-child(2) {top:67px; left:72px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(3) {top:228px; left:327px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(4) {top:128px; left:0px; opacity:0;}
.apply_main .deli5 .obj span:nth-child(1) {top:56px; left:43px;}
.apply_main .deli5 .obj span:nth-child(2) {top:68px; left:13px; opacity:0;}
.apply_main .deli5 .obj span:nth-child(3) {top:183px; left:330px; opacity:0;}
@keyframes deli1_1 {
    0% {transform:TranslateX(100px); opacity:0;}
    100% {transform:TranslateX(0); opacity:1;}
}
@keyframes deli1_2 {
    0% {transform:scale(0.6); opacity:0;}
    80% {transform:scale(1.05); opacity:1;}
    100% {transform:scale(1); opacity:1;}
}
@keyframes deli_active {
    0%,100% {transform:TranslateY(0);opacity:1;}
    50% {transform:TranslateY(15px);opacity:1;}
}
.apply_main .swiper-slide.swiper-slide-active .obj span:nth-child(1) {animation:deli1_1 0.4s forwards ease-in-out;}
.apply_main .swiper-slide.swiper-slide-active .obj span:nth-child(2) {animation:deli1_2 0.5s forwards ease-in-out 0.3s;}
.apply_main .swiper-slide.swiper-slide-active .obj span:nth-child(3) {animation:deli1_2 0.5s forwards ease-in-out 0.4s;}
.apply_main .swiper-slide.swiper-slide-active .obj span:nth-child(4) {animation:deli1_2 0.5s forwards ease-in-out 0.5s;}
.apply_main .swiper-slide.swiper-slide-active .obj span:nth-child(5) {animation:deli1_2 0.5s forwards ease-in-out 0.5s;}
.apply_main .swiper-slide.swiper-slide-active .obj span.active {animation:deli1_2 0.5s forwards ease-in-out 0.3s, deli_active 2s infinite ease-in-out 1s;}
.apply_main .swiper-slide.swiper-slide-active .obj span.active2 {animation:deli1_2 0.5s forwards ease-in-out 0.4s, deli_active 2s infinite ease-in-out 1.2s;}

/* 메인타이틀 */
.apply_thumbs {width:400px; position:absolute; top:50%; left:50%; transform:Translate(calc(-50% + 596px), -50%); z-index:1;}
.apply_thumbs .swiper-container {height:360px; padding-top:160px; overflow: hidden;}
.apply_thumbs .swiper-wrapper {transform:translateX(0)!important;}
.apply_thumbs .swiper-slide {padding-left:30px;}
.apply_thumbs .swiper-slide .light {width:12px; height:12px; border-radius: 50%; position:absolute; top:12px; left:7px; opacity:0; transition:all 1s;}
.apply_thumbs .swiper-slide .light span {content:''; width:26px; height:26px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50%; opacity:0.3; animation:light 1s infinite linear;}
@keyframes light {
    0% {width:10px; height:10px; opacity:1;}
    100% {width:26px; height:26px; opacity:0;}
}
.apply_thumbs .swiper_control {width:64px; height:20px; position:absolute; z-index:2; cursor: pointer;}
.apply_thumbs .swiper_control.left {top:0px; left:78px;}
.apply_thumbs .swiper_control.right {bottom:0px; left:78px;}
/* 메인텍스트 active */
.apply_thumbs .swiper-slide.swiper-slide-active .light {opacity:1;}
.apply_thumbs .swiper-slide.swiper-slide-active h6 {font-size:16px; font-family:'noto-M'; margin-left:0; padding-top:6px;}
.apply_thumbs .swiper-slide.deli1.swiper-slide-active h6 {color:#FE8052;}
.apply_thumbs .swiper-slide.deli2.swiper-slide-active h6 {color:#232EA3;}
.apply_thumbs .swiper-slide.deli3.swiper-slide-active h6 {color:#FFD500;}
.apply_thumbs .swiper-slide.deli4.swiper-slide-active h6 {color:#7A45C6;}
.apply_thumbs .swiper-slide.deli5.swiper-slide-active h6 {color:#5BD65A;}

/* 메인서브타이틀 */
.apply_text {width:485px; position:absolute; top:328px; left: calc(50% - 600px); z-index:1; overflow:hidden;}
.apply_text .flex {display: flex; gap:8px; padding:8px 20px; border-radius: 8px;}
.apply_text .flex.deli1 {border:1px solid #FE8052;}
.apply_text .flex.deli2 {border:1px solid #232EA3;}
.apply_text .flex.deli3 {border:1px solid #FFD500;}
.apply_text .flex.deli4 {border:1px solid #7A45C6;}
.apply_text .flex.deli5 {border:1px solid #5BD65A;}
.apply_text .flex i {margin-right:8px; transform:TranslateY(20px); opacity:0; transition:all 0.7s;}
.apply_text .flex b, .apply_text .flex p {transform:TranslateY(20px); opacity:0; transition:all 0.7s;}
/* 메인서브타이틀 active */
.apply_text .swiper-slide-active .flex i, .apply_text .swiper-slide-active .flex b, .apply_text .swiper-slide-active .flex p {transform:TranslateY(0); opacity:1;}

/* section2 지금 시각 기준으로 빠르게 받아볼 수 있을까요?! */
.fast_area2 {width:100%; background:#F9F9F9; overflow:hidden;}
.deli_search {display: flex; align-items: center; flex-direction: column; gap:20px; margin:40px auto 0; padding:40px; background:#fff; border-radius: 10px; text-align: center;}
.deli_search .searchput {display: flex; justify-content: space-between; align-items: center; width:414px; height:40px; padding:0 15px; border:1px solid #1A1A1A; border-radius:20px; box-sizing: border-box;}
.deli_search .searchput .input {display:inline-block; width:342px; height:32px;}
.deli_search .searchput .input input {display:block; width:100%; height:100%; font-size:14px; outline:none; border:none; box-sizing: border-box;}
.deli_search .searchput a {display: block; width:32px; height:32px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/contain no-repeat; }
/* 결과테이블 */
.deli_result {display: flex; align-items: center; flex-direction: column; margin:40px auto 0;background:#fff; border-radius: 10px; overflow: hidden;}
.deli_result .result_tit {padding:22px 0 24px; box-sizing: border-box;}
.deli_result .result_table {width:100%; border-top:1px solid #D8D8D8; padding:30px 40px 40px; box-sizing: border-box;}
.deli_result .result_table ul {width:100%; margin-top:20px; align-items: flex-start;}
.deli_result .result_table ul li {width:20%; border-right:1px solid #e8e8e8;}
.deli_result .result_table ul li:last-child {border-right:0;}
.deli_result .result_table ul li .line1 {padding:12px 0; background:#F9F9F9; text-align: center; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.deli_result .result_table ul li .line2 {height:270px; padding:15px 20px;}
.deli_result .result_table ul li .line2 .barbg {position:relative; padding-left:22px; display: flex; flex-direction:column; gap:40px;}
.deli_result .result_table ul li .line2 .barbg::before {content:''; width:6px; height:100%; border-radius: 3px; position: absolute; top:0; left:0;}
.deli_result .result_table ul li.deli1 .line2 .barbg::before {background:#FE8052; }
.deli_result .result_table ul li.deli2 .line2 .barbg::before {background:#232EA3; }
.deli_result .result_table ul li.deli3 .line2 .barbg::before {background:#FFD500; }
.deli_result .result_table ul li.deli4 .line2 .barbg::before {background:#7A45C6; }
.deli_result .result_table ul li.deli5 .line2 .barbg::before {background:#5BD65A; }
.deli_result .result_table ul li .line3 {height: 76px;padding:15px 20px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.deli_result .result_table ul li .batzone {margin-top:4px; display: flex; flex-wrap: wrap; gap:4px;}
.deli_result .result_table ul li .batzone span {padding:4px 10px; border-radius:13px; font-size:12px; font-family:'맑은고딕'; color:#fff; box-sizing: border-box;}
.deli_result .result_table .noti {margin-top:30px;}
.deli_result .result_table .noti p + p {margin-top:4px;}
.deli_result .result_table .noti p {font-size:14px; font-family:'noto-D'; color:#6C6C6C;}
.deli_result .result_table .noti p .satur {font-family:'noto-M'; color:#7A45C6;}
/* 결과테이블-비활성화 */
.deli_result .result_table ul li.deactivate .line2 .barbg::before {background:#D8D8D8;}
.deli_result .result_table ul li.deactivate .batzone span {background:#F2F2F2; color:#949494;}
.deli_result .result_table ul li.deactivate p {color:#6C6C6C;}

/* section3 더 자세하게 알아보기! */
.fast_area3 {overflow: hidden;}
.tabmenu {margin:40px auto;}
.tabmenu ul {width:830px; height:40px; margin:0 auto; background:#F9F9F9; border-radius:20px; overflow: hidden;}
.tabmenu ul li {display: flex; align-items: center; justify-content: center; width:166px; height:100%; font-size:14px; font-family:'noto-R'; color:#949494; border-radius: 20px; transition:all 0.2s; cursor: pointer;}
.tabmenu ul li.on {background:#1a1a1a; color:#fff;}
.tabcont>ul>li {display: none;}
.tabcont>ul>li.on {display: block;}
.tabcont .subtit {text-align: center;}
.tabcont .delibox {margin:30px auto;}
.tabcont .delibox ul {display: flex; justify-content: center; gap:20px;}
.tabcont .delibox ul li {display: flex; flex-direction: column; justify-content: space-between; width:388px; height:345px; padding:30px; border-radius: 15px; box-sizing: border-box;}
.tabcont .delibox ul li h4 {margin-bottom:8px; letter-spacing: -1px;}
.tabcont .delibox ul li h5 {margin-bottom:12px; color:#3a3a3a;}
.tabcont .delibox ul li .imgbox img {display: block;}
.tabcont .deli1 .delibox li {border:1px solid #FE8052;}
.tabcont .deli2 .delibox li {border:1px solid #232EA3;}
.tabcont .deli3 .delibox li {border:1px solid #FFD500;}
.tabcont .deli4 .delibox li {border:1px solid #7A45C6; padding:30px 30px 0;}
.tabcont .deli5 .delibox li {border:1px solid #5BD65A;}
.delinoti {width:100%; padding:40px; background:#F9F9F9; border-radius: 10px; box-sizing: border-box;}
.delinoti h5 {color:#3a3a3a;}
.delinoti .ques {display: block; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_exclamation_mark_circle_24.svg') center center/contain no-repeat; }
.delinoti>div {margin-bottom:12px;}
.delinoti p {font-size:14px; font-family:'noto-R'; color:#6C6C6C;}
.delinoti p + p {margin-top:4px;}
.delinoti p .satur {font-family:'noto-M'; color:#7A45C6;}
.fast_area3 .btnarea {margin-top:40px;}
.fast_area3 .btnarea .btn {display: flex; align-items: center; justify-content: center; width:250px; height:60px; margin:0 auto; background:#1a1a1a; border-radius:8px; color:#fff;}

/* 125598 퀵서비스 delibox*/
.tabcont .deli3 .delibox ul {width: 796px; flex-wrap: wrap; margin: 0 auto}