@charset "utf-8";

.banner{margin-bottom: 10px; width: 100%; height: 100%; overflow: hidden;}
.img_area{transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/}
.img_area:hover {transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  -ms-transform: scale(1.05);  -o-transform: scale(1.05);}
.title_area {font-size:20px; width:calc(100% - 130px); height:30px; line-height:30px; text-align: left;}
.txt_area {font-family: 'GongGothicLight'; width:calc(100% - 130px); height:30px; text-align: left;}

.here_btn { line-height: 40px;}
.here_btn a { background:#eee;color:#666;display:block; width:auto !important; margin-top: -52px !important; border-radius:5px; padding: 0 10px; transition: all 0.2s ease-in-out;}

@media all and (max-width:1200px) {
	.title_area {font-size:16px; height:22px; line-height:25px; text-align: center;}
	.txt_area {font-size:13px; text-align: center;}
	.title_area , .txt_area{width:100% !important;}
	.here_btn {}
	.here_btn a {float: none !important;  margin-top:0px !important; width:auto; font-size:13px;}		
}


@media all and (max-width:768px) {
	.title_area {font-size:16px; height:22px; line-height:25px; text-align: center;}
	.txt_area {font-size:13px; text-align: center;}
	.title_area , .txt_area{width:100% !important;}
	.here_btn {}
	.here_btn a {float: none !important;  margin-top:0px !important; width:auto; font-size:13px;}		
}