/* BASIC css start */
/* °øÅë */
.project { padding: 160px 0 0; }
.project > * { margin:0 auto; max-width:1000px}
.project > *.full{max-width: none;}
.project img{width: 100%;}
.project .prdList.slide { padding-top: 80px; padding-bottom: 80px; }
.project .listIcon img { width: auto; }

.line1 { width: 100%; height: 32px; }
.line3 { width: 100%; height: 40px; }
.line5 {width: 100%; height: 80px;}
.line { height: 1px;}

.bgGray { background-color: #f7f7f7; }
.wrapper { line-height: 24px; letter-spacing: -0.44px; }

/* ŸÀÌƲ */
.main_title  {padding-bottom: 32px; border-bottom: 1px solid #000;}
.main_title span { color: #008979; font-size: 16px; font-weight: 700;}
.main_title h2 { display: grid; margin-top: 4px; gap: 8px 0; font-size: 16px; font-weight: 400; }
.main_title h2 strong { font-size: 36px; font-weight: 700; margin-bottom: 16px; margin-top: 6px;}

/* ŸÀÌƲ H */
.title1 { color: #333; text-align: left; font-family: Pretendard; font-size: 32px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}
.title4 { color: #333; text-align: left; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}
.title6 { color: #333; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}

/* º»¹® H */
.title2 { color: #555; text-align: left; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:530px;}
.title5 { color: #555; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:530px;}

/* ¹è³Ê */
.banner1 {line-height: 0;}
.banner2 { line-height: 0; display: flex; align-items: center; justify-content: space-between; gap: 0 8px; }
.banner2 div { width: calc(50% - 4px); }
.slide .banner .txtWrap { display: block; margin-top: 24px; color: #555; font-size: 15px; font-weight: 500; }
.banner5 .swiper-wrapper { padding-bottom:48px; }
.banner5 .swiper-horizontal>.swiper-scrollbar {width: 100%; left: 0; bottom: 0; }
.banner5 .swiper-scrollbar-drag {background: #17413C; }
.banner5 .swiper-scrollbar {background: #D8D8D8; }

/* »óÇ° */
.prdList { padding-top: 80px; padding-bottom: 80px; }
.prdList .prdTitle { display: flex; align-items: center; justify-content: space-between; margin: 0 auto 24px; line-height: 23px; max-width: 1000px;}
.prdList .prdTitle strong { color: #111; font-size: 24px; font-weight: 600; }
.prdList .prdTitle a.moreView { display: none; color: #888; font-size: 14px; font-weight: 500; }

.prdList.slide .prdTitle { padding: 0 16px; }
.prdList.slide .prdTitle a.moreView { display: block; }

.prdList .prd.banner > ul{display: flex; flex-direction: row; gap: 32px;}
.prdList .prd.banner ul li ul.row > div{display: flex; flex-direction: column;}
.prdList .prd.banner ul li ul.row .normalList:not(:last-of-type){margin-bottom: 16px;}
.prdList .prd.banner ul li ul.row .normalList a{display: flex; flex-direction: row; gap: 24px;}
.prdList .prd.banner ul li ul.row .normalList a .thumbnail{max-width: 144px; margin-bottom: 0 ! important;}
[class*="MK-product-icon"]{max-height: 17px; width: auto ! important;}
.exhibition_list>a{margin-bottom: 24px; display: block;}

.product-list{display: flex; gap: 35px 16px; flex-wrap: wrap;}
.product-list .thumb{margin-bottom: 8px;}
.product-list .product-card{width: calc((100% - 48px) / 4);}
.product-list .name{font-size: 15px; line-height: 1.4; color: #555; font-weight: 400; margin-bottom: 8px;}
.product-list .per{color: #008979; font-size: 18px; font-weight: 600; margin-right: 8px;}
.product-list .consumer{color: #111; font-size: 18px; font-weight: 600; margin-right: 8px;}
.product-list .sell{color: #bababa; font-size: 15px; font-weight: 400; text-decoration: line-through;}

.product1 { margin-top: 40px; }

.videoWrap {position:relative;}
.video1 .videoWrap {padding:127.25% 0 0 0;}
.video2 .videoWrap {padding:56.25% 0 0 0;}
.video3 .videoWrap {padding:100% 0 0 0;}

.video1 {width:390px; margin:0 auto; padding:20px 0;}
.video2 {width:530px; margin:0 auto; padding:20px 0;}
.video3 {width:530px; margin:0 auto; padding:20px 0;}

.icons img{width: auto ! important; max-height: 22px; margin-right: 4px;}

/* »óÇ° Åä±Û */
.prdToggleWrap { position: relative; top: 0; left: 0; } 
.prdToggleWrap .toggle_wrap { position: absolute; top: 0; left: 0; } 
.prdToggleWrap .toggle_wrap .toggle_btn { display: block; width: 24px; height: 24px; margin: 0 auto; border-radius: 50%; background: url('/design/prolana/snapskin/icon/icon_plusToggle.svg') no-repeat center; cursor: pointer; } 
.prdToggleWrap .toggle_wrap .toggle_prd { display: none; align-items: center; justify-content: space-between; width: 272px; max-height: 104px; margin-top: 8px; padding: 12px; gap: 0 8px; box-sizing: border-box; position: absolute; top: auto; left: 50%; transform: translateX(-50%); background-color: #fff; z-index: 1; } 
.prdToggleWrap .toggle_wrap.click .toggle_prd { display: flex; } 
.prdToggleWrap .toggle_wrap .toggle_prd .thumb { width: 80px; } 
.prdToggleWrap .toggle_wrap .toggle_prd .list_shoppingInfo { max-width: calc(100% - 88px); } 
.prdToggleWrap .toggle_wrap .toggle_prd .listName { display: -webkit-box; margin-bottom: 8px; color: #555; font-size: 13px; word-wrap: break-word; word-break: keep-all; line-height: 1.4; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.prdToggleWrap .toggle_wrap .toggle_prd .priceWrap { display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px; font-size: 14px; font-weight: 600; } 
.prdToggleWrap .toggle_wrap .toggle_prd .priceWrap .discountBt { display: flex; align-items: center; gap: 0 4px; } 
.prdToggleWrap .toggle_wrap .toggle_prd .priceWrap .discountBt .txt1 { color: #008979; font-size: 14px; line-height: 20px; } 
.prdToggleWrap .toggle_wrap .toggle_prd .priceWrap .listPrice { color: #111; } 
.prdToggleWrap .toggle_wrap .toggle_prd .priceWrap .listDiscount { color: #a8a8a8; font-weight: 400; text-decoration: line-through; } 
/* BASIC css end */