@charset "utf-8";
/* CSS Document */
.mot_sns{display:block;}
.foot_sns{display:none;}
/* divice 해상도에 따른 이미지 크기 조정 - 필요할 경우 사용 */
@media screen and (-webkit-min-device-pixel-ratio:1.5){} /* 안드로이드 */

/* mobile Device*/
@media screen and (max-width:850px) { #lnb, #full-width-slider, #sub_visual, .visual_img, #m_sub, .foot_bg{display:none;} }
@media all and (max-width:850px){

*{font-family:'Meiryo';}
body{min-width:320px;font-size:1em;line-height:1.5em;font-family:'Meiryo';}
img{max-width:100%;height:auto;}

/* layout */
#wrapper{overflow-x:hidden;}
#header{position:relative;}
#container{position:relative;margin:0;}
#footer{clear:both;position:relative;width:100%;border-top:solid 2px #ddd;}

.head{width:100%;height:80px;margin:0;}
.head_menu{width:100%;height:34px;margin:0;}

#gnb{top:0;right:0;}
#gnb a{padding:9px 15px 9px 15px;line-height:16px;}

#gnb .lang ul{top:35px;right:0px;z-index:11;}

/* 20181101 */
.mot_sns{display:none;}
.foot_sns{display:block;}
.foot_sns ul:after { content:"";clear:both; display:block; }
.foot_sns ul { text-align:center; }
.foot_sns ul li { display:inline-block;  }
/* //20181101 */

#m_lnb{display:block;}

#contents{position:relative;width:100%;margin:0;}
#content{padding:5% 5% 8% 5%;margin-bottom:0;}
#content_board{padding-top:20px;}

h1{top:60px;padding-left:2%;}
h1 img{max-width:150px;}
h2{float:none;font-size:2em;line-height:1.5em;}
h3{font-size:1.5em;line-height:1.5em;}

#content_head{margin:5% 3% 5% 3%;}
.location{display:none;}
.m_location{display:block;}
.m_location{float:none;margin-top:3%;padding-left:15px;font-size:0.7em;line-height:1em;background:url(../images/common/icon_home.gif) left center no-repeat;}
.m_location a:hover{text-decoration:underline;}
.m_location select{padding:5px 2px;font-size:1.05em;font-weight:bold;}

#snb{display:none;}

.foot_menu{width:100%;margin:0 5%;}
#footer .foot{width:100%;padding:5% 0;}
#footer .foot_logo{float:none;padding:0;}
#footer .copyright{float:none;padding:3% 5%;text-align:center;}

/* main */
.product{float:none;position:relative;overflow:hidden;width:100%;border:0;}
.product li{float:left;width:49%;}
.product p{font-size:1.25em;letter-spacing:0;}
.product a{font-size:0.85em;letter-spacing:0;}
.product .btn1{background:url(../images_eng/main/product_bg1_1.gif) no-repeat;}

.latest{position:relative;width:100%;border-top:solid 1px #ddd;}
.latest_tab{overflow:hidden;}

.main_latest .photo{width:120px;height:auto;}
.main_latest .title{width:50%;font-size:1em;line-height:1.5em;}
.main_latest .text{display:none;}
.main_latest .tit{float:left;width:330px;}
.main_latest .date{display:none;}

.video{float:none;position:relative;overflow:hidden;width:100%;}
.video .thumb{width:279px;margin:0 auto;}
.company{float:none;position:relative;overflow:hidden;width:100%;border-top:solid 1px #ddd;}
.rnd{position:relative;width:100%;border-top:solid 1px #ddd;}

/* sub1 */
.boardList_head{text-align:right;}
.boardList_num{display:none;}
.srch_keyword{width:50%;}
.boardList_search{float:none;}

.tbl_board img{width:100%;}

#sub_visual{display:none;}

.title{font-size:1.2em;letter-spacing:-1px;line-height:1.5em;text-align:left;}
.title span{font-size:1.2em;font-weight:bold;}

.summary .title{font-size:1.2em;line-height:1.6em;}
.summary .title span{font-size:1.1em;}
.summary .txt{padding-top:70%;background:url(../images_eng/sub1/sum_img.jpg) center 0 no-repeat;background-size:100% auto;}
.summary .txt .paddingR100{padding-right:0;}

.history{width:300px;height:100%;margin:0 auto;background:none;}
.history ul{position:relative;overflow:hidden;}
.history li{position:relative;overflow:hidden;top:0;left:0;width:300px;height:320px;}
.history dl{display:block;position:relative;width:100%;padding:240px 10px 0 10px;}
.history dt{margin-bottom:5px;}

.history .date1 dl{top:0;left:0;}
.history .date2{top:0;left:0;}
.history .date2 dl{top:0;left:0;text-align:left;}
.history .date3{top:0;}
.history .date3 dl{top:0;left:0;}
.history .date4{top:0;left:0;}
.history .date4 dl{top:0;left:0;text-align:left;}
.history .date5{top:0;left:0;}
.history .date5 dl{top:0;left:0;}
.history .date6{top:0;left:0;}
.history .date6 dl{top:0;left:0;text-align:left;}
.history .date7{top:0;left:0;height:340px;}
.history .date7 dl{top:0;left:0;}
.history .date8{top:0;left:0;}
.history .date8 dl{top:0;left:0;text-align:left;}
.history .date9{top:0;left:0;}
.history .date9 dl{top:0;left:0;}
.history .date10{top:0;left:0;}
.history .date10 dl{top:0;left:0;text-align:left;}
.history .date11{top:0;left:0;}
.history .date11 dl{top:0;left:0;width:200px;}
.history .date12{top:0;left:0;}
.history .date12 dl{top:0;left:0;text-align:left;}
.history .date13{top:0;left:0;height:auto;margin-top:0px;}
.history .date13 dl{top:0;left:0;width:auto;text-align:left; padding-top:0;}
.history .date14{top:0;left:0;height:auto;margin-top:40px;}
.history .date14 dl{top:0;left:0;width:auto;text-align:left; padding-top:0;}
.history .date15{top:0;left:0;height:auto;margin-top:40px;}
.history .date15 dl{top:0;left:0;width:auto;text-align:left; padding-top:auto; }

.cont_img{padding:0;}
.p_img{display:none;}
.m_img{display:block;}

.policy li{;margin-bottom:10px;}

.address{overflow:hidden;margin-top:0;font-size:0.75em;}
.address dt{width:15%;padding:10px 0;}
.address dd{padding:10px 0 10px 17%;}

/* sub2 */
.range{position:relative;}
.range li{position:relative;border-bottom:solid 1px #ccc;font-size:1.5em;line-height:2em;}
.range li:hover{font-weight:bold;}
.product1{top:0;left:0;width:100%;color:#2c64d7;}
.product2{top:0;left:0;width:100%;color:#ca3c56;}
.product3{top:0;left:0;width:100%;color:#7053ec;}
.product4{top:0;left:0;width:100%;color:#11b300;}
.product5{top:0;left:0;width:100%;color:#29becf;}
.product6{top:0;left:0;width:100%;color:#bd9700;}

#content .range_txt{margin-top:0;}

.range ul{position:relative;top:0;left:0;padding:15px;border:solid 1px #ddd;background-color:#f9f9f9;}
.menu li{position:relative;border:0;font-size:0.65em;line-height:2em;}
.menu li:hover{font-weight:normal;}
.range .menu6{top:0;}
.menu6 li{position:relative;border:0;font-size:0.65em;line-height:2em;}
.menu6 li:hover{font-weight:normal;}

.machine_view{margin-top:0;padding-top:15px;}
.machine_view .basic{width:100%;}

.machine_view .photo{float:left;width:100%;}
.machine_view .photo .detail{width:100%;border:0;}
.machine_view .photo .detail img{width:100%;height:auto;}
.machine_view .photo .thumb{padding:10px;}
.machine_view .photo .thumb img{width:50px;height:auto;border:solid 2px #fff;}
.machine_view .photo .thumb li{margin-right:5px;}

.machine_view .info{width:100%;margin-top:20px;}
.machine_view .info dt{float:left;width:17%;padding:10px 0 0 10px;font-size:0.75em;line-height:1.2em;letter-spacing:-1px;font-weight:bold;}
.machine_view .info dd{padding:5px 5px 0 25%;font-size:0.85em;line-height:1.5em;text-align:left;background:url(../images/common/info_bulet.gif) 23% 14px no-repeat;}
.machine_view .info .last{padding-bottom:10px;border-bottom:solid 1px #ddd;}

/* sub3 */
.rnd_text{width:100%;height:520px;padding-left:0;background:url(../images_eng/sub3/rnd_img.gif) center bottom no-repeat;background-size:80% auto;}
.rnd_text dl{float:none;height:auto;padding:0;background:none;}
.rnd_text dt{margin-bottom:10px;font-size:1.5em;}
.rnd_text dd{font-size:1em;line-height:1.5em;background:url(../images/sub1/vision_bulet.gif) 0 center no-repeat;}

#content .quality_text{font-size:1em;line-height:1.5em;}

.cer_list{width:100%;padding-left:0;background:none;}

.box_tit span{padding:5px;}

.dev_history{padding-left:0;background:none;line-height:1.5em;}
.dev_history dt{width:20%;margin-bottom:5px;color:#fff;font-size:0.75em;text-align:center;font-weight:bold;background-color:#8f94ad;}
.dev_history dd{padding-left:25%;margin-bottom:5px;}

/* sub5 */
.welfare li{width:70%;height:100px;margin:0 0 1% 0;padding-left:30%;font-size:0.75em;line-height:1.5em;text-align:justify;}
.welfare span{font-size:1.5em;margin-bottom:5px;letter-spacing:-2px;line-height:1em;}
.welfare .item1{background:url(../images/sub5/welfare_icon1.gif) no-repeat;background-size:auto 80%;}
.welfare .item2{background:url(../images/sub5/welfare_icon2.gif) no-repeat;background-size:auto 80%;}
.welfare .item3{background:url(../images/sub5/welfare_icon3.gif) no-repeat;background-size:auto 80%;}
.welfare .item4{background:url(../images/sub5/welfare_icon4.gif) no-repeat;background-size:auto 80%;}
.welfare .item5{background:url(../images/sub5/welfare_icon5.gif) no-repeat;background-size:auto 80%;}
.welfare .item6{background:url(../images/sub5/welfare_icon6.gif) no-repeat;background-size:auto 80%;}
.welfare .item7{background:url(../images/sub5/welfare_icon7.gif) no-repeat;background-size:auto 80%;}
.welfare .item8{background:url(../images/sub5/welfare_icon8.gif) no-repeat;background-size:auto 80%;}
.welfare .item9{background:url(../images/sub5/welfare_icon9.gif) no-repeat;background-size:auto 80%;}
.welfare .item10{background:url(../images/sub5/welfare_icon10.gif) no-repeat;background-size:auto 80%;}
.welfare .item11{background:url(../images/sub5/welfare_icon11.gif) no-repeat;background-size:auto 80%;}
.welfare .item12{background:url(../images/sub5/welfare_icon12.gif) no-repeat;background-size:auto 80%;}
.welfare .item13{background:url(../images/sub5/welfare_icon13.gif) no-repeat;background-size:auto 80%;}
.welfare .item14{background:url(../images/sub5/welfare_icon14.gif) no-repeat;background-size:auto 80%;}
.welfare .item15{background:url(../images/sub5/welfare_icon15.gif) no-repeat;background-size:auto 80%;}
.welfare .item16{background:url(../images/sub5/welfare_icon16.gif) no-repeat;background-size:auto 80%;}
.welfare .item17{background:url(../images/sub5/welfare_icon17.gif) no-repeat;background-size:auto 80%;}

.step{margin:20% 0 0 0;}
.step li{padding-left:70px;font-size:0.75em;line-height:1.5em;}
.step span{display:block;font-size:1.5em;font-weight:bold;letter-spacing:-1px;}
.step .item1{background:url(../images/sub5/step_icon1.gif) no-repeat;background-size:auto 80%;}
.step .item2{background:url(../images/sub5/step_icon2.gif) no-repeat;background-size:auto 80%;}
.step .item3{background:url(../images/sub5/step_icon3.gif) no-repeat;background-size:auto 80%;}
.step .item4{background:url(../images/sub5/step_icon4.gif) no-repeat;background-size:auto 80%;}

.mobile_adsense {display:block;}

/* sub6*/
.as{margin-top:0;padding:0;background:none;}
.as h3{font-size:2.5em;}
.as h4{font-size:1.65em;}
#content .as p{margin-bottom:30px;font-size:1em;line-height:1.5em;}
.as li{margin-left:0;font-size:1em;line-height:2em;}

}
/* Tablet Device*/
@media all and (min-width:850px) and (max-width:1023px) { #lnb, #full-width-slider, .mobile_adsense, .foot_bg{display:none;} }
@media all and (min-width:850px) and (max-width:1023px) {

body{font-size:1em;line-height:1.5em;}
img{max-width:100%;height:auto;}

/* layout */
#wrapper{overflow-x:hidden;}
#header{position:relative;}
#container{position:relative;margin:0;}
#footer{clear:both;position:relative;width:100%;border-top:solid 2px #ddd;}

.head{width:100%;height:80px;margin:0;}
.head_menu{width:100%;height:34px;margin:0;}

#gnb{top:0;right:0;}
#gnb a{padding:9px 15px 9px 15px;line-height:16px;}

#m_lnb{display:block;}

#contents{position:relative;width:100%;margin:0;}
#content{padding:150px 3% 3% 3%;}

h1{top:60px;padding-left:2%;}
h1 img{max-width:150px;}
h2{float:none;line-height:1.5em;}

#content_head{margin:3% 2%;}
#snb{margin:0 2%;}

.location{display:none;}
.m_location{display:block;}
.m_location{float:none;margin-top:2%;padding-left:15px;font-size:1em;line-height:1em;letter-spacing:-1px;background:url(../images/common/icon_home.gif) left center no-repeat;}
.m_location a:hover{text-decoration:underline;}
.m_location select{padding:5px 10px;font-size:1.05em;font-weight:bold;}

.foot_menu{width:100%;margin:0 5%;}
#footer .foot{width:100%;padding:5% 0;}
#footer .foot_logo{float:none;padding:0;}
#footer .copyright{float:none;padding:3% 5%;text-align:center;}

/* main */
.product{float:left;position:relative;overflow:hidden;width:100%;border:0;}
.product li{float:left;width:30%;}
.product p{font-size:1.5em;letter-spacing:0;}

.latest{width:40%;}
.latest_tab{overflow:hidden;}

.main_latest .photo{width:120px;height:auto;}
.main_latest .title{width:50%;font-size:1em;line-height:1.5em;}
.main_latest .text{display:none;}
.main_latest .tit{float:left;width:330px;}
.main_latest .date{display:none;}

.video{float:left;overflow:hidden;width:33%;}
.company{float:left;overflow:hidden;width:33%;}
.rnd{float:left;overflow:hidden;width:33%;}

/* sub1 */
#sub_visual{display:none;}

.summary .txt{padding-top:55%;background:url(../images_eng/sub1/sum_img.jpg) center 0 no-repeat;background-size:80% auto;}
.summary .txt .paddingR100{padding-right:0;}

.history{width:700px;height:100%;margin:0 auto;background:none;}
.history ul{position:relative;overflow:hidden;}
.history li{position:relative;overflow:hidden;top:0;left:0;float:left;width:300px;height:320px;margin-right:50px;}
.history dl{display:block;position:relative;width:100%;padding:240px 10px 0 10px;}
.history dt{margin-bottom:5px;}

.history .date1 dl{top:0;left:0;}
.history .date2{top:0;left:0;}
.history .date2 dl{top:0;left:0;text-align:left;}
.history .date3{top:0;}
.history .date3 dl{top:0;left:0;}
.history .date4{top:0;left:0;}
.history .date4 dl{top:0;left:0;text-align:left;}
.history .date5{top:0;left:0;}
.history .date5 dl{top:0;left:0;}
.history .date6{top:0;left:0;}
.history .date6 dl{top:0;left:0;text-align:left;}
.history .date7{top:0;left:0;height:340px;}
.history .date7 dl{top:0;left:0;}
.history .date8{top:0;left:0;height:340px;}
.history .date8 dl{top:0;left:0;text-align:left;}
.history .date9{top:0;left:0;}
.history .date9 dl{top:0;left:0;}
.history .date10{top:0;left:0;}
.history .date10 dl{top:0;left:0;text-align:left;}
.history .date11{top:0;left:0;}
.history .date11 dl{top:0;left:0;width:200px;}
.history .date12{top:0;left:0;}
.history .date12 dl{top:0;left:0;text-align:left;}

.cont_img{padding:0;}
.p_img{display:none;}
.m_img{display:block;}

.policy li{width:32%;margin-bottom:10px;}

/* sub2 */
.range{position:relative;}
.range li{position:relative;border-bottom:solid 1px #ccc;font-size:1.5em;line-height:2em;}
.range li:hover{font-weight:bold;}
.product1{top:0;left:0;width:100%;color:#2c64d7;}
.product2{top:0;left:0;width:100%;color:#ca3c56;}
.product3{top:0;left:0;width:100%;color:#7053ec;}
.product4{top:0;left:0;width:100%;color:#11b300;}
.product5{top:0;left:0;width:100%;color:#29becf;}
.product6{top:0;left:0;width:100%;color:#bd9700;}

.range ul{position:relative;top:0;left:0;padding:15px;border:solid 1px #ddd;background-color:#f9f9f9;}
.menu li{position:relative;border:0;font-size:0.65em;line-height:2em;}
.menu li:hover{font-weight:normal;}
.range .menu6{top:0;}
.menu6 li{position:relative;border:0;font-size:0.65em;line-height:2em;}
.menu6 li:hover{font-weight:normal;}

/* sub3 */
.rnd_text{width:100%;height:600px;padding-left:0;background:url(../images/sub3/rnd_img.gif) center bottom no-repeat;background-size:60% auto;}
.rnd_text dl{height:auto;background:none;}
.rnd_text dt{margin-bottom:10px;font-size:1.5em;}
.rnd_text dd{font-size:1em;line-height:1.5em;background:url(../images/sub1/vision_bulet.gif) 0 center no-repeat;}

/* sub6*/
.as{margin-top:-30px;height:350px;padding:0 30% 0 0;background:url(../images/sub6/as_img.gif) top right no-repeat;background-size:auto 80%;}
.as h3{font-size:2.5em;}
.as h4{font-size:1.65em;}
#content .as p{margin-bottom:30px;font-size:1em;line-height:1.5em;}
.as li{margin-left:0;font-size:1em;line-height:2em;}

}

/* Desktop Device*/
@media all and (min-width:1024px) { #m_lnb, .m_location, .mobile_adsense, .m_img{display:none;} }
@media all and (min-width:1024px) and (max-width:1600px) {
img{max-width:100%;height:auto;}

}