@charset "utf-8";
/* CSS Document */

/*팝업 관련 css*/
.popup-wrap {position:absolute;z-index:1000;}
.popup-wrap div.popup div.popup-close {overflow:hidden;height:25px;display:block;width:100%;color:#fff;text-align:right;background:#383838;}
.popup-wrap div.popup div.popup-close span.today {float:left;margin:3px 0 0 10px;}
.popup-wrap div.popup div.popup-close img.btn-close {float:right;cursor:pointer;margin:3px 5px 0 0;}

#main_top {position:relative;width:100%;height:720px;min-width:990px;}

/*header 시작*/
header {width:100%;height:246px;}
header h1, header ul, header ul li {margin:0;padding:0;list-style:none;}

nav.util {width:990px;overflow:hidden;margin:0 auto;}
nav.util ul {float:right;margin:0;padding:6px 0 5px 0;}
nav.util li {float:left;padding:0 12px 0 12px;background:url(/assets/images/en/common/bg_util.png) right 6px no-repeat;}
nav.util li.last {padding-right:19px;background:none;}

nav#gnb {position:relative;width:990px;height:55px;margin:0 auto;background:url(/assets/images/en/common/gnb_bar.png) no-repeat;}
nav#gnb h1 {float:left;margin:0 82px 0 49px;}
nav#gnb ul.depth_01 li {float:left;}
nav#gnb ul.depth_01 li img {float:left;}
nav#gnb ul.depth_01 li.business-information {padding-right:31px}
nav#gnb ul.depth_01 li.product-information {padding-right:31px}
nav#gnb ul.depth_01 li.customer-support {padding-right:34px}
nav#gnb ul.depth_01 li.environment-safety {padding-right:27px}

nav#gnb div.gnb-sub {position:absolute;left:0;top:45px;width:990px;height:132px;background:url(/assets/images/en/common/gnb_bar_on.png) no-repeat;display:none;}
nav#gnb div.gnb-sub ul {position:absolute;top:14px;}
nav#gnb div.gnb-sub ul li {overflow:hidden;margin-bottom:2px;}

nav#gnb div.gnb-sub ul.business-information {left:233px;}
nav#gnb div.gnb-sub ul.product-information {left:410px;}
nav#gnb div.gnb-sub ul.customer-support {left:577px;}
nav#gnb div.gnb-sub ul.environment-safety {left:730px;}
nav#gnb div.gnb-sub ul.rnd {left:875px;}

.product-list-wrap {width:990px;margin:0 auto;}
.product-list-wrap .product-list {position:relative;margin:100px 0 0 700px;width:288px;height:90px;overflow:hidden;}
.product-list-wrap .product-list div.photo-disc {position:absolute;left:90px;top:0;}
.product-list-wrap .product-list ul.btn-over {margin:73px auto 0 auto;width:95px;}
.product-list-wrap .product-list ul.btn-over li {float:left;margin:0 7px 0 0;cursor:pointer;}
.product-list-wrap .product-list img.btn-prev {position:absolute;left:0;top:20px;cursor:pointer;}
.product-list-wrap .product-list img.btn-next {position:absolute;right:0;top:20px;cursor:pointer;}

.content-wrap-bg {position:absolute;bottom:0;width:100%;height:139px;background:url(/assets/images/en/home/bg_content.png) repeat-x;min-width:990px;}
.content-wrap {width:990px;height:139px;margin:0 auto;background:url(/assets/images/en/home/bg_line.gif) 980px top no-repeat;}
.content-wrap div {float:left;height:139px;background:url(/assets/images/en/home/bg_line.gif) left top no-repeat;}
.content-wrap div h2 {margin:0;padding:0;}

.content-wrap div.overview {position:relative;width:516px;}
.content-wrap div.overview h2 {margin:27px 0 0 42px;overflow:hidden;}
.content-wrap div.overview h2 img {float:left;}
.content-wrap div.overview p {clear:both;padding:10px 0 0 42px;width:430px;color:#fff;}
.content-wrap div.overview a.go {display:block;position:absolute;left:45px;top:95px;}

.content-wrap div.notice {width:516px;}
.content-wrap div.notice h2 {margin:27px 0 0 42px;}
.content-wrap div.notice ul {clear:both;width:420px;margin:10px 0 0 42px;}
.content-wrap div.notice ul li a {float:left;display:block;width:360px;color:#fff;}
.content-wrap div.notice ul li span {float:right;}

.content-wrap div.movie {position:relative;width:311px;}
.content-wrap div.movie h2 {margin:27px 0 0 22px;overflow:hidden;}
.content-wrap div.movie h2 img {float:left;}
.content-wrap div.movie a.thumb {position:absolute;left:25px;top:52px;}
.content-wrap div.movie a.go {position:absolute;left:142px;top:94px;}
.content-wrap div.movie .info-txt {position:absolute;left:142px;top:50px;}
/*.content-wrap div.history {width:153px;}
.content-wrap div.history h2 {margin:27px 0 0 21px;}
.content-wrap div.history .info-txt {margin:6px 0 0 21px;}
.content-wrap div.history a {display:block;width:25px;margin:15px 0 0 24px;}*/
.content-wrap div.gallery {width:153px;}
.content-wrap div.gallery h2 {margin:27px 0 0 23px;}
.content-wrap div.gallery h2 img {float:left;}
.content-wrap div.gallery .info-txt {margin:6px 0 0 23px;}
.content-wrap div.gallery a {display:block;width:25px;margin:20px 0 0 27px;}

.main-bottom-wrap-bg {width:100%;height:389px;background:url(/assets/images/en/home/main_bottom_visual.jpg) center top no-repeat;background-size:cover;min-width:990px;}
.main-bottom-wrap {width:990px;height:389px;margin:0 auto;padding-top:38px;}
.main-bottom-wrap strong {font-size:1.3em;} 
.main-bottom-wrap a {color:#fff;}
.main-bottom-wrap div.business-information {width:225px;margin:0 0 0 49px;}
.main-bottom-wrap div.product-information {width:207px;}
.main-bottom-wrap div.customer-support {width:195px;}
.main-bottom-wrap div.environment-safety {width:208px;}
.main-bottom-wrap div {float:left;}
.main-bottom-wrap div ul {padding:10px 0 0 0;}
.main-bottom-wrap div ul li {clear:both;padding:0 0 5px 0;}
.main-bottom-wrap div ul li ul {margin:0;padding:0 0 10px 0;}
.main-bottom-wrap div ul li ul li {font-size:0.92em;padding:0 0 0 10px;background:url(/assets/images/en/home/dot_01.gif) left 8px no-repeat;}

/*footer 시작*/
footer {clear:both;}
footer div.footer-wrap {position:relative;width:990px;min-height:115px;margin:0 auto;overflow:hidden;}
div.footer-wrap img.footer-logo {position:absolute;left:49px;top:19px;}
div.footer-wrap ul.footer-menu {margin:0 0 0 218px;padding:19px 0 0 0;}
div.footer-wrap ul.footer-menu li {float:left;list-style:none;padding:0 10px 0 10px;background:url(/assets/images/en/common/bg_footer_menu.gif) right 4px no-repeat;}
div.footer-wrap ul.footer-menu li.first {padding-left:0;}
div.footer-wrap ul.footer-menu li.last {background:none;}
div.footer-wrap address {clear:both;margin:0 0 0 218px;padding:14px 0 0 0;}
div.footer-wrap address img {float:left;}
div.footer-wrap img.copyright {clear:both;margin:0 0 0 218px;}