﻿/* 모바일 서브 */
@media screen and (max-width:480px){
	body{font-size:16px;line-height:26px; font-family:sans-serif;}
	.header h1{width:50%}
	.logo{}
	.header h1 img{max-width:100%; margin-left:-11px;}
	.family{display:block;}
	.family select{font-size:14px}
	.family dt{display:none;}
	.main-content h3{font-size:18px;}
	.main-content a.more-view{font-size:14px}
	.main-content a.more-view{float:right;font-size:16px;padding:2px 20px 0 0;background:url('../../images/common/ge_more-view-arrow.png') no-repeat right 8px; color:#5c707c; font-weight:bold;}
	.main-content a.more-view:hover{background:url('../../images/common/ge_more-view-arrow-over.png') no-repeat right 8px; color:#4f626e;}
	/*영상*/
	.wrap-d-sisa{ margin-top:0px;}
	span.m_img{ padding-bottom:20px;}
	span.sisa_txt{ font-size:16px;color:#5a6e79; font-weight:bold;}
	a.sisa_view, .a.sisa_view:hover{ display:none;}
	.country ul a{font-size:14px}
	.gnb>ul>li>a{font-size:14px;}
	.wrap-d{width:100%;margin:0; padding:0 0%;}
	.wrap-d h3{ margin-left:-11px;}
	.wrap-d h3 dd{font-size:1.4em;color:#333; width:100%; padding:0 0%}
	.gnb{border-bottom:0;}
/*gnb 모바일 크기 수정 2014.1.16*/
	.gnb>ul>li{width:50%;height:40px;border-bottom:1px solid #6e2526/*padding:2px 0*/}
    .gnb ul li.sub6{display:block;margin:0;}  /*gnb sub6 2014.1.22*/
/*종료*/

	/*포지션 상단 gnb 가리기*/
    .gnb.fixed-menu{position: inherit;}
    /*종료*/
    .visual-wrap{background:#f1f5f6;border-bottom:0px solid #e1e1e1;} /*모바일 사이즈에서 단색으로 변경*/	
	.visual>div{width:100%;}
    .visual-txt{ margin-left:-11px; font-size:16px;}
	.visual img{width:100%;max-width:320px}
	.visual h3{font-size:1.4em;color:#333;padding-top:20px;font-weight:bold;letter-spacing:-2px;}
	.main-content dl{width:100%;padding:0 0%;}
	.biospace li{width:50%}
	.countryList li{width:50%;}
	.sitemap dl{width:100%;padding:0 0%;float:none;}
	.sitemap dl dt{width:100%;padding-top:5px;}
	.sitemap dl dd{width:100%;text-indent:5em;padding-bottom:5px;border-bottom:1px solid #48515c}
	.sitemap dl.last dd{border-bottom:0;}
	.clb{clear:both;}
	.mobile-only-menu{background:#8a1c22;font-size:12px}
	.mobile-only-menu a{line-height:40px;color:#fff;font-weight:bold;padding-left:10px;font-size:12px}
	.page_next{ color:#fff;}
	.gnb-sub-menu .sub-menu li{float:none;}
	.location{display:none}
	.pagenum,.searchNews{float:none;text-align:center}
	
	.about-top p{float:none;width:90%;margin:0 5%}
	.about-top img{float:none;width:90%;margin:0 5%}
	.tabs a{font-size:16px;padding:4px 2px;letter-spacing:0; text-align:center;}
	.tabs li.active a{font-size:16px;padding:4px 2px;}
	.tstyle1 input[type="text"]{display:block}
	.tstyle1 td span{width:100%;display:block;word-wrap:break-word}
	.tstyle1 th, .tstyle1 td{padding:5px;letter-spacing:-1px}
	
	/*테이블 폰트크기 작게 수정 모바일사이즈*/
	.tstyle2 th{width:15%; text-align:center;font-size:12px}
	.tstyle3{ font-size:14px;}
	.tstyle3 th{width:25%;font-size:12px}
	.tstyle2 th, .tstyle2 td{padding:5px;letter-spacing:-1px;font-size:12px}
	.tstyle3 th, .tstyle3 td{padding:5px;letter-spacing:-1px;font-size:12px}
	/*종료*/
	.tstyle2 td.m_td{ width:15%}
	.subContainer,	.wrap-d{width:auto;padding:0 10px}
	.main-content dd{width:100%}
	.sitemap{display:none;}
	.country h3{font-size:16px;padding:5px 2px 0 3px}
	.footer h3{display:none;}
	#topBtn span{display:none;}
	.newsheader{display:none;}
	.mobile-only-menu span.depth1{padding:0 10px 0 0}
	.mobile-sub-menu{background:#f1f5f6}
	.mobile-sub-menu ul{*zoom:1}
	.mobile-sub-menu ul:after{clear:both;display:block;content:'';}
	.mobile-sub-menu ul li{width:50%;float:left;border-bottom:1px solid #e2e2e2; font-size:15px; letter-spacing:-1px;}
	.mobile-sub-menu a{color:#222;}
	.mobile-sub-menu a:hover{font-weight:bold;color:#8a1c22}
	.subContents p.half{float:none;width:100%;}
	.subContents p.half img{padding:20px 0}
	ul.traffic li .rtxt{padding-left:20px}
	.company td span{display:block}
	.welfareImg img{padding:15px 0}

		/*제품분류 new*/
	.productlist{width:100%;overflow:hidden;margin-bottom:30px}
	.productlist li{float:left;width:100%;text-align:center}
	.productlist li span.ptxt{padding-bottom:30px}
	.productlist li .producttxt{height:auto}
	.subempty{display:block}
       /*end*/
	.inbodyLside,.inbodyRside{width:100%;float:none}
	.inbodyLside img,.inbodyRside img{max-width:100%}
	.portable span {width:100%;float:none;}
	ul.bsm li{width:100%;float:none;text-align:center;padding-bottom:20px}
	div.ipt{float:none;width:100%;overflow:hidden}
	div.ipt *{text-align:center }
	.subHeader{display:none;width:0;height:0;overflow:hidden}
	.personal-info-guide{margin:70px 0 40px 0}
	.email-guide{padding:70px 0 40px 0}
	
	.btnarea{padding:15px 10px;}
	.btnarea h3{ margin-left:3px; font-size:13px; letter-spacing:-1px;}
	#openBtn{font-size:14px; letter-spacing:-1px; width:50px; height:25px; background-color:red;background:url(../../images/common/buttons-m_icon.png) no-repeat 0px 5px;  padding:0px; padding-top:7px; padding-left:18px;}
	#openBtn.closed{font-size:14px; letter-spacing:-1px; width:50px; height:25px; background-color:red;background:url(../../images/common/buttons-m_icon02.png) no-repeat 0px 5px;  padding:0px; padding-top:7px; padding-left:18px;}
	#topBtn{width:60px;height:40px;font-size:14px;padding:2px}
	.instructor-top p{float:none;width:100%}
	.instructor-top img{float:none;width:100%}
	p.img720{padding-top:0px}
	p.img720_02{padding-top:0px}
	p.img720_03{padding-top:0px}
	p.img720_04{padding-top:0px}
	.toptxt{ font-size:24px; line-height:34px;}
	.productList li .ptxt{ text-align:center;}
	/*2013.10.02(수) start*/
	.productList li span.ptitle{ text-align:center;}
	/*end*/
	h4{line-height:26px;}
	p.half{ margin-top:-20px;}
	.product_tit{ text-align:center; padding-left:0px;}
	.tstyle2 .name, .email, .tel, .st_con{ width:94%;}
	.tstyle2 .as_entry{ width:50%;}
	.tstyle2 .re_entry{ width:90%; font-size:11px;}
	.textarea{ width:96.5%;}
	.about-top img{ margin-top:20px;}
	/*탭관련*/
	.tabs{*zoom:1;margin-bottom:40px; font-size:18px;}
	.tabs:after{clear:both;display:block;content:"";}
	.tabs li{float:left; margin-right:1px; margin-bottom:1px;}
	.tabs a{display:block;border:1px solid #e4e4e4 ;color:#333;text-decoration:none;padding:8px 4px;font-weight:normal;font-size:12px}
	.tabs .last a{border:1px solid #e4e4e4;}
	/*2013.10.04(금) 모바일 서브탭 색깔 수정 start*/
	.tabs li.active a{font-weight:bold;border:2px solid #5c707c;padding:7px 4px;font-size:12px}
	/*end*/
	/*게시판*/
	.newsBoard th{font-size:12px;}
	.newsBoard td{font-size:12px;}
	.newsBoard th.news_num, td.news_num{width:5%;}
	.newsBoard th.news_date, td.news_date{ width:30%}
	.m_only_date{padding:10px;text-align:inherit; text-align:start; display:block; width:100%; border:0; margin-top:30px;}
	.news_view_tit, .news_view_date, .news_view_date, .news_view_con{ display:none;}
	.m_only_table{width:95%;margin:0px 0 0px 0}
	.m_only_table th, .m_only_table td{background:#fbfbfb; border-top: 1px solid #dde1e6; border-bottom:1px solid #dde1e6; padding:10px 10px;}
	.searchNews{ margin-top:10px;}
	.s_n{ margin-top:10px;}
	span.s_bbs{ margin:10px 0 x10px 0;}
	.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:10px 50px 10px 50px;font-size:18px;margin:0 auto;font-family:sans-serif; font-size:16px;}
	.btntype4{font-weight:bold;padding:4px 20px 3px 20px; font-family:sans-serif; font-size:15px;letter-spacing:-1px; text-align:center; padding-top:6px;}
	.btntype5{font-family:sans-serif; padding:8px 15px 3px 15px;}
	#downloadBtn, #readerBtn, .downBtn{font-family:sans-serif;}
	#address_tr{ font-size:16px;}
	.m_zip, .name, .m_zip03{ width:94%}
	.m_zip02{ width:28%}
	/*게시판페이지*/
	.baroBtn{padding:20px 15px;background:#f1f5f6;border:1px solid #dde1e6;text-align:center;font-weight:bold;}
	/*ipt */
	div.ipt{float:left;width:100%;margin-bottom:30px; text-align:left;}
	/*IPTS*/
	/*2013.10.02(수) start*/
	.ipt_tit{line-height:28px;padding-left:12px;background:url(../../images/common/dot.gif) no-repeat 0 20px}
	/*end*/
	.ipt_tit dd{line-height:28px;margin-left:10px; font-weight:normal}
	.ipt_tit dt{ margin-bottom:7px;margin-left:10px; margin-top:7px;}
	img.s_fintess{ width:100%;}
	.d_spec{ display:none;}
	.m_spec{ display:block;}
	.search_mob{ display:block;}
	.searchNews{ display:none;}
	.title, .de_tit, .th_date, .date{ display:none;}
	.tstyle2 th.mo_th{ width:95px;}
	/*직무소개*/.m_work{ margin-top:-30px; margin-bottom:30px;}
	/*메인 회색박스 문구*/
.boxtext{color:#ffffff;font-size:16px; line-height:22px;padding-right:30px; letter-spacing:0px}
.mainbox{padding:20px}
	
	 /*New 메인화면 33% */
 .bottomtab{background:#f1f5f6;padding:0px}
 .bottomtab li{float:none;font-size:15px;width:100%;float:left;border-bottom:1px solid #e2e2e2;padding:3px 0 3px 0;}
 .bottomtab li span{display:none}
 .bottomtab li.active{color:#8a1c22; background-color:#dde5e9}
 .bottomtab li a{padding-left:10px}
 .joblist li{float:none;margin:0 auto;width:70%;border:0}
 .joblist li img{border:1px solid #e5e5e5}
.world{display:none}
/*하단 페이스북메인 아이콘*/
.main-icon .wrap-d2{width:100%;}
.mainthumbnail{width:95%}
.mainthumbnail2{width:95%}
.bx-wrapper{margin-top:80px !important}

/*팝업 h*/
.layerpopup_right {display:none !important; right:0; left:0; margin:0 auto; top:110px; }
.layerpopup_right img {width:100%;}
.layerpopup_left {left:0; right:0; margin:0 auto; top:110px;}
.layerpopup_left img {width:100%;}
.popup_wrap .layerpopup_left a.link_btn {display:none;}
.layerpopup_left .img_lg {display:none;}
.layerpopup_left .img_xs {display:block;}

}

/* 테블릿 미디어스크린사이즈 300-768*/
@media screen and (min-width:481px) and (max-width:768px) {
body, button{font-size:16px;line-height:26px;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}
	.gnb{border-bottom:0}
	.gnb>ul>li{width:20%;border-bottom:1px solid #6e2526; padding:0px 0 0 0;}
	.gnb>ul>li>a{font-size:13px; padding-left:0px; letter-spacing:-1px;text-align:center}/*폰트사이즈수정*/
	.gnb ul li ul li{margin:0 10px}
	.gnb>ul>li > ul {position:absolute;left:0; top:43px; background:#f1f5f6;}/*2차서브메뉴 높이값수정*/
	.gnb>ul>li{float:left;text-align:left;background-color:#8a1c22;height:39px;}/*1차 메뉴 어라인 left로 수정 2014.01.22*/
	.gnb ul li.sub1 ul{left:0px; font-size:15px;}
	.gnb ul li.sub2 ul{left:-13px;font-size:15px; line-height:28px;}
	/*0821 수정끝*/
	.gnb ul li.sub3 ul{font-size:15px;}
	.gnb ul li.sub4 ul{margin-left:-180px; font-size:15px;}
	.gnb ul li.sub5 ul{margin-left:21px; font-size:18px;}
	.gnb ul .sub6 {margin-left:-50px; font-size:18px; display:none;}
	.main-content h3{font-size:16px;}
	.main-content a.more-view{font-size:14px}
	/*영상*/
	.wrap-d-sisa{ margin-top:-25px; margin-left:-10px; padding-bottom:10px;}
	span.m_img{display:block; margin:0; padding:0; margin-top:-35px;}
	span.sisa_txt{ font-size:16px;color:#5a6e79; font-weight:bold; display:block;}
	a.sisa_view, .a.sisa_view:hover{ display:none;}
	.country ul a{font-size:14px}
	.visual>div{width:50%;}
	.visual h3{font-size:1.4em;color:#333;padding-top:50px;font-weight:bold;letter-spacing:-2px}
	.visual p.visual-txt{font-size:1.2em;color:#333;letter-spacing:-2px}
	
	.visual img{width:50%;float:none; vertical-align:bottom}
	.main-content dl{width:100%;}
	.sitemap{display:none;}
	.clb{clear:both;}
	.header h1 img{max-width:100%; margin-left:-11px;}
	.visual-txt{ margin-left:-11px; margin-top:-10px;}
	.wrap-d h3{ margin-left:-11px; margin-top:-11px;}
	.btnarea h3{ margin-left:0px; margin-top:2px;}
	.main-content a.more-view{float:right;font-size:16px;padding:2px 20px 0 0;background:url('../../images/common/ge_more-view-arrow.png') no-repeat right 7px; color:#5c707c; font-weight:bold;}
	.main-content a.more-view:hover{background:url('../../images/common/ge_more-view-arrow-over.png') no-repeat right 5px; color:#4f626e;}
	/*수정*/
	.footer h3{display:none;}
	.gnb-sub-menu .subwrap{width:100%}
	.tstyle1 input[type="text"]{display:block}		
	.subContainer,	.wrap-d{width:auto;padding:0 20px}
	.main-content dd{width:100%}
	.pimg li {float:none;width:100%;text-align:center;max-width:100%}
	.productList li span.ptxt{ text-align:center;}
	/*2013.10.02(수) start*/
	.productList li span.ptitle{ text-align:center;}
	.productList{width:100%;overflow:hidden;margin-bottom:30px}
	.productList li{float:left;width:33.3333%;text-align:center}
	/*end*/
	
	/*제품분류New. 2014.9.2*/
    .productlist{width:100%;overflow:hidden;margin-bottom:30px}
	.productlist li{float:left;width:27.3333%;text-align:center}
	.productlist li .producttxt{height:90px}
	
	.btntype4, .btntype5{ padding-top:6px; font-family:sans-serif;}
	.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:10px 50px 10px 50px;font-size:18px;margin:0 auto;font-family:sans-serif;}
	.tstyle2 th{ text-align:center;}
	p.half2{ width:100%}
	/*직무소개*/
	.m_work{ margin-top:-30px; margin-bottom:30px;}
	/*New직무소개*/
    .joblist li{width:40%}	
	.visual img{width:50%;float:none; vertical-align:bottom}
	.main-content dl{width:100%;}
	.sitemap{display:none;}
	.clb{clear:both;}
	.header h1 img{max-width:100%; margin-left:-11px;}
	.visual-txt{margin-left:-11px; margin-top:-10px;}
	.wrap-d h3{ margin-left:-11px; margin-top:-11px;}
	.btnarea h3{ margin-left:0px; margin-top:2px;}
	.main-content a.more-view{float:right;font-size:16px;padding:0px 20px 0 0;background:url('../../images/common/ge_more-view-arrow.png') no-repeat right 7px; color:#5c707c; font-weight:bold;}
	.main-content a.more-view:hover{background:url('../../images/common/ge_more-view-arrow-over.png') no-repeat right 7px; color:#4f626e;}
	/*수정*/
	.footer h3{display:none;}
	.gnb-sub-menu .subwrap{width:100%}
	.gnb>ul>li>ul>li>a{font-size:13px}
	.tstyle1 input[type="text"]{display:block}		
	.subContainer,	.wrap-d{width:auto;padding:0 20px}
	.main-content dd{width:100%}
	.pimg li {float:none;width:100%;text-align:center}
	.productList li span.ptxt{ text-align:center;}
	/*2013.10.02(수) start*/
	.productList li span.ptitle{ text-align:center;}
	/*end*/
	.btntype4, .btntype5{ padding-top:6px; font-family:sans-serif;}
	.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:10px 50px 10px 50px;font-size:18px;margin:0 auto;font-family:sans-serif;}
	.tstyle2 th{ text-align:center;}
	p.half2{ width:100%}
	/*직무소개*/
	.m_work{ margin-top:-30px; margin-bottom:30px;}
	
	/*나라별링크*/
	.countryList li{width:33.3%;}
	.biospace li{width:33.3%}
    .boxtext{font-size:17px;line-height:28px;padding-right:20px;padding-left:10px;letter-spacing:0px;}
   .mainbox{padding:20px 30px 20px 5px}
	     /*하단 페이스북메인 아이콘*/
    .main-icon .wrap-d2{width:100%;}
     .mainthumbnail{width:55%;margin-top:30px;margin-left:50px}
     .mainthumbnail2{width:95%}
     .tabs a{font-size:12px;padding:8px 10px;}
     .tabs li.active a{font-size:12px;padding:8px 10px;}

}
/* 갤럭시탭 아이패드1024_1280*/
@media screen and (min-width:769px) and (max-width:1024px) {
	body, button{font-size:16px;line-height:26px;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}
	.gnb{border-bottom:0; /*padding-top:2px;*/}
	.gnb>ul>li{width:20%;/*border-bottom:1px solid #6e2526;*/}
	.gnb>ul>li>a{font-size:14px; letter-spacing:-1px; padding-left:0px;text-align:center}/*폰트사이즈수정*/
	.gnb ul li ul li{margin:0 10px}
	.gnb>ul>li >ul {position:absolute;left:0; top:42px; background:#f1f5f6;}
	.gnb ul li.sub1 ul{left:10px; font-size:18px;}
	.gnb ul li.sub2 ul{left:15px;font-size:18px; line-height:28px;}
	.gnb ul li.sub4 ul{margin-left:-180px; font-size:18px;}
	.gnb ul li.sub5 ul{margin-left:21px; font-size:18px;}
	.gnb ul .sub6 {margin-left:-50px; font-size:18px; display:none;}
	.gnb>ul>li{float:left;text-align:left;background-color:#8a1c22;height:40px;}/*1차 메뉴 어라인 left로 수정 2014.01.22*/
	
	.main-content h3{font-size:16px}
	.main-content a.more-view{font-size:14px; padding-top:5px;}
	.country ul a{font-size:14px}
	.visual>div{width:50%;}
	.visual img{width:50%;}
	.visual h3{font-size:1.8em;color:#333;padding-top:50px;font-weight:bold;letter-spacing:-2px}
	.visual img{width:50%;float:none}
	.main-content dl{width:100%;}
	/*영상*/
	.wrap-d-sisa{ margin-top:30px; display:block;}
    span.m_img{ padding-bottom:50px;}
	span.sisa_txt{ font-size:16px;color:#5a6e79; font-weight:bold;}
	a.sisa_view, .a.sisa_view:hover{ display:none;}
	.visual-txt{ margin-left:-11px;}
	.wrap-d h3{ margin-left:-11px; margin-top:-11px;}
	.btnarea h3{ margin-left:10px; margin-top:2px;}
	.sitemap .wrap-d dl{width:33%; padding-top:15px;}
	.sitemap dl dt{width:100%;padding-top:5px; padding-left:15px;}
	.sitemap dl dd{width:100%;text-indent:1em;padding-bottom:5px;}
	.clb{clear:both;}
	.footer .wrap-d h3{float:left;width:25%;max-width:147px; padding-left:5%}
	.footer .wrap-d div{float:left;width:70%;}
	.gnb-sub-menu .subwrap{width:100%}
	.btnarea{padding:15px 10px}
	.tstyle1 input[type="text"]{display:block}		
	.subContainer,	.wrap-d{width:auto;padding:0 20px}
	.main-content dd{width:100%}
	/*버튼제어*/
	.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:10px 50px 10px 50px;font-size:18px;margin:0 auto;font-family:sans-serif;}
	.btntype4, .btntype5{ padding-top:6px; font-family:sans-serif;}
	.tstyle2 th{ text-align:center;}
    /* 인바디기술*/
    p.half {width:48%;}
    .boxtext{line-height:35px;padding-right:55px;padding-left:0px; letter-spacing:0px;}
    .mainbox{padding:25px;}
	/*버튼제어*/
	.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:10px 50px 10px 50px;font-size:18px;margin:0 auto;font-family:sans-serif;}
	.btntype4, .btntype5{ padding-top:6px; font-family:sans-serif;}
	.tstyle2 th{ text-align:center;}
/* 인바디기술*/
    p.half {width:48%;}
    .joblist li{width:28%}
    .main-icon .wrap-d2{width:100%;}
	.pimg li {float:none;width:100%;text-align:center}
	.pimg li img{max-width:100%}
	.product_tit{ margin-left:34px;}
	.productList{width:100%;overflow:hidden;margin-bottom:30px}
	.productList li{float:left;width:33.3333%;text-align:center;}
	.productList li span.ptxt{ text-align:center;}
	/*2013.10.02(수) start*/
	.productList li span.ptitle{ text-align:center;}
	/*end*/
   /*제품분류 New*/
    .productlist{width:100%;overflow:hidden;margin-bottom:30px}
	.productlist li{float:left;width:25%;text-align:center;}
	.productlist li span.ptxt{ text-align:center;}
}