@charset "utf-8";

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'TTTogether';
  src: url('TTTogether.woff2') format('woff2'),
      url('TTTogether.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 서브 공통 */

.sub_visual {position: relative;}
.sub_vis_bg {height: 700px; }
.sub_vis_bg_img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.sub_vis_bg_inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/images/sub/sub_vis_img1.jpg") center top no-repeat; background-size: cover; transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}
.sub_vis_txt {position: absolute; top: 230px; left: 0; right: 0; max-width: 1400px; width: 100%; margin: auto;}
.sub_vis_txt em {display: block; font-size: 20px; color: #ef5754;  font-family: 'SBAggroB';}
.sub_vis_txt h2 {font-size: 60px; color: #ef5754;  font-family: 'SBAggroB'; margin-top: 10px;}
.sub_vis_txt p {font-size: 25px; color: #000; font-weight: 500; margin-top: 10px; text-transform:uppercase}
.sub_visual .wave {background: url(/images/main/wave.png) repeat-x;  position: absolute; bottom: -70px; width: 6400px; height: 198px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite, swell 7s ease -1.25s infinite; transform: translate3d(0, 0, 0); opacity: 1;}
.sub_visual .baby-shape-svg.middle-left.sub_baby-shape {position: absolute; top: auto; bottom: -150px; left: 0; z-index: 15;}
#sub_content {padding-top: 150px; margin-bottom: 170px;}
.sub_inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.sub_txt {position: relative; text-align: center;}
.sub_txt.product:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; width: 1230px; height: 85px; background: url("/images/sub/sub_pd_txt1.png") center no-repeat; background-size: 100%;}
.sub_txt em {display: flex; align-items: center; justify-content: center; font-size: 16px; color: #ef5754; font-family: 'SBAggroB';}
.sub_txt em span {position: relative; display: inline-block; margin-left: 45px;}
.sub_txt em span:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -35px; width: 23px; height: 1px; background: #ef5754;}
.sub_txt h2 {font-size: 55px; color: #000; font-family: 'SBAggroB'; margin-top: 11px; letter-spacing: -0.5px;}
.sub_wrap {margin-top: 140px;}
.sub_menu {display: none;}

/* 리스트 페이지 */

.pd_list_wrap ul {position: relative; margin: -50px -20px;}
.pd_list_wrap ul:after {content: ""; display: block; clear: both;}
.pd_list_wrap ul li {float: left; width: 50%; padding: 50px 20px;}

.pd_list_wrap .img_wrap {position: relative; height: 600px; overflow: hidden; border-radius: 25px; z-index: 1;}
.pd_list_wrap ul li:hover .img_wrap:before {content: ""; background: rgba(239,87,84,0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.pd_list_wrap ul li:hover .img_wrap:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 70px; height: 70px; background: url("/images/sub/plus_white.png") center no-repeat; background-size: 100%; z-index: 3; }
.pd_list_wrap .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: none;}
.pd_list_wrap .txt_wrap {margin-top: 40px; text-align: center;}
.pd_list_wrap .txt_wrap em {display: block; font-size: 20px; color: #ef5754; font-family: 'SBAggroB'; text-align: center;}
.pd_list_wrap .txt_wrap h2 {font-size: 50px; color: #060606; font-family: 'SBAggroB'; margin-top: 10px;}
.pd_list_wrap .txt_wrap .text_content {font-size: 23px; line-height: 1.4; color: #7b7979; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em; overflow: hidden; text-overflow: ellipsis; margin-top: 20px; word-break: keep-all;}
.page_wrap {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 70px;}
.page_wrap ul {display: flex; align-items: center; justify-content: center;}
.page_wrap ul li {margin: 0 15px;}
.page_wrap ul li a {display: flex; align-items: center; justify-content: center; widtH: 45px; height: 45px; border-radius: 50%; font-size: 20px; color: #757575;}
.page_wrap ul li a.active {background: #000; color: #fff;}
.page_wrap .page_btn {margin: 0 10px;}
.page_wrap .page_btn img {width: 7px;}
.page_wrap .page_btn.page_btn2 img {width: 14px;}

/* 뷰페이지 */

.sub_pd_view {max-width: 1600px; margin: 0 auto; width: 100%;}
.sub_view_txt {position: relative; text-align: center; z-index: 1;}
.sub_view_txt:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 25px; width: 1230px; height: 85px; background: url("/images/sub/sub_pd_txt1.png") center no-repeat; background-size: 100%; z-index: -1;}
.sub_view_txt em {display: block; font-size: 16px; color: #ff9503; font-family: 'SBAggroB'; text-align: center;}
.sub_view_txt h2 {font-size: 65px; font-family: 'SBAggroB'; color: #ff9503; margin-top: 10px;}
.sub_view_txt p {font-size: 25px; line-height: 1.6; color: #000; font-weight: 500; margin-top: 50px;}
.sub_view_txt p span {display: block; font-size: 30px; font-weight: 700;}
.sub_view_menu1 {position: relative; margin-top: 140px;}
.sub_view_fix_txt {position: absolute; top: 140px; right: 60px; writing-mode: tb-rl; font-size: 70px; color: #ef5754; font-family: 'SBAggroB';}
.sub_view_menu1 .img_wrap {width: 1470px;}
.sub_view_menu1 .img_wrap img {width: 100%;}
.sub_view_menu1 .txt_wrap {margin-top: 90px; text-align: center}
.sub_view_menu1 .txt_wrap h2 {font-size: 60px; color: #ef5754; font-family: 'SBAggroB'; margin-bottom: 20px;}
.sub_view_menu1 .txt_wrap p {font-size: 25px; line-height: 1.6; color: #000; font-weight: 500; margin-bottom: 40px; word-break:keep-all}
.sub_view_menu1 .link{text-align:center; margin-top:45px;}
.sub_view_menu1 .link a{font-family: 'SBAggroM'; color:#fff; font-size:30px; background:#ef5754; padding:30px 45px 25px; border-radius:60px; display:inline-block; transition:all 0.3s; position:relative}
.sub_view_menu1 .link a img{width:14px; margin:0 0 3px 20px}

.sub_view_menu1 .link a:hover{transform:scale(0.9)}
.mob_br{display:none}
.color_wrap {text-align: center;}
.color_wrap h3 {font-size: 25px; color: #000; font-family: 'SBAggroB';}
.color_wrap ul {display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.color_wrap ul li {margin: 0 20px;}
.color_wrap ul li p {font-size: 25px; color: #000; font-weight: 500; margin-top: 20px;}
.color_wrap ul li div{margin:0 auto}
.color_wrap ul li div.color {width: 80px; height: 80px; border-radius: 50%;}
.color_wrap ul li div.color.pink {background: #f27e8a}
.color_wrap ul li div.color.mint {background: #8cb7a2;}
.color_wrap ul li div.color.white {background: #ece8e2;}
.color_wrap ul li div.color.blue {background: #6db0ce;}
.color_wrap ul li div.color.coral-orange {background: #f79063}
.color_wrap ul li div.color.blue-purple {background: #61b9f9}
.color_wrap ul li div.color.lemon-yellow {background: #f4c96a}
.color_wrap ul li div.color.rose-pink {background: #fca7a2}
.color_wrap ul li div.color.coral-pink {background: #ff835f}
.color_wrap ul li div.color.purple {background: #d77fbb}

.sub_view_menu2 {margin-top: 100px;}
.sub_view_menu2 .img_wrap img {width: 100%;}
.sub_view_fix_txt2 {display: flex; justify-content: flex-end; padding-right: 100px; font-size: 70px; color: #ff9503; font-family: 'SBAggroB';}
.sub_view_menu2 .txt_wrap {margin-top: 100px; display: flex; align-items: center; padding: 0 70px;}
.sub_view_menu2 .logo_white {width: 40%;}
.sub_view_menu2 .txt_inner {width: 60%; text-align: center;}
.sub_view_menu2 .txt_inner .txt_inner_tp {display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; font-family: 'SBAggroM'; width: 35px; height: 35px; border-radius: 50%; background: #ff9503; margin: 0 auto}
.sub_view_menu2 .txt_inner h3 {font-size: 40px; line-height: 1.25; color: #323232; font-family: "SBAggroM"; margin-top: 20px; font-weight: 500;}
.sub_view_menu2 .txt_inner h3 span {display: block; color: #ff9503;}
.sub_view_menu2 .txt_inner ul {text-align: left; margin-top: 40px;}
.sub_view_menu2 .txt_inner ul li {position: relative; font-size: 25px; color: #6d6d6d; font-weight: 500; padding: 20px 0; border-bottom: 1px solid #b2b2b2; padding-left: 60px;}
.sub_view_menu2 .txt_inner ul li:before {content: "1"; position: absolute; top: 20px; left: 0; font-size: 18px; color: #fff; font-family: "SBAggroM"; widtH: 35px; height: 35px; border-radius: 50%; background: #ff9503; display: flex; align-items: center; justify-content: center;}
.sub_view_menu2 .txt_inner ul li:nth-child(2):before {content: "2";}
.sub_view_menu2 .txt_inner ul li:nth-child(3):before {content: "3";}
.sub_view_menu2 .txt_inner ul li:nth-child(4):before {content: "4";}
.sub_view_menu2 .txt_inner ul li {position: relative; font-size: 25px; color: #6d6d6d; font-weight: 500;}

.sub_view_menu3 {margin-top: 50px; text-align: center;}
.sub_view_menu3 h2 {font-size: 70px; color: #494949; font-family: "SBAggroB";}
.sub_view_menu3 h2 span {color: #e6cd21;}
.sub_view_menu3 .img_wrap {margin-top: 20px;}
.sub_view_menu3 p{font-size:24px; margin-top:50px; line-height:1.5; word-break:keep-all}

.sub_view_menu4 {margin-top: 130px; position: relative; padding-left: 80px;}
.sub_view_fix_txt3 {position: absolute; top: 180px; left: 0; writing-mode: tb-rl; font-size: 70px; color: #49c3ed; font-family: "SBAggroB";}
.sub_vw_mu4_inner {display: flex; align-items: center;}
.sub_vw_mu4_inner .img_wrap {width: 51%;}
.sub_vw_mu4_inner .img_wrap img {width: 100%;}
.sub_vw_mu4_inner .txt_wrap {width: 49%; text-align: center;}
.sub_vw_mu4_inner .txt_wrap .txt_inner_tp {display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; font-family: 'SBAggroM'; width: 35px; height: 35px; border-radius: 50%; background: #49c3ed; margin: 0 auto}
.sub_vw_mu4_inner .txt_wrap h3 {font-size: 40px; color: #49c3ed; font-family: "SBAggroM"; margin-top: 20px;}
.sub_vw_mu4_inner .txt_wrap ul {text-align: left; margin-left: 80px; margin-top: 50px;}
.sub_vw_mu4_inner .txt_wrap ul li {padding: 20px 0; display: flex; align-items: center; border-bottom: 1px solid #b2b2b2;}
.sub_vw_mu4_inner .txt_wrap ul li .txt_lt {position: relative; font-size: 25px; color: #121111; font-weight: 800; width: 40%; padding-left: 20px;}
.sub_vw_mu4_inner .txt_wrap ul li .txt_lt:before {content: ""; position: absolute; top: 15px; left: 0; widtH: 5px; height: 5px; background: #000; border-radius: 50%;}
.sub_vw_mu4_inner .txt_wrap ul li .txt_rt {font-size: 25px; color: #6d6d6d; font-weight: 500; width: 70%;}
.sub_view_menu5 {margin-top: 130px; position: relative; display: flex; justify-content: flex-end; padding-right: 70px; margin-right: 70px;}
.sub_view_menu5 .img_wrap{display:flex}
.sub_view_menu5 .img_wrap img{border:1px solid #efefef}
.sub_view_menu5 .img_wrap img:last-of-type{margin-left:10px;}
.sub_view_fix_txt4 {position: absolute; top: 0; right: 0; writing-mode: tb-rl; font-size: 70px; color: #53cc91; font-family: "SBAggroB";}

.sub_view_menu6 {margin-top: 130px;}
.sub_vw_mu6_inner {display: flex; align-items: flex-start}
.sub_vw_mu6_inner .txt_wrap {width: 40%;}
.sub_vw_mu6_inner .txt_wrap h2 {font-size: 70px; color: #494949; font-family: "SBAggroB"}
.sub_vw_mu6_inner .txt_wrap h2 span {color: #ff80a5; display: block; }
.sub_vw_mu6_inner .txt_wrap>ul {margin-top: 60px;}
.sub_vw_mu6_inner .txt_wrap>ul>li span {font-size: 25px; color: #000; font-weight: 900; width: 80px; margin-right: 50px;}
.sub_vw_mu6_inner .txt_wrap>ul>li {font-size: 25px; color: #6d6d6d; font-weight: 500; display: flex; align-items: center;}
.sub_vw_mu6_inner .txt_wrap>ul>li+li {margin-top: 20px;}

/* .sub_vw_mu6_inner .txt_wrap .txt_view_slider ul li  {margin-top: 20px;} */


/* vr 추가 */

.vr_view_wrap {margin-top: 30px;}
.vr_view_wrap .vr_view_tp {display: flex; align-items: center; justify-content: center;}
.vr_view_wrap .vr_view_tp img {width: 59px;}
.vr_view_wrap .vr_view_md {position: relative; display: flex; align-items: center; justify-content: center;}
.vr_view_wrap .vr_view_md .rotate_lt {position: absolute; top: 50%; transform: translateY(-50%); left: 350px; z-index: 10;}
.vr_view_wrap .vr_view_md .rotate_lt img {width: 106px;}
.vr_view_wrap #KeyShotVR {width: 801px !important; height: 450px !important;}
.vr_view_wrap .vr_view_md .rotate_rt {position: absolute; top: 50%; transform: translateY(-50%); right: 350px; z-index: 10;}
.vr_view_wrap .vr_view_md .rotate_rt img {width: 75px;}



@media screen and (max-width: 1600px) {
    
    /* 뷰페이지 */

    .sub_pd_view {max-width: 100%; padding: 0 3.13vw}
    .sub_view_txt:before {top: 1.56vw; width: 76.88vw; height: 5.31vw; }
    .sub_view_txt em { font-size: 1.00vw;}
    .sub_view_txt h2 {font-size: 4.06vw; margin-top: 0.63vw;}
    .sub_view_txt p {font-size: 1.56vw; margin-top: 3.13vw;}
    .sub_view_txt p span { font-size: 1.88vw; }
    .sub_view_menu1 { margin-top: 8.75vw;}
    .sub_view_fix_txt {display: none; top: 8.75vw; right: 3.75vw; font-size: 4.38vw;}
    .sub_view_menu1 .img_wrap {width: 100%;}
    .sub_view_menu1 .img_wrap img {width: 100%;}
    .sub_view_menu1 .txt_wrap {margin-top: 5.63vw;}
    .sub_view_menu1 .txt_wrap h2 {font-size: 3.75vw; margin-bottom: 1.25vw;}
    .sub_view_menu1 .txt_wrap p {font-size: 1.56vw; margin-bottom: 2.50vw;}
    .color_wrap h3 {font-size: 1.56vw;}
    .color_wrap ul {margin-top: 1.25vw;}
    .color_wrap ul li {margin: 0 1.25vw;}
    .color_wrap ul li p {font-size: 1.56vw; margin-top: 1.25vw;}
    .color_wrap ul li div.color {width: 5.00vw; height: 5.00vw;}
	.sub_view_menu1 .link a{font-size:1.88vw; padding:1.88vw 2.81vw 1.56vw;}

    .sub_view_menu2 {margin-top: 6.25vw;}
    .sub_view_fix_txt2 {padding-right: 6.25vw; font-size: 4.38vw;}
    .sub_view_menu2 .txt_wrap {margin-top: 6.25vw; padding: 0 4.38vw;}
    .sub_view_menu2 .logo_white {width: 40%;}
    .sub_view_menu2 .logo_white img {width: 17.56vw;}
    .sub_view_menu2 .txt_inner .txt_inner_tp {font-size: 1.38vw; width: 2.19vw; height: 2.19vw; }
    .sub_view_menu2 .txt_inner h3 {font-size: 2.50vw; margin-top: 1.25vw; }
    .sub_view_menu2 .txt_inner ul { margin-top: 2.50vw;}
    .sub_view_menu2 .txt_inner ul li { font-size: 1.56vw; padding: 1.25vw 0; padding-left: 3.75vw;}
    .sub_view_menu2 .txt_inner ul li:before {top: 1.25vw; font-size: 1.13vw; widtH: 2.19vw; height: 2.19vw; }
    .sub_view_menu2 .txt_inner ul li { font-size: 1.56vw;}

    .sub_view_menu3 {margin-top: 3.13vw;}
    .sub_view_menu3 h2 {font-size: 4.38vw;}
    .sub_view_menu3 .img_wrap {margin-top: 1.25vw;}
    .sub_view_menu3 .img_wrap img {width: 73.00vw;}
	.sub_view_menu3 p {font-size: 1.50vw; margin-top: 3.13vw;}

    .sub_view_menu4 {margin-top: 8.13vw; padding-left: 5.00vw;}
    .sub_view_fix_txt3 { top: 9.25vw; font-size: 4.38vw;  }
    .sub_vw_mu4_inner .txt_wrap .txt_inner_tp {font-size: 1.38vw; width: 2.19vw; height: 2.19vw;}
    .sub_vw_mu4_inner .txt_wrap h3 {font-size: 2.50vw; margin-top: 1.25vw;}
    .sub_vw_mu4_inner .txt_wrap ul { margin-left: 5.00vw; margin-top: 3.13vw;}
    .sub_vw_mu4_inner .txt_wrap ul li {padding: 1.25vw 0;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt { font-size: 1.56vw; padding-left: 1.25vw;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt:before {top: 0.94vw; width: 0.31vw; height: 0.31vw; }
    .sub_vw_mu4_inner .txt_wrap ul li .txt_rt {font-size: 1.56vw;}
    .sub_view_menu5 {margin-top: 8.13vw; padding-right: 4.38vw; margin-right: 4.38vw;}
    .sub_view_menu5 .img_wrap img {width: 33.25vw;}
	.sub_view_menu5 .img_wrap img:last-of-type{margin-left:0.63vw}
    .sub_view_fix_txt4 {font-size: 4.38vw;}

    .sub_view_menu6 {margin-top: 8.13vw;}
    .sub_vw_mu6_inner .txt_wrap h2 {font-size: 4.38vw;}
    .sub_vw_mu6_inner .txt_wrap>ul {margin-top: 3.75vw;}
    .sub_vw_mu6_inner .txt_wrap>ul>li span {font-size: 1.56vw; width: 5.00vw; margin-right: 3.13vw;}
    .sub_vw_mu6_inner .txt_wrap>ul>li {font-size: 1.56vw;}
    .sub_vw_mu6_inner .txt_wrap>ul>li+li {margin-top: 1.25vw;}
    .sub_vw_mu6_inner .img_wrap img {width: 32.56vw;}

	/* vr 추가 */

	.vr_view_wrap {margin-top: 1.88vw;}
	.vr_view_wrap .vr_view_tp img {width: 3.69vw;}
	.vr_view_wrap .vr_view_md .rotate_lt {left: 21.88vw; }
	.vr_view_wrap .vr_view_md .rotate_lt img {width: 6.63vw;}
	.vr_view_wrap .vr_view_md .rotate_rt {right: 21.88vw; }
	.vr_view_wrap .vr_view_md .rotate_rt img {width: 4.69vw;}
	


}


@media screen and (max-width: 1400px) {
    
    /* 서브 공통 */

	.sub_vis_bg {height: 50.00vw;}
    .sub_vis_txt { top: 16.43vw; max-width: 100%; left: 3.57vw}
    .sub_vis_txt em { font-size: 1.43vw;}
    .sub_vis_txt h2 {font-size: 4.29vw; margin-top: 0.71vw;}
    .sub_vis_txt p {font-size: 1.79vw; margin-top: 0.71vw;}
    .sub_visual .wave {bottom: -5.00vw; width: 457.14vw; height: 14.14vw;}
    .sub_visual .baby-shape-svg.middle-left.sub_baby-shape {bottom: -10.71vw;}
    #sub_content {padding-top: 10.71vw; margin-bottom: 12.14vw;}
    .sub_inner {max-width: 100%; padding: 0 3.57vw;}
    .sub_txt.product:before {bottom: -1.79vw; width: 87.86vw; height: 6.07vw;}
    .sub_txt em {font-size: 1.14vw;}
    .sub_txt em span {margin-left: 3.21vw;}
    .sub_txt em span:before {left: -2.50vw; width: 1.64vw;}
    .sub_txt h2 {font-size: 3.93vw; margin-top: 0.79vw;}
    .sub_wrap {margin-top: 10.00vw;}

	/* 리스트 페이지 */

    .pd_list_wrap ul { margin: -3.57vw -1.43vw;}
    .pd_list_wrap ul li {padding: 3.57vw 1.43vw;}
	.pd_list_wrap ul li:hover .img_wrap:after {width: 5.00vw; height: 5.00vw;}
    .pd_list_wrap .img_wrap { height: 42.86vw;  border-radius: 1.79vw;}
    .pd_list_wrap .txt_wrap {margin-top: 2.86vw; }
    .pd_list_wrap .txt_wrap em { font-size: 1.43vw;}
    .pd_list_wrap .txt_wrap h2 {font-size: 3.57vw; margin-top: 0.71vw;}
    .pd_list_wrap .txt_wrap .text_content {font-size: 1.64vw; margin-top: 1.43vw;}
    .page_wrap {margin-top: 5.00vw;}
    .page_wrap ul li {margin: 0 1.07vw;}
    .page_wrap ul li a {width: 3.21vw; height: 3.21vw; font-size: 1.43vw;}
    .page_wrap .page_btn {margin: 0 0.71vw;}
    .page_wrap .page_btn img {width: 0.50vw;}
    .page_wrap .page_btn.page_btn2 img {width: 1.00vw;}

    /* 뷰페이지 */

    .sub_pd_view {padding: 0 3.57vw}
    .sub_view_txt:before {top: 1.79vw; width: 87.86vw; height: 6.07vw; }
    .sub_view_txt em { font-size: 1.14vw;}
    .sub_view_txt h2 {font-size: 4.64vw; margin-top: 0.71vw;}
    .sub_view_txt p {font-size: 1.79vw; margin-top: 3.57vw;}
    .sub_view_txt p span { font-size: 2.14vw; }
    .sub_view_menu1 { margin-top: 10.00vw;}
    .sub_view_fix_txt { top: 10.00vw; right: 4.29vw; font-size: 5.00vw;}
    .sub_view_menu1 .img_wrap {width: 100%;}
    .sub_view_menu1 .img_wrap img {width: 100%;}
    .sub_view_menu1 .txt_wrap {margin-top: 6.43vw;}
    .sub_view_menu1 .txt_wrap h2 {font-size: 4.29vw; margin-bottom: 1.43vw;}
    .sub_view_menu1 .txt_wrap p {font-size: 1.79vw; margin-bottom: 2.86vw;}
    .color_wrap h3 {font-size: 1.79vw;}
    .color_wrap ul {margin-top: 1.43vw;}
    .color_wrap ul li {margin: 0 1.43vw;}
    .color_wrap ul li p {font-size: 1.79vw; margin-top: 1.43vw;}
    .color_wrap ul li div.color {width: 5.71vw; height: 5.71vw;}
	.sub_view_menu1 .link a{font-size:1.88vw; padding:1.88vw 2.81vw 1.56vw;}

    .sub_view_menu2 {margin-top: 7.14vw;}
    .sub_view_fix_txt2 {padding-right: 7.14vw; font-size: 5.00vw;}
    .sub_view_menu2 .txt_wrap {margin-top: 7.14vw; padding: 0 5.00vw;}
    .sub_view_menu2 .logo_white {width: 40%;}
    .sub_view_menu2 .logo_white img {width: 20.07vw;}
    .sub_view_menu2 .txt_inner .txt_inner_tp {font-size: 1.57vw; width: 2.50vw; height: 2.50vw; }
    .sub_view_menu2 .txt_inner h3 {font-size: 2.86vw; margin-top: 1.43vw; }
    .sub_view_menu2 .txt_inner ul { margin-top: 2.86vw;}
    .sub_view_menu2 .txt_inner ul li { font-size: 1.79vw; padding: 1.43vw 0; padding-left: 4.29vw;}
    .sub_view_menu2 .txt_inner ul li:before {top: 1.43vw; font-size: 1.29vw; widtH: 2.50vw; height: 2.50vw; }
    .sub_view_menu2 .txt_inner ul li { font-size: 1.79vw;}

    .sub_view_menu3 {margin-top: 4.13vw;}
    .sub_view_menu3 h2 {font-size: 5.00vw;}
    .sub_view_menu3 .img_wrap {margin-top: 1.43vw;}
    .sub_view_menu3 .img_wrap img {width: 83.43vw;}
	.sub_view_menu3 p {font-size: 1.79vw; margin-top: 4.13vw;}

    .sub_view_menu4 {margin-top: 9.29vw; padding-left: 5.71vw;}
    .sub_view_fix_txt3 { top: 8.57vw; font-size: 5.00vw;  }
    .sub_vw_mu4_inner .txt_wrap .txt_inner_tp {font-size: 1.57vw; width: 2.50vw; height: 2.50vw;}
    .sub_vw_mu4_inner .txt_wrap h3 {font-size: 2.86vw; margin-top: 1.43vw;}
    .sub_vw_mu4_inner .txt_wrap ul { margin-left: 5.71vw; margin-top: 3.57vw;}
    .sub_vw_mu4_inner .txt_wrap ul li {padding: 1.43vw 0;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt { font-size: 1.79vw; padding-left: 1.43vw;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt:before {top: 1.07vw; width: 0.36vw; height: 0.36vw; }
    .sub_vw_mu4_inner .txt_wrap ul li .txt_rt {font-size: 1.79vw;}
    .sub_view_menu5 {margin-top: 9.29vw; padding-right: 5.00vw; margin-right: 5.00vw;}
    .sub_view_menu5 .img_wrap img {width: 38.00vw;}
    .sub_view_fix_txt4 {font-size: 5.00vw;}

    .sub_view_menu6 {margin-top: 9.29vw;}
    .sub_vw_mu6_inner .txt_wrap h2 {font-size: 5.00vw;}
    .sub_vw_mu6_inner .txt_wrap ul {margin-top: 4.29vw;}
    .sub_vw_mu6_inner .txt_wrap ul li span {font-size: 1.79vw; width: 5.71vw; margin-right: 3.57vw;}
    .sub_vw_mu6_inner .txt_wrap ul li {font-size: 1.79vw;}
    .sub_vw_mu6_inner .txt_wrap ul li + li {margin-top: 1.43vw;}
    .sub_vw_mu6_inner .img_wrap img {width: 37.21vw;}

	/* vr 추가 */

	.vr_view_wrap {margin-top: 2.14vw;}
	.vr_view_wrap .vr_view_tp img {width: 4.21vw;}
	.vr_view_wrap .vr_view_md .rotate_lt {left: 10.00vw; }
	.vr_view_wrap .vr_view_md .rotate_lt img {width: 7.57vw;}
	.vr_view_wrap #KeyShotVR {width: 50.06vw !important; height: 28.13vw !important;}
	.vr_view_wrap .vr_view_md .rotate_rt {right: 10.00vw; }
	.vr_view_wrap .vr_view_md .rotate_rt img {width: 5.36vw;}


}

@media screen and (max-width: 1024px) {
    
    /* 서브 공통 */

    .sub_vis_bg { height: 68.36vw; }
    .sub_vis_txt { top: 22.46vw; left: 3.91vw}
    .sub_vis_txt em { font-size: 1.95vw;}
    .sub_vis_txt h2 {font-size: 5.86vw; margin-top: 0.98vw;}
    .sub_vis_txt p {font-size: 2.44vw; margin-top: 0.98vw;}
    .sub_visual .wave {bottom: -6.84vw; width: 625.00vw; height: 19.34vw;}
    .sub_visual .baby-shape-svg.middle-left.sub_baby-shape {bottom: -14.65vw;}
    #sub_content {padding-top: 14.65vw; margin-bottom: 16.60vw;}
    .sub_inner {padding: 0 3.91vw;}
    .sub_txt.product:before {bottom: -2.44vw; width: 100%; height: 8.30vw;}
    .sub_txt em {font-size: 1.56vw;}
    .sub_txt em span {margin-left: 4.39vw;}
    .sub_txt em span:before {left: -3.42vw; width: 2.25vw;}
    .sub_txt h2 {font-size: 5.37vw; margin-top: 1.07vw;}
    .sub_wrap {margin-top: 13.67vw;}

	/* 리스트 페이지 */

    .pd_list_wrap ul { margin: -2.93vw -0.98vw;}
    .pd_list_wrap ul li {padding: 2.93vw 0.98vw;}
	.pd_list_wrap ul li:hover .img_wrap:after {width: 6.84vw; height: 6.84vw;}
    .pd_list_wrap .img_wrap { height: 40.59vw;  border-radius: 2.44vw;}
    .pd_list_wrap .txt_wrap {margin-top: 3.91vw; }
    .pd_list_wrap .txt_wrap em { font-size: 1.95vw;}
    .pd_list_wrap .txt_wrap h2 {font-size: 4.88vw; margin-top: 0.98vw;}
    .pd_list_wrap .txt_wrap .text_content {font-size: 2.25vw; margin-top: 1.95vw;}
    .page_wrap {margin-top: 6.84vw;}
    .page_wrap ul li {margin: 0 1.46vw;}
    .page_wrap ul li a {width: 4.39vw; height: 4.39vw; font-size: 1.95vw;}
    .page_wrap .page_btn {margin: 0 0.98vw;}
    .page_wrap .page_btn img {width: 0.68vw;}
    .page_wrap .page_btn.page_btn2 img {width: 1.37vw;}

    /* 뷰페이지 */

    .sub_pd_view {padding: 0 3.91vw}
    .sub_view_txt:before {top: 2.44vw; width: 100%; height: 8.30vw; }
    .sub_view_txt em { font-size: 1.56vw;}
    .sub_view_txt h2 {font-size: 6.35vw; margin-top: 0.98vw;}
    .sub_view_txt p {font-size: 2.44vw; margin-top: 4.88vw;}
    .sub_view_txt p span { font-size: 2.93vw; }
    .sub_view_menu1 { margin-top: 13.67vw;}
    .sub_view_fix_txt { top: 13.67vw; right: 5.86vw; font-size: 6.84vw;}
    .sub_view_menu1 .img_wrap {width: 100%;}
    .sub_view_menu1 .img_wrap img {width: 100%;}
    .sub_view_menu1 .txt_wrap {margin-top: 8.79vw;}
    .sub_view_menu1 .txt_wrap h2 {font-size: 5.86vw; margin-bottom: 1.95vw;}
    .sub_view_menu1 .txt_wrap p {font-size: 2.44vw; margin-bottom: 3.91vw;}
	.mob_br{display:block}
    .color_wrap h3 {font-size: 2.44vw;}
    .color_wrap ul {margin-top: 1.95vw;}
    .color_wrap ul li {margin: 0 1.95vw;}
    .color_wrap ul li p {font-size: 2.44vw; margin-top: 1.95vw;}
    .color_wrap ul li div.color {width: 7.81vw; height: 7.81vw;}
	.sub_view_menu1 .link a{font-size:2.88vw; padding:2.2vw 3.81vw 1.56vw;}

    .sub_view_menu2 {margin-top: 9.77vw;}
    .sub_view_fix_txt2 {padding-right: 9.77vw; font-size: 6.84vw;}
    .sub_view_menu2 .txt_wrap {margin-top: 9.77vw; padding: 0; flex-wrap: wrap;}
    .sub_view_menu2 .logo_white {width: 100%; text-align: center;}
    .sub_view_menu2 .logo_white img {width: 27.44vw;}
    .sub_view_menu2 .txt_inner {width: 100%; margin-top: 2.93vw;}
    .sub_view_menu2 .txt_inner .txt_inner_tp {font-size: 2.15vw; width: 3.42vw; height: 3.42vw; }
    .sub_view_menu2 .txt_inner h3 {font-size: 3.91vw; margin-top: 1.95vw; }
    .sub_view_menu2 .txt_inner ul { margin-top: 3.91vw;}
    .sub_view_menu2 .txt_inner ul li { font-size: 2.44vw; padding: 1.95vw 0; padding-left: 5.86vw;}
    .sub_view_menu2 .txt_inner ul li:before {top: 1.95vw; font-size: 1.76vw; widtH: 3.42vw; height: 3.42vw; }
    .sub_view_menu2 .txt_inner ul li { font-size: 2.44vw;}

    .sub_view_menu3 {margin-top: 5.13vw;}
    .sub_view_menu3 h2 {font-size: 6.84vw;}
    .sub_view_menu3 .img_wrap {margin-top: 1.95vw;}
    .sub_view_menu3 .img_wrap img {width: 114.06vw;}
	.sub_view_menu3 p {font-size: 2.44vw; margin-top: 5.13vw;}

    .sub_view_menu4 {margin-top: 12.70vw; padding-left: 0;}
    .sub_view_fix_txt3 {display:none; top: 14.45vw; font-size: 6.84vw;  }
    .sub_vw_mu4_inner {flex-wrap: wrap;}
    .sub_vw_mu4_inner .img_wrap {width: 100%;}
    .sub_vw_mu4_inner .txt_wrap {width: 100%; margin-top: 3.91vw;}
    .sub_vw_mu4_inner .txt_wrap .txt_inner_tp {font-size: 2.15vw; width: 3.42vw; height: 3.42vw;}
    .sub_vw_mu4_inner .txt_wrap h3 {font-size: 3.91vw; margin-top: 1.95vw;}
    .sub_vw_mu4_inner .txt_wrap ul { margin-left: 0; margin-top: 4.88vw;}
    .sub_vw_mu4_inner .txt_wrap ul li {padding: 1.95vw 0;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt { font-size: 2.44vw; padding-left: 1.95vw;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt:before {top: 1.46vw; width: 0.49vw; height: 0.49vw; }
    .sub_vw_mu4_inner .txt_wrap ul li .txt_rt {font-size: 2.44vw;}
    .sub_view_menu5 {margin-top: 12.70vw; padding-right: 6.84vw; margin-right: 0;}
	.sub_view_menu5 .img_wrap{width:100%;justify-content:space-between}
    .sub_view_menu5 .img_wrap img {width: 41.2vw;}
	.sub_view_menu5 .img_wrap img:last-of-type{margin-left:0}
    .sub_view_fix_txt4 {font-size: 6.84vw;}

    .sub_view_menu6 {margin-top: 12.70vw;}
    .sub_vw_mu6_inner {flex-wrap: wrap;}
    .sub_vw_mu6_inner .txt_wrap {width: 100%;}
    .sub_vw_mu6_inner .txt_wrap h2 {font-size: 6.84vw;}
    .sub_vw_mu6_inner .txt_wrap h2 span {display: inline-block;}
    .sub_vw_mu6_inner .txt_wrap ul {margin-top: 3.91vw;}
    .sub_vw_mu6_inner .txt_wrap ul li span {font-size: 2.44vw; width: 7.81vw; margin-right: 4.88vw;}
    .sub_vw_mu6_inner .txt_wrap ul li {font-size: 2.44vw;}
    .sub_vw_mu6_inner .txt_wrap ul li + li {margin-top: 1.95vw;}
    .sub_vw_mu6_inner .img_wrap {width: 100%; margin-top: 4.88vw; text-align: center;}
    .sub_vw_mu6_inner .img_wrap img {width: 50.88vw;}

	/* vr 추가 */

	.vr_view_wrap {margin-top: 2.93vw;}
	.vr_view_wrap .vr_view_tp img {width: 5.76vw;}
	.vr_view_wrap .vr_view_md .rotate_lt {left: 3.42vw; }
	.vr_view_wrap .vr_view_md .rotate_lt img {width: 10.35vw;}
	.vr_view_wrap #KeyShotVR {width: 78.22vw !important; height: 43.95vw !important;}
	.vr_view_wrap .vr_view_md .rotate_rt {right: 3.42vw; }
	.vr_view_wrap .vr_view_md .rotate_rt img {width: 7.32vw;}

}

@media screen and (max-width: 768px) {
    
    /* 서브 공통 */

    .sub_vis_bg { height: 91.15vw; }
    .sub_vis_txt { top: 29.95vw; left: 2.60vw}
    .sub_vis_txt em { font-size: 2.60vw;}
    .sub_vis_txt h2 {font-size: 6.51vw; margin-top: 1.30vw;}
    .sub_vis_txt p {font-size: 3.26vw; margin-top: 1.30vw;}
    .sub_visual .wave {display: none; bottom: -9.11vw; width: 833.33vw; height: 25.78vw;}
    .sub_visual .baby-shape-svg.middle-left.sub_baby-shape {display: none; bottom: -19.53vw;}
    #sub_content {padding-top: 19.53vw; margin-bottom: 22.14vw;}
    .sub_inner {padding: 0 2.60vw;}
    .sub_txt.product:before {bottom: -3.26vw; height: 11.07vw;}
    .sub_txt em {font-size: 3.13vw;}
    .sub_txt em span {margin-left: 5.86vw;}
    .sub_txt em span:before {left: -4.56vw; width: 2.99vw;}
    .sub_txt h2 {font-size: 7.16vw; margin-top: 1.43vw;}
    .sub_wrap {margin-top: 18.23vw;}

    .sub_menu {display: block; position: relative; z-index: 20;}
    .sub_menu > ul {position: relative; display: flex; align-items: center; height: 14.32vw; border-bottom: 1px solid #e5e5e5;}
    .sub_menu > ul > li {position: relative; height: 100%;}
    .sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 2.60vw; background: #e5e5e5;}
    .sub_menu > ul > li > a {display: flex; height: 100%; align-items: center; padding-left: 2.60vw; color: #000; font-size: 3.26vw;}
    .sub_menu > ul > li.home {width: 11.72%}
    .sub_menu > ul > li.home > a {background: url("/images/sub/home_ic.png") center no-repeat; background-size: 3.52vw}
    .sub_menu > ul > li.menu_btn {width: 44.14%; background: url("/images/sub/sub_menu_arrow.png") right 2.60vw center no-repeat; background-size: 1.43vw;}
    .sub_menu > ul > li.menu_btn.on {background: #ef5754 url("/images/sub/sub_menu_arrow_on.png") right 2.60vw center no-repeat; background-size: 1.43vw;}
    .sub_menu > ul > li.menu_btn.on > a {color: #fff;}
    .sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #e5e5e5;}
    .sub_menu_txt li {height: 11.72vw; border-bottom: 1px solid #e5e5e5;}
    .sub_menu_txt li a {display: flex; align-items: center; padding-left: 2.60vw; font-size: 3.13vw; color: #000; height: 100%;}
    .sub_menu_txt li:hover a {color: #ef5754;}

	/* 리스트 페이지 */

    .pd_list_wrap ul { margin: -3.91vw 0;}
    .pd_list_wrap ul li {width: 100%; padding: 3.91vw 0;}
	.pd_list_wrap ul li:hover .img_wrap:after {width: 9.11vw; height: 9.11vw;}
    .pd_list_wrap .img_wrap { height: 54.17vw;  border-radius: 3.26vw;}
    .pd_list_wrap .img_wrap img {max-width: 100%;}
    .pd_list_wrap .txt_wrap {margin-top: 5.21vw; }
    .pd_list_wrap .txt_wrap em { font-size: 3.13vw;}
    .pd_list_wrap .txt_wrap h2 {font-size: 6.51vw; margin-top: 1.30vw;}
    .pd_list_wrap .txt_wrap .text_content {font-size: 3.26vw; margin-top: 2.60vw;}
    .page_wrap {margin-top: 9.11vw;}
    .page_wrap ul li {margin: 0 1.95vw;}
    .page_wrap ul li a {width: 5.86vw; height: 5.86vw; font-size: 3.13vw;}
    .page_wrap .page_btn {margin: 0 1.30vw;}
    .page_wrap .page_btn img {width: 0.91vw;}
    .page_wrap .page_btn.page_btn2 img {width: 1.82vw;}

      /* 뷰페이지 */

    .sub_pd_view {padding: 0 2.60vw}
    .sub_view_txt:before {top: 3.26vw;height: 11.07vw; }
    .sub_view_txt em { font-size: 2.08vw;}
    .sub_view_txt h2 {font-size: 8.46vw; margin-top: 1.30vw;}
    .sub_view_txt p {font-size: 3.26vw; margin-top: 6.51vw; word-break:keep-all}
    .sub_view_txt p span { font-size: 3.91vw; }
    .sub_view_menu1 { margin-top: 6.51vw;}
    .sub_view_fix_txt { top: 18.23vw; right: 7.81vw; font-size: 9.11vw;}
    .sub_view_menu1 .txt_wrap {margin-top: 11.72vw;}
    .sub_view_menu1 .txt_wrap h2 {font-size: 6.51vw; margin-bottom: 2.60vw; word-break: keep-all;}
    .sub_view_menu1 .txt_wrap p {font-size: 3.26vw; margin-bottom: 5.21vw; word-break: keep-all;}
	.pc_br{display:none}
    .color_wrap h3 {font-size: 3.26vw;}
    .color_wrap ul {margin-top: 2.60vw;}
    .color_wrap ul li {margin: 0 2.60vw;}
    .color_wrap ul li p {font-size: 3.26vw; margin-top: 2.60vw;}
    .color_wrap ul li div.color {width: 10.42vw; height: 10.42vw;}
	.sub_view_menu1 .link a{font-size:4.2vw; padding:2.88vw 4.81vw 2.56vw;}
	.sub_view_menu1 .link a img{width:2.3vw; margin:0 0 0.4vw 2vw}

    .sub_view_menu2 {margin-top: 13.02vw;}
    .sub_view_fix_txt2 {padding-right: 0; font-size: 9.11vw;}
    .sub_view_menu2 .txt_wrap {margin-top: 13.02vw; padding: 0; flex-wrap: wrap;}
    .sub_view_menu2 .logo_white {width: 100%; }
    .sub_view_menu2 .logo_white img {width: 36.59vw;}
    .sub_view_menu2 .txt_inner {width: 100%; margin-top: 3.91vw;}
    .sub_view_menu2 .txt_inner .txt_inner_tp {font-size: 2.86vw; width: 4.56vw; height: 4.56vw; }
    .sub_view_menu2 .txt_inner h3 {font-size: 5.21vw; margin-top: 2.60vw; }
    .sub_view_menu2 .txt_inner ul { margin-top: 5.21vw;}
    .sub_view_menu2 .txt_inner ul li { font-size: 3.26vw; padding: 2.60vw 0; padding-left: 7.81vw;}
    .sub_view_menu2 .txt_inner ul li:before {top: 2.60vw; font-size: 2.34vw; widtH: 4.56vw; height: 4.56vw; }
    .sub_view_menu2 .txt_inner ul li { font-size: 3.26vw;}

    .sub_view_menu3 {margin-top: 3.13vw;}
    .sub_view_menu3 h2 {font-size: 9.11vw;}
    .sub_view_menu3 .img_wrap {margin-top: 2.60vw;}
    .sub_view_menu3 .img_wrap img {width: 152.08vw;}
	.sub_view_menu3 p {font-size: 3.1vw; margin-top: 3.13vw;}

    .sub_view_menu4 {margin-top: 16.93vw; padding-left: 0;}
    .sub_view_fix_txt3 { top: 19.27vw; font-size: 9.11vw;  }
    .sub_vw_mu4_inner {flex-wrap: wrap;}
    .sub_vw_mu4_inner .img_wrap {width: 100%;}
    .sub_vw_mu4_inner .txt_wrap {width: 100%; margin-top: 5.21vw;}
    .sub_vw_mu4_inner .txt_wrap .txt_inner_tp {font-size: 2.86vw; width: 4.56vw; height: 4.56vw;}
    .sub_vw_mu4_inner .txt_wrap h3 {font-size: 5.21vw; margin-top: 2.60vw;}
    .sub_vw_mu4_inner .txt_wrap ul { margin-left: 0; margin-top: 6.51vw;}
    .sub_vw_mu4_inner .txt_wrap ul li {padding: 2.60vw 0;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt { font-size: 3.26vw; padding-left: 2.60vw;}
    .sub_vw_mu4_inner .txt_wrap ul li .txt_lt:before {top: 1.95vw; width: 0.65vw; height: 0.65vw; }
    .sub_vw_mu4_inner .txt_wrap ul li .txt_rt {font-size: 3.26vw;}
    .sub_view_menu5 {margin-top: 16.93vw; padding-right: 0; margin-right: 0; flex-wrap: wrap;}
    .sub_view_menu5 .img_wrap img {width: 45.54vw;}
    .sub_view_fix_txt4 {position: relative; width: 100%; top: auto; right: auto; writing-mode:lr-tb; font-size: 9.11vw;}

    .sub_view_menu6 {margin-top: 16.93vw;}
    .sub_vw_mu6_inner .txt_wrap h2 {font-size: 9.11vw;}
    .sub_vw_mu6_inner .txt_wrap ul {margin-top: 5.21vw;}
    .sub_vw_mu6_inner .txt_wrap ul li span {font-size: 3.26vw; width: 10.42vw; margin-right: 6.51vw;}
    .sub_vw_mu6_inner .txt_wrap ul li {font-size: 3.26vw;}
    .sub_vw_mu6_inner .txt_wrap ul li + li {margin-top: 2.60vw;}
    .sub_vw_mu6_inner .img_wrap {width: 100%; margin-top: 6.51vw; }
    .sub_vw_mu6_inner .img_wrap img {width: 67.84vw;}

	/* vr 추가 */

	.vr_view_wrap {margin-top: 3.91vw;}
	.vr_view_wrap .vr_view_tp img {width: 7.68vw;}
	.vr_view_wrap .vr_view_md #KeyShotVR {width: 68.36vw !important; height: 44.59vw !important;}
	.vr_view_wrap .vr_view_md #KeyShotVR2 {width: 68.36vw !important; height: 44.59vw !important;}
	.vr_view_wrap .vr_view_md #KeyShotVR3 {width: 68.36vw !important; height: 44.59vw !important;}
	.vr_view_wrap .vr_view_md .rotate_lt img {width: 9.80vw;}
	.vr_view_wrap .vr_view_md .rotate_rt img {width: 9.77vw;}


}