@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1100px) {

}

@media all and (max-width:950px) {
}

@media all and (max-width:800px) {
hr.border {margin:70px 0;}

    .overview_sec01 {
    margin-bottom: 40px;
}
    .overview_sec01 h4 {
    font-size: 2.7em;
    margin-bottom: 30px;
}
.overview_sec01 p.title {
    font-size: 1.2em;
    margin-bottom: 40px;
}
.overview_sec01 p {
    margin-bottom: 15px;
}
.overview_pic01 {padding-left:10%;    margin-bottom: 75px;}
.overview_sec02 {
    margin-bottom: 60px;
}
.overview_sec02 .overview_txt h4 {
    font-size: 2.2em;
    margin-bottom: 20px;
}
.overview_sec02 .overview_txt p.title {
    font-size: 1.2em;
}
.overview_sec02 .overview_txt {    width: 100%;}
.overview_sec02 .overview_img {width: 100%;margin-top:20px;text-align:center;}
.overview_sec03 {
    margin-bottom: 60px;
}
.overview_sec03 .overview_txt {
    width: 100%;
    order: 1;
}
.overview_sec03 .overview_img {
    width: 100%;
    margin-top:20px;text-align:center;
    order: 2;
}
.overview_sec03 .overview_txt h4 {
   font-size: 2.2em;
    margin-bottom: 20px;
}
.overview_sec02 .overview_txt p.title {
    font-size: 1.2em;    
    margin-bottom: 20px;
}
.overview_sec03 .overview_txt p.title {
    font-size: 1.2em;
    margin-bottom: 20px;
}
.overview_sec03 .overview_txt p {
    margin-bottom: 15px;
}

.overview_sec04 .overview_sec04_inner .overview_sec04_in .overview_sec04_item img {width:70px;}
.overview_sec04 h4 {
    font-size: 1.7em;
}

.history_sec01 h4 {  margin-bottom:30px;font-size:1.1em;}
.history_sec01 p {font-size:2.7em;}

.organization_sec01 p {font-size:1.7em;}

.certification_sec01 {padding:70px 15px;}
.certification_sec01 h4 {font-size: 2.2em;margin-bottom:20px;}
.certification_sec02 {margin-top:70px;}
.certification_sec02 .certification_sec02_item p.img {padding:20px 0px;}
.certification_sec02 .certification_sec02_item p {margin:15px 0 0px 0;}
.certification_sec03 {margin-top:70px;}
.certification_sec03  p.img {padding:40px 0px;}
.certification_sec03  p {margin:15px 0 0px 0;}
.certification_sec04 .certification_sec04_item p {margin:15px 0 0px 0;}


h4.product_title {font-size:2em;}
h5.product_title {font-size:1.1em;margin-bottom:50px;}
.product01_sec01 .title {font-size: 1.2em;  }  
.product01_sec01 p { margin-bottom: 15px;}

.product01_sec02 {padding:40px;}
.product01_sec02 .product01_sec02_left {width:100%;}
.product01_sec02 .product01_sec02_left h5 {font-size:1.2em;margin-bottom:20px;}
.product01_sec02 .product01_sec02_right {width:100%;}
.producct01_box {margin-top:20px;}
.producct01_box li {font-size:1.1em;}

.product01_sec03 {margin-bottom:20px;}
.product01_sec03_box {width:100%;padding:20px;}
.product01_sec03_box h5 {font-size:1.1em;margin-bottom:20px;}
.msg {font-size:1em;}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    position: relative;
}
.table-responsive table {
	width: 900px;
}

.table-responsive .table_cover {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
}
.table-responsive .table_cover .detail_cover_text {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 1em;
	letter-spacing: -0.5px;
	display:block;
}
.table-responsive .table_cover .detail_cover_text p {color: #fff;}
.product02_sec01 {
    padding: 70px 15px;
}
.product02_sec02 {
    padding: 70px 0 0 0;
}
.product02_sec02 .product02_sec02_left p.title {
    font-size: 1.2em;
}
.product02_sec03 p.title {
    font-size: 1.2em;
    margin-top: 40px;
}
.intro_sec01 h4 {
   font-size: 2.7em;margin-bottom: 45px;
}
.cs_sec02_item {width:25%;}
.qa_wrap_left {width:100%;}
.qa_wrap_right {width:100%;margin-top:20px;}
.qa_wrap_left .location_sec02 table {
    margin: 30px 0 50px;
}
.qa_wrap_left h4 {
	font-size: 1.3em;padding-top:10px;
	   background-size:50px auto;padding-left:60px;
	}
	
.cs_sec02_item p {
   /*text-align: justify;word-break: break-all;text-justify: inter-word; */
   letter-spacing:-1px; padding: 0 10px;
}
}
@media all and (max-width:480px) { 
hr.border {margin:20px 0;}
.subtitle span {
    font-size: 1.3em;
    margin-bottom: 10px;
    letter-spacing:-1.5px;
}


.overview_sec01 h4 {
    font-size: 2em;
    margin-bottom: 20px;
}
.overview_sec01 p.title {
    margin-bottom:30px;
}
.overview_pic01 {
    padding-left: 5%;
    margin-bottom: 35px;
}
.overview_sec02 {
    margin-bottom: 30px;
}
.overview_sec02 .overview_txt h4 {
    font-size: 1.7em;
    margin-bottom: 15px;
}
.overview_sec02 .overview_img {
    margin-top: 10px;
}
.overview_sec03 .overview_txt h4 {
    font-size: 1.7em;
    margin-bottom: 15px;
}
.overview_sec03 .overview_txt p.title {
    font-size: 1.2em;
    margin-bottom: 30px;
}

.overview_sec04 {
    padding: 50px 0;
}
.overview_sec04 h4 {
    font-size: 1.4em;
    width:100%;
    text-align:center;
}
.overview_sec04 .overview_sec04_inner {
    width:100%; margin-top: 40px;
}
.overview_sec04 .overview_sec04_inner .overview_sec04_in .overview_sec04_item img {
    width: 40px;
}
.overview_sec04 .overview_sec04_inner .overview_sec04_in .overview_sec04_item {
    margin: 0 0px 25px;
}
.overview_sec04_btn {padding-top:25px;}
.overview_sec04_btn a {padding:12px 30px;font-size:1.2em;}

.history_sec01 {background-size:cover;padding:50px 0;}
.history_sec01 h4 {  margin-bottom:20px;font-size:1em;}
.history_sec01 p {font-size:1.7em;}
.history_sec02 {margin-top:40px;}
.history_sec02 .history_sec02_item {padding:20px 10px;}
.history_sec02 .history_sec02_item strong {margin:15px 0 5px 0;font-size:1.1em;}
.history_sec02 .history_sec02_item img {width:50px;}

.organization_sec01 {background-size:cover;padding:50px 15px;}
.organization_sec01 p {font-size:1.4em;}
.organization_sec02 {margin-top:50px;}

.certification_sec01 {background-size:cover;padding:50px 15px;}
.certification_sec01 h4 {font-size:1.5em;margin-bottom:20px;}
.certification_sec01 h5 {font-size:1.1em;}
.certification_sec01 p {font-size:1em;}
.certification_sec02 {margin-top:50px;}
.certification_sec02 .certification_sec02_item {width:100%;}
.certification_sec02 .certification_sec02_item p.img {padding:15px 0px;}
.certification_sec02 .certification_sec02_item p {margin:10px 0 0px 0;font-size:1.1em;}
.certification_sec03 {margin-top:50px;}
.certification_sec03  p.img {padding:25px 0px;}
.certification_sec03  p  {margin:10px 0 0px 0;font-size:1.1em;}

.certification_sec04 .certification_sec04_item {width:100%;}
.certification_sec04 .certification_sec04_item p {margin:10px 0 0px 0;font-size:1.1em;}

.location_sec01 .area p {bottom:40px;right:10px;}
.location_sec01 .area p img {height:29px;}
.location_sec02 table {width:100%;}


h4.product_title {font-size:1.8em;margin-bottom:10px;}
h5.product_title {font-size:1.1em;margin-bottom:30px;}
.product01_sec01 {padding:50px 0 25px 0;}
.product01_sec01 .title {font-size:1.1em;}
.product01_sec01 p {margin-bottom:15px;font-size:1em;}

.product01_sec02 {padding:25px;margin-bottom:10px;}
.product01_sec02 .product01_sec02_left {width:100%;}
.product01_sec02 .product01_sec02_left h5 {font-size:1.1em;margin-bottom:15px;}
.product01_sec02 .product01_sec02_right {width:100%;}
.producct01_box {margin-top:15px;}
.producct01_box li {background:#fff url('/images/img02_0105.png') no-repeat 7px center;padding:11px 5px 11px 60px;font-size:1em;}

.product01_sec03 {margin-bottom:15px;}
.product01_sec03_box {width:100%;padding:15px;}
.product01_sec03_box h5 {font-size:1.1em;margin-bottom:15px;}
.msg {padding-left:15px;font-size:1em;}

.product02_sec01 {
       background-size: cover;
    padding: 50px 15px;
}
.product02_sec02 {
    padding: 50px 0 0 0;
}
.product02_sec02 .product02_sec02_left {
    width: 100%;
}
.product02_sec02 .product02_sec02_right {
    width: 100%;margin-top:20px;
}

.product02_sec03 p.title {
    margin-top: 25px;
}
.product02_sec05_left {
   width: 100%;
}
.product02_sec05_right {
   width: 100%;margin-top:20px;
}

.intro_sec01 {
    padding: 70px 0;
    margin-bottom: 50px;
}
.intro_sec01 h4 {
   font-size: 2em;   
    margin-bottom: 35px;
}
.intro_sec02_item {
    width:99%;
}
.intro_sec02_item p.title {
    font-size: 1.3em;
    margin: 15px 0 10px 0;
}
.intro_sec03_item {
    width: 49%;
}
.cs_sec02_item {
    width: 50%;
}
.cs_sec02_item p.img {text-align:center;}
.cs_sec02_item p.img img {max-width:100px;margin:0 auto;}

.qa_wrap_left .location_sec02 table {
    margin: 10px 0 30px;
}
.font-size1 {    margin-bottom: 15px;    font-size: 1em;}

.tableA tbody th {
	padding: 10px 5px;
	width:25%;
}
.tableA tbody td {
	padding: 10px 5px;
}

.process_top {padding-top:40px;}

}