/* @charset "utf-8"; */ @import url("font.css?v=20241224"); /* ****************************************************************** */ /* ****************************************************************** */ /* ****************************************************************** */ /* ********** header.css 는 wts랑 같이 쓰기위해 따로 분리 함 ******** */ /* ****************************************************************** */ /* ****************************************************************** */ /* ****************************************************************** */ .wrap #header *,.wrap #header div,.wrap #header p,.wrap #header a,.wrap #header button,.wrap #header span,.wrap #header em ,.wrap #header strong {font-family:'Pretendard','Nanum Barun Gothic','나눔 바른 고딕'; } .footerWrap #footer *,.footerWrap #footer div,.footerWrap #footer p,.footerWrap #footer a,.footerWrap #footer button,.footerWrap #footer span,.footerWrap #footer em ,.footerWrap #footer strong {font-family:'Pretendard','Nanum Barun Gothic','나눔 바른 고딕'} #gnb_menu0003 {display:none; } /* HEADER NEW */ .wrap #header {position:relative; z-index:2000; width:100%; min-width:940px; height:132px; margin:0; background:url(/img/layout/2015/header_bg.jpg?3) repeat-x 0 100px; } .wrap #globalHeader {position:relative; width:940px; margin:0 auto; z-index:2; } .wrap #globalHeader h1 {width:150px; padding-top:11px} .wrap #header.wts_header h1 {width:150px; padding-top:11px} .wrap #globalHeader h1 a {display:block; height:38px; background:url(/img/layout/2015/h1_logo.gif) no-repeat; font-size:0; text-indent:-100000px; } .wrap #globalHeader h1 a.eng {display:block; width:170px; height:38px; background-color: font-size:0; text-indent:-100000px; } /* fix navigation */ .header_fixed {padding-top:136px} .header_fixed #header {position:fixed; top:0; height:45px; background:url(/img/layout/2015/header_bg_fixed.jpg) repeat-x 0 0; } #sub_hanwha.header_fixed #header {position:fixed; top:0; height:45px; background:url(/img/layout/2015/header_bg_fixed.jpg) repeat-x 0 0; border-bottom:0px;} .header_fixed #globalHeader h1 {display:none;} .header_fixed dl#globalMenu {top:0;} .header_fixed #globalMenu dt {display:none;} .header_fixed #globalMenu dd .menu2util {display:none;} .header_fixed #globalMenu dd .viewWrap {top:0; margin:0;} .header_fixed #globalMenu dd a.allMenuBtn_view {position:absolute; right:0; top:10px; width:60px; text-align:right; color:#fff; background:url(/img/layout/2015/bu_allnav_fixed.gif) right 5px no-repeat; border:0; } .header_fixed #globalMenu dd .viewWrap .allnavWrap {top:45px; } .header_fixed #history_nav {display:none;} .header_fixed #gnb {margin-top:0; } .header_fixed #gnb li.gnbOne a.in strong {color:#fff; padding:14px 0 0; height:30px; } .header_fixed #gnb li.gnbOne.on a.in strong, .header_fixed #gnb li.gnbOne a:hover strong {color:#de690a; } .header_fixed #gnb li .gnbSubwrap {top:45px; } .header_fixed #gnbmenu h1.fixedLogo {display:block; float:left; padding-right:40px; } .header_fixed #gnbmenu h1.fixedLogo img {display:block; padding:8px 0 0 0 } .header_fixed #gnbmenu #gnb {float:left; } .header_fixed p.online_link { display:none; } /* #sub_hanwha .wrap #header {width:100%; height:98px; margin: 0; background:url(/img/layout/2015/header_bg.jpg) repeat-x 0 53px; } #sub_hanwha .wrap #globalHeader h1 {position:relative; z-index:10; } #sub_hanwha .wrap #globalHeader {position:static; } #sub_hanwha .wrap #globalMenu .hasSubGnb ul {display:none; } #sub_hanwha .wrap #gnbmenu {margin-top:-47px;} #sub_hanwha .wrap #gnbmenu #gnb {margin-left:180px;} */ /* 메인,사이트맵,통합검색은 경로바 숨김 */ #sub_totalSearch .wrap #header {border-bottom:1px solid #ddd; } #sub_sitemap .wrap #header {border-bottom:1px solid #ddd; } .header_fixed#sub_totalSearch .wrap #header {border-bottom:0; } .header_fixed#sub_sitemap .wrap #header {border-bottom:0; } #sub_main #history_nav, #sub_sitemap #history_nav, #sub_main_randing #history_nav, #sub_totalSearch #history_nav{display:none;} #sub_main.header_fixed #header, #sub_sitemap.header_fixed #header, #sub_totalSearch.header_fixed #header {position:fixed; top:0; height:45px; background:url(/img/layout/2015/header_bg_fixed.jpg) repeat-x 0 0; } #sub_main .wrap #header, #sub_sitemap .wrap #header, #sub_main_randing .wrap #header, #sub_totalSearch .wrap #header {height:100px; } #sub_main.header_fixed, #sub_sitemap.header_fixed, #sub_main_randing.header_fixed, #sub_totalSearch.header_fixed {padding-top:100px} #sub_hanwha #history_nav {display:none; } /** #sub_hanwha #header {background:none; height:60px; } **/ /* sub_hanwha */ #sub_hanwha #header {height:80px; background-color: rgba(255,255,255,0.9); border-bottom:1px solid #ddd;} #sub_hanwha .wrap #globalHeader h1 a {display:block; width: 160px; height:40px; background:url(/img/layout/2015/h1_logo.png) no-repeat; font-size:0; text-indent:-100000px; } #sub_hanwha .viewWrap a.allMenuBtn_view {width:52px; } #sub_hanwha .tableHIddenLine {display:none; } #sub_hanwha #globalMenu dd.menu2 ul.menu2util {width:176px; } #sub_hanwha #globalMenu dd.menu2 ul.menu2util {} #sub_hanwha #globalMenu dd.menu2 ul.menu2util li.online_link {display:none; padding:3px 10px 0 0;} #sub_hanwha #globalMenu dd.menu2 ul.menu2util li.online_link a {padding:1px 0 2px;} #sub_hanwha #globalMenu dd.menu2 ul.menu2util li.userInfo, #sub_hanwha #globalMenu dd.menu2 ul.menu2util li.globalSearh {display:none; } #sub_hanwha .viewWrap {top:0; margin-top:3px; } #sub_hanwha #globalMenu dd.menu2 li.logoutMenu, #sub_hanwha #globalMenu dd.menu2 li.loginMenu {margin-top:0; padding-right:0; clear:none; float:left; } #sub_hanwha .wrap #globalHeader {position:static;} #sub_hanwha .wrap #globalHeader h1 {position:relative; z-index:10; padding-top:19px;} #sub_hanwha .wrap #globalHeader #globalMenu {left:50%; margin-left:265px; width:200px; right:auto; z-index:3; display: none;} #sub_hanwha .wrap #gnbmenu {margin-top:-51px;} #sub_hanwha.header_fixed .wrap #gnbmenu {margin-top:0;} #sub_hanwha .wrap #gnbmenu #gnb {margin-left:220px; margin-top:15px; width: 660px; float: right;} #sub_hanwha .wrap #gnbmenu #gnb > li {margin-left:58px; margin-right:0px;} #sub_hanwha.header_fixed .wrap #gnbmenu #gnb{margin-left:0; margin-top:0;} #sub_hanwha #gnb li .gnbSubwrap {top:72px;} #sub_hanwha.header_fixed #gnb li .gnbSubwrap {top:45px;} #sub_hanwha #gnb li.gnbOne a.in strong {height:52px; } #sub_hanwha #gnb a.gnbBnr {display:none; } #sub_hanwha #content {overflow:hidden;} #sub_hanwha .conHd {height:105px; padding-top:55px; } #sub_hanwha .conHd h1 {float:none;padding:0px 10px 0 0 ;font-size:32px ; line-height:26px; color:#fff; } #sub_hanwha .conHd .hanwha_sub_tit {color:#fff; padding:10px 0 0; font-size:16px; } #sub_hanwha .zoomBox {display:none;} /* 기본 */ #gnbmenu {position:relative; width:940px; height:41px; margin:0 auto; z-index:1; } #gnbmenu h1.fixedLogo {display:none} #gnb {width:650px; height:40px; margin-top:10px; } #gnb li {float:left; margin-right:30px; } #gnb li li {margin-right:0px; } #gnb .gnbBnr {position:absolute; right:0; bottom:0;} /* 회사소개 추가 */ #new_hanwha_nav_01 { display: block; } #sub_hanwha #new_hanwha_nav_01 { display: none; } /* 1depth */ #gnb li.gnbOne {} #gnb li.gnbOne a.in strong {display:block; height:36px; padding-top:5px; color:#000; font-weight:normal; font-size:17px; } #gnb li.gnbOne.active a.in strong, #gnb li.gnbOne.on a.in strong, #gnb li.gnbOne a:hover strong {color:#de690a} #gnb li.gnbOne a.onBtn {position:relative; text-decoration:none; display:block; z-index:10;} #gnb li.gnbOne a.onBtn em.line {position:absolute; bottom:-1px; left:50%; margin-left:-6px; width:13px; height:7px; background:url(/img/layout/2015/gnb_one_bul.png) no-repeat 0 0; ; display:none; } #gnb li.gnbOne.on a.onBtn em.line {display:block; } .header_fixed #gnb li.gnbOne.on a.onBtn em.line {display:none; } #header.wts_header #history_nav {display:none; } #header.wts_header #gnb_menu0003 {display:block; } #header.wts_header #gnb li#gnb_menu0003 > a {display:none; } #header.wts_header #gnb li .gnbSubwrap {z-index:3; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap {z-index:2; display:block; width:100%; position:absolute; left:0; top:41px; background:none; border:0; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap .gnbtit {float:left; color:#fff; font-size:14px; padding:9px 20px 0 0; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap .gnbtit em {color:#de690a; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap > ul.gnbSub {float:left; width:600px; padding-bottom:0; min-height:20px; display:inline-block; background:none; position:relative; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap > ul.gnbSub>li {width:auto; width:100px; padding:0 0 0 13px; border-right:1px solid #787e8a; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap > ul.gnbSub>li a.select, #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap > ul.gnbSub>li a:hover {text-decoration:underline; } #header.wts_header #gnb li#gnb_menu0003 .gnbSubwrap a.twoBtn {display:block; margin-top:2px; padding:7px 0 0; height:23px; font-size:14px; color:#fff; background:url(/img/common/2015/gnb_wts_bul.jpg) no-repeat 83px 50%; } #header.wts_header #gnb div.lv2Wrap {width:938px; position:absolute; left:-103px; top:32px; background:#fff; border:1px solid #000; } #header.wts_header #gnb div.lv2Wrap > ul {width:100%; margin:0px 0 0 ; padding-bottom:30px; min-height:180px; overflow:hidden; background:url(/img/layout/2015/gnb_sub_bg_line.gif) ; position:relative; } #header.wts_header #gnb div.lv2Wrap > ul > li { float:left; width:155px; margin:0; padding:15px 12px 0 20px; } #header.wts_header #gnb div.lv2Wrap > ul > li > a {font-size:15px; padding-top:4px; color:#de690a;} #header.wts_header #gnb div.lv2Wrap > ul > li ul {padding:10px 0 0;} #header.wts_header #gnb div.lv2Wrap > ul > li li {float:none; width:auto; margin:0; padding:0; } #header.wts_header #gnb div.lv2Wrap.idx_1 > ul {width:800px} #header.wts_header #gnb div.lv2Wrap.idx_1 > ul li.lv2Li2 {height:120px;} #header.wts_header #gnb div.lv2Wrap.idx_1 > ul li.lv2Li6 {position:absolute; margin-top:40px; left:0; } #header.wts_header #gnb div.lv2Wrap.idx_2 > ul {width:auto; padding-left:188px; } #header.wts_header #gnb div.lv2Wrap.idx_3 > ul li.lv2Li5 {position:absolute; left:188px; top:35px; } #header.wts_header #gnb div.lv2Wrap.idx_3 > ul li.lv2Li6 {position:absolute; left:188px; top:70px; } #header.wts_header #gnb div.lv2Wrap.idx_3 > ul li.lv2Li7 {position:absolute; left:188px; top:105px; } #header.wts_header #gnb div.lv2Wrap.idx_3 > ul li.lv2Li8 {position:absolute; left:188px; top:140px;} #gnb li #u0003 { top:0px; } #gnb li .gnbSubwrap { display:none; width:938px; position:absolute; left:0; top:41px; background:#fff; border:1px solid #000; } #gnb li .gnbSubwrap .gnbSub_tit {padding:10px 0 5px 20px; font-size:18px; border-bottom:1px solid #e6e6e6; position:relative; } #gnb li .gnbSubwrap .gnbSub_tit a {color:#000; padding-right:13px; } /* background:url(/img/layout/2015/header_bul.jpg) no-repeat 100% 6px; */ #gnb li .gnbSubwrap .gnbSub_tit a:hover {color:#de690a; /*background:url(/img/layout/2015/header_bul_on.jpg) no-repeat 100% 6px; */} #gnb li .gnbSubwrap .gnbSub_tit a.gnbSubclose_btn { width:0; height:0; position:absolute; top:13px; right:13px; line-height:0; display:inline-block; overflow:hidden; padding:20px 0 0 20px;background:url(/img/layout/gnb_close.gif) 0 0 no-repeat; } #gnb li .gnbSubwrap > ul.gnbSub {width:100%; margin:0px 0 0 ; padding-bottom:30px; min-height:180px; display:inline-block; vertical-align:top; background:url(/img/layout/2015/gnb_sub_bg_line.gif) ; position:relative; } #gnb li .gnbSubwrap > ul.gnbSub > li {padding-top:20px;} #gnb li .gnbSubwrap > ul.gnbSub > li.gnb3dp_15, #gnb li .gnbSubwrap > ul.gnbSub > li.gnb3dp_16 {padding-top:9px;} #gnb li .gnbSubwrap > ul.gnbSub > li.gnb3dp_17 {padding-top:5px;} #gnb li ul.gnbSub li.lock > a {position:relative; color:#888 !important; } #gnb li ul.gnbSub li.lock > a:hover {color:#de690a !important; } #gnb li ul.gnbSub li.lock.on > a {color:#de690a !important; } #gnb li ul.gnbSub li.lock > a em {position:absolute; width:10px; height:14px; right:-15px; margin-top:2px; background:url(/img/layout/2015/gnb_sub_lock.gif) no-repeat 100% 1px; } #gnb.loginMode li ul.gnbSub li.lock > a {color:#000 !important; } #gnb.loginMode li ul.gnbSub li.lock > a:hover{color:#de690a !important; } #gnb.loginMode li ul.gnbSub li.lock.on > a {color:#de690a !important; } #gnb.loginMode li ul.gnbSub li.lock > a em {display:none; } #gnb li ul.gnbSub a, #gnb li ul.gnbSub strong {display:inline-block; color:#000; padding-bottom:7px; } #gnb li ul.gnbSub a.on {} #gnb li ul.gnbSub a.twoBtn {font-size:15px; padding-top:4px; color:#de690a; } #gnb li ul.gnbSub li.lock a.twoBtn { color:#de690a !important; background-position:100% 7px; } #gnb li ul.gnbSub a:hover {color:#de690a; } #gnb li ul.gnbSub> li .active {color:#de690a;} #gnb li ul.gnbSub> li li a {display:inline-block; font-size:13px; line-height:17px; font-weight:normal; padding-bottom:4px; white-space:nowrap; } #gnb li ul.gnbSub> li li li a {white-space:normal } #gnb li ul.gnbSub> li li.hasLayer {position:relative; } #gnb li ul.gnbSub> li li.hasLayer a.threeBtn {padding-right:14px; background:url(/img/layout/2015/gnb_sub_icon_off.gif) no-repeat 100% 4px; } #gnb li ul.gnbSub> li li.hasLayer.lock a.threeBtn {background:url(/img/layout/2015/gnb_sub_icon_off_lock.gif) no-repeat 100% 4px; } #gnb.loginMode li ul.gnbSub> li li.hasLayer.lock a.threeBtn {background:url(/img/layout/2015/gnb_sub_icon_off.gif) no-repeat 100% 4px; } #gnb.loginMode li ul.gnbSub> li li.hasLayer.lock a.on, #gnb.loginMode li ul.gnbSub> li li.hasLayer.lock a.on a.threeBtn , #gnb.loginMode li ul.gnbSub> li li.hasLayer.lock a.threeBtn:hover {background:url(/img/layout/2015/gnb_sub_icon_on.gif) no-repeat 100% 4px; } #gnb li ul.gnbSub> li li.hasLayer a.active {background-image:url(/img/layout/2015/gnb_sub_icon_active.gif); } #gnb li ul.gnbSub> li li.hasLayer a.active {color:#de690a;} #gnb li ul.gnbSub> li li.hasLayer a.on, #gnb li ul.gnbSub> li li.hasLayer.on a.threeBtn , #gnb li ul.gnbSub> li li.hasLayer a:hover {color:#de690a; background-image:url(/img/layout/2015/gnb_sub_icon_on.gif);} #gnb li ul.gnbSub> li li.hasLayer.on a.fourBtn, #gnb li ul.gnbSub> li li.hasLayer a.fourBtn:hover {display:inline; line-height:20px; background:none; } #gnb li ul.gnbSub> li li.hasLayer div.gnblayer2 {position:absolute; z-index:2; width:145px; left:12px; margin-top:-5px; padding:5px 8px; border:1px solid #ddd; background:#fff; } #gnb li.on .gnbSubwrap {display:block} /* #gnb li.active .gnbSubwrap {display:block} */ /* 3depth */ #gnb li ul.gnbSub li {width:155px; margin:0; padding:0px 12px 0 20px; } #gnb li ul.gnbSub li li {float:none; width:auto; margin:0; padding:0; } #gnb li ul.gnbSub li a.on { } #gnb li ul.gnbSub li a.on + .gnblayer {} #gnb li ul.gnbSub> li .gnblayer {min-width:100%; } #gnb li ul.gnbSub> li .gnblayer ul { } #gnb li ul.gnbSub> li .gnblayer ul li {float:none; } #gnb li ul.gnbSub> li .gnblayer ul.gnbSub2 .gnb_level_3 a{ /*letter-spacing:-0.8px; */ } #gnb li ul.gnbSub> li .gnblayer ul.gnbSub2 .gnb_level_3 div a{color:#000; } #gnb li ul.gnbSub> li .gnblayer ul.gnbSub2 .gnb_level_3 div a:hover{color:#de690a; } /* 로그인 */ #gnb li#gnb_menu0001 .gnbSubwrap > ul.gnbSub {height:450px; } #gnb li#gnb_menu0001 li.gnb3dp_1 {position:absolute; } #gnb li#gnb_menu0001 li.gnb3dp_2 {margin-top:45px; } #gnb li#gnb_menu0001 li.gnb3dp_7 {position:absolute; left:0; top:180px;} #gnb li#gnb_menu0001 li.gnb3dp_8 {margin-top:0 } #gnb li#gnb_menu0001 li.gnb3dp_9 {position:absolute; left:188px; top:220px; } #gnb li#gnb_menu0001 li.gnb3dp_11 {position:absolute; left:373px; top:340px; padding-top:0px;} #gnb li#gnb_menu0001 li.gnb3dp_12 {position:absolute; left:560px; top:220px; } #gnb li#gnb_menu0001 li.gnb3dp_13 {position:absolute; left:560px; top:337px; } #gnb li#gnb_menu0001 li.gnb3dp_10 {position:absolute; left:560px; top:387px; } #gnb li#gnb_menuT001 .gnbSubwrap > ul.gnbSub {height:500px } #gnb li#gnb_menuT001 li.gnb3dp_2 {} #gnb li#gnb_menuT001 li.gnb3dp_6 {position:absolute; left:0; top:160px;} #gnb li#gnb_menuT001 li.gnb3dp_7 {position:absolute; left:188px; top:270px;} #gnb li#gnb_menuT001 li.gnb3dp_8 {position:absolute; left:373px; top:160px;} #gnb li#gnb_menuT001 li.gnb3dp_9 {position:absolute; left:373px; top:350px;} #gnb li#gnb_menu0002 .gnbSubwrap > ul.gnbSub {height:150px; } #gnb li#gnb_menu0004 .gnbSubwrap > ul.gnbSub {height:100px; } #gnb li#gnb_menu0004 li.gnb3dp_5 {margin-bottom:5px;} #gnb li#gnb_menu0004 li.gnb3dp_6 {margin-top:-10px;} #gnb li#gnb_menu0004 li.gnb3dp_7 {position:absolute; left:560px; top:90px; } #gnb li#gnb_menu0004 li.gnb3dp_8 {position:absolute; left:560px; top:135px; } #gnb li#gnb_menuT001 li.gnb3dp_10 {position:absolute; left:560px; top:130px;} #gnb li#gnb_menu0005 ul.gnbSub > li {padding-bottom:0px;} #gnb li#gnb_menu0005 li.gnb3dp_6 {clear:both; } #gnb li#gnb_menu0005 li.gnb3dp_11 {clear:both; position:absolute; top:150px; left:748px;} #gnb li#gnb_menu0005 li.gnb3dp_12 {clear:both; position:absolute; top:190px; left:748px;} #gnb li#gnb_menu0006 ul.gnbSub > li {padding-bottom:0px;} #gnb li#gnb_menu0006 li.gnb3dp_6 {clear:both;} #gnb li#gnb_menu0006 .gnbSubwrap a.gnbBnr {display:none} /* 20160106 */ #gnb li#gnb_menus0002 li.gnb3dp_4 { position:absolute; left:375px; top:137px; } /* 회사소개 */ #gnb li#gnb_menu0015 li.gnb3dp_2 {width:162px; } .wrap_hanwha #gnb li .gnbSubwrap > ul.gnbSub {min-height:27px; }/* 아래 공간이 많이 남아보인다 하여 수정 - 이인경 min-height:120px; */ .wrap_English #gnb li .gnbSubwrap > ul.gnbSub {min-height:80px; } .wrap_hanwha #gnb li ul.gnbSub a.twoBtn {color:#000; } .wrap_hanwha #gnb li ul.gnbSub a.twoBtn:hover {color:#de690a; } /* 검색 및 sns */ #globalMenu {position:absolute; right:0; top:15px; } #globalMenu dd.menu2, #globalMenu dd.menu2 li a {color:#000; font-size:13px; } #globalMenu dd.menu2 li a.tit {font-size:14px;} #globalMenu dd.menu2 ul.menu2util {float:right; height:30px; } #globalMenu dd.menu2 li {float:left; height:22px; line-height:22px} #globalMenu dd.menu2 li.wtsOpen { padding-left:15px; margin-left:14px; background:url(/img/layout/2015/gnb_top_bar.gif) no-repeat 0 44%; } #globalMenu dd.menu2 .viewWrap li {float:none; height:auto;} #globalMenu dd.menu2 li.wtsOpen img {margin-top:-5px;} #globalMenu dd.menu2 li.rgtCerti {padding-left:15px; margin-left:13px; background:url(/img/layout/2015/gnb_top_bar.gif) no-repeat 0 44%; } #globalMenu dd.menu2 li.call {position:relative; padding:0 16px 0 13px; margin-left:13px; background:url(/img/layout/2015/gnb_top_bar.gif) no-repeat 0 44%; } /* #globalMenu dd.menu2 li.call a {padding-left:18px; background:#fff url(/img/layout/2015/ico_call.gif) 0 0 no-repeat; } */ /* 온라인계좌개설 버튼 20160204*/ #globalMenu dd.menu2 li.online_link {padding:0px;} #globalMenu dd.menu2 li.online_link a {text-align:center; color:#df680a; } #globalMenu dd.menu2 li.online_link a:hover {text-decoration:none; color:#df680a;} #globalMenu dd.menu2 li.online_link a span {background:url(/img/layout/2015/icon_onlineBg.gif) 100% 1px no-repeat; color:#df680a; padding:0 20px 0 1px; display:inline-block; } #globalMenu dd.menu2 li.online_link a:hover span {text-decoration:underline; } #globalMenu dd.menu2 li.call .rolling {position:relative; width:122px; } #globalMenu dd.menu2 li.call .rolling span.open {position:absolute; right:0; top:5px; width:9px; height:9px; background:url(/img/layout/header_wordRollng_bul.jpg) no-repeat 0 0; cursor:pointer; z-index:2 } #globalMenu dd.menu2 li.call .rolling ul {position:relative; height:23px; overflow:hidden; } #globalMenu dd.menu2 li.call .rolling ul li {position:absolute; } #globalMenu dd.menu2 li.call .rolling ul li ~ li {top:30px;} #globalMenu dd.menu2 li.call .rolling li em, #globalMenu dd.menu2 li.call .rolling li span {display:inline-block; font-size:13px; vertical-align:top; min-width:15px; text-align:center; } #globalMenu dd.menu2 li.call .rolling li span {width:100px; text-align:left; padding:2px 0 0; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; } #globalMenu dd.menu2 li.call .rolling li em {line-height:15px; height:14px; padding:1px 0 0; overflow:hidden; border:1px solid #ddd; color:#666; margin-right:4px; margin-top: 2px;} #globalMenu dd.menu2 li.call .rolling {} #globalMenu dd.menu2 li.call .wordList {position:absolute; display:none; left:0; top:23px; width:130px; padding:10px; border:1px solid #000; background:#fff; } #globalMenu dd.menu2 li.call .wordList p {color:#666; padding-bottom:5px; } #globalMenu dd.menu2 li.call .wordList ul {} #globalMenu dd.menu2 li.call .wordList ul + p {margin-top:10px; padding-top:10px; border-top:1px solid #e6e6e6; } #globalMenu dd.menu2 li.call .wordList li {float:none; width:100%; margin-top:-1px; overflow:hidden; } #globalMenu dd.menu2 li.call .wordList li a {display:block; height:20px; color:#000; overflow:hidden;;} #globalMenu dd.menu2 li.call .wordList li em, #globalMenu dd.menu2 li.call .wordList li span {display:inline-block; font-size:13px; vertical-align:top; min-width:15px; text-align:center; } #globalMenu dd.menu2 li.call .wordList li span {width:100px; text-align:left; padding:2px 0 0; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; } #globalMenu dd.menu2 li.call .wordList li em {line-height:15px; height:14px; padding:1px 0 0; overflow:hidden; border:1px solid #ddd; color:#666; margin-right:4px; margin-top: 2px;} #globalMenu dd.menu2 li.call .wordList li a:hover {color:#de690a} #globalMenu dd.menu2 li.globalSearh {position:relative; z-index:30000; } .wrap_hanwha #globalMenu dd.menu2 li.globalSearh3s {float:right; } #globalMenu dd.menu2 li.globalSearh .srhWrap input[type="text"] {width:133px; height:22px; line-height:17px; COLOR:#aaa; margin-top:-2px; padding:0 34px 0 10px; font-size:13px; border:0; border-bottom:1px solid #666; vertical-align:top} #globalMenu dd.menu2 li.globalSearh .srhWrap input[type="text"]:active, #globalMenu dd.menu2 li.globalSearh .srhWrap input[type="text"]:focus {color:#000; } #globalMenu dd.menu2 li.globalSearh .srhWrap + .btn_search {position:absolute; right:2px; top:-1px; width:22px; height:20px; background:#fff url(/img/layout/2015/ico_search.gif) center center no-repeat; overflow:hidden; text-indent:-999px} #globalMenu dd.menu2 li.logoutMenu, #globalMenu dd.menu2 li.loginMenu {clear:both; float:right; margin-top:19px; padding-right:90px; z-index:100; background:none; } #globalMenu dd.menu2 li.logoutMenu a, #globalMenu dd.menu2 li.loginMenu a {display:block; min-width:60px; height:22px; line-height:19px; margin-top:3px; padding:5px 20px 0 5px; border:1px solid #ccc; text-align:center; background:url(/img/layout/2015/icon_login.gif) no-repeat 66px 6px; } #globalMenu dd.menu2 li.userInfo {float:right; margin-top:25px; padding:3px 5px 0 0; } #globalMenu dd.menu2 li.userInfo strong {font-weight:normal; } #globalMenu dd.menu2 .eng_korea {float:right; padding:2px 5px 2px 10px;} /* 전체메뉴 버튼 */ .viewWrap {position:absolute; right:0; top:27px; margin-top:19px; z-index:100} .viewWrap a.allMenuBtn_view {display:inline-block; width:53px; height:22px; line-height:19px; padding:5px 23px 0 10px; border:1px solid #ccc; background:#fff url(/img/layout/2015/bu_allnav.gif) 90% 7px no-repeat; color:#000;} .viewWrap .allnavWrap {position:absolute; right:0; top:39px; width:938px; background:#fff; border:1px solid #000; z-index:500} .viewWrap .allnavWrap .skipallNav {position:absolute; right:-1px; top:-40px; width:65px; height:28px; padding:11px 0 0 21px; border:1px solid #000; border-bottom:0; text-align:left; background:#fff url(/img/layout/2015/bu_close.gif) 54px 13px no-repeat; color:#e17c29} #globalMenu dd.menu2 .viewWrap .menuTit ul {float:left; width:138px; height:600px; border-right:1px solid #ddd; } #globalMenu dd.menu2 .viewWrap .menuTit ul li {border-bottom:1px solid #eee; } #globalMenu dd.menu2 .viewWrap .menuTit ul li a {display:block; padding:12px 0 0 20px; height:32px; font-size:15px; } #globalMenu dd.menu2 .viewWrap .menuTit ul li a:hover {color:#de690a; text-decoration:underline; } #globalMenu dd.menu2 .viewWrap .menuTit ul li a.on {color:#fff; background:#de690a; text-decoration:none; } #globalMenu dd.menu2 .viewWrap .menuTit ul li.smartTrader a:hover {background:none; } #globalMenu dd.menu2 .menuSearch {position:absolute; bottom:20px; left:10px; } #globalMenu dd.menu2 .menuSearch input {width:118px; padding:0 0 5px 0; border:0; border-bottom:1px solid #000; color:#000; } #globalMenu dd.menu2 .menuSearch input.notxt {color:#e6e6e6} #globalMenu dd.menu2 .menuSearch .resultbox {width:118px; padding:0; border:0; overflow:hidden; padding:4px 0 0; } #globalMenu dd.menu2 .menuSearch .resultbox .length {float:left; padding:3px 0 0; color:#999; } #globalMenu dd.menu2 .menuSearch .resultbox .btn {float:right; } #globalMenu dd.menu2 .menuSearch .resultbox .btn a.btnL {float:left; } #globalMenu dd.menu2 .menuSearch .resultbox .btn a.btnR {float:right; } #globalMenu dd.menu2 .viewWrap .menuCtt {position:relative; float:right; width:799px; height:600px; overflow:hidden; overflow-y:scroll;} #globalMenu dd.menu2 .viewWrap .menuCtt > ul {overflow:hidden; padding:30px 20px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li {float:left; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.key {background-color:#ffff00 !important; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.realKey {background-color:#fdb68a !important } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_1 {display:block; height:32px; font-size:19px; border-bottom:1px solid #000;} #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_2 {color:#de690a; font-size:15px;} #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_3, #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_2 {display:inline-block; height:22px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_3 {display:inline-block; height:20px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a.tit_4 {display:inline-block; font-size:13px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne {width:100%; float:none; position:relative; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne.guidelink {margin-top:50px;} #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp {padding:15px 0 ; overflow:hidden; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box {padding-bottom:12px; float:left; width:185px; overflow:hidden; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box a {display:inline-block; line-height:20px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box li {float:none; padding-top:1px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box li li {padding:0; height:20px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box li li a {padding:0; height:16px; padding-left:6px; background:url(/img/layout/gnball_bul.jpg) no-repeat 0 8px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.lock > a {position:relative; color:#888; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.lock > a.tit_2 {color:#de690a;} #globalMenu dd.menu2 .viewWrap .menuCtt ul li.lock > a:hover {color:#de690a } #globalMenu dd.menu2 .viewWrap .menuCtt ul li a:hover {color:#de690a } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.lock.on > a {color:#de690a !important; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne ul.siteUp li.box li li.lock a {background-image:url(/img/layout/gnball_bul_lock.jpg);} #globalMenu dd.menu2 .viewWrap .menuCtt ul li.lock > a em {position:absolute; width:10px; height:14px; right:-15px; margin-top:2px; background:url(/img/layout/2015/gnb_sub_lock.gif) no-repeat 100% 1px; } #globalMenu dd.menu2 .viewWrap .loginMode .menuCtt ul li.lock > a {position:relative; color:#000; } #globalMenu dd.menu2 .viewWrap .loginMode .menuCtt ul li.lock > a.tit_2 {color:#de690a;} #globalMenu dd.menu2 .viewWrap .loginMode .menuCtt ul li.lock > a em {display:none; } #globalMenu dd.menu2 .viewWrap li.allOne_1 li.allTwo_1 {position:absolute; } #globalMenu dd.menu2 .viewWrap li.allOne_1 li.allTwo_2 {margin-top:35px; } #globalMenu dd.menu2 .viewWrap li.allOne_1 li.allTwo_6 {clear:both; } #globalMenu dd.menu2 .viewWrap li.allOne_1 li.allTwo_10 { } #globalMenu dd.menu2 .viewWrap li.allOne_2 .siteUp { } #globalMenu dd.menu2 .viewWrap li.allOne_2 li.allTwo_5 {clear:both; } /* #globalMenu dd.menu2 .viewWrap li.allOne_2 li.allTwo_5 {position:absolute; top:300px; left:185px; } #globalMenu dd.menu2 .viewWrap li.allOne_2 li.allTwo_6 {position:absolute; top:300px; left:0; } */ #globalMenu dd.menu2 .viewWrap li.allOne_4 li.allTwo_5 { } #globalMenu dd.menu2 .viewWrap li.allOne_4 li.allTwo_6 {position:absolute; top:360px; left:185px; } #globalMenu dd.menu2 .viewWrap li.allOne_4 li.allTwo_7 {position:absolute; top:360px; left:375px; } #globalMenu dd.menu2 .viewWrap li.allOne_5 {margin-top:255px; } #globalMenu dd.menu2 .viewWrap li.allOne_4 li.allTwo_8 {position:absolute; top:360px; left:555px;} #globalMenu dd.menu2 .viewWrap li.allOne_5 li.allTwo_5 {clear:both; } #globalMenu dd.menu2 .viewWrap li.allOne_6 li.allTwo_5 {clear:both; } #globalMenu dd.menu2 .viewWrap li.allOne_6 li.allTwo_9 {clear:both; } /* hasSubGnb */ #globalMenu .hasSubGnb .gnb_sub {display:none; position:absolute; left:-600px; top:0; width:455px} #globalMenu .hasSubGnb .gnb_sub li {float:left; height:32px; line-height:32px; } #globalMenu .hasSubGnb .gnb_sub li + li {padding-left:11px; margin-left:10px; background:#fff url(/img/layout/2015/line_util.gif) left 53% no-repeat} #globalMenu .hasSubGnb .gnb_sub .first h2 a {color:#e46c0b} /* #globalMenu .hasSubGnb .menu2util {width:330px} */ #globalMenu .hasSubGnb .menu2util .call, #globalMenu .hasSubGnb .menu2util .wtsOpen {display:none} /* history_nav */ #history_nav {width:940px; height:32px; margin:0 auto; position:relative; } #history_nav .ondepth {float:left; } #history_nav .ondepth a {float:left; background:url(/img/layout/2015/gnb_sub_bar.jpg) no-repeat 100% 0; ; } #history_nav .ondepth a.home {padding:5px 30px 0 0; height:25px; } #history_nav .ondepth a.home img {vertical-align:top; padding:4px 0 0 } #history_nav .ondepth span.tit {float:left; color:#fff; font-size:14px; display:block; white-space:nowrap; font-weight:normal; padding:7px 40px 0 11px; height:24px; vertical-align:top; background:url(/img/layout/2015/gnb_sub_bar.jpg) no-repeat 100% 50%; } #history_nav .historyWrap {float:left; } #history_nav ul.historyMenu {position:relative; width:600px; height:32px; } #history_nav ul.historyMenu li {display:none; } #history_nav ul.historyMenu li.on {display:block; position:absolute; left:100%; top:0; padding-right:25px; background:url(/img/layout/2015/gnb_sub_bar.jpg) no-repeat 100% 0; } #history_nav ul.historyMenu > li.on {left:0px; } #history_nav .location {position:absolute;top:0;right:0px;font-size:12px;color:#000;} #history_nav .location a {color:#000;} #history_nav .tablet {display:none; right:0px;} #history_nav .location .zoomBox {display:inline-block; overflow:hidden; } #history_nav .location em {float:left; padding:3px 8px 0 0} #history_nav .location a {float:left; } #history_nav .location img {} #history_nav .historyWrap a, #history_nav .subNavLayer a {color:#fff; display:block; font-size:14px; white-space:nowrap; font-weight:normal; padding:7px 40px 0 11px; height:25px; vertical-align:top; background:url(/img/layout/2015/gnb_sub_bul.jpg) no-repeat 100% 50%; } #history_nav .subNavLayer {position:absolute; border:1px solid #33363c; background:#40454e; width:240px; left:100px; top:32px; } #history_nav .subNavLayer a {background:none; color:#fff; } #history_nav .subNavLayer li.on a {color:#e3ba12; } #history_nav .subNavLayer li.on2 a {color:#e3ba12; } /* 4, 5 뎁스 메뉴 - 탭으로 나옴 */ .menuTabNavi {width:100%; display:flex; flex-direction:column; margin:10px 0 30px;} .menuTabNavi ul.munuTab_4depth {width:100%; display:flex; border-bottom:2px solid #ddd;} .menuTabNavi ul.munuTab_4depth li {display:flex; align-items:center; padding:12px; margin-bottom:-2px; overflow:hidden; border-bottom:2px solid #ddd;} .menuTabNavi ul.munuTab_4depth li:hover {background-color:#fafafa;} .menuTabNavi ul.munuTab_4depth li a {font-size:18px; font-weight:bold; color:#a9a9a9;} .menuTabNavi ul.munuTab_4depth li a:hover {text-decoration:none;} .menuTabNavi ul.munuTab_4depth li.on {border-bottom:2px solid #000;} .menuTabNavi ul.munuTab_4depth li.on a {color:#000;} .menuTabNavi ul.munuTab_4depth li.line2 {} .menuTabNavi ul.munuTab_4depth li.line2 a {} .menuTabNavi ul.munuTab_4depth li.lineChk a {font-size:16px; text-align:center;} .menuTabNavi ul.munuTab_5depth {display:flex; gap:10px; margin:30px 0 20px 0; overflow:hidden;} .menuTabNavi ul.munuTab_5depth li {padding:10px;} .menuTabNavi ul.munuTab_5depth li a {font-weight:500;} .menuTabNavi ul.munuTab_5depth li a:hover {text-decoration:none; color:currentColor;} .menuTabNavi ul.munuTab_5depth li.on {border-radius:10px; background-color:#000;} .menuTabNavi ul.munuTab_5depth li.on a {color:#fff;} .menuTabNavi ul.munuTab_5depth li:NOT(.on):HOVER {background-color: #fafafa; border-radius: 10px;} /* 전체 메뉴 */ .viewWrap .wtsOpen a {display:block; margin-top:5px; overflow:hidden; padding:0 0 0 5px; border:1px solid #e46c0b; color:#e46c0b; letter-spacing:0; line-height:100%;} .viewWrap .wtsOpen a:hover {text-decoration:none} .viewWrap .wtsOpen a span {display:inline-block; vertical-align:top; line-height:16px;} .viewWrap .wtsOpen a strong.btn_wts {display:inline-block; padding:2px 0; vertical-align:top; padding-left:5px; padding-right:5px; line-height:115%; background:#e46c0b; color:#fff; font-weight:bold;} /* .btn_wts {padding-right:15px; background:url(/img/common/2014/icon_blank.gif) no-repeat 100% 60%; } */ /* 자주찾는 메뉴 - 이인경 추가 */ .gnbQuick_Box {display:none; width:900px; padding:0px 20px 0; margin-top:30px; background:#f4f4f4; overflow:hidden; } #sub_hanwha .gnbQuick_Box {display:none; } .gnbQuick_Box p.Qtit { float:left; width:100px; font-weight:bold; padding:20px 0; } .gnbQuick_Box ul.gnbQuick_list { width:762px; float:left; }/* 전화번호 삭제 되면서 수정됨 width:722px; *//*메뉴 추가되면서 수정 width:762px;*/ .gnbQuick_Box ul.gnbQuick_list li { float:left; } .gnbQuick_Box ul.gnbQuick_list li a { padding:20px 0; display:block; color:#000; text-align:center; } .gnbQuick_Box ul.gnbQuick_list li + li { padding-left:25px; background:url(/img/layout/2015/gnbQuick_bar.gif) 15px 24px no-repeat; }/*메뉴 추가되면서 수정 padding-left:25px;*/ .gnbQuick_Box p.Qtell { width:120px; float:right; padding:20px 0 20px 25px; font-size:18px; font-weight:bold; background:url(/img/layout/2015/gnbQuick_tell_icon.gif) 0 50% no-repeat; } /* icon new 추가 gnb 전체메뉴 */ #gnb li .gnbSubwrap#WuT001 > ul.gnbSub > li.gnb3dp_1 > a {position:relative; } /* #gnb li .gnbSubwrap#WuT001 > ul.gnbSub > li.gnb3dp_1 > a em {position:absolute; width:33px; height:15px; right:-17px; top:3px; margin-top:2px; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_2 li.gnb_level_4_3 > a {position:relative; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_2 li.gnb_level_4_3 > a em {position:absolute; width:33px; height:15px; right:-17px; top:0; margin-top:0; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_4 li.gnb_level_4_2 > a {position:relative; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_4 li.gnb_level_4_2 > a em {position:absolute; width:33px; height:15px; right:-17px; top:0; margin-top:0; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px !important; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_4 li.gnb_level_4_2 li.first > a {position:relative; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_4 li.gnb_level_4_2 li.first > a em {position:absolute; width:33px; height:15px; right:-17px; top:0; margin-top:0; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px !important; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_2 > a {position:relative; } #gnb li .gnbSubwrap#Wu0006 > ul.gnbSub > li.gnb3dp_2 > a em {position:absolute; width:33px; height:15px; right:-17px; top:3px; margin-top:2px; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px; } // 뉴 삭제 #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne.all_T001 li.allTwo_1 a.tit_2 {padding-right:17px; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 3px; } #globalMenu dd.menu2 .viewWrap .menuCtt ul li.titOne.all_0006 li.allTwo_2 a.tit_3_3 {padding-right:17px; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 3px; } #gnb li .gnbSubwrap#Wu0005 > ul.gnbSub > li.gnb3dp_1 li.gnb_level_4_2 > a {position:relative; } #gnb li .gnbSubwrap#Wu0005 > ul.gnbSub > li.gnb3dp_1 li.gnb_level_4_2 > a em {position:absolute; width:33px; height:15px; right:-17px; top:0; margin-top:0; background:url(/img/common/2015/icon_new.jpg) no-repeat 100% 1px !important; } */ /* 20190110 */ #gnb li#gnb_menu0002 .gnbSubwrap > ul.gnbSub {height:400px; } #gnb li#gnb_menu0002 li.gnb3dp_11 {position:absolute; top:275px; left:0;} #gnb li#gnb_menu0002 li.gnb3dp_12 {position:absolute; top:275px; left:185px;} #gnb li#gnb_menu0002 li.gnb3dp_13 {position:absolute; top:330px; left:374px;} #gnb li#gnb_menu0002 li.gnb3dp_14 {position:absolute; top:155px; left:748px;} #gnb li#gnb_menu0002 li.gnb3dp_15 {position:absolute; top:195px; left:748px;} #gnb li#gnb_menu0002 li.gnb3dp_16 {position:absolute; top:115px; left:748px;} #gnb li#gnb_menu0002 li.gnb3dp_11 .gnb_level_4_4 > a {white-space: normal; line-height: 13px; width: 150px;} #gnb li#gnb_menu0002 li.gnb3dp_11 .gnb_level_4_4 > a > em{top:3px; right:-4px;} /**** 20181108 hanwha_renewal ****/ .wrap #globalHeader h1 a {display:block; width: 166px; height:43px; background:url(/img/hanwha/nimg/n_logo.png) no-repeat; font-size:0; text-indent:-100000px; } /*공통*/ #header.New_Type_01 {background:url(/img/layout/2015/n_top_back01.png) repeat-x 0 0;} #header.New_Type_01 #globalMenu {position:absolute; left:0; top:0px; width: 940px;} #header.New_Type_01 #history_nav {margin-top: 37px;} #header.New_Type_01 #gnbmenu #gnb {position: absolute; padding-left: 245px; margin-top: 22px;} #header.New_Type_01 #gnbmenu #gnb li.gnbOne {margin-right: 50px;} .header_fixed #header.New_Type_01 #gnbmenu #gnb {position: absolute; padding-left: 238px; margin-top: 0px;} #gnb li .gnbSubwrap {top:56px;} #gnb li.gnbOne a.in strong {height: 51px; } .header_fixed #gnbmenu h1.fixedLogo {position: absolute; left: 0px; top: 0px; z-index: 999999999;} .viewWrap {margin-top: 29px;} .viewWrap a.allMenuBtn_view {display:inline-block; font-size: 0px; width:35px; height:35px; line-height:100%; padding:0px; border:1px solid #ccc; background:#fff url(/img/layout/2015/bu_allnav_n1.gif) 8px 9px no-repeat; color:#000;} .viewWrap a.allMenuBtn_view:hover {border:1px solid #de690a; background:#fff url(/img/layout/2015/bu_allnav_n2.gif) 8px 9px no-repeat; color:#000;} .viewWrap .allnavWrap {margin-top: 11px;} .header_fixed .viewWrap .allnavWrap {margin-top: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li { float: left; height: 47px; line-height: 47px; margin-right: 8px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.online_link a span {background: none; color: #666; padding: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.wtsOpen {background: none; height: 47px; line-height: 47px; padding: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.wtsOpen a {color: #666;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.rgtCerti {background: none; padding: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.rgtCerti a {height: 40px; line-height: 40px; } #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.rgtCerti a span {color: #666;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call {background: none; padding: 0px; margin:0px; margin-left: 12px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling {margin-top: 12px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling #topWordRolling > li > a > em {border: 0px; margin:0px; margin-top: 4px; min-width: 15px; } #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling #topWordRolling > li > a > span {position: absolute; color: #666; margin-top: 0px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling #topWordRolling > li > a > span {position: absolute; color: #666; margin-top: 1px;} } #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling #topWordRolling > li > a > em::before {content: "."; position: absolute; left: 10px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.call .rolling .open {display: none;} #header.New_Type_01 #globalMenu dd.menu2 li.call .wordList {top:35px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.globalSearh {position: absolute; top:13px; right:-8px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.globalSearh .srhWrap input[type='text'] {border: 1px solid #cacaca; width: 120px; outline: 0px; border-radius: 30px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.globalSearh .btn_search {margin-right: 4px; background:url(/img/layout/2015/ico_search.gif) center center no-repeat; } #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.loginMenu {position: absolute; top:-5px; right:70px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.loginMenu > a {background: none; padding: 0px; margin: 0px; border: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.loginMenu > a > span {color: #666;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.logoutMenu {position: absolute; top:-5px; right:70px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.logoutMenu > a {background: none; padding: 0px; margin: 0px; border: 0px;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.logoutMenu > a > span {color: #666;} #header.New_Type_01 #globalMenu dd.menu2 .menu2util > li.userInfo {position: absolute; top:-28px; right:225px; color: #666;} /*공통서브*/ .wrap #header.New_Type_01 {height:159px;} .wrap #header.New_Type_01 #globalHeader {position: relative; display: block; height:49px; } .wrap #header.New_Type_01 #globalHeader h1 {position: absolute; margin-top: 54px;} .wrap #header.New_Type_01 #globalMenu dd.menu2 ul.menu2util {float: left;} .header_fixed .wrap #header.New_Type_01 {height:45px; background: none; background-color:#525864;} .header_fixed .wrap #header.New_Type_01 #globalHeader {height: 0px;} /*메인*/ #sub_main .wrap #header.New_Type_01 {height:127px;} #sub_main .wrap #header.New_Type_01 #globalHeader {position: relative; display: block; height:49px; } #sub_main .wrap #header.New_Type_01 #globalHeader h1 {position: absolute; margin-top: 54px;} #sub_main .wrap #header.New_Type_01 #globalMenu dd.menu2 ul.menu2util {float: left;} .header_fixed#sub_main .wrap #header.New_Type_01 {height:45px;} .header_fixed#sub_main .wrap .New_Type_01#header #globalHeader {height: 0px;} /*회사소개*/ #sub_hanwha .wrap #header.New_Type_01 #globalHeader {height: 0px;} #sub_hanwha .wrap #header.New_Type_01 #globalHeader h1 { margin-top: 0px; } #sub_hanwha .wrap #header.New_Type_01 #gnbmenu {margin-top: 0px;} #sub_hanwha .wrap #header.New_Type_01 #gnbmenu #gnb {padding-left: 265px; margin-left: 0px;} #sub_hanwha .wrap #header.New_Type_01 #gnbmenu #gnb li.gnbOne {margin-right: 0px; margin-left: 59px;} #sub_hanwha #header {background: #fff;} #sub_hanwha #gnb li .gnbSubwrap {top:57px;} #sub_hanwha .wrap #globalHeader h1 a {display:block; width: 160px; height:40px; background:url(/img/layout/2015/h1_logo.png) no-repeat; font-size:0; text-indent:-100000px; } /*검색*/ #sub_totalSearch .wrap #header.New_Type_01 {height: 127px;} .header_fixed#sub_totalSearch .wrap #header.New_Type_01 {height:45px;} /*Smart Trader*/ .wts_header#header #gnb li#gnb_menu0003 .gnbSubwrap .gnbtit {padding: 22px 20px 0px 0px;} .wts_header#header #gnb li#gnb_menu0003 .gnbSubwrap > ul.gnbSub {margin-top: 15px;} .wts_header#header #gnb {padding-top: 3px;} .wts_header#header #gnb li.gnbOne a.in strong {height: 48px; } .wts_header#header #globalMenu .viewWrap {margin-top: 31px;} /*영문*/ .header_sub .wrap_English .New_Type_01#header {height: 68px;} .header_fixed .header_sub .wrap_English .New_Type_01#header {height: 0px;} .header_sub .wrap_English .New_Type_01#header #globalHeader h1 {margin-top: 0px;} .header_sub .wrap_English .New_Type_01#header #globalMenu dd.menu2 .eng_korea {position: absolute; top: 5px; right: 0px;} .header_sub .wrap_English #globalHeader h1 a {display:block; width: 160px; height:40px; background:url(/img/layout/2015/h1_logo.png) no-repeat; font-size:0; text-indent:-100000px; }