.sub_section {width:100%; padding:0 9%; box-sizing:border-box; margin:0 auto; font-size:17px; line-height:1.6; }

hr.sub_hr {height:9vw;  background-color:#fff}
hr.sub_hr2 {height:4vw;  background-color:#fff}

#sub #container {padding-top:50px}
h2.guide {font-size:2em; font-weight:500;  }
h2.guide  span {font-size:.7em; margin-left:10px}
.guide_flex {justify-content:space-between;align-items:center;  }
h2.guide.border_bottom {width:100%;  display:inline-block; border-bottom:1px solid #333; padding-bottom:25px; margin-bottom:10px}

h3.tit {font-size:1.5em;  font-weight:500}

.sub_top_text {width:100%; display:flex; padding-top:3vw; margin-bottom:3vw}
.sub_top_text h3 {margin-bottom:5px; font-size:2.7em; line-height:1}
.sub_top_text div + p {width:50%; margin-left:auto; }
.sub_top_text div + p b {font-size:1.5em; line-height:1.5; display:block; margin-bottom:10px; font-weight:500; font-family: 'Tenor Sans', sans-serif;}
 
.vi_iframe_wrap {width:100%; height:35vw; position:relative}


.down_btn {border:1px solid #333; display:inline-block; color:#333; padding:10px 20px; margin-top:30px}

.bottom_text {font-size:1.8em; font-weight:500; line-height:1.5}



@media all and (max-width:1400px) {
	.sub_section { padding:0 3%;}
 
 
}
@media all and (max-width:1000px) {
		#sub #container {padding-top:120px}

}
 
 @media all and (max-width:900px) {
		.sub_section { font-size:16px; line-height:1.5}

		hr.sub_hr {height:75px; }
		hr.sub_hr2 {height:30px; }

		h2.guide {font-size:1.5em; width:100%; margin-bottom:10px  }
		.guide_flex {flex-wrap:wrap }
		h2.guide.border_bottom { padding-bottom:15px; margin-bottom:0}
		h3.tit {font-size:1.3em; }

		.sub_top_text {flex-wrap:wrap; margin-bottom:30px}
		.sub_top_text div + p {width:100%; margin-left:auto; font-size:15px}
		.sub_top_text h3 {font-size:2.3em; margin-bottom:15px }
		.sub_top_text div + p b {font-size:1.2em; line-height:1.3; letter-spacing:-0.05em}


		.vi_iframe_wrap { height:300px   }


		.bottom_text {font-size:1.5em}


}

 

.series_right_wrap {width:80%; margin-left:auto; box-sizing:border-box; }
.series_right_wrap section {padding-top:100px; margin-top:-70px; width:100%; display:inline-block}
.series_right_wrap section:nth-child(n+2) {padding-top:150px; margin-top:0}
.series_right_wrap section h3 {  width:100%; display:flex; margin-bottom:30px;  box-sizing:border-box; }
 .series_right_wrap section h3 span {font-size:1.3em; color:#444;  font-weight:300; margin-left:10px; line-height:.2 }
.series_right_wrap section h3 + a {position:absolute; right:0; top:0; border:1px solid #333; padding:0px 20px; line-height:50px; display:inline-block}
.series_right_wrap section div.info_text {width:80%;  position:relative; font-size:1.08em}

.series_right_wrap section iframe {margin-top:30px}


.side_nav {width:160px; top:360px; position:fixed; z-index:99}
.side_nav li {width:100%; box-sizing:border-box; display:flex; align-items:center; padding-bottom:8px}
.side_nav li  a {color:#777; font-family: 'Tenor Sans', sans-serif; letter-spacing:-.5px}
.side_nav li:before {content:''; width:15px; height:2px; background-color:#fff; display:inline-block; margin-right:8px; margin-top:4px}
.side_nav li.current:before {  background-color:#333;  }
.side_nav li.current a {color:#111; font-weight:600}



@media all and (max-width:1400px) {
	.series_right_wrap  {width:calc(100% - 160px); padding-right:3%;  }
	.series_right_wrap section div.info_text  {width:100%}
	.side_nav {top:300px}


}


@media all and (max-width:900px) {
		.series_right_wrap  {width:100%; padding:0 3%;}
		.side_nav {display:none}
		.series_right_wrap section h3 {margin-bottom:15px}
		.series_right_wrap section h3 span {font-size:19px;  }
		.series_right_wrap section h3 img {width:150px  }
		.series_right_wrap section h3 + a  {position:static; margin-bottom:20px; line-height:40px;  font-size:.9em; }
		.series_right_wrap section div.info_text {font-size:1em}
}


/******스토리*****/

.story .sub_top_text {margin-bottom:6vw}
.story .sub_top_text div + p {width:65%;  }

.col-3-list {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.col-3-list li {width:32%; font-size:1em}
.col-3-list li div.img {width:100%; height:350px;  margin-bottom:20px}
.col-3-list li img {width:100%;}
.col-3-list li h3 {font-size:1.3em; font-weight:500; margin-bottom:10px}


.story .flex_box dl {width:18%; margin-top:30px}
.story .flex_box dl dt {font-size:1.5em; font-weight:600; border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:10px;  line-height:1.3 }

.story .bottom_img   { width:80%; margin:0 auto}
.story .bottom_img .img_border_act {height:30vw; width:100%; margin-bottom:40px }
.story .bottom_img .text {width:50%; margin-left:auto}

.story_right_wrap {width:91%; margin-left:auto; box-sizing:border-box; }



@media all and (max-width:1450px) {
 	.story_right_wrap {width:94%; margin-left:3%;  }
}
@media all and (max-width:900px) {
			.story .sub_top_text {margin-bottom:30px}
			.story .sub_top_text div + p {width:100%;  }
			.story .bottom_img   { width:100%;  }
			.story .bottom_img .text {width:100%;  }

			.story .flex_box {flex-wrap:wrap}
			.story .flex_box dl {width:49%; margin-top:20px}
			.story .flex_box dl dt {font-size:.8em  }
			.story .flex_box dl dd {font-size:.8em  }
           .story  .bottom_img .text {font-size:.8em}
}

@media all and (max-width:700px) {
  		.col-3-list li {width:100%; }
		.col-3-list li:nth-child(n+2) {margin-top:30px}

}


h3.showroom_view_tit {width:100%; text-align:Center; background-color:#f5f4ec; box-sizing:border-box; font-size:2em; margin-top:30px; position:absolute; width:100%; left:0; height:80px; display:flex; align-items:Center; justify-content:center}

.showroom_view {width:100%; margin-top:110px; }
.showroom_view  {width:100%; display:flex; flex-wrap:wrap; align-items:center}
.showroom_view  div.left_box {width:48%}
.showroom_view  div.left_box h3 {border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:30px}
.showroom_view  div.left_box dl dt {font-weight:600; font-size:1.1em }
.showroom_view  div.left_box dl:nth-child(n+2) {margin-top:20px}
.showroom_view  div.right_box {width:48%; margin-left:auto}
.showroom_view  div.right_box + .box_100 {display:flex; align-items:center; }
.showroom_view  div.right_box + .box_100 a {display:flex; align-items:center; font-size:16px}
.showroom_view  div.right_box + .box_100 a:last-child {margin-left:auto}
.showroom_view  div.right_box + .box_100 a span {font-size:10px; margin-right:3px} 
.showroom_view  div.right_box + .box_100 a:nth-child(2) span {margin-left:3px} 

 
 @media all and (max-width:900px) {
		.showroom_view  div.left_box {width:100%}
		.showroom_view div.left_box h3 {margin-bottom:20px;}
		.showroom_view  div.left_box dl:nth-child(n+2) {margin-top:10px}
		.showroom_view  div.right_box {width:100%; margin-top:30px  }
		.showroom_view  div.right_box iframe {height:300px  }

}

/*****문의하기******/

.contact {display:flex; justify-content:space-between;  margin-top:30px}
.contact h3 {font-weight:600; font-size:1.2em}
.contact .left_area {width:45%}
.contact .left_area dl {display:flex}
.contact .left_area dl dt {width:80px; flex-shrink:0;  font-weight:600}
.contact .left_area dl dd a {color:#000; }
.contact .left_area dl dd a:hover {text-decoration:underline}

.contact .right_area {width:50%}
.contact .right_area input[type="text"] {width:100%; height:40px; margin-top:15px; box-sizing:border-box; border:none; border-bottom:1px solid #ddd; font-size:1rem;  color:#555; }
.contact .right_area input::placeholder  {font-size:1rem;  color:#555; }
 
.contact .right_area select {font-size:1rem; color:#555; height:38px; box-sizing:border-box; padding:3px; width:100%; max-width:200px; border:none; border-bottom:1px solid #ddd}


.contact .right_area textarea {width:100%; border:1px solid #ddd; font-size:1rem; margin-top:15px; height:150px; box-sizing:border-box; padding:5px}
.contact .right_area textarea::placeholder  {font-size:1rem;}

.filebox {display:flex; align-items:center; margin-top:5px}
.filebox .upload-name {
      padding:0 5px; line-height:40px; margin-left:10px; 
     border: 1px solid #ddd; 
    font-size:.95rem; box-sizing:border-box;
    color: #999999; width:250px; 
}
.filebox label {
    width:100px; text-align:center;
    color: #fff; font-size:.9em; box-sizing:border-box; 
     background-color: #333;
    cursor: pointer;
    line-height: 40px;
   
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox p {font-size:.9em; color:#777; line-height:1.3; text-align:right; margin-left:auto; }


 .privacy_check pre {width:100%;  height:150px; margin-top:20px; box-sizing:border-box; border:1px solid #333; padding:10px; font-size:.95em; line-height:1.3; overflow-y:auto}
.privacy_check .check {background-color:#fff;  padding:5px 0; box-sizing:border-box; width:100%; font-size:1em; margin-top:5px}
.privacy_check .check input {vertical-align:middle}


 @media all and (max-width:900px) {
		.contact {flex-wrap:wrap}
		.contact .left_area {width:100%}
		.contact .left_area iframe {height:300px}
		.contact .left_area img {margin-bottom:40px}
 		.contact .right_area {width:100%; margin-top:40px}

		.filebox {flex-wrap:wrap}
		.filebox p {width:100%; margin-top:10px }
		.filebox .upload-name {width:calc(100% - 120px); margin-right:0}


}



.search_box {width:100%; box-sizing:border-box; padding:25px; border:1px solid #333; margin-top:30px }
.search_box ul li {width:100%; border-bottom:1px solid #ddd; padding-bottom:9px; margin-bottom:9px; display:flex; align-items:center; }
.search_box ul li h4 {width:150px; font-weight:400}
.search_box ul li div {width:calc(100% - 150px); }
.search_box ul li input[type="text"] {vertical-align:middle; height:30px; border:1px solid #ddd; width:100%; font-size:1em; color:#333; padding-left:10px; box-sizing:border-box; max-width:300px}
.search_box ul li div label { margin-right:10px; display:inline-block }
 .search_box p {margin-left:150px; margin-top:20px}
.search_box ul li:nth-child(2) div {letter-spacing:0}


.search_list {width:100%;   display:flex; flex-wrap:wrap; }
.search_list li {width:15.5%; margin-right:1.4%; cursor:pointer}
.search_list li:nth-child(6n) {margin-right:0;  }
.search_list li:nth-child(n+7) {margin-top:20px }
.search_list li div.img_bg {  width:100%; padding-bottom:100%; display:inline-block; }



.search_view {display:flex; justify-content:space-between;  margin-top:30px}
.search_view .left_area {width:30%;  }
.search_view .left_area img {width:100%}
.search_view .right_area {width:65%;}
.search_view .right_area h3 {font-size:2em; font-weight:500; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px}
.search_view .right_area dl {display:flex; margin:5px 0}
.search_view .right_area dl dt {width:120px; font-weight:500; }
.search_view .right_area dl dd {width:calc(100% - 120px); margin-left:auto;    }
.search_view .right_area dl:last-child {border-bottom:1px solid #ddd; padding-bottom:25px}

 @media all and (max-width:900px) {
			.search_box  ul li {flex-wrap:wrap}
			.search_box ul li h4 {width:100%; font-weight:500}
			.search_box ul li div {width:100%; margin-top:5px}
			.search_box p {margin-left:0;   }

			.search_view {flex-wrap:wrap}
			.search_view .left_area {width:100%; text-align:center }
			.search_view .left_area img {width:80%; max-width:300px}
			.search_view .right_area {width:100%; margin-top:30px;}

			.search_view .right_area h3 {font-size:1.3em; padding-bottom:10px; margin-bottom:15px}
			.search_view .right_area dl:last-child  {padding-bottom:15px}

			.search_list li {width:32%; margin-right:2%; cursor:pointer}
			.search_list li:nth-child(3n) {margin-right:0;  }
 			.search_list li:nth-child(n+4) {margin-top:20px }



}



.privacy  pre {border:1px solid #333; border-radius:10px; box-sizing:border-box; padding:15px; font-size:1em; width:100%; display:inline-block; margin-top:30px }