body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td{font-weight: normal;}
.fastdelivery * {box-sizing:border-box; letter-spacing: -0.5px;}
.fastdelivery img {width:100%;}
.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;}
.co_bl {color:#1C8FED;}
.flex {display: flex; align-items: center;}
.flex.center {justify-content:center;}
.flex.btween {justify-content: space-between;}
.fast_inner {max-width:750px; margin:0 auto;}

/* section1 메인  */
.fast_area1 {width:100%; height:592px; overflow:hidden; position:relative;}
.fast_main_tit {width:100%; position:absolute; top:42px; left:50%; transform:TranslateX(-50%); text-align: center; z-index:1;}
.fast_main_tit p {margin-top:12px;}
/* 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:360px; height:230px; position:absolute; top:237px; left:50%; transform:translateX(-50%); z-index:1;}
.apply_main .objbg1 {width:530px; height:530px; border-radius: 50%; position:absolute; top:334px; left:50%; transform:TranslateX(-50%);}
.apply_main .objbg2 {content:''; width:328px; height:328px ; background:#fff; border-radius: 50%; position:absolute; top:435px; left:50%; transform:TranslateX(-50%); }
.apply_main .objbg2::before {content:''; width:100%; height:100%; position:absolute; bottom:0; border-radius: 164px;}
.apply_main .deli1 .objbg2::before {background:linear-gradient(to bottom, #fff 10%, #FFE6DC);}
.apply_main .deli2 .objbg2::before {background:linear-gradient(to bottom, #fff, #D3D5ED);}
.apply_main .deli3 .objbg2::before {background:linear-gradient(to bottom, #fff, #FFFBE5);}
.apply_main .deli4 .objbg2::before {background:linear-gradient(to bottom, #fff, #DED1F1);}
.apply_main .deli5 .objbg2::before {background:linear-gradient(to bottom, #fff, #D6F5D6);} 
.apply_main .objbg2::after {content:''; width:248px; height:248px; background: url("//image5.compuzone.co.kr/img/images/deliveryinfo/deli_mo_main_border.png") center center/contain no-repeat; position: absolute; top:40px; left:50%; transform:translateX(-50%);}
.apply_main .swiper-slide .obj span {position:absolute;}
.apply_main .deli1 .obj span:nth-child(1) {width:266px; top:23px; left:61px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(2) {width:52px; top:24px; left:19px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(3) {width:36px; top:121px; left:298px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(4) {width:26px; top:64px; left:318px; opacity:0;}
.apply_main .deli1 .obj span:nth-child(5) {width:14px; top:180px; left:35px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(1) {width:212px; top:31px; left:80px;}
.apply_main .deli2 .obj span:nth-child(2) {width:69px; top:24px; left:25px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(3) {width:28px; top:29px; left:300px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(4) {width:36px; top:112px; left:290px; opacity:0;}
.apply_main .deli2 .obj span:nth-child(5) {width:20px; top:165px; left:56px; opacity:0;}
.apply_main .deli3 .obj span:nth-child(1) {width:220px; top:40px; left:83px;}
.apply_main .deli3 .obj span:nth-child(2) {width:66px; top:74px; left:21px;opacity:0;}
.apply_main .deli3 .obj span:nth-child(3) {width:38px; top:24px; left:291px;opacity:0;}
.apply_main .deli3 .obj span:nth-child(4) {width:14px; top:17px; left:68px; opacity:0;}
.apply_main .deli3 .obj span:nth-child(5) {width:26px; top:133px; left:319px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(1) {width:255px; top:8px; left:82px;}
.apply_main .deli4 .obj span:nth-child(2) {width:44px; top:24px; left:48px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(3) {width:14px; top:147px; left:54px; opacity:0;}
.apply_main .deli4 .obj span:nth-child(4) {width:26px; top:154px; left:283px; opacity:0;}
.apply_main .deli5 .obj span:nth-child(1) {width:288px; top:6px; left:61px;}
.apply_main .deli5 .obj span:nth-child(2) {width:26px; top:30px; left:61px; opacity:0;}
.apply_main .deli5 .obj span:nth-child(3) {width:14px; top:67px; left:282px; opacity:0;}
@keyframes deli1_1 {
    0% {transform:TranslateY(20px); opacity:0;}
    100% {transform:TranslateY(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.5s 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_main .slide_txt {width:100%; position:absolute; top:468px; z-index:1; display: flex; align-items: center; flex-direction: column; justify-content: center; opacity:0; transform:translateY(15px); transition:all 0.5s;}
.apply_main .slide_txt .light {width:16px; height:16px; margin-bottom:8px; border-radius: 50%; position:relative;}
.apply_main .slide_txt .light span {content:''; width:10px; height:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50%; opacity:0.3; animation:light 1.5s infinite linear;}
@keyframes light {
    0%,100% {width:10px; height:10px; }
    50% {width:26px; height:26px;}
}
.apply_main .slide_txt p {margin-top:4px;}
.apply_main .swiper-slide.swiper-slide-active .slide_txt {transform:translateY(0); opacity:1;}
/* 메인텍스트 active */
.apply_main .swiper-slide.swiper-slide-active h6 {font-size:16px; font-family:'noto-M'; margin-left:0;}
.apply_main .swiper-slide.deli1.swiper-slide-active h6 {color:#FE8052;}
.apply_main .swiper-slide.deli2.swiper-slide-active h6 {color:#232EA3;}
.apply_main .swiper-slide.deli3.swiper-slide-active h6 {color:#FFD500;}
.apply_main .swiper-slide.deli4.swiper-slide-active h6 {color:#7A45C6;}
.apply_main .swiper-slide.deli5.swiper-slide-active h6 {color:#5BD65A;}
.apply_main .swiper-slide.swiper-slide-active p {opacity:1;}

/* section2 지금 시각 기준으로 빠르게 받아볼 수 있을까요?! */
.fast_area2 {width:100%; padding:40px 16px; background:#F9F9F9; overflow:hidden;}
.deli_search {display: flex; flex-direction: column; gap:4px; margin:20px auto 0; padding:16px; background:#fff; border-radius: 10px;}
.deli_search .searchput {display: flex; justify-content: space-between; align-items: center; width:100%; height:40px; margin-top:12px;}
.deli_search .searchput .input {display:inline-block; width:calc(100% - 69px); height:100%; padding:10px 16px; border-radius: 5px; border:1px solid #d8d8d8; box-sizing: border-box;}
.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:flex; align-items: center; justify-content: center; width:65px; height:40px; background:#3A3A3A; color:#fff; border-radius: 5px;}
/* 결과테이블 */
.deli_result {margin:12px auto 0; background:#fff; border-radius: 10px; overflow: hidden;}
.deli_result .result_tit {padding:16px; box-sizing: border-box;}
.deli_result .result_table {width:100%; border-top:1px solid #D8D8D8; padding:16px; box-sizing: border-box;}
.deli_result .result_table ul {width:100%; display: flex; flex-direction: column; gap:16px;}
.deli_result .result_table ul li {width:100%;}
.deli_result .result_table ul li .line1 p + p {margin-top:4px;}
.deli_result .result_table ul li .line2 {margin-top:12px;}
.deli_result .result_table ul li .line2 .barbg {position:relative; padding-left:16px; display: flex; flex-direction:column; gap:8px;}
.deli_result .result_table ul li .line2 .barbg::before {content:''; width:4px; height:100%; border-radius: 2px; 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 .batzone {margin-top:4px; display: flex; flex-wrap: wrap; gap:4px;}
.deli_result .result_table ul li .batzone span {display: flex; align-items: center; justify-content: center; height:25px; padding:0 8px; border-radius:5px; font-size:12px; font-family:'맑은고딕'; color:#fff; box-sizing: border-box;}
.deli_result .result_table .noti {margin-top:16px;}
.deli_result .result_table .noti p + p {margin-top:4px;}
.deli_result .result_table .noti p {font-size:13px; font-family:'noto-R'; color:#949494;}
/* 결과테이블-비활성화 */
.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;}
.deli_result .result_table ul li.deactivate p.ntRB14 {color:#949494;}

/* section3 더 자세하게 알아보기! */
.fast_area3 {padding:40px 0 0; overflow: hidden;}
.fast_area3 .fast_tit {display: flex; flex-direction: column; align-items: center;}
.fast_area3 .tabmenu {width:100%; height:40px; padding:0 32px 0 16px; box-sizing: border-box; margin:20px auto 24px; overflow-x:scroll;}
.fast_area3 .tabmenu::-webkit-scrollbar { display:none ;}
.fast_area3 .tabmenu ul {gap:4px; width:max-content; margin-right:16px;}
.fast_area3 .tabmenu ul li {display: flex; align-items: center; justify-content: center; width:auto; height:100%; padding:10px 16px; font-size:14px; font-family:'noto-R'; color:#3a3a3a; border:1px solid #D8D8D8; border-radius: 20px; transition:all 0.2s;}
.fast_area3 .tabmenu ul li.on {background:#1a1a1a; border:1px solid #1a1a1a; color:#fff;}
.tabcont>ul>li {display: none;}
.tabcont>ul>li.on {display: block;}
.tabcont .subtit {text-align: center;}
.tabcont .delibox {max-width:750px; margin:15px auto 40px; padding:0 16px; box-sizing: border-box;}
.tabcont .delibox ul {display: flex; justify-content: center; flex-direction: column; gap:12px;}
.tabcont .delibox ul li {display: flex; justify-content: space-between; width:100%; padding:16px; border-radius: 15px; box-sizing: border-box; overflow:hidden;}
.tabcont .delibox ul li>div {width:calc(100% - 110px); display: flex; justify-content: space-between; flex-direction: column; word-break: keep-all;}
.tabcont .delibox ul li h4 {margin-bottom:4px;}
.tabcont .delibox ul li .imgbox {width:100px; height:148px;}
.tabcont .delibox ul li.nopd {padding-right:0;}
.tabcont .delibox ul li.nopd .imgbox {width:115px;}
.tabcont .delibox ul li.nopd>div {width:calc(100% - 125px);}
.tabcont .delibox ul li.nopd2 {padding-right:0;}
.tabcont .delibox ul li.nopd2 .imgbox {width:142px;}
.tabcont .delibox ul li.nopd2>div {width:calc(100% - 152px);}
@media screen and (max-width: 362px) {
    .tabcont .deli4 .delibox ul li:nth-child(2).nopd2 .imgbox {padding-top:14px;}
}
@media screen and (max-width: 362px) {
    .tabcont .deli4 .delibox ul li:nth-child(2).nopd2 .imgbox {padding-top:14px;}
}
.deli1 .delibox li {border:1px solid #FE8052;}
.deli2 .delibox li {border:1px solid #232EA3;}
.deli3 .delibox li {border:1px solid #FFD500;}
.deli4 .delibox li {border:1px solid #7A45C6;}
.deli5 .delibox li {border:1px solid #5BD65A;}
.delinoti {width:100%; padding:40px 16px; background:#3A3A3A; box-sizing: border-box;}
.delinoti h5 {color:#fff; margin-bottom:16px;}
.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 p {font-size:13px; font-family:'noto-R'; color:#fff; padding-left:6px; position:relative;}
.delinoti p::before {content:''; width:2px; height:2px; background:#fff; position:absolute; top:9px; left:0;}
.delinoti p + p {margin-top:8px;}