@charset "utf-8";

.xet_container { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.xet_grid:before,
.xet_grid:after {
	display: table;
	content: "";
	line-height: 0;
}
.xet_grid:after { clear: both; }
.xet_grid { width: 100%; *zoom:1; }
[class*="xet_grid"] { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  grid 12  fluid no offset
-------------------------------------- */
[class*="xet_grid_"] { float: left; }
.xet_grid_12 { width: 100%; margin-bottom: 30px; }	
.xet_grid_11 { width: 91.66%; }
.xet_grid_10 { width: 83.33%; }
.xet_grid_9 { width: 75%; }
.xet_grid_8 { width: 66.66%; }
.xet_grid_7 { width: 58.33%; }
.xet_grid_6 { width: 50%; }
.xet_grid_5 { width: 41.66%; }
.xet_grid_4 { width: 33.33%; }
.xet_grid_3 { width: 25%; }
.xet_grid_2 { width: 16.66%; }
.xet_grid_1 { width: 8.333%; }

.hidden_pc { display: none !important; }
.float_right_pc { float: right !important; }



@media (min-width: 1200px) {
	.xet_container { 
		width:1340px; 
		padding-left: 30px;
		padding-right: 30px;
	}
	
}
@media (max-width: 1199px) {	
	.xet_container {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 979px) {		
	.xet_container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* grid */	
	.xet_grid_1,
	.xet_grid_2,
	.xet_grid_3,
	.xet_grid_4,
	.xet_grid_5,
	.xet_grid_6,
	.xet_grid_7,
	.xet_grid_8,
	.xet_grid_9,
	.xet_grid_10,
	.xet_grid_11,
	.xet_grid_12 { width: 100%; }
	.hidden_tablet { display: none !important; }
	.visible_tablet { display: inherit !important; }
	.bg_size_tablet { -webkit-background-size: cover; }
	.text_center_tablet { text-align: center !important; }
	.text_left_tablet { text-align: left !important; }		
	.xet_mg_b60_tablet { margin-bottom: 60px; }
	
	h1.h1 { font-size: 28px; }
	h2.h2 { font-size: 24px; }
	h3.h3 { font-size: 20px; }
	h4.h4 { font-size: 16px; }
	h5.h5 { font-size: 13px; }
	
	/* header
	-------------------------------------- */
	#xet_header {
		height: 60px;
	}
	.xet_logo {
		margin-left: 15px; 
		line-height: 60px;
	}
	.xet_logo a {
		height: 60px;
		line-height: 60px;	
		font-size: 22px;
	}
/*	.xet_logo a img {
		width: 100px;
	}*/
	.xet_nav_wrp { 
		margin-right: 15px; 
	}
	.xet_acc > a { 
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin: 14px 0 0 0px;
	}
	.xet_acc > a > span > i { 
		font-size: 20px; 
	}
	
	#xet_body.no_slider {
		margin-top: 60px;
	}	
	
	.xet_section.parallax {
		background-attachment: scroll;
	}
		
	/* content 
	-------------------------------------- */
	.xet_content {
		margin: 0 !important;
	}


	/* layout in buttons
	-------------------------------------- */
	.xet_layout_btn { 
		line-height: 36px;
		font-size: 14px;
		padding: 0 12px;
	}	
	.xet_layout_btn.small { 
		line-height: 28px;
		font-size: 12px;
		padding: 0 10px;
	}
	
	.xet_mg_t30 {
		margin-top: 15px;
	}
	.xet_mg_b30 {
		margin-bottom: 15px;
	}
	.xet_pd_tb60 {
		padding: 30px 0;
	}
	
	.xet_fulldown_cont {
		margin-top: 60px;
	}
	
	
	#xet_footer.footer_sub {
		margin-top: 15px;
	}
	

	
	
}
@media (max-width: 767px) {	
	.xet_macc,
	.xet_mnav {
		height: 50%;
	}
	
	/* sns icon */
	.xet_sns a {
		width: 30px;
		height: 30px;
	}
	.xet_sns a>i {
		line-height: 32px;
		font-size: 18px;
	}
	
	#xet_top_scroll {
		width: 36px;
		height: 36px
	}
	
	.xet_logo a {
	    margin-top: 5px;
	}

	.breadcrumb_wrp {
	    display: none;
	    padding: 0 25px;
	    height: 140px;
	}
	.breadcrumb_wrp h5.h5 {
	    font-size: 20px;
	}
	.breadcrumb_wrp h6.h6 {
		font-size: 15px;
		line-height: 23px;
	    margin-top: 10px;
	}

	#xet_footer {
		display:none;
	}
	#xet_footer.footer_sub {
		display:block;
	}

	#xet_footer p span>span { /* 카피라이트 숨김 */
		display:none;
	}
	
	/* 제품소개 */
	#m_area .m_cont {
	    margin-left: 0;
	}
	#m_area .m_cont .tab_cont ul li {
		display: none;
	}
	#m_area .m_cont .tab_cont_area {
	    margin-bottom: 20px;
	}
	#m_area .m_cont .tab_area {
	    float: left;
		width: 100%;
	    margin-right: 0;
	}
	#m_area .m_cont .tab_area li {
	    width: 50%;
		float: left;
		margin-top: -5px !important;
	}
	
	/* 공정흐름도 */
	.tab-content.current { 
	    margin-left: 0px;
	}
	ul.tabs {
	    margin-bottom: 30px !important;
		width: 100% !important;
	}
	ul.tabs li {
		padding: 15px 10px !important;
		width: 74px !important;
	}
	ul.tabs li span {
		font-size: 12px !important;
		margin-top: 20px !important;
		margin-bottom: -10px !important;
	}
	ul.tabs li:not(:last-child):after {
		position: absolute;
		display: block;
		content: "";
		width: 82px !important;
		height: 1px;
		background: #ccc;
		top: 0;
		left: 0;
		margin-top: 29px !important;
		margin-left: 53px !important;
	}
	
	.xet_copyright {
	    font-size: 13px;
	}
	
	.quick {
		display:none;
	}
	
		

}

@media (max-width: 479px) {			
	.bg_size_mobile { -webkit-background-size: cover; }
	.fontsize12_mobile { font-size: 12px !important; }	
	.fontsize11_mobile { font-size: 11px !important; }	
	.hidden_mobile { display: none !important; }
	.visible_mobile { display: inherit !important; }
	.text_center_mobile { text-align: center; }
	h1.h1 { font-size: 24px; }
	h2.h2 { font-size: 20px; }
	h3.h3 { font-size: 16px; }
	h4.h4 { font-size: 14px; }
	h5.h5 { font-size: 12px; }
	
	.breadcrumb_wrp { text-align: center; }
	.breadcrumb_wrp h2.float_left { float: none; margin-bottom: 20px; }
	.breadcrumb_wrp ul.float_right { float: none; }
	
	.xet_macc,
	.xet_mnav {
		height: 80%;
	}
	
	
}



@media (min-width: 768px) {
 	.m_quick {
		display:none;
	}
}