/* vw 계산 기준 1920px */ @import url(//cdn.design-factory.co.kr/_font/asta/fonts.css); @import url(//cdn.design-factory.co.kr/_font/suit/fonts.css); /*@import url(//cdn.design-factory.co.kr/_font/playfair/fonts.css);*/ /*@import url(//fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap);*/ /*@import url(//fonts.googleapis.com/css2?family=Playfair:ital,opsz,wdth,wght@0,5..1200,87.5..112.5,300..900;1,5..1200,87.5..112.5,300..900&display=swap);*/ /* font-family:"Asta Sans", sans-serif; font-family:"SUIT", sans-serif; font-family:"Playfair", sans-serif; */ * {font-style:normal; line-height:normal; font-family:"SUIT", sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; scrollbar-gutter:stable;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll;} body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; padding:0; margin:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} p {padding:0; margin:0;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.png"); background-repeat:no-repeat; background-size:9px; background-position:right 10px center; width:100%; padding:0 29px 0 10px; } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} #wrap {width:100%; min-width:280px; margin:0 auto;} /*헤더*/ #header {width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:100;} #header > .contents_con {width:100%; max-width:min(1840px, 95.83vw); margin:0 auto;} #header > .contents_con > table {width:100%; margin:0 auto;} #header > .contents_con > table > tbody > tr > td {height:min(72px, 3.75vw);} #header > .contents_con > table > tbody > tr > .menu_btn_td {display:none; width:min(40px, 2.08vw);} #header > .contents_con > table > tbody > tr > .menu_btn_td > a {display:inline-block; width:100%;} #header > .contents_con > table > tbody > tr > .menu_btn_td > a img {width:100%;} #header > .contents_con > table > tbody > tr > .logo_td {width:min(127px, 6.61vw);} #header > .contents_con > table > tbody > tr > .logo_td > a {display:inline-block; width:100%;} #header > .contents_con > table > tbody > tr > .logo_td > a img {width:100%;} #header > .contents_con > table > tbody > tr > .nav_td {text-align:center;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con {display:inline-block; text-align:left;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul {} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li {float:left; margin:0 0 0 min(40px, 2.08vw);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li a {font-size:min(16px, 0.83vw); color:#1B1B17; font-weight:500; line-height:140%;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li a.on {color:#121212; font-weight:700; text-decoration:underline;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li:first-child {margin:0;} #header > .contents_con > table > tbody > tr > .language_td {width:min(105px, 5.47vw); text-align:center;} #header > .contents_con > table > tbody > tr > .language_td > .w_con {} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con {display:inline-block; text-align:left;} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul {display:flex; flex-wrap:nowrap; white-space:nowrap;} /* 2026-10-30 KOR│ENG 가 105px 칸에 꽉 차 글꼴이 늦게 뜨거나 폭이 조금만 달라도 ENG 가 아랫줄로 떨어졌다 → 줄바꿈 금지 */ #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > li {float:left;} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > li a {font-size:min(18px, 0.94vw); color:#969191; font-weight:500; line-height:min(25px, 1.3vw);} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > li a.on {color:#1B1B17;} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > .bar_li {width:min(25px, 1.3vw); text-align:center;} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > .bar_li span {font-size:min(8px, 0.42vw); color:#969191; line-height:min(25px, 1.3vw);} #header > .contents_con > table > tbody > tr > .language_td > .w_con > .list_con > ul > li:first-child {margin:0;} #header > .contents_con > table > tbody > tr > .language_td > .m_con {position:relative; top:0; left:0;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con {} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn {display:inline-block;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn > span {font-size:14px; color:#231F20; font-weight:600; line-height:20px; vertical-align:middle;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn > img {width:8px; margin:0 0 0 6px; vertical-align:middle;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn.on {} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn.on > img {transform:rotate(180deg);} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con {display:none; width:55px; margin:0 auto; background-color:#FFF; padding:10px 0; position:absolute; top:30px; left:50%; z-index:10; transform:translateX(-50%); overflow:hidden; border-radius:5px;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul {} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li {margin:5px 0 0 0;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li a {font-size:12px; color:#969191; font-weight:500; line-height:140%;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li a.on {color:#1B1B17;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li:first-child {margin:0;} /*헤더 스크롤*/ #header.scroll {background-color:rgba(255,255,255,0.2); backdrop-filter:blur(15px);} /*모바일 메인 메뉴*/ #m_main_nav_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:#FFF; position:fixed; top:0; left:0; right:0; z-index:50;} #m_main_nav {display:none; width:100%; height:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:60;} #m_main_nav > .contents_con {padding:60px 0 0 0;} #m_main_nav > .contents_con > .scroll_con {overflow-y:auto;} #m_main_nav > .contents_con > .scroll_con::-webkit-scrollbar-track {background-color:transparent; border-radius:0;} #m_main_nav > .contents_con > .scroll_con::-webkit-scrollbar {width:3px; background-color:transparent; border-radius:0;} #m_main_nav > .contents_con > .scroll_con::-webkit-scrollbar-thumb {background-color:#3F3937; border-radius:0;} #m_main_nav > .contents_con > .scroll_con > .contents_con {padding:80px 0; text-align:center;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li {margin:50px 0 0 0;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a {font-size:20px; color:#4E4848; font-weight:500; letter-spacing:-0.4px;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a.on {color:#121212; font-weight:700; text-decoration:underline;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li:first-child {margin:0;} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*메인 컨텐츠*/ #main_con {} #main_con > .info01_con {} #main_con > .info01_con > .contents_con {} #main_con > .info01_con > .contents_con > .video_con {position:relative; padding-bottom:56.25%; height:0;} #main_con > .info01_con > .contents_con > .video_con video {position:absolute; top:0; left:0; width:100%; height:100%;} #main_con > .info02_con {} #main_con > .info02_con > .contents_con {width:100%; margin:0 auto;} #main_con > .info02_con > .contents_con > .list_con {background-color:#F2EEE2;} #main_con > .info02_con > .contents_con > .list_con > ul {} #main_con > .info02_con > .contents_con > .list_con > ul > li {float:left; width:33%; margin:0 0 0 0.5%;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div {position:relative; top:0; left:0;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con {width:100%; margin:0 auto; padding:min(40px, 2.08vw) min(40px, 2.08vw) min(40px, 2.08vw) min(50px, 2.6vw); position:absolute; bottom:0; left:0; right:0; z-index:30;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con {display:none;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table {width:100%; margin:0 auto;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table > tbody > tr > td {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table > tbody > tr > .text_td {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table > tbody > tr > .text_td span {font-size:min(26px, 1.35vw); color:#FFF; font-weight:600; line-height:140%;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table > tbody > tr > .arrow_td {width:min(44px, 2.29vw);} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con > .view_more_con > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .over_con {display:none; width:100%; height:100%; margin:0 auto; background:linear-gradient(180deg, rgba(0,0,0, 0.00) 42.17%, rgba(0,0,0,0.80) 100%); position:absolute; top:0; left:0; right:0; z-index:20;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .bg {width:100%; height:100%; margin:0 auto; background-color:lightgray; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; right:0; z-index:10;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg01 {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg01 > .bg {background-image:url("/en/img/main/main_info02_list_bg01.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg02 {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg02 > .bg {background-image:url("/en/img/main/main_info02_list_bg02.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg03 {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg03 > .bg {background-image:url("/en/img/main/main_info02_list_bg03.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a:hover {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a:hover > .list_div > .contents_con > .view_more_con {display:block;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a:hover > .list_div > .over_con {display:block;} #main_con > .info02_con > .contents_con > .text_con {background-color:#FBF9F3; padding:min(80px, 4.17vw) 0 min(120px, 6.25vw) 0; text-align:center;} #main_con > .info02_con > .contents_con > .text_con span {font-size:min(60px, 3.13vw); color:#1B1B17; font-weight:600; line-height:120%; letter-spacing:max(-3px, -0.16vw);} #main_con > .info02_con > .contents_con > .list_con > ul > li:first-child {margin:0;} #main_con > .info03_con {} #main_con > .info03_con > .contents_con {width:100%; margin:0 auto;} #main_con > .info03_con > .contents_con:after {content:""; display:block; clear:both;} #main_con > .info03_con > .contents_con > .img_con {float:left; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} #main_con > .info03_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} #main_con > .info03_con > .contents_con > .img_con > .img img {width:100%;} #main_con > .info03_con > .contents_con > .text_con {float:right; display:flex; flex-direction:column; justify-content:space-between; width:50%; padding:min(120px, 6.25vw) min(80px, 4.17vw); word-break:keep-all;} #main_con > .info03_con > .contents_con > .text_con > .title_con {} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con {} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:min(16px, 0.83vw); color:#1B1B17; font-weight:700; line-height:140%;} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con {margin:min(36px, 1.88vw) 0 0 0;} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:min(46px, 2.4vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.92px, -0.05vw);} #main_con > .info03_con > .contents_con > .text_con > .info_con {border-top:min(1px, 0.05vw) solid #9A9A9A; margin:min(50px, 2.6vw) 0 0 0; padding:min(50px, 2.6vw) 0 0 0;} #main_con > .info03_con > .contents_con > .text_con > .info_con p {margin:min(8px, 0.42vw) 0 0 0; font-size:min(16px, 0.83vw); color:#4E4848; font-weight:500; line-height:140%;} #main_con > .info03_con > .contents_con > .text_con > .info_con p:first-child {margin:0;} #main_con > .info04_con {} #main_con > .info04_con > .contents_con {width:100%; max-width:100%; margin:0 auto; padding:min(200px, 10.42vw) 0;} #main_con > .info04_con > .contents_con > .title_con {width:100%; max-width:min(1720px, 89.58vw); margin:0 auto; margin-bottom:min(40px, 2.08vw); position:relative; top:0; left:0;} #main_con > .info04_con > .contents_con > .title_con > .text_con {} #main_con > .info04_con > .contents_con > .title_con > .text_con span {font-size:min(60px, 3.13vw); color:#1B1B17; font-weight:600; line-height:120%;} #main_con > .info04_con > .contents_con > .title_con > .btn_con {position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%);} #main_con > .info04_con > .contents_con > .title_con > .btn_con .a_btn {font-size:min(20px, 1.04vw); color:#1B1B17; font-weight:500; line-height:140%; text-decoration:underline;} #main_con > .info04_con > .contents_con > .contents_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:33%; margin:0 0 0 0.5%;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con {position:relative; top:0; left:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con img {width:100%;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con > .img {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con {margin:min(20px, 1.04vw) 0 0 0; padding-left:min(20px, 1.04vw); position:relative; top:0; left:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table {width:100%; margin:0 auto; table-layout:fixed;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > td {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > td span {color:#1B1B17; line-height:140%;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > .no_td {width:min(46px, 2.4vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > .no_td span {font-size:min(26px, 1.35vw); font-weight:700;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > .text_td {padding:0 min(16px, 0.83vw) 0 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text01_con > table > tbody > tr > .text_td span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(16px, 0.83vw); font-weight:500;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text02_con {padding:0 min(20px, 1.04vw) 0 0; position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text02_con span {font-size:min(26px, 1.35vw); color:#1B1B17; font-weight:700; line-height:140%;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(1) {margin:0; padding:min(160px, 8.34vw) 0 0 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(2) {padding:min(80px, 4.17vw) 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(3) {padding:0 0 min(160px, 8.34vw) 0;} #main_con > .info05_con {background-color:#FBF9F3; background-image:url("/en/img/main/main_info05_con_bg.png"); background-repeat:no-repeat; background-size:min(1920px, 100vw); background-position:bottom center; position:relative; top:0; left:0; overflow:hidden;} #main_con > .info05_con > .contents_con {width:100%; margin:0 auto; padding:min(161px, 8.39vw) 0 min(359px, 18.7vw) 0; position:relative; top:0; left:0; z-index:20;} #main_con > .info05_con > .contents_con > .title_con {width:100%; max-width:min(1680px, 87.5vw); margin:0 auto; margin-bottom:min(53px, 2.76vw); text-align:center;} #main_con > .info05_con > .contents_con > .title_con > .text01_con {} #main_con > .info05_con > .contents_con > .title_con > .text01_con span {font-size:min(90px, 4.69vw); color:#1B1B17; font-weight:600; line-height:100%; letter-spacing:max(-4.5px, -0.23vw);} #main_con > .info05_con > .contents_con > .title_con > .text02_con {margin:min(35px, 1.82vw) 0 0 0;} #main_con > .info05_con > .contents_con > .title_con > .text02_con span {font-size:min(20px, 1.04vw); color:#4E4848; line-height:140%;} #main_con > .info05_con > .contents_con > .contents_con {} #main_con > .info05_con > .contents_con > .contents_con > .nav {width:100%; max-width:min(1680px, 87.5vw); margin:0 auto; margin-bottom:min(122px, 6.35vw); text-align:center;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con {display:inline-block; text-align:left;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul {} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li {float:left; margin:0 0 0 min(46px, 2.40vw);} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div {text-align:center; cursor:pointer;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con {} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con img {width:auto; max-width:none;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img01 img {height:min(287px, 14.95vw);} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img02 img {height:min(287px, 14.95vw);} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img03 img {height:min(287px, 14.95vw);} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con {display:none; margin:min(30px, 1.56vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con {} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con span {display:inline-block; font-size:min(30px, 1.56vw); color:#000; font-weight:800; letter-spacing:max(-0.9px, -0.05vw); font-family:"Asta Sans", sans-serif; vertical-align:middle;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con .bar {margin:0 min(11px, 0.57vw); font-size:min(14px, 0.73vw); font-weight:400;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .bar_con {margin:min(12px, 0.63vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .bar_con div {display:inline-block; width:min(120px, 6.25vw); height:min(22px, 1.15vw); background-color:#000; overflow:hidden; border-radius:min(22px, 1.15vw);} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div.on {} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div.on > .contents_con {display:block; opacity:1;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li:first-child {margin:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div {display:none;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con {width:100%; max-width:min(1660px, 86.46vw); margin:0 auto; position:relative; top:0; left:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con {position:absolute; top:50%; left:0; z-index:10; transform:translateY(-50%);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text00_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text00_con span {font-size:min(90px, 4.69vw); color:#1B1B17; font-weight:600; line-height:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text01_con {margin:min(22px, 1.15vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text01_con span {font-size:min(42px, 2.19vw); color:#1B1B17; font-weight:600; line-height:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text02_con {margin:min(32px, 1.67vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text02_con span {font-size:min(20px, 1.04vw); color:#4E4848; line-height:140%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .contents_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .contents_con > .img_con {width:min(863px, 44.95vw); margin:0 auto;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .contents_con > .img_con img {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con {margin:min(169px, 8.8vw) 0 0 0; position:relative; top:0; left:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con {width:100%; max-width:min(1660px, 86.46vw); margin:0 auto; position:relative; top:0; left:0; z-index:20;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con {width:min(974px, 50.73vw); margin:0 auto; position:relative; top:0; left:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con img {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con > img {position:relative; top:0; left:0; z-index:20;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con > .img {width:min(539px, 28.07vw); position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -45%);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div {text-align:center; position:absolute; z-index:30;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con span {color:#1B1B17; font-weight:600; line-height:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .eng_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .eng_con span {font-size:min(70px, 3.65vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .kor_con {margin:min(16px, 0.83vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .kor_con span {font-size:min(40px, 2.08vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .info_con {margin:min(20px, 1.04vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .info_con span {font-size:min(20px, 1.04vw); color:#4E4848; line-height:140%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .dot {width:min(1px, 0.05vw); height:min(1px, 0.05vw); position:absolute; z-index:10; background-color:#000;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .dot .line {height:min(1px, 0.05vw); background-color:#1B1B17; position:absolute; top:0; z-index:10;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .dot .line .dot {width:min(5px, 0.26vw); height:min(5px, 0.26vw); background-color:#1B1B17; position:absolute; z-index:10; overflow:hidden; border-radius:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 {top:max(-50px, -2.6vw); left:max(-289px, -15.05vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot {bottom:min(68px, 3.54vw); right:max(-54px, -2.81vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line {left:0; transform-origin:top left;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line .dot {top:0; right:0; transform:translate(50%, -50%);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line01 {width:min(318px, 16.56vw); transform:rotate(24.7deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line02 {width:min(303px, 15.78vw); transform:rotate(46.9deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line03 {width:min(365px, 19.01vw); transform:rotate(66.3deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 {bottom:min(260px, 13.54vw); right:max(-382px, -19.9vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot {top:min(44px, 2.29vw); left:max(-43px, -2.24vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line {right:0; transform-origin:top right;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line .dot {top:0; left:0; transform:translate(-50%, -50%);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line01 {width:min(178px, 9.27vw); transform:rotate(30.5deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line02 {width:min(239px, 12.45vw); transform:rotate(-10.8deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line03 {width:min(312px, 16.25vw); transform:rotate(-26.7deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 {bottom:max(-134px, -6.98vw); left:max(-384px, -20vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot {top:max(-29px, -1.51vw); right:min(210px, 10.94vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line {left:0; transform-origin:top left;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line .dot {top:0; right:0; transform:translate(50%, -50%);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line01 {width:min(376px, 19.58vw); transform:rotate(-46.9deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line02 {width:min(368px, 19.17vw); transform:rotate(-29.1deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line03 {width:min(335px, 17.45vw); transform:rotate(2.1deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg {position:absolute; z-index:10;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg img {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg01 {width:min(96px, 5vw); top:min(123px, 6.41vw); left:min(228px, 11.88vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg02 {width:min(175px, 9.11vw); top:min(208px, 10.83vw); left:min(298px, 15.52vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg03 {width:min(272px, 14.17vw); top:min(480px, 25vw); left:min(89px, 4.64vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg04 {width:min(345px, 17.97vw); top:min(92px, 4.79vw); right:min(110px, 5.73vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg05 {width:min(96px, 5vw); top:min(596px, 31.04vw); right:min(143px, 7.45vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con {margin:min(330px, 17.19vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con {width:100%; max-width:min(1660px, 86.46vw); margin:0 auto; padding:0 0 0 min(395px, 20.57vw); position:relative; top:0; left:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con {width:min(429px, 22.34vw); position:absolute; top:min(35px, 1.82vw); left:0; z-index:10;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con > .text01_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(90px, 4.69vw); color:#1B1B17; font-weight:600; line-height:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con > .text02_con {margin:min(24px, 1.25vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con > .text02_con span {font-size:min(20px, 1.04vw); color:#4E4848; line-height:140%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .btn_con {margin:min(63px, 3.28vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .btn_con .a_btn {display:inline-block; width:100%; background-color:#1B1B17; text-align:center; font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:min(66px, 3.44vw);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con {} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con {position:relative; top:0; left:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con > .img01_con {width:min(805px, 41.93vw); position:relative; top:0; left:0; z-index:20;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con > .img01_con img {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con > .img02_con {width:min(683px, 35.57vw); position:absolute; bottom:max(-155px, -8.07vw); right:0; z-index:10;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con > .img02_con img {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div:first-child {display:block;} #main_con > .info05_con > .bg {background-color:#F4E9DA; position:absolute; z-index:10; overflow:hidden; border-radius:100%; filter:blur(250px);} #main_con > .info05_con > .bg01 {width:min(1596px, 83.13vw); height:min(1596px, 83.13vw); top:max(-747px, -38.91vw); left:50%; transform:translateX(-50%);} #main_con > .info05_con > .bg02 {width:min(1596px, 83.13vw); height:min(1596px, 83.13vw); bottom:min(478px, 24.9vw); left:max(-916px, -47.71vw);} #main_con > .info06_con {overflow:hidden;} #main_con > .info06_con > .contents_con {width:100%; margin:0 auto;} #main_con > .info06_con > .contents_con > .list_con {} #main_con > .info06_con > .contents_con > .list_con > ul {} #main_con > .info06_con > .contents_con > .list_con > ul > li {} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div {background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; top:0; left:0;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con {padding:min(100px, 5.21vw);} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con {} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con {margin:0 0 min(32px, 1.67vw) 0;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con span {font-size:min(60px, 3.13vw); font-weight:600; line-height:100%;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con {} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con span {font-size:min(18px, 0.94vw); font-weight:500; line-height:140%;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con {margin:min(121px, 6.3vw) 0 0 0; text-align:right;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn {display:inline-block; width:min(160px, 8.33vw); background-color:#1B1B17; text-align:center; overflow:hidden; border-radius:min(8px, 0.42vw);} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:min(49px, 2.55vw); vertical-align:middle;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > img {width:min(20px, 1.04vw); margin:0 0 0 min(10px, 0.52vw); vertical-align:middle;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .bg {width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; right:0; z-index:10; pointer-events:none;} /* 2026-10-30 장식 배경이 See More 버튼 위를 덮어 클릭을 가로챘다 → 클릭 통과 */ #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div.bg01 {background-color:#F5F2E9;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div.bg01 > .contents_con > .text_con > .title_con span {color:#1B1B17;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div.bg01 > .contents_con > .text_con > .info_con span {color:#1B1B17;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div.bg01 > .bg {background-image:url("/en/img/main/main_info06_list_bg01.png"); filter:blur(20px);} /*푸터*/ #footer {width:100%; margin:0 auto; background-color:#3F3937;} #footer > .info01_con {} #footer > .info01_con > .contents_con {width:100%; max-width:min(1680px, 87.5vw); margin:0 auto; padding:min(70px, 3.65vw) 0 min(34px, 1.77vw) 0; position:relative; top:0; left:0;} #footer > .info01_con > .contents_con > .text_con {} #footer > .info01_con > .contents_con > .text_con > .text01_con {} #footer > .info01_con > .contents_con > .text_con > .text01_con img {width:min(157px, 8.18vw);} #footer > .info01_con > .contents_con > .text_con > .text02_con {margin:min(30px, 1.56vw) 0 0 0;} #footer > .info01_con > .contents_con > .text_con > .text02_con span {font-size:min(60px, 3.13vw); color:#FFF; font-weight:800; line-height:120%;} #footer > .info01_con > .contents_con > .nav {margin:min(65px, 3.39vw) 0 0 0;} #footer > .info01_con > .contents_con > .nav > ul {} #footer > .info01_con > .contents_con > .nav > ul > li {float:left; margin:0 0 0 min(40px, 2.08vw);} #footer > .info01_con > .contents_con > .nav > ul > li a {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; line-height:140%;} #footer > .info01_con > .contents_con > .nav > ul > li:nth-child(1) {margin-left:0;} #footer > .info01_con > .contents_con > .sns_con {position:absolute; bottom:min(34px, 1.77vw); right:0; z-index:10;} #footer > .info01_con > .contents_con > .sns_con > .list_con {display:inline-block; text-align:left;} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul {} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul > li {float:left; width:min(35px, 1.82vw); margin:0 0 0 min(20px, 1.04vw);} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul > li > a {display:block;} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul > li > a img {width:100%;} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul > li:first-child {margin:0;} #footer > .info01_con > .contents_con > .top_btn {width:min(55px, 2.86vw); position:absolute; top:min(100px, 5.21vw); right:0; z-index:10;} #footer > .info01_con > .contents_con > .top_btn .a_btn {display:block;} #footer > .info01_con > .contents_con > .top_btn .a_btn > img {width:100%;} #footer > .info02_con {border-top:min(1px, 0.05vw) solid #9A9A9A;} #footer > .info02_con > .contents_con {width:100%; max-width:min(1680px, 87.5vw); margin:0 auto; padding:min(30px, 1.56vw) 0;} #footer > .info02_con > .contents_con:after {content:""; display:block; clear:both;} #footer > .info02_con > .contents_con > .nav {float:right;} #footer > .info02_con > .contents_con > .nav span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:150%;} #footer > .info02_con > .contents_con > .nav span a {color:#FFF;} #footer > .info02_con > .contents_con > .nav span .dot {} #footer > .info02_con > .contents_con > .nav span .m_dot {} #footer > .info02_con > .contents_con > .copyright {float:left;} #footer > .info02_con > .contents_con > .copyright span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:150%;} /*약관 팝업*/ .terms_popup_con_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:200;} .terms_popup_con {display:none; width:100%; max-width:min(700px, 36.46vw); margin:0 auto; background-color:#FFF; position:fixed; top:50%; left:0; right:0; z-index:300; transform:translateY(-50%);} .terms_popup_con > .contents_con {padding:min(30px, 1.56vw); position:relative; top:0; left:0;} .terms_popup_con > .contents_con > .title_con {margin:0 0 min(30px, 1.56vw) 0; text-align:center;} .terms_popup_con > .contents_con > .title_con span {font-size:min(28px, 1.46vw); color:#121212; font-weight:700; line-height:130%;} .terms_popup_con > .contents_con > .posts_con {border-top:min(1px, 0.05vw) solid #121212; border-bottom:min(1px, 0.05vw) solid #E8E8E8; padding:min(10px, 0.52vw);} .terms_popup_con > .contents_con > .posts_con > .scroll_con {height:min(450px, 23.44vw); padding:min(10px, 0.52vw); overflow-y:auto;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-track {background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar {width:min(5px, 0.26vw); background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-thumb {background-color:#000; border-radius:min(5px, 0.26vw);} .terms_popup_con > .contents_con > .posts_con > .scroll_con > .contents_con {} .terms_popup_con > .contents_con > .close_btn {width:min(40px, 2.08vw); margin:0 auto; position:absolute; top:min(10px, 0.52vw); right:min(10px, 0.52vw); z-index:10;} .terms_popup_con > .contents_con > .close_btn .a_btn {display:block; background-color:#121212; overflow:hidden; border-radius:100%;} .terms_popup_con > .contents_con > .close_btn .a_btn > img {width:100%;} /*서브 컨텐츠*/ #sub_con {padding:min(72px, 3.75vw) 0 0 0;} #sub_con > .banner_con {padding:min(100px, 5.21vw) 0 0 0;} #sub_con > .banner_con > .contents_con {height:min(246px, 12.81vw); background-repeat:no-repeat; background-size:cover; background-position:center;} #sub_con > .banner_con.product01 > .contents_con {background-image:url("/en/img/product/product01_banner_con_bg.png");} #sub_con > .banner_con.product02 > .contents_con {background-image:url("/en/img/product/product02_banner_con_bg.png");} #sub_con > .contents_con {width:100%; max-width:min(1720px, 89.58vw); margin:0 auto; padding:min(60px, 3.13vw) 0 min(120px, 6.25vw) 0;} #sub_con > .contents_con > .title_con {margin:0 0 min(120px, 6.25vw) 0; padding:0 min(102px, 5.31vw) 0 0; position:relative; top:0; left:0;} #sub_con > .contents_con > .title_con > .text_con {word-break:keep-all;} #sub_con > .contents_con > .title_con > .text_con:after {content:""; display:block; clear:both;} #sub_con > .contents_con > .title_con > .text_con > .text01_con {float:left;} #sub_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(60px, 3.13vw); color:#1B1B17; font-weight:700; line-height:130%; letter-spacing:max(-3px, -0.16vw);} #sub_con > .contents_con > .title_con > .text_con > .text02_con {float:left; margin:0 0 0 min(80px, 4.17vw); padding:min(12px, 0.63vw) 0;} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con {} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con span {font-size:min(18px, 0.94vw); color:#1B1B17; font-weight:700; line-height:130%; letter-spacing:max(-1px, -0.05vw);} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con {margin:min(8px, 0.42vw) 0 0 0;} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con span {font-size:min(16px, 0.83vw); color:#333; line-height:140%;} #sub_con > .contents_con > .title_con > .slidedown_btn_con {width:min(62px, 3.23vw); text-align:center; position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%);} #sub_con > .contents_con > .title_con > .slidedown_btn_con .a_btn {display:inline-block; width:100%; height:min(62px, 3.23vw); cursor:default; pointer-events:none;} /* 2026-10-30 제품 리스트 상단 장식 화살표 — 클릭 막고 커서 기본 */ #sub_con > .contents_con > .title_con > .slidedown_btn_con .a_btn img {width:100%;} #sub_con > .contents_con > .contents_con {min-height:min(500px, 26.04vw);} #sub_con > .contents_con.width_100 {max-width:100%;} #sub_con > .contents_con.pt_0 {padding-top:0;} #sub_con > .contents_con.pb_0 {padding-bottom:0;} /*BRAND STORY*/ .brandstory_sub01_con {} .brandstory_sub01_con > .title_con {margin:min(20px, 1.04vw) 0 min(120px, 6.25vw) 0;} .brandstory_sub01_con > .title_con > .contents_con {width:100%; max-width:min(1720px, 89.58vw); margin:0 auto;} .brandstory_sub01_con > .title_con > .contents_con > .text_con {text-align:center;} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text01_con {} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text01_con span {font-size:min(60px, 3.13vw); color:#1B1B17; font-weight:700; line-height:130%; letter-spacing:max(-3px, -0.16vw);} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text02_con {margin:min(40px, 2.08vw) 0 0 0;} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text02_con span {font-size:min(20px, 1.04vw); color:#1B1B17; line-height:140%;} .brandstory_sub01_con > .contents_con {} .brandstory_sub01_con > .contents_con > .info01_con {background-image:url("/en/img/brandstory/brandstory_sub01_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con {width:100%; max-width:min(1720px, 89.58vw); margin:0 auto; padding:min(305px, 15.89vw) 0 min(313px, 16.3vw) 0;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con {margin:0 0 min(48px, 2.5vw) 0; text-align:center;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text01_con {} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text01_con span {font-size:min(32px, 1.67vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.64px, -0.03vw);} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text02_con {} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text02_con span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.84px, -0.04vw);} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .contents_con {} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .contents_con > .text_con {text-align:center;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .contents_con > .text_con p {margin:min(22px, 1.15vw) 0 0 0; font-size:min(20px, 1.04vw); color:#FFF; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .contents_con > .text_con p:first-child {margin:0;} .brandstory_sub01_con > .contents_con > .info02_con {} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con {} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con:after {content:""; display:block; clear:both;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .img_con {float:left; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .img_con > .img img {width:100%;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con {float:right; display:flex; flex-direction:column; justify-content:center; width:50%; padding:min(126px, 6.56vw); word-break:keep-all;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con {margin:0 0 min(40px, 2.08vw) 0;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text01_con {} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:min(32px, 1.67vw); color:#D9D9D9; font-weight:700; line-height:140%; letter-spacing:max(-0.64px, -0.03vw);} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text02_con {} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:min(42px, 2.19vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.84px, -0.04vw);} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .info_con {} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .info_con > .text_con p {margin:min(22px, 1.15vw) 0 0 0; font-size:min(20px, 1.04vw); color:#6D6D6D; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .info_con > .text_con p:first-child {margin:0;} .brandstory_sub01_con > .contents_con > .info03_con {} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con {} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con:after {content:""; display:block; clear:both;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .img_con {float:right; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .img_con > .img img {width:100%;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con {float:left; display:flex; flex-direction:column; justify-content:center; width:50%; padding:min(126px, 6.56vw); word-break:keep-all;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con {margin:0 0 min(40px, 2.08vw) 0;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con {} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:min(32px, 1.67vw); color:#D9D9D9; font-weight:700; line-height:140%; letter-spacing:max(-0.64px, -0.03vw);} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con {} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:min(42px, 2.19vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.84px, -0.04vw);} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .info_con {} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .info_con > .text_con p {margin:min(22px, 1.15vw) 0 0 0; font-size:min(20px, 1.04vw); color:#6D6D6D; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .info_con > .text_con p:first-child {margin:0;} .brandstory_sub01_con > .contents_con > .info04_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con:after {content:""; display:block; clear:both;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .img_con {float:left; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .img_con > .img img {width:100%;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con {float:right; display:flex; flex-direction:column; justify-content:center; width:50%; padding:min(126px, 6.56vw); word-break:keep-all;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con {margin:0 0 min(40px, 2.08vw) 0;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text01_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:min(32px, 1.67vw); color:#D9D9D9; font-weight:700; line-height:140%; letter-spacing:max(-0.64px, -0.03vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text02_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:min(42px, 2.19vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.84px, -0.04vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li {margin:min(22px, 1.15vw) 0 0 0;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .title_con {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .title_con > table {width:100%; margin:0 auto;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .title_con > table > tbody > tr > td {} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .title_con > table > tbody > tr > td span {font-size:min(20px, 1.04vw); color:#6D6D6D; font-weight:700; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .title_con > table > tbody > tr > .dot_td {width:min(30px, 1.56vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .info_con {padding:0 0 0 min(30px, 1.56vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li .list_div > .info_con span {font-size:min(20px, 1.04vw); color:#6D6D6D; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li:first-child {margin:0;} /*제품 리스트*/ .product_list_con {} .product_list_con > ul {} .product_list_con > ul > li {float:left; width:min(421px, 21.9225vw); margin:min(12px, 0.63vw) min(12px, 0.63vw) 0 0;} .product_list_con > ul > li > a {display:block;} .product_list_con > ul > li > a > .list_div {position:relative; top:0; left:0; overflow:hidden;} .product_list_con > ul > li > a > .list_div > .contents_con {background-color:#f5f5f5; padding:min(50px, 2.6vw); position:relative; top:0; left:0;} .product_list_con > ul > li > a > .list_div > .contents_con:after {content:""; display:block; clear:both;} .product_list_con > ul > li > a > .list_div > .contents_con > .new_con {position:absolute; top:min(30px, 1.56vw); right:min(30px, 1.56vw); z-index:10;} .product_list_con > ul > li > a > .list_div > .contents_con > .new_con span {font-size:min(20px, 1.04vw); color:#1b1b17; font-weight:700; line-height:140%;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con {width:min(320px, 16.67vw); margin:0 auto; position:relative; top:0; left:0;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con .img {background-repeat:no-repeat; background-size:cover; background-position:center;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con .img img {width:100%;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con > .soon {display:none; width:100%; margin:0 auto; text-align:center; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con > .soon span {font-size:min(40px, 2.08vw); color:#9A9A9A; font-weight:700; line-height:130%; letter-spacing:max(-0.8px, -0.04vw);} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con {margin:min(32px, 1.67vw) 0 0 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con {margin:0 0 min(20px, 1.04vw) 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .eng_con {} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .eng_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(14px, 1.04vw); color:#3f3937; line-height:140%; letter-spacing:max(-0.56px, -0.03vw);} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .kor_con {margin:min(8px, 0.42vw) 0 0 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .kor_con span {display:block; height:min(62px, 3.22vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:min(22px, 1.15vw); color:#1b1b17; font-weight:700; line-height:min(31px, 1.61vw); letter-spacing:max(-0.44px, -0.02vw);} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .info_con {} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .info_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(16px, 0.83vw); color:#969191; line-height:140%; letter-spacing:max(-0.32px, -0.02vw);} .product_list_con > ul > li > a > .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:#f5f5f5; position:absolute; top:0; left:0; right:0; z-index:10; opacity:0; transition:all 0.5s ease;} .product_list_con > ul > li > a > .list_div > .over_con > .img_con {margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; left:0; right:0; z-index:10;} .product_list_con > ul > li > a > .list_div > .over_con > .img_con.none {width:min(320px, 16.67vw); top:min(50px, 2.6vw);} .product_list_con > ul > li > a > .list_div > .over_con > .img_con.has {width:100%; height:100%; top:0;} .product_list_con > ul > li > a > .list_div > .over_con > .btn_con {width:100%; margin:0 auto; padding:min(30px, 1.56vw); position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_list_con > ul > li > a > .list_div > .over_con > .btn_con .span_btn {display:block; background-color:#1B1B17; text-align:center; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:min(57px, 2.97vw);} .product_list_con > ul > li > a > .list_div.soon {} .product_list_con > ul > li > a > .list_div.soon > .contents_con > .img_con > .img {opacity:0.2;} .product_list_con > ul > li > a > .list_div.soon > .contents_con > .img_con > .soon {display:block;} .product_list_con > ul > li > a:hover {} .product_list_con > ul > li > a:hover > .list_div > .over_con {opacity:1;} .product_list_con > ul > li > a:hover > .list_div.soon > .over_con {opacity:0;} .product_list_con > ul > li:nth-child(1) {margin-top:0;} .product_list_con > ul > li:nth-child(2) {margin-top:0;} .product_list_con > ul > li:nth-child(3) {margin-top:0;} .product_list_con > ul > li:nth-child(4) {margin-top:0;} .product_list_con > ul > li:nth-child(4n) {margin-right:0;} .product_list_con > ul > .none_li {float:none; width:auto; text-align:center;} .product_list_con > ul > .none_li span {font-size:min(22px, 1.15vw); color:#1b1b17; font-weight:700; line-height:min(500px, 26.04vw); letter-spacing:max(-0.44px, -0.02vw);} /*제품 뷰 페이지*/ .product_view_con {} .product_view_con > .info01_con {} .product_view_con > .info01_con > .contents_con {} .product_view_con > .info01_con > .contents_con:after {content:""; display:block; clear:both;} .product_view_con > .info01_con > .contents_con > .img_con {float:left; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .product_view_con > .info01_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .product_view_con > .info01_con > .contents_con > .img_con > .img img {width:100%;} .product_view_con > .info01_con > .contents_con > .text_con {float:right; width:50%; padding:min(238px, 12.4vw) min(100px, 5.21vw) min(100px, 5.21vw) min(100px, 5.21vw); word-break:keep-all;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con {} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .new_con {margin:0 0 min(3px, 0.16vw) 0;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .new_con span {display:inline-block; position:relative; top:0; left:0; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:140%;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .new_con span span {position:absolute; top:0; left:0; z-index:10;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .title_con {margin:0 0 min(16px, 0.83vw) 0;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .title_con span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.8px, -0.04vw);} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .info_con {} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .info_con span {font-size:min(18px, 0.94vw); color:#FFF; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con {margin:min(64px, 3.33vw) 0 0 0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li {border-bottom:1px solid rgba(255,255,255,0.30); padding:min(24px, 1.25vw) 0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table {width:100%; margin:0 auto;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td {vertical-align:top;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:min(18px, 0.94vw); color:#FFF; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:min(130px, 6.77vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td span {font-weight:600;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 min(17px, 0.89vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td span {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li {float:left; width:min(126px, 6.56vw); margin:0 0 0 min(8px, 0.42vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li > a {display:block;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li > a img {width:100%;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li:nth-child(1) {margin-left:0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul {} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li {float:left; width:min(126px, 6.56vw); margin:0 0 0 min(8px, 0.42vw);} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li > a {display:block;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li > a img {width:100%;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li:nth-child(1) {margin-left:0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li:first-child {padding-top:0;} .product_view_con > .info02_con {} .product_view_con > .info02_con > .contents_con {} .product_view_con > .info02_con > .contents_con:after {content:""; display:block; clear:both;} .product_view_con > .info02_con > .contents_con > .img_con {float:right; width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .product_view_con > .info02_con > .contents_con > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .product_view_con > .info02_con > .contents_con > .img_con > .img img {width:100%;} .product_view_con > .info02_con > .contents_con > .text_con {float:left; display:flex; flex-direction:column; justify-content:space-between; width:50%; padding:min(100px, 5.21vw); word-break:keep-all;} .product_view_con > .info02_con > .contents_con > .text_con > .text_con {} .product_view_con > .info02_con > .contents_con > .text_con > .text_con span {font-size:min(40px, 2.08vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.8px, -0.04vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con {margin:0 0 0 0;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul {} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li {border-bottom:1px solid rgba(27,27,23,0.30); padding:min(24px, 1.25vw) 0;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div {} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table {width:100%; margin:0 auto;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td {vertical-align:top;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:min(18px, 0.94vw); color:#1B1B17; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:min(100px, 5.21vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td span {font-weight:600;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 min(17px, 0.89vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td span {} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td02 {padding:0 0 0 min(17px, 0.89vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td02 span {font-size:min(16px, 0.83vw); color:#4E4848; letter-spacing:max(-0.32px, -0.02vw);} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li:first-child {padding-top:0;} .product_view_con > .info03_con {} .product_view_con > .info03_con > .contents_con {} .product_view_con > .info03_con > .contents_con .img_con {height:min(916px, 47.71vw); background-repeat:no-repeat; background-size:cover; background-position:center;} .product_view_con > .info04_con {background-image:url("/en/img/product/product_view_info04_con_bg.png"); background-repeat:no-repeat; background-size:min(1920px, 100vw); background-position:top center;} .product_view_con > .info04_con > .contents_con {display:flex; justify-content:center; width:100%; max-width:min(1396px, 72.71vw); margin:0 auto; padding:min(143px, 7.45vw) 0 min(129px, 6.72vw) 0;} .product_view_con > .info04_con > .contents_con .img_con {width:min(510px, 26.56vw); margin:0 0 0 min(40px, 2.08vw); position:relative; top:0; left:0;} .product_view_con > .info04_con > .contents_con .img_con > .img {overflow:hidden; border-radius:100%;} .product_view_con > .info04_con > .contents_con .img_con > .img img {width:100%;} .product_view_con > .info04_con > .contents_con .img_con > .view_con {position:absolute; z-index:10;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .btn_con {width:min(70px, 3.65vw);} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .btn_con img {width:100%; cursor:pointer;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .text_con {width:max-content; border:2px dashed #3F3937; background-color:#FFF; padding:min(18px, 0.94vw) min(30px, 1.56vw); overflow:hidden; border-radius:500px; position:absolute; top:0; z-index:10;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .text_con span {font-size:min(22px, 1.15vw); color:#1B1B17; font-weight:600; line-height:140%; letter-spacing:max(-0.44px, -0.02vw);} .product_view_con > .info04_con > .contents_con .img_con.img01 {} .product_view_con > .info04_con > .contents_con .img_con.img01 > .view_con {bottom:min(18px, 0.94vw); left:min(58px, 3.02vw);} .product_view_con > .info04_con > .contents_con .img_con.img01 > .view_con > .text_con {right:min(82px, 4.27vw);} .product_view_con > .info04_con > .contents_con .img_con.img02 {} .product_view_con > .info04_con > .contents_con .img_con.img02 > .view_con {top:0; right:min(77px, 4.01vw);} .product_view_con > .info04_con > .contents_con .img_con.img02 > .view_con > .text_con {left:min(82px, 4.27vw);} .product_view_con > .info04_con > .contents_con .img_con:first-child {margin:0;} .product_view_con > .info05_con {} .product_view_con > .info05_con > .contents_con {width:100%; max-width:min(1396px, 72.71vw); margin:0 auto; padding:min(30px, 1.56vw) 0 min(300px, 15.62vw) 0;} .product_view_con > .info05_con > .contents_con > .aaa_con {width:100%; max-width:min(1083px, 56.41vw); margin:0 auto;} .product_view_con > .info05_con > .contents_con > .aaa_con > .img_con {width:min(530px, 27.6vw); margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center;} .product_view_con > .info05_con > .contents_con > .aaa_con > .img_con img {width:100%;} .product_view_con > .info05_con > .contents_con > .aaa_con > .btn_con {margin:min(64px, 3.33vw) 0; text-align:center;} .product_view_con > .info05_con > .contents_con > .aaa_con > .btn_con .a_btn {display:inline-block; width:min(62px, 3.23vw); cursor:default; pointer-events:none;} /* 2026-10-30 단순 장식 화살표 — 클릭 막고 커서 기본 */ .product_view_con > .info05_con > .contents_con > .aaa_con > .btn_con .a_btn > img {width:100%;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con {text-align:center; word-break:keep-all;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text01_con {} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text01_con span {font-size:min(56px, 2.92vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-1.12px, -0.06vw);} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text02_con {margin:min(40px, 2.08vw) 0 0 0;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text02_con span {font-size:min(22px, 1.15vw); color:#1B1B17; line-height:140%; letter-spacing:max(-0.44px, -0.02vw);} .product_view_con > .info05_con > .contents_con > .option_con {margin:min(150px, 7.81vw) 0 0 0;} .product_view_con > .info05_con > .contents_con > .option_con > ul {} .product_view_con > .info05_con > .contents_con > .option_con > ul > li {float:left; width:min(670px, 34.89vw); margin:0 min(56px, 2.91vw) 0 0; padding:min(24px, 1.25vw) 0; border-bottom:1px solid rgba(27,27,23,0.30);} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div {} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table {width:100%; margin:0 auto;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > td {} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:min(18px, 0.94vw); color:#1B1B17; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:min(160px, 8.33vw);} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td span {font-weight:600;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 min(17px, 0.89vw);} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td span {} .product_view_con > .info05_con > .contents_con > .option_con > ul > li:nth-child(1) {padding-top:0;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li:nth-child(2) {padding-top:0;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li:nth-child(2n) {margin-right:0;} /*제품 뷰 페이지 - 스킨케어*/ .product_view_con.product01 {} .product_view_con.product01 > .info01_con > .contents_con > .text_con {background-color:#3F3937;} /*제품 뷰 페이지 - 헤어케어*/ .product_view_con.product02 {} .product_view_con.product02 > .info01_con > .contents_con > .text_con {background-color:#DE0067;} /*INNOCENCE X INNOVATION*/ .ixi_sub01_con {} .ixi_sub01_con > .title_con {margin:min(20px, 1.04vw) 0 min(160px, 8.33vw) 0;} .ixi_sub01_con > .title_con > .contents_con {width:100%; max-width:min(1720px, 89.58vw); margin:0 auto;} .ixi_sub01_con > .title_con > .contents_con > .text_con {text-align:center;} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text01_con {} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text01_con span {font-size:min(60px, 3.13vw); color:#1B1B17; font-weight:700; line-height:130%; letter-spacing:max(-3px, -0.16vw);} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text02_con {margin:min(40px, 2.08vw) 0 0 0;} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text02_con span {font-size:min(20px, 1.04vw); color:#1B1B17; line-height:140%;} .ixi_sub01_con > .contents_con {} .ixi_sub01_con > .contents_con > .list_con {} .ixi_sub01_con > .contents_con > .list_con > ul {} .ixi_sub01_con > .contents_con > .list_con > ul > li {float:left; margin:min(12px, 0.63vw) 0 0 0;} .ixi_sub01_con > .contents_con > .list_con > ul > li a {display:block;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div {background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; top:0; left:0; overflow:hidden;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con {width:100%; margin:0 auto; padding:min(40px, 2.08vw); position:absolute; bottom:0; left:0; right:0; z-index:10; opacity:1; transition:all 0.5s ease;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con span {display:inline-block; font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.6px, -0.03vw); vertical-align:middle;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con .bar {margin:0 min(5px, 0.26vw); font-size:min(10px, 0.52vw); font-weight:400;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:10; opacity:0; transition:all 0.5s ease;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con {width:100%; margin:0 auto; padding:min(40px, 2.08vw); text-align:center; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .text_con {} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .text_con > .text01_con {} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .text_con > .text01_con span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .text_con > .text02_con {} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .text_con > .text02_con span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.6px, -0.03vw);} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .btn_con {margin:min(22px, 1.15vw) 0 0 0;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .btn_con .div_btn {display:inline-block; width:min(160px, 8.33vw); background-color:#1B1B17; text-align:center; overflow:hidden; border-radius:min(8px, 0.42vw);} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .btn_con .div_btn > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:min(49px, 2.55vw); vertical-align:middle;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con > .contents_con > .btn_con .div_btn > img {width:min(20px, 1.04vw); margin:0 0 0 min(10px, 0.52vw); vertical-align:middle;} .ixi_sub01_con > .contents_con > .list_con > ul > li a:hover {} .ixi_sub01_con > .contents_con > .list_con > ul > li a:hover > .list_div > .text_con {opacity:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li a:hover > .list_div > .over_con {opacity:1;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(1) {width:33.33%; padding:0 min(6px, 0.315vw) 0 0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(2) {width:33.34%; padding:0 min(6px, 0.315vw);} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(3) {width:33.33%; padding:0 0 0 min(6px, 0.315vw);} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) {width:50%;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul {} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul > li {float:left; width:50%; padding:min(12px, 0.63vw) min(12px, 0.63vw) 0 0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul > li:nth-child(1) {padding-top:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul > li:nth-child(2) {padding-top:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(5) {width:50%;} /*INNOCENCE X INNOVATION 뷰 페이지*/ .ixi_sub01_view_con {} .ixi_sub01_view_con > .contents_con {} .ixi_sub01_view_con > .contents_con .contents_div {} .ixi_sub01_view_con > .contents_con .contents_div:after {content:""; display:block; clear:both;} .ixi_sub01_view_con > .contents_con .contents_div > .img_con {width:50%; background-color:#F5F5F5; position:relative; top:0; left:0; overflow:hidden;} .ixi_sub01_view_con > .contents_con .contents_div > .img_con > .img {width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} .ixi_sub01_view_con > .contents_con .contents_div > .img_con > .img img {width:100%;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con {display:flex; flex-direction:column; justify-content:center; width:50%; padding:min(100px, 5.21vw); word-break:keep-all;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con {} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text01_con {margin:0 0 min(4px, 0.21vw) 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text01_con span {font-size:min(24px, 1.25vw); color:#3F3937; font-weight:700; line-height:140%; letter-spacing:max(-0.48px, -0.03vw);} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text02_con {} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text02_con span {display:inline-block; font-size:min(40px, 2.08vw); color:#1B1B17; font-weight:700; line-height:140%; letter-spacing:max(-0.8px, -0.04vw); vertical-align:middle;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text02_con .bar {margin:0 min(15px, 0.78vw); font-size:min(22px, 1.15vw); font-weight:400;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con {margin:min(54px, 2.81vw) 0 0 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con span {font-size:min(18px, 0.94vw); color:#1B1B17; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con .intro_con {margin:min(30px, 1.56vw) 0 0 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con .intro_con span {font-size:min(14px, 0.73vw); color:#666; line-height:140%; letter-spacing:max(-0.28px, -0.01vw);} .ixi_sub01_view_con > .contents_con .contents_div.info01 {} .ixi_sub01_view_con > .contents_con .contents_div.info02 {} .ixi_sub01_view_con > .contents_con .contents_div.info02 > .text_con {text-align:center;} .ixi_sub01_view_con > .contents_con .contents_div.info03 {} .ixi_sub01_view_con > .contents_con .contents_div.info03 > .text_con {text-align:center;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(odd) {} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(odd) > .img_con {float:left;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(odd) > .text_con {float:right;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(even) {} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(even) > .img_con {float:right;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(even) > .text_con {float:left;} /*INNOCENCE X INNOVATION - Rice Bran 뷰 페이지*/ .ixi_sub01_view_con.view01 {} /*INNOCENCE X INNOVATION - Korean Pear 뷰 페이지*/ .ixi_sub01_view_con.view02 {} /*INNOCENCE X INNOVATION - Centella Asiatica 뷰 페이지*/ .ixi_sub01_view_con.view03 {} /*INNOCENCE X INNOVATION - Hyaluronic Acid 뷰 페이지*/ .ixi_sub01_view_con.view04 {} /*INNOCENCE X INNOVATION - Collagen 뷰 페이지*/ .ixi_sub01_view_con.view05 {} /*INNOCENCE X INNOVATION - Panthenol 뷰 페이지*/ .ixi_sub01_view_con.view06 {} /*INNOCENCE X INNOVATION - Phyto-PDRN 뷰 페이지*/ .ixi_sub01_view_con.view07 {} /*INNOCENCE X INNOVATION - Ceramide NP 뷰 페이지*/ .ixi_sub01_view_con.view08 {} /* HDG 2026-11-01 판매처·Shop 로고: 어두운 칸은 CSS 로 그리고 로고 파일은 투명 (관리자 > 판매처 관리에서 한 번만 등록) */ .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li > a, .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li > a {display:flex; align-items:center; justify-content:center; aspect-ratio:3 / 1; background-color:#36302E; border-radius:4px; overflow:hidden;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li > a img, .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li > a img {width:80%; height:42%; object-fit:contain;}