@media screen and (max-width: 1180px){
	#sub{
		width:100%;
		min-width:100%;
		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 1.5em;
		box-sizing:border-box;
		top:50%;
		transform:translateY(-50%)
	}
	
	#sub .subtitleImg .cont .enTitle{
		font-size:20px;
		color:#222222;
		font-family:'montserrat';
		
	}
	
	#sub .subtitleImg .cont .Title{
		font-size:20px;
		color:#222222;
		margin-top:5px;
	}
	
	#sub .subtitleImg .cont .substance{
		font-size:16px;
		color:#777777;
		margin-top:20px;
	}
	
	#sub .subtitleImg .cont .more{
		font-size:13px;
		color:#777777;
		margin-top:20px;
		text-decoration:underline;
		font-family:'roboto'
	}
	
	
	
	
	#sub .subtitleImg .comcont{
		width:100%;
		position:absolute;
		padding:0px 1.5em;
		box-sizing:border-box;
		top:50%;
		transform:translateY(-50%)
	}
	
	#sub .subtitleImg .comcont .enTitle{
		font-size:16px;
		color:#fff;
		font-family:'montserrat';
		
	}
	
	#sub .subtitleImg .comcont .Title{
		font-size:20px;
		color:#fff;
		margin-top:5px;
	}
	
	#sub .subtitleImg .comcont .substance{
		font-size:13px;
		color:#f6dbb9;
		margin-top:1em;
	}
	
}




@media screen and (max-width: 767px){
	#sub{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#sub .subtitleImg{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	
	#sub .subtitleImg .bg{
		width:100%;
		overflow:hidden;
	}
	
	#sub .subtitleImg .bg img{
		width:140%;
		margin-left:-15%
	}
	
	#sub .subtitleImg .cont{
		width:100%;
		position:absolute;
		padding:0px 1.5em;
		box-sizing:border-box;
		top:50%;
		transform:translateY(-50%)
	}
	
	#sub .subtitleImg .cont .enTitle{
		font-size:16px;
		color:#222222;
		font-family:'montserrat';
		
	}
	
	#sub .subtitleImg .cont .Title{
		font-size:16px;
		color:#222222;
		margin-top:5px;
	}
	
	#sub .subtitleImg .cont .substance{
		font-size:13px;
		color:#777777;
		margin-top:20px;
	}
	
	#sub .subtitleImg .cont .more{
		font-size:13px;
		color:#777777;
		margin-top:20px;
		text-decoration:underline;
		font-family:'roboto'
	}
	
	
	
	
	#sub .subtitleImg .comcont{
		width:100%;
		position:absolute;
		padding:0px 1.5em;
		box-sizing:border-box;
		top:50%;
		transform:translateY(-50%)
	}
	
	#sub .subtitleImg .comcont .enTitle{
		font-size:13px;
		color:#fff;
		font-family:'montserrat';
		
	}
	
	#sub .subtitleImg .comcont .Title{
		font-size:16px;
		color:#fff;
		margin-top:5px;
	}
	
	#sub .subtitleImg .comcont .substance{
		font-size:13px;
		color:#f6dbb9;
		margin-top:1em;
		display:none;
	}
	
}



@media screen and (max-width: 1180px){
	
	#sub .value{
		width:94%;
		margin:7.5em auto 0;
	}
	
	
	#sub .value .titleArea{
		width:100%;
	}
	
	
	#sub .value .titleArea .title{
		text-align:center;
		font-size:24px;
		color:#222222;
		font-family:'montserrat';
	}
	
	#sub .value .titleArea .title span{
		font-weight:bold;
	}
	
	
	#sub .value .titleArea .subTitle{
		text-align:center;
		font-size:18px;
		color:#444444;
		font-family:'montserrat','noto sans kr';
	}
	
	
	#sub .value .substanceKr{
		text-align:center;
		font-size:14px;
		color:#444;
		margin-top:50px;
	}
	
	
	#sub .value .substanceEn{
		text-align:center;
		font-size:14px;
		color:#444;
		margin-top:2.5em;
		font-family:'roboto','noto sans kr'
	}
	
	#sub .value .imgList{
		width:100%;
		display:inline-block;
		margin-top:2.5em;
	}
	
	#sub .value .imgList li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:1.6%;
	}
	
	#sub .value .imgList li img{
		width:100%;
	}
	
	#sub .value .imgList li:first-child{
		margin-left:0px;
	}
}




@media screen and (max-width: 767px){
	
	#sub .value{
		width:94%;
		margin:7.5em auto 0;
	}
	
	
	#sub .value .titleArea{
		width:100%;
	}
	
	
	#sub .value .titleArea .title{
		text-align:center;
		font-size:20px;
		color:#222222;
		font-family:'montserrat';
	}
	
	#sub .value .titleArea .title span{
		font-weight:bold;
	}
	
	
	#sub .value .titleArea .subTitle{
		text-align:center;
		font-size:16px;
		color:#444444;
		font-family:'montserrat','noto sans kr';
	}
	
	
	#sub .value .substanceKr{
		text-align:center;
		font-size:13px;
		color:#444;
		margin-top:50px;
		word-break:keep-all;
	}
	
	
	#sub .value .substanceEn{
		text-align:center;
		font-size:13px;
		color:#444;
		margin-top:2.5em;
		word-break:keep-all;
		font-family:'roboto','noto sans kr'
	}
	
	#sub .value .imgList{
		width:100%;
		display:inline-block;
		margin-top:2.5em;
	}
	
	#sub .value .imgList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
	}
	
	#sub .value .imgList li img{
		width:100%;
	}
	
	#sub .value .imgList li:first-child{
		margin-left:0px;
	}
	
	#sub .value .imgList li:last-child{
		display:none;
	}
	

}



@media screen and (max-width: 1180px){
	

	#sub .brandstroy{
		width:94%;
		margin:7.5% auto 0;
	}
	
	#sub .brandstroy .titleArea{
		width:100%;
	}
	
	#sub .brandstroy .titleArea .title{
		text-align:center;
		font-size:24px;
		color:#222222;
		font-family:'montserrat';
	}
	
	#sub .brandstroy .titleArea .title span{
		font-weight:bold;
	}
	
	
	#sub .brandstroy .titleArea .subTitle{
		text-align:center;
		font-size:18px;
		color:#444444;
		font-family:'montserrat','noto sans kr';
	}
	
	
	#sub .brandstroy .storyList{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	
	#sub .brandstroy .storyList li{
		width:24%;
		display:inline-block;
		float:left;
		margin-left:1%;
	}
	
	#sub .brandstroy .storyList li:first-child{
		margin-left:0px;
	}
	
	
	#sub .brandstroy .storyList li .thum{
		width:80%;
		margin:0 auto;
		display:block;
	}
	
	#sub .brandstroy .storyList li .thum img{
		width:100%;
	}
	
	
	#sub .brandstroy .storyList li .subject{
		font-size:18px;
		text-align:center;
		color:#222222;
		margin-top:20px;
	}
	
	#sub .brandstroy .storyList li .substance{
		font-size:14px;
		text-align:center;
		color:#777777;
		margin-top:5px;
		letter-spacing:-0.7px;
		word-break:keep-all
	}

}







@media screen and (max-width: 767px){
	

	#sub .brandstroy{
		width:94%;
		margin:7.5% auto 0;
	}
	
	#sub .brandstroy .titleArea{
		width:100%;
	}
	
	#sub .brandstroy .titleArea .title{
		text-align:center;
		font-size:20px;
		color:#222222;
		font-family:'montserrat';
	}
	
	#sub .brandstroy .titleArea .title span{
		font-weight:bold;
	}
	
	
	#sub .brandstroy .titleArea .subTitle{
		text-align:center;
		font-size:16px;
		color:#444444;
		font-family:'montserrat','noto sans kr';
	}
	
	
	#sub .brandstroy .storyList{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	
	#sub .brandstroy .storyList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:3em;
	}
	
	#sub .brandstroy .storyList li:nth-child(2n+1){
		margin-left:0px;
		
	}
	
	
	#sub .brandstroy .storyList li .thum{
		width:80%;
		margin:0 auto;
		display:block;
	}
	
	#sub .brandstroy .storyList li .thum img{
		width:100%;
	}
	
	
	#sub .brandstroy .storyList li .subject{
		font-size:16px;
		text-align:center;
		color:#222222;
		margin-top:20px;
	}
	
	#sub .brandstroy .storyList li .substance{
		font-size:13px;
		text-align:center;
		color:#777777;
		margin-top:5px;
		letter-spacing:-0.7px;
		word-break:keep-all
	}

}





@media screen and (max-width: 767px){

	#sub .peoList{
		position:relative;
		overflow:hidden;
	}
	
	
	#sub .peoList .bx-wrapper{
		margin:7.5em auto 0;
		width:320px !important;
	}
	
	#sub .peoList .bx-viewport{
		overflow:visible !important
	}

}





@media screen and (max-width: 1180px){

	#sub .viewTop{
		width:94%;
		margin:2.5em auto 0;
	}
	
	
	#sub .viewTop .thumArea{
		width:100%;
		display:inline-block;
	}
	
	#sub .viewTop .thumArea .thum{
		width:48%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .viewTop .thumArea .thum img{
		width:100%;
	}
	
	
	#sub .viewTop .thumArea .info{
		width:48%;
		display:inline-block;
		vertical-align:middle;
		margin-left:3.4%;
	}
	
	
	#sub .viewTop .thumArea .info .name{
		font-size:20px;
		font-family:'montserrat','noto sans kr';
	}
	
	#sub .viewTop .thumArea .info .infoText{
		font-size:16px;
		margin-top:10px;
		color:#777
	}
	
	
	
	#sub .viewTop .thumArea .info .infoList{
		margin-top:2.5em;
		padding:1.5em;
		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 .viewContents{
		width:94%;
		margin:0px auto 4em;
	}
	
	#sub .viewContents dd{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#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 li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#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;
	}
	
}













@media screen and (max-width: 767px){

	#sub .viewTop{
		width:94%;
		margin:2.5em auto 0;
	}
	
	
	#sub .viewTop .thumArea{
		width:100%;
		display:inline-block;
	}
	
	#sub .viewTop .thumArea .thum{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .viewTop .thumArea .thum img{
		width:100%;
	}
	
	
	#sub .viewTop .thumArea .info{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		margin-left:0%;
		margin-top:2em;
	}
	
	
	#sub .viewTop .thumArea .info .name{
		font-size:20px;
		font-family:'montserrat','noto sans kr';
	}
	
	#sub .viewTop .thumArea .info .infoText{
		font-size:14px;
		margin-top:10px;
		color:#777
	}
	
	
	
	#sub .viewTop .thumArea .info .infoList{
		margin-top:2.5em;
		padding:1.5em;
		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 .viewBankInfo{
		width:100%;
		margin-top:30px;
		background:#222;
		text-align:center;
		color:#fff;
		padding:15px 0px;
		font-size:15px;
	}

	
		
	#sub .viewContents{
		width:94%;
		margin:0px auto 4em;
	}
	
	#sub .viewContents dd{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#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:13px;
		color:#222;
		padding:15px 0px;
	}
	
	
	#sub .viewContents .tabmenu li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#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;
	}
	
}
















@media screen and (max-width: 1180px){
	#sub .companyInfo{
		width:94%;
		margin:4em auto 0;
	}
	
	
	#sub .companyInfo .map{
		width:48%;
		display:Inline-block;
		height:300px;
		vertical-align:middle;
	}
	
	
	#sub .companyInfo .infoList{
		width:48%;
		display:Inline-block;
		vertical-align:middle;
		margin-left:3.6%;
	}
	
	
	#sub .companyInfo .infoList .comName{
		font-size:20px;
		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:25%;
		vertical-align:top;
	}
	
	
	#sub .companyInfo .infoList .cominfoList li .substance{
		font-size:15px;
		font-family:'montserrat','noto sans kr';
		display:inline-block;
		vertical-align:middle;
		width:74%;
		vertical-align:top;
	}
	



}





@media screen and (max-width: 767px){
	#sub .companyInfo{
		width:94%;
		margin:4em auto 0;
	}
	
	
	#sub .companyInfo .map{
		width:100%;
		display:Inline-block;
		height:300px;
		vertical-align:middle;
	}
	
	
	#sub .companyInfo .infoList{
		width:100%;
		display:Inline-block;
		vertical-align:middle;
		margin-left:0%;
		margin-top:2em;
	}
	
	
	#sub .companyInfo .infoList .comName{
		font-size:20px;
		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:13px;
		font-family:'montserrat','noto sans kr';
		display:inline-block;
		vertical-align:middle;
		width:25%;
		vertical-align:top;
	}
	
	
	#sub .companyInfo .infoList .cominfoList li .substance{
		font-size:13px;
		font-family:'montserrat','noto sans kr';
		display:inline-block;
		vertical-align:middle;
		width:74%;
		vertical-align:top;
	}
	
}





@media screen and (max-width: 1180px){
		
	#sub .counselCenter{
		width:94%;
		margin:4em 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:30px;
		color:#222;
		font-weight:300;
		font-family:'montserrat';
	}
	
	#sub .counselCenter .titleArea .subtitle{
		font-size:16px;
		color:#777777;
	}
	
	
	
	
	#sub .counselCenter .formList{
		width:100%;
		margin-top:1.5em;
		display:inline-block;
		margin-top:10px;
	}
	
	#sub .counselCenter .formList li{
		width:48%;
		display:Inline-block;
		float:left;
		margin-left:3.6%;
		margin-top:1em;
	}
	
	
	#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
	}
}







@media screen and (max-width: 767px){
		
	#sub .counselCenter{
		width:94%;
		margin:4em 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:24px;
		color:#222;
		font-weight:300;
		font-family:'montserrat';
	}
	
	#sub .counselCenter .titleArea .subtitle{
		font-size:16px;
		color:#777777;
	}
	
	
	
	
	#sub .counselCenter .formList{
		width:100%;
		margin-top:1.5em;
		display:inline-block;
		margin-top:10px;
	}
	
	#sub .counselCenter .formList li{
		width:100%;
		display:Inline-block;
		float:left;
		margin-left:0%;
		margin-top:1em;
	}
	
	
	#sub .counselCenter .formList .full{
		width:100%;
	}
	
	#sub .counselCenter .formList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .counselCenter .formList li label{
		font-size:14px;
		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
	}
}







@media screen and (max-width: 1180px){
		
	#sub .board{
		width:94%;
		margin:4em auto 0;
	}

}






@media screen and (max-width: 767px){

	.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:300px;
		position:absolute;
		left:50%;
		margin-left:-150px;
		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:18px;
		color:#222;
		letter-spacing:-0.7px;
	}
	
	
	
	.bankInfoModal .layerCont .bankInfo{
		width:100%;
		margin-top:20px;
	}
	
	
	.bankInfoModal .layerCont .bankInfo .bankName{
		width:100%;
		font-size:15px;
		text-align:center;
	}
	
	
	.bankInfoModal .layerCont .bankInfo .numInfo{
		width:100%;
		font-size:15px;
		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:13px;
	}



}