/* 서브 공통사항 */
.subTit{width: 100%; background-color: #614f4b }
.subTit> h2{font-size: 22px; line-height: 30px;padding: 10px 0; margin-bottom: 20px;color: #ffffff; text-align: center; position: relative; }

.subPart{width: 100%; position: relative; margin: 0 auto 30px;}
.subPart p{width: 96%; margin: 0 auto; font-size: 14px; line-height: 20px; color: #696969 }
.subPart img{width: 100%; margin: 10px 0;}

.serifTitle{width: 96%; font-family: 'Nanum Myeongjo', serif; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin: 10px auto 20px; color: #614f4b;}

h2.spTitle{width: 96%; margin: 0 auto; background: url('../../images/sub1/bullet.jpg') no-repeat left center; background-size: contain;  font-size: 18px; color: #4e4e4e; padding-left: 24px; margin-bottom: 14px; box-sizing:border-box;}
.company{width: 96%; margin: 0 auto; border-top: 2px solid #c5b6b4; border-collapse:collapse;}
.company th{border-bottom: 1px solid #c5b6b4; border-right: 1px solid #c5b6b4; padding: 3px 5px; font-size: 14px; line-height: 20px; color: #696969; word-break: keep-all;}
.company td{border-bottom: 1px solid #c5b6b4; border-left: 1px solid #c5b6b4; padding: 3px 5px; font-size: 14px; line-height: 20px; color: #696969; word-break: keep-all;}
.company td > span{color: #f28402;}



/* sub1_2 찾아오시는길 */
.map{width: 96%; margin: 15px auto;}
.way{width: 96%; margin: 15px auto;}
.way dl{margin-bottom: 5px; clear: both; }
.way dt{display: table-cell; float: left; width: 10%;}
.way dd{display: table-cell; float: right; font-size: 14px; line-height: 20px; width: 85%; margin-top: 10px;}
.way dd > h2{font-size: 14px; color: #977972; padding-bottom: 3px; }
.line{border: 1px solid #c5b6b4;}




.charmTit{font-size: 40px; line-height: 40px;}
.proTitle2{width: 96%; margin: 10px auto 10px; color: #977251; font-size: 20px; font-weight: normal; line-height: 28px; word-break: keep-all;}
.proTitle2 > span{font-weight: bold; }
#mainVideo{margin: 10px 0; width: 100%; height: 56.25%; position: relative; box-sizing: border-box; }
#mainVideo .videoImg{width: 100%; position: relative; top: 0; left: 0; cursor: pointer; z-index: 20; vertical-align: top; margin: 0;}
#mainVideo iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.partAr2{width: 49%;}

.bx-wrapper {position: relative; margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; left: 50%; bottom: 20px;width: 100%;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-controls-auto{display: none;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #ffffff;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 5px;outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover{  background: #72615d;}
.bx-wrapper .bx-pager.bx-default-pager a.active{ width: 24px; border-radius: 20px; background: #72615d;}
.bx-wrapper .bx-prev {left: 10%;background: url('../../../images/main/ck1.png') no-repeat 0 -11px;}
.bx-wrapper .bx-next {right: 10%;background: url('../../../images/main/ck2.png') no-repeat -3px -11px;}
.bx-wrapper .bx-prev:hover {}
.bx-wrapper .bx-next:hover {}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 80%; margin-left: -40%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}

.bitNum{width: 96%; margin: 10px auto;}
.bitNum dt{display: table-cell; width: 20%; vertical-align: top; float: left;}
.bitNum dt img{vertical-align: top; width: 100%;}
.bitNum dd{display: table-cell; width: 78%; float: right;}
.bitNum dd > h2{color: #977251; font-size: 20px; font-weight: 900;  margin: 15px 0 10px;}
.bitNum dd p{margin: 0;}


/* sub2 반도체 제품소개 */
.proTitle{width: 96%; margin: 10px auto 20px; color: #977251; font-size: 20px; font-weight: normal; line-height: 28px; word-break: keep-all;}
.proTitle > span{font-weight: bold; }
.proBox{width: 96%; margin: 10px auto 20px;  border-top: 2px solid #977972; border-bottom: 2px solid #977972; position: relative;}
.proBox:before{content: ''; position: absolute; top: -5px; width: 100%; height: 1px; background-color: #977972;}
.proBox:after{content: ''; position: absolute; bottom: -5px; width: 100%; height: 1px; background-color: #977972;}
.proList{width: 100%; padding: 10px 0; border-top: 1px solid #977972;}
.proList:first-child{border: 0;}
.proList > dt{display: table-cell; float: left; width: 22%; border: 1px solid #cdcdcd; }
.proList > dt > img{vertical-align: top;}
.proList > dd{display: table-cell; float: right; width: 75%; position: relative;}
.proList > dd > h2{color: #977251; font-size: 18px; padding: 0px 0 10px;}
.proList > dd > p{padding-right: 20px;}
.proList > dd > a{position: absolute; top: -2px; right: 0; background-color: #977972; font-weight: 600; color: #ffffff; width: 100px; height: 20px; border-radius: 5px; text-align: center; line-height: 20px; font-size: 12px;}
.proList > dd > a:hover{background-color: #614f4b;}
.comparison{display: block; border: 1px solid #977972; font-weight: 600; color: #614f4b; width: 300px; height: 36px; border-radius: 5px; text-align: center; line-height: 36px; margin: 0 auto; font-size: 15px;}
.comparison:hover{background-color: #977972; color: #ffffff;}



.tab {overflow: hidden; text-align: center;}
.tablinks {display: inline-block; zoom:1; *display:inline; width: 140px; height: 36px; color: #666666; font-size: 14px; line-height: 36px; border: 1px solid #cdcdcd; background-color: #ffffff; font-family: 'Nanum Gothic', '�섎닎怨좊뵓', 'Dotum', sans-serif; cursor: pointer}
.tablinks:hover {color: #ffffff; border: 1px solid #837978; background-color: #837978; font-weight: bold;}
.tablinks.active {color: #ffffff; border: 1px solid #837978; background-color: #837978; font-weight: bold;}
.tabcontent {display: none; margin-top: 15px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}
.tabOn{display: block;}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}