/*-- common css --*/

:root {

	/*font-size*/
	--fs-13: .8125rem;
	--fs-14: .875rem;
	--fs-15: .9375rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.13rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-24: 1.5rem;
	--fs-26: 1.625rem;
	--fs-28: 1.75rem;
	--fs-30: 1.875rem;
	--fs-32: 2rem;
	--fs-34: 2rem;
	--fs-36: 2.25rem;
	--fs-45: 2.8125rem;
	--fs-57: 3.5625rem;

	/*font-weight*/
	--fw-4: 400;
	--fw-5: 500;
	--fw-6: 600;
	--fw-7: 700;
	--fw-8: 800;
	--fw-9: 900;

	/*color*/
	--color-1: #fa4d09;
	--color-2: #0084ff;
	--color-3: #ef0000;
	--gray-1: #ebebeb;
	--gray-2: #f5f5f5;
	--gray-3: #bdbdbd;
	--gray-4: #f7f7f7;
}

/*container*/
.common-section{padding: 100px 0;}
.sub-section{padding: 70px 0;}
.common-container{width: 90%;max-width: 1280px;margin: 0 auto;}

.mobile-line{display: none;}

.pd-b0{padding-bottom: 0 !important;}

.mt-20{margin-top: 20px;}
.mt-15{margin-top: 15px;}
.mt-10{margin-top: 10px;}
.mt-8{margin-top: 8px;}

body.no-scroll{height: 100vh;overflow: hidden;}

@media screen and (max-width: 1080px){

	.common-section{padding: 70px 0;}
	.sub-section{padding: 60px 0;}
}

@media screen and (max-width: 720px){

	.common-section{padding: 25px 0 !important;}
	.sub-section{padding: 25px 0 !important;}
	.contents-section{padding: 30px 0 !important;}

	.mobile-line{display: block;height: 8px;background-color: var(--gray-4);border: none;margin: 0px;padding: 0px;}
}

/*common title*/
.common-title{text-align: center;margin-bottom: 30px;}
.common-title h4{font-size: var(--fs-34);font-weight: var(--fw-8);line-height: 1;}

@media screen and (max-width: 1480px){

	.common-title{margin-bottom: 25px;}
}

@media screen and (max-width: 720px){

	.common-title{margin-bottom: 19px;}
	.common-title h4{font-weight: var(--fw-7);line-height: 130%;}
}

/*common link*/
.common-link{margin-top: 56px;}
.common-link a{display: flex;align-items: center;justify-content: center;gap: 5px;width: 378px;height: 50px;line-height: 50px;text-align: center;margin: 0 auto;border: 1px solid #e2e2e2;border-radius: 5px;overflow: hidden;font-weight: var(--fw-6);color: #999;transition: all .3s ease;position: relative;}
.common-link a::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: -1;background-color: #f9f9f9;transition: width .5s ease;}
.common-link a i{padding-bottom: 1px;}

.common-link a:hover{color: #000;border-color: #000;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.common-link a:hover::before{width: 100%;}

@media screen and (max-width: 1480px){

	.common-link{margin-top: 45px;}
}

@media screen and (max-width: 720px){

	.common-link{margin-top: 30px;}
	.common-link a{width: 100%;height: 47px;line-height: 47px;font-size: 15px;gap: 4px;font-weight: var(--fw-5);}
}

/*scroll bar*/
@media screen and (max-width: 498px){

	.scroll-hidden{
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.scroll-hidden::-webkit-scrollbar{display: none;}
}

/*common motion*/
.motion-1{transform: translateY(25px);opacity: 0;transition: transform .6s ease, opacity .4s ease;}
.common_motion.on .motion-1{transform: translateY(0);opacity: 1;}

/*APP HEADER*/
.app-inner{width: 90%;max-width: 420px;margin: 0 auto;position: relative;}

.app-title{display: flex;align-items: center;justify-content: center;height: 52px;}
.app-title a{position: absolute;top: 0;left: 0;height: 52px;z-index: 1;display: flex;align-items: center;}
.app-title a i{font-size: 22px;}
.app-title h2{font-size: 20px;font-weight: var(--fw-6);}

.member-wrap{padding: 50px 0;}

@media screen and (max-width: 720px){
	
	.member-wrap{padding: 40px 0;}
	
	.app-title h2{font-size: 17px;}
}

/*APP COMMON*/
.common-input{display: block;width: 100%;font-size: 15px;line-height: 50px;border: 1px solid #ddd;padding: 0 15px;font-weight: 400;border-radius: 6px;outline: none;overflow: hidden;}
.common-input:focus{border-color: #222;outline: none;}
.common-input::placeholder{color: #999;font-size: 15px;}

.common-input-readonly{background: #f7f7f7;}
.common-input-readonly:focus{border-color: #ddd;}

.common-select{height: 52px;background-image: url(/img/icon/selectdown.png);background-repeat: no-repeat;background-position: right 12px top 50%;
	-webkit-appearance:none; /* for chrome */
	-moz-appearance:none; /*for firefox*/
	appearance:none;
}
.common-select::-ms-expand{display:none;}/*for IE10,11*/

.common-check{position: relative;}
.common-check input[type=checkbox], .common-check input[type=radio]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.common-check input[type=checkbox] + label, .common-check input[type=radio] + label{display: flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 400;color: #888;cursor: pointer;}
.common-check input[type=checkbox] + label span, .common-check input[type=radio] + label span{width: 21px;height: 21px;border: 1px solid #dbdbdb;background: #FFF;border-radius: 4px;overflow: hidden;}
.common-check input[type=checkbox] + label b, .common-check input[type=radio] + label b{color: #000;font-weight: 500;}
.common-check input[type=checkbox]:checked + label span, .common-check input[type=radio]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% var(--color-1);border-color: var(--color-1);}

.common-check-all{border-bottom: 1px solid #ddd;padding-bottom: 16px;}
.common-check-all input[type=checkbox] + label{align-items: flex-start;}
.common-check-all input[type=checkbox] + label i, .common-check-all input[type=radio] + label i{line-height: 150%;}
.common-check-all input[type=checkbox] + label b, .common-check-all input[type=radio] + label b{font-size: 17px;font-weight: 600;}

.common-check-open>i{position: absolute;top: 0;right: 0;z-index: 10;font-size: 20px;cursor: pointer;}

.common-check-text{margin-top: 20px;display: none;}
.common-check-text textarea{display: block;background: #f7f7f7;border: none;font-size: 13px;font-weight: 400;line-height: 150%;color: #666;padding: 16px 22px;border-radius: 8px;resize: none;min-height: 150px;}

.member-button{display: block;width: 100%;text-align: center;font-size: 15px;line-height: 52px;border: 1px solid #ddd;border-radius: 6px;font-weight: 400;background: #FFF;color: #888;overflow: hidden;}
.member-button-1{background: var(--color-1);border-color: var(--color-1);color: #FFF;font-size: 17px;font-weight: 600;}
.member-button-2{background: #000;border-color: #000;color: #FFF;font-size: 17px;font-weight: 600;}

.member-alert{display: block;background: #f7f7f7;padding: 10px 15px;border-radius: 6px;overflow: hidden;}
.member-alert i{display: block;width: 100%;font-size: 14px;font-weight: 400;color: #666;line-height: 160%;}

.member-rest{font-size: 14px;font-weight: 400;text-align: center;margin-top: 15px;color: #777;}
.member-rest a{color: #000;font-weight: 600;text-decoration: underline;}

.blink-text{animation: blinkColor 2s steps(1, end) infinite;}

@keyframes blinkColor{
    0%, 50%{color: black;}
    25%, 75%{color: var(--color-1);}
}

@media screen and (max-width: 720px){ 
	
	.member-alert{padding: 8px 11px;}
	.member-alert i{font-size: 12px;letter-spacing: -0.045em;}
}

/*-- top banner --*/
.top-banner>a{display: block;width: 100%;height: 100%;text-align: center;position: relative;}
.top-banner>a>span{display: block;width: 100%;height: 45px;line-height: 45px;font-size: 15px !important;color: #FFF;background-color: var(--color-1);}
.top-banner>a>span b{font-weight: 700;}

@media screen and (max-width: 720px){

	.top-banner>a>span{height: 40px;line-height: 40px;}
}

/*-- header --*/
#header{position: relative;z-index: 1000;}

.header-top{height: 125px;border-bottom: 1px solid var(--gray-1);}
.header-container{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}

.hd-logo a{display: block;width: 100%;height: 100%;}
.hd-logo img{display: block;}

.hd-menu{display: flex;align-items: center;gap: 22px;}
.hd-menu li a{display: flex;flex-direction: column;align-items: center;gap: 10px;}
.hd-menu li figure{position: relative;}
.hd-menu li figure img{display: block;}
.hd-menu li h4{font-size: var(--fs-13);font-weight: var(--fw-5);}

.alarm-dot{display: flex;align-items: center;justify-content: center;position: absolute;bottom: -2px;right: -6px;width: 16px;height: 16px;border-radius: 16px;font-weight: 500;color: #FFF;background-color: var(--color-1);}
.alarm-join{font-size: 16px;padding-bottom: 2px;padding-left: 1px;}
.alarm-cart{font-size: 11px;}

/*search*/
.search-wrap{position: relative;}
.search-box{position: relative;}
.search-input{width: 540px;height: 48px;line-height: 44px;border-radius: 50px;padding: 0 26px;padding-right: 68px;border: 2px solid var(--color-1);font-size: var(--fs-15);outline: none;}
.search-input::placeholder{font-size: var(--fs-15);font-weight: var(--fw-4);color: #c0c0c0;}
.search-input:focus{outline: none;}

.search-button{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;z-index: 1;height: 48px;padding: 0 22px;}
.search-button img{display: block;}

.keyword{display: flex;align-items: center;justify-content: center;gap: 16px;margin-top: 13px;}
.keyword h4{font-size: var(--fs-14);font-weight: var(--fw-7);color: var(--color-1);}

.keyword-list{display: flex;align-items: center;gap: 15px;}
.keyword-list li{position: relative;}
.keyword-list li::after{content: "·";position: absolute;top: 0;left: calc( 100% + 5.5px );z-index: 1;font-size: var(--fs-14);font-weight: var(--fw-4);color: #545454;}
.keyword-list li:last-child::after{display: none;}
.keyword-list li a{display: block;width: 100%;height: 100%;font-size: var(--fs-14);font-weight: var(--fw-5);color: #545454;}
.keyword-list li a:hover{color: #000;text-decoration: underline;}

/*search -> popup*/
.keyword-popup{position: absolute;top: 63px;left: 0;width: 100%;background-color: #FFF;border: 1px solid var(--gray-1);border-radius: 15px;padding: 30px 33px;overflow: hidden;z-index: 100;opacity: 0;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);

	display: none;align-items: flex-start;pointer-events: auto;
}

.search-list{width: 50%;}
.search-list>h4{font-weight: var(--fw-7);margin-bottom: 20px;}

.search-popular{position: relative;}
.search-popular::before{content: "";position: absolute;top: -30px;left: -33px;width: 1px;height: calc( 100% + 60px );background-color: var(--gray-1);}

.kp-list li + li{margin-top: 16px;}
.kp-list li a{display: flex;align-items: center;width: 100%;height: 100%;}
.kp-list li span, .kp-list li b{font-size: var(--fs-15);}
.kp-list li span{font-weight: var(--fw-4);}
.kp-list li b{font-weight: var(--fw-6);width: 32px;}
.kp-list li:nth-child(-n+3) b{color: var(--color-1);}

.kp-list li a:hover span{color: var(--color-1);-webkit-text-stroke: .02em;text-decoration: underline;}

/*gnb*/
.header-buttom{height: 60px;border-bottom: 1px solid var(--gray-1);}

.hd-lft{display: flex;align-items: center;gap: 22px;height: 100%;}

.gnb-btn{display: block;width: 20px;height: 100%;position: relative;}
.gnb-btn span{position: absolute;top: 29px;left: 0;width: 100%;height: 2px;background-color: #000;}
.gnb-btn span:nth-child(1){transform: translateY(-7px);}
.gnb-btn span:nth-child(3){transform: translateY(7px);}
.gnb-btn:hover span{background-color: var(--color-1);}
.gnb-btn.open span{background-color: var(--color-1);}

.hd-gnb>ul{display: flex;}
.hd-gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 60px;padding: 0 22px;font-size: var(--fs-18);font-weight: var(--fw-5);}
.hd-gnb>ul>li>a>i{display: block;width: 100%;height: 100%;position: relative;}
.hd-gnb>ul>li>a>i::after{content: "";position: absolute;bottom: -1px;left: auto;right: 0;width: 0;height: 3px;border-radius: 3px;background-color: var(--color-1);transition: width .4s ease;}

.hd-gnb>ul>li:hover>a{color: var(--color-1);}
.hd-gnb>ul>li:hover>a>i::after{left: 0;right: auto;width: 100%;}

.hd-gnb>ul>li>ul{display: none;}

.hd-rgt>ul{display: flex;align-items: center;gap: 10px;}
.hd-rgt>ul>li>a{display: flex;align-items: center;justify-content: center;gap: 7px;width: 110px;height: 35px;border: 1px solid var(--color-1);border-radius: 33px;font-size: var(--fs-15);font-weight: var(--fw-7);color: var(--color-1);}
.hd-rgt>ul>li:first-child>a{background-color: var(--color-1);color: #FFF;}

/*siteMap-pc*/
.siteMap-pc{position: absolute;top: 100%;left: 0;width: 100%;background-color: #FFF;z-index: 900;border-bottom: 1px solid var(--gray-1);display: none;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.05);
	box-shadow: 0 5px 15px rgba(0,0,0,.05);
}
.siteMap-inner{display: flex;align-items: flex-start;border-left: 1px solid var(--gray-1);border-right: 1px solid var(--gray-1);}

.siteMap-list{width: 225px;padding: 25px;border-right: 1px solid var(--gray-1);}
.siteMap-list li + li{margin-top: 10px;}
.siteMap-list li a{display: flex;align-items: center;gap: 15px;background-color: #f4f4f4;border-radius: 10px;overflow: hidden;padding: 8px;font-weight: var(--fw-6);}
.siteMap-list li figure{background: #FFF;padding: 8px;border-radius: 10px;overflow: hidden;}
.siteMap-list li img{display: block;max-width: 25px;}

.siteMap-gnb{width: calc( 100% - 225px );padding: 25px;}
.siteMap-gnb>ul{display: flex;flex-wrap: wrap;}
.siteMap-gnb>ul>li{width: calc(100% / 4);}
.siteMap-gnb>ul>li>a{display: block;width: 100%;height: auto;font-weight: var(--fw-6);margin-bottom: 15px;}
.siteMap-gnb>ul>li>a>i{position: relative;}
.siteMap-gnb>ul>li>a>i::after{content: "\e93f";position: absolute;top: -1px;left: calc( 100% + 5px );z-index: 1;font-family: xeicon !important;font-size: var(--fs-18);font-weight: 100 !important;}
.siteMap-gnb>ul>li>ul>li + li{margin-top: 10px;}
.siteMap-gnb>ul>li>ul>li>a{display: block;width: 100%;font-size: var(--fs-15);font-weight: var(--fw-5);color: #222;padding: 6px 0;}
.siteMap-gnb>ul>li>ul>li>ul>li>a{display: block;width: 100%;font-size: var(--fs-15);font-weight: var(--fw-4);color: #999;padding: 6px 0;}

.siteMap-gnb>ul>li:hover>a{color: var(--color-1);}
.siteMap-gnb>ul>li>ul>li>a:hover, .siteMap-gnb>ul>li>ul>li>ul>li>a:hover{text-decoration: underline;color: #000;}

/*mobile*/
.hd-btn{display: none;}
.hd-menu li.hd-menu-mo{display: none;}

@media screen and (max-width: 1480px){

	.header-top{height: 120px;}

	.search-input{width: 520px;}

	.hd-lft{gap: 18px;}

	.hd-gnb>ul>li>a{padding: 0 18px;}

	.hd-rgt>ul{gap: 8px;}
	.hd-rgt>ul>li>a{width: 100px;}

	/*search -> popup*/
	.keyword-popup{padding: 25px 28px;}
	
	.search-popular::before{top: -25px;left: -28px;height: calc( 100% + 50px );}

	.search-list>h4{margin-bottom: 18px;}

	.kp-list li + li{margin-top: 13px;}
	.kp-list li b{font-weight: var(--fw-6);width: 30px;}

	/*siteMap-pc*/
	.siteMap-list{width: 220px;padding: 15px;}
	.siteMap-list li + li{margin-top: 8px;}
	.siteMap-list li a{gap: 13px;}

	.siteMap-gnb{width: calc( 100% - 220px );padding: 25px;}
	.siteMap-gnb>ul>li>a{margin-bottom: 13px;}
}

@media screen and (max-width: 1280px){

	.search-input{width: 500px;}

	.hd-lft{gap: 14px;}

	.hd-gnb>ul>li>a{padding: 0 14px;}

	.hd-rgt>ul{gap: 7px;}
	.hd-rgt>ul>li>a{width: 100px;}
}

@media screen and (max-width: 1080px){

	.header-top{height: 100px;}

	.hd-logo img{max-width: 180px;}

	.search-wrap{position: absolute;top: 24px;left: 205px;}
	.search-input{width: 360px;}

	.keyword{display: none;}

	.hd-lft{gap: 10px;}

	.hd-gnb>ul>li>a{padding: 0 10px;}

	.hd-rgt>ul{gap: 6px;}
	.hd-rgt>ul>li>a{width: 95px;}
}

@media screen and (max-width: 1010px){

	.hd-lft{gap: 8x;}
	.hd-gnb>ul>li>a{padding: 0 8px;}

	.hd-rgt>ul{gap: 5px;}
	.hd-rgt>ul>li>a{width: 90px;}
}

@media screen and (max-width: 970px){

	.header-top{height: 70px;}

	.hd-logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
	.hd-logo img{max-width: 160px;}

	.search-wrap{display: none;}

	.hd-menu{gap: 18px;}
	.hd-menu li, .hd-menu li h4{display: none;}
	.hd-menu li.hd-menu-mo, .hd-menu li.hd-menu-cart{display: block;}

	/*mobile*/
	.hd-btn{display: block;width: 24px;height: 100%;position: relative;}
	.hd-btn span{position: absolute;top: 34px;left: 0;width: 100%;height: 2px;background-color: #000;}
	.hd-btn span:nth-child(1){transform: translateY(-8px);}
	.hd-btn span:nth-child(3){transform: translateY(8px);}

	.header-buttom{display: none;}

	/*search -> popup*/
	.keyword-popup{display: none !important;}

	/*siteMap-pc*/
	.siteMap-pc{display: none !important;}
}

@media screen and (max-width: 720px){

	.header-top{height: 60px;}

	.hd-logo img{max-width: 130px;}

	.hd-menu{gap: 12px;}

	.hd-btn span{top: 29px;}

	.header-buttom{display: block;height: 46px;}
	.gnb-btn, .hd-rgt{display: none;}

	.hd-lft{overflow-x: scroll;overflow-y: hidden;}
	.hd-gnb>ul>li>a{white-space: nowrap;font-size: 15px;font-weight: var(--fw-4);padding: 0 10px;line-height: 46px;}
	.hd-gnb>ul>li:first-child>a{padding-left: 0;}
	.hd-gnb>ul>li:last-child>a{padding-right: 0;}
}

/*-- mainVisual --*/
.mainVisual-wrap{overflow: hidden;}
.mainVisual{margin-top: 20px;padding-bottom: 30px;overflow: visible;}
.mainVisual .swiper-slide a{display: block;width: 100%;height: 100%;}
.mainVisual .swiper-slide figure{border-radius: 25px;overflow: hidden;
	-webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.mainVisual .swiper-slide figure img{display: block;}

.mainVisual-next, .mainVisual-prev{display: flex;justify-content: center;align-items: center;position: absolute;top: calc( 50% - 15px );transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.mainVisual-next{padding-left: 2px;}
.mainVisual-prev{padding-right: 2px;}
.mainVisual-next img, .mainVisual-prev img{display: block;}
.mainVisual-next{left: calc( 100% - 28px );}
.mainVisual-prev{right: calc( 100% - 28px );}

.mainVisual-box{display: flex;align-items: center;gap: 17px;position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);z-index: 1;}
.mainVisual-pag{display: flex;align-items: center;justify-content: center;gap: 5px;width: 80px;line-height: 38px;border-radius: 38px;background-color: rgba(0,0,0,.15);color: rgba(255,255,255,.6);font-size: 13px;}
.mainVisual-pag span{font-family: "Poppins", serif;font-size: var(--fs-15);font-weight: var(--fw-6);}
.mainVisual-pag span.swiper-pagination-current{color: #FFF;}

.mainVisual-pause img{display: block;}
.mainVisual-pause img.visual-play{display: none;}

.mainVisual-pause.paused img.visual-play{display: block;}
.mainVisual-pause.paused img.visual-pause{display: none;}

@media screen and (max-width: 1480px){

	.mainVisual .swiper-slide figure img{width: 100%;}
}

@media screen and (max-width: 1080px){

	.mainVisual-next, .mainVisual-prev{width: 50px;height: 50px;}
	.mainVisual-next{left: calc( 100% - 25px );}
	.mainVisual-prev{right: calc( 100% - 25px );}

	.mainVisual-box{gap: 14px;bottom: 55px;}
	.mainVisual-pag{gap: 4px;width: 70px;line-height: 32px;}
}

@media screen and (max-width: 960px){

	.mainVisual{width: 100%;padding-bottom: 0;margin-top: 0;}
	.mainVisual .swiper-slide figure{border-radius: 0;box-shadow: none;}

	.mainVisual-next, .mainVisual-prev{display: none;}

	.mainVisual-box{bottom: 30px;left: 5%;transform: translateX(0);}
}

@media screen and (max-width: 720px){

	.mainVisual-box{bottom: 20px;gap: 0;}
	.mainVisual-pag{gap: 4px;width: 72px;line-height: 28px;border-radius: 28px;font-size: 12px;}
	.mainVisual-pag span{font-size: 13px;font-weight: var(--fw-4);}

	.mainVisual-pause{display: none;}
}

/*-- cate list --*/
.cate-wrap{margin-top: 45px;}
.cate-list{display: flex;justify-content: center;gap: 30px;}
.cate-list li a{display: block;width: 100%;height: 100%;}
.cate-list li figure{width: 120px;height: 120px;background-color: #f8f8f8;border: 1px solid #e9e9e9;border-radius: 20px;overflow: hidden;
	background-repeat: no-repeat;
    background-position: center center;
}
.cate-list li h4{font-weight: var(--fw-5);text-align: center;margin-top: 18px;white-space: nowrap;}

@media screen and (max-width: 1480px){

	.cate-wrap{margin-top: 30px;}
	.cate-list{gap: 25px;}	
	.cate-list li figure{width: 115px;height: 115px;}
	.cate-list li h4{margin-top: 16px;}
}

@media screen and (max-width: 1280px){

	.cate-list li figure{width: 100px;height: 100px;background-size: auto 60px;}
	.cate-list li h4{margin-top: 16px;}
}

@media screen and (max-width: 1080px){

	.cate-wrap{margin-top: 20px;}
	.cate-list{gap: 20px;}	
	.cate-list li{width: calc( ( 100% - 140px ) / 8 );}
	.cate-list li figure{width: 100%;height: 0;padding-bottom: 98%;background-size: auto 55px;}
	.cate-list li h4{margin-top: 13px;font-size: 13px;}
}

@media screen and (max-width: 960px){

	.cate-list{gap: 15px;}	
	.cate-list li{width: calc( ( 100% - 105px ) / 8 );}
}

@media screen and (max-width: 860px){

	.cate-list{flex-wrap: wrap;gap: 25px;}	
	.cate-list li{width: calc( ( 100% - 75px ) / 4 );}
	.cate-list li figure{background-size: auto 60%;}
}

@media screen and (max-width: 720px){

	.cate-wrap{margin-top: 25px;padding-bottom: 25px;}
	.cate-list{gap: 27px;row-gap: 12px;padding: 0 9px;}	
	.cate-list li{width: calc( ( 100% - 81px ) / 4 );}
	.cate-list li figure{border-radius: 15px;background-size: auto 55%;}
	.cate-list li h4{font-size: 12px;font-weight: 500;margin-top: 8px;}
	.cate-list li h4 i{display: none;}
}

/*-- main 1 --*/
.rate-info{display: flex;align-items: center;justify-content: center;gap: 20px;background-color: var(--color-1);color: #FFF;width: 226px;height: 41px;margin: 0 auto;border-radius: 41px;}
.rate-info i, .rate-info b{font-weight: var(--fw-5);line-height: 41px;justify-content: center;}
.rate-info i{position: relative;}
.rate-info i::after{content: "";position: absolute;top: 13.5px;left: calc( 100% + 10px );width: 1px;height: 14px;background-color: #FFF;z-index: 1;}

.rate-wrap{margin-top: 40px;}

.rate-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 15px;}
.rate-title h4{font-size: var(--fs-20);font-weight: var(--fw-7);}
.rate-title a{display: flex;align-items: center;gap: 3px;font-weight: var(--fw-5);color: #999;}
.rate-title a i{padding-bottom: 2px;}

.rate-list{display: flex;align-items: center;gap: 15px;}
.rate-list li{display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc( ( 100% - 60px ) / 5 );background-color: var(--gray-2);padding: 26px 0;border-radius: 20px;overflow: hidden;}
.rate-list li b{font-size: var(--fs-20);font-weight: var(--fw-6);margin-bottom: 12px;}
.rate-list li h4{font-size: var(--fs-28);font-weight: var(--fw-7);margin-bottom: 12px;}
.rate-list li span{display: flex;align-items: center;gap: 7px;font-weight: var(--fw-5);}

.rate-down{color: var(--color-2);}
.rate-down img{filter: invert(33%) sepia(76%) saturate(1680%) hue-rotate(191deg) brightness(100%) contrast(111%);}
.rate-up{color: var(--color-3);}
.rate-up img{filter: invert(11%) sepia(57%) saturate(7318%) hue-rotate(357deg) brightness(117%) contrast(117%);transform: rotate(180deg);}

.rate-steady{color: var(--gray-3);}

.rate-list li.rate-none h4{font-family: 'Pretendard Variable';}
.rate-list li.rate-none span{color: var(--gray-3);}

@media screen and (max-width: 1480px){

	.rate-list li{padding: 22px 0;}

	.rate-info{gap: 17px;width: 205px;}
	.rate-info i::after{top: 14px;left: calc( 100% + 8px );height: 13px;}
}

@media screen and (max-width: 1280px){

	.rate-list{gap: 10px;}
	.rate-list li{width: calc( ( 100% - 40px ) / 5 );}
}

@media screen and (max-width: 1080px){

	.rate-wrap{margin-top: 30px;}
}

@media screen and (max-width: 860px){

	.rate-list{flex-wrap: wrap;gap: 15px;}
	.rate-list li{width: calc( ( 100% - 15px ) / 2 );}
}

@media screen and (max-width: 720px){
	
	.rate-title{margin-bottom: 10px;}
	.rate-title a{font-size: 13px;}
	.rate-title a i{padding-bottom: 1px;}

	.rate-list{gap: 10px;}
	.rate-list li{width: calc( ( 100% - 10px ) / 2 );padding: 18px 0;border-radius: 15px;}
	
	.rate-list li b{margin-bottom: 6px;}
	.rate-list li h4{font-size: 20px;margin-bottom: 10px;}
	.rate-list li span{font-size: 13px;gap: 5px;}
	
	.rate-info i, .rate-info b{font-size: 14px;}
	.rate-info i::after{height: 12px;}
}

/*-- main 2 --*/
.list-box{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px;row-gap: 57px;}
.list-box>li{width: calc( ( 100% - 60px ) / 4 );}

.list-img{border: 1px solid #eaeaea;border-radius: 20px;overflow: hidden;position: relative;}
.list-img>a{display: block;width: 100%;height: 100%;}
.list-img>a>img{display: block;max-width: 100%;height: auto;transition: .3s ease;}

.list-rank{position: absolute;top: 18px;left: 20px;z-index: 10;line-height: 1;font-size: var(--fs-22);font-weight: var(--fw-7);text-decoration: underline;text-underline-offset: 4px;}

.cart-btn{display: flex;justify-content: center;align-items: center;position: absolute;bottom: 13px;right: 13px;z-index: 10;width: 46px;height: 46px;border-radius: 46px;background-color: var(--color-1);cursor: pointer;}

.list-info{margin-top: 19px;}

.list-review{display: flex;align-items: center;gap: 10px;margin-bottom: 9px;}
.list-review b, .list-review i{color: #999;}
.list-review b{font-size: var(--fs-14);font-weight: var(--fw-5);}
.list-review i{display: flex;align-items: center;gap: 4px;font-size: var(--fs-13);font-weight: var(--fw-5);}
.list-review i img{display: block;}

.list-title{font-weight: var(--fw-6);margin-bottom: 10px;}
.list-title a{display: block;width: 100%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-text{font-size: var(--fs-14);font-weight: var(--fw-5);color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list-price-box{display: flex;align-items: center;gap: 9px;margin-top: 10px;}
.list-discount{font-size: var(--fs-18);font-weight: var(--fw-7);color: var(--color-1);}
.list-price{font-size: var(--fs-18);font-weight: var(--fw-7);}
.list-price-basic{font-size: var(--fs-14);font-weight: var(--fw-5);color: #999;text-decoration: line-through;}

.list-tag{display: flex;align-items: center;gap: 4px;margin-top: 10px;}
.list-tag span{font-size: 12px;font-weight: var(--fw-6);width: 46px;padding: 4px 0;text-align: center;color: #FFF;border-radius: 4px;overflow: hidden;}
.tag-new{background-color: #f80432;}
.tag-best{background-color: var(--color-1);}
.tag-hit{background-color: #04b6f8;}
.tag-hot{background-color: #45b70d;}

/*hover*/
.list-box>li:hover .list-img>a>img{transform: scale(1.1);}

@media screen and (max-width: 1480px){

	.list-box{row-gap: 45px;}
	
	.list-rank{top: 16px;left: 18px;}
}

@media screen and (max-width: 1080px){

	.list-img>a>img{width: 100%;}

	.list-rank{top: 12px;left: 14px;}
	.cart-btn{bottom: 10px;right: 10px;width: 42px;height: 42px;}

	.list-title{margin-bottom: 8px;}

	.list-price-box{gap: 6px;}
}

@media screen and (max-width: 860px){

	.list-box{gap: 25px;}
	.list-box>li{width: calc( ( 100% - 25px ) / 2 );}
}

@media screen and (max-width: 720px){

	.list-box{gap: 15px;row-gap: 25px;}
	.list-box>li{width: calc( ( 100% - 15px ) / 2 );}

	.list-img{border-radius: 15px;}
	
	.list-rank{top: 11px;left: 12px;font-size: 15px;}
	
	.cart-btn{width: 39px;height: 39px;}
	.cart-btn img{max-width: 20px;}

	.list-info{margin-top: 12px;}

	.list-review{gap: 8px;margin-bottom: 8px;}
	.list-review b, .list-review i{font-size: 12px;}

	.list-title{font-size: 15px;margin-bottom: 2px;font-weight: var(--fw-5);}
	.list-title a{line-height: 146%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
	}
	.list-text{display: none;}

	.list-price-box{flex-wrap: wrap;row-gap: 4px;margin-top: 0;}
	.list-discount, .list-price{font-size: 18px;}
	.list-price-basic{font-size: 13px;font-weight: var(--fw-4);}


	.list-tag{gap: 3px;}
	.list-tag span{font-size: 11px;font-weight: var(--fw-4);width: 42px;padding: 4px 0;}
}

/*-- center banner --*/
#main-3 .common-container{position: relative;}

.center-banner .swiper-slide figure{border-radius: 20px;overflow: hidden;}
.center-banner .swiper-slide figure img{display: block;max-width: 100%;}

.center-next, .center-prev{display: flex;justify-content: center;align-items: center;position: absolute;top: calc( 50% - 12.5px );transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.center-next{left: calc( 100% - 28px );padding-left: 2px;}
.center-prev{right: calc( 100% - 28px );padding-right: 2px;}
.center-next img, .center-prev img{display: block;}

.center-dot{display: flex;justify-content: center;gap: 13px;margin-top: 19px;}
.center-dot span{width: 6px;height: 6px;margin: 0 !important;opacity: 1 !important;background-color: #ddd;}
.center-dot span.swiper-pagination-bullet-active{background-color: var(--color-1);}

@media screen and (max-width: 1080px){

	.center-next, .center-prev{width: 50px;height: 50px;}
	.center-next{left: calc( 100% - 25px );}
	.center-prev{right: calc( 100% - 25px );}
}

@media screen and (max-width: 860px){

	.center-next, .center-prev{display: none;}

	.center-dot{margin-top: 16px;}
}

/*-- main 4 --*/
#main-4{background-color: #f8f8f8;}
#main-4 .common-container{position: relative;}

#list-slide .list-box{flex-wrap: nowrap;gap: 0;}

.list-next, .list-prev{display: flex;justify-content: center;align-items: center;position: absolute;top: calc( 50% - 48px );transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.list-next{left: calc( 100% - 28px );padding-left: 2px;}
.list-prev{right: calc( 100% - 28px );padding-right: 2px;}
.list-next img, .list-prev img{display: block;}

@media screen and (max-width: 1080px){

	.list-next, .list-prev{width: 50px;height: 50px;}
	.list-next{left: calc( 100% - 25px );}
	.list-prev{right: calc( 100% - 25px );}
}

@media screen and (max-width: 720px){

	#main-4{overflow: hidden;background-color: #FFF;position: relative;}
	#main-4::after{content: "";position: absolute;top: 0;right: calc( 100% - 2.5% );width: 100%;height: 100%;background-color: #FFF;z-index: 1;}

	#list-slide{overflow: visible;}

	.list-next, .list-prev{display: none;}
}

/*-- main 5 --*/
#main-5 .common-container{position: relative;}

.item-cate{display: flex;justify-content: center;gap: 10px;}
.item-cate>li>a, .item-cate>li>button{display: block;width: 100%;height: 45px;line-height: 45px;background-color: #FFF;border: 1px solid var(--gray-1);border-radius: 45px;font-weight: var(--fw-5);color: #999;padding: 0 24px;}
.item-cate>li.on>a, .item-cate>li.on>button{background-color: var(--color-1);border-color: var(--color-1);color: #FFF;font-weight: var(--fw-6);}

#cate-slide{margin-top: 40px;}
#cate-slide .list-box{flex-wrap: nowrap;gap: 0;}

.cate-next, .cate-prev{display: flex;justify-content: center;align-items: center;position: absolute;top: calc( 50% - 45px );transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.cate-next{left: calc( 100% - 28px );padding-left: 2px;}
.cate-prev{right: calc( 100% - 28px );padding-right: 2px;}
.cate-next img, .cate-prev img{display: block;}

@media screen and (max-width: 1080px){

	#cate-slide{margin-top: 30px;}

	.cate-next, .cate-prev{width: 50px;height: 50px;}
	.cate-next{left: calc( 100% - 25px );}
	.cate-prev{right: calc( 100% - 25px );}
}

@media screen and (max-width: 960px){

	.item-cate{gap: 6px;}
	.item-cate>li>a, .item-cate>li>button{padding: 0 22px;}
}

@media screen and (max-width: 720px){

	#main-5{overflow: hidden;position: relative;}
	#main-5::after{content: "";position: absolute;top: 0;right: calc( 100% - 2.5% );width: 100%;height: 100%;background-color: #FFF;z-index: 1;}

	.item-cate{justify-content: flex-start;gap: 7px;overflow-x: scroll;overflow-y: hidden;}
	.item-cate>li>a, .item-cate>li>button{height: 40px;line-height: 40px;font-size: 14px;white-space: nowrap;}

	#cate-slide{margin-top: 30px;overflow: visible;}

	.cate-next, .cate-prev{display: none;}
}

/*-- main 6 --*/
.review-wrap{position: relative;}

#review-slide .swiper-slide{border: 1px solid #eaeaea;border-radius: 20px;overflow: hidden;}

.review-top, .review-bottom{display: block;width: 100%;height: 100%;}

.review-top figure{height: 228px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.review-star, .review-info, .review-bottom{padding: 0 20px;}
.review-star{display: flex;align-items: center;gap: 5px;padding-top: 17px;}
.review-star i{font-size: var(--fs-14);font-weight: var(--fw-5);color: #999;line-height: .9;padding-bottom: 2px;padding-left: 4px;}

.review-info{margin-top: 7px;}
.review-info h4, .review-info>p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.review-info h4{font-size: var(--fs-18);font-weight: var(--fw-6);margin-bottom: 11px;}
.review-info>p{font-size: var(--fs-14);font-weight: var(--fw-4);color: #999;}

.review-user{margin-top: 20px;}
.review-user span{display: flex;align-items: center;gap: 3px;font-size: var(--fs-14);font-weight: var(--fw-5);color: #999;}
.review-user span b{font-weight: var(--fw-6);}

.review-bottom{padding-bottom: 17px;}

.review-item{display: flex;align-items: center;gap: 15px;padding-top: 15px;margin-top: 12px;border-top: 1px solid #eaeaea;}
.review-item figure{width: 70px;height: 70px;border-radius: 10px;overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.review-item-info{width: calc( 100% - 85px );}
.review-item-info .list-review{margin-bottom: 5px;}
.review-item-info h4{font-size: var(--fs-15);font-weight: var(--fw-5);line-height: 150%;overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.review-next, .review-prev{display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.review-next{left: calc( 100% - 28px );padding-left: 2px;}
.review-prev{right: calc( 100% - 28px );padding-right: 2px;}
.review-next img, .review-prev img{display: block;}

@media screen and (max-width: 1480px){

	.review-top figure{height: 200px;}

	.review-item figure{width: 60px;height: 60px;}

	.review-item-info{width: calc( 100% - 75px );}
}

@media screen and (max-width: 1080px){

	.review-next, .review-prev{width: 50px;height: 50px;}
	.review-next{left: calc( 100% - 25px );}
	.review-prev{right: calc( 100% - 25px );}
}

@media screen and (max-width: 720px){

	#main-6{overflow: hidden;}

	.review-top figure{height: 179px;}

	.review-star, .review-info, .review-bottom{padding: 0 17px;}
	.review-star{gap: 3px;padding-top: 15px;}
	.review-star i{font-size: 14px;}

	.review-info h4{font-size: 15px;margin-bottom: 7px;font-weight: var(--fw-5);}
	.review-info>p{font-size: 13px;}

	.review-user{margin-top: 15px;}
	.review-user span{font-size: 13px;}

	.review-bottom{padding-bottom: 16px;}

	.review-item{gap: 14px;border: none;padding-top: 0;margin-top: 17px;}
	.review-item figure{width: 64px;height: 64px;}
	
	.review-item-info{width: calc( 100% - 78px );}
	.review-item-info h4{font-size: 13px;}

	#review-slide{overflow: visible;}
	#review-slide .swiper-slide{border-radius: 15px;}

	.review-next{left: auto;right: 0;}
	.review-prev{display: none;}
}

/*-- main 7 --*/
.guide-banner{display: flex;align-items: center;gap: 20px;}
.guide-banner>li>a{display: block;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.guide-banner>li>a img{display: block;}

@media screen and (max-width: 1480px){

	.guide-banner>li>a img{width: 100%;}
}

@media screen and (max-width: 860px){

	/*mobile*/
	#guide-slide .swiper-slide a{display: block;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
	#guide-slide .swiper-slide img{display: block;width: 100%;}

	.guide-dot{display: flex;justify-content: center;gap: 13px;margin-top: 16px;}
	.guide-dot span{width: 6px;height: 6px;margin: 0 !important;opacity: 1 !important;background-color: #ddd;}
	.guide-dot span.swiper-pagination-bullet-active{background-color: var(--color-1);}
}

@media screen and (max-width: 720px){

	/*mobile*/
	#guide-slide .swiper-slide a{border-radius: 15px;}
}

/*-- main 8 --*/
.info-list{display: flex;align-items: center;gap: 28px;}
.info-list li{width: calc( ( 100% - 224px ) / 9 );}
.info-list li a{display: block;width: 100%;height: 100%;}
.info-list li figure{width: 100%;height: 0;padding-bottom: calc( 100% - 2px );background-color: #f8f8f8;border: 1px solid #eaeaea;border-radius: 20px;overflow: hidden;position: relative;}
.info-list li figure img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.info-list li h4{text-align: center;font-weight: var(--fw-5);margin-top: 18px;white-space: nowrap;}

@media screen and (max-width: 1480px){

	.info-list{gap: 25px;}
	.info-list li{width: calc( ( 100% - 200px ) / 9 );}
	.info-list li figure img{max-width: 50%;}
	.info-list li h4{margin-top: 16px;}
}

@media screen and (max-width: 1080px){

	.info-list{gap: 20px;}
	.info-list li{width: calc( ( 100% - 160px ) / 9 );}
	.info-list li h4{font-size: var(--fs-15);margin-top: 13px;}
}

@media screen and (max-width: 860px){

	.info-list{flex-wrap: wrap;gap: 25px;}
	.info-list li{width: calc( ( 100% - 100px ) / 5 );}
}

@media screen and (max-width: 720px){

	#main-8{overflow: hidden;}

	.info-wrap{overflow-x: scroll;overflow-y: hidden;}
	.info-list{flex-wrap: nowrap;gap: 15px;width: 660px;}
	.info-list li{width: 60px;}
	.info-list li h4{font-size: 11px;margin-top: 8px;white-space: nowrap;}
}

/*-- footer --*/
.footer-notice{border-top: 1px solid var(--gray-1);}

.fn-wrap{display: flex;align-items: center;position: relative;}
.fn-wrap>h4{font-size: var(--fs-18);font-weight: var(--fw-7);width: 143px;line-height: 63px;}
.fn-wrap>a{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;height: 100%;z-index: -1;}
.fn-wrap>a img{display: block;}
.fn-wrap>a img.notice_mo{display: none;}

#notice-slide{width: calc( 100% - 143px );height: 63px;}
#notice-slide .swiper-slide a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;padding-right: 50px;}
#notice-slide .swiper-slide h4, #notice-slide .swiper-slide span{line-height: 63px;font-weight: var(--fw-4);white-space: nowrap;}
#notice-slide .swiper-slide h4{color: #3d3d3d;}
#notice-slide .swiper-slide span{color: #929292;}

.footer-contents{padding: 55px 0;border-top: 1px solid var(--gray-1);}

.ft-top{display: flex;align-items: flex-start;justify-content: space-between;}

.ft-menu{display: flex;align-items: center;gap: 34px;}
.ft-menu>li{position: relative;}
.ft-menu>li::after{content: "";position: absolute;top: 2px;left: calc( 100% + 17px );width: 1px;height: 14px;background-color: rgba(0,0,0,.15);}
.ft-menu>li:last-child::after{display: none;}
.ft-menu>li>a{display: block;width: 100%;height: 100%;font-weight: var(--fw-5);}
.ft-menu>li>a b{font-weight: var(--fw-7);}

.ft-app{display: flex;align-items: center;gap: 10px;}
.ft-app li a{display: block;width: 100%;height: 100%;}
.ft-app li img{display: block;}

.ft-bottom{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 20px;}
.ft-inner{display: flex;align-items: flex-end;gap: 50px;}

.ft-logo{margin-bottom: 26px;}
.ft-logo a{display: block;width: 100%;height: 100%;}
.ft-logo img{display: block;}

.ft-info p + p{margin-top: 14px;}

.ft-text{font-size: var(--fs-15);font-weight: var(--fw-4);color: #777;line-height: 186%;position: relative;}
.ft-text i{padding-right: 19px;position: relative;}
.ft-text i::after{content: "";position: absolute;top: 3px;right: 7px;width: 1px;height: 11px;background-color: rgba(0,0,0,.15);}
.ft-text i.line-none::after{display: none;}

.business-info{position: absolute;bottom: -1px;right: 22px;padding: 1px 15px;padding-top: 2px;z-index: 1;font-size: 13px;font-weight: var(--fw-5);color: #000;border: 1px solid #dbdbdb;border-radius: 6px;overflow: hidden;}

.ft-customer h4 span, .ft-customer h4 b{display: block;font-weight: var(--fw-7);}
.ft-customer h4 span{margin-bottom: 6px;}
.ft-customer h4 b{font-size: var(--fs-28);margin-bottom: 11px;}

.ft-sns{display: flex;align-items: center;gap: 13px;}
.ft-sns a{display: block;width: 100%;height: 100%;}
.ft-sns img{display: block;}

.footer-copy{height: 45px;background-color: var(--color-1);}
.footer-copy .common-container{display: flex;justify-content: space-between;}
.footer-copy span{font-size: var(--fs-15);font-weight: var(--fw-4);color: #FFF;line-height: 45px;}

.ft-btn{display: flex;align-items: center;height: 45px;}

@media screen and (max-width: 1480px){

	.fn-wrap>h4{width: 100px;line-height: 55px;}

	#notice-slide{width: calc( 100% - 100px );height: 55px;}
	#notice-slide .swiper-slide a{padding-right: 50px;}
	#notice-slide .swiper-slide h4, #notice-slide .swiper-slide span{line-height: 55px;}

	.footer-contents{padding: 50px 0;}

	.ft-menu{gap: 30px;}
	.ft-menu>li::after{top: 2px;left: calc( 100% + 15px );height: 13px;}

	.ft-bottom{margin-top: 10px;}

	.ft-inner{gap: 40px;}

	.ft-text{line-height: 170%;}
	.ft-text i{padding-right: 13px;}
	.ft-text i::after{top: 2px;right: 4px;height: 11px;}

	.ft-sns{gap: 8px;}

	.business-info{right: 13px;font-size: 12px;padding: 1px 12px;border-radius: 5px;}
}

@media screen and (max-width: 1280px){

	.ft-inner{gap: 30px;}
}

@media screen and (max-width: 1080px){

	.ft-inner{display: block;}

	.ft-customer{margin-top: 20px;}
}

@media screen and (max-width: 960px){

	.ft-top{flex-direction: column-reverse;}
	.ft-app{margin-bottom: 20px;}
}

@media screen and (max-width: 860px){

	.footer-contents{padding: 30px 0;}

	.fn-wrap>h4{width: 80px;}

	#notice-slide{width: calc(100% - 80px);}
	#notice-slide .swiper-slide a{padding-right: 30px;}
	#notice-slide .swiper-slide span{width: 90px;}
	#notice-slide .swiper-slide h4{width: calc( 100% - 90px );white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	.business-info{right: auto;}

	.ft-bottom{display: block;}
	.ft-sns{margin-top: 15px;}	
}

@media screen and (max-width: 720px){

	.footer-notice{border-top: none;}
	.fn-wrap>a img.notice_mo{display: block;}
	.fn-wrap>a img.notice_pc{display: none;}

	.fn-wrap>h4{width: 65px;line-height: 48px;font-size: 14px;}

	#notice-slide{width: calc(100% - 65px);height: 48px;}
	#notice-slide .swiper-slide a{padding-right: 30px;}
	#notice-slide .swiper-slide span{display: none;}
	#notice-slide .swiper-slide h4{width: 100%;line-height: 48px;font-size: 13px;}

	.footer-contents{padding: 28px 0;}

	.ft-text{font-size: 13px;line-height: 160%;}

	/*mobile*/
	.ft-customer{margin-top: 0;}
	.ft-customer h4 span{font-size: 16px;font-weight: var(--fw-5);margin-bottom: 5px;}
	.ft-customer h4 b{font-size: 24px;margin-bottom: 8px;}
	.ft-customer .ft-text{font-size: 14px;}

	.ft-menu{flex-wrap: wrap;gap: 22px;row-gap: 10px;padding: 20px 0;margin: 16px 0;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
	.ft-menu>li::after{left: calc(100% + 11px);}
	.ft-menu>li.line-none::after{display: none;}
	.ft-menu>li>a{font-size: 14px;font-weight: var(--fw-4);}
	.ft-menu>li>a b{font-weight: var(--fw-6);}

	.ft-info p + p{margin-top: 15px;}

	.business-info{bottom: -3px;right: 0;padding: 3px 12px;}

	.ft-sns img{max-width: 30px;}

	.ft-app{gap: 6px;margin-bottom: 0;margin-top: 20px;}

	.footer-copy{height: auto;padding: 15px 0;padding-bottom: 75px;}
	.footer-copy span{font-size: 13px;line-height: normal;}
	.ft-btn{display: none;}
}

/*-- right quick --*/
#right-quick{position: fixed;bottom: 90px;right: 50px;z-index: 900;}

.right-menu li + li{margin-top: 10px;}
.right-menu li a{display: flex;justify-content: center;align-items: center;width: 56px;height: 56px;border-radius: 56px;border: 1px solid #dedede;background-color: #FFF;overflow: hidden;}

@media screen and (max-width: 1480px){

	#right-quick{bottom: 70px;right: 25px;}
}

@media screen and (max-width: 720px){

	#right-quick{bottom: 75px;right: 5%;}

	.right-menu li.mobile-none{display: none;}
	.right-menu li + li{margin-top: 5px;}
	.right-menu li a{width: 45px;height: 45px;border-radius: 45px;}
}

/*-- mobile quick --*/
#mobile-quick{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 900;background-color: #FFF;border-radius: 15px 15px 0 0;
	-webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.1);
	box-shadow: 0 -5px 10px rgba(0,0,0,.1);
}

.mobile-menu{display: flex;align-items: center;}
.mobile-menu>li{flex: 1;}
.mobile-menu>li a{display: block;width: 100%;height: 100%;padding: 10.5px 0;}
.mobile-menu>li figure{display: flex;align-items: center;justify-content: center;height: 20px;}
.mobile-menu>li figure img{display: block;}
.mobile-menu>li span{display: block;text-align: center;font-size: 11px;font-weight: var(--fw-4);margin-top: 6px;}

@media screen and (min-width: 721px){

	#mobile-quick{display: none;}
}

/*-- mobile siteMap --*/
#siteMap-mo{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;background-color: #FFF;overflow-y: scroll;transform: translateX(-101%);opacity: 0;transition: transform .3s ease, opacity .2s ease;}
#siteMap-mo.open{transform: translateX(0);opacity: 1;}

.siteMap-mo-member{display: flex;justify-content: space-between;align-items: center;}
.siteMap-mo-user li a{font-size: 15px;font-weight: 400;}
.siteMap-mo-user li a b{font-weight: 700;text-decoration: underline;text-underline-offset: 2px;}

.siteMap-mo-btn{width: 20px;height: 56px;position: relative;}
.siteMap-mo-btn span{position: absolute;top: 27.5px;left: -3px;width: 26px;height: 1px;background-color: #000;}
.siteMap-mo-btn span:nth-child(1){transform: rotate(45deg);}
.siteMap-mo-btn span:nth-child(2){transform: rotate(-45deg);}

.siteMap-mo-quick{display: flex;align-items: center;background-color: var(--color-1);border-radius: 15px;overflow: hidden;padding: 15px 0;margin-bottom: 15px;}
.siteMap-mo-quick li{flex: 1;position: relative;}
.siteMap-mo-quick li::after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 30px;background-color: rgba(255,255,255,.2);}
.siteMap-mo-quick li:last-child::after{display: none;}
.siteMap-mo-quick li figure img{display: block;margin: 0 auto;max-height: 20px;filter: brightness(1) invert(1);}
.siteMap-mo-quick li span{display: block;font-size: 13px;font-weight: 400;text-align: center;margin-top: 8px;color: #FFF;}

.siteMap-mo-gnb>ul>li{border-bottom: 1px solid var(--gray-1);}
.siteMap-mo-gnb>ul>li:last-child{border-bottom: none;}
.siteMap-mo-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: 17px;font-weight: 500;padding: 16px 15px;position: relative;}
.siteMap-mo-gnb>ul>li>a::after{content: "\e942";position: absolute;top: 50%;right: 11px;transform: translateY(-50%);z-index: 1;font-family: xeicon !important;font-size: 24px;font-weight: 100 !important;}
.siteMap-mo-gnb>ul>li:nth-child(1)>a::after{display: none;}
.siteMap-mo-gnb>ul>li:nth-child(2)>a::after{display: none;}
.siteMap-mo-gnb>ul>li:nth-child(5)>a::after{display: none;}
.siteMap-mo-gnb>ul>li:nth-child(6)>a::after{display: none;}

.siteMap-mo-gnb>ul>li>ul{background-color: #f7f7f7;padding: 8px 15px;border-radius: 8px;overflow: hidden;display: none;}
.siteMap-mo-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 14px;font-weight: 500;padding: 8px 0;color: #232323;}
.siteMap-mo-gnb>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 14px;font-weight: 400;padding: 8px 0;padding-left: 15px;color: #454545;}

.siteMap-mo-link{display: flex;align-items: center;gap: 10px;margin-top: 15px;margin-bottom: 15px;}
.siteMap-mo-link li{width: calc( ( 100% - 10px ) / 2 );}
.siteMap-mo-link li a{display: flex;align-items: center;gap: 8px;width: 100%;height: 40px;line-height: 40px;justify-content: center;border: 1px solid var(--color-1);border-radius: 6px;overflow: hidden;font-size: 15px;font-weight: 400;color: var(--color-1);}
.siteMap-mo-link li:first-child a{background-color: var(--color-1);color: #FFF;font-weight: 500;}

.siteMap-app-link{display: flex;align-items: center;font-size: 15px;font-weight: 600;color: var(--color-1);margin-top: 15px;}
.siteMap-app-link i{font-size: 20px;}
#siteMap-mo .ft-app{margin-top: 15px;margin-bottom: 15px;}

@media screen and (min-width: 971px){

	#siteMap-mo{display: none;}
}

/*-- mobile search bar --*/
#mobile-searchbar{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;background-color: #FFF;overflow-y: scroll;transform: translateX(-101%);opacity: 0;transition: transform .3s ease, opacity .2s ease;}
#mobile-searchbar.open{transform: translateX(0);opacity: 1;}

.ms-search{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.ms-search form{width: calc( 100% - 34px );}

.ms-btn{display: flex;align-items: center;justify-content: center;width: 24px;height: 56px;}
.ms-btn i{font-size: 28px;}

.ms-box{position: relative;height: 100%;}
.ms-search-button{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;height: 56px;}

.ms-input{width: 100%;height: 56px;line-height: 56px;font-size: 15px;padding: 0 15px;padding-right: 39px;border: none;outline: none !important;}
.ms-input:focus{outline: none !important;}

.ms-keyword{padding: 5% 0;}
.ms-keyword .search-list{width: 100%;margin-bottom: 25px;}
.ms-keyword .search-list>h4{font-size: 16px;}
.ms-keyword .kp-list li span, .ms-keyword .kp-list li b{font-size: 15px;}
.ms-keyword .kp-list li + li{margin-top: 12px;}

.ms-keyword  .search-popular{margin-bottom: 0;}

.ms-keyword .search-keyword .kp-list{display: flex;flex-wrap: wrap;gap: 8px;}
.ms-keyword .search-keyword .kp-list li + li{margin-top: 0;}
.ms-keyword .search-keyword .kp-list li a{border: 1px solid var(--color-1);padding: 5px 15px;border-radius: 30px;color: var(--color-1);}

.ms-slide{padding: 5% 0;}
#ms-guide-slide .swiper-slide a{display: block;width: 100%;height: 100%;border-radius: 15px;overflow: hidden;}
#ms-guide-slide .swiper-slide img{display: block;width: 100%;}

.ms-guide-dot{display: flex;justify-content: center;gap: 13px;margin-top: 16px;}
.ms-guide-dot span{width: 6px;height: 6px;margin: 0 !important;opacity: 1 !important;background-color: #ddd;}
.ms-guide-dot span.swiper-pagination-bullet-active{background-color: var(--color-1);}

@media screen and (min-width: 971px){

	#mobile-searchbar{display: none;}
}

/*-- scroll header --*/
#scroll-header{position: fixed;top: 0;left: 0;width: 100%;height: 70px;background-color: #FFF;border-bottom: 2px solid var(--color-1);z-index: 1000;transform: translateY(-101%);transition: transform .4s ease;}
#scroll-header.on{transform: translateY(0);}

#scroll-header .gnb-btn span{top: 33px;}
#scroll-header .hd-gnb>ul>li>a{line-height: 68px;}

/*siteMap*/
.siteMap-pc.scroll{position: fixed;top: 70px;}

@media screen and (max-width: 1480px){

	#scroll-header{height: 65px;}

	#scroll-header .gnb-btn span{top: 30.5px;}
	#scroll-header .hd-gnb>ul>li>a{line-height: 63px;}
}

@media screen and (max-width: 970px){

	#scroll-header{display: none;}
}

/*-- 팝업 --*/
.pop-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.7);z-index: 1100;}
.pop-inner{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.pop-box{width: 90%;max-width: 930px;background: #FFF;border-radius: 20px;overflow: hidden;}
.pop-top, .pop-btm{display: flex;align-items: flex-start;}
.pop-btm{align-items: center;}
.pop-btm .pop-lft{padding: 0 15px;}
.pop-rgt{width: 230px;}
.pop-lft{width: calc( 100% - 230px );}

#pop-slide, .pop-button{height: 700px;}
#pop-slide .swiper-slide a{display: block;width: 100%;height: 100%;}
#pop-slide .swiper-slide p{display: block;height: 100%;}
#pop-slide .swiper-slide p br{display: none;}
#pop-slide .swiper-slide p img{display: block;height: 100%;}
/*#pop-slide .swiper-slide a, #pop-slide .swiper-slide figure{display: block;width: 100%;height: 100%;}
#pop-slide .swiper-slide figure{background-repeat: no-repeat;background-size: cover;background-position: center;}*/

.pop-button{display: flex;flex-direction: column;}
.pop-button li{flex: 1;max-height: 175px;}
.pop-button li button{display: block;width: 100%;height: 100%;text-align: center;padding: 25px;line-height: 150%;font-weight: 500;word-break: keep-all;border-bottom: 1px solid #dedede;color: #999;}
.pop-button li:nth-child(n+4) button{border-bottom: none;}
.pop-button li.on button{background: #f4ac00;border-color: #f4ac00;font-weight: 600;color: #000;}

.pop-btm{border-top: 1px solid #dedede;}
.pop-btm .mbCheck label{line-height: 55px;font-size: .9375rem;font-weight: 400;padding: 0 18px;}

#pop-close{display: block;width: 100%;line-height: 55px;text-align: center;font-weight: 600;background: #f4f4f4;color: #777;}

@media screen and (max-width: 1480px){

	.pop-box{max-width: 800px;}
	.pop-lft{width: calc( 100% - 200px );}
	.pop-rgt{width: 200px;}
	
	#pop-slide, .pop-button{height: 600px;}

	.pop-btm .mbCheck label{font-size: 1rem;}
}

@media screen and (max-width: 860px){

	.pop-box{max-width: 800px;}
	.pop-lft{width: calc( 100% - 170px );}
	.pop-rgt{width: 170px;}
	
	#pop-slide, .pop-button{height: 520px;}
}

@media screen and (max-width: 720px){
	
	.pop-box{border-radius: 13px;}
	
	.pop-top, .pop-btm{flex-direction: column;}
	.pop-lft, .pop-rgt{width: 100%;}
	.pop-btm .pop-lft{padding: 10px;}
	
	#pop-slide{height: auto;}
	#pop-slide .swiper-slide p, #pop-slide .swiper-slide p img, #pop-slide .swiper-slide a img{width: 100%;height: auto;}
	#pop-slide .swiper-slide p{font-size: 0;line-height: 0;font-size: 0 !important;line-height: 0 !important;}
	#pop-slide .swiper-slide p br{display: none;}

	.pop-button{flex-direction: row;height: auto;}
	.pop-button li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.pop-button li button{border-bottom: none;padding: 10px;}
	.pop-button li button span{display: block;font-size: 12px;overflow: hidden;text-overflow: ellipsis;}
	
	.pop-btm .mbCheck label{font-size: 13px;padding: 0 10px;line-height: 45px;}	
	#pop-close{font-size: 15px;line-height: 50px;}
	
	#t_footer{padding-bottom: 90px;}
}

/*-- 장바구니 출력 수정 --*/
.cart-layer.open{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.4);z-index: 9999999;}
.cart-layer.open .sct_cartop_wr{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 420px;border-radius: 20px;outline: none;background: #FFF;z-index: 1;}
.cart-layer.open .sct_cartop_wr>h4{font-size: var(--fs-18);font-weight: 600;line-height: 1;text-align: center;padding: 20px;border-bottom: 1px solid #eaeaea;}

.cart-option-info{display: flex;align-items: center;gap: 15px;padding: 20px;}
.cart-option-info figure{width: 70px;border: 1px solid #eaeaea;border-radius: 15px;overflow: hidden;}
.cart-option-info figure img{display: block;}

.cart-option-info h5{width: calc( 100% - 85px );font-size: 15px;font-weight: var(--fw-5);line-height: 150%;overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.cart-option-opt{padding: 20px;border-top: 1px solid #eaeaea;}
.cart-option-opt label, .cart-option-opt select{display: block;width: 100%;}
.cart-option-opt label{font-size: 15px;font-weight: var(--fw-6);margin-bottom: 8px;}
.cart-option-opt select{line-height: 43px;background: #FFF;border: 1px solid #dbdbdb;padding: 0 13px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;
	background-image: url(/img/icon/selectdown.png);background-repeat: no-repeat;background-position: right 11px top 50%;
	-webkit-appearance:none; 
	-moz-appearance:none; 
	appearance:none;
}
.cart-option-opt select::-ms-expand{display:none;}

.cart-option-btn{display: flex;align-items: center;gap: 10px;padding: 0 20px;padding-bottom: 20px;}
.cart-option-btn button{width: calc( ( 100% - 10px ) / 2 );text-align: center;font-size: 15px;line-height: 43px;border: 1px solid #ddd;border-radius: 6px;font-weight: 400;background: #FFF;color: #888;overflow: hidden;}
.cart-option-btn button.cartopt_cart_btn{background: var(--color-1);border-color: var(--color-1);color: #FFF;font-weight: 700;}

@media screen and (max-width: 720px){
	
	.cart-layer.open .sct_cartop_wr>h4{font-size: 17px;}
	.cart-option-opt select{font-size: 15px;}
	
	.cart-layer.open .sct_cartop_wr>h4, .cart-option-info, .cart-option-opt{padding: 18px;}
	.cart-option-btn{padding: 0 18px;padding-bottom: 18px;}
}

/*-- 카테고리 별 상품 리스트가 없을 경우 --*/
#cate-list-none{width: 100% !important;margin-right: 0 !important;background: #f7f7f7;padding: 50px;border-radius: 15px;text-align: center;font-size: var(--fs-15);font-weight: var(--fw-4);color: #777;}

@media screen and (max-width: 1480px){

	#cate-list-none{font-size: 1rem;padding: 40px;}
}

@media screen and (max-width: 720px){

	#cate-list-none{font-size: 14px;padding: 30px;}
}

/*-- password check --*/
.password-title{font-size: var(--fs-20);font-weight: var(--fw-6);line-height: 150%;text-align: center;word-break: keep-all;margin-bottom: 20px;}
.password-text{font-size: var(--fs-15);font-weight: var(--fw-4);line-height: 150%;text-align: center;background: #f7f7f7;padding: 15px;border-radius: 8px;overflow: hidden;color: #666;margin-bottom: 20px;}

@media screen and (max-width: 720px){

	.password-title{font-size: 18px;}
	.password-text{font-size: 14px;}
}

/*-- 금 매입/판매 시세 페이지 --*/
.scroll-wrap{border-radius: 20px;overflow: hidden;border: 1px solid #454545;}
.rate-table{width: 100%;table-layout: fixed;border-radius: 20px;overflow: hidden;border: 1px solid #454545;}
.rate-table tr td{border: 1px solid #ddd;font-size: var(--fs-15);font-weight: var(--fw-4);padding: 15px;text-align: right;}

.rate-table tr:first-child td, .rate-table tr td:first-child{background: #f5f5f5;font-weight: var(--fw-6);text-align: center;}

.rate-table-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 15px;}
.rate-table-title span{font-size: var(--fs-18);font-weight: var(--fw-7);}
.rate-table-title i{font-weight: var(--fw-4);color: #999;}

.rate-bottom-table{margin-top: 40px;}

@media screen and (max-width: 860px){

	.scroll-wrap, .rate-table{border-radius: 15px;}
	
	.rate-table tr td{padding: 13px;}
}

@media screen and (max-width: 720px){
	
	.scroll-wrap{overflow-x: scroll;}
	
	.rate-table{width: 560px;}
	.rate-table tr td{padding: 11px;}
	.rate-table tr td:first-child{width: 93.16px;}
	
	.rate-bottom-table{margin-top: 30px;}
}

/*-- 금 매입 계산기 --*/
.rate-calc-box{display: flex;align-items: flex-start;gap: 40px;margin-bottom: 40px;}
.rate-calc-box>div{width: calc( ( 100% - 40px ) / 2 );padding: 35px 40px;padding-bottom: 30px;border-radius: 20px;overflow: hidden;}
.rate-calc-box>div>h4{font-size: var(--fs-22);font-weight: var(--fw-7);margin-bottom: 25px;}

.rate-calc{border: 1px solid #ddd;}
.rate-alert{background: #f7f7f7;}

.calc-box{display: flex;align-items: center;margin-bottom: 27px;}
.calc-box>h4{width: 120px;font-weight: var(--fw-7);}
.calc-box>div{width: calc( 100% - 120px );}

.calc-flex{display: flex;align-items: center;gap: 15px;}

#calc-unit{gap: 10px;}
#calc-unit .common-input{width: 280px;}
#calc-unit span{font-weight: var(--fw-5);white-space: nowrap;}

.rate-alert-list{margin-bottom: 18px;}
.rate-alert-list li{display: flex;align-items: flex-start;margin-bottom: 15px;}
.rate-alert-list li h4, .rate-alert-list li p{line-height: 150%;}
.rate-alert-list li h4{width: 100px;font-weight: var(--fw-5);}
.rate-alert-list li p{width: calc( 100% - 100px );font-weight: var(--fw-4);color: #454545;}

.rate-alert>span{display: block;font-weight: var(--fw-5);line-height: 150%;color: #454545;}

@media screen and (max-width: 1480px){
	
	.calc-box{margin-bottom: 20px;}
}

@media screen and (max-width: 1280px){
	
	.rate-calc-box{gap: 30px;}
	.rate-calc-box>div{width: calc( ( 100% - 30px ) / 2 );padding: 30px 35px;padding-bottom: 25px;}
	
	.calc-box>h4{width: 100px;}
	.calc-box>div{width: calc( 100% - 100px );}
	
	#calc-unit .common-input{width: 200px;}
}

@media screen and (max-width: 1080px){
	
	.rate-calc-box{gap: 25px;}
	.rate-calc-box>div{width: calc( ( 100% - 25px ) / 2 );padding: 20px 25px;padding-bottom: 20px;}

	.calc-box>h4{width: 80px;}
	.calc-box>div{width: calc( 100% - 80px );}

	#calc-unit .common-input{width: 180px;}
}

@media screen and (max-width: 980px){
	
	.rate-calc-box{display: block;}
	.rate-calc-box>div{width: 100%;padding: 30px 35px;padding-bottom: 25px;}

	.rate-calc{margin-bottom: 20px;}
	
	.calc-box>h4{width: 120px;}
	.calc-box>div{width: calc( 100% - 120px );}
	
	#calc-unit .common-input{width: 280px;}
}

@media screen and (max-width: 720px){
	
	.rate-calc-box{margin-bottom: 30px;}
	.rate-calc-box>div{padding: 20px 25px;padding-bottom: 15px;border-radius: 15px;}
	.rate-calc-box>div>h4{font-size: 16px;margin-bottom: 20px;}
	
	.rate-calc{margin-bottom: 15px;}
	
	.calc-box{display: block;}
	.calc-box>h4, .calc-box>div{width: 100%;}
	.calc-box>h4{font-size: 15px;margin-bottom: 10px;}
	
	#calc-unit .common-input{width: 180px;}
	#calc-unit span{font-size: 15px;}
	
	.rate-calc #sit_tot_price span{font-size: 15px;}
	
	.rate-alert-list li{margin-bottom: 10px;}
	.rate-alert-list li h4, .rate-alert-list li p, .rate-alert>span{font-size: 14px;line-height: 150%;word-break: keep-all;}
	.rate-alert-list li h4{width: 80px;}
	.rate-alert-list li p{width: calc( 100% - 80px );}
}