#sub_contents .blue {color :#0070d9 !important;}

.sp_margin {margin-top:40px; margin-bottom:40px;}
.sp_padding {padding-top:40px; padding-bottom:40px;} 
.sp_sub_margin {margin-top:38px; margin-bottom:38px;}
.sp_sub_padding {padding-top:38px; padding-bottom:38px;} 
.sp_top_margin {margin-top:60px; margin-bottom:60px;}
.sp_top_padding {padding-top:60px; padding-bottom:60px;} 

.sp_margin + .sp_padding {padding-top:0;} 
.sp_padding + .sp_margin {margin-top:0;} 
.sp_padding .sp_margin {margin-bottom: 0;}



#subtop {position: relative; height: 200px; font-size: 1rem; overflow: hidden;}
#subtop * {-webkit-transition: all 0.3s;transition: all 0.3s;}
#subtop .bg { background-image: url(../img/sub/6/subtop_bg_xs.jpg); height: 100%; width: 100%;}
#subtop .cur60 {background-image: url(../img/sub/6/subtop_bg_xs.jpg);}


#subtop .box { width: 280px;  height: 100px; background: rgba(0, 0, 0, 0.75); position: absolute; margin-left:-140px; left:50%; top: 75px; font-family: "Noto Sans KR", sans-serif; text-align: center;}
#subtop .box .title {color: #00baff;font-size: 1.5em; position: absolute; top:20px; left:50%; transform: translateX(-50%); font-weight: 500;  white-space: nowrap;}
#subtop .box .comment {color: #fff; font-size: 0.75em;  position: absolute; top:60px;  left:50%; transform: translateX(-50%); white-space: nowrap;}

#sub_nav {position: relative; background: #f7f7f7; z-index: 10;}
#sub_nav .m-cont {display: flex; overflow: visible; }

#sub_nav .home {display: block; height: 36px; width: 36px;line-height: 36px; text-align: center; font-size: 16px; color:#999fa4; -webkit-transition: all 0.3s; transition: all 0.3s;}
#sub_nav .subSelect { position: relative; border-left: 1px solid #eaeaea; width: calc(50% - 18px);} 
#sub_nav .subSelect > button {font-family: "Noto Sans KR", sans-serif; color:#222; display: block; border: none; background: #f7f7f7; height: 36px; width: 100%; outline: none; text-align: left; position: relative; padding-left: 10px; font-size: 14px; font-weight: 500; z-index: 20; -webkit-transition: all 0.3s; transition: all 0.3s;}
#sub_nav .subSelect > button .fa {transition: all 0.3s ease;}
#sub_nav .subSelect > button.drop .fa {transform: rotate(180deg);}
#sub_nav .subSelect .dep2 {color: #0070d9; }
#sub_nav .subSelect > button .fa {position: absolute; right: 20px; font-size: 18px; color:#999fa4; font-weight: 400; -webkit-transition: all 0.3s; transition: all 0.3s;}

#sub_nav .subSelect > ul {position: absolute; display:none; background: #fff; padding: 10px 0; width: calc(100% + 2px); left:-1px;
	border: 1px solid #eaeaea; font-family: "Noto Sans KR", sans-serif; border-top:none;
	box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.18);
}
#sub_nav .subSelect > ul li b, 
#sub_nav .subSelect > ul li a {display: block; padding-left: 10px; font-size: 14px; line-height: 26px; color: #999;}
#sub_nav .subSelect > ul li b {color: #0070d9; font-weight: 500; }
#sub_nav .subSelect > ul li a:hover {background: #f9f9f9; color: #222;}

#sub_contents {margin-bottom:30px; min-height:calc(100vh - 470px);}

.sub_cont {margin: 30px auto; width: calc(100% - 40px);}
.sub_cont .m-paragraph {word-break: keep-all;}


/* 회사소개 */
#sub_contents.product, #sub_contents.showroom,
#sub_contents.company {margin-bottom: 0px}
.sub_cont_flex .wrap {display: flex; flex-direction: column; align-items: center; }
.sub_cont_flex .wrap > img {width: 200px; }
.sub_cont_block .wrap > p,
.sub_cont_flex .wrap > p {font-weight: 300; font-size: 1em; text-align: justify; word-break: keep-all; margin:40px 0 0; width: 100%; padding: 0 20px; }

.sub_cont_block { text-align: center;}
.sub_cont_block img { max-width: 80%;}

.sub_cont_block .wrap > p {max-width: 600px; margin-left: auto; margin-right: auto;}


.common_cont0 {background: #0070d9; }

.common_cont0 ol {list-style: none; padding: 0; margin: 40px 0 0 0; display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 16px); left:-8px; }
.common_cont0 ol li {width: 100%;  padding: 16px; }
.common_cont0 ol li .box { height: 100%; width: 100%; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.common_cont0 ol li .box img {width: 100%;}
.common_cont0 ol li .box div {position: relative; padding-left: 45px; padding-right: 10px; margin-top:10px; line-height: 20px; height: 40px; font-size:18px; font-weight: 500; display: flex; align-items: center; letter-spacing: -1.5px;}
.common_cont0 ol li .box div > b { font-family: Arial, Helvetica, sans-serif;  position: absolute; left: 10px; top:5px; height: 30px; width: 30px; line-height: 30px; text-align: center; background: #222; border-radius: 50%; color: #fff;}

.common_cont0 ol li .box p {margin: 10px; color:#5e5e5e; text-align:justify; font-size: 0.875em; font-weight: 300; }

.common_cont1 {  text-align: center; background: url(../img/sub/1/sub1_3_xs.jpg) no-repeat center top/cover;}
.common_cont1 p {color: #fff; max-width: 550px; margin-left: auto; margin-right: auto;}
.common_cont1 img {max-width: 100%; margin-top: 40px;}

/* 제품소개 */
.product .cont3 { background: url(../img/sub/2/sub1_3_bg_xs.png) no-repeat center/cover;}
.product .cont3 .m-paragraph {margin-left: auto; margin-right: auto; }
.product .cont3 ul {display: flex; flex-wrap: wrap; margin-top: 25px; position: relative; width: calc(100% + 10px); left:-5px; }
.product .cont3 ul li {width: 100%; padding:10px; }
.product .cont3 ul li .box { border:5px solid #515151; padding: 16px; text-align: center; }
.product .cont3 ul li .box img {max-width: 100%; }
.product .cont3 ul li .box .orange {font-size:20px; letter-spacing: -1px; margin-top:10px; font-weight: 500}
.product .cont3 ul li .box .ko {color: #dedede; font-size: 16px; letter-spacing: -1px;}
.product .cont3 ul li .box .eng {color: #767676; font-size: 14px; letter-spacing: -1px;} 

.product .cont4 { background: #f3f3f3;}
.m-title.bar::before {content: ""; height: 1px; background: #0070d9; width: 100%; position: absolute; top:18px; left:0px;}
.m-title.bar.bar_c1::before {background: #f68121}
.m-title.bar.bar_c2::before {background: #1a1a1a}
.m-title.bar.bar_c3::before {background: #d84351}
.m-title.bar > span {background: #f3f3f3; position: relative; padding: 0 30px; display: inline-block;}
.m-title.bar.bar_c4 > span,
.m-title.bar.bar_c1 > span {background: #fff}
.m-title.bar.bar_c2 > span {background: #fff}
.m-title.bar.bar_c3 > span {background: #fff}
.m-title.bar > span::before ,
.m-title.bar > span::after {content:""; width: 10px; height: 10px; border:1px solid #0e79dd; border-radius: 50%; display: block;top: 14px; position: absolute; }
.m-title.bar.bar_c1 > span::before ,
.m-title.bar.bar_c1 > span::after {border-color: #f68121;}
.m-title.bar.bar_c2 > span::before ,
.m-title.bar.bar_c2 > span::after {border-color: #1a1a1a;}
.m-title.bar.bar_c3 > span::before ,
.m-title.bar.bar_c3 > span::after {border-color: #d84351;}
.m-title.bar > span::before {left:0;}
.m-title.bar > span::after {right: 0;}

.product .cont4 ol {display: flex; justify-content: center; flex-wrap: wrap; padding: 0; list-style: none; position: relative;}
.product .cont4 ol li {width: 50%;}
.product .cont4 ol {width: calc(100% + 10px); left: -5px; top:-5px; margin-bottom:-10px;}
.product .cont4 ol li > div {padding: 10px;}
.product .cont4 ol li .box {border-radius: 50%; background: #fff; overflow: hidden; height: 100%; width: 100%; position: relative;   box-shadow:0 20px 30px rgba(0,0,0,0.1);}
.product .cont4 ol li .box .bg {height: 50%; background-color: #0070d9; background-position: center bottom; background-size: cover; }
.product .cont4 ol li .box .title {position: absolute; top:50%; transform: translate(0, -100%); padding-left: 45px; height: 40px; line-height: 40px; color:#fff; font-weight: 500; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); white-space: nowrap; letter-spacing: -1px;}
.product .cont4 ol li .box .title > b { font-family: Arial, Helvetica, sans-serif;  position: absolute; left: 5px; top:5px; height: 30px; width: 30px; line-height: 30px; text-align: center; background: #222; border-radius: 50%; color: #fff; font-size: 1.25em;}
.product .cont4 ol li .box p {font-size: 0.5em;  padding: 0 10px; word-break: keep-all; text-align: center; margin-top: 8px; font-weight: 300; letter-spacing: -1px; color:#666;}
.product .cont4 ol li:last-child .box p {padding:0 17px;}

.product .cont4 .multi li .box .title {font-size: 16px; letter-spacing: -1px;}
.product .cont4 .multi li .box p{font-size: 0.875em;}


.sub_swiper_wrapper {position: relative;}

.gallery-top .swiper-slide {position: relative;}
.gallery-top .swiper-slide img {width: 100%;}
.gallery-top .swiper-slide .text {position: absolute; bottom:0; background: rgba(0, 0, 0, 0.75); width: 100%; }
.gallery-top .swiper-slide .text > div {font-size: 30px; line-height: 40px; border-bottom: 1px solid #f68121; color: #eee;}
.gallery-top .swiper-slide .text > *  {padding:10px 0 10px 10px; }
.gallery-top .swiper-slide .text > p {line-break: 40px; font-weight: 700; font-size: 20px; color:#fff;  }
.gallery-top .swiper-slide .text > p > span {color: #989898; font-size: 12px; font-weight: 300; margin-left: 10px;}

.gallery-thumbs { position: absolute; width: 100%; height: 160px; padding-bottom: 10px;  bottom:-180px;}
.gallery-thumbs .swiper-slide {height: 50%; width: 25%; }

.gallery-thumbs .swiper-slide .thumb {height: 100%; width: 100%; background-size: cover; }

.gallery-thumbs .swiper-slide-thumb-active .thumb.hoverBox::after,
.gallery-thumbs .swiper-slide-thumb-active .thumb.hoverBox::before { 
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);}

.gallery-thumbs .swiper-slide .thumb.hoverBox::before {background: rgba(0,0,0,0.18); border-top: 5px solid #f68121 ;  border-bottom: 5px solid #f68121 ;}
.gallery-thumbs .swiper-slide .thumb.hoverBox::after {background: rgba(0,0,0,0.18); border-left: 5px solid #f68121 ;  border-right: 5px solid #f68121 ;}

.showroom .cont6,
.product .cont6 {position: relative; padding-bottom: 240px;}
.showroom .cont6::after,
.product .cont6::after {content: ""; display: block; height: 50%; width: 100%; background: #3b3b3b; position: absolute; bottom:0;}

.product .cont5 .maps {position: relative;  display:flex; flex-wrap: wrap;}
.product .cont5 .maps .map_item {width: 50%; background: #d84351; padding: 20px}
.product .cont5 .maps .map_item_box {display: flex; justify-content: center; align-items: center;}
.product .cont5 .maps .map_item_box div {font-size: 1em; font-weight: bold; color:#fff;}
.product .cont5 .maps .map_item_box p {color:rgba(255,255,255,0.7); margin-top: 10px; font-size: 0.75em; font-weight: 300;}
.product .cont5 .maps img {max-width: 100%;}

.product .cont5 .maps .idx1 {order:2}
.product .cont5 .maps .idx2 {order:1}
.product .cont5 .maps .img {order:3; margin: 30px 0; width: 100%; text-align: center;}
.product .cont5 .maps .idx3 {order:5}
.product .cont5 .maps .idx4 {order:4}

.product .cont5 .maps .idx1 , .product .cont5 .maps .idx3  {border-left: 1px solid #c9303e;}
.product .cont5 .maps .idx2 , .product .cont5 .maps .idx4  {border-right: 1px solid #e35865;}

.product .cont5 .sub_sub {background: #f3f3f3; text-align: center; padding-left:20px; padding-right: 20px; }
.product .cont5 .sub_sub> div {font-size: 25px; font-weight: bold;}
.product .cont5 .sub_sub > p {font-size: 0.875em; font-weight: 300; color:#989898;}
.product .cont5 .sub_sub > p + .flex_item{margin-top:38px;}
.product .cont5 .sub_sub.i1 p {color: #989898;}
.product .cont5 .i1 ul {display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 20px); left:-10px; justify-content: center; margin-top:38px; }
.product .cont5 .i1 ul li {width: 50%;}
.product .cont5 .i1 ul .rect::after {padding-top: 75%; }
.product .cont5 .i1 ul li >div {padding:10px; }
.product .cont5 .i1 ul li .inner { height: 100%; width: 100%; border-radius: 10px; display: flex;justify-content: center; align-items: center; padding:0 16px; background-size: cover}

.product .cont5 .i1 ul li .sample1 {background: #fff; border:1px solid #dcdcdc;} /*화이트*/
.product .cont5 .i1 ul li .sample2 {background: #0c0402;  color:#fff;} 
.product .cont5 .i1 ul li .sample3 {background-image: url(../img/sub/2/sub1_7_2.jpg); border:1px solid #dcdcdc;} 
.product .cont5 .i1 ul li .sample4 {background: #000; color:#fff;} /*블랙*/
.product .cont5 .i1 ul li .sample5 {background: linear-gradient(135deg, #ebebef 0%,#a2a5a7 100%);} /*실버*/
.product .cont5 .i1 ul li .sample6 {background: linear-gradient(135deg, #625F60 0%,#030000 50%); color:#fff;} /*메탈블랙*/
.product .cont5 .i1 ul li .sample7 {background: #7b7470; color:#fff;} /*브론즈*/



.product .cont5 .i1 ul li .sample2_1 {background-image: url(../img/sub/2/sub2_7_1.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_2 {background-image: url(../img/sub/2/sub2_7_2.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_3 {background-image: url(../img/sub/2/sub2_7_3.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_4 {background-image: url(../img/sub/2/sub2_7_4.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_5 {background-image: url(../img/sub/2/sub2_7_5.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_6 {background-image: url(../img/sub/2/sub2_7_6.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_7 {background-image: url(../img/sub/2/sub2_7_7.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_8 {background-image: url(../img/sub/2/sub2_7_8.jpg); color:#454545;}
.product .cont5 .i1 ul li .sample2_9 {background-image: url(../img/sub/2/sub2_7_9.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_10 {background-image: url(../img/sub/2/sub2_7_10.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_11 {background-image: url(../img/sub/2/sub2_7_11.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_12 {background-image: url(../img/sub/2/sub2_7_12.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_13 {background-image: url(../img/sub/2/sub2_7_13.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_14 {background-image: url(../img/sub/2/sub2_7_14.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample2_15 {background: transparent url(../img/sub/2/sub2_7_15.png) no-repeat center/contain;}

.product .cont5 .i1 ul li .sample4_1 {background-image: url(../img/sub/2/sub4_7_1.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_2 {background-image: url(../img/sub/2/sub4_7_2.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_3 {background-image: url(../img/sub/2/sub4_7_3.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_4 {background-image: url(../img/sub/2/sub4_7_4.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_5 {background-image: url(../img/sub/2/sub4_7_5.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_6 {background-image: url(../img/sub/2/sub4_7_6.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_7 {background-image: url(../img/sub/2/sub4_7_7.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_8 {background-image: url(../img/sub/2/sub4_7_8.jpg); color:#fff;}
.product .cont5 .i1 ul li .sample4_9 {background-image: url(../img/sub/2/sub4_7_9.jpg); color:#fff;}

.product2040 .cont5 .i1 .itemList1 li:last-child ,
.product2020 .cont5 .i1 ul li:last-child {width: 100%;}
.product2040 .cont5 .i1 .itemList1 li:last-child::after,
.product2020 .cont5 .i1 ul li:last-child::after {padding-top: 37.5%;}

.product .cont5 .i1 ul + div {margin-top:20px;}

.product .cont5 .sub_sub > .cont_sub_title {background:#41478f; color:#fff; border-radius: 22px; height: 44px; line-height: 44px; font-size: 0.875em; font-weight: 300; letter-spacing: -1px; margin-top:16px; }

.product .cont5 .sub_sub.i2 {background: #41478f;}
.product .cont5 .sub_sub.i2 >* {color:#fff;}
.product .cont5 .i2 ul {display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 20px); left:-10px; padding-left: 26px; }
.product .cont5 .i2 ul li {width: 50%;}
.product .cont5 .i2 ul li > div {padding: 10px;}
.product .cont5 .i2 ul li::after{padding-top:122%;}
.product .cont5 .i2 ul li > div img {width: 100%;}

.product .cont5 .sub_sub.i4 {background: #f68121; margin-top:0;}
.product .cont5 .sub_sub.i4 >* {color:#fff;}
.product .cont5 .sub_sub.i4  .rbox {display:flex; flex-wrap: wrap;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont {width: 100%;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont + .rbox-cont {margin-top:30px;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont > div {border:1px solid #fff; position: relative; color:#fff; padding: 30px; border-radius:16px; text-align: left;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont .rtitle {position: absolute; padding: 0 20px; left:50%; font-size: 16px; font-weight: 700; transform: translateX(-50%); top:-10px; background: #f68121;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont .rsub {font-size: 16px; font-weight: 500;}
.product .cont5 .sub_sub.i4  .rbox .rbox-cont .rsub + p {font-size: 14px; margin-top:20px; font-weight: 300}

.product .cont5 .flex_item { display: flex; flex-wrap: wrap; justify-content: center; }
.product .cont5 .flex_item li {width: 33.33333333333333%}
.product .cont5 .flex_item li {padding:5px; position: relative; }
.product .cont5 .flex_item li img {width: 100%; height: auto;}

.product .cont5 .sub_sub.i3 li > div {background: #f68121; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); border-radius: 15px; font-size: 12px; padding: 5px 10px; color: #fff; white-space: nowrap;}
.product .cont5 .sub_sub.i4 li > img {border-radius: 50%;}
.product .cont5 .sub_sub.i4 li > div {border:1px solid #fff; border-radius: 15px; margin-top:10px; font-size: 12px; padding: 5px 10px; white-space: nowrap; }

.sub_tbl1 {width: 100%; border-collapse: collapse; border:2px solid #3b3b3b;}
.sub_tbl1 td,  .sub_tbl1 th {border:1px solid #d7d7d7; color:#1a1a1a; padding:10px}
.sub_tbl1 th {white-space: nowrap; }

.product .cont8 {background: url(../img/sub/2/sub3_8_bg_xs.jpg) no-repeat center/cover; }
.product2050 .cont8 {background-image: url(../img/sub/2/sub5_8_bg_xs.jpg); }
.product2030 .cont8{padding-bottom: 0;}
.product .cont8 .bar .white {background: #161616;}
.product .cont8 .flex_wrap {display: flex; flex-wrap: wrap; align-items: center;}
.product .cont8 .flex_wrap img {width: 100%;}
.product .cont8 .flex_wrap > div:nth-child(2) img, 
.product .cont8 .flex_wrap > div:nth-child(3) img {border:5px solid #515151;}
.product .cont8 .flex_wrap > div:nth-child(1) {order:1; color:#ccc; text-align: justify; font-weight: 100; width: 100%;}
.product .cont8 .flex_wrap > div:nth-child(2) {order:3; width: 55%; margin-top:40px;}
.product .cont8 .flex_wrap > div:nth-child(3) {order:2; width: 45%; margin-top:40px; padding-right: 10px;}
.product .cont8 .flex_wrap > div:nth-child(4) {order:4; width: 100%; margin-top:40px;}

.product2040 .cont8 .flex_wrap > div:nth-child(1) {order:1; width: 100%; }
.product2040 .cont8 .flex_wrap > div:nth-child(2) {order:2; width: 100%; margin-top:40px; padding-left:0px;}
.product2040 .cont8 .flex_wrap > div:nth-child(3) {order:3; width: 100%; margin-top:40px; padding-right: 10px;}
.product2040 .cont8 .flex_wrap > div:nth-child(4) {order:4; width: 100%; margin-top:40px; padding-left: 10px;}

.product2040 .cont8.c2 {background: #f3f3f3;}
.product2040 .cont8.c2 .flex_wrap > div:nth-child(1) {color:#1a1a1a; }
.product2040 .cont8.c2 .flex_wrap > div:nth-child(2) > img {border: none; }
.product2040 .cont8.c2 .flex_wrap .clear { border:5px solid #e6e6e6; padding: 10px;}
.product2040 .cont8.c2 .flex_wrap .clear::after {content: ""; display: table; clear: both; }
.product2040 .cont8.c2 .flex_wrap .clear .ht {color:#1a1a1a; font-size: 20px; text-align: center; font-weight: 500; width: auto;}
.product2040 .cont8.c2 .flex_wrap .clear .float { position: relative; float:left; width: 100%; padding: 0 10px; margin-top:40px;}
.product2040 .cont8.c2 .flex_wrap .clear .float img {border: 0; width: 100%;}
.product2040 .cont8.c2 .flex_wrap .clear .float >span {display: block; background:#0070d9; color:#fff; border-radius: 18px; font-size: 18px;  padding:0 18px; height: 38px; line-height: 38px; position: absolute; left:50%; transform: translate(-50%, -20px); }
.product2040 .cont8.c2 .flex_wrap .clear .float p { color:#777777; margin-top:10px; text-align: justify;}
.product2040 .cont8.c2 .flex_wrap .circle {background: #0070d9; border-radius: 50%;}

.product .cont10 p {line-height: 30px;}
.product .cont10 .clear::after{content:""; display:table; clear:both;}
.product .cont10 li {margin-top: 40px;}
.product .cont10 li .tt {background:#0070d9; color: #fff; border-radius: 18px; font-size: 18px;  height: 38px; line-height: 38px;  width: 70%; margin:0 auto; text-align: center; }
.product .cont10 li .tt + img {width: 100%; border:5px solid #e6e6e6; margin-top:20px;}
.product .cont10 iframe {width: 100%; min-height: 300px; height: auto;}

.product2050 .cont8 .m-title {font-weight: 300;}
.product2050 .cont8 .flex_wrap div img {border:none !important; }
.product2050 .cont8 .flex_wrap > div:nth-child(1) {order:1; width: 100%; margin-top:0; padding:0; }
.product2050 .cont8 .flex_wrap > div:nth-child(2) {order:2; width: 100%; margin-top:40px; padding:0;}
.product2050 .cont8 .flex_wrap > div:nth-child(3) {order:3; width: 100%; margin-top:40px; padding:0;}
.product2050 .cont8 .flex_wrap > div:nth-child(4) {order:4; width: 100%; margin-top:40px; padding:0;}
.product2050 .cont8 .flex_wrap > div:nth-child(5) {order:5; width: 100%; margin-top:40px; padding:0;}




/*오시는길*/
.map-cont > div {text-align: center;}
.map-cont > div + div {margin-top:40px;}
.map-cont > div:first-child img {max-width: 100%}
.map-cont .mapWrapper {width: 100%;}
.map-cont .mapWrapper>div {width: 100%; height: auto;}

/* 인테리어 전시장 */
#sub_contents.showroom .cont1 .blue {color:#00baff !important;}
.showroom .cont1 {background:url(../img/sub/5/sub1_2_bg_xs.png) no-repeat center/cover;}
.showroom .cont1 .col {border: 1px solid #fff; color: #fff; text-align: center; max-width: 480px; margin-left:auto; margin-right: auto;}
.showroom .cont1 .col  > div {padding: 40px; font-size: 24px;}
.showroom .cont1 .col  > div +div {border-top:1px solid #fff;}

.showroom .cont3 {background:#f3f3f3; }
.showroom .cont3 .wrap {overflow: hidden;}
.showroom .cont3 .swiper-container {
	width: 100%;
 }
 .showroom .cont3 .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 70%;
	position: relative;
	max-width: 500px;
 }

 .showroom .btn-wrapper {
	 width: 70%;
	 position: absolute;
	 max-width: 500px;
	 margin:0 auto;
	 height: 100%;
	 top:0;
	 left:50%;
	 transform: translateX(-50%);
	 z-index: 1;

 }
 /*.showroom .btn-wrapper > div {transform: translateY(-100%);}*/




 .showroom .cont3 .swiper-slide::before{
	 content:"";
	 display: block;
	padding-top:100%;
 }
 .showroom .cont3 .swiper-pagination {text-align: center; position: relative; }
 .showroom .cont3 .swiper-pagination > * {margin:0 2px;}

.timverhouse .p_title,
.sunroom .p_title {font-size: 26px; font-weight: 700;}

.sunroom .cont8 {background-image: url(../img/sub/3/sub1_2_bg_xs.png);}
.sunroom .cont8 .flex_wrap > div{position: relative;}
.sunroom .cont8 img+span {color:#00baff; text-align: center; display: block;  font-weight:700; line-height: 30px; position: absolute; bottom:0; width: 100%; text-align: center; background: rgba(0,0,0,0.7);}
.cont9 {background: #f3f3f3;}
.cont9 .m-title {font-weight: 300;}
.cont9 .m-paragraph {color:#1a1a1a;}
.cont9 .float_wrap > div:nth-child(1) {color:#1a1a1a; font-size: 14px; text-align: justify; font-weight: 300}
.cont9 .float_wrap > div:nth-child(2) {margin-top:40px; text-align: center; }


.timverhouse .cont8 {background-image: url(../img/sub/4/sub1_2_bg_xs.jpg);}
.cont10 .flex_wrap { display: flex; flex-wrap:wrap; margin-left: -5px; margin-right: -5px;   }
.cont10 .flex_wrap > div {width: 50%; position: relative; margin-top:12px; padding:0 5px;}
.cont10 .flex_wrap > div:nth-child(7) {width: 100%;}
.cont10 .flex_wrap img {width: 100%;}
.cont10 .flex_wrap > div >span {background: #0070d9; color: #fff; display: block; position: absolute; right: 10px; bottom:5px; border-radius: 20px; width: 30px; height: 30px; text-align: center; line-height: 30px;}

/*.cont10 .m-title {font-weight: 300}*/
.cont10 .m-title b{font-weight: 500;}

.cont10.bg_blue {background: #0070d9;}
.cont10.bg_gray {background:#f3f3f3;}

@media (min-width:576px){ /*폰 가로 SM */
	.common_cont0 ol li {width:50%;}

	.product .cont3 ul li {width: 50%;}
	.product .cont3 ul li:nth-child(3),
	.product .cont3 ul li:nth-child(4) {width: 100%;}

	.product2050 .cont3 ul li:nth-child(3),
	.product2050 .cont3 ul li:nth-child(4){width: 50%;}

	.sunroom .cont3 ul li {width: 50%;}
	.sunroom .cont3 ul li:nth-child(3),
	.sunroom .cont3 ul li:nth-child(4) {width: 100%;}


	.product .cont4 ol li .box p {font-size: 14px;}

	.product .cont4 .multi li {width: 33.333333333%;}
	.product .cont4 .multi li > div {padding: 10px}
	
	.product .cont5 .flex_item li {width: 20%;}

	.product .cont5 .sub_sub.i4  .rbox .rbox-cont {width: 50%}
	.product .cont5 .sub_sub.i4  .rbox .rbox-cont + .rbox-cont {margin-top: 0;}
	.product .cont5 .sub_sub.i4  .rbox .rbox-cont > div {height: 100%;}
	.product .cont5 .sub_sub.i4  .rbox .rbox-cont {padding:10px;}
	
	.product2040 .cont8.c2 .flex_wrap .clear .float {width: 50%;}
}

@media (min-width:767px){ /*테블릿 세로 MD*/

	#subtop {height: 300px;}

	#subtop .box { width: 400px;  height: 120px;  margin-left:-200px; left:50%; top: 140px;}
	#subtop .box .title {font-size: 1.875em;  }
	#subtop .box .comment {font-size: 1em;  top:70px;  }


	#subtop .bg {background-image: url(../img/sub/6/subtop_bg_md.jpg);}
	#subtop .cur60 {background-image: url(../img/sub/6/subtop_bg_md.jpg);}

	#sub_nav .subSelect {width: 200px;}

	#sub_nav .home {border-left: 1px solid #eaeaea}

	#sub_contents {margin-bottom:50px; min-height:calc(100vh - 570px);}

	.sub_cont {margin: 40px auto; width: calc(100% - 120px);}

	

	.sub_cont_flex .wrap > p {font-size: 1em;}


	.m-title.bar::before {top:20px;}
	.m-title.bar > span::before , .m-title.bar > span::after {top:16px;}

	.product .cont4 ol {width: calc(100% + 12px); left: -6px; top:-6px; margin-bottom:-12px;}
	.product .cont4 ol li > div {padding: 12px;}
	.product .cont4 ol li {width: calc(100% / 3)}
	.product .cont4 ol li .box p {font-size: 10px;}

	.product .cont4 .multi4 li {width: 50%;}
	.product .cont4 .multi4 li .box p {font-size: 14px;}
	
	.product .cont5 .maps .map_item {padding: 20px 60px;}

	.product .cont5 .i2 ul li,
	.product .cont5 .i1 ul li {width: 25%;}
	.product2040 .cont5 .i1 .itemList1 li:last-child ,
	.product2020 .cont5 .i1 ul li:last-child {width: 50%;}

	.product .cont5 .sub_sub > .cont_sub_title  {font-size: 1em;letter-spacing: normal;}
	

	
	.sp_margin {margin-top:60px; margin-bottom:60px;}
	.sp_padding {padding-top:60px; padding-bottom:60px;}
	.sp_top_margin {margin-top:100px; margin-bottom:100px;}
	.sp_top_padding {padding-top:100px; padding-bottom:100px;} 

	.product .cont8 {background-image: url(../img/sub/2/sub3_8_bg_md.jpg);}
	.product2050 .cont8 {background-image: url(../img/sub/2/sub5_8_bg_md.jpg); }

	
	.product .cont5 .sub_sub .flex_item li > div {font-size: 14px;}

	.cont10 .flex_wrap > div {width: 33.333333333333333%}


}

@media (min-width:992px){ /* 테블릿 가로 LG*/
	#sub_nav .home {height: 60px; width: 60px; line-height: 60px; font-size: 22px}
	#sub_nav .subSelect > button  {height: 60px; line-height: 60px; font-size: 16px;}
	#sub_nav .subSelect > button .fa {line-height: 60px;}

	#sub_contents {margin-bottom:60px; min-height:calc(100vh - 616px);}

	.sub_cont {margin: 50px auto; width: calc(100% - 160px);}

	/*.sub_cont_flex .wrap {flex-direction: row; justify-content: center; }*/
	.sub_cont_flex .wrap > img { width: 251px; }
	.sub_cont_flex .wrap > p { margin:60px auto 0px; max-width: 700px;}

	.common_cont0 ol li {width:33%;}

	.product .cont3 ul {width: calc(100% + 16px); left: -8px;}
	.product .cont3 ul li  {padding: 16px;}
	.product .cont3 ul li {width: 40%;}
	.product .cont3 ul li .box {padding: 40px;}
	.product .cont3 ul li:nth-child(1) {order:1;}
	.product .cont3 ul li:nth-child(2) {order:3;}
	.product .cont3 ul li:nth-child(3) {order:2; width: 60%;}
	.product .cont3 ul li:nth-child(4) {order:4; width: 60%;}
	.product .cont3 ul li:nth-child(4) .box {height: 100%;}

	.product2050 .cont3 ul li:nth-child(1) {order:1; width:50%}
	.product2050 .cont3 ul li:nth-child(2) {order:2; width:50%}
	.product2050 .cont3 ul li:nth-child(3) {order:3; width:50%}
	.product2050 .cont3 ul li:nth-child(4) {order:4; width:50%}

	.product.sunroom .cont3 ul {width: calc(100% + 16px); left: -8px;}
	.product.sunroom .cont3 ul li  {padding: 16px;}
	.product.sunroom .cont3 ul li {width: 40%;}
	.product.sunroom .cont3 ul li .box {padding: 40px;}
	.product.sunroom .cont3 ul li:nth-child(1) {order:1;}
	.product.sunroom .cont3 ul li:nth-child(2) {order:3;}
	.product.sunroom .cont3 ul li:nth-child(3) {order:2; width: 60%;}
	.product.sunroom .cont3 ul li:nth-child(4) {order:4; width: 60%;}
	.product.sunroom .cont3 ul li:nth-child(4) .box {height: 100%;}
	

	.m-title.bar::before {top:24px;}
	.m-title.bar > span::before , .m-title.bar > span::after {top:20px;}
	.product .cont4 ol {width: calc(100% + 18px); left: -9px; top:-9px; margin-bottom:-18px;}
	.product .cont4 ol li > div {padding: 18px;}
	.product .cont4 ol li .box p {font-size: 14px;}


	.sub_swiper_wrapper .swiper-button-next {left: calc(65% - 36px);right: auto;}
	.gallery-top .swiper-slide img {width: 65%;}

	.gallery-top .swiper-slide .text {position: absolute;   left: 65%; width: 35%; top:50%; transform: translateY(-100%); 
		bottom:auto; background:none;}

	.gallery-top .swiper-slide .text > div {color: #212121;}
	.gallery-top .swiper-slide .text > p {color:#000;  }

	.gallery-thumbs { position: absolute; width: calc(35% - 10px); height: 160px; padding-bottom: 10px; right: 0; bottom:0;}
	.gallery-thumbs .swiper-slide {height: 50%; width: 25%; }
	.showroom .cont6,
	.product .cont6 {position: relative; padding-bottom: 80px;}

	.product .cont8 .flex_wrap {align-items:flex-start;}
	.product .cont8 .flex_wrap div:nth-child(1) {order:1; width: 60%; }
	.product .cont8 .flex_wrap div:nth-child(2) {order:2; width: 40%; margin-top:0px; padding-left:40px;}
	.product .cont8 .flex_wrap div:nth-child(3) {order:3; width: 33%; margin-top:60px; padding-right: 40px;}
	.product .cont8 .flex_wrap div:nth-child(4) {order:4; width: 67%; margin-top:60px;}

	.product2040 .cont8 .flex_wrap div:nth-child(1) {order:1; width: 60%; }
	.product2040 .cont8 .flex_wrap div:nth-child(2) {order:2; width: 40%; margin-top:0px; padding-left:40px;}
	.product2040 .cont8 .flex_wrap div:nth-child(3) {order:3; width: 60%; margin-top:60px; padding-right: 20px;}
	.product2040 .cont8 .flex_wrap div:nth-child(4) {order:4; width: 40%; margin-top:60px; padding-right: 20px; padding-left: 0;}
	
	.product2040 .cont8.c2 .flex_wrap div:nth-child(3) {margin-top:30px; width: 100%;}
	/*.product2040 .cont8.c2 .flex_wrap div:nth-child(4) {margin-left: 30px; width: calc(40% - 30px);} */
/*	.product2040 .cont8.c2 .flex_wrap .clear .float {width: 33.33333333333333%;}*/

	.product2050 .cont8 .flex_wrap div:nth-child(3) {order:3; width: 33%; margin-top:60px; padding:0 10px; transform: translateX(-10px)}
	.product2050 .cont8 .flex_wrap div:nth-child(4) {order:4; width: 33%; margin-top:60px; padding:0 10px; transform: translateX(2.5px)}
	.product2050 .cont8 .flex_wrap div:nth-child(5) {order:5; width: 33%; margin-top:60px; padding:0 10px;transform: translateX(15px)}

	.sunroom .cont8 img+span {margin: 0 10px; left:0px; width: calc(100% - 20px)}
	.sunroom .cont8 .flex_wrap div:nth-child(2) img + span {width: calc(100% - 40px); margin:0 0 0 40px;}

	.product .cont4 .multi li {width: 25%;}
	.product .cont4 .multi4 li {width: 25%;}

	.product .cont5 .flex_item li {padding: 0 10px;}

	.map-cont::after{content:""; display: table; clear: both;}
	.map-cont > div {text-align: center; float: left; width: 40%;}
	.map-cont > .mapWrapper {float: right; width: 60%; margin:0;}
	.map-cont > div:last-child p { width: 246px; font-size: 20px; letter-spacing: -1px; margin:0 auto;}

	.showroom .cont1 {background-image:url(../img/sub/5/sub1_2_bg_md.png);}

	.sunroom .cont8 {background-image: url(../img/sub/3/sub1_2_bg_md.png);}
	.timverhouse .cont8 {background-image: url(../img/sub/4/sub1_2_bg_md.jpg);}

	.cont9 .float_wrap > div:nth-child(1) {float:left; width: 50%; padding-right: 60px; font-size: 18px; }
	.cont9 .float_wrap > div:nth-child(2) {margin-top:0; float:left; width: 50%; }
	.cont9 .float_wrap > div:nth-child(2)>img {max-width: 100%;}
	.cont9 .float_wrap::after{content:""; display:table; clear:both;}

	.product2050 .cont3 ul li:nth-child(1) { width:calc(100% / 4);}
	.product2050 .cont3 ul li:nth-child(2) { width:calc(100% / 4);}
	.product2050 .cont3 ul li:nth-child(3) { width:calc(100% / 4);}
	.product2050 .cont3 ul li:nth-child(4) { width:calc(100% / 4);}

	.product .cont10 .clear {margin: 0 -10px;}
	.product .cont10 li {width: 50%; float: left; padding: 10px;}
	/*.product .cont10 .vod li:first-child{width: 30%; margin-right: 10%;}*/
	.product .cont10 .vod li:last-child{width: 100%;}

	
}

@media (min-width:1200px) { /* PC XG*/
	#subtop {height: 450px;}

	#subtop .box { width: 420px;  height: 150px;  margin-left:-210px; top: 210px;}
	#subtop .box .title {font-size: 3.125em; }
	#subtop .box .comment {font-size: 1.125em;  top:100px;  }

	#subtop .bg {background-image: url(../img/sub/6/subtop_bg.jpg); }
	#subtop .cur60 {background-image: url(../img/sub/6/subtop_bg.jpg);}

	#sub_contents {margin-bottom:80px; min-height:calc(100vh - 786px);}


	.common_cont0 {background: url(../img/sub/1/sub1_2.jpg) no-repeat center top/cover;}

	.common_cont1 {background: url(../img/sub/1/sub1_3.jpg) no-repeat center top/cover;}
	

	.product .cont3 ul {width: calc(100% + 10px); left: -5px;}
	.product .cont3 ul li  {padding: 10px;}
	.product .cont3 ul li .box {padding: 40px 10px;}

	/*.product2050 .cont3 ul li:nth-child(4) { width:25%}*/

	.product.sunroom .cont3 ul {width: calc(100% + 10px); left: -5px;}
	.product.sunroom .cont3 ul li  {padding: 10px;}
	.product.sunroom .cont3 ul li .box {padding: 40px 10px;}
	.product.sunroom .cont3 ul li:nth-child(1) { width:40%}
	.product.sunroom .cont3 ul li:nth-child(2) { width:40%}


	.product .cont4 ol li .box p {font-size: 14px;}


	.product .cont5 .maps {margin-top:80px; height: 613px; flex-direction: column;}
	.product .cont5 .maps .map_item {width: 27%; height: 25%; padding: 0 30px; position: relative;  }
	.product .cont5 .maps .map_item_box {height: 100%; display: flex; justify-content: center; align-items: center; border-top:1px solid #e35865; border-bottom: 1px solid #c9303e;}
	.product .cont5 .maps .map_item_box div {font-size: 1.25em;}
	.product .cont5 .maps .map_item_box p { margin-top: 10px; font-size: 12px;; font-weight: 300}
	.product .cont5 .maps img {max-width: 100%;}

	.product .cont5 .maps .idx1 {order:1}
	.product .cont5 .maps .idx1::after {content: ""; width: 570px;	height: 1px;background: #d84351;position: absolute;	right: -560px; top: 101px;}
	.product .cont5 .maps .idx2 {order:2}
	.product .cont5 .maps .idx2::after {content: "";width: 303px;height: 1px;background: #d84351;position: absolute;right: -303px;top: 101px;}
	.product .cont5 .maps .idx2::before {content: "";width: 88px;height: 1px;background: #d84351;position: absolute;right: -377px;top: 70px;transform: rotate(-45deg);}
	.product .cont5 .maps .img {order:5; margin:0; width: 70%; display: flex; justify-content: center; height: 100%; align-items: center;}
	.product .cont5 .maps .idx3 {order:3}
	.product .cont5 .maps .idx3::after {content: "";width: 315px;height: 1px;background: #d84351;position: absolute;right: -313px;top: 38px;}
	.product .cont5 .maps .idx3::before {content: "";width: 90px;height: 1px;background: #d84351;position: absolute;right: -389px;top: 70px;transform: rotate(45deg);}
	.product .cont5 .maps .idx4 {order:4}
	.product .cont5 .maps .idx4::after {content: "";width: 57px;height: 1px;background: #d84351;position: absolute;right: -57px;top: 51px;}
	.product .cont5 .maps .idx4::before {content: "";width: 160px;height: 1px;background: #d84351;position: absolute;right: -193px;top: -5px;transform: rotate(-45deg);}
	.product .cont5 .maps .idx1 , .product .cont5 .maps .idx3  {border-left: 0;}
	.product .cont5 .maps .idx2 , .product .cont5 .maps .idx4  {border-right: 0;}

	.sub_tbl1 td,  .sub_tbl1 th {padding: 20px 36px;}

	.product .cont8 {background-image: url(../img/sub/2/sub3_8_bg.jpg);}
	.product2050 .cont8 {background-image: url(../img/sub/2/sub5_8_bg.jpg); }

	.product .cont4 .multi li {width: 20%;}

	.showroom .cont1 {background-image:url(../img/sub/5/sub1_2_bg.png);}

	.sunroom .cont8 {background-image: url(../img/sub/3/sub1_2_bg.png);}
	.timverhouse .cont8 {background-image: url(../img/sub/4/sub1_2_bg.jpg);}
	
}