/* menu public css */
.all_notice {width: 48%;padding:0 30px 1px 0;display: inline-block;float: left;}
.all_qna {width: 48%;display: inline-block;float: left; padding: 0 0 1px;}

.stc {color:#0a50a1;}
.dark{color:#444; font-weight:300;}
.fb2 {font-weight:200;}
.fb3 {font-weight:300;}
.fb4 {font-weight:400;}
.left{float:left;}
.right{float:right;}
.h360{height:360px;}

.mainh2 {margin: 0 0 15px 0  !important;}
.venders {width: 13.7%;position: relative;margin: 5px 3.5% 15px 0;float: left;}
.venders_img {width: 100%; height: 163px; border:1px #e5e5e5 solid;position: relative; }
.venders_img img {max-width:95%; max-height: 140px; position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}

/*반도체메인*/
.semi_div {width: 100%; height: 94px; background: url('/pages/image/semi_div_bg.jpg')50% 0;}
.semi_div .led_go {width: 600px; height: 94px;background: url('/pages/image/go_led.png')163px 44px no-repeat;position: relative; display: inline-block;float: left;cursor: pointer;}
.semi_div .led_go h1 {font-size: 25px; color:#ffffff; font-weight: 100;padding:9px 0 0 165px;margin: 0;}
.semi_div .led_go h3 {font-size: 16px; color:#ffffff; font-weight: 100;padding:0 0 0 165px;margin: 0;}
.semi_div .led_go a {font-size: 12px; color:#ffffff; font-weight: 100;padding: 0;margin: 0; position: absolute; right: 155px; bottom: 24px;}
.semi_div .led_go img {position: absolute; left: 69px; bottom:18px;}

/*조명메인*/
.led_div {width: 100%; height: 94px; background: url('/pages/image/led_div_bg.jpg')50% 0;}
.led_div .semi_go {width: 600px; height: 94px;background: url('/pages/image/go_semi.png')112px 44px no-repeat;position: relative;display: inline-block;float: right;cursor: pointer;}
.led_div .semi_go h1 {font-size: 25px; color:#ffffff; font-weight: 100;text-align: right;padding:9px 165px  0 0;margin: 0;}
.led_div .semi_go h3 {font-size: 16px; color:#ffffff; font-weight: 100;text-align: right;padding:0 165px  0 0;margin: 0;}
.led_div .semi_go a {font-size: 12px; color:#ffffff; font-weight: 100;padding: 0;margin: 0; position: absolute; left: 155px; bottom: 24px;}
.led_div .semi_go img {position: absolute; right: 74px; bottom:18px;}

.led_links {position: relative; width: 100%; margin: 30px 0; }
.ledc {width: 380px; height: 285px; float: left; margin-right: 30px;text-align: right;}
.ledc a {color:#322771;    display: block;    width: 100%;    height: 100%;}
.ledc a:HOVER {text-decoration: none; color:#322771;}
.ledc a h1 {padding: 145px 0 0 20px;font-size: 2.5em; margin: 0;text-align: left;line-height: 100%;font-weight: 500;}
.ledc a p{text-align: left;padding: 0 0 0 20px;font-size: 1.1em;}
.ledc a div {background-color:#0a50a1; display: inline-block; padding:8px 14px; border-radius: 30px; margin-top: 20px; margin-right: 20px;}
.ledc a div span {opacity:1 !important; color:#ffffff;} 

.cal {width: 380px; height: 285px; float: left; margin-right: 0;text-align: right;}
.cal a {color:#322771;    display: block;    width: 100%;    height: 100%;}
.cal a:HOVER {text-decoration: none; color:#322771;}
.cal a h1 {padding: 145px 0 0 20px;font-size: 2.5em; margin: 0;text-align: left;line-height: 100%;font-weight: 500;}
.cal a p{text-align: left;padding: 0 0 0 20px;font-size: 1.1em;}
.cal a div {background-color:#0a50a1; display: inline-block; padding:8px 14px ; border-radius: 30px; margin-top: 20px;  margin-right: 20px;}
.cal a div span {opacity:1 !important; color:#ffffff;} 


.bg1 {background: url('/pages/image/led_links1-3.jpg'); }
.bg2 {background: url('/pages/image/led_links2-3.jpg'); }
.bg3 {background: url('/pages/image/ca-2.jpg'); }
.bg4 {background: url('/pages/image/led_links4.jpg'); }

.fservice{margin: 40px 0; max-width: 100%;}
.fservice img{float: left;}
.fservice_ico {width:68%;height:131px; float:left; background:#e7e7e7;}
.fsicos {width: 25%;height: 107px;margin:12px 0 10px;border-right: 1px #898989 solid;position: relative;float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align: center;}
.fsicos_img {height: 85px;position: relative;}
.fsicos img {float: none;position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}
.fsicos a {font-size: 16px; color:#898989;text-decoration: none;}

/*회사소개 메뉴 적용 스타일*/
.conhead {padding:0 20px; font-size:16px; font-weight:300; color:#888;}
.sayb{width:96%; margin:0 auto; background: url('/layouts/stc/image/pub/con_line.png')0 0 no-repeat;}
.sayb h3{color:#2471ca; font-size:2.0em; font-weight:400; padding:8px 0;}
.sayb p{font-size:1.4em; color:#888; line-height:160%; font-weight:200;}
.sayb p strong{color:#444;}

/*회사소개 - 연혁 */
.history{width:96%; margin:0 auto; font-size:1.4em;}
.history div.list{width:45%;}
.history div.listb{width:45%; padding-left:60px; border-left:1px solid #a7cede;}
.history dl,dd,dt{margin:0; padding:0;}
.history dl{margin-bottom:20px;}
.history dt > h1{border-bottom:1px solid #eee; padding:0 0 5px 0; color:#23a0d3; margin:0; font-weight:500;}
.history ul{margin:0 0 0 20px; padding:10px 0;}
.history li{margin:0; padding:8px 0; color:#666; font-weight:100;}
.history li .time{color:#000; font-size:1.2em; font-weight:400; width:110px; display:inline-block;}
.history > h3 {padding:5px 0; margin:0;}

/*회사소개 - 오시느길 */
.map{padding:0 0 0 20px ; width:100%;}

/*제품소개  led*/
.indo_tab {margin: 0; padding: 0; width: 100%;}
.indo_tab div{width:234px;height: 48px;background: #eeeeee;float: left;margin: 0 7px 6px 0;text-align: center;}
.indo_tab div a {line-height: 48px;color:#5c6b8a; font-size:14px; }
.indo_tab div.on{background:#50607a;}
.indo_tab div.on a{color:#ffffff;}

.led_line {padding: 20px 0;}
.led_line.mt{margin: 30px 0 0;}
.led_line h1{margin:0;padding:0;font-size:24px;color:#50607a;font-weight:500;}
.led_line span {font-size:21px;color:#50607a;font-weight:300;}

.led_main_img{width: 800px; height: 370px; background: url('/pages/image/led/line_back.jpg');float: left;}
.led_desc {width:380px;float: left;padding-left: 20px;}
.led_desc>h1{margin:0;padding: 0;font-size: 24px; color:#5c6d8b; font-weight:400;}
.led_desc>h1:before{content:"│";color:#e1eefe;font-size:20px;vertical-align: top;}
.led_desc ul{color:#666666;}
.led_desc ul.fir{margin-bottom: 40px;}
.led_desc ul li{font-size: 10px;}
.led_desc ul li span{font-size: 1.5em;}
.led_desc ul li ul {margin: 0; padding: 0; list-style: none;}
.led_title{width: 400px; height: 400px; background: url('/pages/image/led/led_title.jpg');float: left;text-align: center;}
.led_title h1{font-size: 40px; color:#ffffff; font-weight:normal;margin:150px 0 0; }
.led_title h3{font-size: 32px; color:#ffffff;margin: 0; padding: 0;font-weight:300; }
.led_pro_img {width: 800px;height:400px; float: left;position: relative;}
.led_pro_img img {max-width:780px; max-height: 385px; position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}
.imcen {text-align: center;}
.imcen img{border: 1px #e2e2e2 solid; padding: 30px;}
.pc {margin-bottom: 50px;}
.led_hr {margin: 50px 0;}

/*제품소개 바로가기 리스트*/
.led_t {height:93px;padding-bottom:20px;}
.led_t img{float: left;}
.led_s {float: left; width: 874px; height: 93px; background: url('/pages/image/led/indoor_bg.jpg');}
.led_s p {line-height: 93px;padding-left:85px;font-size: 1.2em; color:#999999;}
.led_menu{width: 210px;padding: 25px 37px 10px 0;float: left;}
.led_menu img {padding: 12px 0;}
.led_menu_title {position: relative;line-height: 150%;}
.led_menu_title h3 {font-size:1.5em;color:#0059c0;margin: 0; padding: 0;letter-spacing: -1.5px;font-weight: 500;}
.led_menu_title span {color:#777777;font-size:1em;}
.led_menu_title .bar1 {width: 3px; height:30px;background: #e1eefe;float: left;margin-right: 12px;}
.led_menu_title .more {width: 67px; height: 23px; border: 1px #dcdcdc solid; border-radius:15px; text-align: center;position: absolute;right: 0;top:5px;}
.led_menu_title .more a {color:#555555;line-height: 180%; }

/*CPM*/
.method {text-align: center; padding-bottom: 35px;}
.method .desc_bg {width: 1160px; height: 94px; background: url('/pages/image/led/mefhod_bg.jpg'); margin: 0 auto; text-align: left;}
.rec {float: left;width: 8px;height: 8px;background: #99d4f3;display: inline;margin: 30px 0 58px 34px;}
.desc {float: left;max-width: 1115px;}
.desc span {color:#666666; font-size: 1.2em;padding:23px 23px 23px 17px;display: inline-block;}
.tech {width: 230px; height: 350px; float: left; position: relative;padding-right: 12px;}
.tech .desc {padding: 20px 23px 0 20px; }
.tech .desc h3 {font-size: 1.2em; color:#01b4d4; margin: 0; padding:0 0 10px 10px; }
.tech .desc p {font-size: 1.1em; color:#666666;  padding:0 0 0 10px;line-height: 180%;}
.tech .desc div{border-left:2px #aaddf6 solid;margin: 15px 0;height: 100px;}
.tech .nonum {width: 71px; height: 71px; background: url('/pages/image/led/no.png'); position: absolute; top:0;left: 0;z-index: 99;}
.tech .nonum div{padding:23px 0 0 29px;}
.tech .nonum span {color:#ffffff;}
.tech .nonum span.num{font-size: 1.5em;font-weight: 400;}
.tg {border-collapse:collapse;border-bottom:#e5e5e5 1px solid;display: inline-block;}
.tg th{background: #e5f5fc;height: 45px;font-size: 1.2em; color:#50607a; }
.tg .cpm_t_img {height: 210px;}
.tg .cpm_t_img td{border: 0;padding: 0;}
.tg .cpm_t_img img {padding: 0 20px;}
.tg td {border-top:#e5e5e5 1px solid;color:#50607a; font-size: 1.1em; padding: 10px 15px 8px 0;}
.cpm_gra {display: inline-block;padding-left: 48px;float: right;}

/*DPM*/
.dpm-tech {padding: 10px 0;}
.dpm-tech-img {height: 179px; width: 899px; border: 1px #e5e5e5 solid; display: inline-block;margin-left: 30px;}
.dpm-tech-img div {width: 50%; height: 100%; display: inline-block;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
 float: left; position: relative;}
.dpm-tech-img div img {position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;} 
.dpm-tech-img .br {border-right: 1px #e5e5e5 solid; }
.tg2 {border-collapse:collapse;border-bottom:#e5e5e5 1px solid;width: 100%; margin: 30px 0 50px;}
.tg2 tr.cb td{color:#01b4d4;}
.tg2 th{background: #e5f5fc;height: 45px;font-size: 1.2em; color:#50607a; }
.tg2 .cpm_t_img {height: 210px;}
.tg2 .cpm_t_img td{border: 0;padding: 0;}
.tg2 .cpm_t_img img {padding: 0 20px;}
.tg2 td {border-top:#e5e5e5 1px solid;color:#50607a; font-size: 1.1em; padding: 10px 15px 8px 0;}
.tg2 td.bb{background: #e5f5fc;height: 45px;font-size: 1.2em; color:#50607a;}
.cpm_gra {display: inline-block;padding-left: 48px;}
.good_cd {width:280px; height: 345px; float: left;margin-right: 26px;}
.good_cd.bl1 {background: #aaddf6;}
.good_cd.bl2 {background: #0a024b;}
.good_inline {margin: 16px;border: 1px #ffffff solid;width: 88%; height: 90%;}
.good_num {width:41px; height: 43px; background: url('/pages/image/led/numsl.png'); position: relative; margin: 25px 0 0 42px; float: left;}
.good_num h1{position:absolute;top:-32px;left:2px;color:#ffffff;font-size: 2.5em;font-weight: 500;}
.good_title {position: relative;float: left; margin: 23px 0 0 6px;background: url('/pages/image/led/numbt.png')right bottom no-repeat;}
.good_title h1 {color:#ffffff;font-weight: 500;line-height: 110%;}
.good_txt {padding: 20px 35px 0;}
.good_txt h3{color:#ff971c;font-size: 1.5em;margin: 6px 0;letter-spacing: -1px;}
.good_txt h4{color:#0a024b;font-size: 1.3em;font-weight: 500;margin: 6px 0;letter-spacing: -1px;}
.good_txt h5{color:#8d8c8c;font-size: 1.1em;font-weight: 300;margin: 6px 0;letter-spacing: -1px;}


/*오시는길*/
.tabSet {width: 100%; position: relative;}
.panel { padding-top: 0; }
ul.tabs {padding:0; margin: 0; list-style:none;padding: 0 0 30px; margin: 0;}
.tabs li{padding:0; margin:0;  list-style:none;  background: #eeeeee;width: 233px; height: 48px;float: left; margin: 0 7px 6px 0; text-align: center;}
.tabs li a{line-height: 48px; color: #5c6b8a; font-size: 14px; display: block;}
.tabs li a:hover{ background: #50607a; color: #ffffff;}
.onn {background: #50607a !important; color: #ffffff !important; border: 0;}
.mapimg img {padding-bottom: 30px;}
.mapimg2 img {padding-bottom: 0px; padding-tosp:30px;}

.greeting_img1_mo{display: none;}
.greeting_img2_mo{display: none;}

.map_addr1 {width:325px; height: 590px; background: url('/pages/image/company/map-right.jpg') no-repeat; display: inline-block;float: left;}
.map_addr2 {width:325px; height: 574px; background: url('/pages/image/company/map_right2.jpg') no-repeat; display: inline-block;float: left;}

.in_map_addr h1{color: #ffffff;font-size: 2em;font-weight: 300;padding-top: 84px;padding-left: 57px;margin: 0;
 line-height: 100%;}
.in_map_addr h5{color: #ffffff;font-size: 1.8em;font-weight: 300;padding-top: 0;padding-left: 57px; margin: 0;}
.in_map_addr ul {margin: 0; padding: 100px 0 0 77px; color:#aaddf6; font-size: 1.2em;}
.in_map_addr li {padding-bottom:30px; }

.pcimg{display: block;}
.mimg {display: none;}

@media only screen and (max-width: 960px) {
	.map_addr1 {width:100%; max-height:350px; background: url('/pages/image/company/m_map_right1.jpg') no-repeat; float: none;  background-size: cover;}
	.map_addr2 {width:100%; max-height:350px; background: url('/pages/image/company/m_map_right2.jpg') no-repeat; float: none; background-size: cover;}
	.in_map_addr ul {padding: 30px 0 0 37px;}
	.in_map_addr li { padding-bottom: 15px;}
	.pcimg{display: none;}
	.mimg {display: block; padding: 0 0 15px ; float: none; }
	.in_map_addr h1 { color: #ffffff; font-size: 2em; font-weight: 300; padding-top: 50px; padding-left: 20px; margin: 0; line-height: 100%;}
	.in_map_addr h5 { color: #ffffff; font-size: 1.8em; font-weight: 300; padding-top: 0; padding-left: 20px; margin: 0;}
	.tabs li {width: 19%;}
}
@media only screen and (max-width: 640px) {
.pc {width: 100%;}
img {max-width: 100%; height: auto; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.led_t {text-align: center;padding: 10px 0 20px;}
.led_t img {float: none;}
.led_s {display: none;}
.led_menu {width: 45%; padding: 0 2% 2% 3% !important;height:175px;}
.led_menu_title .more {display: none;}
.indo_tab {padding: 3% 0 0;}
.indo_tab div {width: 48%;margin: 0 1% 1% 1% !important;height: 35px;}
.indo_tab div a {font-size: 1em;line-height:33px;}
.led_main_img {width: 100%;background:none;float:none;height: auto;}
.led_title{display: none;}
.led_pro_img{width: 100%;}
.led_pro_img img {width: 100%;}
.led_desc {padding-top: 15px;}
.imcen img {padding: 0; }
.led_desc{padding-left:0px;width: 100%;}
.method .desc_bg{width: 100%;}
.desc{width:93%;}
.desc span{padding: 12px 23px 23px 17px; font-size: 1em; line-height: 130%;}
.rec{margin: 17px 0 58px 4%;}
.tech {width: 44%;}
.tech .desc div{width: 66%;}
.cpm_gra{float: none;padding: 10px 0 0;}
.dpm-tech-img{margin-left: 0; width: 100%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
img.mbno {display: none;}
.good_cd{width:48%;margin: 0 1% 1% 1%;}
.good_num{margin: 6px 0 0 8px;}
.good_title{margin: -11px 0 0 6px;}
.good_txt h3{font-size: 1.2em;}
.good_txt {padding: 20px 16px 0;}
table.tg2 {overflow-x:scroll; width: 99%;}
.tabs li{width:50%;margin: 0;}
.mapimg{padding-top: 0;}
.map{margin-left: 0;margin-right:0; padding-right: 0; padding-left: 0;}
.sayb h3 {font-size: 1.5em;}
.sayb p {font-size: 1.2em;}
.history div.list {width: 100%;padding-top: 20px;}
.history div.listb {width:100%;padding-left:0;border-left:0;}
.history dt > h1{font-size: 1.4em;}
.history ul {margin: 0 0 0 2px; padding: 10px 0;list-style: none;}
.history li {letter-spacing: -1.2px;}
.history li .time{width: 23%;}

.led_div .semi_go {background: none; width: 100%;}
.led_div .semi_go img {right: 15%; left: auto;}
.led_div .semi_go a {display: none;}
.led_div .semi_go h1 {display: none;}
.led_div .semi_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; left:20%; top: 29px; letter-spacing: -1px;
 font-size: 2em; font-weight: 500;}
.semi_div .led_go {background: none; width: 100%;}
.semi_div .led_go img {right: 15%; left: auto;}
.semi_div .led_go a {display: none;}
.semi_div .led_go h1 {display: none;}
.semi_div .led_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; left:20%; top: 29px; letter-spacing: -1px;
 font-size: 2em; font-weight: 500;}
.all_notice {width: 95%;padding: 0;margin: 0 auto;float: none;display: block;}
.all_qna{width: 95%;padding: 0;margin: 0 auto;float: none;display: block;}

.fservice {margin: 10% 0 0;}
img.fsimg {display: none;}
.fservice_ico {width: 100%; margin-top: 5px;height: 152px;}
.fsicos_img img {width: 70%;}
.fsicos a{font-size: 1.2em;}


.mainh2 {margin: 15px 0 15px 0  !important;}
.venders {width: 29%;position: relative;margin: 5px 1% 15px 3%;float: left;}
.venders_img {width: 100%; height: 75px; border:0; position: relative; }
.venders_img img {max-width:95%; max-height: 75px; max-height: 140px; margin: auto;}


.mmovie_mo {display: block;}

.greeting_img1{display: none;}
.greeting_img2{display: none;}
.greeting_img1_mo{display: block; padding-top: 15px;}
.greeting_img2_mo{display: block;}



.led_links {position: relative; width: 100%; margin: 30px 0; text-align: center;}
.ledc {width: 96%; margin: 2%;}

.cal {width: 96%; margin: 2%;}

.bg1 {background: url('/pages/image/led_links1-3.jpg')center; }
.bg2 {background: url('/pages/image/led_links2-3.jpg')center; }
.bg3 {background: url('/pages/image/ca-2.jpg')center; }

.h360 {height: auto;}

}
@media screen and (max-width:320px) {	
.main_div .semi_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; right: 74px; top: 29px; letter-spacing: -1px;}
.semi_div .led_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; left:15%; top: 29px; letter-spacing: -1px;
 font-size: 2em; font-weight: 500;}
.fsicos a{font-size: 1.1em;}
}