@charset "utf-8"; /************************************************************************ * filename : main.css * description : initialize property * date : 2010.03.02 ************************************************************************/ #wrap {width:1200px} #footer { position:relative; width:100%; margin-bottom:30px; /*260201_웹폰트_프리텐다드추가*/ font-family: "Pretendard Variable", Pretendard, sans-serif; } #content_module {width:960px; height:100%; overflow:auto; overflow:hidden} #content_module #main_module {position:relative; float:left; width:720px; margin:0; overflow:hidden; z-index:1} #content_module #side_module {float:right; width:240px; overflow:hidden} #content_module #add_module {float:left; clear:both; width:720px; } #content_module #bg_keyword_module {display:none; position:absolute; left:240px; top:80px; width:960px; background:white; filter:alpha(opacity=100); opacity:100/100; z-index:100} #content_module #keyword_module {display:none; position:absolute; left:240px; top:80px; height:455px; overflow:hidden; z-index:101} #content_module .module_area {float:left; padding:0 10px 10px 0} #content_module .module_area img {display:block} #area_0 {position:absolute; left:0; top:0; z-index:50} #area_1 {position:absolute; left:240px; top:0; z-index:49} #area_2 {position:absolute; left:480px; top:0; z-index:48} #area_3 {position:absolute; left:0; top:155px; z-index:47} #area_4 {position:absolute; left:240px; top:155px; z-index:46} #area_5 {position:absolute; left:480px; top:155px; z-index:45} #area_6 {position:absolute; left:0; top:310px; z-index:44} #area_7 {position:absolute; left:240px; top:310px; z-index:43} #area_8 {position:absolute; left:480px; top:310px; z-index:42} #area_9 {position:absolute; left:0; top:465px; z-index:41} #area_10 {position:absolute; left:240px; top:465px; z-index:40} #area_11 {position:absolute; left:480px; top:465px; z-index:39} #area_12 {z-index:38} #area_13 {z-index:37} #area_14 {z-index:36} #gnb {width:500px !important} .left_util {position:relative; float:left; width:948px; height:39px; border:1px solid #D9D9D9; border-top:0 none} .left_util h1 {display:inline; height:13px !important; margin:0; padding:0} .left_util h1 a {display:inline-block; height:13px; margin:3px 0 0 8px; padding:10px; font-size:0; line-height:0} .left_util ul {position:absolute; left:240px; top:10px} .left_util ul li {float:left; padding:0 11px; border-left:1px solid #E1E2E7} .left_util ul li.alt {padding-left:4px; border-left:0 none} .left_util ul li img {display:block} .left_util .p_cart {position:absolute; right:20px; top:13px; color:#333; font:bold 12px Tahoma; letter-spacing:-1px; text-align:right} .left_util .p_cart img {padding:1px 8px 0 0; vertical-align:middle} .right_util {position:relative; float:right; width:230px; height:39px; margin-right:10px; _margin-right:5px; border:1px solid #D9D9D9; border-top:0 none; z-index:900} .right_util ul {margin:11px 0 0 14px} .right_util li {float:left} .right_util li.alt {width:115px; margin:0 0 0 7px; padding-left:6px; border-left:1px solid #E1E2E7; text-align:right} @-moz-document url-prefix() { .right_util li.alt {width:115px; margin:-4px 0 0 7px; padding-left:6px; border-left:1px solid #E1E2E7; text-align:right;} } .right_util li a {display:block; padding:6px 6px} #header .language {position:absolute; right:10px; top:40px; overflow:hidden; *z-index:-1} #header .language span {display:block; float:left; height:25px; margin-right:10px; padding-top:5px; color:#9DA4AF; font-size:11px; letter-spacing:-1px} #header .language em {color:#667180; font:normal 11px "돋움";} #header .language a {display:block; float:left; margin-left:-1px; padding:10px 9px; background:url('') no-repeat 0 12px} #header .language a.alt {background:0 none} #id_macookie {position:absolute; right:10px; top:66px; z-index:900} . .tablist_wrap li input {border:0 none;vertical-align:top; line-height:0; font:0} .con_wrap_left {width:240px; float:left} .module_left {position:relative; width:228px; height:143px; margin-bottom:10px; border:1px solid #CCC; z-index:10} .module_left h2 {margin:15px 17px 11px; font-size:0; line-height:0} .module_left .jump_service {width:198px; padding-left:17px;} .module_left .jump_service ul {width:198px; overflow:auto; overflow:hidden} .module_left .jump_service ul li {float:left; width:50%; height:18px} .module_left .jump_service ul li a {display:block; height:18px} .module_left .jump_service ul li.etc {width:100%} .module_left .siteguide {width:198px; margin:0 0 0 17px; border-top:1px dashed #E6E6E6} .module_left .siteguide a {display:block; padding:9px 0} .module_event {position:relative; width:230px; height:243px; overflow:hidden} .module_event .flag_btn {} /* 111019_eunso */ .module_event h2 {height:10px; margin:20px 0 0 17px; padding:0 0 0; font-size:0; line-height:0; border:0 none} .module_event h2 img {vertical-align:top} .module_event h2 a {display:inline-block; margin:-3px 0 0 5px; padding:3px} .module_event .flag_btn {} /* 111108_eunso */ .module_event .flag_btn a {float:left; display:inline-block} .module_event_fit {width:228px; height:258px !important; border:1px solid #CCC; overflow:visible} .module_event_fit .util_flag_bl, .module_event_fit .util_flag_br {_bottom:-1px} .module_event_fit h2 {width:195px; height:21px; margin:0; padding:12px 16px 0 17px; *padding-top:11px; color:#333; font:normal 12px "돋움" !important; letter-spacing:-1px; border-bottom:1px solid #CCC; line-height:14px} .module_event_fit h2 img {margin-top:-2px} .module_event_fit h2 .more {display:inline; margin:0; padding:0} .module_event_fit h2 .more img {} /* 111019_eunso */ .module_news .util_flag_bl, .module_news .util_flag_br {_bottom:-1px} .module_news {position:relative; height:28px} .module_news h2 {margin:0; padding:10px 0 0 17px} .module_news div {position:absolute; left:42px; top:8px; width:142px; height:12px; overflow:hidden} .module_news ul li {height:12px; line-height:12px} .module_news ul li a {color:#999; font:normal 11px "돋움"; letter-spacing:-1px} .btn_more {margin:-11px 12px 0 0; text-align:right} .btn_more img {display:inline-block; margin-top:-3px; padding:3px} .flag_memgrade {position:absolute; left:20px; top:-3px} .flag_btn {} /*111020_eunso*/ .flag_btn a {margin-left:2px} .d_panel_blue_main {position:relative; width:219px; height:46px; padding:16px 0 0 16px; background:url('') no-repeat; z-index:10} .d_panel_blue_main label {display:block; width:198px; height:22px; background:url('') no-repeat} .d_panel_blue_main label input {float:left; width:167px; height:16px; padding:6px 4px 0; border:0 none; background:transparent; color:#999; font:normal 11px "돋움"; letter-spacing:-1px} .d_panel_blue_main label .btn_ts {float:right; display:inline-block; width:23px; height:22px; padding:0} .module_left_main {width:228px; margin-bottom:10px; border:1px solid #CCC; z-index:10} /*111020_eunso*/ .module_left_main h2 {margin:15px 17px 10px 17px; font-size:0; line-height:0; padding-bottom:10px; border-bottom:1px solid #ccc} .module_left_main .jump_service {width:198px; margin-bottom:10px; padding-left:17px;} /*111020_eunso*/ .module_left_main .jump_service ul li {float:left; height:18px} .module_left_main .jump_service ul li a {display:block; height:18px} .module_left_main .jump_service ul li.sv1 {width:111px;} .module_left_main .jump_service ul li.sv2 {width:87px;} .module_event_main {position:relative; width:230px; height:280px; overflow:hidden} .module_event_main .flag_btn {top:-24px} .module_event_main h2 {height:10px; margin:20px 0 0 17px; padding:0 0 0; font-size:0; line-height:0; border:0 none} .module_event_main h2 img {vertical-align:top} .module_event_main h2 a {display:inline-block; margin:-3px 0 0 5px; padding:3px} .module_event_main .flag_btn {left:11px; top:244px} .module_event_main .flag_btn a {float:left; display:inline-block} .module_left_main02 {position:relative; width:228px; height:205px; margin-bottom:10px; border:1px solid #CCC; z-index:10} .module_left_main02 h2 {margin:15px 17px 5px 17px; font-size:0; line-height:0; padding-bottom:5px} .module_left_main02 .jump_service {width:198px; margin-bottom:10px; padding-left:17px; overflow:hidden} .module_left_main02 .jump_service ul {width:198px; overflow:auto; overflow:hidden} .module_left_main02 .jump_service ul li {float:left; height:18px} .module_left_main02 .jump_service ul li a {display:block; height:18px} .module_left_main02 .jump_service ul li.sv1 {width:111px;} .module_left_main02 .jump_service ul li.sv2 {width:87px;} .flag_btn02 {position:absolute; left:192px; top:-25px; height:18px} /* privatemodule */ h3.h3_allpay {color:#333; font:bold 13px Tahoma; letter-spacing:-1px; line-height:12px} h3.h3_allpay img {display:inline !important; float:none !important; margin:1px 0 0 1px; vertical-align:top} .d_privatemodule {width:950px; margin:0 0 10px; overflow:hidden} .d_privatemodule h2 {float:none !important; height:11px; margin:0 !important; padding:2px 0 15px !important; overflow:auto; overflow:hidden} .d_privatemodule h3 {height:11px; padding:2px 0 18px} .d_privatemodule h2 img, .d_privatemodule h3 img {float:left} .d_privatemodule h2 em, .d_privatemodule h3 em {float:left; margin-left:10px; color:#999; font:normal 11px "돋움"} .d_privatemodule .more img {display:inline-block; margin-top:-3px; padding:3px} .d_privatemodule h2 .more img, .d_privatemodule h3 .more img {float:right; margin-top:-3px; padding:3px} .d_privatemodule h2 .btn_link, .d_privatemodule h3 .btn_link {float:right; margin:-1px 20px 0 0} .d_privatemodule img.mt_10 {margin-top:-16px !important} .d_privatemodule .d_welcome {position:relative; height:130px; padding:25px 0 0 138px; color:#333} .d_privatemodule .d_welcome blockquote {margin:10px 0 20px} .d_privatemodule .d_welcome.mem_default {height:120px; padding-top:35px} .d_privatemodule .mem_default_info {margin-top:-20px} .d_privatemodule .mem_default_info .list_mahome li {width:320px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .d_privatemodule .d_justforu {position:absolute; right:-12px; top:25px; width:231px; height:150px; padding-left:20px} .d_privatemodule .d_justforu h2 {height:11px; padding:0 0 15px !important} .d_privatemodule .d_justforu ul {margin-left:-10px} .d_privatemodule .d_justforu li {float:left; margin-right:2px} .d_privatemodule .d_urmodule {float:left; width:665px; z-index:0} .d_privatemodule .d_urmodule a {position:relative; margin-right:44px} .d_privatemodule .d_inqurynuse {width:950px; margin-bottom:10px; padding:0 0 0 20px; background:url('') no-repeat} .d_privatemodule .d_inqurynuse .d_inqurynuse_con {width:950px; height:126px; padding-top:19px; background:url('') no-repeat -20px top; overflow:hidden} .d_privatemodule .d_inqurynuse_inner {float:left; width:200px; height:106px; margin-right:20px; padding-left:20px; border-left:1px solid #E6E6E6} .d_privatemodule .ico_no {margin-top:6px} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 {float:left; width:461px} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 h2 .more img {float:left; margin-left:20px} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 dl {width:226px; margin-top:10px; overflow:auto; overflow:hidden} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 dl.list_affl {margin-top:0} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 dt {float:left; clear:both; width:52px; height:14px; background:url('') no-repeat right 3px; color:#999; font:normal 11px "돋움"} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 .list_affl dt {height:19px; background:0 none; color:#333} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 .list_affl dd {height:19px} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 dd {float:left; width:170px; height:14px; padding-left:4px; color:#999; font:normal 11px "돋움"; white-space:nowrap; overflow:hidden} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 dd a {display:inline-block; margin-top:-4px; padding:3px; vertical-align:middle} .d_privatemodule .d_myhome {width:930px; height:455px; padding:0 0 10px 20px; background:url('') no-repeat 0 -155px} .d_privatemodule .d_myhome .d_myhome_con {width:950px; height:; padding-top:19px; background:url('') no-repeat -20px -155px; overflow:hidden} .d_privatemodule .d_myhome_inqury {height:145px !important; margin-bottom:0 !important; background:url('') no-repeat 0 -620px} .d_privatemodule .d_myhome_inqury .d_myhome_inqury_con {height:130 !important; padding-top:15px; background:url('') no-repeat -20px -620px} .d_privatemodule .d_myhome_inqury .d_inqurynuse_inner, .d_privatemodule .d_myhome_inqury .d_inqurynuse_inner2, .d_privatemodule .d_myhome_inqury .d_inqurynuse_inner3 {height:116px !important} .d_privatemodule .d_myhome_inqury .inner1 {background:0 none !important} .d_privatemodule .d_myhome .d_inqurynuse_inner {float:left; width:236px; height:416px; margin:0; padding:0; border-left:1px solid #E6E6E6; overflow:hidden} .d_privatemodule .d_myhome .d_inqurynuse_inner3 {float:left; width:236px; height:416px; margin:0; padding:0; border-left:1px solid #E6E6E6; overflow:hidden} .d_privatemodule .d_myhome .d_inqurynuse_inner2 {float:left; width:207px; height:416px; margin:0; padding:0 0 0 10px !important; border-left:0 none} .d_privatemodule .d_myhome .d_inqurynuse_inner2 h2 {height:100px} .d_privatemodule .d_myhome .inner1 {height:116px; padding:0 20px; background:url('') repeat-x 0 bottom} .d_privatemodule .d_myhome .inner1b {height:269px; padding:0 20px; background:url('') repeat-x 0 bottom} /* 110106 */ .d_privatemodule .d_myhome .inner2 {height:131px; padding:22px 20px 0; background:url('') repeat-x 0 bottom} /* 110106 */ .d_privatemodule .d_myhome .inner3 {height:143px; padding:22px 20px 0} .d_privatemodule .d_myhome .inner_bg {background-color:#F7F8F9} .d_privatemodule .d_myhome .p_btn {margin:15px 0 20px} .d_privatemodule .list_mahome li {width:199px; color:#333; font:normal 11px "돋움"; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:auto; overflow:hidden} .d_privatemodule .list_mahome li em {display:inline-block; margin:1px 5px 0 0; padding:0 5px 0 0; background:url('') no-repeat right 3px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; line-height:16px} .d_privatemodule .list_mahome li span {color:#333; font-size:11px; line-height:14px} .d_privatemodule .list_mahome li span.t_point_org {color:#EE8F09} .d_privatemodule .list_mahome li span.fl_right {*margin-top:-16px; font-size:11px} .d_privatemodule dl {width:226px; overflow:auto; overflow:hidden} .d_privatemodule dt {float:left; clear:both; width:52px; height:19px; color:#333; font:normal 11px "돋움"} .d_privatemodule dd {float:left; width:170px; height:19px; padding-left:4px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; white-space:nowrap; overflow:hidden} .d_privatemodule dd a {display:inline-block; margin-top:-4px; padding:3px; vertical-align:middle} .d_privatemodule .d_myhome dt {float:left; clear:both; width:50px; height:18px; padding-top:1px; color:#333; font:normal 11px "돋움"; letter-spacing:-1px} .d_privatemodule .d_myhome dd {float:left; width:150px; height:19px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; white-space:nowrap; overflow:hidden} .d_privatemodule .d_myhome dd a {display:inline-block; margin-top:-4px; padding:3px; vertical-align:middle} .d_privatemodule .d_myhome .list_optservice .yscroll {height:100px} .d_privatemodule .d_myhome .list_optservice .yscroll.h85 {height:85px} .d_privatemodule .d_myhome .list_optservice .yscroll .line_dash_lgray {width:168px; height:1px; margin:5px 0; padding:0; background:url('') no-repeat 0 bottom; line-height:1px} .d_privatemodule .d_myhome .list_optservice .yscroll .btn_link {background-image:url(''); color:#999; line-height:13px} .d_privatemodule .go_link {position:absolute; left:0; top:92px} .d_privatemodule .btn_link {display:inline-block; margin:0 10px 7px 0; padding-right:8px; background-image:url(''); background-repeat:no-repeat; background-position:right 2px; white-space:nowrap} .d_privatemodule .d_infobysome {width:930px; height:30px; padding:0 0 10px 20px; background:url('') no-repeat} .d_privatemodule .d_infobysome .d_infobysome_con {width:910px; height:25px; padding:5px 0 0 0; background:url('') no-repeat -20px top; overflow:hidden} .d_privatemodule .d_infobysome h2 {float:left !important; width:182px; padding:4px 0 0 !important} .d_privatemodule .d_infobysome h2.free_sms {height:23px; padding-top:0 !important} .d_privatemodule .d_infobysome .free_sms .t_desc04 {margin-right:10px; color:#333; vertical-align:middle} .d_privatemodule .d_infobysome div {float:left; width:725px; padding-top:2px; color:#999; font:normal 11px "돋움"} .d_privatemodule .d_infobysome .myfamservice h2 {width:112px !important} .d_privatemodule .d_infobysome .myfamservice div {width:795px !important; letter-spacing:-1px} .d_privatemodule .d_infobysome .fs_service h2 {width:112px !important} .d_privatemodule .d_infobysome .fs_service div {width:795px !important; letter-spacing:-1px} /* 100927 */ .d_privatemodule .d_infobysome div .btn_link {margin-top:2px} .d_privatemodule .d_infobysome div .btn {margin-top:-2px} .d_privatemodule .d_infobysome.nocontents {visibility:hidden; height:0; margin-bottom:-20px; font-size:0; line-height:0; overflow:hidden} .d_inqurynuse_inner.list_emailzone .t_desc03 {margin-top:20px} .d_privatemodule .d_myhome_inqury_new {height:200px !important; margin-bottom:0 !important; background:url('') no-repeat 0 -620px} .d_privatemodule .d_myhome_inqury_new .d_myhome_inqury_con {height:200 !important; padding-top:15px; background:url('') no-repeat -20px -620px} .d_privatemodule .d_myhome_inqury_new .d_inqurynuse_inner, .d_privatemodule .d_myhome_inqury_new .d_inqurynuse_inner2, .d_privatemodule .d_myhome_inqury_new .d_inqurynuse_inner3 {height:165px !important} .d_privatemodule .d_myhome_inqury_new .inner1 {background:0 none !important} .d_privatemodule .d_myhome .list_optservice_new .yscroll {height:140px} .d_privatemodule .d_myhome .list_optservice_new .yscroll.h145 {height:130px} .d_privatemodule .d_myhome .list_optservice_new .yscroll .line_dash_lgray {width:168px; height:1px; margin:5px 0; padding:0; background:url('') no-repeat 0 bottom; line-height:1px} .d_privatemodule .d_myhome .list_optservice_new .yscroll .btn_link {background-image:url(''); color:#999; line-height:13px} .d_privatemodule .change_member {position:absolute; top:98px; left:400px} /* 20120614 */ .list_optservice_new {} .list_optservice_new .yscroll {height:76px; overflow:auto; overflow-x:hidden} .list_optservice_new .yscroll li {height:20px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; overflow:hidden} .list_optservice_new .yscroll li a.a_point {display:inline-block; padding:0 0 1px} .list_optservice {} .list_optservice .yscroll {height:76px; overflow:auto; overflow-x:hidden} .list_optservice .yscroll li {height:20px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; overflow:hidden} .list_optservice .yscroll li a.a_point {display:inline-block; padding:0 0 1px} .ico_using {display:inline-block; width:34px; height:15px; margin-right:4px; background:url('') no-repeat; vertical-align:middle} .ico_using.not {background-position:left bottom} .ico_using em {position:absolute; top:-5000px; left:-5000px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden} .ico_m_no {position:absolute; left:0; top:18px; display:block; width:45px; height:31px; background:url('') no-repeat; font-size:0; line-height:0; overflow:hidden; cursor:pointer} .ico_m_no2 {background-position:left bottom} .cardname {height:20px; color:#333; font-weight:bold; letter-spacing:-1px} .list_card_forsome .p_photo {float:left; margin:10px 5px 0 0} .list_card_forsome .p_tit {float:right; width:114px; height:50px; margin-top:18px; color:#333; line-height:14px; word-break:keep-all; overflow:hidden} .list_card_forsome .p_tit a {color:#333} .list_card_forsome .p_txt {clear:both; width:190px; height:44px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; line-height:14px; overflow:hidden} .flag_urcard {right:0; top:-17px} .flag_bestaffl {right:23px; top:12px} .flag_emailzone {right:0; top:59px} .flag_myhome {right:0; top:204px} /* 수정 101021 */ .flag_myhome_in {right:10px; top:50px} .flag_cashloan {right:0; top:5px} .flag_forsome1 {right:0; _right:-1px; top:0} .flag_forsome2 {right:-20px; top:55px} .flag_forsome3 {right:-5px; top:10px} .flag_gift {position:absolute; right:0; top:-16px; font:normal 11px "돋움"} .flag_fs {position:absolute; right:0; top:-20px; font:normal 11px "돋움"} /* 100927 */ .d_inqurynuse_con .lh16 {height:16px} /* resolution_1024 */ .d_privatemodule.res1024 .flag_additional img {display:none} .d_privatemodule.res1024 {width:710px !important} .d_privatemodule.res1024 .clfix {width:730px; overflow:hidden} .d_privatemodule.res1024 .d_urmodule {width:520px !important} .d_privatemodule.res1024 .d_inqurynuse {width:690px !important} .d_privatemodule.res1024 .d_inqurynuse .d_inqurynuse_con {width:710px !important; background-position:-260px top !important} .d_privatemodule.res1024 .d_inqurynuse .d_inqurynuse_inner2 {width:221px !important} .d_privatemodule.res1024 .d_urmodule a {margin-right:15px !important} .d_privatemodule.res1024 .d_infobysomed_infobysome {width:690px; border:0 none} .d_privatemodule.res1024 .d_infobysome .d_infobysome_con {width:690px; background-position:-260px top !important} .d_privatemodule.res1024 .d_infobysome .d_infobysome_con div {width:485px !important} .d_privatemodule.res1024 .d_infobysome .myfamservice div {width:555px !important} .d_privatemodule.res1024 .d_infobysome .fs_service div {width:555px !important} /* 100927 */ .d_privatemodule.res1024 .d_myhome {width:690px !important; background-position:0 -155px} .d_privatemodule.res1024 .d_myhome .d_myhome_con {width:710px !important; height:436px; background-position:-260px -155px !important} .d_privatemodule.res1024 .d_myhome .inner3 {width:190px} .d_privatemodule.res1024 .d_myhome_inqury {width:690px !important; background-position:0 -620px} .d_privatemodule.res1024 .d_myhome_inqury .d_myhome_inqury_con {width:710px !important; height:130px !important; background-position:-260px -620px !important} .d_privatemodule.res1024 .d_myhome .d_inqurynuse_inner2 {display:none} .d_privatemodule.res1024 .d_myhome .d_inqurynuse_inner {width:235px} .d_privatemodule.res1024 .d_myhome .d_inqurynuse_inner3 {width:241px; margin-left:-21px} .d_privatemodule.res1024 .d_myhome_inqury_new {width:690px !important; background-position:0 -620px} .d_privatemodule.res1024 .d_myhome_inqury_new .d_myhome_inqury_con {width:710px !important; height:200px !important; background-position:-260px -620px !important} .d_privatemodule.res1024 .change_member {position:absolute; top:85px; left:305px} /* 20120614 */ .box_module {position:relative; width:228px; margin-bottom:10px; border:1px solid #D9D9D9} .d_panel_additional {width:195px; height:268px; padding:15px 0 15px 15px} .selectbox_service {display:inline-block; position:relative; *float:none; width:197px; height:22px; background:url('') no-repeat; cursor:pointer; z-index:499} .selectbox_service .btn {position:absolute; right:-6px; top:0; width:23px; height:22px; background:url('') no-repeat right top} .selectbox_service a.default {height:22px; font-size:11px; line-height:22px} .selectbox_service .childlayer {top:22px} .selectbox_service ul {padding:0 0 6px} .selectbox_service ul li a {height:22px; padding:0 0 0 9px; font-size:11px; line-height:22px} /*#footer:after {content:"."; display:block; clear:both; height:0; visibility:hidden} #footer .ci {float:left; width:222px; margin-top:21px; padding-left:18px} #footer .fl_right {width:left; width:940px; margin-top:25px; overflow:hidden} #footer .list_footer {width:100%; margin-left:-10px; overflow:auto; overflow:hidden} #footer li {float:left; padding-left:1px; padding-left:3px; background:url('') no-repeat 0 center; line-height:0} #footer li a {display:inline-block; height:13px; padding:0 3px} #footer li span {display:inline-block; height:13px; padding:0 3px} #footer .list_footer2 {width:920px; margin:16px 0 0px -8px; overflow:auto; overflow:hidden} #footer .list_footer2 li {padding-left:1px; background:url('') no-repeat 0 center} #footer .list_footer2 li a {height:9px; padding:3px 7px} #footer .list_footer2 li span {height:9px; padding:3px 7px}*/ #footer .list_footer4 {width:920px; margin:16px 0 0px -8px; overflow:auto; overflow:hidden} #footer .list_footer4 li {padding-left:1px; background:url('') no-repeat 0 center} #footer .list_footer4 li a {height:9px; padding:3px 7px} #footer .list_footer4 li span {height:9px; padding:3px 7px} #footer .family_site {position:absolute; right:20px; bottom:64px} #footer .list_footer3 {width:920px; margin:0px 0 16px -8px; overflow:auto; overflow:hidden} /* 110215*/ #footer .list_footer3 li {padding-left:1px; background:url('') no-repeat 0 center} /* 110215*/ #footer .list_footer3 li a {height:9px; padding:3px 7px} /* 110215*/ #footer .list_footer3 li span {height:9px; padding:3px 7px} /* 110215*/ #pop_l_mamenu {position:absolute; left:40%; top:200px; width:235px; height:153px; z-index:9999} .layer_mamenu {width:235px; height:153px; background:url('') no-repeat 0 bottom; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop'); text-align:center} .layer_mamenu p {width:230px; height:33px; padding-top:45px; text-align:center} /* 자동완성 */ .d_panel_blue .auto_complete {position:absolute; left:16px; top:122px; width:197px; z-index:10} .d_panel_blue .auto_complete_top {position:relative; width:197px; margin-top:-5px; *margin-top:-14px; padding:3px 0 0; border-bottom:1px solid #9DA4AF; background:white url('') no-repeat; overflow:auto; overflow:hidden; visibility:hidden} .d_panel_blue .auto_complete .auto_complete_iframe {margin:0; padding:0} .d_panel_blue .auto_complete .auto_complete_iframe iframe {margin:0; padding:0} .d_panel_blue .auto_complete input.btn_direction, .d_panel_blue .auto_complete input.btn_direction_off {position:relative; float:right; clear:both; width:15px; height:17px; margin:-12px 24px 0 0; border:0 none; cursor:pointer; z-index:13} .d_panel_blue .auto_complete input.btn_direction {background:url('') no-repeat -15px 0} .d_panel_blue .auto_complete input.btn_direction_off {background:url('') no-repeat 0 0} .hot_card .auto_complete_inner {position:relative; width:195px; border-left:1px solid #9DA4AF; border-right:1px solid #9DA4AF; background:white; z-index:12} .hot_card .auto_complete_inner p {width:173px; margin:4px 0 0 1px; padding:9px 10px 0; border-top:1px solid #E6E6E6; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; line-height:18px; overflow:auto; overflow:hidden} .hot_card .auto_complete_inner p strong {display:block; float:left; color:#667180} .hot_card .auto_complete_inner p a {position:absolute; right:11px; bottom:5px; color:#333} .hot_card .auto_complete_inner p.auto_alert {border-top:0 none; color:#666; font-size:12px; text-align:center} .hot_card .auto_complete_inner .yscroll {width:179px; height:auto; margin:0 7px 0 3px; padding:2px 0; overflow:hidden} .hot_card .auto_complete_inner .yscroll li a {display:block; width:189px; padding-left:5px; height:21px; line-height:21px; text-decoration:none} .hot_card .auto_complete_inner .yscroll li a:hover {background:#F6F7F8} .hot_card .auto_complete_inner .yscroll li a .t_keyword {color:#333} .hot_card2 {top:132px !important; *top:142px !important; _top:146px !important} .hot_card2 .auto_complete_inner {position:relative; width:195px; border-left:1px solid #9DA4AF; border-right:1px solid #9DA4AF; background:white; z-index:12} ul.hot_card {margin-bottom:-2px} ul.hot_card li {width:185px; padding:5px; border-bottom:1px solid #E6E6E6; overflow:auto; overflow:hidden} ul.hot_card li .p_photo {float:left; display:block; width:58px} ul.hot_card li .p_desc {float:left; width:123px} ul.hot_card li .p_tit {padding:3px 0 8px; color:#333; font:normal 11px "돋움"} ul.hot_card li.onlytxt .p_photo {width:0 !important; height:0 !important; font-size:0; line-height:0; display:none} ul.hot_card li.onlytxt .p_desc {width:184px !important} ul.hot_card li.onlytxt .p_txt {width:184px !important} ul.hot_card li.onlytxt .p_txt li {width:178px !important; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; overflow:hidden} ul.hot_card .p_txt li {width:116px; padding:0 0 2px 7px; border-bottom:0; background:url('') no-repeat 0 4px; color:#999; font:normal 11px "돋움"; line-height:14px} /* 자동완성_main 110406 */ .d_panel_blue_main .auto_complete {position:absolute; left:16px; top:20px; width:197px; z-index:10} .d_panel_blue_main .auto_complete_top {position:relative; width:197px; margin-top:-5px; *margin-top:-15px; _margin-top:-15px; padding:3px 0 0; border-bottom:1px solid #9DA4AF; background:white url('') no-repeat; overflow:auto; overflow:hidden; visibility:hidden} /* 110419 */ .d_panel_blue_main .auto_complete .auto_complete_iframe {margin:0; padding:0} .d_panel_blue_main .auto_complete .auto_complete_iframe iframe {margin:0; padding:0} .d_panel_blue_main .auto_complete input.btn_direction, .d_panel_blue_main .auto_complete input.btn_direction_off {position:relative; float:right; clear:both; width:15px; height:17px; margin:0px 24px 0 0; border:0 none; cursor:pointer; z-index:13} /* 110419 */ .d_panel_blue_main .auto_complete input.btn_direction {background:url('') no-repeat 0 0} /* 110419 */ .d_panel_blue_main .auto_complete input.btn_direction_off {background:url('') no-repeat 0 0} .hot_card_main .auto_complete_inner {position:relative; width:195px; border-left:1px solid #9DA4AF; border-right:1px solid #9DA4AF; background:white; z-index:12} .hot_card_main .auto_complete_inner p {width:173px; margin:4px 0 0 1px; padding:9px 10px 0; border-top:1px solid #E6E6E6; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; line-height:18px; overflow:auto; overflow:hidden} .hot_card_main .auto_complete_inner p strong {display:block; float:left; color:#667180} .hot_card_main .auto_complete_inner p a {position:absolute; right:11px; bottom:5px; color:#333} .hot_card_main .auto_complete_inner p.auto_alert {border-top:0 none; color:#666; font-size:12px; text-align:center} .hot_card_main .auto_complete_inner .yscroll {width:179px; height:auto; margin:0 7px 0 3px; padding:2px 0; overflow:hidden} .hot_card_main .auto_complete_inner .yscroll li a {display:block; width:189px; padding-left:5px; height:21px; line-height:21px; text-decoration:none} .hot_card_main .auto_complete_inner .yscroll li a:hover {background:#F6F7F8} .hot_card_main .auto_complete_inner .yscroll li a .t_keyword {color:#333} .hot_card2_main {top:42px !important; *top:52px !important; _top:51px !important} /* 110419 */ .hot_card2_main .auto_complete_inner {position:relative; width:195px; border-left:1px solid #9DA4AF; border-right:1px solid #9DA4AF; background:white; z-index:12} ul.hot_card_main {margin-bottom:-2px} ul.hot_card_main li {width:185px; padding:5px; border-bottom:1px solid #E6E6E6; overflow:auto; overflow:hidden} ul.hot_card_main li .p_photo {float:left; display:block; width:58px} ul.hot_card_main li .p_desc {float:left; width:123px} ul.hot_card_main li .p_tit {padding:3px 0 8px; color:#333; font:normal 11px "돋움"} ul.hot_card_main li.onlytxt .p_photo {width:0 !important; height:0 !important; font-size:0; line-height:0; display:none} ul.hot_card_main li.onlytxt .p_desc {width:184px !important} ul.hot_card_main li.onlytxt .p_txt {width:184px !important} ul.hot_card_main li.onlytxt .p_txt li {width:178px !important; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; overflow:hidden} ul.hot_card_main .p_txt li {width:116px; padding:0 0 2px 7px; border-bottom:0; background:url('') no-repeat 0 4px; color:#999; font:normal 11px "돋움"; line-height:14px} /* 이미지스크롤 */ .ui_scrollwrap {}/* w,h설정 */ .ui_scrollhide {position:relative; float:left; overflow:hidden}/* 실제스크롤영역감싸는 */ .ui_scrollreal {position:relative; left:0; top:0}/* 실제스크롤영역 */ .ui_scroll {position:relative; left:-10px; top:0; float:right; width:10px}/* 스크롤바영역 */ .ui_scroll_y {position:relative; left:20px; top:0; width:10px; background:url('') repeat-y}/* 스크롤높이 */ .ui_scroller_y {position:absolute; left:0; width:10px; *padding-bottom:23px; background:url('') no-repeat; cursor:pointer}/* 스크롤러정의 */ /* 서비스이요정보 */ .list_optservice .ui_scrollwrap li {height:20px; color:#999; font:normal 11px "돋움"; letter-spacing:-1px; overflow:hidden} .list_optservice .ui_scrollwrap li a.a_point {display:inline-block; padding:0 0 1px} .ui_serviceinfo {width:189px; height:101px} .ui_serviceinfo .ui_scrollhide {width:179px; height:101px} .ui_serviceinfo .ui_scrollreal {height:150px} .ui_serviceinfo .ui_scroll {height:150px} .ui_serviceinfo .ui_scroll_y {height:101px} /* opionalservice */ .ui_optservice {height:85px} .ui_optservice .line_dash_lgray {width:168px; height:1px; margin:5px 0; padding:0; background:url('') no-repeat 0 bottom; line-height:1px} .ui_optservice .btn_link {background-image:url(''); color:#999 !important; line-height:13px} .ui_optservice .ui_scrollhide {width:179px; height:85px} .ui_optservice .ui_scrollreal {height:150px} .ui_optservice .ui_scroll {height:85px} .ui_optservice .ui_scroll_y {height:85px} /* sorryman */ .d_sorryman {position:absolute; left:-13px; top:10px; width:99%; height:99%; background:white; text-align:center; z-index:10} .d_sorryman p {margin-top:19%; _margin-bottom:50%; color:#333} .d_inqurynuse_con .d_sorryman {top:8px; height:90%; *height:130px !important} .d_inqurynuse_con .d_sorryman p {margin-top:10px; margin-bottom:50%; _margin-bottom:0; color:#333} .d_sorryman p strong {color:#EE8F09; font:bold 20px "돋움"; line-height:50px} .res1024 .d_sorryman {left:-15px; height:93%; *height:99%; _height:93%; margin:2px 0} .res1024 .d_sorryman p {_margin-bottom:4% !important} .res1024 .d_inqurynuse_con .d_sorryman {top:4px; height:92%; *height:99%; _height:1%} /* opionalservice_new 110105 */ .ui_optservice_new {height:140px} .ui_optservice_new .line_dash_lgray {width:168px; height:1px; margin:5px 0; padding:0; background:url('') no-repeat 0 bottom; line-height:1px} .ui_optservice_new .btn_link {background-image:url(''); color:#999 !important; line-height:13px} .ui_optservice_new .ui_scrollhide {width:179px; height:140px} .ui_optservice_new .ui_scrollreal {height:150px} .ui_optservice_new .ui_scroll {height:140px} .ui_optservice_new .ui_scroll_y {height:140px} /************************************************************************ * date : 2011.04.07 ************************************************************************/ /* Layout */ #wrap {position:relative; width:1200px !important; height:100%; margin:0 auto; padding:0 45px} #con_wrap{position:relative; width:100%; height:1%; margin:0 0 48px 0; z-index:100} /* 컨텐트 모듈 */ .main_banner{position:relative; width:1280px; height:404px; margin:0 auto} .main_banner .btn_control .btn_prev, .main_banner .btn_control .btn_next{float:left; position:absolute; top:180px; * top:177px; width:19px; height:37px; border:0 none; outline:0 none; background:transparent; cursor:pointer} .main_banner .btn_control .btn_prev{left:15px} .main_banner .btn_control .btn_next{right:15px} .main_banner .category_wrap{width:1190px; height:370px; margin:0 auto; overflow:hidden} .main_banner .category{position:relative; width:1190px; height:370px; position:absolute; top:0; left:45px; background:#fff} .main_banner .category li{float:left; height:100%; margin-left:10px} .main_banner .category li.first{margin-left:0} .main_banner .category .thumb{position:relative; height:100%} /* 110501 수정 */ .main_banner .btn{position:absolute; top:30px; * top:27px; right:20px; height:14px} .main_banner .btn a{border:0 none} .main_banner .btn button{background:none; border:0 none; outline:0 none; background:none; cursor:pointer} /* 110426 수정 */ .main_banner .btn button.more{margin-right:2px; vertical-align:middle} /* 110501 수정 */ /* //110426 수정 */ .main_banner .category .detail{position:absolute; top:0; height:370px; z-index:9999} .main_banner .indicator{margin-top:21px; text-align:center; line-height:0} .main_banner .indicator a{display:inline-block; padding:0 2px} .main_banner .indicator img{position:relative} .main_banner .indicator .on{color:#ff3300; font-weight:bold} /* 컬럼 정의 */ #category1{z-index:40} .column_type1 li{width:390px} .column_type2 li{width:790px} .column_type2 li.column1{width:390px} .column_type3 li{float:none; width:100%} .detail_type1{left:0; width:790px} .detail_type2{right:0; width:100%} .detail_type3{right:0; width:790px} /* 컨텐트 */ .notice_wrap{height:1%; width:1154px; margin:44px auto 0 auto; padding:0 63px; overflow:hidden} /* 110426 수정 */ .notice_wrap .btn_more{position:absolute; top:5px; * top:4px; right:0; margin:0 !important} /* //110426 수정 */ .notice_wrap a{color:#999; font-size:11px} #event, #new_notice, #lovefund, #go_service{position:relative; float:left} #event h2 img, #new_notice h2 img, #lovefund h2 img, #go_service h2 img{vertical-align:top} #new_notice h2, #go_service h2, #event h2, #lovefund h2{position:relative; height:11px; margin:5px 0 15px; font-size:0; line-height:0} #event li, #new_notice li{position:relative; height:18px; line-height:0; text-overflow:ellipsis; overflow:hidden} #event li .date, #new_notice li .date{position:absolute; top:0; right:0; display:inline-block; height:18px; font-size:11px; color:#666; line-height:1.2; letter-spacing:0;} /* 110519 */ #event_new li .date, #new_notice_new li .date{position:absolute; top:0; right:0; display:inline-block; font-size:11px; color:#666; line-height:1.2; letter-spacing:0;} /* 110519 */ #event_new2{top:20; right:0; height:70px; width:222px;} /* 110519 */ #new_notice{width:244px; margin:0 67px;} #go_service{width:256px} /* 110426 수정 */ #go_service .flag_btns{position:absolute; top:0; right:-2px; overflow:hidden; width:18px; height:17px} /* 110519 */ #go_service .flag_btns img{display:block; float:left; margin-right:2px} /* //110426 수정 */ #go_service ul{height:54px; overflow:hidden} #go_service li{float:left; width:82px; height:18px; margin:0 5px 0 0; line-height:0} #go_service li.end{width:auto; margin:0} #event{width:244px; margin-right:68px} #event h2 img{} #event h2 span{position:absolute; top:-1px; left:44px} #event li a{display:inline-block; width:170px; height:18px; line-height:1.5; color:#666;} /* 110519 */ #event_new li a{display:inline-block; width:170px; height:18px; line-height:1.5; color:#666;} /* 110519 */ #new_notice li a{display:inline-block; width:199px; height:18px; line-height:1.5; color:#666;} /* 110519 */ #new_notice_new li a{display:inline-block; width:199px; line-height:1.5; color:#666;} /* 110519 */ #lovefund{width:208px; height:80px} #lovefund a{display:block} /* 푸터 */ #footer .ci {float:left; width:242px; _width:172px; margin-top:25px; padding-left:18px} #footer .fl_right {float:left; width:930px; margin-top:29px; overflow:hidden} #footer .list_footer {width:100%; margin-left:-10px; overflow:auto; overflow:hidden} #footer li {float:left;} /* 110630 */ #footer li a {display:inline-block; height:13px; padding:0 3px} /* 110630 */ #footer li span {display:inline-block; height:13px; padding:0 3px} /* 110630 */ #footer .list_footer2 {width:930px; margin:16px 0 0 0; overflow:auto; overflow:hidden} #footer .list_footer2 li { padding-left:7px; font-family: 'Pretendard', sans-serif; font-size: 11px; font-weight: 500; color: #636368; line-height: 1.6; text-indent: 0 !important; } #footer .list_footer2 li:first-child { padding-left: 0; } #footer .list_footer2 li a.footer-tel { color: #ff5307!important; text-decoration: none; font-weight: 600; } #footer .list_footer2 li a.footer-link { color: inherit!important; text-decoration: none; font-weight: 600; s } /* #footer .list_footer2 li a {height:10px; padding:3px 7px} */ /* #footer .list_footer2 li span {height:10px; padding:3px 7px} */ #footer address a { text-decoration: none; font-family: 'Pretendard', sans-serif; font-size: 11px; font-weight: 500; color: #636368; line-height: 1.6; text-indent: 0 !important; font-style: normal !important; } #footer .family_site {position:absolute; right:65px; bottom:64px} #footer .list_footer3 {width:920px; margin:0px 0 16px -8px; overflow:auto; overflow:hidden} #footer .list_footer3 li {padding-left:1px; background:url('/2013home/image/footer_line.png') no-repeat 0 center} #footer .list_footer3 li a {height:9px; padding:3px 7px} #footer .list_footer3 li span {height:9px; padding:3px 7px} /*#footer:after {content:"."; display:block; clear:both; height:0; visibility:hidden} #footer .ci {float:left; width:222px; margin-top:21px; padding-left:18px} #footer .fl_right {width:left; width:940px; margin-top:25px; overflow:hidden} #footer .list_footer {width:100%; margin-left:-10px; overflow:auto; overflow:hidden} #footer li {float:left; padding-left:1px; padding-left:3px; background:url('') no-repeat 0 center; line-height:0} #footer li a {display:inline-block; height:13px; padding:0 3px} #footer li span {display:inline-block; height:13px; padding:0 3px} #footer .list_footer2 {width:920px; margin:16px 0 0px -8px; overflow:auto; overflow:hidden} #footer .list_footer2 li {padding-left:1px; background:url('') no-repeat 0 center} #footer .list_footer2 li a {height:9px; padding:3px 7px} #footer .list_footer2 li span {height:9px; padding:3px 7px}*/ /* 1024*768 정의 */ .w1024 .main_banner{width:950px ;padding:0 37px} .w1024 .main_banner .category_wrap{width:950px; height:370px; margin:0 auto; overflow:hidden} .w1024 .main_banner .category{position:relative; width:950px; height:100%; position:absolute; top:0; left:37px; background:#fff} .w1024 .main_banner .category li{width:310px} .w1024 .main_banner .btn_control .btn_prev{left:7px} .w1024 .main_banner .btn_control .btn_next{right:7px} .w1024 .main_banner .column_type1 li{width:310px} .w1024 .main_banner .column_type2 li{width:630px} .w1024 .main_banner .column_type2 li.column1{width:310px} .w1024 .main_banner .column_type3 li{float:none; width:100%} .w1024 .detail_type1{left:0; width:630px} .w1024 .detail_type2{right:0; width:100%} .w1024 .detail_type3{right:0; width:630px} .w1024 .notice_wrap{width:914px;} .w1024 #go_service{width:211px} .w1024 #new_notice{width:223px; margin:0 30px} .w1024 #new_notice li a{display:inline-block; width:178px; height:18px; line-height:1.5; color:#666;} .w1024 #new_notice_new li a{display:inline-block; width:178px; line-height:1.5; color:#666;} .w1024 #event{width:223px; margin-right:30px} .w1024 #event li a{display:inline-block; width:150px; height:18px; line-height:1.5; color:#666;} .w1024 #event_new li a{display:inline-block; width:150px; height:18px; line-height:1.5; color:#666;} /* Layout */ #wrap_new {position:relative; width:100% !important; height:100%; margin:0 auto; padding:0} #con_wrap_new {position:relative; width:100%; height:100%; margin:0 0 0 0; z-index:100}/*margin:0 0 48px 0; 세로스크롤문제생김*/ /* 컨텐트 모듈 */ .main_banner_new{position:relative; width:1280px; height:400px; margin:0 auto} .main_banner_new .btn_control .btn_prev, .main_banner_new .btn_control .btn_next{float:left; position:absolute; top:180px; * top:177px; width:19px; height:37px; border:0 none; outline:0 none; background:transparent; cursor:pointer} .main_banner_new .btn_control .btn_prev{left:15px} .main_banner_new .btn_control .btn_next{right:15px} .main_banner_new .category_wrap{width:1190px; height:370px; margin:0 auto; overflow:hidden} .main_banner_new .category{position:relative; width:1190px; height:370px; position:absolute; top:0; left:45px; background:#fff} .main_banner_new .category li{float:left; height:100%; margin-left:10px} .main_banner_new .category li.first{margin-left:0} .main_banner_new .category .thumb{position:relative; height:100%} .main_banner_new .btn{position:absolute; top:30px; * top:27px; right:20px; height:14px} .main_banner_new .btn a{border:0 none} .main_banner_new .btn button{background:none; border:0 none; outline:0 none; background:none; cursor:pointer} .main_banner_new .btn button.more{margin-right:2px; vertical-align:middle} .main_banner_new .category .detail{position:absolute; top:0; height:370px; z-index:9999} .main_banner_new .indicator{margin-top:-22px; text-align:center; line-height:0} .main_banner_new .indicator a{display:inline-block; padding:0 4px} .main_banner_new .indicator img{position:relative} .main_banner_new .indicator .on{color:#ff3300; font-weight:bold} /* 컬럼 정의 */ #category1_new{z-index:40} .column_type1_new li{width:390px} .column_type2_new li{width:790px} .column_type2_new li.column1{width:390px} .column_type3_new li{float:none; width:100%} .detail_type1_new{left:0; width:790px} .detail_type2_new{right:0; width:100%} .detail_type3_new{right:0; width:790px} /* 컨텐트 */ .notice_wrap_new{height:1%; width:1154px; margin:0px auto 0 auto; padding:0px 63px; overflow:hidden} .notice_wrap_new .btn_more{position:absolute; top:5px; * top:4px; right:0; margin:0 !important} .notice_wrap_new a{color:#999; font-size:11px} #event_new, #new_notice_new, #lovefund_new, #go_service_new{position:relative; float:left} #event_new h2 img, #new_notice_new h2 img, #lovefund_new h2 img, #go_service_new h2 img{vertical-align:top} #new_notice_new h2, #go_service_new h2, #event_new h2, #lovefund_new h2{position:relative; height:11px; margin:5px 0 15px; font-size:0; line-height:0} #event_new li, #new_notice_new li{position:relative; height:70px; line-height:0; text-overflow:ellipsis; overflow:hidden} #event_new li .date, #new_notice_new li .date{position:absolute; top:0; right:0; display:inline-block; height:0px; font-size:11px; color:#999; line-height:1.2; letter-spacing:0;} #new_notice_new{width:244px; margin:0 67px;} #go_service_new{width:256px} #go_service_new .flag_btns{position:absolute; top:0; right:-2px; height:18px} #go_service_new .flag_btns img{display:block; float:left; margin-right:2px} #go_service_new h2 img{vertical-align:top;} #go_service_new h2{position:relative; height:11px; margin:5px 0 13px; font-size:0; line-height:0} #go_service_new ul{height:80px; overflow:hidden} #go_service_new li{padding: 0 0 1px; vertical-align:top; line-height: 1em;} #go_service_new li.end{width:auto; margin:0} #go_service_new .link {position: absolute; right: 0px; bottom: 10px;} .rollring_event {position:relative; margin-bottom:0px; top:0px;} .rollring_event .numberring {position:absolute; top:-30px; right:0px;} .rollring_event ul {position: absolute; right: 0px; bottom: 0px; top:0px;} .rollring_event ul li {position: absolute; right: 0px; bottom: 0px; cursor:pointer} #event_new{width:244px; margin-right:68px} #event_new h2 img{} #event_new h2 span{position:absolute; top:-1px; left:44px} #event_new li a{display:inline-block; width:170px; height:18px; line-height:1.5} #new_notice_new li a{display:inline-block; width:199px; line-height:1.5} #lovefund_new{width:208px; height:80px} #lovefund_new a{display:block} /* 푸터 */ /* #footer_new .ci {float:left; width:242px; margin-top:25px; padding-left:18px} #footer_new .fl_right {float:left; width:920px; margin-top:0px; overflow:hidden} #footer_new .list_footer {width:100%; margin-left:-10px; overflow:auto; overflow:hidden} #footer_new li {float:left; padding-left:3px; background:url('/2013home/page2/image/footer_bul.png') no-repeat 0 center; line-height:0} #footer_new li a {display:inline-block; height:13px; padding:0 7px} #footer_new li span {display:inline-block; height:13px; padding:0 7px} #footer_new .list_footer2 {width:920px; margin:16px 0 0px -8px; overflow:auto; overflow:hidden} #footer_new .list_footer2 li {padding-left:1px; background:url('/2013home/page2/image/footer_bul2.png') no-repeat 0 center} #footer_new .list_footer2 li a {height:9px; padding:3px 7px} #footer_new .list_footer2 li span {height:9px; padding:3px 7px} #footer_new .family_site {position:absolute; right:65px; bottom:64px} #footer_new .list_footer3 {width:920px; margin:0px 0 16px -8px; overflow:auto; overflow:hidden} #footer_new .list_footer3 li {padding-left:1px; background:url('/2013home/page2/image/footer_bul2.png') no-repeat 0 center} #footer_new .list_footer3 li a {height:9px; padding:3px 7px} #footer_new .list_footer3 li span {height:9px; padding:3px 7px} */ /* 1024*768 정의 */ .w1024 .main_banner_new{width:950px ;padding:0 37px} .w1024 .main_banner_new .category_wrap{width:950px; height:370px; margin:0 auto; overflow:hidden} .w1024 .main_banner_new .category{position:relative; width:950px; height:100%; position:absolute; top:0; left:37px; background:#fff} .w1024 .main_banner_new .category li{width:310px} .w1024 .main_banner_new .btn_control .btn_prev{left:7px} .w1024 .main_banner_new .btn_control .btn_next{right:7px} .w1024 .main_banner_new .column_type1 li{width:310px} .w1024 .main_banner_new .column_type2 li{width:630px} .w1024 .main_banner_new .column_type2 li.column1{width:310px} .w1024 .main_banner_new .column_type3 li{float:none; width:100%} .w1024 .detail_type1_new{left:0; width:630px} .w1024 .detail_type2_new{right:0; width:100%} .w1024 .detail_type3_new{right:0; width:630px} .w1024 .notice_wrap_new{width:914px;} .w1024 #go_service_new{width:211px} .w1024 #new_notice_new{width:223px; margin:0 0px} .w1024 #new_notice_new li a{display:inline-block; width:195px; height:70px; line-height:1.5} .w1024 #event_new{width:223px; margin-right:30px} .w1024 #event_new li a{display:inline-block; width:150px; height:18px; line-height:1.5} /* main layer */ .main_layer_110707 {position:absolute; left:45px; top:0; z-index:200;} .w1024 .main_layer_110707 {left:37px;} /*지도대여서비스*/ #cardInfo{float: left; position: relative; width: 246px; height:86px; padding:0 0 0 55px; margin:0 55px 0 0; background: url("/2013home/image/map_rantal_img.png") no-repeat 176px 28px;} #cardInfo h2 img{vertical-align:top;} #cardInfo h2{position:relative; height:7px; margin:5px 0 17px; font-size:0; line-height:0} #cardInfo ul{height:86px; bottom: 0px;} #cardInfo li{padding: 0 0 0px; vertical-align:top; line-height: 1em;} #cardInfo li img{vertical-align:top;} #cardInfo li.end{width:auto; margin:0} #cardInfo .link5 {position: absolute; right: 0px; bottom: -13px;} .w1024 #cardInfo {width:211px; padding: 0 0 0 30px; margin: 0 30px 0 0; background-position:120px 28px;} /* 지도대여끝 */ #footer .list_footer {margin-left: -5px;} #footer .fl_right {float:left; width:920px; margin-top:10px; overflow:hidden; margin-left: 18px;} #footer_new .list_footer {width:100%; margin-left:-6px; overflow:auto; overflow:hidden} #new_notice_new{width:244px; margin: 0;} #new_notice_new a {font-size: 12px;} #new_notice_new li a:link, #new_notice_new li a:visited {color: #666;} #event_new{width:244px; margin-right: 54px;} #event_new li a {font-size: 12px;} #event_new li a:link, #event_new li a:visited {color: #666;} #event_new li a:hover, #event_new li a:active {color: #666; text-decoration: underline;} .w1024 #new_notice_new{width:200px; margin: 0;} .w1024 #event_new{width:200px; margin-right:29px;} .w1024 #new_notice {margin: 0; width: 223px;} .d_panel_blue {position:relative; width:221px; height:115px; padding:30px 0 0 14px; background:url('') no-repeat; z-index:10;} .d_panel_blue blockquote {height:88px; margin:0 !important;} .module_left_main {width:229px; border-right: 1px solid #a6beda; border-left: 0; border-bottom: 0; border-bottom: 0; padding-bottom: 40px; margin: 0;} .module_left_main h2 {margin:0 17px 6px 18px; font-size:0; line-height:0; padding-bottom:10px; padding-top: 27px; border: 0;} .module_left_main .jump_service {width:198px; padding-left:17px; margin: 0;} .module_left_main .jump_service ul {width:198px; overflow:auto; overflow:hidden;} #content_module #main_module {position:relative; float:left; width:720px; margin:0; overflow:hidden; z-index:1;} .module_event {border: 0;} .module_event h2 {margin:20px 0 0 17px; padding:0; font-size:0; line-height:0; vertical-align: middle; overflow: hidden; border: 0;} .module_event h2 span {display: inline-block; float: left; padding: 1px 0 0 0;} .module_event h2 .more {display: inline-block; float: right;} .module_event_fit {width:229px; height:258px !important; border-right:1px solid #a7bcd9; overflow:visible; border-top: 1px solid #cdd8e8; padding: 23px 0 18px;} .module_event_fit h2 {width:195px; margin:0; padding:8px 16px 19px 17px; *padding-top:11px; color:#333; font:normal 12px "돋움" !important; letter-spacing:-1px; line-height:14px} .module_event_fit h2 .more {display: inline-block; margin:0; padding:0;} .flag_btn {padding: 15px 0 0 17px; height: 16px;} .flag_btn a {margin-right:5px} .module_left_main02 {width:229px; border-right: 1px solid #a6beda; border-left: 0; border-bottom: 0; border-bottom: 0; padding-bottom: 40px; margin: 0;} *html .module_left_main02 {padding-bottom: 30px;} .module_left_main02 h2 {margin:0 17px 5px 18px; font-size:0; line-height:0; padding-bottom:10px; padding-top: 30px; border: 0;} .module_left_main02 .jump_service {width:198px; padding-left:17px;} /*111020*/ .cardname {color: #555;} .d_privatemodule {margin: 0 0 10px;} .flag_bestaffl {right:22px; top:25px;} .flag_cashloan {right:0; top:0; margin-top: -6px;} .flag_cashloan2 {right:0; top:0; margin-top: -12px;} .d_privatemodule .d_inqurynuse .d_inqurynuse_inner2 .list_affl dt {color: #555;} .t_desc03 a:link, .t_desc03 a:visited {color: #999;} .w1024 .d_privatemodule h2 .btn_link {margin-right: 0;} .btn_more img {padding: 0;} #event li .date {color: #999;} #new_notice li .date {color: #999;} .w1024 #event {margin-right: 28px;} .w1024 #new_notice_new a {font-size: 12px;} .w1024 #event_new li a {font-size: 12px;} .d_privatemodule .d_justforu {right: 0; width: 229px; padding: 0;} .d_privatemodule .d_justforu h2 {padding: 0 0 16px 8px !important;}/* 120917 수정 */ .d_privatemodule .d_justforu ul {overflow: hidden; margin-left: 0; padding-left: 12px;}/* 120917 수정 */ /*111104*/ .d_privatemodule .d_justforu ul li {margin-right: 0;} .flag_btn {padding: 5px 0 0 17px; height: 16px;} .module_event_fit h2 {padding-bottom: 0;} .module_event_fit h2 .more {margin-top: -10px;} .btn_more {margin-top: -20px;} .module_event h2 .more2 {display: inline-block; float: right; margin-top: 0;} .module_left_main, .module_left_main02 {background-color: #f9f9f9;} #cardInfo {background: none;} #cardInfo .link {position: absolute; right: 0px; bottom: 0px;} .module_event {background-color: #f9f9f9;} .payment_service {position: relative;padding: 85px 70px 0 70px; background: url("") no-repeat left top;width: 800px; height: 940px;} .payment_service h3.tit {padding: 0 0 12px;} .payment_service .txt1 {padding: 0 0 30px 70px;} .payment_service .paymentList {width: 100%;padding: 38px 0 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;} .payment_service .paymentList ul {width: 100%; height: 395px;} .payment_service .paymentList ul li {float: left;width: 122px;height: 109px;padding: 0 0 70px;position: relative;z-index:0;} .payment_service .paymentList ul li.list01 {margin-right: 87px;z-index:10;} .payment_service .paymentList ul li.list02 {margin-right: 87px;z-index:9;} .payment_service .paymentList ul li.list03 {margin-right: 85px;z-index:8;} .payment_service .paymentList ul li.list05 {margin-right: 90px;z-index:14;} .payment_service .paymentList ul li.list06 {margin-right: 90px;z-index:13;} .payment_service .paymentList ul li.list07 {margin-right: 35px;z-index:12;} .payment_service .paymentList .layer_balloon1 {position: absolute; z-index: 99;left: 65px; top: -109px;} .payment_service .paymentList .layer_balloon2 {position: absolute; z-index: 99;left: 60px; top: -109px;} .payment_service .paymentList .layer_balloon3 {position: absolute; z-index: 99;left: 60px; top: -109px;} .payment_service .paymentList .layer_balloon4 {position: absolute; z-index: 99;left: 55px; top: -109px;} .payment_service .paymentList .layer_balloon5 {position: absolute; z-index: 99;left: 65px; top: -109px;} .payment_service .paymentList .layer_balloon6 {position: absolute; z-index: 99;left: 60px; top: -109px;} .payment_service .paymentList .layer_balloon7 {position: absolute; z-index: 99;left: 60px; top: -109px;} .payment_service .listTxt {position: absolute;right: 0;top: 222px;} .paymentList2 h4.tit {padding: 30px 0 30px 20px;} .paymentList2 ul {width: 810px;height: 82px;background: url("") no-repeat left 15px;overflow: hidden;padding: 0 0 60px;} .paymentList2 ul li {float: left;width: 139px;margin: 0 1px 0 0;text-align: center;} .paymentList2 ul li.first {width: 135px;} .paymentList2 ul li.last {width: 113px;} .event_banner .bannerLeft{ margin-right: 16px;} /*.png24 {tmp:expression(setPng24(this));z-index: 9;}*/ .layerpop_payment {position: absolute;width: 404px;height: 267px;background: url("") no-repeat left top;left: 245px;top: 135px;z-index: 99;padding: 33px 33px 0 33px;} .layerpop_payment h4.tit {padding: 0 0 15px;} .layerpop_payment .txt1 {padding: 0 0 22px;;} .layerpop_payment .txt1 strong {color: #333;} .layerpop_payment .stxt {font-size: 11px;color: #999;padding: 0 0 15px;} .layerpop_payment .listType1 {width: 100%;overflow: hidden;} .layerpop_payment .listType1 li {float: left;vertical-align: top;line-height: 1em;padding: 0 0 19px;} .layerpop_payment .listType1 .telList {width: 178px;} .layerpop_payment .listType1 .telList2 {width: 215px;} .layerpop_payment .listType1 .w221 {width: 221px !important;} .layerpop_payment .listType1 .w183 {width: 183px !important;} .layerpop_payment .layer_btnc {position: absolute; bottom: 38px;left: 199px;} .closeBtn .btn_input {background: url("") no-repeat right top;overflow: hidden;position: absolute;z-index: 513; height: 25px;right: 9px;top: 9px;width: 25px;} .d_myhome2{overflow:hidden;position:relative;height:672px;margin:0;padding:0 0 0 22px;background:url() no-repeat} .d_myhome2 .d_myhome_con{overflow:hidden;height:672px;_zoom:1} .d_myhome2 .d_row1,.d_myhome2 .d_row2,.d_myhome2 .d_row3,.d_myhome2 .d_row4{_display:inline-block;} .d_myhome2 .d_column{float:left} .d_myhome2 .d_content{clear:both} .d_myhome2 .hgroup{display:inline-block;overflow:hidden;height:27px;padding-top:20px;_zoom:1} .d_myhome2 .hgroup h3{float:left;margin-right:11px;padding:0 0 0 1px;font-size:14px;color:#5a96c8;line-height:16px} .d_myhome2 .hgroup h3 strong{display:inline-block;margin:0 4px 0 0;letter-spacing:-1px;vertical-align:top} .d_myhome2 .hgroup h3 span{display:inline-block;overflow:hidden;height:15px;padding:0;background:url() no-repeat;line-height:99999px;vertical-align:top;*zoom:1} .d_myhome2 .hgroup a.more{float:left;margin:-1px 0 0 -1px;vertical-align:top} .d_myhome2 .hgroup a.more img{margin-top:0 !important;vertical-align:top} .d_myhome2 .d_limit .d_section .hgroup{padding-top:0} .d_myhome2 .d_thismonth h3 span{width:86px;background-position:0 0} .d_myhome2 .d_nextmonth h3 span{width:74px;background-position:0 -17px} .d_myhome2 .d_recent h3 span{width:72px;background-position:0 -34px} .d_myhome2 .d_bonus h3 span{width:74px;background-position:0 -51px} .d_myhome2 .d_myplan h3 span{width:64px;height:13px;background-position:0 -68px} .d_myhome2 .d_limit h3 span{width:74px;background-position:0 -83px} .d_myhome2 .d_benefit h3 span{width:75px;background-position:0 -156px} .d_myhome2 .d_event h3 span{width:90px;background-position:0 -173px} .d_myhome2 .d_bonus h3 span{width:74px;background-position:0 -51px} .d_myhome2 .d_card h3 span{width:25px;background-position:0 -190px} .d_myhome2 .d_finance h3 span{width:26px;background-position:-27px -190px} .d_myhome2 .d_svc h3 span{width:37px;background-position:-55px -190px} .d_myhome2 .d_member h3 span{width:49px;background-position:-94px -190px} .d_myhome2 .d_limit_card h3 span{width:104px;background-position:0 -367px} .d_myhome2 .d_limit_loan h3 span{width:117px;background-position:0 -383px} .d_myhome2 .d_limit_cash h3 span{width:117px;background-position:0 -399px} .d_myhome2 .amount, .d_myhome2 p.nocon{display:block;overflow:hidden;_width:100%;height:31px;padding:10px 0 7px} .d_myhome2 p.nocon{font-size:12px;color:#7d7d7d;line-height:18px} .d_myhome2 .amount a .d_underline{float:left;display:inline-block;padding-right:2px;cursor:pointer;_cursor:hand} .d_myhome2 .d_thismonth .amount a:hover .d_underline, .d_myhome2 .d_nextmonth .amount a:hover .d_underline{border-bottom:1px solid #f07832 !important} .d_myhome2 .d_bonus .amount a:hover .d_underline{border-bottom:1px solid #5a96c8 !important} .d_myhome2 .amount .ico_no{float:left;height:32px;margin-top:0 !important;background:url() no-repeat} .d_myhome2 .amount .ico_no_orgmid_comma{width:5px;margin-right:1px;background-position:1px -222px !important} .d_myhome2 .amount .ico_no_orgmid_minus{width:9px;margin-right:2px;background-position:-6px -222px !important} .d_myhome2 .amount .ico_no_orgmid00{width:17px;margin:0 1px;background-position:-17px -222px !important} .d_myhome2 .amount .ico_no_orgmid01{width:8px;margin:0 3px 0 1px;background-position:-36px -222px !important} .d_myhome2 .amount .ico_no_orgmid02{width:17px;background-position:-45px -222px !important} .d_myhome2 .amount .ico_no_orgmid03{width:17px;background-position:-64px -222px !important} .d_myhome2 .amount .ico_no_orgmid04{width:18px;background-position:-82px -222px !important} .d_myhome2 .amount .ico_no_orgmid05{width:18px;background-position:-102px -222px !important} .d_myhome2 .amount .ico_no_orgmid06{width:18px;background-position:-122px -222px !important} .d_myhome2 .amount .ico_no_orgmid07{width:14px;background-position:-142px -222px !important} .d_myhome2 .amount .ico_no_orgmid08{width:16px;background-position:-158px -222px !important} .d_myhome2 .amount .ico_no_orgmid09{width:18px;background-position:-176px -222px !important} .d_myhome2 .amount .ico_no_unit{width:20px;margin-left:1px;background-position:-196px -222px !important} .d_myhome2 .amount .ico_no_shortcut{overflow:hidden;width:24px;padding:0;border:0;background-position:-197px -188px;cursor:pointer;_cursor:hand;vertical-align:top} .d_myhome2 .d_bonus .ico_no_orgmid_comma{width:5px;margin-right:1px;background-position:1px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid00{width:17px;margin:0 1px;background-position:-17px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid01{width:8px;margin:0 3px 0 1px;background-position:-36px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid02{width:17px;background-position:-45px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid03{width:17px;background-position:-64px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid04{width:18px;background-position:-82px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid05{width:18px;background-position:-102px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid06{width:18px;background-position:-122px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid07{width:14px;background-position:-142px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid08{width:16px;background-position:-158px -256px !important} .d_myhome2 .d_bonus .ico_no_orgmid09{width:18px;background-position:-176px -256px !important} .d_myhome2 .d_bonus .ico_no_unit{width:20px;margin-left:8px;background-position:-196px -256px !important} .d_myhome2 .d_bonus .ico_no_shortcut{background-position:-197px -154px} .d_myhome2 .amount2{width:100%;text-align:right} .d_myhome2 .amount2 .ico_no{float:none;display:inline-block;height:22px;margin-top:0 !important;background:url() no-repeat} .d_myhome2 .amount2 .ico_no_orgmid_comma{width:5px;margin-right:1px;background-position:1px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid00{width:12px;margin-right:1px;background-position:-5px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid01{width:7px;margin:0 2px 0 1px;background-position:-19px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid02{width:12px;background-position:-28px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid03{width:13px;background-position:-42px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid04{width:13px;background-position:-56px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid05{width:14px;background-position:-71px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid06{width:12px;background-position:-86px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid07{width:11px;background-position:-100px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid08{width:12px;background-position:-112px -415px !important} .d_myhome2 .amount2 .ico_no_orgmid09{width:12px;background-position:-125px -415px !important} .d_myhome2 .amount2 .ico_no_unit{width:20px;margin-left:0px;background-position:-139px -415px !important} .d_myhome2 .d_bl a{padding-left:5px;background:url() no-repeat -214px -30px} .d_myhome2 .d_thismonth, .d_myhome2 .d_nextmonth, .d_myhome2 .d_recent, .d_myhome2 .d_bonus{height:162px} .d_myhome2 .d_thismonth h3, .d_myhome2 .d_nextmonth h3{margin-left:-2px} .d_myhome2 .d_thismonth{width:237px} .d_myhome2 .d_thismonth ul, .d_myhome2 .d_recent ul{line-height:18px} .d_myhome2 .d_thismonth li, .d_myhome2 .d_recent li{font-size:11px;line-height:18px !important;letter-spacing:-1px;vertical-align:top} .d_myhome2 .d_recent .amount{height:58px;padding-bottom:0 !important} .d_myhome2 .d_recent .amount a{color:#F07832 !important;line-height:18px} .d_myhome2 .d_recent .amount .d_block{display:inline-block} .d_myhome2 .d_recent .amount .d_underline{clear:both;float:left;height:33px;padding-right:2px;border-bottom:1px solid #fff} .d_myhome2 .d_recent .amount a:hover .d_underline{border-bottom:1px solid #F07832} .d_myhome2 .d_recent .amount .txt_recent{clear:both;display:block;height:20px;margin-top:4px;font-size:11px;letter-spacing:-1px;line-height:18px;vertical-align:top} .d_myhome2 .d_recent ul{clear:both;margin-top:0} .d_myhome2 .d_recent .txt_recent, .d_myhome2 .d_thismonth li a, .d_myhome2 .d_nextmonth p a, .d_myhome2 .d_recent li a{color:#7d7d7d} .d_myhome2 .d_nextmonth{width:238px} .d_myhome2 .d_nextmonth p{line-height:18px} .d_myhome2 .d_recent{width:236px} .d_myhome2 .d_recent .block{display:block;line-height:18px} .d_myhome2 .d_recent .amount a{display:inline-block} .d_myhome2 .d_bonus{width:193px;} .d_myhome2 .d_bonus .d_content{position:relative} .d_myhome2 .d_bonus .amount a{padding-right:0 !important} .d_myhome2 .d_bonus .d_content .d_bl a{margin-right:13px;font-size:11px;vertical-align:top} .d_myhome2 .d_myplan{clear:both;overflow:hidden;height:63px;padding-right:23px} .d_myhome2 .d_myplan .border{_display:inline-block;position:relative;border:1px solid #e5e5e5;background:url() repeat-y} .d_myhome2 .d_myplan .hgroup{float:left;overflow:visible;width:113px;padding:0} .d_myhome2 .d_myplan h3{padding:19px 0 0 23px;} .d_myhome2 .d_myplan .d_content{clear:none;padding:4px 0 6px 2px;overflow:hidden;*zoom:1} .d_myhome2 .d_myplan p{padding:0 0 4px 16px;font-size:11px} .d_myhome2 .d_myplan ul{overflow:hidden;position:relative;line-height:18px;_zoom:1} .d_myhome2 .d_myplan li{float:left;margin:0 17px 0 -1px;padding-left:16px;font-size:11px;background:url() no-repeat -215px 1px;line-height:15px;letter-spacing:-1px} .d_myhome2 .d_myplan li a{color:#7d7d7d} .d_myhome2 .d_limit, .d_myhome2 .d_benefit, .d_myhome2 .d_event, .d_myhome2 .d_event_bg{height:219px} .d_myhome2 .d_event h3 strong{letter-spacing:-1px} .d_myhome2 .d_limit{width:453px} .d_myhome2 .d_limit .d_content{margin-top:5px} .d_myhome2 .d_benefit{width:236px;height:219px;padding-left:21px;background:url() no-repeat 0 35px} .d_myhome2 .d_benefit dt span, .d_myhome2 .d_event dt span{display:block;overflow:hidden;height:11px;background:url() no-repeat 0 -290px;text-indent:-99999px} .d_myhome2 .d_benefit .tit2{background-position:0 -303px} .d_myhome2 .d_benefit .tit3{background-position:0 -316px} .d_myhome2 .d_benefit .tit4{background-position:0 -329px} .d_myhome2 .dl_myhome{_zoom:1} .d_myhome2 .dl_myhome dt{float:left;width:90px;height:18px;padding-top:2px;color:#999;letter-spacing:-1px;line-height:13px} .d_myhome2 .dl_myhome dd{width:105px !important;height:20px;padding:0 !important;font-size:12px;color:#5a96c8;text-align:right} .d_myhome2 .dl_myhome dd a{color:#5a96c8} .d_myhome2 .dl_myhome dd strong{font-family:tahoma;letter-spacing:0} .d_myhome2 .d_event{width:194px} .d_myhome2 .d_event_bg{background:url(http://www.samsungcard.com/images/main/bg_eventicon.png) no-repeat 100% 142px} .d_myhome2 .d_event dl{width:140px !important} .d_myhome2 .d_event dt{font-size:12px;color:#616161 !important} .d_myhome2 .d_event .tit1{background-position:0 -342px} .d_myhome2 .d_event .tit2{background-position:0 -355px} .d_myhome2 .d_event dd{width:50px !important} .d_myhome2 .d_event ul{margin-top:11px} .d_myhome2 .d_event li a{color:#616161;line-height:18px} .d_myhome2 .d_event li img{*margin-top:-1px;padding-top:2px;*padding-top:0;padding-left:6px;vertical-align:top} .d_myhome2 .d_card, .d_myhome2 .d_finance, .d_myhome2 .d_svc, .d_myhome2 .d_member{width:216px;height:228px} .d_myhome2 .d_finance, .d_myhome2 .d_svc, .d_myhome2 .d_member{padding-left:21px;background:url() no-repeat 0 35px} .d_myhome2 .d_svc li{clear:both;position:relative;padding-left:39px;letter-spacing:-1px;_zoom:1} .d_myhome2 .d_svc li .status{overflow:hidden;position:absolute;top:2px;left:0;width:35px;height:16px;_margin-top:-1px;background:url() no-repeat -94px -78px;text-indent:-99999px;vertical-align:top} .d_myhome2 .d_svc li .svc{display:inline-block;overflow:hidden;width:116px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top} .d_myhome2 .d_svc li a.app{overflow:hidden;position:absolute;top:0;left:155px;width:36px;height:16px;;padding:2px;background:url() no-repeat -92px -58px;text-indent:-99999px;vertical-align:top} .d_myhome2 .d_svc li.on{font-weight:bold} .d_myhome2 .d_svc li.on .status{background-position:-94px -96px} .d_myhome2 .d_svc li.on a.app{display:none} .d_myhome2 .d_member{width:193px} .d_myhome2 .d_member .d_content{overflow-y:auto;position:relative;height:139px} .d_myhome2 .d_member ul{position:relative} .d_myhome2 .d_benefit .d_content, .d_myhome2 .d_event .d_content{height:80px} .d_myhome2 .banner{margin:10px 0 0 -1px} .d_myhome2 .d_limit .amount2{float:right} .d_myhome2 .d_limit_inner{float:left} .d_myhome2 .d_limit_card{width:186px} .d_myhome2 .d_limit_loan, .d_myhome2 .d_limit_cash{width:208px;padding:0 18px 0 38px} .res1024 .d_myhome2{width:688px;height:885px;background:url() no-repeat} .res1024 .d_myhome2 .d_myhome_con{width:auto;height:885px} .res1024 .d_myhome2 .d_thismonth, .res1024 .d_myhome2 .d_nextmonth, .res1024 .d_myhome2 .d_recent, .res1024 .d_myhome2 .d_bonus{height:160px !important} .res1024 .d_myhome2 .d_myplan{height:86px} .res1024 .d_myhome2 .d_myplan h3{padding-top:25px} .res1024 .d_myhome2 .d_thismonth, .res1024 .d_myhome2 .d_nextmonth{width:236px} .res1024 .d_myhome2 .d_recent{width:195px} .res1024 .d_myhome2 .d_limit{width:450px;height:216px} .res1024 .d_myhome2 .d_benefit{overflow:hidden;width:198px;height:216px;/*background:url() no-repeat 0 31px*/} .res1024 .d_myhome2 .d_bonus, .res1024 .d_myhome2 .d_event, .res1024 .d_myhome2 .d_member{clear:both;position:absolute;top:462px;height:209px} .res1024 .d_myhome2 .d_bonus{left:21px} .res1024 .d_myhome2 .d_event{left:237px;padding-left:21px;background:url() no-repeat 0 36px} .res1024 .d_myhome2 .d_member{left:472px;background:url() no-repeat 0 36px} .res1024 .d_myhome2 .d_card, .res1024 .d_myhome2 .d_finance, .res1024 .d_myhome2 .d_svc{height:214px;margin-top:209px;background:url() no-repeat 0 36px} .res1024 .d_myhome2 .d_card{width:215px;background:none} .res1024 .d_myhome2 .d_finance{width:214px;height:214px;background:url() no-repeat 0 36px} .res1024 .d_myhome2 .d_svc{width:195px} .res1024 .d_myhome2 .d_event .d_content{height:72px} .d_myhome2 .dl_amount2{_zoom:1; padding-top:10px;} .d_myhome2 .dl_amount2 dt{float:left;width:60px;height:18px;padding-top:2px;color:#999;letter-spacing:-1px;line-height:13px} .d_myhome2 .dl_amount2 dd{width:125px !important;height:20px;padding:0 !important;font-size:12px;color:#939393;text-align:right} .d_myhome2 .dl_amount2 dd strong{font-family:tahoma;letter-spacing:0} .d_myhome2 .dl_amount2 dd a{font-size:0.9em; color:#5a96c8; text-decoration:underline;} .d_myhome2 .dl_amount3{_zoom:1; padding-top:10px;} .d_myhome2 .dl_amount3 dt{float:left;width:60px;height:15px;padding-top:2px;color:#999;letter-spacing:-1px;line-height:13px} .d_myhome2 .dl_amount3 dd{width:148px !important;height:15px;padding:0 !important;font-size:12px;color:#939393;text-align:right} .d_myhome2 .dl_amount3 dd strong{font-family:tahoma;letter-spacing:0} .d_myhome2 .dl_amount3 dd a{font-size:0.9em; color:#5a96c8; text-decoration:underline;} .dl_amount31{border:1px solid red;} .amount2_21{width:100%;} .amount2_21 span{float:left;} .amount2_21 a{float:right; color:#5a96c8; text-decoration:underline} .amount2_22{text-align:right;} .amount2_22 a{color:#5a96c8; text-decoration:underline;} /* mjs */ .d_privatemodule .d_justforu h2 {height:11px; padding:0 0 15px !important; text-align: right} .d_privatemodule .d_justforu h2 img {float: none !important} .d_privatemodule .d_justforu li {float:left} /* 110215 */ .d_privatemodule .d_justforu {right: 0; width: 266px; padding: 0;} .d_privatemodule .d_justforu {width: 212px;}/* 120917 수정 */ #yellow { color:#f07832; } .service_list {width:584px;margin:42px 0 0 20px} .service_list li {float:left;position: relative;z-index:0;padding: 0 0 70px;} .service_list li.list01 {margin-right: 60px;z-index:10;} .service_list li.list02 {margin-right: 47px;z-index:9;} .service_list li.list03 {;z-index:8;} .service_list li.list04 {margin-right: 60px;z-index:7;} .service_list li.list05 {margin-right: 47px;z-index:6;} .service_list li.list06 {z-index:5;} .content_block .layer_service_balloon1 {position: absolute; z-index: 99;left: 164px; top: 110px;} .content_block .layer_service_balloon2 {position: absolute; z-index: 99;left: 366px; top: 110px;} .content_block .layer_service_balloon3 {position: absolute; z-index: 99;left: 570px; top: 110px;} .content_block .layer_service_balloon4 {position: absolute; z-index: 99;left: 164px; top: 276px;} .content_block .layer_service_balloon5 {position: absolute; z-index: 99;left: 366px; top: 276px;} .content_block .layer_service_balloon6 {position: absolute; z-index: 99;left: 570px; top: 276px;} .lay_payment {padding-bottom:15px;position: relative;} .lay_payment p{position: absolute;left: 0px;top: 0px;} .lay_payment dl{margin-left:65px;} .lay_payment dt {font-weight:bold;} .paymentList2 {width:100%;margin:42px 0 0 0px} .paymentList2 li {float:left;position: relative;z-index:0;padding: 0 0 70px;margin-right:77px} .paymentList2 li.list04 {margin-right: 0px;z-index:7;} .paymentList2 li.list05, .paymentList2 li.list06, .paymentList2 li.list07 {padding-bottom:20px} .content_block .layer_payment_balloon1 {position: absolute; z-index: 99;left: 144px; top: 130px;} .content_block .layer_payment_balloon2 {position: absolute; z-index: 99;left: 356px; top: 130px;} .content_block .layer_payment_balloon3 {position: absolute; z-index: 99;left: 560px; top: 130px;} .content_block .layer_payment_balloon4 {position: absolute; z-index: 99;left: 770px; top: 130px;} .content_block .layer_payment_balloon5 {position: absolute; z-index: 99;left: 144px; top: 296px;} .content_block .layer_payment_balloon6 {position: absolute; z-index: 99;left: 356px; top: 296px;} .content_block .layer_payment_balloon7 {position: absolute; z-index: 99;left: 560px; top: 296px;} .payment_application {position: absolute;right: 60px;top:420px;} .frame116 {display:block; position:absolute; left:0; top:0; width:116px; height:82px; background:url('') no-repeat} .list_event_ing {overflow:auto; overflow:hidden} .list_event_ing li {float:left; width:385px; height:105px; margin-bottom:-1px; padding:13px 0 0 20px;overflow:auto; overflow:hidden} .list_event_ing .p_photo {position:relative; float:left; width:116px; height:90px; margin-right:20px} .list_event_ing .p_desc {float:left; width:247px; overflow:hidden} .list_event_ing .p_tit {width:220px !important; color:#333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .list_event_ing .p_tit a {color:#333} .list_event_ing .p_txt {height:48px; margin:5px 0 0 !important; line-height:18px; word-break:keep-all; overflow:hidden} .list_event_ing .p_date {color:#333; font-size:11px; line-height:14px} .pay_service {width:100%} .pay_service li {width:137px;background: url("") no-repeat right 0;text-align:center;float:left} .pay_service li.first {width:119px} .pay_service li.end {background:none;} /* 도 추가 */ #primarySvcWrap{border-top:0px solid #dbdbdb;position:absolute;z-index:2;width:100%;left:0;top:370px;} .bgLine{height:9px;background:url(/2013home/image/bg_centercorssLine.png) repeat-x 0 0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2013home/image/bg_centercorssLine.png',enabled='true',sizingMethod='scale');} .contWrap{background:transparent;min-height:111px;_height:111px;position:relative;} #scrollSetMenuWrap{position:relative;width:918px;text-align:center;margin:0 auto} #scrollSetMenu{height:111px;overflow:hidden;} #setting_s,#settings_e{position:absolute;right:0;top:0} #allMenuWrap{position:relative;zoom:1;overflow:visible;background:#554d47;margin-bottom:0px} #allMenuList{display:none;width:918px;margin:0 auto;height:243px;position:relative} #toggleAllSvc{display:block;width:108px;height:22px;margin:0 auto;position:absolute;left:50%;bottom:-1px;margin-left:-54px;text-indent:-9999px;overflow:hidden;display:inline-block;background:url(https://www.kbstar.com/openimg/btn_toggleAll.png) no-repeat 0 0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.kbstar.com/openimg/openimg/btn_toggleAll.png',enabled='true',sizingMethod='image');cursor:pointer;} #toggleAllSvc_exp{display:block;width:108px;height:22px;margin:0 auto;position:absolute;left:50%;bottom:-1px;margin-left:-54px;text-indent:-9999px;overflow:hidden;display:inline-block;background:url(https://www.kbstar.com/openimg/btn_toggleAll_on.png) no-repeat 0 0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.kbstar.com/openimg/openimg/btn_toggleAll_on.png',enabled='true',sizingMethod='image');cursor:pointer;} #selectFavorWrap{height:413px;width:918px;position:relative;display:none;margin:0 auto} #selectFavor{width:707px;margin:0 auto} .obankWrap{position:absolute;left:8px;top:31px;} .obizWrap{position:absolute;left:254px;top:31px;} .oallWrap{position:absolute;left:538px;top:31px;} #allMenuList h2{height:25px} #allMenuList li{padding:5px 0 5px 10px;background:url(bul_arrow_1.gif) no-repeat 0 9px} #allMenuList li a{color:#bfb9b5} #allMenuList li a.external{padding-right:12px;background:url(bul_external.gif) no-repeat right;display:inline-block;padding-top:2px;margin-top:-2px;} #allMenuList li a:hover{color:#ffd200} #btnPrev{cursor:pointer;width:39px;height:51px;padding:10px;overflow:hidden;border:none;background:url(/2013home/image/btn_ctrl_prev.gif) no-repeat 10px 10px;text-indent:-999px;position:absolute;left:61px;top:36px;} /* 2012.09.17 ?????? */ #btnPrev.on{background-image:url(https://www.kbstar.com/openimg/btn_ctrl_prev_on.gif)} #btnNext{cursor:pointer;width:39px;height:51px;padding:10px;overflow:hidden;border:none;background:url(/2013home/image/btn_ctrl_next.gif) no-repeat 10px 10px;text-indent:-999px;position:absolute;right:61px;top:36px;} /* 2012.09.17 ?????? */ #btnNext.on{background-image:url(https://www.kbstar.com/openimg/btn_ctrl_next_on.gif)} .mask{width:707px;height:89px;margin:0 auto;overflow:hidden;margin-top:15px;position:relative;background:#fff} #psvcList{width:3000px;position:relative;left:0} #psvcList li{float:left;width:101px;height:89px;} #psvcList li span{overflow:hidden;width:89px;height:89px;display:block;margin:0 auto;background-image:url(/2013home/image/roll_img.gif);background-repeat:no-repeat;} #psvcList li span a{text-indent:-9999px;overflow:hidden;width:89px;height:89px;display:block;} #psvc_0{background-position:0 0} #psvc_1{background-position:-89px 0} #psvc_2{background-position:-178px 0} #psvc_3{background-position:-267px 0} #psvc_4{background-position:-356px 0} #psvc_5{background-position:-445px 0} #psvc_6{background-position:-534px 0} #psvc_7{background-position:-623px 0} #psvc_8{background-position:-712px 0} #psvc_9{background-position:-801px 0} #psvc_10{background-position:-890px 0} #psvc_11{background-position:-979px 0} #psvc_12{background-position:-1068px 0} #psvc_13{background-position:-1157px 0} #psvc_14{background-position:-1246px 0} #psvc_15{background-position:-1335px 0} #psvc_16{background-position:-1424px 0} #psvcSetList li{float:left;width:101px;height:109px;position:relative} #psvcSetList li label{overflow:hidden;width:89px;height:89px;text-indent:-9999px;display:block;margin:0 auto;background-image:url(/2013home/image/roll_img.gif);background-repeat:no-repeat;position:relative;z-index:99;cursor:pointer} #psvcSetList li input{position:absolute;left:50px;top:50px;z-index:9} #psvcSet_0{background-position:0 -89px} #psvcSet_1{background-position:-89px -89px} #psvcSet_2{background-position:-178px -89px} #psvcSet_3{background-position:-267px -89px} #psvcSet_4{background-position:-356px -89px} #psvcSet_5{background-position:-445px -89px} #psvcSet_6{background-position:-534px -89px} #psvcSet_7{background-position:-623px -89px} #psvcSet_8{background-position:-712px -89px} #psvcSet_9{background-position:-801px -89px} #psvcSet_10{background-position:-890px -89px} #psvcSet_11{background-position:-979px -89px} #psvcSet_12{background-position:-1068px -89px} #psvcSet_13{background-position:-1157px -89px} #psvcSet_14{background-position:-1246px -89px} #psvcSet_15{background-position:-1335px -89px} #psvcSet_16{background-position:-1424px -89px} #psvcSet_0.on{background-position:0 -178px} #psvcSet_1.on{background-position:-89px -178px} #psvcSet_2.on{background-position:-178px -178px} #psvcSet_3.on{background-position:-267px -178px} #psvcSet_4.on{background-position:-356px -178px} #psvcSet_5.on{background-position:-445px -178px} #psvcSet_6.on{background-position:-534px -178px} #psvcSet_7.on{background-position:-623px -178px} #psvcSet_8.on{background-position:-712px -178px} #psvcSet_9.on{background-position:-801px -178px} #psvcSet_10.on{background-position:-890px -178px} #psvcSet_11.on{background-position:-979px -178px} #psvcSet_12.on{background-position:-1068px -178px} #psvcSet_13.on{background-position:-1157px -178px} #psvcSet_14.on{background-position:-1246px -178px} #psvcSet_15.on{background-position:-1335px -178px} #psvcSet_16.on{background-position:-1424px -178px} #selectFavor .selInfo{text-align:center;padding:25px} #spot1{position:absolute;height:167px;left:0;top:0;width:272px;overflow:hidden;background:url(bg_act.gif) no-repeat 150px 4px} #spot2{position:absolute;height:167px;left:323px;top:0;width:260px;overflow:hidden} #spot3{position:absolute;height:167px;right:0;top:0;width:335px;overflow:hidden}