/**************************************************
	#sVisual [서브 상단 이미지]
**************************************************/
#sVisual{width: 100%; height: 265px; margin: 0 auto; position: relative; text-align: center;}
#sVisual > h2{color: #ffffff; z-index: 99; padding-top: 160px; font-size: 40px; text-shadow: 1px 1px 3px #666666;}
.sVisual1{background: url('../../images/sub1/s_visual.jpg') no-repeat center center;}
.sVisual2{background: url('../../images/sub2/s_visual.jpg') no-repeat center center;}
.sVisual3{background: url('../../images/sub3/s_visual.jpg') no-repeat center center;}
.sVisual4{background: url('../../images/sub4/s_visual.jpg') no-repeat center center;}
.sVisual5{background: url('../../images/sub5/s_visual.jpg') no-repeat center center;}
.sVisual6{background: url('../../images/sub6/s_visual.jpg') no-repeat center center;}



/**************************************************
	Sub Content
**************************************************/
#sConbox{width: 1000px; margin: 0 auto;}

/* Left*/
#sleft{width: 202px; float: left;}
#sleft > h2{background: url('../../images/sub1/title_bg.jpg') no-repeat left top; color: #ffffff; height: 60px; line-height: 60px; text-align: center; font-size: 24px;}
#sleft > ul{ margin-bottom: 50px;}
#sleft > ul > li{line-height: 36px; border-bottom: 1px solid #d8d8d8; }
#sleft > ul > li > a{display: block; color: #6f6f6f; padding: 0 10px; position: relative; font-size: 14px; font-weight: 600;  border-left: 1px solid #d8d8d8;  border-right: 1px solid #d8d8d8;}
#sleft > ul > li.active > a{display: block; color: #ffffff; background: #73615d; font-size: 14px; border: 0;}
#sleft > ul > li.active > a:before{display: block; content: ">"; position: absolute; right: 10px; top: 0px; font-size: 10px; color: #ffffff; border: 0;}
#sleft > ul > li:hover > a{display: block; color: #ffffff; background: #73615d; font-size: 14px; }
#sleft > ul > li:hover > a:before{display: block; content: ">"; position: absolute; right: 10px; top: 0px; font-size: 10px; color: #ffffff;}
#sleft > ul > li > ul{border-left: 1px solid #d8d8d8;  border-right: 1px solid #d8d8d8;}
#sleft > ul > li > ul > li{line-height: 32px; border-top: 1px solid #d8d8d8; }

#sleft > ul > li > ul > li > a{display: block; color: #6f6f6f; padding: 0 0 0 28px; letter-spacing: -1px; position: relative; font-size: 13px; font-weight: 500; font-weight: bold; }
#sleft > ul > li > ul > li > a:after{content: '┗'; position: absolute; left: 10px;}
#sleft > ul > li > ul > li.active > a{display: block; color: #73615d; border: 0;}
#sleft > ul > li > ul > li.active > a:before{display: block; content: ">"; position: absolute; right: 10px; top: 0px; font-size: 10px; color: #73615d; border: 0;}
#sleft > ul > li > ul > li:hover > a{display: block; color: #73615d; border: 0; }
#sleft > ul > li > ul > li:hover > a:before{display: block; content: ">"; position: absolute; right: 10px; top: 0px; font-size: 10px; color: #73615d; border: 0;}


/* Right */
#sright {width: 773px; min-height: 600px; float: right; overflow: hidden;}
.sub_title{padding: 14px 0 14px; border-bottom: 1px solid #dcdcdc; }
.sub_title > h3{float: left; color: #1b1b1b; font-size: 27px; display: block; position: relative; line-height: 32px; font-weight: 600;}
.sub_title > p{text-transform: uppercase; float: right; color: #747474; font-family: 'Dotum'; font-size: 11px; margin-top: 10px; letter-spacing: -0.2px;}
.sub_title > p > span{color: #473835; font-weight: bold;}
.sub_title > p > img{vertical-align: middle;margin-top: -3px;}



/**************************************************
	Sub Common
**************************************************/
.subPart{width: 100%; position: relative; margin: 20px 0 40px;}
.subPart img{vertical-align: top;}
.subPart p{font-size: 14px; color: #4b4b4b; line-height: 24px; text-align: justify; word-break: keep-all;}
.subPart p > span.brown{color: #766c6b}
.oneImg{margin-bottom: 15px;}
h2.spTitle{background: url('../../images/sub1/bullet.jpg') no-repeat left center; font-size: 18px; color: #4e4e4e; padding-left: 24px; margin-bottom: 14px;}
h2.spTitle2{background: url('../../images/sub1/bullet.jpg') no-repeat left top 4px; font-size: 16px; color: #4e4e4e; padding-left: 24px; margin-bottom: 30px;}



/* sub1_2 회사개요 */
.company{width: 100%; border-top: 2px solid #c5b6b4;}
.company th{border-bottom: 1px solid #c5b6b4; border-right: 1px solid #c5b6b4; padding: 5px 10px; font-size: 14px; color: #4b4b4b;}
.company td{border-bottom: 1px solid #c5b6b4; line-height: 24px; padding: 5px 10px; font-size: 14px; color: #4b4b4b;}
.company td > span{color: #f28402;}



/* sub1_3 조직도/연혁 */
.historyList{width: 773px; margin: 0px auto; position: relative;}
.historyList:before{content: ''; width: 4px; height: 1460px; background: #977972; margin-left: -1px; left: 386.5px; top: 0; position: absolute;}
.hisBox1, .hisBox2{padding-bottom: 10px;}
.dateYear, .dateDay{width: 386.5px; margin-top: -30px;}
.dateYear > h2{font-size: 22px; color: #977972; vertical-align: middle; line-height: 28px; padding: 20px 20px 10px; position: relative; }
.hisBox1 .dateYear > p{ padding: 0px 20px 15px 0; font-size: 14px;}
.hisBox2 .dateYear > p{ padding: 0px 0px 15px 20px; font-size: 14px;}
.hisBox1 > .dateYear >  h2:before{content: ''; position: absolute; right: -8px; top: 50%; width: 15px; height: 15px; background-color: #977972; border-radius: 50%;}
.hisBox2 > .dateYear >  h2:before{content: ''; position: absolute; left: -7px; top: 50%; width: 15px; height: 15px; background-color: #977972; border-radius: 50%;}



/* sub1_4 찾아오시는길 */
.map{width: 530px; margin-top: 20px;}
.way{width: 220px; margin-top: 20px;}
.way dl{margin-bottom: 20px;}
.way dt > img{vertical-align: top; padding-bottom: 15px;}
.way dd{font-size: 14px; line-height: 22px;}
.way dd > h2{font-size: 16px; color: #977972; padding-bottom: 3px; }
.line{border: 1px solid #c5b6b4;}


/* sub2_1 참빗 */
.bitTitle{font-size: 30px; line-height: 40px; color: #977251; font-weight: 400; padding-bottom: 20px;}
.bitTitle > span{font-size: 60px; line-height: 70px; font-weight: 900;}
.bitVideo{margin: 10px 0; position: relative;}
.videoImg{width: 100%; position: relative; top: 0; left: 0; cursor: pointer; z-index: 999; vertical-align: top;}
.bitVideo iframe, .bitVideo object, .bitVideo embed {position:absolute; left: 0; top: 0; width: 773px; height: 400px;}
.bitArray2{width: 350px;}
.bitTxt{width: 350px;}
.bitImg{width: 386px;}
.bitArray3{width: 430px;}
.bitArray4{width: 310px;}
.bitNum{margin: 30px 0;}
.bitNum dt{display: table-cell; width: 160px; vertical-align: middle; }
.bitNum dt img{vertical-align: middle; width: 143px;}
.bitNum dd{display: table-cell; width: 613px;}
.bitNum dd > h2{color: #977251; font-size: 20px; font-weight: 900; padding-bottom: 5px;}
a.pdfDown{position: absolute; top: 5px; right: 0; background-color: #977972; font-weight: 600; color: #ffffff; width: 160px; height: 40px; text-align: center; line-height: 40px;}
a.pdfDown:hover{background-color: #614f4b;}
.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: 0px;width: 100%;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;padding-top: 20px;}
.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;}

/* sub2 반도체 제품소개 */
.proTitle{color: #977251; font-size: 26px; letter-spacing: -1px; padding-left: 160px; font-weight: normal; line-height: 40px; padding-bottom: 30px; }
.proTitle > span{font-weight: bold; }
.proTitle3{background: url('../../images/sub2/pro3_title.jpg') no-repeat left top;}
.proBox{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: 163px; height: 122px; border: 1px solid #cdcdcd; }
.proList > dt > img{vertical-align: top;}
.proList > dd{display: table-cell; float: right; width: 590px; height: 122px; position: relative;}
.proList > dd > h2{color: #977251; font-size: 18px; padding: 5px 0;}
.proList > dd > p{padding-right: 20px;}
.proList > dd > a{position: absolute; bottom: 0; background-color: #977972; font-weight: 600; color: #ffffff; width: 140px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px;}
.proList > dd > a:hover{background-color: #614f4b;}
.comparison{display: block; border: 1px solid #977972; font-weight: 600; color: #614f4b; width: 340px; height: 36px; border-radius: 5px; text-align: center; line-height: 36px; margin: 0 auto; font-size: 15px;}
.comparison:hover{background-color: #977972; color: #ffffff;}



/* Sub3_1_1 SCR TRIAC 제조 */
.tab {overflow: hidden; text-align: center;}
.tablinks {display: inline-block; zoom:1; *display:inline; width: 160px; 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;}
}
.picBox{margin-bottom: 20px;}
.picTitle{color: #ffffff; background-color: #ac9e83; display: block; text-align: center; padding: 8px 0; border-radius: 5px; margin: 5px 0; font-size: 16px;} 



/* sub3_1_2 하드웨어, 소프트웨어 연구개발 */
.rnd{display: inline-block; zoom:1; *display:inline; text-align: center; width: 330px; margin: 0 20px;}
.rnd > dd{width: 100%; border-radius: 5px; border: 1px solid #776d6c;}
.rnd > dd > p{text-align: center; padding: 5px; margin: 0 5px;}
.rnd > dd > p:first-child{border-bottom: 1px solid #beb6b5;}



/* sub3_1_3 주요 보유장비 및 인증 */
.gear{width: 100%; position: relative;}
.gear  th{color: #ffffff; padding: 5px 0;}
.gear  th.gearTit01{background-color: #977972;}
.gear  th.gearTit02{background-color: #b69891;}
.gear  td{ color: #626262;padding: 5px 5px; line-height: 22px; border-bottom: 1px solid #cdcdcd; font-size: 13px;}
.gear  td.gearTxt01{background-color: #f8f4f3;}
.gear  td.gearTxt02{background-color: #ffffff;}
.gearImg{width: 100%; margin: 20px 0; font-size: 0; text-align: center;}
.gearImg > li{width: 182px; display: inline-block; zoom:1; *display:inline; margin-left: 15px;}
.gearImg > li > span{display: inline-block; width: 100%; background-color: #9d8a87; margin-top: 8px; border-radius: 5px; font-size: 13px; text-align: center; color: #ffffff; font-weight: bold; word-break: keep-all; padding: 5px 0; height: 80px; vertical-align: middle;} 
.cert{width: 100%; margin: 0; font-size: 0; text-align: center;}
.cert > li{width: 308px; display: inline-block; zoom:1; *display:inline; margin: 0 20px 20px;}
.cert > li > span{background: url('../../images/sub3/cert_bg.jpg') no-repeat center top; display: block; color: #ffffff; font-weight: bold; font-size: 14px; line-height: 32px; margin-top: 10px;}


/* sub3_2 전자부품유통 */
.lineBox{margin-bottom: 15px;}
.lineCard{width: 375px; }
.lineCard > dt{margin-bottom: 10px;}
.lineCard > dd{font-size: 13px; color: #4b4b4b; line-height: 20px; word-break: keep-all;}
.lineCard > dd > a{display: block; color: #17479e; margin-top: 5px; font-size: 14px; line-height: 24px;}