@import url("common.css");

#wrap {height:auto;}
#visual_sub {
	position:relative; 
	width:100%; 
	text-align:center; 
	padding-top:0;
	overflow:hidden;
	height:391px;
}
	.subtop_company {
    /* background: url(/images/sub/sub_img.jpg) -780px top no-repeat; */
		background:url(/images/sub/sub_img.jpg) center top no-repeat;
		background-size:cover;
	}

#visual_sub h2 {
	width:1170px; 
	margin:0 auto; 
	text-align: left; 
	font-family: 'Raleway', sans-serif; 
	font-weight:800; 
	font-size:50px; 
	letter-spacing:1.5pt; 
	color:#fff; 
	/* text-shadow:#101018 0 0 30px;  */
	padding:160px 0 0px 0;
  line-height:140%;
}
/* #visual_sub h2 span {
	width:1170px; margin:0 auto; text-align: left; 
	line-height:100%;letter-spacing:-1pt; 
	color:#434547; text-shadow:#fff 0 0 30px;
} */
#visual_sub p {
	width:1170px; 
	margin:0 auto; 
	text-align:left;
	font-family:'Raleway', sans-serif; 
	font-weight:600; 
	color:#fff; 
	font-size:26px; 
	line-height:100%; 
	/* text-shadow:#101018 0 0 10px; */
	letter-spacing:1pt;
}



/* LNB */
.lnb {position:relative; width:100%; border-bottom:1px solid #ddd; background:#fff; box-sizing:border-box;}
	.lnb ul{position:relative;  max-width:1170px; margin:0 auto; overflow:hidden; }
	.lnb li {position:relative; width:33.33%; float:left;}
	.lnb .eng li a:visited{letter-spacing:0pt !important;}
	.lnb li a:link, 
	.lnb li a:visited {
		text-align:center; 
		font-size:16px; 
		letter-spacing:0pt; 
		/* display:block; 
		line-height:61px;  */
		height:61px; 
		background-color:#f5f5f5; 
		box-sizing:border-box; 
		border-right:1px solid #ddd; 
		transition:all 0.3s;
		display:flex;
    align-items:center;
    justify-content:center;
	}
	.lnb li:first-child a:link, .lnb li:first-child a:visited{border-left:1px solid #ddd; }
	.lnb li a:hover{ 
		color:#fff; 
		text-decoration: none; background:#0e3c96; border-right:1px solid #0e3c96; transition:all 0.3s;}
	.lnb_on{display:block; color:#fff !important; text-decoration: none;  background-color:#0e3c96 !important; border-right:none !important}

	.lnb ul.lnb_02 li {width:50%}
	.lnb ul.lnb_03 li {width:33.33%}
	.lnb ul.lnb_04 li {width:25%}
	.lnb ul.lnb_05 li {width:20%}
	.lnb ul.lnb_06 li {width:16.66%}
	.lnb ul.lnb_07 li {width:14.28%}


/* ���� ������ */
#contents {position:relative; width:1170px; margin:0 auto;} /*  overflow:hidden; */

#contentArea {float:left;width:1170px; overflow:hidden;}
.contentArea_wide {width:100%; overflow:hidden;}



/* ���� �����̼� */
.contentArea .tit_area{width:100%; padding:0px 0 30px 0; overflow:hidden; margin:60px 0 0px 0;} 
.contentArea .location {float:right; font-size:14px; color:#848484; padding:0px 0 0 0 ; vertical-align: bottom;text-align:right; letter-spacing:-0.3pt;margin: 9px 0 0 0; }
.contentArea .location em {font-size:14px;color:#999; padding: 0px 7px 0 7px; height: 20px; }
.contentArea .location strong {color:#848484;}
.contentArea h3.title {color:#222; font-weight:500; text-align:left; font-size:34px; line-height:40px; letter-spacing:-1.4pt;font-family: 'NotoKR-Medium', sans-serif;}


.contents_in {position:relative; /*overflow:hidden;*/ clear:both; margin:0 0 100px 0; *zoom:1;}




/************************ ��� ************************/
    .login { position:relative; margin:20px 0 0px;  width:100%;background: #fff; border-top: 1px solid #000;}
    .login .titleArea { min-height:30px; margin:0; border-bottom:0; }
    .login .titleArea h3 { display:block; clear:both; margin:60px 0 5px; border-bottom:0; text-align:center; font-size:35px; font-weight:600; color:#333; letter-spacing:-0.03em; font-family:"Open Sans", Sans-serif; }
    .login .titleArea span { display:block; clear:both; margin:0 0 40px; text-align:center; font-size:12px; font-weight:400; color:#999; letter-spacing:-0.03em; }
	
    .login fieldset{ position:relative; width:790px; margin:0 auto; text-align: center;}
    .login fieldset .id,
    .login fieldset .password {float: left; overflow:hidden; display:block; width:290px; margin:0 0 10px;}
    .login #member_id {display:inline-block; background:url('../images/sub/login_ico_id.png') 12px 9px no-repeat; }
    .login #member_passwd { display:inline-block;background:url('../images/sub/login_ico_pw.png') 12px 9px no-repeat; }

	.login #member_id_eng {display:inline-block; background:url('../images/sub/login_ico_id_eng.png') 12px 9px no-repeat; }
    .login #member_passwd_eng { display:inline-block;background:url('../images/sub/login_ico_pw_eng.png') 12px 9px no-repeat; }

    .login input {width:200px; height:40px; padding:2px 2px 2px 75px; border:1px solid #ddd; color:#333; font-size:14px; line-height:40px; letter-spacing:0.08em; font-weight:normal; transition:all .5s ease; -webkit-transition:all .5s ease; border-radius: 50px; }
    .login input:focus { border:1px solid #888; border-radius: 50px;  }
	
	.login .loginBtn {display:inline-block; padding:8px; margin:0 0 10px; border:1px solid #006ba7; background:#0083fc; color:#fff !important; text-decoration:none; vertical-align:middle; font-size:18px; width:180px; line-height:28px; font-weight: 400; letter-spacing: -0.05em; text-align:center;border-radius: 50px;}
    .login .loginBtn:hover { filter:alpha(opacity=80); opacity:.8; -webkit-opacity:.8; }

/** //��� **/



/************************ ����Ʈ�� ************************/
.sitemap_cont{overflow:hidden; clear:both;}
.sitemap_cont dl{float:left; width:23%; margin-right:2%;}
.sitemap_cont dl:last-child{margin-right:0;}
.sitemap_cont dl.last {margin-right:0 !important;}
.sitemap_cont dl.last:nth-child(3n){margin-right:0;}
.sitemap_cont dt{border-top:1px solid #000; text-align:center; color:#000; font-size:17px; background:#f9f9f9; padding:14px 0 ; border-bottom:1px solid #ddd; letter-spacing:-0.5pt;font-weight:400; font-family: 'NotoKR-Medium', sans-serif; } 
.sitemap_cont dt.two{margin-top:20px;}
.sitemap_cont dd {font-size:15px; border-bottom:1px dashed #ddd; padding:0px 0; text-align:center; letter-spacing:-0.75pt; line-height: 140%;}
.sitemap_cont dd:last-child {border-bottom:1px solid#ddd;}
.sitemap_cont dd a{letter-spacing:-0.5pt; padding:13px 5px; box-sizing:border-box;transition:all 0.3s ease;}
	.sitemap_cont dd a:hover{background:#fbfbfb; transition:all 0.3s ease;}


/************************ ����Ʈ�� ���� ************************/
.sitemap_cont_eng{overflow:hidden; clear:both;}
.sitemap_cont_eng dl{float:left; width:32%; margin-right:2%;}
.sitemap_cont_eng dl:last-child{margin-right:0;}
.sitemap_cont_eng dl.last {margin-right:0 !important;}
.sitemap_cont_eng dl.last:nth-child(3n){margin-right:0;}
.sitemap_cont_eng dt{border-top:1px solid #000; text-align:center; color:#000; font-size:17px; background:#f9f9f9; padding:14px 0 ; border-bottom:1px solid #ddd; letter-spacing:-0.5pt;font-weight:400; font-family: 'NotoKR-Medium', sans-serif; } 
.sitemap_cont_eng dt.two{margin-top:20px;}
.sitemap_cont_eng dd {font-size:15px; border-bottom:1px dashed #ddd; padding:0px 0; text-align:center; letter-spacing:-0.75pt; line-height: 140%;}
.sitemap_cont_eng dd:last-child {border-bottom:1px solid#ddd;}
.sitemap_cont_eng dd a{letter-spacing:-0.5pt; padding:13px 5px; box-sizing:border-box;transition:all 0.3s ease;}
	.sitemap_cont_eng dd a:hover{background:#fbfbfb; transition:all 0.3s ease;}



/*** css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.con_tit{font-family:'NotoKR-Regular',sans-serif; font-size:24px; line-height:100%; letter-spacing:0pt; color:#144e94; padding:0 0 15px 0;}

.road_tit {display:block; background:url("../images/sub/info_arrow.jpg") no-repeat 0 16%; font-family:'NotoKR-Regular', Sans-serif;  font-size:24px; line-height:100%; letter-spacing:-0.3pt; color:#144e94; padding:0 0 15px 10px;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:100; font-family:'NotoKR-Bold',sans-serif; text-align:center; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{ border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left;}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#444; font-weight:100; font-family:'NotoKR-Bold',sans-serif; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd; width: 15%;}
.table_style2 td{ border-bottom:1px solid #ddd; padding:14px 0 14px 0px; text-align:center; border-right:1px solid #ddd; color: #555;font-family:'NotoKR-Medium',sans-serif; }
.table_style2 td .left_td{ padding:14px 0 14px 15px; text-align:left; }
.table_style2 td:hover{background:#fafafa}




/************************ ȸ��Ұ� ************************/

h4.sub_title{font-size:45px; font-family:'NotoKR-Thin',sans-serif; line-height:120%; letter-spacing:-2.5pt; color:#000; font-weight:100;}
h4.sub_title_eng{font-size:43px; font-family:'NotoKR-Thin',sans-serif; line-height:120%; letter-spacing:-1.5pt; color:#000; font-weight:100;}

 span.title_blue{line-height:120%; letter-spacing:-2.5pt; color:#144e94;  font-weight:400}
 span.title_blue_eng{line-height:120%; letter-spacing:-1.5pt; color:#144e94;  font-weight:400}
 p.p_color {color:#144e94; font-size:16px; letter-spacing:-0.5pt;}

h4.sub_title_02{font-size:24px; font-family:'NotoKR-Light',sans-serif; line-height:120%; letter-spacing:-1.0pt; color:#000; font-weight:100;}


/* CEO �λ縻 */
.greeting_con{
	position:relative; 
	padding:5px 0;
}
.greeting_con h4{
	position:relative; 
	padding-bottom:28px
}
.greeting_con h4 span.quotes{position:absolute; margin:0px 0 0 10px}
.greeting_txt{
	line-height:25px; 
	font-size:15px; 
	padding-bottom:25px; 
	letter-spacing:-0.5pt;
}
.greeting_ceo{
	position:relative; 
	font-size:18px; 
	letter-spacing:-0.7pt; 
	color:#000; 
	line-height:130%; 
	padding:10px 0;
}
.greeting_ceo span.name{font-family:'NotoKR-Bold',sans-serif;  letter-spacing:-0.7pt; line-height:130%;}
.greeting_ceo span.sign{position:absolute; top:10px; left:125px}

.greeting_img {
	width:563px; 
	position:absolute; 
	top:10px; 
	right:0px; 
	z-index:-1;
	text-align:right;
}
.greeting_img .mo_img{display:none}
.greeting_img span {line-height: 120%; margin-top: 10px;}


.greeting_con.sub1 {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
.greeting_con::after {
	content: '';
	display:block;
	clear:both;
}
.greeting_con.sub1 h4 {
	float:right;
	width:50%;
	width:49%;
}
/* .greeting_con h4 span.quotes{
	position:absolute; 
	margin:0px 0 0 10px
} */
.sub1 .greeting_txt {
	float:right;
	width:50%;
	width:49%;
}
.sub1 .greeting_ceo {
	width:50%;
	width:49%;
}
.greeting_ceo span.name{font-family:'NotoKR-Bold',sans-serif;  letter-spacing:-0.7pt; line-height:130%;}
.greeting_ceo span.sign{position:absolute; top:10px; left:125px}

.sub1 .greeting_img {
	left:0px; 
	z-index:-1;
	height:620px;
}

.subT_small {
	font-size:26px;
	font-weight:100;
	font-family:'NotoKR-Light',sans-serif;
}
.subT_large {
	font-size:48px;
}
.slogan_txt {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-weight:800;
	font-size:38px;
	letter-spacing:0pt;
	color:#333;
	line-height:53px;
	margin-top:25px;
}

.sub2 .img {
	margin-top:80px;
}
.greeting_con.sub2.sentence h4.sub_title {
	width:50%;
}

.greeting_img .mo_img{display:none}
.greeting_img span {line-height: 120%; margin-top: 10px;}


/* ȸ�簳�� */
.bbs_con_info{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con_info th{font-size:14px; color:#333; font-weight:500; text-align:center; padding:16px 0; border-bottom:1px solid #bbb; letter-spacing:-0.5pt; background:#f9f9f9}
.bbs_con_info td{padding:8px 5px; text-align:center; border-bottom:1px solid #ddd;}
.bbs_con_info tr:hover{background:#fafafa}
.bbs_con_info td a {letter-spacing:-0.3pt;}
.bbs_con_info td.left{text-align:left; padding-left:10px;}


/* ���� Ÿ��Ʋ */
.greeting_con span.history_bg {position:absolute; top:223px; right:0; height:595px; z-index:-1}
.greeting_con h4 span.history.quotes{position:absolute; margin:0; margin-left:5px; top:0px;}

/************ �� ************/
.rec_tab {width: 100%; overflow: hidden;/*border-bottom: 1px solid #ddd;*/}
.rec_tab ul {padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}
.rec_tab li {list-style: none;position: relative;top: 0px;float: left;margin-bottom: 0px;}

.rec_tab li a {display: block;position: relative;margin-left: -1px;padding: 20px 0 20px;width: 220px;border: 1px solid #c9c9c9;background: #f7f7f7;color: #363636;font-size: 18px;text-align: center;letter-spacing: -0.02em;line-height: 1.2em;cursor: pointer;}

.rec_tab li a:hover,a:focus {text-decoration: none}

.rec_tab li.active a {z-index: 8;background: #fff;font-weight: 500;color: #363636;font-size: 18px;
border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #ffffff;}

.rec_tab li.active a:hover {text-decoration: none}

.rec_tab_ov {z-index: 8;border: 1px solid #000000;background: #fff;color: #565e60;font-weight: bold}
/************ //�� ************/

/* ���� */
#history {}
#history .top {/* background:url("/img/sub/history_bg.jpg") no-repeat; */background-size:cover; padding:0px 0;}

#history .list { }
#history .list ul { padding:20px 0 100px;}
#history .list ul:after { content:""; width:1px; height:100%; background:#bebebe; display:block; position:absolute; left:50%; top:0px;/*top:-55px;*/}
#history .list ul li { overflow:hidden; margin-bottom:80px;}
#history .list ul li:last-child { margin:0; }
#history .list ul li dl { width:50%; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#history .list ul li dl:after { position:absolute; top:8px; background:#fff; z-index:10;}
#history .list ul li dl dt { font-size:40px; color:#333;font-family:"Open Sans", Sans-serif; font-weight:800;}
#history .list ul li dl dd { font-weight:400; line-height:1.4; margin-top:18px; font-size: 15px;}
#history .list ul li dl dd p { margin-bottom:8px; position:relative;}
#history .list ul li dl dd p:last-child { margin:0; }
#history .list ul li dl dd p:after { content:"-"; position:absolute; top:0;}
#history .list ul li dl dd p span {color:#000; font-weight:500; font-family: 'NotoKR-Medium', sans-serif;}
#history .list ul li dl dd p strong{font-family: 'NotoKR-Medium', sans-serif;font-weight:500; }

#history .list ul li:nth-child(odd) dl { float:right; padding:0 0 0 50px;}
#history .list ul li:nth-child(odd) dl:after { content:url("/images/sub/dots_left.png"); left:-13px;}
#history .list ul li:nth-child(odd) dl dd p { padding:0 0 0 10px;}
#history .list ul li:nth-child(odd) dl dd p:after { left:0;}
#history .list ul li:nth-child(odd) dl dd p span {padding-right:20px;}

#history .list ul li:nth-child(even) { text-align:right;}
#history .list ul li:nth-child(even) dl:after { content:url("/images/sub/dots_right.png");  right:-13px;}
#history .list ul li:nth-child(even) dl { padding:0 50px 0 0;}
#history .list ul li:nth-child(even) dl dd p { padding:0 10px 0 0;}
#history .list ul li:nth-child(even) dl dd p:after { right:0;}
#history .list ul li:nth-child(even) dl dd p span {padding-left: 20px;}

.history_pc {display:block;}
.history_m {display:none;}	


/* ������ */	
.org_pc {display:block;}
.org_m {display:none;}

.img.vision {
	text-align:center;
}
.img.vision .org_pc {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/* 20250904 신-반도체사업부 */
.list_semicon {
	display:flex;
	flex-direction:row;
	gap:54px;
}
.list_semicon>li {
	width:33.333%;
	text-align:center;
}
.img_semicon {
	position:relative;
}
.img_semicon>span {
	position:absolute;
	bottom:-27px;
	right:20px;
	display:block;
	color:#3262c5;
	font-family:'NotoKR-Medium',sans-serif;
	text-align:right;
	font-size:16px;
	letter-spacing:-.5px;
}
.txt_semicon {
	margin-top:67px;
}
.list_semicon .txt_semicon>h5 {
	font-size:30px;
	color:#333;
}
.list_semicon ul {
	margin-top:30px;
}
.list_semicon ul>li {
	font-size:20px;
	line-height:1.2;
}
.list_semicon ul>li:last-child {
	margin-top:7px;
}


/* ������ */
#certification {}
#certification ul {}
#certification ul li { float:left;  width:32%; margin-right:2%;/*width:22.28571428571%; margin-right:3.61904761905%;*/  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  margin-bottom:50px;}
#certification ul li:nth-child(4n) { margin-right:2%;}
#certification ul li:nth-child(3n) { margin-right:0;}
#certification ul li a { display:block;}
#certification ul li .img { text-align:center; border:1px solid #d2d2d2; overflow:hidden;}
#certification ul li .img img {}
#certification ul li .txt { line-height:1.4; text-align:center; margin-top:24px;}
#certification ul li .txt span { font-size:20px; color:#333; font-weight:500;}
#certification ul li .txt p { font-size:18px;}



/* ���ô� �� */
.location_con { position:relative; overflow:hidden; }

.location_con dl{border:1px solid #ddd; float:left; width:50%; box-sizing:border-box; margin-top:10px; padding:30px 0 30px 40px;}
.location_con dl.call{border-left:0; box-sizing:border-box}
.location_con dt{float:left; width:18%}
.location_con dd{font-size:15px; letter-spacing:-0.5pt; line-height:30px;}
.location_con dd p.tit{color:#000; letter-spacing:-0.5pt; line-height:30px;font-family: 'NotoKR-Medium', sans-serif;}
.location_con dd span.tit{display:inline-block; color:#000; letter-spacing:-0.5pt; line-height:30px; width:70px;font-family: 'NotoKR-Medium', sans-serif;}


/************************ //ȸ��Ұ� ************************/


/* sub2-4 */
 .list_cooper {
  /* max-width:1500px; */
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr ;
  justify-items: center;
  justify-content:space-between;
  gap:30px;
  margin:0 auto;
 }
.list_cooper>span {
  display: block;
  /* flex:0 0 auto;
  gap:20px; */
  /* width:211px; */
	width:100%;
  height:90px;
	padding:5px 0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  position:relative;
  box-shadow:rgb(202, 202, 202) 0px 0px 0px 1px;
  background-size:141px;
 }
 .list_cooper>span:nth-child(4) {
  background-size:121px;
 }
.list_cooper>span:nth-child(6) {
  background-size:91px;
 }
 .list_cooper>span:nth-child(11) {
  background-size:111px;
 }
 /* .list_cooper>span:nth-child(n+6) {
  margin-top:5px;
 } */

 /* 로고별 배경 */
.list_cooper .p_logo1 { background-image: url('/images/main/p_hynix.png'); }
.list_cooper .p_logo2 { background-image: url('/images/main/p_onsemi.png'); }
.list_cooper .p_logo3 { background-image: url('/images/main/p_dbhitek.png'); }
.list_cooper .p_logo4 { background-image: url('/images/main/p_siltron.png'); }
.list_cooper .p_logo5 { background-image: url('/images/main/p_samsungele.png'); }
.list_cooper .p_logo6 { background-image: url('/images/main/p_tsmc.png'); }
.list_cooper .p_logo7 { background-image: url('/images/main/p_winbond.png'); }
.list_cooper .p_logo8 { background-image: url('/images/main/p_nuvoton.png'); }
.list_cooper .p_logo9 { background-image: url('/images/main/p_zeus.png'); }
.list_cooper .p_logo10 { background-image: url('/images/main/p_jtcorp.png'); }
.list_cooper .p_logo11 { background-image: url('/images/main/p_psk.png'); }
.list_cooper .p_logo12 { background-image: url('/images/main/p_profab.png'); }
.list_cooper .p_logo13 { background-image: url('/images/main/p_aOSilicon.png'); }
.list_cooper .p_logo14 { background-image: url('/images/main/p_leadingServe.png'); }
.list_cooper .list_null { visibility:hidden;}



/************************ ����� ************************/

/* �����Ļ� */
.welfare {}
.welfare ul {overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.welfare li {float:left; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:3% 2.5%; min-height:260px;}
.welfare dl {width:100%; display:table;}
.welfare dt {width:144px; display:table-cell;}
.welfare dd {max-width:calc(100% - 144px); display:table-cell; vertical-align:middle;}
.welfare dd p {color:#004c98; margin-bottom:10px; font-size:22px; letter-spacing:-0.5pt; font-family:"NotoKR-Medium", sans-serif;}
.welfare dd div {letter-spacing:-0.5pt; line-height:155%; font-size: 15px;}
.welfare dd div strong {letter-spacing:-0.5pt; line-height:155%; font-size: 17px;color:#333;font-family:"NotoKR-Medium", sans-serif;}

/************************ ����� ************************/


.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-family:"NotoKR-Bold", sans-serif; }
p.cont_tit {display:block; font-size:18px; padding-bottom:5px; font-family:"NotoKR-Bold", sans-serif; color:#333; letter-spacing:-0.5pt;}
.cont_txt { letter-spacing:-0.5pt; line-height:160%}
.cont_txt2 {padding-bottom:35px; letter-spacing:-0.5pt; line-height: 160%;}
.cont_box { padding:20px; background:#f4f4f4; margin:7px 0px 32px 0px; display:block;  letter-spacing:-0.5pt; line-height:160%}
.cont_box.last {margin-bottom:0;}
.cont_box strong {font-weight:100; font-family:"NotoKR-Bold", sans-serif; letter-spacing:-0.5pt; display:inline-block; margin-bottom:3px; line-height:100%}
p.contin_txt {margin-bottom:12px; line-height:140%;}


.only_w {display:block;}
.only_m {display:none;}
.lnb_mobile {display:none;}


.site_w {display:block;}
.site_m {display:none;}

/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){


	#visual_sub h2 {width:96%;}
	#visual_sub p {width:96%;}
		
	#contents{width:96%;}
	.contentArea{width:100%;}

	/***  ***/

	/* CEO */
	.greeting_img{}
	.greeting_img img{max-width:100%;}
	.greeting_img .pc_img{width: 90%;}

	.greeting_con{padding:0;}
	.greeting_con h4{
		padding-bottom:25px;
		float:none;
		width:100%;
	}
	.greeting_con.sub2.sentence h4.sub_title {
		width:100%;
	}
	.greeting_con h4 br{display:none;}
	.greeting_con h4 span.quotes{margin:5px 0 0 20px}
	.greeting_con h4 span.quotes img{width:52px}
	.sub1 .greeting_txt,
	.greeting_txt{
		line-height:24px;  
		padding-bottom:25px;
		float:none;
		width:100%;
	}
	.greeting_txt br{display:none;}
	.sub1 .greeting_ceo,
	.greeting_ceo {
		float:none;
		width:100%;
	}


	.greeting_img{position:relative; 
		width:100%; 
		height:auto; 
		padding-bottom:20px; top:auto; right:auto; text-align:center;
	}
	.sub1 .greeting_img {
		height:auto;
	}
	.slogan_txt {
		text-align:center;
	}
	.slogan_txt>br {
		display:none;
	}
	.greeting_img .pc_img{display:none;}
	.greeting_img .mo_img{display:inline-block; width:70%;}	

	.greeting_con.sub1 {
		align-items:flex-start;
	}
	.greeting_con.sub1 h4 {
		float:none;
		width:100%;
	}
	.greeting_con.sub1 h4 br {
		display:none;
	}

	/* 20250904 신-반도체사업부 */
	.list_semicon {
		gap:34px;
	}
	.img_semicon>span {
		font-size:14px;
		right:16px;
	}
	.txt_semicon {
		margin-top:57px;
	}
	.list_semicon .txt_semicon>h5 {
		font-size:26px;
	}
	.list_semicon ul {
		margin-top:26px;
	}
	.list_semicon ul>li {
		font-size:16px;
	}
	.list_semicon ul>li:last-child {
		margin-top:6px;
	}


	/* sub2-4 */
 .list_cooper {
  gap:20px;
 }
 .list_cooper>span {
  height:80px;
  background-size:131px;
 }
.list_cooper>span:nth-child(3),
.list_cooper>span:nth-child(8) {
  background-size:81px;
 }
.list_cooper>span:nth-child(4) {
  background-size:111px;
 }
 .list_cooper>span:nth-child(13) {
  background-size:101px;
 }


}

/*******************************************************************************
	@media 1024~1100px
*******************************************************************************/
@media all and (max-width:1100px){

/* CEO �λ縻 */
/* .greeting_con{padding:0;}
.greeting_con h4{padding-bottom:25px}
.greeting_con h4 br{display:none;}
.greeting_con h4 span.quotes{margin:5px 0 0 20px}
.greeting_con h4 span.quotes img{width:52px}
.greeting_txt{line-height:24px;  padding-bottom:25px;}
.greeting_txt br{display:none;}

.greeting_img{position:relative; width:100%; padding-bottom:20px; top:auto; right:auto; text-align:center;}
.greeting_img .pc_img{display:none;}
.greeting_img .mo_img{display:inline-block; width:70%;}	 */

	

}

/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){

	#visual_sub h2 {
		text-shadow:#4d4d61 0 0 10px; 
	}

	#visual_sub p {
		text-shadow:#101018 0 0 10px;
	}
/* #visual_sub {padding-top:115px} */
/* .subtop_company{background-position:center 115px} */
.subtop_company {
	background-position-x:59.5%;
}
	
/* #visual_sub h2 {font-size:50px; padding:64px 0 0px 0; line-height:140%;}
#visual_sub p {font-size:26px; line-height:100%;} */

/* lnb */
.lnb {display:none;} /* ����Ͽ��� ©�� */
	
	/* sub2-4 */
 .list_cooper>span {
		height:70px;
		background-size:111px;
	}
	.list_cooper>span:nth-child(3),
	.list_cooper>span:nth-child(8) {
		background-size:71px;
	}
	.list_cooper>span:nth-child(4) {
		background-size:91px;
	}
	.list_cooper>span:nth-child(13) {
		background-size:81px;
	}



}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

	
#visual_sub h2 {font-size:45px;}
#visual_sub p {font-size:20px;} 
	
#contents p.location {display:block;}


/* lnb */
.lnb {display:none;}
.lnb_mobile {display:none;}

.sub2 h4.sub_title,
h4.sub_title{font-size:40px;}
h4.sub_title_eng{font-size:38px;}	
h4.sub_title_02{font-size:22px; }
.subT_large {
	font-size:inherit;
}
	
/* ���� */
#history .list ul li dl { width:100%;}
#history .list ul li:nth-child(even) dl,
#history .list ul li:nth-child(odd) dl { float:none; padding:0 0 0 60px;}
#history .list ul li{ text-align: left !important;	}
#history .list ul li:nth-child(even) dl dd p { padding: 0 0 0 10px;	}
#history .list ul li:nth-child(even) dl dd p:after { right:inherit; left:0;}
#history .list ul li:nth-child(odd) dl:after { left:0;}
#history .list ul li:nth-child(odd) dl dd p span {padding-right:10px;}	
#history .list ul li:nth-child(even) dl:after {    content: url("/images/sub/dots_left.png");  right:inherit; left:0;}
#history .list ul li:nth-child(even) dl dd p span {padding:0 10px 0 0;}
	
#history .list ul:after { display:none;}
#history .list ul li dl dt { font-size:30px;}
#history .list ul li { margin-bottom:40px;}	

.history_pc {display:none;}
.history_m {display:block;}		


/* ���ô� ��  */
.location_con dl{width:58%; padding:25px 0 25px 30px;}
.location_con dl.call{width:42%}
.location_con dt{width:20%}
.location_con dt img{width:47px}
.location_con dd{font-size:14px; line-height:26px;}
.location_con dd p.tit{line-height:26px;}
.location_con dd span.tit{line-height:26px; width:60px;}	
	
/* �����Ļ� */
.welfare li {float:none; width:100%; padding:25px 20px; min-height:auto;}
.welfare dd p {font-size:20px;}	

	/* 20250904 신-반도체사업부 */
	.list_semicon {
		flex-direction:column;
		gap:67px;
	}
	.list_semicon>li {
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
	}
	.img_semicon>span {
		bottom:-22px;
		right:14px;
	}
	.txt_semicon {
		margin-top:0;
		width:60%;
	}
	

}




/*******************************************************************************
	@media 768px ~ 860px
*******************************************************************************/
@media all and (max-width:860px) { 


/** ��� **/
    .login {margin:0px 0 0px;  width:100%;}
    .login .titleArea {}
    .login .titleArea h3 {margin:40px 0 0px;font-size:34px; }
    .login .titleArea span {margin:0 0 25px;}
	
    .login fieldset{width:30%; }
    
	.login .loginBtn {margin:0 0 0px; font-size:18px; width:260px; }
    

/** //��� **/

	/* sub2-4 */
 .list_cooper {
  grid-template-columns:1fr 1fr 1fr 1fr;
 }
	
}


/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:780px){


	.eng .txt_semicon {
		padding:0 15px;
	}

/* ����Ʈ�� */
.sitemap_cont dl {width:31.3%; margin-right:2%}
.sitemap_cont dl.m_last {margin-right:0;}
	
/* ����Ʈ�� */
.sitemap_cont_eng dl {width:31.3%; margin-right:2%}
.sitemap_cont_eng dl.m_last {margin-right:0;}	

.site_w {display:block;}
.site_m {display:block;}
	

/* ������ */
#certification ul li {
	width:49%; 
	margin-right:0%;
	margin-bottom:20px;
}
#certification ul li:nth-child(3n) { margin-right:0;}
#certification ul li:nth-child(odd) { margin-right:2%;}

#certification ul li .txt {margin-top:10px;}
#certification ul li .txt span {font-size:16px;}
#certification ul li .txt p {font-size:14px;}	
	
	
/* ���ô� �� */
.location_con dl{float:none; width:100%; margin-top:5px; }
.location_con dl.call{border-left:1px solid #ddd; width:100%; }

/************ ���� �� ************/
.rec_tab li a {padding: 15px 0 15px;width: 140px;font-size: 15px;}
.rec_tab li.active a {font-size: 15px;}

/************ //�� ************/		
	
	


}

/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){




/* SUB VISUAL*/
#visual_sub {position:relative; overflow:hidden; width:100%; text-align:center; height:145px; padding-top:75px}

	.subtop_company {
	background-position-x:57.5%;
}
#visual_sub h2 {
	font-size:28px;
	padding:15px 0 0px 0; 
	text-align:center;
	/* text-shadow:#4d4d61 0 0 10px;  */
}
#visual_sub p {
	font-size:16px;
	text-align:center;
	/* text-shadow:#101018 2px 0 20px; */
	text-shadow:#101018 3px -1px 4px;
	/* text-shadow:#000 0px 0px 5px; */
}


	
/* ���� ������*/
#contents {width:94%}
#contents .tit_area {padding: 20px 0;}
#contents h3.title {font-size:26px;}
.contentArea .tit_area{padding:0px; margin:0px 0 0px 0;}
.contents_in {margin:0 0 60px 0;}	

.con_tit{font-size:17px; padding:0 0 12px 0;letter-spacing:-0.3pt;}
.road_tit {font-size:17px;  padding:2px 0 10px 10px;letter-spacing:-0.7pt; line-height: 120%;}

.sub2 h4.sub_title,
h4.sub_title{font-size:22px; font-family:'NotoKR-Light',sans-serif; letter-spacing: -1.5pt;}
h4.sub_title_eng{font-size:20px; font-family:'NotoKR-Light',sans-serif; letter-spacing: -0.5pt !important;}	
span.title_blue_eng{font-family:'NotoKR-Regular',sans-serif;letter-spacing: -0.5pt;}	
 span.title_blue{font-family:'NotoKR-Regular',sans-serif;letter-spacing: -1.5pt;}
h4.sub_title_02{font-size:17px;letter-spacing: -0.5pt;}	
	

/************************ ����Ʈ�� ************************/
.sitemap_cont dl{margin-bottom:0px;width:32.3%; margin-right:1%;}
.sitemap_cont dl:last-child{margin-right:0;}
.sitemap_cont dt{font-size:14px; padding:10px 0;} 
.sitemap_cont dt.two{margin-top:15px;}
.sitemap_cont dd{font-size:13px; padding:0px 0; }
.sitemap_cont dd a{ padding:11px 5px;}	
	
/************************ ����Ʈ�� ************************/
.sitemap_cont_eng dl{margin-bottom:0px;width:32.3%; margin-right:1%;}
.sitemap_cont_eng dl:last-child{margin-right:0;}
.sitemap_cont_eng dt{font-size:14px; padding:10px 0;} 
.sitemap_cont_eng dt.two{margin-top:15px;}
.sitemap_cont_eng dd{font-size:13px; padding:0px 0; }
.sitemap_cont_eng dd a{ padding:11px 5px;}		


/************************ ȸ��Ұ� ************************/	
/* CEO �λ縻 */
.greeting_con{padding:0;}
.greeting_con h4{padding-bottom:20px; line-height: 120%; letter-spacing: -1pt;}
.greeting_con.sub1 h4 br,
.greeting_con h4 br{display:block;}
.greeting_con h4 span.quotes{margin:0px 0 0 10px; }
.greeting_con h4 span.quotes img{width:60%;}
.greeting_txt{line-height:22px; font-size:14px; padding-bottom:18px;}
.greeting_txt br{display:none;}

.greeting_img{padding-bottom:18px;}
.greeting_ceo{font-size:16px;}
.greeting_ceo span.sign{top:10px; left:110px}
.greeting_ceo span.sign img{width:100px;}	

.greeting_img .pc_img{display:none;}
.greeting_img .mo_img{display:inline-block; width:90%;}	

.subT_small {
	font-size:16px;
}
/* .subT_large {
	font-size:inherit;
} */
.slogan_txt {
	font-size:33px;
	margin-top:55px;
}
.sub2 .img {
  margin-top:40px;
}



#history .list ul { padding:20px 0 50px;}
#history .list ul li dl dd {margin-top:18px; font-size: 14px;}
/************ ���� �� ************/
.rec_tab li a {padding: 15px 0 15px;width: 120px;font-size: 15px;}
.rec_tab li.active a {font-size: 15px;}

/************ //�� ************/	

/* ������ */	
.org_pc {display:none;}
.org_m {display:block;}


	
/* ���ô±� */
.location_con dl{padding:10px 10px;}
.location_con dt{display:none}
.location_con dd{font-size:13px; line-height:22px;}
.location_con dd p.tit{line-height:22px;}
.location_con dd span.tit{ line-height:22px; width:65px;}


/* 20250904 신-반도체사업부 */
	.list_semicon {
		flex-direction:column;
		gap:67px;
	}
	.list_semicon>li {
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
	}
	.list_semicon>li:first-child .img_semicon>span {
		bottom:-34px;
		width:54%;
	}
	.list_semicon.eng>li:first-child .img_semicon>span {
		bottom:-34px;
		width:58%;
	}
	.img_semicon>span {
		bottom:-18px;
		font-size:12px;
		font-size:2.1vw;
	}
	.txt_semicon {
		width:90%;
	}
	.list_semicon .txt_semicon>h5 {
		font-size:20px;
	}
	.list_semicon ul {
		margin-top:26px;
	}
	.list_semicon ul>li {
		font-size:14px;
	}



	
/* sub2-4 */
 .list_cooper {
  gap:10px;
 }
 .list_cooper>span {
  height:50px;
  background-size:91px;
 }
.list_cooper>span:nth-child(3),
.list_cooper>span:nth-child(8) {
  background-size:51px;
 }
.list_cooper>span:nth-child(4) {
  background-size:71px;
 }
 .list_cooper>span:nth-child(13) {
  background-size:61px;
 }

/************************ //ȸ��Ұ� ************************/	
	

/* �����Ļ� */	
.welfare dt {width:100%; display:block; text-align:center; margin-bottom:20px;}
.welfare dd {max-width:100%; display:block; text-align:center;}	
.welfare dd p {font-size:20px;}
.welfare dd div {line-height:155%; font-size: 14px;}
.welfare dd div strong { line-height:180%; font-size: 16px;}
	
	
	
.only_w {display:none;}
.only_m {display:block;}


.cont_title{font-size:26px;padding-bottom:18px;}
p.cont_tit {font-size:16px; padding-bottom:5px;}
.cont_txt { font-size:13px;}
.cont_txt2 {padding-bottom:35px;}
.cont_box { padding:10px; margin:5px 0px 20px 0px;}
p.contin_txt {margin-bottom:12px; line-height:140%;}



}


@media all and (max-width:520px){

	/* 20250904 신-반도체사업부 */
	.list_semicon.eng {
		gap:74px;
	}
	.list_semicon.eng >li {
		flex-direction:column;
	}
	.list_semicon.eng>li:first-child .img_semicon>span {
		bottom:-16px;
		width:auto;
		font-size:3vw;
	}
	.eng .img_semicon>span {
		bottom:-16px;
		font-size:3vw;
	}
	.eng .txt_semicon {
		margin-top:67px;
		padding:0 15px;
		width:100%;
	}
	.list_semicon.eng .txt_semicon>h5 {
		font-size:5vw;
	}
	.list_semicon.eng ul {
		margin-top:30px;
	}
	.list_semicon.eng ul>li {
		font-size:4vw;
	}
	.list_semicon.eng  ul>li:last-child {
		margin-top:7px;
	}



	/* sub2-4 */
	.list_cooper {
		grid-template-columns:1fr 1fr 1fr;
	}
	.list_cooper>span {
		height:45px;
		background-size:81px;
	}
	.list_cooper>span:nth-child(3),
	.list_cooper>span:nth-child(8) {
		background-size:46px;
	}
	.list_cooper>span:nth-child(4) {
		background-size:61px;
	}
	.list_cooper>span:nth-child(13) {
		background-size:51px;
	}
}

/*******************************************************************************
	@media 320px~480px
*******************************************************************************/
@media all and (max-width:480px){


#visual h2 {font-size:24px;}
#visual p {font-size:14px;}


/* 20250904 신-반도체사업부 */
	.list_semicon {
		gap:57px;
	}
	.list_semicon>li:first-child .img_semicon>span {
		bottom:-34px;
		width:64%;
	}
	.img_semicon>span {
		bottom:-18px;
		font-size:12px;
		font-size:2.4vw;
	}
	.txt_semicon {
		width:120%;
	}
	.list_semicon .txt_semicon>h5 {
		font-size:20px;
		font-size:4.4vw;
	}
	.list_semicon ul {
		margin-top:14px;
	}
	.list_semicon ul>li {
		font-size:14px;
		font-size:3vw;
	}
	.list_semicon ul>li:last-child {
		margin-top:5px;
	}

	.eng .txt_semicon {
		margin-top:47px;
		padding:0 20px;
	}

	
/************ ���� �� ************/
.rec_tab li a {padding: 15px 0 10px;width: 110px;font-size: 15px;}
.rec_tab li.active a {font-size: 15px;}

/************ //�� ************/	
	
}

@media all and (max-width:440px){

	.list_semicon>li:first-child .img_semicon>span {
		bottom:-30px;
	}
	.img_semicon>span {
		bottom:-16px;
	}


}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){



}