//ÅǸ®½ºÆ® ÅÇ ³Êºñ Á¶Àý #contents.brand_new .tab_list li { width: calc(100% / 6); } //°ø¸ðÀü B2B B2C ¹Ú½º À§Ä¡ #contents.brand_new .hn_plan_box { display: flex; justify-content: center; } //À̹ÌÁö ¸µÅ© #contents.brand_new .hn_brochure_img { background: url("/_resource/images/brand/inury/brori_cookie.jpg") center center no-repeat; border-radius: 20px; } //üũÇغÁ¾ßÇÔ #contents.brand_new .hn_prd_plan .hn_plan_box { padding: 40px 0 !important; } //À̹ÌÁöÅ©±â .hn_prd_plan + .img > img { width: 100%; max-width: 1080px; border-radius: 2rem; } //B2B ¹Ú½º ¹è°æ Èò»ö #contents.brand_new .hn_plan_box > li span { position: relative; display: block; width: 330px; margin-bottom: 20px; padding: 45px 0 25px; border: 1px solid #f0f0f0; background: #fff; font-size: 18px; line-height: 30px; } //B2B ¹Ú½º ³»ºÎÀÇ Ãʷϼ± Á¦°Å #contents.brand_new .hn_plan_box > li strong:after { content: ""; position: absolute; bottom: 15px; left: 50%; width: 24px; height: 0px; background: #005b45; -webkit-transform: translate(-50%); transform: translate(-50%); } //¼ö»óÀÛ-´ë»ó »çÁø #contents.brand_new .product_info > li:nth-child(1) { background-image: url("/_resource/images/brand/inury/brori_cookie.png"); } #contents.brand_new .product_info { margin-top: 40px; } #contents.brand_new .product_info > li { height: 270px; padding: 30px 0 0 540px; color: #666; font-size: 18px; line-height: 30px; text-align: left; background-repeat: no-repeat; background-position: 0 0; } //¼ö»óÀÛ ¹Ù·Î°¡±â ¹öÆ° .section.hn_prdinfo > .inner .button_type_tertiary { background-color: #007651; color: #fff; border: 1px solid #ccc; transition: 0.5s ease; } //¼ö»óÀÛ °¡¿îµ¥Á¤·Ä .sustainability { margin-top: 120px; } .sustainability .esg .cover1 { display: flex; flex-direction: column; } #contents.brand_new .product_info .component_button, #contents.brand_new .sustainability .component_button { height: auto; text-align: center; line-height: 40px; font-size: 13px; padding: 0px 34px; } //¹Ù·Î°¡±â ¹öÆ° ¾ÆÀÌÄÜ #contents.brand_new .component_button:after { content: ""; display: inline-block; width: 13px; height: 13px; margin: 0 0 3px 4px; vertical-align: middle; background-image: url("/_resource/images/brand/inury/skip.svg"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; line-height: 30px; } #contents.brand_new .product_info .component_button { margin-top: 16px; } //Áß°£ Á¦¸ñ ÆùÆ® #contents.brand_new .bar_title { line-height: 38px; } //Å« Á¦¸ñ ÆùÆ® #contents.brand_new .section .inner h3 { } //esg ·¹ÆÛ·±½º º¹ºÙ .sustainability .reports .esg { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11%; max-width: 1080px; margin: 40px auto 0; } .sustainability .reports .esg .cover1 { max-width: 400px; text-align: left; } .sustainability .reports .esg .cover1 .font { color: #000; font-size: 21px; line-height: 27px; padding-bottom: 10px; font-family: "CjOnlyOnetitleMedium", sans-serif; } .sustainability .reports .section1 .esg .cover1 .cover2 { position: relative; max-width: 300px; width: 179px; height: 240px; border: 1px solid #e5e5e5; overflow: hidden; background-color: #ffffff; border-radius: 15px; display: flex; justify-content: center; align-items: center; padding: 50px 50px 50px; } .sustainability .reports .esg .cover1 p { margin-top: 16px; } .sustainability .reports .esg .cover1 .cover2 .img1 { width: 100%; /* height: 240px; */ height: 254px; box-shadow: 0px 0px 15px #b6b6b6 !important; } //ÃÖÀÎÇõ #contents.brand_new .section .inner h3 + p { margin-top: 40px; font-size: 20px; line-height: 34px; } //top_image .hn_prd_plan + .img > img { margin-top: 40px; } //esg .section.hn_prdinfo > .inner .button_type_tertiary { color: #1a1a1a; background-color: #fff; } //½½¶óÀ̵å .swiper_contain { margin-top: 60px; } .swiper_contain ul li { // width:412px !important; } // .swiper_contain ul li.swiper-slide-active { // width:624px !important; // } .swiper_contain ul li > div mark { background-color: #007651; color: #fff; padding: 8px 12px; line-height: 10px; border-radius: 10px; font-size: 14px; margin-right: 8px; } //ÃÖÀÎÇõ swiper css .swiper-wrapper .slide_inuri_list { display: flex; flex-direction: column; gap: 20px; } .swiper-wrapper .slide_inuri_list article { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .swiper-wrapper .slide_inuri_list strong { font-size: 24px; line-height: 32px; color: #007651; margin-bottom: 20px; } .swiper-wrapper .slide_inuri_list article p { display: none; margin-top: 32px; font-size: 18px; line-height: 30px; } .swiper-wrapper .slide_inuri_list.swiper-slide-active article p { display: block; } .inuri_contest_20025_poster { justify-content: flex-start; } // °á°ú ¹× ¼ö»óÀÛ °ø°³ #contents.brand_new .product_info { display: flex; gap: 44px; height: 340px; // padding: 0 0 0px 540px; } #contents.brand_new .product_info { display: flex; gap: 44px; padding: 0; } #contents.brand_new .product_info > li { height: 340px; padding: 0; } #contents.brand_new .product_info > li:nth-child(1) { width: 480px; p { width: 100%; text-align: center; padding-top: 310px; } } #contents.brand_new .product_info > li:nth-child(2) { width: 540px; margin-top: 0; color: #666; }