/* Tablet device */
@media all and (max-width:1024px) {
	
	#wrapper {/*background:#ffd8d8;*/background:#fff; width:100%; position:relative; clear:both; overflow:hidden;}
	#layout {overflow:hidden; clear:both; width:100%; position:relative;}	
	
	/* header */
	#header {background:#fff; height:60px; width:100%;}
	#header h1 {margin:18px auto; width:149px; z-index:10;}
	#header h1 .nbtn {vertical-align:3px; margin-left:10px;}
	
	#header .m_btn {display:block;}
	#header h2.seem {width:100px; height:38px; position:absolute; top:13px; left:5%; display:block; background:url("../images/tablet/common/btn_gnb.png") no-repeat left top; cursor:pointer; }
	#header h2.seem span {font-size:11px; color:#2f2f2f; margin:4px 0 0 60px; /*display:block;*/display:none; line-height:13px; text-align:left; letter-spacing:0.05em; /*font-weight:normal;*/}

	#header .gnbw  {background:url("../images/tablet/common/bg_gnb01.png") repeat-y right top; width:193px; position:absolute; z-index:20; top:0; left:-234px;}
	#header #gnb {width:190px; background:url("../images/tablet/common/bg_gnb.gif") repeat-y left top; margin:0; padding:128px 0 0 0; height:10000px;}
	#header #gnb li.dep1 {
		color:#2f2f2f;
		font-size:16px;
		font-weight:bold; 
		margin:0;
		background:url("../images/tablet/common/gnb_line.gif") repeat-x left top;
		padding:15px 0 12px 20px;
	}
	#header #gnb li.dep1.on {padding-bottom:0; margin-top:0;}
	#header #gnb li.dep1.fir {margin-top:0;}
	#header #gnb li.dep1 a.d1 {color:#b0b0b0; background:url("../images/web/common/gnb1_off.png") no-repeat left 6px; padding-left:10px;}
	#header #gnb li.dep1.on a.d1 {color:#ffde39; background:url("../images/tablet/common/gnb1_on.png") no-repeat left 8px;}

	#header #gnb li.dep1 ul {margin:12px 0 0 -20px; padding:0 17px 3px 28px; width:145px; display:none; background:#2a2a2a;}
	#header #gnb li.dep1 ul li.dep2 {
		padding:11px 0 6px;
		border-bottom:none;
		position:relative;
		font-size:12px;
		color:#2f2f2f;
		background:url("../images/web/common/gnb2_off.png") no-repeat right 17px;
	}
	#header #gnb li.dep1 ul li.dep2.on {background:url("../images/tablet/common/gnb2_on.png") no-repeat right 17px;}
	#header #gnb li.dep1 ul li.dep2.bold {font-weight:bold;}
	#header #gnb li.dep1 ul li.dep2 a {color:#b0b0b0;}
	#header #gnb li.dep1 ul li.dep2.on a {color:#ffde39;}
	#header #gnb li.link {
		display:block;
		font-size:16px;
		font-weight:bold; 
		margin:0;
		padding:15px 0 0 20px;
		background:url("../images/tablet/common/gnb_line.gif") repeat-x left top;
	}
	#header #gnb li.link a {color:#b0b0b0; display:block; padding-bottom:12px;}
	#header #gnb li.link a.f {color:#e83408;}
	#header .g_close {position:absolute; right:18px; top:35px; display:block;}
	
	/*#header .vtf {position:absolute; top:13px; right:4%; background:url("../images/tablet/common/btn_family.png") no-repeat right top; display:block; width:100px; height:38px; cursor:pointer; margin:0;}*/
	#header .vtf a {display:none;}
	#header .vtf span {font-size:11px; color:#2f2f2f; margin:5px 60px 0 0; /*display:inline-block;*/display:none; line-height:13px;  text-align:right; letter-spacing:0.05em; /*font-weight:normal;*/}
	#header .eng {/*position:absolute; top:22px; left:60%; margin-left:40px;*/ display:none;}
	#header .teng {display:block; position:absolute; top:13px; right:4.3%;}





	/* container */
	#container {margin:60px 0 0;}
	#container .topC .tcon {
		/*height:240px;*/
		min-width:920px;
	}
	
	#container .topC .topbg {max-width:50%;}

	/*#container .topC #mega ul li {
		width:40%;
		padding:0 2.5%;
	}	
	#container .topC #mega ul li.ct {width:48%; background:none;}
	#container .topC #mega ul li.last {display:none;}*/
	
	#mega .mega1 ul li.cmm1, #mega .mega1 ul li.cmm2 {width:50%;}
	#mega .mega1 ul li.cmm3 {display:none;}
	
	#mega .mega1 span.go.g1 {bottom:-10px;}
	#mega .mega1 li.cmm1 .txt span.go {bottom:7px;}
	
	#mega .mega4 {max-width:690px;}
	
	
	
	
	/*#container .contents .top {display:none;}*/
	#container .contents .topmver {display:block; padding:0 0 20px;}
	#container .contents .topmver select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	
	/* contents */
	/* company */
	#container .contents.company .detail .tcon .tcl {width:43%;}
	#container .contents.company .detail .tcon .tcr {width:43%;}
	
	#container .contents.history .detail .history .yhi p img {max-width:518px; width:80%;}
		
		
	#container .contents .top ul.w690 {padding:0 5%;}	
	#container .contents.ceo .detail {padding:0 5%;}
	
	/* pr */
	#container .contents.pr .detail .print .pub .list {margin-right:0; width:30%;}
	#container .contents.pr .detail .print .pub.catalog .list {margin-right:0;}
	#container .contents.pr .detail .print .pub img.cver {max-width:167px; width:90%;}
	#container .contents.pr .detail .print .pub .report {width:30%;}
	
	
	/* csr */
	#container .contents.csr .detail .contri {/*background:none; padding-left:0;*/ border-bottom:none; margin-bottom:0;}
	#container .contents.csr .detail .ctrli.bdt {border-top:solid 1px #e0e0e0; padding-top:40px; margin-top:0;}
	
	#container .contents.concert .detail .ferrum .tixm {background:none;}
	#container .contents.concert .detail .ferrum .tixm p.frtt img {max-width:319px; width:100%;}
	#container .contents.concert .detail .ferrum .tixm p.mgt20 img {max-width:480px; width:100%;}
	#container .contents.concert .detail .ferrum .tixm a.hall {display:block; position:relative; margin-top:15px;}
	
	/* contact */
	#container .contents.cyber .detail .info {background:none;}
	
	/* member */
	#container .contents.member .top, #container .contents.privacy .top, #container .contents.find .top, #container .contents.mypage .top {display:none;}
	#container .contents.member .detail .join .info td span.smr, #container .contents.member .detail .join .info td span.spw {display:block; margin:0;}
	#container .contents.member .detail .jst3 {background-position:3% 35px;}
	
	
	/* 주소검색 */
	#address .pop {margin-top:500px;}
	#address .pop .txt .search input.sch {width:80%;}
	
	/* footer */
	#footer .copy {
		background:none;
		height:105px;
		padding:40px 0 20px 5%;
		font-size:11px;
		font-family:'Verdana','Dotum',sans-serif;	
		font-weight:normal;
	}
	
	#footer .f_site {right:5%;}


}

@media all and (max-width:800px) {
	
	/* megamenu */
	#mega .mega2  {max-width:540px; width:100%;}
	#mega .mega2 .yearp {display:none;}
	
	#mega .mega3 {width:518px;}
	#mega .mega3 .irM {width:340px;}
	#mega .mega3 .irM li {width:45%;}
	#mega .mega3 .irM li.im2 {background:none;}
	#mega .mega3 .irM li.im3 {display:none;}
	
	#mega .mega4 {width:540px;}
	#mega .mega4 ul.prM {width:340px;}
	#mega .mega4 .prM li {width:43%;}
	#mega .mega4 .prM li.pm2 {background:none; width:45%;}
	#mega .mega4 .prM li.last {display:none;}
	
	#mega .mega5 {max-width:620px;}
	#mega .mega5 ul li.m5_1 {margin-left:10%; margin-right:5%;}
	#mega .mega5 ul li.m5_2 {float:left; margin-left:5%;}
	
	#mega .mega6 .dkmt {width:45%;}
	#mega .mega6 .rjp {width:45%;}

	/* company */
	#container .contents.ceo .ceot img.f_l {display:none;}
	#container .contents.ceo .ceot .ctxt {margin-left:0;}
	#container .contents.ceo .ceot .ctxt .ctxtImg {width:100%;max-width:293px;}
	#container .contents.ceo .ceot .cop {margin-left:0;}
	
	
	#container .contents.ferrum .detail .ftab {display:none;}
	#container .contents.ferrum .detail .overview .feature .mftab {display:block; padding:20px 0 0;}
	#container .contents.ferrum .detail .overview .feature .mftab select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	
	#container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .det img.ovi {max-width:338px; width:100%;}
	#container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt {font-size:28px;}
	
	/* ir 
	#container .contents.ir .detail .summary .status {margin:3px auto 0;}
	#container .contents.ir .detail .summary .status .lft_smr {width:42%;}
	#container .contents.ir .detail .summary .status .lft_smr .bg {width:86%; padding-left:0;}
	#container .contents.ir .detail .summary .status .lft_smr .ls2 {margin-right:0;}
	#container .contents.ir .detail .summary .status .rgt_smr .rs1 {padding:40px 0 15px;}*/
	
	#container .contents.ir .detail .itline {overflow-x:scroll;}
	#container .contents.ir .detail .ir_tbl {width:680px;}
	
	
	#container .contents.ir .tbl col.pdfd {width:30%;}
	
	
	
	/* product */
	#container .contents.product .detail .exp .txt {float:none; max-width:100%; margin-right:0;}	
	#container .contents.product .detail .exp img.f_r {display:none;}
	#container .contents.product .detail .prinfo .pobot {position:relative;}
	#container .contents.product .detail .prinfo .exp .tbl {width:100%;}
	
	#container .contents.product .detail .process .prcsp .itvtab {display:none;}
	#container .contents.product .detail .process .prcsp .mprc {display:block; padding:20px 0 0;}
	#container .contents.product .detail .process .prcsp .mprc select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	
	/* pr */
	#container .contents.pr .detail .replyS .wrpl p.tit {position:relative; top:0; left:0; display:block;}
	#container .contents.pr .detail .replyS .wrpl .write {margin:10px 0 0;}
	#container .contents.pr .detail .replyS .wrpl .write .user {margin:0 0 20px;}
	
	
	/* recruit */
	#container .contents.ferrum .detail .overview .feature .mftab {display:block; padding:20px 0 0;}
	#container .contents.ferrum .detail .overview .feature .mftab select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	#container .contents.rjp .detail .interview .rjpi .itvtab {display:none;}
	#container .contents.rjp .detail .interview .rjpi .ritab {display:block; padding:20px 0 0;}
	#container .contents.rjp .detail .interview .rjpi .ritab select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	
	#container .contents.talent .detail .rle {width:45%; padding-right:15px;}
	#container .contents.talent .detail .rle li {width:30%;}
	#container .contents.talent .detail .rri {width:50%;}
	
	
	
	/* csr */
	#container .contents.concert .detail .ferrum .psb p.btn {position:relative; margin-left:25px; top:10px;}
	/*#container .contents.ceo .ceot img.ceo1 {width:50%; max-width:316px;}*/
	#container .contents.env .detail .certification {max-width:337px; margin:10px auto 0;}
	#container .contents.env .detail .certification li {margin-right:0; width:50%;}
	#container .contents.env .detail .certification li.a {float:right; text-align:right;}
	#container .contents.env .detail .certification li.b {margin-top:10px;}
	#container .contents.env .detail .certification li.c {float:right; margin-top:10px; text-align:right;}
	
	/* contact */
	
	#container .contents.contact .detail .ctbl {overflow-x:scroll; padding-bottom:20px;}
	#container .contents.contact .tbl2 td {padding:10px 20px;}
	
	
}

@media all and (max-width:780px) {
	#footer .f_site {position:relative; top:10px; left:2%;}
	
	/*#container .contents.product .detail select.m_pro {display:block; margin:0 auto 70px; width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum', sans-serif; border:solid 1px #b0b0b0;}
	#container .contents.product .detail ul.tab {display:none;}*/
	#container .contents.concert .detail .ferrum .con .progress {width:100%;}
	#container .contents.concert .detail .ferrum .con .review {clear:both;width:100%;margin:0;}
	#container .contents.concert .detail .ferrum .con .review ul.thum {width:100%;}
	#container .contents.concert .detail .ferrum .con .review ul.thum li {float:left !important; width:24%; margin-right:1%;}
}

@media all and (max-width:760px) {
	
	/* company 
	#container .contents.network .detail .mapif .mimg {width:100%; float:none;}
	#container .contents.network .detail .mapif .mimg .bmap {float:none; margin:0 auto;}
	#container .contents.network .detail .mapif .minfo {width:100%; float:none; border-left:none;}*/
	
	#container .contents.company .detail .mark .f_l {float:none;}
	#container .contents.company .detail .cit {margin-top:30px;}
	
}

@media all and (max-width:759px) {
	
	/* ir */
	#container .contents.ir .detail .summary .status {margin:5px auto 0;}
	#container .contents.ir .detail .summary .status .lft_smr {float:none; width:100%; border-right:none;}
	#container .contents.ir .detail .summary .status .lft_smr .bg {padding-left:0; width:89%;}
	#container .contents.ir .detail .summary .status .lft_smr .ls2 {margin-right:0;}
	#container .contents.ir .detail .summary .status .rgt_smr {float:none; width:100%;}
	#container .contents.ir .detail .summary .status .rgt_smr .rs1 {padding-left:0;}
	#container .contents.ir .detail .summary .status .rgt_smr .rs2 {margin-left:0;}
	
	/* recruit */
	#container .contents.talent .detail .rle {float:none; border-right:none; /*text-align:center;*/ overflow:hidden; width:340px; margin:0 auto;}
	#container .contents.talent .detail .rri {float:none; width:340px; margin:20px auto 30px; padding:0; overflow:hidden;}

}
@media all and (max-width:740px) {
	
	/* company */
	#container .contents.history .detail .mhistory.plr0 {padding:20px 0 0; display:block;}
	#container .contents.history .detail .mhistory select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	#container .contents.history .detail .history .year {display:none;}
	#container .contents.history .detail .history .yhi {margin-top:30px;}
	#container .contents.company .detail .cdet .cdl dt {float:none;}
	
	/*#container .contents .top {display:none;}*/
	
	#container .contents.ferrum .top {display:none;}
	#container .contents.ferrum .detail .mferm {display:block; padding:0 0 40px;}
	#container .contents.ferrum .detail .mferm select {width:100%; padding:5px 0 5px 5px; font-size:15px; font-family:'Dotum'; border:solid 1px #b0b0b0;}
	#container .contents.ferrum .detail .overview .fst .ovL .floor {width:270px;}
	#container .contents.ferrum .detail .overview .fst .ovL .floor .menu {margin-left:140px;}
	
	/* pr */
	#container .contents.pr .detail .recent dl dt {display:none;}
	/*#container .contents.pr .detail .recent dl dd {float:none;}*/
	
	/* csr */
	#container .contents.env .detail .climate .f_l {float:none;}
	#container .contents.env .detail .climate .f_r {float:none; margin-top:40px; width:100%;}	
	#container .contents.env .detail .climate dl dt {width:15%;}
	#container .contents.env .detail .climate dl dd {width:80%;}
	
	
	#container .contents.csr .detail .found .dtil {float:none; width:100%;}
	#container .contents.csr .detail .found .f_r {float:none; margin-top:20px;}
	
	#container .contents.product .detail .prinfo .pt {width:100%;}
	#container .contents.product .detail .prinfo .tbl.mgt30 {margin-top:0;}
	#container .contents.product .detail .prinfo .tbl.mgt48 {margin-top:0;}
	#container .contents.product .detail .prinfo .leftf {width:100%;}
	#container .contents.product .detail .prinfo .imgr {float:none; margin-top:0;}
	
}

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

	#container .contents.company .detail .cdet.sig .f_l, #container .contents.company .detail .cdet.sig .f_r {float:none; width:100%; clear:both;}
	#container .contents.ferrum .detail .Dfloor ul li {float:none; clear:both; margin-bottom:15px; overflow:hidden; width:100%;}
	
	#container .contents.pr .detail .view .vdtl {overflow-x:scroll;}
	
	#container .contents.webzine .detail .wpp .cover {float:none; text-align:center;}
	#container .contents.webzine .detail .wpp .cover img {max-width:401px; width:100%;}
	#container .contents.webzine .detail .wpp .wzd {float:none; margin:30px 0 0;}
	#container .contents.webzine .detail .wpp .wzd .wzdet {margin-top:30px;}
	

}

@media all and (max-width:700px) { 
	
	/* recruit */
	#container .contents.talent .detail .rtop {background:none; padding-bottom:40px;}
	#container .contents.talent .detail .rtop .trt {display:none;}
	#container .contents.talent .detail .rtop .stxt {margin-top:0; text-align:center;}
	
}