@charset "utf-8"; /* layout.css�� ��ü���� ���̾ƿ� ��Ÿ���� �����մϴ�. */

#wrapper { position:relative; }

#intro-header {position: fixed; top: 0; left: 0; width:100%; background:#fff; height: 100px; z-index:100; border-bottom: 1px solid #ddd;}
#intro-header .contain {max-width: 1460px; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 30px;}
#intro-header .logo {width: 220px; height: 40px;}
#intro-header .logo a {width: 100%; height: 100%; display: block;}
#intro-header .logo img {width: 100%; height: 100%; object-fit: contain;}
#intro-header .member-wrap {display: flex; align-items: center; gap: 10px; margin-left: auto;}
#intro-header .member-wrap a {display: flex; align-items: center; justify-content: center; width: 120px; height: 50px; border-radius: 4px; font-size: 16px; font-weight: 500; letter-spacing: -0.04em;}
#intro-header .member-wrap .login {background: #006c3a; color: #fff;}
#intro-header .member-wrap .signup {background: #f4f4f4; color: #2c2c2c;}

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden }
#skipToContent a:focus,
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px }

.contain { *zoom:1; width:100%; max-width:1020px; margin:0 auto; }
.contain:after { content:" "; display:block; clear:both; }
.only-mobile { display: none; }

/* intro */
#intro-wrap { min-height:100vh; padding-top: 100px; overflow: hidden;}
#intro-header { position:fixed; top:0; left:0; width:100%; height:100px; }
#intro-header .contain { position:relative; max-width:1460; height: 100%; }
#intro-header .logo { position:absolute; display:inline; top:50%; left: 30px; transform:translateY(-50%); z-index:10; }

.intro-content {padding: 40px 0 125px 0; position: relative;}
.intro-content .contain { max-width: 1460px; padding: 0 30px; display: flex; align-items: center; justify-content: center; gap: 30px;}
.intro-content .contain::after {content: none;}
.intro-content .box { position:relative; background:#fff; height:auto; border-radius: 20px; }
.intro-content .slider-box { width: calc(100% - 430px); overflow: hidden;}
.intro-content .slider-box .slick-slide > div { max-height: 650px; }
.intro-content .slider-box .img { position: relative; width: 100%; overflow: hidden; border-radius: 20px; aspect-ratio: 970 / 650;}
.intro-content .slider-box .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.intro-content .slider-box .slick-track { z-index:1; }
.intro-content .slider-box .slick-arrow { position:absolute; bottom: 20px; width:44px; height:44px; z-index:990; border-radius: 100%; border: 1px solid #ddd; font-size:0; line-height:0; background-color: #fff; background-repeat: no-repeat; }
.intro-content .slider-box .slick-prev { right: 74px; background-image:url("../images/common/intro_prev.svg"); background-position: 45% center;}
.intro-content .slider-box .slick-next { right: 20px; background-image:url("../images/common/intro_next.svg"); background-position: 57% center;}
.intro-content .slider-box .myvideo-wrap { background-color: #fff; }
.intro-content .slider-box .img video { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }

.intro-content .login-box {display: flex; flex-direction: column; justify-content: space-between; padding:40px 30px; z-index:1; box-shadow: 0 4px 16px rgba(0,0,0,.06); width: 33.3333%; max-width: 400px;}
.intro-content .login-box .tit {width: fit-content; margin:0 auto 35px; text-align:center; }
.intro-content .login-box .tit h3 { font-size:28px; line-height:1em; color:#2c2c2c; font-weight:500; }
.intro-content .login-box .save .checkbox label { font-size: 14px; font-weight: 500; color: #505050; }
.intro-content .login-box form { position:relative; }
.intro-content .login-box form .group { margin-bottom: 1px;}
.intro-content .login-box form .group:last-child { margin-bottom:0; }
.intro-content .login-box form .group .input { width:100%; height: 45px; padding: 0; border: none; border-bottom: 1px solid #ddd;}
.intro-content .login-box form .group .input::placeholder {font-weight: 300; color: #b8b8b8;}
.intro-content .login-box form .group .input:focus {outline: none; border-bottom: 1px solid #282828;}
.intro-content .login-box .links { padding: 22px 0; display:flex; justify-content:space-between; font-size:13px; color:#878787; line-height:1.5em; }
.intro-content .login-box .links a { display:inline-block; padding-left:8px; color:#505050; font-size:14px; font-weight:500; }
.intro-content .login-box .links a:not(:last-child) { border-right: 1px solid #dfdfdf; padding-right: 12px;}
.intro-content .login-box form .btn-pack-wrap {width: 100%; display: flex; align-items: center; gap: 10px;}
.intro-content .login-box form .btn-pack {display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); height:50px; font-size:16px; font-weight: 500; background:#006c3a; border-radius: 4px; color: #fff; border: none;}
.intro-content .login-box form a.btn-pack {color: #2c2c2c; background: #f4f4f4;}
.intro-content .login-box .service-center {margin: 30px 0; text-align: center;}
.intro-content .login-box .service-center .tel .ico {width: 40px; height: 40px; border-radius: 100%; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; margin: 10px auto;}
.intro-content .login-box .service-center .tel strong {font-size: 18px; letter-spacing: -0.04em; color: #2c2c2c;}
.intro-content .login-box .service-center .tel strong span {color: #006c3a;}
.intro-content .login-box .service-center .info p {color: #868686; font-weight: 300; font-size: 14px; line-height: 1.57em; letter-spacing: -0.08em; margin-top: 8px;}
.intro-content .login-box form a.kakao { display: flex; align-items: center; justify-content: center; color: #2c2c2c; background: #ffe812; border: none; font-size: 16px; font-weight: 700; letter-spacing: -0.04em; width: 100%; height: 50px; margin-top: 30px; position: relative;}
.intro-content .login-box form a.kakao img {position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.intro-content .login-box .terms { display: flex; align-items: center; justify-content: center; }
.intro-content .login-box .terms a:not(:last-child):before { position: absolute; content: ''; width: 1px; height: 14px; top: 50%; right: 0; transform: translateY(-50%); background: #ddd; }
.intro-content .login-box .terms a { position: relative; display: inline-block; font-weight: 400; font-size: 14px; color: #868686; padding: 0 16px; letter-spacing: -0.08em;}

.intro-content .scroll-down-wrap {position: absolute; width: 100%; left: 0; bottom: 30px;}
.intro-content .scroll-down-wrap:focus {outline: none;}
.intro-content .scroll-down {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.intro-content .scroll-down .ico {width: 26px; height: 44px; border: 1px solid #000; border-radius: 26px; position: relative;}
.intro-content .scroll-down .ico .wheel {width: 1px; height: 6px; border-radius: 1px; background: #000; position: absolute; top: 6px; left: 12px; animation: wheel 1s ease infinite;}
.intro-content .scroll-down .arrow {width: 10px; height: 7px; background: url('../images/main/scroll-arrow.svg') no-repeat center / contain; position: relative; top: 7px; animation: arrow 1s ease infinite;}

@keyframes wheel {
	0% {
		opacity: 1;
		top: 6px;
	}
	100% {
		opacity: 0;
		top: 9px;
	}
}

@keyframes arrow {
	0% {
		opacity: 1;
		top: 7px;
	}
	100% {
		opacity: 0;
		top: 14px;
	}
}

.intro-video {width: 100%; height: calc(100vh - 100px);}
.intro-video .contain {max-width: 100%; width: auto; height: 100%; aspect-ratio: 1920 / 1080; padding: 0;}
.intro-video #youtube-player {width: 100%; height: 100%;}

.intro-point {padding: 120px 0;}
.intro-point .contain {max-width: 1400px;}
.intro-point .tit {text-align: center;}
.intro-point .tit h3 {font-family: 'G market Sans', 'Noto sans KR', sans-serif; font-weight: 400; color: #2c2c2c; font-size: 60px; letter-spacing: -0.11em; line-height: 1.17em;}
.intro-point .tit h3 strong {font-weight: 700; color: #009b65;}
.intro-point .tit p {color: #505050; font-size: 24px; font-weight: 500; letter-spacing: -0.08em; line-height: 1.67em; margin-top: 20px;}
.intro-point .tit p strong {font-weight: 700;}
.intro-point ul {display: flex; align-items: center; justify-content: center; gap: 50px; margin-top: 50px;}
.intro-point li {width: calc(33.33% - 25px); aspect-ratio: 432 / 573; background: #fff; border-radius: 50px; overflow: hidden; box-shadow: 10px 12px 30px rgba(0,0,0,0.08);}
.intro-point li .thumb {width: 100%; aspect-ratio: 432 / 300; overflow: hidden;}
.intro-point li .thumb img {width: 100%; height: 100%; object-fit: cover;}
.intro-point li .txt {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 30px; padding-bottom: 60px; text-align: center;}
.intro-point li .txt h4 {font-size: 36px; font-weight: 700; letter-spacing: -0.08em; line-height: 1.39em;}
.intro-point li .txt .line {display: block; width: 24px; height: 1px; background: #ddd; margin: 20px auto;}
.intro-point li .txt p {color: #505050; font-size: 22px; font-weight: 400; line-height: 1.64em; letter-spacing: -0.08em;}

.intro-video-slide {width: 100%; background: url('../images/main/video-slide-bg.jpg') no-repeat center top; padding-top: 160px; padding-bottom: 120px;}
.intro-video-slide .tit {text-align: left;}
.intro-video-slide .tit h3 {font-family: 'G market Sans', 'Noto sans KR', sans-serif; font-size: 60px; font-weight: 400; color: #2c2c2c; line-height: 1.17em; letter-spacing: -0.11em;}
.intro-video-slide .tit h3 strong {font-weight: 700; color: #009b65;}
.intro-video-slide .tit h3 img {width: 50px; aspect-ratio: 1 / 1; margin-left: 15px; margin-top: 5px;}
.intro-video-slide .tit p {font-size: 24px; font-weight: 400; color: #505050; line-height: 1.67em; letter-spacing: -0.08em; margin-top: 20px;}
.intro-video-slide .tit p strong {font-weight: 700;}
.intro-video-slide .video-slide {width: 100%; margin-top: 100px; margin-bottom: 70px;}
.intro-video-slide .slick-list {padding: 0 calc((100% - 1400px) / 2);}
.intro-video-slide .slick-slide {width: 274px; padding: 15px 10px;}
.intro-video-slide .slick-slide .item {margin-top: 25px;}
.intro-video-slide .slick-slide:nth-child(odd) .item {margin-top: 0;}
.intro-video-slide .slick-slide:nth-child(even) .item {margin-top: 50px;}
.intro-video-slide .item {width: 264px; background: #fff; box-shadow: 1px 2px 12px rgba(0,0,0,0.1);  border-radius: 20px; padding: 12px; text-align: center; aspect-ratio: 264 / 372; transition: all 0.8s ease-in-out;}
.intro-video-slide .slick-slide.slide-up .item {margin-top: 50px;}
.intro-video-slide .slick-slide.slide-down .item {margin-top: 0;}
.intro-video-slide .thumb {width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden;}
.intro-video-slide .thumb img {width: 100%; height: 100%; object-fit: cover;}
.intro-video-slide .item .txt {display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(50% - 48px);}
.intro-video-slide .item h4 {font-size: 22px; font-weight: 500; color: #2c2c2c; letter-spacing: -0.08em; line-height: 1.64em; height: 1.64em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.intro-video-slide .item p {font-size: 16px; font-weight: 400; color: #868686; line-height: 1.63em; letter-spacing: -0.08em; margin-top: 2px;}

.intro-video-slide .text-box {text-align: center;}
.intro-video-slide .text-box .ico {width: 50px; aspect-ratio: 1 / 1; border-radius: 100%; background: #f4f4f4; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 20px; padding: 11px;}
.intro-video-slide .text-box .ico img {aspect-ratio: 27 / 20; width: 100%;}
.intro-video-slide .text-box p {color: #2c2c2c; font-size: 24px; line-height: 1.67em; letter-spacing: -0.08em;}
.intro-video-slide .text-box .btn {max-width: 100%;}
.intro-video-slide .text-box .btn a {width: 340px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #ddd; color: #2c2c2c; font-size: 16px; font-weight: 700; line-height: 1.63em; letter-spacing: -0.04em; margin: 0 auto; margin-top: 30px; cursor: pointer; transition: all .1s; max-width: 100%;}
.intro-video-slide .text-box .btn a:hover {border-color: #009b65; background-color: #009b65; color: #fff;}

.intro-banner {overflow: hidden;}
.intro-banner .contain {max-width: 1920px; padding: 0;}
.intro-banner .slick-slide {width: 100%; aspect-ratio: 1920 / 560;}
.intro-banner .item {width: 100%; aspect-ratio: 1920 / 560; overflow: hidden;}
.intro-banner .item a {display: block; width: 100%; height: 100%; position: relative;}
.intro-banner .item img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}

.intro-signup {height: 472px; padding-bottom: 72px; background: url('../images/main/signup-bg.jpg') no-repeat center / cover;}
.intro-signup .contain {max-width: 1920px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column;}
.intro-signup p {color: #2c2c2c; font-size: 24px; font-weight: 400; line-height: 1.67em; letter-spacing: -0.08em;}
.intro-signup p strong {font-weight: 700;}
.intro-signup p span {color: #009b65;}
.intro-signup .btn {max-width: 100%;}
.intro-signup .btn a {width: 340px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #ddd; color: #2c2c2c; font-size: 16px; font-weight: 700; line-height: 1.63em; letter-spacing: -0.04em; margin: 0 auto; margin-top: 30px; cursor: pointer; transition: all .1s; background-color: #fff; max-width: 100%;}
.intro-signup .btn a:hover {border-color: #009b65; background-color: #009b65; color: #fff;}

/* .intro-footer:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#eee; } */
.intro-footer {position:relative; width: 100%; overflow: hidden; padding-top: 72px; margin-top: -72px;}

.intro-footer .animation {width: 100%; height: 72px; position: absolute; top: 0; left: 0; z-index: 1;}
.intro-footer .animation .line {width: calc(50% + 36px); height: 100%; position: absolute; bottom: 0; opacity: 0;}
.intro-footer .animation .line.left {left: 0; border-top-right-radius: 30px;}
.intro-footer .animation .line.right {right: 0; border-top-left-radius: 30px;}
.intro-footer .animation .line.left.color {background-color: #66cc88; z-index: 1;}
.intro-footer .animation .line.right.color {background-color: #009b65; z-index: 1;}
.intro-footer .animation .line.bg {background-color: #fff; z-index: 0;}
.intro-footer .animation .ico {position: relative; width: 72px; height: 72px; z-index: 2; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.intro-footer .animation .ico img {width: 34px; aspect-ratio: 1 / 1;}
.intro-footer .animation .line[data-aos^=fade][data-aos^=fade].aos-animate {opacity: .7;}
.intro-footer .animation .line.bg[data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1;}

.intro-footer .footer { position:relative; clear:both; z-index:10; width:100%; background:#f4f4f4; padding:30px 0; font-size:14px; line-height:32px; color:#505050; }
.intro-footer .contain { position:relative; max-width:1460px; display: flex; align-items: center; justify-content: space-between;}
.intro-footer .contain::after {content: none;}
.intro-footer address { font-style:normal; }
.intro-footer address span { display:inline-block; position:relative; padding-right:20px; }
.intro-footer address span:after { content:""; position:absolute; top:50%; right:10px; width:1px; height:12px; background:#ccc; margin-top:-6px; }
.intro-footer address span.last:after { display:none; }
.intro-footer strong { display:inline-block; font-size:16px; font-weight:500; color:#2c2c2c; }
.intro-footer .copy { font-size:12px; color:#878787; margin-top:5px; }
.intro-footer .check-business { display:inline-block; padding:0 7px; border:1px solid #dfdfdf; background:#fff; border-radius:5px; height:26px; line-height:24px; font-size:12px; letter-spacing:-0.06em; color:#999; }

.intro-footer .foot-qr {text-align: center;}
.intro-footer .foot-qr img {width: 100%; max-width: 70px; margin: 0 auto;}
.intro-footer .foot-qr p {color: #383838; font-size: 14px; font-weight: 700; line-height: 1.57em; letter-spacing: -0.08em; margin-top: 8px; text-align: center; width: 100%;}

/* header */
#header { position:relative; width:100%; background:#fff; height:auto; z-index:90; }
#header:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dfdfdf; z-index:-1; }

#header .top-banner { position: relative; }
#header .top-banner .items { height: 40px; width: 100%; overflow: hidden; position: relative; }
#header .top-banner .items div { height: 100%; }
#header .top-banner .item img { height: 100%; width: 100%; object-fit: cover; }
#header .top-banner .slick-arrow { z-index:50; text-indent: -9999em; overflow: hidden; width:18px; height:18px; border: none; }
#header .top-banner .banner-arrow { position: absolute; top: 0; right: 13%; width: auto; height: 100%; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; }
#header .top-banner .slick-prev { background:url("../images/common/top_banner_arrow_up.png") 50% 50% no-repeat; background-size: contain; }
#header .top-banner .slick-next { background:url("../images/common/top_banner_arrow_bottom.png") 50% 50% no-repeat; background-size: contain; }
#header .top-banner .btn-week { position: absolute; width: 65px; height: 40px; right: calc(13% - 90px); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; }
#header .top-banner .btn-week img {height: 32px;}

#header .contain { position:relative; z-index:2; padding:0; }
#header .global-wrap { position:relative; height:40px; text-align:right; background:#fff; z-index:11; }
#header .global-wrap:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eee; z-index:-1; }
#header .global-wrap .contain { display: flex; align-items: center; justify-content: space-between; }
#header .global-wrap .contain:after { content: none; }
#header .global-wrap ul { display:flex; width: fit-content; }
#header .global-wrap ul li { position:relative; padding-left:30px; }
#header .global-wrap ul li:after { content:""; position:absolute; top:50%; left:15px; width:1px; height:16px; margin-top:-8px; background:#dfdfdf; }
#header .global-wrap ul li:first-child { padding-left:0; }
#header .global-wrap ul li:first-child:after { display:none; }
#header .global-wrap ul li a { display:block; font-size:13px; line-height:40px; color:#878787; }

#header .gnb-wrap { position:relative; height:114px; z-index:1; }
#header .gnb-wrap .contain { position:relative; height:114px; padding-top: 20px; padding-left:140px; }
#header .gnb-wrap .category-box { position:absolute; top:0; left:0; width:107px; height:100%; }
#header .gnb-wrap .category-box .btn-category { display:table; table-layout:fixed; width:100%; height:100%; background:#009046; }
#header .gnb-wrap .category-box .btn-category .cell { display:table-cell; vertical-align:middle; width:100%; text-align:center; }
#header .gnb-wrap .category-box .btn-category .cell .tt { position:relative; padding-left:28px; display:inline-block; font-size:16px; line-height:30px; font-weight:500; color:#fff; letter-spacing:-0.06em; }
#header .gnb-wrap .category-box .btn-category .cell .tt span { position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-6px; background:#fff; margin-left:-9px; }
#header .gnb-wrap .category-box .btn-category .cell .tt span:before,
#header .gnb-wrap .category-box .btn-category .cell .tt span:after { content:" "; position:absolute; left:0; width:18px; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s; }
#header .gnb-wrap .category-box .btn-category .cell .tt span:before { top:-6px; transition-property:top, transform; }
#header .gnb-wrap .category-box .btn-category .cell .tt span:after { bottom:-6px; transition-property:bottom, transform; }

/* .header-fixed #main #header .gnb-wrap { position: fixed; top: 0; z-index: 100; width: 100%; left: 50%; transform: translateX(-50%); background: #fff; transition: .3s; } */

#header .gnb-wrap .util-top { display:flex; justify-content:space-between; align-items:center; height:64px; padding-top:0; z-index:2; }
#header .sitelogo { position:relative; flex:1 1 223px; max-width:223px; margin-right:25px; margin-left: -25px; z-index:10; }
#header .sitelogo a {display: block;position: relative; width: 100%; padding-bottom: 36.7713%; overflow: hidden;}
#header .sitelogo a img {position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; right: 0; bottom: 0; object-fit: contain;}
#header .top-search { position:relative; flex:1 auto; width:1%; max-width:580px; height:42px; background:#fff; /* overflow:hidden; */ z-index:1; }
#header .top-search:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #009046; z-index:1; }
#header .top-search * { vertical-align:top; }
#header .top-search input[type=text] { position:relative; width:calc(100% - 44px); height:42px; border:0; padding:0 20px; background:transparent; z-index:2; }
#header .top-search input[type=text]::placeholder { color:#999; }
#header .top-search .btn-submit { position:relative; font-size:0; line-height:0; width: 25px; height: 24px; background: url(../images/common/icon-search.png) no-repeat 50% 50%/contain; border:none; cursor:pointer; z-index:2; }
#header .top-quick { flex:1 1 180px; max-width:180px; margin-left:40px; }
#header .top-quick > ul { display:flex; justify-content:space-between; }
#header .top-quick > ul > li { position:relative; text-align:center; }
#header .top-quick > ul > li > a { display:block; position:relative; font-size:12px; line-height:1.3em; color:#878787; }
#header .top-quick > ul > li > a .icon { position:relative; width: 24px; height: 32px; margin:0 auto; background-size:100% 100%; background-position:center center; background-repeat:no-repeat; }
#header .top-quick > ul > li > a .icon.icon1 .num { position:absolute; top: -2px; right: -7px; margin: 0; width:17px; height:17px; border-radius:50%; background:#125635; text-align:center; font-size:12px; line-height:17px; color:#fff; font-weight:500; }
#header .top-quick > ul > li > a .icon.icon2 { background-image:url('../images/common/top_quick_icon2.png'); }
#header .top-quick > ul > li > .sub-mypage { display:none; position:absolute; top:100%; left:50%; margin-left:-60px; margin-top:10px; width:120px; font-size:13px; line-height:1.5em; letter-spacing:-.06em; background:#fff; border:1px solid #dfdfdf; overflow:auto; z-index:10; }
#header .top-quick > ul > li > .sub-mypage ul { padding:22px 0; text-align:center; }
#header .top-quick > ul > li > .sub-mypage ul li { cursor:pointer; transition:.2s; margin-top:1px; }
#header .top-quick > ul > li > .sub-mypage ul li:first-child { margin-top:0; }
#header .top-quick > ul > li > .sub-mypage ul li a { display:block; padding:5px; color:#505050; }
#header .top-quick > ul > li > .sub-mypage ul li:hover a { color:#046631; text-decoration:underline; }
#header .top-quick > ul > li.mypage-menu.active > a { color:#689354; }
#header .top-quick > ul > li.mypage-menu.active > a .icon.icon3 { background-image : url(../images/common/icon-mypage.png) }

#gnb { position:relative; height:50px; z-index:1; }
#gnb > ul { display:inline-block; }
#gnb > ul:after { content:" "; display:block; clear:both; }
#gnb > ul > li { float:left; position:relative; height:20px; margin-left:40px; z-index:1; }
#gnb > ul > li:first-child { margin-left:0; }
#gnb > ul > li > a { display:block; height:20px; position:relative; font-size:14px; line-height:20px; color:#2c2c2c; letter-spacing:-0.06em; z-index:5; }
#gnb > ul > li.active > a,
#gnb > ul > li:hover > a { color:#009046; text-decoration:underline; }
#gnb > ul > li.m1 > a,
#gnb > ul > li.m2 > a,
#gnb > ul > li.m3 > a,
#gnb > ul > li.m6 > a { padding-left:24px; padding-left:0 !important; }
#gnb > ul > li.m1 > a:after,
#gnb > ul > li.m2 > a:after,
#gnb > ul > li.m3 > a:after,
#gnb > ul > li.m6 > a:after { content:""; position:absolute; top:50%; left:0; margin-top:-9px; width:18px; height:18px; background-size:100% 100%; background-position:center center; background-repeat:no-repeat; }
#gnb > ul > li.m1 > a:after { background-image:url('../images/common/gnb_icon1.png'); }
#gnb > ul > li.m2 > a:after { background-image:url('../images/common/gnb_icon2.png'); }
#gnb > ul > li.m3 > a:after { background-image:url('../images/common/gnb_icon3.png'); }
#gnb > ul > li.m6 > a:after { background-image:url('../images/common/gnb_icon4.png'); }
#gnb > ul > li > a:after { display:none !important; }
#gnb > ul > li > a > img { vertical-align: middle; margin-right: 5px; }

.clearfix::after { content:""; display:block; clear:both }
.wrap { width:720px; margin:0 auto }
.nav { width:220px; float:left; box-shadow:0 3px 7px 0 rgba(0,0,0,.05) }
.nav li { position:relative; padding: 33px 25px; height: 83.5px; font-size:15px; line-height:1; color:#333; border:1px solid #e1e1e1; cursor:pointer; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; box-sizing:border-box; }
.nav li.on,.nav li:hover { font-weight:700; color:#fff; border-color:#5f7aff; background:#5f7aff; box-shadow:0 3px 7px 0 rgba(27,0,255,.25) }
.nav li.on::before,.nav li:hover::before { position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border-top:1px solid #fff; content:"" }
.nav li~li { border-top:none }
.slide { position:relative; float:left; width:500px; height:334px; overflow:hidden; visibility:none; opacity:0 }
.slide li img { max-width:100% }
.slide .slick-dots { display:none!important }
.slide.slick-initialized { visibility:visible; opacity:1 }
.slide .slick-slide { outline:none }
.slide-arrow { position:absolute; top: 50%; transform: translateY(-50%); padding: 0 4px; font-size: 24px; color: #000; background: rgba(255,255,255,0.8); border:none; outline:0; z-index:1; cursor:pointer }
.prev-arrow { left: 0; }
.next-arrow { right:0 }
.slide_paging { margin-top:5px; text-align:right; font-size:14px; color:#aaa; cursor:default; }
.slide_paging .page { color:#5f7aff }


/* for mobile */
.btn-m-menu { display:none; position:absolute; top:50%; right: 30px; width: 24px; height: 15px; transform:translateY(-50%); text-align:center; text-indent:-9999em; z-index:50; }
.btn-m-menu span { position:absolute; right: 0; top: 50%; width: 24px; height: 3px; background: #000; transform: translateY(-50%); }
.btn-m-menu span:before,
.btn-m-menu span:after { content:" "; position:absolute; right:0; width:24px; height:3px; background: #000; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s; }
.btn-m-menu span:before { top:-8px; transition-property:top, transform; }
.btn-m-menu span:after { bottom:-8px; transition-property:bottom, transform; }

.mobile-navigation { display:none; position:fixed; top:0; right:0; width:280px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102; }
.mobile-navigation .home { padding:13px 20px; }
.mobile-navigation .home img { height:32px; }
.mobile-navigation .nav-menu>ul { border-top:1px solid #dfdfdf; }
.mobile-navigation .nav-menu>ul>li { border-bottom:1px solid #dfdfdf; }
.mobile-navigation .nav-menu>ul>li>a { position:relative; padding:10px 18px; display:block; color:#333; font-size:17px; font-weight:500; line-height:1.3em; }
.mobile-navigation .nav-menu>ul>li>a:after { content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #454545; border-bottom:2px solid #454545; }
.mobile-navigation .nav-menu>ul>li.active { background:#f4f4f4; }
.mobile-navigation .nav-menu>ul>li.active>a { color:#fff; background:#125635; }
.mobile-navigation .nav-menu>ul>li.active>a:after { transform:translateY(-35%) rotate(-135deg); border-color:#fff; }
.mobile-navigation .nav-menu .submenu { display:none; margin:-1px 0 0 0; padding:10px 0; }
.mobile-navigation .nav-menu .submenu>ul>li>a { display:block; padding:5px 18px; color:#454545; font-size:15px; font-weight:400; line-height:1.4em; }
.mobile-navigation .nav-menu .submenu>ul>li>a:hover { color:#125635 }
.mobile-navigation .nav-category { display:none; }
.mobile-navigation .nav-quick { display:none; }
.mobile-navigation .nav-util { display:none; }
.mobile-navigation .close { position:absolute; top:22px; right:18px; width:26px; height:26px; text-indent:-9999em; overflow:hidden; }
.mobile-navigation .close:before,
.mobile-navigation .close:after { content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#2c2c2c; border-radius:3px; }
.mobile-navigation .close:before { transform:rotate(45deg); }
.mobile-navigation .close:after { transform:rotate(-45deg); }
.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:100; }

html.menu-opened { overflow:hidden; }
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay { display:block; }

/* for category */
.category-navigation { position:absolute; left:0; width:107px; min-height:auto; opacity:0; transition:.3s ease-in-out; -ms-transform:translateY(-100%); transform:translateY(-100%); background:#fff; border:1px solid #125635; border-top:0; z-index:-1; background-color:#fff; }
.category-navigation .category-menu { padding-bottom: 100px; }
.category-navigation .category-menu>ul { padding:0; }
.category-navigation .category-menu>ul>li>a { position:relative; padding:8px; display:block; color:#2c2c2c; background-color: #fff; font-size:12px; line-height:18px; transition:.3s; font-weight: 500; }
.category-navigation .category-menu>ul>li.active>a { background-color: #f1f1f1; color: #009046; }
.category-navigation .category-menu>ul>li>a:after { content:""; position:absolute; top:50%; left:20px; width:24px; height:24px; margin-top:-12px; background-size:100% 100%; background-repeat:no-repeat; background-position:0 0; display:none; }
.category-navigation .category-menu>ul>li.icon1>a:after { background-image:url('../images/common/category_icon1.png'); }
.category-navigation .category-menu>ul>li.icon2>a:after { background-image:url('../images/common/category_icon2.png'); }
.category-navigation .category-menu>ul>li.icon3>a:after { background-image:url('../images/common/category_icon3.png'); }
.category-navigation .category-menu>ul>li.icon4>a:after { background-image:url('../images/common/category_icon4.png'); }
.category-navigation .category-menu>ul>li.icon5>a:after { background-image:url('../images/common/category_icon5.png'); }
.category-navigation .category-menu>ul>li.icon6>a:after { background-image:url('../images/common/category_icon6.png'); }
.category-navigation .category-menu>ul>li.icon7>a:after { background-image:url('../images/common/category_icon7.png'); }
.category-navigation .category-menu>ul>li.icon8>a:after { background-image:url('../images/common/category_icon8.png'); }
.category-navigation .category-menu>ul>li.icon9>a:after { background-image:url('../images/common/category_icon9.png'); }
.category-navigation .category-menu>ul>li.icon10>a:after { background-image:url('../images/common/category_icon10.png'); }
.category-navigation .category-menu>ul>li.icon1.active>a:after { background-image:url('../images/common/category_icon1_on.png'); }
.category-navigation .category-menu>ul>li.icon2.active>a:after { background-image:url('../images/common/category_icon2_on.png'); }
.category-navigation .category-menu>ul>li.icon3.active>a:after { background-image:url('../images/common/category_icon3_on.png'); }
.category-navigation .category-menu>ul>li.icon4.active>a:after { background-image:url('../images/common/category_icon4_on.png'); }
.category-navigation .category-menu>ul>li.icon5.active>a:after { background-image:url('../images/common/category_icon5_on.png'); }
.category-navigation .category-menu>ul>li.icon6.active>a:after { background-image:url('../images/common/category_icon6_on.png'); }
.category-navigation .category-menu>ul>li.icon7.active>a:after { background-image:url('../images/common/category_icon7_on.png'); }
.category-navigation .category-menu>ul>li.icon8.active>a:after { background-image:url('../images/common/category_icon8_on.png'); }
.category-navigation .category-menu>ul>li.icon9.active>a:after { background-image:url('../images/common/category_icon9_on.png'); }
.category-navigation .category-menu>ul>li.icon10.active>a:after { background-image:url('../images/common/category_icon10_on.png'); }
.category-navigation .category-menu .depthmenu { display:none; position:absolute; top:0; left:0; height:100%; transition:.3s ease-in-out; width:920px; }
.category-navigation .category-menu .depthmenu>ul { flex:1 1 auto; border:1px solid #dfdfdf; background:#fff; border-top:0; border-left:0; padding:20px 12px 20px 15px; }
.category-navigation .category-menu .depthmenu>ul>li { margin-bottom:10px; line-height:1.4em; }
.category-navigation .category-menu .depthmenu>ul>li.tit { font-size:14px; font-weight:700; color: #39383e; letter-spacing:-.04em; position:relative; display:inline-block; }
.category-navigation .category-menu .depthmenu>ul>li.tit:before { content:''; width:100%; height:60%; background-color: #009146; opacity:.1; position: absolute; left:0; top:5px; }
.category-navigation .category-menu .depthmenu>ul>li:last-child { margin-bottom:0; }
.category-navigation .category-menu .depthmenu>ul>li>a { display:block; position:relative; color:#848683; font-size:12px; line-height:1.4em; }
.category-navigation .category-menu .depthmenu>ul>li>a:after { content:""; position:absolute; top:12px; left:20px; width:5px; height:5px; background:#dfdfdf; display:none; }
.category-navigation .category-menu .depthmenu>ul>li>a:hover { color:#009146; text-decoration:none; }
.category-navigation .category-menu .depthmenu>ul>li>a:hover:after { background:#366631; }

.category-navigation .category-menu .depthmenu .menu-right { width:30.0970%; padding:30px; background-color: #fff; }
.category-navigation .category-menu .depthmenu.depth3 .menu-right { padding:30px 20px; }
.category-navigation .category-menu .depthmenu .menu-right .img { position:relative; height:0; padding-bottom:74.33%; overflow:hidden; }
.category-navigation .category-menu .depthmenu.depth3 .menu-right .img { padding-bottom:101.86%; }
.category-navigation .category-menu .depthmenu .menu-right .img img { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s; }
.category-navigation .category-menu .depthmenu .menu-right .tit { color: #36353b; font-size:20px; font-weight:700; margin:15px 0 14px; }
.category-navigation .category-menu .depthmenu .menu-right p { color: #848683; font-size:14px; line-height:1.4em; }
.category-navigation .category-menu>ul>li.active .depthmenu.on { display:flex; flex-direction:row; left:100%; margin-left:1px; }
html.category-opened .category-navigation { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }

/* �׽�Ʈ */
.category-navigation .category-menu>ul>li .depthmenu.depth1 ul { width:50%; }
.category-navigation .category-menu>ul>li .depthmenu.depth1 .menu-right { width:50%; }
.category-navigation .category-menu>ul>li .depthmenu.depth2 ul { width:29.1262%; }
.category-navigation .category-menu>ul>li .depthmenu.depth2 .menu-right { width:41.7475%; }
.category-navigation .category-menu>ul>li .depthmenu.depth3 ul { width:23.3009%; }
.category-navigation .category-menu>ul>li .depthmenu.depth3 .menu-right { width:30.0970%; }

/* �޻�� �˻��� */
.trend-search { display:flex; position: absolute; top: -27px; left:0; width:100%; height:20px; font-size: 13px; font-weight:700; letter-spacing: -0.025em; }
.trend-search .tit { position:relative; width: 100%; max-width: 130px; padding-left:25px; color: #009046; }
.trend-search .tit::before { content: ""; position:absolute; bottom: 0; left:0; width:14px; height:14px; background: url(../images/common/icon-trend.png) no-repeat 50% 50%/contain; }
.trend-search .tit .icon { display:inline-block; margin-right:7px; }
.trend-search .trend-rolling { width: 100%; max-width: 200px; color: #d66870; }

/* main */
.goods-summary .tags .thumb-tag { margin-left: 5px; margin-right: auto; }

.tags { position: absolute; width: 100%; height: 100%; top: 5px; left: 0; z-index: 10; }
.tags .thumb-tag { border: 2px solid #000; width: fit-content; margin-bottom: 5px; padding: 0 8px; display: none; align-items: center; justify-content: center; height: 22px; margin-left: auto; margin-right: 5px; }
.tags .thumb-tag.active { display: flex; }
.tags .thumb-tag span { font-size: 14px; font-weight: 700; line-height: 1.0em; }
.tags .thumb-tag.non-salary { border-color: #f86e12; color: #f86e12; }
.tags .thumb-tag.salary { border-color: #0d8843; color: #0d8843; }
.tags .thumb-tag.refriger { border-color: #56a7e6; color: #56a7e6; }
.tags .thumb-tag.alive { border-color: #2635b3; color: #2635b3; }
.tags .thumb-tag.drug { border-color: #d73f3a; color: #d73f3a; }
.tags .thumb-tag.sale { border-color: #ee4eca; color: #ee4eca; }
.tags .thumb-tag.medic { border-color: #121212; color: #121212; }
.tags .thumb-tag.no-return { border-color: #b01fe5; color: #b01fe5; }

.main-shop .list-wrap .list-slider ul li .thumb .tags { position: absolute; top: 5px; left: 0; z-index: 2; }

.main-visual .item { display:none; }
.main-visual .item:first-child { display:block; }
.main-visual { position:relative; width:100%; line-height:0; /* overflow:hidden; */ z-index:1; }
.main-visual .desktop { display:block; position:relative; height:62vh; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; overflow:hidden; }
.main-visual .mobile { display:none; }
.main-visual .slick-track { z-index:1; }

/* .main-visual .slick-dots { position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:990; }
.main-visual .slick-dots li { position:relative; display:inline-block; padding:0 12px; border:0; background:transparent; }
.main-visual .slick-dots li button { position:relative; width:18px; height:18px; border-radius:50%; font-size:0; border:0; background:transparent; text-indent:-9999px; }
.main-visual .slick-dots li button:after { content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background:transparent; border:2px solid #fff; border-radius:50%; }
.main-visual .slick-dots li.slick-active button { background:#125635; }
.main-visual .slick-dots li.slick-active button:after { display:none; }
.main-visual .slick-arrow { position:absolute; top:50%; margin-top:-32px; width:64px; height:64px; z-index:990; border-radius:50%; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; }
.main-visual .slick-prev { left:60px; background-image:url("../images/main/bt_prev.png"); }
.main-visual .slick-next { right:60px; background-image:url("../images/main/bt_next.png"); }
.main-visual .slick-prev:hover { background-image:url("../images/main/bt_prev_on.png"); }
.main-visual .slick-next:hover { background-image:url("../images/main/bt_next_on.png"); }
.main-visual-pager {position: absolute; top: 10px; right: 10px; text-align: right; display: none; font-size: 12px;}
.main-visual-pager .wrap {width: fit-content; padding: 5px 10px; background: #fff; border-radius: 12px; line-height: 1em;}
.main-visual-pager .current {display: inline-block;width: 1em; padding-right: 3px;color: #125635; font-size: 13px; text-align: center;} */
.main-visual .pagination { display: flex; align-items: center; position: relative; justify-content: center; padding-top: 30px; }
.main-visual .pagi-inner { position: relative; display: flex; gap: 30px; justify-content: center;}
.main-visual .pagi-inner>div {display: flex; align-items: center;}
.main-visual .pagi-box { gap: 30px;}
.main-visual .slick-dots {line-height:0; z-index:50; position: relative; }
.main-visual .slick-dots li {display: none; font-size: 16px; font-weight: 500; opacity: 1; text-align: center;  letter-spacing: -.01em; }
.main-visual .slick-dots li.slick-active{display:block; }
.main-visual .slick-dots li.slick-active span:first-child { color: #2c2c2c;}
.main-visual .slick-dots span { color: #2c2c2c; padding: 0 148px;}
.main-visual .slick-dots span:first-child { padding-left: 0;}
.main-visual .slick-dots span:last-child { padding-right: 0; }

.main-visual .progress {width:276px; height:2px; background-color: #ddd; left: 27px; top:7px; background-image: linear-gradient(to right, #2c2c2c, #2c2c2c); background-repeat: no-repeat; background-size:0 100%; transition: background-size .4s ease-in-out; position: absolute;}

.main-visual .slick-arrow {position:relative; width:9px; height:14px; z-index:50; opacity:1; background-position:50% 50%; background-repeat:no-repeat; overflow:hidden; text-indent:-9999em; transition: .3s; cursor: pointer; background-size: contain; }
.main-visual .slick-prev {background-image:url("../images/main/main-prev.png"); left:auto; }
.main-visual .slick-prev:hover { background-image: url(../images/main/main-prev-c.png);}
.main-visual .slick-next {background-image:url("../images/main/main-next.png"); right: auto;}
.main-visual .slick-next:hover { background-image: url(../images/main/main-next-c.png);}

.main-banner .item { display:none; height: 430px;}
.main-banner.thin-banner .item {height: 240px; padding-bottom: 0 !important;}
.main-banner .item:first-child { display:block; }
.main-banner .item img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; left: 0; object-fit: cover;}
/* .main-banner.thin-banner .item img {object-fit: contain;} */
.main-banner { position:relative; width:100%; line-height:0; /* overflow:hidden; */ z-index:1; }
.main-banner .desktop { display:block; position:relative; height:560px; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; overflow:hidden; }
.main-banner .mobile { display:none; }
.main-banner .slick-track { z-index:1; }
.main-banner .slick-dots { position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:990; }
.main-banner .slick-dots li { position:relative; display:inline-block; padding:0 5px; border:0; background:transparent; }
.main-banner .slick-dots li button { position:relative; width:12px; height:12px; border-radius:50%; font-size:0; border:0; background:transparent; text-indent:-9999px; }
.main-banner .slick-dots li button:after { content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background:transparent; border:2px solid #fff; border-radius:50%; }
.main-banner .slick-dots li.slick-active button { background:#125635; }
.main-banner .slick-dots li.slick-active button:after { display:none; }
.main-banner .slick-arrow { position:absolute; top:50%; margin-top:-22px; width:45px; height:45px; z-index:990; border-radius:100%; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; box-shadow: 1px 1px 5px rgba(0,0,0,.15);}
.main-banner .slick-prev { left:40px; background-image:url("../images/main/mb_prev.png"); }
.main-banner .slick-next { right:40px; background-image:url("../images/main/mb_next.png"); }
.main-banner .slick-prev:hover { background-image:url("../images/main/mb_prev_on.png"); }
.main-banner .slick-next:hover { background-image:url("../images/main/mb_next_on.png"); }

/* .main-visual .item {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} */
.main-visual .item.video { position: relative; height: 62vh; }
.main-visual .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.main-visual .item iframe {position:absolute; top:50%; left:50%; width:100vw; height:100vh; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.main-nav { position: absolute; top: 50%; right: 13%; width: 100%; max-width: 160px; transform: translateY(-50%); }
.main-nav ul li { background-color: #fff; padding: 10px; border: 1px solid #ddd; border-top: none; }
.main-nav ul li:first-child { border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top:1px solid #ddd }
.main-nav ul li:last-child { border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.main-nav ul li a { display: block; }
.main-nav ul li a .thumb { position: relative; padding-bottom: 28.57%; overflow: hidden; }
.main-nav ul li a .thumb img { position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover; }
.main-nav ul li:hover { border: 3px solid #009046; }

.main-shop { margin:86px 0 120px; }
.main-shop .group:last-child { margin-bottom:0; }
.main-shop .title { margin-bottom:29px; padding-bottom:20px; border-bottom:2px solid #009046; }
.main-shop .title h2 { display:inline-block; margin-right:20px; font-size:28px; line-height:1em; font-weight:500; letter-spacing:-0.06em; color:#2c2c2c; vertical-align:top; }
.main-shop .title p { display:inline-block; font-size:14px; line-height:1em; letter-spacing:-0.06em; color:#a8a8a8; vertical-align:bottom; }

.main-shop .list-wrap { display:flex; flex-direction:column; }
.main-shop .list-wrap .list-bnr { flex:1 1 300px; max-width:300px; margin-right:50px; line-height:0; }
.main-shop .list-wrap .list-bnr .img { position:relative; width:100%; height:0; padding-bottom:180%; overflow:hidden; }
.main-shop .list-wrap .list-bnr .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; }
.main-shop .list-wrap .list-bnr .slick-track { z-index:1; }
.main-shop .list-wrap .list-bnr .slick-dots { position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:990; background:rgba(51,51,51,0.38); }
.main-shop .list-wrap .list-bnr .slick-dots li { position:relative; display:inline-block; padding:18px 6px; border:0; background:transparent; vertical-align:top; }
.main-shop .list-wrap .list-bnr .slick-dots li button { position:relative; width:12px; height:12px; border-radius:50%; font-size:0; border:0; background:#fff; text-indent:-9999px; }
.main-shop .list-wrap .list-bnr .slick-dots li.slick-active button { background:#8ddd30; }
.main-shop .list-wrap .list-slider {width: 100%;}
.main-shop .list-wrap .list-slider .items { padding-bottom:50px; }
.main-shop .list-wrap .list-slider ul { display:flex; flex-direction:row; flex-wrap:wrap; gap: 20px; }
.main-shop .list-wrap .list-slider ul li { margin-bottom:14px; }
.main-shop .list-wrap .list-slider.ivnt ul li,
.main-shop .list-wrap .list-slider.event-product ul li,
.main-shop .list-wrap .list-slider.aesthetics ul li,
.main-shop .list-wrap .list-slider.medical ul li { width: calc((100% - 60px) / 4); }
.main-shop .list-wrap .list-slider.vaccine ul li { width: calc((100% - 80px) / 5); }
.main-shop .list-wrap .list-slider ul li a { display:block; position:relative; text-align:center; }
.main-shop .list-wrap .list-slider ul li .thumb { position:relative; overflow:hidden; margin-bottom:8px; border: 1px solid #ddd; border-radius: 10px; }
.main-shop .list-wrap .list-slider ul li .thumb .img { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; z-index:1; }
.main-shop .list-wrap .list-slider ul li .thumb .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; }
.main-shop .list-wrap .list-slider ul li .icon { position:absolute; top:10px; left:10px; width:50px; height:50px; border-radius:50%; z-index:2; }
.main-shop .list-wrap .list-slider ul li .icon .row { display:table; width:100%; height:100%; }
.main-shop .list-wrap .list-slider ul li .icon span { display:table-cell; width:100%; text-align:center; vertical-align:middle; font-family: 'Inter'; letter-spacing:0; font-size:12px; line-height:14px; font-weight:700; color:#fff; }
.main-shop .list-wrap .list-slider ul li .icon.icon-new { background:rgba(0,145,137,0.8); }
.main-shop .list-wrap .list-slider ul li .icon.icon-hot { background:rgba(246,135,3,0.8); }
.main-shop .list-wrap .list-slider ul li .icon.icon-soldout { background:rgba(51,51,51,0.8); }
.main-shop .list-wrap .list-slider ul li .icon.icon-soldout span { font-size:11px; line-height:12px; }
.main-shop .list-wrap .list-slider ul li .icon.icon-sale { background:rgba(120,39,139,0.8); }
.main-shop .list-wrap .list-slider ul li .tit { font-size:15px; line-height:1.4em; color:#2c2c2c; letter-spacing:-0.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight: 300; width: 100%; max-width: 240px; margin: 0 auto; }
.main-shop .list-wrap .list-slider ul li .desc { font-size: 15px; color: #888; margin: 8px 0; line-height: 1em; font-weight: 300; }
.main-shop .list-wrap .list-slider ul li .price { font-size:16px; line-height:1.4em; color:#2c2c2c; letter-spacing:-0.06em; width: fit-content; margin: 0 auto; }
.main-shop .list-wrap .list-slider ul li .price .cost-price { text-decoration:line-through; font-size:14px; color:#a8a8a8; }
.main-shop .list-wrap .list-slider ul li .price .price-num { display: flex; flex-wrap: wrap; justify-content: center; }
.main-shop .list-wrap .list-slider ul li .price .price-num .sale-percent { color: #56a7e6; padding-right: 10px; font-weight: 700; display: none; }
.main-shop .list-wrap .list-slider ul li .price .price-num .price-before { font-size: 15px; color: #888; text-decoration: line-through; padding-left: 10px; display: none; }
.main-shop .list-wrap .list-slider ul li .price .price-deco { display: flex; }
.main-shop .list-wrap .list-slider ul li .price .price-won { display: flex; }
.main-shop .list-wrap .list-slider ul li .price .price-txt { text-align: left; color: #d73f3a; font-size: 14px; font-weight: 700; display:none; padding-right: 10px; }
.main-shop .list-wrap .list-slider ul li .price .price-num .sale-percent.active,
.main-shop .list-wrap .list-slider ul li .price .price-num .price-before.active { display: inline-block; }
.main-shop .list-wrap .list-slider ul li .price .price-txt.active { display: block; }
.main-shop .list-wrap .list-slider ul li:hover .tit { text-decoration:underline; color:#689354; }
.main-shop .list-wrap .list-slider ul li.ended .tit { color:#a8a8a8; text-decoration:none; }
.main-shop .list-wrap .list-slider ul li.ended .price { color:#a8a8a8; }
.main-shop .list-wrap .list-slider .slick-track { z-index:1; }
.main-shop .list-wrap .list-slider .slick-arrow { position:absolute; bottom:0; width:47px; height:47px; z-index:50; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; }
.main-shop .list-wrap .list-slider .slick-prev { left:50%; margin-left:-52px; background-image:url("../images/main/bt_prev2.png"); }
.main-shop .list-wrap .list-slider .slick-next { right: 0; margin-right: -28px; background-image:url("../images/main/bt_next2.png"); }
.main-shop .list-wrap .list-slider .slick-prev:hover { background-image:url("../images/main/bt_prev2_on.png"); }
.main-shop .list-wrap .list-slider .slick-next:hover { background-image:url("../images/main/bt_next2_on.png"); }
.main-shop .more {}
.main-shop .more a { display:block; width: fit-content; padding: 10px 30px; border-radius: 12px; font-size:20px; font-weight: 300; color:#2c2c2c; border: 1px solid #c4c4c4}
.main-shop .more a span { display:block; position:relative; padding-right:41px; }
.main-shop .more a span:after { content:""; position:absolute; top:0; right:0; width:32px; height:32px; background:url('../images/main/icon_more.png') 0 0 no-repeat; background-size:100% 100%; }

.main-shop .list-wrap .list-slider.mobile-product {width: 100%; display: none;}
.main-shop .list-wrap .list-slider.mobile-product ul {gap: 0; width: max-content;}
.main-shop .list-wrap .list-slider.mobile-product ul li {flex: auto; margin-bottom: 0; margin-right: 10px; margin-top: 0 !important; margin-bottom: 10px;}
.main-shop .list-wrap .list-slider.mobile-product ul li .price .price-num .price-before {padding-left: 5px;}
.main-shop .list-wrap .list-slider.mobile-product ul li .price .price-num .sale-percent {padding-right: 5px;}
.main-shop .list-wrap .list-slider.mobile-product ul li .tit,
.main-shop .list-wrap .list-slider.mobile-product ul li .price .price-num .price-before,
.main-shop .list-wrap .list-slider.mobile-product ul li .price {font-size: 14px;}

.ico-area { font-size:14px; line-height:1.4em; color:#2c2c2c; letter-spacing:-0.025em; width: fit-content; margin: 0 auto; }
.ico-wrap { display: inline-block; margin-bottom: 5px; }
.ico-wrap .ico:first-child { margin-right: 10px; }
.ico-wrap .ico { position: relative; padding-left: 20px; }
.ico-wrap .ico::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; width: 17px; height: 16px; }
.ico-wrap .ico.heart::before { background-image: url(../images/main/ico_heart.png); }
.ico-wrap .ico.heart.off::before { background-image: url(../images/main/ico_heart_off.png); }
.ico-wrap .ico.star::before { background-image: url(../images/main/ico_star.png); }


/* sub page */
.sub-cont { display:flex; padding-bottom:70px; }
#lnb { position:relative; flex:1 1 170px; max-width:170px; margin-right:60px; }
.lnb { position:relative; width:100%; min-height:350px; background:#fafafa; border:1px solid #dfdfdf; overflow:hidden; padding:30px 0; }
.lnb h3 { margin-bottom:20px; font-size:26px; line-height:1.4em; font-weight:500; color:#2c2c2c; padding:0 20px; }
.lnb > ul > li { font-size:13px; line-height:22px; }
.lnb > ul > li > a { display:block; position:relative; color:#878787; padding:5px 20px; }
.lnb > ul > li:hover > a,
.lnb > ul > li.active > a { color:#125635; text-decoration:underline; font-weight:500; }

.m-lnb { display:none; }

#contArea { width:100%; max-width:1020px; margin:0 auto; }
#contArea.wide { max-width:none; }
.path { color:#878787; font-size:14px; line-height:20px; vertical-align:middle; margin:/* 30px 0 25px*/0; opacity: 0;}
.path .home { position:relative; display:inline-block; vertical-align:top; width:20px; height:20px; background:url('../images/common/icon_home.png') 50% 50% no-repeat; font-size:0; line-height:0; text-indent:-9999px; }
.path img { vertical-align:top; margin-top:-.1em }
.path strong { font-weight:300; color:#125635; }
.path .arrow { display:inline-block; vertical-align:middle; padding:0 5px; font-family: 'dotum'; font-weight:bold; }

.sub-title { position:relative; width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:5px 0 45px; }
.sub-title h2 { font-weight:500; color:#2c2c2c; font-size:38px; line-height:1em; }
.sub-title p { text-align:center; margin-top:20px; font-size:16px; line-height:26px; color:#878787; }
.sub-title p strong { font-weight:500; color:#125635; }
.real-cont { min-height:350px; padding-bottom:100px; }
.sub-cont > .sub-cnt { flex:1 auto; width:1%; position:relative; }

.green {color: #006c3a;}

/* footer */
#footer { position:relative; clear:both; z-index:10; width:100%; }
#footer:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#dfdfdf; }
#footer .contain { position:relative; }
#footer address { font-style:normal; }
#footer address span { display:inline-block; position:relative; }

.foot-info { position:relative; clear:both; z-index:10; width:100%; background:#f8f8f8; padding:30px 0; font-size:14px; line-height:32px; color:#505050; }
.foot-info:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#eee; }
.foot-info .contain { position:relative; }
.foot-info address { font-style:normal; }
.foot-info address span { display:inline-block; position:relative; padding-right:20px; }
.foot-info address span:after { content:""; position:absolute; top:50%; right:10px; width:1px; height:12px; background:#ccc; margin-top:-6px; }
.foot-info address span.last:after { display:none; }
.foot-info strong { display:inline-block; font-size:16px; font-weight:500; color:#2c2c2c; }
.foot-info .copy { font-size:12px; color:#878787; margin-top:5px; }
.foot-info .foot-logo { position:absolute; top:50%; right:0; transform:translateY(-50%); }
.foot-info .check-business { display:inline-block; padding:0 7px; border:1px solid #dfdfdf; background:#fff; border-radius:5px; height:26px; line-height:24px; font-size:12px; letter-spacing:-0.06em; color:#999; }

.foot-link { position:relative; height:70px; }
.foot-link:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#dfdfdf; }
.foot-link .contain { position:relative; height:70px; }
.foot-link .link-zone ul { position:relative; }
.foot-link .link-zone ul:after { content:" "; display:block; clear:both; }
.foot-link .link-zone ul li { float:left; padding-left:30px; position:relative; vertical-align:top; }
.foot-link .link-zone ul li:first-child { padding-left:0; }
.foot-link .link-zone ul li a { display:block; font-size:15px; line-height:70px; letter-spacing:0; color:#505050; vertical-align:top; }
.foot-link .link-zone ul li a:hover { text-decoration:underline; }

.foot-common .contain { position:relative; padding:50px 0; }
.foot-common .inner { display:flex; justify-content: space-between; gap: 15px; }
.foot-common .inner .boxes { display:flex; width: auto; gap: 15px; }
.foot-common .inner > div .title { display:inline-block; margin-bottom:18px; padding:0 2px; font-size:15px; line-height:18px; font-weight:800; color:#2c2c2c; }
.foot-common .inner .common-customer .box-cnt { display: flex; align-items: center; gap: 20px; }
.foot-common .inner .common-customer .box-cnt .tel p { font-weight: 700; line-height: 1.222em; font-size: 16px; }
.foot-common .inner .common-customer p { font-size:14px; line-height:23px; color:#878787; font-size: 18px; color: #000; }
.foot-common .inner .common-customer p:first-child { color: #009046; }
.foot-common .inner .common-customer .box-cnt .kakao { margin-top: 3px; }
.foot-common .inner .common-bank dl { position:relative; padding:12px 0 12px 90px; margin-bottom:12px; }
.foot-common .inner .common-bank dl:after { content:""; position:absolute; top:50%; left:0; margin-top:-36px; width:72px; height:72px; background:url('../images/common/icon_bank.png') 0 0 no-repeat; background-size:100% 100%; }
.foot-common .inner .common-bank dl dt { font-size:16px; line-height:1.3em; color:#505050; margin-bottom:4px; }
.foot-common .inner .common-bank dl dd { font-size:24px; line-height:1.3em; color:#2c2c2c; font-weight:400; }
.foot-common .inner .txt { margin-top: 15px; }
.foot-common .inner .txt span { font-size: 14px; font-weight: 700; color: #000; min-width: 52px; margin-right: 10px; display: inline-block; }
.foot-common .inner .txt p { font-size:14px; line-height:23px; color:#505050; display: inline-block; }
.foot-common .inner .common-delivery .item-tit { font-size: 16px; color: #009046; font-weight: 700; line-height: 1.3em; }
.foot-common .inner .common-delivery .item-tit span { font-size: 14px; display: block; }
.foot-common .inner .common-delivery .item p { font-size: 14px; color: #666; line-height: 1.4em; }
.foot-common .inner .common-delivery .item p.st { font-weight: 700; color: #009046; }
.foot-common .inner .common-delivery .item:not(:last-child) { margin-bottom: 8px; }
.foot-common .inner .common-logos .box-cnt { display: flex; gap: 10px; align-items: center; }
.foot-common .inner .common-notice { flex:1 auto; width:1%; }
.foot-common .inner .common-notice .title { margin-bottom:20px; }
.foot-common .inner .common-notice .list ul li { position:relative; height:34px; padding-left:15px; padding-right:80px; font-size:14px; line-height:34px; vertical-align:top; }
.foot-common .inner .common-notice .list ul li:after { content:""; position:absolute; top:18px; left:0; width:5px; height:5px; border-radius:50%; background:#ccc; }
.foot-common .inner .common-notice .list ul li a { display:inline-block; max-width:calc(100% - 30px); color:#505050; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.foot-common .inner .common-notice .list ul li img { display:inline-block; margin-left:4px; vertical-align:middle; }
.foot-common .inner .common-notice .list ul li span { position:absolute; top:0; right:0; color:#878787; }
.foot-common .inner .common-notice .list ul li:hover a { color:#689354; }
.foot-common .statement { position:absolute; top:50%; right:0; transform:translateY(-50%); border:1px solid #dfdfdf; padding:18px 0 18px 20px; width:132px; }
.foot-common .statement .tt { position:relative; padding-left:38px; font-size:15px; line-height:18px; font-weight:500; color:#505050; margin-bottom:10px; }
.foot-common .statement .tt:after { content:""; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url('../images/common/icon_statement.png') 0 0 no-repeat; background-size:100% 100%; }
.foot-common .statement p { font-size:12px; line-height:16px; color:#878787; }

.quickmenu { position:fixed; bottom: 30px; right:50%; margin-right:-730px; width:90px; z-index:90; }
.quickmenu .title { background:#009046; width:100%; height:40px; text-align:center; }
.quickmenu .title h2 { font-size:13px; line-height:40px; font-weight:500; color:#fff; }
.quickmenu .list { position:relative; width:100%; background:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.quickmenu .list .items { position:relative; padding:20px 0 65px; }
.quickmenu .list .slick-list { margin:-9px 0; }
.quickmenu .list .slick-slide { padding:9px 0; }
.quickmenu .list .item { padding:0 10px; }
.quickmenu .list .item a { display:block; text-align:center; }
.quickmenu .list .item a .thumb { position:relative; width:48px; margin:0 auto 7px; }
.quickmenu .list .item a .thumb .img { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; }
.quickmenu .list .item a .thumb .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; }
.quickmenu .list .item a .tt { height:32px; font-size:12px; line-height:16px; color:#878787; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.quickmenu .list .slick-arrow { position:absolute; bottom:19px; width:33px; height:18px; z-index:990; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; }
.quickmenu .list .slick-prev { left:50%; margin-left:-34px; background-image:url("../images/common/btn_top.png"); }
.quickmenu .list .slick-next { right:50%; margin-right:-34px; background-image:url("../images/common/btn_bottom.png"); }
.quickmenu .top-btn { display:block; width:100%; line-height:0; }
.quickmenu .go-down { margin-top: 3px; }
.quickmenu .links { margin-top: 10px; }
.quickmenu .link { text-align: center; padding: 10px; }

.quickmenu02 { position:absolute; top: 830px; right: 260px; width:130px; z-index:90; }
.quickmenu02.fixed { position: fixed; top:20px; }
#sub .quickmenu02 { top: 370px; }
#sub .quickmenu02.fixed { top: 20px; }
.quickmenu02 .items { margin: -10px 0; }
.quickmenu02 .items .item { padding: 10px 0; }
.quickmenu02 .list .item a { display:block; }
.quickmenu02 .list .item a .thumb { position:relative; width:100%; height:0; padding-bottom: 100%; overflow:hidden; border-radius: 5px; }
.quickmenu02 .list .item a .thumb img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; }


/* main change */

body { letter-spacing: -0.05em; }

/* header */
#header .global-wrap { height: 35px; }
#header .global-wrap .contain { justify-content: flex-end; }
#header .global-wrap ul li { padding-left: 14px; }
#header .global-wrap ul li:after { display:none; }
#header .global-wrap ul li a { font-size: 14px; line-height: 35px; }

#header .gnb-wrap { height: auto; }
#header .gnb-wrap .contain { height: 100%; padding-top: 0; padding-left: 0; }
#header .gnb-wrap .util-top { justify-content: flex-start; align-items: flex-end; height: auto; }

#header .top-search { max-width: 423px; height: 32px; }
#header .top-search:after { border: 0; border-bottom: 4px solid #2f2f2f; }
#header .top-search input[type=text] { width: calc(100% - 35px); height: 24px; padding: 0 8px; }

#header .top-quick { flex:1 1 auto; min-width:0; max-width:unset; width:1%; }
#header .top-quick > ul { justify-content:flex-end; }
#header .top-quick > ul > li { margin-left:40px; }

#header .top-quick > ul > li.btn-all-menu { display: flex; justify-content: center; align-items: center; }
#header .top-quick > ul > li.btn-all-menu a { width: 21px; height:21px; background:url(../images/common/btn-all-menu.png) 50% 50% no-repeat; transition:none; }
#header .top-quick > ul > li.btn-all-menu a.hide { display: none; }

#header .top-quick > ul > li > a .icon.like { width:27px; background-image: url(../images/common/icon-like.png); }
#header .top-quick > ul > li > a .icon.icon1 { background-image: url(../images/common/icon-cart.png); }
#header .top-quick > ul > li > a .icon.icon3 { background-image: url(../images/common/icon-mypage.png); }

#gnb { height: 80px; padding-top: 25px; }
#gnb > ul > li { height: auto; margin-left: 16px; }
#gnb > ul > li > a { font-size: 16px; color: #2c2c2c; font-weight: 500; }

/* new category 2024-03-29 �ڼ��� */
.show-allmenu { overflow:hidden; }
.header-fixed.show-allmenu { overflow: auto; }
.header-fixed.show-allmenu .allmenu { display: block; position: fixed; top: 150px; }
.show-allmenu #gnb { display:none; }
.show-allmenu #header .top-quick > ul > li.btn-all-menu a { background-image:url(../images/common/category-closed.png); }
.show-allmenu .top-search { display:none; }
.show-allmenu .top-quick li { display:none; }
.show-allmenu .top-quick li.btn-all-menu { display:block; }
.show-allmenu .category-nav { display:block; }
.show-allmenu .allmenu { display:block; }
.show-allmenu .allmenu-overlay { display:block; }

.category-nav { display:none; height:80px; padding-top:25px; }
.category-nav > ul { display:flex; }
.category-nav > ul > li { margin-right:45px; }
.category-nav > ul > li > a { position:relative; display:block; height:55px; font-size:16px; color:#2c2c2c; font-weight: 500; line-height:1.2em; }
.category-nav > ul > li.active > a:after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#125635; }

.allmenu { display:none; position:absolute; left:0; width:100%; background:#fff; z-index:81; }
.allmenu .list { display:none; padding:30px 0 50px; }
.allmenu .list.active { display:block; }
.allmenu .tit { margin-bottom:8px; color:#2c2c2c; font-size:16px; font-weight:500; line-height:1.3em; }
.allmenu .tit a { display:inline-flex; align-items:center; }
.allmenu .tit a:after { content:''; width:6px; height:9px; margin-left:20px; background:url(../images/common/arrow-cate.png) no-repeat 50% 50%/contain; }
.allmenu .tit.all { margin-bottom:28px; }
.allmenu .items { display:flex; }
.allmenu .item { margin-right:100px; }
.allmenu .item:last-child { margin-right:0; }
.allmenu .item ul li { padding:6px 0; }
.allmenu .item ul li a { display:block; color:#666666; font-size:15px; font-weight:300; line-height:1.5em; }
.allmenu-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(18, 22, 25,.7); z-index:80; }

.submenu-bg { display:none; position: absolute; top: 150px; left:0; width:100%; height:315px; background: #fff; transition: .4s; }

/* main */

.quickmenu02 { display:block !important; position: relative; top: initial !important; right: initial !important; width: 100%; padding-top: 48px; background: #fff; z-index:0; }
.quickmenu02 .items {display: flex; flex-wrap: wrap; justify-content: center; margin: -10px -15px;}
.quickmenu02 .items .item {padding: 10px; width: 20%;}
.quickmenu02 .list .item a .thumb {padding-bottom: 63.157895%; border-radius: 10px; background: #f4f4f4;}
/* .quickmenu02 .items {display: flex; flex-wrap: wrap; margin: -10px -15px;}
.quickmenu02 .items .item {padding: 10px; width: 20%;}
.quickmenu02 .list .item a .thumb {padding-bottom: 63.157895%; border-radius: 10px; background: #f4f4f4;} */

.main-shop { position:relative; margin: 0; }
.main-shop .group { position:relative; margin:64px 0 100px; }
.main-shop .group:last-child { margin-bottom:130px; }
.main-shop .title { margin-bottom: 35px; padding-bottom: 0; border-bottom: 0; text-align: left;}
.main-shop .title h2 { margin-right: 0; font-weight:700; font-size: 28px;}
.main-shop .more a {padding: 8px 50px; margin: 30px auto 0;color: #999; }
.main-shop .more a span {display: block; padding-right: 0;}
.main-shop .more a span:after {content: none;}
.main-shop .list-wrap .list-slider > ul { gap: 16px; }
.main-shop .list-wrap .list-slider ul li .thumb { border-radius: 0; }
.main-shop .list-wrap .list-slider ul li .tit { font-weight:700; }
.main-shop .list-wrap .list-slider ul li .price .price-txt.active { display: none; }
.main-shop .list-wrap .list-slider ul li .price .price-num .sale-percent { color: #187950; }
.main-shop .list-wrap .list-slider ul li .tit,
.main-shop .list-wrap .list-slider ul li .price .price-num .price-before,
.main-shop .list-wrap .list-slider ul li .price { font-size: 18px; }
.main-shop .ico-area { display:none; }
.main-shop .list-slider .slick-dots { position: absolute; bottom: 0; left: 50%; width: auto; text-align: center; z-index: 990; transform: translateX(-50%); }
.main-shop .list-slider .slick-dots li { position: relative; display: inline-block; border: 0; background: transparent; margin-bottom:0 !important; width:6px !important; }
.main-shop .list-slider .slick-dots li button { position: relative; width: 6px; height: 6px; border-radius: 100%; font-size: 0; border: 0; background: #ccc; text-indent: -9999px; }
.main-shop .list-slider .slick-dots li.slick-active button { background: #666; }
.main-shop .list-slider .slick-dots li.slick-active button:after { display: none; }
.main-shop .list-wrap .list-slider .slick-arrow { bottom: auto; top: 50%; transform: translateY(-50%); }
.main-shop .list-wrap .list-slider .slick-prev { left: 0; margin-left: -27px; }
.main-shop .list-wrap .list-slider .slick-next { right: 0; margin-right: -27px }
.main-shop .list-wrap .list-slider.indemand ul { gap: 15px; }
.main-shop .list-wrap .list-slider.indemand ul li { width: calc((100% - 60px) / 5); }

.main-banner { position: relative; width: 100%; line-height: 0; z-index: 1; }
.main-banner .banner { display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden; }
.main-banner .banner.banner02 { height:360px; }
.main-banner .banner.banner05 { height:136px; }

/* ���� �������� */
.main-notice { padding:60px 0; }
.main-notice .flex-wrap { display:flex; }
.main-notice .flex-wrap .tit { position:relative; width:100px; font-size: 20px; font-weight:700; line-height:1.6em; }
.main-notice .flex-wrap .tit::after { content: ""; position: absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height:17px; background: #000; }
.main-notice .flex-wrap .notice-list { flex: 1 1 auto; width:1%; min-width:0; padding-left:30px; }
.noticeSwiper { position:relative; height: 25px; overflow: hidden; }
.noticeSwiper .swiper-container-android .swiper-slide,
.noticeSwiper .swiper-wrapper { flex-direction: column; }
.noticeSwiper .swiper-slide { text-align: left; font-size: 18px; font-weight:500; color: #2c2c2c; line-height:1.777em; background: #fff; display: flex; align-items: start; justify-content: start; height:25px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.noticeSwiper .swiper-button-next,
.noticeSwiper .swiper-button-prev { position: absolute; top:50%; transform: translateY(-50%); width:19px; height:12px; margin-top:0; left:auto; }
.noticeSwiper .swiper-button-prev { right:30px; background: url('../images/common/slide-notice-top.png') no-repeat 50% 50%/contain; }
.noticeSwiper .swiper-button-next { right:0; background: url('../images/common/slide-notice-btm.png') no-repeat 50% 50%/contain; }
.noticeSwiper .swiper-button-prev:after, .noticeSwiper .swiper-button-next:after {content: none;}

/* footer */
#footer { position: relative; clear: both; background-color: #fff }
#footer:after { display:none; }
.foot-wrap { text-align: left; color: #2c2c2c; }
.foot-wrap .top { display: flex; justify-content: space-between; }
.foot-wrap .top .cs { display: flex; align-items: center;}
.foot-wrap .top .cs span a { font-size: 14px; color: #505050; }
.foot-wrap .top .cs .fl { width: 33px; margin-top: -1px; text-align: center; font-weight: 400; color: #999 }
.foot-wrap .top .cs span { display: flex; align-items: center; }
.foot-wrap .top .cs span:not(:last-child)::after { content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 12px; background-color: #e6e6e6 }
.foot-wrap .top .sns { display: flex; }
.foot-wrap .top .sns a { margin-left: 20px; }
.foot-wrap .middle { display: flex; justify-content: space-between; padding: 60px 0 50px; margin-top: 15px; border-top: 1px solid #ddd;}

.foot-wrap .middle .info-cnt { display: flex;}
.foot-wrap .middle .info-cnt .address-wrap {width: 100%; display: flex; justify-content: space-between; gap: 20px;}
.foot-wrap .middle .left-cnt {flex: 1;}
.foot-wrap .middle .left-cnt .foot-logo { display:block; width: 135px; margin-bottom:30px;}
.foot-wrap .middle .left-cnt .foot-logo img { width: 100% }
.foot-wrap .middle .info-cnt .tit { font-weight: 700; line-height: 2em; }
.foot-wrap .middle .info-cnt .address-wrap .company-info { line-height: 20px; }
.foot-wrap .middle .info-cnt .address-wrap .company-info .txt { display: flex; }
.foot-wrap .middle .info-cnt .address-wrap .company-info .txt span { font-size: 13px; }
.foot-wrap .middle .info-cnt .address-wrap .company-info .txt span:not(:first-child) { margin-left: 12px }
.foot-wrap .middle .info-cnt .address-wrap .copyright { margin-top: 10px; font-size: 11px; color: #ccc; }
.foot-wrap .middle .info-cnt .cs-wrap {width: auto; padding-left: 60px; padding-right: 70px;}
.foot-wrap .middle .info-cnt .cs .number {margin: 5px 0; font-size: 14px; font-weight: 700; color: #000; line-height: 1.222em; letter-spacing: -.04em;}
.foot-wrap .middle .info-cnt .cs .number .divider {padding: 0 3px;font-size: 13px; font-weight: 100; color: #aaa;}
#footer .bar { padding:0 10px; font-weight:200; font-size: 13px; vertical-align: bottom; }
.foot-wrap .middle .info-cnt .cs .time { display: flex; }
.foot-wrap .middle .info-cnt .cs .time span { font-size: 13px; color: #666; }
.foot-wrap .middle .info-cnt .cs .time span:not(:first-child) { margin-left: 8px; }
.foot-wrap .middle .info-cnt .cs .etc-info { margin-top: 5px; }


.foot-common .inner { display: block; padding: 10px; border-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,.1)}
.foot-common .inner .txt { margin-top: 0; line-height: 1em; }
.foot-common .inner .txt>div {display: flex;}
.foot-common .inner .txt>div:not(:last-child) {border-bottom: 1px solid #ddd;}
.foot-common .inner .txt span.box-tit {width: auto; min-width: 50px; margin-right: 0; font-size: 11px; line-height:1.636em; color: #333; padding: 0 10px; text-align: center; border-right: 1px solid #ddd;}
.foot-common .inner .txt p { font-weight: 500; font-size: 10px; letter-spacing: -0.1em; line-height: 1.8em; }
.foot-common .inner .txt .delivery-list {flex: 1;font-size: 11px; padding-left: 10px;}
.foot-common .inner .txt .delivery-list span {min-width: 32px; width: 32px; margin-right: 0; color: #666; font-weight: 500; font-size: 10px; text-align: right;}
.foot-common .inner .txt .delivery-list li {display: flex; line-height: 1.6em;}
.foot-common .inner .txt .delivery-list li:not(:last-child) {margin-bottom: 4px;}
.foot-common .inner .txt .delivery-list li p {flex: 1; color: #666; font-weight: 400;}
.foot-common .help-txt {color: #aaa; font-size: 12px; text-align: right;}
.foot-wrap .middle .foot-banner { width:190px; }
.foot-wrap .middle .foot-banner .footer-bnr { display: block; }
.foot-wrap .middle .foot-banner .footer-bnr:not(:last-child) { margin-bottom: 15px; }
.foot-wrap .middle .foot-banner .footer-bnr img { width: 100% }
.foot-banner a .thumb { position: relative; width: 100%; height: 0; padding-bottom: 37.37%; overflow: hidden; }
.foot-banner a .thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; object-fit: contain; }
/* .delivery-table table {width: 100%; border-collapse: collapse;	}
.delivery-table th, .delivery-table td {padding: 3px 7px; border: 1px solid #ddd;}
.delivery-table tr:first-child th, .delivery-table tr:first-child td {border-top: 0;}
.delivery-table tr:last-child th, .delivery-table tr:last-child td {border-bottom: 0;}
.delivery-table th {border-left: 0; font-size: 15px;}
.delivery-table td {font-size: 14px; line-height: 1.5em; color: #333;}
.delivery-table td:last-child {border-right: 0;}
.delivery-table td:not(:last-child) {text-align: center;} */

.m-login{background-color:#015739;}
.m-login .inner{display:flex;flex-direction:column;justify-content:space-between;height: calc(var(--vh, 1vh) * 100);padding:20% 15px 20%;}
.m-login .logo{margin-bottom:30px;text-align:center;}
.m-login .logo img{height:70%;}
.m-login .cnt{width:60%;margin:0 auto;}
.m-login .input-wrap .row{margin-bottom:10px;}
.m-login .input-wrap .row:last-child{margin-bottom:0;}
.m-login .input-wrap .row input.input{height:34px;background-color: #fff;border:none;border-radius:30px;padding:0 20px;letter-spacing:.06em;font-size:14px;}
.m-login .input-wrap .row input.input::placeholder{color: #ccc;font-weight:400;letter-spacing:.06em;}
.m-login .links{margin-top:15px;display:flex;align-items:center;justify-content:space-between;color: #fff;font-weight:400;font-size:13px;}
.m-login .links .save .checkbox label:before{border-color: #fff;background-color: #015739;}
.m-login .btns{margin-top:20px;}
.m-login .btns .btn{display:flex;justify-content:center;align-items:center;height:34px;border-radius:30px;font-weight:400;color: #fff;background-color:transparent;font-size:15px;margin-bottom:10px;width:100%;border:1px solid #fff;letter-spacing:0;}
.m-login .btns .btn.st2{color: #2c2c2c;font-weight:700;border-color: #2c2c2c;}
.m-login .btns .btn:last-child{margin-bottom:0;}

body {  min-height: 100vh;   @supports (-webkit-touch-callout: none) {    min-height: -webkit-fill-available;  }}