@charset "utf-8";

#dHead #gnb {max-width:976px;margin:0 auto;}
#dHead.wide {max-width:100%;background:#fff;}
#dHead.wide #gnb {max-width:100%;}

.contents-wrap {margin:0 8px 80px 8px;padding:0;}
.uiMobile .contents-wrap {background:#e6e6e6;}

.main-contents-block {margin-top:35px;}
/**.main-contents-block:first-child {margin-top:25px;}**/
.main-contents-block .column-block {margin-top:0;}
.main-contents-block h2 {font-size:22px;margin-bottom:13px;}
.main-contents-block h2 > em {font-size:inherit;font-family:inherit;display:inline-block;}
.main-contents-block h2.text {margin-bottom:7px;}

.uiMobile .contents-wrap {padding-top:0;}
.uiMobile .column-block-1 {margin:0;padding-top:10px;background:#fff;}
.uiMobile .column-block {float:none;padding:0;box-sizing:border-box;background:#fff;}
.uiMobile .column-block-2 .column-block,
.uiMobile .column-block-3 > .column-block-2, 
.uiMobile .column-block-3 .column-block {width:100%;padding:10px 0 0 0;float:none;background:#fff;}
.uiMobile .column-block-3 > .column-block{margin-top:12px;}
.uiMobile .column-block-3 > .column-block:first-child{margin-top:0;}
.uiMobile .main-contents-block {margin-top:0;padding-top:12px;}
.uiMobile .main-contents-block h2 {margin-bottom:0;padding:0 0 6px 12px;font-size:18px;}
.uiMobile .main-contents-block .column-block.mblock {margin-top:12px;}

/** ========================================= Notice area =========================================  **/

.main-notice-box {max-width:1200px;margin:0 auto;position:relative;background:#ccc;padding:16px 0;}
.main-notice-detail {background:#eeeeee; padding:20px 16px 24px 16px;position:relative;}
.main-notice-detail p {line-height:1.5em;}
.main-notice-detail .go-detail {display:inline-block;margin-top:10px;}
.main-notice-detail .today-check {position:absolute;right:35px;top:5px;}
.ico-notice-close {position:absolute;right:0;top:0;width:25px;height:25px;background:url(img/ico_today_x.png) no-repeat;text-indent:-999em;overflow:hidden;}

.uiMobile .main-notice-box {display:none;}

/** ========================================= Key visual slider =========================================  **/

.slider_landing {max-width:1200px;height:500px;margin:0 auto;position:relative;margin-top:-136px;z-index:1;overflow:hidden;}
.slider_landing.wide {max-width:100%;margin-top:0;}
.slider_landing .bxslider > li {min-height:500px;background-repeat:no-repeat;background-size:cover;}
.slider_landing .slogan {position:absolute;left:0;top:0;width:100%;}
.slider_landing .slogan > div {margin:0 auto;max-width:976px;height:100%;position:relative;}
.slider_landing .slogan .message_box {position:absolute;left:0;top:150px;bottom:15px;width:336px;height:336px;background:rgba(0,23,168,0.8);color:#fff;padding:24px 16px;box-sizing:border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60018a8', endColorstr='#e60018a8',GradientType=0 ); }
.slider_landing .slogan .message_box:after {content:"";clear:both;display:block;}
.slider_landing .slogan .message_box dt {font-size:28px;font-family:"Rix";line-height:1.15;margin-bottom:15px;}
.slider_landing .slogan .message_box dt > a {font-size:28px;font-family:inherit;text-decoration:none;color:#fff;}
:lang(en) .slider_landing .slogan .message_box dt {font-family:"Metaplus";}
.slider_landing .slogan .message_box dd {font-size:16px;line-height:1.500em;}

.slider_landing.horizental .slogan {position:absolute;left:0;top:auto;bottom:0;width:100%;}
.slider_landing.horizental .slogan .message_box {left:0;top:auto;bottom:0;width:100%;height:auto;box-sizing:border-box;}
.slider_landing.horizental .slogan .message_box dt {width:33.3333%;float:left;margin:0;}
.slider_landing.horizental .slogan .message_box dd {padding-left:33.3333%;}
.slider_landing.horizental .slogan .message_box dd p {padding-left:16px;}
.slider_landing.horizental .bx-pager {position:absolute;right:128px;left:auto;bottom:16px;}

.landing-pager {max-width:976px;margin:0 auto;position:relative;z-index:50;}
.landing-pager > div {position:absolute;left:0;bottom:28px;width:320px;text-align:right;}
.slider_landing.horizental .landing-pager > div {position:absolute;right:16px;bottom:16px;left:auto;width:auto;}
.landing-pager a {display:inline-block;width:9px;height:9px;text-indent:-999em;overflow:hidden;border:solid 1px #fff;background:transparent;;margin-left:10px;text-align:left;}
.landing-pager a.active {background:#fff;}

.uiMobile .landing-pager {display:none;}
.uiMobile .slider_landing {height:300px;margin-top:0;}
.uiMobile .slider_landing .bxslider > li {min-height:250px;}
.uiMobile .slider_landing .slogan {top:auto;bottom:0;background: linear-gradient(to top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.uiMobile .slider_landing .slogan .message_box {position:static;background:transparent;padding:12px 12px 32px 12px;width:auto;height:auto;
background:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background:-moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background:-o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background:linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorStr=#00333333, endColorStr=#e6000000 );
-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorStr=#00333333, endColorStr=#e6000000 );
}
.uiMobile .slider_landing .slogan .message_box dt {float:none;font-size:18px;width:100%;margin:0;}
.uiMobile .slider_landing .slogan .message_box dt > a {font-size:18px;font-family:inherit;text-decoration:none;color:#fff;}
.uiMobile .slider_landing .slogan .message_box dd, .uiMobile .slider_landing .slogan .message_box dd p {padding-left:0;font-size:14px;}

.uiMobile .slider_landing .bx-pager {position:absolute;left:0;bottom:10px;z-index:50;width:100%;text-align:center;}
.uiMobile .slider_landing .bx-pager .bx-pager-item {display:inline-block;}
.uiMobile .slider_landing .bx-pager .bx-pager-item a {display:inline-block;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:#fff;border-radius:100%;margin:0 5px;}
.uiMobile .slider_landing .bx-pager .bx-pager-item a.active {background:#7d93a1;}

/** ========================================= Photo slider =========================================  **/

.main-multi-slide {position:relative;}
.main-multi-slide .bx-wrapper {overflow:hidden;max-width:944px !important;}
.main-multi-slide .bx-viewport {padding-left:72px;}
.main-multi-slide .bxslider li {background:#ededed;}
.main-multi-slide{height:172px;overflow:hidden;}
.main-multi-slide .bxslider li{float:left;height:172px;margin-right:10px;background:#ededed;}
.main-multi-slide .bxslider li img{width:224px;height:123px;}

.main-multi-slide .bx-caption {background:#ededed;color:#0066cc;padding:13px 16px;}
.main-multi-slide .bx-controls-direction a {display:inline-block;position:absolute;width:64px;height:100%;text-indent:-9999em;overflow:hidden;background:rgba(0,0,0,0.8);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6000000', endColorstr='#c6000000 ',GradientType=0 );}
.main-multi-slide .bx-controls-direction a:after {content:"";position:absolute;width:24px;height:34px;background:url(img/ico_slider.png) left top no-repeat;left:50%;top:50%;margin:-17px 0 0 -12px;}
.main-multi-slide .bx-controls-direction a.bx-next:after {background-position:right top;}
.main-multi-slide .bx-controls-direction a.bx-prev {left:0;top:0;}
.main-multi-slide .bx-controls-direction a.bx-next {right:0;top:0;}
.main-multi-slide .bx-controls-direction a:hover {background:#0066cc;}
.main-multi-slide .bx-controls-direction a.disabled {background:#ccc;}
.main-multi-slide .bx-pager {position:absolute;right:0;top:-26px;}
.main-multi-slide .bx-pager .bx-pager-item {float:left;}
.main-multi-slide .bx-pager .bx-pager-item a {display:inline-block;width:9px;height:9px;text-indent:-999em;overflow:hidden;border:solid 1px #7d91a0;background:#fff;margin-left:10px;}
.main-multi-slide .bx-pager .bx-pager-item a:hover {background:#0066cc;border-color:#0066cc;}
.main-multi-slide .bx-pager .bx-pager-item a.active {background:#7d91a0;}

.uiMobile .main-multi-slide{height:auto;}
.uiMobile .main-multi-slide .bxslider li{float:left;height:auto;}
.uiMobile .main-multi-slide .bxslider li img{width:100%;height:auto;}

.uiMobile .main-multi-slide .bx-wrapper {overflow:hidden;max-width:100% !important;}
.uiMobile .main-multi-slide .bx-viewport {padding-left:0;}
.uiMobile .main-multi-slide .bx-caption {position:absolute;background:rgba(0,0,0,0.7);color:#fff;padding:9px 12px;left:0;bottom:0;width:100%;box-sizing:border-box;}
.uiMobile .main-multi-slide .bx-caption a {color:#fff;}
.uiMobile .main-multi-slide .bx-controls-direction a {display:inline-block;position:absolute;overflow:hidden;width:40px;height:40px;margin-top:-20px;text-indent:-9999em;background:url(img/ico_slider.png) left -50px no-repeat;top:50%;background-size:100px;}
.uiMobile .main-multi-slide .bx-controls-direction a:after {display:none;}
.uiMobile .main-multi-slide .bx-controls-direction a.bx-prev {background-position:left -50px;left:0;}
.uiMobile .main-multi-slide .bx-controls-direction a.bx-next {background-position:right -50px;right:0;}
.uiMobile .main-multi-slide .bx-controls-direction a.bx-prev.disabled, .uiMobile .main-multi-slide .bx-controls-direction a.bx-next.disabled {opacity:0.5;}
.uiMobile .main-multi-slide .bx-pager {position:absolute;right:12px;top:auto;bottom:0;padding:9px 0;color:#7d91a0;font-weight:700;font-size:12px;}

/** ========================================= Banner(thumbnail) =========================================  **/

.banner .thumb{border:1px solid #eaeaea;}

/** ========================================= title+summary+date( ex) News...) =========================================  **/

.main-type01 dt {overflow:hidden;height:2.9em;margin-bottom:15px;color:#0066cc;font-size:15px;font-weight:700;line-height:1.5em;word-wrap:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
@media screen and (max-width: 940px) {
	.main-type01 dt {height:1.5em;-webkit-line-clamp:1;}
}
:lang(en) .main-type01 dt {font-size:16px;}
.main-type01 dd {margin-top:3px;}
.main-type01 dd .data{font-size:11px;margin-top:8px;}
:lang(en) .main-type01 dd .data {font-size:12px;}

.uiMobile .main-type01 {padding:0 12px 10px 12px;}
.uiMobile .main-type01 dt {font-size:14px;}
.uiMobile .main-type01 dd time {margin-top:3px;}

/** ========================================= thumbnail + text (column 2) =========================================  **/

.main-type02 .thumb {float:left;width:50%;padding-right:8px;box-sizing:border-box;}
.main-type02 .text-block {margin-left:8px;padding-left:50%;}
.main-type02 .text-block a {color:inherit;}

.uiMobile .main-type02 .thumb {float:none;width:100%;padding:0;}
.uiMobile .main-type02 .text-block {padding:12px;}

/** ========================================= video + summary =========================================  **/

.main-type03 .video {position:relative;background:#000;}
.main-type03 .video > a {display:block;}
.main-type03 .video img {width:100%;}
.main-type03 .video:hover .ico-play {background-position:-150px -70px;}
.main-type03 .video:hover img {opacity:0.3;filter:alpha(opacity=30);}
.main-type03 p {margin-top:6px;}

.uiMobile .main-type03 p {margin-top:0;padding:6px 12px;}

/** ========================================= 1column area > 2contents =========================================  **/

.main-type04 {margin-bottom:16px;}
.uiMobile .main-type04 {margin-bottom:0;}

/** ========================================= download =========================================  **/

.main-download-list:after {content:"";display:block;clear:both;}
.main-download-list li {float:left;padding:0 8px;width:50%;box-sizing:border-box;}
.main-download-list li:first-child {padding-left:0;}
.main-download-list li:last-child {padding-right:0;}
.main-download-list li .thumb {border:solid 1px #ddd;}
.main-download-list li a.ico-lnk {margin-top:0;}
.main-download-list li p {margin-top:6px;}

.uiMobile .main-download-list {padding:0 12px 12px 12px;margin:0;}
.uiMobile .main-download-list li {float:none;width:100%;padding:0;}
.uiMobile .main-download-list li .thumb {display:none;}

/** ========================================= customers =========================================  **/

.main-customer-list li:after {content:"";display:block;clear:both;}
.main-customer-list li {border:solid 1px #ddd;margin-top:16px;}
.main-customer-list li:first-child {margin-top:0;}
.main-customer-list li .thumb {width:98px;height:98px;float:left;}
.main-customer-list li dl {padding-left:114px;}
.main-customer-list li dt {font-weight:700;font-size:1.154em;margin:12px 0 6px 0;}
:lang(en) .main-customer-list li dt {font-size:1.143em;}
.main-customer-list li dd {padding:0 0 8px 0;overflow:hidden;word-wrap:break-word;height:2.5em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-customer-list.small li {margin-top:12px;height:80px;overflow:hidden;}
.main-customer-list.small li .thumb {width:80px;height:80px;float:left;}
.main-customer-list.small li dl {padding-left:92px;line-height:1.3em;}
.main-customer-list.small li dt {font-weight:700;font-size:0.929em;;margin:8px 0 0 0;}
.main-customer-list.small li dd {margin:6px 8px 0 0;font-size:0.929em;height:2.0em;}
@media screen and (max-width: 950px) {
	:lang(en) .main-customer-list li dd {-webkit-line-clamp:1;height:0.7em;}
	:lang(en) .main-customer-list.small li:last-child dd {-webkit-line-clamp:1;height:0.7em;}
}
@media screen and (max-width: 768px) {
	.main-customer-list li dd {-webkit-line-clamp:1;height:0.7em;}
	.main-customer-list.small li:last-child dd {-webkit-line-clamp:1;height:0.7em;}
}

.uiMobile .main-customer-list  {margin:0;padding:0 12px;}
.uiMobile .main-customer-list li {border:0;margin:0;border-top:solid 1px #ddd;padding:10px 0;}
.uiMobile .main-customer-list li:first-child {border:0;padding-top:0;}
.uiMobile .main-customer-list li .thumb {display:none;}
.uiMobile .main-customer-list li dl {padding:0;}
.uiMobile .main-customer-list li dt {margin:0;}
.uiMobile .main-customer-list li dd {padding:0;height:auto;}
.uiMobile .main-customer-list.small li {height:auto;}
.uiMobile .main-customer-list.small li dt, .uiMobile .main-customer-list.small li dd {font-size:1em;}
.uiMobile .main-customer-list.small li dd,
:lang(en) .uiMobile .main-customer-list.small li:last-child dd {height:2.5em;-webkit-line-clamp:2;}

/** ========================================= Related Sites =========================================  **/

.dlinks {padding:12px 16px;background:#dddddd;}
.dlinks h2,
.dlinks h2 a {letter-spacing:0;color:#1e1e1e;font-family:나눔고딕,"Nanum Gothic",dotum;font-size:14px;margin-bottom:11px;}
:lang(en) .dlinks h2, :lang(en) .dlinks h2 a{font-family:"arial";}
.dlinks .product_srh {position:relative;padding-right:43px;}
.dlinks .product_srh .type_btn:hover, .dlinks .product_srh .type_btn:focus {background:#06c;}
.dlinks .product_srh .type_btn {position:absolute;right:0;top:0;width:23px;height:30px;line-height:30px;padding:0 10px;text-align:center;text-decoration:none;vertical-align:middle;color:#fff;background:#4f5964;cursor:pointer;}
.dlinks .product_srh select {width:100%;height:30px;padding:5px 6px 5px;margin:0 3px 0 0;border:1px solid #7e91a0;}
.dlinks .product_srh select:focus{background:#eee}

.uiMobile .dlinks {padding:0 12px 12px 12px;background:#fff;}
.uiMobile .dlinks h2,
.uiMobile .dlinks h2 a {font-size:18px;margin-bottom:0;line-height:35px;padding-left:0;}
.uiMobile .dlinks .product_srh {padding-right:0;}
:lang(en) .uiMobile .dlinks h2, :lang(en) .uiMobile .dlinks h2 a{font-family:"Metaplus";}
.uiMobile .dlinks .product_srh .type_btn{position:relative;margin-top:10px;margin-left:0;width:100%;}

/** ========================================= Layout =========================================  **/

.uiMobile .column-block-2_mobile .column-block{float:left;width:50%;margin-top:12px;padding:0 6px;background-color:transparent;}
.uiMobile .column-block-2_mobile .column-block:nth-child(2n-1){padding-left:0;}
.uiMobile .column-block-2_mobile .column-block:nth-child(2n){padding-right:0;}
.uiMobile .column-block-2_mobile .column-block:nth-child(1),
.uiMobile .column-block-2_mobile .column-block:nth-child(2){margin-top:0;}

/** ==================================== Site only : Mecatec ====================================  **/

.uiWeb .slider_landing.long {height:526px;} /* 2016-07-11 ver */
.slider_landing.long .bxslider > li {min-height:526px;} /* 2016-07-11 ver */
.slider_landing.long .slogan .message_box {top:170px;}
.slider_landing .slogan .message_box a {color:#fff;font-size:.9em;} /* 2016-07-11 ver */
.slider_landing .slogan .message_box p + a {display:inline-block;margin-top:16px;}
.slider_landing .bxslider > li:nth-child(1) {background:url(img/key_visual/main_visual01.jpg) center top no-repeat;background-size:cover;}
.slider_landing .bxslider > li:nth-child(2) {background:url(img/key_visual/main_visual02.jpg) center top no-repeat;background-size:cover;}
.slider_landing .bxslider > li:nth-child(3) {background:url(img/key_visual/main_visual03.jpg) center top no-repeat;background-size:cover;}
.slider_landing.long .landing-pager > div{bottom:200px;} /* 2016-07-11 ver */
.slider_landing.long .bx-has-controls-auto{bottom:213px;} /* 2016-07-11 ver */

.main-customer-list.small li dt {font-weight:700;font-size:inherit;margin:8px 0 0 0;} /* 2016-07-11 ver modify */
.main-customer-list.small li dd {height:auto;font-size:inherit;line-height:1.6;}

.uiWeb .small + .dlinks {margin-top:10px;padding:13px 16px;}
.uiWeb .small + .dlinks h2, .uiWeb .small .dlinks h2 a {margin-bottom:6px;}

.uiMobile .small + .dlinks {margin-top:12px;}
.dlinks {padding:21px 16px;}

.main-type02.banner-type p {margin-top:6px;}
.main-type02.banner-type .thumb{float:none;width:auto;padding-right:0;}
.uiMobile .main-type02.banner-type p {margin-top:0;padding:6px 0;}

/** ========================================= title+summary + site_link =========================================  **/
.main-type04 {padding:28px 0 0}
.uiMobile .main-type04 {padding:0;background:#e6e6e6;}
.uiMobile .main-type04 .main-customer-list{padding:0;}
.uiMobile .main-type04 .main-customer-list li{padding:0 12px;background:#fff;}
.uiMobile .main-type04 .main-customer-list.small li dd{height:auto;padding:0 0 6px;}