@charset "utf-8";

@import url('style.css');

.dMbody{min-height:1200px;padding-bottom:120px;}
.notice_box{border-bottom-color:var(--neutral-white-100)}

.mainBanner{position:relative;overflow:hidden;height:600px}
.mainBanner .item a{display:block;height:600px;font-size:0}
.mainBanner .controller{z-index:1;display:flex;justify-content:flex-end;position:absolute;left:0;right:0;bottom:44px;width:1440px;height:44px;margin:0 auto;}
.mainBanner .controller .slide-pause,.mainBanner .controller .slide-play{position:relative;width:44px;height:44px;font-size:0;border-radius:23px;background:rgba(0, 0, 0, .2)}
.mainBanner .controller .slide-pause:before,.mainBanner .controller .slide-pause:after{content:"";position:absolute;top:0;bottom:0;width:2px;height:15px;margin:auto 0;background:#fff;}
.mainBanner .controller .slide-pause:before{left:16px;}
.mainBanner .controller .slide-pause:after{right:16px;}
.mainBanner .controller .slide-play{display:none;}
.mainBanner .controller .slide-play:after{content:"";position:absolute;left:2px;right:0;top:0;bottom:0;margin:auto;display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #fff;transform:rotate(-90deg);}
.mainBanner .controller .slide-nums{width:auto;height:44px;line-height:44px;padding:0 20px;margin-left:14px;font-size:18px;color:var(--neutral-white-100);border-radius:23px;background:rgba(0, 0, 0, .2)}
.mainBanner .controller .slide-nums .swiper-pagination-current{display:inline-block;min-width:22px;margin-right:6px;font-weight:700}
.mainBanner .controller .slide-nums .swiper-pagination-total{opacity:.6;margin-left:6px;}
.mainBanner .controller .slide-arrows{padding:6px 10px;margin-left:14px;border-radius:23px;background:rgba(0, 0, 0, .2)}
.mainBanner .controller .slide-arrows button{width:32px;height:32px;font-size:0;background:url(../images/ic/ic_arr_w.svg) no-repeat 50% 50%;}
.mainBanner .controller .slide-arrows .slide-prev{margin-right:8px;transform:rotate(180deg);}

.banner{height:120px;background:var(--neutral-white-200);}
.banner a{display:flex;align-items:center;justify-content:center;width:1440px;height:120px;margin:0 auto;}
.banner .txtg{height:64px;padding-left:84px;background:url(../images/ic/ic_banr.png) no-repeat 0 50%;}
.banner .txtg .txt1 {font-size: 20px; line-height: normal;}		/* 높이조정 woo */
.banner .txtg .txt2 {font-size: 30px; font-weight: 700; color: var(--secondary-purple-90); line-height: normal;}		/* 높이조정 woo */
.banner .txtg strong{color:var(--primary-green-90);font-weight:700}
.banner .btn{display:inline-block;margin-left:60px;width:113px;height:56px;line-height:56px;text-align:center;color:var(--neutral-white-100);font-weight:700;border-radius:30px;background:var(--primary-green-90);transition:all 0.2s ease-in-out;}
.banner a:hover .btn{background:var(--primary-green-100);}

.dMbody section,
.dBody section {position:relative;width:1440px;margin:80px auto 0;}
.titg{position:relative;margin-bottom:32px;}
.titg h2{font-size:32px;font-weight:700}
.titg h2 span {display: block; margin-top: 12px; font-size: 24px; font-weight: 500; color: var(--neutral-gray-500); line-height: normal;}		/* 높이조정 woo */
.titg .btn_more{position:absolute;top:8px;right:0}
.titg.type{height:100px;line-height:100px;padding-left:32px;background:var(--primary-green-90);}
.titg.type h2{font-size:38px;color:var(--neutral-white-100)}
.titg.type .btn_more{top:0;right:32px;color:var(--neutral-white-100) ! important}
.titg.type .btn_more:after{width:6px;height:12px;background:url(../images/ic/ic_arr_w.svg) no-repeat 50% 50%/contain;}

.icoLink_box{position:relative;margin-bottom:46px}
.icoLink_box.sust{position:relative;margin-bottom:10px}
.icoLink_box .sliderJs{overflow:hidden;width:1440px;}
.icoLink_box .sliderJs:after{z-index:1;content:"";position:absolute;top:0;right:0;width:68px;height:100%;background:linear-gradient(to right, transparent, white);}
.icoLink_box .item{width:152px;font-size:20px;color:var(--neutral-gray-500);text-align:center}
.icoLink_box .item i{margin:0 auto 16px;}
.icoLink_box .slide-arrows button{z-index:2;position:absolute;top:56px;width:48px;height:48px;font-size:0;background:url(../images/ic/ic_arr2.svg) no-repeat 50% 50%/14px auto;}
.icoLink_box .slide-arrows .slide-prev{left:0;transform:rotate(180deg);}
.icoLink_box .slide-arrows .slide-next{right:10px;}
.icoLink_box.sust .slide-arrows .slide-prev{top:15px; left: -10px}
.icoLink_box.sust .slide-arrows .slide-next{top:15px; right: -10px}
.icoLink_box button{width:100%;transition:all 0.2s ease-in-out;}
.icoLink_box.sust button{font-size: 0;}
.icoLink_box button:not(.active):hover{color:var(--neutral-gray-500) ! important;font-weight:700}
.icoLink_box button:not(.active):hover i{background-color:var(--neutral-white-100);border-color:var(--primary-green-70)}
.icoLink_box button:active i,.icoLink_box .active i{border-color:var(--sub-yellow-60);background-color:var(--sub-yellow-60)}
.icoLink_box button:active,.icoLink_box .active{font-weight:700;color:var(--neutral-black);}

.banner_box{margin-top:81px;text-align:center}

.lgGood_g{display:flex;gap:82px}
.lgGood_g .lgood{position:relative;}
.lgGood_g .lgood .txtg{z-index:2;position:absolute;top:36px;left:34px;right:24px;color:var(--neutral-white-100);}
.lgGood_g .lgood .txtg .tit {font-size: 38px; font-weight: 700; line-height: normal;}		/* 높이조정 woo */
.lgGood_g .lgood .txtg .tag{margin-top:20px;font-size:24px;}
.lgGood_g .lgood .thum{overflow:hidden;width:730px;height:912px;}
.lgGood_g .lgood img{width:730px;height:912px;transition:all 0.3s ease-in-out;}
.lgGood_g .lgood a:hover img{transform:scale(1.02);}
.lgGood_g .goods .itemg{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}

/*.timedeal .item~.item{margin-top:60px;}
.timedeal .item{display:flex;justify-content:space-between}
.timedeal .item .col{position:relative;}
.timedeal .item .col:nth-child(1){width:832px;}
.timedeal .item .col:nth-child(2){width:568px;padding-top:24px;}
.timedeal .icset{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap;}
.timedeal .thum img{width:832px;height:360px;}
.timedeal .limit{position:relative;}
.timedeal .limit .time{display:inline-block;height:32px;line-height:32px;padding:0 12px;text-align:center;color:var(--sub-red-80);font-weight:700;border:1px solid var(--sub-red-80);border-radius:4px;}
.timedeal .limit .num{position:absolute;top:8px;right:0;color:var(--neutral-gray-500);}
.timedeal .limit .num strong{font-weight:700;color:var(--sub-red-80);}
.timedeal .tit{margin-top:20px;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.timedeal .state{margin-top:24px;}
.timedeal .price{margin-top:12px;}
.timedeal .price strong{margin-right:2px;font-size:24px;font-weight:700;color:var(--secondary-purple-90);}
.timedeal .price del{font-weight:700;color:var(--neutral-gray-500);}
.timedeal .btng{position:absolute;left:0;bottom:0;width:100%;display:flex;gap:16px;}*/
.timedeal {display:grid;grid-template-columns:1fr 1fr;gap:60px 40px }
.timedeal .item{display:flex;justify-content:space-between; gap:20px; }
.timedeal .item .col{position:relative; gap:20px; }
.timedeal .item .col:nth-child(1){flex:1;}
.timedeal .item .col:nth-child(2){flex:1;padding-top:5px;}
.timedeal .icset{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap;}
.timedeal .thum {width:100%; max-width:340px; height:300px; overflow: hidden; justify-items:center; align-content: center; box-shadow: inset 0 0 1px var(--neutral-gray-500)}
.timedeal .thum img{width:100%; height:100%;justify-self: center; display: block;}
.timedeal .limit{position:relative;}
.timedeal .limit .time{display:inline-block;height:32px;line-height:32px;padding:0 12px;text-align:center;color:var(--sub-red-80);font-weight:700;border:1px solid var(--sub-red-80);border-radius:4px;}
.timedeal .limit .num{position:absolute;top:8px;right:0;color:var(--neutral-gray-500);}
.timedeal .limit .num strong{font-weight:700;color:var(--sub-red-80);}
.timedeal .tit{margin-top:20px;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.timedeal .state{margin-top:24px;}
.timedeal .price{margin-top:12px;}
.timedeal .price strong{margin-right:2px;font-size:24px;font-weight:700;color:var(--secondary-purple-90);}
.timedeal .price del{font-weight:700;color:var(--neutral-gray-500);}
.timedeal .btng{position:absolute;left:0;bottom:0;width:100%;display:flex;gap:16px;}

.biz_list{display:flex;gap:5px}
.biz_list a{position:relative;display:block;}
.biz_list .thum{position:relative;}
.biz_list .thum:before{content:"";opacity:.4;position:absolute;left:0;bottom:0;width:100%;height:68px;background:linear-gradient(to bottom, transparent, black);transition:all 0.2s ease-in-out;}
.biz_list img{width:284px;height:348px;}
.biz_list .tag{z-index:1;position:absolute;left:0;bottom:26px;width:100%;font-size:24px;text-align:center;color:var(--neutral-white-100);transition:all 0.3s ease-in-out;}
/* .biz_list a:hover .thum:before{opacity:1;height:100%;}
.biz_list a:hover .tag{bottom:60px;} */

/* icon */
.ic_timedeal{display:inline-block;height:32px;line-height:32px;padding:0 8px;color:var(--secondary-purple-90);font-weight:700;background:var(--neutral-white-300);}



/**B2G메인*/
.b2gBannerWrap{display: flex; width: 1440px; height: 362px; margin: 30px auto 0!important; padding: 0; box-sizing: border-box; gap:20px;}
.b2gBanner{flex: 1; position:relative; overflow:hidden; width: 100%; height: 100%;}
.b2gBanner .item a{display:block;height:362px; width: 100%; font-size:0; background-size: cover !important}
.b2gBanner .controller{z-index:1;display:flex;justify-content:flex-start;position:absolute;left:30px;right:0;bottom:30px;width:100%;height:44px;margin:0 auto;}
.b2gBanner .controller .slide-pause,.b2gBanner .controller .slide-play{position:relative;width:44px;height:44px;font-size:0;border-radius:23px;background:rgba(0, 0, 0, .2)}
.b2gBanner .controller .slide-pause:before,.b2gBanner .controller .slide-pause:after{content:"";position:absolute;top:0;bottom:0;width:2px;height:15px;margin:auto 0;background:#fff;}
.b2gBanner .controller .slide-pause:before{left:16px;}
.b2gBanner .controller .slide-pause:after{right:16px;}
.b2gBanner .controller .slide-play{display:none;}
.b2gBanner .controller .slide-play:after{content:"";position:absolute;left:2px;right:0;top:0;bottom:0;margin:auto;display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #fff;transform:rotate(-90deg);}
.b2gBanner .controller .slide-nums{width:auto;height:44px;line-height:44px;padding:0 20px;margin-left:14px;font-size:18px;color:var(--neutral-white-100);border-radius:23px;background:rgba(0, 0, 0, .2)}
.b2gBanner .controller .slide-nums .swiper-pagination-current{display:inline-block;min-width:22px;margin-right:6px;font-weight:700}
.b2gBanner .controller .slide-nums .swiper-pagination-total{opacity:.6;margin-left:6px;}
.b2gBanner .controller .slide-arrows{padding:6px 10px;margin-left:14px;border-radius:23px;background:rgba(0, 0, 0, .2)}
.b2gBanner .controller .slide-arrows button{width:32px;height:32px;font-size:0;background:url(../images/ic/ic_arr_w.svg) no-repeat 50% 50%;}
.b2gBanner .controller .slide-arrows .slide-prev{margin-right:8px;transform:rotate(180deg);}

/* B2G로그인박스 */
.loginWrap {flex: 1; padding: 32px; text-align: center; background: var(--neutral-gray-200); box-sizing: border-box;}
.loginWrap .title{font-size: 28px; font-weight: 600; color:var(--neutral-gray-900); }
.loginWrap .loginBox{width:400px; margin: 40px auto}
.loginWrap .loginBox ul{display:grid;grid-template-columns:0fr 0fr 0fr 0fr;justify-content:space-between;gap:24px 0; width: 100% ; text-align:center;font-size:14px;color:var(--neutral-gray-400);}
.loginWrap .loginBox li{min-width:65px; position: relative; color:var(--neutral-gray-800)}
.loginWrap .loginBox li button:hover{color:var(--neutral-black);font-weight: 600;}
.loginWrap .loginBox li::after{content: ""; display: block; width: 1px; height: 20px; background:var(--neutral-gray-300); position: absolute; right:-20px; top:15px;}
.loginWrap .loginBox li:last-child::after{display:none;}
.loginWrap .loginBox i{display:block;width:42px;height:40px;margin:0 auto 12px;}
.loginWrap .loginBox .ic_delivery{background:url(../images/ic/ic_delivery.svg) no-repeat 50% 50%;}
.loginWrap .loginBox .ic_estimate{background:url(../images/ic/ic_estimate.svg) no-repeat 50% 50%;}
.loginWrap .loginBox .ic_contract{background:url(../images/ic/ic_contract.svg) no-repeat 50% 50%;}
.loginWrap .loginBox .ic_review{background:url(../images/ic/ic_review.svg) no-repeat 50% 50%;}
.loginWrap .loginBox button{transition:all 0.2s ease-in-out;}
.loginWrap .loginBox button:hover{font-weight:500;}
.loginWrap .loginBox .btng {margin:40px 0; display: flex; gap:10px}

.loginWrap .loginBox2{width:450px; margin: 40px auto}
.loginWrap .loginBox2 ul{display:grid;grid-template-columns:1.5fr 0fr 0fr;justify-content:center; gap:24px 40px; width: 100% ; text-align:center;font-size:14px;color:var(--neutral-gray-400);}
.loginWrap .loginBox2 li{min-width:100px; position: relative; color:var(--neutral-gray-800)}
.loginWrap .loginBox2 li:first-child{grid-row: 1 / 3;}
.loginWrap .loginBox2 li button:hover{color:var(--neutral-black);font-weight: 600;}
.loginWrap .loginBox2 li:nth-child(even)::after{content: ""; display: block; width: 1px; height: 40px; background:var(--neutral-gray-300); position: absolute; right:-25px; top:5px;}
.loginWrap .loginBox2 i{display:block;width:110px;height:50px;margin:0 auto 12px;}
.loginWrap .loginBox2 .ic_delivery{background:url(../images/ic/ic_delivery.svg) no-repeat 50% 50%; background-size: 65%;}
.loginWrap .loginBox2 .ic_estimate{background:url(../images/ic/ic_estimate.svg) no-repeat 50% 50%; background-size: 65%;}
.loginWrap .loginBox2 .ic_contract{background:url(../images/ic/ic_contract.svg) no-repeat 50% 50%; background-size: 65%;}
.loginWrap .loginBox2 .ic_review{background:url(../images/ic/ic_review.svg) no-repeat 50% 50%; background-size: 65%;}
.loginWrap .loginBox2 .userWrap{background:var(--neutral-white-100); height: 100%; width: 100%; border-radius: 10px; overflow: hidden; align-content: center; align-items: center; justify-items: center; padding: 20px; box-sizing: border-box; border:1px solid var(--neutral-gray-300);}
.loginWrap .loginBox2 .userWrap .photo{width: 90px; height: 90px; border-radius: 90px; overflow: hidden; border:1px solid var(--neutral-gray-300); background:#c0e1d7 url("../images/ic/ic_my.svg") no-repeat 50% 50%; background-size: 100%;}
.loginWrap .loginBox2 .userWrap .photo img{width: 100%; height: 100%;}
.loginWrap .loginBox2 .userWrap label {display: block;min-width: 100px; height: 30px; align-content: center; border-radius: 50px; background: var(--primary-green-90); font-weight: 600; color: var(--neutral-white-100); padding: 0 10px; box-sizing: border-box;}
.loginWrap .loginBox2 .userWrap p {color: var(--neutral-gray-800); margin-top: 5px;}
.loginWrap .loginBox2 .userWrap p span {font-weight: 600; color: var(--primary-green-90); font-size: 16px;}

/*원스톱서비스*/
.onestopWrap .onestop_list{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:20px;}
.onestopWrap .onestop_list li{position:relative;padding:20px 10px; color:var(--neutral-gray-800);font-size:16px;border:1px solid var(--primary-green-90);border-radius:4px;background:var(--primary-green-30); justify-content:center; display: flex;}
.onestopWrap .onestop_list a li:hover{color:var(--neutral-gray-800); border:1px solid var(--primary-green-80); background:var(--neutral-gray-200);}
.onestopWrap .onestop_list h3{font-size: 20px; font-weight:700; align-content: center;}
.onestopWrap .onestop_list a li:before{content:""; width:90px;height:90px; background-size: 90% !important;}
.onestopWrap .onestop_list a:nth-child(1) li:before{background:url(../images/ic/ic_onestop1.svg) no-repeat 50% 50%;}
.onestopWrap .onestop_list a:nth-child(2) li:before{background:url(../images/ic/ic_onestop8.svg) no-repeat 50% 50%;}
.onestopWrap .onestop_list a:nth-child(3) li:before{background:url(../images/ic/ic_onestop6.svg) no-repeat 50% 50%;}
.onestopWrap .onestop_list a:nth-child(4) li:before{background:url(../images/ic/ic_onestop7.svg) no-repeat 50% 50%;}
.onestopWrap .onestop_list a:nth-child(5) li:before{background:url("../images/ic/ic_onestop4.svg") no-repeat 50% 50%;}
.onestopWrap .onestop_list a:nth-child(6) li:before{background:url(../images/ic/ic_onestop5.svg) no-repeat 50% 50%;}

/*이용가이드*/
.guideWrap .guide_list{display:grid;grid-template-columns:1fr 1fr 1fr; gap:20px;}
.guideWrap .guide_list li{position:relative;padding:40px 25px; grid-template-columns:1fr 1fr 1fr; color:var(--neutral-gray-800);font-size:16px; border-radius:4px; background:var(--sub-yellow-60); display: flex; align-items: center}
.guideWrap .guide_list a li:hover{color:var(--neutral-gray-800); background:var(--sub-yellow-80);}
.guideWrap .guide_list h3{font-size: 20px; font-weight:700; align-content: center; color:var(--neutral-gray-800); flex: 2}
.guideWrap .guide_list h3 span{font-size: 16px; font-weight:500; display: block; color:var(--neutral-gray-500); letter-spacing: -.8px; white-space: nowrap;}
.guideWrap .guide_list a li:before{content:""; width: 50px; height: 50px; border-radius: 100%;margin:0 15px;}
.guideWrap .guide_list a li::after{content:""; width:20px;height:20px; background:url("../images/ic/ic_arr2.svg") no-repeat 50% 50%; justify-items: right; flex:.3}
.guideWrap .guide_list a:nth-child(1) li:before{background:#fff url(../images/ic/ic_guide1.svg) no-repeat 50% 50%; background-size: 58%;}
.guideWrap .guide_list a:nth-child(2) li:before{background:#fff url(../images/ic/ic_guide2.svg) no-repeat 50% 50%; background-size: 58%;}
.guideWrap .guide_list a:nth-child(3) li:before{background:#fff url(../images/ic/ic_guide3.svg) no-repeat 50% 50%; background-size: 58%;}
.guideWrap .guide_list a:nth-child(4) li:before{background:#fff url(../images/ic/ic_guide4.svg) no-repeat 50% 50%; background-size: 58%;}
.guideWrap .guide_list a:nth-child(5) li:before{background:#fff url(../images/ic/ic_guide5.svg) no-repeat 50% 50%; background-size: 58%;}
.guideWrap .guide_list a:nth-child(6) li:before{background:#fff url(../images/ic/ic_guide6.svg) no-repeat 50% 50%; background-size: 58%;}

/*B2G메인 공지사항*/
.b2GNoteWrap, .NoteWrap {display: flex; width: 1440px; height: auto; margin: 0 auto; padding: 0; box-sizing: border-box; gap: 20px;}
.b2GNoteWrap .titg,.NoteWrap .titg {position: relative;margin-bottom: 20px;}
.b2GNoteWrap .titg h2,.NoteWrap .titg h2  {font-size: 24px;}
.b2GNoteWrap .notice,.NoteWrap .notice{padding: 30px; background: var(--primary-green-30); border-radius: 4px;flex:1;}
.b2GNoteWrap .qna,.NoteWrap .qna{padding: 30px; background: var(--neutral-gray-200); border-radius: 4px;flex:1;}
.b2GNoteWrap .dataroom,.NoteWrap .dataroom{padding: 30px; background: var(--primary-green-30); border-radius: 4px;flex:1;}
.b2GNoteWrap .qrbox,.NoteWrap .qrbox{padding: 30px; border:1px solid var(--neutral-gray-300); border-radius: 4px;flex:.25; align-content: center; text-align: center;}
.b2GNoteWrap .qrbox img,.NoteWrap .qrbox img{width: 160px; height: 160px;}