/* common 시작 */
:root {
    --white: #ffffff;
    --light-gray: #5c5a5a;
    --dark_gray: #1d1d1d;
    --toggle_btn-background: #E0E0E0;


	/* color */
	--color-primary: #4257CA;
	--color-primary-dark: #253383;
	--color-primary-darken: #1A245C;
	--color-primary-light: #939FE1;
	--color-primary-lighter: #BBC3EC;
	--color-primary-bglight: #EBEDF9;
  
	--color-secondary: #3FA9FF;
	--color-secondary-dark: #0076D6;
	--color-secondary-darken: #004F8F;
	--color-secondary-light: #A3D6FF;
	--color-secondary-lighter: #C7E6FF;
	--color-secondary-bglight: #E5F4FF;

	--color-accent: #366FFF;
	--color-accent-dark: #003BD1;
	--color-accent-bglight:#F0F4FF;

	--color-border-light: #F7F7F7;
	--color-border: #e0e0e0;
	--color-text-base: #1D1D1D;
	--color-text-base-light: #474747;
	--color-text-sub: #777777;
	--color-text-sub-light: #999999;
	--color-text-sub-lighter: #cccccc;
	
	--color-yellow:#FFE733;
	--color-orange-light:#FF9800;
	--color-orange:#FA5800;
	--color-orange-dark:#B23E00;
	--color-red: #FF0A0A;
	--color-red-dark: #C90000;
	--color-white: #FFFFFF;
	--color-black: #000000;
}


.wrap {box-sizing:border-box; padding-top:127px;}
@media screen and (max-width: 640px) {
	.wrap {padding:0;}
}

/* 헤더 */
.m_header{display:none;}
header{width:100%; background:#fff; position: absolute; top:0;  z-index:11;  }
header.all {box-shadow:0px 3px 6px rgba(0,0,0,10%);}
header.all:after{position: absolute; content:''; left:0; top:127px; width:100%; height:1px; background:#ddd;}
.sub-menu-bg{display:none; }
.header{width:1200px; margin:0 auto; display:flex; flex-wrap: nowrap; justify-content: space-between; height: auto;  z-index:10; }
.header h1{display:inline-block; float:left; margin-top:72px;}
.header h1 a {width:100%; height:100%; display:block;}
.header h1 a img {height:24px;}
.header .gnbBox{display:inline-block; width:80%;}
.header .gnbBox ul.search_login{  overflow:hidden; display:flex; box-sizing: border-box; padding: 25px 0px; justify-content: flex-end; align-items: center}
.header .gnbBox ul.search_login li{display:inline-block; float:left; font-weight:400; }
.header .gnbBox ul.search_login li.searchBox div{border:1px solid var(--color-primary); padding:3px 15px ; box-sizing:border-box; border-radius:20px; width:220px;}
.header .gnbBox ul.search_login li input {padding:5px 10px 5px 0; outline:none; border:none; width:90%; }
.header .gnbBox ul.search_login li.searchBox div button{cursor:pointer; float:right; padding-top:5px;}
.header .gnbBox ul.search_login li.searchBox div button i {font-size:18px; color:var(--color-primary);}
.header .gnbBox ul.search_login li.loginBox {float:right; }
.header .gnbBox ul.search_login li.loginBox a { display:inline-block; font-size:14px; margin-left:15px; float:left; color:var(--color-text-sub);}
.header .gnbBox ul.search_login li.loginBox a.my_edit {color:var(--color-primary);}
.header .gnbBox ul.search_login li.loginBox a.my_edit i {margin-right:5px;}
.header .gnbBox ul.search_login li.loginBox a.my_edit:hover {color:var(--color-primary); font-weight:bold; }
.header .gnbBox ul.search_login li.loginBox a.join {margin-left:10px; box-sizing:border-box; padding-left:10px; border-left: 1px solid #aaa;}
.header .gnbBox ul.search_login li.loginBox a.logout {margin-left:10px; box-sizing:border-box; padding-left:10px; border-left: 1px solid #aaa;}
.header .gnbBox  ul.main_menu{ float:right; display:inline-block; position:relative; z-index:900; position:relative; width:100%; }
.header .gnbBox  ul.main_menu:after{position:absolute; content:''; left:0; top:74px; width:100%; height:265px; border-radius:0px 0px 20px 20px; box-shadow:0px 3px 6px rgba(0,0,0,16%); z-index:-1; background:#fff;  display:none;}
.header .gnbBox  ul.main_menu li.menu{float:left; display:inline-block;   padding:0px 10px; box-sizing:border-box; text-align:center;
    font-weight:400; width:20%;  height:100%;   }
.header .gnbBox  ul.main_menu li.menu .main_a{ height:100%; display:block; font-size:18px;  padding-bottom: 22px; box-sizing:border-box; width:100%;}
.header .gnbBox  ul.main_menu li.menu:hover .main_a{color:var(--color-primary); font-weight:600; position:relative; display:inline-block;   z-index:1;  }
.header .gnbBox  ul.main_menu li.menu:hover .main_a:after{content:none; position:absolute; content:''; width:100%;  height: 4px; bottom: -2px; left:50%; transform:translateX(-50%); background:var(--color-primary); z-index:-1; }
.header .gnbBox ul.main_menu li .sub_menu.on{display:inherit; }
.header .gnbBox ul.main_menu li .sub_menu{width:100%; overflow:hidden;    width:100%; padding:10px 0 10px 0;   box-sizing:border-box;  display: none;  }
.header .gnbBox ul.main_menu li .sub_menu li a{font-size:16px; height:100%; display:block; box-sizing:border-box; padding:10px 0; color:#aaa; }
.header .gnbBox ul.main_menu li .sub_menu.on li:hover a {color:var(--color-primary);}
.header .gnbBox ul.main_menu li.menu:hover ul li a {color:#1d1d1d;}
/* 헤더 추가 조정 */
.header .gnbBox ul.main_menu {display:flex;}
.header .gnbBox ul.main_menu li.menu {padding:0; order:2;}
.header .gnbBox ul.main_menu li.menu_full {margin-top:-8px; order:1;}
.header .gnbBox ul.main_menu li.menu_full button {padding:8px 20px; background:var(--color-primary); color:var(--color-white); border-radius:1000px; font-size:18px; cursor:pointer; box-sizing:border-box;}
.header .gnbBox ul.main_menu li.menu_full button:hover {background:var(--color-primary-dark);}
/* 말풍선 */
.header .gnbBox ul.main_menu li.float-bubble {position:relative;}
.header .gnbBox ul.main_menu li.float-bubble > img {position:absolute; top:-42px; left:calc(50% - 48px); animation: floatBubble 3s ease-in-out infinite; will-change: transform;}
@keyframes floatBubble{
	0%{transform:translateY(0);}
	50%{transform:translateY(-6px);}
	100%{transform:translateY(0);}
}

/* 전체 과정 메뉴 */
.mega-overlay {position:fixed; inset:0; z-index:1000; display:none; width:100%; margin:0 auto;}
.mega-overlay.is-open {display:block; top:127px; left:0; background:var(--color-primary-bglight); box-shadow:0 10px 30px rgba(0,0,0,.08);}
.mega-overlay.is-open.stick-top {top:0;}
.mega-backdrop {position:absolute; inset:0;}
.mega-panel {position:relative; z-index:1; max-width:1200px; margin:60px auto; padding:0; overflow:auto; max-height:750px; padding:0 20px 20px;}
.mega-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.mega-head h3 {margin:0; font-size:28px; font-weight:8600; color:#111;}
.mega-close {width:40px; height:40px; border:2px solid var(--color-primary); border-radius:50%; background:var(--color-white); color:var(--color-primary); font-size:21px; cursor:pointer;}
.mega-close:hover {background:var(--color-primary); color:var(--color-white);}
/* Grid */
.mega-grid {display:grid; grid-template-columns:1fr; gap:20px;}
@media (min-width:640px){
	.mega-grid {grid-template-columns:repeat(3,1fr);} 
}
.mega-grid .mega-card {background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.06); overflow:hidden; display:flex;flex-direction:column;}
.mega-grid .card-head {display:flex; align-items:center; justify-content:space-between; background:var(--color-primary); color:#fff; padding:16px; font-weight:600;}
.mega-grid .card-head span {font-size:18px;}
.mega-grid .card-head .add {width:30px; height:30px; border:0; border-radius:4px; background:var(--color-primary-light); color:#fff; font-size:16px; line-height:16px; cursor:pointer;}
.mega-grid .card-head .add:hover {background:var(--color-primary-dark);}
.mega-grid .card-list {list-style:none;margin:0; padding:0 16px; display:grid; grid-template-columns:1fr; row-gap:0px;}
.mega-grid .card-list li {display:flex; align-items:center; gap:8px; padding:16px 0; border-bottom:1px solid #EFF1F6;}
.mega-grid .card-list li:last-child {border-bottom:0;}
.mega-grid .card-list a {flex:1; min-width:0; text-decoration:none; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mega-grid .card-list a:hover {color:var(--color-primary); font-weight:600;}
.mega-grid .badge {background:var(--color-red); color:#fff; border-radius:1000px; padding:2px 8px; font-size:13px;}
.mega-grid .code {color:var(--color-text-sub);font-size:12px;}





/* 로그인 후, 유저 상태 */
.header .gnbBox ul.search_login li.loginBox a.user span {font-weight: 600; color: #003B83;}
.header .gnbBox ul.search_login li.loginBox a:hover {text-decoration: underline; color:var(--color-primary);}



/* 모바일 헤더 */
.m_menu_open{position: absolute;  z-index: 10000; width: 100%; left: 0%; top:0; height: 100%;  overflow: hidden; background: rgba(0,0,0,80%);display: none;}
.m_menu_open.open{ display: block; }
.m_menu_open > ul{width: 70%;  z-index: 10000; background: #EEF0F2; height: 100%; position: relative; }
.m_menu_open > ul > li{border-bottom: 1px solid #eee; background: #fff;}
.m_menu_open > ul > li ul{display: none;}
.m_menu_open > ul > li > a{width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 16px;  position: relative; font-size: 16px;}
.m_menu_open > ul > li > a:after{position: absolute; content: "\f107"; right: 10px; top: 50%; transform: translateY(-50%); color: #1d1d1d; font-family: "FontAwesome";}
.m_menu_open button.close { font-size: 20px; cursor: pointer; color: #555; box-sizing: border-box; padding: 25px 20px; background: #fff; text-align: left;}
.m_menu_open > ul > li ul li a{width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 16px  ; font-size: 14px; font-weight: 400;}
.m_menu_open > ul > li ul li{ border-bottom: 1px solid #eee; background:#f9f9f9;}
.m_menu_open > ul > li.on{border-bottom: none;}
.m_menu_open > ul > li.on > a:after{content: "\f106"; color: #fff;}
.m_menu_open > ul > li.on > a{ background: linear-gradient(to right,var(--color-primary) , var(--color-primary-dark)); color:#fff; }


.m_menu_open .topBtn{width: 70%; display: flex; background:#fff;  border-bottom: 1px solid #ddd; align-items: center; justify-content: space-between; overflow:;}
.m_menu_open .topBtn .loginBox{display:inline-block; box-sizing:border-box; padding-right: 20px; text-align:right;}
.m_menu_open .topBtn .loginBox a{font-size:14px;}
.m_menu_open .topBtn .loginBox a.my_edit{color: var(--color-primary);}
.m_menu_open .topBtn .loginBox a.join{margin-left: 5px; box-sizing:border-box; padding-left: 10px; border-left: 1px solid #aaa;}
.m_menu_open .topBtn .loginBox a.user span{font-weight: 600; color: var(--color-primary-dark);}
.m_menu_open .topBtn .loginBox a.logout{margin-left:5px; box-sizing:border-box; padding-left: 10px; border-left: 1px solid #aaa;}



/* 푸터 */
footer{width:100%;  padding:40px 0;  box-sizing:border-box; background: #f9f9f9;  color: #666;  font-weight:400;  }
footer .footer_inner{width:1200px; margin:0 auto;position:relative; display:flex;justify-content: space-between; }

footer .footer_inner .left{ overflow:hidden; display:inline-block;  }
footer .footer_inner .left h1.logo a{width:100%; height:100%; display:block;}
footer .footer_inner .left h1.logo a img {height:20px;}
footer .footer_inner .left .info{ margin-top:30px; font-size:14px;}
footer .footer_inner .left .info p {display:inline-block; overflow:hidden; margin-right:10px;}
footer .footer_inner .left .info p.copyright{font-size:13px; color:#aaa; margin-top:0px;}
footer .footer_inner .left .timeBox{margin-top:3px;}

footer .footer_inner .right{  display:inline-block; margin-top:10px; }
footer .footer_inner .menu {position: absolute; top: 10px; right: 0;}
footer .footer_inner .menu ul { overflow:hidden;}
footer .footer_inner .menu ul li{display:inline-block; float:left; margin-right:20px; font-size: 16px;}
footer .footer_inner .menu ul li:last-child{margin-right:0px;}
footer .footer_inner .menu ul li:hover a{color:#000; font-weight:600;}
footer .footer_inner .menu ul li a{width:100%; height:100%; display:inline-block; color:#666;}
footer .footer_inner .menu ul li.color a{color:var(--color-primary) !important;   font-size:16px; margin-top:-3px;}



footer .footer_inner .utill_select_area { display:inline-block;  width: 230px;height: 35px; background: #fff;  border-radius: 10px;border:1px solid #ddd; z-index:1; position:relative;
float:right; margin-top: 47px;}
.btn_utill_select {   display: block; height: 100%; padding: 0 10px 0 15px; box-sizing:border-box; color:#666; }
.btn_utill_select span{display: block;  line-height: 35px; font-size:16px; background:url('/img/main/site_icon_01.png') no-repeat right center; }


.utill_select_box{display:none; position:absolute; bottom: 35px; left:50%; transform:translateX(-50%); width:100% ; background: #f5f5f5; border-radius: 10px 10px 0 0;overflow:hidden;  z-index:1000;  border:1px solid #808080; border-bottom:none;}
.utill_select_box ul{width:100%;overflow:hidden;}
.utill_select_box ul li{}
.utill_select_box ul li a{font-size:16px; width:100%; height:100%; display:block; padding: 7px 15px; box-sizing:border-box;}
.utill_select_box ul li:hover a{background:#ddd;}
.utill_select_area.open{border:1px solid #808080 !important;}
.utill_select_area.open .utill_select_box{display:block;}
.utill_select_area.open{border-radius:0 0 10px 10px !important;}
.utill_select_area.open .btn_utill_select span{background:url('/img/main/site_icon_02-2.png') no-repeat right center;} 


 


/* 반응형 */
@media screen and (max-width:640px) {
    .slide_inner{width:100%; padding:20px 10px; box-sizing:border-box;}

    /* 헤더 */
    .header{display:none;}
	header{position:static;}
    .m_header{display:block; width:100%; padding:10px 20px; box-sizing:border-box;  overflow:hidden; position: relative;}
    .m_header h1.m_logo{display:inline-block; text-align: center; position: absolute ;left: 50%; transform: translate(-50%, -50%); top:48%; width:100%; max-width:220px;}
    .m_header h1.m_logo a{width: 100%; height: 100%; display: block;}
    .m_header h1.m_logo a img{text-align: center; width:100%;}
    .m_header button{cursor: pointer;}
    .m_header button.menu{}
    .m_header button.menu i{font-size: 20px; color: #555;  line-height:40px; }
    .m_header button.search{float:right;  }
    .m_header button.search i{font-size: 20px; color: #555; line-height:40px; }





    /* 푸터 */
    footer{padding:20px 0;}
    footer .footer_inner{width:100%; padding:0px 10px; box-sizing:border-box; height:auto; display:block;}
    footer .footer_inner .menu{float:none; display:block; text-align:center; margin-bottom:15px; position:relative; top:0;}
    footer .footer_inner .menu ul{width:100% ; display:block; }
    footer .footer_inner .menu ul li{ text-align:center; float:none; margin-bottom:5px;}
    footer .footer_inner .menu ul li a{font-size:14px;}
    footer .footer_inner .menu ul li.color a{color:#FFD500; font-size:14px; font-weight:600; margin-top:-3px;}
    footer .footer_inner .left h1.logo{display:none;}
    footer .footer_inner .right{display:block; float:none; width:100%; text-align:center;  position:static; height:auto; border-top:1px solid #ddd; box-sizing:border-box; padding-top:10px;}
    footer .footer_inner .left{display:block; float:none; width:100%; position:static;}
    footer .footer_inner .right .utill_select_area{width:156px;  margin-bottom:5px; height:25px; display:block; border-radius: 5px; float:none; margin:10px auto 0px;}
    .btn_utill_select{text-align:left;}
    .btn_utill_select span{font-size:11px; line-height: 25px;}
    .utill_select_box{bottom:25px;}
    .utill_select_box ul li a{font-size:11px; text-align:left; width:100%; height:100%; display:block;}
    footer .footer_inner .right .info .contact{padding-top:5px; box-sizing:border-box; }
    footer .footer_inner .right .info{float:none; position:static; font-size:13px; text-align:center;}
    footer .footer_inner .right p.time{float:none;  margin-left:0; text-align:center;margin-right:10px;}
    footer .footer_inner .right .timeBox{overflow:hidden; width:100%; margin-top:0px;}
    footer .footer_inner .left .info{margin-top:0; display:block; float:none; font-size: 13px; text-align: center;}
    footer .footer_inner .left .info p.e-mail{margin-bottom:0px;}
    footer .footer_inner .left .info p{text-align:center;}
}



.wrap {min-height:100vh; display:flex; flex-direction:column;}
.wrap .sub_con {flex:1;}

/* common 끝 */







/* 특수 컬러 적용 */
.price {color:var(--color-red) !important; font-weight:600 !important;}
/* 결제번호 구분 배경색상 */
.add-color {background:#E9F2FB;}

/* button */
/* 색상 */
.wrap .btn .outline_gray {border:1px solid var(--color-border); color:var(--color-text-sub); background:var(--color-white); box-sizing:border-box;}
.wrap .btn .outline_gray:hover {border:1px solid var(--color-text-base); color:var(--color-text-base); background:var(--color-white); box-sizing:border-box;}

.wrap .btn .outline_gray_primary {border:1px solid var(--color-border); color:var(--color-text-sub); background:var(--color-white); box-sizing:border-box;}
.wrap .btn .outline_gray_primary:hover {border:1px solid var(--color-primary); color:var(--color-primary); background:var(--color-white); box-sizing:border-box;}

.wrap .btn .outline_primary {border:1px solid var(--color-primary); color:var(--color-primary); background:var(--color-white); box-sizing:border-box;}
.wrap .btn .outline_primary:hover {border:1px solid var(--color-primary); color:var(--color-white); background:var(--color-primary); box-sizing:border-box;}

.wrap .btn .outline_full_gray_primary {border:1px solid var(--color-primary); color:var(--color-primary); background:var(--color-border-light); box-sizing:border-box;}
.wrap .btn .outline_full_gray_primary:hover {border:1px solid var(--color-primary); color:var(--color-white); background:var(--color-primary); box-sizing:border-box;}

.wrap .btn .full_gray_primary {border:1px solid var(--color-text-sub-light); color:var(--color-white); background:var(--color-text-sub-light); box-sizing:border-box;}
.wrap .btn .full_gray_primary:hover {border:1px solid var(--color-primary); color:var(--color-white); background:var(--color-primary); box-sizing:border-box;}

.wrap .btn .fullprimary {color:var(--color-white); background:var(--color-primary); box-sizing:border-box;}
.wrap .btn .fullprimary:hover {color:var(--color-white); background:var(--color-primary-dark); box-sizing:border-box;}

/* margin */
.mt0 {margin-top:0 !important;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}


/* radius */
.radius_m {padding:8px 16px; font-size:16px; border-radius:1000px;}
.radius_l {padding:16px 40px; font-size:18px; border-radius:1000px;}
.radius_xl {padding:16px 40px; font-size:21px; border-radius:1000px;}
@media (max-width:640px){
	.radius_m {font-size:14px;}
	.radius_l {padding:12px 30px;}
	.radius_xl {font-size:18px;}
}


/* font */
.font-sub-info {font-size:15px; color:var(--color-text-sub);}
@media (max-width:640px){
	.font-sub-info {font-size:14px;}
}

/* til */
.til_title {font-size:14px; color:var(--color-text-sub);}
.til_icon {font-size:14px; color:var(--color-red);}




/* 좌측 로그인 */
.side-login-area {display:none;}
.main-home .side-login-area {display:block; position:absolute; top:720px; left:60px; width:241px; z-index:10; background:#fff;}
/* 로그인 전 */
.side-login-area .side-login-before {display:flex; flex-direction:column; gap:20px;}
.side-login-before .side-login-head {display:flex; align-items:center; gap:8px;}
.side-login-before .side-login-head img {width:auto; height:20px;}
.side-login-before .side-login-head p {font-size:14px;}
.side-login-before .side-login-head p span {font-weight:600; color:var(--color-primary);}
.side-login-before .side-login-body {display:flex; flex-direction:column; align:items:center; justify-content:center; gap:8px;}
.side-login-before .side-login-body a {padding:16px; font-size:18px; font-weight:600; color:#fff; text-align:center; border-radius:8px; box-sizing:border-box;}
.side-login-before .side-login-body a.login {background:var(--color-primary);}
.side-login-before .side-login-body a.login:hover {background:var(--color-primary-dark);}
.side-login-before .side-login-body a.join {background:var(--color-secondary);}
.side-login-before .side-login-body a.join:hover {background:var(--color-secondary-dark);}
.side-login-before > p {font-size:14px;}
.side-login-before > p span {font-weight:600; color:var(--color-primary);}
/* 로그인 후 */
.side-login-area .side-login-after {display:flex; flex-direction:column; gap:20px;}
.side-login-after .side-login-head p {font-size:14px;}
.side-login-after .side-login-head p span {font-size:18px; font-weight:600;}
.side-login-after .side-login-body {display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:8px;}
.side-login-after .side-login-body > a {padding:16px; font-size:18px; font-weight:600; color:#fff; text-align:center; border-radius:8px; box-sizing:border-box;}
.side-login-after .side-login-body a.mylect {width:100%; background:var(--color-primary-dark);}
.side-login-after .side-login-body a.mylect:hover {background:var(--color-primary-darken);}
.side-login-after .side-login-body ul {width:100%; display:flex; align-items:center; justify-content:space-between;}
.side-login-after .side-login-body ul li {display:flex;}
.side-login-after .side-login-body ul li a {padding:8px 11px; height:32px; font-size:14px; color:#fff; border-radius:4px; box-sizing:border-box;}
.side-login-after .side-login-body ul li:first-child a {background:var(--color-secondary);}
.side-login-after .side-login-body ul li:nth-child(2) a {background:var(--color-accent);}
.side-login-after .side-login-body ul li:last-child a {border:1px solid var(--color-border); color:var(--color-text-sub);}
/* 모바일 */
@media (max-width:1600px){
	.main-home .side-login-area {display:none;}
}







/* 우측 플로팅 퀵메뉴 */
.float_quick_banner {position:fixed; bottom:10%; right:4%; transform:translateY(10%); z-index:10;}
.float_quick_banner .inner {padding:20px 10px 10px; display:flex; flex-flow:column nowrap; gap:10px; box-sizing:border-box; pointer-events:auto; 
							border-radius:20px; border:1px solid #f7f7f7; background:var(--color-white); box-shadow:0px 10px 20px rgba(224, 224, 224, 0.6);}
.float_quick_banner img {width:180px; height:auto;}
.float_quick_banner .float_top {padding:8px; text-align:center; border-radius:8px; border:1px solid #e0e0e0; box-sizing:border-box; cursor:pointer;}
.float_quick_banner .float_top:hover {background:var(--dark_gray); color:var(--color-white);}
.float_quick_banner #float_close_btn.close {position:absolute; top:-20px; left:calc(50% - 30px); padding:8px 12px; color:var(--color-white); background:var(--color-primary); border-radius:1000px;}
.float_quick_banner #float_close_btn.close:hover {background:var(--color-primary-dark);}
.float_quick_banner #float_close_btn.open {position:absolute; bottom:0; right:0;}
.float_quick_banner #float_close_btn.open img {width:70px;}
.float_quick_banner .inner > ul {display:flex; gap:10px;}
.float_quick_banner .inner > ul img {width:86px;}
.float_quick_banner_mo {display:none;}
@media screen and (max-width:980px) {
	.float_quick_banner {display:none; opacity:none; pointer-events:none;}
	.float_quick_banner_mo {display:block; position:fixed; bottom:0; left:0; transform:translateY(0%); width:100%; z-index:10; box-shadow:0px -10px 15px rgba(224, 224, 224, 0.8);}
	.float_quick_banner_mo ul {display:flex; flex-flow:row nowrap; gap:0; align-items:center; justify-content:start; width:100%;}
	.float_quick_banner_mo ul li {flex:1;}
	.float_quick_banner_mo .float_top_area {width:100%; min-height:50px; line-height:50px; background:var(--color-border-light); text-align:center;}
	.float_quick_banner_mo .float_top_area button {font-size:16px; color:var(--color-text-base-light);}
	.float_quick_banner_mo img {width:auto;}
}