@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:500);

* {outline:none; zoom:1;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
html {-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {font-family:'Noto Sans KR', sans-serif; font-weight:400; color:#333; font-size:16px; line-height:25px; height:100%; letter-spacing:-0.03em;}
body.sub {background:#f4f4f4;}
p {}
a{text-decoration:none; color:#333; outline: none; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
a:hover {text-decoration:none; color:#0290d1;}
table {border-spacing:0; border-collapse:collapse;}
fieldset,img {border:0;}
img {display:block;}
ol,ul {list-style:none; margin:0; padding:0;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
input {font-family:'Noto Sans KR', sans-serif; color:#333; border:1px solid #d5d5d5; font-size:16px;}
textarea {font-family:'Noto Sans KR', sans-serif; font-size:16px;; color:#333; line-height:24px; padding:10px; resize:none; border:1px solid #d5d5d5; box-sizing:border-box;}
input[type="text"], input[type="password"] {text-indent:10px; height:24px; padding:2px 0;}
input[type="radio"] {border:0; selector-dummy: expression(this.hideFocus=true); vertical-align:middle;}
input[type="checkbox"] {border:0; selector-dummy: expression(this.hideFocus=true); vertical-align:middle;}
input[type="file"] {text-indent:0; height:28px; padding:0;}
input[type="image"] {border:0;}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {color:#999;}
select {font-family:'Noto Sans KR', sans-serif; font-size:16px; border:1px solid #d5d5d5; line-height:30px; height:30px; color:#848484; width:80px; text-indent:10px;}
option {font-size:16px; line-height:24px; height:24px; color:#848484; text-indent:10px;}
caption {position:absolute; height:0; font-size:0; line-height:0; visibility:hidden;}
label {padding-left:6px; color:#333; cursor:pointer;}

/* common */
.container {position:relative; width:1280px; margin:0 auto;}
.scontainer {position:relative; margin:0 50px;}
.wrap {background:#fff; min-height:300px;}
.fl {float:left;}
.fr {float:right;}
.w25 {width:25%;}
.w50 {width:50%;}
.w501 {width:100%;}
.a-left {text-align:left;}
.a-left1 {text-align:center;}
.a-right {text-align:right;}
.a-center {text-align:center;}
.fullH {height:100%;}
.serif {font-family:'Nanum Myeongjo', serif; font-weight:600;}
.eng {font-family:"MyriadPro", arial, sans-serif;}
.blue {color:#0054a6 !important;}
.lblue {color:#00b2eb !important;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* header */
#header {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; background:#fff; z-index:100; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);}
.global_nav {position:absolute; top:17px; right:30px; font-size:12px; line-height:16px;}
.global_nav a {color:#747474; padding:0 20px; display:block; float:left;}
.global_nav a:hover {color:#0290d1;}
.global_nav a.lang_en {padding:0 20px 0 43px; background:url(/new/images/lang-eng.png) 20px 0 no-repeat; border-left:1px solid #dbdbdb;}
.logo {width:185px; height:101px;}
#gnb {}
.nav {position:absolute; bottom:0; right:30px; font-size:20px; line-height:30px; font-weight:400; text-transform:uppercase; }
.nav li {display:block; float:left;}
.nav li a {display:block; padding:0 32px 0 31px;}
.nav li a span {display:block; padding:0 0 19px 0; font-family: 'Roboto', sans-serif;}
.nav li a.active {color:#0054a6;}
.nav li a:hover, .nav li a.over {display:block; color:#0054a6;}
.nav li a:hover span, .nav li a.over span, .nav li a.active span {padding:0 0 16px 0; border-bottom:3px solid #00b2eb;}
.navSub {position:absolute; top:101px; left:0; width:100%; height:0; overflow:hidden; z-index:50; background:rgb(0,85,166); background:rgba(0,85,166,0.95);}
.navSub.open {height:auto; display:none;}
.navSub dl {display:block; float:right; padding-right:20px;}
.navSub dl dd {display:block; float:left; padding:20px 0;}
.navSub dl dd a {display:block; font-size:15px; line-height:30px; color:#bccacf; text-align:center;}
.navSub dl dd a:hover {color:#6ddcff;}
.navSub dl dd span { display:block; height:0; overflow:hidden; padding:0 30px; font-size:21px; font-weight:400; text-transform:uppercase; letter-spacing:-0.03em; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); -moz-opacity:0; z-index:-1;}

/* footer */
#footer {color:#575757; background:#ebecec; font-size:15px; line-height:24px; font-weight:300; min-width:1280px;}
.footer_nav {color:#ccc; padding:17px 0; background:#e2e5e6; font-size:18px; line-height:30px; border-bottom:1px solid #d5dadc;}
.footer_nav span {color:#c6c6c6; padding:0 8px;}
.footer_nav .container {text-indent:50px;}
.footer_info {padding:50px 0 0 50px; font-size:15px; line-height:24px; font-weight:300;}
.copyright {padding:0 0 50px 50px; color:#888;}

/* main */
.category_sel {float:left; width:100%; z-index:5;}
.category_sel * {-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.category_sel li {position:relative; height:100px; width:427px; height:100px; float:left; padding:735px 0 0 0; cursor:pointer; overflow:hidden; text-align:center; color:#bccacf;}
.category_sel li .overlay {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#00162b; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); -moz-opacity:0; z-index:10;}
.category_sel li:hover {color:#fff;}
.category_sel li:hover .overlay {opacity:0.15; -ms-filter:alpha(opacity=15); filter:alpha(opacity=15); -moz-opacity:0.15;}
.category_sel li p {height:85px; background:#0054a6; border-right:1px solid #0067b4; padding-top:15px;}
.category_sel li p.last {border-right:none;}
.category_sel li i {display:block; width:48px; height:48px; margin:0 auto; background:url(/new/images/common.png) no-repeat;}
.category_sel li .arr_w {position:absolute; bottom:-12px; left:50%; margin-left:-12px; border-width:0 12px 12px; width:0; height:0; border-color:transparent; border-style:solid; border-bottom-color:#ececec; z-index:11; -webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.category_sel li.active {color:#fff;}
.category_sel li.active .arr_w {bottom:0;}
.category_sel li.active .overlay {opacity:0.15; -ms-filter:alpha(opacity=15); filter:alpha(opacity=15); -moz-opacity:0.15;}
.category_box {background:#ebedee; text-align:center; min-width:1280px; display:none;}
.category_box .container {display:none;}
.category_box ul {display:inline-block; font-size:18px; padding-bottom:77px;}
.category_box ul li {display:block; float:left; width:400px; border-right:1px solid #d5d5d5;}
.category_box ul li.last {border:none;}
.category_box strong {font-weight:500;}
.category_box .thumb {width:348px; height:205px; margin:10px auto 0 auto;}
.category_box ul li a {display:inline-block; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-border-radius:3px; border-radius:3px; background:#00b2eb; color:#fff; padding:9px 50px;}
.category_box ul li a:hover {background:#0290d1;}
.category_box ul li a.main_btn {display:inline-block; text-align:center; min-width:180px; padding:9px 20px; margin:20px auto 0 auto; color:#fff; font-size:18px;}
.cat_title {width:1180px; font-size:34px; line-height:34px; font-weight:500; padding:45px 0 15px 0; border-bottom:3px solid #003f2e; margin:0 auto 50px auto;}
#slides {position:absolute; width:100%; min-width:1280px; height:835px; background:#fff; z-index:-1;}
#slides .slides {overflow:hidden;}
#slides .slides li {position:relative; overflow:hidden; height:835px;}
#slides .slides li div {height:100%; color:#fff;}
#slides .slides li .slide01 {background:url(/new/images/slide01.jpg) center center no-repeat;}
#slides .slides li .slide02 {background:url(/new/images/slide02.jpg) center center no-repeat;}
#slides .slides li .slide03 {background:url(/new/images/slide03.jpg) center center no-repeat;}
#slides .slides li p {font-size:25px; line-height:36px; letter-spacing:-0.06em; padding:325px 0 0 50px; display:none; color:#fff; font-weight:100; text-shadow:0 0 2px #000;}
#slides .slides li p strong {display:block; font-size:70px; line-height:70px; letter-spacing:-0.02em; font-weight:100; margin:0 0 20px 0; text-shadow:0 0 3px #000;}
#slides .flex-direction-nav {position:absolute; left:50%; top:50%; width:1280px; height:72px; margin:0 0 0 -640px; z-index:500;}
#slides .flex-direction-nav .flex-nav-prev {position:absolute; left:-72px; display:block; width:72px; height:72px; background:url(/new/images/btn-prev.png) no-repeat; z-index:50;}
#slides .flex-direction-nav .flex-nav-next {position:absolute; right:-72px; display:block; width:72px; height:72px; background:url(/new/images/btn-next.png) no-repeat; z-index:50;}
#slides .flex-direction-nav .flex-nav-prev a {display:block; width:72px; height:72px;}
#slides .flex-direction-nav .flex-nav-next a {display:block; width:72px; height:72px;}
.main_popup {position:relative; min-width:1280px; height:140px; background:#ecf2f5; border-bottom:1px solid #b1b8bb; display:none;}
.main_popup .control {position:absolute; top:9px; right:0; z-index:11;}
.main_popup .control .no_more {padding:0 10px; color:#898888; font-size:13px; line-height:18px;}
.main_popup .slides2 .flex-control-nav {position:absolute; left:auto; right:0; bottom:10px; width:200px; text-align:right;}
.main_popup .slides2 .flex-control-nav li {display:inline; padding:0 0 0 12px;}
.main_popup .slides2 .flex-control-nav li a {display:inline-block; width:18px; height:18px; cursor:pointer; background:#d7d7d7; -webkit-border-radius:10px; border-radius:10px; font-size:0; text-indent:-99999px;}
.main_popup .slides2 .flex-control-nav li a.flex-active {background:#0066a0;}
.slides2 .flex-control-nav li a em {display:none;}

.main_title {position:relative; font-size:26px; line-height:30px; font-weight:500;}
.main_title span {display:block; width:17px; height:1px; background:#d1d7d6; font-size:0; line-height:0; margin:8px 0 0 0;}
.main_title a.btn_more {display:block; position:absolute; top:4px; right:0; width:23px; height:23px; background:url(/new/images/common.png) 0 -50px no-repeat; text-indent:-99999px;}
.main_title a.btn_more:hover {background-position:-50px -50px;}
.main_list {position:relative; padding:50px 50px 0 50px;}
.main_list .thumb {float:left; margin-right:22px; width:140px; height:95px; overflow:hidden;}
.main_list .thumb img {display:block;}
.main_list ul {margin:28px 0 0 0;}
.main_list ul li {margin:10px 0 0 0; line-height:24px; font-weight:300;}
.main_list ul li a {font-size:16px;}
.main_list ul li a .subject {display:block; font-size:20px; line-height:20px; font-weight:500; color:#000; margin-bottom:8px; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.main_list ul li a .sum {display:block; font-size:16px; color:#475359;}
.main_list ul li a .date {display:block; font-size:14px; color:#91989b;}
.main_list ul li a:hover .subject {color:#0290d1;}
.main_list ul li i {font-size:10px; font-style:normal;}
.main_intro {background:url(/new/images/main-intro.jpg) no-repeat; padding:50px; height:260px;}
a.btn_detail_box {font-size:15px; font-weight:400; padding:3px 45px; border:1px solid #999;}
a.btn_detail_box:hover {color:#fff; background:#0290d1; border:1px solid #0290d1;}
a.btn_detail_box_nega {font-size:15px; font-weight:400; padding:3px 45px; border:1px solid #5e8fbb; color:#bccacf;}
a.btn_detail_box_nega:hover {color:#fff; background:#0290d1; border:1px solid #0290d1;}
.blue_box {position:relative; padding:50px; height:190px; background:#0054a6; overflow:hidden;}
.blue_box1 {position:relative; padding:20px 0 0 50px; height:190px; background:#0054a6; overflow:hidden;}
.full_box {position:relative; background:#000; overflow:hidden;}
.full_box1 {position:relative; background:#1d72c5; overflow:hidden; height:210px; padding-left:55px; line-height:200px;}
.full_box2 {position:relative; background:#1d72c5; overflow:hidden; height:210px; padding-left:95px; line-height:200px;}
.full_box3 {position:relative; background:#1d72c5; overflow:hidden; height:210px; padding-left:55px; line-height:200px;}
.full_box1 span {text-align:center;  font-size:35px; color:#cfd9e4; transition-property:color, transform; transition-duration:.2s;}
.full_box2 span {text-align:center;  font-size:35px; color:#cfd9e4;  transition-property:color, transform; transition-duration:.2s;}
.full_box3 span {text-align:center;  font-size:35px; color:#cfd9e4; transition-property:color, transform; transition-duration:.2s;}
.full_box1 span:hover {color:white; transform:scale(1.4);}
.full_box2 span:hover {color:white; transform:scale(1.4);}
.full_box3 span:hover {color:white; transform:scale(1.4);}

.full_box2 {position:relative; background:#368ce0; overflow:hidden; height:210px;}
.full_box3 {position:relative; background:#4da5fb; overflow:hidden; height:210px;}
.full_box a img {display:block; -webkit-transition:all 1s ease; transition:all 1s ease;}
.full_box a:hover img {opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.full_box a span {display:block; position:absolute; bottom:0; left:0; width:100%; background:rgb(51,51,51); background:rgba(51,51,51,0.5); font-size:40px; color:#fff; line-height:50px; text-indent:50px; font-weight:300; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.main_grey {background:#4b5053; min-width:1280px;}
.main_grey a {display:block; padding:14px 50px; color:#fff; font-size:20px; line-height:48px; font-weight:300;}
.main_grey a span {padding-left:25px; color:#bccacf; font-size:16px;}
.main_grey .partner {background:url(/new/images/footer-partner.gif) 510px center no-repeat; border-right:1px solid #a2aeb3;}
.main_grey .quality {background:url(/new/images/footer-quality.png) 540px center no-repeat;}
.main_pos {position:relative; background:#dde7ea url(/new/images/position.gif) center top repeat-y; height:585px; overflow:hidden; min-width:1280px;}
.main_pos .map_bg {width:100%; height:100%; background:url(/new/images/main-map.gif) center top no-repeat;}
.main_pos .tab {position:absolute; top:0; left:50%; z-index:1; width:1280px; height:100%; margin:0 0 0 -640px;}
.main_pos ul li a {position:absolute; z-index:10; width:10px; height:15px; background:url(/new/images/pos.png) no-repeat; text-indent:-99999px;}
.main_pos ul li.ui-tabs-active a {z-index:20; background:url(/new/images/posOn.png) no-repeat;}
.main_pos ul li.ui-tabs-active a img {}
.map_info {position:absolute; top:0; right:0; width:230px; height:100%; background:#1e344a; padding:105px 50px 0 40px; color:#bccacf;}
.map_info img {display:block; margin:30px 0;}
.map_info a {font-size:15px; font-weight:400; padding:3px 45px; border:1px solid #6d7f8d; color:#bccacf;}
.map_info a:hover {color:#fff; background:#0290d1; border:1px solid #0290d1;}
.main_title_w {position:relative; font-size:26px; line-height:36px; font-weight:400; color:#fff; margin-bottom:20px;}
.main_title_w span {display:block; width:17px; height:1px; background:#526473; font-size:0; line-height:0; margin:8px 0 0 0;}


/* sub */
#visual {min-width:1280px; height:441px;}
#visual.visual01 {background:#fff url(/new/images/visual-01.jpg) center center no-repeat;}
#visual.visual02 {background:#fff url(/new/images/visual-02.jpg) center center no-repeat;}
#visual.visual03 {background:#fff url(/new/images/visual-03.jpg) center center no-repeat;}
#visual.visual04 {background:#fff url(/new/images/visual-04.jpg) center center no-repeat;}
#visual.visual05 {background:#fff url(/new/images/visual-05.jpg) center center no-repeat;}
#visual.visual06 {background:#fff url(/new/images/visual-06.jpg) center center no-repeat;}
h1.hidden {position:fixed; top:-99999px;}
h1.h1_pageTitle {position:relative; font-size:50px; line-height:90px; color:#000; font-weight:400; text-align:center;}
h1.h1_pageTitle span { position:absolute; bottom:0; left:50%; width:36px; height:2px; font-size:0; line-height:0; background:#00b2eb; margin:0 0 0 -18px;}
h1.h1_subject {margin:0 0 12px 0; font-size:30px; line-height:30px; font-weight:400;}
h2.sub {color:#eee; font-size:36px; line-height:40px; font-weight:500; text-transform:uppercase; text-align:center; padding:226px 0 23px 0;}
h3.title {font-size:34px; line-height:34px; font-weight:500; text-align:center; color:#010101; padding:45px 0 15px 0; border-bottom:3px solid #004026; margin:0 auto 30px auto;}
h3.gen {color:#000; font-size:26px; line-height:40px; font-weight:500; margin:3px 0 10px 0;}
h4 {font-size:34px; line-height:34px; font-weight:500; text-align:center; color:#010101; margin:0 auto 30px auto;}
h5 {font-size:24px; line-height:30px; font-weight:400; text-align:center; color:#005b45; margin:0 auto 20px auto;}
h5 strong {font-weight:600;}
.underLine {width:36px; height:2px; margin:0 auto; font-size:0; line-height:0; background:#bf9456;}
.subMenu {position:absolute; bottom:0; left:0; width:1280px; height:50px; background:#fff;}
.subMenu li {position:relative; display:block; float:left;}
.subMenu li a {display:block; color:#b5b5b5; padding:13px 0; text-align:center; background:#004026; border-right:1px solid #135040; -webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.subMenu li a:hover {color:#fff;}
.subMenu li a.active {color:#fff; background:#003620;}
.subMenu li:last-child a {border:none;}
.subMenu li .arr_w {position:absolute; bottom:0; left:50%; margin-left:-9px; border-width:0 9px 11px; width:0; height:0; border-color:transparent; border-style:solid; border-bottom-color:#fff; z-index:1;}
.scroll_menu {position:absolute; top:-50px; width:100%; height:50px; padding:0; z-index:150;}
.scroll_menu.sticky {position:fixed; top:0; left:0;}
.scroll_menu.sticky .nav {float:none; font-weight:normal;}
.scroll_menu .menuGroup {display:block; margin:0 auto; width:1280px; border-bottom:10px solid #f4f4f4;}
.scroll_menu .menuGroup li {display:block; float:left;}
.scroll_menu .menuGroup li:last-child a {margin:0;}
.scroll_menu .menuGroup li a {display:block; width:640px; margin:0; font-size:20px; text-align:center; line-height:50px; padding:0; background:#fff; color:#475359;}
.scroll_menu .menuGroup li a:hover {}
.scroll_menu .menuGroup li.ui-tabs-active a {background:#0054a6; color:#fff;}
.scroll_tabmenu {position:absolute; top:0; width:100%; padding:0; z-index:150;}
.scroll_tabmenu.sticky {position:fixed; top:0; left:0; border-bottom:1px solid #f4f4f4;}
.scroll_tabmenu ul {display:block; margin:0 auto; width:1180px; background:#fff; padding:10px 0 0 0;}
.scroll_tabmenu ul li {display:block; float:left; width:387px; margin:0 10px 10px 0;}
.scroll_tabmenu ul li.nth3 {display:block; float:left; width:386px; margin:0 0 10px 0;}
.scroll_tabmenu ul li a {display:block; font-size:18px; text-align:center; line-height:38px; background:#fff; color:#475359; border:1px solid #dadada;}
.scroll_tabmenu ul li a:hover {border:1px solid #a0c8df; color:#0092e5;}
.scroll_tabmenu ul li.ui-tabs-active a {background:#0054a6; border:1px solid #0054a6; color:#fff;}
.sub_cont {position:relative; overflow:hidden; color:#475359; font-size:18px; line-height:28px; font-weight:300; margin-bottom:1px; letter-spacing:0;}

.sub_cont h2 {color:#475359; font-size:18px; line-height:28px; font-weight:300;}
.sub_cont h2.big {color:#848484; font-size:26px; line-height:30px; font-weight:300; margin:56px 0 10px 0;}
.sub_cont h3 {color:#000; font-size:26px; line-height:40px; font-weight:500; margin:0 0 15px 0;}
.sub_cont h3.big {color:#3e3e3e; font-size:50px; line-height:50px; font-weight:400; margin:0 0 25px 0; text-transform:uppercase;}
.sub_cont h3.big span {color:#0066a0; font-size:36px;}
.sub_cont h4 {color:#0054a6; font-size:36px; line-height:46px; font-weight:500; margin:54px 0 10px 0;}
.sub_cont p {color:#8e9497; font-size:16px; line-height:26px; margin:0 0 20px 0;}
.mobile_bg {height:419px; padding:53px 0 0 0; background:url(/new/images/mobile-bg.jpg) center bottom no-repeat;}
.chemistry_bg {height:69px; padding:53px 0 0 0; background:url(/new/images/chemistry-bg.jpg) center bottom no-repeat;}
.automotive_bg {height:69px; padding:53px 0 0 0; background:url(/new/images/automotive-bg.jpg) center bottom no-repeat;}
.process_bg {height:59px; padding:53px 0 0 0; background:url(/new/images/process-bg.jpg) center bottom no-repeat;}
.process2_bg {height:59px; padding:53px 0 0 0; background:url(/new/images/process2-bg.jpg) center bottom no-repeat;}
.rnd_bg {height:419px; padding:53px 0 0 0; background:url(/new/images/rnd-bg.jpg) center bottom no-repeat;}
.quality_bg {height:79px; padding:53px 0 0 0; background:url(/new/images/quality-bg.jpg) center bottom no-repeat;}
.padding_box {padding:50px 40px 0 50px;}
.padding_box1 {padding:10px 40px 0 120px; text-align:center; width:1000px;}
.sub_tabs {margin:0 50px; background:#f8f8f8;}
.sub_tabs ul.tab {position:relative; display:block; width:100%; height:170px;}
.sub_tabs ul.tab li {position:absolute; top:0; width:394px; height:100%; display:block; font-size:16px; line-height:21px; z-index:1;}
.sub_tabs ul.tab li a {display:block; color:#000; font-weight:500; background:#fff; border:1px solid #b6b6b6; height:168px; text-transform:uppercase;}
.sub_tabs ul.tab li a:hover {color:#0290d1;}
.sub_tabs ul.tab li .arrow {position:absolute; bottom:-17px; left:50%; margin-left:-17px; border-width:17px 17px 0; width:0; height:0; border-color:transparent; border-style:solid; border-top-color:#c1c1c1; z-index:11; display:none;}
.sub_tabs ul.tab li.ui-tabs-active {z-index:10;}
.sub_tabs ul.tab li.ui-tabs-active a {background:#c1c1c1; border:1px solid #c1c1c1; color:#fff;}
.sub_tabs ul.tab li.ui-tabs-active .arrow {display:block;}
#stab01, stab02, stab03, stab04 {width:1180px;}
.prd_slide {position:relative; width:1180px; height:365px; background:#f1f1f1; -webkit-box-shadow:inset 0 10px 10px 0 rgba(0,0,0,0.05); box-shadow:inset 0 10px 10px 0 rgba(0,0,0,0.05);}
.prd_slide .slides {overflow:hidden; width:1180px; height:365px;}
.prd_slide .slides li {position:relative; overflow:hidden; width:100%; height:365px;}
.prd_slide .slides .txt_box1 {width:262px; margin:60px 0 0 542px; color:#475359; font-size:16px; line-height:25px; font-weight:300;}
.prd_slide .slides .txt_box {width:302px; margin:50px 0 0 433px; color:#475359; font-size:16px; line-height:25px; font-weight:300;}
.prd_slide .slides .upLine {display:block; width:50px; height:1px; background:#00b2eb; font-size:0; line-height:0; margin:0 0 2px 0;}
.prd_slide .slides .title {color:#0290d0; font-size:22px; line-height:30px; font-weight:500; margin-bottom:16px;}
.prd_slide .flex-direction-nav {position:absolute; left:50%; top:50%; width:100%; height:79px; margin:-40px 0 0 -590px; z-index:500;}
.prd_slide .flex-direction-nav .flex-nav-prev {position:absolute; left:0; display:block; z-index:50;}
.prd_slide .flex-direction-nav .flex-nav-next {position:absolute; right:0; display:block; z-index:50;}
.prd_slide .flex-direction-nav .flex-nav-prev a {display:block; width:79px; height:79px; background:url(/new/images/arrPrevOff.png) no-repeat; text-indent:-99999px;}
.prd_slide .flex-direction-nav .flex-nav-prev a:hover {background:url(/new/images/arrPrevOn.png) no-repeat;}
.prd_slide .flex-direction-nav .flex-nav-next a {display:block; width:79px; height:79px; background:url(/new/images/arrNextOff.png) no-repeat; text-indent:-99999px;}
.prd_slide .flex-direction-nav .flex-nav-next a:hover {background:url(/new/images/arrNextOn.png) no-repeat;}
.prd_slide .flex-control-nav {position:absolute; left:0; bottom:20px; width:100%; height:17px; text-align:center; z-index:500;}
.prd_slide .flex-control-nav li {display:inline-block; text-indent:-99999px;}
.prd_slide .flex-control-nav li a {display:block; width:17px; height:17px; background:#a7a7a7; -webkit-border-radius:20px; border-radius:20px; margin:0 13px;}
.prd_slide .flex-control-nav li a.flex-active {background:#000;}
.features {padding:50px 40px; text-align:left;}
.features .title {font-size:26px; line-height:30px; font-weight:500; color:#000; margin-bottom:15px;}
.features ul {display:block; margin:40px 0 0 0;}
.features ul li {position:relative; display:block; float:left; width:25%;}
.features ul li .img {display:block; margin-bottom:10px;}
.features ul li strong {display:block; font-size:20px; line-height:30px; font-weight:500; color:#000; margin-bottom:6px;}
.process {display:block; margin:0 50px;}
.process li {position:relative; display:block; float:left; font-size:17px; line-height:28px; color:#475359;}
.process li .box {margin:0 25px 0 40px;}
.process li .box strong {display:block; font-size:20px; line-height:30px; font-weight:500; color:#000; margin-bottom:6px;}
.process li .step {position:absolute; top:-2px; left:0; font-size:60px; line-height:60px; font-family:"Century Gothic", CenturyGothic, sans-serif; color:#00b2eb;}
.rnd_dev {display:block; margin:0 50px;}
.rnd_dev li {display:block; float:left; font-size:18px; line-height:25px; color:#475359; font-weight:400;}
.rnd_dev li strong {display:block; font-size:22px; line-height:25px; color:#0054a6; font-weight:500;}
.rnd_dev li dl {display:block;}
.rnd_dev li dl dd {position:relative; display:block; padding:0 10px; margin-bottom:10px;}
.rnd_dev li dl dd div {position:absolute; left:0;}
.rnd_dev li dl dd span {display:inline-block; font-size:14px; line-height:20px; font-weight:300;}
.btn_area {padding:60px 0 70px 0;}
.btn_prd {display:inline-block; padding:0 75px; color:#475359; border:1px solid #b1b1b1; margin:0 10px; font-weight:400;}
.btn_prd:hover {border:1px solid #a0c8df; color:#0092e5;}
.btn_prd span {display:inline-block; font-size:22px; line-height:56px; background:url(/new/images/ico-btn.png) right center no-repeat; padding-right:30px;}
.path div {padding:17px 50px 16px 50px; color:#888; font-size:14px; line-height:20px; font-weight:500;}
.path a {color:#888; font-weight:400;}
.path a img {display:inline;}
.path span {font-size:16px; line-height:16px; font-weight:400; padding:0 10px;}
.path a.btn_top {position:absolute; top:0; right:-50px; width:50px; height:53px; background:url(/new/images/btn-top.png) no-repeat; text-indent:-9999px;}

.list_box {padding:60px 50px; font-weight:300;}
.table_list {border-collapse:collapse; margin-bottom:50px; text-align:center; border-top:1px solid #b1b1b1;}
.table_list th {background:#f2f2f2; border-top:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; padding:8px 30px; font-weight:400; color:#333;}
.table_list tr.notice td {background:#f6fbfc;}
.table_list tr.notice span {background:#0054a6; color:#fff; padding:0 8px 1px 8px;}
.table_list td {border-bottom:1px solid #d1d7d6; padding:8px 30px; color:#8e9497;}
.table_list td:first-child {border-bottom:1px solid #d1d7d6; padding:8px 30px; color:#333;}
.table_list tr:last-child td {border-bottom:1px solid #b1b1b1;}
.table_list td strong {color:#475359; font-weight:400;}
.table_list td.reply {padding-left:40px;}

.table_list td.normalfont {font-weight:300; color:#475359;}
.files img {display:inline-block;}
.option-area-center {position:relative; margin-bottom:40px; text-align:center;}
.option-area-center input, .option-area-center select {float:left; margin:0 10px 0 0;}
.pagination {display:inline-block; text-align:center; font-size:14px; font-weight:500; line-height:24px;}
.pagination li {display:inline-block; float:left; margin-right:5px;}
.pagination li:last-child, .pagination li:last-child a {margin-right:0;}
.pagination li a {display:block; float:left; min-width:30px; padding:2px 0; margin-right:5px; border:1px solid #dadada;}
.pagination li a:hover {border:1px solid #a0c8df;}
.pagination li a.prev {padding:2px 20px; color:#989898; font-size:14px;}
.pagination li a.next {padding:2px 20px; color:#989898; font-size:14px;}
.pagination li a.active {color:#fff; background:#0066a0; border:1px solid #0066a0;}
.pagination li a strong {display:inline-block; font-weight:normal; font-size:18px; line-height:18px;}
.search_wrap {display:inline-block;}
a.btn_small {display:inline-block; color:#fff; background:#8f8f8f; height:24px; padding:3px 26px; border:none; float:left;}
h1.h1_subject {float:none; margin:0 0 12px 0; font-size:30px; line-height:30px; font-weight:400; color:#333;}
.gallery_view .box {padding:30px; border:1px solid #dadada; overflow:hidden;}
.gallery_view .box .summary {margin:0 0 10px 0;}
.gallery_view .box .summary span {color:#dadada; font-size:14px;}
.gallery_view .box p {margin:0 0 1em 0; overflow:hidden;}
.gallery_view .box img {max-width:100%; margin-bottom:1em;}
.gallery_view .box ul.info {display:block; margin:20px 0 50px 0; border-top:1px solid #dadada; border-bottom:0 solid #dadada; padding:10px 0;}
.gallery_view .box ul.info li {display:block;}
.gallery_view .box ul.info li.important {color:#333;}
.gallery_view .box ul.info li.important div {width:490px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_view .box ul.info li.fr div {padding:0 0 0 30px;}
.gallery_view .box ul.info li.fr div:first-child {padding:0;}
.gallery_view .box ul.info li span {display:inline-block; padding:0 10px; color:#dadada; font-size:13px;}
.gallery_view .box ul.info li a {color:#848484;}
.btn_area {margin:0 0 30px 0;}
.btn_area .fl {margin:0 10px 0 0;}
.btn_area .fr {margin:0 0 0 10px;}
.btn_area a.btn {display:block; width:100px; border:1px solid #dadada; text-align:center; font-weight:400; color:#848484; padding:3px 0; line-height:24px;}
.btn_area a.btn:hover {border:1px solid #a0c8df; color:#0092e5;}
a.gradient_grey {display:block;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.hr {width:100%; height:1px; font-size:1px; line-height:10px; background:#f4f4f4;}
.discript2_middle {display:block; padding:50px;}
.discript2_middle li {}
.discript2_middle li:last-child {border-bottom:none;}
.discript2_middle li p {padding-left:305px; font-size:17px; line-height:28px;}
.discript2_middle li .list {clear:left; }
.discript2_middle dl {margin:20px 0 0 0; font-size:16px; font-weight:300; color:#475359;}
.discript2_middle dl dd {display:block; margin-bottom:20px;}
.discript2_middle dl dd strong {font-size:18px; font-weight:500; color:#333;}
.h5 {color:#0054a6; font-size:26px; line-height:32px; float:left; font-weight:500; text-transform:uppercase; padding:4px 0 0 0;}
.coloumn2 {text-align:center; margin-bottom:50px;}
.coloumn2 i {position:relative; display:block; width:150px; height:150px; margin:0 auto; background:url(/new/images/sub-circle.png) no-repeat;}
.coloumn2 i.green {background-position:-200px 0;}
.coloumn2 i.orange {background-position:-400px 0;}
.coloumn2 ul {display:block;}
.coloumn2 ul li {display:block; float:left; width:50%;}
.coloumn2 ul li h4 {position:absolute; top:50%; width:100%; color:#fff; font-size:18px; font-weight:500; margin-top:-12px; font-style:normal;}
.coloumn2 ul li p {padding:20px 60px 0 60px;}
.coloumn3 {text-align:center; margin-bottom:50px;}
.coloumn3 i {position:relative; display:block; width:150px; height:150px; margin:0 auto; background:url(/new/images/sub-circle.png) no-repeat;}
.coloumn3 i.green {background-position:-200px 0;}
.coloumn3 i.orange {background-position:-400px 0;}
.coloumn3 ul {display:block;}
.coloumn3 ul li {display:block; float:left; width:33%;}
.coloumn3 ul li h4 {position:absolute; top:50%; width:100%; color:#fff; font-size:18px; font-weight:500; margin-top:-12px; font-style:normal;}
.coloumn3 ul li p {padding:20px 60px 0 60px;}
.coloumn4 {text-align:center; padding-left:305px; font-size:18px; line-height:22px;}
.coloumn4 .sector {display:block; float:left; width:232px; height:150px; background:url(/new/images/arrow_step.gif) 186px center no-repeat;}
.coloumn4 .sector:last-child {width:150px;}
.coloumn4 i {position:relative; display:block; width:150px; height:150px; background:url(/new/images/sub-circle.png) no-repeat; font-style:normal;}
.coloumn4 i.deepB {background-position:-200px 0;}
.coloumn4 .step {position:absolute; top:30px; width:100%; color:#fff; font-size:17px; font-weight:100;}
.coloumn4 .txt {position:absolute; top:66px; width:100%; color:#fff; font-size:20px; line-height:24px; font-weight:500;}
.coloumn4 .txt span {display:block; font-size:14px; font-weight:300;}
a.btn_word {display:block; color:#475359; font-size:20px; font-weight:400; width:377px; padding:29px 0 29px 42px; border:1px solid #dadada; background:url(/new/images/icon_doc.png) 328px center no-repeat;}
a.btn_xls {display:block; color:#475359; font-size:20px; font-weight:400; width:377px; padding:29px 0 29px 42px; border:1px solid #dadada; background:url(/new/images/icon_xls.png) 328px center no-repeat;}
a.btn_hwp {display:block; color:#475359; font-size:20px; font-weight:400; width:377px; padding:29px 0 29px 42px; border:1px solid #dadada; background:url(/new/images/icon_hwp.png) 328px center no-repeat;}
a.btn_word:hover, a.btn_hwp:hover, a.btn_xls:hover {border:1px solid #a0c8df; color:#0092e5;}

.box_list {display:block; padding:1px 0 0 0; margin:40px 0 50px 0; color:#848484;}
.box_list li {display:block; border:1px solid #b1b1b1; margin-top:-1px;}
.box_list li.border_tb {border-left:none; border-right:none;}
.box_list li div {font-size:17px; color:#333; padding:15px 20px;}
.box_list li div span {color:#0066a0;}
.box_list li div.quest {position:relative; padding:28px 40px 28px 96px; background:url(/new/images/icon_q.png) 30px center no-repeat; cursor:pointer; font-size:18px; font-weight:400;}
.box_list li div.quest .arrow {position:absolute; display:block; top:50%; right:20px; font-size:24px; margin-top:-12px;}
.box_list li p {padding:15px 20px; background:#f4f7f6; color:#848484; font-weight:300;}
.box_list li div.answer {font-size:; color:#848484; padding:28px 20px 28px 96px; background:#f4f7f6 url(/new/images/icon_a.png) 30px center no-repeat; display:none;}
.box_list li dl {display:block; padding:15px 20px 0 20px; background:#f4f7f6; color:#848484; font-weight:300;}
.box_list li dl:last-child {padding:15px 20px;}
.box_list li dl dt {float:left; font-weight:400; color:#005c9d;}
.box_list li dl dd {display:block; padding:0 30px;}
.box_list li dl dd.slist {padding:0 50px; background:url(/new/images/bullet_list.png) 36px 10px no-repeat;}
.box_list li dl.regulation {padding:15px 20px 5px 20px;}
.box_list li dl.regulation dd {display:block; padding:0 20px; margin:0 0 10px 0;}
.box_list li dl.regulation dd p {padding:0 15px;}
.box_list li dl.regulation dd em {margin-left:-20px; color:#0066a0; font-style:normal; padding-right:5px;}
.pwd_input {background:#f6fbfc; border:1px solid #b1b1b1; padding:50px; text-align:center;}
.pwd_input div {margin:30px 0 0 0;}
.file_input_div {position:relative; width:120px; height:30px; overflow:hidden; margin-right:10px;}
.file_input_div input[type="button"] {width:100%; height:100%; color:#333; text-align:center; background:#ececec; background:-moz-linear-gradient(top,  #f2f2f2 0%, #e7e7e7 100%); background:-webkit-linear-gradient(top,  #f2f2f2 0%,#e7e7e7 100%); background:linear-gradient(to bottom,  #f2f2f2 0%,#e7e7e7 100%);}
.file_input_div input[type="file"] {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0; cursor:pointer;}
input.btn {width:120px; height:30px; color:#333; text-align:center; background:#ececec; background:-moz-linear-gradient(top,  #f2f2f2 0%, #e7e7e7 100%); background:-webkit-linear-gradient(top,  #f2f2f2 0%,#e7e7e7 100%); background:linear-gradient(to bottom,  #f2f2f2 0%,#e7e7e7 100%); cursor:pointer;}
.attachedFile {clear:both; padding-top:5px; font-size:0;line-height:0;}
.attachedFile span.file {display:inline-block; zoom:1; padding:0 4px 0 5px; margin:3px 5px 0 0; font-size:12px; line-height:24px; color:#666; background:#f3f3f3;}
.attachedFile .del {display:inline-block; width:11px; height:11px; margin-left:5px; font-size:0; line-height:0; vertical-align:middle; background:url(/new/images/btn_delete_file.gif) no-repeat; border:none; cursor:pointer;}
.attachedFile span.file input[type="file"] {position:absolute; opacity:0; filter:alpha(opacity=0); width:0; height:0; cursor:pointer; z-index:-1;}
.privacybox {border:1px solid #b1b1b1; padding:30px; margin:0 0 10px 0; height:150px; overflow-y:auto;}
.privacybox strong {display:block; margin-bottom:10px; font-weight:500;}
.history dl {position:relative; padding:0 0 14px 0; margin-bottom:17px; border-bottom:1px dashed #ccc; line-height:36px;}
.history dl.last {padding:0 0 20px 0; border:none;}
.history dl dt {float:left; color:#3e3e3e; font-size:30px; font-weight:400;}
.history dl dd {position:relative; display:block; font-size:16px; color:#475359; padding:0 0 0 156px;}
.history dl dd span {display:inline-block; width:82px; font-weight:500; *padding-right:40px; *width:auto;}
.history dl dd img {position:absolute; top:0; right:0; margin:8px 0 0 0;}
.world_map {height:759px; background:url(/new/images/biz-place-world-wide.jpg) no-repeat; margin:60px 0 0 0; font-size:18px; line-height:25px; color:#8f9498; font-weight:400;}
.world_map strong {display:block; font-size:65px; line-height:65px; color:#0054a6; font-weight:100; text-transform:uppercase; padding:50px 0 20px 0;}
.biz_place {margin:60px 50px;}
.biz_place ul li {position:relative; padding:0 0 7px 50px; font-size:16px; line-height:28px;}
.biz_place ul li span {position:absolute; top:0; left:0; font-size:18px; color:#333; font-weight:500;}
a.btn_wbg {display:inline-block; line-height:56px; font-size:22px; color:#475359; padding:0 70px 0 65px; border:1px solid #b1b1b1;}
a.btn_wbg:hover {border:1px solid #a0c8df; color:#0092e5;}
a.btn_wbg span {display:inline-block; padding-right:42px; background:url(/new/images/btn-arrow.png) right center no-repeat;}
.map {position:relative; width:75%; height:450px; padding-right:25%; margin-top:-60px;}
.map .mapBox {width:100%; height:100%; border:1px solid #dadada; border-right:none; box-sizing:border-box;}
.map .img {position:absolute; top:0; right:0;}
.map_throu {padding:35px 50px 40px 50px; color:#475359;}
.map_throu strong.car {display:block; background:url(/new/images/ico-car.png) left center no-repeat; padding:0 0 0 50px; font-size:24px; font-weight:400; color:#333; margin-bottom:25px;}
.map_throu dl dt {display:inline-block; font-size:20px; font-weight:400; color:#333;}
.map_throu dl dd {display:inline-block;}
ul.rnd {display:block; padding:40px 50px 60px 50px; background:url(/new/images/rnd-fusion.jpg) 50px 30px no-repeat;}
ul.rnd li {display:block; margin:10px 0 15px 393px; border:1px solid #dadada; font-size:18px; padding:15px 0 15px 25px; color:#475359; font-weight:400;}
ul.rnd li strong {font-size:24px;}
.right_bg {position:relative; height:564px; padding:60px 0 0 0; background:url(/new/images/right-people-bg.jpg) center bottom no-repeat;}
.right_bg .box {position:absolute; top:253px; left:50px; font-size:18px; line-height:28px; color:#333; font-weight:300;}
.right_bg .box .title {font-size:26px; color:#000; font-weight:500; margin-bottom:20px;}
.right_txt {margin:30px; font-weight:300;  }
.right_txt p {font-size:14px; color:#00b2eb; font-weight:400; text-transform:uppercase;}

.right_txt strong {display:block; font-size:26px; line-height:28px; color:#000; font-weight:500; margin-bottom:10px;}
.right_txt span {display:block; font-size:0; line-height:0; width:50px; height:1px; background:#00b2eb; margin-bottom:40px;}
.ethic_list {display:block; padding:1px 0 0 0; margin:60px 0 50px 0;}
.ethic_list li {display:block; border:1px solid #b1b1b1; margin-top:-1px;}
.ethic_list li.border_tb {border-left:none; border-right:none;}
.ethic_list li div {font-size:18px; color:#333; padding:15px 20px; font-weight:400;}
.ethic_list li div span {color:#0066a0;}
.ethic_list li p {padding:15px 20px; background:#f4f7f6; color:#848484; font-weight:300;}
.ethic_list li dl {display:block; padding:15px 20px 0 20px; background:#f4f7f6; color:#848484; font-weight:300;}
.ethic_list li dl:last-child {padding:15px 20px;}
.ethic_list li dl dt {float:left; font-weight:400; color:#0066a0;}
.ethic_list li dl dd {display:block; padding:0 30px;}
.ethic_list li dl dd.slist {padding:0 50px; background:url(/new/images/bullet_list.png) 36px 10px no-repeat;}
.ethic_list li dl.regulation {padding:15px 20px 5px 20px;}
.ethic_list li dl.regulation dd {display:block; padding:0 20px; margin:0 0 10px 0;}
.ethic_list li dl.regulation dd p {padding:0 15px;}
.ethic_list li dl.regulation dd em {margin-left:-20px; color:#0066a0; font-style:normal; padding-right:5px;}
.sinmungo dt {font-size:18px; color:#333; font-weight:500; margin-bottom:5px;}
.sinmungo dd {font-size:16px; color:#475359; font-weight:300; margin-bottom:20px;}
.sinmungo dd strong {font-size:18px; color:#333; font-weight:500; margin-bottom:5px;}
.btn_sinmungo {position:absolute; bottom:0; right:0; width:420px; padding:370px 0 0 0; background:url(/new/images/sinmungo.jpg) center 20px no-repeat;}
.btn_sinmungo a {display:block; border:1px solid #dadada; color:#475359; font-size:20px; line-height:20px; padding:33px 42px; background:url(/new/images/sinmungo-btn.jpg) right center no-repeat; margin-bottom:15px;}
.btn_sinmungo a:hover {border:1px solid #a0c8df; color:#0092e5;}
.btn_sinmungo span {color:#8e9497; font-size:14px; line-height:20px;}
.certificate_4 {position:relative; padding:0 0 0 294px; margin-bottom:50px; overflow:hidden;}
.certificate_4 ul {display:block; width:896px; margin:0;}
.certificate_4 ul li {display:block; float:left; margin:0 10px 20px 10px;}
.certificate_4 ul li a, .certificate_4 ul li img {position:relative; display:block; width:204px; height:284px; -ms-interpolation-mode: bicubic;}
.certificate_4 dl {position:absolute; top:0; left:0; display:block; min-width:254px; border-top:1px solid #b1b1b1;}
.certificate_4 dl dt {display:block;}
.certificate_4 dl dd {display:block; font-size:14px; line-height:26px; color:#475359;}
.ceo_bg {position:relative; height:420px; padding:60px 0 0 0; background:url(/new/images/ceo.jpg) center bottom no-repeat;}
.ceo_bg .box {position:absolute; top:127px; left:153px; color:#484e53; font-size:16px; font-weight:300;}
.ceo_bg .box strong {font-size:30px; font-weight:300; padding:0 20px;}
.ceo {margin:50px; font-size:18px; line-height:28px; font-weight:300; color:#484e53;}
.infor { width:80%; font-size:12px; color:#484e53; padding-left:50px; margin-top:-40px;}
.philosophy_bg {position:relative; height:550px; padding:60px 0 0 0; margin:0 0 50px 0; background:url(/new/images/philosophy-bg.jpg) center bottom no-repeat; text-align:center;}
.philosophy_bg .core {line-height:30px; font-size:24px; font-weight:400; color:#848484; margin:0 0 45px;}
.philosophy_bg ul {display:block; margin:0 auto; padding:48px 0 0 0; width:652px;}
.philosophy_bg ul li {display:block; float:left; width:163px; color:#fff; font-size:14px; line-height:24px; font-weight:300;}
.philosophy_bg ul li strong {display:block; font-size:24px; font-weight:500; margin-bottom:22px;}
.philosophy {margin:30px 0 50px 0; color:#475359; text-align:left;}
.philosophy th {font-size:28px; line-height:40px; font-weight:500; width:353px; padding:0 40px 0 0; text-align:left; vertical-align:middle;}
.philosophy th i {display:block; font-style:normal; background:url(/new/images/philosophy-line.gif) right center no-repeat;}
.philosophy th span {background:#fff; padding:0 23px 0 0;}
.philosophy td {font-size:24px; line-height:30px; font-weight:500; text-align:center; vertical-align:middle; padding:15px 0;}
.bTitle {font-size:45px; line-height:50px; text-transform:uppercase; margin:0 0 34px 0;}
.philosophy_overview {font-size:28px; line-height:40px; padding:50px 0 15px 0; background:url(/new/images/philosophy-roof.gif) no-repeat;}
.dblue_box {background:#0054a6; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; color:#fff; padding:30px 0;}
.lblue_box {float:left; width:255px; margin-right:11px; background:#00b2eb; padding:18px 0 12px 0; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; color:#fff;}
.lblue_box.last {margin-right:0;}
.lblue_box span {display:block; color:#abeafe; font-size:21px; font-weight:400;}
.circle_box {float:left; width:255px; margin-right:11px;}
.circle_box.last {margin-right:0;}
.circle_box .circle {-webkit-border-radius:100px; border-radius:100px; background:#e5f8fe; border:1px solid #dadada; width:150px; height:150px; margin:0 auto;}
.circle_box .circle p {padding:50px 0 0 0; color:#9da7ac; font-size:24px; font-weight:400;}
.circle_box .circle p strong {display:block; color:#333; font-size:28px; font-weight:500;}
.border_box {-webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; padding:30px 0; border:1px solid #dadada;}
.border_box span {color:#9da7ac;}
.border_box_big {-webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; padding:20px 0; border:1px solid #dadada; font-size:45px; line-height:50px; color:#0054a6; font-weight:500; width:785px; margin:0 auto;}
.border_box_big span {color:#abc4dd;}
.strength_bg {padding:125px 0 0 0; background:url(/new/images/philosophy-roof.gif) center top no-repeat; width:1100px; margin:0 auto 50px auto;}
.strength_bg dl {display:block; float:left; width:255px; margin:0 10px;}
.strength_bg dl dt {display:block; text-align:center; background:#00b2eb; padding:25px 0; -webkit-border-radius:30px 0 0 0; border-radius:30px 0 0 0; color:#fff; font-size:24px; line-height:30px; font-weight:500;}
.strength_bg dl dd {display:block; padding:12px 0 12px 20px; color:#475359; font-weight:300; border:1px solid #dadada; border-top:none;}
.strength_bg dl dd.first {padding:25px 20px 12px 20px;}
.strength_bg dl dd.last {-webkit-border-radius:0 0 30px 0; border-radius:0 0 30px 0;}
.pl300 {padding-left:300px; font-size:18px; line-height:28px; color:#475359; font-weight:300;}
a.download {display:inline-block; font-size:14px; line-height:20px; color:#848484; padding:5px 25px 5px 47px; background:url(/new/images/icon_download.gif) 25px 8px no-repeat; border:1px solid #dadada; margin-bottom:40px;}
a.download:hover {border:1px solid #a0c8df; color:#0092e5;}
.social_bg {position:relative; height:420px; background:#f4f4f4 url(/new/images/social-bg.jpg) no-repeat; margin:50px 0 0 0;}
.personnel {position:relative; padding:0 0 0 240px; margin-bottom:60px;}
.h4_left {position:absolute; top:0; left:0; width:160px; border-top:1px solid #b1b1b1; font-weight:400; font-size:21px; color:#333; padding:19px 0 0 0; text-align:left; letter-spacing:0;}
.h4_left strong {display:block; color:#0054a6; font-weight:600; font-size:28px; margin-bottom:10px;}
.stitle {font-size:21px; font-weight:400; color:#333; margin:0 0 10px 0; padding:0 0 0 21px; background:url(/new/images/bullet_stitle.png) 0 5px no-repeat;}
.privacy {margin-bottom:50px; padding:50px; font-weight:300;}
.privacy strong {font-weight:400; font-size:18px; line-height:34px; color:#333;}
.stock_info {display:block; margin:50px;}
.stock_info .cell {display:block; width:565px;}
.stock_info .stitle span {font-size:15px; color:#6673af; padding-left:10px;}
.mkd-mainisu-box {background:url(/web/images/ptn-diagonal-01.png) #eaedf4; border-top:2px solid #333333; height:136px;}
.mkd-mainisu-box .design-ul-table {margin:20px;}
.design-ul-table > ul {display:table; width:100%;}
.design-ul-table > ul > li {display:table-cell; width:1%;}
.mkd-main-isu-title {border:1px solid #cdcdcd;}
.mkd-main-isu-title .mkd04020100-isuBox1 {height:33px; line-height:32px; background:#667391; font-size:15px; color:#fff; font-weight:500; padding-left:10px;}
.mkd-main-isu-title .mkd04020100-isuBox1 > span {margin-right:10px;}
.mkd-main-isu-title .mkd04020100-isuBox1 > span:last-child {font-size:20px;}
.mkd-main-isu-title .mkd04020100-isuBox2 {background-color:#fff; height:42px; text-align:right; padding:13px 12px 5px 0; font-size:42px; color:#333; line-height:42px;}
.mkd-mainisu-box .mkd-main-isu-contents {margin-left:20px;}
.mkd-mainisu-box .mkd-main-isu-contents ul {color:#333; font-size:15px; line-height:24pt;}
.mkd-mainisu-box .mkd-main-isu-contents ul li span {float:right;}
.mkd-mainisu-box .mkd-main-isu-contents ul li span i {display:inline-block; font-size:8px; font-style:normal; padding-right:6px;}
.design-table1 table {position:relative; width:100%; margin:0 0 20px 0; border-top:2px solid #2c77bc; border-spacing:0; color:#333; line-height:22px;}
.design-table1 table caption {position:absolute; display:block; left:-10000px; top:-10000px; height:0; overflow:hidden;}
.design-table1 table thead tr th {padding:9px 10px; font-weight:400; background-color:#fcfcfc; border-left:1px solid #dbdbdb; border-bottom:1px solid #c2c2c2; text-align:center;}
.design-table1 table tbody tr th {padding:9px 10px; font-weight:400; background-color:#fcfcfc; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:left;}
.design-table1 table tbody tr td {padding:9px 10px; background-color:#fff; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.design-table1 table tbody tr td i {display:inline-block; font-size:8px; font-style:normal; padding-right:6px;}
.design-table1 > table td:first-child, .design-table1 > table th:first-child {border-left:0;}

/* layer popup */
.overlay, .overlay2 {position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); -moz-opacity:0.7; z-index:900;}
.popup_anonymous, .popup_open_after_IPO {position:fixed; display:none; top:50%; left:50%; padding:0; background:#fff; -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); z-index:1001; padding:30px 0;}
h4.popup_h4 {font-size:20px; font-weight:400; padding:0 0 10px 30px; color:#333; border-bottom:1px solid #d1d7d6; text-align:left;}
.private_box {width:400px; padding:0 30px;}
.popup_anonymous .btn_area, .popup_open_after_IPO .btn_area {margin:0; padding:20px;}
a.btn_popclose {position:absolute; top:26px; right:30px; display:block; width:32px; height:32px; text-indent:-9999px; background:url(/new/images/pop_close.png) no-repeat;}
a.btn_popclose:hover {background-position:0 -50px;}
.popup_private, .popup_email, .popup_sitemap {position:fixed; display:none; top:50%; left:50%; padding:0; background:#fff; -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); z-index:1000; padding:30px 0;}
.registration_print {position:fixed; display:none; top:50%; left:50%; padding:0; background:#fff; -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); z-index:1000; padding:30px 0;}
h4.popup_h4 {font-size:20px; font-weight:400; padding:0 0 10px 30px; color:#333; border-bottom:1px solid #d1d7d6;}
.sitemap_box {position:relative; min-width:830px; width:auto; padding:30px 60px;}
.sitemap_box .navi {float:none; margin:0 auto; font-size:20px; line-height:30px;}
.sitemap_box .navi li {float:left; margin-right:40px; margin-bottom:10px;}
.sitemap_box .navi li:last-child {margin-right:0;}
.sitemap_box .navi li a {display:block; padding-left:0; width:auto; border-bottom:2px solid #0066a0; margin-bottom:10px;}
.sitemap_box .navi li a span {display:block; padding:0 0 10px 0;}
.sitemap_box .navSub {position:relative; top:0; left:0; width:auto; margin:0; height:auto;}
.sitemap_box .navi li dl {float:none; margin:0; padding-left:0; font-size:15px; line-height:45px; font-weight:400;}
.sitemap_box .navi li dl dd {padding-top:0;}
.sitemap_box .navi li dl dd a {display:block; border-bottom:1px solid #d1d7d6; margin-bottom:0;}
.caution_box {display:block; background:#f0f3f6 url(/new/images/emailreject.png) 25px center no-repeat; padding:20px 0; margin:0 0 30px 0;}
.caution_box li {display:block; padding:0 30px 0 160px;}

/* icon */
i.icon {display:inline-block; float:left; width:48px; height:48px; background:url(/new/images/common.png) no-repeat; margin-right:8px;}
.category_sel li .cat01 {background-position:0 0;}
.category_sel li .cat02 {background-position:-50px 0;}
.category_sel li .cat03 {background-position:-100px 0;}
.category_sel li .cat04 {background-position:-150px 0;}
.category_sel li .cat05 {background-position:-200px 0;}
i.iconB {display:block; width:82px; height:82px; background:url(/new/images/common.png) no-repeat; margin:23px auto 9px auto;}
i.iconB.abs_motor {background-position:0 -150px;}
i.iconB.eps_motor {background-position:-100px -150px;}
i.iconB.bms {background-position:-200px -150px;}
i.iconB.mobile01 {background-position:0 -250px;}
i.iconB.mobile02 {background-position:-100px -250px;}
i.iconB.mobile03 {background-position:-200px -250px;}
i.iconB.chemistry01 {background-position:0 -350px;}
i.iconB.chemistry02 {background-position:-100px -350px;}
i.iconB.chemistry03 {background-position:-200px -350px;}
i.iconB.chemistry04 {background-position:-300px -350px;}
i.new {display:inline-block; width:31px; height:13px; background:url(/new/images/ico-new.gif) no-repeat; margin:0 0 0 10px;}
i.re {display:inline-block; width:13px; height:13px; background:url(/new/images/ico-re.png) no-repeat; margin:0 10px 0 0;}
i.secret {display:inline-block; width:13px; height:13px; background:url(/new/images/ico-secret.png) no-repeat; margin:0 10px 0 0;}
span.orange {color:#f7941e;}

.main_pos ul li.ui-tabs-active a {
  animation: animationFrames linear 1.2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 1.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 1.2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1.2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,-4px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,-4px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,-4px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,-4px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,-4px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}