/* vw 계산 기준 360px */ @media all and (max-width: 1024px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} /*헤더*/ #header > .contents_con {max-width:88.89vw;} #header > .contents_con > table > tbody > tr > td {height:16.67vw;} #header > .contents_con > table > tbody > tr > .menu_btn_td {display:table-cell; width:11.11vw;} #header > .contents_con > table > tbody > tr > .logo_td {width:auto; text-align:center;} #header > .contents_con > table > tbody > tr > .logo_td > a {width:26.67vw;} #header > .contents_con > table > tbody > tr > .nav_td {display:none;} #header > .contents_con > table > tbody > tr > .language_td {width:15.28vw; white-space:nowrap;} /* 2026-10-29 "ENG" + 화살표가 12.5vw 에 안 들어가 화살표가 아래로 떨어졌다 → 언어 목록 폭(15.28vw)과 맞춤 */ #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn > span {font-size:3.89vw;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .btn_con .a_btn > img {width:2.22vw; margin:0 0 0 1.67vw;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con {width:15.28vw; padding:2.78vw 0; top:8.33vw; border-radius:1.39vw;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li {margin:1.39vw 0 0 0;} #header > .contents_con > table > tbody > tr > .language_td > .m_con > .list_con > ul > li a {font-size:3.33vw;} /*모바일 메인 메뉴*/ #m_main_nav > .contents_con {padding:16.67vw 0 0 0;} #m_main_nav > .contents_con > .scroll_con::-webkit-scrollbar {width:0.83vw;} #m_main_nav > .contents_con > .scroll_con > .contents_con {padding:22.22vw 0;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li {margin:13.89vw 0 0 0;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a {font-size:5.56vw; letter-spacing:-0.11vw;} /*헤더 스크롤*/ #header.scroll {backdrop-filter:blur(15px);} /*메인 컨텐츠*/ #main_con > .info01_con > .contents_con > .video_con {padding-bottom:177.78%;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .contents_con {padding:0;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg01 > .bg {background-image:url("/img/main/m_main_info02_list_bg01.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg02 > .bg {background-image:url("/img/main/m_main_info02_list_bg02.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div.bg03 > .bg {background-image:url("/img/main/m_main_info02_list_bg03.png");} #main_con > .info02_con > .contents_con > .list_con > ul > li > a:hover > .list_div > .contents_con > .view_more_con {display:none;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a:hover > .list_div > .over_con {display:none;} #main_con > .info02_con > .contents_con > .text_con {padding:6.67vw 0 9.44vw 0;} #main_con > .info02_con > .contents_con > .text_con span {font-size:7.78vw; letter-spacing:-0.39vw;} #main_con > .info03_con > .contents_con > .img_con {float:none; width:auto;} #main_con > .info03_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} #main_con > .info03_con > .contents_con > .text_con {float:none; display:block; width:auto; padding:11.11vw 5.56vw;} #main_con > .info03_con > .contents_con > .text_con > .title_con {margin:0 0 11.11vw 0;} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:4.44vw;} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con {margin:3.33vw 0 0 0;} #main_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:7.78vw; letter-spacing:-0.16vw;} #main_con > .info03_con > .contents_con > .text_con > .info_con {border-top:0.28vw solid #9A9A9A; margin:0; padding:5.56vw 0 0 0;} #main_con > .info03_con > .contents_con > .text_con > .info_con p {margin:2.22vw 0 0 0; font-size:3.89vw;} #main_con > .info04_con > .contents_con {max-width:88.89vw; padding:11.11vw 0;} #main_con > .info04_con > .contents_con > .title_con {max-width:100%; margin-bottom:11.11vw; text-align:center;} #main_con > .info04_con > .contents_con > .title_con > .text_con span {font-size:10vw;} #main_con > .info04_con > .contents_con > .title_con > .btn_con {margin:4.44vw 0 0 0; position:relative; top:0; transform:translateY(0);} #main_con > .info04_con > .contents_con > .title_con > .btn_con .a_btn {font-size:3.89vw;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li {float:none; width:auto; margin:6.67vw 0 0 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con {margin:2.22vw 0 0 0; padding-left:0;} #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:7.5vw;} #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:4.44vw;} #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;} #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 {font-size:3.89vw;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text02_con {margin:1.11vw 0 0 0; padding:0; position:relative; top:0; transform:translateY(0);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > .text02_con span {font-size:6.67vw;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(1) {padding:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(2) {padding:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(3) {padding:0;} #main_con > .info05_con {background-image:url("/img/main/m_main_info05_con_bg.png"); background-size:100vw;} #main_con > .info05_con > .contents_con {padding:27.78vw 0 36.11vw 0;} #main_con > .info05_con > .contents_con > .title_con {max-width:88.89vw; margin-bottom:22.22vw;} #main_con > .info05_con > .contents_con > .title_con > .text01_con span {font-size:10vw; letter-spacing:-0.5vw;} #main_con > .info05_con > .contents_con > .title_con > .text02_con {margin:4.44vw 0 0 0;} #main_con > .info05_con > .contents_con > .title_con > .text02_con span {font-size:3.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav {max-width:88.89vw; margin-bottom:29.17vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con {display:block;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li {float:none; margin:1.39vw 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img01 img {height:48.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img02 img {height:43.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con.img03 img {height:45.56vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con {display:block; margin:4.44vw 0 0 0; opacity:0;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con span {font-size:5.56vw; letter-spacing:-0.17vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con .bar {margin:0 1.39vw; font-size:2.78vw;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .bar_con {margin:3.33vw 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .bar_con div {width:25vw; height:2.78vw; border-radius:2.78vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con {max-width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con {width:88.89vw; margin:0 auto; margin-bottom:11.94vw; position:relative; top:0; transform:translateY(0);} #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:9.44vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text01_con {margin:3.33vw 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:5.56vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .title_con > .text02_con {margin:6.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 {margin:6.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:3.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info01_con > .contents_con > .contents_con > .img_con {width:100%;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con {margin:56.94vw 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con {max-width:88.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con {width:79.72vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con > .img {width:43.89vw;} #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:8.33vw;} #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:1.67vw 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:5vw;} #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:3.89vw 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:3.33vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .dot {width:0.28vw; height:0.28vw;} #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:0.28vw;} #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:0.83vw; height:0.83vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 {top:-31.67vw; left:-1.67vw;} #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:-1.39vw; right:initial; left:12.5vw;} #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:23.89vw; transform:rotate(65.4deg);} #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:29.17vw; transform:rotate(83.4deg);} #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:38.33vw; transform:rotate(92.1deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 {bottom:-21.11vw; right:-8.61vw;} #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:-3.89vw; left:22.78vw;} #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:33.33vw; transform:rotate(80.9deg);} #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:25vw; transform:rotate(61.3deg);} #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:20.83vw; transform:rotate(42deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 {bottom:-43.61vw; left:-6.11vw;} #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:-4.44vw; right:initial; left:21.39vw;} #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:43.61vw; transform:rotate(-91.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 .line02 {width:35.83vw; transform:rotate(-82.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 .line03 {width:20.83vw; transform:rotate(-74.8deg);} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg01 {display:none;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg02 {width:14.17vw; top:50.56vw; left:-1.94vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg03 {display:none;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg04 {width:28.06vw; top:-9.72vw; right:-8.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .ingredient_con > .info02_con > .bg05 {display:none;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con {margin:71.11vw 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con {max-width:88.89vw; padding:0;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con {width:auto; margin:38.34vw 0 0 0; text-align:center; position:relative; top:0;} #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:9.44vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .text_con > .text02_con {margin:6.67vw 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:3.89vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .title_con > .btn_con {margin:6.67vw 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 {width:68.89vw; font-size:4.44vw; line-height:11.67vw;} #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div > .product_con > .contents_con > .contents_con > .img_con > .img01_con {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:78.61vw; bottom:-22.78vw; right:initial; left:0;} #main_con > .info05_con > .bg {filter:blur(250px);} #main_con > .info05_con > .bg01 {width:279.44vw; height:279.44vw; top:-93.33vw;} #main_con > .info05_con > .bg02 {width:202.22vw; height:202.22vw; bottom:42.22vw; left:-86.39vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li {float:none; width:auto;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con {padding:51.67vw 5.56vw 8.33vw 5.56vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con {margin:0 0 4.44vw 0;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con span {font-size:8.89vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con span {font-size:3.89vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con {width:auto; margin:5.56vw 0 0 0; text-align:left;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn {width:36.11vw; border-radius:2.22vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > span {font-size:3.89vw; line-height:10vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > img {width:5.56vw; margin:0 0 0 1.67vw;} #main_con > .info06_con > .contents_con > .list_con > ul > li .list_div.bg01 > .bg {background-image:url("/img/main/m_main_info06_list_bg01.png"); filter:blur(20px);} /*푸터*/ #footer > .info01_con > .contents_con {max-width:88.89vw; padding:13.89vw 0 22.22vw 0;} #footer > .info01_con > .contents_con > .text_con > .text01_con img {width:28.33vw;} #footer > .info01_con > .contents_con > .text_con > .text02_con {margin:5.56vw 0 0 0;} #footer > .info01_con > .contents_con > .text_con > .text02_con span {font-size:8.33vw; letter-spacing:-0.33vw;} #footer > .info01_con > .contents_con > .nav {margin:9.72vw 0 0 0;} #footer > .info01_con > .contents_con > .nav > ul > li {width:43.33vw; margin:2.23vw 2.23vw 0 0;} #footer > .info01_con > .contents_con > .nav > ul > li a {display:block; border:0.28vw solid #4D4440; text-align:center; font-size:3.89vw; line-height:8.89vw;} #footer > .info01_con > .contents_con > .nav > ul > li:nth-child(1) {margin-top:0;} #footer > .info01_con > .contents_con > .nav > ul > li:nth-child(2) {margin-top:0;} #footer > .info01_con > .contents_con > .nav > ul > li:nth-child(2n) {margin-right:0;} #footer > .info01_con > .contents_con > .nav > ul > li:nth-child(3) {width:88.89vw; margin-right:0;} /* 2026-10-28 HAIRCARE 숨김 뒤 3번째(INNOCENCE X INNOVATION)는 시안처럼 한 줄 전체 폭 */ #footer > .info01_con > .contents_con > .sns_con {margin:9.72vw 0 0 0; text-align:left; position:relative; bottom:0;} #footer > .info01_con > .contents_con > .sns_con > .list_con {display:block;} #footer > .info01_con > .contents_con > .sns_con > .list_con > ul > li {width:8.89vw; margin:0 0 0 4.44vw;} #footer > .info01_con > .contents_con > .top_btn {width:7.5vw; top:13.89vw;} #footer > .info02_con {border-top:0.28vw solid #9A9A9A;} #footer > .info02_con > .contents_con {max-width:88.89vw; padding:5.56vw 0 7.5vw 0; text-align:center;} #footer > .info02_con > .contents_con > .nav {float:none;} #footer > .info02_con > .contents_con > .nav span {font-size:3.89vw;} #footer > .info02_con > .contents_con > .nav span .m_dot {display:none;} #footer > .info02_con > .contents_con > .copyright {float:none; margin:4.44vw 0 0 0;} #footer > .info02_con > .contents_con > .copyright span {font-size:3.89vw;} /*약관 팝업*/ .terms_popup_con {max-width:88.89vw;} .terms_popup_con > .contents_con {padding:5.56vw;} .terms_popup_con > .contents_con > .title_con {margin:0 0 5.56vw 0;} .terms_popup_con > .contents_con > .title_con span {font-size:5vw;} .terms_popup_con > .contents_con > .posts_con {border-top:0.28vw solid #121212; border-bottom:0.28vw solid #E8E8E8; padding:1.39vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con {height:83.33vw; padding:1.39vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar {width:0.83vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-thumb {border-radius:0.83vw;} .terms_popup_con > .contents_con > .close_btn {width:7.22vw; top:2.22vw; right:2.22vw;} /*서브 컨텐츠*/ #sub_con {padding:16.67vw 0 0 0;} #sub_con > .banner_con {padding:0;} #sub_con > .banner_con > .contents_con {height:28.89vw;} #sub_con > .banner_con.product01 > .contents_con {background-image:url("/img/product/m_product01_banner_con_bg.png");} #sub_con > .banner_con.product02 > .contents_con {background-image:url("/img/product/m_product02_banner_con_bg.png");} #sub_con > .contents_con {max-width:88.89vw; padding:16.67vw 0 11.11vw 0;} #sub_con > .contents_con > .title_con {margin:0 0 11.11vw 0; padding:0;} #sub_con > .contents_con > .title_con > .text_con {text-align:center;} #sub_con > .contents_con > .title_con > .text_con > .text01_con {float:none;} #sub_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:8.89vw; letter-spacing:-0.44vw;} #sub_con > .contents_con > .title_con > .text_con > .text02_con {float:none; margin:6.67vw 0 0 0; padding:0;} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con span {font-size:4.44vw; letter-spacing:-0.22vw;} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con {margin:2.22vw 0 0 0;} #sub_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con span {font-size:3.89vw;} #sub_con > .contents_con > .title_con > .slidedown_btn_con {width:auto; margin:11.11vw 0 0 0; position:relative; top:0; transform:translateY(0);} #sub_con > .contents_con > .title_con > .slidedown_btn_con .a_btn {width:11.67vw;} #sub_con > .contents_con > .contents_con {min-height:83.33vw;} /*BRAND STORY*/ .brandstory_sub01_con > .title_con {margin:5.56vw 0 22.22vw 0;} .brandstory_sub01_con > .title_con > .contents_con {max-width:88.89vw;} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text01_con span {font-size:8.89vw; letter-spacing:-0.44vw;} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text02_con {margin:6.67vw 0 0 0;} .brandstory_sub01_con > .title_con > .contents_con > .text_con > .text02_con span {font-size:3.89vw;} .brandstory_sub01_con > .contents_con > .info01_con {background-image:url("/img/brandstory/m_brandstory_sub01_info01_con_bg.png");} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con {max-width:88.89vw; padding:22.22vw 0;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con {margin:0 0 10vw 0;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text01_con span {font-size:4.44vw; letter-spacing:-0.09vw;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > .text02_con span {font-size:8.89vw; letter-spacing:-0.18vw;} .brandstory_sub01_con > .contents_con > .info01_con > .contents_con > .contents_con > .text_con p {margin:3.89vw 0 0 0; font-size:3.89vw; letter-spacing:-0.08vw;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .img_con {float:none; width:auto;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con {float:none; display:block; width:auto; padding:16.67vw 5.56vw;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con {margin:0 0 11.11vw 0;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:4.44vw; letter-spacing:-0.09;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:8.89vw; letter-spacing:-0.18vw;} .brandstory_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > .info_con > .text_con p {margin:3.89vw 0 0 0; font-size:3.89vw; letter-spacing:-0.08vw;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .img_con {float:none; width:auto;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con {float:none; display:block; width:auto; padding:16.67vw 5.56vw;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con {margin:0 0 11.11vw 0;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:4.44vw; letter-spacing:-0.09;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:8.89vw; letter-spacing:-0.18vw;} .brandstory_sub01_con > .contents_con > .info03_con > .contents_con > .text_con > .info_con > .text_con p {margin:3.89vw 0 0 0; font-size:3.89vw; letter-spacing:-0.08vw;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .img_con {float:none; width:auto;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con {float:none; display:block; width:auto; padding:16.67vw 5.56vw;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con {margin:0 0 11.11vw 0;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:4.44vw; letter-spacing:-0.09;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:8.89vw; letter-spacing:-0.18vw;} .brandstory_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > .info_con > .list_con > ul > li {margin:3.89vw 0 0 0;} .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:3.89vw; letter-spacing:-0.08vw;} .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:5.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 5.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:3.89vw; font-size:3.89vw; letter-spacing:-0.08vw;} /*제품 리스트*/ .product_list_con > ul > li {float:none; width:auto; margin:3.33vw 0 0 0;} .product_list_con > ul > li > a > .list_div > .contents_con {padding:5.56vw 4.44vw;; transition:none;} .product_list_con > ul > li > a > .list_div > .contents_con > .new_con {top:2.78vw; right:2.78vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .new_con span {font-size:3.89vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con {float:left; width:38.89vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .img_con > .soon span {font-size:5.56vw; letter-spacing:-0.11vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con {float:right; width:38.89vw; margin:0; padding:10.83vw 0 0 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con {margin:0 0 3.33vw 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .eng_con span {height:9.44vw; white-space:normal; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:3.33vw; line-height:4.72vw; letter-spacing:-0.13vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .kor_con {margin:1.67vw 0 0 0;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .title_con > .kor_con span {height:12.22vw; font-size:4.44vw; line-height:6.11vw; letter-spacing:-0.09vw;} .product_list_con > ul > li > a > .list_div > .contents_con > .text_con > .info_con span {font-size:3.33vw; letter-spacing:-0.07vw;} .product_list_con > ul > li > a > .list_div > .over_con {display:none;} .product_list_con > ul > li > a:hover > .list_div > .contents_con {opacity:1;} .product_list_con > ul > li:nth-child(2) {margin-top:3.33vw;} .product_list_con > ul > li:nth-child(3) {margin-top:3.33vw;} .product_list_con > ul > li:nth-child(4) {margin-top:3.33vw;} .product_list_con > ul > .none_li span {font-size:4.44vw; line-height:83.33vw; letter-spacing:-0.09vw;} /*제품 뷰 페이지*/ .product_view_con > .info01_con > .contents_con > .img_con {float:none; width:auto;} .product_view_con > .info01_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .product_view_con > .info01_con > .contents_con > .text_con {float:none; width:auto; padding:11.11vw 5.56vw;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .new_con {margin:0 0 0.83vw 0;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .new_con span {font-size:3.89vw;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .title_con {margin:0 0 4.44vw 0;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .title_con span {font-size:6.67vw; letter-spacing:-0.13vw;} .product_view_con > .info01_con > .contents_con > .text_con > .text_con > .info_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con {margin:8.89vw 0 0 0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li {border-bottom:0.28vw solid rgba(255,255,255,0.30); padding:4.44vw 0;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:22.22vw;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 3.89vw;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .seller_con > ul > li {width:19.44vw; margin:0 0 0 2.22vw;} .product_view_con > .info01_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td .shop_con > ul > li {width:19.44vw; margin:0 0 0 2.22vw;} .product_view_con > .info02_con > .contents_con > .img_con {float:none; width:auto;} .product_view_con > .info02_con > .contents_con > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .product_view_con > .info02_con > .contents_con > .text_con {float:none; display:block; width:auto; padding:11.11vw 5.56vw;} .product_view_con > .info02_con > .contents_con > .text_con > .text_con span {font-size:6.67vw; letter-spacing:-0.13vw;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con {margin:17.78vw 0 0 0;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li {border-bottom:0.28vw solid rgba(27,27,23,0.30); padding:4.44vw 0;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:22.22vw;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 3.89vw;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td02 {padding:0 0 0 3.89vw;} .product_view_con > .info02_con > .contents_con > .text_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td02 span {font-size:3.33vw; letter-spacing:-0.07vw;} .product_view_con > .info03_con > .contents_con .img_con {height:100vw;} .product_view_con > .info04_con {background-image:url("/img/product/m_product_view_info04_con_bg.png"); background-size:100vw;} .product_view_con > .info04_con > .contents_con {display:block; max-width:61.11vw; padding:37.22vw 0;} .product_view_con > .info04_con > .contents_con .img_con {width:100%; margin:6.67vw 0 0 0;} .product_view_con > .info04_con > .contents_con .img_con > .view_con {width:9.44vw; margin:0 auto;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .btn_con {width:9.44vw;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .text_con {border:0.56vw dashed #3F3937; padding:3.33vw 8.33vw; border-radius:138.89vw;} .product_view_con > .info04_con > .contents_con .img_con > .view_con > .text_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info04_con > .contents_con .img_con.img01 > .view_con {bottom:initial; top:-6.67vw; left:0; right:0;} .product_view_con > .info04_con > .contents_con .img_con.img01 > .view_con > .text_con {top:initial; bottom:12.78vw; right:50%; transform:translateX(50%);} .product_view_con > .info04_con > .contents_con .img_con.img02 > .view_con {top:initial; bottom:-6.67vw; left:0; right:0;} .product_view_con > .info04_con > .contents_con .img_con.img02 > .view_con > .text_con {top:12.78vw; left:50%; transform:translateX(-50%);} .product_view_con > .info05_con > .contents_con {max-width:88.89vw; padding:11.11vw 0 13.89vw 0;} .product_view_con > .info05_con > .contents_con > .aaa_con {max-width:100%;} .product_view_con > .info05_con > .contents_con > .aaa_con > .img_con {width:100%;} .product_view_con > .info05_con > .contents_con > .aaa_con > .btn_con {margin:7.22vw 0;} .product_view_con > .info05_con > .contents_con > .aaa_con > .btn_con .a_btn {width:11.11vw;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text01_con span {font-size:6.67vw; letter-spacing:-0.13vw;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text02_con {margin:5vw 0 0 0;} .product_view_con > .info05_con > .contents_con > .aaa_con > .text_con > .text02_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info05_con > .contents_con > .option_con {margin:16.67vw 0 0 0;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li {float:none; width:auto; margin:0; padding:4.44vw 0; border-bottom:0.28vw solid rgba(27,27,23,0.30);} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > td span {font-size:3.89vw; letter-spacing:-0.08vw;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .title_td {width:22.22vw;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 3.89vw;} .product_view_con > .info05_con > .contents_con > .option_con > ul > li:nth-child(2) {padding-top:4.44vw;} /*INNOCENCE X INNOVATION*/ .ixi_sub01_con > .title_con {margin:5.56vw 0 22.22vw 0;} .ixi_sub01_con > .title_con > .contents_con {max-width:88.89vw;} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text01_con span {font-size:8.89vw; letter-spacing:-0.44vw;} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text02_con {margin:6.67vw 0 0 0;} .ixi_sub01_con > .title_con > .contents_con > .text_con > .text02_con span {font-size:3.89vw;} .ixi_sub01_con > .contents_con > .list_con > ul > li {float:none; margin:2.22vw 0 0 0;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div {height:100vw;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con {padding:5.56vw; transition:none;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con span {font-size:6.11vw; letter-spacing:-0.12vw;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .text_con .bar {margin:0 1.39vw; font-size:2.78vw;} .ixi_sub01_con > .contents_con > .list_con > ul > li a > .list_div > .over_con {display:none;} .ixi_sub01_con > .contents_con > .list_con > ul > li a:hover > .list_div > .text_con {opacity:1;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(1) {width:auto; padding:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(2) {width:auto; padding:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(3) {width:auto; padding:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) {width:auto;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul > li {float:none; width:auto; margin:2.22vw 0 0 0; padding:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(4) > ul > li:nth-child(1) {margin-top:0;} .ixi_sub01_con > .contents_con > .list_con > ul > li:nth-child(5) {width:auto;} /*INNOCENCE X INNOVATION 뷰 페이지*/ .ixi_sub01_view_con > .contents_con .contents_div > .img_con {width:auto;} .ixi_sub01_view_con > .contents_con .contents_div > .img_con > .img {position:relative; top:0; left:0; transform:translate(0, 0);} .ixi_sub01_view_con > .contents_con .contents_div > .text_con {display:block; width:auto; padding:16.67vw 5.56vw;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text01_con {margin:0 0 1.11vw 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text01_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text02_con span {font-size:6.11vw; letter-spacing:-0.12vw;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .title_con > .text02_con .bar {margin:0 1.39vw; font-size:2.78vw;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con {margin:8.33vw 0 0 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con .intro_con {margin:3.33vw 0 0 0;} .ixi_sub01_view_con > .contents_con .contents_div > .text_con > .info_con > .text_con .intro_con span {font-size:3.89vw; letter-spacing:-0.08vw;} .ixi_sub01_view_con > .contents_con .contents_div.info02 > .text_con {text-align:left;} .ixi_sub01_view_con > .contents_con .contents_div.info03 > .text_con {text-align:left;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(odd) > .img_con {float:none;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(odd) > .text_con {float:none;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(even) > .img_con {float:none;} .ixi_sub01_view_con > .contents_con .contents_div:nth-child(even) > .text_con {float:none;} }