/* CSS Document */ @media screen and (max-width: 767px) { .main_sub_wrap, .w2wframe, .banner { display:none;} .r_mobile { display:block !important;} } /*css reset*/ * {-webkit-tap-highlight-color:transparent;outline:0;box-sizing:border-box; -webkit-box-sizing:border-box; } body { font: 13px 'Microsoft YaHei','Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif !important;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0} html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;clear:both;} html,* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} span { padding:0; } input,textarea{ outline:0 none; background: none; padding: 0; margin: 0; border:0;} em,i{ font-style: normal;} img{ border: 0 none;outline: 0 none;} a,a:hover,a:focus,a:active{ text-decoration: none;} ol, ul { list-style: none;} table { border-collapse: collapse; border-spacing: 0;} select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} input { border-color:#e1e1e1;-webkit-appearance: none; border-radius:none;} a:visited { color:#4a4a4a; } a { cursor:pointer} .w2modalopenedbody {overflow:auto !important;} .nfilter_num { width:285px !important; height:125px !important;} .nfilter_char { width:495px !important; height:192px !important;} /*瓿淀喌 鞝曥潣 -----------------------------------------------------------------------------------------------------------------*/ .w2group { background-color:transparent; } /* center box*/ .center_box { max-width:1000px; width:100%; margin:0 auto; position:relative; padding:0 10px;} /* top_bar*/ .top_bar { background-color:#f9f9f9; z-index:100; position:relative; width:100%; display:block;} .top_bar { border-bottom:1px solid #ececec; height:31px;} .top_bar .center_box .login { float:left; } .top_bar .center_box .login li { display:inline-block; width:90px; border-left:1px solid #ececec; text-align:center; line-height:30px; color:#000; font-weight:bold;cursor:pointer} .top_bar .center_box .login li:last-child { border-right:1px solid #ececec; color:#828282; font-weight:normal;} .top_bar .center_box .user_info {float:right;} .top_bar .center_box .user_info li { line-height:30px; display:inline-block; padding:0 10px; border-left:1px solid #ececec;} .top_bar .center_box .user_info li.level span { margin-right:10px; } .top_bar .center_box .user_info li img { vertical-align: inherit; } .top_bar .center_box .user_info li.bell {border-right:1px solid #ececec;} .top_bar .center_box .user_info li.bell img { vertical-align: text-bottom } /*top 氅旊壌*/ .top_block { background-color:#f9f9f9; position:relative; z-index:100; width:100%;} .top_menu { max-width:1000px; width:100%; height:50px; background-color:#f9f9f9; margin:0 auto; position:relative; padding:0 10px; z-index:100;} .top_menu>img { cursor:pointer;} .top_menu ul {float:right} .top_menu ul li { font-size:14px; display:inline-block; line-height:50px; background-color:#f9f9f9; padding:0 20px;position:relative} .top_menu ul li::after { content:"|" ; position:absolute; top:0 ; right:-3px; width:6px; color:#d5d5d5; font-size:12px} .top_menu ul li.last::after { content:""} .top_menu ul li.last { margin:0 10px; line-height:2; padding:0 10px; background-color:#eee;} .top_menu ul li.last a { color:#294e93;font-weight:bold;} .top_menu ul li.last:hover { background-color:#3579d4} .top_menu ul li.last:hover a { color:#fff;font-weight:bold;} #show li a.active { color:#3579d4; font-weight:bold;} /*gnb*/ .tablet_layout { display:none;} .gnb {width:100%; height:70px; background-color:#294e93; position:relative; z-index:100; clear:both;} .gnb .warp {max-width:980px; width:100%; margin:0 auto; position:relative} .gnb .warp .gnb_menu { font-size:18px; display:inline-block; padding:0 29px; height:60px; margin-top:10px; border-top-left-radius:4px; border-top-right-radius:4px;} .gnb.before .warp .gnb_menu { padding:0 50px;} .gnb.individual .warp .gnb_menu { margin-right:4.5%; } .gnb .warp .gnb_menu>a { color:#fff; line-height:50px} .gnb .warp .gnb_menu:hover { background-color:#fff; } .gnb .warp .gnb_menu.before:hover { background-color:transparent !important; } .gnb .warp .gnb_menu:hover>a { color:#294e93; font-weight:bold; } .gnb .warp .gnb_menu.before:hover>a { color:#fff !important; font-weight:bold; } .gnb .warp .gnb_menu:hover .sub{ display:block;} .gnb.custom .warp .gnb_menu { padding:0 25px;} .gnb.simple .warp .gnb_menu { padding:0 18px;} /*gnb 霐れ矘毽�*/ .gnb_div_locker { display:none; position:absolute; width:100%; top:0; background-color:rgba(0,0,0,0.7); z-index:50; } .gnb_div_locker::before { content:""; position:absolute; bottom:0; left:0; width:100%; height:40px; background-color:#cb9d5b; } .gnb_div_locker::after {content:""; position:absolute; width:100%; height:40px; max-width:980px; left:50%; bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);background-color:#294e93;} /*gnb 靹滊笇氅旊壌*/ .sub { display:none; position:absolute; max-width:980px; width:100%; left:0; padding:18px 25px; z-index:100; top:70px; /*min-height:315px;*/ background-color:#fff; } .sub .sub_group { width:100%; max-width:344px; float:left; margin-right:25px; margin-bottom:20px;} .sub .sub_group .sub_group_title { font-size:14px; color:#294e93; line-height:28px; height:30px; text-align:center; border:1px solid #d2d8e5; background-color:#e8ecf4; } .sub_group_dep2 { width:100%; max-width:160px; float:left; margin-right:24px; } .gnb .warp .gnb_menu .sub .sub_group .sub_group_dep2:nth-child(3) { margin-right:0; } .sub_group_dep2 li { height:26px; text-align:left; } .sub_group_dep2 li a { color:#252525; font-size:12px; line-height:26px; } .sub_group_dep2 li:hover a { color:#cb9d5b; text-decoration:underline; font-weight:bold} .sub_group_dep2 .sub_menu_title {height:37px; line-height:35px;border-bottom:1px solid #3579d4;margin-top:3px; margin-bottom:8px; } .sub_group_dep2 .sub_menu_title a{ font-size:14px; color:#252525; line-height:35px; font-weight:bold; } .sub_group_dep2 .sub_menu_title:hover a { font-size:14px; color:#252525; line-height:35px; font-weight:bold; text-decoration:none; } /*順勳灛鞙勳箻 nav*/ .breadcrumb { width:100%; height:40px; background-color:#fdfdfd; border-bottom:1px solid #edece9;} .breadcrumb .box { background-color:#fdfdfd; max-width:980px; width:100%; margin:0 auto; line-height:39px; } .breadcrumb .nav { background-color:#fdfdfd; float:left; height:39px; } .breadcrumb .nav img { margin-right:10px; vertical-align:0px;} .breadcrumb .nav a { margin-right:8px; color:#828282; font-family:dotum !important;} .breadcrumb .nav a.current { color:#294e93; } .breadcrumb .access_list { float:right; background-color:#fdfdfd; height:39px;} .breadcrumb .access_list span { color:#828282; font-size:11px; font-family:dotum !important;} .breadcrumb .access_list span:first-child { margin-right:10px; } /*footer*/ .footer { clear:both; width:100%; height:auto; background-color:#f9f9f9; padding-top:15px; } .footer p {color:#828282;} .footer .center_box .content1 { height:40px; border-bottom:1px solid #eaeaea; padding-right:20px;} .footer .center_box .content1 .nav li { font-size:12px; display:inline-block; line-height:40px;padding:0 12px; position:relative; } .footer .center_box .content1 .nav li::after { content:"|" ; position:absolute; top:0 ; right:-3px; width:6px; color:#d5d5d5; font-size:12px} .footer .center_box .content1 .nav li.last:after { content:""; } .footer .center_box .content1 .tel span { line-height:40px; font-size:14px; margin-right:5px;} .footer .center_box .content1 .tel span.impact { color:#ff6926; font-weight:bold;} .footer .center_box .content2 { clear:both; height:75px;padding:20px 20px; border-bottom:1px solid #eaeaea} .footer .center_box .content2 .left { height:29px;} .footer .center_box .content2 .flag { width:20px; height:15px;display:inline-block;line-height:30px; margin-right:10px; margin-top:8px;} .footer .center_box .content2 .flag.korea { background:url(/images/icon_flag_korea.png) no-repeat;} .footer .center_box .content2 .flag.china { background:url(/images/icon_flag_china.png) no-repeat;} .footer .center_box .content2 .flag.usa { background:url(/images/icon_flag_usa.png) no-repeat; margin-right:0px;} .footer .center_box .content3 { height:80px; padding:15px 20px 0 20px;} .footer .center_box .content3 .footer_logo { display:inline-block; width:122px; height:20px; background:url("/images/footer_logo.png") no-repeat} /* 旎劥旄� warp 鞝曥潣*/ .login_wrap { max-width:1000px; padding:0 10px; width:100%; margin:40px auto 50px auto; min-height:475px;} .main_sub_wrap { max-width:1000px; padding:0 10px; width:100%; margin:25px auto 50px auto; min-height:475px;clear:both} /* 韮�鞚错媭*/ .page_title { width:100%; height:40px; border-bottom:1px solid #e1e1e1;margin-bottom:40px;} .page_title h3 {font-family:'Microsoft YaHei','Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif !important;font-size:22px; color:#294e93; line-height:1 } .content_title { width:100%; height:70px; margin-top:10px;} .content_title h3 { font-family:'Microsoft YaHei','Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif !important;font-size:18px; color:#294e93; line-height:70px; } /* 攴鸽Μ霌� 瓿淀喌*/ .gridBodyDefault { font-size:13px; color:#4a4a4a} .gridHeaderTableDefault { border-right:none !important; border-left:none !important; border-color:#d7dce2 !important; } .gridHeaderTableDefault th { font-family:'Microsoft YaHei','Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif !important;height:53px !important; background:#fcfdfe !important; border-color:#d7dce2 !important; font-size:15px !important; color:#0b3579 !important; } .gridHeaderTableDefault td { height:53px !important; background:#fff !important; border-color:#d7dce2 !important; padding:0 10px; font-family:dotum !important; } .gridHeaderTableDefault th:nth-child(1) { border-left:none !important; } .gridHeaderTableDefault th:last-child { border-right:none !important; } .gridHeaderTableDefault td:nth-child(1) { border-left:none !important; } .gridHeaderTableDefault td:last-child { border-right:none !important; } .direct { border-right:none; border-left:none; width:60px !important; padding-right:0 !important;} .direct a{ text-decoration:underline; color:#244f94;} .direct a:visited {color:#244f94;} .w2grid_head_sort_div_main { padding-left:10px !important; padding-right:10px !important; background-position:right center;} .sum_grid th { height:25px;} /*.gridBodyDefault { overflow:inherit; text-overflow:inherit; word-break:break-all; white-space:normal}*/ /*.w2grid nobr { padding:0; white-space:normal}*/ /* 韰岇溂敫� 瓿淀喌 鞝曥潣 */ th.star::before { content:"*";color:red} span.star::before { content:"*";color:red;padding-left:6px;} /*.default { width: 100%; table-layout:fixed}*/ .default { width: 100%;} .default th { height:53px;border: 1px solid #d7dce2; background:#fcfdfe ; color:#0b3579 ; font-size:15px; text-align:left; } /*.default td { height:53px;border: 1px solid #d7dce2 ; padding:10px; word-break:break-all;}*/ .default td { height:53px;border: 1px solid #d7dce2 } .default th:nth-child(1) { border-left:none !important; } .default th:last-child { border-right:none !important; } .default td:nth-child(1) { border-left:none !important; } .default td:last-child { border-right:none !important; } .default td.button_area { height:70px; text-align:center;} .default.top { position:relative; background:#transparent} .default.nb td { padding:20px;} .default.nb td.detail p { padding-left:10px; text-indent:-15px; margin-bottom:10px; text-align:left;} .default.top.fixed { position:inherit} .default1 { width: 100%;} .default1 th { height:53px;border: 1px solid #d7dce2; background:#fcfdfe ; vertical-align: middle; color:#0b3579 ; font-size:15px; text-align:center; } .default1 td { height:53px;border: 1px solid #d7dce2 } .default1 th:nth-child(1) { border-left:none !important; } .default1 th:last-child { border-right:none !important; } .default1 td:nth-child(1) { border-left:none !important; } .default1 td:last-child { border-right:none !important; } .default1 td.button_area { height:70px; text-align:center;} .default.parallel th, .default.parallel td { padding-left:25px;} .default.top th, .default.top td { text-align:center;} .default.top td { background:#fff;} .default.access th span { margin-left:7px; vertical-align:middle;} .default.access td { height:auto !important;} .access_detail { display:inline-block; width:232px; margin-bottom:10px; vertical-align:top;} .access_detail span { vertical-align:middle; margin-left:7px;} .access_detail_title { padding-bottom:10px;padding-top:20px; margin-bottom:10px; border-bottom:1px solid #e1e1e1; color:#294e93; font-weight:bold} .access_title.active {border-top:2px solid #294e93;} .access_content { display:none} .access_content.active {border-bottom:1px solid #e1e1e1;} .deposit tr td, .deposit tr th { padding:10px;} .deposit .sub_tr { display:none;} .deposit .sub_content { padding:10px 0 40px 0;} .deposit .sub_content2 { padding:25px; text-align:left !important; line-height:1.4} .deposit .sub_content .sub_table { width:100%} .deposit .sub_content .sub_table th, .deposit .sub_content .sub_table td { height:35px; border:1px solid #4f70a7; font-size:12px;} .deposit .sub_content .sub_table th {background:#a0b2cf; color:#fff; font-weight:normal; } .deposit .sub_content .sub_table th:nth-child(1) { font-weight:bold} .deposit .sub_content .sub_table tr td { color:#828282; padding:10px;} .deposit .sub_content .sub_table tr td:nth-child(1) { color:#a0b2cf; font-weight:bold} .deposit tr td a { text-decoration:underline; position:relative} .deposit tr td a.detail::after { content:"|"; position:absolute; left:30px;} .deposit tr td a.detail { margin-right:20px;} .cms_sum td { background-color:#f9f9f9 !important;} /*瓴办牅靹� 韰岇澊敫� 鞝曤牞*/ .approval_line th, .approval_line td { text-align:center;} /*韺濎梾 韰岇澊敫�*/ .pop_table th, .pop_table td { font-size:13px; height:40px;text-align:center !important;} .pop_table td .button_radio div label { margin-right:0} .pop_table.style_top tr td { padding:5px 5px; text-align:left !important;} .pop_table.style_top tr td:last-child { text-align:center !important;} .pop_table.style_left th { width:190px;} .popup_findCode .left_thead th,.popup_findCode .left_thead td { text-align:left !important; } .pop_table1 th, .pop_table1 td { font-size:13px; height:40px;text-align:left !important;} .popup_findCode td { word-break:break-all;} /*靸來拡 韼橃澊歆� 韰岇澊敫�*/ .default.product .name { color:#3579d4; font-size:20px; text-align:center; padding:20px 20px;font-weight:400} .default.product .name p.middle { margin-top: 15px; text-align:center; font-size:12px; width:100px;color:#ff6926; padding:2px 0; border:1px solid #ff6926; border-radius:10px;} .default.product .per { color:#ff6926; font-weight:bold; padding:20px 20px; } .default.product .per p { font-weight:normal; font-size:12px; width:100px;color:#00a0e9; padding:2px 0; border:1px solid #00a0e9; border-radius:10px;margin:7px auto 0 auto; } .default.product .per em { color:#4a4a4a; margin-top:10px; display:block;font-weight:normal} .default.product .per em.num { margin-top:10px; color:#ff6926; font-size:20px;font-weight:400; margin-bottom:10px;} .default.product .info p { color:#4a4a4a; font-size:13px; line-height:1.2; text-align:left;padding:20px 20px} .default.product .info.fund p { padding:10px 10px;} table.import { border-top:2px solid #0b3579} .inner_grid {border-top:2px solid #0b3579} /* 膦岇浮 head 韰岇澊敫�*/ .left_thead { border-top:2px solid #0b3579; } .left_thead th { padding-left:20px;} .left_thead col:nth-child(1) { width:19.4%} .left_thead td { padding-left:25px;} /*Top head 韰岇澊敫�*/ .center_thead { border-top:2px solid #0b3579; } .center_thead col:nth-child(1) { width:19.4%} .center_thead td { text-align:center;} /* 韼橃澊歆� 毽姢韸� 瓿淀喌 */ .w2pageList { padding:30px 0 35px 0; border-bottom:2px solid #0b3579; position:relative;} .w2pageList_col_prevPage { width:34px; height:24px; background:url(/images/icon_page_prev.png) no-repeat; } .w2pageList_col_prev { width:44px; height:24px; background:url(/images/icon_prev.png) no-repeat;} .w2pageList_col_next { width:34px; height:24px; background:url(/images/icon_next.png) no-repeat;} .w2pageList_col_nextPage { width:24px; height:24px; background:url(/images/icon_page_next.png) no-repeat; } .w2pageList_label { width:24px; height:24px; border:1px solid #e6e6e6; color:#3768c4; margin-right:10px; line-height:24px} .w2pageList_label_selected { width:24px; height:24px; border:none; color:#fff; margin-right:10px; line-height:24px; background-color:#3579d4} #page01_page_10 { margin-right:20px} /*tab 旎厫旄�*/ .w2group.w2tabcontrol_contents_wrapper { height:100% !important;;} .w2tabcontrol_tabhost li { margin:0; } .w2tabcontrol_tabhost li a { margin:0; } .w2tabcontrol_tab_left, .w2tabcontrol_tab_right { display:none; } .w2tabcontrol_tab_center, .w2tabcontrol_tab_left, .w2tabcontrol_tab_right { background-image:none !important} .w2tabcontrol_container { border:none;} .w2tabcontrol_contents_wrapper .content_area { width:330px; margin:45px auto 0 auto;} .w2tabcontrol_contents_wrapper .content_area input { width:100%; height:40px; border:1px solid #e1e1e1; padding-left:50px; font-size:13px; color:#828282; } .w2tabcontrol_contents_wrapper .content_area .in_box { position:relative; margin-bottom:5px;} .w2tabcontrol_contents_wrapper .content_area .in_box:nth-child(4) { margin-bottom:20px;} .w2tabcontrol_contents_wrapper .content_area .in_box.submit input { padding:0; text-align:center; height:50px; background-color:#e56a27; color:#fff;font-size:16px;border:none; border-radius:4px} .w2group.w2tabcontrol_contents_wrapper { z-index:0} .w2tabcontrol_contents_wrapper { overflow:hidden;} /*radio 氩勴娂(氩勴娂順�)*/ .button_radio div { display:inline-block} .button_radio div input[type="radio"] { display:none;} .button_radio div label { text-align:center; display:inline-block; padding:0 15px; height:30px; line-height:30px; border:1px solid #ccc; color:#343434; margin-right:10px; border-radius:2px;} .button_radio div input[type="radio"]:checked + label { border-color:#0b4bb5; color:#083784;} .button_check div { display:inline-block} .button_check div input[type="checkbox"] { display:none;} .button_check div label { text-align:center; display:inline-block; padding:0 15px; height:30px; line-height:30px; border:1px solid #0b4bb5; color:#0b4bb5; margin-right:10px; border-radius:2px;} .button_check div input[type="checkbox"]:checked + label { border-color:#0b4bb5; color:#fff; background-color:#0b4bb5;} .check_grid input[type="checkbox"] { display:none;} .check_grid label{ color:transparent;width:19px; height:18px; background:url(/images/checkbox.png) no-repeat;background-size:19px 18px;display:inline-block} .check_grid input[type="checkbox"]:checked + label {background:url(/images/checkbox_active.png) no-repeat; background-size:19px 18px} .check_grid input[type="radio"] { display:none;} .check_grid label{ color:transparent;width:19px; height:18px; background:url(/images/checkbox.png) no-repeat;background-size:19px 18px;display:inline-block} .check_grid input[type="radio"]:checked + label {background:url(/images/checkbox_active.png) no-repeat; background-size:19px 18px} /* check氚曥姢 鞝曥潣 */ .checkbox input {display:none;} .checkbox label { width:19px; height:18px; background:url(/images/checkbox.png) no-repeat;background-size:19px 18px;display:inline-block} .checkbox input[type="checkbox"]:checked + label {background:url(/images/checkbox_active.png) no-repeat; background-size:19px 18px} .checkbox input[type="radio"]:checked + label {background:url(/images/checkbox_active.png) no-repeat; background-size:19px 18px} /*靺�霟姼 氚曥姢*/ .account { width:320px; height:30px; :border-width:1px; border-color:#0b4bb5; color:#4a4a4a; padding-left:10px; background:url(/images/icon_list_arrow.png) no-repeat; background-position: center right 10px; background-color:#fdfeff;}/*瓿勳靹犿儩 */ .list_num { width:105px; height:24px; border-color:#e5e5e5; color:#3579d4; text-align:center; position:absolute; top:30px; background: url(/images/icon_list_arrow.png) no-repeat; background-position: center right 10px; padding-left:10px; border-width:1px; } .w2selectbox .w2selectbox_col_button {background-image:url(/images/icon_list_arrow.png)} .w2selectbox_col_button { width:24px; border-left:1px solid #e5e5e5;} .list_style { background-color:#fff;width:130px; height:30px; border-color:#dcdcdc; border-radius:2px;color:#828282; padding-left: 10px; background: url(/images/icon_list_arrow.png) no-repeat; background-position: center right 10px;} .list_style .w2selectbox_col_button { border-left:none;} .list_style .w2selectbox_label {font-size:11px;} /*雼牓鞛呺牓韽�*/ .calendar {width:124px; height:30px; position:relative;} .calendar .w2inputCalendar_div_input { width:100% !important ;height:100% !important; padding-right:0px;} .calendar .w2inputCalendar_div_input input { width:100% !important; height:100% !important; border-color:#c2c2c2 !important; padding-left:10px;line-height:0 !important;} .calendar .w2inputCalendar_div_img { position:absolute; right:0; width:30px !important; border-left:1px solid #c2c2c2;} .calendar + span { font-size:20px; vertical-align:middle; padding:0 3px; color:#343434} span.rule { padding-left:10px; color:#e56a27; font-size:12px;} /*鞚疙拫氚曥姢*/ .find_code {height:30px; border-color:#c2c2c2 !important; padding-left:10px;} input.import { height:30px; border-color:#0b4bb5 !important; padding-left:10px; } input.import.cash { text-align:right; padding:0 10px;} .inputb1 { width:320px; height:30px; border-color:#0b4bb5; color:#4a4a4a; padding-left:10px; background-color:rgba(255,234,241,0.2) ; }/*鞛呺牓彀� */ .inputb2 { width:320px; height:30px; border-color:#cccccc; color:#4a4a4a; padding-left:10px; background-color:#ffffff; }/*鞛呺牓彀� */ div.after { position:relative; height:auto!important; } div.after::after {content: "CNY"; position: absolute; left: 10px; top: 8px; color: #3579d4;} div.after2 { position:relative; height:auto!important; } div.after2::after {content: ""; position: absolute; left: 10px; top: 8px; color: #3579d4;} #ipt_TITLE { line-height:0px !important;} /* alert 瓿淀喌*/ .popLay .popWrap {padding:0} .popLay .w2group.btn_area_01 { text-align:center; margin-top:30px;} .popLay .w2floatingLayer_centercenter {padding:30px 0 20px 0 !important;} /* quick button */ #quick_menu { position: absolute;left:200px; } #quick_menu h1 { width:90px; height:50px; background:#294e93; color:#fff; text-align:center; margin-top:15px; font-weight:400} #quick_menu h1 div { padding-top:15px;} #quick_menu li { list-style:none; width:90px; height:80px; border:1px solid #e1e1e1;border-bottom:none;text-align:center; cursor:pointer;background-color:#fff;} #quick_menu li:last-child { border-bottom:1px solid #e1e1e1;} #quick_menu li:hover { background-color:#cb9d5b} #quick_menu li div { width:36px; height:36px; background-color:#fff;margin:10px auto 0 auto; border-radius:50%;} #quick_menu li p {color:#cb9d5b; margin-top:5px;} #quick_menu li:hover p { color:#fff} #quick_menu li:nth-child(2) div { background:url(/images/quick_01.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(3) div { background:url(/images/quick_03.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(4) div { background:url(/images/quick_04.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(5) div { background:url(/images/quick_05.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(6) div { background:url(/images/quick_05.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(2):hover div { background:url(/images/quick_01_active.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(3):hover div { background:url(/images/quick_03_active.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(4):hover div { background:url(/images/quick_04_active.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(5):hover div { background:url(/images/quick_05_active.png) no-repeat; background-position:center center; } #quick_menu li:nth-child(6):hover div { background:url(/images/quick_05_active.png) no-repeat; background-position:center center; } #quick_menu li.visit { position:relative;} #quick_menu li.visit ul {position:absolute; left:89px; top:0; display:none;} #quick_menu li.visit:hover ul {display:block;} #quick_menu li.visit ul li { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; list-style:none; width:150px; height:40px;padding:0 5px; line-height:40px; border:1px solid #e1e1e1; border-left:none; border-bottom:none} #quick_menu li.visit ul li:last-child { border-bottom:1px solid #e1e1e1;} #quick_menu li.visit ul li a { color:#3579d4} #quick_menu li.visit ul li:hover a { color:#fff} /*box旎厫韸�*/ .box_content { width:100%; border:1px solid #e1e1e1;padding-bottom:25px} .box_content.harf {max-width:485px; float:left; margin-bottom:10px} .box_content h4 { font-size:17px; color:#4a4a4a;line-height:50px; border-bottom:1px solid #e1e1e1; padding:0 26px; margin-bottom:25px} .box_content p { padding:0 26px 0 40px; text-indent:-11px; font-size:12px; color:#4a4a4a; margin-bottom:10px;line-height:1.5} .box_content p.content span { font-size:15px; color:#4a4a4a; padding-right:40px;} .box_content p span.impact { color:#ff6926; padding-right:0} .box_content p.inline span{ padding:0; font-size:12px; font-weight:bold;} .box_content li { padding-left:40px; line-height:1.6; } .box_content.cash_back { padding:25px;} .box_content.cash_back p { padding-left:0; text-indent:0; font-size:14px; line-height:1.4} .box_content.cash_back p.cash_title {font-size:18px; color:#4a4a4a; font-weight:bold;} /* 韺濎梾 霐旐彺韸� */ .w2floatingLayer_table { background:#fff} .w2floatingLayer_topleft, .w2floatingLayer_topcenter, .w2floatingLayer_topright ,.w2floatingLayer_centerleft, .w2floatingLayer_centerright, .w2floatingLayer_bottomleft, .w2floatingLayer_bottomcenter, .w2floatingLayer_bottomright { background:#fff;} .w2floatingLayer_topleft {border-left:1px solid #294e93; border-top:1px solid #294e93} .w2floatingLayer_topcenter { border-top:1px solid #294e93} .w2floatingLayer_topright {border-right:1px solid #294e93; border-top:1px solid #294e93;} .w2floatingLayer_centerleft {border-left:1px solid #294e93; } .w2floatingLayer_centerright {border-right:1px solid #294e93; } .w2floatingLayer_bottomleft {border-left:1px solid #294e93; border-bottom:1px solid #294e93} .w2floatingLayer_bottomcenter { border-bottom:1px solid #294e93} .w2floatingLayer_bottomright {border-right:1px solid #294e93; border-bottom:1px solid #294e93} /*韮�鞚错媭*/ .w2floatingLayer_topcenter, .w2floatingLayer_topleft, .w2floatingLayer_topright { background:#294e93; height:70px;} .w2floatingLayer_topleft, .w2floatingLayer_topright { width:25px;} .w2floatingLayer_title {font-size:28px; font-weight:normal; } .w2floatingLayer_close_button { width:30px; height:30px; background:url(/images/icon_close.png) no-repeat center center; background-color:#294e93; position:absolute; top:20px; right:25px; } .w2floatingLayer_centercenter { padding-top:40px;padding-bottom:28px; } .receipt .w2floatingLayer_centercenter { padding-top:20px;padding-bottom:8px; } .receipt .content { height:468px !important; overflow-y:scroll; } .popup_findCode .w2floatingLayer_contents { height:500px !important;} /*#popup_approval .w2floatingLayer_contents, #popup_sysnc .w2floatingLayer_contents { height:298px !important;} */ .w2floatingLayer_contents { height:auto !important; } .w2floatingLayer_table { height:auto !important; } /*韺濎梾氩勴娂 */ .pop_button { text-align:center; margin-top:50px; } /* 鞚胳 瓿淀喌*/ .choice_type_common { clear:both; width:100%;} .choice_type_common.en .type { width:49%; height:185px; border:1px solid #e1e1e1; float:left; padding:18px 0px;} .choice_type_common.invi .type { width:32%; height:185px; border:1px solid #e1e1e1; float:left; padding:18px 0px;} .choice_type_common .type.active { border:2px solid #3579d4;} .choice_type_common .type .chocie_title { font-size:16px; color:#e1e1e1; text-align:center; } .choice_type_common .type.active .chocie_title { color:#3579d4; font-weight:bold} .choice_type_common .type .chocie_button { text-align:center; font-size:15px; color:#fff; display:block;width:180px; height:40px; background-color:#e1e1e1; border-radius:4px; line-height:40px; margin:0 auto; } .choice_type_common .type.active .chocie_button { background-color:#3579d4} .choice_type_common .type.choice_qr_otp { margin-right:2%} .choice_type_common .type.choice_qr_otp .choice_image { width:220px; height:47px; background:url('/images/app_co_icon_qr_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_qr_otp .choice_image { background:url('/images/app_co_icon_qr_selected.png') no-repeat; } .choice_type_common .type.choice_sms_otp .choice_image { width:220px; height:47px; background:url('/images/app_co_icon_sms_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_sms_otp .choice_image { background:url('/images/app_co_icon_sms_selected.png') no-repeat;} .choice_type_common .type.choice_otp { margin-right:2%} .choice_type_common .type.choice_otp .choice_image { width:90px; height:47px; background:url('/images/app_co_left_icon_otp_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_otp .choice_image { background:url('/images/app_co_left_icon_otp.png') no-repeat;} .choice_type_common .type.choice_qr, .choice_type_common .type.choice_qr_sms { margin-right:2%} .choice_type_common .type.choice_qr .choice_image { width:81px; height:47px;background:url('/images/app_per_icon_qr_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_qr .choice_image {background:url('/images/app_per_icon_qr_selected.png') no-repeat; } .choice_type_common .type.choice_qr_sms .choice_image { width:195px; height:47px;background:url('/images/app_per_icon_qrsms_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_qr_sms .choice_image {background:url('/images/app_per_icon_qrsms_selected.png') no-repeat;} .choice_type_common .type.choice_sms .choice_image { width:79px; height:47px;background:url('/images/app_per_icon_sms_unselected.png') no-repeat; margin:14px auto 25px auto;} .choice_type_common .type.active.choice_sms .choice_image {background:url('/images/app_per_icon_sms_selected.png') no-repeat;} .step { display:none;width:100%; height:185px; border:1px solid #3579d4;} .step.active { display:block} .step .info_area, .step .input_area { float:left; height:100%;} .step .info_area { width:49%; background-color:#3579d4; padding-top:35px; } .step .info_area .title {width:36% ; float:left; text-align:center} .step .info_area .title p { font-size:17px; color:#fff; margin-bottom:20px; font-weight:bold } .step .info_area .content { width:64%; float:left; } .step .info_area .content p { color:#fff; font-size:14px; line-height:1.7} .step .input_area { width:51%; text-align:center; padding-top:40px;} .step.step_qr .input_area { padding-top:0;} .step .input_area a.auth_button { margin:0 auto; margin-top:20px; width:185px; height:30px; display:block; line-height:30px; border:1px solid #3579d4; color:#3579d4; border-radius:4px;} .step.step_qr .input_area a.auth_button { margin-top:0} .step.step_qr .input_area a.auth_button.active { background:#e1e1e1; border-color:#e1e1e1; color:#fff;} .step .input_area a.auth_button:hover { background-color:#3579d4; color:#fff;} .step .input_area .qr_code { width:143px; display:inline-block; margin-top:20px; } .step .input_area .qr_code .scan_area { width:143px; height:143px; background:url(/images/app_co_qr_bg.png) no-repeat;} .step .input_area .input {width:185px; display:inline-block; margin-left:17px; vertical-align:top; margin-top:50px;} .step.step_otp .input_area p { color:#3579d4; margin:10px 0;} .step.step_email .input_area p { color:#3579d4; margin-top:20px;} .step.step_otp .input_area a.sync { color:#e56a27; text-decoration:underline;} .count { display:none; position: absolute; right: 19%; top: 210px; font-size: 20px; color:#ff6926; font-weight:bold} .qr_count { display:none; font-size: 20px; color:#ff6926; font-weight:bold; margin-top:24px;} /* table 鞀ろ儉鞚� 鞝曥潣*/ .style0 { width:100%; height:160px; margin-bottom:55px;} .style0 thead { border-right:none !important; border-left:none !important; border-color:#d7dce2 !important; } .style0 th {border-top:3px solid #0b3579 !important;} .style0 tbody tr:nth-child(2) td { border-bottom:2px solid #0b3579 !important; } .style1 ul { height:50px;} .style1 ul li { width:25%; border:1px solid #ececec; border-right:none; line-height:50px; border-bottom:2px solid #0b3579;} .style1 ul li:last-child { border-right:1px solid #ececec; } .style1 ul li a { position:inherit; top:inherit; line-height:50px; color:#4a4a4a; font-size:16px; } .style1 ul li.w2tabcontrol_active { border-color:#0b3579; border-width:2px;border-right:2px solid #0b3579; border-bottom:none;} .style1 ul li.w2tabcontrol_active a { color:#0b3579; font-size:18px;} .style2 ul { height:auto;} .style2 ul li { width:16.50%; border:1px solid #ececec; border-right:none; line-height:50px; border-bottom:2px solid #0b3579;} .style2 ul li:last-child { border-right:1px solid #ececec; } .style2 ul li a { position:inherit; top:inherit; line-height:50px; font-family:"NotoSansKR";color:#4a4a4a; font-size:13px; } .style2 ul li.w2tabcontrol_active { border-color:#0b3579; border-width:2px;border-right:2px solid #0b3579; border-bottom:none;} .style2 ul li.w2tabcontrol_active a { color:#0b3579; font-size:14px;} .popup_findCode .style1 ul li { width:50% !important;} .popup_findCode .style1 ul li.find_bank_li { width:33.33% !important;} /*觳错伂氚曥姢*/ .check_box1 {outline: none; display: block; background: rgba(0, 0, 0, 0.1); width: 15px; height:15px; border: 0; border-radius: 4px; box-sizing: border-box; padding: 12px 20px; color: rgba(0, 0, 0, 0.6); font-family: inherit; font-size: inherit; font-weight: 500; line-height: inherit; -webkit-transition: 0.3s ease; transition: 0.3s ease;} .check_box2 {position: absolute; font-size: 14px; top: 0; left: 0; width: 15px; height: 15px; text-align: center; opacity: 0; color: rgba(0,0,0,.87); boder:1px;} /*button 鞝曥潣*/ .right { float:right} .right.sub_area { margin-top:20px; } .left { float:left} .button_area { width:100%; height:70px; padding-top:20px} .button_td { text-align:center; height:70px !important; } .btn_area{ height:60px; padding-top:15px; padding-left:340px;} .button { height:30px;;margin-right:10px; line-height:30px; color:#828282; padding:0 12px 0 32px; border:1px solid #dcdcdc; display:inline-block; border-radius:3px; font-size:12px } .button:last-child { margin-right:0} .button.none_icon { background:none; border-color:#3579d4; color:#3579d4; padding:0 20px; } .button.none_icon:hover { background-color:#3579d4; color:#fff;} .button.none_icon.reg { background:none; background-color:#3579d4; color:#fff; padding:0 20px; } .button.none_icon.reg:hover { border-color:#3579d4; color:#3579d4; background:#fff;} .button.refrash { background:url(/images/icon_button_refrash.png) no-repeat; background-position: 14px center} .button.exel { background:url(/images/icon_button_exel.png) no-repeat; background-position: 14px center} .button.erp { background:url(/images/icon_erp.png) no-repeat; background-position: 14px center; padding-left:45px;} .button.print { background:url(/images/icon_button_print.png) no-repeat; background-position: 14px center; margin-right:0} .button.sort { vertical-align:top; padding:0 30px 0 20px; background:url(/images/icon_sortarrowup.png) no-repeat; background-position:top 9px right 15px} .button.sort.change { background:url(/images/icon_sortarrowdown.png) no-repeat; background-position:top 9px right 15px} .button.detail { background:url(/images/icon_button_detail.png) no-repeat 14px center; height:40px;line-height:40px;} .button.reg { background:url(/images/icon_button_reg_active.png) no-repeat 14px center; height:40px;background-color:#3579d4; color:#fff; line-height:40px;border:none;vertical-align:bottom;} .button.adobe { background:url(/images/icon_macromedia.png) no-repeat; background-position: 10px 5px; margin-top:-8px;} .button1 { height:30px; margin-right:10px; line-height:30px; color:#828282; padding:0 12px 0 12px; border:1px solid #dcdcdc; display:inline-block; border-radius:3px; font-size:11px; cursor:pointer;} .button1.etc { float:left; text-align: center;}/*20170808氩勴娂於旉皜*/ .button2 { height:30px;;margin-right:0px; line-height:30px; color:#828282; padding:0 26px 0 14px; border:1px solid #dcdcdc; display:inline-block; border-radius:3px; font-size:11px } .button2.download { background:url(/images/icon_download.png) no-repeat; background-position: top 8px right 10px;} .button3 { height:30px; line-height:30px; color:#828282; padding:0 12px 8px 36px; border:1px solid #dcdcdc; display:inline-block; border-radius:3px; font-size:11px } .button3.adobe { background:url(/images/icon_macromedia.png) no-repeat; background-position: 10px 5px; margin-top:-8px;} .button2.next { display: inline-block; margin-right: 12px;background-image:url(/images/icon_button_refrash.png) no-repeat; background-position: 14px center} .button2.site_link { display: inline-block; margin-right: 12px;background-image:url(/images/icon_button_refrash.png) no-repeat; background-position: 14px center} .button4 { margin:20px 40px; width:160px; height:40px; color:#fff; background-color:#2773c1 !important; border:none; display:inline-block; border-radius:4px; font-size:13px; cursor: pointer; text-align:left; padding-left:18px;} .button4.site { background:url(/images/icon_arrow_next.png) no-repeat; background-position: top 16px right 14px;} .button5 { height:30px; text-align:center; margin-left:10px; line-height:30px; color:#828282; padding:0 20px; border:1px solid #dcdcdc; display:inline-block; border-radius:3px; font-size:11px } input.find { width:130px; height:40px; color:#fff; background-color:#e56a27; border-radius:2px; border:none; font-size:15px; } input.next0 { width:130px; height:40px; color:#fff; background-color:#e56a27; border-radius:2px; border:none; font-size:15px; cursor: pointer; background:url(/images/icon_arrow_next.png) no-repeat; background-position: 14px center; } input.Pre{ width:130px; height:40px; color:#b7b7b7; background-color:#e56a27; boder-color:#b7b7b7; border-radius:2px; border:none; font-size:15px; background-image:url(/images/icon_arrow_next.png) no-repeat center rgba(0,0,0,0.8); } input.previous { width:130px; height:40px; margin-right:10px; color:#828282; background-color:#ffffff; border-radius:2px; border-color:#e1e1e1; font-size:15px; cursor: pointer; background:url(/images/icon_arrow_pre.png) no-repeat; background-position:14px center; } input.previous:hover { color:#fff; background-color:#e1e1e1;} input.next { width:130px; height:40px; color:#fff; background-color:#e56a27 !important; border-radius:2px; border:none; font-size:15px; cursor: pointer; background:url(/images/icon_arrow_next.png) no-repeat; background-position:92px center;} input.next:hover {background-color:#ec7331!important;} input.b_orenge { width:140px; height:40px; color:#fff; background-color:#e56a27; margin-right:10px; !important; border-radius:2px; border:none; font-size:15px;cursor: pointer; } input.b_grey {width:140px; height:40px; margin-right:10px; color:#828282; background-color:#ffffff; !important; border-radius:2px; border-color:#828282; font-size:15px; cursor: pointer; }color:#828282; font-size:15px;font-family:"NotoSansKR"; cursor: pointer; } a.delete { text-align:center; display:inline-block; padding:0 15px; height:30px; line-height:30px; border:1px solid #ccc; color:#343434; margin-right:10px; border-radius:2px;} a.confirm { text-align:center;display:inline-block; line-height:40px; width:130px; height:40px; color:#fff; background-color:#e56a27; border-radius:2px; border:none; font-size:15px;} a.Pre{ display:inline-block; line-height:40px;width:130px; height:40px; color:#b7b7b7; background-color:#e56a27; boder-color:#b7b7b7; border-radius:2px; border:none; font-size:15px; background-image:url(/images/icon_arrow_next.png) no-repeat center rgba(0,0,0,0.8); } a.next { display:inline-block; line-height:40px; vertical-align:bottom; width:130px; height:40px; color:#fff; background-color:#e56a27 !important; border-radius:2px; border:none; font-size:15px; cursor: pointer; background:url(/images/icon_arrow_next.png) no-repeat; background-position:center right 10px;} a.previous { display:inline-block; width:130px;border:1px solid #e1e1e1 !important; height:40px;line-height:40px; margin-right:10px; color:#828282; background-color:#ffffff; border-radius:2px; border-color:#828282; font-size:15px; cursor: pointer; background:url(/images/icon_arrow_pre.png) no-repeat; background-position:14px center; } a.previous:hover {color:#fff; background-color:#e1e1e1;} a.cancle { display:inline-block; margin-left: 10px; text-align: center; line-height: 30px; width: 90px; height: 30px; color: rgb(74, 74, 74); background-color: rgb(255, 255, 255); border-radius: 2px; border: 1px solid rgb(225, 225, 225); font-size: 13px; visibility: visible; vertical-align: top} a.cancle2{ display:inline-block; margin-left: 10px; text-align: center; line-height: 40px; width: 130px; height: 40px; color: rgb(74, 74, 74); background-color: rgb(255, 255, 255); border-radius: 2px; border: 1px solid rgb(225, 225, 225); font-size: 13px; visibility: visible; vertical-align: top} .nfilter_num { width:285px !important; height:125px !important;} /*韰嶌姢韸� 氚曥姢*/ .text_area_view {width:100%; height:350px; margin:auto; padding:20px; color:#828282; border: 1px solid #e1e1e1; position: relative; margin-bottom:20px; overflow-x: hidden; overflow-y: auto; outline:0} .text_info_box {height:150px; padding-top:140px; padding-left:270px; } .text_box_align {text-align:right !important; padding-right:10px;} .text_area_view_result {width:100%; height:349px; color:#828282; border: 1px solid #0b3579; position: relative; margin-bottom:20px;} .text_info_box_result { width:100%; text-align:center;} .text_info_box_result img { margin:60px auto 40px auto;} .text_info_box_result .text_info { font-size:28px; font-weight:100; color:#4a4a4a; padding-bottom:76px; border-bottom:1px solid #e1e1e1; display:inline-block; width:90%;} /*text */ .pop_alert span { font-size:20px; color:#4a4a4a; } .pop_alert span.orange {color: #e56a27;} .s_info { font-size:12px; margin-bottom:10px;color:#c68303;background:url(/images/w_icon.png) no-repeat center left;padding-left:20px; } .text01 {text-align:right; padding-right:20px;} .text02 { font-weight:bold; font-size:12px;} .text03 { font-size:12px; padding-bottom:20px; } .text_h {height:30px; text-align:center; padding: 30px 0px;} .text_h_0 {height:110px; padding: 30px 0px;} .text_h1 {height:30px; padding: 30px 0px;} .text_a {padding-top:30px; height:120px;} .text_b {margin-top:200px;} .text_c {padding-top:20px; height:160px;} .text_c1 {padding-top:10px; height:110px;} .text_c2 {padding-top:20px; height:180px;} .text_c3 { padding-top:30px; height:230px;} .text_c4 { padding-top:30px; height:150px;} .text_c5 { padding-top:30px; height:140px;} .text_c6 { padding-top:30px; height:120px;} .text_d {padding-top:20px; height:70px;} .text_d1 {padding-top:20px; height:50px;} .text_info {text-align:center; font-size:20px; } .text_orenge {text-align:left; font-size:20px; color:#ff6926; font-weight: bold;} .text_red {padding-right:0px; color:#cc0000;} .text_title_01 {text-align:center; font-size:20px; font-weight:bold;} .text_title_02 {text-align:center; font-size:20px; font-weight:bold;} .text_title_03 {text-align:center; font-size:18px; font-weight:bold;} /*韰嶌姢韸� 鞓侅棴*/ .text_area { width:100%; margin:30px 0 10px 0; padding-left:10px;} /*.text_area { width:100%}*/ .text_area p { color:#828282; line-height:1.6} span.rule_1 { margin-top:10px; padding-left:10px; color:#828282; font-size:12px;} span.rule_2 { margin-top:10px; padding-left:7px; color:#4a4a4a; font-size:13px;} span.rule_3 { margin-top:10px; padding-left:7px; color:#4a4a4a; font-size:13px;} span.rule_4 { margin-top:10px; text-align:center; padding-left:7px; color:#4a4a4a; font-size:13px;} span.rule_5 { margin-top:10px; padding-left:10px; color:#4a4a4a; font-size:14px;} span.rule_6 { margin-top:10px; color:#4a4a4a; font-size:13px; line-height:20px;} span.rule_7 { margin-top:10px; text-align:left; margin:20px 14px; padding-bottom:20px; color:#828282; font-size:13px; line-height:20px;} span.rule_8 { margin-top:10px; text-align:left !important; padding-bottom:20px; color:#828282; font-size:13px; line-height:22px;} span.rule_9 { margin-top:10px; width:70% !important; text-align:left; padding-bottom:20px; color:#828282; font-size:13px; line-height:22px; } span.rule_10 { margin-top:10px; width:70% !important; text-align:left; padding-bottom:20px; color:#828282; font-size:13px; line-height:22px; } span.rule_org { margin-top:10px; width:70% !important; text-align:left; padding-right:20px; color:#ff6926; font-size:13px; line-height:22px; } span.rule_red { margin-top:10px; width:70% !important; text-align:left; padding-right:20px; color:#ee1c24; font-size:13px; line-height:22px; } span.rule_blue { margin-top:10px; width:70% !important; text-align:left; padding-right:20px; color:#30a4ff; font-size:13px; line-height:22px; } span.rule_blue2 { margin-top:10px; width:70% !important; text-align:left; padding-right:20px; color:#3579d4; font-size:20px; line-height:22px; } span.rule_11 { margin-top:10px; text-align:left; padding:4px 12px; color:#828282; font-size:13px; line-height:22px;} span.rule_12 { margin-top:10px; text-align:left; padding:4px 6px; color:#0b3579; font-size:13px; line-height:22px;} span.rule_13 { margin-top:10px; text-align:right; color:#828282; font-size:13px; line-height:22px;} span.rule_14 { margin-top:10px; text-align:left !important; padding:30px 0px 10px 0px; color:#828282; font-size:15px; line-height:22px;} span.rule_15 { margin-top:10px; text-align:left !important; padding-bottom:20px; color:#666666; font-size:13px; line-height:22px; font-weight:bold;} /*氩犽剤 鞓侅棴*/ .banner { width:100%;height:380px;background:url(/images/shinhan_main_im_visual_02.jpg) no-repeat;background-position:center} .banner .banner_layout {max-width:980px; width:100%; margin:0 auto; position:relative;} .banner .banner_layout .main_banner_text_area {float:left;padding-top:80px;} .banner .banner_layout .main_banner_text_area .main_banner_text1 {font-size:30px;font-weight:100;} .banner .banner_layout .main_banner_text_area .main_banner_text2 { font-size:40px;color:#0b3579;letter-spacing: -3px;font-weight:100; } .banner .banner_layout .main_banner_text_area .main_banner_text3 {display:none; font-size:40px;color:#0b3579;letter-spacing: -3px;padding-left:280px;font-weight:100} .banner2 { width:100%;height:380px;background:url(/images/sub_main_visual_customer.jpg) no-repeat;background-position:center; background-color:#f9f9f9; } .banner2 .banner_layout {max-width:980px; width:100%; margin:0 auto; position:relative;} .banner2 .banner_layout .sub_banner_text_area {float:left;padding:60px 0 4px 20px;} .banner2 .banner_layout .sub_banner_text_area .sub_banner_text1 {font-size:30px;font-weight:100; padding:40px 0 18px 50px;} .banner2 .banner_layout .sub_banner_text_area .sub_banner_text2 { font-size:32px;color:#000000;letter-spacing: -3px; font-weight:600; padding:0 4px 8px 50px; margin-top:-20px;} .banner2 .banner_layout .sub_banner_text_area .sub_banner_text3 {font-size:18px;color:#464646; letter-spacing: -2px; padding:4px 2px 0px 50px; font-weight:100} .banner2 .banner_layout .sub_banner_text_area .sub_banner_title_bg {width:420px; height:219px; background:url(/images/sub_visual_im_title_bg01.png) no-repeat; background-position:left; position:relative;} .banner3 { width:100%;height:380px;background:url(/images/sub_main_visual_financial.jpg) no-repeat;background-position:center; background-color:#f9f9f9; } .banner3 .banner_layout {max-width:980px; width:100%; margin:0 auto; position:relative;} .banner3 .banner_layout .sub_banner_text_area {float:left;padding:60px 0 4px 20px;} .banner3 .banner_layout .sub_banner_text_area .sub_banner_text1 {font-size:30px;font-weight:100; padding:40px 0 18px 50px;} .banner3 .banner_layout .sub_banner_text_area .sub_banner_text2 { font-size:32px;color:#000000;letter-spacing: -3px; font-weight:600; padding:0 4px 8px 50px; margin-top:-20px;} .banner3 .banner_layout .sub_banner_text_area .sub_banner_text3 {font-size:18px;color:#0b3579; letter-spacing: -2px; padding:4px 2px 0px 50px; font-weight:100} .banner3 .banner_layout .sub_banner_text_area .sub_banner_title_bg {width:420px; height:219px; background:url(/images/sub_visual_im_title_bg01.png) no-repeat; background-position:left; position:relative;} .banner4 { width:100%;height:380px;background:url(/images/sub_main_visual_business.jpg) no-repeat;background-position:center; background-color:#f9f9f9; } .banner4 .banner_layout {max-width:980px; width:100%; margin:0 auto; position:relative;} .banner4 .banner_layout .sub_banner_text_area {float:left;padding:60px 0 4px 20px;} .banner4 .banner_layout .sub_banner_text_area .sub_banner_text1 {font-size:30px;font-weight:100; padding:40px 0 18px 50px; color:#fff;} .banner4 .banner_layout .sub_banner_text_area .sub_banner_text2 { font-size:32px;color:#fff; letter-spacing: -3px; font-weight:600; padding:0 4px 8px 50px; margin-top:-20px;} .banner4 .banner_layout .sub_banner_text_area .sub_banner_text3 {font-size:18px;color:#fff; letter-spacing: -2px; padding:4px 2px 0px 50px; font-weight:100} .banner4 .banner_layout .sub_banner_text_area .sub_banner_title_bg {width:420px; height:219px; background:url(/images/sub_visual_im_title_bg01.png) no-repeat; background-position:left; position:relative;} /* 雱岆眳韨� -------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 氅旍澑*/ .recom_menu { width:100% } .recom_menu li { cursor:pointer; list-style:none; display:inline-block; width:16.6%; border:1px solid #e1e1e1; border-right:none; height:125px; } .recom_menu li:nth-child(1) { background:url(/images/main_recom01.png) no-repeat; background-position:center 22px; background-size:44.5px 50px;} .recom_menu li:nth-child(2) { background:url(/images/main_recom02.png) no-repeat; background-position:center 22px; background-size:60.5px 50px } .recom_menu li:nth-child(3) { background:url(/images/main_recom04.png) no-repeat; background-position:center 22px; background-size:58px 50px } .recom_menu li:nth-child(4) { background:url(/images/main_recom05.png) no-repeat; background-position:center 22px; background-size:53px 50px } .recom_menu li:nth-child(5) { background:url(/images/main_recom06.png) no-repeat; background-position:center 22px; background-size:53px 50px } .recom_menu li:nth-child(6) { background:url(/images/main_recom07.png) no-repeat; background-position:center 22px; background-size:59px 50px } .recom_menu li:hover a { color:#3579d4; font-weight:bold} .recom_menu li:hover:nth-child(1) { background:url(/images/main_recom01_active.png) no-repeat; background-position:center 22px; background-size:44.5px 50px; background-color:#f4f5f9;} .recom_menu li:hover:nth-child(2) { background:url(/images/main_recom02_active.png) no-repeat; background-position:center 22px; background-size:60.5px 50px; background-color:#f4f5f9; } .recom_menu li:hover:nth-child(3) { background:url(/images/main_recom04_active.png) no-repeat; background-position:center 22px; background-size:58px 50px; background-color:#f4f5f9; } .recom_menu li:hover:nth-child(4) { background:url(/images/main_recom05_active.png) no-repeat; background-position:center 22px; background-size:53px 50px; background-color:#f4f5f9; } .recom_menu li:hover:nth-child(5) { background:url(/images/main_recom06_active.png) no-repeat; background-position:center 22px; background-size:53px 50px; background-color:#f4f5f9; } .recom_menu li:hover:nth-child(6) { background:url(/images/main_recom07_active.png) no-repeat; background-position:center 22px; background-size:59px 50px; background-color:#f4f5f9; } /* .recom_menu li:nth-child(1) { background:url(/images/main_recom1.png) no-repeat; background-position:center 22px; } */ /* .recom_menu li:nth-child(2) { background:url(/images/main_recom2.png) no-repeat; background-position:center 22px; } */ /* .recom_menu li:nth-child(3) { background:url(/images/main_recom3.png) no-repeat; background-position:center 22px; } */ /* .recom_menu li:nth-child(4) { background:url(/images/main_recom4.png) no-repeat; background-position:center 22px; } */ /* .recom_menu li:nth-child(5) { background:url(/images/main_recom5.png) no-repeat; background-position:center 22px; } */ /* .recom_menu li:nth-child(6) { background:url(/images/main_recom6.png) no-repeat; background-position:center 22px; } */ .recom_menu li:last-child { width:17%; border-right:1px solid #e1e1e1;} .recom_menu li a { display:block; text-align:center; margin-top:85px; font-weight:bold;} .main_box_content { height:340px; margin-bottom:35px;} .main_box_content .wrap { float:left; margin-top:35px;} .main_box_content .wrap h3 { font-size:18px; color:#083784; margin-bottom:15px;} .main_box_content .wrap:nth-child(1) { width:24%; margin-right:1%;} .main_box_content .wrap:nth-child(2) {width:75%} .main_box_content .product { float:left; width:33%; height:265px; border:1px solid #e1e1e1; display:inline-block;border-right:none; } .main_box_content .product { border-top:1px solid #083784; text-align:center; padding:0 25px; position:relative} .main_box_content .app {width:100%; border:1px solid #0b3579} .main_box_content .app { background:url(/images/app_box_background.png) ; background-size:100%} .main_box_content .app .app_title_img {margin-top:-15px; background:url(/images/app_top.png) no-repeat; height:85px; background-position:center} .main_box_content .app .app_title_text { padding:7.5px 0} .main_box_content .app .app_bottom_img {clear:both; background:url(/images/main_app_phone.png) no-repeat; height:127px; background-position:center} .main_box_content .product .circle { background:url(/images/new.png) no-repeat; background-position:center 0; height:25px;} .main_box_content .product p {line-height:1} .main_box_content .product .p_type { font-size:17px; margin-top:20px;} .main_box_content .product .p_name { font-size:33px; font-weight:normal; color:#ff6926; margin-top:15px;} .main_box_content .product .p_sum { margin:25px 0; line-height:1.4} .main_box_content .product .detail {border-radius:3px; position:absolute; bottom:26px; width:114px; height:42px; border:1px solid #3579d4; display:inline-block; color:#3579d4; line-height:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);} .main_box_content .product .detail:hover { background-color:#3579d4; color:#fff} .main_box_content2 .title_area { margin-bottom:15px; height:18px;} .main_box_content2 h3 { font-size:18px;color:#083784; line-height:1} .currency { width:38%; margin-right:2% ;float:left} .notice { width:38%; margin-right:2%; float:left;} .notice table { table-layout:fixed;} .notice table tr td { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; text-align:left !important; padding:0 10px;cursor:pointer} .notice table tr td:nth-child(2) { text-align:center !important} .info_box { width:20%; float:left;} .info_box li {list-style:none; height:48.75px; border:1px solid #e1e1e1; border-bottom:none; padding:15px;cursor:pointer} .info_box li:hover { background-color:#f4f5f9;} .info_box li:first-child { padding-top:0;position:relative;} .info_box li:first-child p { margin-left:29px;color:#ff6926; line-height:1; position:absolute; top:25px;} .info_box li:first-child span {margin-top:10px; display:inline-block} .info_box li span { margin-left:10px; color:#083784;} .info_box li:last-child { border-bottom:1px solid #e1e1e1;} .default.notice_table td { height:32px; border-right:none; border-left:none; border-bottom:none;border-top:none; padding:0 10px;} .default.notice_table tr td:nth-child(1) { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;} .default.notice_table tr td:nth-child(2) { text-align:right} .default.notice_table tr:first-child td { border-top:2px solid #083784} .default.notice_table tr:last-child td { border-bottom:1px solid #e1e1e1;} /*搿滉犯鞚�*/ .content_area { width:330px; margin:45px auto 0 auto;margin-bottom:50px;} .content_area input { width:100%; height:40px; border:1px solid #e1e1e1; padding-left:50px; font-size:13px; color:#828282; } .content_area .in_box { position:relative; margin-bottom:5px;} .content_area .in_box:nth-child(4) { margin-bottom:20px;} .content_area .in_box.submit input { padding:0; text-align:center; height:50px; background-color:#e56a27; color:#fff;font-size:16px;border:none; border-radius:4px} .choice_class { width:100%; height:50px;} .choice_class input[type="radio"] { display:none;} .choice_class .w2radio {width:100%} .choice_class .w2radio_item { display:inline-block; width:50%; height:50px; } .choice_class .w2radio_item input[type="radio"]+label {display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align:center; border:1px solid #e1e1e1; font-size:18px; border-bottom-color:#294e93} .choice_class .w2radio_item input[type="radio"]:checked + label { background-color:#294e93; color:#fff; border-color:#294e93} .main_login { float:right; width:300px; height:380px; position:relative; padding-top:30px; background-color:rgba(255,255,255,0.5);border-left:1px solid #fff; border-right:1px solid #fff;} .main_login .login_title { font-size:20px; padding:28px 0 22px 21px;} .main_login .content_area {width:245px;margin:13px auto 0 auto} .main_login .choice_class { width:245px; height:35px;margin:0 auto;} .main_login .choice_class .w2radio_item { height:35px;} .main_login .choice_class .w2radio_item input[type="radio"]+label { height:35px; line-height:35px; background-color:#fff; font-size:14px;} .main_login .content_area .in_box:nth-child(4) { margin-bottom:0px;} .main_login .content_area .in_box.submit input { height:40px; margin-top:13px} .main_login .content_area input {background-color:#fff;height:35px;} .main_login .choice_class .w2radio_item input[type="radio"]:checked + label { background-color:#294e93; color:#fff; border-color:#294e93} .main_login a {width:100%; position:absolute; bottom:0;background-color:rgba(130,167,185,0.7); color:#fff !important; height:30px; line-height:30px; margin-top:17px !important; font-size:11px; text-decoration:underline;} /*鞚鸽眳 靹滊笇氅旍澑*/ .recommend_menu { margin-bottom:20px; } .recommend_menu li { display:inline-block; width:16.5%; line-height:55px; border:1px solid #e1e1e1; border-right:none; text-align:center; } .recommend_menu li:last-child { border-right:1px solid #e1e1e1; width:17.5%;} .recommend_menu li img { margin-right:10px; } .recommend_menu li a { font-size:13px; color:#4a4a4a; font-weight:bold; } .submain_content_area { width:100%; clear:both;padding-top:40px; height:250px;} .submain_content_area .app_card { width:49%; margin-right:1%; float:left;} .submain_content_area .app_card .app { background:url(/images/sub_main_app_card01.png) no-repeat;height:128px; margin-top:-16px;} .submain_content_area .app_card .app .a_text_area { padding-top:70px; letter-spacing:-1px; padding-left:15px;} .submain_content_area .app_card .app .a_text_area .text:nth-child(1) span:nth-child(2) { font-size:18px; font-style:italic} .submain_content_area .app_card .app .a_text_area .text:nth-child(2) span:nth-child(2) { font-size:18px; color:#ff6926} .submain_content_area .app_card .card .a_text_area { padding-top:27px; letter-spacing:-1px; padding-left:15px; padding-left:260px} .submain_content_area .app_card .card .a_text_area .text:nth-child(1) span{ font-size:18px; font-weight:400; line-height:1.3 } .submain_content_area .app_card .card .a_text_area .text:nth-child(2) span{ padding-left:25px;line-height:1} .submain_content_area .app_card .card a {float:right; padding-right:18px; padding-top:5px; letter-spacing: -1px; font-size:12px; color:#868686;} .submain_content_area .app_card .card { background:url(/images/sub_main_app_card02.png) no-repeat;height:98px;margin-top:9px;} .submain_content_area .product { width:50% ;float:right} .submain_content_area .product li { height:73px; border:1px solid #e1e1e1; list-style:none;border-bottom:none;padding:20px;} .submain_content_area .product li:nth-child(3) {border-bottom:1px solid #e1e1e1; } .submain_content_area .product li .type { vertical-align:top;width:15%; display:inline-block; width:60px; height:17px; text-align:center; color:#fff; margin-right:15px;} .submain_content_area .product li .p_per { width:12%; color:#ff6926; font-size:18px; position:relative;margin-right:25px; vertical-align:-2px;} .submain_content_area .product li .p_per::after {content:"|"; position:absolute; right:-15px; top:2.5px; font-size:13px; color:#ddd;} .submain_content_area .product li .p_name {width:65%;/*text-overflow:ellipsis;white-space:nowrap;*/word-wrap:normal; overflow:hidden;display:inline-block; vertical-align:-3px;} .submain_content_area .product li a { float:right; width:15%; color:#ff6926} .submain_content_area .product li:nth-child(1) .type { background-color:#36c3b4;} .submain_content_area .product li:nth-child(2) .type { background-color:#30a4ff;} .submain_content_area .product li:nth-child(3) .type { background-color:#294e93;} /*sub_main images .sub_main_wrapper { width:100%; height:379px; margin:0 auto; text-align:center; background-color:#fdfdfd; background: url(/images/sub_main_visual_01.png); background-size: contain; background-repeat: no-repeat; position: absolute; } .sub_mian_visual { bottom: 0; z-index: 150; width: 100%; height: 375px; background: url(/images/sub_main_visual_01.png);} .sub_im_con_area { width:980px; } .sub_im_con_area .im_title_01 {padding-left:6px; width:250px; height:215px; }*/ /*鞚挫灛 毽姢韥�*/ .q_subject { font-size:14px; margin-bottom:20px; color:#4a4a4a;} .question { width:100%;} .question th, .question td { border:1px solid #e1e1e1; height:50px; padding:20px 20px; text-align:left; color:#4a4a4a;} .question .q_title { font-size:17px; font-weight:bold;} .question .q_content { font-size:12px; font-family:dotum; padding:25px 20px;} .q_radio input {display:none;} .q_radio label { height:27px; background:url(/images/checkbox.png) no-repeat;background-size:19px 18px;display:inline-block; padding-left:30px; line-height:19px;} .q_radio input[type="radio"]:checked + label {background:url(/images/checkbox_active.png) no-repeat; background-size:19px 18px} .q_info { font-size:16px; color:#4a4a4a; margin:30px 0;} .q_info div { margin-bottom:10px;} .q_info .q_impact { color:#c68303;} /* 旃措摐 鞎堧偞 */ .cash_step { padding-bottom:20px; border-bottom:1px solid #e1e1e1;} .cash_step li { width:30%; display:inline-block; list-style:none;padding-left:0; margin-right:2%} .cash_step li:nth-child(3){ width:33%} .cash_step li .cash_text { display:inline-block; margin-left:20px;} .cash_step li .cash_text p:nth-child(1) { font-size:15px; font-weight:bold; color:#3579d4} .cash_step li img { display:inline-block} .cash_step li img.card { float:left;} .cash_step li img.arrow { float:right; margin-top:15px;} .use_info .box_content { padding:20px; width:48%; margin-right:2%; display:inline-block;margin-top:30px; padding-right:15%; min-height:180px;float:left;} .use_info .box_content .w2textbox { line-height:1.8} .use_info .box_content:nth-child(1) { background:url(/images/card_info_01.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(2) { background:url(/images/card_info_02.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(3) { background:url(/images/card_info_03.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(4) { background:url(/images/card_info_04.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(5) { background:url(/images/card_info_05.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(6) { background:url(/images/card_info_06.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(7) { background:url(/images/card_info_07.png) no-repeat; background-position:center right 5%} .use_info .box_content:nth-child(8) { background:url(/images/card_info_08.png) no-repeat; background-position:center right 5%} /* 旃措摐 臧�毵轨爯 */ .cardinfo p { color:#4a4a4a; line-height:1.6} .cardinfo p.shop_name { font-weight:600;} .cardinfo p.shop_import { margin-top:15px; color:#3579d4} /* CEO 鞚胳偓毵� */ .ceo_title_area { width:100%; height:54px; } .ceo_title_area .info { font-size: 25px; color:#c68303; font-weight:bold;} .ceo_im_content { width:300px; height:383px; float:right; margin-top:-386px; } .con_text_area {width:100%; display: block; } .ceo_text_content { font-size: 14px; color:#4a4a4a; position: relative; min-height:467px; } .ceo_im_sign { float:left; margin-top:20px; padding-left:20px; width:123px; } .con_line { width:100%; margin-top:-3px; border-bottom:1px solid #ececec; } .con_box { width:100%; height:80px; } .con_text_01 { font-size:12px; color:#828282; float:left; height:20px; margin-top:30px;} .con_text_02 { font-size:12px; color:#828282; float:left; height:20px; margin-top:50px; margin-left:-158px;} @media (min-width:768px) and (max-width:999px){ .ceo_text_content { font-size: 11px; color:#4a4a4a; position: relative; min-height:467px; } } /* 鞁犿暅(欷戧淡)鞐绊榿 */ .history_area {width:100%; height:auto; position: relative; } .history_left { position:absolute; width:141px;} .history_left .text_year {margin-top:-10px; padding-left:60px; font-size:26px; color:#c68303; font-weight:Normal; width:100px; height:130px; } .history_left .text_year1 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:94px; } .history_left .text_year2 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:122px; } .history_left .text_year3 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:100px; } .history_left .text_year4 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:232px; } .history_left .text_year5 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:90px; } .history_left .text_year6 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:149px; } .history_left .text_year7 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:90px; } .history_left .text_year8 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:210px; } .history_left .text_year9 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:90px; } .history_left .text_year10 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:135px; } .history_left .text_year11 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:150px; } .history_left .text_year12 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:70px; } .history_left .text_year13 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:140px; } .history_left .text_year14 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:90px; } .history_left .text_year15 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:59px; } .history_left .text_year16 {font-size:26px; padding-left:60px; color:#c68303; font-weight:Normal; width:100px; height:40px; } /*.history_im_line { width:16px; margin_left:141px; position:absolute; }*/ .timeline-item_node1{position: absolute; background-color: #4a4a4a;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;} .timeline-item_tail1{position:absolute;left:146px;height:1980px;margin-top:10px;border-left:3px solid #c68303;} .timeline-item_node2{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:150px;} .timeline-item_node3{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:220px;} .timeline-item_node4{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:370px;} .timeline-item_node5{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:500px;} .timeline-item_node6{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:632px;} .timeline-item_node7{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:730px;} .timeline-item_node8{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:850px;} .timeline-item_node9{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:970px;} .timeline-item_node10{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1180px;} .timeline-item_node11{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1290px;} .timeline-item_node12{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1430px;} .timeline-item_node13{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1800px;} .timeline-item_node13{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1530px;} .timeline-item_node14{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1710px;} .timeline-item_node15{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1800px;} .timeline-item_node16{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1900px;} .timeline-item_node17{position: absolute; background-color: grey;/*display:flex;*/align-items:center; width:12px;height:12px;background:#c68303;border-radius: 50%;margin-top:1955px;} .history_right { position:absolute; width:79px; margin-left:181px;} .history_right .date1 { font-size:14px; color:#4a4a4a; font-weight:bold; height:31px;} .history_right .date2 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date3 { font-size:14px; color:#4a4a4a; font-weight:bold; height:60px;} .history_right .date4 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date5 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date6 { font-size:14px; color:#4a4a4a; font-weight:bold; height:28px;} .history_right .date7 { font-size:14px; color:#4a4a4a; font-weight:bold; height:28px;} .history_right .date8 { font-size:14px; color:#4a4a4a; font-weight:bold; height:62px;} .history_right .date9 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date10 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date11 { font-size:14px; color:#4a4a4a; font-weight:bold; height:60px;} .history_right .date12 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date13 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date14 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date15 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date16 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date17 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date18 { font-size:14px; color:#4a4a4a; font-weight:bold; height:52px;} .history_right .date19 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date20 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date21 { font-size:14px; color:#4a4a4a; font-weight:bold; height:62px;} .history_right .date22 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date23 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date24 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date25 { font-size:14px; color:#4a4a4a; font-weight:bold; height:57px;} .history_right .date26 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date27 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date28 { font-size:14px; color:#4a4a4a; font-weight:bold; height:60px;} .history_right .date29 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date30 { font-size:14px; color:#4a4a4a; font-weight:bold; height:54px;} .history_right .date31 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date32 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date33 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date34 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date35 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date36 { font-size:14px; color:#4a4a4a; font-weight:bold; height:60px;} .history_right .date37 { font-size:14px; color:#4a4a4a; font-weight:bold; height:58px;} .history_right .date38 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date39 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date40 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date41 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date42 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date43 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date44 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date45 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date46 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date47 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date48 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date49 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date50 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date51 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date52 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date53 { font-size:14px; color:#4a4a4a; font-weight:bold; height:30px;} .history_right .date54 { font-size:14px; color:#4a4a4a; font-weight:bold; height:63px;} .history_right .date55 { font-size:14px; color:#4a4a4a; font-weight:bold; height:60px;} .history_right .date56 { font-size:14px; color:#4a4a4a; font-weight:bold; height:50px;} .history_right1 { position:absolute; margin-left:260px;} .history_right1 .date1 { font-size:14px; color:#828282; font-weight:bold; height:31px;} .history_right1 .date2 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date3 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date4 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date5 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date6 { font-size:14px; color:#828282; font-weight:bold; height:28px;} .history_right1 .date7 { font-size:14px; color:#828282; font-weight:bold; height:28px;} .history_right1 .date8 { font-size:14px; color:#828282; font-weight:bold; height:62px;} .history_right1 .date9 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date10 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date11 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date12 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date13 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date14 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date15 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date16 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date17 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date18 { font-size:14px; color:#828282; font-weight:bold; height:52px;} .history_right1 .date19 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date20 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date21 { font-size:14px; color:#828282; font-weight:bold; height:62px;} .history_right1 .date22 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date23 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date24 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date25 { font-size:14px; color:#828282; font-weight:bold; height:57px;} .history_right1 .date26 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date27 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date28 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date29 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date30 { font-size:14px; color:#828282; font-weight:bold; height:54px;} .history_right1 .date31 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date32 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date33 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date34 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date35 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date36 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date37 { font-size:14px; color:#828282; font-weight:bold; height:57px;} .history_right1 .date38 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date39 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date40 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date41 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date42 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date43 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date44 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date45 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date46 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date47 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date48 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date49 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date50 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date51 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date52 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date53 { font-size:14px; color:#828282; font-weight:bold; height:30px;} .history_right1 .date54 { font-size:14px; color:#828282; font-weight:bold; height:63px;} .history_right1 .date55 { font-size:14px; color:#828282; font-weight:bold; height:60px;} .history_right1 .date56 { font-size:14px; color:#828282; font-weight:bold; height:50px;} .con_line2 { width:100%; margin-top:150px; border-bottom:1px solid #ececec; } /*鞁犿暅 WAY 靻岅皽*/ .way_title_area { width:100%; height:54px; } .way_title_area .info { font-size: 20px; color:#333333; } .way_title_area2 { width:100%; margin-top:-20px; height:54px; } .way_title_area2 .info { font-size: 20px; color:#333333; } .way_text_content { font-size: 14px; color:#4a4a4a; position: relative; min-height:284px; } .way_con_area { width:100%; height:1040px; border: 1px solid rgba(204,204,204,0.4); !important; padding:37px;} .way_title_box {height: 140px; padding-top:20px; } .way_title_box .ca { text-align:center; color:#333333; font-weight:bold; font-size:30px; height:30px; margin-bottom:40px; } .way_title_box .cb { text-align:center; color:#666666; font-style: normal; font-size:18px; height:30px; } .way_title_box .t_mission { text-align:center; color:#f15c5c; font-size:30px; height:30px; margin-bottom:40px; } .way_title_box .t_mission span { postion:relative;} .way_title_box .t_mission span::before { position:absolute; content:'""'; left:-20px; color:#dddfe6;} .way_title_box .t_mission span::after { position:absolute; content:'""'; right:-20px; color:#dddfe6;} .way_title_box .t_grey { text-align:center; color:#dddfe6; font-weight:bold; font-size:30px; height:30px; margin-bottom:40px; margin-top:-60px; } .way_title_box .img_mission {width:302px; height:80px; margin:auto; display:table-cell; margin-top:30px; } .way_title_box .t_vision { text-align:center; color:#03a6ff; font-size:30px; height:30px; margin-bottom:40px; } .way_title_box .t_goal { text-align:center; color:#8E44AD; font-size:30px; height:30px; margin-bottom:40px; } .way_title_box2 { height:40px; } .way_title_box2 .ca { text-align:center; color:#333333; font-weight:bold; font-size:16px; height:30px; } .way_title_box3 { /*height:40px; padding-top:50px;*/ } .way_title_box3 .ca { text-align:center; color:#333333; font-weight:bold; font-size:16px; height:40px; } .way_box_line {line-height:37px; margin: 0 auto; border-top:1px solid #ececec; width:620px; margin-top:20px; padding-bottom:36px;} .way_grey_info_area {margin:auto; width:620px; height:240px; } .way_grey_info_area .box01 {width:194px; height:170px; background-color:#f3f3f3; text-align:center; padding-top:40px; float:left; margin-right: 17px; } .way_grey_info_area .box02 {width:194px; height:170px; background-color:#f3f3f3; text-align:center; padding-top:40px; float:left; margin-left: 0px; } .way_grey_info_area .way_text01 {margin-bottom:20px; text-align:center; color:#333333; font-size:16px; font-weight:bold; } .way_grey_info_area .way_text02 {text-align:center; color:#828282; font-size:14px; margin-top:30px;} .way_im_area {width:620px; margin:0 auto; position:relative; /*margin-top:50px;*/ } .way_im_area .im_box01 {width:100px; margin-right:27px; float:left; } .way_im_area .im_box02 {width:112px; padding-left:1px; float:right; } .way_im_text_box {width:100px; height:35px; color:#666666; text-align:center; padding-top:10px; font-weight:bold;} /* annual_report head 韰岇澊敫�*/ .left2_thead { border-top:2px solid #0b3579; } .left2_thead col:nth-child(1) { width:19.4%} .left2_thead td { padding-left:25px;} /*Top head 韰岇澊敫�*/ .center_thead { border-top:2px solid #0b3579; } .center_thead col:nth-child(1) { width:19.4%} .center_thead td { text-align:center;} /*甑牅鞐呺 Top head 韰岇澊敫�*/ .center1_thead { border-top:2px solid #0b3579; } .center1_thead col:nth-child(1) { width:18.9%} .center1_thead td { text-align:center;} /*Annual Report 瓴岇嫓韺� */ .center1_thead { border-top:2px solid #0b3579; } .center1_thead col:nth-child(1) { width:19.4%} .center1_thead td { text-align:center;} /*Annual Report 韰岇澊敫�*/ .default2 { width: 100%;} .default2 th { height:53px; border:1px solid #d7dce2; background:#fcfdfe ; vertical-align: middle; color:#0b3579; font-size:15px; font-family:"NotoSansKR"; text-align:center } .default2 td { height:53px; border-bottom:1px solid #d7dce2 ; color:#4a4a4a!important;} .default2 th:nth-child(1) { border-left:none !important; } .default2 th:last-child { border-right:none !important; } .default2 td:nth-child(1) { border-left:none !important; } .default2 td:last-child { border-right:none !important; } .default2 td.button_area { height:70px; text-align:center;} .default2 td.check_area { height:70px; text-align:center;} .default3 { width: 100%;} .default3 th { height:53px;border-bottom: 1px solid #d7dce2; background:#fff; padding-left:20px; color:#0b3579 ; font-size:15px;font-family:"NotoSansKR"; text-align:left; } .default3 td { height:53px;border-bottom: 1px solid #d7dce2 } .default3 th:nth-child(1) { border-left:none !important; } .default3 th:last-child { border-right:none !important; } .default3 td:nth-child(1) { border-left:none !important; } .default3 td:last-child { border-right:none !important; } .default3 td.button_area { height:70px; text-align:center;} .default3 td.button_icon { height:70px; position:relative; white-space :inherit; padding:4px 0 4px 10px; float:right !important; } /*Annual Report 韰嶌姢韸�*/ .text_left { float:left; padding-left:24px; line-height:20px; text-align:left;} .text_box_adobe {width:100%; padding:30px; } .adobe_area {width:100%; height:80px; padding:30px; margin-top:25px; border: 1px solid #d7dce2; color: #828282!important; } .text_detail_area {width:100%; height:500px; text-align:left; padding:33px; color:#666666; font-size:13px;} .text_con_line { width:100%; height:30px; margin-bottom:30px; border-bottom:1px solid #d7dce2; } .text_con_line2 { width:100%; height:30px; margin-bottom:60px; border-bottom:1px solid #d7dce2; } /*臁办霃�*/ .img_layout_area {width:100%; position:relative; margin:0 auto; } .img_layout_area .im_chart_01 {margin:0 auto; max-width: 100%; height: auto; display:block;} /*鞁犿暅攴鸽９靻岅皽*/ .img_layout_area2 {width:344px; position:relative; float:left; } .img_layout_area2 .im_chart_02 {margin:0 auto; max-width: 100%; height:auto; display:block;} .img_layout_area3 {width:344px; position:relative; float:left; } .img_layout_area3 .im_chart_03 {margin:0 auto; max-width: 100%; height:auto; display:block;} .group_content_title { width:100%; height:60px;} .group_content_title h3 {padding:0px 20px 0px 40px; font-size:22px; color:#333333; font-weight:bold; } .group_content_title h4 {padding:60px 0px 0px 386px; font-size:14px; color:#666666; font-weight:bold; } .group_content_btn_area {width:100%; padding-left:40px; } /*鞚胳灛鞙§劚*/ .space_area { height:20px; text-align:center;} .image_area { height:470px; text-align:center; z-index:80;} .image_area .im01 {width:100%; height:430px; padding-top:20px; z-index:80;} .im_layout_bottom {width:100%; height:42px; background-color:rgba(0,0,0,0.5); z-index:80;} .im_layout_left {float:left; color:#fff; font-size:12px; padding:14px;} .im_layout_right {float:right; color:#fff; font-size:12px; padding:14px;} .im_layout_right2 {float:right; color:#b7b7b7; font-size:12px; padding:14px 12px 0px 0px;} .title_subtitle { width:100%; height:60px; float:left;} .title_subtitle.tm { margin-top:25px} .title_subtitle h2{ font-size:20px; color:#333333; line-height:60px;} .title_subtitle2 { width:100%; height:60px; padding-left:10px; float:left; border-bottom:1px solid #ececec; } .title_subtitle2 h2{ font-size:20px; color:#333333; line-height:60px;} .title_subtitle2 .icon_blit_01 {width:20px; height:20px; margin:20px; float:left;} .im_layout_box { position:relative; z-index:86; padding-left:20px;} .im_layout_box .btn_previous {padding-left:20px; z-index:86; float:left; position: relative; cursor:pointer;} .im_layout_box2 { position:relative; z-index:86; padding-right:20px;} .im_layout_box2 .btn_next {padding-left:20px; z-index:86; float:right; position: relative; cursor:pointer;} /*鞚胳灛毂勳毄*/ .table_space {width:100%; height:300px; margin:auto; border-bottom:1px solid #ececec; position:relative; z-index:86; display : block; } .table_space .im_search_no {height:57px; margin:auto; display : block; } .table_space .search_text_date {width:300px; height:30px; padding-top:20px; text-align:center; margin:auto; font-size:12px; color:#828282; !important;} /*瓿奠靷暛*/ .search_box {width:100%; height:70px; background-color: #f9f9f9!important; margin-top: 30px; text-align:center; border: none; padding:20px; position: relative; vertical-align: middle; position:relative; display : block; z-index:80;} .search_input {width:300px; height:30px; color:#acacac; padding:6px; background-color:#fff;} .text_span {width:300px; height:30px; padding:4px; color:#acacac; position:relative; z-index:86; } .search_btn_blue {margin:-30px 0 0 370px; width:60px; height:30px; color:#fff; background-color:#3579d4; border-radius:2px; border:none; font-size:15px; cursor:pointer; text-align:center;} /*攵勳爯鞎堧偞*/ .branch_info_title_area {width:100%; height:55px; font-size:18px !important; text-align:left !important; background-color:#3a7bd3 !important; border-radius:4px; border:none; color:#fff; padding:12px; margin-bottom:20px; cursor:pointer; } .branch_info_title_area select{width:100%; height:55px; font-size:18px; text-align:left !important; background-color:#3a7bd3 !important; border-radius:4px; border:none; color:#fff; padding:12px; margin-bottom:20px; cursor:pointer; line-height:55px !important; } .branch_icon {padding-right:8px; float:right; margin-top:-64px; background:url(/images/icon_branch_arrow.png) no-repeat; position:relative; cursor:pointer;} .branch_info_title_area .icon_arrow {padding-right:8px; float:right; margin-top:-24px; background:url(/images/icon_branch_arrow.png) no-repeat;} .branch_im_area {width:100%;} /*select box*/ .sbranch.w2selectbox {height:55px; width:100%; border:none; background-color:#3a7bd3 !important; color:#fff; font-size:18px !important; text-align:left !important; border-radius:4px; cursor:pointer; } .sbranch.w2selectbox, .sbranch .w2selectbox_label {width:100%; cursor:pointer; color:#fff; text-align:left !important; font-size:18px !important; border: none !important;} .sbranch .w2selectbox_label {padding-top:0 } .sbranch.w2selectbox .w2selectbox_col_button {background:url(/images/icon_branch_arrow.png) center center no-repeat ; width:50px;; border:none !important;} .sbranch .w2selectbox_focus .w2selectbox_col_label, .sbranch .w2selectbox_over .w2selectbox_col_label{background-color:#3a7bd3 !important; height:55px; width:100%; text-align:left !important; border-radius:4px; border: none !important;} .sbranch.w2selectbox:focus,.sbranch.w2selectbox:hover {border:none; color:#fff; height:55px; border-radius:4px; border: none;} .sbranch .w2selectbox_over .w2selectbox_col_button,.sbranch.w2selectbox_focus .w2selectbox_col_button {background:url(/images/icon_branch_arrow.png) center center no-repeat; border:none;} .sbranch.w2selectbox_disabled {background:#ebeced} .sbranch.w2selectbox_disabled .w2selectbox_label, .sbranch.w2selectbox_readonly .w2selectbox_label{color:#b4bbc2 !important; cursor:default; boder:none;} .sbranch.w2selectbox_disabled:focus, .sbranch.w2selectbox_disabled:hover {border:0px solid #d3dbe3;background:#ebeced;color:#b4bbc2} .sbranch.w2selectbox_disabled .w2selectbox_col_button {background:url(/images/icon_branch_arrow.png) center center no-repeat;cursor:default; boder:none;} .sbranch.w2table_sb {border:1px solid #d3dbe3} .sbranch.w2table_sb .w2table_sb_col {background:#2d71c3; color:#a7c0e2; border-bottom:1px solid #6698d4; font-weight:200; padding-left:20px; padding-right:20px; height:55px; cursor:pointer; text-align:left !important; font-size:18px !important;} .sbranch.w2table_sb .w2table_sb_col_over {background:#3a7bd3; color:#fff!important; font-weight:500; height:55px; cursor:pointer; text-align:left !important; padding-left:20px; font-size:18px !important;} /*瓿犼皾靹滊箘鞀�*/ .notice_info_area {width:100%; margin-top:40px; border:1px solid #ececec; position:relative; margin-bottom:80px; } .notice_info_area .title_subtitle2 { background-color:#f5f7f9} .notice_info_area .inbox_area {width:100%; padding:40px; margin-top:50px; } .notice_info_area .inbox_area span.rule_3 { margin-top:10px; font-size:13px; color:#666666; font-size:13px; line-height:22px; margin-left:-5px;} .notice_info_area .inbox_area p.rule_3 {margin-bottom:5px;padding-left:10px;text-indent:-10px;color:#666666; } .notice_info_area .inbox_area p.rule_orange { color:#e56a27; margin-bottom:5px;padding-left:10px;text-indent:-10px;} /*Tops Club 鞎堧偞*/ .sub_title_area { width:100%; height:130px; margin-top: 20px; position:relative; } .sub_title_area1 { width:100%; height:100px; margin-top: 20px; position:relative; } .sub_title_area2 { width:100%; height:80px; margin-top: 20px; padding-bottom:10px; position:relative; } /*鞚疙劙雱� 氡呿偣 鞚挫毄鞎疥磤*/ .internet_information_area {width:100%; height:auto; padding:10px 50px 40px;; margin-top:35px; border: 1px solid #d7dce2 !important; color: #828282!important; } .internet_sub_text_area { width:100%; height:auto; margin-top: 20px; margin-bottom:26px; position:relative; } /*瓿犼皾靹滊箘鞀� 鞎届爼*/ .service_info_tarea {width:100%; height:auto; line-height:22px; background-color:#f7faff; padding:30px; margin-top:25px; margin-bottom:30px; border: 1px solid #d7dce2; color: #828282!important; font-size:14px; } .service_title_subtitle2 { width:100%; height:60px; float:left;} .service_title_subtitle2 h2{ font-size:15px; color:#333333; line-height:60px;} /* 旎劥旄� warp 鞝曥潣2*/ .main_sub_wrap3 { max-width:980px !important; padding:0 10px; width:100%; height:auto; margin:25px auto 50px auto; } /*鞚疙劙雱� 氡呿偣 鞙犾潣靷暛*/ .internet_notice_info {width:100% ; padding-left:30px; line-height:22px; font-size:15px; color:#3579d4; position:relative; z-index:90;} .internet_im_mark_01 {float:left; width:20px; margin-top:-42px; z-index:90; } /*鞓澕鞚� 臧�鞛�*/ .online_join_info {width:100%; height:auto; line-height:22px; background-color:#f7faff; padding:26px; margin-top:25px; margin-bottom:30px; border: 1px solid #d7dce2; color: #828282!important; font-size:14px;} .online_join_info .img_login_in { float:right; padding-top:20px; width:180px; display:inline-block; } .online_title_subtitle { width:100%; height:40px; float:left;} .online_title_subtitle h2{ font-size:20px; color:#333333; } .online_i_input {width:300px; height:30px; color:#828282; padding:6px; background-color:#fff;} .online_i_input2 {width:400px; height:30px; color:#828282; padding:6px; background-color:#fff;} .online_use_info_area {width:100%; height:370px; padding:34px 25px; margin-top:60px; border: 1px solid #e1e1e1; color: #828282!important; } .online_title_subtitle2 { width:100%; height:30px; float:left;} .online_title_subtitle2 h2{ font-size:15px; color:#333333; line-height:30px;} .online_step_title {text-align:left; width:160px; padding-left:84px; padding-bottom:14px; margin-top:26px; font-size:14px; color:#3579d4; font-weight: bold; position:relative; z-index:95;} .online_step_text {text-align:left; padding-left:84px; font-size:13px; line-height:22px; color:#666666; font-weight: normal ; position:relative; z-index:95;} .online_icon_step { position:relative; z-index:90; margin-top:-60px; } .online_icon_step2 { position:relative; z-index:90; margin-top:-76px; } .online_icon_arr {float:right; width:11px; margin-top:-30px; padding-right:40px;} .online_info_box {width:100%; display:inline-block; margin:0 auto;} .online_info_box .in_box_step {width:33.33%; float:left; padding-bottom:20px;} .box_org1 { width:33px !important; height:6px; background-color:#ff6926; display:inline-block; margin-right:4px; } .box_grey1 { width:33px !important; height:6px; background-color:#f0f0f0; display:inline-block; margin-right:4px; } .box_red1 { width:33px !important; height:6px; background-color:#ee1c24; display:inline-block; margin-right:4px; } .box_blue1 { width:33px !important; height:6px; background-color:#30a4ff; display:inline-block; margin-right:4px; } /*頇橃湪*/ .text_right { float:right; line-height:20px; text-align:right; padding-right:20px; color:#4a4a4a;} .text_left { float:left; text-align:left !important; color:#4a4a4a; font-size:13px; line-height:22px; padding:20px 0px 20px 22px;} .title_subtitle3 { width:100%; height:32px; float:left; } .title_subtitle3 h2{ font-size:20px; color:#333333; line-height:26px; font-weight:400; } .title_subtitle3 .icon_blit_d {width:3px; height:3px; margin:12px; float:left; } /*氙检洂鞝勴檾*/ .call_content_box {width:100%; margin:0 auto; text-align: center;} .call_info_area { height:430px; border:1px solid #e1e1e1; padding:35px; display:inline-block; vertical-align:top; margin:30px 22px;} .title_subtitle4 { width:100%; height:32px; text-align:center; } .title_subtitle4 h2{ font-size:20px; color:#333333; line-height:22px; font-weight:bold;} .title_subtitle4 .im_call_01 {width:180px; margin:auto; padding-top:30px;} /*靹滊笇 氅旍澑 瓿犼皾靹滊箘鞀�*/ .recom_menu2 { width:100%; background-color:#fff;} .recom_menu2 li { list-style:none; display:inline-block; width:16.6%; border:1px solid #e1e1e1; border-right:none; height:53px; padding:5px 0 10px 40px; } .recom_menu2 li:nth-child(1) { background:url(/images/sub_main_customer_icon_menu01.png) no-repeat; background-position:20px;} .recom_menu2 li:nth-child(2) { background:url(/images/sub_main_customer_icon_menu02.png) no-repeat; background-position:20px } .recom_menu2 li:nth-child(3) { background:url(/images/sub_main_customer_icon_menu03.png) no-repeat; background-position:20px } .recom_menu2 li:nth-child(4) { background:url(/images/sub_main_customer_icon_menu04.png) no-repeat; background-position:20px } .recom_menu2 li:nth-child(5) { background:url(/images/sub_main_customer_icon_menu05.png) no-repeat; background-position:20px } .recom_menu2 li:nth-child(6) { background:url(/images/sub_main_customer_icon_menu06.png) no-repeat; background-position:20px } .recom_menu2 li:last-child { width:17%; border-right:1px solid #e1e1e1;} .recom_menu2 li a { display:block; text-align:left; padding:12px; font-weight:bold;} .sub_customer_banner { width:100%; background-color:#fff;} .sub_customer_banner li { list-style:none; display:inline-block; width:33.3%; border:1px solid #e1e1e1; border-right:none; height:204px; padding:5px 0 10px 40px; } .sub_customer_banner li:nth-child(1) { background:url(/images/sub_main_content_im01.png) no-repeat; background-position:90% 80%} .sub_customer_banner li:nth-child(2) { background:url(/images/sub_main_content_im02.png) no-repeat; background-position:90% 80%} .sub_customer_banner li:nth-child(3) { background:url(/images/sub_main_co_qr_bg_im03.png) no-repeat; background-position:90% 80%} .sub_customer_banner li:last-child { width:33.3%; border-right:1px solid #e1e1e1;} .sub_customer_banner li .text-in { display:block; text-align:left; font-weight:200; font-size:13px; color:#828282; padding-top:10px;} .sub_customer_banner li .sub_main_text_1 {font-size:12px; color:#828282; display:inline-block; vertical-align:top; } .sub_customer_banner li a { display:block; text-align:left; padding:24px 0 4px; font-weight:bold; font-size:20px;} .sub_cuatomer_info_box {width:100%; height:180px; margin-top:30px; background-color:#f5f6fa; padding-top:30px;} .sub_cuatomer_info_box .service_01 {width:30%; border-right:1px solid #e1e1e1;} .sub_cuatomer_info_box .service_01 .title_ser_01 {font-size:20px; color:#4a4a4a; font-weight:bold; padding:30px 20px 0 40px; } .sub_cuatomer_info_box .service_01 .text_link_01 {font-size:14px; color:#828282; font-weight:400; padding:12px 0 6px 40px; text-align:left;} .sub_cuatomer_info_box .service_01 .text_link_02 {font-size:14px; color:#828282; font-weight:400; padding:12px 0 6px 40px; text-align:left;} .sub_cuatomer_info_box .service_02 { background:url(/images/sub_main_icon_customer.png) no-repeat; background-position:36% 80%; height:84px;} .sub_cuatomer_info_box .service_02 .title_ser_02 {font-size:20px; color:#4a4a4a; font-weight:bold; padding:30px 20px 10px 430px; } .sub_cuatomer_info_box .service_01 .text_info_01 {font-size:14px; color:#828282; font-weight:400; padding:20px 0 6px 40px; text-align:left; heigth:24px; } .sub_ser_text_black {font-size:14px; font-weight:600; color:#4a4a4a; padding-top:24px;} .sub_ser_text_blue {font-size:16px; font-weight:600; color:#3579d4; padding-top:24px;} .sub_ser_text_grey0 {font-size:14px; font-weight:500; color:#828282; padding-top:24px; padding-left:12px;} .sub_ser_text_grey {font-size:14px; font-weight:500; color:#828282; padding-top:24px; padding-left:34px;} .sub_ser_text_grey1 {font-size:14px; font-weight:500; color:#828282; padding-top:2px; padding-left:106px;} /*靹滊笇氅旍澑 旮堨湹靸來拡*/ .sub_financial_banner { width:100%; background-color:#fff;} .sub_financial_banner li { list-style:none; display:inline-block; width:33.3%; border:1px solid #e1e1e1; border-right:none; height:204px; padding:5px 0 10px 40px; } .sub_financial_banner li:nth-child(1) { background:url(/images/sub_main_financial_im01.png) no-repeat; background-position:90% 80%} .sub_financial_banner li:nth-child(2) { background:url(/images/sub_main_co_qr_bg_im03.png) no-repeat; background-position:90% 80%} .sub_financial_banner li:nth-child(3) { background:url(/images/sub_main_co_qr_bg_im03.png) no-repeat; background-position:90% 80%; vertical-align:bottom;} .sub_financial_banner li:last-child { width:33.3%; border-right:1px solid #e1e1e1;} .sub_financial_banner li .text-in {display:block; text-align:left; font-weight:200; font-size:13px; color:#828282; padding-top:10px;} .sub_financial_banner li .sub_main_text_1 {font-size:12px; color:#828282; display:inline-block; vertical-align:top; } .sub_financial_banner li a { display:block; text-align:left; padding:24px 0 4px; font-weight:bold; font-size:20px;} .sub_financial_banner2 { width:100%; background-color:#fafcfc; border:1px solid #e1e1e1; } .sub_financial_banner2 li { list-style:none; display:inline-block; vertical-align:top; width:33.3%; border-right:1px solid #e1e1e1; border-collapse:collapse; height:204px; padding:5px 0 10px 22px; } .sub_financial_banner2 li:nth-child(1) {border-right:1px solid #e1e1e1;} .sub_financial_banner2 li:nth-child(2) {border-right:1px solid #e1e1e1;} .sub_financial_banner2 li:nth-child(3) {border-right:none; } .sub_financial_banner2 li:nth-child(4) {border-right:1px solid #e1e1e1; background:url(/images/sub_financial_card_icon01.png) no-repeat; background-position:90% 80%;} .sub_financial_banner2 li:nth-child(5) {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .sub_financial_banner2 li:nth-child(6) {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .sub_financial_banner2 li:last-child { width:33.3%; border-right:none;} .sub_financial_banner2 li .title_black { display:block; text-align:left; font-weight:500; font-size:24px; color:#464646; padding-top:10px;} .sub_financial_banner2 li .title_orenge { display:block; text-align:left; font-weight:500; font-size:24px; color:#e56a27; padding-top:10px;} .sub_financial_banner2 li .text-in2 {display:block; text-align:left; font-weight:200; font-size:14px; color:#828282; padding-top:10px;} .sub_financial_banner2 li .txt_tyCoralBlue{ width:270px; display:block; text-align:left; font-weight:200; font-size:18px; color:#30a4ff; padding-top:10px;} .sub_financial_banner2 li a { display:block; text-align:left; padding:24px 0 4px; font-weight:bold; font-size:20px;} .mtabInner { display:inline-block; vertical-align:top; } .seltxt{margin:24px 20px 4px 0px; } .seltxt span{display:inline-block;padding:3px 6px 5px 6px; border-radius:10px;margin-right:5px;min-width:23px;line-height:1;font-size:12px; } .seltxt .txt_tyOrg{color:#e89142;border:1px solid #e89142;} .seltxt .txt_tyBlue{color:#30a4ff;border:1px solid #30a4ff;} .seltxt .txt_tyRed{color:#d86532;border:1px solid #d86532;} .seltxt .txt_tyNavy{color:#0d4ad6;border:1px solid #0d4ad6;} .seltxt .txt_purple{color:#7c86bb;border:1px solid #7c86bb;} /*靹滊笇氅旍澑 鞁犿暅靻岅皽*/ .sub_business_banner { width:100%; background-color:#fff;} .sub_business_banner li { list-style:none; display:inline-block; width:33.3%; border:1px solid #e1e1e1; border-right:none; height:204px; padding:5px 0 10px 40px; } .sub_business_banner li:nth-child(1) { vertical-align:bottom;background:url(/images/sub_main_financial_im01.png) no-repeat; background-position:90% 80%} .sub_business_banner li:nth-child(2) { background:url(/images/sub_main_content_im02.png) no-repeat; background-position:90% 80%} .sub_business_banner li:nth-child(3) { background:url(/images/sub_main_co_qr_bg_im03.png) no-repeat; background-position:90% 80%} .sub_business_banner li:last-child { width:33.3%; border-right:1px solid #e1e1e1;} .sub_business_banner li .text-in { display:block; text-align:left; font-weight:200; font-size:13px; color:#828282; padding-top:10px;} .sub_business_banner li .sub_main_text_1 {font-size:12px; color:#828282; display:inline-block; vertical-align:top; } .sub_business_banner li a { display:block; text-align:left; padding:24px 0 4px; font-weight:bold; font-size:20px;} .recom_menu3 { width:100%; background-color:#fff;} .recom_menu3 li { list-style:none; display:inline-block; width:16.6%; border:1px solid #e1e1e1; border-right:none; height:53px; padding:5px 0 10px 40px; } .recom_menu3 li:nth-child(1) { background:url(/images/sub_main_information_icon_menu01.png) no-repeat; background-position:20px;} .recom_menu3 li:nth-child(2) { background:url(/images/sub_main_information_icon_menu02.png) no-repeat; background-position:20px } .recom_menu3 li:nth-child(3) { background:url(/images/sub_main_information_icon_menu03.png) no-repeat; background-position:20px } .recom_menu3 li:nth-child(4) { background:url(/images/sub_main_information_icon_menu04.png) no-repeat; background-position:20px } .recom_menu3 li:nth-child(5) { background:url(/images/sub_main_information_icon_menu05.png) no-repeat; background-position:20px } .recom_menu3 li:nth-child(6) { background:url(/images/sub_main_information_icon_menu06.png) no-repeat; background-position:20px } .recom_menu3 li:last-child { width:17%; border-right:1px solid #e1e1e1;} .recom_menu3 li a { display:block; text-align:left; padding:12px; font-weight:bold;} /*#SiteMap */ .sitemap-wrap {width:100%;} .sitemap-wrap.ps {background:url(/img/common/etc/sitemap_ps_bottom_bg.png) no-repeat right bottom} .sitemap-wrap.bz {background:url(/img/common/etc/sitemap_bz_bottom_bg.png) no-repeat 540px 750px} .sitemap-wrap.cb {min-height:400px; background:url(/img/common/etc/sitemap_cd_bottom_bg.png) no-repeat 560px bottom} .sitemap-wrap.po {min-height:450px;background:url(/img/common/etc/sitemap_po_bottom_bg.png) no-repeat 620px bottom} .sitemap-wrap.cm {min-height:450px;background:url(/img/common/etc/sitemap_cm_bottom_bg.png) no-repeat 620px 860px} .sitemap { width:100%;} .sitemap li {float:left;width:190px;display:table-cell} .sitemap dl {width:190px;margin-bottom:40px} .sitemap dt a {letter-spacing:-2px;font-weight:bold;color:#0078d4;font-size:20px;line-height:24px;height:30px;margin-bottom:16px} .sitemap dd {line-height:24px;color:#555555;background:url(/img/common/etc/sitemap-bullet.gif) no-repeat left;padding-left:8px} .sitemap dd a {font-size:13px;letter-spacing:-1px} /*#SiteMap */ /* s-mail */ .reg_process li { list-style:none; display:inline-block; padding:15px; border:1px solid #3579d4;} .reg_process li>span { color:#555} /* 旃措摐甑愳泊 */ .seq { margin-top:20px; color:#555; } .seq span { margin-right:5px;} .seq span.seq_current {color: #3579d4; font-size: 20px; font-weight: bold; margin-right: 5px;} .seq span:last-child {font-size:15px;font-weight:bold} } @media screen and (max-width: 767px) { .main_sub_wrap, .w2wframe, .banner { display:none;} .r_mobile { display:block !important;} } @media (min-width:768px) and (max-width:1023px){ .recommend_menu li { width:33.3%; border-bottom:none;} .recommend_menu li:nth-child(3) { border-right:1px solid #e1e1e1; } .recommend_menu li:last-child { width:33.3%; } .recommend_menu li:nth-child(4),.recommend_menu li:nth-child(5),.recommend_menu li:nth-child(6) { border-bottom:1px solid #e1e1e1; } body { font: 13px 'Microsoft YaHei','Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif !important;} .breadcrumb { padding:0 10px;} #quick_menu { display:none;} .top_bar { position:fixed} .top_block { position:fixed; top:31px; border-bottom: 2px solid #3579d4;} .breadcrumb { position:relative; top:81px;} .banner { position:relative; top:81px;} .main_sub_wrap { margin-top:120px;} .tablet_layout .top { position:relative; top:0} .footer .content1 .right { padding-left:20px; float:left;} .footer .content2 { height:120px !important;} .footer .content2 .right { float:left; padding:20px 0; } .gnb {display:none;} .top_menu .list_style { display:none;} .top_menu ul { display:none;} .tablet_layout h3 { display:none;} .tablet_layout { display:block; position:fixed; width:350px; height:100%; top:0; z-index:999; right:-350px;} .tablet_layout #tablet_icon { width:50px; height:48px; background:url(/images/icon_tablet_menu.png) no-repeat; position:fixed; right:10px; top:1px; z-index:999;display:block !important;} .tablet_layout .menu_area { width:300px; height:100%; background:#565d6e; float:right; overflow:scroll;} .tablet_layout .close_bar { position:fixed; width:50px; height:100%; background-color:rgba(0,0,0,0.6)} .tablet_layout .menu_area .top { height:52px; background-color:#444b5e; padding:0 20px; border-bottom:none;} .tablet_layout .menu_area .top .lang { float:left !important;} .tablet_layout .menu_area .depth1 li.depth1_menu {border-bottom:1px solid #898f9a;} .tablet_layout .menu_area .depth1 li.depth1_menu img { float:right; margin-top:29px; margin-right:20px;} .tablet_layout .menu_area .depth1 li.depth1_menu >a { color:#fff; line-height:64px; font-size:17px; font-weight:bold; margin-left:20px;} .tablet_layout .menu_area .depth2 {display:none} .tablet_layout .menu_area .depth2 li.depth2_menu {height: auto; margin: 0; border-bottom: 1px solid #6684b4; background-color: #244f94; line-height:35px;} .tablet_layout .menu_area .depth1 li.depth2_menu img { float:right; margin-top:15px; margin-right:23px;} .tablet_layout .menu_area .depth2 li.depth2_menu > a { line-height: 40px; color: #fff; font-size: 16px; padding-left: 20px} .tablet_layout .menu_area .depth3 {display:none} .tablet_layout .menu_area .depth3 li.depth3_menu {background:rgb(247, 248, 250);border-bottom: 1px solid #e0e1e3; height: auto; margin: 0; line-height: 35px;} .tablet_layout .menu_area .depth1 li.depth3_menu img { float:right; margin-top:15px; margin-right:23px;} .tablet_layout .menu_area .depth3 li.depth3_menu > a { line-height: 40px;font-size: 16px; color: #4a4a4a; padding-left: 35px; } .tablet_layout .menu_area .depth4 {display:none} .tablet_layout .menu_area .depth4 li.depth4_menu {background:#fff;border-bottom: 1px solid #e0e1e3; height: auto; margin: 0; line-height: 35px;} .tablet_layout .menu_area .depth4 li.depth4_menu > a { line-height: 40px;font-size: 14px; color: #000; padding-left: 50px; } /*氅旍澑韼橃澊歆�*/ .main_box_content .wrap:nth-child(1) { width:100%} .main_box_content .app .app_title_text { padding:15px; 0; text-align:right} .main_box_content .app .app_title_text p { padding-left:0 !important} .main_box_content .app>div:nth-child(1) { width:50%; display:inline-block; text-align:right} .main_box_content .app .app_title_img { background-position:center right} .main_box_content .app .app_bottom_img { width:50%; display:inline-block; background-position:center left 30px;} .main_box_content .wrap:nth-child(2) { width:100%; height:350px;} .main_box_content2 { clear:both} .main_box_content2 .currency { width:48%} .main_box_content2 .notice { width:48%} .main_box_content2 .info_box { width:100%; margin-top:20px; margin-bottom:50px;} .main_box_content2 .info_box li { width:50% ;float:left; border-right:none} .main_box_content2 .info_box li:nth-child(even) { border-right:1px solid #e1e1e1} .main_box_content2 .info_box li:nth-child(3) { border-bottom:1px solid #e1e1e1;} .box_content.harf {max-width:100%;width:100%} /* 鞚鸽眳 靹滊笇氅旍澑*/ .submain_content_area .product li { padding:20px 10px;} .submain_content_area .app_card { width:64%;} .submain_content_area .product { width:35%;} .submain_content_area .product li .p_name { width:42%; text-overflow:ellipsis;white-space:nowrap;} .submain_content_area .product li a { width:24%} .submain_content_area .product li .type { margin-right:10px;} /*雱岆眳韨� 靹滊笇氅旍澑*/ .sub_banner_text_area { padding-top:20px !important;} .banner3 .sub_banner_text_area { padding-top:60px !important;} .sub_customer_banner li { padding-left:15px;} /*瓿犼皾靹柬劙*/ .sub_cuatomer_info_box .service_02 .title_ser_02, .sub_cuatomer_info_box .service_02>div:nth-child(2), .sub_cuatomer_info_box .service_02>div:nth-child(3) { padding-left:330px !important;} /*鞁犿暅靻岅皽 靹滊笇氅旍澑*/ .sub_banner_text_area + div { padding-top:260px !important;} .sub_banner_text_area + div { width:98%; margin:0 auto;} .recom_menu2 li, .recom_menu3 li { width:33% } .recom_menu2 li:nth-child(1), .recom_menu3 li:nth-child(1) {} .recom_menu2 li:nth-child(2), .recom_menu3 li:nth-child(2) {width:34%} .recom_menu2 li:nth-child(3), .recom_menu3 li:nth-child(3) {border-right:1px solid #e1e1e1} .recom_menu2 li:nth-child(4), .recom_menu3 li:nth-child(4) {border-top:none;} .recom_menu2 li:nth-child(5), .recom_menu3 li:nth-child(5) {width:34%; border-top:none;} .recom_menu2 li:last-child, .recom_menu3 li:last-child {border-right:1px solid #e1e1e1; border-top:none;width:33% !important;} /*旮堨湹靸來拡 靹滊笇氅旍澑 */ .sub_financial_banner2 li { height:230px; padding-right:10px; padding-left:15px;} /*auth*/ #grpQr .info_area .title p { font-size:14px} #grpQr .info_area .content { padding-right:10px !important;} #grpQr .info_area .content p { font-size:12px;} } @media (min-width:1024px) and (max-width:1279px){ #quick_menu { display:none;} } @media (min-width:1280px) and (max-width: 1900px) { #quick_menu { left:0;} #quick_menu li.visit ul li { width:100px;} } @media print { @page { size:A4;} .w2wframe, .breadcrumb, .w2floatingLayer_dragArea, .w2group.print {display:none !important;} .w2floatingLayer {top:0 !important; left:0 !important;} .w2floatingLayer .w2grid table { width:100% !important;} .w2floatingLayer .w2grid table tr {page-break-inside:avoid; page-break-after:avoid;page-break-before:avoid;} .w2floatingLayer .gridHeaderTableDefault td {height:51px !important;} .w2floatingLayer_contents div:nth-child(2) { height:auto !important;} .gridBodyDefault { overflow:inherit !important; text-overflow:inherit !important; word-break:break-all !important; white-space:normal !important;} .w2grid nobr { padding:0 !important; white-space:normal !important;} }