@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
body {font-size:12px;font-family:'Noto Sans KR', sans-serif;}
input,select,textarea {font-size:12px;font-family:'Noto Sans KR', sans-serif;}
select {font-size:12px;font-family:'Noto Sans KR', sans-serif;    padding: 5px 1px 5px 7px; border: #dfdfdf solid 1px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {max-width:1200px; margin: 0 auto;position: relative;}
#header {border-bottom:2px solid #0c325f;height:90px;}
#header .mobileMenu { display: none;}
#header .gnb { display: none;}
#content {padding:0 0 20px 0;min-height:500px;}
#movie{width:100%; height:200px; background-color:#bfbfbf; color:#fff; font-size:3.0em;}

#content .stitle{ width:200px; height:32px; font-size:1.4em; padding:12px 0 6px 0; color:#fff; display:inline-block; background-color:#1c5599; margin:0;text-transform:uppercase; font-weight:400; text-align:center; float: left;}
#content .local{text-align:right; padding:5px; position:absolute; right:0; color:#666; top:34px; font-weight:300;}
#content .local a{color:#666; font-size:1.1em;}
#content h2{background:url('/layouts/stc/image/pub/icon_title.png') 12px 8px no-repeat; color:#000; font-size:2.5em; font-weight:400; margin:0px 0 24px 0; padding-left:30px; }
#footer {}

img {max-width: 100%; height: auto;}
.fL {float: left;}
.fR {float: right;}
.clear { clear: both; }

/* 토탈메인페이지 css */
.mmovie{height:450px; background:url('/pages/image/tmain/bg_movie.png') repeat-x;}
.mmovie_mo {display: none;}

.mtitle { 
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin: 60px 0 24px 0;
}
.mtitle h2 { margin-bottom: -4px;; }


/* 구매문의버튼 */
.btn_on { border: 0; color: #fff; cursor: pointer; padding: 0; } 
.popup_box { display: none; width: 550px; height: 700px; background: #fff; border: 1px solid #333; 
	z-index: 99999;
} 
.popup_cont { padding: 20px; z-index: 99999; } 
.popup_close { width: 100%; padding: 5px 0; background: #333; color: #fff; text-align: right; position:absolute; bottom: 0; } .btn_close { margin: 5px; background: none; border: 0; color: #fff; cursor: pointer; }





/* 반도체사업부메인페이지 css */
.semimovie{height:450px; background-color:#50607a;}

/* 조명사업부메인페이지 css */
.ledmovie{height:450px; background-color:#9e7a5a;}

@media screen and (max-width: 960px){
	#movie {display: none;}
	.wrap {width:100%;}
}

/* mediaquery for mobile */
@media screen and (max-width: 640px) {
body{overflow-x:hidden;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#header { overflow: hidden; height:70px;}
#header .gnb { height: 70px; display: block;/* 269px /w menu*/ text-transform: uppercase;}
#header .gnb ul {margin:0; padding:0; position: absolute; left: 0; top: 70px; width: 100%; height: auto; border: 1px solid #ddd; border-width: 1px 0; z-index: 999;
    list-style: none;}
#header .gnb > ul > li { width: 50%; height: 50px; border-bottom: 1px solid #ddd; margin: 0; float: left;}
#header .gnb > ul > li.even > a { border-right: 1px solid #ddd; display: block;}
#header .gnb > ul > li:last-child { border-bottom: none;}
#header .gnb > ul > li > a { height: 50px; line-height: 50px; font-size: 15px; padding: 0 0 0 10%;font-weight: 500;color: #000; display: block;}
#header .gnb > ul > li > a:active { background-color: #ececec;}
#header .gnb > ul > li:hover ul { display: none;}
#header .logo {max-width:40%; }
#topmenu {display: none;}
#movie {display: none;}
.logo {top: 15% !important; left: 20px !important;}
#content .local {display: none;}
#content  h2 {padding:0 10px 5px 24px; background: url(/layouts/stc/image/pub/icon_title.png) 12px -2px no-repeat;margin: 0;font-size:1.6em;}
#_layout_memberlink_ {display: none;}
#header .mobileMenu { display: block; position: absolute; right: 20px; top: 23px; width: 30px; height: 20px; text-indent: -9999px; background: url('image/menu_btn.png') center center no-repeat; -webkit-background-size: auto 20px; background-size: auto 20px; cursor: pointer; z-index: 9999;}
.wrap{width: 100%;}
#navibox h4 {font-size: 1.3em !important;}
#navibox { width: 30% !important; margin-left:25px !important;}
.box31{border: 0 !important;}
.box2 {border: 0 !important; }
.box14 {border: 0 !important;}
.box35 {border: 0 !important;}
.box40 {border: 0 !important;}
#footer .copyright .wrap{background: none !important;}
#footer .copyright .wrap p {padding: 15px !important;}

#content .submenu li div {display: none !important;}

.mmovie{display:none;}
.semimovie {display:none;}
.ledmovie{display:none;}
.mmovie_mo {display: block;}

.popup_box { width: 90%; height: auto; }
.mtitle { margin-top: 40px; }
}