@charset "utf-8";

#subVisual{overflow:hidden; width:100%; text-align:center; padding-bottom:44px; position:relative; }

#subVisual.visual01{background:url('../images/sub/visual01.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual01.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual01.jpg', sizingMethod='scale'); background-position:50% 0; }
#subVisual.visual02{background:url('../images/sub/visual02.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual02.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual02.jpg', sizingMethod='scale'); background-position:80% 0;}
#subVisual.visual03{background:url('../images/sub/visual03.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual03.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual03.jpg', sizingMethod='scale'); background-position:50% 0;}
#subVisual.visual04{background:url('../images/sub/visual04.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual04.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual04.jpg', sizingMethod='scale'); background-position:50% 0;}
#subVisual.visual05{background:url('../images/sub/visual05.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual05.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual05.jpg', sizingMethod='scale'); background-position:50% 0;}
#subVisual.visual06{background:url('../images/sub/visual06.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual06.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual06.jpg', sizingMethod='scale'); background-position:50% 0;}
#subVisual.visual07{background:url('../images/sub/visual07.jpg') no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual07.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub/visual07.jpg', sizingMethod='scale'); background-position:50% 0;}
#subVisual.fixed { position:fixed; top:-268px; z-index:999;}
#subVisual .firstTit{padding-top:155px; line-height:110%; font-size:3.5em; font-weight:300; color:#353535; letter-spacing:-.5px;}
#subVisual .ex{font-family: 'Nanum Gothic'; margin:15px 0 80px 0; font-size:1.3em; font-weight:300; color:#666;}
#subVisual.visual01 .firstTit, #subVisual.visual02 .firstTit, #subVisual.visual05 .firstTit{color:#fff;}
#subVisual.visual01 .ex, #subVisual.visual02 .ex, #subVisual.visual05 .ex{color:#fff;}
#subVisual .subMenu{overflow:hidden; border-top:1px solid #fff; z-index:999; width:100%; position:absolute; bottom:0;  }

#subVisual .subMenu li{float:left; width:16.6%; letter-spacing:-1px;}
#subVisual .subMenu li.last{width:16.6%;}
#subVisual .subMenu.rnd li{width:16.6%;}
#subVisual .subMenu.rnd li.last{width:16.6%;}

#subVisual .subMenu li a{display:block; width:100%; padding:10px 0; font-size:1.2em; font-weight:200; color:#454545;; font-weight:300;}
#subVisual .subMenu li a:hover, #subVisual .subMenu li a.active{font-weight:400; color:#1BB9EE; background:#fff;}
#subVisual .subMenu .fix_menu li{width:20%;}
.locArea{width:100%; margin:0 auto;}


.pageHistory{padding-top:5%; font-size:1.2em; font-weight:400; text-align:center;}
.subjTit{margin:5% 0; font-size:3em; font-weight:400;}
.subjTit .small{font-size:70%; letter-spacing:-1px;}
.subjEx{margin-bottom:10px; font-family: 'Nanum Gothic'; font-size:2.3em; font-weight:200;}
.subjEx span{display:block;}
.subjDetail{margin-bottom:5%; font-family: 'Nanum Gothic'; font-size:1.3em; font-weight:200;}

#overview{margin-bottom:3%;}
#overview .overGroup table{width:100%; }
#overview .overGroup tr{text-align:left; border-top:1px solid #e1e1e1;}
#overview .overGroup tr.last{border-bottom:1px solid #e1e1e1;}
#overview .overGroup td{height:80px; padding:0 0 0 3%; font-size:1.2em; font-weight:200; color:#797979; letter-spacing:-.5px;}
#overview .overGroup .tit{color:#212121;  font-weight:300; background:#f9f9f9;}

#ceo{overflow:hidden; margin-bottom:3%;}
#ceo .ceoPhoto{float:left; width:50%; text-align:left;}
#ceo .ceoPhoto img{width:100%; max-width:520px;}
#ceo .ceoGroup{float:left; width:50%; text-align:left;}
#ceo .ceoGroup .subjEx span{display:block;}
#ceo .ceoGroup .subjDetail span{display:block;}
#ceo .ceoGroup .subjDetail{letter-spacing:-.5px;}
#ceo .ceoGroup .introduce{line-height:200%; font-size:1.2em; font-weight:200; olor:#797979;  letter-spacing:-.5px;}
#ceo .ceoGroup .introduce span{display:block;}
#ceo .sign{margin-top:5%; font-size:1.2em;}
#ceo .sign span{font-size:1.6em; margin-left:20px;}




#org{margin-bottom:3%;}
#org .orgGroup{overflow:hidden; width:1040px; margin:0 auto; font-size:1.2em;}
#org .orgGroup em{display:block; width:200px; line-height:140%; color:#fff; }
#org .orgGroup .org02 > em{width:165px;}
#org .orgGroup .org01 > em{margin:0 auto 50px; padding:2% 0; background:#1BB9EE;}
#org .orgGroup .org02 > em{margin:0 auto 10px; padding:5% 0; background:#454545;}
#org .orgGroup li.org02{overflow:hidden; float:left; padding:0 10px 0 0;}
#org .orgGroup li.last{padding:0;}
#org .orgGroup li.org02 li{margin-bottom:5px; width:165px; padding:10px; font-weight:300; background:#efefef;}
#org .orgGroup li.org02 li span{display:block; margin-top:5px; padding:5px 0; background:#fff;}
#org .orgGroup li.org02 li span.pc{display:block; margin:0; padding:0;}

#partner{margin-bottom:10%;}
#partner .partnerList{min-height:470px; padding:0 10px;}
#partner .partnerList .kind{padding:15% 0; font-size:1.7em; font-weight:300; color:#fff; background:#1e7ccc;}
#partner .partnerList .kind01{background:#1e7ccc;}
#partner .partnerList .kind02{background:#1d64a1;}
#partner .partnerList .kind03{background:#1b507c;}
#partner .partnerList .kind span{display:block; font-size:70%; font-weight:200; }
#partner .partnerList ul{padding:10px 0; min-height:341.13px; border:1px solid #e1e1e1;}
#partner .partnerList ul li{padding:5% 0;;}
#partner .partnerList .partner01 li{padding:11% 0;}
#partner .partnerList .partner02 li{padding:10% 0;}


#history{margin-bottom:10%;}
#history .hisGroup{margin:5% 0;}
#history .his_left ul{float:left; width:40%;}
#history .his_left .txt{float:right; width:55%; margin-left:5%; text-align:center;}
#history .his_left .txt span{display:block;}
#history .his_nav li{width:100%; font-size:1.5em; text-align:left; }
#history .his_nav li a{float:none; width:100%; padding-left:10px; color:#454545; border:none; border-bottom:1px solid #e1e1e1; background:url('../images/sub/his_tab.gif') right 50% no-repeat;}
#history .his_nav li a:hover, #history .his_nav .active a{color:#1BB9EE; background:url('../images/sub/his_tab_on.gif') right 50% no-repeat;}
#history .tab-content{overflow:hidden; text-align:left; background:url('../images/sub/his_bg.gif') 6px 0 repeat-y;}
#history .hisList{clear:both; overflow:hidden; margin-bottom:15px;}
#history .tab-content .year{float:left; width:30%; padding-left:10%; display:inline-block; font-size:2.3em; background:url('../images/sub/year_bg.png') 0 50% no-repeat;}
#history .tab-content .detail{float:left; width:70%; margin-top:10px;}
#history .tab-content .detail li{padding:0 0 10px 0; text-align:left; font-size:1.2em; font-weight:300; color:#757575;}
#history .tab-content .detail .mon{display:inline-block; width:10%; vertical-align:top;}
#history .tab-content .detail .ex{display:inline-block; width:90%;}

#certify{margin-bottom:10%;}
#certify .nav-tabs li{font-size:1.2em; font-weight:300;}
#certify .nav-tabs.certify_nav{width:694px; margin:0 auto;}
#certify .tab-content{margin-top:5%;}
#certify .tab-content .certifyList img{width:100%; max-width:185px; padding:5px; border:1px solid #e1e1e1;}
#certify .tab-content .certifyList .txt{display:block; height:40px; margin:3% 0 10% 0; font-size:1.04em; letter-spacing:-1px; display:block; font-weight:300;}
#certify .tab-content .certifyList .certifyOver{display:none; left:15px; position:absolute; top:0; width:165px; height:234px; z-index:1; background:url('../images/sub/certify_over.png') #000 50% 50% no-repeat; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
#certify .tab-content .certifyList:hover .certifyOver{display:block;}
#certify .info{padding:2% 0 0 0; font-size:1.1em; font-weight:300;}

#section03 .com_prod{overflow:hidden; position:relative;}
#section03 .com_prod .prodOver
#section03 .com_prod .prodOver a{display:block; width:100%; height:100%; color:#fff;}
#section03 .com_prod .prodOver .kinds{display:block; position:absolute; bottom:15px; width:100%; text-align:center; color:#fff;}
#section03 .com_prod:hover .prodOver{left:0;}



#philosophy{margin-bottom:10%;}
#philosophy .philoGraph{margin:5% auto;}
#philosophy .philoGraph img{width:100%; max-width:450px;}
#philosophy .philoGraph .left{text-align:center;}
#philosophy .philoGraph .right{text-align:center; }
#philosophy .philoTableList{margin-bottom:10%;}
#philosophy .philoTable{padding:10px; }
#philosophy .philoTable .table_data{min-height:220px; border:1px solid #e1e1e1;}
#philosophy .philoTable .table_data .tit{padding:7% 0; font-size:1.3em; font-weight:400; background:#e1e1e1;}
#philosophy .philoTable .table_data ul{padding:20px 10px;}
#philosophy .philoTable .table_data li{padding-left:25px; margin-bottom:15px;text-align:left; font-size:1.1em; font-weight:300; background:url('../images/sub/philo_dot.gif') 10px 7px no-repeat;}

#operation{margin-bottom:10%;}
#operation .nav-tabs li{font-size:1.2em; font-weight:300;}
#operation .nav-tabs.oper_nav{width:694px; margin:0 auto;}
#operation .tab-content{margin-top:5%;}
#operation{margin-bottom:10%; font-size:1.2em; font-weight:200;}
#operation .operation_tab{overflow:hidden; }
#operation .operation_tab ul{width:694px; margin:0 auto;}
#operation .operation_tab ul li{float:left; width:230px; line-height:60px; font-size:1.2em; font-weight:300; border:1px solid #e1e1e1; border-right:0;}
#operation .operation_tab ul li.last{border-right:1px solid #e1e1e1;}
#operation .operation_tab ul li a{display:block; color:#454545;}
#operation .operation_tab ul li a:hover, #operation .operation_tab ul li a.active{color:#fff; background:#1BB9EE;}
#operation .step01, #operation .step02, #operation .step03{padding-top:7%;}
#operation .intro{overflow:hidden; width:100%; margin:5% 0; line-height:170%; color:#757575;}
#operation .intro strong{color:#454545;}
#operation .intro img{float: left; margin-right:2.5%;}
#operation .intro .txt{text-align:left; padding:2% 0;}

#operation .step01 dl{overflow:hidden; width:100%;}
#operation .step01 dt{width:100%; padding:1% 0; border:5px solid #c1c1c1;}
#operation .step01 dd{float:left; width:100%; line-height:170%; font-size:90%; padding:15px 20px; text-align:left;  border:1px solid #c1c1c1;}
#operation .step01 .num{display:inline-block; float:left; width:2%;}
#operation .step01 .ex{display:inline-block; float:left; width:98%;}
#operation .step01 .etc{padding:1.5% 0; border:1px solid #c1c1c1;}
#operation .step02 .best li{width:100%; margin-bottom:10px; text-align:left; padding:20px 0; background:#efefef;}
#operation .step02 .best li span{display:inline-block; width:210px; font-size:1.3em; font-weight:400; padding-left:30px; margin-right:20px; background:url('../images/sub/best_bg.gif') right 50% no-repeat;}
#operation .step03 .intro{width:80%; margin:5% auto;}
#operation .step03 .intro img{float: left; margin-right:2.5%;}
#operation .step03 .intro .txt{text-align:left; padding:1.5% 0; font-size:1.1em;}
#operation .step03 .environ li{overflow:hidden; width:100%; margin-bottom:10px; text-align:left;}
#operation .step03 .environ li img{float:left; margin-right:15px;}
#operation .step03 .environ .environNum{display:none;}
#operation .step03 .environ .ex{float:left; width:80%; padding-top:4px;}

.placeGroup .tit{margin:3% 0 1% 0; text-align:center; font-size:1.8em; font-weight:400; }
.placeGroup .ex{margin-bottom:2%; font-size:1.25em; font-weight:300; coor:#959595; }
.placeBoxWrap{margin-bottom:5%;}
.placeBox{padding:20px; background:#f5f5f5;}
.placeBox .mapGroup{overflow:hidden; margin-bottom:10px;}
.placeBox .photo{float:left; width:402px; height:232px; margin-right:10px; padding:5px; background:#fff; border:1px solid #c1c1c1;}
.placeBox .map{float:left; width:688px; height:232px; border:1px solid #c1c1c1;}
.placeBox .info{width:100%; height:100px; padding-top:8px; background:#fff; border:1px solid #c1c1c1}
.placeBox .info li{float:left; width:50%; text-align:left; padding:2px 0 2px 25px; font-size:1.2em; font-weight:300; background:url('../images/sub/place_dot.gif') 10px 7px no-repeat;}
.placeBox .info li .num{color:#757575; letter-spacing:-.5px; font-size:95%;}
.placeBox .info li.none{background:none;}
.placeBox .info li.add{width:100%;}
/*#place{margin-bottom:10%;}
#place .placeGroup{margin-top:5%;}
#place .placeList{height:540px; margin:0 0 10% 0; border:1px solid #c1c1c1;}
#place .pl01{background:url('../images/sub/place_bg.jpg') no-repeat; background-size:cover; }
#place .placeList img{width:100%; max-width:389px;}
#place .detail{padding:15px; text-align:left; font-size:1.2em; font-weight:300;}
#place .detail .tit{margin:10px 0; text-align:center; font-size:1.5em; font-weight:300;}
#place .detail .ex{margin-bottom:20px; color:#757575; }
#place .detail ul li{padding:2px 0 2px 15px; background:url('../images/sub/place_dot.gif') 0 10px no-repeat;}*/

#location .locationGroup{overflow:hidden; margin:5% 0; padding:0; font-size:1.2em; font-weight:300;}
#location .location{overflow:hidden; margin-bottom:5%;}
#location .info{font-family: 'notokr'; float:left; width:32%; margin-right:3%; text-align:right; color:#231f20;}
#location .info .tit{margin:5% 0; font-size:1.4em; font-weight:400; }
#location .info .mail_tit{margin:0; padding:50px 0 0 0; background:url('../images/sub/mail_bg.gif') right 15px no-repeat;}
#location .add_mail{float:left; width:65%; padding:2%; text-align:left; background:#f5f5f5;}
#location .add_mail li{overflow:hidden; padding:0 0 1% 0;}
#location .add_mail li .parts{float:left; display:inline-block; width:12%; font-weight:400;}
#location .add_mail li .mail{float:left; display:inline-block; width:88%;}
#location .add_mail li .mail a{color:#757575; }
#location .add_mail li .mail a:hover{color:#1BB9EE;}
#location .info li{padding:1.5% 0; letter-spacing:-.5px;}
#location .info li .num{color:#757575;}
#location .info li span.add{display:block;}
#location .mapBox{overflow:hidden; float:left; width:65%; background:#f5f5f5;}
#location .mapBox .map{width:100%; height:300px;}
#daumRoughmapContainer1469778087014, #daumRoughmapContainer1469779094739, #daumRoughmapContainer1469779254193, #daumRoughmapContainer1469779346909{width:100%;}

#business{margin-bottom:10%;}
#business .busiGroup{margin:5% 0;}
#business .busiBox{padding:2% ; margin:0;}
#business .busiGroup .busiList{padding:120px 5px 5px 5px; font-size:1.2em; font-weight:400; border:1px solid #e1e1e1; letter-spacing:-1px; border-bottom:5px solid #1BB9EE;}
#business .busiGroup .busiList span{display:block; height:60px; padding-top:15px; margin-top:10px;  font-size:90%; font-weight:300; background:#efefef; }
#business .busiGroup .busi01{background:url('../images/sub/busi01.gif') 50% 15px no-repeat;}
#business .busiGroup .busi02{background:url('../images/sub/busi02.gif') 50% 15px no-repeat;}
#business .busiGroup .busi03{background:url('../images/sub/busi03.gif') 50% 15px no-repeat;}
#business .busiGroup .busi04{background:url('../images/sub/busi04.gif') 50% 15px no-repeat;}
#business .busiGroup .busi05{background:url('../images/sub/busi05.gif') 50% 15px no-repeat;}
#business .busiGroup .busi06{background:url('../images/sub/busi06.gif') 50% 15px no-repeat;}
#business .busiGroup .busi07{background:url('../images/sub/busi07.gif') 50% 15px no-repeat;}
#business .busiGroup .busi08{background:url('../images/sub/busi08.gif') 50% 15px no-repeat;}

#prod{margin-bottom:10%;}
#prod .subjEx span.pc{display:inline;}
#prod .nav-tabs li{font-size:1.2em; font-weight:300;}
#prod .prod_nav{width:464px; margin:5% auto 0;}
#prod .tab-content .tab02{margin-top:7%;}
/*#prod .prodGroup{margin-top:5%;}*/
#prod .prodGroup .row{margin:0;}
#prod .prodGroup .titGroup{border-top:3px solid #1BB9EE;}
#prod .prodGroup .titGroup .tit{margin:10% 0; text-align:left; font-size:1.8em; font-weight:400; }
#prod .prodGroup .titGroup .ex{text-align:left; line-height:160%; margin-bottom:5%; font-size:1.15em; font-weight:300; }
#prod .prodGroup .prodList{padding-left:5%;}
#prod .prodGroup .prodList .imgList{float:left; width:48%; margin:0 4% 3% 0; text-align:center; }
#prod .prodGroup .prodList .imgList img{width:99%; max-width:370px; border:1px solid #c1c1c1;}
#prod .prodGroup .prodList .imgList span.detail{display:block; width:99%; margin:5px auto; padding:5px 0; max-width:370px; background:#efefef;}
#prod .prodGroup .prodList .list02, #prod .prodGroup .prodList .list04, #prod .prodGroup .prodList .list06{margin-right:0;}
#prod .processGroup .processList{position:relative; max-width:285px; margin:0 auto 20%;}
#prod .processGroup .processList .step{font-family: 'notokr'; padding-bottom:10px; font-size:1.15em; letter-spacing:-.5px; }
#prod .processGroup .processList .tit{width:100%; margin:0 auto; line-height:45px; font-size:1.2em; border-top:2px solid black; background:#efefef;}
#prod .processGroup .processList .point{position:absolute; left:50%; top:22.5px; margin-left:-7.5px; }
#prod .processGroup .processList img{width:100%; }
#prod .prodGroup .anchor{padding:0; margin-bottom:100px;}
#prod .app_tit{padding-left:15px; font-size:1.2em; text-align:left; background:url('../images/sub/rnd_dot.gif') 0 50% no-repeat;}
#prod .application li{padding-left:15px; text-align:left; font-weight:300;}

#rnd{margin-bottom:10%;}
#rnd .rndGroup{margin:5% 0;}
#rnd .rndGroup .anchor{padding:0; margin:0;}
#rnd .rndGroup .row{margin:0;}
#rnd .rndGroup .techGroup.row{margin-bottom:5%;}
#rnd .rnd_intro{width:100%; padding:3% 10%;  background:#f5f5f5;}
#rnd .rnd_intro .txt{padding-top:25px; line-height:170%; text-align:left; font-size:1.2em; font-weight:300; letter-spacing:-.3px; border-top:3px solid #1BB9EE;}
#rnd .rnd_intro .big{font-size:1.25em;}
#rnd .rnd_intro .rnd_name{font-size:1.4em; font-weight:400;}
#rnd .rnd_intro .imp{font-weight:400;}
#rnd .rnd_intro .mobile{display:none;}
#rnd .rnd_tech{margin-top:5%;}
#rnd .rnd_tech .titGroup{border-top:3px solid #1BB9EE;}
#rnd .rnd_tech .titGroup .tit{margin:10% 0; text-align:left; font-size:1.8em; font-weight:400; }
#rnd .rnd_tech .titGroup .ex{text-align:left; margin-bottom:5%;}
#rnd .rnd_tech .titGroup ul{float:left; text-align:left;}
#rnd .rnd_tech .titGroup li{padding:5px 0 5px 15px; font-size:1.2em; font-weight:300; background:url('../images/sub/rnd_dot.gif') 0 50% no-repeat;}
#rnd .rnd_tech .rndList{text-align:left; padding-left:5%;}
#rnd .rnd_tech .rndList .basic{float:left; width:45%; margin:0 5%;}
#rnd .rnd_tech .rndList .graph{max-width:350px;}
#rnd .rnd_tech .rndList .print {max-width:264px;}
#rnd .rnd_tech .rndList .txt{float:left; width:45%;}
#rnd .rnd_tech .rndList .tit{padding:10% 0 5% 0; font-size:1.4em; color:#231f20;}
#rnd .rnd_tech .rndList .tit_mid{padding:2% 0 5% 0; text-align:center;}
#rnd .rnd_tech .rndList .tit_txt{padding:0 0 2% 0;}
#rnd .rnd_tech .rndList .ex{line-height:160%;color:#656565; font-size:1.15em; font-weight:300;}
#rnd .rnd_tech .rndList .ex .rnd08_detail{display:block; margin-left:22px;}
.rnd01_01, .rnd01_02, .rnd01_03, .rnd03_01, .rnd03_02, .rnd03_03{overflow:hidden; margin-bottom:5%;}
#rnd .rnd_tech .rndList .rnd01_02 .tit{padding:0 0 5% 0;}
#rnd .rnd_tech .rndList .imgBox{overflow:hidden; padding:3% 0; text-align:center; color:#656565; border:1px solid #c1c1c1;}
#rnd .rnd_tech .rndList .imgBox p{display:inline-block;}
#rnd .rnd_tech .rndList .imgBox p .img_tit{display:block; margin:10px 0;}
#rnd .rnd_tech .rndList .rnd04_01 div{float:left; width:48%; margin:0 4% 0 0; text-align:center;}
#rnd .rnd_tech .rndList .rnd04_01 div.right{margin-right:0;}
#rnd .rnd_tech .rndList .rnd04_01 .imgBox{width:100%; padding:50px 0; border:1px solid #c1c1c1;}
#rnd .rnd_tech .rndList .rnd04_01 .imgBox img{width:100%; max-width:165px;}
#rnd .rnd_tech .rndList .imgList{float:left; width:30%; margin:0 5% 3% 0; text-align:center; border:1px solid #c1c1c1;}
#rnd .rnd_tech .rndList .imgList img{width:99%; max-width:240px; }
#rnd .rnd_tech .rndList .rnd06_01 .imgList img{max-width:270px; }
#rnd .rnd_tech .rndList .rnd07_03 .imgList img{max-width:320px; }
#rnd .rnd_tech .rndList .imgList.list03, #rnd .rnd_tech .rndList .imgList.list06{margin-right:0;}
#rnd .rnd_tech .rndList .rnd07_01 .tit span{font-size:80%;}
#rnd .rnd_tech .rndList .rnd07_01 li{padding:5px 0;}
#rnd .rnd_tech .rndList .rnd07_02 div{float:left; width:48%; margin:20px 4% 20px 0; text-align:center;}
#rnd .rnd_tech .rndList .rnd07_02 div.right{margin-right:0;}
#rnd .rnd_tech .rndList .rnd07_02 .imgBox{width:100%; padding:30px 5%; border:1px solid #c1c1c1;}
#rnd .rnd_tech .rndList .rnd07_02 .imgBox img{width:100%; max-width:398px;}
#rnd .rnd_tech .rndList  .rnd08_01{margin-bottom:4%;}
#rnd .rnd_tech .rndList  .rnd08_01 .sub_tit{display:block; color:#353535;font-size:1.05em; font-weight:600; }
#rnd .rnd_tech .rndList  .rnd08_01 .list{margin:5px 0 30px 22px; font-size:1.05em; }
#rnd .rnd_tech .rndList  .rnd08_01 .list li{ padding-left:15px; color:#555; background:url('../images/sub/rnd_dot.gif') 0 50% no-repeat;}


#equip{margin-bottom:10%;}
#equip .equipGroup .tit{margin:3% 0; text-align:center; font-size:1.8em; font-weight:400; }
#equip .nav-tabs li{font-size:1.2em; font-weight:300;}
#equip .equip_nav{width:464px; margin:0 auto;}
#equip .tab-content{margin-top:5%;}
#equip .equipBox .row{margin:0;}
#equip .equipList{margin-bottom:10%; border:1px solid #c1c1c1;} 
#equip .equipList img{width:100%;}
#equip .equipList.basic img{max-width:378px;} 
#equip .equipList.basic02 img{padding:10px;} 
#equip .equipList .txt{padding:10px 5px; height:100px; line-height:170%; font-size:1.1em; font-weight:300; letter-spacing:-.5px; background:#efefef;}
#equip .equipList.basic02 .txt{padding:5px 2px; height:60px; } 
#equip .equipList .txt span{display:block; font-size:100%; letter-spacing:-.5px;}

#board{margin-bottom:10%;}
.boardT.table{margin:5% 0; background-color:#f5f5f5;}
.boardT.table-hover>tbody>tr:hover{background-color:#fff;}
.boardT.table .article{width:80%;}
.boardT.table .date{width:20%;}
.boardT.table td{ text-align:left; padding:0; line-height:150%; font-size:1.15em; font-weight:300;}
.boardT.table td a{display:block; padding:4% 3%; color:#454545;}
.boardT.table .tit{display:block; margin-bottom:15px; font-size:1.25em; font-weight:400;}
.boardT.table .tit02{margin-bottom:0;}
.boardT td.date{text-align:center;vertical-align:middle;}
.boardT td.date span{display:block;}
.boardT td.date span.mobile{display:inline;}
.galleryGroup{margin:5% 0;}
.galleryGroup .galleryList{position:relative; margin-bottom:10%; height:320px; padding:5px; border:1px solid #e1e1e1;}
.galleryGroup .galleryList img{width:100%; max-width:250px;}
.galleryGroup .galleryList .detail{ padding:15px 5px; text-align:left; font-size:1.15em; font-weight:300;}
.galleryGroup .galleryList .detail .tit{margin:5px 0; font-size:1.05em; font-weight:400;}
.galleryGroup .galleryList .detail .ex{margin:0; padding:0;}
.galleryGroup .galleryList .detail .date{position:absolute; right:10px; bottom:10px; font-size:85%;}
.recruit_value{overflow:hidden; margin:5% 0;}
.recruit_value ul{width:580px; margin:0 auto;}
.recruit_value li{float:left; width:180px; margin-right:20px; font-size:1.3em;}
.recruit_value li.last{margin-right:0;}
.recruit_value li img{display:block; margin-bottom:5%; }
.recruit_value li span{display:block; font-size:90%; font-weight:300;}

#data{margin-bottom:10%;}


@media (max-width:1199px){
#ceo .ceoPhoto{float:left; width:45%; margin-right:3%; text-align:left;}
#ceo .ceoPhoto img{width:100%; max-width:520px;}
#ceo .ceoGroup{float:left; width:52%; text-align:left;}
#ceo .ceoGroup .subjEx{font-size:1.7em; margin-bottom:15px;}
#ceo .ceoGroup .subjDetail{display:none;}


#org .orgGroup{width:940px; font-size:1.15em;}
#org .orgGroup em{width:180px;}
#org .orgGroup .org02 > em{width:148px;}
#org .orgGroup li.org02 li{width:148px;}

#history .his_nav li{font-size:1.3em;}
#history .tab-content .year{font-size:2em;}
#history .tab-content .detail li{font-size:1.2em;}
#certify .tab-content .certifyList .certifyOver{left:29px; width:185px; height:263px;}
#operation .step01, #operation .step02, #operation .step03{padding-top:9%;}
#operation .intro .txt{padding:0; line-height:160%;}
#operation .step03 .intro .txt{padding:3% 0;}
#operation .step03 .environ .ex{float:left; width:77%;}
/*#place .placeList{height:450px;}
#place .detail{padding:10px; font-size:1.1em; letter-spacing:-.1px;}
#place .detail .tit{margin:5px 0; font-size:1.2em;}
#place .detail .ex{margin-bottom:15px;}
#place .detail ul li{padding:1px 0 1px 15px;}*/
.placeGroup .ex{font-size:1.15em; letter-spacing:-.5px;}
.placeBox .map{width:488px;}
.placeBox .info li{font-size:1.15em;}
#rnd .rnd_intro{padding:3%; }
}

@media (max-width:991px){
.subjTit{font-size:2.7em;}
.subjEx{font-size:1.9em;}
.subjDetail{font-size:1.2em;}

#subVisual .firstTit{font-size:2.7em;}
#subVisual .subMenu li a{font-size:1.1em;}
#subVisual.fixed {  top:-258px;}
#overview .overGroup tr.last{border-bottom:none;}
#overview .overGroup tr.tel{border-bottom:1px solid #e1e1e1;}
#ceo .ceoPhoto{width:100%; margin-bottom:50px; text-align:center; }
#ceo .ceoPhoto img{max-width:400px; }
#ceo .ceoGroup{width:100%;}
#ceo .ceoGroup .subjEx span{display:inline;}
#ceo .ceoGroup .subjDetail span{display:inline;}
#ceo .ceoGroup .introduce{text-align:left;}
#ceo .ceoGroup .introduce span{display:inline;}

#org .orgGroup{width:100%; font-size:1.1em;}
#org .orgGroup li{width:100%;}
#org .orgGroup li em{width:100%;}
#org .orgGroup .org01 > em{margin:0 auto 5px;}
#org .orgGroup .org02 > em{width:100%; margin:10px auto 5px; padding:2% 0;}
#org .orgGroup li.org02{padding:0;}
#org .orgGroup li.org02 li{width:100%; margin-bottom:5px; padding:10px; background:#efefef;}
#org .orgGroup li.org02 li span{display:block; margin-top:5px; padding:5px 0; background:#fff;}
#org .orgGroup li.org02 li span.pc{display:inline; margin:0; padding:0;}

#partner .partnerList{min-height:0; margin:0 5% 5% 5%;}
#partner .partnerList .kind{padding:5% 0;}
#partner .partnerList .partner01 li, #partner .partnerList .partner02 li{padding:5% 0;}

#history .his_left ul{float:none; width:454px; margin:0 auto;}
#history .his_nav li{float:left; width:150px; text-align:center; font-size:1.2em; font-weight:300;}
#history .his_nav li a{line-height:50px; padding:0; border:1px solid #e1e1e1; border-right:0; background:none;}
#history .his_nav li.last a{border-right:1px solid #e1e1e1;}
#history .his_nav li a:hover, #history .his_nav .active a{color:#fff; background:#1BB9EE; border-color:#1BB9EE;}
#history .his_left .txt{width:100%; margin:5% 0 0 0;}
#history .his_left .txt span{ display:inline; text-align:center;}
#history .tab-content .detail{margin-top:5px;}
#history .tab-content .year{font-size:1.8em;}
#history .tab-content .detail li{font-size:1.1em;}
#certify .nav-tabs.certify_nav, #operation .operation_tab ul{width:454px;}
#certify .nav-tabs>li>a, #operation .operation_tab ul li{width:150px; line-height:50px;}
#certify .tab-content .txt{font-size:1.05em;}
#certify .tab-content .certifyList .certifyOver{left:32px; width:185px; height:263px;}
#certify .info{padding:3% 0 0 0; font-size:1.05em;}
#philosophy .philoGraph{width:80%;}
#philosophy .philoGraph .left{padding:0; margin:0}
#philosophy .philoGraph .right{padding:50px 0 0 0; margin:0}
#philosophy .philoTable .table_data{min-height:0;}
#philosophy .philoTable .table_data .tit{padding:3% 0;}
#operation{font-size:1.1em;}
#operation .step01, #operation .step02, #operation .step03{padding-top:11%;}
#operation .intro img{width:23%;}
#operation .step01 .ex{padding-left:10px;}
#operation .step02 .best li span{display:block; padding:0 0 15px 0; margin:0;  background:none;}
#operation .step03 .intro img{width:30%;}
#operation .step03 .environ li img{width:25%;}
#operation .step03 .environ li img{display:none;}
#operation .step03 .environ .environNum{display:inline-block; float:left; font-size:1.3em; font-weight:400;}
#operation .step03 .environ .ex{width:90%;}

.placeGroup .ex{font-size:1.1em; letter-spacing:-.5px;}
.placeGroup .ex span{display:block;}
.placeBox{position:relative;}
.placeBox .mapGroup{margin-bottom:0;}
.placeBox .map{width:100%;}
.placeBox .info li{font-size:1.15em;}
.placeBox .photo{max-width:270px; height:auto; margin-bottom:10px;}
.placeBox .photo img{width:100%;}
.placeBox .info{position:absolute; top:20px; right:20px; width:400px; height:158px;}
.placeBox .info li{float:none; width:100%; padding:1px 0 1px 25px;  font-size:1.1em;}

#location .locationGroup{font-size:1.1em;}
#location .info{margin-right:3%; text-align:right;}
#location .info .tit{font-size:1.3em;}
#location .add_mail li .parts{width:21%;}
#location .add_mail li .mail{width:79%; letter-spacing:-.5px;}

#business .busiGroup .busiList{font-size:1.2em;}
#business .busiGroup{background-size:90%;}

#prod .nav-tabs.prod_nav{width:304px;}
#prod .nav-tabs>li>a{width:150px; line-height:50px;}

#prod .prodGroup .row{overflow:hidden; margin-bottom:5%;}
#prod .prodGroup .titGroup{overflow:hidden; width:100%; }
#prod .prodGroup .titGroup .tit{margin:3% 0; font-size:1.5em; }
#prod .prodGroup .titGroup .ex{margin:3% 0; text-align:left;}
#prod .prodGroup .prodList{overflow:hidden; margin-top:20px; padding:3% 15px; text-align:center; border:1px solid #c1c1c1; }
#prod .processGroup .processList .step{font-size:1.05em;}
#prod .processGroup .processList .tit{font-size:1.1em;}
#prod .processGroup .processList .point{top:20px;}

#rnd .rnd_intro{padding:3% 2%;}
#rnd .rnd_intro .visual{margin:0; padding:0;}
#rnd .rnd_intro img{width:100%;}
#rnd .rnd_intro .txt{line-height:160%; font-size:1.1em;}
#rnd .rnd_intro .big{font-size:1.2em;}
#rnd .rnd_intro .rnd_name{font-size:1.3em;}
#rnd .rnd_intro .pc{display:none;}
#rnd .rnd_intro .mobile{display:block;}

#rnd .rnd_tech .titGroup{overflow:hidden; width:100%; border-top:3px solid #1BB9EE;}
#rnd .rnd_tech .titGroup .tit{margin:3% 0; font-size:1.5em;}
#rnd .rnd_tech .titGroup .ex{margin:3% 0;}
#rnd .rnd_tech .titGroup li{padding:3px 0 3px 15px; font-size:1.1em;}
#rnd .rnd_tech .rndList{overflow:hidden; margin-top:20px; padding:3% 15px; text-align:center; border:1px solid #c1c1c1; }
#rnd .rnd_tech .rndList .basic{float:none; width:70%;}
#rnd .rnd_tech .rndList .txt{width:100%;}
#rnd .rnd_tech .rndList .tit{padding:5% 0 3% 0; font-size:1.3em;}
#rnd .rnd_tech .rndList .tit_mid{padding:2% 0 7% 0;}
#rnd .rnd_tech .rndList .ex{text-align:left; font-size:1.1em;}
#rnd .rnd_tech .rndList .rnd01_02 .tit{padding:5% 0 3% 0}
#rnd .rnd_tech .rndList .imgBox img{margin-right:0;}
#rnd .rnd_tech .rndList .imgBox .img_tit.last{margin:3% 0 0 0;}
#rnd .rnd_tech .rndList .imgList{width:48%; margin:0 4% 3% 0; text-align:center; border:1px solid #c1c1c1;}
#rnd .rnd_tech .rndList .imgList.list03{margin-right:4%}
#rnd .rnd_tech .rndList .imgList.list02, #rnd .rnd_tech .rndList .imgList.list04, #rnd .rnd_tech .rndList .imgList.list06{margin-right:0;}
#rnd .rnd_tech .rndList .rnd07_01{width:100%;}
#rnd .rnd_tech .rndList .rnd07_01 li{text-align:left; background-position:0 12px;}

#equip .nav-tabs.equip_nav{width:304px;}
#equip .nav-tabs>li>a{width:150px; line-height:50px;}
#equip .equipGroup .tit{margin:5% 0; font-size:1.5em; }
#equip .equipList{margin-bottom:3%;}
#equip .equipList.basic02 {margin-bottom:10%;}
#equip .equipList .txt{height:auto; padding:3% 2%; font-size:1.1em;}
#equip .equipList .txt span{display:inline;}

.boardT.table td{line-height:140%; font-size:1.05em; font-weight:300;}
.boardT.table .tit{margin-bottom:10px; font-size:1.15em;}
.galleryGroup .galleryList{height:290px;}
.galleryGroup .galleryList .detail{font-size:1.05em;}
.galleryGroup .galleryList .detail .tit{font-size:1em;}
.recruit_value ul{width:475px;}
.recruit_value li{float:left; width:145px; font-size:1.25em;}
.recruit_value li img{width:100%;}
}


@media(max-width:767px){
.subjTit{font-size:2.3em; }
.subjTit .main{display:block;}
.subjEx{font-size:1.5em;}
.subjDetail{font-size:1em;}
.subjEx span, .subjDetail span{display:block;}
.subjEx span.mobile{letter-spacing:-.1px;}
#subVisual .ex span{display:block;}
#subVisual .subMenu li span{display:block;} 
#subVisual .subMenu li a{font-size:1em;}
#subVisual.fixed {  top:-282px;}
#subVisual.visual02{background-position:55% 0;}
#subVisual.visual07{background-position:0 0;}

#overview .overGroup td{font-size:1em;}
#ceo .subjTit{margin-top:50px;}
#ceo .ceoGroup .introduce{font-size:1em;}
#ceo .sign{margin-top:5%; font-size:1.1em;}
#ceo .sign span{font-size:1.4em; margin-left:15px;}

#org .orgGroup{font-size:1em;}
#org .orgGroup li.org02 li{padding:5px 10px;}
#history .his_left ul{width:274px;}
#history .his_nav li{width:90px; font-size:1em;}
#history .his_left .txt span.orange{display:block;}
#history .tab-content .year{font-size:1.3em;}
#history .tab-content .detail li{font-size:1em;}

#certify .nav-tabs.certify_nav, #operation .operation_tab ul{width:274px;}
#certify .nav-tabs>li>a, #operation .operation_tab ul li{width:90px; font-size:1em;}
#certify .nav-tabs li{font-size:1em;}
#certify .tab-content .txt{font-size:1em;}
#certify .tab-content .certifyList:hover .certifyOver{display:none;}
#certify .info{padding:5% 0 0 0; font-size:1em;}

#philosophy .philoGraph .left, #philosophy .philoGraph .right{text-align:center;}
#philosophy .philoTable .table_data li{font-size:1em;}
#operation{font-size:1em;}
#operation .step01, #operation .step02, #operation .step03{padding-top:22%;}
#operation .intro{text-align:center;}
#operation .intro img{float:none; width:130px; margin-bottom:3%;}
#operation .step01 dt{float:none; width:100%; padding:2% 0;}
#operation .step01 dd{width:100%;}
#operation .step02 .best li{width:100%; padding:20px;}
#operation .step03 .intro{width:100%;}
#operation .step03 .intro img{float:none; width:200px; margin-bottom:3%;}
#operation .step03 .environ .ex{padding-top:0;}

.placeBox{padding:10px;}
.placeGroup .ex{padding:0 15px; font-size:1.05em; letter-spacing:-.5px; text-align:left;}
.placeGroup .ex span{display:inline;}
.placeBox .mapGroup{margin-bottom:0;}
.placeBox .info li{font-size:1.15em;}
.placeBox .photo{width:100%; max-width:700px; height:auto; margin-bottom:5px;}
.placeBox .photo img{width:100%;}
.placeBox .info{position:static; width:100%; height:auto; padding:10px 0;}
.placeBox .info li{float:none; width:100%; padding:1px 0 1px 25px;  font-size:1em; letter-spacing:-.5px;}
.placeBox .map{width:100%; margin-bottom:5px;}
/*#place .placeGroup{padding:15px;}
#place .placeList{margin-bottom:15px;}
#place .pl01{display:none; }
#place .pl03, #place .pl05{border-right:1px solid #e1e1e1;}
#place .pl02, #place .pl03{border-bottom:1px solid #e1e1e1;}
#place .detail{font-size:1em;}
#place .detail.tit{margin:3px 0; font-size:1.2em;}
#place .detail ul li{padding:1px 0 1px 15px; background-position:0 7px;}*/

#location .locationGroup{font-size:1em;}
#location .location{overflow:hidden; border:1px solid #e1e1e1;}
#location .info{width:100%; padding:2%; margin-right:0; text-align:left; color:#231f20;}
#location .info .tit{float:left; width:21%; margin:0 0 0 2%; font-size:1.2em;}
#location .info .tit span{display:block;}
#location .info ul {float:left; width:77%;}
#location .info ul li{padding:0;}
#location .info li span.add{display:inline;}
#location .mapBox{width:100%;}
#location .info .mail_tit{width:100%; margin:0; padding:5px 0 5px 50px; background:url('../images/sub/mail_bg.gif') 0 3px no-repeat;}
#location .add_mail{width:100%;}

#business .busiGroup .busiList{font-size:1.1em;}

#prod .nav-tabs.prod_nav{width:264px;}
#prod .nav-tabs>li>a{width:130px; font-size:1em;}
#prod .processGroup .processList .step{font-size:.95em;}
#prod .processGroup .processList .tit{font-size:1em;}
#prod .prodGroup .titGroup .tit{font-size:1.2em; }
#prod .prodGroup .prodList{overflow:hidden; margin-top:20px; padding:3% 15px; text-align:center; border:1px solid #c1c1c1; }
#prod .prodGroup .prodList .imgList{width:100%; }
#prod .prodGroup .prodList .imgList img{width:100%; }

#rnd .rnd_intro{margin:0; padding:5% 2%;}
#rnd .rnd_intro .visual{margin-bottom:10px;}
#rnd .rnd_intro img{width:100%;}
#rnd .rnd_intro .txt{line-height:160%; font-size:1em;}
#rnd .rnd_intro .big{font-size:1.1em;}
#rnd .rnd_intro .rnd_name{font-size:1.15em;}
#rnd .rnd_tech .rndList .graph{float:none; width:70%;}
#rnd .rnd_tech .rndList .tit{font-size:1.2em;}
#rnd .rnd_tech .rndList .ex{font-size:1em;}
#rnd .rnd_tech .titGroup li{font-size:1.1em;}
#rnd .rnd_tech .rndList .graph{float:none; width:70%;}
#rnd .rnd_tech .rndList .tit{font-size:1.2em;}
#rnd .rnd_tech .rndList .ex{font-size:1em;}
#rnd .rnd_tech .rndList .imgBox img{width:100%;}
#rnd .rnd_tech .rndList .imgBox p{display:block;}
#rnd .rnd_tech .rndList .rnd02_01 .imgBox img{max-width:378px;} 
#rnd .rnd_tech .rndList .rnd02_02 .imgBox img{max-width:200px;} 
#rnd .rnd_tech .rndList .rnd02_03 .imgBox img{max-width:207px;} 
#rnd .rnd_tech .rndList .rnd02_04 .imgBox img{max-width:198px;} 
#rnd .rnd_tech .rndList .rnd04_01 div{width:100%; margin:0;}
#rnd .rnd_tech .rndList .imgList{width:100%;}


#equip .equipList .txt{font-size:1em;}
#equip .nav-tabs.equip_nav{width:264px;}
#equip .nav-tabs>li>a{width:130px; font-size:1em;}
#equip .nav-tabs li{font-size:1em;}
#equip .equipList.basic02 img{padding:5px;} 
#equip .equipList.basic02 {margin-bottom:5%;}
#equip .equipList.basic02 .txt{line-height:60px; padding-top:0;}
#equip .basic02List.col-md-3.col-sm-4.col-xs-6{padding:0 5px;}
}

@media(max-width:645px){
#subVisual .subMenu.rnd li.short a{padding:3px 0;}
#subVisual .subMenu.rnd li a{height:70px;}
#ceo .ceoPhoto img{max-width:320px; }
#ceo .ceoGroup .subjEx span{display:block;}
#ceo .sign{font-size:1.05em;}
#ceo .sign span{font-size:1.3em;}
}



@media(max-width:410px){
.certifyList{min-height:300px;}
}

.boardT.table .article{width:75%;}
.boardT.table .date{width:25%;}
.boardT.table .date .mobile{display:none;}
.boardT.table td{font-size:1em;}
.boardT.table .tit{font-size:1em;}
.recruit_value ul{width:340px;}
.recruit_value li{float:left; width:100px; font-size:1.15em;}
.recruit_value li img{width:100%;}
.galleryGroup .galleryList{margin-bottom:5%;}
.galleryGroup .galleryList .detail{padding:5px;}
.galList.col-md-3.col-sm-4.col-xs-6{padding:0 5px;}

/* Æû Å×À̺í */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 table .bo_titlew{font-weight:600;border-top:2px solid #222; border-bottom:1px solid #222;text-align:center}
.tbl_frm01 th {width:150px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent;text-align:left}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}



/*ĸí ¸ð¹ÙÀÏ¿¡¼­ ÇǽùöÁ¯*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;width:80%;}
#captcha.m_captcha #captcha_key{width:100%; margin:5px 0 0 0;}
#captcha.m_captcha #captcha_reload span{background:none;display:inline;}
#captcha.m_captcha #captcha_reload {float:left; width:100px; position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:41px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer;}
#captcha.m_captcha .captcha_img_area{width:100px;height:41px;float:left; margin-right:5px;}