/* default style : 1024 이상, IE8 포함 */ /* .df body.subBg01 > .wrapper {background:#fff;} */ .hide_col nobr, .globalMobile .gm_colHide nobr {display:none !important;} .globalMobile .gm_colHide {width:0;} .gm_colHide {width:100px;} @media all and (max-width:817px){ .w2grid.w2grid_adaptive_crosstab .hide_col, .globalMobile .w2grid.w2grid_adaptive_crosstab .gm_colHide {height:0 !important; border-top:0 !important;} /* hidden column 임시 */ .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault {padding:0 10px !important; height:42px !important; border-top:1px solid #d4d7df !important;} .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault[colspan="2"] {height:85px !important;} .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.hide_col, .globalMobile .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.gm_colHide {height:0 !important; border-top:0 !important;} /* //hidden column 임시 */ #__rulerSpan__ {padding:8px; font-weight:bold; line-height:23px; white-space:normal; word-wrap:break-word; word-break:break-all;} .w2tb.w2tb_adaptive_layout .w2tb_td:before {white-space:normal;} } /* // ********** 모바일 기기 처리 ********** */ .globalMobile .moPhone_Hide, .globalMobile .moPhone_hide {display:none !important;} /* 모바일에서 특정 버튼 삭제 */ .globalMobile .w2grid th.gridHeaderTDDefault.moPhone_Hide2 *, .globalMobile .w2grid .gridBodyDefault.moPhone_Hide2 *{display:none !important;} .gm_colHide, .gm_hide {}/* global mobile 에서 숨김 _tablit, phone */ /* ********** Common Style ********** */ /* 개발 후 반영 _ 메일/공지 리스트에서 [이전글/다음글 view/hide부분 ]개발 후 반영 */ .pc_area {} .mobile_area {display:none} .pc_zone {display:block !important;} .pc_zone_inBlock {display:inline-block !important;} .pc_zone_inline {display:inline !important;} .mobile_zone, .mobile_zone_inBlock, .mobile_zone_inline {display:none !important;} .staD {font-weight:bold; color:#444;} .staB {font-weight:bold; color:#2773c1;} .staO {font-weight:bold; color:#e4780f;} .star{display:block;margin-left:15px;} .star:before {content:"*"; margin-left:-15px; width:14px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} .se_03 {margin-top:10px !important;} /*151217추가 */ .w2anchor2.txt_blue {color: #2773c1 !important;} /*151217추가 */ /* CN Login Box */ .login_box .area.captcha_code {padding-top:5px;} .captcha_code .ipt {width:115px; height:36px;} .captcha_code .img_code {margin-left:5px; padding:3px 5px 1px; width:70px; height:30px; text-align:center; vertical-align:middle; background:#fff; display:inline-block; border:1px solid #bbbbbb; border-right:0;}/*#e9e8e8*/ .main .captcha_code .img_code {padding:4px 5px 2px; border:0;} .captcha_code .img_code img {width:70px; height:30px;} .captcha_code .btn {width:30px; height:36px; vertical-align:middle; text-indent:-9999px; background:#a7afc2 url("/img/main/btn_refresh.gif") center center no-repeat; overflow:hidden; display:inline-block;} /* 오픈안내 공지사항 */ .op_20151120{font-size:12px; color:#444; line-height:1.5;} .op_20151120 h4{margin-bottom:-10px; padding-top:30px; font-size:24px; font-weight:bold;} .op_20151120 h5{font-size:16px; color:#2773c1; padding-top:24px; font-weight:bold;} .op_20151120 strong{display:block; padding-top:5px; padding-bottom:9px; font-weight:bold;} .op_20151120 p{padding-left:7px; text-indent:-7px;} .op_20151120 a{display:inline-block; padding:5px 0 9px 7px; color:#2773c1; font-weight:bold;} /* chk,ipt 여러줄 나열할때 간격조절 */ .chk_ipt .w2checkbox_item .w2checkbox_input, .w2checkbox_label, .radio_ipt .w2radio_item .w2radio_input, .w2radio_label {vertical-align:middle;} .chk_ipt.col .w2checkbox_item:first-child, .radio_ipt.col .w2radio_item:first-child {margin-left:0px;} .radio_ipt.col .w2radio_item, .chk_ipt.col .w2checkbox_item {display:inline-block; margin-left:100px;} .radio_ipt.col.mo_block {padding: 10px 0;} .w2radio.alignCol .w2radio_item:first-child, .w2checkbox.alignCol .w2checkbox_item:first-child {margin-top:0;} .w2radio.alignCol .w2radio_item, .w2checkbox.alignCol .w2checkbox_item {position:relative; padding-left:18px; margin-top:5px; line-height:16px;} .w2radio.alignCol .w2radio_item input, .w2checkbox.alignCol .w2checkbox_item input {position:absolute; margin-left:-18px; top:0;} .w2radio.alignCol .w2radio_label, .w2checkbox.alignCol .w2checkbox_label {position:relative; display:inline-block; top:1px;} /* TabControl */ .tab_01 {} .tab_01 .w2tabcontrol_container {padding-top:25px; height:auto !important; border:0;} .tab_01 .w2tabcontrol_tabhost li {margin:0; height:35px; background:#e0e1e3; border:1px solid #bdc3d2; border-left-width:0; border-bottom-color:#949cb0; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .tab_01 .w2tabcontrol_tabhost li:first-child {border-left-width:1px;} .tab_01 .w2tabcontrol_tabhost li a {color:#444; font-size:16px; font-weight:normal;} .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active {background:#fff;} .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_tab_right {background:transparent;} .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right {background:transparent;} .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right {background:transparent;} /* Tab_01 Status */ .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active {background:#fff; border-color:#949cb0; border-bottom:1px solid #fff;} /* Tab_01 tm1 */ .tab_01.tm1 .w2tabcontrol_tabhost li {width:50%;} .tab_01.tm1 .w2tabcontrol_tabhost li:first-child {border-right-color:#949cb0;} .tab_01 .w2tabcontrol_contents_wrapper {overflow:visible;} /* Tab_01 tm2 */ .tab_01.tm2 .w2tabcontrol_tabhost li {width:33%;} .tab_01.tm2 .w2tabcontrol_tabhost li:first-child {border-right-color:#949cb0;} .tabLink_01 {} .tabLink_01 .top {} .tabLink_01 .top:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .tabLink_01 .top a {width:50%; height:35px; font-weight:bold; color:#383d41; line-height:33px; text-align:center; background:#e0e1e3; border:1px solid #bdc3d2; border-bottom:1px solid #949cb0; display:inline-block; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .tabLink_01 .top a.tab1 {border-right:0;} .tabLink_01 .top a.tab2 {border-left:0;} .tabLink_01 .top a.selected {color:#444; background:#fff; border:1px solid #949cb0; border-bottom:1px solid #fff;} .tabLink_01 .top a:active, .tabLink_01 .top a:focus, .tabLink_01 .top a:hover {text-decoration:;} .tabLink_01 .body {} /* btn */ .btnLv1, .btnLv2, .btnLv3, .btnLv4, .btnLv5, .btnLv6 {position:relative; margin-left:5px; padding:0 10px; text-align:center; vertical-align:middle; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv1:first-child, .btnLv2:first-child, .btnLv3:first-child, .btnLv4:first-child, .btnLv5:first-child {margin-left:0;} .btnLv0 {display: inline-block; border: solid 1px #b6b6b6; background-color: #f5f5f5; padding: 4px 13px 2px 13px; font-size: 11px; line-height: 14px; border-radius: 3px; box-sizing: border-box;} .btnLv1 {min-width:102px; height:34px; font-size:14px; font-weight:bold; color:#fff; line-height:34px; background:#2773c1; } .btnLv2 {min-width:60px; height:30px; font-size:12px; font-weight:bold; color:#fff; line-height:30px; background:#9ea9ba;} .btnLv2.arrow:after {content:""; position:absolute; height: 34px; display:inline-block; width:30px; background:transparent url(/img/common/bg_btn_01.gif) right -150px no-repeat;} .btnLv2.form {padding-left:20px; min-width:75px; background:#9ea9ba url(/img/common/bg_btn_01.gif) left -400px; no-repeat;} .btnLv3 {min-width:102px; height:30px; font-size:12px; font-weight:bold; color:#fff; line-height:30px; background:#2773c1;} .btnLv4 {min-width:60px; width:auto !important; text-indent:0 !important; height:29px; line-height:29px; background:#f5f5f5; border:1px solid #d5d5d5;} .btnLv5 {min-width:104px; height:34px; font-size:12px; font-weight:bold; color:#373737; line-height:34px; background:#f5f5f5; border:1px solid #d5d5d5;} .btnLv5.fileDown, .btnLv5.fileUp {padding-left:35px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif); background-repeat:no-repeat; border-width: 0 1px 0 0;} .btnLv5.fileDown {background-position:left -300px;} .btnLv5.fileUp {background-position:left -350px;} .btnLv5.fileDown.form {background-position:left -700px; padding-left:27px;} .btnLv6 {padding:2px 10px 0 10px; min-width:104px; height:25px; font-size:12px; color:#444; line-height:23px; background:#fff url(/img/common/bg_btn_01.gif) left -500px no-repeat;} .btnLv6:after {content:""; width:3px; height:25px; background:transparent url(/img/common/bg_btn_01.gif) right -500px no-repeat; position:absolute; right:0; top:0;} .btnLv6.arrow {padding-left:30px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif) left -550px; no-repeat;} html.df .btnLv0, html.df .btnLv1, html.df .btnLv2, html.df .btnLv3, html.df .btnLv4, html.df .btnLv5, html.df .btnLv6 {font-weight:normal; letter-spacing:-1px;} .btn_01 {padding:0 18px;height:30px;font-weight:bold;line-height:30px;font-size:10px;background:#a2a199;color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btn_01.or {background:#e4780f;} .btn_01.br {background:#2773c1;} .btn_02 {font-weight:normal;height:21px; line-height:21px; text-align:center; min-width:90px; font-size:12px; background:#707070;color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btn_03 {padding:font-weight:normal;height:18px; line-height:18px; text-align:center; min-width:31px; font-size:11px; background:#9ea9ba;color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .fileSearch_area, .fileSearch_area_01 {margin-bottom:10px;} .fileSearchBox {} .fileSearchBox .w2input {vertical-align:middle; height:30px; line-height:30px; margin-right:5px;} .btn_upload {vertical-align:middle; position:relative; padding-left:5px; height:30px; line-height:30px; background:transparent url(/img/common/bg_btn_01.gif) left -50px no-repeat; display:inline-block;} .btn_upload .ipt_label {padding:0 15px 0 10px; min-width:50px; height:100%; color:#fff; background:transparent url(/img/common/bg_btn_01.gif) right -50px no-repeat; display:block; float:left;} .btn_upload .ipt_file {position:absolute; left:0; right:0; top:0; bottom:0; margin:0; padding:0; width:100%; height:100%;} .btn_upload .ipt_file.w2upload > form, .btn_upload .ipt_file.w2upload .w2upload_input_type {cursor:pointer; margin:0; padding:0; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; border:0; background:rgba(0,0,0,0); opacity:0; filter:alpha(opacity:0); display:block;} .btn_fileSelect {text-align:center; font-weight:bold; color:#373737; display:block; margin-bottom:1px; background-color:#eae3d2; height:38px; line-height:38px; } .fileSearch_area_01 {} .fileSearch_area_01 > .fileSearchBox {margin-right:40px;} .fileSearch_area_01 > .fileSearchBox > .w2input {width:100% !important; margin:0;} .fileSearch_area_01 > .fileSearchBox > .btn_upload {margin-right:-40px; padding:0; background:transparent url(/img/common/btn_icoFile.gif) left top no-repeat; float:right;} .fileSearch_area_01 > .fileSearchBox > .btn_upload label {min-width:0; text-indent:-9999px; padding:0; width:30px; height:30px; background-image:none; overflow:hidden;} .fileSearch_area_01 > .fileSearchBox > .btn_upload .ipt_file.w2upload > form, .fileSearch_area_01 > .fileSearchBox > .btn_upload .ipt_file.w2upload .w2upload_input_type {min-width:0; width:30px; overflow:hidden; } /* Grid Default */ /* .w2grid.w2grid_adaptive_crosstab:before {bottom:50% !important;} */ .grid_wrap {position:relative;} .w2grid.edit:before {content:""; display:none;} .grid_pt {} /* .grdMsg:before {content:"최초 로딩 메세지"; position:absolute; left:0; right:0; bottom:0px; z-index:999; height:30px; text-align:center; display:block;} */ /* .w2grid {position:relative; width:100%;} */ .w2grid {*padding-bottom:1px;}/* IE8 Hack */ .w2grid .gridHeaderTableDefault {border-top:1px solid #4a5260; border-right:0px hidden #fff;} .w2grid .gridHeaderTableDefault > thead {display:none;} .w2grid .gridHeaderTableDefault > thead.gridHeaderTableDefault {display:table-header-group;} .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault {border-top:1px solid #4a5260; border-bottom:1px solid #4a5260;} /* 임시 그리드 font-size:14로 변경 */ .w2grid th.gridHeaderTDDefault {color:#444;/*칼라색 지정안하면,,웹스케어 기본칼라 먹는것 같음 */font-size:12px; font-weight:bold; background:#fff url("/img/common/bar_gridTh_01.gif") left center no-repeat; border-left:0px hidden #fff; border-color:#dfdfdf;} .w2grid th.gridHeaderTDDefault:first-child {background-image:none;} .w2grid th.gridHeaderTDDefault nobr {padding:0 5px; max-height:42px; line-height:14px; white-space:normal; word-wrap:break-word; word-break:normal; display:block; overflow:hidden;} /* word-break:break-all; 201701*/ .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault nobr { line-height:16px;} .w2grid .gridBodyDefault {padding:0px 8px; font-size:12px; border-color:#eaeaea; border-bottom-color:#dfdfdf;} .w2grid .gridBodyDefault_rowNumber {height:42px; background-color:transparent !important;} /* .w2grid .gridBodyDefault nobr {max-height:32px; line-height:16px; word-break:break-word; word-wrap:break-word; white-space:normal; display:block; overflow:hidden;} */ .w2grid .gridBodyDefault[inputtype=image] .w2grid_image[src=""] {display:none;} .w2grid .gridBodyDefault:first-child {border-left:0px hidden #fff;} /* .w2grid .gridBodyDefault nobr {padding:5px 8px; display:inline-block;} */ .w2grid .gridBodyDefault nobr {padding:5px 0px;} .w2grid .gridBodyDefault input[type="text"] {padding:0 9px; /* height:39px; */ text-indent:0px; border:1px solid #bbb; min-width:auto;} /* Virtual Account */ .w2grid .txt_link, .w2grid .gridBodyDefault .txt_link, .w2grid .gridBodyDefault[inputtype="link"] a {color:#373737; text-decoration:underline; cursor:pointer;} .w2grid .ic {margin-right:10px; vertical-align:middle;} /* 임시 그리드 nobr */ .w2grid.nobr nobr {white-space:nowrap !important; display:inline !important;} .w2grid.nobr.grdMsg nobr {max-height:32px; white-space:normal !important; display:inline-block !important; overflow:hidden;} .w2grid.w2grid_adaptive_crosstab.nobr nobr {padding:5px 0px; white-space:normal !important; display:inline-block !important; /*width:100%;*/} .gMenu_layer {position:absolute;left:0;top:0;z-index:100;width:150px;background:#fff;} .gMenu_layer .title {position:relative; padding:0 30px 0 10px; height:36px; color:#fff; line-height:36px; background:#9eaaba;} .gMenu_layer .btn_close {position:absolute; right:10px; top:12px; width:14px; height:14px; text-indent:-9999px; background:url("/img/common/btn_gMenuClose.gif") center center no-repeat; display:block; overflow:hidden;} .gMenu_layer .list_box {border:1px solid #9eaaba; overflow:hidden;} .gMenu_layer .list_box > li a {padding:8px 20px 7px 10px; font-size:12px; color:#282828; line-height:15px; background:#fff; border-top:1px solid #f2f2f2; display:block;} .gMenu_layer .list_box > li:first-child a {border-top:0;} .gMenu_layer .list_box > li a:hover {font-weight:bold; background:#f9f9f9 url("/img/common/bg_gMenuArrow.gif") 132px center no-repeat;} /* Table Layout */ .w2tb { border-left:0px hidden #fff; border-right:0px hidden #fff;} .w2tb tbody:last-child tr:last-child .w2tb_th, .w2tb tbody:last-child tr:last-child .w2tb_td {border-bottom-color:#b6b6b6 !important;} .w2tb.nobtr {border-top:1px solid #d8d8d8;} .w2tb_th.must:before {content:"*"; margin-left:-15px; width:14px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} .w2tb .w2tb_td .w2selectbox_native_select {white-space:nowrap;} .w2tb .w2tb_td > * {margin-left:5px;} .w2tb .w2tb_td > *:first-child {margin-left:0px;} .w2tb .w2tb_td .mLine_box_01 > * {margin-left:0; display:block;} .w2tb .w2tb_td .txt_info.mLine_box_01 > .sp {margin-left:5px; display:inline-block;} .w2tb .w2tb_td .txt_info.mLine_box_01 > .sp:first-child {margin-left:0px;} .w2tb .w2tb_td .mLine_box_01 > .bl {margin:5px 0 0 5px; width:100%; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .w2tb .w2tb_td .mLine_box_01 > .bl:first-child {margin:0 0 0;} .w2tb .w2tb_td .mLine_box_02 { } /* n x 1 출력시 바깥 ..*/ .w2tb .w2tb_td .mLine_box_02.item2 {margin-left:140px;} .w2tb .w2tb_td .mLine_box_02.item2 > * {vertical-align:middle;} .w2tb .w2tb_td .mLine_box_02.item2 > *:first-child {width:130px; margin-left:-140px;} .tbl_col.w2tb .w2tb_th {padding:5px 20px 5px 20px; background:#f5f5f5;} .tbl_col.w2tb .w2tb_th.txt_left {text-align:left;} .tbl_col.w2tb .w2tb_td {} .tbl_col.w2tb tr:first-child .w2tb_th {border-top-color:#b6b6b6;} .tbl_row.w2tb .w2tb_th {padding:5px 20px 5px 35px; text-align:left; background:#f5f5f5;} .tbl_row.w2tb .w2tb_td {} .tbl_row.w2tb tr:first-child .w2tb_th, .tbl_row.w2tb tr:first-child .w2tb_td {border-top-color:#b6b6b6;} /* ReadOnly Table */ .w2tb.readOnly .w2tb_th {padding-left:20px;} /* Adaptive Crosstab Table */ .tbl_col.cts.w2tb_adaptive_crosstab tbody:last-child tr:last-child .w2tb_td {border-bottom:1px solid #b3b3b3;} .tbl_col.cts.w2tb_adaptive_crosstab tbody:last-child tr:last-child .w2tb_td:last-child {border:none;} .tbl_col.cts.w2tb.w2tb_adaptive_crosstab .w2tb_td {width:170px;} .tbl_col.cts.w2tb_adaptive_crosstab.row1 tbody, .tbl_col.cts.w2tb_adaptive_crosstab.row2 tbody {/*overflow-x:hidden;*/} .tbl_col.cts.w2tb_adaptive_crosstab.row2 tbody .w2tb_tr {width:50%; min-width:210px;} .tbl_col.cts.w2tb_adaptive_crosstab.row1 tbody .w2tb_tr {width:100%; min-width:210px;} .tbl_col.cts.w2tb.w2tb_adaptive_crosstab.row1 .w2tb_td, .tbl_col.cts.w2tb.w2tb_adaptive_crosstab.row2 .w2tb_td {width:auto;} .tbl_col.cts.w2tb.w2tb_adaptive_crosstab.row1 tbody .w2tb_td, .tbl_col.cts.w2tb.w2tb_adaptive_crosstab.row2 tbody .w2tb_td {border-right:none;} .tbl_col.cts.w2tb.w2tb_adaptive_crosstab.row2 tbody .w2tb_tr:first-child .w2tb_td {border-right:1px solid #b3b3b3;} /* Adaptive Layout*/ .w2tb.w2tb_adaptive_layout .w2tb_tr:last-child .w2tb_td:last-child {border-bottom: 1px solid #b6b6b6;} /* Adaptive Table */ .w2tb.tbl_adp tr:first-child .w2tb_th, .w2tb.tbl_adp tr:first-child .w2tb_td {border-top-color:#b6b6b6;} .w2tb.tbl_adp colgroup {display:table-column-group;} .w2tb.tbl_adp .w2tb_th {padding:5px 10px 5px 20px; text-align:left; background:#f5f5f5;} .w2tb.tbl_adp.must .w2tb_th {padding:5px 10px 5px 20px;} .w2tb.tbl_adp.tbl_secret .w2tb_th {padding-right:5px;} .w2tb.tbl_adp .w2tb_th.must:before {content:"*"; margin-left:-10px; width:10px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} .w2tb.tbl_adp .pw_info {margin:5px 0 0 0px; font-size:12px; color:#2773c1; line-height:18px; display:block;} .w2tb.tbl_adp .w2tb_th .rd {color:#d71313; display:inline;} .w2tb.tbl_adp .w2tb_th .rd_txt {padding-left:6px; display:inline;} /* inline으로 써야해요. 신용장에서 span두개 붙이는 애들임..다른애들도 쓰면 말해주세요 */ .tbLink, .tbLink:link {text-decoration:underline;} .tbLink:active, .tbLink:focus, .tbLink:hover {text-decoration:underline;} .oneLine > *{margin-left:0px !important; margin-right:0px !important; display:inline; /*display:inline-block; 10/29수정.. why? inline-block를? */}/*span 두세단어를 한 단어처럼 묶이게 */ .oneLine_01 > * {display:inline; padding-right:5px;} .oneLine_01 >.br {padding-right:0px; display:block;} /* .oneLine_01 >.br:after {content:""; display:inline-block; height:0; width:100%;} */ .intoBtn_01 .sLine_01 {margin-top:5px; display:block; margin-left:0px;}/*display:block; input에서 여러줄 입력시 한줄에 하나 출력 */ .intoBtn_01 .btnFirst {margin-top:-5px !important;}/*버튼이 앞에나오는 경우*/ .intoBtn_01 .btnFirst > * {margin-top:5px;} .intoBtn_01 .btnFirst > *:first-child {margin-right:5px;} .intoBtn_01.mt5 {margin-top:5px !important;} /*.intoBtn_01 .sLine_01 .bt1 {margin-left:5px;}*//*input2줄 출력 */ .intoBtn_01 > * {margin-left:5px;} .intoBtn_01 > *:first-child {margin-left:0px;} .w2tb .w2tb_td > .intoBtn_01 > *:first-child {margin-top:0px;} /*151217추가 */ .intoTime > * {margin-left:5px;} .intoTime > *:first-child {margin-left:0px;} .intoBtn_area {display:block; margin-top:5px; margin-left:0px !important; overflow:hidden;} /* L/C Form */ /* L/C Form */ .blank_low {height:6px; display:block} /*colorBG // common*/ .tblForm_bg {background-color:#f5f5f5; padding:5px 15px;} .tblForm_bg > * {margin-top:5px;} .tblForm_bg .txtValign, .tblForm_bg .txtValign .w2checkbox_input {vertical-align:top;} .tblForm_bg .txtValign span {padding-top:2px;} .tblForm_bg .w2checkbox_input {margin-left:-30px !important; width:27px; display:inline-block !important;} .tblForm_bg .intoBtn_area .rightArea_01 {float:center; text-align:center;} .tblForm_bg .intoBtn_area .rightArea_01 .btnLv2 {height:31px; background:#7b828d url(/img/common/bg_btn_01.gif) left -750px no-repeat;} .tblForm_bg .intoBtn_area .rightArea_01 .btnLv2:after {height:31px; background:transparent url(/img/common/bg_btn_01.gif) right -750px no-repeat;} /*.tblForm_bg .chk_lc label {display:none; text-indent:-9999px; width:0 !important;}*/ /*39A*/ .tblForm_01 .item1 {display:inline-block;} .tblForm_01 .item1:first-child {margin-right:30px;} .tblForm_01 .item1 span {margin-left:7px; margin-right:7px; line-height:20px; height:20px; vertical-align:middle;} .tblForm_01 .item1 .f_big_01 {font-size:20px;} .tblForm_01 .item1 .f_big_02 {font-size:14px;} /*41A*/ .tdDrawee #sel_lc_pmt_mthd_c {margin-left:5px;} /*42A*/ .tdDrawee .intoBtn_01 > div {margin-bottom:5px; margin-left:0;} .tdDrawee #grp_gim_bill_paybnk_nm_adr, .tdDrawee #grp_exbill_prstt_psb_bnk_nm_adr {margin-left:0;} /*42C*/ .tblForm_02 .item1 {display:inline-block;} .tblForm_02 .item1:first-child {margin-right:5px;} .tblForm_02 .item1 span {margin-left:7px; text-align:right; width:40px;} /*45A*/ .tblForm_03 {margin:5px 0 0 0!important;} .tblForm_03 .item1 span {width:160px;} .tblForm_03 > span {padding:5px 0;} /*46A, 47A, 71B, 48*/ .tblForm_04 {margin:5px 0 0 0!important; padding-left:40px !important} .tblForm_04 .item1 span {padding-right:30px;} .tblForm_04 .item2 span {padding:0 20px;} .tblForm_04 .item3 > * {display:inline-block;} .tblForm_04 .item3 span {padding:0 10px; display:inline} .tblForm_04 .item3 .w2input {min-width:50px !important;} /* Find ID */ .tbl_row.findID td {padding:5px 0;} .tbl_row.findID td > div {margin-right:20px; padding-right:10px; background:url("/img/common/icon_quick_07.gif") right center no-repeat;} .tbl_row.findID td a {margin-right:5px; font-weight:bold;} .tbl_row.findID td {border-top-color:#b6b6b6;} /* Gridfooter Table */ .mGridFoot {margin-top:10px; width:100%; border-top:1px solid #b6b6b6;} .mGridFoot .w2tb_th {height:31px; background:#f5f5f5; border-right:0px hidden #fff; border-left:0px hidden #fff; border-top:1px solid #b6b6b6;} .mGridFoot .w2tb_td {height:31px;} .en .mGridFoot .w2tb_td {word-break: break-word;} .mGridFoot tr .w2tb_td:first-child {text-align:center; border-left:0px hidden #fff;} .mGridFoot.w2tb .w2tb_td.num {font-size:16px; text-align:right !important;} .mGridFoot.tbl_adp thead .w2tb_th {text-align:center;} /* Step */ .step_box {margin-bottom:20px; display:none;} .step_box ul {height:height:43px; white-space:nowrap; overflow:hidden;} .step_box ul:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .step_box ul li {margin-left:-1px; padding-bottom:5px; width:33.3%; float:left;} /* .step_box ul li.selected {background:url("/img/common/arrow_down_03.gif") center bottom no-repeat;} */ /* 경량화 */ .step_box ul li:first-child {margin-left:0px; padding-left:2px; width:33.4%;} .step_box ul li .box {width:100%; height:43px; line-height:43px; text-align:center; background:transparent url("/img/common/bg_bar_02.gif") right center no-repeat; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;} .step_box ul li.selected .box {font-weight:bold; color:#fff; background:#2773c1; border-color:#2773c1;} .step_box ul li.last .box {background-image:none;} .step_box ul li .txt1 {display:none;} .step_box ul.item7 li .txt1 {display:inline;} .step_box ul.item7 li .txt3 {display:none;} /* Step 2 */ .step_box ul.item2 li {width:50%;} .step_box ul.item2 li:first-child {margin-left:0px; padding-left:1px; width:50%;} /* Step 3 */ .step_box ul.item3 li {width:33.3%;} .step_box ul.item3 li:first-child {margin-left:0px; padding-left:3px; width:33.4%;} /* Step 7 */ .step_box ul.item7 li {width:14.2%;} .step_box ul.item7 li:first-child {margin-left:0px; padding-left:6px; width:14.8%;} /* Step Table */ .tbl_step {width:100%; border:0;} .tbl_step .w2tb_td {padding:0; border:0;height:50px; vertical-align:top;} .tbl_step .li {padding-bottom:5px;} .tbl_step .li .box {padding:0 10px; height:43px; line-height:43px; text-align:center; white-space:nowrap; background:transparent url("/img/common/bg_bar_02.gif") left center no-repeat; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;} .tbl_step .w2tb_td:first-child .li .box {background:none;} .tbl_step .selected .li {background:url("/img/common/arrow_down_03.gif") center bottom no-repeat;} .tbl_step .w2tb_td.selected:first-child .li .box, .tbl_step .selected .li .box {font-weight:bold; color:#fff; background:#2773c1; border-color:#2773c1;} .tbl_step .li .txt1 {display:inline;} .tbl_step .li .txt3 {display:inline;} /* .col5, .col6, .col7 {display:none;} */ /* Title Type */ .page_title {margin-top:45px; border-bottom:2px solid #204487;} .page_title h1 {font-size:20px; height:35px; display:inline-block;} .page_info {padding:16px 0 15px 0;} .page_info.first{/*margin-top:-14px !important*/} .page_info.into {padding-top:0;} .page_info li {padding:1px 0 2px 14px; background:url("/img/common/bul_dot_01.gif") left 8px no-repeat;} .page_info li span {line-height:18px;} .page_info li span a {text-decoration:underline; color:#000; display:inline-block; padding:0 3px; } /* 목차, card >> 000S1600S01.xml */ ul.page_select {} .page_select li {margin-top:6px; border:solid 1px #dfdfdf; background-color:#f5f5f5; height:60px; line-height:60px; display:block;} .page_select li:first-child {margin-top:0px;} .page_select a{display:block;color:#444;text-decoration:none;height:100%; padding-left:25px;} .page_select li .txt_sel{margin-left:15px;} .page_select li .txt_sel:before{content: "|" ;display:inline-block;margin-right:15px; } /*First Child - Margin */ .agree_msg_03.first, .section_title.first, .section_title:first-child, .total_box:first-child {margin-top:0 !important;} /* Section_title */ .section_title {position:relative; margin-top:30px; padding:9px 60px 13px 0;} .section_title h3.title {padding-right:60px; font-size:14px; font-weight:bold; color:#373737; padding:0px; line-height:16px; display:inline-block;} .section:after {content:"";display:block;height:0;clear:both;visibility:hidden} .section_title .rightArea_01 {position:absolute; right:0; bottom:10px;} .section_title .rightArea_01 .btn_more_01 {padding-right:14px; font-size:12px; color:#294e93; background:url("/img/common/bg_arrowRight_01.gif") right center no-repeat; display:inline-block;} .section_info {padding-bottom:10px;} .section_info li.first {margin-top:0 !important;} .section_info .rightArea_01 {width:inline-block; width:auto} .section_info .rightArea_01 .must:before {content:"*"; display:inline-block; margin-right:3px; color:#e00102; vertical-align:middle;} .section_info_02 {border:solid 1px #dfdfdf; background-color:#f5f5f5; padding:10px 10px 10px 20px; overflow:hidden;} .section_info_02:after {clear:both;} .section_info_02 .leftArea_01 > strong {display:inline-block;padding-top:8px;} .section_info_02.pd20 {padding:18px 20px !important;} .section_info_02.pd30 {padding:28px 30px !important;} .section_info_02 p.br {margin-bottom:3px;} .section_info_02 .sp {padding-right:5px;} .sub_title {position:relative; font-weight:bold; padding:0 60px 15px 0; margin-top:15px;} .sub_title.se {margin-top:30px !important;} .sub_title .title {padding-right:60px; font-size:14px; color:#373737; padding:0px; line-height:14px; display:inline-block;} .sub_title .title.br {display:block;} .result_info {border:solid 1px #dfdfdf; background-color:#f5f5f5; padding:30px; overflow:hidden;} .result_info:after {clear:both;} .result_info .leftArea_01 strong {display:inline-block;padding-top:8px;} /* Section_body */ .section_body {border-top:solid 1px #4a5260; border-bottom:solid 1px #b6b6b6; padding:12px 0 11px;} .section_body span {display:block; margin-top:5px; line-height:16px;} .section_body span:first-child {margin-top:0px;} /* Grid_title */ .gBtn_area_01 {position:relative; height:39px;} .gBtn_area_01:after {content:"";display:block;height:0;clear:both;visibility:hidden} .gBtn_area_01 .leftArea_01 {float:left;} .gBtn_area_01 .leftArea_01 .title {padding:8px 0 0; font-size:14px; font-weight:bold; color:#373737; line-height:21px; display:block;} .gBtn_area_01 .leftArea_01 .btnLv5 {position:relative; margin-left:5px; padding:0 10px; min-width:104px; height:29px; font-size:12px; font-weight:bold; color:#373737; line-height:29px; text-align:center; vertical-align:middle; /* background:#f5f5f5 url(/img/common/bg_btn_01.gif) left -450px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; */} .gBtn_area_01 .leftArea_01 .btnLv5:first-child {margin-left:0;} .gBtn_area_01 .leftArea_01 .btnLv5.fileDown {padding-left:35px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif) left -600px no-repeat;} .gBtn_area_01 .leftArea_01 .btnLv5.fileUp {padding-left:35px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif) left -650px no-repeat;} /*.gBtn_area_01 .leftArea_01 .btnLv5.fileUp:after, .gBtn_area_01 .leftArea_01 .btnLv5.fileDown:after, .gBtn_area_01 .leftArea_01 .btnLv5:after {content:""; min-width:0; width:3px; height:29px; background:transparent url(/img/common/bg_btn_01.gif) right -450px no-repeat; position:absolute; right:0px; top:0; display:block;} */ .grid_btn_00 {background:url("/img/common/btn_selectAll.gif") left top no-repeat; display:inline-block; text-indent:-9999px;width:29px; height:29px; margin-right:20px; overflow:hidden;} .grid_btn_00.checked {background:url("/img/common/btn_selectAllchk.gif") left top no-repeat !important;} .grid_btn_00.otherBtn {overflow:visible; line-height:29px;} /* btnLv5와 같이 사용시, 단 우측에 행추가 삭제버튼 함께 사용 */ .gBtn_area_01 .rightArea_01 .grid_btn_00 {background:#fff url("/img/common/btn_selectAll2.gif") left top no-repeat; margin-right:0px; padding-right:10px; padding-left:30px; border:solid 1px #dfdfdf; text-indent:0; line-height:29px; width:auto;} .gBtn_area_01 .rightArea_01 .grid_btn_00.checked {background:#9ea9ba url("/img/common/btn_selectAllchk2.gif") left top no-repeat !important; border-color:#919baa; color:#fff;} .gBtn_area_01 .rightArea_01 {float:right;} .gBtn_area_01 .rightArea_01 a {margin-left:5px; line-height: 29px; width:29px; height:29px; text-align:left; text-indent:-9999px; display:inline-block; overflow:hidden;} .gBtn_area_01 .rightArea_01 .grid_btn_02 {background:url("/img/common/icon_gridBtn_03.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_03 {background:url("/img/common/icon_gridBtn_02.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_04 {background:url("/img/common/icon_gridBtn_01.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_05 {background:url("/img/common/icon_gridBtn_05.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_06 {background:url("/img/common/icon_gridBtn_06.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 a.inTxt {width:auto; text-indent:0; background-image:none !important; border:1px solid #949ba5; background:#a1aabb; color:#fff; line-height:27px; height:27px; padding:0 7px; font-size:12px !important;} /* .gBtn_area_01 .rightArea_01 a img {width:100%;} */ .gBtn_area_02 {position:relative; height:39px;} .gBtn_area_02:after {content:"";display:block;height:0;clear:both;visibility:hidden} .gBtn_area_02 .leftArea_01 {margin-top:10px; float:left;} .gBtn_area_02 .leftArea_01 .grid_btn_00 {position:relative; margin-left:5px; padding:0 10px; min-width:62px; height:29px; color:#444; line-height:29px; text-align:center; vertical-align:middle; background:#2773c1 url(/img/common/bg_btn_01.gif) left -200px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gBtn_area_02 .leftArea_01 .grid_btn_00:first-child {margin-left:0;} .gBtn_area_02 .leftArea_01 .grid_btn_00:after {content:""; width:3px; height:29px; background:transparent url(/img/common/bg_btn_01.gif) right -200px no-repeat; position:absolute; right:0; top:0;} .gBtn_area_02 .rightArea_01 {margin-top:10px; float:right;} .gBtn_area_02 .rightArea_01 a {margin-left:5px; width:29px; height:29px; text-align:left; text-indent:-9999px; display:inline-block; overflow:hidden;} .gBtn_area_02 .rightArea_01 .grid_btn_02 {background:url("/img/common/icon_gridBtn_03.jpg") left top no-repeat; background-size:29px;} .gBtn_area_02 .rightArea_01 .grid_btn_03 {background:url("/img/common/icon_gridBtn_02.jpg") left top no-repeat; background-size:29px;} .gBtn_area_02 .rightArea_01 .grid_btn_04 {background:url("/img/common/icon_gridBtn_01.jpg") left top no-repeat; background-size:29px;} /* .gBtn_area_02 .rightArea_01 a img {width:100%;} */ /* Toggle_title */ .toggle_box {} .toggle_title {position:relative; margin-top:40px; padding:12px 60px 12px 20px; background-color:#636e82;} .toggle_title.first{margin-top:0px;} .toggle_title h3.title {/*padding-left:20px;*/ font-size:14px; font-weight:bold; display:block; color:#fff;} .toggle_title:after {content:"";display:block;height:0;clear:both;visibility:hidden} /* .toggle_title .rightArea_01 {position:absolute; right:14px; bottom:4px;} */ .toggle_title .rightArea_01 {position:absolute; left:0; right:0px; top:0; bottom:0px;} .toggle_title .rightArea_01 .btn {width:100%; height:100%; background:url("/img/common/arrow_up_02.gif") right center no-repeat; display:block; text-indent:-9999px; text-align:left; overflow:hidden;} .toggle_box.close .box {display:none;} .toggle_box.close .toggle_title .rightArea_01 .btn {background-image:url("/img/common/arrow_down_02.gif");} .toggle_box .w2tb {border-top:1px solid #b6b6b6;} .toggle_box .w2tb:first-child {border-top:0 hidden #fff;} .toggle_box .box .w2wframe > *:first-child.grid_wrap {margin-top:15px;} .toggle_box .box .section_title {margin-top:10px !important;} .toggle_box .box .section_title .title {padding-left:20px;} /* Btn Area */ .btn_area_01 {padding-top:10px; text-align:center;} .btn_area_01:after {content:"";display:block;height:0;clear:both;visibility:hidden} .leftArea_01 {text-align:left; float:left;} .centerArea_01 {margin:0 auto; display:inline-block;} .rightArea_01 {text-align:right; float:right;} /* Btn Area */ /*.btn_area_02 {padding:0 0 10px 0; text-align:center;} .btn_area_02:after {content:"";display:block;height:0;clear:both;visibility:hidden} .leftArea_02 {text-align:left; float:left;} .centerArea_02 {margin:0 auto; display:inline-block;} .rightArea_02 {text-align:right; float:right;}*/ .btn_area_02 {position:relative; height:39px; text-align:center;} .btn_area_02:after {content:"";display:block;height:0;clear:both;visibility:hidden} .btn_area_02 .leftArea_01 {float:left;} .btn_area_02 .rightArea_02, .gBtn_area_01 .rightArea_02 {float:right;} .btn_area_02 .leftArea_01 .title {padding:8px 0 0; font-size:14px; font-weight:bold; color:#373737; line-height:21px; display:block;} /*.btn_area_02 .btnLv4 {padding:0px 30px} 송금서식 불러오기에서 사용*/ .btn_sitemap_bar {padding-bottom:10px; text-align:center;} .btn_sitemap_bar:after {content:"";display:block;height:0;clear:both;visibility:hidden} /* Link Area */ .linkBar {margin-top:20px; height:30px;} .linkBar a {margin-left:20px; text-decoration:underline;} .linkBar a:first-child {margin-left:0px;} .linkBar a.txt_blue {color:#2773c1;} .w2tb .w2tb_td .linkBar {margin:0 0 0 20px; height:auto; display:inline-block;} .w2tb .w2tb_td .linkBar .tbLink {font-weight:bold; color:#606060} /* Searchbox */ .searchbox {} .searchbox .s_title {position:relative; padding:8px 15px 7px 20px; line-height:25px; background:#647dc3;} .searchbox .s_title strong {font-size:14px; color:#fff;} .searchbox .s_title .btn {position:absolute; left:0; right:0; top:0; bottom:0; text-indent:-9999px; background:transparent url("/img/common/arrow_up_01.gif") right center no-repeat; overflow:hidden; display:block;} /* .searchbox .s_title .btn {width:25px; height:25px; text-indent:-9999px; background:url("/img/common/arrow_down_01.gif") center center no-repeat; overflow:hidden; float:right;} */ .searchbox.show .hide_rowGroup {display:none;} .searchbox .hide_rowGroup {display:block;} .searchbox .s_box .hide_rowGroup .row:first-child {border-color:#dfdfdf;} .searchbox.close .s_title .btn {background-image:url("/img/common/arrow_down_01.gif");} .searchbox.show .s_title .btn {background-image:url("/img/common/arrow_down_01.gif");} .searchbox .s_box {border-top:0;} .s_box {border-top:1px solid #4a5260;} .s_box .row {padding-left:200px; border-bottom:1px solid #dfdfdf;} .s_box .row:after {content:"";display:block;height:0;clear:both;visibility:hidden;} /*.searchbox .s_box .row:first-child {border-color:#b6b6b6;} */ .s_box .row.last {border-bottom:1px solid #b6b6b6;} .s_box .row.mLine {position:relative;} .s_box .row.mLine .th, .s_box .row.mLine .td {height:auto;} .s_box .row.mLine .th {position:absolute; left:0; top:0; bottom:0; margin-left:0;} .s_box .row.mLine .td:before {display:none;} .s_box .row.mLine .td {padding:0;} .s_box .row.mLine .td .box .td {padding:0;line-height: 41px; float:none;} .s_box .row.mLine .td .box .td:before {content:""; display:inline; line-height:41px;} .s_box .th, .s_box .td {height:41px; line-height:41px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .s_box .th {margin-left:-200px; padding:0 20px 0 10px; width:200px; background:#f5f5f5; border-right:1px solid #dfdfdf;} .searchbox.noth {border-top:1px solid #b6b6b6;} .noth .s_box .row {padding-left:0;} .s_box .th > * {padding-left:12px; font-weight:bold; line-height:15px; display:inline-block; vertical-align:middle;} .s_box .th:after {content:""; width:0px; height:100%; vertical-align:middle; display:inline-block;} .s_box .th.must:before {content:"*"; margin-right:-12px; width:12px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} .s_box .td {padding:0 20px 0 10px; width:100%;} .s_box .td:before {content:""; position:relative; left:10px; width:0px; height:41px; vertical-align:middle; display:inline-block;} .s_box .td > * {margin-left:10px;} .s_box .hide_rowGroup .td > .w2selectbox_native:first-child {width:auto !important;} /* 최초 selectbox width:auto */ .s_box .td .small_area {display:inline-block;} .loanSch .loanBox {color:#2773c1; display:inline-block;} .loanSch .loanBox .pri {display:inline-block;} .loanSch .loanBox .pri .num:before {content:" : "; padding:0 6px; display:inline-block;} .loanSch .loanBox .bar {padding:0 20px; display:inline-block;} /* Total Box */ .total_box {margin:40px 0;} .total_box.first {margin:0px 0 10px;} .total_box .title {height:31px; font-weight:bold; text-align:right;} .total_box .title * {margin-left:5px; vertical-align:middle;} .total_box .title .btn_refresh {margin-left:10px; width:21px; height:21px; text-align:left; text-indent:-9999px; background:url("/img/common/btn_refresh.jpg") no-repeat; overflow:hidden; display:inline-block;} .total_box .area {padding:10px 0; background:#f5f5f5; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;} .total_box .area:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .total_box.nomg {margin:0;} /* .total_box.nomg .area {padding:0;} */ .total_box .col {padding:0 30px 0 180px; width:50%; height:24px; line-height:24px; white-space:nowrap; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .total_box .col .th, .total_box .col .td {display:inline-block;} .total_box .col .td {min-width:138px; min-height:31px; padding-left:10px;} .total_box .col .th {margin-left:-170px; padding-left:10px; min-width:160px; background:url("/img/common/bul_dot_01.gif") left center no-repeat; float:left;} .total_box .col.even {width:50%;} .total_box .col.even .td {width:100%; /*text-align:right;*/} .total_box .col .td.num {text-align:left;} /* Sum Box -Grid Foot */ .sum_box {border:1px solid #f9d9b5;background:#fff3e5;padding:10px;margin:15px 0;} .sum_box .area {} .sum_box .col {display:inline-block; margin-right:70px;} .sum_box .col:last-child {margin-right:0;} .sum_box .col span.th {background:url("/img/common/bul_dot_01.gif") left center no-repeat; padding:0 10px; font-weight:normal} .sum_box .col span {font-weight:bold;} /* PageList */ .pageList_area_01 {padding-top:10px; text-align:center;} .w2pageList .w2pageList_ul li, .w2pageList .w2pageList_ul li a{display:inline-block; width:28px; height:28px; line-height:28px;white-space:nowrap; vertical-align:top} .w2pageList .w2pageList_li_label {padding:0 2px;} .w2pageList .w2pageList_li_label a {padding:0; font-weight:bold; } .w2pageList .w2pageList_li_label a.w2pageList_label_selected {line-height:26px; border:solid 1px #dfdfdf; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .w2pageList .w2pageList_ul li.w2pageList_col_prevPage {background:#fff url("/img/common/pageArrow_first.gif") 8px 9px no-repeat !important;} .w2pageList .w2pageList_ul li.w2pageList_col_prev {background:#fff url("/img/common/pageArrow_prev.gif") 8px 9px no-repeat !important;} .w2pageList .w2pageList_ul li.w2pageList_col_next {background:#fff url("/img/common/pageArrow_next.gif") 8px 9px no-repeat !important;} .w2pageList .w2pageList_ul li.w2pageList_col_nextPage {background:#fff url("/img/common/pageArrow_end.gif") 8px 9px no-repeat !important;} .w2pageList .w2pageList_ul li a img {display:none} /* line Color */ .lineTop {border-top:solid 1px #4a5260 !important;} .lineBottom {border-bottom:solid 1px #b6b6b6 !important;} /* TEXT AREA*/ .btn_area_01 .leftArea_01 .txt_info {display:inline-block; color:#444; margin-right:10px;} .btn_area_01 .leftArea_01 .txt_info .must:before {content:"*"; display:inline-block; margin-right:3px; color:#e00102; vertical-align:middle;} .btn_area_01 .leftArea_01 .btn {display:inline-block; border:solid 1px #b6b6b6; background-color:#f5f5f5; padding:4px 13px 2px 13px; font-size:11px; line-height:14px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;-o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .txt_indent {margin-left:17px;} .txt_indent > * {vertical-align:top;} .txt_indent .bul {margin-left:-17px; width:17px;} /* Label Type */ .lbl_tit {margin-right:20px;} /* input table에서 label + input형태 */ /*********** //Common Style ***********/ /*********** SubPage Style ***********/ /*메인탑배너 1단 이미지*/ #slide_wframe {min-width:980px;} .top_banner_wrap{width:100%; height:135px; background:#4b576e; overflow:hidden;} .top_banner_wrap .top_banner{width:100%; max-width:980px; min-width:300px; height:95px; padding:25px 0 15px 0; margin:auto;} .top_banner_wrap .top_banner .top_banner_inner{position:relative; height:95px; margin:0 0px;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case{position:absolute; top:0; width:100%; height:95px; } .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > p{padding:0; margin:0; height:95px; /*border:1px solid #e8eced; background-color:#fff*/;} /* .top_banner_wrap .top_banner .top_banner_inner .w2switch_case.noImg > p {background:#e8eced;} */ .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case.noImg > p {background:#fff url("/img/common/bg_noImg_01.jpg") 0 0 no-repeat;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl{position:absolute; top:0; right:0; height:95px; padding:0; margin:0; width:100%; max-width:470px; /*min-width:270px;*/ /*background:#ebebeb; border-left:1px solid #e8eced;*/} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case.noImg > dl {max-width:95%; width:100%;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl dt{padding:0 0 7px 15px; margin:0; color:#fff; font-weight:bold; font-size:16px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl dd{height:55px; padding:0 0 0 15px; margin:0; font-size:12px; line-height:16px; color:#dfdfdf; text-align:justify; overflow:hidden;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > a{position:absolute; right:0; bottom:-2px; padding:0 0px 0 0; margin:0; font-size:12px; color:#d5d9e2; text-decoration:none; /*background:url(/img/common/btn_top_banner.gif) no-repeat 100% center;*/ display:block;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dt {color:#444f64;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dd {color:#292b30;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > a {color:#444f64;} .bottom_today{height:30px; background:#444f64;} .bottom_today > p{width:100%; max-width:980px; min-width:300px; margin:auto; background:none; text-align:right;} .bottom_today > p > label{background:none; vertical-align:middle; cursor:pointer;} .bottom_today > p > label input[type=checkbox]{position:relative; top:0; padding:0; margin:0 8px 0 0; } .bottom_today > p > label span{font-size:12px; color:#fff; line-height:30px; margin-right:20px;} .bottom_today > p > a img{border:0 none;} /*메인탑배너 1단 노이미지*/ .top_banner_wrap.no_image .top_banner_inner > p{display:none;} .top_banner_wrap.no_image .top_banner_inner > dl{max-width:980px; border-left:0 none;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case#top_banner_case1 > a {right:0px; bottom:0px;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > a {right:0px; bottom:0px;} /*메인탑배너 2단*/ .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case{width:auto; background:#ebebeb; visibility:visible!important; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl{width:auto; background:none; top:10px; border-left:0 none;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case1 > dl {left:148px; right:10px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > dl {left:148px; right:10px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case1.noImg > dl {left:10px; right:10px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case2.noImg > dl {left:10px; right:10px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dt{position:relative; /*left:-5px; max-width:315px; margin:auto;*/ padding:0 0 7px 0;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dd{position:relative; /*left:-5px; max-width:315px; margin:auto;*/ height:32px; padding:0;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case1 > a {right:20px; bottom:10px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > a {right:20px; bottom:10px;} @media all and (min-width:768px){ /* IE8~9 별도 처리 */ .top_banner_wrap.length2 .top_banner .top_banner_inner #top_banner_case1{margin-right:10px; left:0 !important; right:50%!important; visibility:visible !important;} .top_banner_wrap.length2 .top_banner .top_banner_inner #top_banner_case2{margin-left:10px; left:50% !important; right:0!important; visibility:visible !important;} /* default style : 1024 이상, IE8 포함 */ } /* Switch Component */ .pageControll .w2switch_case {left:auto !important; display:none;} .pageControll .w2switch_case:first-child {display:block; visibility:visible;} /* Main Personal */ .subBg01 .section .section_title .title {padding-right:55px; font-size:16px;} .subBg01 .section .w2grid th.gridHeaderTDDefault, .subBg01 .section .w2group.w2tb_th {font-size:14px;} /* CN Main Personal */ .main_userInfo {margin:15px 0 48px; padding-left:284px; overflow:hidden;} .main_userInfo .leftArea {margin-left:-284px; padding:23px 0 0 20px; width:264px; height:85px; background:#363c4d url("/img/cn/bg_mainBox_01.png") right top no-repeat; float:left;} .main_userInfo .rightArea {width:100%; height:108px; background:#505769; float:left;} .main_userInfo .leftArea h3 {font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 0 #cbcbcb;} .main_userInfo .leftArea .txt {color:#fff; text-transform:uppercase;} .main_userInfo .leftArea .barX {margin:11px 0 11px; width:37px; height:2px; background:#fff;} .main_userInfo .rightArea .row {margin:0 20px; padding-left:198px; height:45px; line-height:44px; color:#fff; overflow:hidden;} .main_userInfo .rightArea .th, .main_userInfo .rightArea .td {white-space:nowrap; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;} .main_userInfo .rightArea .th {margin-left:-198px; width:198px; height:44px; border-bottom:1px solid #666b78; float:left;} .main_userInfo .rightArea .td {width:100%; height:44px; border-bottom:1px solid #d1d1d1; float:left;} .main_userInfo .rightArea .td .icon_lv {float:right;} /* MY PROFILE */ .section.profile_lay {margin-bottom:48px; margin-top:15px; overflow:hidden;} .section.profile_lay .l_area {width:575px; float:left;} .section.profile_lay .l_area .user_info {background:#505769; border-top:1px solid #424b58;} .section.profile_lay .l_area .infoTop {padding:11px 20px 15px 30px; min-height:83px; color:#fff; background:#444b5e; border-top:1px solid #4a5260; border-bottom:1px solid #5a6174;} /* 경량화 */ .section.profile_lay .l_area .infoTop .txt {font-size:15px; line-height:17px;} .section.profile_lay .l_area .infoTop .infoBox {position:relative; margin-top:12px;} .section.profile_lay .l_area .infoTop img {margin-right:18px; width:70px; height:53px; vertical-align:middle; display:inline-block;} .section.profile_lay .l_area .infoTop .cBox {padding-bottom:3px; line-height:19px; max-width:350px; width:340px; vertical-align:middle; display:inline-block;} .section.profile_lay .l_area .infoTop .cBox span {display:block;} .section.profile_lay .l_area .infoTop .cBox span.nm {font-size:22px;} .section.profile_lay .l_area .infoTop .btn_01 {position:absolute; right:0; top:10px; margin:0; padding:0; width:85px; height:25px; font-size:12px; font-weight:normal; color:#fff; line-height:26px; text-align:center; background:url("/img/common/btn_infoTop_01.gif"); display:inline-block; float:right;} .section.profile_lay .l_area .infoTop .btn_02 {display:none;} .section.profile_lay .l_area .infoTop .mBox {display:inline-block; padding-left:5px;} .section.profile_lay .l_area .infoTop .btn_05 { display:inline-block; padding:0; width: 120px; color:#fff; text-align:center; height:25px; line-height:25px; background:transparent url("/img/common/btn_aqa_01.png") left top no-repeat;} html.ko .section.profile_lay .l_area .infoTop .btn_05.motp {font-size:12px;} .section.profile_lay .l_area .infoTop .btn_05.motp {font-size:11px;} .section.profile_lay .l_area .infoTop .btn_05.motp b { font-size: 12px; letter-spacing: 0.1em; } .section.profile_lay .l_area .infoBottom {padding:15px 20px 22px 30px;} .section.profile_lay .l_area .row:after {content:"";display:block;height:0;clear:both;visibility:hidden} .section.profile_lay .l_area .infoBottom .tit, .section.profile_lay .l_area .infoBottom .txt {padding:0; height:45px; font-size:12px; color:#f2f2f2; line-height:45px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .section.profile_lay .l_area .infoBottom .tit {padding-right:2%; width:43%; border-top:1px solid #666b78; clear:left;} .section.profile_lay .l_area .infoBottom .txt {width:55%; border-top:1px solid #dfdfdf;} .section.profile_lay .l_area .infoBottom .row:first-child * {border-top:0;} .section.profile_lay .l_area .infoBottom .l2.tit {padding:5px 2% 5px 0px; line-height:16px;} .section.profile_lay .l_area .infoBottom .txt .l2 {padding:5px 0; line-height:16px; text-align:right; float:right;} .section.profile_lay .l_area .infoBottom .txt .l2 span.num {color:#9ea9ba;} .section.profile_lay .l_area .infoBottom .txt > span {float:left;} .section.profile_lay .l_area .infoBottom .txt .nm {vertical-align:middle;} .section.profile_lay .l_area .infoBottom .txt .nm_lv {margin-left:18px;} .section.profile_lay .r_area {width:385px; float:right;} .section.profile_lay .r_area .section_title {padding-bottom:13px;} .section.profile_lay .r_area .section_title .rightArea_01 .btn_more_01 {margin:4px 0px 0 0;} .section.profile_lay .r_area .schedule_box {margin-bottom:18px; padding:11px 0; height:30px; border-top:2px solid #4a5260; border-bottom:1px solid #949cb0; overflow:hidden;} .section.profile_lay .r_area .schedule_box dt {padding-left:20px; line-height:30px; float:left;} .section.profile_lay .r_area .schedule_box dd {padding-right:20px; color:#373737; text-align:right; float:right;} .section.profile_lay .r_area .schedule_box dd .num {font-size:16px; color:#e4780f; text-decoration:underline; vertical-align:middle; line-height:27px;} .section.profile_lay .r_area .schedule_box dd .btnBox {margin-left:25px; width:15px; height:30px; vertical-align:middle; display:inline-block;} .section.profile_lay .r_area .schedule_box dd .btnBox .btn {width:15px; height:15px; text-indent:-9999px; border:0; display:block; overflow:hidden;} .section.profile_lay .r_area .schedule_box dd .btnBox .btn.up {background:transparent url("/img/common/btn_arrowUp_01.gif") center center no-repeat;} .section.profile_lay .r_area .schedule_box dd .btnBox .btn.down {background:transparent url("/img/common/btn_arrowDown_01.gif") center center no-repeat;} .section.profile_lay .w2grid th.gridHeaderTDDefault, .section.profile_lay .w2grid .gridBodyDefault {border-color:#ccd0d8;} .section.profile_lay .w2grid .gridBodyDefault {cursor:pointer;} .section.profile_lay .w2grid th.gridHeaderTDDefault {border-left:1px solid #ccd0d8; background:#e0e1e3;} .section.profile_lay .w2grid th.gridHeaderTDDefault:first-child {border-left:0px hidden #fff;} .section.profile_lay .r_area .main_box .btn_toggle_01 {display:none;} body.subBg01 .r_area .grid_wrap {display:block;} .section.profile_lay .r_area .main_box .rightArea_01 {bottom:13px;} /* //MY PROFILE */ /* AGREE _ Msg box */ /* 000L0410M00.xml */ .agree_msg {margin:0px auto 0; padding:20px 30px; background:#f5f5f5; border:1px solid #dfdfdf;} .agree_msg > p {line-height:18px; display:block;} /* 000L0401M00.xml */ .agree_msg_02 {padding:20px;border:1px solid #dfdfdf;} .agree_msg_02 > p {line-height:18px; display:block;margin:0 0 0 18px;} .agree_msg_02 > p:first-child {margin-left:0px;} .agree_msg_02 p > em {font-style:none; margin-left:-18px; padding-right:5px; font-style:normal !important;} .agree_msg_02 .w2anchor2.txt_blue {color: #2773c1 !important; margin-left:18px; padding-top:5px; display:inline-block;} .agree_msg_02 .btn_area_01 > .centerArea_01 {margin-bottom:20px;} .agree_msg_03 {padding:20px; border:1px solid #dfdfdf; margin-top:20px;} .agree_msg_03 .btnLv1 {font-size:12px !important;} .agree_msg_03 .lang strong {margin-left:5px; font-weight:normal;} .agree_msg_03 h3 {padding:10px 0;} .agree_msg_03 .infoBox { background:#f5f5f5; padding:15px 20px;} .agree_msg_03 .infoBox .divide .row {float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} .agree_msg_03 .infoBox .row {padding:0px 20px 0px 190px; line-height:18px; overflow:hidden; vertical-align:top;} .agree_msg_03 .infoBox .row .tit {margin-left:-190px; padding:3px 0px 3px 15px; width:155px; float:left;background:url("/img/common/bul_dot_03.gif") left 9px no-repeat;} .agree_msg_03 .infoBox .row > p {padding:3px 0 3px; width:100%; float:left;} .agree_msg_03 .infoBox .row > p.num {color:#d71313; text-align:left;} .agree_msg_03 .infoBox .row > .num {color:#d71313; text-align:left; float:left;} .agree_msg_03 .infoBox .row > .num a, .agree_msg_03 .infoBox .row > .num > span {padding-right:5px;} .agree_msg_03 .infoBox .row > .num a {text-decoration:underline; color:#d71313;} .lang .txt_country{margin-left:5px;} .chk_agree {margin-top:10px;} /* //AGREE _ Msg box */ /* Mail/Notice Box */ .mail_info {padding-bottom:10px; overflow:hidden; vertical-align:bottom;} .mail_info .grid_btn_00 {margin-right:0px;} .mail_info > .w2group {display:inline-block;} .mail_info > .w2group > span {font-weight:bold !important;} .mail_info > .w2group > .txt_blue {padding:0px 5px;} .mail_info.chkSelect .w2group > span {margin-top:13px;} .mail_info.chkSelect .w2group > .tit {padding-left:20px;} .mail_info > .leftArea_01.w2group {display:inline-block; margin-top:0px;} .mail_info > .gBtn_area_01 {float:left; height:29px;} .w2grid .gridBodyDefault[inputtype="link"].subject a {text-decoration: underline;} .mail_view {border-bottom:solid 1px #b6b6b6} .mail_view .txt_view {padding:20px 20px 40px 20px; line-height:18px; border-bottom-style:none} .mail_view .txt_view>.w2textbox { min-height:190px !important;} .mail_view .lineTop {border-top:solid 1px #4a5260 !important;} .mail_view .w2tb_th span{margin-left:10px;} .mail_view .w2tb_th span:first-child{margin-left:0px;} .mail_view .w2tb_th span.rightArea_01 {font-weight:normal;} .mail_view .infoBox {} .mail_view .infoBox .row {overflow:hidden; vertical-align:top;} .mail_view .infoBox .row .tit, .mail_view .infoBox .row_02 .tit {padding:0px 10px 3px 15px; background:url("/img/common/bul_dot_03.gif") left 5px no-repeat;} .mail_view .infoBox .row .tit {float:left;} .mail_view .infoBox .row > p {padding-bottom:3px;} .mail_view .infoBox .row_02 {margin-top:20px;} .mail_view .infoBox .row_02 > p {padding:10px 0px 0px 17px; min-height:50px;} .w2tb.view_pageList {border-top:1px solid #d8d8d8;} .w2tb.view_pageList.tbl_adp .w2tb_th {background-color:#fff;} .w2tb.view_pageList .prev:after, .w2tb.view_pageList .next:after { content:""; display:inline-block; width:9px; height:6px; margin-left:10px;} .w2tb.view_pageList .prev:after {background:url("/img/common/btn_arrowUp_01.gif") left top no-repeat;} .w2tb.view_pageList .next:after {background:url("/img/common/btn_arrowDown_01.gif") left top no-repeat;} .news_list {border-bottom:solid 1px #b6b6b6 !important;} .news_list .w2tb_td {padding:0px 20px 15px 20px; line-height:18px; border-bottom:solid 0px #fff;} .news_list .w2tb_th {border-top:solid 1px #d8d8d8; background-color:#fff !important; border-bottom:hidden 0px #fff;} .news_list .w2tb_th span{margin-left:10px;} .news_list .w2tb_th span:first-child{margin-left:0px;} .news_list .w2tb_td.txt_noResultMsg {padding-top:20px; font-size:14px; font-weight:bold; text-align:center;} .news_list .w2tb_td span.leftArea_01 {display:block; padding-top:10px; margin-left:0px;} .news_list a {color:#444;} .news_list .w2tb_td a {height:18px; display:block; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis;} .news_list a:active span, .news_list a:focus span, .news_list a:hover span {text-decoration:underline;} /* // front detail */ .frontView {border-bottom:solid 1px #b6b6b6;} .frontView.w2tb.tbl_col {border-top:border-top:solid 1px #b6b6b6;} .frontView .lineTop {border-top:solid 1px #4a5260 !important;} .frontView.tbl_col .w2tb_th {text-align:left;} .frontView .w2tb_th.title {padding:12px 20px;} .frontView .w2tb_th label{display:block; padding:4px 0; font-weight:normal} .frontView .w2tb_th span {padding:4px 0; font-weight:normal} .frontView .w2tb_th .tit {font-size:16px; font-weight:bold;} .frontView .w2tb_th .subtit {padding-top:0;} .frontView .w2tb_th .date {color:#2773c1} .frontView .txt_view {padding:20px 20px 40px 20px; line-height:18px; border-bottom-style:none} .frontView .txt_view>.w2textbox { min-height:190px !important;} /*설문형*/ .frontView .f_poll dl {margin-top:20px;} .frontView .f_poll dl:first-child {margin-top:0px;} .frontView .f_poll dt {font-weight:bold; padding:5px 0;} .frontView .f_poll dt span {display:inline} .frontView .f_poll dt span.tit {margin-left:5px;} .frontView .f_poll dd {padding-left:12px;} .frontView .f_poll dd .w2radio .w2radio_item {padding:5px 0;} .frontView .f_poll dd .w2radio .w2radio_input { vertical-align: middle; margin-right:10px;} .frontView .f_poll .etc {margin-left:27px;} .frontView .f_poll .etc .w2input {width:100%;} .frontView .f_poll .result_msg {margin:0 auto; padding:140px 0px; border:none; background-color:#fff; text-align:center;} .frontView .f_poll .result_msg span {font-weight:bold; color:#2773c1; line-height:26px;font-size:26px; } /*일반형, 상품형*/ .frontView .f_products > div {margin-top:30px;} .frontView .f_products > div:first {margin-top:0px;} .frontView .f_default strong.tit, .frontView .f_products strong.tit {font-size:14px; display:block; padding-bottom:5px;} .frontView .f_default strong.tit:first-child, .frontView .f_products strong.tit:first-child{margin-top:0px;} .frontView .f_products > div table {margin-top:5px;} .frontView .f_default .body, .frontView .f_products .body {margin-top:0px; display:block;} .frontView .f_default .grid_pt, .frontView .f_products .grid_pt {margin-bottom:10px;} /*이벤트*/ /* OLD .frontView .f_event strong.tit {display:block; margin-bottom:10px; color:#2773c1; font-size:16px;} .frontView .f_event .tit {display:block; margin-bottom:15px;} .frontView .f_event .body {display:block; border:solid 1px #dfdfdf; padding:13px 17px; margin-bottom:30px; line-height:22px;} */ .frontView .f_event .body {display:block; margin-bottom:30px;} .frontView .f_event .image img {width:100%;} /* front detail //*/ /* bbsSearch */ .bbsSearch_area {text-align:center; margin-top:10px;} .bbsSearch_area .w2input {border-right:#fff hidden 0px;} .bbsSearch_area .w2anchor2 {text-indent:-9999px; vertical-align:top; display:inline-block; background:#fff url("/img/common/btn_bbsSearch.gif") left top no-repeat; width:36px; height:32px; overflow:hidden;} /* // Mail/Notice Box */ /* SUB Footer */ .footBtn_section {margin:40px auto 0; width:980px; line-height:18px;} .footBtn_section .area {padding:10px 20px; border:1px solid #d0d5da; text-align:right;} .footBtn_section .area .btn {padding:0 10px; min-width:90px; height:21px; font-size:11px; color:#fff; line-height:21px; text-align:center; background-color:#6a7484; display:inline-block; margin-left:20px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .footBtn_section .area .btn:first-child {margin-left:0;} .faq_section .noResult, .us_section .noResult {text-align:center;padding:10px 0;} /* SUB FAQ // 유용한서비스 하드코딩 */ .faq_section {margin:40px auto 0; width:980px; line-height:18px;} .faq_section .section_title {border-bottom:1px solid #b6b6b6;} .faq_section .section_title h3 {font-size:16px;} .faq_section dl {} .faq_section dl.open {border-bottom:1px solid #e9e8e8;} .faq_section dt {position:relative; padding:11px 50px 11px 100px; border-bottom:1px solid #e9e8e8;} .faq_section dt:before {content:"Q"; position:absolute; left:14px; top:7px; width:25px; height:25px; text-indent:-9999px; background:url("/img/common/icon_q.png") center center no-repeat; overflow:hidden;} .faq_section dt .btn {position:absolute; right:14px; top:7px; width:25px; height:25px; text-indent:-9999px; background:url("/img/common/icon_plus_01.gif") center center no-repeat; display:block; overflow:hidden;} .faq_section .open dt .btn {background-image:url("/img/common/btn_minus_01.gif");} .faq_section dl.open dd {display:block;} .faq_section dd {position:relative; padding:11px 50px 11px 100px; background:#f5f5f5; display:none;} .faq_section dd:before {content:"A"; position:absolute; left:14px; top:7px; width:25px; height:25px; text-indent:-9999px; background:url("/img/common/icon_a.png") center center no-repeat; overflow:hidden;} .faq_section .info {position:relative; margin-top:10px; padding:10px 150px 10px 20px; background:#eae3d2; border:1px solid #dcd5c4;} .faq_section .info .btn {position:absolute; right:20px; top:9px; padding:0 5px 0 0; width:82px; height:21px; font-size:11px; color:#fff; line-height:21px; text-align:center; background:url("/img/common/btn_faq_01.png") right top no-repeat; display:block;} .faq_section .info .btn:before {content:""; margin-left:-5px; width:5px; height:21px; background-image:url("/img/common/btn_faq_01.png"); display:block; float:left;} /*FAQ본문*/ .container .faq_section dl:first-child {border-top:solid 1px #b6b6b6;} .container .faq_section dt {font-weight:bold;} .container .faq_section {margin-top:20px;} .container .faq_section .info {font-weight:bold;margin-top:20px;} .container .faq_section .bbsSearch_area {margin-top:20px !important;} .container .faq_section .info .btn_02 {position:absolute; right:20px; top:9px; padding:0 5px 0 0; } .container .faq_section #gen_faqList {min-height:320px;} /* 스마일앱 */ .container .faq_section.noIcon dt, .container .faq_section.noIcon dd {padding:11px 50px 11px 20px;} .container .faq_section.noIcon dt:before, .container .faq_section.noIcon dd:before {display:none;} /* //SUB FAQ */ /* SUB Useful Service */ .us_section {margin:40px auto 0; width:980px; line-height:16px;} .us_section .section_title {border-bottom:1px solid #b6b6b6;} .us_section .section_title h3 {font-size:16px;} .us_section .area {margin:0 10px; padding-top:28px;} .us_section .area:after {content:"";display:block;height:0;clear:both;visibility:hidden} .us_section .area li {padding-right:30px; width:25%; height:56px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .us_section a {padding-left:20px; background:url("/img/common/bul_box_01.gif") left 4px no-repeat; display:inline-block;} /* //SUB Useful Service */ /* Result Msg */ .result_msg {margin:80px auto 0; padding:74px 10px; background:#fcfcfc; border:1px solid #dfdfdf; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .result_msg.first {margin-top:0;} .result_msg .msg_box {margin:0 0px; text-align:center;} .result_msg .msg_box .msg_box > span {font-size:16px; font-weight:bold; line-height:26px; display:block;} .result_msg .msg_box .msg_box > span:first-child {color:#2773c1;} .result_msg_02 {margin:5px auto 0; padding:0px 10px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .result_msg_02 .msg_box {margin:0 0px; text-align:center;} .result_msg_02 .msg_box > span {font-size:12px; line-height:18px; display:block;} .result_msg_02 .msg_box > span:first-child {margin-bottom:10px; font-size:16px; font-weight:bold; color:#2773c1; line-height:26px;} /* result_msg STEP */ .result_step {display:block; margin:10px auto 20px; text-align:center; width:640px; background-color:#fcfcfc; vertical-align:middle; border:solid 1px #ededed; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .result_step:before {height:200px; width:0px; content:""; vertical-align:middle; display:inline-block} .result_step .msg_box {vertical-align:middle; display:inline-block;} .result_step .msg_box > span {line-height:24px; display:block; font-weight:bold; font-size:14px;} .result_step .msg_box > span:first-child {color:#2773c1;} /* Floating Layer */ .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_topcenter {height:35px; background:#163778;} .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_centerleft, .w2floatingLayer_centerright, .w2floatingLayer_bottomleft, .w2floatingLayer_bottomright {width:2px; background:#163778;} .w2floatingLayer_bottomleft, .w2floatingLayer_bottomcenter, .w2floatingLayer_bottomright {height:2px; background:#163778;} .w2floatingLayer_title {padding:0 30px 0 16px; font-size:14px; white-space:normal;} .w2floatingLayer_close_button {position:absolute; right:6px; top:5px; z-index:6600; width:24px; height:24px; background:url("/img/common/btn_close.gif") center center no-repeat;} .w2floatingLayer_contents {height:auto !important;} /* PopLayer */ /* .popLay .w2floatingLayer_contents {max-height:290px; overflow-y:auto;} */ .popWrap {padding:20px 20px 20px; line-height:18px; max-height:550px; overflow-y:auto;} .popWrap .btnLv4 {position:relative; margin-left:5px; padding:0 10px; min-width:62px; height:29px; color:#444; line-height:29px; text-align:center; vertical-align:middle; background:#2773c1 url(/img/common/bg_btn_01.gif) left -200px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .popWrap .btnLv4:first-child {margin-left:0;} .popWrap .btnLv4:after {content:""; width:3px; height:29px; background:transparent url(/img/common/bg_btn_01.gif) right -200px no-repeat; position:absolute; right:0; top:0;} .popWrap .p_infoBox.w2group > .w2span {display:block;} .popWrap .p_infoBox {padding:0 0 15px;} .popWrap .p_infoBox strong.title{display:block;margin-bottom:10px;} .popWrap .p_contBox {padding:10px 0; line-height:18px; } .popWrap .p_contBox > .smTxt {margin:26px 0 40px;} .popWrap .p_contBox.noPadding .info_list_01{margin:0;} .popWrap .p_contBox.noPadding .info_list_01 li {margin-bottom:10px;} .popWrap .p_contBox.noPadding {padding:0px;} .popWrap .p_codeMsg {padding:10px 10px; line-height:16px; background:#f5f5f5; border:1px solid #d0d0d0;} .popWrap .p_codeMsg .p_code {padding-bottom:5px; font-weight:bold;} .popWrap .p_codeMsg .p_text {} .popWrap .p_errorInfo {padding:0 0 15px;} .popWrap .p_errorInfo > strong {display:block;} .p_errorCnt {padding:12px; text-align:center; background:#f5f5f5;} .p_errorMsg {margin:15px 0;} .p_errorMsg .errCode {margin-top:12px;} .p_errorMsg2 {margin:10px 0; padding:0px; height:0; background:#f5f5f5; border-top:1px solid #d8d8d8; overflow:hidden;} .p_errorMsg2.open {display:block; padding:20px; height:auto; max-height:40px; overflow-y:auto;} .popWrap .dot {padding-left:14px; background:url("/img/common/bul_dot_01.gif") left 10px no-repeat; background-size:5px 4px;} .popWrap strong.txt_blue {color: #2773c1 !important; font-weight:normal;} /*151217추가 */ .popWrap strong.txt_red {color: #d71313 !important; font-weight:normal;} /*151217추가 */ .popWrap .w2tb_td strong.txt_red {color: #d71313 !important; font-weight:bold !important;} /*151217추가 */ .popWrap .first {margin-top:0 !important;} /*151217추가 */ /* 특정 팝업 resize */ .popLay.popResize_01 .popWrap {max-height:none !important;} .popLay.system .w2floatingLayer_topleft, .popLay.system .w2floatingLayer_topright, .popLay.system .w2floatingLayer_centerleft, .popLay.system .w2floatingLayer_centerright, .popLay.system .w2floatingLayer_bottomleft, .popLay.system .w2floatingLayer_bottomright {width:4px;} .popLay.system .w2floatingLayer_bottomleft, .popLay.system .w2floatingLayer_bottomcenter, .popLay.system .w2floatingLayer_bottomright {height:4px;} .popLay.system .w2floatingLayer_topcenter {background-color:#fff !important; border-top:4px solid #163778;} .popLay.system .w2floatingLayer_title {color:#294e93 !important; margin-top:7px;} .popLay.system .w2floatingLayer_close_button {top:15px; background:url("/img/common/btn_close_02.gif") center center no-repeat;} .popLay.system .popWrap span.tit, .popLay.system .popWrap .title {font-size:16px; font-weight:bold; text-align:center; display:block; padding-bottom:20px;} .popLay.system .popWrap .title span {display:inline-block} .popLay.system .popWrap .title strong {color:#e4780f; padding: 0 3px 0 7px;} .popLay.system .popWrap .tit strong {color:#e4780f;} .popLay.system .popWrap .p_contBox {text-align:center; padding:0 10px 20px 10px;} /* PopLayer Title */ .pop_title {padding-bottom:5px; border-bottom:1px solid #586374;} .pop_title > .title {font-size:16px; min-height:22px; color:#294e93; display:inline-block;} /* PopLayer Close */ .pop_closeBar {margin:30px -20px -20px; height:30px; background:#f5f5f5; line-height:28px;} .pop_closeBar .chk_close .w2checkbox_item {margin-left:15px;} .pop_closeBar .chk_close .w2checkbox_item .w2checkbox_label {margin-left:5px; } /* PopLayer Button */ .pBtn_area_01 {margin-bottom:20px; overflow:hidden;} .pBtn_area_01 .p_infoBox {display:inline-block; padding-bottom:0px;} /* PopGallery */ .p_gallery_01 {position:relative; padding:0 54px;} .p_gallery_01 .viewList {position:relative; left:-5px; margin:0 auto 10px; width:333px; height:257px; overflow:hidden;} .p_gallery_01 .viewList .viewList_case {position:absolute; left:0; right:0; top:0; bottom:0; text-align:center;} .p_gallery_01 .viewList .viewList_case > div {margin:-5px 0 0 -5px;} .p_gallery_01 .viewList a {margin:10px 0px 0px 10px; width:100px; height:75px; display:inline-block;} .p_gallery_01 .viewList a img {width:100px; height:75px; border:1px solid #c8c8c8; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .p_gallery_01 .viewList a.selected img {border:4px solid #2773c1;} .p_gallery_01 .btn_left, .p_gallery_01 .btn_right {position:absolute; top:95px; width:54px; height:54px; text-indent:-9999px; display:block; overflow:hidden;} .p_gallery_01 .btn_left {left:0; background:url("/img/common/btn_arrowLeft_01.png") center center no-repeat;} .p_gallery_01 .btn_right {right:0; background:url("/img/common/btn_arrowRight_01.png") center center no-repeat;} .p_gallery_01 .btn_left.w2anchor_disabled {cursor:default; background:url("/img/common/btn_arrowLeft_01_disabled.png") center center no-repeat;} .p_gallery_01 .btn_right.w2anchor_disabled {cursor:default; background:url("/img/common/btn_arrowRight_01_disabled.png") center center no-repeat;} /* Alert Msg */ .altLayer {width:360px; background-color:#fff; border:solid 4px #163778; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .altLayer .altTit {background-color:#fff; width:auto; height:33px;} .altLayer .altTit > strong {color:#fff; margin:7px 0 0 16px; font-size: 14px; font-weight:bold; display:inline-block;} .altLayer .altTit a{ display:inline-block; float:right; text-indent:-9999px; width:33px; height:33px; background: url(/img/common/btn_close_02.gif) center center no-repeat; overflow:hidden;} .altLayer .altWrap {padding:10px 20px 20px;} .altLayer .altWrap .p_contBox {padding:0 0 10px 0; line-height:18px;} /* User Tolltip */ .toolTip {width:440px; border-top:5px solid #163778;} .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_topcenter {background-color:#fff; height:45px;} .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_topcenter .w2floatingLayer_title {color:#294e93; line-height:20px;} .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_topcenter .w2floatingLayer_close_button {background-color:#294e93; width:20px; height:20px} .toolTip .popWrap{padding:15px 15px 20px;} .toolTip .popWrap .p_contBox {padding:0 0 10px 0; line-height:18px; } .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_topleft, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_topright, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea.w2floatingLayer_centerleft , .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea.w2floatingLayer_centerright, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_bottomleft, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_bottomright {width:5px; background:#163778;} .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_bottomleft, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_bottomcenter, .toolTip .w2floatingLayer_table .w2floatingLayer_dragArea .w2floatingLayer_bottomright {width:5px; background:#163778;} .toolTip .w2floatingLayer_bottomleft, .toolTip .w2floatingLayer_bottomcenter, .toolTip .w2floatingLayer_bottomright {height:5px;} /* PopDetail */ .TRdetail .pop_title {border-bottom:0;} .TRdetail .pop_title > .title {font-size:14px; color:#373737;} .TRdetail .total_box {margin:0;} .TRdetail .total_box .title {height:21px;} /* new list type */ .newDot > li { position:relative;} .newDot > li:before {content:""; position:absolute; width:3px; height:3px; background-color:#333;} .newDot > li.noDot:before {display:none !important;} .newDot.info_list_01 > li, .newDot.info_list_02 > li {padding-left:14px !important;} .newDot.info_list_01 > li:before {top:11px; left:3px;} .newDot.info_list_02 > li:before {top:8px; left:3px;} /* Login */ .info_list_01 {margin:20px 0 10px;} .info_list_01:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .info_list_01 li {padding:3px 0; line-height:18px;} .info_list_02, .info_list_03 {margin:10px 0 0;} .info_list_02 li, .info_list_03 li {line-height:18px;} .info_list_02 li .w2span {padding-left:14px; text-indent:-14px;} .info_list_03 .noDot {background:none !important;} .info_list_03 .subtitle {padding-left:0 !important; background:none !important;} .info_list_03 .txtIndent_01 {padding-left:14px;} .login_link {margin:15px 0; text-align:center;} .login_link a {font-weight:bold; text-decoration:underline;} .login_link span {margin:0 10px; color:#acacac;} .ol_list_01, .ol_list_01 li {list-style-type: decimal;} .ol_list_01 li > span {display:inline;} .ol_list_01 {margin:0px 0 10px; padding-left:15px;} .ol_list_01:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .ol_list_01 li {padding:3px 0; line-height:18px;} .imgInfo_otp_01 {margin-top:20px;} .imgInfo_otp_01 .imgBox {position:relative; left:250px; top:-30px;} .popLay .imgInfo_otp_01 .imgBox {width:600px;} .imgInfo_otp_01 .imgBox span {margin-left:30px; vertical-align:bottom;} /* Login Pass Mark */ .msg_passMark_01 {margin:10px 0 40px;} .msg_passMark_01 > strong {height:30px; font-size:16px; color:#202020; display:block;} .msg_passMark_01 > p {line-height:18px;} .msg_passMark_02 {margin:40px 0 15px;} .msg_passMark_02 > strong {height:24px; font-size:14px; display:block;} .msg_passMark_02 > p {line-height:18px;} .pm_setPC {padding:15px 0; border-top:1px solid #d8d8d8;} .pm_setPC.noLine {padding:0; border:none;} .pm_setPC .row {margin-top:10px;} .pm_setPC .row:first-child {margin-top:0px;} .pm_setPC .radio {font-weight:bold;} .pm_setPC .radio > div {padding-left:25px;} .pm_setPC .radio .w2radio_input {margin-left:-25px; vertical-align:middle;} .pm_setPC .radio .w2radio_label {padding-left:10px;} .pm_setPC .nick_box {padding:5px 0 5px 25px;} .pm_setPC .nick_box label {margin-right:16px; font-weight:bold;} .pm_setPC .nick_box .pm_info {margin-left:16px;} .pm_setPC .delete_info {padding-top:10px;} .pm_setPC .delete_info strong, .pm_setPC .delete_info a {padding-left:34px; line-height:21px; background:url("/img/common/icon_q_01.gif") left center no-repeat; display:inline-block; } .pm_setPC .delete_info a {text-decoration:underline; font-weight:bold;} .pm_setPC .delete_info p {padding:3px 0 0px 34px; line-height:18px;} .pm_btnGrp {display:inline-block;} .pm_img {display:inline-block;} .pm_img img {margin-right:45px; width:100px; height:75px;} .pm_info {margin-left:8px; color:#2773c1; line-height:25px;} .popLay .privacy {margin-top:0; padding:10px;} .privacy {margin-top:30px; padding:20px; height:260px; line-height:18px; border:1px solid #d0d0d0; overflow-y:auto;} .privacy.first {margin-top:0px !important} .privacy strong.tit {color:#2773c1;} .privacy p {margin-top:20px;} .privacy p.first {margin-top:0px;} .privacy_linkBar {margin-top:20px; height:30px; font-weight:bold;} .privacy_linkBar a {margin-left:20px; text-decoration:underline;} .privacy_linkBar a:first-child {margin-left:0px;} .privacy_msgBar {margin-top:10px;} /* NoBG Table */ .w2tb.tbl_req .w2tb_th, .w2tb.tbl_req .w2tb_td {background:#fff;} .w2tb.tbl_req .w2tb_th {font-weight:normal; border-right:0px hidden #fff;} .w2tb.tbl_req .w2tb_th.must {font-weight:bold;} .w2tb.tbl_req select {} /* Login Password */ .co_secret .section_title {border-bottom:1px solid #4a5260;} .co_secret .section_title h3.title {font-weight:bold; color:#4a5260;} .co_secret .w2tb.tbl_secret {border-top:1px solid #d8d8d8;} .co_secret .w2tb.tbl_secret .pwd {position:relative; padding:0 5px; width:420px; height:31px; border:1px solid #bbbbbb; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/*#e9e8e8*/ .co_secret .w2tb.tbl_secret .pwd-child {margin-left:0;} .co_secret .w2tb.tbl_secret .label_sCard span {margin-left:4px;} .co_secret .w2tb.tbl_secret .label_sCard span:first-child {margin-left:0px;} .co_secret_guide .content_title {padding-top:10px; height:32px; line-height:32px; border-bottom:1px dotted #dbdbdb;} .co_secret_guide .content_title .title {font-size:13px; color:#373737;} .co_secret_guide .box {margin-top:30px;} .co_secret_guide .img_cardBox {width:485px; text-align:center; vertical-align:middle; display:inline-block;} .co_secret_guide .img_otpBox {width:485px; text-align:center; vertical-align:middle; display:inline-block;} .co_secret_guide .cont_otpBox {width:485px; min-height:40px; vertical-align:middle; display:inline-block;} .co_secret_guide .cont_otpBox .tit {padding:6px 10px; line-height:18px; background:#f5f5f5; display:block;} .co_secret_guide .cont_otpBox .cont {margin:10px 12px;} .co_secret_guide .cont_otpBox .cont .smp {margin-right:10px; padding:0 10px; height:20px; color:#fff; line-height:20px; background:#2773c1;} .co_secret_guide .cont_otpBox .cont .pwBx {margin:10px 0;} .co_secret_guide .cont_otpBox .pw_num {margin-left:3px; width:26px; height:26px; text-align:center; border:1px solid #bbbbbb; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/*#e9e8e8*/ .co_secret_guide .cont_otpBox span.pw_num {line-height:24px;} .co_secret_guide .cont_otpBox .pw_num:first-child {margin-left:0;} .co_secret_guide .cont_otpBox .cont li {padding:3px 0 3px 14px; background:url("/img/common/bul_dot_02.gif") left 9px no-repeat;} .co_secret_guide .cont_otpBox .cont li span {line-height:18px;} .co_secret_guide .cont_otpBox .cont li strong {color:#294e93;} .pw_intoBtn_01 {position:relative;} .pw_intoBtn_02 {position:relative;} /* 보안키패드/ 도움말 아이콘 // 화면 검토시 추가. 지우면 안되요! .pw_intoBtn_01 .btnLv2, .pw_intoBtn_02 .btnLv2 {text-indent:-9999px; margin-left:5px; padding:0px; min-width:0px; height:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; background:transparent;} .pw_intoBtn_01 .btnLv2:after, .pw_intoBtn_02 .btnLv2:after {background-color:transparent; background-image:none;} .pw_intoBtn_01 .btn_help, .pw_intoBtn_02 .btn_help {background:transparent url(/img/common/icon_help.gif) left top no-repeat !important; width:16px; height:16px;} .pw_intoBtn_01 .btn_keypad, .pw_intoBtn_02 .btn_keypad {background:transparent url(/img/common/icon_keypad.gif) left top no-repeat !important; width:50px; height:26px;} */ .btn_help_txt {background:transparent url("/img/common/icon_help.gif") left top no-repeat !important; min-width:18px; height:18px; line-height:18px; color:#7f97bd; font-weight:normal; padding-left:20px; display:inline-block;}/*일본특화*/ .btn_help.btnLv2 {text-indent:-9999px; margin-left:5px; padding:0px; min-width:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; background:transparent url("/img/common/icon_help.gif") center center no-repeat !important; width:26px; height:26px; line-height:26px; overflow:hidden;} .btn_keypad.btnLv2 {text-indent:-9999px; margin-left:5px; padding:0px; min-width:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; background:transparent url("/img/common/icon_keypad.gif") left top no-repeat !important; width:50px; height:26px; overflow:hidden;} .btn_help.btnLv2:after, .btn_keypad.btnLv2:after {background-color:transparent; background-image:none;} .btn_quest, .section_title .btn_help, .gridHeaderTableDefault .btn_help, .w2tb_th .btn_help {display:inline-block; margin-left:4px; text-indent:-9999px; background:transparent url(/img/common/icon_help.gif) left top no-repeat !important; width:18px; height:18px; line-height:18px; overflow:hidden; vertical-align:top;} /* MyMenu */ .set_myMenu {margin-top:20px; overflow:hidden;} .set_myMenu h4 {padding:0 10px; height:30px; font-size:16px; color:#fff; line-height:30px; background:#656dc3; clear:both;} .set_myMenu .gMenu {padding:10px;} .set_myMenu .gMenu h5 {height:30px; font-size:14px; color:#2773c1; line-height:30px; clear:both;} .set_myMenu .gMenu .item {margin-bottom:15px; width:240px; float:left;} .set_myMenu .gMenu .item.eq1 {clear:both;} .set_myMenu .gMenu .item.eq4 {width:210px;} .set_myMenu .gMenu .item.eq4:after {content:""; width:100%; height:0; display:block; clear:both;} .set_myMenu .gMenu .genChk {margin:0px 0 10px; overflow:hidden;} .set_myMenu .gMenu .chk {display:block;} .set_myMenu .gMenu .chk.dep {margin-bottom:7px; display:block;} .set_myMenu .gMenu .chk.dep .w2checkbox_label {font-size:14px; font-weight:bold;} .set_myMenu .gMenu .chk > div {margin-top:3px; padding:0 30px 0 20px; overflow:hidden;} .set_myMenu .gMenu .chk .w2checkbox_input {margin-left:-20px; float:left;} .set_myMenu .gMenu .chk .w2checkbox_label {padding-top:3px; line-height:14px; white-space:normal; display:inline-block; float:left;} .set_myMenu.first {margin-top:0px;} /* coorperation Form */ .section_title h3.coorp_title {font-size:14px; font-weight:bold; color:#373737; display:inline-block; padding:0px; line-height:14px;} .section_title .coorp_infoTxt {color:#2773c1; margin-left:20px;} .coorperation {} .coorperation .title {padding-bottom:7px; margin-top:20px;} .coorperation .title.first {margin-top:0px !important;} .coorperation .coorp {border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background-color:#f5f5f5; padding:13px 15px 0 15px;} .coorperation .coorp .col1 {width:225px; display:inline-block; padding-bottom:13px;} .coorperation .coorp .col2 {width:460px; display:inline-block; padding-bottom:13px;} .coorperation .coorp .colEtc {width:460px; display:block; padding-bottom:13px;} .coorperation .coorp .w2checkbox {margin-right:10px; line-height:14px;} .coorperation .coorp .w2checkbox .w2checkbox_input {margin-right:7px;} .coorperation .info_list_01 {margin:0 0 7px 20px;} .coorperation .answr {margin-top:20px;} .coorperation .answr .infoTxt{color:#2773c1; padding-left:5px;} .coorperation .info_list_01 li {padding:0; line-height:18px;} .coorperation .sub .coorp{border-top:hidden 0px #fff;} .coorperation .sub .coorp:first-child {border-top:solid 1px #dfdfdf !important; } .coorperation .sub .label {display:inline-block;} .coorperation .sub .col1 .label {width:60px;} .coorperation .sub .col2 { margin-left:60px;} .coorperation .sub .col2 .label {width:40px; margin-left:-40px;} .coorperation .sub .colAll {display:block; margin-left:60px; padding-bottom:13px;} .coorperation .sub .colAll .label {width:40px; margin-left:-40px;} .coorperation .sub .must:before {content:"*"; margin-left:-13px; width:12px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} /* sms 발송 */ span.sms {padding-right:50px} .sms.info_list_01 {margin-top:15px;} .sms.info_list_01 li {padding:0; line-height:18px;} .sms.section_info li {padding:0; line-height:18px;} /* // 상세업무 /000M0080M00.xml*/ .detailBox_01 {border-bottom:#b6b6b6 solid 1px; font-weight:bold;} .detailBox_01 .chk_ipt.col.w2checkbox:first-child {margin-left:0px;} .detailBox_01 .chk_ipt.col.w2checkbox {display:inline-block; margin-left:100px;} .detailBox_01 .hide_rowGroup {display:none !important} .detailBox_01 .hide_rowGroup.checked {display:inline-block !important} .detailBox_01 .hide_rowGroup {padding-left:100px;} .detailBox_01 .hide_rowGroup span, .detailBox_01 .hide_rowGroup select {/*color:#afafaf*/} /*151217추가*/ .detailBox_01 .hide_rowGroup, .detailBox_01 .hide_rowGroup .tit, .detailBox_01 .hide_rowGroup .setTime {display:inline-block;} .detailBox_01 .hide_rowGroup .tit {padding-left:15px; background:url("/img/common/bul_dot_04.gif") left 5px no-repeat;} .detailBox_01 .hide_rowGroup span {padding:0 10px; vertical-align:top; margin-top:9px;} .detailBox_01 .hide_rowGroup.show.checked {display:inline-block !important} .detailBox_01 .hide_rowGroup.show span {margin-top:0 !important; vertical-align:middle; color:#444 !important;} .detailBox_01 .hide_rowGroup.show .date {padding:0px !important;} .detailBox_01 .hide_rowGroup .w2selectbox_native_select {margin-top: 6px;} /* 상세업무 //*/ /* // 수출기일관리 / 000F0040M00.xml */ .section_summary {} .section_summary ul.item3 li {width:33.3%} .section_summary ul.item2 li {width:50%;} .section_summary ul:after {clear:both;} .section_summary ul li:before {content:"";display:inline-block;height:45px;clear:both;visibility:hidden;vertical-align:middle;} .section_summary ul li:first-child {border-left:solid 1px #dfdfdf;} .section_summary ul li {vertical-align:middle; padding:0 15px; display:inline-block; border:solid 1px #dfdfdf; border-left:none; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .section_summary ul li > * {vertical-align:middle; display:inline-block;} .section_summary ul li .leftArea_01 {float:none !important; width:78%;} .section_summary ul li .rightArea_01 {float:none !important; text-align:right; width:20%;} .section_summary .num {font-size:18px; font-weight:bold; color:#2773c1; text-decoration:underline; padding-right:5px;} /* 수출기일관리 // */ /* // ------ 고객센터 ------ */ .smalldot{background:url(/img/common/bul_dot_05.gif) left center no-repeat;padding-left:8px;} .smalldot.pop{background-position:left 8px;} .smalldot.loan{line-height:24px;background-position:left 10px;} .smalldot.top {vertical-align:top; background-position:left 8px;} /*외환계산기 상단 W0018M00.xml Box*/ .summary_box {border:solid 1px #dfdfdf; min-height:30px; padding:10px 20px 0 20px; margin-bottom:50px;} .summary_box > * {display:inline-block; } .summary_box .tit span {padding-right:30px; font-weight:bold;} /*인도,홍콩 - 이용수수료안내 */ .service_base.nostyle {border:none; padding:0;} .w2tb .w2tb_td .service_base.nostyle ul{margin-top:0;} .info_list_01.cts {margin-top:10px;} .info_list_01.cts span.br:after {content:""; display:block;} .service_base li {line-height:18px;} /* 레이아웃 기본 // 약관 외*/ .service_base {border:1px solid #dfdfdf; padding:30px;} .service_base .oneLine >*, .service_desc .oneLine >*, .service05 .oneLine >*,.forms .firstclass >* {display:inline; padding-right:5px;} .service_base .oneLine > .br, .service_desc .oneLine > .br, .service05 .oneLine > .br ,.forms .firstclass >.br {display:block;} .service_base .first {margin-top:0 !important} .service_base .section_title, .service_base .section_title:first-child {padding:1px 0 0 0; margin:0} .service_base .section_title {margin-top:30px;} .service_base li {line-height:18px;} .service_base p{line-height:18px; margin-top:15px;} .service_base p.title {font-weight:bold;} .service_base .se {margin-top:20px !important} .service_base strong.se {display:block;} .service_base dl {padding:0; margin:0;} .service_base dl.subDepth, .service_base ul.subDepth {margin-left:10px;} .service_base ul li dl.subDepth dt{margin-top:3px} .service_base dt:first-child {margin-top:0;} .service_base dt {margin-bottom:0; margin-top:30px;} .service_base dt h3.title {color:#373737; padding-bottom:10px; font-size:14px;} .service_base dd p {margin-bottom:10px;} .service_base ul {margin-top:15px;} /*.service_base.userLaw ul {margin-top:15px;}*/ .service_base ul li {vertical-align:top;} .service_base ul li:first-child {margin-top:0;} .service_base li.dot, .service_base .dot li {background:url(/img/common/bul_dot_05.gif) left 8px no-repeat;padding-left:8px;} .service_base li.body, .service_base .dot li.body {background:none; margin-top:0; margin-bottom:10px;} .service_base li.dash {background:url(/img/common/dash.gif) left 8px no-repeat;padding-left:8px; background-size:5px 1px;} .service_base ul.seq li {margin-top:15px;} /*.service_base.userLaw > ul.seq li {margin-top:15px;}*/ .service_base ul.seq li p {margin-top:0;} .service_base > *:first-child {margin-top:0; padding-top:0;} .privacy > .service_base {border:none; padding:0;}/*베트남 SMS약관에서사용*/ /* 일본약관에서 사용 */ .service_base.jp .parents {font-size:16px !important;}/*큰제목*/ .service_base.jp > p.title {color:#373737; font-weight:normal;}/*소제목*/ .service_base.jp > dl dt, .service_base.jp > dl dd {margin-top:10px; line-height:18px;} .service_base.jp .subDepth li {margin-top:0;} .service_base.jp ul.subDepth {margin-left:10px;} .service_base.jp ul .se {margin-top:15px !important;} /* 보안 > safe01인증서안내, safe02 가상키보드안내 */ .service_base .imgBox01,.service_base .imgBox02,.service_base .imgBox03 {background-position:left top; background-repeat:no-repeat;} .service_base .imgBox01 span,.service_base .imgBox02 span,.service_base .imgBox03 span {text-indent:-9999px;visibility:hidden;overflow:hidden;} .service_base.safe01, .service_base.safe01 > * {position:relative} .service_base.safe01 .imgBox01 {width:533px; height:229px; background-image:url(/img/guide/ssl01.gif); background-position:center top; margin:15px auto 10px;} .service_base.safe01 .ex {text-align:center;display:block;} .service_base.safe01 .exBox {border:solid 1px #dfdfdf; padding:20px; margin-top:20px;} .service_base.safe02 .imgBox01 {width:495px; height:197px; background-image:url(/img/guide/keypad01.gif); margin-top:15px;} .service_base.safe02 .imgBox02 {width:495px; height:197px; background-image:url(/img/guide/keypad02.gif); margin-top:10px;} .service_base.safe02 .imgBox03 {width:285px; height:130px; background-image:url(/img/guide/keypad03.gif); margin-top:15px;} /* 서비스안내 */ .service_desc dl{padding:30px;border:1px solid #dfdfdf;} .service_desc dt{margin-top:0;padding:0;} .service_desc dd{margin:5px 0 30px;} .service_desc dd:last-child{margin:5px 0 0;} .service_desc dd p{line-height:20px;} .service_desc dd ul{margin:18px 0 0 0;} .service_desc dd ul li, .service02 dd p{margin:6px 0 0;background:url(/img/common/bul_dot_05.gif) left center no-repeat;padding-left:8px;} .service_desc .styleno{background:none;} /* 이용시간안내 */ .service_txt01{padding:10px 0 0 18px;line-height:18px;} .service_txt01 > em {font-style:none; margin-left:-18px; padding-right:5px; font-style:normal !important;} .service02.w2tb .w2tb_td{padding:8px 20px;} .service02 dt{margin-top:15px;} .service02 dt:first-child{margin-top:0;} .service02 dd p{margin:3px 0 0;} /* 이용가능환경 */ .service03{padding:10px 20px !important;line-height:18px;} .service03 > div{width:100%} .service03 .col {width:50%; float:left;} .service03 .col .br{display:block;} /* 인터넷뱅킹 매뉴얼 */ .service04.agree_msg_02 {padding:0;border:0;margin-top:10px} .service04.agree_msg_02 > p{display:inline-block;} .service04.agree_msg_02 > p:first-child{margin-left:18px;} .service04.agree_msg_02 .w2anchor2.txt_blue {color:#2773c1 !important; margin-left:5px; padding-top:5px; display:inline-block;} /* 보안안내 */ .service05 dl{padding:30px;border:1px solid #dfdfdf;} .service05 .service_txt01{line-height:20px;} .service05 .txt02{padding-left:18px;line-height:20px;} /* 대출상담신청 안내 */ .loanstep .section_info_02 {padding:30px;} .loanstep .w2tb.tbl_adp{border-top: 1px solid #d8d8d8;} .loanstep .w2tb tbody:last-child tr:last-child .w2tb_th, .loanstep .w2tb tbody:last-child tr:last-child .w2tb_td { border-bottom: 1px solid #d8d8d8 !important;} .loanstep .stepdown{display:block;background:url(/img/common/icon_stepdown.gif) center center no-repeat;width:100%; height:30px;} .loanstep .section_info_02 .leftArea_01 strong{padding-top:0;padding-bottom:10px;} .loanstep .section_info_02 .leftArea_01 p{line-height:18px;} /* 대출상담신청 1단계 */ .service_txt01.loan{display:inline-block;} .service_txt02{margin-left:15px;} /* 신청서식 */ .forms .section_title{padding:0 60px 20px 0;} .forms .section_info span{line-height:24px;} .forms .contents{padding:30px; border:1px solid #dfdfdf;} .forms .smalldot{font-size:13px;} .forms dt{margin-top:20px;} .forms dt:first-child{margin-top:0;} .forms ul{width:100%;overflow:hidden;} .forms ul li{margin:5px 0 0 8px;} .forms ul li:first-child{margin:10px 0 0 8px;} .forms a{height:100%;display:block;cursor:pointer;} .forms img{vertical-align:middle;} .forms .txt_blue {color: #2773c1 !important; margin-left:8px; display:inline-block;vertical-align:middle;} /* ------ 고객센터 ------ // */ /* // ERROR */ .pageError {position:relative; top:10%; margin:0 auto; width:980px;} .pageError .hdr_logo {height:50px; background:url("/img/common/err_logo.jpg") left top no-repeat; background-size:254px 40px;} .pageError .errBody {padding:50px 0 30px 0; text-align:center; border-top:solid 2px #204487; border-bottom:solid 2px #204487;} .pageError .errBody .title, .pageError .errBody .txt_box {max-width:600px; margin:0 auto;} .pageError .errBody .title {margin-bottom:20px;} .pageError .errBody .title p{color:#2773c1; font-size:20px; line-height:30px; font-weight:bold; text-decoration:underline;} .pageError .errBody .title .lang {font-size:26px;} .pageError .errBody .txt_box, .pageError .errBody .txt_box.lang {margin-bottom:20px;} .pageError .errBody .txt_box strong, .pageError .errBody .txt_box p {padding:10px 0; line-height:18px;} .pageError > .btn_area_01 {margin-top:30px;} .pageError .btnLv1 {position:relative; margin-left:5px; padding:7px 10px; height:auto; font-weight:normal; line-height:18px; text-align:center; min-width:150px; background-color:#2773c1; background-image:none !important; color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;} .pageError .btnLv1:first-child {margin-left:0;} .pageError .btnLv1:after {height:auto; background:none;} /*안씀. 에러베이지에서만 사용. .pageError .btnLv1로 대체 .btnLv6 {position:relative; margin-left:5px; padding:7px 10px; font-weight:normal; line-height:18px; text-align:center; min-width:150px; background:#2773c1;color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv6:first-child {margin-left:0;} */ /* ERROR // */ /* SiteMap */ .siteMap {padding:20px 0 0 100px;} .siteMap:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .siteMap .col {padding:0 0 30px 0px; width:340px; float:left;} .siteMap .col.odd {clear:left;} .siteMap .col .title {height:30px; font-size:14px; color:#941c1f; display:block;} .siteMap .w2treeview_open_child .w2treeview_icon_navi {background:url("/img/common/minus.gif") center center no-repeat;} .siteMap .w2treeview_close_child .w2treeview_icon_navi {background:url("/img/common/plus.gif") center center no-repeat;} .siteMap .w2treeview_leaf .w2treeview_icon_navi {background:url("/img/common/icon_treedot.gif") 0 50% no-repeat;} .siteMap .w2treeview_guideline {background:#fff;} .siteMap .w2treeview_label {color:#333;} .siteMap .w2treeview_row_depth1 td > .w2treeview_label {color:#444;} /* SiteMap */ /* Lv1 */ .sGenLv1 .titleLv1 {position:relative; margin-bottom:7px; padding:0 10px; font-size:16px; font-weight:bold; color:#fff; line-height:30px; background:#657dc3;} .sGenLv1 .m4 .titleLv1 {background:#61aeb8;} .sGenLv1 .m5 .titleLv1 {background:#6395b8;} .sGenLv1 .titleLv1 > a {color:#fff;} /* Lv2 */ .sGenLv1 .titleLv2 {position:relative; margin-bottom:10px; padding:0 10px; font-size:14px; font-weight:bold; color:#2773c1; line-height:34px; border-bottom:2px solid #2773c1;} /* .sGenLv1 .sLv2 > ul > li {padding-bottom:20px;} */ /* Lv3 */ .sGenLv1 .sLv3 {padding:0 10px 10px;} .sGenLv1 .titleLv3 {position:relative; padding:5px 0; width:100%; font-size:14px; font-weight:bold; line-height:24px;} .sGenLv1 .titleLv3 > * {color:#444;} .sGenLv1 .sLv3 > ul {overflow:hidden;} .sGenLv1 .sLv3 > ul > li {width:230px; float:left;} .sGenLv1 .sLv3 > ul > li.eq1 {clear:both;} /* .menu_all .sLv3 > ul > li.eq4 {width:200px;} */ /* .menu_all .sLv3 > ul > li.eq4:after {content:""; width:100%; height:0; display:block; clear:both;} */ /* Lv4 */ .sGenLv1 .sLv4 {padding-bottom:20px; line-height:18px;} .sGenLv1 .sLv4 a {padding-left:10px; background:url("/img/common/bul_dash_01.gif") left center no-repeat;} /*********** //SubPage Style ***********/ /* 데모 */ .dmain #dGnb{display:none;} #dWrap.dmain #container, #dWrap .container{top:120px;} .dWrap .page_info li span {display:inline;} .dWrap .grid_wrap {z-index:1;} .contain_wrap{width:680px;margin:0 auto;display:block;} .contain_wrap li{display:inline-block;float:left;width:216px;height:240px;margin-right:10px;margin-top:10px;text-align:center;} .contain_wrap li a{display:block;cursor:pointer;text-decoration:none;height:100%;} .contain_wrap li:after{content:''; width:100%; height:0; display:block; clear:both;} .contain_wrap li:first-child{margin-left:0;} .contain_wrap li.d_one{background:none;line-height:20px;text-align:left;} .contain_wrap li.d_one span{display:block;} .contain_wrap li.d_one span:first-child{font-size:26px;color:#1e3257;line-height:26px;} .contain_wrap .dline{background:#1e3257; width:67px;height:2px;margin:20px 0;} .contain_wrap li p{display:block;height:60px;color:#fff;font-size:13px;vertical-align:middle;} .contain_wrap li p:before {content:""; height:60px; vertical-align:middle; display:inline-block;} .contain_wrap li p:first-child{display:block;height:180px;} .contain_wrap li p span{padding:0 15px;vertical-align:middle; } .contain_wrap li.d_two{background:#4b688a;} .contain_wrap li.d_two p:first-child{background:#8ba2bc url(/img/demo/dicon_back02.png) center center no-repeat;} .contain_wrap li.d_three{background:#387e90;} .contain_wrap li.d_three p:first-child{background:#7fc1d2 url(/img/demo/dicon_back03.png) center center no-repeat;} .contain_wrap li.d_four{background:#5b7211;} .contain_wrap li.d_four p:first-child{background:#b1ce52 url(/img/demo/dicon_back04.png) center center no-repeat;} .contain_wrap li.d_five{background:#b55e09;} .contain_wrap li.d_five p:first-child{background:#f1c54d url(/img/demo/dicon_back05.png) center center no-repeat;} .contain_wrap li.d_six{background:#b55259;} .contain_wrap li.d_six p:first-child{background:#d37f85 url(/img/demo/dicon_back06.png) center center no-repeat;} .d_pointer {z-index:998;} .dgrd.d_pointer .w2grid {z-index:-1;} .d_pointer:before, .d_pointer2 {position:absolute; z-index:999; width:48px; height:50px; font-size:12px; font-weight:normal; line-height:45px; text-align:center; background:url("/img/demo/icon_tooltip.png") 0 0 no-repeat; display:block;} .d_pointer:before {content:"CLICK"; left:0; bottom:28px;} .d_pointer2 {color:#fff; cursor:pointer !important;} /*그리드 풍선말*/ .demono {background:none !important;} .demono a{display:none !important;} /* 데모 */ /* 확대보기 안내 */ .p_zoomOut {} .p_zoomOut .popWrap {max-height:1000px;} .popWrap .p_zoomOut_cont {padding:20px; border:1px solid #dfdfdf;} .popWrap .p_zoomOut_cont .txt {margin-top:20px; height:21px;} .popWrap .p_zoomOut_cont .txt:first-child {margin-top:0px;} .popWrap .p_zoomOut_cont .txt strong {color:#373737;} .popWrap .p_zoomOut_cont .txt strong.blue {color:#2773c1;} .popWrap .p_zoomOut_cont .imgBox1 {position:relative; width:812px; height:219px; background:url("/img/common/img_keyboard_01.gif") 0 0 no-repeat;} .popWrap .p_zoomOut_cont .imgBox2 {position:relative; width:812px; height:219px; background:url("/img/common/img_keyboard_02.gif") 0 0 no-repeat;} /* ABOUT US */ .about_msg {position:relative; padding-right:378px;} .about_msg.noimg{} .about_msg:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .about_msg .pic {position:absolute; right:0; top:20px; width:348px;} .about_msg .cont .contGroup {position:absolute; right:0; top:463px; font-size:15px; text-align:right;} .about_msg .cont .a4{} .about_msg .cont .a3{font-weight:bold;} .about_msg .cont {} .about_msg .keyMsg{display:block;font-size:16px; color:#2773c1;margin-bottom:50px;line-height:22px;padding-left:58px;padding-top:20px;background:url(/img/guide/bg_quot.png) left top no-repeat;} .about .line{width:31px; height:3px;background:#2773c1;display:block;margin-bottom:20px;} .about_msg .cont strong{display:block;/* font-size:16px; */margin-bottom:20px;} .about_msg .cont .a1{font-size: 16px;} .about_msg .cont .a2{display:block;margin-bottom:20px;} .about_msg.noimg {padding-right:0;} .about_msg.noimg .pic{display:none;} /* ABOUT US */ /* 카드발급상담신청 */ .card .service_base .btnLv1, .card .form{font-size:12px !important;} .card .service_base{padding:20px;margin-top:20px;} .card .section_info_02.c_03{padding:30px;border:0;} .card .section_info_02.c_03 p{margin-top:10px;} .card_box{background:#fff url(/img/common/img_card_02.png) left center no-repeat; padding-left:320px;background-size:300px 168px;height:168px;font-size:14px;} .gold .card_box {background:#fff url(/img/common/img_card_04.png) left center no-repeat; } .card_box h3{padding-top:10px;} .card_box p{margin-top:0;} .card_box .section_info_02{padding:20px;margin-top:20px;} .card .btn_area_01{padding-top:20px;} .card_step{width:100%;} .card_step li{display:inline-block;width:25%;height:40px;line-height:40px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center; background:url("/img/common/bg_arrowRight_02.gif") left center no-repeat;} .card_step li:first-child{background:none;} .card_step li.on span{color:#fff; background:#2773c1;position:relative; width:100%;} .card_step li.step2.on span, .card_step li.step3.on span, .card_step li.step4.on span{color:#fff; background:#2773c1 url("/img/common/bg_arrowRight_03_on.gif") left center no-repeat;position:relative; } .card_step li.step1.on span:after, .card_step li.step2.on span:after, .card_step li.step3.on span:after{content:''; display:inline-block;position:absolute; background:url("/img/common/bg_arrowRight_02_on.gif") right center no-repeat;background-size:22px 40px;width:22px; height:40px;left:100%;} .card_step .stepdown{display:none;} .section_title.c_01{border-bottom:1px solid #b6b6b6;} .card_txt02{text-align:center;margin-top:20px;} .result_msg_02.c_02{margin-top:30px;} .result_msg_02.c_02 .msg_box > span:first-child{margin-bottom:30px;} /* 그리드안의 inputCalendar */ .w2inputCalendar_div{border:0 !important;box-sizing:border-box;} div.w2calendar .w2selectbox{min-width:initial;padding:initial;height:25px;position:absolute;} div.w2calendar .w2selectbox .w2selectbox_col_button{background:url(/img/common/under_arrow_01.gif) no-repeat 50% 50%;} div.w2calendar .w2calendar_selectbox_year{left:60px;} div.w2calendar .w2calendar_selectbox_month{left:130px;} /* mobile phone : width:1023px 이하 */ @media all and (max-width:1000px){ .w2Switch.pageControll, .container {padding-bottom:10px;} /*그리드에서 손가락이 가려지는 현상 해결 */ .agree_msg_02 .w2tb.tbl_adp .odd {width:auto !important;}/*캐나다 특화 */ /* .location {display:none;} */ .top_banner_wrap .top_banner .top_banner_inner{margin:0 20px;} .bottom_today {padding-right:20px;} /* Title Type */ .page_title {margin-top:35px; border-bottom:2px solid #204487;} .page_title h1 {padding-bottom:6px; font-size:20px; height:auto; display:inline-block;} .page_info {padding:11px 0 11px 0;} .page_info li {padding:3px 0 3px 14px; background:url("/img/common/bul_dot_01.gif") left 10px no-repeat; background-size:6px auto;} /* Adaptive Table */ .w2tb.tbl_adp .odd {width:150px !important;} .w2tb.tbl_adp .w2tb_th {padding:5px 20px 5px 20px; text-align:left; background:#f5f5f5;} /* L/C Form */ /*39A*/ .tblForm_01 .item1:first-child {margin-bottom:5px;} /* Searchbox */ .searchbox .s_box .row:first-child .td .w2selectbox_native:first-child {max-width:60%;} /* .searchbox .s_box .row:first-child .td .w2selectbox_native:first-child {width:70% !important;} */ .searchbox .s_box .row:first-child .td.half .w2selectbox_native:first-child {width:100px !important;} .s_box .row.mLine {} .s_box .row.mLine .th {position:absolute; left:0; top:0; bottom:0;} .row.loanSch .th, .row.loanSch .td {height:72px; line-height:36px;} .row.loanSch .td:before {} .loanSch .loanBox {width:100%; line-height:21px; vertical-align:middle;} .loanSch .loanBox .pri {} .loanSch .loanBox .pri .num {} .loanSch .loanBox .pri .num:before {} .loanSch .loanBox .bar {} .section_info_02 .rightArea_01 {margin-top:10px; width:100%; text-align:center;} /* Link Area */ .w2tb .w2tb_td .linkBar {margin:5px 0 0 0; height:auto; display:block;} /*********** SubPage Style ***********/ /* CN Main Personal */ .main_userInfo {margin-top:0;} /* MY PROFILE */ body.subBg01 > .wrapper {background:#fff;} body.subBg01 #header {height:45px;} body.subBg01 #header .top .logo {top:10px;} .l_area > .section_title {display:none;} body.subBg01 #container, body.subBg01 .container {padding-top:0; width:auto; margin:0 0px;} body.subBg01 .section.profile_lay {margin:0;} body.subBg01 .section.profile_lay .l_area, .section.profile_lay .r_area {width:auto; float:none;} body.subBg01 .section.profile_lay .l_area .infoTop {border-top:0;} body.subBg01 .section.profile_lay .l_area .infoTop .infoBox {padding:0 0px 0 88px;} body.subBg01 .section.profile_lay .l_area .infoTop img {position:absolute; left:0; top:0; margin-right:0;} body.subBg01 .section.profile_lay .l_area .infoTop .cBox {max-width:100%; width:100%; display:block;} body.subBg01 .section.profile_lay .l_area .infoTop .cBox span {/*margin-top:-19px;*/ max-height:57px; overflow:hidden;} body.subBg01 .section.profile_lay .l_area .infoTop .cBox span.nm {margin-top:0px;} body.subBg01 .section.profile_lay .l_area .infoTop .btn_01 {position:relative; top:0; margin:5px 0 0; float:none;} body.subBg01 .section.profile_lay .l_area .infoTop .btn_02 {position:absolute; right:0; bottom:0; min-width:0; min-height:0; width:25px; height:25px; text-indent:-9999px; background:#363b4a url("/img/common/btn_toggle_03.gif") center top no-repeat; background-size:26px auto; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; display:block; overflow:hidden;} body.subBg01 .section.profile_lay .l_area .infoTop .btn_02.minus {background-position:center -26px;} body.subBg01 .section.profile_lay .l_area .infoBottom {display:none;} body.subBg01 .section.profile_lay .l_area .infoBottom.show {display:block;} body.subBg01 .section.profile_lay .l_area .infoBottom .tit, .section.profile_lay .l_area .infoBottom .txt {padding:0;} body.subBg01 .section.profile_lay .l_area .infoBottom .l2.tit {padding:5px 0;} body.subBg01 .section.profile_lay .l_area .infoBottom .txt .nm_lv {margin-left:8px; height:10px;} body.subBg01 .section.profile_lay .r_area {margin:10px 35px; } body.subBg01 .section.profile_lay .r_area .schedule_box dt {padding-left:10px;} body.subBg01 .section.profile_lay .r_area .main_box.section_title {padding:0px 10px 6px 0;} body.subBg01 .section.profile_lay .r_area .main_box.section_title.open {padding-bottom:36px;} body.subBg01 .section.profile_lay .r_area .main_box.section_title h3.title {line-height:26px;} body.subBg01 .section.profile_lay .r_area .main_box .btn_toggle_01 {position:absolute; left:0; right:0; top:0; height:30px; text-indent:-9999px; background:url("/img/common/btn_toggle_02.gif") right center no-repeat; background-size:25px; border-bottom:2px solid #586374; display:block; overflow:hidden;} body.subBg01 .section.profile_lay .r_area .main_box.open .btn_toggle_01 {background-image:url("/img/common/btn_toggle_01.gif");} body.subBg01 .section.profile_lay .r_area .main_box .rightArea_01 {display:none;} body.subBg01 .section.profile_lay .r_area .main_box.open .rightArea_01 {bottom:7px; display:block;} body.subBg01 .r_area .grid_wrap {display:none;} body.subBg01 .r_area .grid_wrap.open {display:block;} /* .mGridFoot {display:table;} */ .subBg01 .section {margin:0 35px;} .hr {margin-top:20px; height:5px;} /* SUB FAQ */ .footBtn_section, .faq_section, .footBtn_section {margin:40px 35px 0; width:auto;} .container .faq_section {margin:40px 0 0; width:auto;} .container .faq_section #gen_faqList {min-height:200px;} /* 스마일앱 */ .container .faq_section.noIcon dt {padding:5px 30px 5px 10px;} .container .faq_section.noIcon dd {padding:5px 10px;} /* //SUB FAQ */ /* SUB Useful Service */ .us_section {margin:40px 35px 0; width:auto;} .us_section .area {margin:0 0px; padding-top:28px;} .us_section .area li {width:33%;} /* .us_section a {background-image:url("/img/common/bul_box_02.gif");} */ /* //SUB Useful Service */ /* NoBG Table */ .w2tb.tbl_req col:first-child {width:90px !important;} .w2tb.tbl_req .w2tb_th {padding:5px 0px 5px 8px; border-right:1px solid #d8d8d8;} .w2tb.tbl_req .w2tb_th.must {font-weight:normal;} .w2tb.tbl_req .w2tb_th.must:before {width:8px; margin-left:0;} .w2tb.tbl_req .w2tb_td {padding:5px 8px;} .w2tb.tbl_req select {} /* Login */ .ol_list_01 {padding-left:25px;} .imgInfo_otp_01 .imgBox {left:0; top:0;} .popLay .imgInfo_otp_01 .imgBox {width:auto;} .imgInfo_otp_01 .imgBox img {margin:0 0 10px;} .imgInfo_otp_01 .imgBox span {margin-left:0px;} /* Login Password */ .co_secret_guide .content_title .title {font-size:14px;} .co_secret_guide .img_cardBox, .co_secret_guide .img_otpBox {width:100%;} .co_secret_guide .img_otpBox > .img {width:100%; max-width:220px;} .co_secret_guide .img_cardBox > .img {width:100%; max-width:300px;} .co_secret_guide .cont_otpBox {margin-top:20px; width:100%;} .btn_sitemap_bar {display:none;} /* // ERROR */ .pageError {top:10px; width:auto;} .pageError .hdr_logo {background-position:15px 0;} .pageError .errBody {padding:50px 15px 30px;} .pageError .btnLv1 {margin:0 0 5px; width:90%;} /*********** //SubPage Style ***********/ .btn_area_01 .centerArea_01 .btnLv1 {min-width:0px; font-size:12px;/*max-width:150px;*/} /*메인탑배너 1단 태블릿&이미지*/ #slide_wframe {min-width:300px;} /* 특정 팝업 resize */ .popLay.popResize_01 {left:8% !important; right:8% !important; width:auto !important;} } @media all and (max-width:930px){ .popLay.popResize_01 {left:2% !important; right:2% !important; width:auto !important;} } @media all and (max-width:900px){ .popLay.popResize_01 {left:2% !important; right:2% !important; width:auto !important;} /* Login Password // 로그인 패스워드 아이콘이미지 */ .co_secret .w2tb.tbl_secret .pwd {width:100% !important;} .pw_intoBtn_01.btnSize90 {padding-right:100px;} .pw_intoBtn_02.btnSize90 {padding-right:130px;} .btnSize90 .btnLv2.btn_normal {width:90px; padding:0; position:absolute;top:0;} .pw_intoBtn_01 {padding-right:60px;} .pw_intoBtn_01 *:first-child {width:100% !important;} .pw_intoBtn_01 .bt1 {position:absolute; right:0; top:2px;} .pw_intoBtn_01 .bt1.btn_help {position:absolute; right:14px; top:2px;} .pw_intoBtn_01 .btn_help, .pw_intoBtn_02 .btn_help {background:transparent url(/img/common/icon_help_mobile.gif) center center no-repeat !important; background-size:16px 16px !important;} .pw_intoBtn_01 .btn_keypad, .pw_intoBtn_02 .btn_keypad {background:transparent url(/img/common/icon_keypad_mobile.gif) left top no-repeat !important; width:50px; height:26px; background-size:50px 26px !important;} .pw_intoBtn_02 {position:relative; padding-right:95px;} .pw_intoBtn_02 *:first-child {width:100% !important;} .pw_intoBtn_02 .bt1 {position:absolute; right:0; top:2px;} .pw_intoBtn_02 .bt2 {position:absolute; right:35px; top:2px;} } @media all and (max-width:860px){ .popLay.popResize_01 {left:0% !important; right:0% !important; width:auto !important;} /* .intoBtn_01 > .w2selectbox_native {width:auto !important;} */ .s_box .td > .w2input {max-width:50%; width:100% !important;} .s_box .td > .w2selectbox_native {max-width:100%; width:auto !important;} /* .searchbox .s_box .row:first-child .td.half .w2selectbox_native:first-child {max-width:100%; width:100% !important;} */ } /* tablet ~ mobile */ @media all and (min-width:768px) and (max-width:1000px) { .tbl_adp.must .w2tb_td .intoBtn_01 .btnLv2, .tbl_adp.must .w2tb_td > .btnLv2 {display:block; margin:5px 0 0 0; width:40%;} } /* tablet : width:767px 이하 */ @media all and (max-width:767px){ .radio_ipt.col.mo_block .w2radio_item{display:block !important; margin-left:0;} /* 중국 특화 */ .pc_area {display:none} .mobile_area {display:block} .pc_zone, .pc_zone_inBlock, .pc_zone_inline {display:none !important} .mobile_zone {display:block !important} .mobile_zone_inBlock {display:inline-block !important;} .mobile_zone_inline {display:inline !important;} .mo_mt20 {margin-top:20px !important;} /*모바일에서만 반영*/ .mo_mt10 {margin-top:10px !important;} .mo_mt5 {margin-top:5px !important;} .mo_ml0 {margin-left:0px !important;} .mo_ml10 {margin-left:0px !important;} .mo_mr0 {margin-right:0px !important;} .mo_mr10 {margin-right:10px !important;} div.mo_ml0, span.mo_ml0 {padding-left:0 !important;} div.mo_ml10, span.mo_ml10 {padding-left:10px !important;} div.mo_mr0, span.mo_mr0 {padding-right:0 !important;} /* 이전글/다음글 */ .mobile_area .btn_arrowNext, .mobile_area .btn_arrowPrev {display:inline-block; width:24px; height:24px; border:solid 1px #dfdfdf; text-indent:-9999px; margin:0px 3px; overflow:hidden;} .mobile_area .btn_arrowNext {background:url("/img/common/btn_arrowNext.jpg") left top no-repeat;background-size:24px;} .mobile_area .btn_arrowPrev {background:url("/img/common/btn_arrowPrev.jpg") left top no-repeat;background-size:24px;} .mobile_area a.w2anchor_disabled {cursor:default !important}/*반투명*/ /* .top_banner_wrap .top_banner .top_banner_inner{margin:0 20px;} */ .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > p{display:none;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl{position:absolute; margin:auto; border-left:0 none; max-width:718px;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > dl {left:15px; right:-15px;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl dt{padding:0 0 10px 0;} .top_banner_wrap .top_banner .top_banner_inner .w2switch_case > dl dd{padding:0; height:48px;} /*메인탑배너 2단 태블릿&이미지*/ .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case{width:100%; background:#4b576e; z-index:1000;} .top_banner_wrap.length2 .top_banner .top_banner_inner #top_banner_case1 > p{margin-right:0;} .top_banner_wrap.length2 .top_banner .top_banner_inner #top_banner_case2 > p{margin-left:0;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl{left:0 !important; top:0;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > dl {left:0;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dt{position:relative; left:0; margin:0; padding:0 0 7px 0; color:#fff;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case > dl dd{position:relative; left:0; margin:0; height:50px; padding:0; color:#dfdfdf;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case1 > a {right:0px; bottom:-2px; color:#d5d9e2;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case#top_banner_case2 > a {right:0px; bottom:-2px; color:#d5d9e2;} /* TabControl */ .tab_01 ul.w2tabcontrol_tabhost {height:auto;} .tab_01 .w2tabcontrol_tabhost > li {display:block; float:none;} .tab_01 .w2tabcontrol_tabhost li a {font-size:14px; color:#373737; margin-right:0; margin-left:0;} .tab_01 .w2tabcontrol_tabhost li.w2tabcontrol_active a, .tab_01 .w2tabcontrol_tabhost li.w2tabcontrol_over a {color:#fff; } .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over, .tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active {background:#2773c1;} .tm1 .w2tabcontrol_tabhost > li, .tm2 .w2tabcontrol_tabhost > li {width:auto !important;} .tab_01 .w2tabcontrol_tabhost li {background:#fff; border-left:solid 1px #dfdfdf !important;border-right:solid 1px #dfdfdf !important;border-bottom:solid 1px #dfdfdf !important;border-top:none;} .tab_01 .w2tabcontrol_tabhost li:first-child {border-top:solid 1px #dfdfdf;} /* MAIN TabControl */ .main_tab.tab_01 .w2tabcontrol_tabhost li {border-bottom-color:#bdc3d2;} .main_tab.tab_01 .w2tabcontrol_tabhost > li {display:inline-block !important; border:1px solid #bdc3d2 !important; border-left-width:0; border-bottom-color:#949cb0 !important;} .main_tab.tab_01 .w2tabcontrol_tabhost li a {font-size:12px;} .main_tab.tab_01 .w2tabcontrol_tabhost li.w2tabcontrol_active a, .main_tab.tab_01 .w2tabcontrol_tabhost li.w2tabcontrol_over a {color:#fff !important;} .main_tab.tab_01 .w2tabcontrol_tabhost .w2tabcontrol_over, .main_tab.tab_01 .w2tabcontrol_tabhost .w2tabcontrol_active {background:#294e93 !important; border-color:#294e93 !important; border-bottom:1px solid #294e93 !important;} .main_tab.tm1 .w2tabcontrol_tabhost > li {width:50% !important;} .main_tab.tab_01 .w2tabcontrol_tabhost li:first-child {border-top:auto !important; border-left-width:1px !important;} .main_tab.tab_01 .w2tabcontrol_tabhost li {background:#e0e1e3 !important; border-bottom-color: #bdc3d2 !important;} .main_tab.tab_01.tm1 .w2tabcontrol_tabhost li:first-child {border-right-color:#949cb0 !important;} /* MY PROFILE */ .section.profile_lay {margin-top:0;} .section.profile_lay .l_area .infoTop img {width:51px; height:39px;} .section.profile_lay .l_area .infoTop .btn_01 {width:70px;} .section.profile_lay .l_area .infoTop .btn_05 { background-position: 0 -25px; background-size: 150px auto; -moz-background-size: 150px auto; -o-background-size: 150px auto; -webkit-background-size: 150px auto;} .chk_ipt .w2checkbox_item .w2checkbox_input, .w2checkbox_label, .radio_ipt .w2radio_item .w2radio_input, .w2radio_label {font-size:14px;} /* Step */ .step_box {margin-bottom:10px;} .step_box ul li .box {height:28px; line-height:28px;} .step_box ul li .txt1 {display:inline;} .step_box ul li .txt3 {display:none;} .tbl_step .li .box {height:28px; line-height:28px;} .tbl_step .li .txt2 {display:inline;} .tbl_step .li .txt1 {display:none;} .tbl_step .li .txt3 {display:none;} /* Title Type */ .page_title {margin-top:9px; border-bottom:2px solid #204487;} .page_title h1 {padding-bottom:6px; font-size:20px; height:auto; display:inline-block;} .page_info {padding:16px 0 15px 0;} .page_info li {padding:3px 0 3px 14px; background:url("/img/common/bul_dot_01_m.gif") left 10px no-repeat; background-size:6px auto;} /* Section_title */ .section_title {position:relative; padding:10px 10px 10px 0;} .section_title h3.title {padding-right:0px; font-size:16px; font-weight:bold; display:inline-block;} /* Grid_title */ .gBtn_area_01, .btn_area_02 {height:auto;} .gBtn_area_01 .leftArea_01, .gBtn_area_01 .rightArea_01, .btn_area_02 .leftArea_01, .btn_area_02 .rightArea_01 {padding-bottom:8px; width:100%; float:none;} .btn_area_02 .rightArea_02, .gBtn_area_01 .rightArea_02 {padding-bottom:8px;} .gBtn_area_01 .leftArea_01 .title, .btn_area_02 .leftArea_01 .title {padding:0px; border-bottom:solid 1px #b6b6b6;} .gBtn_area_01 .rightArea_01 .grid_btn_02 {background:url("/img/common/icon_gridBtn_03_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_03 {background:url("/img/common/icon_gridBtn_02_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_04 {background:url("/img/common/icon_gridBtn_01_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_05 {background:url("/img/common/icon_gridBtn_05_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_01 .rightArea_01 .grid_btn_06 {background:url("/img/common/icon_gridBtn_06_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_02 .rightArea_01 .grid_btn_02 {background:url("/img/common/icon_gridBtn_03_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_02 .rightArea_01 .grid_btn_03 {background:url("/img/common/icon_gridBtn_02_m.jpg") left top no-repeat; background-size:29px;} .gBtn_area_02 .rightArea_01 .grid_btn_04 {background:url("/img/common/icon_gridBtn_01_m.jpg") left top no-repeat; background-size:29px;} .grid_btn_00 {background:url("/img/common/btn_selectAll_m.jpg") left top no-repeat; background-size:29px !important;} .grid_btn_00.checked {background:url("/img/common/btn_selectAllchk_m.jpg") left top no-repeat !important; background-size:29px !important;} .gBtn_area_01 .leftArea_01 .grid_btn_00 {position:absolute; left:0; bottom:10px;} .gBtn_area_01 {min-height:40px;} .gBtn_area_01.otherBtn .leftArea_01 .btnLv5 {margin-left:40px !important;} /* 단 우측에아무버튼 없음 */ .gBtn_area_01.otherBtn .leftArea_01 .grid_btn_00 {bottom:13px; margin-right:0} /* 단 우측에아무버튼 없음 */ /* Table Layout */ .w2tb tbody:last-child tr:last-child .w2tb_th, .w2tb tbody:last-child tr:last-child .w2tb_td {border-bottom-color:#dfdfdf !important;} .w2tb .w2tb_td > * {margin-left:0px; margin-top:5px;} .w2tb .w2tb_td > *:first-child {margin-top:0px;} /* Adaptive Table */ .w2tb.tbl_adp {border-bottom:solid 1px #b6b6b6;} .w2tb.tbl_adp tr:first-child .w2tb_th, .w2tb.tbl_adp tr:first-child .w2tb_td {border-top-color:#dfdfdf;} .w2tb.tbl_adp .w2tb_th:first-child {border-top-color:#dfdfdf;} .w2tb.tbl_adp, .w2tb.tbl_adp tbody, .w2tb.tbl_adp tr {width:100% !important; display:block; overflow:hidden;} .w2tb.tbl_adp colgroup, .w2tb.tbl_adp .odd {display:none;} .w2tb.tbl_adp .w2tb_th, .w2tb.tbl_adp .w2tb_td {padding:7px 10px 7px; width:100%; height:auto; line-height:18px; border:0; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;} .w2tb.tbl_adp .w2tb_th {font-weight:normal; background:#f5f5f5; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .w2tb.tbl_adp tr:first-child .w2tb_th:first-child {border-top:0;} .w2tb.tbl_adp .w2tb_td {padding:7px 0px 7px; background:#fff; min-height:32px;} .w2tb.tbl_adp .w2tb_td > .mLine_box_01 {padding:0 10px;} .w2tb.tbl_adp.must .w2tb_td > .mLine_box_01 {padding:0;} .wf_subDetail .w2tb.tbl_adp.must .w2tb_td > .mLine_box_01 {padding:0 10px;} .w2tb .w2tb_td .mLine_box_02 { } /* n x 1 출력시 바깥 ..*/ .w2tb .w2tb_td .mLine_box_02.item2 {margin-left:10px;} .w2tb .w2tb_td .mLine_box_02.item2 > * {display:block;} .w2tb .w2tb_td .mLine_box_02.item2 > *:first-child {width:auto; margin-left:0; } .w2tb.tbl_adp .w2tb_td > span {padding-left:10px; padding-right:10px;}/*10월 2일추가..TXT들 여백 */ .w2tb.tbl_adp .w2tb_td:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .w2tb.tbl_adp.must .w2tb_th {padding:5px 10px 5px 10px;} .w2tb.tbl_adp.must .w2tb_th.must {padding-left:20px;} .w2tb.tbl_adp .w2tb_th.delBr br {display:none; } /* Gridfooter Table */ .mGridFoot.tbl_adp thead {width:100%; float:left;} .mGridFoot.tbl_adp thead .w2tb_th {font-weight:bold; text-align:center;} .mGridFoot.tbl_adp tbody .w2tb_th {background:#f5f5f5;} .mGridFoot.tbl_adp .w2tb_td.num {text-align:left !important;} /* 페이지리스트 */ .w2tb.view_pageList th{display:none;} .w2tb.view_pageList td a{display:block; white-space:nowrap; text-overflow:ellipsis; padding:0 40px; background:url("/img/common/btn_arrowDown_01.gif") 10px center no-repeat; overflow:hidden;} .w2tb.view_pageList tr:first-child td{border-bottom:1px solid #dfdfdf;} .w2tb.view_pageList tr:first-child td a{ background:url("/img/common/btn_arrowUp_01.gif") 10px center no-repeat;} /* .w2tb.tbl_adp.must .w2tb_th {padding-left:25px;} */ .w2tb.tbl_adp .pw_info {text-align:right; display:block;} /* .w2tb.tbl_adp.must .w2tb_td > * {width:100% !important;} */ .w2tb.tbl_adp .w2tb_th .rd_txt {display:inline;} .w2tb.tbl_adp.must .w2tb_td > .btnLv2, .w2tb.tbl_adp.must .w2tb_td > .w2selectbox_native, .w2tb.tbl_adp.must .w2tb_td > .w2inputCalendar_div, .w2tb.tbl_adp .w2tb_td > .w2input, .w2tb.tbl_adp.must .w2tb_td > .w2input {width:100% !important;} .w2tb.tbl_adp .w2tb_td > .w2span {margin-left:5px;} .w2tb.tbl_adp .w2tb_td > .w2span:first-child {margin-left:0px;} .intoBtn_01 > * {margin:0 0 0; width:100% !important; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /*.intoBtn_01 > *:first-child {margin-bottom:5px;}*/ .intoBtn_01 > .sLine_01:first-child {margin-bottom:0} .intoBtn_01.mt5 {margin-top:0px !important;} /*.intoBtn_01 .sLine_01 .bt1 {margin-left:0px; margin-top:5px;}*//*input2줄 출력 */ .w2tb_td .intoBtn_01 > .sLine_01 > * {width:100% !important;} .w2tb_td .intoBtn_01 > .sLine_01 .btnLv2 {margin-left:0px; margin-top:5px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .w2tb_td .intoBtn_01 .btnLv2, .w2tb_td .intoBtn_01 select,.w2tb_td .intoBtn_01 input {margin-top:5px;} .w2tb_td .intoBtn_01.card, .w2tb_td.card .mLine_box_01{padding-left: 10px;} .w2tb_td .intoBtn_01:first-child {} .intoBtn_area .rightArea_01 {float:none; width:auto;} /*check Btn*/ .intoBtn_area .rightArea_01 .btnLv2 {display:block;} .tblForm_bg .intoBtn_area .rightArea_01 {padding-right:28px;} .tblForm_bg .intoBtn_area .rightArea_01 .btnLv2 {display:inline-block;} .w2tb_td .intoBtn_01 > .intoBtn_01 *:first-child {margin-top:0} .w2tb_td .intoBtn_01 .txt_info {margin-top:5px;} /*151217추가 */ .w2tb_td .intoBtn_01:first-child input:first-child {margin-top:0;} /*151217추가 */ /*.intoBtn_01 > * {margin-left:0px;}*/ .intoTime > * {display:inline-block;} .oneLine {margin-left:10px !important; margin-right:10px !important;} /* L/C Form */ .tblForm_bg .w2checkbox_input, .tblForm_bg .chk_lc {vertical-align:top;} /*39A*/ .tblForm_01:after {clear:both;} .tblForm_01 .item1 {display:block; margin-left:20px; margin-top:5px; padding-right:20px; position:relative;} .tblForm_01 .item1 .w2input {width: 100% !important; } .tblForm_01 .item1:first-child {margin-top:0px; margin-right:0px;} .tblForm_01 .item1 span {margin-left:0px; margin-right:0px; width:20px; display:inline-block;} .tblForm_01 .item1 .f_big_01 {margin-left:-20px;} .tblForm_01 .item1 .f_big_02 {position:absolute; right:0; text-align:right;} /*41A*/ .tdDrawee #sel_lc_pmt_mthd_c {margin-left:0;} .tdDrawee #grp_exbill_prstt_psb_bnk_bic_c {text-align:center;} .tdDrawee #grp_exbill_prstt_psb_bnk_bic_c input {margin-bottom:5px; width:100% !important;} /*42A*/ .tdDrawee #grp_gim_bill_paybnk_bic_c {text-align:center;} .tdDrawee #grp_gim_bill_paybnk_bic_c input {margin-bottom:5px; width:100% !important;} /*42C*/ .tblForm_02 .item1 {display:inline-block;} .tblForm_02 .item1:first-child {display:block; margin-bottom:5px; } .tblForm_02 .item1 .w2selectbox_native {width:100% !important;} .tblForm_02 .item1 .w2inputCalendar_div {width:130px !important;} /*151217추가 */ /*45A*/ .tblForm_03 .item1 span {width:auto; display:block;} .tblForm_03 .item1 .w2selectbox_native {width:100% !important;} /*46A, 47A, 71B, 48*/ .tblForm_04 .w2selectbox_native, .tblForm_04 .item1 .w2input {width:100% !important;} .tblForm_04 .item2 span {padding:5px 0;} .tblForm_04 .item3 .w2selectbox_native {width:130px !important;} /*151217추가 */ /* Toggle_title */ .toggle_title {margin-top:25px; padding-left:10px;} .toggle_box .box .section_title .title {padding-left:10px;} /* Searchbox */ .searchbox.show .s_title .btn {background-image:url("/img/common/arrow_up_01.gif");} .searchbox .s_title {padding:5px 4px 4px 10px; line-height:25px; background:#647dc3;} .searchbox .s_title .btn {background-size:34px; background-image:url("/img/common/arrow_down_01.gif");} /* .searchbox .s_title .btn {width:25px; height:25px; text-indent:-9999px; background:url("/img/common/arrow_up_01.gif") center center no-repeat; overflow:hidden; float:right;} */ .searchbox .hide_rowGroup {display:none;} .searchbox.show .hide_rowGroup {display:block;} .s_box .row {padding-left:0; border-bottom:0;} .searchbox .s_box .row:first-child {padding-top:10px; border-bottom:1px solid #4a5260;} .s_box .row.last {border-bottom:0;} .s_box .th, .s_box .td {height:34px; line-height:34px; float:none;} .s_box .th {margin-left:0; padding:0 0; width:100%; background:#f5f5f5; border-right:0; border-top:1px solid #4a5260; border-bottom:1px solid #d4d7df;} .s_box .th > * {padding-left:9px; /*font-weight:normal;*/} .s_box .th.must:before {content:"*"; margin-right:-12px; width:12px; height:7px; text-indent:-9999px; vertical-align:middle; background:url("/img/common/icon_star_01.gif") left top no-repeat; display:inline-block; overflow:hidden;} .s_box .th.must {padding-left:10px;} .searchbox .s_box .row:first-child .th {height:23px; line-height:23px; background:#fff; border:0;} .searchbox .s_box .row:first-child .th > * {font-weight:bold;} .searchbox .s_box .hide_rowGroup .row:first-child {padding-top:0;} .searchbox .s_box .hide_rowGroup .row:first-child .th {height:34px; line-height:34px; background:#f5f5f5;} /* .searchbox .s_box .hide_rowGroup .row:first-child .th > * {font-weight:normal;} */ /* .searchbox .s_box .row:first-child .td > * {margin-top:0;} */ .searchbox .s_box .row:first-child .td .w2selectbox_native:first-child {max-width:100%; width:100% !important;} .searchbox .s_box .row:first-child .td.half .w2selectbox_native:first-child {max-width:100%; width:100% !important;} .s_box .row.mLine .th {position:relative;} .s_box .row.mLine .th > * {line-height:34px;} .s_box .row.mLine .td .box {padding-bottom:4px;} .s_box .row.mLine .td .box .td {line-height:31px;} .s_box .row.mLine .td .box .td label {padding-left:9px; display:block; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .s_box .row.mLine .td .box .td:before {content:""; display:inline; line-height:31px;} .s_box .td {padding:0px 0px 4px 0px; width:100%; height:auto;} .s_box .td:before {width:0px; height:0px;display:none;} .s_box .td > * {margin:3px 0 0; width:100% !important;} .s_box .td > .w2input, .s_box .td > .w2selectbox_native {max-width:100%; width:100% !important;} .s_box .hide_rowGroup .td > .w2selectbox_native:first-child {width:100% !important;} /* 최초 selectbox width:auto */ .tilde {display:none;} .row.loanSch .th {height:34px; line-height:34px;} .row.loanSch .td {height:auto; line-height:34px;} .loanSch .loanBox {display:block;} .loanSch .loanBox .pri {padding:0 5px; line-height:21px; display:block; overflow:hidden;} .loanSch .loanBox .pri .num {float:right;} .loanSch .loanBox .pri .num:before {display:none;} .loanSch .loanBox .bar {display:none;} /* Total Box */ .total_box {} .total_box .title {text-align:left; height:25px;} .total_box .area {padding:0px;} .total_box .col {padding:0; width:100%; height:auto; line-height:31px; border-top:1px solid #dbdbdb;} .total_box .col:first-child {border-top:0;} .total_box .col .th {margin-left:0px; padding-left:18px; width:auto; background-position:10px center; display:block; float:none;} .total_box .col .td, .total_box .col.even .td {padding:0 10px; width:auto; /*text-align:right;*/ background:#fff; display:block; float:none;} .total_box .col .td.date {text-align:left;} .total_box .col.even {width:100%;} /* Sum Box -Grid Foot */ .sum_box .col {display:block; margin-right:0px; margin:5px 0;} /* button BTN */ .w2tb.tbl_adp .w2tb_td > .btnLv2 {-o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* > 이거안쓰면, 보안키패드..다 먹음 */ .centerArea_01 {display:block;} .btnLv5 {display:block; margin:0 0 5px 0 !important; width:auto 0; font-size:14px !important;} .gBtn_area_01 .leftArea_01 .btnLv5 {display:block !important} /* btnLv5 !important 없애면서 생성 */ .btnLv5:first-child {margin-top:0;} .chk_agree .w2checkbox_label{font-size:14px;} /*********** SubPage Style ***********/ /* CN Main Personal */ .main_userInfo {padding-left:0;} .main_userInfo .leftArea, .main_userInfo .rightArea {margin:0; width:auto; float:none;} .main_userInfo .leftArea {padding:20px 5% 0; height:80px; background-image:url("/img/cn/bg_mainBox_02.png"); background-size:auto 100px;} .main_userInfo .rightArea {padding:7px 0 20px; height:auto;} .main_userInfo .rightArea .row {margin:0 5%; padding-left:0; height:auto; line-height:40px;} .main_userInfo .rightArea .th, .main_userInfo .rightArea .td {margin-left:0; width:auto; height:40px; float:none;} /* Msg box */ /* AGREE _ Msg box */ .agree_msg_03 {padding:10px 0; border-style:none; border-bottom:1px solid #dfdfdf !important; margin-top:0px;} .agree_msg_03.first { border-top:1px solid #dfdfdf !important;} .agree_msg_03 .btnLv1 {font-size:14px !important; display:block; margin-left:0px; margin-top:5px;} .agree_msg_03 .lang strong {margin-left:5px; font-weight:bold;} .agree_msg_03 h3 {padding:10px 0;} .agree_msg_03 .infoBox { padding:10px 15px;} .agree_msg_03 .infoBox .divide .row {float:none; width:auto;} .agree_msg_03 .infoBox .row {padding-left:0px; } .agree_msg_03 .infoBox .row .tit {display:block;margin-left:0px; width:100%; font-weight:normal;} .agree_msg_03 .infoBox .row > p {display:block; padding-left:15px;} .agree_msg_03 .infoBox .row > p.num {display:block;} .agree_msg_03 .infoBox .row > .num {display:block; padding-left:15px;} /* //AGREE _ Msg box */ /* Mail/Notice Box */ .news_list.w2tb.tbl_adp .w2tb_th {border-bottom:none; padding-top:18px; padding-bottom:0;} .news_list .w2tb_th span{display:block; font-weight:bold;} .news_list .w2tb_th span.txt_blue {font-weight:normal; padding-bottom:5px;} .news_list .w2tb_th span:first-child {margin-left:10px;} .news_list .w2tb_td span.leftArea_01 {margin:5px 0 0 0; padding:0;} .news_list.w2tb.tbl_adp .w2tb_td > .w2span {margin-left:0;} .news_list .w2tb_td {padding:5px 20px 15px !important} .mail_info .grid_btn_00 {margin-right:10px;} /*151217추가*/ .mail_info .w2group:first-child .tit {padding-left:0} .mail_info > .leftArea_01.w2group {display:block; margin-top:5px;} /* bbsSearch */ .bbsSearch_area .centerArea_01 {width:0 auto !important;margin-right:36px;} .bbsSearch_area .centerArea_01 {width:0 auto !important;} .bbsSearch_area .centerArea_01 .w2input {width:100% !important;} .bbsSearch_area .centerArea_01 .btnSearch{float:right; margin-right:-36px;} /* //Mail/Notice Box */ .footBtn_section .area {padding:5px; text-align:center;} .footBtn_section .area .btn {margin:5px !important; font-size:14px; padding:2px 10px; height:auto;} /* SUB FAQ */ .faq_section,.footBtn_section {margin:20px 5% 0; } .faq_section .section_title {border-bottom:2px solid #204487;} .faq_section dl {} /* .faq_section dl.open {border-bottom:1px solid #e9e8e8;} */ .faq_section dt {padding:5px 30px 5px 35px;} .faq_section dt:before {left:3px; top:1px;/* background-size:10px auto;*/} .faq_section dt .btn {right:0; top:1px;/* background-size:10px auto;*/} .faq_section dd {padding:5px 10px 5px 35px;} .faq_section dd:before {left:3px; top:1px;/* background-size:10px auto;*/} .faq_section .info {padding:10px 25px; line-height:16px; text-align:center;} .faq_section .info .btn {position:relative; right:0; top:0; margin:5px auto 0; font-size:14px;} .container .faq_section {margin:20px 0; } .container .faq_section .info .btn_02 {position:relative; right:0; font-size:14px; min-width:133px; min-height:26px; line-height:26px; margin-bottom:10px;} /* //SUB FAQ */ /* SUB Useful Service */ .us_section {margin:30px 5% 0;} .us_section .section_title {border-bottom:2px solid #204487;} .us_section .area {padding-top:8px;} .us_section .area li {width:auto; height:auto; /*height:28px; */line-height:28px; float:none;} .us_section a {background-position:left 4px !important; line-height:17px;} /* 개행시 줄간 조절 :강수연*/ /* .us_section a {padding:0 17px 0 0; background:url("/img/common/bul_box_03.gif") right center no-repeat; background-size:12px auto;} */ /* //SUB Useful Service */ /* Login Pass Mark */ .msg_passMark_01 {margin:10px 0 10px;} .msg_passMark_01 > strong {height:30px; font-size:16px; color:#202020; display:block;} .msg_passMark_01 > p {line-height:18px;} .msg_passMark_02 {margin:15px 0 10px;} .msg_passMark_02 > strong {height:22px;} .pm_btnGrp {padding:10px 0; text-align:center; border-top:1px solid #b6b6b6; display:block;} .pm_img {text-align:center; display:block;} .pm_img img {margin:15px auto; width:100px; height:75px;} .pm_info {margin-left:8px; color:#2773c1; line-height:25px;} .pm_setPC {padding:10px 0;} .pm_setPC .ra- {margin-top:5px; padding-left:25px; display:block;} .pm_setPC .nick_box {padding:5px 0;} .pm_setPC .nick_box label {margin:3px 0px 3px; padding:0 10px; font-weight:normal; line-height:32px; background:#f5f5f5; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; display:block;} .pm_setPC .nick_box .w2input {width:100% !important;} .pm_setPC .nick_box .pm_info {margin-left:16px; text-align:right; display:block;} .pm_setPC .delete_info p {padding:5px 0 0 0;} /* NoBG Table */ .w2tb.tbl_req .w2tb_td > * {width:100% !important;} .w2tb.tbl_req .w2tb_td .pm_info {margin:5px 0 0px; text-align:right;} /* Login Password .co_secret .w2tb.tbl_secret .pwd {width:100% !important;} .pw_intoBtn_01 {position:relative; padding-right:94px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .pw_intoBtn_01 *:first-child {width:100% !important;} .pw_intoBtn_01 .bt1 {position:absolute; right:0; top:0;} .pw_intoBtn_02 {position:relative; padding-right:174px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .pw_intoBtn_02 *:first-child {width:100% !important;} .pw_intoBtn_02 .bt1 {position:absolute; right:0; top:0;} .pw_intoBtn_02 .bt2 {position:absolute; right:84px; top:0;} */ /* Login Password */ .co_secret_guide .cont_otpBox .cont > div > span:last-child {margin-top:5px; display:block;} .co_secret_guide .cont_otpBox .cont > div > span.pw_num {margin-top:0px; display:inline-block;} .btn_help_txt {margin-left:10px;} /* result_msg STEP */ .result_step {display:block; margin:0 0 20px 0; width:auto;} .result_step:before {height:150px;} .result_step .msg_box {padding:10px 20px;} .result_step .msg_box > span {line-height:16px;} /* // front detail */ .frontView.w2tb.tbl_col .w2tb_th {padding:12px 15px; border-top:none;} .frontView.w2tb.tbl_col .w2tb_td {padding:15px;} .frontView .f_poll .result_msg {padding:70px 0;} .frontView .f_poll .result_msg span {font-size:16px; line-height:20px;} /* front detail //*/ /* coorperation Form */ .section_title .coorp_infoTxt {margin:10px 0 0 0; display:block;} .coorperation .coorp .colEtc {} .coorperation .coorp .colEtc .w2input, .coorperation .sub .col2 .w2input {width: 100% !important; display:block;} .coorperation .coorp .w2textarea {width: 100% !important; height:60px !important; display:block;} .coorperation .coorp .col1, .coorperation .coorp .col2, .coorperation .coorp .colEtc {width:100%; display:block; padding-bottom:13px;} .coorperation .sub .label, .coorperation .sub .col2 .label, .coorperation .sub .colAll .label {display:block; width:auto; margin-left:0; padding-bottom:5px;} .coorperation .sub .col1, .coorperation .sub .col2, .coorperation .sub .colAll {display:block; width:100% !important; margin-left:0;} .coorperation .sub .must:before {margin-left:0px;} /* MyMenu */ .set_myMenu .gMenu .chk .w2checkbox_input {margin-left:-18px;} .set_myMenu .gMenu .chk .w2checkbox_label {font-size:14px; line-height:18px;} /* // 상세업무 /000M0080M00.xml*/ .detailBox_01 {font-weight:normal} .detailBox_01.w2tb.tbl_adp .w2tb_td {padding:0px;} .detailBox_01 .chk_ipt.col {display:block;} .detailBox_01 .chk_ipt.col.w2checkbox { margin-top:0px !important;display:block; margin-left:0px; border-top:solid 1px #dfdfdf; width:auto; line-height:31px; height:31px; background-color:#f5f5f5;padding-left:10px;} .detailBox_01.w2tb.tbl_adp .w2tb_td.setTime > .chk_ipt.col.w2checkbox {border-top:#fff 0px hidden;} .detailBox_01 .hide_rowGroup.checked {display:block !important} .detailBox_01 .hide_rowGroup {border-top:solid 1px #dfdfdf; margin-top:0px !important; padding-left:10px;} .detailBox_01 .hide_rowGroup span, .detailBox_01 .hide_rowGroup .w2inputCalendar_divInput {color:#444;} .detailBox_01 .hide_rowGroup .setTime{margin-bottom:10px;} .detailBox_01 .hide_rowGroup span {vertical-align:middle; margin-top:0px;} .detailBox_01 .hide_rowGroup, .detailBox_01 .hide_rowGroup .tit, .detailBox_01 .hide_rowGroup .setTime {display:block; padding-left:10px;} .detailBox_01 .hide_rowGroup .tit {line-height:31px; height:31px; padding-left:10px; background:none;} .detailBox_01 .hide_rowGroup .tilde {display:inline-block;} .detailBox_01 .hide_rowGroup.show.checked {display:block !important} .detailBox_01 .hide_rowGroup.show .setTime {padding-left:10px;} /* 상세업무 //*/ .chk_ipt.col.w2checkbox{} /* // 수출기일관리 / 000F0040M00.xml */ .section_summary {} .section_summary ul li {width:100% !important; font-size:14px;} .section_summary ul li { display:block; border-left:solid 1px #dfdfdf; margin-top:5px;} /* 수출기일관리 // */ /* // ------ 고객센터 ------ */ /*외환계산기 상단 W0018M00.xml Box*/ .summary_box {margin-bottom:25px;} .summary_box .lang span {font-weight:bold;} /* 레이아웃 기본 // 약관 외*/ .service_base {padding:20px;} .service_base li.dash {background:url(/img/common/dash_m.gif) left 8px no-repeat;padding-left:8px; background-size:4px 1px;} .service_base li {line-height:16px;} .service_base.jp .subDepth {margin-left:5px;} .service_base .oneLine {margin-left:0 !important; margin-right:0 !important} .service_base .section_title h3.title {line-height:18px;} /* 보안 > safe01인증서안내, safe02 가상키보드안내 */ .service_base.safe01 .imgBox01 {width:249px; height:107px; background-image:url(/img/guide/ssl01m.gif); background-size:249px 107px;} .service_base.safe01 .exBox {border-left:none; border-right:none; border-bottom:none; padding-bottom:0; margin:20px -20px 0 -20px;} .service_base.safe02 .imgBox01 {width:251px; height:186px; background-image:url(/img/guide/keypad01m.gif); background-size:251px 186px;} .service_base.safe02 .imgBox02 {width:251px; height:186px; background-image:url(/img/guide/keypad02m.gif); background-size:251px 186px;} .service_base.safe02 .imgBox03 {width:285px; height:110px; background-image:url(/img/guide/keypad03m.gif); background-size:251px 110px;} /* // 서비스안내 */ .service_desc dl{padding:20px;} .service_desc dd ul li{margin:0;background-position:left 8px;} /* 이용시간안내 */ .service02 dl{padding-left:10px} /* 보안 */ .service05 .service_txt01 {border-top:none;} /* // 이용시간안내 */ .service_txt01{border-top:1px solid #b6b6b6;} /* // 이용가능환경 */ .service03{padding:7px 0px 7px !important;} .service03 .col{width:100%;padding-left:10px;} /* // 인터넷뱅킹 매뉴얼 */ .service04.agree_msg_02 .w2anchor2.txt_blue {margin-left:18px;} /* // 대출상담신청 안내 */ .loanstep .section_info_02 {padding:10px;border-right:0;border-left:0} .loanstep .stepdown{background-size:15px 8px;} .loanstep .section_info_02 .leftArea_01 strong{padding-top:0;padding-bottom:5px;} .loanstep .section_info_02 .leftArea_01 p{line-height:19px;} .loanstep .w2tb .w2tb_th{background: #f5f5f5;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;} /* // 대출상담신청 1단계 */ .service_txt01.loan{display:block;} .w2tb.tbl_adp .w2tb_td.loan{padding:0 0 7px;} /* // 신청서식 */ .forms .contents{padding:20px;} .forms a{padding:0 0 0 40px;} .forms img{margin-left:-40px;} .forms .txt_blue{padding-top:0;} /*********** //SubPage Style ***********/ /* 데모 */ #dWrap.dmain #container, #dWrap .container{padding:0;top:82px;} .dmain .container{width:100%;} .contain_wrap{width:auto;padding:0 15px;} .contain_wrap li {float:none;width:100%;margin-left:0;height:60px;margin-top:5px;} .contain_wrap li.d_one {height:100%;} .contain_wrap li.d_one span:first-child{font-size:19px;} .contain_wrap .dline{width:100%;margin:13px 0;} .contain_wrap li p{display:inline-block;float:left;text-align:center;width:100%;margin-left:-60px;} .contain_wrap li p:first-child{width:60px;height:60px;margin-left:0;} .contain_wrap li p span{margin-left:60px;} .contain_wrap li.d_two{margin-top:15px;} .contain_wrap li.d_two p:first-child{background-size:43px 38px;} .contain_wrap li.d_three p:first-child{background-size:49px 37px;} .contain_wrap li.d_four p:first-child{background-size:37px 53px;} .contain_wrap li.d_five p:first-child{background-size:39px 39px;} .contain_wrap li.d_six p:first-child{background-size:39px 39px;} .demono{display:none !important;} /* 데모 */ /* ABOUT US */ .about_msg {padding-right:0;} .about_msg .pic {position:relative;top:0; display:block; margin:0 auto;width:174px;} .about_msg .keyMsg{background-size:21px 18px;font-size:14px;line-height:16px;padding-top:10px;padding-left:30px;margin-bottom:40px;} .about .line{display:none;} .about_msg .cont{margin-top:40px;min-height:0;} .about_msg .cont strong, .about_msg .cont .a1{font-size:14px;} .about_msg .cont .a3, .about_msg .cont .a4{font-weight:normal;} .about_msg .cont .contGroup {position:relative; right:0; top:0;} /* ABOUT US */ .page_select a{padding-left:0;} .page_select li{height:auto;line-height: 18px;padding:15px 20px;} .page_select li a strong{padding-right:10px;}/*카드발급신청*/ .page_select li .txt_sel{margin-left:0;margin-top:5px;} .page_select li .txt_sel:before{content: "" ;display:none;} /* 카드발급상담신청 */ .card .service_base{border:0;padding:0;border-bottom:1px solid #dfdfdf;margin-top:0;} .card .service_base:first-child{border-top:1px solid #dfdfdf;margin-top:20px;} .card .service_base .btnLv1, .card .form{font-size:14px !important;} .card .section_info_02.c_03{padding:15px;border:0;} .card .section_info_02.c_03 p{margin-top:0;} .card .btnLv1 {display:block; margin-left:0px; margin-top:5px;} .card_box{font-size:14px;padding-top:187px !important; padding-left:0;height:auto;background:#fff url(/img/common/img_card_02.png) center 10px no-repeat;background-size:291px 164px;width:100%;} .gold .card_box {background:#fff url(/img/common/img_card_03.png) center 10px no-repeat; background-size:291px 164px;} .card .btn_area_01{padding-top:10px; margin-bottom:10px;} .card_box .section_info_02{padding:15px;margin-top:10px;} .card_step li{display:block; width:100%;padding:0;height:auto;line-height:34px;background:none;border-top:0;border-bottom:1px solid #dfdfdf;text-align:left; overflow:hidden} .card_step li.on span{background:#2773c1 !important;} .card_step li.step1.on span:after, .card_step li.step2.on span:after, .card_step li.step3.on span:after{background:none;position:relative; height:auto;overflow:hidden;} .card_step li:first-child{border-top:1px solid #dfdfdf;} .card_step li span{padding-left:10px;} .card_step .stepdown{position:relative; display:block;background:url(/img/common/icon_stepdown.gif) center center no-repeat;width:100%; height:30px;border-top:1px solid #dfdfdf;} /* 카드발급상담신청 */ /* .card_step li{display:inline-block;width:25%;height:40px;line-height:40px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center; background:url("/img/common/bg_arrowRight_02.gif") left center no-repeat;} .card_step li:first-child{background:none;} .card_step li.on span{color:#fff; background:#2773c1;position:relative; width:100%;} .card_step li.step2.on span, .card_step li.step3.on span, .card_step li.step4.on span{color:#fff; background:#2773c1 url("/img/common/bg_arrowRight_03_on.gif") left center no-repeat;position:relative; } .card_step li.step1.on span:after, .card_step li.step2.on span:after, .card_step li.step3.on span:after{content:''; display:inline-block;position:absolute; background:url("/img/common/bg_arrowRight_02_on.gif") right center no-repeat;background-size:22px 40px;width:22px; height:40px;left:100%;} .card_step .stepdown{display:none;} */ .btn_area_01 .centerArea_01 {clear:both; float:none;} .btn_area_01 > .btnLv1, .btn_area_01 .centerArea_01 .btnLv1 {margin:0 0 5px; max-width:100%; width:100%; font-size:14px; display:block; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .btn_area_01 > .btnLv1:after, .btn_area_01 .centerArea_01 .btnLv1:after {display:none;} div.btnLv5.fileDown {line-height:14px;} div.btnLv5.fileDown:before {content:""; width:0px; height:100%; display:inline-block; vertical-align:middle;} div.btnLv5.fileDown a {padding:2px 0; color:#373737; vertical-align:middle; display:inline-block;} } /* 팝업관련 */ @media all and (max-width:767px){ .popLay {/*left:0 !important;*/ min-width:290px; /*width:100% !important;*/} .popWrap {padding:10px; max-height:500px;} .popWrap .imgBox.e-stat img.imgFull {width:100%; height:auto;} /*e-st미리보기에서 사용. 전용네임 item01*/ .popWrap .popWrap .tbl_row .w2tb_th {padding-left:20px;} /*151217추가 */ /* User Tolltip */ .toolTip {left:0 !important; right:0px; width:auto !important;} /* PopLayer Close */ .pop_closeBar {margin:30px -10px -10px;} /* PopGallery */ /* #p_gallerty_view {left:0 !important; max-width:540px; width:100% !important;} */ .p_gallery_01 {position:relative; padding:0 0px;} .p_gallery_01 .viewList {left:0px; /*margin-top:-10px;*/ padding:0 0 10px 0px; width:230px; height:420px;} .p_gallery_01 .viewList a {margin: 10px 10px 0px 0px;} .p_gallery_01 .btn_left, .p_gallery_01 .btn_right {top:162px; width:25px; height:25px;} .p_gallery_01 .btn_left {left:0; background-size:15px;} .p_gallery_01 .btn_right {right:0; background-size:15px;} .p_gallery_01 .btn_left.w2anchor_disabled {cursor:default; background-size:15px;} .p_gallery_01 .btn_right.w2anchor_disabled {cursor:default; background-size:15px;} } @media all and (max-width:441px){ /* User Tolltip */ .toolTip {left:0px; right:0px; width:auto !important;} /* Alert Msg */ .altLayer {left:0px !important; right:0px !important; width:auto !important;} .altLayer .altWrap {padding:10px;} } /* Demo */ #dWrap {position:relative; margin:0 auto; min-width:300px; max-width:980px; height:100%;} /* Header */ #dHeader {} .dTop {position:relative; height:40px;} #dWrap .dTop .logo {cursor:pointer;} .dTop .logo {position:absolute; left:20px; top:8px; text-indent:-9999px; width:300px; height:28px; overflow:hidden; background:url("/img/common/logo.jpg") left top no-repeat; display:block;} .dTop .logo.bi_vn {background-image:url("/img/vn/logo_2018.jpg");} .dTop .dRight {position:absolute; right:20px; top:8px; line-height:25px;} .dTop .dRight .txt1 {width:61px; color:#cecece; text-align:center; background:#1e3257; -o-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;} .dTop .dRight .txt2 {width:153px; color:#fff; text-align:center; background:#909aac; -o-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;} #dGnb {height:58px; background:#294e93;} #dGnb ul {padding:0 20px; height:100%; text-align:center;} #dGnb ul:after {content:""; display:block; height:0; clear:both;visibility:hidden;} #dGnb li {padding:0 15px 0px; width:20%; height:63px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} #dGnb li:after{content:""; display:block; clear:both;} #dGnb li .w2anchor {height:63px; vertical-align:middle; display:inline-block;} #dGnb li .w2anchor:after {content:""; width:0px; height:58px; vertical-align:middle; display:inline-block;} #dGnb.item4 li {width:25%;} /* #dGnb li .w2anchor.selected {background:none;} */ #dGnb li.selected .w2anchor {background:url("/img/demo/bg_selected_01.gif") center bottom no-repeat;} #dGnb li a {font-size:12px; color:#fff; line-height:16px; vertical-align:middle; display:inline-block;} #dGnb li a.btn_menu {display:none;} #dWrap #container, #dWrap .container {position:absolute; left:0; right:0; top:103px; bottom:20px; z-index:1; margin:0; padding:15px 20px 0px; width:auto; min-height:0; overflow-y:auto;} #dWrap .page_title {margin-top:0;} #dWrap a {cursor:default; text-decoration:none;} #dWrap.dmain a, #dGnb a, #dWrap .d_pointer {cursor:pointer;} @media all and (max-width:979px){ #dGnb {position:relative; z-index:100;} #dGnb, #dGnb ul, #dGnb li .w2anchor {height:auto;} #dGnb ul {padding:0; text-align:left;} #dGnb li {display:none; padding:7px 15px 7px; width:100%; height:auto; line-height:24px; border-top:1px solid #fff;} #dGnb li.selected{display:block;} #dGnb li.selected .w2anchor {background:none;} #dGnb li .w2anchor:after {display:none;} #dGnb.item4 li, #dGnb.item5 li {width:100%;} #dGnb li a.btn_menu{display:none; float:right; width:12px; height:12px; margin-top:6px; text-indent:-1000em; overflow:hidden; background:url(/img/common/sBtn_plus_01.gif) no-repeat center center; background-size:12px auto;} #dGnb li.selected a.btn_menu{display:block;} #dGnb .open li {display:block;} .open li.selected{background:#2773c1;} .open li .btn_menu.minus, .open li.selected .btn_menu.minus{display:block!important; background:url(/img/common/sBtn_minus_01.gif) no-repeat center center!important; background-size:12px auto;} .open li.selected a.btn_menu{display:none!important;} #dWrap #container, #dWrap .container {/*position:relative; */left:0; right:0; top:82px; bottom:0; margin:0; padding:15px 35px 20px;} } @media all and (max-width:768px){ #dWrap #container, #dWrap .container {top:122px;} /* Header */ .dTop {position:relative; padding:9px 15px 10px; height:auto;} .dTop .logo {position:relative; left:0px; top:0; height:28px; /*background-position:left bottom; background-size:250px auto;*/} .dTop .dRight {position:relative; right:0px; top:0px; margin-top:10px;} .dTop .dRight .txt1 {width:80px;} .dTop .dRight .txt2 {width:180px;} #dWrap #container, #dWrap .container {padding:15px 5% 20px;} } /* //Demo */ /***** 임시 *****/ @media all and (max-width:767px){ body.subBg01 #container, body.subBg01 .container {margin:0; padding:0 0%;} body.subBg01 #header {height:40px;} body.subBg01 #header .top .logo {top:8px; width:235px;} body.subBg01 .section {margin:10px 5% 0;} body.subBg01 .section.profile_lay {padding:0;} body.subBg01 .section.profile_lay .r_area {margin:10px 5% 10px;} body.subBg01 .section .tab_01 {margin:0;} body.subBg01 .section.profile_lay .l_area .infoTop {padding: 11px 15px 15px 15px;} body.subBg01 .section.profile_lay .l_area .infoTop .infoBox {padding-left:65px;} .section.profile_lay .l_area .infoBottom{padding:20px 15px;} body.subBg01 .section.profile_lay .l_area .infoBottom .tit{float:none; width:100%; height:auto; padding:7px 0!important; line-height:1; border:0 none; border-bottom:1px solid #676a79;} body.subBg01 .section.profile_lay .l_area .infoBottom .tit br{display:none;} body.subBg01 .section.profile_lay .l_area .infoBottom .txt{float:none; width:100%; min-height:30px; height:auto; padding:7px 0; line-height:1; border:0 none; border-bottom:1px solid #dfdfdf;} body.subBg01 .section.profile_lay .l_area .infoBottom .txt span{float:left;} body.subBg01 .section.profile_lay .l_area .infoBottom .txt:after{content:""; display:block; clear:both;} .section.profile_lay .l_area .infoBottom .txt .l2{padding:0!important;} .section.profile_lay .l_area .infoBottom .txt .l2:after{content:""; display:block; clear:both;} .section.profile_lay .l_area .infoBottom .txt .l2 > div, .section.profile_lay .l_area .infoBottom .txt .l2 > span{float:left;} .section.profile_lay .l_area .infoBottom .txt .l2 > div{margin-right:5px;} .section.profile_lay .l_area .infoBottom > div.last .txt{border-bottom:0 none;} } /***** //임시 *****/ /* 그리드 변형 // 높이 원복 */ .adpNew .w2grid th.gridHeaderTDDefault {height:42px !important;}/*강수연 */ .adpNew.grid_wrap.tmGd:after {background:url("/img/common/icon_move_02.png") bottom right no-repeat; background-size:35px auto; bottom:40%; height:40px; margin-left:-15px;} /* 세로스크롤일때 손가락 안보이게 */ .w2grid td.dataTitle:after {display:none; } @media all and (max-width:1000px){ /* 그리드시작/끝 잡기 >> 블랙베리폰 히든 용 .w2grid > div:first-child, .w2grid > div:last-child {display:none;} */ .w2grid > div[id$="_gridstart_div"], .w2grid > div[id$="_gridend_div"] {display:none;} /* 그리드 변형 */ .adpNew .w2grid.w2grid_adaptive_crosstab {} .adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault > thead.gridHeaderTableDefault {background-color:#dfdfdf; display:block; float:none;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault {max-width:1024px; width:auto; background-color:transparent;} /*.adpNew .w2grid .gridHeaderTableDefault thead th.gridHeaderTDDefault {height:42px !important;} */ .adpNew .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault tbody {min-height:100px; max-height:400px; border-bottom:1px solid #aaa; overflow-x:hidden; overflow-y:auto;} .adpNew .w2grid.w2grid_adaptive_crosstab table tr {position:relative; padding:5px 0px; display:block; overflow:hidden; border-bottom:1px solid #dfdfdf} .popWrap .adpNew .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault tbody {max-height:300px;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault {padding:0 0 0 10px !important; width:auto !important; height:20px !important; border:0 !important; white-space:nowrap; overflow:hidden;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault nobr {font-size:12px !important; line-height:14px; height:auto !important;} /* 헤더축소 */ .en .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, .en .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault nobr {font-size:11px !important; letter-spacing:-0.03em;} /* 헤더축소 */ .adpNew .w2grid.w2grid_adaptive_crosstab.nobr th.gridHeaderTDDefault nobr {padding:0 5px;} /*헤더축소 추가 */ .adpNew .w2grid.w2grid_adaptive_crosstab.nobr nobr {padding:0 5px;} .adpNew .w2grid.w2grid_adaptive_crosstab tbody tr:hover .gridBodyDefault {background-color:transparent !important;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault nobr, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault nobr {white-space:nowrap; word-wrap:break-word; word-break:normal; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis;} /* word-break:break-all; 201701*/ .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col40, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col40 {width:30px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colDiv, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colDiv {width:50% !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colSmall, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colSmall {width:120px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col60p, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col60p {width:60% !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col70p, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col70p {width:70% !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colAll, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colAll {width:auto !important; float:none; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab .hide_col, .adpNew .w2grid.w2grid_adaptive_crosstab .colHide, .globalMobile .adpNew .w2grid.w2grid_adaptive_crosstab .gm_colHide {display:none !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .colMulti {height:auto !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .colMulti nobr {max-height:72px; white-space:normal; word-wrap:break-word;} /* word-break:break-all; 201701*/ /* data-title*/ .adpNew.dataTitle .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault > thead.gridHeaderTableDefault {display:none;} /*dataTitle사용시 헤더 전체 숨길경우 그리드에 해당클래스 사용*/ .adpNew .w2grid_adaptive_crosstab td.dataTitle:after {position:absolute; left:14px; margin-top:2px; display:inline-block; text-align:left; font-weight:normal; color:#aaa; font-size:12px;} .df .adpNew .w2grid_adaptive_crosstab td.dataTitle:after, .en .adpNew .w2grid_adaptive_crosstab td.dataTitle:after {font-size:11px; letter-spacing:-0.03em;} /* 언어별 길이별 제어 - 개행 class=dtl */ .ko .adpNew .w2grid_adaptive_crosstab td.dataTitle.ko.dtl:after, .en .adpNew .w2grid_adaptive_crosstab td.dataTitle.en.dtl:after, .df .adpNew .w2grid_adaptive_crosstab td.dataTitle.df.dtl:after {top:5px; height:20px; overflow:hidden; width: auto;} .ko .adpNew .w2grid.w2grid_adaptive_crosstab td.gridBodyDefault.dataTitle.ko.dtl, .en .adpNew .w2grid.w2grid_adaptive_crosstab td.gridBodyDefault.dataTitle.en.dtl, .df .adpNew .w2grid.w2grid_adaptive_crosstab td.gridBodyDefault.dataTitle.df.dtl {padding-top:25px !important; position:relative;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.wAuto {text-align:right !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.wAuto:after {width:auto;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w50 {padding-left:65px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w50:after {width:50px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w70 {padding-left:85px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w70:after {width:70px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w85 {padding-left:100px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w85:after {width:85px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w100 {padding-left:115px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w100:after {width:100px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w130 {padding-left:145px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w130:after {width:130px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w150 {padding-left:165px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w150:after {width:150px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w170 {padding-left:185px !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.w170:after {width:170px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.dataTitle.colMulti {min-height:20px;} /* 입력형일때 */ .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault input[type="text"] {border:solid 1px #bbb; height:18px; font-size:12px;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault select.w2selectbox_native_select {margin-top:0 !important; border:1px solid #bbb;} .adpNew .w2grid.w2grid_adaptive_crosstab .w2selectbox_native.w2grid_embedded_select {padding:0;} /* 000F2280M00.xml */ /* 첫 컬럼의 inputType이 checkbox, radio 일 경우 */ .adpNew.cho .w2grid_adaptive_crosstab thead tr {padding:0px 0 0px 25px !important;} .adpNew.cho .w2grid_adaptive_crosstab tbody tr {padding:5px 0 10px 25px !important;} .adpNew.cho .w2grid_adaptive_crosstab th.chk nobr {display:none !important;} .adpNew.cho .w2grid_adaptive_crosstab .chk {position:absolute; left:0; top:0; bottom:0; padding:0; width:25px !important; height:auto !important; text-align:center !important; float:left;} .adpNew.cho .w2grid_adaptive_crosstab td.dataTitle:after {padding-left:25px;} /* 마지막컬럼의 inputType가 button 일 경우 */ .adpNew.endBtn .w2grid_adaptive_crosstab thead tr {padding:0 70px 0 0 !important;} .adpNew.endBtn .w2grid_adaptive_crosstab tbody tr {padding:5px 70px 5px 0 !important;} .adpNew.endBtn .w2grid_adaptive_crosstab th.button nobr {display:none !important;} .adpNew.endBtn .w2grid_adaptive_crosstab .gridBodyDefault.button {position:absolute; right:0; top:0; bottom:0; padding:0; width:70px !important; height:auto !important; text-align:center !important; float:right;} .adpNew .w2grid.w2grid_adaptive_crosstab:before, .adpNew .w2grid_adaptive_crosstab .grdNoresultMsg {left:0; top:70% !important;} .adpNew.dataTitle .w2grid.w2grid_adaptive_crosstab:before, .adpNew.dataTitle .w2grid_adaptive_crosstab .grdNoresultMsg {top:45% !important;} /*셀 칼라*/ .adpNew .w2grid.w2grid_adaptive_crosstab .moBold {font-weight:bold;} .adpNew .w2grid.w2grid_adaptive_crosstab .moPrice {font-weight:bold; color:#294e93;} .adpNew .w2grid.w2grid_adaptive_crosstab .moBlue {color:#2773c1;} .adpNew .w2grid.w2grid_adaptive_crosstab .moRed {color:#d71313;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault.moCenter, .adpNew .w2grid.w2grid_adaptive_crosstab .moCenter {text-align:center !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault.moRight, .adpNew .w2grid.w2grid_adaptive_crosstab .moRight {text-align:right !important;} .adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault.moLeft, .adpNew .w2grid.w2grid_adaptive_crosstab .moLeft {text-align:left !important;} /* nobr 안의 BR강제삭제 */ .adpNew .w2grid.w2grid_adaptive_crosstab td.delBr.gridBodyDefault nobr br, .adpNew .w2grid.w2grid_adaptive_crosstab th.delBr.gridHeaderTDDefault nobr br, .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault nobr br {display:none !important;} /* 그리드합계 개행금지 ,초화면만 해당 */ .section .mGridFoot .w2tb_td {white-space:nowrap;} } /*TEST*/ .table_container {background: #fff; width: 733px; height: 243px; padding: 58px 90px; display: flex; flex-direction: column; justify-content: space-between} .tbl_adp .w2tb_th_test {padding:5px 10px 5px 20px; text-align:left; color: #000;} .input_test {margin-left: 18px; padding: 8px 12px; border-radius: 4px; height: 48px} .btn_area_01_test {display: flex; justify-content: flex-end} .login_btn_test{width: 511px; height: 48px; display: flex; align-items: center; justify-content: center} .login_input {width: 531px;} .pw_input {width: 476px;} .login_link_test {display: flex; justify-content: space-between} /*---000A0100M00---*/ .select_test, .select_test select {background: #eef0f6; margin: 0 !important; outline: none} .select_test {width: 100%; border: none; display: flex; align-items: center} .info_test {font-weight: 700; font-size: 14px; line-height: 18px} .label_test {font-weight: 500; font-size: 14px; line-height: 18px} .info_container_test {display: flex; align-items: center; gap: 5px } .info_card_container_test {display: flex; justify-content: space-between; gap: 32px} .info_card_test {heihgt: 151px; width: 174px; padding: 19px; border: 0.8px solid #e1e3e9; box-shadow: 0px 12px 30px 0px rgb(34 36 40 / 12%); background: #fff; border-radius: 10px} .info_card_title_test {color: #000; font-weight: 700; line-height: 15px; text-align: center; width: 100%; margin-bottom: 6px} .info_card_des_test {text-align: center; color: #000; font-weight: 400; line-height: 15px} .info_img_test {display: block; margin: 0px auto 10px} .brach_box_container_test {background: #fff; padding: 25px 40px 15px; height: 183px; margin-bottom: 13px; box-shadow: 0px 9px 22px 0px rgb(34 36 40 / 12%); border-radius: 10px} @media all and (max-width:1000px){ .table_container { width: 70%; } .login_input_container { display: flex; flex-direction: column; gap: 5px; } .login_input { width: 100%; margin: 0; } .pw_input { width: 91%; margin: 0; } .login_link_test { display: none; } .login_btn_test { width: 100%; } } @media all and (max-width:650px) { .table_container { width: 50%; } }