/*===============================
	lg 
===============================*/ 
@media (min-width:1200px) {
	#st1 .st1_left .st1_03 ul li{margin: 12px auto 13px;}
	
}



/*===============================
	md 
===============================*/ 
@media (max-width:1199px) {
	#st1 .st1_left {width:47%;}
	#st1 .st1_01 {width:98%;}
	#st1 .st1_01 .st1_cs {width:50%; float:left; padding: 25px; height:225px;}
	#st1 .st1_01 .st1_bd {width:50%; float:left; padding: 25px; height:225px;}
	#st1 .st1_left .st1_lbn {width:98%;}
	#st1 .st1_left .st1_lbn ul li {width: 33.3333%;}
	#st1 tbody { font-size: 12px;}
	#st1 .st1_cs table .th {padding:0;}
	#st1 .st1_cs table {border-left: 0px solid #fff;font-size: 13px;}

	#st1 .st1_cs h3 {font-size: 18px;}
	#st1 .st1_cs p {font-size: 11px;}
	#st1 .st1_cs .nmb {font-size: 17px;}

	#st1 .st1_bn {width:48%;float:right; /* margin-left:10px; */}
	#st1 .st1_bn .st1_02 {width:100%; font-size:13px;}
	#st1 .st1_bn .st1_03 {width:100%;}
	#st1 .st1_bn .st1_03 ul li {width:50%; height:110px; padding:10px;}


	#st1 .mvis {width:40%;}
	.slick-list {height:556px;}
	.slide {height:556px;}

	#st1 .st1_right {width:13%; padding-left:10px;}
	#st1 .st1_right .st1_rbn {width:100%;}

	#st1 .st1_right .st1_rbn ul li {height: 139px;padding: 23px;}
	

}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {
	
	#hd {height: 120px;}


	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#st1 .inner .st1_left {width:100%; padding:10px;}
	#st1 .st1_01 {width:100%;}

	#st1 .st1_left .st1_lbn {width:100%;}
	#st1 .st1_left .st1_bn {width: 48.8%;}
	#st1 .inner .st1_right {width: 100%; padding: 10px;}
	#st1 .st1_right .st1_rbn ul li {width:50%; float:left;}

	#st1 .inner .mvis {width:100%;padding:10px;}
	

	#st1 .main_copy {height:200px;}
	.slick-list {height:600px;}
	.slide {height:600px;}


	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	#footer .foot_con .sns{display:block; text-align:center;}
	.ft_info p {text-align:center;}

}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {

	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px;}
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#st1 .main_copy {height:150px;}
	#st1 .main_copy h2 {font-size: 25px;}
	#st1 .main_copy h2 b{display: block;}
	#st1 .main_copy p {font-size: 16px;}

	#st1 .inner .st1_left {padding: 10px}

	#st1 .st1_01 { width: 100%;}
	#st1 .st1_left {width:100%;}
	#st1 .st1_left .st1_lbn {width:100%;}
    #st1 .st1_left .st1_bn h4 {font-size:24px;}
	#st1 .inner .st1_right {width: 100%; padding: 10px;}
	#st1 .st1_right .st1_rbn ul li {width:50%; float:left;}

	#st1 .inner{*zoom:1;}
	#st1 .inner:after {display:block; clear:both; content:"";}
	#st1 .inner .mvis { float:left; width:100%;padding:10px;}

	#st1 .inner{*zoom:1;}
	#st1 .inner:after {display:block; clear:both; content:"";}
	#st1 .inner .st1_right {float:left; width: 100%; padding: 10px;}



	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px;}



}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {

	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px;}
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.logo img { height:70px;} 
	#hd2 {height: 94px;}
	#hd2 .logo {position:relative; float:left; z-index:9;}

	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#st1 .inner .st1_left {width: 100%; padding: 0;}

	#st1 .inner .st1_right {width: 100%; padding: 10px;}
	#st1 .st1_right .st1_rbn ul li {width:50%; float:left;}

	#st1 .st1_01 {margin:0 auto; float:none; width:95%;}
	#st1 .st1_left .st1_bn {width:40%; margin-left:8px;}
	#st1 .st1_left .st1_lbn {margin:0 auto; float:none; width:95%;}
	#st1 .st1_01 .st1_cs {width:100%;}
	#st1 .st1_01 .st1_bn {width:100%;margin-bottom:10px;}



	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px; }

}