@charset "utf-8";

/* reset css include */
@import"global.css";

html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

#skip_nav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#skip_nav a {display:block; position:absolute; left:0; top:-9999px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; font-size:12px;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {width:100%; top:0px; height:auto; padding:5px 0; background:#f37121; color:#fff; z-index:1000;}

label.rdo {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.rdo input {width:13px; height:13px; position:absolute; top:5px; left:0;}

label.chk {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.chk input {width:13px; height:13px; position:absolute; top:5px; left:0;}

/* Layout */
#wrap { width:100%; min-width:1000px; overflow:hidden; }

#header {width:100%; height:70px; background:url(../../images/common/bg_header.png) 0 0 repeat-x; position:absolute; left:0px; top:0px; z-index:100; overflow:hidden;}
#header .header_inner {width:1000px; margin: 0 auto; position:relative;}
#header .logo {position:absolute; left:1px; top:16px;}
#header .logo a {display:block;}

#header .gnb { width:835px; position:absolute; left:135px; top:0px; overflow:hidden;}
#header .gnb > li {float: left; min-height:264px; position:relative; }
#header .gnb > li > a {display:inline-block; min-width:55px; height:70px; line-height:70px; padding:0 22px; font-size:16px; color:#000; font-family:ng_b;}
#header .gnb > li.on > a, 
#header .gnb > li.current > a {color:#d8252b;}
#header .gnb > li.on > a span, 
#header .gnb > li.current > a span {padding-bottom:22px; border-bottom: solid 4px #d8252b;}
#header .gnb > li ul {display:none; position:absolute; left:0px; top:90px; }
#header .gnb > li ul li {margin-top:10px; padding-left:24px;}
#header .gnb > li ul li:first-child {margin-top:0px;}
#header .gnb > li ul li a {display:block; width:100%; font-size:14px; line-height:17px; color:#454545; outline:none; vertical-align:top; white-space:nowrap;}
#header .gnb > li ul li a:hover,
#header .gnb > li ul li a:focus {color:#101010; font-family:ng_b; }
#header .gnb .ico_download { height:168px; padding:10px 0 0 16px; position:absolute; right:10px; top:85px; background:url(../../images/common/bg_down.png) 0 0 no-repeat; }
#header .gnb .ico_download a { display:inline-block; width:115px; height:135px; line-height:22px; padding:0; color:#2a2a2a; font-family:ng_b; background:url(../../images/common/ico_down.png) right bottom no-repeat; }
#header .gnb .ico_download a span { display:block; }
#header .gnb .ico_download a .name { padding-bottom:10px; font-size:18px; }
#header .gnb .ico_download a .txt { padding-left:2px; font-size:13px; line-height:16px; color:#5c5c5c; }
#header .gnb > li.on.ico_download > a, 
#header .gnb > li.current.ico_download > a {color:#2a2a2a;}
#header .gnb > li.on.ico_download > a span, 
#header .gnb > li.current.ico_download > a span { padding-bottom:10px; border-bottom: solid 0px #fff;}

#header .util_menu {position:absolute; right:48px; top:0px; overflow:hidden;}
#header .util_menu > li {float: left;}
#header .util_menu > li > a {display:inline-block; font-size:12px; height:70px; padding:0 9px; line-height:70px; color:#6d6d6d; font-family:ng_b;}
#header .all_search {position:absolute; right:0px; top:20px;}

#container { width:100%; position:relative; }

#quickbar { position:absolute; left:50%; bottom:80px; margin-left:520px; }
#quickbar .btn_top { display:inline-block; width:62px; height:62px; line-height:62px; font-size:16px; font-family:ng_b; color:#fff; background-color:#4f4f4f; text-align:center; }

.main_contents {padding-top:509px; margin-top:70px; }
.main_contents .main_visual {width:100%; min-width:1000px; height:760px; position:absolute; left:0px; top:0px;}
.main_contents .main_visual .bx-slider li {height:760px; overflow:hidden;}
.main_contents .main_visual .bx-slider li img {width:2560px; height:760px; position:absolute; top:0; left:50%; margin-left:-1280px;}
.main_contents .main_visual .bx-pager {position:absolute; left:50%; top:410px; margin-left:-480px; overflow:hidden;}
.main_contents .main_visual .bx-pager .bx-pager-item {margin-left:5px; float: left;}
.main_contents .main_visual .bx-pager .bx-pager-item:first-child {margin-left:0px;}
.main_contents .main_visual .bx-pager .bx-pager-item a {width:22px; height:22px; background:url(../../images/main/bul_01.png) 0 0 no-repeat;}
.main_contents .main_visual .bx-pager .bx-pager-item a.active {width:44px; height:17px; margin-top:1px; background:url(../../images/main/bul_02.png) 0 0 no-repeat;}
.main_contents .section1 {height:497px; background:url(../../images/main/bg_03.gif) center bottom no-repeat;}
.main_contents .section1 .inner {width:1000px; margin: 0 auto; position:relative;}
.main_contents .section1 .inner .banner_area1 {padding-top:60px; position:relative; overflow:hidden;}
.main_contents .section1 .inner .banner_area1 .banner_img li {display:none; float: left;}
.main_contents .section1 .inner .banner_area1 .banner_img li.li1 { background:url(../../images/main/product_banner1.jpg) 0 0 no-repeat;}
.main_contents .section1 .inner .banner_area1 .banner_img li.li2 { background:url(../../images/main/product_banner2.jpg) 0 0 no-repeat;}
.main_contents .section1 .inner .banner_area1 .banner_img li.li3 { background:url(../../images/main/product_banner3.jpg) 0 0 no-repeat;}
.main_contents .section1 .inner .banner_area1 .banner_img li.li4 { background:url(../../images/main/product_banner4.jpg) 0 0 no-repeat;}
.main_contents .section1 .inner .banner_area1 .banner_img li.on {display:block;}
.main_contents .section1 .inner .banner_area1 .banner_img li a { display:block; width:645px; height:357px; padding:40px 50px;}
.main_contents .section1 .inner .banner_area1 .banner_img li a span {display:block;}
.main_contents .section1 .inner .banner_area1 .banner_img li .name {padding-bottom:25px; font-size:24px; color:#fff; font-family:ng_b;}
.main_contents .section1 .inner .banner_area1 .banner_img li .txt {color:#fff;}
.main_contents .section1 .inner .banner_area1 .banner_btn {width:250px; height:245px; position:absolute; left:0px; bottom:0px; background:url(../../images/main/bg_02.png) 0 0 repeat;}
.main_contents .section1 .inner .banner_area1 .banner_btn .name {display:block; height:60px; padding-left:30px; line-height:60px; font-size:18px; color:#fff; font-family:ng_b; background:url(../../images/main/bul_03.png) 215px center no-repeat; }
.main_contents .section1 .inner .banner_area1 .banner_tab li a {display:block; height:43px; padding-left:30px; line-height:43px; font-size:16px; color:#a5a5a5; }
.main_contents .section1 .inner .banner_area1 .banner_tab li.on a {width:263px; height:51px; background:url(../../images/main/bg_07.png) 0 0 no-repeat; color:#fff; font-family:ng_b; }
.main_contents .section1 .inner .banner_area2 {width:255px; position:absolute; right:0px; top:0px;  }
.main_contents .section1 .inner .banner_area2 .banner_1 {display:block; height:251px; padding-left:30px; background:url(../../images/main/bg_01.png) 0 0 no-repeat; color:#e7ecd8; }
.main_contents .section1 .inner .banner_area2 .banner_1 .name {display:block; height:50px; padding:20px 0 7px 0; line-height:50px; font-size:22px; color:#fff; font-family:ng_b; background:url(../../images/main/bul_04.png) 185px center no-repeat; }
.main_contents .section1 .inner .banner_area2 .banner_2 { padding-left:30px; color:#444; background:url(../../images/main/bg_09.gif) 0 0 no-repeat; }
.main_contents .section1 .inner .banner_area2 .banner_2 a { height:246px; display:block; }
.main_contents .section1 .inner .banner_area2 .banner_2 .name {padding:25px 0 20px 0; font-family:ng_b; color:#000; font-size:22px; }
.main_contents .section1 .inner .banner_area2 .banner_2 .txt { font-size:14px; color:#404040; line-height:20px; }
.main_contents .section1 .inner .banner_area2 .banner_2 span { display:block; }
.main_contents .section2 {width:1000px; padding-top:226px; margin: 0 auto; position:relative;}
.main_contents .section2 .banner_1 {overflow:hidden; position:absolute; left:0px; top:20px;}
.main_contents .section2 .banner_1 li {width:303px; height:265px; float: left; }
.main_contents .section2 .banner_1 li.on {background:url(../../images/main/bg_08.png) 0 0 no-repeat;}
.main_contents .section2 .banner_1 li a {display:block; padding:30px 0;}
.main_contents .section2 .banner_1 li a span {display:block;}
.main_contents .section2 .banner_1 li a .txt1 {padding:0 0 3px 30px; color:#202020; font-family:ng_b;}
.main_contents .section2 .banner_1 li a .name {padding-bottom:12px; margin: 0 30px 24px 30px; color:#202020; font-family:ng_b; border-bottom: solid 1px #a6a6a6; font-size:20px;}
.main_contents .section2 .banner_1 li a .txt {padding-left:30px; color:#202020; color:#636363; line-height:20px;}
.main_contents .section2 .banner_2 {overflow:hidden;}
.main_contents .section2 .banner_2 li {display:none; float: left;}
.main_contents .section2 .banner_2 li.on {display:block;}
.main_contents .section2 .banner_2 li a {display:inline-block; width:605px; height:389px; padding-right:140px; }
.main_contents .section2 .banner_2 li.li1 a { background:url(../../images/main/brand_banner_01.jpg) 0 0 no-repeat; }
.main_contents .section2 .banner_2 li.li2 a { background:url(../../images/main/brand_banner_02.jpg) 0 0 no-repeat; }
.main_contents .section2 .banner_2 li.li3 a { background:url(../../images/main/brand_banner_03.jpg) 0 0 no-repeat; }
.main_contents .section2 .banner_2 li a span {display:block; text-align:center;}
.main_contents .section2 .banner_2 li a .name {padding:85px 0 40px 0; font-size:32px; line-height:36px; color:#fff; font-family:ng_b;}
.main_contents .section2 .banner_2 li a .txt {line-height:20px; color:#e5e5e5;}
.main_contents .section2 .banner_3 {width:314px; height:243px; padding:40px; background:url(../../images/main/bg_05.jpg) 0 0 no-repeat; position:absolute; right:0px; top:0px;}
.main_contents .section2 .banner_3 span {display:block;}
.main_contents .section2 .banner_3 .name {padding-bottom:25px; color:#fff; font-size:22px; font-family:ng_b;}
.main_contents .section2 .banner_3 .txt { padding-bottom:65px; line-height:20px; color:#ebe7e0;}
.main_contents .section2 .banner_3 ul li { width:120px; margin-bottom:3px; }
.main_contents .section2 .banner_3 ul li a { display:block; padding-left:15px; height:26px; line-height:26px; color:#fff; border: solid 1px #928479; font-size:14px; }
.main_contents .section2 .banner_3 ul li a:hover { color:#202020; border: solid 1px #fff; background-color:#fff; font-family:ng_b; }
.main_contents .section2 .banner_4 {width:344px; height:186px; padding:0 25px; position:absolute; right:0px; bottom:96px; background-color:#ee6451;}
.main_contents .section2 .banner_4 .name {padding:25px 15px; font-size:22px; color:#fff; font-family:ng_b; border-bottom: solid 1px #e7552f;}
.main_contents .section2 .banner_4 li {padding:0 15px; border-bottom: solid 1px #e7552f;}
.main_contents .section2 .banner_4 li a {display:block; height:45px; line-height:45px; color:#fff; font-size:16px; background:url(../../images/main/btn_01.png) right center no-repeat;}
.main_contents .section2 .banner_5 { width:394px; height:70px; line-height:70px; background-color:#6f6f6f; position:absolute; right:0px; bottom:16px; }
.main_contents .section2 .banner_5 .name { display:inline-block; padding-left:40px; font-size:22px; color:#fff; font-family:ng_b;  }
.main_contents .section2 .banner_5 ul { position:absolute; right:28px; top:19px; overflow:hidden;}
.main_contents .section2 .banner_5 ul li { float: left; margin-right:10px; }
.main_contents .section2 .banner_5 ul li a { display:block; }

#contents { width:100%; padding-top:70px; }
#contents .section { width:1000px; margin: 0 auto; }
#contents .sub_visual { height:285px; text-align:center; color:#fff; }
#contents .sub_visual .h2 { padding:80px 0 30px 0; font-size:26px; line-height:30px; font-family:ng; }
#contents .sub_visual .h3 { font-size:45px; line-height:80px; }
#contents .hgroup { height:40px; background-color:#2e3b41; }
#contents .hgroup .locate { width:1000px; margin: 0 auto; }
#contents .hgroup .locate a { display:inline-block; width:40px; height:27px; padding-top:13px; background-color:#3a484f; text-align:center; border-right: solid 1px #2e3b41; float: left;}

#footer { width:100%; height:177px; background:url(../../images/common/bg_footer.gif) center top no-repeat;}
#footer .footer_inner {width:1000px; margin: 0 auto; position:relative;}
#footer .footer_inner .address {padding:20px 0; font-size:12px; color:#636363;}
#footer .footer_inner .address .name {display:block;}
#footer .footer_inner .copyright {font-size:12px; color:#636363; }
#footer .footer_inner .ft_menu {padding-left:72px; position:absolute; right:0; top:43px; overflow:hidden; }
#footer .footer_inner .ft_menu .btn_sinmungo {display:block; width:70px; height:38px; border:1px solid #0e6a91; font-family:ng_b; font-size:14px; line-height:19px; padding:19px 0; text-align:center; position:absolute; top:0; left:0; color:#0e6a91;}
#footer .footer_inner .ft_menu ul {width:396px; overflow:hidden;}
#footer .footer_inner .ft_menu ul li { width:188px; margin:0 0 10px 10px;float:left;} 
#footer .footer_inner .ft_menu ul li a { display:block; height:32px; border:solid 1px #3a3a3a; text-align:center; line-height:32px; font-family:ng_b; font-size:14px; color:#1f1f1f; }
#footer .footer_inner .ft_menu ul li.poly a {font-size: 16px;color: #d8252b;border: solid 1px #d8252b;}
#footer .footer_inner .ft_menu ul li select {width:188px; height:34px; border: solid 1px #3a3a3a; color:#1f1f1f; font-family:ng_b; background-color:#f7f7f7;} 

/* bx-slider */
.bx-wrapper {position:relative; *zoom:1;}
.bx-wrapper .bx-controls-auto {position:absolute;}
.bx-wrapper .bx-controls .bx-pager {position:absolute; z-index:10;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block; *display:inline; *zoom:1;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a {display:block; text-indent:-9999px;}
.bx-wrapper .bx-controls .bx-controls-direction a {display:block; position:absolute; outline:0; text-indent:-9999px; z-index:10;}
.bx-wrapper .bx-controls .bx-controls-direction a.disabled {display:none;}

/* select or die */
.sod_select {display:inline-block; position:relative; height:30px; padding:5px 0px 5px 10px; border:0px solid #fff; line-height:30px; color:#c4cccf; vertical-align:top; cursor:pointer; float: left; border-right: solid 1px #2e3b41; background:url(../../images/common/bul_01.gif) right center no-repeat #3a484f; }
.sod_select .sod_label {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sod_select .sod_list_wrapper { background-color:#efefef; color:#333; border-top:none; display:none; position:absolute; top:100%; left:0; margin-left:-1px; height:auto; z-index:1; }
.sod_select.above .sod_list_wrapper {border-top:1px solid #666; border-bottom:none; top:auto; bottom:100%;}
.sod_select .sod_list_wrapper .sod_list {display:block; overflow-y:auto; position:relative;}
.sod_select .sod_list_wrapper .sod_list .sod_option { display:block; padding:5px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; border-top: solid 1px #dadada;}
.sod_select .sod_list_wrapper .sod_list .sod_option.disabled { color:#eb4a34; }
.sod_select .sod_list_wrapper .sod_list .sod_option.active { color:#eb4a34; background:url(../../images/common/ico_02.png) right center no-repeat; font-family:ng_b; }
.sod_select select {display:none !important;}
.sod_select.touch select {display:block !important; height:100%; width:100%; -webkit-appearance:menulist-button; position:absolute; top:0; left:0; opacity:0; z-index:1;}
.sod_select:hover,
.sod_select.open,
.sod_select.focus {border-color:#666;}
.sod_select.open {color:#ccc; z-index:10;}
.sod_select.open .sod_list_wrapper {display:block;}
.sod_select.disabled {border-color:#828282; color:#b2b2b2; cursor:not-allowed;}
.sod_select.disabled.open .sod_list_wrapper {display:none;}
.custom_select_current .sod_select { font-family:ng_b; color:#fff;}

/* Common */
.btn_area {width:100%; overflow:hidden; text-align:center;}
.btn_area a {float:left; margin-left:10px;}
.btn_area a:first-child {margin-left:0px;}
.btn_area input {float:left; margin-left:10px;}
.btn_area input:first-child {margin-left:0px;}

.btn30 {display:inline-block; height:30px; border:0; line-height:30px; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; outline:none;}
.btn30.gray {background-color:#333;}
.btn30.white {background-color:#fff; color:#333 !important;}
.btn33 { display:inline-block; height:33px; line-height:33px; color:#fff !important; font-size:14px; text-align:center; font-family:ng_b; background-color:#555; border: solid 0px #fff; }
.btn33.blue { background-color:#0e6a91; }
.btn33.blue1 { background-color:#3a58ae; }
.btn33.orange { background-color:#f96431; }
.btn33.bul1 span { display:block; padding-left:15px; background:url(../../images/common/bul_02.png) right center no-repeat; text-align:left; }
.btn35 {display:inline-block; height:35px; border:0; line-height:35px; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; outline:none; background-color:#9d978f; font-family:ng_b; }
.btn35.white {background-color:#fff; height:33px; color:#000 !important; border: solid 1px #959595; font-size:14px; font-family:ng; }
.btn35.black {background-color:#2d2d2d; }
.btn35.gray {background-color:#b2b4b6; }
.btn35.blue {background-color:#3c8aab; }
.btn35.red {background-color:#ee6451; }
.btn35.bor_red {background-color:#fff; height:33px; color:#ef6451 !important; border: solid 1px #ef6451; }
.btn35.bul1 span { display:block; padding-left:15px; background:url(../../images/common/bul_02.png) right center no-repeat; text-align:left; }
.btn35.bul2 span { display:block; padding-right:15px; background:url(../../images/common/ico_03.png) 15px center no-repeat; text-align:right; }
.btn35.bul3 span { display:inline-block; padding-left:25px; background:url(../../images/common/ico_05.gif) 0 center no-repeat; }
.btn35.bul4 span { display:inline-block; padding-left:25px; background:url(../../images/common/ico_03.png) 0 center no-repeat; }
.btn35.bul5 span { display:block; padding-left:14px; background:url(../../images/common/bul_04.gif) right center no-repeat; text-align:left; }
.btn35.bul6 span { display:block; padding-left:14px; background:url(../../images/common/bul_10.gif) right center no-repeat; text-align:left; font-family:ng_b; }
.btn35.bul7 span { display:block; padding-left: 50px; background:url(../../images/common/ico_07.png) 20px center no-repeat; text-align:left; }
.btn35.bul8 span { display:block; padding-left:14px; background:url(../../images/common/bul_11.gif) right center no-repeat; text-align:left; font-family:ng_b; }
.btn38 { display:inline-block; height:38px; line-height:38px; background-color:#0e6a91; color:#fff !important; font-size:16px; font-family:ng_b;  border:0; text-align:center;}
.btn40 {display:inline-block; height:40px; border:0; line-height:40px; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; outline:none; background-color:#0e6a91; font-family:ng_b; }
.btn40.dk_gray { background-color:#555; font-size:16px; }
.btn40.orange { background-color:#f35b46; }
.btn46 {display:inline-block; height:46px; border:0; line-height:46px; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; outline:none;}
.btn46.bor_red {height:44px; border:solid 1px #ef6451; font-size:20px; color:#ef6451 !important;}
.btn46.bul1 span {display:inline-block; padding-right:50px; background:url(../../images/common/bul_13.gif) right center no-repeat;}
.btn46.bul1 .img1 {position:relative; top:14px; margin-right:10px;}
.btn55 {display:inline-block; height:55px; border:0; line-height:55px; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; outline:none; background-color:#ef2626; font-family:ng_b; }
.btn55.sky { background-color:#55acef; }
.btn55.ico_youtube span { display:inline-block; padding-left:50px; background:url(../../images/promote/ico_08.gif) left center no-repeat; }
.btn55.ico_twitter span { display:inline-block; padding-left:30px; background:url(../../images/promote/ico_09.gif) left center no-repeat; }
.btn1702 {display: block;height: 35px;margin: 0 auto;border: 0;line-height: 35px;color: #fff !important;text-align: center;vertical-align: top;cursor: pointer;outline: none;background-color: #9d978f;font-family: ng_b; }
.btn1702.blue {background-color:#3c8aab; }
.btn1702.bu19 span { display:block; background:url(../../images/common/bul_15.png) right center no-repeat; font-family:ng_b; }

.name33 { font-size:33px; line-height:40px; color:#303030; font-family:ng_b; }
.name33 .txt1 { display:block; color:#ef6451; letter-spacing:-1px; }
.name28 { font-size:28px; line-height:30px; font-family:ng_b; }
.name24 { font-size:24px; line-height:30px; color:#0e6a91; font-family:ng_b; position:relative; }
.name24 span { display:inline-block; font-size:14px; color:#555; font-family:ng; position:absolute; right:0px; top:3px; }
.name24.bul1 { padding:15px 0 17px 0; margin-bottom:18px; border-bottom: solid 1px #b8d4e0; background:url(../../images/common/bul_06.gif) 0 0 no-repeat;  }
.name18 { font-size:18px; color:#0e6a91; font-family:ng_b; }
.name16 { padding-bottom:12px; font-size:16px; color:#000; font-family:ng_b; }
.txt12 { font-size:12px; color:#000; }
.txt14 { font-size:14px; color:#000; font-family:ng_b; }
.txt16 { font-size:16px; line-height:25px; color:#444; }

.ls { letter-spacing:-1px; }
.select40 { height:40px; color:#555; line-height:40px;}
.it40  { height:28px !important; line-height:28px !important; }
.lh35 { line-height:35px !important; }
.gray_box { background-color:#f5f5f6; }
.gray_box1 { background-color:#f5f7f9; }
.bor_box1 { border: solid 1px #959595;}
.ico_down { display:inline-block; height:27px; line-height:20px; padding-left:27px; margin-right:35px; background:url(../../images/common/ico_04.gif) 0 0 no-repeat; color:#000; font-family:ng_b; }
.bort2 { border-top: solid 2px #565656;}
.borb1 { border-bottom: solid 1px #c7c7c7;}

.p30 { padding:30px; }
.c_777 { color:#777; }
.c_orange { color:#f96431; }
.c_blue2 { color:#305ad2;}

.tab_style1 { overflow:hidden; }
.tab_style1 li { float: left; margin-left:20px; padding-bottom:29px; }
.tab_style1 li:first-child { margin-left:0px; }
.tab_style1 li a { display:block; height:45px; line-height:45px; background-color:#efefef; color:#000; font-size:16px; font-family:ng_b; text-align:center; }
.tab_style1 li.on { padding-bottom:9px; margin-bottom:20px; background:url(../../images/product/bul_02.gif) center bottom no-repeat; }
.tab_style1 li.on a { color:#fff; background-color:#ef6451;}
.tab_style1.i_tab2 li a { width:490px; }
.tab_style1.i_tab3 li a { width:320px; }
.tab_style1.i_tab4 li a { width:235px; }
.tab_style1.i_tab5 li a { width:184px; }
.tab_style1.p_tab2 li a { width:220px; }
.tab_style1.p_tab2 li:first-child { margin-left:270px; }
.tab_style1.p_tab3 li a { width:220px; }
.tab_style1.p_tab3 li:first-child { margin-left:30px; }
.tab_style1.p_tab5 li a { width:175px; }
.tab_style1.p_tab5 li:first-child { margin-left:20px; }

.table_style1 thead th { padding:17px 0; background-color:#555; color:#fff; font-family:ng_b; font-size:16px; text-align:center; }
.table_style1.th_style1 thead th { padding:10px 0;}
.table_style1.th_style1 thead th.th1 { padding:5px 0 15px; font-size:14px; font-family:ng;}
.table_style1.th_style1 thead th.th2 { padding:17px 0 3px;}
.table_style1 thead th.l { padding:17px 0 17px 60px; text-align:left; }
.table_style1 thead th.l1 { padding:17px 0 17px 80px; text-align:left; }
.table_style1 tbody th,
.table_style1 tbody td { padding:17px 0; color:#333; text-align:center; border-bottom: solid 1px #e7e7e7; }
.table_style1 tbody .row_td1 td { padding:17px 0 0 0; border-bottom: solid 0px #fff; }
.table_style1 tbody .row_td2 td { padding:0 0 17px 0; }
.table_style1 tbody th.l { padding:17px 0 17px 60px; text-align:left; }
.table_style1 tbody th.l1 { padding:17px 0 17px 80px; text-align:left; }
.table_style1 tbody th.l2 { padding:17px 0 17px 30px; text-align:left; }
.table_style1 tbody td.l { text-align:left; }
.table_style1 tbody td.l1 { padding-left:40px; text-align:left; }
.table_style1 tbody .bg { background-color:#f7f7f7; }
.table_style1 tfoot th,
.table_style1 tfoot td { padding:17px 0; color:#333; text-align:center; border-bottom: solid 1px #e7e7e7; background-color:#f7f7f7; font-family:ng_b; border-bottom: solid 1px #cbcbcb; }
.table_style1 tfoot th.l { padding:17px 0 17px 60px; text-align:left; color:#f35b46; }
.table_style1 .last { border-bottom: solid 1px #cbcbcb !important; }

.table_write1_wrap { margin-bottom:50px; border-top: solid 2px #565656; border-bottom: solid 1px #cbcbcb; font-size:14px; }
.table_write1_wrap tbody th,
.table_write1_wrap tbody td { border-top: solid 1px #e7e7e7; text-align:left; }
.table_write1_wrap tbody th { padding-left:50px; background-color:#f7f7f7; color:#333; }
.table_write1_wrap tbody td { padding:10px 0 10px 40px; position:relative; }
.table_write1_wrap tbody td .txt1 { font-size:12px; color:#888; position:absolute; right:50px; top:15px; }
.table_write1_wrap tbody td.td { padding:0; position:relative; }
.table_write1_wrap tbody td.td .th1 { display:inline-block; width:100px; height:50px; line-height:50px; padding-left:45px; background-color:#fbfbfb; color:#333; font-family:ng_b;  }
.table_write1_wrap tbody td.td .td1 { display:block; height:50px; position:absolute; left:180px; top:10px; }
.table_write1_wrap tbody td.td .td1 select,
.table_write1_wrap tbody td.td .td1 input { vertical-align:middle; }
.table_write1_wrap tbody td textarea { width:95%; height:120px; }
.table_write1_wrap tbody td .file_wrap { display:inline-block; width:590px; position:relative; }
.table_write1_wrap tbody td .file_wrap input[type=file]{ display:inline-block; width:80px; height:33px; line-height:33px; position:absolute; right:0px; top:0px; filter: alpha(opacity=0); opacity:0; }
.table_write1_wrap tbody td .file_wrap .btn33 { position:absolute; right:0px; top:0px; }
.table_write1_wrap tbody td .file_wrap .file_name { display:inline-block; width:490px; height:31px; padding-left:10px; border: solid 1px #e7e7e7; line-height:31px; }
.table_write1_wrap tbody td .file_wrap .file_name { display:inline-block; width:490px; height:31px; padding-left:10px; border: solid 1px #e7e7e7; line-height:31px; }

.tab_style2 { margin-bottom:20px; overflow:hidden; }
.tab_style2 li { width:33.33%; float: left; text-align:center; }
.tab_style2.half li { width:50%; }
.tab_style2 li a { display:block; height:43px; line-height:43px; border: solid 1px #cbcbcb; border-bottom: solid 1px #555; color:#888; font-size:16px; font-family:ng_b; }
.tab_style2 li.on a { border: solid 1px #555; border-top: solid 3px #555; border-bottom: solid 0px #fff; color:#000; line-height:40px; }
.tab_active_cont > li { display:none; }
.tab_active_cont > li.on { display:block; }

.dl_style1 dl { overflow:hidden; }
.dl_style1 dl dt { width:140px; padding:30px 0 0 5px; float: left; border-top: solid 4px #0e6a91; letter-spacing:-1px; }
.dl_style1 dl dd { width:785px; padding:30px 0 50px 70px; float: left; border-top: solid 1px #c7c7c7; color:#333; }
.dl_style1 dl dt .name { display:block; width:180px; font-size:24px; line-height:30px; color:#0e6a91; }
.dl_style1 dl dt .name1 { display:block; width:190px; font-size:18px; color:#0e6a91; }
.dl_style1 dl dd .name { font-size:16px; color:#000; font-family:ng_b; }
.dl_style1.wid1 dl dt { width:220px; }
.dl_style1.wid1 dl dd { width:705px; }
.dl_style1.wid1 dl dt .name { width:230px; }
.dl_style1.dt260 dl dt { width:260px; }
.dl_style1.dt260 dl dd { width:665px; }
.dl_style1.dt260 dl dt .name { width:270px; }

.dl_list_style1 { width: 856px; overflow:hidden; }
.dl_list_style1 li { padding: 10px 0 0 50px; width: 305px; margin-right: 73px;float: left; position:relative; font-family:ng_b; letter-spacing:-1px; }
.dl_list_style1 li .no { padding-top: 10px; font-size:24px; line-height:30px; color:#0e6a91; position:absolute; left:0px; top:0px; background:url(../images/common/bul_06.gif) 0 0 no-repeat;  }
.dl_list_style1 li.borb { padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #b8d4e0; }
.dl_list_style2 { width: 807px; overflow:hidden; }
.dl_list_style2 li { width: 233px; margin-right: 36px; float: left; }
.dl_list_style2 li .txt_box { padding: 20px 25px; background-color:#f4f6f9; }
.dl_list_style2 li .txt_box .name24 { padding: 13px 0 15px 0; margin-bottom: 15px; background:url(../../images/common/bul_06.gif) 0 0 no-repeat; border-bottom: solid 1px #b8d4e0; }

.list_style1 li { margin-bottom:10px; background-color:#f5f5f6; }
.list_style1 li.none { height:250px; line-height:250px; text-align:center; font-size:20px; font-family:ng_b; color:#000; }
.list_style1 li a { display:block; height:103px; padding-left:160px; position:relative; cursor:pointer; }
.list_style1 li a span { display:inline-block; }
.list_style1 li a .no { position:absolute; left:60px; top:40px; font-family:ng_b; }
.list_style1 li a .name { display:block; width:700px; padding:25px 0 15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; color:#303030; font-family:ng_b; }
.list_style1 li a .name2 { display:block; width:700px;  padding:40px 0;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; color:#303030; font-family:ng_b; }
.list_style1 li a .info { font-size:14px; color:#555; }
.list_style1 li a .date { margin-left:10px; padding-left:15px; background:url(../../images/common/bul_03.gif) left center no-repeat;  }
.list_style1 li a.file { background:url(../../images/common/ico_06.png) 900px center no-repeat; }
 
.list_style2 li { display:block; height:103px; padding-left:160px; margin-bottom:10px; background-color:#f5f5f6; position:relative;}
.list_style2 li.none { height:250px; padding-left:0px; line-height:250px; text-align:center; font-size:20px; font-family:ng_b; color:#000; }
.list_style2 li span { display:inline-block; }
.list_style2 li .no { position:absolute; left:60px; top:40px; font-family:ng_b; }
.list_style2 li .name { display:inline-block; max-width:600px; padding:25px 0 15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; color:#303030; font-family:ng_b; }
.list_style2 li .name2 { display:inline-block; max-width:600px;  padding:40px 0;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; color:#303030; font-family:ng_b; }
.list_style2 li .info { display:block; font-size:14px; color:#555; }
.list_style2 li .date { margin-left:10px; padding-left:15px; background:url(../../images/common/bul_03.gif) left center no-repeat; }
.list_style2 li .btn35 { background-color:transparent; position:absolute; right:40px; top:34px; border: solid 1px #959595; color:#000 !important; }

.list_style3 li { display:block; height:70px; margin-bottom:10px; padding-left:160px; background-color:#f5f5f6; position:relative;}
.list_style3 li.none { height:150px; padding-left:0px; line-height:150px; text-align:center; font-size:20px; font-family:ng_b; color:#000; }
.list_style3 li span { display:inline-block; }
.list_style3 li .no { position:absolute; left:60px; top:24px; font-family:ng_b; color:#333; }
.list_style3 li .name { display:block; width:700px; padding:25px 0 15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; color:#303030; font-family:ng_b; }
.list_style3 li .btn35 { background-color:transparent; position:absolute; right:40px; top:17px; border: solid 1px #959595; color:#000 !important; }
/* 2018-02-06 IR 자료실 타이틀박스 추가 */
.list_style3 li.title {margin-bottom: 20px;padding-left: 0px;background-color: #e0e0e0;text-align:  center;}
.list_style3 li.title span {display:block;width: 100%;padding:25px 0 15px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;color:#303030;font-family:ng_b;}

.list_style4 { width:1035px; overflow:hidden; }
.list_style4 li { width:310px; height:364px; margin:0 35px 60px 0; float: left; }
.list_style4 li.none { width:1000px; height:300px; line-height:300px; margin:0 0 20px 0; font-size:20px; color:#000; text-align:center; font-family:ng_b; background-color:#efefef; }
.list_style4 li a { display:block; height:100%; border-bottom: solid 6px #f5f5f6; position:relative; }
.list_style4 li a .photo_wrap { margin-bottom:28px; display:inline-block; position:relative; }
.list_style4 li a .photo_wrap .img { width:310px; height:214px;  }
.list_style4 li a .photo_wrap .bul { position:absolute; left:145px; bottom:0; }
.list_style4 li a .name { display:block; padding:0 0 20px 10px; font-size:20px; line-height:26px; color:#303030; font-family:ng_b; }
.list_style4 li a .info { position:absolute; left:10px; top:315px; }
.list_style4 li a .no { color:#0e6a91; font-family:ng_b; }
.list_style4 li a .date { margin-left:10px; padding-left:15px; background:url(../../images/common/bul_03.gif) left center no-repeat; }

.list_style5 { width:1020px; overflow:hidden; }
.list_style5 li { width:183px; height:245px; padding:30px 25px; margin-right:22px; background-color:#fff; float: left; }
.list_style5 li dl dt { font-size:24px; line-height:30px; padding:15px 0; margin-bottom:25px; font-family:ng_b; color:#0e6a91; background:url(../../images/common/bul_06.gif) 0 0 no-repeat; border-bottom: solid 1px #b8d4e0; }
.list_style5 li dl dd { color:#000; font-family:ng_b; line-height:23px; letter-spacing:-1px; }

.list_style6 li { min-height:240px; margin-bottom: 80px; position:relative; }
.list_style6 li .name { padding-bottom: 20px; margin-bottom: 20px; font-size:24px; line-height:30px; color:#0e6a91; background:url(../../images/management/safety_environmental_management2_bg2.gif) 0 bottom no-repeat; }
.list_style6 li img { position:absolute; right:0px; top:0px; }

.list_style7 { width:1036px; overflow:hidden; }
.list_style7 li { width:223px; margin:0 36px 60px 0; float:left;  }
.list_style7 li a { display:block; height:378px; padding-bottom:30px; border-bottom: solid 6px #f5f5f6; position:relative; }
.list_style7 li a span { display:block; }
.list_style7 li .img_wrap { width:223px; height:214px; position:relative;}
.list_style7 li .img_wrap .img { width:223px; height:214px; }
.list_style7 li .img_wrap .bul { position:absolute; left:50%; bottom:0; margin-left:-9px; }
.list_style7 li .img_wrap .ico { position:absolute; left:50%; top:50%; margin:-36px 0 0 -36px; }
.list_style7 li .name { height:50px; padding-top:28px; font-size:20px; line-height:26px; color:#303030; font-family:ng_b; overflow:hidden; }
.list_style7 li .txt1 { height:40px; font-size:14px; line-height:21px; letter-spacing:-1px; color:#303030; position:absolute; left:0px; top:300px; overflow:hidden; }
.list_style7 li .txt2 { position:absolute; left:0px; top:363px; white-space:nowrap; }
.list_style7 li .txt2 em { font-size:14px; display:inline-block; }
.list_style7 li .txt2 .type { padding-right:12px; margin-right:6px; color:#0e6a91; font-family:ng_b; background:url(../../images/common/bul_03.gif) right center no-repeat;  }
.list_style7 li .txt2 .date { color:#555; }

.list_style8 { overflow:hidden; }
.list_style8 li { width:290px; margin-left:64px; float: left; }
.list_style8 li:first-child { margin-left:0; }
.list_style8 li span { display:block; }
.list_style8 li .img { margin-bottom:30px; border: solid 2px #d3d3d3; }
.list_style8 li .img img { width:286px !important; height:200px !important; }
.list_style8 li .name { width:270px; height:44px; font-size:18px; color:#303030; font-family:ng_b; overflow:hidden; margin-bottom:15px; }
.list_style8 li .txt1 { padding-bottom:17px; margin-bottom:10px; border-bottom: solid 1px #c8c8c8;}
.list_style8 li .btn_wrap { padding-top:10px; border-top: solid 1px #c8c8c8; }
.list_style8 li .btn_more { padding-right:15px; color:#0e6a91; font-family:ng_b; font-size:12px; background:url(../images/common/bul_12.gif) right 3px no-repeat; }
.list_style8 li .btn_wrap { overflow:hidden; }
.list_style8 li .btn_wrap a { display:inline-block; margin-right:17px; float: left; font-size:12px; line-height:18px; color:#0e6a91; font-family:ng_b; }

.grid2_style { overflow:hidden; }
.grid2_style div { width: 48%; float: left; }
.grid2_style div.right { float: right; }

.view_style1 .view_head { min-height:103px; padding:0 20px 0 160px; background-color:#f5f5f6; position:relative; }
.view_style1 .view_head span { display:inline-block; }
.view_style1 .view_head .no { position:absolute; left:60px; top:40px; font-family:ng_b; }
.view_style1 .view_head .name { display:block; padding:25px 0 15px 0; font-size:20px; color:#303030; font-family:ng_b; }
.view_style1 .view_head .info { font-size:14px; padding-bottom:20px; color:#555; }
.view_style1 .view_head .date { margin-right:10px; padding-right:15px; background:url(../../images/common/bul_03.gif) right center no-repeat; }
.view_style1 .view_body { min-height:300px; padding:30px; color:#333; }
.view_style1 .view_body img { max-width:940px; }
.view_style1 .view_body2 { min-height:300px; padding:30px; margin-bottom:55px; color:#333; text-align:center; border-bottom: solid 3px #e7e7e7; }
.view_style1 .view_body2 .sns_wrap { padding-top:50px; text-align:right; }
.view_style1 .view_foot { border-bottom: solid 2px #e5e5e5; overflow:hidden; }
.view_style1 .view_foot li { width:100%; height:54px; line-height:54px; color:#333; border-bottom: solid 1px #e5e5e5; float: left; }
.view_style1 .view_foot li dl { overflow:hidden; }
.view_style1 .view_foot li dl dt { float: left; width:160px; text-align:center; }
.view_style1 .view_foot li dl dd { float: left; width:840px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; }
.view_style1 .view_foot li dl dd a { color:#333; }
.view_style1 .view_foot li.download { height:50px; line-height:50px; background-color:#f5f5f6; border-bottom: solid 0px #fff; }
.view_style1 .view_foot li.download dl dt { color:#0e6a91; }
.view_style1 .view_foot li.download dl dd a { color:#555; }
.view_style1 .view_head1 { min-height:103px; padding:0 20px 0 60px; background-color:#f5f5f6; position:relative; }
.view_style1 .view_head1 span { display:inline-block; }
.view_style1 .view_head1 .name { display:block; padding:25px 0 15px 0; font-size:20px; color:#303030; font-family:ng_b; }
.view_style1 .view_head1 .info { font-size:14px; padding-bottom:20px; color:#555; }
.view_style1 .view_head1 .date { margin-right:10px; padding-right:15px; background:url(../../images/common/bul_03.gif) right center no-repeat; }

.pagination_wrap {overflow:hidden; text-align:center;}
.pagination_wrap .pagination {display:inline-block; *display:inline; zoom:1;}
.pagination_wrap .pagination > a {display:inline-block; width:38px; height:38px; margin-left:10px; float:left;}
.pagination_wrap .pagination a.page_first { background:url(../../images/common/btn_first.gif) 0 0 no-repeat; margin-left:0px;}
.pagination_wrap .pagination a.page_prev { background:url(../../images/common/btn_prev.gif) 0 0 no-repeat; }
.pagination_wrap .pagination a.page_next { background:url(../../images/common/btn_next.gif) 0 0 no-repeat; margin-left:0px;}
.pagination_wrap .pagination a.page_last { background:url(../../images/common/btn_last.gif) 0 0 no-repeat; }
.pagination_wrap .pagination .page {display:inline-block; float:left; padding:0 30px;}
.pagination_wrap .pagination .page a {display:inline-block; float:left; width:38px; height:38px; margin-left:7px; font-size:16px; line-height:38px; color:#666; }
.pagination_wrap .pagination .page a.on { color:#fff !important; background-color:#555; }
.pagination_wrap .pagination .page a:first-child {margin-left:0px;}

#layer_popup {width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000;}
#layer_popup .layer_wrap {background-color:#f5f5f6; position:absolute; top:50%; left:50%; z-index:9999;}
#layer_popup .layer_wrap .layer_top {height:45px; padding:0 30px; position:relative; background-color:#626262;}
#layer_popup .layer_wrap .layer_top h1 {font-size:20px; line-height:45px; color:#fff; }
#layer_popup .layer_wrap .layer_top .layer_close {width:45px; height:45px; display:inline-block; position:absolute; top:0; right:20px; background:url(../../images/common/layer_close.gif) 0 0 no-repeat;}
#layer_popup .layer_wrap .layer_con { padding:30px; text-align:center; }
#layer_popup.send_mail .layer_wrap .layer_con .it_wrap { line-height:33px; }

/* Contents */
#contents.sub_company .sub_visual { background:url(../../images/company/sub_visual.jpg) center top no-repeat; }
#contents.sub_product .sub_visual { background:url(../../images/product/sub_visual.jpg) center top no-repeat; }
#contents.sub_product .sub_visual.sv2 { background:url(../../images/product/sub_visual2.jpg) center top no-repeat; }
#contents.sub_product .sub_visual.sv3 { background:url(../../images/product/sub_visual3.jpg) center top no-repeat; }
#contents.sub_product .sub_visual.sv4 { background:url(../../images/product/sub_visual4.jpg) center top no-repeat; }
#contents.sub_product .sub_visual.sv5 { background:url(../../images/product/sub_visual5.jpg) center top no-repeat; }
#contents.sub_information .sub_visual { background:url(../../images/information/sub_visual.jpg) center top no-repeat; }
#contents.sub_management .sub_visual { background:url(../../images/management/sub_visual.jpg) center top no-repeat; }
#contents.sub_promote .sub_visual { background:url(../../images/promote/sub_visual.jpg) center top no-repeat; }
#contents.sub_recruitment .sub_visual { background:url(../../images/recruitment/sub_visual.jpg) center top no-repeat; }
#contents.sub_customer .sub_visual { background:url(../../images/customer/sub_visual.jpg) center top no-repeat; }
#contents.sub_guide .sub_visual { background:url(../../images/guide/sub_visual.jpg) center top no-repeat; }

#contents.sub_product .product_photo { height:530px; background-color:#ece6dd; }
#contents.sub_product .product_photo .inner { width:475px; height:480px; padding:50px 0 0 525px; margin: 0 auto; position:relative; }
#contents.sub_product .photo_wrap { position:absolute; left:0px; top:50px; }
#contents.sub_product .photo_wrap .photo { padding-bottom:40px; width:485px !important; }
#contents.sub_product .photo_wrap .photo img { width:485px; height:325px; }
#contents.sub_product .photo_wrap .thumb { background:url(../../images/product/bg_01.png) 0 0 repeat-x;  }
#contents.sub_product .photo_wrap .thumb .bx-wrapper { max-width:485px !important; }
#contents.sub_product .photo_wrap .thumb .bx-wrapper .bx-slider li { width:91px !important; margin-right:7px; background-color:#dbd6cf; cursor:pointer;}
#contents.sub_product .photo_wrap .thumb .bx-wrapper .bx-slider li img { width:87px; height:58px; border: solid 3px #fdfbf7; }
#contents.sub_product .product_photo .inner .h4 { padding:0 10px 20px 10px; margin:0 35px 28px 0; font-size:28px; line-height:38px; color:#000; border-bottom: solid 1px #bdb1a0; letter-spacing:-1px; }
#contents.sub_product .product_photo .inner .txt_box { padding-left:10px; }
#contents.sub_product .product_photo .inner .txt_box .name { padding-bottom:5px; font-size:16px; color:#303030; font-family:ng_b; }
#contents.sub_product .product_photo .inner .txt_box .txt1 { color:#555; }
#contents.sub_product .product_photo .inner .txt_box .txt2 { color:#797164; }
#contents.sub_product .product_photo .inner .btn_left { position:absolute; left:-34px; top:50%; margin-top:-34px; }
#contents.sub_product .product_photo .inner .btn_right { position:absolute; right:-34px; top:50%; margin-top:-34px; }

#contents.sub_information .finance_info1_box1 { height:243px; margin-bottom:100px; padding-left:470px; border-bottom: solid 4px #0e6a91; background:url(../../images/information/finance_info1_ico1.gif) 258px 30px no-repeat; }
#contents.sub_information .finance_info1_box1 .name { padding:55px 0 25px 0; font-size:30px; line-height:40px; font-family:ng_b; color:#0e6a91; }

#contents.sub_information .annual_report_box { position:relative; }
#contents.sub_information .annual_report_box .name { margin-bottom:25px; padding:55px 0 40px 470px; font-size:36px; line-height:40px; color:#ff6853; border-bottom: solid 1px #726865; }
#contents.sub_information .annual_report_box .name span { color:#fff; }
#contents.sub_information .annual_report_box .txt_box1 { padding:0 30px 0 470px; }
#contents.sub_information .annual_report_box .txt_box1 p { height:230px; overflow:hidden; font-size:16px; line-height:26px; color:#c3bebd; }
#contents.sub_information .annual_report_box .cover { width:294px; height:407px; padding:6px 0 0 10px; position:absolute; left:70px; top:47px; background:url(../../images/information/annual_report_bg.png) 0 0 no-repeat; }
#contents.sub_information .annual_report_box .cover img { width:272px; height:381px; }
#contents.sub_information .annual_report_box .btn_wrap { position:absolute; left:470px; top:419px; }

#contents.sub_management .nanum_management1_bg { height:300px; margin-bottom:60px; background:url(../../images/management/nanum_management1.jpg) center top no-repeat; }
#contents.sub_management .nanum_management1_bg .name { padding:90px 0 35px 0; font-size:33px; color:#fff; font-family:ng_b; }
#contents.sub_management .nanum_management1_bg .txt { font-size:18px; line-height:28px; color:#cecece; }

#contents.sub_management .compliance_management1_bg1 { height:190px; padding-bottom:60px; background:url(../../images/management/compliance_management1.gif) center 0 no-repeat; }
#contents.sub_management .compliance_management1_bg1 dl { position:relative;  text-align:center; }
#contents.sub_management .compliance_management1_bg1 dl dt { position:absolute; left:447px; top:65px; font-size:20px; line-height:30px; color:#fff; }
#contents.sub_management .compliance_management1_bg1 dl dd { font-size:16px; line-height:24px; color:#0e6a91; font-family:ng_b; }
#contents.sub_management .compliance_management1_bg1 dl .d1 { position:absolute; left:195px; top:75px; }
#contents.sub_management .compliance_management1_bg1 dl .d2 { position:absolute; left:747px; top:75px; }
#contents.sub_management .compliance_management2_overview { background:url(../../images/management/compliance_management2_bg.gif) 0 3px no-repeat;  }
#contents.sub_management .compliance_management2_overview ul { overflow:hidden; }
#contents.sub_management .compliance_management2_overview ul li { height:213px; float: left; }
#contents.sub_management .compliance_management2_overview ul li dl dt { padding:30px 0 20px 0; background:url(../../images/common/bul_07.gif) 0 0 no-repeat; font-size:16px; color:#ef6451; }
#contents.sub_management .compliance_management2_overview ul li dl dd .txt1 { padding-bottom:12px; font-size:16px; color:#000; font-family:ng_b; }

#contents.sub_information .directorate1_list { padding-bottom:30px; border-bottom: solid 1px #e7e7e7; background:url(../../images/information/directorate1_bg1.gif) center 0 no-repeat; }
#contents.sub_information .directorate1_list ul {height:190px; margin-bottom:40px; overflow:hidden; }
#contents.sub_information .directorate1_list ul li { width:181px; padding-top:27px; float: left; text-align:center; }
#contents.sub_information .directorate1_list ul li:first-child { padding-left:49px; }
#contents.sub_information .directorate1_list ul li .txt1 { font-size:12px; color:#fff; filter: alpha(opacity=0.5); opacity:0.5; }
#contents.sub_information .directorate1_list ul li .txt2 { color:#fff; font-family:ng_b; }
#contents.sub_information .directorate1_list ul li .name { padding:30px 0 24px 0; color:#fff; font-size:26px; line-height:30px; font-family:ng_b; } /* 2017-03-20 텍스트 위치 수정 */

.history_wrap {padding:70px 0 100px; background:#ece6dd url(../../images/company/history_wrap_bg.gif) 0 0 repeat-x; position:relative;}
.history_wrap .slider_depth1 {width:2080px; position:relative; left:-540px; overflow:hidden;}
.history_wrap .btn_prev {display:block; width:68px; height:68px; background:url(../../images/company/history_prev.png) 0 0 no-repeat; position:absolute; top:413px; left:50%; margin-left:-534px;}
.history_wrap .btn_next {display:block; width:68px; height:68px; background:url(../../images/company/history_next.png) 0 0 no-repeat; position:absolute; top:413px; right:50%; margin-right:-534px;}
.history_wrap .slider_depth1 > ul {width:3240px; position:relative; margin-left:540px; overflow:hidden;}
.history_wrap .slider_depth1 > ul > li {width:460px; float:left; margin-left:80px; position:relative; overflow:hidden;}
.history_wrap .tit {display:block; width:1000px; font-family:ng_b; font-size:33px; line-height:91px; color:#303030; text-align:center; position:absolute; top:0; left:0; filter:alpha(opacity=0); opacity:0;}
.history_wrap .tit strong {color:#f35b46;}
.history_wrap .slider_depth2 {width:1000px; position:relative; padding:170px 0 50px;}
.history_wrap .slider_depth2 > ul {width:3000px; height:265px; overflow:hidden; position:relative; left:-100%;}
.history_wrap .slider_depth2 > ul li {display:none; width:1000px; text-align:center; position:absolute; top:0; left:1000px;}
.history_wrap .slider_depth2 > ul li:first-child {display:block;}
.history_wrap .slider_depth2 > ul li .img {width:100%; height:265px;}
.history_wrap .slider_depth2 > ul li .cite {width:100%; height:81px; padding-top:344px; background:url(../../images/company/history_txt_sahdow.png) 0 0 no-repeat; position:absolute; top:0; left:0; font-family:ng_b; font-size:18px; color:#fff; filter:alpha(opacity=0); opacity:0;}
.history_wrap .slider_depth2 .dim {width:460px; height:265px; position:absolute; top:170px; left:0; background:#303030; filter:alpha(opacity=84); opacity:.84; font-family:ng_xb; font-size:45px; line-height:265px; color:#999; text-align:center;}
.history_wrap .slider_depth2 .pager {width:100%; position:absolute; left:0; bottom:0; text-align:center; filter:alpha(opacity=0); opacity:0;}
.history_wrap .slider_depth2 .pager .inner {display:inline-block; display:inline; zoom:1;}
.history_wrap .slider_depth2 .pager .inner a {display:inline-block; width:26px; height:5px; margin-left:6px; background:#cfcfcf;}
.history_wrap .slider_depth2 .pager .inner a:first-child {margin-left:0px;}
.history_wrap .slider_depth2 .pager .inner a.on {width:36px; height:7px; background:#ef6451;}
.history_wrap .history_list {}
.history_wrap .history_list li {display:none; padding-left:128px; margin:0 0 50px; position:relative; top:-20px; background:url(../../images/company/history_list_line.gif) 128px 9px no-repeat; overflow:hidden; filter:alpha(opacity=0); opacity:0;}
.history_wrap .history_list li .year {position:absolute; top:30px; left:0; font-size:40px; line-height:50px; color:#303030;}
.history_wrap .history_list li .box {width:100%; display:block; padding-top:30px; float:left;}
.history_wrap .history_list li span.box {background:url(../../images/company/ico_month_off.png) 0 0 no-repeat;}
.history_wrap .history_list li a.box {font-family:ng_b; background:url(../../images/company/ico_month_on.png) 0 0 no-repeat;}
.history_wrap .history_list li .box.w20 {width:174px;}
.history_wrap .history_list li .box.w40 {width:348px;}
.history_wrap .history_list li .box.w60 {width:522px;}
.history_wrap .history_list li .box.w80 {width:696px;}
.history_wrap .history_list li .box .month {display:block; font-family:ng_b; font-size:16px; color:#0e6a91;}

.history_wrap .slider_depth1 > ul > li:first-child {width:1000px; margin-left:0px;}
.history_wrap .slider_depth1 > ul > li:first-child .tit {filter:alpha(opacity=100); opacity:1;}
.history_wrap .slider_depth1 > ul > li:first-child .history_list li {display:block; top:0px; filter:alpha(opacity=100); opacity:1;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 {padding-top:91px;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 > ul {height:425px;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 > ul li .img {height:425px;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 > ul li .cite {filter:alpha(opacity=100); opacity:1;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 .pager {bottom:80px; filter:alpha(opacity=100); opacity:1;}
.history_wrap .slider_depth1 > ul > li:first-child .slider_depth2 .dim {width:1000px; height:425px; top:91px; line-height:425px; filter:alpha(opacity=0); opacity:0;}

#contents.sub_information .stock2_graph_wrap { padding-left:590px; position:relative; }
#contents.sub_information .stock2_graph_wrap .graph_box { width:570px; height:342px; background-color:#f7f7f7; position:relative; position:absolute; left:0px; top:0px; }
#contents.sub_information .stock2_graph_wrap .graph_box img { filter: alpha(opacity=0); opacity:0; position:absolute; left:82px; top:19px; }
#contents.sub_information .stock2_graph_wrap .graph_box ul { position:absolute; left:408px; top:88px; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li { padding-left:25px; margin-bottom:10px; font-family:ng_b; position:relative; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li span { display:inline-block; width:15px; height:15px; line-height:15px; position:absolute; left:0px; top:4px; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li.list1 span { background-color:#9d8b66; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li.list2 span { background-color:#318cb2; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li.list3 span { background-color:#f35b46; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li.list4 span { background-color:#485d70; }
#contents.sub_information .stock2_graph_wrap .graph_box ul li.list5 span { background-color:#8dc53e; }

.graph_list1 { overflow:hidden; }
.graph_list1 li { float: left; margin-left:20px; }
.graph_list1 li:first-child { margin-left:0px; }
.graph_list1 li .name { padding-bottom:7px; font-size:16px; color:#333; }
.graph_list1 li .chart1 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart1_bg.gif) 0 0 no-repeat; position:relative;}
.graph_list1 li .chart2 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart2_bg.gif) 0 0 no-repeat; position:relative;}
.graph_list1 li .chart3 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart3_bg.gif) 0 0 no-repeat; position:relative;}
.graph_list1 li .chart4 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart4_bg.gif) 0 0 no-repeat; position:relative;}
.graph_list1 li .chart5 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart5_bg.gif) 0 0 no-repeat; position:relative;}
.graph_list1 li .chart6 {width:320px; height:299px; background:url(../../images/information/finance_info1_chart6_bg.gif) 0 0 no-repeat; position:relative;}

.graph_list1 li .img_box {position:absolute; height:0; overflow:hidden;}
.graph_list1 li .img_box.minus img{margin-top:-100px;}
.graph_list1 li .img_box2 {position:absolute; overflow:hidden;}
.graph_list1 li .img_box img {}
.graph_list1 li .number {padding-left:5px;}
.graph_list1 li .number span {display:inline-block; width:8px; height:20px; background:url(../../images/information/graph_number.png) center 0 no-repeat;}
.graph_list1 li .number span.dot {width:6px; background-position:center -200px;}
.graph_list1 li .number span.dot2 {width:6px; background-position:center -240px;}
.graph_list1 li .number span.per {width:13px; background-position:center -220px;}
.graph_list1 li .number span.minus {width:6px; background-position:center -260px;}

/* #contents.sub_company .ci_box1 { padding:30px 0 30px 400px; margin-bottom:30px; background-color:#f8f9fb; position:relative; } */
#contents.sub_company .ci_box1 { /* width: 784px; */height: 420px;padding:30px 30px 0px; /* margin-bottom:30px; */text-align: center; background-color:#f8f9fb; position:relative; }
#contents.sub_company .ci_box1 .ci1 { /* position:absolute; left:30px; top:30px; */margin-bottom: 24px;padding-bottom: 24px; border-bottom: 1px solid #e3e3e3;}
#contents.sub_company .ci_box1 .ci1 .txt {margin-top: 24px;/* font-size: 16px; */font-weight: bold;}
#contents.sub_company .ci_box1 .ci1 img { /* position:absolute; left:37px; top:97px; */ }
#contents.sub_company .ci_box1 .name1 { padding-bottom:10px; font-size:16px; }
#contents.sub_company .ci_box2 { padding:30px; margin-bottom:40px; background-color:#f8f9fb; }
#contents.sub_company .ci_box2 .name1 { padding-bottom:10px; font-size:16px; }
#contents.sub_company .ci_box3 { padding-left:402px; position:relative; }
#contents.sub_company .ci_box3 .ci1 { position:absolute; left:0px; top:0px; }
#contents.sub_company .ci_box3 .txt_box1 { width:382px; padding:40px 0; margin-bottom:15px; background-color:#f8f9fb; text-align:center; }
#contents.sub_company .ci_box3 .cmyk { margin-top:20px; }
#contents.sub_company .ci_box3 .cmyk em { display:inline-block; font-size:12px; margin-right:5px; }
#contents.sub_company .ci_box3 .ci1 .cmyk { background:url(../../images/company/ci7.gif) 100px 6px no-repeat; }
#contents.sub_company .ci_box3 .ci2 .cmyk { background:url(../../images/company/ci8.gif) 100px 6px no-repeat; }

#contents.sub_guide .sitemap_list .depth1 { overflow:hidden; }
#contents.sub_guide .sitemap_list .depth1 > li { float: left; }
#contents.sub_guide .sitemap_list .depth1 > li > a { display:inline-block; padding:7px 0; font-size:18px; font-family:ng_b; color:#333; }
#contents.sub_guide .sitemap_list .depth1 li .depth2 { margin-top:10px; }
#contents.sub_guide .sitemap_list .depth1 li .depth2 li a { display:block; color:#444; }

#contents.sub_company .vision_bg1 { height:530px; background:url(../../images/company/vision_bg1.jpg) center top no-repeat; color:#fff; text-align:center; letter-spacing:-1px; }
#contents.sub_company .vision_bg1 .txt1 { padding-top:100px; font-size:30px; }
#contents.sub_company .vision_bg1 dl { position:relative; }
#contents.sub_company .vision_bg1 dl dt { font-size:30px; line-height:36px; }
#contents.sub_company .vision_bg1 .dl1 dt { position:absolute; left:245px; top:140px; }
#contents.sub_company .vision_bg1 .dl1 dd { position:absolute; left:30px; top:120px; }
#contents.sub_company .vision_bg1 .dl2 dt { position:absolute; right:250px; top:140px; }
#contents.sub_company .vision_bg1 .dl2 dd { position:absolute; right:48px; top:120px; }
#contents.sub_company .vision_bg2 { height:485px; background:url(../../images/company/vision_bg2.gif) top center no-repeat; text-align:center; box-sizing:border-box; }
#contents.sub_company .vision_bg2 dl dt { padding:60px 0 170px 20px; color:#fff; font-size:26px; line-height:30px; }
#contents.sub_company .vision_bg2 dl dd {display:inline-block; width:172px; color:#ef6451; font-size:16px; line-height:20px; vertical-align:top; font-family:ng_b; }
/* 2017-03-23 비전>추진방향 수정 */
#contents.sub_company .vision_bg2 li { font-size:26px; line-height:30px;font-family: ng_b; }
#contents.sub_company .vision_bg2 li span{display:inline-block;}
#contents.sub_company .vision_bg2 li.top {color:#e91d26;margin-right: 8px;padding-top:74px;}
#contents.sub_company .vision_bg2 li.top span{width:143px;}
#contents.sub_company .vision_bg2 li.top span.left{margin-right: 130px;}
#contents.sub_company .vision_bg2 li.top span.right{margin-left: 130px;}
#contents.sub_company .vision_bg2 li.mid {color:#0c3c60;padding-top:166px;}
#contents.sub_company .vision_bg2 li.mid span{width:139px;}
#contents.sub_company .vision_bg2 li.mid span.left{margin-right: 70px;}
#contents.sub_company .vision_bg2 li.mid span.right{margin-left: 70px;}
#contents.sub_company .vision_bg2 li.btm {color:#fff;padding-top:158px;}
#contents.sub_company .vision_bg2 li.btm span{width:145px;}
#contents.sub_company .vision_bg2 li.btm span.left{margin-right: 62px;}
#contents.sub_company .vision_bg2 li.btm span.left2{margin-right: 128px;}
#contents.sub_company .vision_bg2 li.btm span.right{margin-left: 64px;}
#contents.sub_company .vision_bg2 li.btm span.right2{margin-left: 128px;}
/* 2018-04-03 비전 페이지 수정 */
#contents.sub_company .vision_bg2 {padding-top: 180px;text-align: center;}
#contents.sub_company .vision_bg2 > div {display: inline-block;width: 215px;margin: 0 20px 0 22px;font-size:26px; line-height:30px;font-family: ng_b;vertical-align: middle;}

#contents.sub_customer .manager_info_box1 { padding:8px 0 0 350px; position:relative; }
#contents.sub_customer .manager_info_box1 .txt_box1 { position:absolute; left:0px; top:8px; }
#contents.sub_customer .manager_info_box1 .name { padding-bottom:10px; font-size:16px; color:#000; font-family:ng_b; }
#contents.sub_customer .manager_info_box1 ul li { padding-left:95px; position:relative; }
#contents.sub_customer .manager_info_box1 .txt_box2 ul li { padding-left:120px; position:relative; }
#contents.sub_customer .manager_info_box1 ul li .bul1 { position:absolute; left:0px; top:0px; display:inline-block; padding-left:10px; background:url(../../images/common/bul_08.png) 0 center no-repeat;  }

#contents.sub_product .rnd1_bg1 { margin-bottom:55px; background:url(../../images/product/rnd1_bg1.gif) 0 bottom repeat-x; }
#contents.sub_product .rnd1_bg1 .section { height:555px; background:url(../../images/product/rnd1_1.jpg) 0 0 no-repeat; }
#contents.sub_product .rnd1_bg1 .section ul { padding-top:420px; overflow:hidden; }
#contents.sub_product .rnd1_bg1 .section ul li { width:250px; float: left; font-size:22px; line-height:30px; color:#fff; font-family:ng_b; text-align:center; }
#contents.sub_product .rnd1_history { background:url(../../images/product/rnd1_bg2.gif) 0 3px no-repeat;  }
#contents.sub_product .rnd1_history ul { overflow:hidden; }
#contents.sub_product .rnd1_history ul li { height:290px; float: left; }
#contents.sub_product .rnd1_history ul li dl dt { padding:30px 0 20px 0; background:url(../../images/common/bul_09.png) 0 0 no-repeat; font-size:16px; color:#0e6a91; }
#contents.sub_product .rnd1_history ul li dl dd .txt1 { padding-bottom:12px; font-size:16px; color:#000; font-family:ng_b; }
#contents.sub_product .rnd1_history ul li dl dd .txt2 { padding:0 0 12px 10px; font-size:16px; color:#000; font-family:ng_b; position:relative; }
#contents.sub_product .rnd1_history ul li dl dd .txt2 .bul1 { position:absolute; left:0px; top:0px; }

#contents.sub_product .quality_innovation_wrap1 { height:540px; margin-bottom:83px; background-color:#f6f6f6; }
#contents.sub_product .quality_innovation_txt_box1 { padding:55px 0 0 495px; position:relative; }
#contents.sub_product .quality_innovation_txt_box1 .list1 { width:388px; height:365px; position:absolute; left:0px; top:0px; background:url(../../images/product/quality_innovation_bg1.gif) 0 0 no-repeat; }
#contents.sub_product .quality_innovation_txt_box1 .list1 ul { position:relative; }
#contents.sub_product .quality_innovation_txt_box1 .list1 ul li {font-size:20px; line-height:26px; font-family:ng_b; color:#fff; text-align:center; }
#contents.sub_product .quality_innovation_txt_box1 .list1 ul .li1 { position:absolute; left:145px; top:70px; }
#contents.sub_product .quality_innovation_txt_box1 .list1 ul .li2 { position:absolute; left:55px; top:250px; }
#contents.sub_product .quality_innovation_txt_box1 .list1 ul .li3 { position:absolute; left:255px; top:250px; }
#contents.sub_product .quality_innovation_txt_box1 dl { padding-bottom:50px; overflow:hidden; letter-spacing:-1px; }
#contents.sub_product .quality_innovation_txt_box1 dl dt { width:172px; padding-top:10px; border-top: solid 5px #bbbcbd; float: left; font-size:22px; line-height:30px; }
#contents.sub_product .quality_innovation_txt_box1 dl dd { width:290px; padding:12px 0 0 30px; border-top: solid 1px #bbbcbd; float: left; }
#contents.sub_product .voc_bg { height:503px; background:url(../../images/product/quality_innovation1.gif) 0 0 no-repeat; }

#contents.sub_company .place_wrap {width:100%;}
#contents.sub_company .place_wrap .global_map_wrap {width:100%; margin-bottom:60px; background:#ece6dd;}
#contents.sub_company .place_wrap .global_map_wrap .global_map {width:1000px; height:554px; margin:0 auto; position:relative;}
#contents.sub_company .place_wrap .global_map_wrap .global_map img {position:absolute; top:0; left:50%; margin-left:-548px;}
#contents.sub_company .place_wrap .place_list {width:1000px; margin:0 auto 150px;}
#contents.sub_company .place_wrap .place_list li {padding:25px 25px 25px 25px; margin-top:20px; background:#f5f5f6;}
#contents.sub_company .place_wrap .place_list li:first-child {margin-top:0px;}
#contents.sub_company .place_wrap .place_list li .info {height:179px; padding-left:330px; position:relative;}
#contents.sub_company .place_wrap .place_list li .pre_view {display:block;}
#contents.sub_company .place_wrap .place_list li .pre_view img {position:absolute; top:0; left:0;}
#contents.sub_company .place_wrap .place_list li .tit {font-size:24px; line-height:57px; margin-bottom:16px; color:#303030; border-bottom:1px solid #e6e6e6;}
#contents.sub_company .place_wrap .place_list li .addr {margin-bottom:12px; color:#555;}
#contents.sub_company .place_wrap .place_list li .num {}
#contents.sub_company .place_wrap .place_list li .num strong {color:#0e6a91;}
#contents.sub_company .place_wrap .place_list li .map_view {display:block; width:122px; height:33px; padding-left:14px; background:url(../../images/company/btn_view_map_off.png) 117px 14px no-repeat; border:1px solid #959595; position:absolute; right:0; bottom:0; line-height:33px; color:#000;}
#contents.sub_company .place_wrap .place_list li .map_view.on {background:#555 url(../../images/company/btn_view_map_on.png) 117px 14px no-repeat; border-color:#555; color:#fff;}
#contents.sub_company .place_wrap .place_list li .map {width:100%; height:0px; position:relative; overflow:hidden;}
#contents.sub_company .place_wrap .place_list li .map .map_inner {width:100%; height:470px; margin-top:25px;}
#contents.sub_company .place_wrap .place_list li .map img {margin-top:25px;}
#contents.sub_company .place_slider {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;}
#contents.sub_company .place_slider .black {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=80); opacity:.8; z-index:1;}
#contents.sub_company .place_slider .place_slider_wrap {width:915px; height:580px; padding-top:70px; position:absolute; top:50%; left:50%; margin:-325px 0 0 -407px; z-index:10;}
#contents.sub_company .place_slider .place_slider_wrap .close {display:block; width:39px; height:39px; background:url(../../images/company/place_slider_close.png) 0 0 no-repeat; position:absolute; top:0; right:0;}
#contents.sub_company .place_slider .place_slider_wrap .bx-slider {}
#contents.sub_company .place_slider .place_slider_wrap .bx-slider li {width:915px !important; height:580px; position:relative;}
#contents.sub_company .place_slider .place_slider_wrap .bx-slider li img {width:915px; height:580px;}
#contents.sub_company .place_slider .place_slider_wrap .bx-slider li p {width:891px; height:67px; padding-left:24px; position:absolute; left:0; bottom:0; background:url(../../images/company/place_slider_text_bg.png) 0 0 repeat; font-family:ng_b; font-size:28px; line-height:67px; color:#fff; vertical-align:top;}
#contents.sub_company .place_slider .place_slider_wrap .bx-slider li p span {display:inline-block; height:67px; margin-left:16px; padding-left:16px; background:url(../../images/company/place_slider_text_bar.gif) 0 26px no-repeat; font-size:16px; color:#cecece; vertical-align:top;}
#contents.sub_company .place_slider .place_slider_wrap .bx-prev {width:68px; height:68px; background:url(../../images/company/place_slider_prev.png) 0 0 no-repeat; position:absolute; top:256px; left:-38px;}
#contents.sub_company .place_slider .place_slider_wrap .bx-next {width:68px; height:68px; background:url(../../images/company/place_slider_next.png) 0 0 no-repeat; position:absolute; top:256px; right:-38px;}
#contents.sub_company .place_slider .place_slider_wrap .bx-pager {position:absolute; right:30px; bottom:20px; z-index:100; color:#fff; font-size:16px;}
#contents.sub_company .place_slider .place_slider_wrap .bx-pager strong {color:#ef6451;}

#contents.sub_company .company_bg1 { padding-top: 580px; background:url(../../images/company/company_bg1.jpg) center top no-repeat; }
#contents.sub_company .company_bg2 { padding: 590px 0 200px 0; background:url(../../images/company/company_bg2.jpg) center top no-repeat; position:relative; }
#contents.sub_company .company_bg2 .dl1 { position:absolute; left:50%; top:215px; margin-left: -350px; }
#contents.sub_company .company_bg2 .dl2 { position:absolute; left:50%; top:215px; margin-left: 120px; }
#contents.sub_company .company_bg2 dl { width: 247px; text-align:center; color:#fff; }
#contents.sub_company .company_bg2 dl dt { padding-bottom: 25px;  font-size:18px; }
#contents.sub_company .company_bg2 dl dd { font-size:35px; line-height:40px;}

#contents.sub_management .safety1_bg1 { margin-left: 60px; width: 660px; height: 653px; background:url(../../images/management/safety_environmental_management1_bg1.gif) 0 0 no-repeat;  }
#contents.sub_management .safety2_bg1 { height: 316px; background:url(../../images/management/safety_environmental_management2_bg1.gif) 0 85px no-repeat; }
#contents.sub_management .safety2_bg1 ul { overflow:hidden; padding-top:137px; }
#contents.sub_management .safety2_bg1 ul li { width: 147px; margin-left: 88px; text-align:center; float: left; font-size:16px; color:#0e6a91; font-family:ng_b; }
#contents.sub_management .safety2_bg1 ul li:first-child { margin-left: 75px; }
#contents.sub_management .safety3_bg1 { padding: 590px 0 150px 0; background:url(../../images/management/safety_environmental_management3_bg1.jpg) center top no-repeat; position:relative; }
#contents.sub_management .safety3_bg1 dl { position:absolute; left:50%; top:220px; color:#fff; text-align:center; }
#contents.sub_management .safety3_bg1 dl dt { padding-bottom: 35px; font-size:16px; font-family:ng; }
#contents.sub_management .safety3_bg1 dl dd { font-size:28px; line-height:34px; font-family:ng_b; }
#contents.sub_management .safety3_bg1 .dl1 { margin-left: -390px; }
#contents.sub_management .safety3_bg1 .dl2 { margin-left: -85px; }
#contents.sub_management .safety3_bg1 .dl3 { margin-left: 226px; }

#contents.sub_promote .brand_list1 { width: 732px; overflow:hidden; }
#contents.sub_promote .brand_list1 li { width: 299px; height: 462px; padding: 28px 20px 0 20px; margin:0 27px 30px 0; float: left; background-color:#f5f7f9; position:relative; }
#contents.sub_promote .brand_list1 li p { letter-spacing:-1px; }
#contents.sub_promote .brand_list1 li .btn_wrap { position:absolute; left:20px; top:390px; }

#ready {position:fixed; left:0; top:0; width:100%; min-width:1000px; height:100%; background:url(../../images/common/ready.jpg)  center center no-repeat; z-index:9999;}

#contents.sub_management .ethics_box1 { width:1000px; margin: 0 auto; padding:30px 0 45px 0; margin-bottom:30px; overflow:hidden; }
#contents.sub_management .ethics_box1 > div { width:440px; height:230px; padding:25px; float: left; background-color:#fff; margin-left:20px; }
#contents.sub_management .ethics_box1 > div:first-child {margin-left:0; }

#contents.sub_recruitment .talent_bg1 { height:253px; padding:60px 0; margin-bottom:60px; background-color:#f6f6f6; }
#contents.sub_recruitment .talent_bg1 ul { height:254px; background:url(../../images/recruitment/talent_bg_01.gif) 0 0 no-repeat; overflow:hidden; }
#contents.sub_recruitment .talent_bg1 ul li { width:254px; padding-top:150px; float:left; color:#fff; margin-left:119px; text-align:center; font-size:16px; line-height:23px; font-family:ng_b; }
#contents.sub_recruitment .talent_bg1 ul li:first-child { margin-left:0; }
#contents.sub_recruitment .list_style1 li a { padding-left:213px; }
#contents.sub_recruitment .list_style1 li a .state { display:inline-block; width:54px; height:54px; line-height:54px; background:url(../../images/recruitment/bg_01.gif) 0 0 no-repeat; color:#fff; text-align:center; position:absolute; left:134px; top:24px; font-size:16px; font-family:ng_b; }
#contents.sub_recruitment .list_style1 li.on a .state { background:url(../../images/recruitment/bg_01_on.gif) 0 0 no-repeat; }
#contents.sub_recruitment .job_bg1 { width:861px; height:184px; margin-left:70px; background:url(../../images/recruitment/job_bg_01.gif) 0 0 no-repeat; position:relative; }
#contents.sub_recruitment .job_bg1 dt { font-size:30px; line-height:40px; color:#fff; font-family:ng_b; }
#contents.sub_recruitment .job_bg1 dd { width:145px; font-size:14px; line-height:20px; color:#0e6a91; text-align:center; }
#contents.sub_recruitment .job_bg1 .l dt { position:absolute; left:200px; top:70px; }
#contents.sub_recruitment .job_bg1 .r dt { position:absolute; left:545px; top:72px; }
#contents.sub_recruitment .job_bg1 .l dd { position:absolute; left:20px; }
#contents.sub_recruitment .job_bg1 .r dd { position:absolute; left:697px; }
#contents.sub_recruitment .job_bg1 dd.l1 { top:85px; }
#contents.sub_recruitment .job_bg1 dd.l2 { top:72px; }
#contents.sub_recruitment .job_bg1 dd.l3 { top:60px; }
#contents.sub_recruitment .job_bg1 dd.l4 { top:55px; }
#contents.sub_recruitment .guide_bg1 { height:385px; background:url(../../images/recruitment/guide_bg_01.gif) 0 0 no-repeat; position:relative; }
#contents.sub_recruitment .guide_bg1 li { width:140px; height:140px; line-height:140px; text-align:center; font-size:14px; color:#0e6a91; position:absolute; }
#contents.sub_recruitment .guide_bg1 .l1 { top:0; left:0; }
#contents.sub_recruitment .guide_bg1 .l2 { top:0; left:245px; }
#contents.sub_recruitment .guide_bg1 .l3 { top:0; left:492px; }
#contents.sub_recruitment .guide_bg1 .l4 { top:245px; left:492px; }
#contents.sub_recruitment .guide_bg1 .l5 { top:245px; left:245px; }
#contents.sub_recruitment .guide_bg1 .l6 { top:245px; left:0; color:#fff; }
#contents.sub_recruitment .guide_list1 li { height:40px; padding:16px 0 0 80px; font-size:14px; color:#333; margin-top:30px; letter-spacing:-1px; }
#contents.sub_recruitment .guide_list1 li:first-child { margin-top:0; }
#contents.sub_recruitment .guide_list1 .l1 { background:url(../../images/recruitment/ico_01.gif) 0 0 no-repeat; }
#contents.sub_recruitment .guide_list1 .l2 { background:url(../../images/recruitment/ico_02.gif) 0 0 no-repeat; }
#contents.sub_recruitment .guide_list1 .l3 { background:url(../../images/recruitment/ico_03.gif) 0 0 no-repeat; }
#contents.sub_recruitment .guide_list1 .l4 { background:url(../../images/recruitment/ico_04.gif) 0 0 no-repeat; }
#contents.sub_recruitment .guide_list1 .l5 { height:51px; padding-top:5px; background:url(../../images/recruitment/ico_05.gif) 0 0 no-repeat; }

.ethics2_list {overflow:hidden;}
.ethics2_list li {width:188px; height:195px; padding:280px 25px 0; float:left; margin-left:16px;}
.ethics2_list li:first-child {margin-left:0;}
.ethics2_list li.l1 {background:url(../../images/ethics/ethics2_01.gif) 0 0 no-repeat #dd302b;}
.ethics2_list li.l2 {background:url(../../images/ethics/ethics2_02.gif) 0 0 no-repeat #fdbd57;}
.ethics2_list li.l3 {background:url(../../images/ethics/ethics2_03.gif) 0 0 no-repeat #8a63b3;}
.ethics2_list li.l4 {background:url(../../images/ethics/ethics2_04.gif) 0 0 no-repeat #13b4c5;}
.ethics2_list li dl dt {padding-top:10px; margin-bottom:25px; font-size:24px; color:#fff; background:url(../../images/common/bul_14.gif) 0 0 no-repeat; }
.ethics2_list li dl dt span {font-family:ng;}
.ethics2_list li dl dd {color:#fff; font-size:14px; line-height:18px;}
.ethics2_list li dl dd p {margin-bottom:7px;}


/* 2017-04-11 메인 레이어팝업 신규 */
.layerWrap {position: fixed;width: 100%;height: 4364px;top: 0;left: 0;z-index: 900;overflow: hidden;}
.layerBg {width: 2000px;height: 5000px;background-color: #000;opacity: 0.5;}
.contWrap {position: relative;}
.layerCont {position: absolute;width: 350px;top: 60px;left: 50%;margin-left: 150px;text-align: center;}
.contWrap > img {display: inline;}
.btnClose {position: absolute;top: -30px;right: 0px;cursor: pointer;}
.btnClose img {width: 24px;}
.contWrap > img:first-child {margin-right: 30px;}

/* 2017-09-04 개인정보처리 테이블 */
table.privacy {width: 800px;text-align: center;}
table.privacy th, table.privacy td {padding: 4px 0;border-right: 1px solid #666;border-bottom: 1px solid #666;}
table.privacy th {border-top: 1px solid #666;}
table.privacy th:first-child, table.privacy td:first-child {border-left: 1px solid #666;}

.policyDate {position: relative;}
.policyDate .wrap_policy {position:absolute;right:0; width:220px;margin-top: 10px;} /* 푸터 사이트맵 Go.버튼과 간격 조정으로 width 수정 */
.policyDate .wrap_policy strong a {display:inline-block; width: 142px; height:14px; padding:6px 23px 8px 15px; vertical-align: middle; font-weight: normal; font-size: 11px; color: #6d7378; border: 1px solid #6d7378; background: url(/front/img/com/btn_zip.png) 160px -809px no-repeat}
.policyDate .wrap_policy strong a.on {background-position: 160px -849px}
.policyDate .wrap_policy .wrap_policy_prev {position: absolute; left:0; top:-140px; width:180px; padding:5px 0; height:105px; overflow-y:scroll; background-color: #f9f9f9; border:1px solid #6d7378; z-index:50}
.policyDate .wrap_policy ul {text-align: left}
.policyDate .wrap_policy li {width:118px; font-size: 12px; color:#33373b;}
.policyDate .wrap_policy li span {display:block; width:135px; padding:5px 14px;}
.policyDate .wrap_policy li a {display:block; width:135px; padding:3px 14px; font-size:12px; color:#33373b;}
.policyDate .wrap_policy li a:focus,
.policyDate .wrap_policy li a:hover {text-decoration:underline}
.policyDate .wrap_policy .pbtn_go {display:block; float:right; height:14px; *margin-top:-30px; padding:4px 9px 10px 9px; vertical-align: middle; font-weight: normal; font-size: 11px; color: #c0c5c9; border: 1px solid #6d7378; background-color: #484e53}