@charset "utf-8";

@media screen and (max-width:1212px) {
	.visual {
		width:100%; 
	}
	#header {
		padding:19px 0px 11px 0px; width:95%; 
	}
	.visual_btn_ul li {
		font-size:15px;
	}
	.loca_p {
		width:95%; 
	}
	#sub_content {
		max-width:95%;
	}
	.top_btn {
		position:fixed; right:2%; margin-right:0px; bottom:16%; z-index:100;
	}
	#container {
		margin:28px auto 20% auto; 
	}	
	.main_title {
		 font-size:25px; width:95%; 
	}
	.main_title span.h2_span {
		padding:0px 13px; 
	}
	.main_title span.h2_line {
		display:inline-block; position:absolute; width:100%; top:15px; height:1px; background:#686f76; left:0px;
	}
	.logo a {
		background:url('../img/common/logo.png') 0px 3px no-repeat;  background-size:173px 48px; height:60px;
	}
	
}
@media screen and (max-width:1024px) {
	.visual_text p {
		font-size:35px;
	}
	.visual_text p.visual_text_p02 {
		font-size:13px;
	}
	
	.main_con_p02 {
		font-size:13px;
	}
	.product_menu span {
		width:25%; font-size:15px;
	}
	.product_ul {
		width:95%; margin:0 auto;
	}
	.product_ul li {
		width:32.5%;
	}
	.product_view_text {
		padding:10px 0px 0px 0px; margin:0 auto; width:90%;
	}
	.loca_wrap {
		width:95%;
	}
	.top_btn {
		position:fixed; right:2%; margin-right:0px; bottom:20%; z-index:100; 
	}
	#container {
		margin:28px auto 20% auto; 
	}	
	

}
@media screen and (max-width:768px) {
	#container {
		width:100%;
	}
	.main_title {
		font-size:18px;
	}
	.main_title span.h2_line {
		top:10px;
	}
	.gnb_menu {
		display:none;
	}
	.visual_btn {
		position:relative; 
	}	
	.visual_btn_ul li {
		font-size:12px; width:50%;
	}
	.visual_text p {
		font-size:30px;
	}
	.visual_text p.visual_text_p02 {
		font-size:12px; line-height:17px;
	}
	.visual_text {
		top:30%;
	}
	.visual_btn {
		height:100%;
	}		
	.main_con_ul li {
		width:48%; margin:0px 1%; margin-bottom:1%;
	}
	.sub_text_p01 {
		font-size:25px; 
	}
	.sub_text_p02 {
		font-size:13px;
	}
	.sub_menu {
		
	}
	.sub_menu p a {
		font-size:12px; width:25%; margin:0; padding:0px; background:url('../img/sub/sub_menu_bg.png') center bottom no-repeat; 
	}
	.sub_menu p a:hover {
		background:url('../img/sub/sub_menu_bg02.png') center bottom no-repeat;
	}
	.sub_menu p a.sub_menu_on {
		background:url('../img/sub/sub_menu_bg02.png') center bottom no-repeat; width:25%; font-size:12px; margin:0px;
	}
	.sub_menu p a:first-child {
		font-size:12px; width:25%;
	}
	.sub_title {
		font-size:20px;
	}
	.sub_con_text01 {
		font-size:13px;	
	}
	.sub_con_text01 {
		line-height:25px;
	}
	.mobile_btn {
		display:block; top:27px;
	}
	.sub_text_p02_1 {
		font-size:15px; line-height:20px;  
	}
	.years_p span {
		width:50%; font-size:15px;
		
	}
	.years_dl {
		margin-top:30px; 
	}	
	.years_dl dt {
		font-size:30px; margin-bottom:10px;
	}
	.years_dl dd {
		clear:both;  margin-bottom:30px; min-height:50px; 
	}
	.years_dl dd p  {
		font-size:13px;
	}
	.map_text {
		font-size:13px;letter-spacing:-1px;
	}
	.sub_visual_text02 p.sub_text_p02_2 {
		margin-top:2%; line-height:15px; font-size:11px;
	}
	.request_table {
		width:100%;
	}
	.request_table tr th {
		font-size:12px;
	}
	.sub_menu p a span.sub_bg {
		display:none;
	}
	.contact_table tr th {
		font-size:12px; width:40%; min-width:100%;
	}
	.contact_table tr td {
		font-size:12px; 
	}
	.product_menu span {
		width:32.333333%; font-size:11px;
	}
	.product_ul li {
		width:49%;
	}
	.sub_rolling {
		width:95%; margin:0 auto;
	}
	.sub_rolling p img {
		width:95%;
	}	
	#container, #product_content, #product_content_view {
		margin:28px auto 30% auto; 
	}	
	.pro_sub_menu_box span {
		font-size:14px;
	}
	.pro_sub_menu {
		padding:20px 0px 5px 0px;  background:#00549d;
	}
	.dis_block {
		display:inline;	
	}	
	.visual_text p.visual_text_p02 {
		font-size:12px; line-height:17px; width:300px; display:none;
	}



}
@media screen and (max-width:480px) {
	.visual_text {
		top:15%;  left:3%;
	}
	.visual_text p {
		font-size:20px;
	}
	.visual_text02 {
		top:20%; 
	}
	.visual_text p.visual_text_p02 {
		letter-spacing:-1px; font-size:10px; margin-top:5px;  font-family:'NanumGothicBold';
	}	
	.logo a {
		background:url('../img/common/logo.png') 0px 3px no-repeat;  background-size:115px 30px; height:40px;
	}
	.main_con_p02 {
		font-size:12px;
	}
	.footer_p01 {
		font-size:11px; width:86%;padding:10px 7%;
	}
	.footer_p02 {
		font-size:10px;
	}
	.main_con_ul li {
		width:98%;
	}
	.sub_menu p a {
		background-size:100% 
	}
	.sub_menu p a:hover {
			background-size:100% 70%; 
	}
	.sub_menu p a.sub_menu_on {
		background-size:100% 70%; 
	}
	.sub_text_p01 {
		font-size:15px; 
	}
	.sub_text_p02, .sub_text_p02_1 {
		font-size:11px; line-height:15px; margin-top:7%;
	}
	.mobile_btn {
		width:30px; height:30px; background-size:30px 30px; top:20px; right:10px;
	}
	
	.sub_visual_text {
		top:13%;
	}
	.years_dl dd {
		margin-top:50px; 
	}
	.product_ul li {
		width:99%;
	}
	.product_view_dl dd {
		clear:both; font-size:13px; letter-spacing:-0.5px; margin-top:20px; 
	}
	.search_span {
		display:inline-block; position:relative; margin:10px 0px 0px 10px; 
	}
	#container, #sub_content, #product_content, #product_content_view {
		margin:28px auto 0px auto; padding-bottom:50%;
	}
	.pro_sub_menu {
		padding:20px 0px 5px 0px; 
	}
	.pro_sub_menu_box span {
		font-size:11px; letter-spacing:-1px;  margin-bottom:15px; margin-right:15px;
	}
	.map_table {
		width:100%; 
	}
	.station_span {
		display:block; margin-top:5px;
	}
	.pro_prev {
	display:none;
	}
	.pro_next {
		display:none;
	}
	.visual_text {
		top:30%; left:3%;
	}
	.visual_text p.visual_text_p02 {
		letter-spacing:-1px; font-size:10px; margin-top:0px;  font-family:'NanumGothicBold'; width:195px;
	}
	body {
		min-width:320px;
	}

}