#sub{
	width:100%;
	min-width:1180px;
	overflow:hidden;
}

#sub .subtitleImg{
	width:94%;
	position:relative;
	left:50%;
	margin-left:-47%;
}


#sub .subtitleImg .bg{
	width:100%;
}

#sub .subtitleImg .bg img{
	width:100%;
}

#sub .subtitleImg .cont{
	width:100%;
	position:absolute;
	padding:0px 30px;
	box-sizing:border-box;
	top:50%;
	transform:translateY(-50%)
}

#sub .subtitleImg .cont .enTitle{
	font-size:36px;
	color:#222222;
	font-family:'montserrat';
	
}

#sub .subtitleImg .cont .Title{
	font-size:36px;
	color:#222222;
	margin-top:5px;
}

#sub .subtitleImg .cont .substance{
	font-size:24px;
	color:#777777;
	margin-top:20px;
}

#sub .subtitleImg .cont .more{
	font-size:18px;
	color:#777777;
	margin-top:20px;
	text-decoration:underline;
	font-family:'roboto'
}




#sub .subtitleImg .comcont{
	width:100%;
	position:absolute;
	padding:0px 30px;
	box-sizing:border-box;
	top:50%;
	transform:translateY(-50%)
}

#sub .subtitleImg .comcont .enTitle{
	font-size:18px;
	color:#fff;
	font-family:'montserrat';
	
}

#sub .subtitleImg .comcont .Title{
	font-size:36px;
	color:#fff;
	margin-top:5px;
}

#sub .subtitleImg .comcont .substance{
	font-size:15px;
	color:#f6dbb9;
	margin-top:20px;
}


#sub .value{
	width:1180px;
	margin:150px auto 0;
}


#sub .value .titleArea{
	width:100%;
}


#sub .value .titleArea .title{
	text-align:center;
	font-size:36px;
	color:#222222;
	font-family:'montserrat';
}

#sub .value .titleArea .title span{
	font-weight:bold;
}


#sub .value .titleArea .subTitle{
	text-align:center;
	font-size:24px;
	color:#444444;
	font-family:'montserrat','noto sans kr';
}


#sub .value .substanceKr{
	text-align:center;
	font-size:16px;
	color:#444;
	margin-top:50px;
}


#sub .value .substanceEn{
	text-align:center;
	font-size:16px;
	color:#444;
	margin-top:50px;
	font-family:'roboto','noto sans kr'
}

#sub .value .imgList{
	width:100%;
	display:inline-block;
	margin-top:50px;
}

#sub .value .imgList li{
	width:380px;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#sub .value .imgList li:first-child{
	margin-left:0px;
}







#sub .brandstroy{
	width:1180px;
	margin:150px auto 0;
}

#sub .brandstroy .titleArea{
	width:100%;
}

#sub .brandstroy .titleArea .title{
	text-align:center;
	font-size:36px;
	color:#222222;
	font-family:'montserrat';
}

#sub .brandstroy .titleArea .title span{
	font-weight:bold;
}


#sub .brandstroy .titleArea .subTitle{
	text-align:center;
	font-size:24px;
	color:#444444;
	font-family:'montserrat','noto sans kr';
}


#sub .brandstroy .storyList{
	width:100%;
	margin-top:30px;
	display:inline-block;
}


#sub .brandstroy .storyList li{
	width:280px;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#sub .brandstroy .storyList li:first-child{
	margin-left:0px;
}


#sub .brandstroy .storyList li .thum{
	width:260px;
	display:inline-block;
	margin:0 auto;
}

#sub .brandstroy .storyList li .subject{
	font-size:24px;
	text-align:center;
	color:#222222;
	margin-top:20px;
}

#sub .brandstroy .storyList li .substance{
	font-size:15px;
	text-align:center;
	color:#777777;
	margin-top:5px;
	letter-spacing:-0.7px;
}



#sub .peoList{
	position:relative;
	overflow:hidden;
}


#sub .peoList .bx-wrapper{
	margin:150px auto 0;
	width:620px !important;
}

#sub .peoList .bx-viewport{
	overflow:visible !important
}


#sub .viewTop{
	width:1180px;
	margin:50px auto 0;
}


#sub .viewTop .thumArea{
	width:100%;
	display:inline-block;
}

#sub .viewTop .thumArea .thum{
	width:450px;
	display:inline-block;
	vertical-align:middle;
}


#sub .viewTop .thumArea .thum img{
	width:100%;
}


#sub .viewTop .thumArea .info{
	width:690px;
	display:inline-block;
	vertical-align:middle;
	margin-left:35px;
}


#sub .viewTop .thumArea .info .name{
	font-size:24px;
	font-family:'montserrat','noto sans kr';
}

#sub .viewTop .thumArea .info .infoText{
	font-size:16px;
	margin-top:10px;
	color:#777;
	text-transform: uppercase;
}



#sub .viewTop .thumArea .info .infoList{
	margin-top:50px;
	padding:30px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}


#sub .viewTop .thumArea .info .infoList li{
	width:100%;
	margin-top:10px;
}

#sub .viewTop .thumArea .info .infoList .subject{
	font-size:14px;
	color:#222;
	width:150px;
	display:Inline-block;
}

#sub .viewTop .thumArea .info .infoList .substance{
	font-size:14px;
	color:#777;
	display:Inline-block;
}

#sub .viewTop .thumArea .info .price{
	font-size:16px;
	color:#777;
	display:Inline-block;
	font-family:'roboto';
	margin-top:20px;
}


#sub .viewTop .thumArea .info .viewBankInfo{
	width:200px;
	margin-top:30px;
	background:#222;
	text-align:center;
	color:#fff;
	padding:15px 0px;
	font-size:15px;
}





#sub .viewContents{
	width:1180px;
	margin:0px auto 80px;
}

#sub .viewContents dd{
	width:100%;
	margin-top:50px;
}


#sub .viewContents .tabmenu{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
}


#sub .viewContents .tabmenu li{
	width:33.3%;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	float:left;
	text-align:center;
	font-size:16px;
	color:#222;
	padding:15px 0px;
}



#sub .viewContents .tabmenu .on{
	background:#f7f7f7;
}




#sub .viewContents .detailImg{
	width:100%;
	margin-top:50px;
}

#sub .viewContents .detailImg img{
	width:100%;
}


#sub .viewContents .introText{
	width:100%;
	padding:50px 0px;
	border-bottom:1px solid #e5e5e5;
}


#sub .companyInfo{
	width:1180px;
	margin:80px auto 0;
}


#sub .companyInfo .map{
	width:570px;
	display:Inline-block;
	height:350px;
	vertical-align:middle;
}


#sub .companyInfo .infoList{
	width:570px;
	display:Inline-block;
	vertical-align:middle;
	margin-left:35px;
}


#sub .companyInfo .infoList .comName{
	font-size:24px;
	font-family:'montserrat';
}

#sub .companyInfo .infoList .cominfoList{
	width:100%;
	margin-top:20px;
	
}

#sub .companyInfo .infoList .cominfoList li{
	width:100%;
	margin-top:10px;
}

#sub .companyInfo .infoList .cominfoList li .subject{
	font-size:15px;
	font-family:'montserrat','noto sans kr';
	display:inline-block;
	vertical-align:middle;
	width:150px;
}


#sub .companyInfo .infoList .cominfoList li .substance{
	font-size:15px;
	font-family:'montserrat','noto sans kr';
	display:inline-block;
	vertical-align:middle;
}



#sub .counselCenter{
	width:1180px;
	margin:80px auto 0;
}

#sub .counselCenter .titleArea{
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .counselCenter .titleArea .title{
	font-size:36px;
	color:#222;
	font-weight:300;
	font-family:'montserrat';
}

#sub .counselCenter .titleArea .subtitle{
	font-size:18px;
	color:#777777;
}




#sub .counselCenter .formList{
	width:100%;
	margin-top:30px;
	display:inline-block;
	margin-top:10px;
}

#sub .counselCenter .formList li{
	width:570px;
	display:Inline-block;
	float:left;
	margin-left:40px;
	margin-top:20px;
}


#sub .counselCenter .formList .full{
	width:100%;
}

#sub .counselCenter .formList li:nth-child(2n+1){
	margin-left:0px;
}


#sub .counselCenter .formList li label{
	font-size:16px;
	display:block;
	width:100%;
}


#sub .counselCenter .formList li .w100{
	border:1px solid #e5e5e5;
	width:100%;
	margin-top:5px;
	padding:12px;
	box-sizing:border-box;
}


#sub .counselCenter .button{
	width:200px;
	margin:50px auto 0;
}

#sub .counselCenter .button .submitBTN{
	width:100%;
	border:1px solid #e5e5e5;
	color:#222;
	text-align:center;
	padding:15px;
	box-sizing:border-box;
	font-family:'montserrat';
	background:#fff;
	font-size:16px
}

#sub .board{
	width:1180px;
	margin:80px auto 0;
}









.bankInfoModal{
	width:100%;
	height:100%;
	z-index: 9;
	display:block;
}


.layer_area{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index: 99;
}



.bankInfoModal .layerCont{
	width:500px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:50%;
	transform:translateY(-50%);
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index: 999;
	padding:30px;
	box-sizing:border-box;
}


.bankInfoModal .layerCont .title{
	text-align:center;
	font-size:24px;
	color:#222;
	letter-spacing:-0.7px;
}



.bankInfoModal .layerCont .bankInfo{
	width:100%;
	margin-top:20px;
}


.bankInfoModal .layerCont .bankInfo .bankName{
	width:100%;
	font-size:18px;
	text-align:center;
}


.bankInfoModal .layerCont .bankInfo .numInfo{
	width:100%;
	font-size:18px;
	text-align:center;
	font-family:'roboto','noto sans kr';
	color:#777;
	margin-top:10px;
}


.bankInfoModal .layerCont .submitOK{
	width:100%;
	padding:15px 0px;
	margin-top:30px;
	background:#222;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:16px;
}