@import url(reset.css);
@import url(style_nav.css);		/* 메인메뉴(사이드) */
@import url(member.css);			/* 더샤인회원가입등 */

/* master.css */

/*** 메인메뉴(사이드&맨윗부분) ***/
	/* style_nav.css 에서 수정 */



/******사이드헤더빼고감쌈*****/
#main_wrap{margin:0 100px 0 200px;}
#main_wrap img{display:block;}
.con2m_wrap img{
	margin: 40px 0 0 40px;
}
/*** 배너슬라이드 ***/
.main_slide_wrap{
	position:relative;
	margin:0 auto;
}
.main_slide_wrap .bx-wrapper{margin:0 auto;}
.main_slide a{display:block; width:100%;}
.main_slide_wrap .bx-has-controls-direction{
}
	.main_slide_wrap .bx-controls-direction{
		overflow:hidden;
	}
	.main_slide_wrap .bx-controls-direction > a{
		display:block;
		width:50px; height:100px;
		background-repeat:no-repeat;
		background-image:url(../images/main/banner/banner_nav.png);
		text-indent:-5000px; overflow:hidden;

		position:absolute;
		bottom:50%;
		z-index:5;
		margin-top:50px;
	}
	.main_slide_wrap .bx-controls-direction .bx-prev{float:left; background-position:0 0; left:20px;}
	.main_slide_wrap .bx-controls-direction .bx-next{float:right; background-position:-50px 0; right:20px;}

	.main_slide_wrap .bx-pager{
		width:100%;
		position:absolute;
		bottom:15px;
		text-align:center;
	}
	.main_slide_wrap .bx-pager-item{display:inline-block; margin-right:10px;}
	.main_slide_wrap .bx-pager-item > a{
		display:block;
		width:20px; height:20px;
		border-radius:100%;
		background-color:#c5ae8f;
		text-indent:-5000px; overflow:hidden;
		border:1px solid #a78c67;
	}
	.main_slide_wrap .bx-pager-item > a.active{
		width:80px;
		border-radius:10px;
		background-color:#ebebeb;
		border:1px solid #ccc;
		transition:.1s;
	}
	.main_slide_wrap .bx-pager-item > a:hover{
		background-color:#ebebeb;
		border:1px solid #ccc;
	}

/*** 컨텐츠부분 ***/
#contents{width:1603px; margin:0 auto;}

	/** con1 **/
	.con1{width:100%; height:410px; margin:0 auto; overflow:hidden;}
		.con1 > section{float:left; height:410px;}

		/* 컨텐츠배너 */
		.con1L{
			width:410px;
			position:relative;
		}
		.con1L .bx-has-pager{
			position:absolute;
			top:20px; right:20px;
			z-index:99;
		}
		.con1L .bx-has-pager .bx-pager-item{
			display:inline-block;
			width:16px; height:16px;
			transform:rotate(-45deg);
			margin-left:10px;
		}
		.con1L .bx-has-pager .bx-pager-item > a{
			display:block;
			width:16px; height:16px;
			text-indent:-5000px; overflow:hidden;
			background-color:#281646;
		}

		.con1L .bx-has-pager .bx-pager-item > a.active{background-color:#c5a880;}
		.con1L .bx-has-pager .bx-pager-item > a:hover{background-color:#c5a880;}

		.con1C{
			margin:0 410px;
			position:absolute;
		}
			.con1C > div{width:800px; background:#b2aa95;}
				.con1C > div > a{display:block; width:800px; height:410px;}

		.con1R{width:410px; position:absolute; right:100px; z-index:3;}
				.con1R > div > a{display:block; height:410px;}

	/** con2 **/
	.con2{width:100%; margin:0 auto; overflow:hidden;}
		.con2 > section{float:left; height:410px;}
		.con2-1{width:410px;}

		.con2m_wrap{
			width:801px;
			min-width:600px;
			overflow:hidden;
		}
		.con2m_wrap > div{
			float:left;
			width:50%; height:410px;
			background-position:bottom right;
			background-repeat:no-repeat;
		}

		.con2m_wrap a{
			display:block;
			width:100%; height:100%;
		}
		.con2m_wrap > div:hover{
			transition-duration:.2s;
		}

		.con2-2 {background-image:url(../images/main/con2-2.png); background-color:#211f24;}
		.con2-3 {background-image:url(../images/main/con2-3.png); background-color:#321b45;}

		.con2-4{
			width:410px; height:410px;
			border:1px solid #d2d2d2; background:#fff;
			box-sizing:border-box; padding:30px;
			border-bottom:none; border-right:none;
			position:absolute;
			right:100px;
		}

		.con2-4 > article{width:350px; height:175px;}
		.con2-4 > article:nth-of-type(2){border-top:1px solid #d2d2d2; box-sizing:border-box; padding-top:30px;}
		.con2-4 > article > table{width:100%; margin:0 auto;}
		.con2-4 > article > table > tr{width:100%;}
		.main_cmu_title{color:#3c3c3c; display:block; margin-bottom:30px;}
		.main_cmu{color:#8c8c8c; margin-bottom:20px;}
		.main_cmu img{display:inline-block !important;}

		.con2-4 > article > table th{float:left; text-align:left; font-size:14px; font-weight:500;}
		.con2-4 > article > table td{float:right; text-align:right; font-size:14px;}

	/** 상담창 **/
	.counsel_wrap{
		width:1620px; height:325px;
		background:#f4f4f4 url(../images/counsel_bg.jpg) center no-repeat;
		position:relative;
	}
	.counsel_wrap input, .counsel_wrap textarea{outline:none; border:none; display:block;}

	.counsel_wrap .counsel{
		position:absolute;
		overflow:hidden;
		padding-top:103px;
		margin-left:701px;
	}
	.counsel_wrap .counsel .name{float:left; margin-left:61px;}
	.counsel_wrap .counsel .name input{width:153px; height:28px;}

	.counsel_wrap .counsel .num {float:left; margin-left:94px;}
	.counsel_wrap .counsel .num input{
		float:left;
		width:82px; height:28px;
		margin-right:8px;
	}
	.counsel_wrap .counsel .txt{
		clear:both;
		margin-top:28px;
	}
	.counsel_wrap .counsel .txt textarea{
		width:570px; height:122px;
		resize:none;
	}

	.counsel_wrap .counsel .checks{
		clear:both;
		position:relative;
		top:14px;
		height:auto;
		margin-left:392px;
	}
	.counsel_wrap .counsel .checks input{
		float:left;
		position:absolute;
		width:1px; height:1px;
		margin-left:1px;
		overflow:hidden;
	}
	.counsel_wrap .counsel .checks input + label{
		display:inline-block;
		position:relative;
		cursor:pointer;
		font-size:13px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
	.counsel_wrap .counsel .checks input:checked + label{color:#281646;}
	.counsel_wrap .counsel .checks input + label:before{
		content:' ';
		display:inline-block;
		width:19px; height:19px;
		text-align:center; line-height:19px;
		vertical-align:middle;
		background-color:#fff;
		border-radius:100%;
		margin:-2px 4px 0 0;
	}
	.counsel_wrap .counsel .checks input:checked + label:before{

	}
	.counsel_wrap .counsel .checks input:checked + label:after{
		content:' ';
		position:absolute;
		left:4px;
		width:11px; height:11px;
		background-color:#281646;
		border-radius:100%;
	}

	.counsel_wrap .checks a{
		display:inline-block;
		width:40px; height:20px;
		background-color:#472c70;
		color:#fff;
		text-align:center;
		line-height:20px;
	}


	.counsel_wrap .counsel_btn{
		width:228px; height:194px;
		position:absolute;
		top:103px;
		margin-left:1303px;
	}
	.counsel_wrap .counsel_btn input{
		width:228px; height:194px;
		background-image:url(../images/counsel_btn.jpg);
		text-indent:-5000px; overflow:hidden;
	}



/*** FOOTER ***/
#mainFooter{
	width:100%;
	background:#f2f2f2;
	margin:0 auto;
	border-top:1px solid #d2d2d2;
	box-sizing:border-box;
	padding:30px 0;
}
	#mainFooter > section{
		width:1200px;
		margin:0 auto; overflow:hidden;
	}
	#mainFooter > section article{float:left; color:#8c8c8c; font-size:13px; margin-top:18px;}

	#mainFooter > section h1{display:block; width:302px; height:147px;}
	#mainFooter > section h1 > img{display:block; width:302px;}


	.ft_txt{margin-left:140px;}
	.ft_txt > div{margin-bottom:30px; font-size:14px; font-weight:500;}
	.ft_txt a{color:#8c8c8c;}
	.ft_txt span{margin:0 30px;}
	.ft_txt em{display:inline-block;color:#a78c67; font-size:15px; margin-top:30px;}


/*** 서브페이지 ***/
.sub_wrap{margin:0 100px 0 200px;    overflow: hidden;}
.sub_wrap img{display:block;}
.sub_wrap > .sub{width:1200px; margin:0 auto;}
.sub_wrap > div.sub1000 > div{width:1000px; margin-left:100px}
.sub_wrap > div.sub1660 > div{width:1660px; margin-left:-230px}
.sub_wrap > div.sub1920 > div{width:1920px; margin-left:-360px}



/*** 서브페이지-view ***/
.view_wrap{padding-top:100px;}

	.view{
		width:1000px;
		margin:0 auto;
		margin-bottom:100px;
		position:relative;
		height:100%;
	}
	.view .bx-caption{
		width:100%; height:50px; line-height:50px;
		background-color:#af9775;
		text-align:center;
		line-height:50px;
		color:#fff;
		font-size:1.4em; font-weight:500;
	}
	.view .bx-controls-direction{
		width:100%;
	}
	.view .bx-controls-direction a{
		display:block;
		width:50px; height:50px;
		position:absolute; top:50%;
		background-color:rgba(167,140,103,.4);
		background-repeat:no-repeat;
		text-indent:-5000px; overflow:hidden;
	}
	.view .bx-prev{
		left:0;
		background-image:url(../sub/images/view/btnL.png);
	}
	.view .bx-next{
		right:0;
		background-image:url(../sub/images/view/btnR.png);
	}