.clear{
    clear: both;
}

.clearFix:after{
	content:'';
	display:block;
	clear:both;
}

.active{ font-weight: bold; }

/***** 헤더 영역 시작 *****/
.head-nav .top-logo{ text-align: center; }
.head-nav .top-logo img{ width: 50.8%; padding: 26px 0 22px 0; }
.head-nav ul li{ float: left; }
.head-nav ul li:not(.div-line){
    width: 33.133%;
    padding: 19px 0;
    background-color: #325D88;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
.head-nav ul li.div-line{
    width: 0.3%;
    height: 50px;
}
.head-nav ul li a{
    color: #FFF;
    text-decoration: none;
}
/***** 헤더 영역 끝 *****/

/***** 서브 헤더 영역 시작 *****/
.sub-head nav > ul{
    background-color: #ECECEC;
}
.sub-head nav > ul li{ float: left; padding: 15px 2%; font-size: 1.2em; }
.sub-head nav > ul li > a{ text-decoration: none; color: #000; }
/***** 서브 헤더 영역 끝 *****/

/***** 메인 영역 시작 *****/
.main-nav ul li{ float: left; width: 25%; }
.main-nav ul li > a > img{ width: 100%; }
/***** 메인 영역 끝 *****/

/***** 서브페이지 영역 시작 *****/
/* ### 회사소개 ### */
.contents{ padding: 0 4.63% 40px 4.63%; }

.contents table{ border-collapse: collapse; }

section.top-area{
    padding: 40px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #B7B7B7;
    text-align: center;
}
section.top-area > h1{ font-size: 1.667em; font-weight: bold; color: #325D88; }
.contents.sub01 img{ width: 100%; }
.contents.sub01 figcaption{ padding-top: 20px; }
.contents.sub01 figcaption > p{ line-height: 19px; font-size: 1.2em; }

.contents.sub02 figure > img{ width: 100%; }
.contents.sub02 figcaption > table{ width: 100%; margin-top: 30px; margin-bottom: 30px;}
.contents.sub02 figcaption > table td{ padding: 17px 0; border: 1px solid #B7B7B7; }
.contents.sub02 figcaption > table td:nth-child(1) {
    width: 22%;
    text-indent: 3%;
    font-weight: bold;
    background-color: #ECECEC;
}
.contents.sub02 figcaption > table td:nth-child(2){ text-indent: 2%; }
.contents.sub02 > h2{ color: #0072BC; font-weight: bold; font-size: 1.167em; }
.contents.sub02 img[alt="경영 및 품질방침"]{ display: block; width: 43.617%; padding: 30px 0; margin: 0 auto; }
.contents.sub02 .cp-rules > dt,
.contents.sub02 .cp-rules > dd{ font-size: 1.167em; line-height: 1.833em; }
.contents.sub02 .cp-rules > dt{ font-weight: bold; }

.contents.sub03 figure > img{ width: 100%; padding-bottom: 17.5px; }
.contents.sub03 table tbody tr > td{ line-height: 1.5em; }
.contents.sub03 table tbody tr > td.years{ padding: 12.5px 0; color: #0072BC; font-weight: bold; font-size: 1.167em; }
.contents.sub03 table tbody tr > td.month{ text-indent: 2em; font-weight: bold; }
.contents.sub03 table tbody tr > td:last-child{ text-indent: 1em; }

.contents.sub04 figure > img{ width: 100%; }

.contents.sub06 .guide-line dl dt{ line-height: 1.667em; }
.contents.sub06 .guide-line dl dt:nth-child(1) { margin: 15px 0; background-image: url('/m/img/icon/position.png'); }
.contents.sub06 .guide-line dl dt:nth-child(2) { background-image: url('/m/img/icon/tell.png'); }
.contents.sub06 .guide-line dl dt:nth-child(3) { margin-left: 20px; background-image: url('/m/img/icon/fax.png'); }
.contents.sub06 .guide-line dl dt{
    display: block;
    text-indent: 22.5px;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 0 2px;
}
.contents.sub06 .guide-line dl dt:not(:first-child){ display: inline-block; }
.contents.sub06 .guide-line dl dt > span{ padding-right: 5px; font-weight: bold; }


/* ### 제품소개 ### */
section[class ^= "contents prod-sub"]{ padding: 0 3.575% 40px 3.575%; }
section[class ^= "contents prod-sub"] ul li{ float: left; width: 47.89%; padding:5px 1.055%; }
section[class ^= "contents prod-sub"] ul img{ float: left; width: 100%; }
section[class ^= "contents prod-sub"] p{
    display: block;
    float: left;
    width: 100%;
    padding-top: 5px;
    text-align: center;
    white-space: pre-line;
    line-height: 1.5em;
}

section[class = "contents prod-sub02"] ul li:nth-child(7) p{
    display: inline-block;
    width: 49.5%;
}

section[class = "contents prod-sub04"] li:nth-child(3),
section[class = "contents prod-sub04"] li:nth-child(4),
section[class = "contents prod-sub04"] li:nth-child(5){ width: 31.223%; }

section[class = "contents prod-sub05"] li:nth-child(1),
section[class = "contents prod-sub05"] li:nth-child(2),
section[class = "contents prod-sub05"] li:nth-child(3){ width: 31.223%; }
section[class = "contents prod-sub05"] li:nth-child(4),
section[class = "contents prod-sub05"] li:nth-child(5),
section[class = "contents prod-sub05"] li:nth-child(6),
section[class = "contents prod-sub05"] li:nth-child(7){ width: 47.89%;}
section[class = "contents prod-sub05"] li:nth-child(4) > img,
section[class = "contents prod-sub05"] li:nth-child(5) > img{ height: 128px; }
section[class = "contents prod-sub05"] li:nth-child(6) > img,
section[class = "contents prod-sub05"] li:nth-child(7) > img{ height: 95px; }
section[class = "contents prod-sub05"] li > img { height: 150px; max-height: 100%; }

section[class = "contents prod-sub06"] li:nth-child(3),
section[class = "contents prod-sub06"] li:nth-child(4){
    /*height: 170px;*/
}

section[class = "contents prod-sub06"] li p{ height: 20px; }

section[class = "contents prod-sub07"] ul li{ width: 31.223%; }

section[class = "contents prod-sub10"] ul li{ float: left; width: 100%; }

section[class = "contents prod-sub11"] ul li{ float: left; width: 31.223%; }
section[class = "contents prod-sub11"] ul li:nth-child(1){ width: 100%; }
section[class = "contents prod-sub11"] ul li:nth-child(2),
section[class = "contents prod-sub11"] ul li:nth-child(3){ width: 47.89%; }
section[class = "contents prod-sub11"] ul li > img{ float: left; width: 100%; }

.prod-sub01 figcaption dl { padding: 15px 0; }
.prod-sub01 figcaption dl:nth-child(1){ padding-top: 30px; }
.prod-sub01 figcaption dl > dt{ font-weight: bold; }
.prod-sub01 figcaption dl > dt,
.prod-sub01 figcaption dl > dd { line-height: 1.5em; }


/* ### 실적소개 ### */
.contents.result_sub01 figure > img { width: 100%; }
.contents.result_sub01 figure > img[alt="로고"]{
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    margin-bottom: -10px;
}

.result_sub01 .tb_ct{ text-align: center; font-weight: bold; background-color: #ECECEC; }

.result_sub01 figcaption > table{ width: 100%; margin-top: 20px; border-collapse: collapse; }
.result_sub01 figcaption > table th,
.result_sub01 figcaption > table td{
    border: 1px solid #D7D7D7;
}

.result_sub01 figcaption > table td{ padding: 15px 14px; white-space: pre-line; font-size: 0.917em; line-height: 1.333em; }
/***** 서브페이지 영역 끝 *****/

/***** 푸터 영역 시작 *****/
#footer { margin-top: -2px; }
#footer address{ background-color: #464646; }
#footer address p{ padding: 40px 0; color: #E1E1E1; white-space: pre-line; text-align: center; line-height: 1.333em; }
/***** 푸터 영역 끝 *****/