/** 회사소개 **/
#aboutus{max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#aboutus h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}

#aboutus .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px;}
#aboutus .tit .tit01{width: 40%; text-align: left; 
display: inline-block; margin-right: 20px; float: left;}
#aboutus .tit .tit01 h2{font-size: 20px; letter-spacing: -0.5px; color: #000; font-weight: 600;}
#aboutus .tit .tit01 p{font-size: 15px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: -1px; padding-top: 30px;}
#aboutus .tit .tit02{ display: inline-block; margin-left: 100px;}
#aboutus .tit .tit02 img{width: 100%;}

#aboutus .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}


#aboutus2{width: 100% ;
	background: url('../img/sub/about/bg.jpg') 50% 50%;
    background-repeat: no-repeat; background-size: cover; height: auto; padding-bottom: 50px;}
#aboutus2 .title{max-width: 1200px; padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin: 0 auto; }
#aboutus2 .title h3{font-size: 20px; color: #fff; }
 
#aboutus2 .tg  {border-collapse:collapse;border-spacing:0; width: 100%; margin-top: 30px;}
#aboutus2 .tg td{font-size:14px;padding:12px 10px;overflow:hidden;word-break:normal;line-height: 23px;}
#aboutus2 .tg th{font-size:14px;font-weight:normal;padding:12px 10px;overflow:hidden;word-break:normal; line-height: 23px;}
#aboutus2 .tg .tg-mk6l{background-color:rgba(0,0,0,0.5);color:#ffffff;text-align:left;vertical-align:top}
#aboutus2 .tg .tg-dusa{background-color:#3b3b3b;color:#ffffff;text-align:left;vertical-align:top; border-right:1px solid #fff; width: 12%;}


#aboutus2 .tg2  {border-collapse:collapse;border-spacing:0; width: 100%; margin-top: 0px; display: none;}
#aboutus2 .tg2 td{font-size:14px;padding:12px 10px;overflow:hidden;word-break:normal;line-height: 23px;}
#aboutus2 .tg2 th{font-size:14px;font-weight:normal;padding:12px 10px;overflow:hidden;word-break:normal; line-height: 23px;}
#aboutus2 .tg2 .tg-mk6l{background-color:rgba(0,0,0,0.5);color:#ffffff;text-align:left;vertical-align:top}
#aboutus2 .tg2 .tg-dusa{background-color:#3b3b3b;color:#ffffff;text-align:left;vertical-align:top; border-right:1px solid #fff; width: 30%;}


#aboutus3{width: 100% ; text-align: center;}
#aboutus3 img{width: 100%; max-width: 1047px;}
#aboutus3 .title{max-width: 1200px; padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #cfcfcf; margin: 0 auto; text-align: left;}
#aboutus3 .title h3{font-size: 20px; color: #000; }

#aboutus4{width: 100% ; text-align: center; display: none;}
#aboutus4 img{width: 100%; max-width: 1047px;}
#aboutus4 .title{max-width: 1200px; padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #cfcfcf; margin: 0 auto; text-align: left;}
#aboutus4 .title h3{font-size: 20px; color: #000; }

#history{width: 100% ;
	background: url('../img/sub/history/bg.jpg') 50% 50%;
    background-repeat: no-repeat; background-size: cover; height: auto; padding-bottom: 50px; min-height: 900px;}

#history .tit{max-width: 655px; margin: 0 auto; width: 100%;}
#history .tit .bottomline{padding: 50px 0 0 0; }
#history .tit .bottomline h1{font-size: 30px; color: #fff; float: left; width: 20%;}
#history .tit .bottomline h2{font-size: 15px; color: #ffe403; line-height: 36px; float: left; width: 15%;}
#history .tit .bottomline p {font-size: 15px; color: #fff; line-height: 36px; float: left; width: 65%;}
#history .tit .bottomline .line{height: 1px; background: #fff; width: 100%; margin-top: 15px; margin-bottom: 15px; float: left;}

#confirm{max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#confirm h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}

#confirm .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px;}

#confirm .tit img{display: inline-block; max-width: 239px; margin: 5px 10px;}

#confirm .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#partner{max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#partner h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}

#partner .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px;}

#partner .tit img{display: inline-block; max-width: 488px; margin: 5px 10px;}

#partner .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}


#map{max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#map h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}

#map .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px;}
#map .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#map .tit .text{border-bottom: 1px solid #eaeaea; padding-top: 30px; padding-bottom: 20px; text-align: left;}
#map .tit .text p{font-size: 16px; color:#444; display: inline-block; margin:0 20px; }
#map .tit .text2{text-align: left; padding-top: 20px; }
#map .tit .text2 p{font-size: 16px; color:#444;display: inline-block; margin:0 20px;}

#map .tit .text p img, #map .tit .text2 p img {margin-right: 10px;}
/** 회사소개 **/

/** 기술 **/
#skillcontent{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#skillcontent h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#skillcontent .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#skillcontent .tit .tit01{width: 100%; text-align: center; 
display: inline-block; margin-right: 20px; }
#skillcontent .tit .tit01 p{font-size: 15px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: -1px; padding-top: 0px;}

#skillcontent .tit2{max-width: 1200px; margin: 0 auto; padding-top: 50px; display: inline-flex;}
#skillcontent .tit2 .img{max-width: 468px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#skillcontent .tit2 .img img{width: 100%; margin: -40px 0 0 0;}
#skillcontent .tit2 .text{display: inline-block; max-width: 590px; text-align: left;}
#skillcontent .tit2 .text h1{font-size: 30px; font-weight: 600; padding-bottom: 20px; letter-spacing: -1px;}
#skillcontent .tit2 .text p{font-size: 16px; line-height: 24px; font-weight: 200;padding-bottom: 20px; border-bottom: 1px solid #b6b6b6; color: #000;}
#skillcontent .tit2 .text h2{width: 50%; padding: 15px; line-height: 35px; font-size: 16px; color: #003e91; float: left;}

#skillcontent .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#skillcontent2 {max-width: 1200px; margin: 0 auto; background: #fff; text-align: left; padding-top: 40px; padding-bottom: 40px;}

#skillcontent2 h1{font-size: 24px; color: #003e91; font-weight: 400; letter-spacing: -1px; }
#skillcontent2 h2{padding: 10px 5px; border-bottom: 2px solid #000; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -1px; margin-top: 25px;}
#skillcontent2 h3{ font-size: 16px; font-weight: 400; color: #000; padding: 25px 15px 15px 15px ; border-bottom: 1px solid #cfcfcf; letter-spacing: -1px; text-transform: uppercase;}
#skillcontent2 h3 a{float: right; color: #000;}
#skillcontent2 h3 span{padding-right: 30px;}

#skillcontent2 .textbox {margin-top: 15px;}
#skillcontent2 .textbox .tit01{display: inline-block; width: 15%; padding: 10px 15px; vertical-align:top;}
#skillcontent2 .textbox .tit01 p{color: #666666; text-align: right; font-size: 15px; letter-spacing: -1px; line-height: 22px;  text-transform: uppercase;}
#skillcontent2 .textbox .tit02{display: inline-block; width: 30%; padding: 10px 0; vertical-align: top;}
#skillcontent2 .textbox .tit02 p{color: #666666; text-align: left; font-size: 15px; letter-spacing: -1px; line-height: 22px; padding: 0 15px; border-left: 1px solid #cfcfcf; text-transform: uppercase;}
/** 기술 **/

/** 쿨팩 **/
#coolpack{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#coolpack h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#coolpack .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#coolpack .tit .tit01{width: 100%; text-align: center; 
display: inline-block; margin-right: 20px; }
#coolpack .tit .tit01 p{font-size: 18px; line-height: 24px; font-weight: 200; color: #000; letter-spacing: -0.5px; padding-top: 0px;}
#coolpack .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#coolpackwhy{width: 100% ;
	background: url('../img/sub/coolpack/whybg.jpg') 50% 50%;
    background-repeat: no-repeat; background-size: cover; height: auto; padding:40px 0; text-align: center;}

#coolpackwhy2{width: 100% ;
	background: url('../img/sub/coolpack/whybg.jpg') 50% 50%;
    background-repeat: no-repeat; background-size: cover; height: auto; padding:40px 0; text-align: center; display: none;}

#coolpackcontent{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}

#coolpackcontent .tit2{max-width: 1200px; margin: 0 auto; padding-top: 50px; display: inline-flex;}
#coolpackcontent .tit2 .img{max-width: 533px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#coolpackcontent .tit2 .img img{width: 100%; margin: -40px 0 0 0;}
#coolpackcontent .tit2 .text{display: inline-block; max-width: 400px; text-align: left; margin-right: 50px; margin-top: 50px;}
#coolpackcontent .tit2 .text h1{font-size: 26px; font-weight: 600; padding-bottom: 20px; letter-spacing: -1px; color: #000;}
#coolpackcontent .tit2 .text h1 span{color: #0190ff;}
#coolpackcontent .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #666666;}
#coolpackcontent .tit2 .text h2{width: 100%;  line-height: 35px; font-size: 15px; color: #221815; }
/** 쿨팩 **/

/** 탭키 **/
#cooltab{margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px; max-width: 1200px;}
#cooltab h1{font-size: 30px; font-weight: 800; color: #03285a; padding-bottom: 20px; text-transform: uppercase; letter-spacing: -1px;}

#cooltab ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 100%;
}
#cooltab ul.tabs li {
	float: left;
	margin: 0;
	height: 50px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 18px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #cfcfcf;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
	width: 16.666%;
	padding: 5px 0;
}
#cooltab ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 15px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
#cooltab ul.tabs li a:hover {
	background: none;
}
#cooltab  ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 4px solid #0190ff; /*--Makes the active tab look like it's connected with its content--*/
}

#cooltab .tab_container { border: 1px solid #cfcfcf; border-top: none; overflow: hidden; clear: both;  width: 100%; background: #fff; } 

#cooltab .tab_content { padding: 40px 0 20px 0; font-size: 1.2em; text-align: center;}
#cooltab .tab_content img{width: 100%; max-width: 1026px;}

#cooltab .tab_content .tabpc{}
#cooltab .tab_content .tabmo{display: none}
/** 탭키 **/


#product02{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
#product02 h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#product02 .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#product02 .tit .tit01{width: 100%; text-align: center; 
display: inline-block; margin-right: 20px; }
#product02 .tit .tit01 p{font-size: 24px; line-height: 24px; font-weight: 600; color: #333399; letter-spacing: -0.5px; padding-top: 0px;}
#product02 .tit .tit01 p img{margin: 0 10px;}
#product02 .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}


#product02 .tit2{ padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#product02 .tit2 .tit01{width: 100%; text-align: center; 
display: inline-block; margin-right: 20px; }
#product02 .tit2 .tit01 p{font-size: 24px; line-height: 24px; font-weight: 600; color: #333399; letter-spacing: -0.5px; padding-top: 0px;}
#product02 .tit2 .tit01 p img{margin: 0 10px;}
#product02 .tit2 .tit01 h3{font-size: 18px; text-transform: uppercase; color: #000; padding-top: 20px;}
#product02 .tit3 {max-width: 1102px; margin: 0 auto; text-align: center}
#product02 .tit3 img{width: 100%; margin-bottom: 20px;}

#product02 .tit3mo {max-width: 1102px; margin: 0 auto; text-align: center; display: none;}
#product02 .tit3mo img{width: 100%; margin-bottom: 20px;}


#product02content{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px; max-width: 1200px;}

#product02content .tit2{max-width: 1200px; margin: 0 auto; padding-top: 50px; display: inline-flex;}
#product02content .tit2 .img{max-width: 807px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#product02content .tit2 .img img{width: 100%; margin: -40px 0 0 0;}
#product02content .tit2 .text{display: inline-block; max-width: 400px; text-align: left; margin-right: 50px; margin-top: 50px;}
#product02content .tit2 .text h1{font-size: 24px; font-weight: 400; padding-bottom: 10px; letter-spacing: -1px; color: #000;}
#product02content .tit2 .text h1 span{color: #333399;}
#product02content .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#product02content .tit2 .text h2{width: 100%;  line-height: 35px; font-size: 15px; color: #666666; }

#product02content .tit2 .img2{max-width: 421px; display: inline-block; margin-top: 20px; padding-bottom: 25px;}
#product02content .tit2 .img2 img{width: 100%; margin: -40px 0 0 0;}
#product02content .tit2 .text2{display: inline-block; max-width: 400px; text-align: left; margin-left: 50px; margin-top: 20px;}
#product02content .tit2 .text2 h1{font-size: 24px; font-weight: 400; padding-bottom: 10px; letter-spacing: -1px; color: #000;}
#product02content .tit2 .text2 h1 span{color: #333399;}
#product02content .tit2 .text2 p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#product02content .tit2 .text2 h2{width: 100%;  line-height: 35px; font-size: 15px; color: #666666; }

#product03{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}

#product03 h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#product03 .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#product03 .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#product03 .tit2{max-width: 1200px; margin: 0 auto; padding-top: 0px; display: inline-flex;}
#product03 .tit2 .img{max-width: 548px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#product03 .tit2 .img img{width: 100%; margin: 0;}
#product03 .tit2 .text{display: inline-block; max-width: 500px; text-align: left; margin-right: 50px; margin-top: 0px;}
#product03 .tit2 .text h1{font-size: 20px; font-weight: 600; padding-bottom: 20px; letter-spacing: -1px; color: #000;}
#product03 .tit2 .text h1 span{color: #333399;}
#product03 .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#product03 .tit2 .text h2{width: 50%; padding: 0px 10px 0px 0px; line-height: 35px; font-size: 16px; color: #003e91; float: left; letter-spacing: -1px;}


#product03 .table {max-width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 30px;}
#product03 .table h1{color: #333399; text-align: left; font-size: 20px; padding-bottom: 15px}


#product03 .table table thead th { border:1px solid #e1e5ea; background:#e9f9ff; text-align:center; color: #333399;font-size: 16px; line-height: 36px; word-break: keep-all;}
#product03 .table table tbody th { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px; font-weight: 200;  padding: 10px 20px; word-break: keep-all;}
#product03 .table table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px 20px; text-align: left; word-break: keep-all;}
#product03 .table table tbody th:first-child { border-left:0; width:100% ; word-break: keep-all;}
#product03 .table table tbody td:nth-child(2) { width:14%; }
#product03 .table table tbody td:nth-child(3) { width:14%; }
#product03 .table table tbody td:nth-child(4) { width:22%; }
#product03 .table table tbody td:nth-child(5) { width:18%; }
#product03 .table table tbody td:nth-child(6) { width:18%; }
#product03 .table table tbody tr { border:1px solid #e1e5ea; }

#mo img{display: none; width: 100%;}
#pc{text-align: center;}
#pc img{ text-align: center;}

#product04{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 50px;}

#product04 h1{font-size: 30px;  color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#product04 .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#product04 .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#product04 .tit01{width: 100%; text-align: center; 
display: inline-block;  padding-top: 30px;}
#product04 .tit01 p{font-size: 24px; line-height: 24px; font-weight: 600; color: #333399; letter-spacing: -0.5px; padding-top: 0px;}
#product04 .tit01 p img{margin: 0 10px;}
#product04 .tit01 h3{color: #1a6a8c; font-size: 18px; line-height: 24px; padding-top: 20px;}
#product04 .tit01 h4{color: #ff0000; font-size: 16px; line-height: 24px; padding-bottom: 10px;padding-top: 5px;}
#product04 .tit01 h3 span{color: #ff0000;}

#product04 .tit2{max-width: 1200px; margin: 0 auto; padding-top: 0px; display: inline-flex;}
#product04 .tit2 .img{max-width: 614px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#product04 .tit2 .img img{width: 100%; margin: 0;}
#product04 .tit2 .text{display: inline-block; max-width: 400px; text-align: left; margin-right: 50px; margin-top: 0px;}
#product04 .tit2 .text h1{font-size: 20px; font-weight: 400; padding-bottom: 20px; letter-spacing: -1px; color: #000;}
#product04 .tit2 .text h1 span{color: #333399;}
#product04 .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#product04 .tit2 .text h2{width: 50%; padding: 0px 10px 0px 0px; line-height: 35px; font-size: 16px; color: #003e91; float: left; letter-spacing: -1px;}

#product04 .table {max-width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 0px;}
#product04 .table h1{color: #333399; text-align: left; font-size: 16px; padding-bottom: 15px; font-weight: 600;}

#product04 .table2 {max-width: 1200px; margin: 0 auto; display: inline;}
#product04 .table2 table{width: 49%; max-width: 600px; margin: 5px; display: inline-table;}
#product04 .table2 table thead th { border:1px solid #e1e5ea; background:#e9f9ff; text-align:center; color: #333399;font-size: 16px; line-height: 36px; word-break: keep-all;}

#product04 .table2 table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px 20px; text-align: center; word-break: keep-all;}
#product04 .table2 table tbody td:first-child { border-left:0; width:50% ; word-break: keep-all;}
#product04 .table2 table tbody td:nth-child(2) { width:50%; }

#product04 .table2 table tbody tr { border:1px solid #e1e5ea; }

#product04 .table3 {max-width: 1000px; margin: 0 auto;  padding-top: 20px;}
#product04 .table3 table{width: 100%; max-width: 1000px; margin: 5px; display: inline-table;}
#product04 .table3 table thead th { border:1px solid #e1e5ea; background:#e9f9ff; text-align:center; color: #333399;font-size: 16px; line-height: 36px; word-break: keep-all;}

#product04 .table3 table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px 20px; text-align: center; word-break: keep-all;}
#product04 .table3 table tbody td:first-child { border-left:0; width:15% ; word-break: keep-all;}
#product04 .table3 table tbody td:nth-child(2) { width:15%; }
#product04 .table3 table tbody td:nth-child(3) { width:5%; }
#product04 .table3 table tbody td:nth-child(4) { width:5%; }
#product04 .table3 table tbody td:nth-child(5) { width:5%; }
#product04 .table3 table tbody td:nth-child(6) { width:5%; }
#product04 .table3 table tbody td:nth-child(7) { width:20%; }
#product04 .table3 table tbody td:nth-child(8) { width:30%; }
#product04 .table3 table tbody tr { border:1px solid #e1e5ea; }


#product05{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}

#product05 h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#product05 .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#product05 .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#product05 .tit2{max-width: 1200px; margin: 0 auto; padding-top: 0px; display: inline-flex;}
#product05 .tit2 .img{max-width: 548px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#product05 .tit2 .img img{width: 100%; margin: 0;}
#product05 .tit2 .text{display: inline-block; max-width: 500px; text-align: left; margin-right: 50px; margin-top: 0px;}
#product05 .tit2 .text h1{font-size: 20px; font-weight: 600; padding-bottom: 20px; letter-spacing: -1px; color: #000;}
#product05 .tit2 .text h1 span{color: #333399;}
#product05 .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#product05 .tit2 .text h2{width: 50%; padding: 0px 10px 0px 0px; line-height: 35px; font-size: 16px; color: #003e91; float: left; letter-spacing: -1px;}


#product05 .table {max-width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 30px;}
#product05 .table h1{color: #333399; text-align: left; font-size: 20px; padding-bottom: 15px}


#product05 .table table thead th { border:1px solid #e1e5ea; background:#e9f9ff; text-align:center; color: #333399;font-size: 16px; line-height: 36px; word-break: keep-all;}
#product05 .table table tbody th { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px; font-weight: 200;  padding: 10px 20px; word-break: keep-all;}
#product05 .table table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px 20px; text-align: left; word-break: keep-all;}
#product05 .table table tbody th:first-child { border-left:0; width:10% ; word-break: keep-all;}
#product05 .table table tbody td:nth-child(2) { width:30%; }
#product05 .table table tbody td:nth-child(3) { width:30%; }
#product05 .table table tbody td:nth-child(4) { width:30%; }

#product05 .table table tbody tr { border:1px solid #e1e5ea; }


#qna{ margin: 0 auto; text-align: center; padding-top: 30px; padding-bottom: 50px;}

#qna h1{font-size: 30px; text-transform: uppercase; color: #444444; letter-spacing: -1px; padding-bottom: 30px; font-weight: 600;}
#qna .tit{border-top:solid 1px #eaeaea; padding-top: 30px;padding-bottom: 30px; max-width: 1200px; margin: 0 auto;}
#qna .tit .line{max-width: 50px; background: #000; height: 1px;margin:-30px auto 30px auto; width: 100%;}

#qna .tit2{max-width: 1200px; margin: 0 auto; padding-top: 0px; display: inline-flex;}
#qna .tit2 .img{max-width: 548px; display: inline-block; margin-top: 0px; padding-bottom: 25px;}
#qna .tit2 .img img{width: 100%; margin: 0;}
#qna .tit2 .text{display: inline-block; max-width: 500px; text-align: left; margin-right: 50px; margin-top: 0px;}
#qna .tit2 .text h1{font-size: 20px; font-weight: 600; padding-bottom: 20px; letter-spacing: -1px; color: #000;}
#qna .tit2 .text h1 span{color: #333399;}
#qna .tit2 .text p{font-size: 15px; line-height: 24px; font-weight: 200;padding-bottom: 20px; color: #000;}
#qna .tit2 .text h2{width: 50%; padding: 0px 10px 0px 0px; line-height: 35px; font-size: 16px; color: #003e91; float: left; letter-spacing: -1px;}


#qna .table {max-width: 1200px; margin: 0 auto; padding-top: 0px; padding-bottom: 30px;}
#qna .table h1{color: #000; text-align: right; font-size: 15px; padding-bottom: 15px; font-weight: 200;}
#qna .table h1 span{color: red;}

#qna .table table tbody {border-top:solid 2px #000;}
#qna .table table tbody th { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #000; padding: 10px; font-weight: 200;  padding: 30px 20px 30px; word-break: keep-all; background: #f7f7f7; text-align: left}
#qna .table table tbody th span{color: red;}
#qna .table table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #7f7f7f; padding: 10px 20px; text-align: left; word-break: keep-all;}
#qna .table table tbody th:first-child { border-left:0; width:10% ; word-break: keep-all;}
#qna .table table tbody td:nth-child(2) { width:30%; }
#qna .table table tbody td:nth-child(3) { width:30%; }
#qna .table table tbody td:nth-child(4) { width:30%; }

#qna .table table tbody td input{BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 25px;padding: 3px 10px;}

#qna .table table tbody td textarea{BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 198px}

#qna .table table tbody tr { border:1px solid #e1e5ea; }

#qna .table .right{ margin-top: 20px; width: 100%; text-align: right;}
#qna .table .right button{border: none; }
#qna .table .right .cle{background: #cfcfcf; color: #000; font-size: 15px; padding: 15px; width: 100%; max-width: 110px;}
#qna .table .right .ok{background: #03285a; color: #fff; font-size: 15px; padding: 15px; width: 100%; max-width: 110px;}

@media only screen and (max-width: 767px){
	#aboutus .tit .tit01{width: 100%; margin: 0px; padding: 10px; float: none;}
	#aboutus .tit .tit02{margin: 0;}
	#aboutus2{padding-left: 10px; padding-right: 10px;}
	#aboutus3{padding: 10px; display: none;}
	#aboutus4{padding: 10px; display: block;}
	#aboutus2 .tg{display: none;}
	#aboutus2 .tg2{display: block;}
	
	#history .tit{padding: 10px;}
	#history .tit .bottomline h1{float: none;}
	#history .tit .bottomline h2{float: none; display: inline-block; width: 10%;}
	#history .tit .bottomline p{width: auto; display: inline-block; float: none;}
	
	#partner .tit img{width: 100%;}
	
	#skillcontent .tit{padding: 30px 10px;}
	#skillcontent .tit2{padding: 50px 10px ;display: block;}
	#skillcontent2{padding: 40px 10px;}
	#skillcontent2 h3 a{padding: 10px;}
	#skillcontent2 .textbox .tit01{width: 100%;}
	#skillcontent2 .textbox .tit01 p{text-align: left;}
	#skillcontent2 .textbox .tit02{width: 100%;}
	#skillcontent2 .textbox .tit02 p{border-left: none; border-top: 1px solid #cfcfcf;}
	
	#skillcontent2 h3 span{padding-right: 3px;}
	
	#coolpack .tit .tit01 {padding: 10px;}
	#coolpack .tit .tit01 img{width: 100%;}
	
	#coolpackwhy{padding: 40px 10px ; display: none;}
	#coolpackwhy img{width: 100%;}
		#coolpackwhy2{padding: 40px 10px ; display: block}
	#coolpackwhy2 img{width: 100%;}
	
	
	#cooltab{padding: 10px;}
	
	#coolpackcontent .tit2{padding: 50px 10px 10px 10px; display: block;}
	#coolpackcontent .tit2 .text {margin: 0;}
	#coolpackcontent .tit2 .img img{margin: 40px 0 0 0;}
	
	#cooltab ul.tabs li{width: 50%; height: 60px; padding: 8px 0;}
	#cooltab ul.tabs li a{padding: 0;}
	#cooltab .tab_content{padding: 170px 0 20px 0;}
	
	#cooltab .tab_content .tabpc{display: none}
#cooltab .tab_content .tabmo{display: block}
	
	#product02content{padding: 30px 10px;}
	#product02content .tit2{display: block; padding-top: 10px;}
	#product02content .tit2 .text{margin: 0}
	#product02content .tit2 .img{margin: 0}
	#product02content .tit2 .img img{margin: 0}
	#product02content .tit2 .text2{margin: 0}
	#product02content .tit2 .img2{margin: 0}
	#product02content .tit2 .img2 img{margin: 0}
	#product02{padding: 30px 10px;}
	
	#product02 .tit3{display: none;}
	#product02 .tit3mo {display: block;}
	
	#product03{padding: 30px 10px;}
	#product03 .tit2{display: block;}
	#product03 .tit2 .text{margin: 0 0 20px 0;}
	#product03 .table table{display: none;}
	
	#product03 .table table thead th{display: block;}

	#product03 .table table tbody td{display: block;}
	#product03 .table table tbody td:nth-child(2){width: 100%;}
	#product03 .table table tbody td:nth-child(3){width: 100%;}
	#product03 .table table tbody td:nth-child(4){width: 100%;}
	#product03 .table table tbody td:nth-child(5){width: 100%;}
	#product03 .table table tbody td:nth-child(6){width: 100%;}
	
	#mo img{display: block; width: 100%;}
	#pc img{display: none; }
	
	#product04{padding: 30px 10px;}
	#product04 .tit2{display: block;}
	#product04 .tit2 .text{margin: 0 0 20px 0;}
	#product04 img{width: 100%;}
	#product04 .tit01 p img{width: 100%; max-width: 33px;}

	#product04 .table2{display: block;}
	#product04 .table2 table{width: 100%; max-width: 100%; display: none;}
	#product04 .table2 table thead th{display: block;}
	#product04 .table2 table tbody td{display: block;}
	#product04 .table2 table tbody td:first-child{width: 100%;}
	#product04 .table2 table tbody td:nth-child(2){width: 100%;}
	
	#product04 .table3 table{display: none;}
	
	#product04 .table3 table thead th{display: block;}
	#product04 .table3 table tbody td{display: block;}
	#product04 .table3 table tbody td:first-child{width: 100%;}
	#product04 .table3 table tbody td:nth-child(2){width: 100%;}
	#product04 .table3 table tbody td:nth-child(3){width: 100%;}
	#product04 .table3 table tbody td:nth-child(4){width: 100%;}
	#product04 .table3 table tbody td:nth-child(5){width: 100%;}
	#product04 .table3 table tbody td:nth-child(6){width: 100%;}
	#product04 .table3 table tbody td:nth-child(7){width: 100%;}
	#product04 .table3 table tbody td:nth-child(8){width: 100%;}
	
	#product05{padding: 30px 10px;}
	#product05 .tit2{display: block;}
	#product05 .tit2 .text{margin: 0 0 20px 0;}
	
	
	#product05 .table table{display: none;}
	#product05 .table table thead th{display: block;}

	#product05 .table table tbody td{display: block;}
	#product05 .table table tbody td:nth-child(2){width: 100%;}
	#product05 .table table tbody td:nth-child(3){width: 100%;}
	#product05 .table table tbody td:nth-child(4){width: 100%;}
	#product05 .table table tbody td:nth-child(5){width: 100%;}
	#product05 .table table tbody td:nth-child(6){width: 100%;}
	
	#qna{padding: 30px 10px;}
	
	#qna .table table tbody th { width: 100%;}
#qna .table table tbody th span{color: red;}
#qna .table table tbody td { border:1px solid #e1e5ea; background:#fff; text-align:center;font-size: 15px; line-height: 20px; color: #7f7f7f; padding: 10px 20px; text-align: left; word-break: keep-all; width: 100%;}
#qna .table table tbody th:first-child { border-left:0; width:100% ; word-break: keep-all;}
#qna .table table tbody td:nth-child(2) { width:100%; }
#qna .table table tbody td:nth-child(3) { width:100%; }
#qna .table table tbody td:nth-child(4) { width:100%; }
}