@charset "UTF-8"; /* File Name :common.css Author :Hwang Sungchul */ * {margin:0; padding:0;} ul, li {list-style:none; vertical-align:top} img {border:0; vertical-align:top;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:0;} body {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:11px; background:url('/Images/Web/common/bg_body.gif') repeat-x top #F7F7F7; line-height:16px} sup, sub {font-size:9px;} select {visibility:hidden;} /*font*/ a:link {color:#666; text-decoration:none;} a:visited {color:#666; text-decoration:none;} a:hover {color:#5883BA; text-decoration:underline;} a:active {color:#666; text-decoration:none;} .t_dark {color:#4D4D4D} .t_dark a:link {color:#4D4D4D; text-decoration:none;} .t_dark a:visited {color:#4D4D4D; text-decoration:none;} .t_dark a:hover {color:#4D4D4D; text-decoration:underline;} .t_dark a:active {color:#4D4D4D; text-decoration:none;} .t_stress {color:#647B9C} /* png */ img.Png24 {tmp:expression(setPng24(this))} /*input*/ input.text {height:18px; background-color:#FDFDFD; border:1px solid #DFE4E8; color:#96A3AB; font-size:11px; padding:3px 3px 0 4px} textarea.text {height:18px; background-color:#FDFDFD; border:1px solid #DFE4E8; color:#96A3AB; font-size:11px; padding:3px 3px 0 4px} .clear {clear:both; height:0; overflow:hidden;} .displayN,legend,caption {display:none;} .none_ {position:absolute; visibility:hidden; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0} .o_hidden {overflow:hidden; _width:706px;} .ta_center {text-align:center;} .ta_right {text-align:right;} .ta_justify {text-align:justify;} .va_top {vertical-align:top;} .va_mid {vertical-align:middle;} .mg_r3 {margin-right:3px;} .mg_t3 {margin-top:3px;} .mg_t5 {margin-top:5px;} .mg_t10 {margin-top:10px;} .mg_t15 {margin-top:15px;} .mg_t20 {margin-top:20px;} .mg_t25 {margin-top:25px;} .mg_t30 {margin-top:30px;} .mg_t80 {margin-top:80px;} .mg_b5 {margin-bottom:5px;} .mg_b10 {margin-bottom:10px;} .mg_b15 {margin-bottom:15px;} .mg_b20 {margin-bottom:20px;} .mg_l2 {margin-left:2px;} .mg_l110 {margin-left:110px;} .lh_14 {line-height:14px;} .fs_12 {font-size:12px;} .pd_t30 {padding-top:30px;} #go_site {position:absolute; top:11px; right:390px; z-index:10} #co_flash_top #go_site {right:374px;} #sel_country {position:absolute; top:10px; right:209px; -ms-filter:"Alpha(Opacity=50)"; filter:Alpha(Opacity=50); opacity:0.5; z-index:10} #input_search {position:absolute; top:10px; *top:9px; right:5px; -ms-filter:"Alpha(Opacity=50)"; filter:Alpha(Opacity=50); opacity:0.5; z-index:10} #input_search input.text {width:160px; height:15px; border:1px solid #C2C5C8; background:url('/Images/Web/common/bg_search.gif'); padding:3px 25px 0 13px; font-size:10px; color:#666; z-index:20} #input_search input.btn_search {position:absolute; top:1px; *top:2px; right:1px; width:24px; height:18px; z-index:30} #GNBLayer-new {position:absolute; left:0; top:0; z-index:3; width:100%; } /*footer*/ #footer {position:relative; clear:both; width:960px; margin:0 auto; padding:20px 0 0 0;} #footer .footer_wrap {overflow:hidden; width:960px; border-bottom:1px solid #dadada;} #footer .footer_main {border-bottom:1px solid #3c4043;} #footer .footer_sitemap {overflow:hidden; width:960px; height:175px; margin-left:-10px; background:url('/Images/Web/common/line_footer_menu.gif') 0 0 repeat-x;} #footer .footer_main .footer_sitemap {background:url('/Images/Web/main/line_footer_menu.gif') 0 0 repeat-x;} #footer .footer_sitemap li {float:left; color:#808080; font-size:10px; letter-spacing:-1px; line-height:110%;} #footer .footer_sitemap li a {color:#808080;} #footer .footer_sitemap li a:hover {color:#5883BA;} #footer .footer_sitemap .onedepth {width:150px; height:19px; padding-left:10px;} #footer .footer_sitemap .onedepth p {height:18px;} #footer .footer_sitemap .onedepth ul {margin-left:0px;} #footer .footer_sitemap .onedepth li {width:150px; padding-bottom:3px; color:#999;} #footer .footer_sitemap .onedepth li .threed_tit {width:141px; padding-left:9px; padding-top:3px;} #footer .footer_sitemap .onedepth li .threedepth {width:141px; padding-left:9px; padding-bottom:2px;} #footer .footer_sitemap .onedepth li .threedepth a {color:#999;} #footer .footer_sitemap .onedepth li .threedepth a:hover {color:#5883BA;} /*#footer .footer_link {position:absolute; right:0; top:20px;}*/ #footer address {padding-top:15px;} #footer .footer_link {position:absolute; right:0; top:213px;} #footer .footer_link li {float:left;} /*Top button*/ #Top_bt_wrap {position:fixed;_position:absolute; top:400px; width:100%} #Top_bt {text-align:right; width:1010px; margin:0 auto;} #Top_bt.top_sr {width:1052px;} /*Select Country*/ .trans_layer {display:none; position:absolute; z-index: 99; width:100%; height:100%; background:#fff; -ms-filter: "Alpha(Opacity=0.1)";filter:Alpha(opacity=0.1); opacity:0.001} .s_sel {position:absolute; width:160px; background-color:#fff; display:none; z-index:100} .s_sel ul {border-top:1px solid #EEF0F2;} .s_sel ul li {height:19px; font-size:10px; border-bottom:1px solid #EEF0F2; border-left:1px solid #EEF0F2; border-right:1px solid #EEF0F2;} .s_sel a {display:block; width:147px; height:18px; padding:1px 0 0 11px; letter-spacing:-0.2px; text-decoration:none; background: url('/Images/Web/common/select_arw_off.gif') 145px 50% no-repeat;} .s_sel a:link, #seee a:visited {text-decoration:none;} .s_sel a:hover {background:#98b1d4 url('/Images/Web/common/select_arw_on.gif') 145px 50% no-repeat; color:#fff; text-decoration:none;} .s_sel a:active {text-decoration:none;} .s_sel a.on {background:#98b1d4 url('/Images/Web/common/select_arw_on.gif') 145px 50% no-repeat; color:#fff; text-decoration:none;} .s_sub_sel {display:none; position:absolute; width:199px; height:154px; top:0px; left:160px; border:1px solid #EEF0F2; background: #fff; z-index:100;} .s_sub_sel .s_select_wrap {width:198px; height:150px; overflow:auto; margin:2px 0; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #E5E5E5; scrollbar-darkshadow-color: #E5E5E5; scrollbar-track-color: #F8F8F8; scrollbar-arrow-color: #C1CAD3; } .s_sub_sel .s_select_wrap ul {border:none; width:176px; line-height:15px;} .s_sub_sel .s_select_wrap ul li {border:none; height:15px;} .s_sub_sel .s_select_wrap ul li a {width:167px; height:15px; padding:0 0 0 9px; background:none} .s_sub_sel .s_select_wrap ul li a:link, .s_sub_sel ul li a:visited {text-decoration:none;} .s_sub_sel .s_select_wrap ul li a:hover {background-color:#B2BDCA; background-image:none; color:#fff; text-decoration:none;} .s_sub_sel .s_select_wrap ul li a:active {text-decoration:none;} .s_sub_sel .btn_wrap {height:13px; width:179px; text-align:center;} .s_sub_sel .btn_wrap img {cursor:pointer;} /*PopUp*/ #pop {width:100%; padding-bottom:15px; background:#fff url('/Images/Web/common/bg_pop_title.gif') no-repeat 13px 0} #pop #pop_header {position:relative; margin:0 0 10px 13px; height:35px; background:url('/Images/Web/common/bg_pop_title_r.gif') no-repeat right;} #pop #pop_header h1 {position:absolute; left:22px; top:10px} #pop #pop_header p.h1 {position:absolute; left:22px; top:10px;} #pop #pop_header .btn_close {position:absolute; right:30px; top:11px} #pop #pop_content {margin:0 15px 0 15px; padding:15px; border:1px solid #EAECEF; overflow:auto; overflow:hidden;_display:inline-block;} #pop #pop_footer {position:relative; height:48px; margin:-1px 15px 0 15px; background:#FAFAFA; border-left:1px solid #EAECEF; border-right:1px solid #EAECEF; border-bottom:1px solid #EAECEF;} #pop #pop_footer .logo {position:absolute; top:6px; left:5px;} #pop #pop_footer address {position:absolute; top:25px; left:91px;} .pop_sub_tit {padding:15px 0 6px 0; color:#4B72BA; font-weight:bold; font-size:11px;} .pop_sub_ul li {padding-bottom:5px;} .pop_sub_ul .t_tit {display:block; float:left; width:90px; color:#4B72BA} .bookmark_box {margin-top:10px; padding:10px 12px 0 12px; background:#F7F9FA; overflow:auto; overflow:hidden;_display:inline-block;} .bookmark_ul li {float:left; width:50%; padding-bottom:10px;} .bookmark_ul li.alt {clear:both; width:100%; padding-left:7px; background:url('/Images/Web/common/bul_favorite.gif') no-repeat 0 5px;} .bookmark_ul img {margin-right:8px; vertical-align:middle} .add_box {margin-top:10px; padding:15px 12px; background:#F7F9FA; overflow:auto; overflow:hidden;_display:inline-block;} .add_box p {float:left; padding-left:40px;} #pop .pop_s_tit {margin-bottom:10px; color:#4B72BA; font-weight:bold;} #pop .pop_txt {float:left; margin-top:15px;} #pop .pop_logo {float:right; margin-top:15px;} .mail_tit {font-size:14px;} .mail_tit strong {margin-right:10px;} .pop_table thead td {background:#DFE8F0; padding:10px 0; border-bottom:1px solid #FFF;} .pop_table thead td.t_title {text-align:left; padding-left:15px; color:#295391;} .pop_table thead td.t_title2 {text-align:left; padding-left:15px;} .pop_table thead td.t_date {text-align:right; padding-right:15px;} .pop_table tbody th {background:#F2F6F9; text-align:left; font-weight:normal; padding-left:15px; border-bottom:1px solid #FBFCFC} .pop_table tbody td {padding:10px 0 10px 15px; border-bottom:1px solid #EDEFF2} .con_bottom {font-weight:bold; margin-top:15px;} #SLB_loading {cursor: pointer; display:none; z-index: 99998; position:absolute; color:#2D5694;} #SLB_content {display:none; z-index: 99999; position:absolute;} /*bullet*/ .bul_01 {padding:10px 0 7px 0;} .bul_01 li {height:18px; background:url('/Images/Web/common/bul_01.gif') 10px 7px no-repeat; padding-left:15px;} .bul_01 li a:hover {text-decoration:none;} .bul_01 span {width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; cursor:pointer} .bul_02 {width:212px;} .bul_02 li {height:18px; background:url('/Images/Web/common/bul_dot.gif') 0px 5px no-repeat; padding-left:8px;} .bul_02 li a:hover {text-decoration:none;} .bul_02 span {width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; cursor:pointer} .bul_dot {padding:5px 0 5px 0;} .bul_dot li {height:18px; background:url('/Images/Web/common/bul_dot.gif') 0px 5px no-repeat; padding-left:8px;} /*tab*/ .tab_fix {background:url('/Images/Web/common/bg_tab_bar_01.gif') no-repeat; padding-left:1px;} .tab_fix td {height:28px; text-align:center; background:url('/Images/Web/common/bg_tab_a_off.gif') right;} .tab_fix td span {display:block; width:100%; height:23px; cursor:pointer; padding-top:5px;} .tab_fix td.on {background:url('/Images/Web/common/bg_tab_a_on.gif') right; } .tab_fix td.on a:link span, .tab_fix td.on a:visited span, .tab_fix td.on a:hover span, .tab_fix td.on a:active span {color:#fff; text-decoration:none;} .tab_fix td a:link span {color:#6D747B} .tab_fix td a:visited span {color:#6D747B} .tab_fix td a:hover span {color:#6A97C7; text-decoration:none;} .tab_fix td a:active span {color:#6D747B} .tab_b {background:url('/Images/Web/common/bg_tab_bar_01.gif') no-repeat; padding-left:1px;} .tab_b td {height:28px; text-align:center; background:url('/Images/Web/common/bg_tab_a_off.gif') right;} .tab_b td span {display:block; width:100%; height:23px; cursor:pointer; padding-top:5px;} .tab_b td.on {background:url('/Images/Web/common/bg_tab_b_on.gif') right; } .tab_b td.on a:link span, .tab_b td.on a:visited span, .tab_b td.on a:hover span, .tab_b td.on a:active span {color:#fff; text-decoration:none;} .tab_b td a:link span {color:#6D747B} .tab_b td a:visited span {color:#6D747B} .tab_b td a:hover span {color:#7594B2; text-decoration:none;} .tab_b td a:active span {color:#6D747B} .tab_c {background:url('/Images/Web/common/bg_tab_bar_02.gif') no-repeat; padding-left:1px;} .tab_c td {height:33px; text-align:center; background:url('/Images/Web/common/bg_tab_c_off.gif') right;} .tab_c td span {display:block; width:100%; height:29px; cursor:pointer; padding-top:4px; line-height:12px;} .tab_c td.alt span {padding-top:10px; height:23px;} .tab_c td.alt.on {background:url('/Images/Web/common/bg_tab_c_on.gif') right; } .tab_c td.alt.on a:link span, .tab_c td.alt.on a:visited span, .tab_c td.alt.on a:hover span, .tab_c td.alt.on a:active span {color:#fff; text-decoration:none;} .tab_c td.on {background:url('/Images/Web/common/bg_tab_c_on.gif') right; } .tab_c td.on a:link span, .tab_c td.on a:visited span, .tab_c td.on a:hover span, .tab_c td.on a:active span {color:#fff; text-decoration:none;} .tab_c td a:link span {color:#6D747B} .tab_c td a:visited span {color:#6D747B} .tab_c td a:hover span {color:#6A97C7; text-decoration:none; } .tab_c td a:active span {color:#6D747B} .tab_c.depth2 td.on {background:url('/Images/Web/common/bg_tab_c2_on.gif') right;} .tab_c.depth2 td.on a:link span, .tab_c.depth2 td.on a:visited span, .tab_c.depth2 td.on a:hover span, .tab_c.depth2 td.on a:active span {color:#fff; text-decoration:none;} .tab_c.depth2 td a:link span {color:#6D747B} .tab_c.depth2 td a:visited span {color:#6D747B} .tab_c.depth2 td a:hover span {color:#6A97C7; text-decoration:none;} .tab_c.depth2 td a:active span {color:#6D747B} .tab_cen {background:url('/Images/Web/common/bg_tab_bar_02.gif') no-repeat; padding-left:1px;} .tab_cen td {height:33px; text-align:center; background:url('/Images/Web/common/bg_tab_c_off.gif') right;} .tab_cen td span {display:block; width:100%; height:25px; cursor:pointer; padding-top:8px; font-size:14px;} .tab_cen td.on {background:url('/Images/Web/common/bg_tab_c_on.gif') right; } .tab_cen td.on a:link span, .tab_cen td.on a:visited span, .tab_cen td.on a:hover span, .tab_cen td.on a:active span {color:#fff; text-decoration:none;} .tab_cen td a:link span {color:#6D747B} .tab_cen td a:visited span {color:#6D747B} .tab_cen td a:hover span {color:#6A97C7; text-decoration:none;} .tab_cen td a:active span {color:#6D747B} .tab_sub {background:url('/Images/Web/common/bg_tab_sub.gif') repeat-x; height:35px; margin-left:-1px;} .tab_sub li {float:left; padding:6px 10px 0 10px; background:url('/Images/Web/common/bg_tab_sub_bar.gif') left top no-repeat ;} .tab_sub li.on {font-weight:bold;} .tab_sub li.on a:link, .tab_sub li.on a:visited, .tab_sub li.on a:hover, .tab_sub li.on a:active {color:#4B72BA; text-decoration:none} .tab_sub_02 {height:25px;} .tab_sub_02 li {float:left; width:223px; padding-left:10px;} .tab_d {float:left; width:100%; margin:20px 0 30px 0; background:url('/Images/Web/common/bg_tab_d_bg.gif') repeat-x;} .tab_d li {float:left; background:url('/Images/Web/common/bg_tab_d_off.gif') no-repeat; text-align:center; margin-right:1px;} .tab_d li.on {background:url('/Images/Web/common/bg_tab_d_on.gif') no-repeat; font-weight:bold} .tab_d li a {display:block; width:116px; height:20px; padding-top:3px;} .tab_d li.on a {color:#536580; text-decoration:none;} .tab_pop {width:100%; margin-bottom:15px; background:url('/Images/Web/common/bg_tab_pop.gif') repeat-x; overflow:auto; overflow:hidden;_display:inline-block;} .tab_pop ul {overflow:auto; overflow:hidden;_display:inline-block;} .tab_pop li {float:left; background:url('/Images/Web/common/bg_tab_pop_off.gif') no-repeat; text-align:center;} .tab_pop li.on {background:url('/Images/Web/common/bg_tab_pop_on.gif') no-repeat;} .tab_pop li a {display:block; width:106px; height:22px; padding-top:5px;} .tab_pop li.on a {color:#4B72BA; text-decoration:none;} /*board*/ .boardtop {height:50px; background:url('/Images/Web/common/bg_search02_mid.gif') 0 0 repeat-x; overflow:auto; overflow:hidden;_display:inline-block;} .boardtop .page {float:left; height:50px; background:url('/Images/Web/common/bg_search02_left.gif') 0 0 no-repeat; color:#96a3ac; padding:13px 0 0 20px;} .boardtop .page img {margin:3px 6px 0 0;} .boardtop .page span {color:#4b72ba;} .boardtop .board_search {float:right; height:50px; width:70%; position:relative; border:none; background:url('/Images/Web/common/bg_search02_rgt.gif') 100% 0 no-repeat;} .boardtop .board_search .bd_select {position:absolute; top:10px; right:265px;} .boardtop .board_search .bd_input {position:absolute; top:10px; right:81px;} .boardtop .board_search .bd_search_bt {position:absolute; top:10px; right:20px;} /* list */ .boardlist {overflow:hidden; border-bottom:2px solid #dcdfe4} .boardlist table {margin-top:0; border-collapse:collapse} .boardlist caption {display:none} .boardlist thead th {height:33px; background:url('/Images/Web/common/tb_bg_head01.gif') 50% 0 repeat-x} .boardlist thead th img {margin:0 0 4px; *margin:2px 0 0} .boardlist thead th.first {background:url('/Images/Web/common/tb_bg_head01.gif') 0 0 no-repeat} .boardlist thead th.end {background:url('/Images/Web/common/tb_bg_head01.gif') 100% 0 no-repeat} .boardlist td {height:15px; padding:5px 0; border-bottom:1px solid #f2f2f2; text-align:center} .boardlist td.no {color:#9a9a9a; font:bold 10px Verdana;} .boardlist td.flexible a:hover, a:active {color:#4e71a9; text-decoration:none} .boardlist td.flexible img {margin-left:7px} .boardlist td.td_l8 {padding-left:8px; text-align:left} .boardlist td .td_l30 {display:block; padding-left:30px; text-align:left} .boardlist td.date {font-size:10px} .boardlist td.none {border:none} /* page */ .paginate {margin:15px 0 0; font:normal 10px verdana; text-align:center} .paginate a {color:#666} .paginate a:hover, a:active {text-decoration:none} .paginate em {color:#1c488f; font-style:normal; font-weight:bold} .paginate .prev {margin-right:5px} .paginate .next {margin-left:5px} /* view */ .boardlist .view_con {margin-bottom:20px; padding:20px;} .boardlist .view_con .vc_img {text-align:center; margin:20px auto 0} .boardlist .view_con .vc_txt {padding:16px 22px 0; line-height:16px} .boardlist .view_con h2,.view_con h3,.view_con h4 {font-weight:bold; font-size:11px;} .boardlist .view_con table.viewdata {border:1px solid #999; margin:15px 0;} .boardlist .view_con table.viewdata th, .boardlist table.viewdata td {border:1px solid #999} .prenext_article {border-top:1px solid #edeff2; background-color:#fafafa; overflow:auto; overflow:hidden;_display:inline-block;} .prenext_article dl.prev dt {float:left; width:38px; padding:13px 0 4px 22px} .prenext_article dl.prev dd {display:block; float:left; width:636px; padding:10px 10px 6px 0} .prenext_article dl.next dt {float:left; width:38px; padding:9px 0 6px 22px} .prenext_article dl.next dd {display:block; float:left; width:636px; padding:6px 10px 10px 0} /* Table */ .table_a caption {padding:7px 0 8px 9px; border-top:1px solid #92A6C2; border-bottom:1px solid #fff; background-color:#F0F4FA; text-align:left;} .table_a th {padding:7px 0 8px 9px; background-color:#F9FBFD; font-weight:normal} .table_a td {padding:5px 0 4px 0; border-bottom:1px solid #EDEFF2; text-align:center;} .table_a th.alt {border-right:1px solid #fff} .table_a td.tdLeft {text-align:left;} .table_a td.tdLeft span {padding-left:4px} .table_b caption {display:none} .table_b thead th {padding:5px 0 4px 0; border-top:1px solid #92A6C2; border-bottom:1px solid #fff; background-color:#F0F4FA; text-align:left; font-weight:normal} .table_b thead th span {display:block; padding-left:10px; } .table_b thead th.th_top {border-bottom:none;} .table_b thead th.th_btm {border-top:none;} .table_b thead .th_bg th {border:none; background-color:#f5f8fc;} .table_b thead .th_bg .bg_r1 {border-right:1px solid #fff;} .table_b thead .th_line th {border-top:none; border-bottom:1px solid #edeff2; background-color:#fff;} .table_b tbody th {padding:5px 0 4px 0; background-color:#F9FBFD; border-bottom:1px solid #EDEFF2; text-align:left; font-weight:normal} .table_b tbody th span {display:block; padding-left:9px; line-height:14px;} .table_b tbody th.th_white {background-color:#fff;} .table_b tbody td { position:relative; text-align:left; border-bottom:1px solid #EDEFF2; } .table_b tbody .td_bd_r1 {border-right:1px solid #EDEFF2;} .table_b tbody td span {display:block; padding:5px 0 4px 8px; line-height:14px;} .table_b tbody td .td_right {padding-right:15px; text-align:right;} .table_b tbody td .td_grp {position:absolute; top:2px; left:59px;} .table_b tbody td .td_pd_r30 {padding-right:30px;} .table_b tbody .line td, .table_b tbody .line th {border-bottom:1px solid #C2CDDD} .table_b tbody .line_bg td, .table_b tbody .line_bg th {border-bottom:1px solid #C2CDDD} .table_b tbody .line_bg_rs {border-bottom:1px solid #C2CDDD} .table_b tbody .line_top td, .table_b tbody .line_top th {border-top:1px solid #92A6C2} .table_b tbody .line_total td, .table_b tbody .line_total th {border-top:1px solid #C2CDDD; border-bottom:1px solid #C2CDDD; background-color:#F9FBFD} .table_b tbody td span.alt {padding:0 0 8px 20px} /* List */ .list_title {position:relative;} .list_title .cp_btn {position:absolute; top:15px; right:0; _right:30px;} .list_title .cp_btn2 {position:absolute; top:28px; margin-left:5px;} .list_a.list_search {min-height:340px;_height:340px;} .list_a li.even {background-color:#F4F6F9; border-bottom:1px solid #EBEBEB;} .list_a li dl {overflow:auto; overflow:hidden;_display:inline-block;} .list_a li dt {height:22px; padding-top:8px; cursor:pointer;} .list_a li dt .titNo {display:block; float:left; padding-left:9px; padding-right:20px} .list_a li dt span.btn {display:block; float:right; width:10px; height:10px; margin:2px 10px 0 0;_margin-right:5px; background:url('/Images/Web/common/btn_plus_w.gif') no-repeat;} .list_a li dt span.btn_m {display:block; float:right; width:10px; height:10px; margin:2px 10px 0 0;_margin-right:5px; background:url('/Images/Web/common/btn_minus_w.gif') no-repeat;} .list_a li.even dt span.btn {background:url('/Images/Web/common/btn_plus_g.gif') no-repeat;} .list_a li.even dt span.btn_m {background:url('/Images/Web/common/btn_minus_g.gif') no-repeat;} .list_a li dd {display:none; padding:10px 20px 20px 75px;} .list_a.faq li dt {padding-left:40px; background:url('/Images/Web/common/icon_Q_w.gif') no-repeat 8px 10px; font-weight:bold; } .list_a.faq li.even dt {background:url('/Images/Web/common/icon_Q_g.gif') no-repeat 8px 10px;} .list_a.faq li dd {display:none; width:590px; padding:10px 20px 20px 72px; text-align:justify; background:url('/Images/Web/common/icon_A_w.gif') no-repeat 40px 12px;} .list_a.faq li.even dd {background:url('/Images/Web/common/icon_A_g.gif') no-repeat 40px 12px;} .list_a.faq li dd table{margin:7px 0;} .list_a.faq li dd table td{background-color:#fff;} /*btn_box*/ .btn_box_R {margin-top:15px; text-align:right;} .btn_box_C {margin-top:15px; text-align:center;} /*DAN*/ .dan_left {float:left; width:348px; margin-right:10px; text-align:justify} .dan_right {float:left; width:348px; text-align:justify} .dan3_1 {float:left; width:231px; margin-right:6px;} .dan3_1 h6 {margin:20px 0 7px 0;} .dan3_2 {float:left; width:232px; } .dan3_2 h6 {margin:20px 0 7px 0;} .dan4_1 {float:left; width:169px; margin-right:10px;} .dan4_2 {float:left; width:169px; } /* 110812 추가 */ .dan4_3 {clear:left; float:left} .dan4_3 dd {float:left} .dan4_3 dd.info_txt {padding:56px 0 0 15px} /* //110812 추가 */ /*Gr7 select country*/ dl.list_country {overflow:hidden; width:706px; margin:10px 0; background:url('/Images/Web/gr/bg_dlcountry.gif') 0 bottom no-repeat;} .list_country dt {float:left; width:150px; padding-left:20px; background:url('/Images/Web/gr/bg_dtcountry.gif') 0 top no-repeat;} .list_country dt.dtMt1 {padding-top:95px;} .list_country dt.dtMt2 {padding-top:27px;} .list_country dt.dtMt3 {padding-top:75px;} .list_country dt.dtMt4 {padding-top:5px;} .list_country dt.dtMt5 {padding-top:69px;} .list_country dt.dtMt6 {padding-top:67px;} .list_country dt.end {padding:10px 0 0;} .list_country dd {float:left; width:126px; margin:2px 0 0 8px;} .list_country dd li {background:url('/Images/Web/common/bul_02.gif') 0px 6px no-repeat; padding-left:8px;} /*Gr8 error*/ .bg_error {width:418px; height:238px; margin:100px auto 150px auto; padding:20px 0 0 20px; background:url('/Images/Web/gr/bg_error.gif') no-repeat; } .bg_error2 {width:418px; height:215px; margin:100px auto 150px auto; padding:20px 0 0 20px; background:url('/Images/Web/gr/bg_error2.gif') no-repeat; } .bg_error3 {width:418px; height:159px; margin:100px auto 150px auto; padding:20px 0 0 20px; background:url('/Images/Web/gr/bg_error3.gif') no-repeat; } .bg_error4{width:666px; height:253px; margin:100px auto 10px auto; padding:40px 0 0 40px; background:url('/Images/Web/gr/bg_error4.gif') no-repeat; } /*new-gnb-footer*/ #section-header {font-size:10px;line-height:12px;position:absolute;left:0;top:0;z-index:30;width:100%;height:49px;padding-top:11px;background:url('/Images/Web/main/new/bg-GNB.png') repeat-x left top;} #section-header h1, #section-header #nav-GNB {float:left;} #section-header .wrap-header {width:960px;margin:0 auto;} #section-header h1 {position:relative;z-index:50;margin-right:10px;margin-left:25px;font-size:0;line-height:0;} #nav-GNB {padding-top:13px;} #nav-GNB li.gnb {position:relative;float:left;height:34px;} #nav-GNB a.gnb {display:inline-block;position:relative;z-index:30;height:24px;padding:11px 8px 0 9px;background:none;font-weight:bold;font-family:'tahoma';color:#333;text-decoration:none;} #nav-GNB a.on {padding:10px 7px 0 8px;background:#fff;border:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom-color:#fff;color:#004a8d;} #nav-GNB #gnb-showroom a.on {background:#f7f7f7;border:1px solid #e6e6e6;;border-bottom-color:#f2f2f2;color:#004a8d;} #nav-GNB a.gnb:hover {color:#004a8d;} #nav-GNB #gnb-webzine a.gnb, #nav-GNB #gnb-korean a.gnb {color:#868e96;} #nav-GNB #gnb-webzine a.gnb:hover, #nav-GNB #gnb-korean a.gnb:hover {color:#004a8d;} #snb-showroom {display:none;position:absolute;z-index:20;left:-167px;top:35px;width:960px;background:url('/Images/Web/main/new/bg-SNB-showroom-02.png') no-repeat left bottom;font-size:0;line-height:0;} #snb-showroom .wrap-showroom {padding:11px 0 20px 0;background:url('/Images/Web/main/new/bg-SNB-showroom-01.gif') no-repeat left top;} #snb-showroom h2, #snb-showroom ul, #snb-showroom #article-passenger li, #snb-showroom #article-recreational li {float:left;} #snb-showroom h2 {margin-left:14px;_margin-left:7px;} #snb-showroom h2 span {display:inline-block;width:90px;padding-top:35px;font-weight:bold;font-size:12px;line-height:14px;color:#999;text-decoration:none;} #snb-showroom #article-passenger ul, #snb-showroom #article-recreational ul {width:846px;} #snb-showroom #article-passenger li, #snb-showroom #article-recreational li {text-align:center;cursor:pointer;} #snb-showroom #article-passenger li p, #snb-showroom #article-recreational li p {padding-bottom:8px;font-size:11px;line-height:13px;color:#666;} #snb-showroom #article-commercial {padding-top:20px;font-size:11px;line-height:18px;} #snb-showroom #article-commercial h2 {margin-right:10px;padding-top:22px;} #snb-showroom #article-commercial ul {width:121px;padding-left:21px;} #snb-showroom #article-commercial li a {color:#666;text-decoration:none;} #snb-showroom #article-commercial li a:hover {color:#0f5699;} #snb-showroom #article-passenger, #snb-showroom #article-recreational {width:960px;padding-bottom:5px;border-bottom:1px solid #e6e6e6;} #snb-showroom #article-recreational {padding-top:16px;} #snb-showroom #article-passenger h2 {padding-top:25px;} #snb-showroom #article-recreational h2 {padding-top:25px;} #snb-showroom #article-commercial h2 {} #snb-showroom #article-passenger h2 span {background:url('/Images/Web/main/new/ico-passenger.gif') no-repeat left top;} #snb-showroom #article-recreational h2 span {background:url('/Images/Web/main/new/ico-recreational.gif') no-repeat left top;} #snb-showroom #article-commercial h2 span {background:url('/Images/Web/main/new/ico-commercial.gif') no-repeat left top;} #nav-GNB .snb {display:none;position:absolute;z-index:20;left:-9px;top:35px;width:230px;font-size:11px;line-height:23px;} #nav-GNB .snb ul {width:219px;padding:10px 0 20px 11px;background:url('/Images/Web/main/new/bg-SNB.gif') no-repeat left top;} #nav-GNB .snb li {width:130px;padding-left:10px;border-bottom:1px solid #ececec;font-size:11px;} #nav-GNB .snb a {display:inline-block;width:100%;color:#666;text-decoration:none;} #nav-GNB .snb a:hover {color:#0f5699;} #nav-GNB #gnb-companyOverview div.snb {height:260px;background:url('/Images/Web/main/new/bg-SNB-companyOverview.png') no-repeat left bottom;} #nav-GNB #gnb-hyundaiExperience div.snb {height:260px;background:url('/Images/Web/main/new/bg-SNB-hyundaiExperience.png') no-repeat left bottom;} #article-search {float:right;padding:24px 0 0 0;} #article-search input {width:143px;_width:123px;height:14px;margin-right:2px;padding:0;border:0;border-bottom:1px solid #c6c8cc;background:none;font-size:10px;color:#999;} #section-footer {width:960px;margin:0 auto;} #article-sitemap {width:960px;margin:0 auto;padding:10px 0 40px 0;} #article-sitemap div.column {float:left;width:192px;} #article-sitemap h2 {margin-bottom:5px;font-size:12px;line-height:14px;} #article-sitemap h2 a {color:#6a6f73;text-decoration:none;} #article-sitemap h2 a:hover {color:#386fbb;text-decoration:underline;} #article-sitemap li {font-weight:bold;font-size:11px;line-height:15px;} #article-sitemap li a {color:#999;text-decoration:none;} #article-sitemap li a:hover {color:#386fbb;text-decoration:underline;} #article-footer {width:960px;margin:0 auto;padding:3px 0 50px 0;border-top:1px solid #d9d9d9;font-size:8.25px;line-height:9px;} #article-footer p, #article-footer ul, #article-footer li {float:left;} #article-footer ul {float:right;padding-left:1px;} #article-footer li {padding:0 5px;background:url('/Images/Web/common/line-footer-gray.gif') no-repeat left 10%;} #article-footer li a {padding-top:2px;color:#919699;text-decoration:none;} #article-footer li a:hover {color:#808080;text-decoration:underline;} #article-footer li#rss, #article-footer li#bookmark, #article-footer li#addTo, #article-footer li#ft-korean {padding:0;margin-top:-1px;background:none;font-size:0;line-height:0;} #article-footer li.first {padding-right:5px;background:none;} #article-footer li#rss {margin-left:25px;} #article-footer li#bookmark {margin-left:13px;} #article-footer li#addTo {margin-left:10px;} #article-footer li#ft-korean {margin-left:10px;} .clearFloat {*zoom:1;} .clearFloat:after {content:'';display:block;clear:both;height:0;visibility:hidden;} /* 2011-03-18 추가 */ .table_b tbody td span.pL10 {display:block; padding:1px 0 1px 10px; line-height:14px;} /* 2011-03-21 추가 */ .table_b thead th.txtRight {padding-right:15px; text-align:right;} /* SA Gate */ .sa-gate{background:none} .sa-gate #wrap{width:1024px; height:768px; background:url('/Images/Web/sa/bg-sagate.jpg') no-repeat} .sa-gate h1{padding:16px 0 0 16px} .sa-gate #container{padding:11px 0 0 367px} .sa-gate h2, .sa-gate #content{float:left} .sa-gate #content{height:167px; margin:4px 0 0 10px; padding-left:19px; background:url('/Images/Web/sa/bg-line.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Web/sa/bg-line.png',sizingMethod='crop')} .sa-gate #content p{margin:9px 0 15px} .sa-gate #content dl{width:260px} .sa-gate #content dt, .sa-gate #content dd{float:left; margin-top:11px} .sa-gate #content dt{clear:left; margin-right:18px;} /* //SA Gate */ /* 110811 추가/수정 */ /* SA Gate Elantra */ .gate_elantra #wrap{background:url('/Images/Web/sa/elantra/bg-sagate.jpg') no-repeat} .gate_elantra #container{padding:12px 0 0 333px} .gate_elantra #content{height:170px; margin:3px 0 0 22px; padding-left:19px; background:url('/Images/Web/sa/elantra/bg-line.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Web/sa/elantra/bg-line.png',sizingMethod='crop')} /* SA Gate Azera */ .gate_azera #wrap{background:url('/Images/Web/sa/azera/bg-sagate.jpg') no-repeat} .gate_azera #container{padding:10px 0 0 351px} .gate_azera #content{height:172px; margin:0 0 0 27px; padding:5px 0 0 19px; background:url('/Images/Web/sa/azera/bg-line.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Web/sa/azera/bg-line.png',sizingMethod='crop')} /* //110811 추가/수정 */ /* 111019 추가 */ /* SA Gate Centennial */ .gate_centennial #wrap{background:url('/Images/Web/sa/centennial/bg-sagate.jpg') no-repeat} .gate_centennial h1{padding:16px 0 0 25px} .gate_centennial #container{padding:22px 0 0 393px} .gate_centennial #content{height:172px; margin:0 0 0 29px; padding:4px 0 0 19px; background:url('/Images/Web/sa/centennial/bg-line.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Web/sa/centennial/bg-line.png',sizingMethod='crop')} /* //111019 추가 */