/**************************************************************** PC *********************************************************************************************/

/* submenu6_1 */
.subMenu6_1 .subBanner {background-image:url('../hoImage/sub/menu6/subvisual_6_1.jpg');}
.subMenu6_1 .txt_area .txtImg {left:224px; top:-3px;}
.subMenu6_1 #section_06 {padding-bottom:140px;}
.subMenu6_1 .beforeAfter_wrap .slideArea{
	position: relative;
	padding-top: 60px;
}
.subMenu6_1 .beforeAfter_wrap .tab{
	display:flex;
	justify-content:center;
	width:100%;
	height:24px;
	margin:0 auto 46px;
	text-align:center;
}
.subMenu6_1 .beforeAfter_wrap .tab li {
	display:block;
	width:auto;
	font-size:18px;
	margin:0 0 0 60px;
}
.subMenu6_1 .beforeAfter_wrap .tab li a {
	color:#292727;
	position:relative;
	font-weight:400;
}
.subMenu6_1 .beforeAfter_wrap .tab li a:after {
	content:'';
	position:absolute;
	bottom:-3px;
	left:50%;
	transform:translate(-50%,0);
	width:10px;
	height:4px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.subMenu6_1 .beforeAfter_wrap .tab li:first-child {
	margin:0;
}
.subMenu6_1 .beforeAfter_wrap .tab li.on a {
	color:#cc9966;
	font-weight:500;
	border-bottom:2px solid #cc9966;
}
.subMenu6_1 .beforeAfter_wrap .tab li.on a:after {
	background-image:url('../hoImage/common/gold_Active.gif');
}

.subMenu6_1 .beforeAfter_wrap .all_area {
	display:flex;
	align-items:flex-start;
	margin:0 0 47px;
}
.subMenu6_1 .beforeAfter_wrap .all_area .before,
.subMenu6_1 .beforeAfter_wrap .all_area .after {
	width:50%;
}
.subMenu6_1 .beforeAfter_wrap .all_area .img_zone {
	width:100%;
	height:567px;
	position:relative;
	overflow:hidden;
}
.subMenu6_1 .beforeAfter_wrap .all_area .img_zone img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	min-width:100%;
	min-height:100%;
	height:auto;
	width:auto;
}
.subMenu6_1 .beforeAfter_wrap .all_area .bottomTxt {
	display:block;
	height:41px;
	line-height:41px;
	text-align:center;
	font-size:20px; font-weight:500;
	color:#292727;	
	background:#ebd6c2;
}
.subMenu6_1 .beforeAfter_wrap .all_area .bottomTxt strong {
	font-weight:400;
	font-size:16px;
}
.subMenu6_1 .beforeAfter_wrap .all_area .before .bottomTxt {
	position:relative;
}
.subMenu6_1 .beforeAfter_wrap .all_area .before .bottomTxt:after {
	content:'';
	position:absolute;
	top:0; right:0;
	height:100%;
	width:1px;
	background:#fff;
}
.subMenu6_1 .beforeAfter_wrap .photo_list_area {
	width: 100%	;
}
.subMenu6_1 .photo_list_area .photo_list {
	display: flex;
	justify-content:flex-start;
	align-items:center;
	width: 100%;
	margin: 0 auto;
	position: relative;	
}
.subMenu6_1 .photo_list_area .photo_list:after{
	display: none;
}
.subMenu6_1 .photo_list_area .photo_list .photo{
	display: flex;
	width: 417px;
	box-sizing:border-box;
	cursor: pointer;
	position: relative;
	margin-right: 16px;
}
.subMenu6_1 .photo_list_area .photo_list .photo img {height:100%; width:100%;}
.subMenu6_1 .photo_list_area .photo_list .photo:nth-of-type(3){
	margin-right: 0;
}
.subMenu6_1 .photo_list_area .photo_list .photo .before,
.subMenu6_1 .photo_list_area .photo_list .photo .after{
	position: relative;
	width: 50%;
	height: 184px;
	overflow: hidden;
}
.subMenu6_1 .photo_list_area .photo_list .photo .before {
	position:relative;
}
.subMenu6_1 .photo_list_area .photo_list .photo .before:after {
	content:'';
	position:absolute;
	right:0; top:0;
	width:1px;
	height:100%;
	background:#f8f8f8;
	opacity:0.5;
}
.subMenu6_1 .photo_list_area .photo_list .photo.on {
	
	position:relative;
	z-index:1;
}
.subMenu6_1 .photo_list_area .photo_list .photo.on:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	padding:5px; border-top:1px solid #b29d95; border-bottom:1px solid #b29d95;
	background:#f3f2f1;
	z-index:-1;
}
.subMenu6_1 .photo_list_area .photo_list .photo.on:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	padding: 2px;
	border:2px solid #cc9966;
}

/* submenu6_2 */
.subMenu6_2 .subBanner {background-image:url('../hoImage/sub/menu6/subvisual_6_2.jpg');}
.subMenu6_2 .txt_area .txtImg {left:133px; top:-9px;}
.subMenu6_2 .section_01 {padding-bottom:140px;}
.subMenu6_2 .flex {
	padding:0 67px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}
.subMenu6_2 .flex .box {
	cursor:pointer;
	margin:0 0 35px 38px;
	height:333px;
	width:258px;
	border:1px solid #b3b3b3;
}
.subMenu6_2 .flex .box:nth-child(4n+1) {
	margin-left:0;
}
.subMenu6_2 .flex .box:hover .title span:after {
	opacity:1;
}
.subMenu6_2 .flex .box .title {
	font-size:18px;
	font-weight:500;
	color:#191919;
	padding:22px 12px 20px;
} 
.subMenu6_2 .flex .box .title span {
	position:relative;
	padding:0 0 2px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.subMenu6_2 .flex .box .title span:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#272727;
	opacity:0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.subMenu6_2 .flex .box .thumb {
	height:269px;
	width:100%;
	position:relative;
}
.subMenu6_2 .flex .box .thumb img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	object-fit:fill;
	width:100%;
	height:100%;
}

/* view페이지 */
.view_con {
	border-top:4px solid #cc9966;
	box-shadow:-3px -3px 10px rgb(0 0 0 / 5%), 4px 6px 10px rgb(0 0 0 / 5%);
	margin:0 40px;
}
.view_con .title_area {
	height:80px;
	border-bottom: 1px solid #dbdbdb;
	display: flex;
	padding: 29px 41px;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 0;
}
.view_con .title_area h4 span.cate {
	font-size:20px;
	font-weight:400;
	color:#767676;
	width:75px;
}
.view_con .title_area h4 span.title {
	width:calc(100% - 75px);
	font-size:22px;
	font-weight: 500;
	color: #191919;
	padding-left:40px;
}
.view_con .title_area h4 {
	width: calc(100% - 90px);
	text-align:left;
}
.view_con .title_area .date {
	font-size:16px;
	font-weight: 400;
	width: 90px;
	text-align: right;
	color:#767676;
}
.view_con .view_con_inner {
	padding: 29px 225px 51px 230px;
	font-size:16px;
	line-height:32px;
	
}
.view_con .view_con_inner img {
	max-width:100%;
	margin:0 auto;
	display:block;
} 
.view_con_btm {
	display: flex;
	justify-content:center;
	margin:48px auto 0;
}
.view_con_btm a, .view_con_btm input[type="button"] {
	display: block;
	text-align: center;
	width: 167px;
	height: 45px;
	background-color: #cc9966;
	color: #fff;
	font-size:15px;
	line-height: 45px;
	font-weight: 500;
	border:none;
	outline:none;
	cursor:pointer;
	font-family:'Spoqa Han Sans Neo';
}


/**************************************************************** mobile *********************************************************************************************/
@media screen and (max-width: 768px){

	/* 6_1 */
	.subMenu6_1 .subBanner {background-position:35% 50%;}
	.subMenu6_1 .txt_area .txtImg {left:20vw; top:-1vw;}
	.subMenu6_1 .txt_area .txtImg img{height: 13.4vw;}
	.subMenu6_1 #section_06 {padding-bottom:18.7vw;}
	.subMenu6_1 #section_06 .title_area h3 {font-size:7vw;}
	.subMenu6_1 .beforeAfter_wrap .slideArea {padding-top:15vw; width:93.5vw; margin-left:-3vw;}
	.subMenu6_1 .beforeAfter_wrap .tab {height:4.6vw; width:78.4vw; justify-content:space-between; margin-bottom:7vw;}
	.subMenu6_1 .beforeAfter_wrap .tab li {font-size:3.7vw; height:3.7vw; margin:0;}
	.subMenu6_1 .beforeAfter_wrap .tab li a {padding-bottom:0.4vw;}
	.subMenu6_1 .beforeAfter_wrap .tab li a:after {
		bottom:-0.8vw; width:100%; background-position:50% 50%;
	}
	.subMenu6_1 .beforeAfter_wrap .all_area {margin:0 0 10vw;}
	.subMenu6_1 .beforeAfter_wrap .all_area .img_zone {height:41.3vw;}
	.subMenu6_1 .beforeAfter_wrap .all_area .bottomTxt {
		height:7vw; line-height:7vw; font-size:3.4vw;
	}
	.subMenu6_1 .beforeAfter_wrap .all_area .bottomTxt strong {font-size:2.8vw;}
	.subMenu6_1 .photo_list_area .photo_list .photo {width:30vw; margin-right:2vw;}
	.subMenu6_1 .photo_list_area .photo_list .photo .before, .subMenu6_1 .photo_list_area .photo_list .photo .after {
		height:15vw;
	}

	/* 6_2 */
	.subMenu6_2 .subBanner {background-position:60% 50%;}
	.subMenu6_2 .txt_area .txtImg {left:18vw; top:-1vw;}
	.subMenu6_2 .txt_area .txtImg img {height:10vw;}
	.subMenu6_2 .flex {padding:0;}
	.subMenu6_2 .flex .box {
		margin:0 0 3vw 3vw;
		width:48%;
		height:50vw;
		overflow:hidden;
	}
	.subMenu6_2 .flex .box:nth-child(2n+1) {margin-left:0;}
	.subMenu6_2 .flex .box .title {
		font-size:3.4vw; padding:3.5vw 3vw 2.5vw;
		text-align:center;
	}
	.subMenu6_2 .flex .box .thumb {
		height:39.7vw;
	}
	.subMenu6_2 .flex .box .thumb img {
		object-fit:fill;
	}

	/* view페이지 */
	.view_con .title_area {height:15vw; padding:3vw;}
	.view_con .title_area h4 { width:calc(100% - 20vw); }
	.view_con .title_area h4 span.cate {
		font-size:3.4vw;
		display:block;
		width:100%;
	}
	.view_con .title_area h4 span.title {
		display:block;
		width:100%;
		font-size:3.7vw; line-height:5vw;
		padding:0;
		margin-top:1vw;
	}
	.view_con .title_area .date {font-size:3.2vw; width:20vw;}
	.view_con .view_con_inner {padding:5vw 4vw; font-size:3.4vw; line-height:5.2vw;}
	.view_con {margin:0;}
	.view_con_btm {margin:7vw 0 0;}
	.view_con_btm a, .view_con_btm input[type="button"] {
		width:30vw;
		height:8vw;
		line-height:8vw;
		font-size:3.7vw;
	}
}