@charset "utf-8";
/* CSS Document */
/* contants *****************************************/
body {background:#fff;color: #333;}
strong { font-weight: 600;}

@media (min-width: 320px) {
	section {width: 100%;padding: 150px 0; letter-spacing: -0.3px;overflow: hidden;}
	section h2 {font-weight: 600; font-size: 43px;margin: 0;}
	section h3 {font-weight: 600; font-size: 21px;margin: 0px 0 15px;letter-spacing: -0.5px; color: #c60009;}
	section .con {overflow: hidden;padding-top: 80px;}
	section .con .topIcon {display: block;background: #a91e24;width: 33px;color: #fff;border-radius: 0 15px 15px 0;text-align: center;height: 22px;line-height: 22px; font-weight: 600;font-size: 12px;margin-top: 50px;}
	section .con h4 {font-size: 24px;background: #a91e24;width: 230px;text-align: center;color: #fff;border-radius: 50px;padding: 8px 0 10px 0;margin: 0 0 13px; font-weight: 600;}
	section .con h4.long {width: 320px;}
	section .con h4 .date {display: inline-block;margin-left: 5px;font-size: 18px;margin: 0;}
	section .con h5 {font-size: 18px;font-weight: 500;margin: 5px 0 30px;line-height: 28px;letter-spacing: -1.0px;}
	section .con h6 {font-weight: 600;font-size: 24px;margin: 0px 0 15px;letter-spacing: -1.0px;}
	section .con h7 {font-size: 18px;margin: 0px 0 15px;display: block;}
	section .con ul li {display: inline-block;position: relative;}
	section .con ul li span {font-size: 20px;color: #333;}
	section .con ul li p {font-size: 13px;color: #333;}
	section .con ul li .conTxt {position: absolute;top: 103px;left: 0;right: 0;}
	section .con ul li:hover .conTxt:hover {color: #222;}
	section .conTop {padding-top: 50px;}
	section .con h5 span{display: inline-block;}
	
	section.swRobot {overflow: hidden;padding: 50px 0 100px;}
	section.solution {overflow: hidden;border-top: 1px solid #999;padding: 50px 0px;}
	section.solution.first {border: 0 !important;margin: 0;padding-top: 10px;}
	section.solution span {display: block;}
	section.solution .solutionTxtBox {display: inline-block;float:margin: 10px 0;}
	section.solution .solutionDetail {margin-bottom: 70px;}
	section.solution .solutionDetail:last-child {margin-bottom: 0px;}
	section.solution .solutionDetail h3 {font-size: 24px;color: #333;margin: 0 0 10px; font-weight: 600;}
	section.solution .dot {width: 5px;height: 5px;display: inline-block;background: #a91e24;border-radius: 50%;margin-right: 6px;position: relative;top: -4px;}
	section.solution .txt {margin: 0 0 5px;font-size: 20px;color:#343434;letter-spacing: -0.5px; font-weight: 600;}
	section.solution .txt1 {margin: 0 0 5px;font-size: 16px;color:#343434;letter-spacing: -0.5px; line-height:25px; }
	section.solution .txt1 strong { font-weight: 500 !important;}
	section.solution .txt2 {margin: 0 0 5px;font-size: 15px;color:#343434;letter-spacing: -0.5px; line-height:25px;}
	section.solution .point {color: #c60009; display: inline-block;}
	section.solution .txt strong { font-weight: 600;}
	section.solution .txt02 {display: inline-block;width: 609px;overflow: hidden;float: left;margin-top: 20px;}
	section.solution .txt02 .point {color: #a91e24; font-weight: 600;display: inline-block;}
	section.solution .txtDetail {display: block;margin-bottom: 7px; font-weight: 600;}
	section.solution .txtDetail02 {margin-top: 20px;display: block;font-size: 15px;letter-spacing: -0.2px;color: #777;}
	section.solution .note {margin-top: 10px;}
	section.solution .note span {margin: 0 0 5px;font-size: 16px;letter-spacing: -0.5px;font-weight: 600;}
	section.solution .note p {margin: 0;font-size: 16px;font-family: 'NanumSquare';letter-spacing: -0.5px;}
	section.solution .note02 {overflow: hidden;margin-top: 20px;}
	
	section.solution .solution_01 {width: 900px;height: 491px;background: url(../images/sub/solution_01.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_02 {width: 900px;height: 660px;background: url(../images/sub/solution_02.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_03 {width: 900px;height: 613px;background: url(../images/sub/solution_03.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_04 {width: 900px;height: 337px;background: url(../images/sub/solution_04.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_05 {width: 900px;height: 723px;background: url(../images/sub/solution_05.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_06 {width: 900px;height: 300px;background: url(../images/sub/solution_06.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_07 {width: 900px;height: 676px;background: url(../images/sub/solution_07.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_08 {width: 900px;height: 302px;background: url(../images/sub/solution_08.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_09 {width: 900px;height: 247px;background: url(../images/sub/solution_09.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_10 {width: 900px;height: 524px;background: url(../images/sub/solution_10.png)center no-repeat;margin-top: 30px;}
	section.solution .solution_11 {width: 900px;height: 467px;background: url(../images/sub/solution_11.png)center no-repeat;margin-top: 30px;}

	section.business {overflow: hidden;border-top: 1px solid #999;padding: 100px 0px;}
	section.business .logoWrap li {width: calc(100% / 4 - 10px);border: 1px solid #ccc;height: 85px;float: left;margin-right: 10px;margin-bottom: 10px;text-align: center;}
	section.business .logoWrap li:nth-child(4n) {margin-right: 0;}
	section.business .logoWrap li span {display: inline-block;width: 150px;height: 70px;margin: 0 auto;margin-top: 7px;}
	section.business .logoWrap li span.business_logo_01 {background: url(../images/sub/business_logo_01.png)center no-repeat;background-size: 80%;}
	section.business .logoWrap li span.business_logo_02 {background: url(../images/sub/business_logo_02.png)center no-repeat;background-size: 90%;}
	section.business .logoWrap li span.business_logo_03 {background: url(../images/sub/business_logo_03.png)center no-repeat;background-size: 65%;}
	section.business .logoWrap li span.business_logo_04 {background: url(../images/sub/business_logo_04.png)center no-repeat;background-size: 60%;}
	section.business .logoWrap li span.business_logo_05 {background: url(../images/sub/business_logo_05.png)center no-repeat;background-size: 85%;}
	section.business .logoWrap li span.business_logo_06 {background: url(../images/sub/business_logo_06.png)center no-repeat;background-size: 55%;}
	section.business .logoWrap li span.business_logo_07 {background: url(../images/sub/business_logo_07.png)center no-repeat;background-size: 80%;}
	section.business .logoWrap li span.business_logo_08 {background: url(../images/sub/business_logo_08.png)center no-repeat;background-size: 72%;}
	section.business .logoWrap li span.business_logo_09 {background: url(../images/sub/business_logo_09.png)center no-repeat;background-size: 90%;}
	section.business .logoWrap li span.business_logo_10 {background: url(../images/sub/business_logo_10.png)center no-repeat;background-size: 75%;}
	section.business .logoWrap li span.business_logo_11 {background: url(../images/sub/business_logo_11.png)center no-repeat;background-size: 45%;}
	section.business .logoWrap li span.business_logo_12 {background: url(../images/sub/business_logo_12.png)center no-repeat;background-size: 65%;}
	section.business .logoWrap li span.business_logo_13 {background: url(../images/sub/business_logo_13.png)center no-repeat;background-size: 80%;}
	section.business .logoWrap li span.business_logo_14 {background: url(../images/sub/business_logo_14.png)center no-repeat;background-size: 75%;}
	section.business .logoWrap li span.business_logo_15 {background: url(../images/sub/business_logo_15.png)center no-repeat;background-size: 100%;}
	section.business .logoWrap li span.business_logo_16 {background: url(../images/sub/business_logo_16.png)center no-repeat;background-size: 65%;}
	section.business .logoWrap li span.business_logo_17 {background: url(../images/sub/business_logo_17.png)center no-repeat;background-size: 70%;}
	section.business .logoWrap li span.business_logo_18 {background: url(../images/sub/business_logo_18.png)center no-repeat;background-size: 100%;}
	section.business .logoWrap li span.business_logo_19 {background: url(../images/sub/business_logo_19.png)center no-repeat;background-size: 80%;}
	section.business .logoWrap li span.business_logo_20 {background: url(../images/sub/business_logo_20.png)center no-repeat;background-size: 80%;}
	section.business .logoWrap li span.business_logo_21 {background: url(../images/sub/business_logo_21.png)center no-repeat;background-size: 100%;}
	section.business .logoWrap li span.business_logo_22 {background: url(../images/sub/business_logo_22.png)center no-repeat;background-size: 100%;}
	
	section table {width: 100%;text-align: center;border-bottom:1px solid #d8d8d8;font-size: 16px;}
	section table thead th {text-align: center;padding: 12px 5px;background: #414147;color: #fff; font-weight: normal;}
	section table tbody tr {background: #f4f4f4;}
	section table tbody tr:nth-child(odd) {background: #fff;}
	section table tbody tr td {padding: 14px 3px;letter-spacing: -1.0px; border:1px solid #d8d8d8;}
	section table.bmt tbody tr td {padding: 14px 3px;letter-spacing: -1.0px;background: #eee;}
	.align_l  {text-align:left !important; padding-left: 10px;}
	.tborder  {border:1px solid #d8d8d8;}
    
	.table02 {width: 100%;text-align: center; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; font-size: 16px;}
	.table02 thead th {text-align: center;padding: 12px 5px;background: #414147;color: #fff; font-weight: normal;}
	.table02 tbody tr {background: #FFF;}
	.table02 tbody tr:nth-child(odd) {background: #fff;}
	.table02 tbody tr td {padding: 6px 3px;letter-spacing: -1.0px;  border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
	.table02 .bmt tbody tr td {padding: 14px 3px;letter-spacing: -1.0px;background: #eee;}

