/* ������ �º� */
@media screen and (max-width : 1024px) {
#wrap {position:relative; width:100%; min-width:100%;}
.inner {width:100%;}
#header {width:100%; height:80px;}
.header_top {display:none;}
.search_wrap {display:none;}
.ProductSearch {display:none;}

#header .pc_logo {display:none;}
#header .tab_logo {display:block; position:absolute; top:24px; left:50%; transform:translatex(-50%); height:42px;}
#header .mob_logo {display:none;}
#gnb {display:none;}

#search_popup {display:none !important; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; z-index:-999;}

.btn_navi_wrap {display:block; z-index:9999; opacity:1; filter:alpha(opacity=1); -ms-filter:"alpha(opacity=1)";}

.navi {width:100%; height:100%; position:absolute; left:0; top:80px; z-index:9990; display:none; opacity:1; filter:alpha(opacity=1); -ms-filter:"alpha(opacity=1)"; background:rgba(0,0,0,0.8); }

/* .search_tab_wrap {position:absolute; top:0; right:0; width:80px; height:80px; display:block;}
.search_tab_wrap img {width:100%; height:100%;}
.search_box {position:relative; display:block; position:absolute; top:-40px; left:20%; height:40px; width:60%; transition:all 0.5s ease;}
.search_box.on {top:20px;}
.search_box input {width:100%; height:40px; padding-left:12px; border:1px solid #003d91; border-radius:0; outline:none;}
.search_box button {position:absolute; top:0; right:0; width:40px; height:40px; border:0; outline:none; background:url(/images/main/search_box_btn.png) center center no-repeat;} */

/*.btn_search_wrap{display:none;}*/
.btn_search_wrap{position:absolute; top:0; right:0; width:80px; height:80px; display:block;}

#visual_wrap_pc {display:none;}
#visual_wrap_tab{display:block; position:relative; overflow:hidden;}
#visual_wrap_mob{display:none; position:relative; overflow:hidden;}

#contents {width:100%;}
#section1 {width:100%; height:auto; height:823px; background:#f7f7f7; padding:0 10px;}
.m_tit {width:100%; height:145px; text-align:center; padding-top:36px;}
.m_tit h2 {font-size:31px; color:#231f20; font-weight:900; margin-bottom:2px;}
.m_tit p {font-size:15px; color:#666;}
.sec1_con {width:100%; overflow:hidden; padding-top:0;}
.news {float:none; width:100%; margin-bottom:10px;}
.news ul {width:100%;}
.news ul li {width:100%; height:141px; border-bottom:1px solid #ddd; overflow:hidden; padding-top:20px;}
.news ul li:first-child {height:121px; padding-top:0;}
.news ul li a {}
.news ul li .news_img {float:left; width:140px; height:100px; border:1px solid #ddd;}
.news ul li .news_img img {width:100%; height:100%;}
.news ul li .news_txt {float:left; width:79%; padding-left:20px; word-break:keep-all;}
.news ul li .news_txt h3 {height:18px; overflow:hidden; font-size:16px; color:#444444; line-height:18px; margin-bottom:11px;}
.news ul li .news_txt .news_desc {height:72px; overflow:hidden; font-size:14px; color:#666666; line-height:24px;}

.news_slider_wrap {display:none;}
.slider_pc {display:none;}
.slider_tab {display:block; position:relative; float:none; width:100%; height:215px; border:1px solid #ddd; padding:60px 0;
						 padding-bottom:0; padding-left:15px; background:#fff; overflow:hidden;}
.news_slider02 {width:100%;}
.news_slider02 li {width:590px; height:97px; margin:0 auto; overflow:hidden; margin-top:0;}
.news_slider02 li:first-child {margin-top:0;}
.news_slider02 li a {}
.s_left {float:left; margin-right:30px;}
.s_right {float:left; }
.news_slider02 li .slider_left {float:left; width:95px; text-align:center;}
.news_slider02 li .slider_left .slider_img {width:95px; height:68px; border:1px solid #ddd; margin-bottom:6px;}
.news_slider02 li .slider_left .slider_img img {width:100%; height:100%;}
.news_slider02 li .slider_left span {font-size:13px; color:#333; font-weight:bold;}
.news_slider02 .slider_txt {float:left; width:180px; padding-left:20px;}
.news_slider02 .slider_txt h3 {font-size:16px; color:#444; line-height:20px; width:100%; height:23px; overflow:hidden;}
.news_slider02 .slider_txt h3 span {display:inline-block; width:48px; height:23px; border-radius:100px; text-align:center;
						  line-height:23px; color:#fff; font-size:12px; font-weight:bold; margin-right:9px;}
.news_slider02 .slider_txt h3 span.tool {background:#003d91;}
.news_slider02 .slider_txt h3 span.new {background:#8ec31f;}
.news_slider02 .slider_txt .slider_desc {margin-top:8px; font-size:13px; color:#666; line-height:22px; width:90%; height:66px; overflow:hidden;}

#section2 {width:100%; height:545px; background:#0d4189; padding:0 10px;}
#section2 .m_tit h2 {color:#fff;}
#section2 .m_tit p {color:#fff;}
.sec2_con {width:100%; overflow:hidden;}
.box {float:none; width:100%; height:110px; margin-left:0; margin-top:10px; text-align:left;
       border-bottom:5px solid #ccc;}
.box:hover {border-bottom:5px solid #ccc;}
.box a {display:block; width:100%; height:100%; padding-top:18px; padding-left:212px;}
.box h3 {font-size:17px; color:#333; margin-bottom:3px;}
.box p {font-size:14px; color:#666; line-height:24px; word-break:keep-all;}
.box01 {background:#fff url(/images/main/box01_tab.png) left top no-repeat; margin-left:0; margin-top:0;}
.box02 {background:#fff url(/images/main/box02_tab.png) left top no-repeat;}
.box03 {background:#fff url(/images/main/box03_tab.png) left top no-repeat;}

.box01:hover {background:#fff url(/images/main/box01_tab.png) left top no-repeat; margin-left:0;}
.box02:hover {background:#fff url(/images/main/box02_tab.png) left top no-repeat;}
.box03:hover {background:#fff url(/images/main/box03_tab.png) left top no-repeat;}

#section3 {width:100%; height:330px; background:url(/images/main/section3_tab.jpg) center top no-repeat;
			  background-size:cover;}
#section3 .m_tit {width:100%; height:138px; text-align:center; padding-top:36px;}
#section3 .m_tit h2 {color:#fff;}
#section3 .m_tit p {color:#fff;}
.sec3_con {width:100%; text-align:center;}
.sec3_con p {font-size:15px; color:#fff; line-height:26px;}
.sec3_con .sec3_more {width:130px; height:40px; border:1px solid #fff; text-align:center; line-height:38px;
							  margin:0 auto; margin-top:24px;}
.sec3_con .sec3_more a {display:block; width:100%; height:100%; font-size:14px; color:#fff;}

#section4 {width:100%; height:auto; padding:30px 10px; }
.sec4_con {width:100%; overflow:hidden; text-align:center;}
.go {float:left; width:32%; height:150px; margin-right:2%; margin-left:0; background-size:cover !important;}
.go a {display:block; width:100%; height:100%; padding-top:21px;}
.go h3 {font-size:17px; color:#fff; margin-bottom:4px;}
.go p {font-size:14px; color:#fff; font-weight:normal; line-height:30px;}
.go img {margin-top:10px;}
.go01 {background:url(/images/main/go01_tab.jpg) no-repeat; margin-left:0; }
.go02 {background:url(/images/main/go02_tab.jpg) no-repeat;}
.go03 {background:url(/images/main/go03_tab.jpg) no-repeat;}
.go04 {background:url(/images/main/go04_tab.jpg) no-repeat; margin-right:0; }
.go img.go_bg {display:none;}

#section5 {width:100%; height:auto; background:#eee; overflow:hidden; padding:13px 10px;}
.partner_wrap_tab {position:relative; overflow:hidden; padding-left:200px;}
#section5 h3 {float:none; position:absolute; top:50%; left:0; margin-top:-10px; width:149px; font-size:17px; color:#3e4148; line-height:20px;}
.partner_wrap {position:relative; float:none; height:auto; padding-top:0;}
.partner li {width:150px; height:auto;}
.partner li span {position:relative; display:block; width:100%; height:0; padding-bottom:32%; background:#fff;}
.partner li img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:auto; height:auto;}

#footer {width:100%; height:195px; background:url(/images/main/footer_bg_tab.jpg) repeat-x; padding:0 10px;}
#footer .inner {position:relative;}
#footer a {color:#fff;}
.footer_logo {position:absolute; top:69px; right:0;}
.footer_logo img {height:32px;}
.footer_top {height:50px; line-height:50px;}
.footer_top span {display:inline-block; margin-right:13px;}
.footer_top span:first-child {letter-spacing:-0.2px;}
.footer_top span a {font-size:12px; color:#fff;}
address {padding-top:13px;}
address p {font-size:12px; color:#fff; line-height:22px;}
address p span {display:inline-block; margin-right:16px;}
address p span.f_bar {display:block;}
address p.copyright {color:#b4b6b8; margin-top:8px;}

/*----------- sub page ----------*/
#sub_visual_wrap {position:relative; width:100%; overflow:hidden;}
.sub_visual_pc {display:none;}
.sub_visual_tab {display:block;}
.sub_visual_mob {display:none;}

#sub_contents {width:100%; min-height:600px; overflow:hidden; padding:0 10px; padding-bottom:41px;}
.menu02, .menu03, .menu04 {display:none;}
.tab_menu02, .tab_menu03, .tab_menu04 {display:block;}

.tab_menu04{margin-top: 15px!important;}

.contop {width:100%; margin:30px 0 15px 0; text-align:center;}
.contop h2 {font-size:31px; color:#222;}
.contop h3 {font-size:15px; color:#222; font-weight: normal; margin-top:20px;}
.contop h3 span{margin:0 10px;}
.contop h3 p{display: inline-block; color: #0d4189; font-weight: bold;}
.conbody {margin-top: 45px;}

.tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
.tbl_type3{table-layout: fixed; border: 1px solid #ddd; width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type3 th{color: #555555; padding:10px 0 10px 0; background:#E8E8E8; text-align:center; border-bottom: 1px solid #ddd;}
.tbl_type3 p{font-size:11px; color:#b6b7bc;}
.tbl_type3 td{font-size: 15px;  color: #555; line-height: 28px; text-align: center; padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px; border-bottom: 1px solid #ddd;}

/* ȸ�� ���� -- sub0401 */
#sub0401_Wrap strong {font-size:17px; line-height:28px;}
#sub0401_Wrap > p {font-size:15px; line-height:26px; margin-top:17px;}
#sub0401_Wrap > p > span {display:none;}
.sub0401_img_pc {display:none;}
.sub0401_img_tab {display:block; width:100%; margin-top:15px;}
.sub0401_img_mob {display:none;}
.sub0401_middle {width:100%; overflow:hidden; margin-top:0;}
.sub0401_middle_img {width: 100%; float:none; margin-top:20px;}
.sub0401_middle_img img {width:100%;}
.sub0401_middle_img02 {float:none; margin-top:10px;}
.sub0401_middle_img02 img {width:100%;}
.sub0401_mid_pc {display:none;}
.sub0401_mid_tab {display:block;}
.sub0401_mid_mob {display:none;}
.sub0401_bottom {margin-top:12px;}
.sub0401_bottom h4 {font-size:20px; padding-left:20px;
background:url(/images/sub/sub_dot.jpg) 0 12px no-repeat;  background-size:10px 10px; margin-bottom:10px; line-height:34px;}
.sub0401_bottom p {font-size:15px; color:#555; line-height:30px;}



/* ��� �о� */
.pcimg {display:none;}
.tabimg {display:block;}
.mobimg {display:none;}

.ptxt01 {font-size:17px; line-height:28px;}
.ptxt02 {font-size:15px; line-height:26px; margin-top:17px;}
.h4tit01 {font-size:20px; padding-left:20px;background:url(/images/sub/sub_dot.jpg) 0 12px no-repeat;  background-size:10px 10px; margin-bottom:10px; line-height:34px; margin-top:30px;}

.productintro_wrap li.productintro01 { width:32%; margin-right:2%; height:auto;}
.productintro_wrap li.productintro01:last-child {margin-right:0;}
.productintro_wrap li.productintro01 .imgarea {height:auto;}
.productintro_wrap li.productintro01 .txtarea {margin-top:10px;}
.productintro_wrap li.productintro01 .txtarea .mcutit01 { width:100%; height:auto; line-height:55px;  font-size:17px; color:#fff; padding-left:10px;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 { height:180px;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li {font-size:15px; margin-bottom:10px; } 
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li::before {position:absolute; left:0; top:12px; content:'';}



/*�Ұ� ����*/
.IntroduceBox{width:100%; overflow:hidden;}
.IntroduceBox h3:first-child{margin-top:0;}
.IntroduceBox h3{font-size:17px; color:#0d4189; line-height:28px; margin-top:45px; margin-bottom:10px;}
.IntroduceBox h4{font-size:15px; color:#555; font-weight:normal; line-height:26px; margin-bottom:10px;}
.IntroduceBox h4 span{background:#8ec31f; padding:3px 6px; color:#fff;}
.IntroduceBox .img{margin-top:20px;}
.IntroduceBox .img img{width:100%;}
.IntroduceBox .list_dot li{background:url('/images/sub/bullet.jpg') 0 12px no-repeat; padding-left:12px; font-size:15px; color:#555; line-height:26px; margin-bottom:5px;}

.tbl_common1{width:100%; border-top:2px #444 solid;}
.tbl_common1 th {height:36px; text-align:center;  background:#f5f5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:10px 5px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:10px 5px; font-size:14px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:15px; word-break:keep-all;}
.tbl_common1 td:last-child{border-right:0px;}

.tbl_common2{width:100%; border-top:2px #444 solid;}
.tbl_common2 th {height:36px; text-align:center;  background:#f5f5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:10px 5px;}
.tbl_common2 td{border-bottom:1px solid #ddd; padding:10px 5px; font-size:14px; line-height:22px; border-right:1px solid #ddd; text-align:center; color:#555; word-break:keep-all;}

/*sub0105 ����*/
.hisleft{width:51%;margin-bottom:30px;} 
.hisright{width:50.8%;margin-bottom:30px;} 
.years01 {font-size:18px; }
.mdate_ul .date01 p{font-size:14px;line-height:24px;}
.mdate_ul .date01 .month01 {font-size:14px;}

.hisleft .years01 {width:25%;}
.hisleft .mdate_ul {width:75%;}
 
.hisright .years01 {width:25%;}
.hisright .mdate_ul  {width:75%;}

/*sub0107 - CEO�λ縻 */
.greeting_detail:nth-child(1) .greeting_txt{float: left;  width: 50%; margin-top: 0;}
.greeting_detail:nth-child(1) .greeting_img{float: right; width: 45%;}
.greeting_detail:nth-child(1) .greeting_img img{width: 100%;}
.greeting_detail:nth-child(2) .greeting_txt{float: right; width: 50%; margin-top: 0;}
.greeting_detail:nth-child(2) .greeting_img{float: left; width: 45%;}
.greeting_detail:nth-child(2) .greeting_img img{width: 100%;}
.greeting_txt strong{font-size: 20px; margin-bottom: 20px;}
.greeting_txt p{font-size: 15px; line-height: 26px;margin-top: 17px;}

/* sub0601 Talent Attributes */
.talent_ul {width:100%; margin-top:30px;}
.talent_ul li {float:left; width:49%; margin-right:2%; margin-top:20px; border:1px solid #eaeaea; padding:30px; min-height:420px; position:relative;}
.talent_ul li h5 {font-size:17px; margin-bottom:20px; padding-bottom:10px;}
.talent_ul li .icon01 {position:absolute; left:30px; bottom:30px; width:70px;}
.talent_ul li .icon01 img {width:100%;}
.talent_ul li .txt01 {float:left; width:100%; font-size:15px; line-height:26px; }
.talent_ul li:nth-child(-n+2) {margin-top:0; }
.talent_ul li:nth-child(2n) {margin-right:0;}


/* sub0602 Recruitment */
.h5tit01 {font-size:17px; color:#0d4189; margin-bottom:10px; margin-top:30px; padding-left:25px; background:url(/e_images/sub/h5_bullet.jpg) no-repeat left 6px;}
.ptxt03 {font-size:15px; color:#555; line-height:26px; padding-left:25px;}

.benefits_ul {width:100%; margin-top:30px;}
.benefits_ul li {float:left; width:18.4%; margin-right:2%; margin-top:20px; min-height:220px}
.benefits_ul li .imgarea1 {width:100%;}
.benefits_ul li .imgarea1 img {width:100%;}
.benefits_ul li:nth-child(-n+5) {margin-top:0;}
.benefits_ul li:nth-child(5n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:15px; line-height:26px; margin-top:15px;}

.recruitment_tb01 {margin-top:30px;}
.recruitment_tb01 th {font-size:15px;  padding:10px; }
.recruitment_tb01 td {font-size:15px;  padding:10px 15px;}


/* sub0603 HR System */
.philosophy_wrap .phiimg {width:100%; margin-bottom:30px;}
.philosophy_wrap .phitxt {width:100%;}



/*Values and Vision*/
.valueBoxWrap{width:100%; overflow:hidden;}

.valueBox{float:left; width:49%; margin-left:2%; margin-top:2%;}
.valueBox:nth-child(3n+1){margin-left:2%;}
.valueBox:nth-child(-n+3){margin-top:2%;}
.valueBox:nth-child(2n+1){margin-left:0;}
.valueBox:nth-child(-n+2){margin-top:0;}

.valueBox .img img {width:100%; height:100%;}
.valueBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; text-align:center;}


/*Quality Policy*/
.PolicyBox{width:100%; overflow:hidden;}
.policy_img{float:left; width:30%;}
.policy_txt{float:left; width:68%; margin-left:2%; font-size:16px; color:#555; line-height:28px;}

.policy_txt ul {width:100%; overflow:hidden; margin:20px 0;}
.policy_txt ul li{font-size:16px; color:#555555; margin-bottom:10px; position:relative; padding-left:10px;}
.policy_txt ul li:last-child{margin-bottom:0;}
.policy_txt ul li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:13px; content:'';}

/*Corporate Citizenship*/
.h4tit01 span {font-size:15px;}


/* PR */
.pr .pr01{width: 100%; overflow:hidden;}
.pr .txt p{font-size: 15px; color: #555; line-height: 26px;}	
.pr .pr01 .img{float: none;  margin: 0 auto; width: 50%;}
.pr .pr01 .img img{width: 100%;}
.pr .pr01 .txt{float: none; margin-left: 0; width: 100%; margin-top: 20px;}
.pr .pr02 .txt{padding: 20px; border: 1px solid #ddd; margin-top: 20px;}
.pr .pr02 .img img{width: 80%; margin: 0 auto;}
.pr .pr03 .color_system{width: 100%; overflow: hidden;}
.pr .pr03 .color_system li{padding: 20px; float: left; width: 20%; height: 100px; color: #fff; text-align: left; font-size: 15px; line-height: 20px; font-weight: bold;}
.pr .pr03 .txt{margin-top: 20px;}
.downbutton {margin-top: 20px; }
.downbutton li{margin-bottom: 10px;margin: 10px auto; width: 313px; height:30px; font-weight: bold; line-height: 30px; padding-left: 10px;}

/* network */
.network {width:100%; margin-bottom:50px;}
.network .tabimg{width: 100%;}
.network .network_txt {width:100%; margin-top: 30px;}
.network .network_txt p a {color:#555555; font-size:20px; padding-left:19px; font-weight: bold;}
.network .network_txt ul {display: none; width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 20px;}
.network .network_txt ul li{position: relative; padding-left: 20px;font-size: 14px;line-height: 26px;color: #333333;}
.network .network_txt ul li::before{line-height:29px; margin-bottom:1px; letter-spacing:-0.1px;     content: ''; width: 3px; height: 3px; background: #0D4189; position: absolute;left: 5px; top: 14px;}
.network .network_txt ul li span{color: #1d85ca; margin-right: 20px; font-weight: bold;}
.network .network_txt ul li a {font-size:14px; color:#636d7a; }


/*IR�ڷ�*/
.tbl_ir{width:100%; border-top:1px solid #3865ad;}
.tbl_ir th{background:#eff4fc; padding:15px 5px; font-size:16px; line-height:26px; font-weight: bold; text-align:center; color:#3865ad;}
.tbl_ir td{border-bottom:1px solid #ddd; padding:12px 10px; font-size:15px; line-height:26px; text-align:center; color:#444;}
.tbl_ir td:first-child{text-align: left; padding-left: 20px;}


/*�����*/
.hrBox{width:100%; overflow:hidden; margin-top:2%;}
.hrBox .value_img{position:relative; float: left; width:49%; margin-left:2%;}
.hrBox .value_img:first-child{margin-left: 0;}

.hrBox .img img {width:100%; height:100%;}
.hrBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; text-align:center;}

/* contact us */
.contact_box .contact_img{display: none; ;}
.contact_box .contact_txt{width: 100% !important ; height: auto !important; float: none; }
.contact_box .contact_txt h4{position: static; }

.contact_box:nth-child(-n+3) .contact_txt h4{position: static; margin-bottom: 0;}
.contact_us h3{font-size: 17px; line-height: 28px;  margin-bottom: 10px;}
.contact_us h4{font-size: 15px;  line-height: 26px; margin-bottom: 10px;}
.list_dot li{background:url('/images/sub/bullet.jpg') 0 12px no-repeat; padding-left:12px; font-size:15px; color:#555; line-height:26px; margin-bottom:5px;}

/* online support */
.online_support h3{font-size:17px; color:#0d4189; line-height:28px; margin-top:45px; margin-bottom:10px;}
.online_support h4{font-size:15px; color:#555; font-weight:normal; line-height:26px; margin-bottom:10px;}

/* sitemap */
.sitemap:nth-child(-n+3){margin-top: 0;}
.sitemap{float: left; width: 32%; margin-right: 2%; margin-top: 20px;}
.sitemap:nth-child(3n){margin-right: 0;}
.sitemap:nth-child(4n){margin-right: 2%;}
.sitemap h2{font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; }
.sitemap_2dep > li{position: relative; margin: 15px 0;}
.sitemap_2dep > li > a{font-size: 16px; padding-left: 15px; }
.sitemap_2dep > li > a::before{position: absolute; top: 10px; left: 0; content:''; width: 6px; height: 6px; border:1px solid #000; }
.sitemap_3dep > li > a{font-size: 14px; line-height: 26px; }
.sitemap_4dep{padding: 15px;}
.sitemap_4dep > li > a{padding-left: 10px; position: relative; font-size: 12px; color: #555; font-weight: normal;  line-height: 26px; margin-bottom: 10px;}
.sitemap_4dep > li > a::before{position: absolute; top: 8px; left: 0; width: 3px; height: 1px; content:''; background: #000;}

/* ȫ�������� */
.youtube{width: 100%; }
.youtube iframe{width: 100%;}
}