/* BASIC css start */
.main_slideshow .swiper_main_visual { height: 790px; position: relative; background: #000; border-bottom: 4px solid #333;}
.main_slideshow .swiper_main_visual .swiper_slider_wrap { width: 100%; height: 100%; }
.main_slideshow .swiper_main_visual .swiper-wrapper { width: 100%; height: 100%; }
.main_slideshow .swiper_main_visual_item { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.main_slideshow .swiper_main_visual_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat center center; background-size: cover; }
.main_slideshow .swiper_main_visual_content { display: table; width: 100%; height: 100%; position: relative; }
.main_slideshow .swiper_main_visual_content_inner { display: table-cell; vertical-align: middle; }
.main_slideshow .swiper_main_visual_content b {display: block; padding-top: 250px; font-size: 62px;font-weight: 550;letter-spacing: -0.07em;line-height: 1.3;color: #333; font-family: 'NotoSansKR', sans-serif}
.main_slideshow .swiper_main_visual_content p { padding: 15px 0px 0px 10px; font-size: 24px; line-height: 1.65; font-weight: 400; letter-spacing: -0.025em; color: #333; font-family: 'NotoSansKR', sans-serif}
.main_slideshow .swiper_main_visual_content_text { padding-left: 6vw;}
.main_slideshow .swiper_main_visual_content .bro_btn { margin-top: 50px; top: -10px;}
.main_slideshow .main_visual_video_type .swiper_main_visual_bg :after { content: "";  background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; display: block; position: absolute;}
.main_slideshow .main_slideshow_pagination_container {position: absolute;bottom: 57px;right: 135px;z-index: 40;}
.main_slideshow .main_slideshow_pagination .swiper-pagination-bullet { width: 96px; height: 13px; border-radius: 0px; margin-right: 18px; border: 2px solid #000; background: rgb(255, 255, 255); opacity: 1; }
.main_slideshow .main_slideshow_pagination.swiper-pagination-clickable.swiper-pagination-bullets { float: left; }
.main_slideshow .swiper-pagination-bullet b { display: block; width: 100%; background: #000; height: 100%; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
.main_slideshow .main_slideshow .main_slideshow_control{display: none;}
.main_slideshow .swiper-pagination-bullet { position: relative;}
.main_slideshow .swiper-pagination-bullet:after {content: "";background: transparent; display:block;position: absolute;left: 0;top: 0;transform: translateY(-50%);width: 100%;}
.main_slideshow .use_mouse .swiper-pagination-bullet:focus{ outline:none}
.main_slideshow .cycle_count span{opacity: 0;}

/* 230808.custom */
.anto-red { color: #ff4e4e; }
.anto-green { color: #1c5633; }
.anto-yellow { color: #fcdd3f; }
.btn-box { margin-top: 30px; text-align: center; }
.btn-box a { display: inline-block; }
.btn-m2 { display: inline-block; width:250px; height: 50px; border: 1px solid #333; border-radius: 30px; font-weight: 600; font-size: 20px; line-height: 48px; }
.main-section { padding: 140px 0; }
.main-section img { width: 100%; }
.main-section .section-title { margin-top: -30px; text-align: center; letter-spacing: -1px; }
.main-section .section-title h3 { font-family: 'HS'; font-weight: 600; font-size: 60px; color: #1c5633; }
.main-section .section-title p { margin-top: 10px; font-size: 22px; }

.section-newitem { border-bottom: 4px solid #333; }
.section-newitem .prd-area { overflow: hidden; width: 1310px; margin: 80px auto 0; }
.section-newitem .prd-idx1 { float:left; width: 800px; }
.section-newitem .prd-idx1 a { display: block; overflow: hidden; height: 400px; border: 3px solid #333; border-radius: 20px; background-color: #fff; }
.section-newitem .prd-idx1 a .thumb-box { float:left; position: relative; width: 400px; height: 400px; }
.section-newitem .prd-idx1 a .thumb-box img { position: absolute; top:50%; left:0; transform: translateY(-50%); }
.section-newitem .prd-idx1 a .info-box { float:left; position: relative; width: 390px; height: 394px; padding: 40px; }
.section-newitem .prd-idx1 a .info-box .prd-catename { display: block; margin-bottom: 20px; }
.section-newitem .prd-idx1 a .info-box .prd-name { display: block; margin-bottom: 20px; font-weight: 600; font-size: 20px; }
.section-newitem .prd-idx1 a .info-box .prd-subname { display: block; font-weight: 600; }
.section-newitem .prd-idx1 a .info-box .prd-price { position: absolute; right: 40px; bottom: 40px; width: 310px; padding-top: 20px; border-top: 1px solid rgba(51,51,51,.5); }
.section-newitem .prd-idx1 a .info-box .prd-price-consumer { margin-bottom: 5px; opacity: .5; text-decoration: line-through; }
.section-newitem .prd-idx1 a .info-box .prd-price > div { position: relative; }
.section-newitem .prd-idx1 a .info-box .prd-price .prd-price-sell { font-weight: 600; font-size: 24px; }
.section-newitem .prd-idx1 a .info-box .prd-price .prd-sale-percent { position: absolute; bottom:0; right:0; font-weight: 600; font-size:20px; color: #1c5633; }
.section-newitem .piece-prd-list { float: right; width: 450px; }
.section-newitem .piece-prd-list ul { overflow: hidden; }
.section-newitem .piece-prd-list ul li { float: left; width: 450px;  margin:0 0 20px; }
.section-newitem .piece-prd-list ul li:last-child { margin:0; }
.section-newitem .piece-prd-list ul li a { display: block; overflow: hidden; }
.section-newitem .piece-prd-list ul li .thumb-box { overflow: hidden; float:left; width: 120px; height: 120px; border: 3px solid #333; border-radius: 15px; box-sizing: border-box; }
.section-newitem .piece-prd-list ul li .info-box { float:right; width: 300px; margin-top: 10px; letter-spacing: -1px; }
.section-newitem .piece-prd-list ul li .info-box .prd-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 58px; text-overflow: ellipsis; font-size: 18px; }
.section-newitem .piece-prd-list ul li .prd-price { margin-top: 10px; }
.section-newitem .piece-prd-list ul li .prd-price-sell { font-weight: 600; font-size: 18px; }
.section-newitem .piece-prd-list ul li .prd-price-consumer { margin:0 15px; font-size: 15px; opacity: .5; text-decoration: line-through; }
.section-newitem .piece-prd-list ul li .prd-sale-percent { font-weight: 600; font-size:15px; color: #1c5633; }

.hello{display: table;width: 100%;padding-left: 117px;position: relative;border-bottom: 4px solid #333;}
.hello img{margin-bottom: -30px;width: 100%;}
.hello span{display: table-cell;vertical-align: bottom;width: 400px;overflow:hidden;}
.hello i{font-size: 108px;font-family: 'HS';display: table-cell;vertical-align: middle;padding-left: 80px;height: 422px;color: #1c5633;}

.section-philosophy { border-bottom: 4px solid #333; }
.section-philosophy .inner { position: relative;  width: 1400px; height: 479px; margin:0 auto; }
.section-philosophy .inner .img-area { position: absolute; top:0; left:0; width: 600px; height:479px; border: 4px solid #333; }
.section-philosophy .inner .text-area { position: absolute; top:150px; right:0; width: 800px; text-align: center; }

.section-recmditem { padding:0 0 140px; border-bottom: 4px solid #333; background-color: #fff; }
.section-recmditem .piece-prd-list { width: 1432px; margin: 50px auto 0; }
.section-recmditem .piece-prd-list ul { overflow: hidden; }
.section-recmditem .piece-prd-list ul li { float: left; width: 328px; margin-right:40px; }
.section-recmditem .piece-prd-list ul li:nth-child(4n) { margin:0; }
.section-recmditem .piece-prd-list ul li .thumb-box { overflow: hidden; width: 328px; height: 328px; margin-bottom: 20px; border: 3px solid #333; border-radius: 15px; box-sizing: border-box; }
.section-recmditem .piece-prd-list ul li .info-box { padding: 0 10px; letter-spacing: -1px; }
.section-recmditem .piece-prd-list ul li .info-box .prd-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 58px; text-overflow: ellipsis; font-size: 18px; }
.section-recmditem .piece-prd-list ul li .prd-price { margin-top: 10px; }
.section-recmditem .piece-prd-list ul li .prd-price-sell { font-weight: 600; font-size: 18px; }
.section-recmditem .piece-prd-list ul li .prd-price-consumer { margin:0 10px; font-size: 15px; opacity: .5; text-decoration: line-through; }
.section-recmditem .piece-prd-list ul li .prd-sale-percent { font-weight: 600; font-size:15px; color: #1c5633; }
.section-recmditem .piece-prd-list .btn-box { margin-top: 50px; }

.section-ourfriends { padding: 140px 0 0; border-bottom: 4px solid #333; }
.section-ourfriends .inner { position: relative;  width: 1400px; height: 573px; margin:0 auto; }
.section-ourfriends .inner .img-area { position: absolute; top:0; right:0; width: 592px; height:573px;  }
.section-ourfriends .inner .text-area { position: absolute; top:190px; left:-40px; width: 800px; text-align: center; }
.section-ourfriends .youtube-area { margin-top: 120px; }
.section-ourfriends .youtube-area .section-title img { width: 40px; }
.section-ourfriends .youtube-area .bg-frame { position: relative; }
.section-ourfriends .youtube-area .bg-frame iframe { overflow: hidden; position: absolute; bottom: 162px; left: 124px; width: 560px; height: 310px; border-radius: 35px; }

.section-board { background-color: #fff; }
.section-board ul { overflow: hidden; width: 1432px; margin: 50px auto 0; }
.section-board ul li { float: left; width: 328px; margin-right: 40px; }
.section-board ul li:nth-child(4n) { margin:0; }
.section-board ul li .thumb { overflow: hidden; border: 3px solid #333; border-radius: 15px; }
.section-board ul li .info { margin-top: 20px; font-weight: 600; font-size: 18px; text-align: center; }
.section-board .btn-box { margin-top: 50px; }
/* BASIC css end */