@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{ margin:0; padding:0; color:#666;
	font-family: "Noto Sans KR"  ,  "Malgun Gothic", "Nanum Gothic",  "굴림", Gulim, AppleGothic, sans-serif;
	font-size:0.85em; line-height: 1em; }

a{text-decoration:none;}
.intro_all{width:100%; height:100vh; padding:0; margin:0;}
.intro_all .left{width:50%; height:100vh; padding:0; margin:0; float:left; position:relative; overflow:hidden; transition: 0.5s all ease;}
.intro_all .right{width:50%; height:100vh; padding:0; margin:0; float:right; position:relative; overflow:hidden; transition: 0.5s all ease;}
.intro_all .left .imgs{background:url("/img/main_1.jpg") no-repeat center center; width:100%; height:100vh; background-size:cover;  transition: 0.5s all ease;}
.intro_all .right .imgs{background:url("/img/main.jpg") no-repeat center center; width:100%; height:100vh; background-size:cover;  transition: 0.5s all ease;}
.intro_all .divaa.off{width:48%;}
.intro_all .divaa.on{width:52%;}
.intro_all .divaa.on .imgs{transform: scale(1.2); transition: 0.5s all ease; opacity:1;}	
.intro_all .divaa.off .imgs{transition: 0.5s all ease; opacity:0.8;}	
.intro_all .divaa .imgs{transform: scale(1); transition: 0.5s all ease;}	
.intro_all .cover{width:100%; height:100%; background:none; position:absolute; top:0; left:0; transition: 0.5s all ease;}	
.intro_all .cover .logobk{display:none;}
.intro_all .cover div.img{position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);  text-align:center;}
.intro_all .cover div.img a{display:block; width:200px; height:47px; line-height:45px; text-align:center; color:#fff; font-size:1.3em; border:2px solid #fff; margin:0 auto; margin-top:50px; border-radius:50px;}	
.intro_all .divaa.on .cover{background:rgba(0,0,0,0.1);}	
.intro_all .divaa.on .cover .logobk{display:none;}
.intro_all .divaa.on .cover .logowh{display:block;}	
.intro_all .divaa.on .cover div.img a{background:#6F4C39; color:#fff; border:2px solid #6F4C39; }
.intro_all .divaa .cover h2{color:#fff; font-size:2em; margin-bottom:30px;}


@media all and (max-width:768px){		
	.intro_all .cover div.img img{width:200px;}
	.intro_all .left{width:100%; height:50vh;}
	.intro_all .right{width:100%; height:50vh;}
	.intro_all .divaa.off{width:100%;}
	.intro_all .divaa.on{width:100%;}
	.intro_all .cover div.img a{width:150px; height:35px; line-height:33px; font-size:1em; border:1px solid #ddd;}
	.intro_all .divaa.on .cover div.img a{border:1px solid #6F4C39; }
	
	.intro_all .left .imgs{background:url("/img/main_1m.jpg") no-repeat top center;  background-size:100%;}
	.intro_all .right .imgs{background:url("/img/main_m.jpg") no-repeat top center;  background-size:100%;}
}