@charset "utf-8"; /* default style : 1024 이상, IE8 포함 */ /*body.subBg01 > .wrapper{background:url("/img/common/bg_subMain_02.gif") left 68px repeat-x;} body.subBg01 > .wrapper.user1{background-position: left 100px;}*/ /* .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; display: none !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;} } /* **** 다국어 display **** */ .df .lang_zone.df, .ko .lang_zone.ko {display:block} .lang_zone {display:none;} /* // ********** 모바일 기기 처리 ********** */ .globalMobile .moPhone_Hide, .globalMobile .moPhone_hide, .globalMobile .grid_btn_02, .globalMobile .grid_btn_03, .globalMobile .grid_btn_04 {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 */ /* // ********** 일본 특화 ********** */ .chr_01 {font-weight:normal; color:#888; border:dotted 1px #bbb; padding: 0 3px; margin-left:5px;} /*전각 반각 딱지 */ .page_info span font.t_indent{padding-left:14px; text-indent:-14px; display:inline-block; width:100%;} .page_info span font.t_indent.sub_indent {text-indent:0px;} /* 환율추이 결과없음 .red-caption-* text {font-size:12px;}*/ /* 공통 추가하여 사용가능 // */ /* // 주거래등급 */ .sub_title_02 {margin-bottom:15px;} .sub_title_02:after {content:""; display:block;height:0;clear:both;visibility:hidden} .sub_title_02.title {font-weight:bold;} /*위첨자*/ .font_group {} .font_group > *{display:inline;} .font_super {vertical-align:top; font-size:0.7em; white-space:nowrap;} /*예시박스*/ .sbjBox_01_tit {margin:13px 0 7px 10px;} .sbjBox_01_tit.first {margin-top:0;} .sbjBox_01 {border:1px solid #dfdfdf; overflow:hidden; position:relative;} .sbjBox_01:after {content:""; display:block;height:0;clear:both;visibility:hidden} .sbjBox_01 .leftArea_01:before {content:""; width:0; min-height:75px; vertical-align:middle; display:inline-block;} .sbjBox_01 .leftArea_01 {margin:15px 20px; vertical-align:middle; display:inline-block; float:none;} .sbjBox_01 .leftArea_01 span {vertical-align:middle; line-height:18px;} .sbjBox_01 .rightArea_01 {vertical-align:middle; display:inline-block; float:none; position:absolute; right:20px; top:20px; bottom:20px;} .sbjBox_01 .rightArea_01 span {width:225px; height:40px; padding-top:25px; font-weight:bold; text-align:center; border:1px solid #dfdfdf; background-color:#f5f5f5; } /*예제이미지 */ .sbjBox_02, .sbjBox_03 {text-align:center;} .sbjBox_02 .txt {display:block; padding-top:10px;} .sbjBox_02 .img, .sbjBox_03 .img, .sbjBox_04 .img {display:inline-block;text-align:left; background-position:left top; background-repeat:no-repeat;} .sbjBox_02 .img span, .sbjBox_03 .img span, .sbjBox_04 .img span {text-indent:-9999px;} .sbjBox_02 .img {width:710px; height:152px; background-image:url("/img/jp/000W0004_01_kr.gif");} html.df .sbjBox_02 .img {background-image:url("/img/jp/000W0004_01_jp.gif") !important;} .sbjBox_03 .img {width:700px; height:230px; background-image:url("/img/jp/000W0004_02_kr.gif");} html.df .sbjBox_03 .img {background-image:url("/img/jp/000W0004_02_jp.gif") !important;} .sbjBox_04 {margin-bottom:15px; padding-left:85px;} .sbjBox_04 .img {width:85px; margin-left:-85px;height:71px; vertical-align:middle; background-image:url("/img/jp/000W0004_03_kr.gif");} .sbjBox_04 .txt {vertical-align:middle; display:inline-block;} .sbjBox_04 .txt span {vertical-align:middle; display:inline-block; font-size:14px; line-height:22px; font-weight:bold;} /* 주거래등급 //*/ .container.mrg_term .agree_msg_03 {margin-top:0px; margin-bottom:20px;}/*간격조절*/ .ctsIndent_01 {margin-left:10px !important;} .sbjForm_02 ul.dot li {padding-left:10px; background:url("/img/common/bul_dot_01.gif") left 7px no-repeat;} .sbjForm_02 ul.smalldot {padding-left:0 !important; background:none !important;} .sbjForm_02 ul.smalldot li {padding-left:8px; background:url(/img/common/bul_dot_05.gif) left 8px no-repeat;} .sbjForm_02 .info_list_02.first {margin-top:0;} .sbjForm_02.noOutline {border:none !important; padding:0 !important; margin:0 !important;} .info_list_03 {margin:10px 0 0;} .info_list_03 li {line-height:18px;} .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;} .ol_list_03, .ol_list_03 li {list-style-type: decimal;} .ol_list_03 li > span {display:inline;} .ol_list_03 {margin:10px 0 0; padding-left:15px;} .ol_list_03 li {line-height:18px;} .searchbox .intoTime {display:inline-block;}/*우편번호*/ .w2tb .w2tb_td .intoTime .lbl_tit {margin-right:5px;} .w2tb .w2tb_td .intoName {display:inline-block;} .w2tb .w2tb_td input.telno {width:100px; min-width:55px; text-align:center;} .w2tb .w2tb_td .into_money {display:inline-block;} .w2tb .w2tb_td .into_money span.money {margin-left:10px;} .agree_msg > p {margin-top:5px;} .agree_msg .tit {display:block; margin-top:15px;} .agree_msg > *:first-child {margin-top:0;} .agree_msg_02.noTxt .btn_area_01 .centerArea_01 {margin-bottom:5px;} .jp_agree_msg.first {margin-top:0 !important;} .jp_agree_msg {margin-top:30px; padding:20px 30px; height:100px; line-height:18px; border:1px solid #d0d0d0; overflow-y:auto;} .section_info_03 {position:relative; overflow:hidden; } .section_info_03 li {position:relative; height:140px; width:49%; padding:20px 0; margin-bottom:15px; display:inline-block; vertical-align:top; border:1px solid #dfdfdf; background-color:#f5f5f5; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .section_info_03 li > * {margin-left:20px; margin-right:20px;} .section_info_03 li .title {font-weight:bold; font-size:14px;} .section_info_03 li p {margin-top:5px;} .section_info_03 li .btn_area_01 {position:absolute; bottom:18px; left:0; right:0; display:block; } .section_info_03 li.even {margin-left:1.5%} .section_info_03 li.lineHr {width:99.5% !important; padding:0; margin:5px 0 20px 0; border:none !important; height:auto; display:block; background-color:none;} .section_info_03 li.lineHr hr {margin:0 !important; padding:0 !important; border:solid #dfdfdf; border-width:1px 0 0;} .section_info_03.title li {height:110px;} .section_info_03.title li .title {text-align:center;} .info_list_result {margin:20px 0 10px 0;} .info_list_result li {padding:3px 0; line-height:18px; /*text-align:center;*/} /*.coorperation .coorp .w2radio .w2radio_input { vertical-align:middle !important;}*/ .coorperation.se_02 {margin-top:10px !important} .coorperation .section_title {padding-bottom:9px;} .coorperation .coorp.family, .coorperation .coorp.family > * {position:relative;} .coorperation .coorp.family .single {position:absolute; top:8px; left:250px;} .coorperation .coorp.family .single:after {content:""; display:block; clear:both; overflow:hidden; height:0;} .coorperation .coorp .colEtc_02 .kind {display:inline-block; margin:0 20px 8px 21px;} .coorperation .coorp .colEtc_02 .kind input {margin:0 10px;} .coorperation .coorp .colEtc_02 .col1 {width:auto; padding:0 20px 0 0;} .coorperation .coorp .colEtc_03 {padding-bottom:8px;} .coorperation .coorp .colEtc_03 *:first-child {margin-right:20px;} /* 외화예금 신청확인사항// */ .sbjForm_01 {border:1px solid #dfdfdf; padding:20px;} .sbjForm_01 .section_title {border-bottom:1px solid #4a5260; padding-top:0;} .sbjForm_01 .section_title h3{display:inline-block} .sbjForm_01 .txtArea {border-bottom:1px solid #dfdfdf; padding:10px 0 15px 0; margin-bottom:20px;} .sbjForm_01 .txtArea p {line-height:18px;} .sbjForm_01 .txtArea strong.txt_blue {display:block; margin-bottom:10px;} .sbjForm_01 .tit {color:#444;} .sbjForm_01 .subtit {font-weight:bold; padding:30px 0 10px 0;} .sbjForm_01 .last {border-bottom:1px solid #d8d8d8;} .sbjForm_01 h4.title {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background-color:#f5f5f5; line-height:16px; padding:12px 20px;} .sbjForm_01 .answer {padding:10px 15px 8px 20px;} .sbjForm_01 .answer .w2radio_item {padding:2px 0} .sbjForm_01 .answer .w2radio_item input.w2radio_input {margin-right:7px;} .sbjForm_01 .answer .col1, .sbjForm_01 .answer .col2, .sbjForm_01 .answer .col3, .sbjForm_01 .answer .col4 {display:inline-block;} .sbjForm_01 .answer .col1 {width:225px;} .sbjForm_01 .answer .col2 {width:450px;} .sbjForm_01 .answer .col3 {width:74%;} .sbjForm_01 .answer .col4 {width:100%;} .sbjForm_01 .answer .row {border-bottom:1px solid #d8d8d8; margin:0 -15px; padding:8px 15px;} .sbjForm_01 .answer .row:first-child {padding-top:0;} .sbjForm_01 .answer .row:last-child {padding-bottom:0;} .sbjForm_01 .answer .row.noLine {border-bottom:none;} .sbjForm_01 .answer .col1.percent {width:25%;} .sbjForm_01 .answer .col2.percent {width:50%;} .sbjForm_01 .answer .col4 .tit {display:block; margin-bottom:5px; font-weight:bold;} .sbjForm_02 {border:1px solid #dfdfdf; padding:20px;} /* //외화예금 신청확인사항 */ /* // 팝업 키보드 */ .searchbox .s_box .hide_rowGroup .row.colspan_td{padding:20px 20px 14px 20px;} .s_box .row.colspan_td .td{float:none; height:auto; line-height:1; padding:0;} .s_box .row.colspan_td .td:before{height:0;} .td.keyboard{text-align:center;} .td.keyboard:after{content:""; display:block; clear:both;} .td.keyboard > div{display:inline-block; margin:0; width:175px;} .td.keyboard > div.line3{padding-left:20px;} .td.keyboard ul:after{content:""; display:block; clear:both;} .td.keyboard li{/*float:left; */margin-right:6px; margin-bottom:6px; padding:0; text-align:center; display:inline-block; width:29px; } .td.keyboard input[type=button]{display:block; width:29px; height:27px; line-height:27px; margin:0; padding:0; text-align:center; font-size:14px; color:#606060; font-weight:bold; background:#f5f5f5; border:1px solid #dfdfdf; -webkit-appearance: none;} .td.keyboard input.blank{/*background:#fff; border:1px solid #fff; outline:none; */display:none;} /* 팝업 키보드 // */ /* .toggle_title .rightArea_01 */ .toggle_box .toggle_title .rightArea_01 .btn.innerTxt {text-indent:0 !important; cursor:pointer; text-align:right;} .toggle_box .toggle_title .rightArea_01 .btn.innerTxt .txtMinus, .toggle_box .toggle_title .rightArea_01 .btn.innerTxt .txtPlus {margin-right:40px; font-size:14px; line-height:40px; font-weight:bold; color:#fff;} .toggle_box .toggle_title .rightArea_01 .btn.innerTxt .txtMinus {display:none} .toggle_box .toggle_title .rightArea_01 .btn.innerTxt .txtPlus {display:inline-block; } .toggle_box.close .toggle_title .rightArea_01 .btn.innerTxt .txtMinus {display:inline-block; } .toggle_box.close .toggle_title .rightArea_01 .btn.innerTxt .txtPlus {display:none} /*로그인 하단*/ .privacy_linkBar.jp {text-align:center; height:auto;}/*일본특화*/ .privacy_linkBar.jp .w2anchor {display:min-width:200px; padding:10px; margin:5px; line-height:18px; display:inline-block; border:1px solid #d0d0d0; background-color:#f5f5f5; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* ********** 일본 특화 ********** // */ /* ********** 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;} /* fileUpload */ .btnFile {min-height:24px; margin-top:5px; margin-bottom:5px;} /* 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 {} /*focus 스타일 재정의 */ input[type='text']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='number']:focus {outline:none; border:1px solid #2773C1; color:#000; background:#fff;} .w2input.w2input_focus {outline:none; border:1px solid #2773C1; color:#000; background:#fff;} .w2calendar:focus {outline:none; border:1px solid #0034f7; color:#000; background:#fff;} /* btn */ .btnLv1 {position:relative; margin-left:5px; padding:0 10px; min-width:102px; height:34px; font-size:14px; font-weight:bold; color:#fff; line-height:34px; text-align:center; vertical-align:middle; background:#2773c1 url(/img/common/bg_btn_01.gif) left top no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv1:first-child {margin-left:0;} .btnLv1:after {content:""; width:3px; height:34px; background:transparent url(/img/common/bg_btn_01.gif) right top no-repeat; position:absolute; right:0; top:0;} .btnLv2 {position:relative; margin-left:5px; padding:0 10px; min-width:60px; height:30px; font-size:12px; font-weight:bold; color:#fff; line-height:30px; text-align:center; vertical-align:middle; background:#9ea9ba url(/img/common/bg_btn_01.gif) left -50px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv2:first-child {margin-left:0;} .btnLv2:after {content:""; width:3px; height:34px; background:transparent url(/img/common/bg_btn_01.gif) right -50px no-repeat; position:absolute; right:0; top:0;} .btnLv2.arrow {padding-right:30px;} .btnLv2.arrow:after {width:30px; background:transparent url(/img/common/bg_btn_01.gif) right -150px no-repeat;} .btnLv2.form {padding-left:30px; min-width:75px; background:#9ea9ba url(/img/common/bg_btn_01.gif) left -400px; no-repeat;} .btnLv3 {position:relative; margin-left:5px; padding:0 10px; min-width:102px; height:30px; font-size:12px; font-weight:bold; color:#fff; line-height:30px; text-align:center; vertical-align:middle; background:#2773c1 url(/img/common/bg_btn_01.gif) left -100px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv3:first-child {margin-left:0;} .btnLv3:after {content:""; width:3px; height:34px; background:transparent url(/img/common/bg_btn_01.gif) right -100px no-repeat; position:absolute; right:0; top:0;} .btnLv4 {position:relative; margin-left:5px; padding:0 10px; min-width:60px; width:auto !important; text-indent:0 !important; height:29px; 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;} .btnLv4:first-child {margin-left:0;} .btnLv4:after {content:""; width:3px; height:29px; background:transparent url(/img/common/bg_btn_01.gif) right -450px no-repeat; position:absolute; right:0; top:0;} .btnLv5.fileUp.row2, .btnLv5.fileDown.row2 {padding-top:3px; height:31px; line-height:14px;} .btnLv5.fileUp.row2 a, .btnLv5.fileDown.row2 a{line-height:14px;} .btnLv5 {position:relative; margin-left:5px; padding:0 10px; min-width:104px; height:34px; font-size:12px; font-weight:bold; color:#373737; line-height:34px; text-align:center; vertical-align:middle; background:#f5f5f5 url(/img/common/bg_btn_01.gif) left -250px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv5:first-child {margin-left:0;} .btnLv5.fileDown.pdf, .btnLv5.fileDown.word {padding-left:50px; padding-right:20px; border:1px solid #d4d5d7;background-color:#f5f5f5; background-position:10px 2px; background-repeat:no-repeat;} .btnLv5.fileDown.pdf {background-image:url(/img/common/icon_pdf.gif);} .btnLv5.fileDown.word {background-image:url(/img/common/icon_world.gif);} .btnLv5.fileDown.pdf:after, .btnLv5.fileDown.word:after {display:none;} .btnLv5.fileDown {padding-left:35px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif) left -300px no-repeat;} .btnLv5.fileUp {padding-left:35px; min-width:69px; background:transparent url(/img/common/bg_btn_01.gif) left -350px no-repeat;} .btnLv5.fileDown.form {background:transparent url(/img/common/bg_btn_01.gif) left -700px;padding-left:27px;} .btnLv5.fileUp:after, .btnLv5.fileDown:after, .btnLv5:after {content:""; min-width:0; width:3px; height:34px; background:transparent url(/img/common/bg_btn_01.gif) right -250px no-repeat; position:absolute; right:0px; top:0; display:block;} .btnLv6 {position:relative; margin-left:5px; padding:2px 10px 0 10px; min-width:104px; height:25px; font-size:12px; color:#444; line-height:23px; text-align:center; vertical-align:middle; background:#fff url(/img/common/bg_btn_01.gif) left -500px no-repeat; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .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;} .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:16px; white-space:normal; word-wrap:break-word; word-break:normal; display:block; overflow:hidden;} /* word-break:break-all; 201701*/ .w2grid .gridBodyDefault {padding:0px 8px; font-size:13px; 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;} .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;} .w2grid .gridBodyDefault .pc.priceNum.pricePlus, .w2grid .gridBodyDefault .pc.priceTxt.pricePlus{color:#2773c1;} .w2grid .gridBodyDefault .pc.priceNum.priceMinus, .w2grid .gridBodyDefault .pc.priceTxt.priceMinus {color:#d71313;} /* 임시 그리드 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:180px; /*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") 165px center no-repeat;}/* 132px */ /* Table Layout */ table.tbl_sfont.w2tb th.w2tb_th, table.tbl_sfont.w2tb td.w2tb_td {font-size:12px; padding:2px; } table.tbl_sfont.w2tb td.w2tb_td {text-align:center;} .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;} /* th.w2tb_th.must.must_txt:before {content:"";margin-left:0;width:0; }*/ .w2tb_th.must_txt > span.must_txt, .w2tb_th.must_txt > label.must_txt {color:#d71313; display:inline-block; padding-left:5px;} .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 .txtEx01 > * {display:inline-block; padding-right:30px;} /* 비밀번호 예시, 대출계좌잔액 등 SPAN 안에 font등 일정간격으로 띄울때사용*/ .w2tb .w2tb_td .txtEx01 > *.last {padding-right:0;} /* 비밀번호 예시 */ .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.must .w2tb_th.mustJp {padding-left:10px !important;} .w2tb.tbl_adp.must .w2tb_th.mustJp .txtStar {width:10px; padding-top:2px; font-size:16px; line-height:16px; font-weight:bold; color:#d71313; vertical-align:top;} .w2tb.tbl_adp.must .w2tb_th.mustJp .txtLabel { vertical-align:top; display:inline-block} /*.w2tb.tbl_adp.mustTxt .w2tb_th.must:before { text-indent:0 !important; vertical-align:top !important; background:none !important; color:green; font-weight:bold; font-size:16px; padding-top:2px}*/ .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;} .w2tb.tbl_adp.must .ui_flex{display:inline-block;white-space:nowrap;} .w2tb.tbl_adp.must .ui_flex > *{margin-right:5px;} .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-right:5px;} .intoTime > *:first-child {margin-left:0px;} .intoTime .w2input, .intoTime .w2textarea, .intoTime .w2selectbox, .intoTime .w2selectbox_native {min-width:initial} .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;} .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 {padding-left:0px; width:50%;} /* Step 3 */ .step_box ul.item3 li {width:33.3%;} .step_box ul.item3 li:first-child {width:33.4%;} /* Step 4 */ .step_box ul.item4 li {width:25%;} .step_box ul.item4 li:first-child {padding-left:0px; width:24.9%;} /* Step 5, Step 6 */ .step_box ul.item5 .txt2, .step_box ul.item6 .txt2 {display:inline;} .step_box ul.item5 .txt2:after, .step_box ul.item6 .txt2:after {content:". "} .step_box ul.item5 li, .step_box ul.item5 li:first-child {width:20%;} .step_box ul.item6 li {width:16.5%;} .step_box ul.item6 li:first-child {width:17.5%;} .step_box ul .box.row2 .txt2 {display:inline-block; line-height:18px; padding:4px 3px 0 0; vertical-align:top;} .step_box ul .box.row2 .txt3 {line-height:18px; margin-top:4px; white-space:pre;} .step_box.jp {position:relative;} /* 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:25px; 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;*/ height:auto; margin-bottom:4px;} /* 그리드버튼삭제 / 일본특화 / 1605 */ .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;} .gBtn_area_01.row2 .leftArea_01 .btnLv5.fileDown {background:transparent url(/img/common/bg_btn_01.gif) left -300px; height:34px;} .gBtn_area_01.row2 .leftArea_01 .btnLv5.fileUp {background:transparent url(/img/common/bg_btn_01.gif) left -350px; height:34px;} .gBtn_area_01.row2 .leftArea_01 .btnLv5:after {background:transparent url(/img/common/bg_btn_01.gif) right -250px no-repeat; height:34px;} .gBtn_area_01.row2 .leftArea_01 a.btnLv5 {line-height:35px;} .gBtn_area_01.row2 .leftArea_01 .btnLv5.row2 {padding-top:3px; height:31px; line-height:14px;} .gBtn_area_01.row2 .leftArea_01 .btnLv5.row2 a {line-height:14px;} .gBtn_area_01.row2 .rightArea_01 {padding-top:3px;} /* 일본특화 //전체선택 삭제 .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 {background:#fff url("/img/common/btn_selectAll2.gif") left top no-repeat; display:inline-block; text-indent:0; height:29px; line-height:29px; width:auto; margin-right:0px; padding-right:10px; padding-left:30px; border:solid 1px #dfdfdf;} .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 .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_03, .gBtn_area_01 .rightArea_01 .grid_btn_04 {margin-left:5px; min-width:29px; height:29px; line-height:29px; color:#fff; font-weight:bold; padding:0 10px 0 30px; text-align:center; display:inline-block; border:1px solid #8d96a7;} .gBtn_area_01 .rightArea_01 .grid_btn_02 {background:#a0a9ba url("/img/common/icon_gridBtn_03_.jpg") left top no-repeat;} .gBtn_area_01 .rightArea_01 .grid_btn_03 {background:#a0a9ba url("/img/common/icon_gridBtn_02_.jpg") left top no-repeat;} .gBtn_area_01 .rightArea_01 .grid_btn_04 {background:#a0a9ba url("/img/common/icon_gridBtn_01_.jpg") left top no-repeat;} .gBtn_area_01 .rightArea_01 .grid_btn_05, .gBtn_area_01 .rightArea_01 .grid_btn_06 {margin-left:5px; width:29px; height:29px; text-align:left; text-indent:-9999px; display:inline-block; overflow:hidden;} .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 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 table + .section_title {margin-top:30px !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; height:21px; min-width:21px; padding:0 10px 0 25px; line-height:21px; text-align:left; background:#e5e6ea url("/img/common/btn_refresh_.jpg") no-repeat; overflow:hidden; display:inline-block; border:1px solid #d8d8d8;} .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형태 */ /* sentence Type */ .con_indent {padding-left:14px !important; text-indent:-14px !important;} /*********** //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;} .titleMent {display:none; /*inline-block;*/ padding:3px 5px; background-color:#505769; color:#fff; margin-top:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*20160426 추가*/ /* 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:30px; 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:1px 20px 1px 30px; min-height:83px; color:#fff; background:#444b5e url("/img/common/bg_infoTop_01.gif") right top no-repeat; border-top:1px solid #4a5260; border-bottom:1px solid #5a6174;} .section.profile_lay .l_area .infoTop .txt {font-size:15px; line-height:17px; display:none;} .section.profile_lay .l_area .infoTop .infoBox {position:relative; margin-top:16px;}/*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 .infoBottom {padding:5px 20px 5px 30px;} .section.profile_lay .l_area .infoBottom .custom {display:none;} .user1 .section.profile_lay .l_area .infoBottom .custom {display:block;} .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:33px; font-size:12px; color:#f2f2f2; line-height:33px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .df .section.profile_lay .l_area .infoBottom .tit, .df .section.profile_lay .l_area .infoBottom .txt {font-size:13px;} /* 일본특화 // 일본어만 */ .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:33px;} .df .section.profile_lay .l_area .infoBottom .l2.tit {padding:0 2% 0 0; line-height:33px; }일본특화*/ .section.profile_lay .l_area .infoBottom .txt .l2 {padding: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 .l_area .infoBottom .txt.lv {line-height:30px;} .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;} body.subBg01 .section.profile_lay .r_area #main_box_msgList .w2grid {height:228px !important;} body.subBg01 .user1 .section.profile_lay .r_area #main_box_msgList .w2grid {height:260px !important;} /* //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 .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; text-align:center;}/*일본만 center*/ /* //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:102px; 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:15px; 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; padding:30px 10px; margin:10px auto 20px; text-align:center; width:640px; background-color:#fcfcfc; vertical-align:middle; border:solid 1px #d8d8d8; -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;} /* 20240508 doubleh Add. msg_box_hl */ .result_step .msg_box_hl {vertical-align:middle; display:inline-block;} .result_step .msg_box_hl > span {line-height:24px; display:block; font-weight:bold; font-size:14px;} /* 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:500px; 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;} /* 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 {margin:10px 0 0;} .info_list_02 li {line-height:18px;} .info_list_02 li .w2span {padding-left:14px; text-indent:-14px;} .info_list_02.dash li .w2span {padding-left:8px; text-indent:-8px;} .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:7px;} .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 input.pwd, .pw_intoBtn_02 input.pwd, .pw_intoBtn_01 input.pwd.w2input[readonly=""], .pw_intoBtn_02 input.pwd.w2input[readonly] {color:#373737 !important;} .pw_intoBtn_01 input.pwd.text-placeholder, .pw_intoBtn_02 input.pwd.text-placeholder, .pw_intoBtn_01 input.pwd.w2input[readonly=""].text-placeholder, .pw_intoBtn_02 input.pwd.w2input[readonly].text-placeholder{color:#bbb !important;} .pw_intoBtn_01 input.pwd::-webkit-input-placeholder, .pw_intoBtn_02 input.pwd::-webkit-input-placeholder, .pw_intoBtn_01 input.pwd.w2input[readonly=""]::-webkit-input-placeholder, .pw_intoBtn_02 input.pwd.w2input[readonly]::-webkit-input-placeholder {color:#bbb !important;} .pw_intoBtn_01 input.pwd:-moz-placeholder, .pw_intoBtn_02 input.pwd:-moz-placeholder, .pw_intoBtn_01 input.pwd.w2input[readonly=""]:-moz-placeholder, .pw_intoBtn_02 input.pwd.w2input[readonly]:-moz-placeholder {color:#bbb !important;} /* 보안키패드/ 도움말 아이콘 // 화면 검토시 추가. 지우면 안되요! .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:8px 15px 0 15px;} .coorperation .coorp .col1 {width:225px; display:inline-block; padding-bottom:8px;} .coorperation .coorp .col2 {width:460px; display:inline-block; padding-bottom:8px;} .coorperation .coorp .colEtc {width:460px; display:block; padding-bottom:8px;} .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;} .loanstep .w2tb .w2tb_td p {margin-top:5px; margin-left:0;} /*visa*/ .loanstep .w2tb .w2tb_td {padding-top:10px; padding-bottom:10px; height:auto;} /*visa*/ /* 대출상담신청 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.png") left top no-repeat; background-size:169px 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;} /* 카드발급상담신청 */ /* mobile phone : width:1023px 이하 */ @media all and (max-width:1000px){ .moPhone_Hide, .moPhone_hide {display:none !important;} .w2grid th.gridHeaderTDDefault.moPhone_Hide2 *, .w2grid .gridBodyDefault.moPhone_Hide2 * {display:none !important;} .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: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;} .gBtn_area_01 .rightArea_01 .grid_btn_02, .gBtn_area_02 .rightArea_01 .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_04, .gBtn_area_02 .rightArea_01 .grid_btn_04 {display:none;} /* 일본특화 */ /*********** 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:0px;} body.subBg01 .section.profile_lay .l_area .infoBottom .txt .nm_lv {height:20px;} 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 .section.profile_lay .r_area #main_box_msgList .w2grid {height:200px !important;}/*일본특화*/ 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 {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 .bt3 {padding:0 22px;} .pw_intoBtn_02 .bt3 {padding:0 30px;} .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;} .td.pw_intoBtn_01jp {padding-right:20px !important;} /*일본특화 -외화택배 */ } @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 .w2tb_td .pw_intoBtn_01 .bt3, .tbl_adp .w2tb_td .pw_intoBtn_02 .bt3, .tbl_adp.must .w2tb_td .intoBtn_01 .btnLv2, .tbl_adp.must .w2tb_td > .btnLv2 {display:block; margin:5px 0 0 0; width:40%;} } @media all and (max-width:816px){ .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.moPhone_Hide2, .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.moPhone_Hide2 {display:none !important;} .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.moPhone_Hide2_preColumn {border-bottom:1px solid #b6b6b6} } /* tablet : width:767px 이하 */ @media all and (max-width:767px){ .app {} /*모바일전용*/ .moPhone_Hide {display:none !important;} .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;} table.w2tb .w2tb_td.mo_t_right, .mo_t_right {text-align:right !important;} table.w2tb .w2tb_td.mo_t_left, .mo_t_left {text-align:left !important;} table.w2tb .w2tb_td.mo_t_center, .mo_t_center {text-align:center !important;} .inPage.mo_f_small, .inPage.mo_f_small li {font-size:11px !important; line-height:initial !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 Mobile Row Type */ .type_row.tab_01.tm1 .w2tabcontrol_tabhost > li {width:50% !important; float:left; border-top:solid 1px #dfdfdf !important} /* 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} .tab_01 .w2tabcontrol_tabhost li .w2tabcontrol_tab_center {background-image:url(/img/common/btn_arrowRight_01_disabled.png) !important; background-position: 98% 7px !important; background-repeat: no-repeat !important; background-size: 12px !important;} /*일본특화*/ .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 {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;} .tab_01 #ptab1_tabhost.w2tabcontrol_tabhost {width:100% !important;} /*일본특화 은행코드선택 */ /* MAIN TabControl */ .main_tab.tab_01 .w2tabcontrol_tabhost li {border-bottom-color:#bdc3d2;} .main_tab.tab_01 .w2tabcontrol_tabhost > li {float:left; 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;} .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;} .step_box ul.item5 li .txt2:after, .step_box ul.item6 li .txt2:after {display:none;} .step_box ul .box.row2 .txt2 {line-height:28px; padding:0; display:inline; vertical-align:middle;} .step_box ul .box.row2 .txt3 {white-space:initial;} .step_box.jp {height:65px;} .step_box.jp .item5 .txt1 , .step_box.jp .item6 .txt1 {font-size:12px; margin-right:3px;} .step_box.jp .item5 .selected .txt3, .step_box.jp .item6 .selected .txt3 {position:absolute; color:#2773c1; display:block; bottom:0; left:0;} .step_box.jp .item5 .selected .txt3:before, .step_box.jp .item6 .selected .txt3:before {content:"【 ";} .step_box.jp .item5 .selected .txt3:after, .step_box.jp .item6 .selected .txt3:after {content:" 】";} .step_box.jp .item5 .selected .txt3 br, .step_box.jp .item6 .selected .txt3 br {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.btn_flex{display:flex;flex-wrap:wrap;width:100%;} .gBtn_area_01 .rightArea_01.btn_flex a{flex:0 0 calc(33.3% - 5px);box-sizing:border-box;margin: 2.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .gBtn_area_01 .rightArea_01 .grid_btn_05, .gBtn_area_01 .rightArea_01 .grid_btn_06 {margin-left:5px; width:29px; height:29px; padding:0; text-align:left; text-indent:-9999px; display:inline-block; overflow:hidden;} .gBtn_area_01 .rightArea_01 .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_03, .gBtn_area_01 .rightArea_01 .grid_btn_04, .gBtn_area_01 .rightArea_01 .grid_btn_05, .gBtn_area_01 .rightArea_01 .grid_btn_06 {padding:0 !important; text-indent:-9999px;}/*text-indent:-9999px; 2017/04/26 추가 */ .gBtn_area_01 .rightArea_01 .grid_btn_02 {background:url("/img/common/icon_gridBtn_03_m.jpg") left top no-repeat; background-size:29px; border:none !important;} .gBtn_area_01 .rightArea_01 .grid_btn_03 {background:url("/img/common/icon_gridBtn_02_m.jpg") left top no-repeat; background-size:29px; border:none !important;} .gBtn_area_01 .rightArea_01 .grid_btn_04 {background:url("/img/common/icon_gridBtn_01_m.jpg") left top no-repeat; background-size:29px; border:none !important;} .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;} .gBtn_area_01 .rightArea_01 .grid_btn_02, .gBtn_area_02 .rightArea_01 .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_04, .gBtn_area_02 .rightArea_01 .grid_btn_04 {display:none;} /* 일본특화 */ .grid_btn_00, .grid_btn_00.checked {background-size:29px !important;} .gBtn_area_01 .leftArea_01 .grid_btn_00 {position:absolute; left:0; bottom:10px;} /*.gBtn_area_01 {min-height:40px;} */ /* 그리드버튼삭제 / 일본특화 / 1605 */ /* Table Layout */ table.tbl_sfont.w2tb th.w2tb_th, table.tbl_sfont.w2tb td.w2tb_td {font-size:11px; font-weight:normal; letter-spacing:-0.03em;} .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;} .pw_intoBtn_01 .bt3, .pw_intoBtn_02 .bt3 {padding:0 10px; left:0; display:block;} .pw_intoBtn_01 .bt3 {right:-60px; margin:5px -60px 0 0;} .pw_intoBtn_02 .bt3 {right:-95px; margin:5px -95px 0 0;} /* 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; } .w2tb.tbl_adp.must .ui_flex{display:flex;align-items:center;} .w2tb.tbl_adp.must .intoTime .ui_flex{margin-right:0;} .w2tb.tbl_adp.must .ui_flex > input[type="text"]{width:100% !important;margin-top:0;min-width:initial;} .w2tb.tbl_adp.must .ui_flex ~ *{margin-left:0 !important;} .w2tb.tbl_adp.must .ui_flex > *:last-child{margin-right:0 !important;} .w2tb.tbl_adp.must .ui_flex > span{white-space:nowrap;} .w2tb.tbl_adp.must .ui_flex + .ui_flex{margin-top:5px;} .w2tb.tbl_adp.must .ui_flex > .w2selectbox_native{width:100% !important} /* 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-right:5px;} .w2tb.tbl_adp .w2tb_td > .w2span:last-child {margin-right: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 .s_title {padding:5px 4px 4px 10px; line-height:25px; background:#647dc3;} .searchbox .s_title .btn {background-size:34px;} /* .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;} */ .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 div.w2inputCalendar_div {width: 45% !important;} /*조회날짜*/ .s_box .td .w2inputCalendar_div .w2inputCalendar_divInput {font-size:12px;} .s_box .td div.w2inputCalendar_div + .tilde {width:10% !important; display:inline-block; text-align:center;} .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 .title .btn_refresh {margin-left:10px; width:21px; height:21px; text-align:left; text-indent:-9999px; padding:0 !important; background:url("/img/common/btn_refresh.jpg") no-repeat; overflow:hidden; display:inline-block; border:none !important;}*/ .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 없애면서 생성 */ .gBtn_area_01.row2 .btnLv5.row2 {padding-top:0;} .gBtn_area_01.row2 .btnLv5.row2 a {line-height:34px;} .gBtn_area_01.row2 .btnLv5.row2 a br {display:none;} .btnLv5:first-child {margin-top:0;} .chk_agree {text-align:left;}/*일본만 center, 모바일 해제*/ .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 .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 25px;} .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:0; display:block;} /*margin-left:16px*/ .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;} */ .td.pw_intoBtn_01jp {padding-right:60px !important; position:relative;} /*일본특화 */ .td.pw_intoBtn_01jp .btn_keypad {position:absolute; top:2px; right:0; width:50px !important;} /*일본특화 */ /* 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; 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 {padding-top:13px;} .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;} .loanstep .w2tb.tbl_adp {border-bottom:none; border-top-color:#b6b6b6} /*visa*/ .loanstep .w2tb.tbl_adp .w2tb_td {padding:10px;} /*visa*/ /* // 대출상담신청 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;} .btn_area_01 > .btnLv3, .btn_area_01 .centerArea_01 .btnLv3 { display:block !important; width:100% !important; height:auto !important; line-height:1.5 !important; padding:10px 0 !important; margin:0 0 5px !important; font-size:14px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .agree_msg_02 div.btnLv5, /*일본특화 추가*/ div.btnLv5.fileDown {line-height:14px;} .agree_msg_02 div.btnLv5:before, /*일본특화 추가*/ div.btnLv5.fileDown:before, div.btnLv5.fileUp:before {content:""; width:0px; height:100%; display:inline-block; vertical-align:middle;} .agree_msg_02 div.btnLv5 a, /*일본특화 추가*/ 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;} .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:270px; height:28px; overflow:hidden; background:url("/img/common/logo.jpg") left top no-repeat; display:block;} .dTop .logo.bi_jp {background-image:url("/img/jp/logo.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 30px 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.lv {line-height:1;} 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") top 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:500px; 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:25px !important; border:0 !important; white-space:nowrap; overflow:hidden;} .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*/ .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col70, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col70 {width:70px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col80, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col80 {width:80px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col90, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col90 {width:90px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col100, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col100 {width:100px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col110, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col110 {width:110px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.col120, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.col120 {width:120px !important; float:left; clear:left;} .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.clearNone, .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.clearNone {clear:none !important;} /* 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;} .adpNew.notice .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{height:auto !important;} .adpNew.notice .w2grid.w2grid_adaptive_crosstab .gridBodyDefault nobr{max-height:initial;} /* 언어별 길이별 제어 - 개행 class=dtl */ .ko .adpNew .w2grid_adaptive_crosstab td.dataTitle.ko.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, .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 .moFs nobr {font-size: 12px;} .adpNew .w2grid.w2grid_adaptive_crosstab .moBreak nobr { word-break: break-all;} .adpNew .w2grid.w2grid_adaptive_crosstab .priceNum {font-weight:bold;} .adpNew .w2grid.w2grid_adaptive_crosstab .priceNum.pricePlus, .adpNew .w2grid.w2grid_adaptive_crosstab .priceTxt.pricePlus {color:#2773c1;} .adpNew .w2grid.w2grid_adaptive_crosstab .priceNum.priceMinus, .adpNew .w2grid.w2grid_adaptive_crosstab .priceTxt.priceMinus {color:#d71313;} .adpNew .w2grid.w2grid_adaptive_crosstab .priceZero {} .adpNew .w2grid.w2grid_adaptive_crosstab .priceSum {font-weight:bold; color:#294e93;} .adpNew .w2grid.w2grid_adaptive_crosstab .num {text-align:right !important;} .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;} } /* // ********** 일본 특화 ********** */ @media all and (max-width:767px){ /* // 주거래등급 */ .sub_title_02 .leftArea_01, .sub_title_02 .rightArea_01 {display:block; float:none;} /*예시박스*/ .sbjBox_01 {padding:10px;} .sbjBox_01 .leftArea_01:before {min-height:0;display:block;} .sbjBox_01 .leftArea_01 {margin:0; display:block;} .sbjBox_01 .rightArea_01 {display:block; position:relative; right:0; top:0; bottom:0; margin-top:10px;} .sbjBox_01 .rightArea_01 span {display:block; width:auto; height:auto; padding:20px 0;} /*예제이미지 */ .sbjBox_02 .txt {text-align:left;} .sbjBox_02 .img {width:290px; height:530px; background-image:url("/img/jp/000W0004_01m_kr.gif"); background-size:290px 530px;} html.df .sbjBox_02 .img {background-image:url("/img/jp/000W0004_01m_jp.gif") !important;} .sbjBox_03 .img {width:290px; height:410px; background-image:url("/img/jp/000W0004_02m_kr.gif"); background-size:290px 410px;} html.df .sbjBox_03 .img {background-image:url("/img/jp/000W0004_02m_jp.gif") !important;} /* 주거래등급 // */ .container.mrg_term .agree_msg_03 {margin-bottom:0;}/*간격조절*/ /* 외화예금 신청확인사항// */ .sbjForm_01 {padding:10px;} .sbjForm_01 h4.title {padding:10px;} .sbjForm_01 .answer {padding-left:10px; padding-right:10px;} .sbjForm_01 .answer > *, .sbjForm_01 .answer .row > *, .sbjForm_01 .answer .col2.percent{display:block !important; width:auto !important;} .sbjForm_01 .answer .row {margin:0 -10px; padding:8px 10px 5px 10px;} .sbjForm_01 .answer .col1.percent {display:inline-block !important; width:auto !important; padding-right:30px;} .sbjForm_01 .answer .col2.percent {padding-bottom:5px;} /* //외화예금 신청확인사항 */ .w2tb .w2tb_td .mo_t10 {display:block;} .w2tb .w2tb_td .intoTime .lbl_tit {margin-right:0;} .w2tb .w2tb_td input.telno {width:55px;} .w2tb .w2tb_td .into_money {display:block; padding-right:60px; position:relative} .w2tb .w2tb_td .into_money span.money {position: absolute; top: 10px; display:inline-block;} .w2tb .w2tb_td .into_money input.w2input {width:100% !important;} .section_info_03 li {width:auto; display:block; height:auto; padding:15px;} .section_info_03 li .btn_area_01 {position:relative; bottom:0} .section_info_03 li > * {margin-left:0px; margin-right:0px;} .section_info_03 li .title {font-size:16px;} .section_info_03 li.even {margin-left:0;} .section_info_03 li.lineHr {width:99.9%; margin:30px 0;} .info_list_result {margin:30px 0;} .info_list_result li {text-align:left;} .agree_msg_02 .btnLv3 {display:block; margin:5px 0 0 0;} .coorperation .coorp .colEtc_02 {margin-bottom:0;} .coorperation .coorp .colEtc_02 .kind {display:block; margin-bottom:15px;} .coorperation .coorp .colEtc_02 .col1 {display:inline-block;padding:0 0 10px 18px;} .coorperation .coorp .colEtc_02 .w2selectbox_native {margin:0 0 10px 18px;} .coorperation .coorp.family .single {position:relative; left:0; top:0;} .coorperation .coorp .colEtc_03 *:first-child {margin-right:0px; margin-top:0;} .coorperation .coorp .colEtc_03 > * {display:block; width:100% !important; margin-top:13px;} /* // 팝업 키보드 */ .td.keyboard{width:175px; margin:auto; margin-top:15px;} .td.keyboard > div{padding-bottom:8px;} .td.keyboard > div.line3{padding:0;} .td.keyboard input[type=button] {-webkit-appearance: none; } /*로그인 하단*/ .privacy_linkBar.jp .w2anchor{margin:5px 0; display:block;} } /* ********** 일본 특화 ********** // */ /*e-KYC 웹뷰 */ .slideDown_box_wrap {padding:20px; border: 1px solid #dfdfdf;} ul.slideDown_box .item.selected .box {display:block !important;} ul.slideDown_box .item.selected .list .tit .txt {color:#000;} ul.slideDown_box .item:first-child {border-top:1px solid #d4d5d6} ul.slideDown_box .item {border:1px solid #d4d5d6; border-top:none;} ul.slideDown_box .item .list {padding:0 35px; position:relative; min-height:45px;} ul.slideDown_box .item .list .seq, ul.slideDown_box .item .list .ico {position:absolute; top:0;} ul.slideDown_box .item .list .seq {left:8px; top:50%; transform: translateY(-50%);} ul.slideDown_box .item .list .ico {right:0; left:35px; min-height:45px; cursor:pointer; text-indent: -9999px;} ul.slideDown_box .item .list .tit {display:table; width:100%; min-height:45px;} ul.slideDown_box .item .list .tit .txt {display:table-cell; padding:5px 0; min-height:45px; vertical-align:middle; font-size:14px; line-height:14px; color:#777;} ul.slideDown_box .item .box {display:none; background-color:#f3f9fb; border-top:1px solid #e5e5e5; color:#666; font-size:12px; line-height:14px; padding:15px;} ul.slideDown_box .item .box .link {text-decoration:underline; display:inline-block; padding:3px 0; color:#4b8cdd;} ul.slideDown_box .item .list:not(:last-child):after{content:''; position:absolute; top:50%; right:17px; width:10px; height:6px; margin-top:-3px; background:url(/img/app/icon_linkArrow_4.png) no-repeat 0 0; background-size:10px auto; transform:rotate(180deg);} ul.slideDown_box .item.selected .list:after {transform: rotate(0deg);} .slideDown_box_wrap input[type="checkbox"] {position:absolute; visibility:hidden;} .slideDown_box_wrap input[type="checkbox"] + label:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 19px; height: 19px; transform: translateY(-50%); background: url(/img/app/icon_checkbox1.png) no-repeat 0 0; background-size: 19px auto; border-radius: 50%;} .slideDown_box_wrap .w2checkbox_item {position:relative; padding-left: 25px;} .slideDown_box_wrap input[type="checkbox"]:checked + label:before {background-position: 0 -19px;} .chk_all {padding-bottom:16px; padding-left:1px;} .chk_all input[type="checkbox"] + label{display: inline-block; vertical-align: middle; font-size: 14px;} .btn_align02 .btnLv5 {min-width:150px;} .agree_msg_03 > div+div {margin-top: 20px; padding-top: 20px; border-top:1px dotted #dfdfdf !important;} .semi_title {padding-top:13px;} .qrCode_box {background-color:#f3f9fb; padding:15px 15px;} .qrCode_box > ul {margin:0px;} .qrCode_img {padding:20px 0 0; text-align:center;} .qrCode_img > div {display:inline-block; padding:0 10px;} .qrCode_img > div+div {margin-left:120px;} .qrCode_img img {margin-bottom:10px; width:80%; border:1px solid #b6b6b6; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .qrCode_img span {display:block; font-size:14px; font-weight:bold;} /* MOTP전환유도팝업 QR코드 박스 */ .qrCode_set_box {background-color:#f3f9fb; padding:15px 15px; display: flex; justify-content: space-between; align-items: center;} .qrCode_set_box > ul {margin:0 !important;} .pdfWeb_box {padding:10px 6px; margin:0 auto; max-width:400px;} .pdfWeb_box > .pdfWeb_go {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer;} .txt_link {padding-left:5px; font-weight:bold; cursor:pointer; text-decoration:underline !important;} @media all and (max-width:767px){ .qrCode_img > div+div {margin-left:0px; margin-top:10px;} } /******************** UI BANK(법인) ********************/ #grp_contentsFooter{display:none !important;} /*footer에 있는 QnA/관련서비스 hidden*/ /*Common*/ #header .top .logo{top:9px;left:0;width:240px;height:42px} #header .top .logo.jp{background: url(/img/jp/logo6.png) left center no-repeat;background-size:auto 42px} #header .login_info .l_info{margin-right:9px;color:#6C747E;font-size:11px;font-weight:300;line-height:150%} #header .login_info .l_infoB{border-radius:3px;background:#102694;font-weight:700;} #header .login_info span.l_infoB{border-radius:3px 0 0 3px;background:#102694;} #header .login_info span.l_infoB + .l_infoB{border-radius:0 3px 3px 0;} #header .login_info .btn_login{padding:0 19px;border-radius:3px;background:#102694;font-weight:700;} #header .login_info .lang_txt .sel select{margin-top:0 !important} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case{border-radius:3px;} .top_banner_wrap.length2 .top_banner .top_banner_inner .w2switch_case.noImg > p{background:none;} #gnb{background:#0A1967;} #gnb > ul{display:flex;} #gnb > ul > li {flex-grow:1;max-width:25%;background:none} #gnb > ul > li.selected{background-color:#2A46D3} #gnb > ul > li.burgermenu.selected{background-color:transparent} #gnb > ul > li > a{color:#F3F6FB;font-size:16px;font-weight:600 !important;} #gnb > ul > li.selected > a{color:#FFF;} #gnb > ul > li .mLv2{width:100% !important;background-color:#2A46D3} #gnb > ul > li .mLv2 > ul > li a{font-size:13px;font-weight:600;line-height:18px} #gnb > ul > li .mLv2 > ul > li.selected > a{font-size:12px !important;} #gnb > ul > li .mLv2 > ul > li a{} #gnb > ul > li.selected .mLv2 > ul > li{border-color:rgba(255,255,255,0.1)} #gnb > ul > li.selected .mLv2 > ul > li.selected{background-color:#102694} #gnb > ul > li .mLv3{background-color:#102694} #gnb > ul > li .mLv3 > ul > li a{font-size:12px !important;font-weight:600;line-height:18px} #gnb > ul > li.selected .mLv2 > ul > li.isChild{background-image: url(/img/common/arrow_gnb_new.png) !important;background-size:12px auto} .area.burgermenu, .menu_all .l_info{display:none} .location > *{display:inline-block;min-height:16px;color:#6C747E;font-size:11px;font-weight:300;line-height:150%;vertical-align:middle;} .location > *:last-child{font-weight:700} .location .home{min-height:16px;padding-left:20px;background: url(/img/common/icon_pgguide_home.png) left center no-repeat;background-size:16px;} .page_title{margin-top:17px;padding-bottom:8px;border-bottom:1px solid #121619;color:#121619;font-size:20px;font-weight:600;line-height:140%;} .page_title h1{height:auto;color:#121619;font-size:20px;font-weight:600;line-height:140%;} .main_card_content + #footer{margin-top:-88px !important} #footer .fLink1{height:auto;padding:12px 8px;background:#D6DBE1} #footer .fLink1 li{height:auto;margin:0;padding:0 7px !important;border:0 !important;background: url(/img/common/bg_bar_04.gif) left 0 top 2px no-repeat;} #footer .fLink1 li:first-child{border:0 !important;background: url(/img/common/bg_bar_04.gif) left 0 top 2px no-repeat;} #footer .fLink1 li:last-child{border:0 !important;background: url(/img/common/bg_bar_04.gif) left 0 top 2px no-repeat;} #footer .fLink1 a{background:none;color:#565C63} #footer .fLink1 li:last-child a{padding-right:7px;background: url(/img/common/bg_bar_04.gif) right 0 top 1px no-repeat;} #footer .fLink2{display:block;width:auto;border-color:#EBEFF5} #footer .fLink2 ul{padding:9px 0;} #footer .fLink2 li{position:relative;padding:0;background:none;border:none !important} #footer .fLink2 li:before{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background-color:#D6DBE1} #footer .fLink2 li:first-child:after{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:#D6DBE1} #footer .fLink2 li.btn_top{width:auto;height:auto;} #footer .fLink2 li.btn_top:before{display:none} #footer .fLink2 li a{display:block;padding:0 5px;background:none;color:#6C747E;font-size:12px;font-weight:600;line-height:150%;} #footer .fLink2 li.btn_top a{width:36px;height:34px;} #footer_top_btn{width:36px;height:34px;border:0;background:#d0d5da url(/img/common/icon_top.png) center center no-repeat;} #footer address{padding:18px 20px;height:auto;} #footer address .txt_callcenter, #footer address .txt_copyright{max-width:980px;margin:0 auto;color:#6C747E;font-size:12px;line-height:150%;text-align:center} #footer address .txt_callcenter{font-weight:300} #footer address .txt_copyright{padding:0;font-weight:400} #footer .quick_menu{top: 141px;border-top:0} #footer .quick_menu > ul > li{padding:0;border:0 !important;background:#2D40A5 !important} #footer .quick_menu > ul > li > a{min-width:35px;min-height:17px;padding:7px 0 7px 35px !important;background-position: top 50% left 6px !important;background-size:24px !important;font-size:11px;font-weight:300;line-height:150%} #footer .quick_menu > ul > li #quick_my_menu{width:auto !important;margin:0;padding:5px 10px;background:#4356BC} #footer .quick_menu > ul > li ul > li{height: auto;min-height:17px;margin-left:0;line-height:17px;word-break: break-all;} #footer .quick_menu > ul > li ul > li a{margin-left:0 !important} #footer .quick_menu .qic1, #footer .quick_menu .qic3, #footer .quick_menu .qic4, #footer .quick_menu .qic5{display:none} #footer .quick_menu .qic2 > a{background-image: url(/img/common/icon_quick_02_new.png)} #footer .quick_menu .qic6 > a{background-image: url(/img/common/icon_quick_06_new.png)} #footer .quick_menu .btnClose{height:17px;padding:6px 0 5px 35px !important;border:0;border-top: 2px solid #4356BC;background-image: url(/img/common/icon_quick_08_new.png);background-color:#565C63;background-position: top 50% left 6px !important;background-size: 24px !important;color:#fff;line-height:17px;text-align:left} #footer .quick_menu.close .btnClose{background-image: url(/img/common/icon_quick_08_new.png);background-position: top 50% left 50% !important;} /* Component */ body, input, .w2input, .w2textarea, .w2inputCalendar_divInput, .w2autoComplete_input, .w2radio_label, textarea, select, button, table{color:#343A3F} input, select{font-weight:600 !important} input[type='text']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='number']:focus, select{border-color:#102694} input[type='text'][readonly], input[type='text'][disabled], input[type='password'][readonly], input[type='password'][disabled], input[type='tel'][readonly], input[type='tel'][disabled], input[type='number'][readonly], input[type='number'][disabled], select[readonly], select[disabled]{border-color:#D6DBE1;background-color:#EBEFF5} input[type='text'][readonly]:focus, input[type='text'][disabled]:focus, input[type='password'][readonly]:focus, input[type='password'][disabled]:focus, input[type='tel'][readonly]:focus, input[type='tel'][disabled]:focus, input[type='number'][readonly]:focus, input[type='number'][disabled]:focus, select[readonly]:focus, select[disabled]:focus{border-color:#D6DBE1;background-color:#EBEFF5} .w2selectbox_disabled, .w2selectbox_disabled .w2selectbox_native_select{border-color:#D6DBE1;background-color:#EBEFF5} input[type='password'].pwd, input[type='password'].pwd:focus, input[type='password'].pwd[readonly], input[type='password'].pwd[disabled], input[type='password'].pwd[readonly]:focus, input[type='password'].pwd[disabled]:focus{background-color:#FFF !important} .w2input, .w2textarea, .w2selectbox, .w2selectbox_native{padding-left:20px;padding-right:19px;border-radius:3px;border-color:#D6DBE1;} .w2inputCalendar_div{position:relative;width:auto !important;padding-right:28px;box-sizing:border-box;} .w2inputCalendar_div > *{float:none !important;display:inline-block;} .w2inputCalendar_div .w2inputCalendar_div_input{width:auto !important;} .w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput{width:123px !important;padding-left:12px !important;padding-right:12px !important;border-radius:3px;border-color:#D6DBE1;box-sizing:border-box;} .w2inputCalendar_div .w2inputCalendar_div_img{position:absolute;top:3px;right:0;width:auto;height:auto;margin-right:0;padding:0;line-height:normal;box-sizing:border-box;} .w2input input, .w2textarea textare, .w2selectbox select, .w2selectbox_native select, .w2inputCalendar_divInput{height:100%;box-sizing:border-box;font-size:12px;font-weight:600;lin-height:150%} .w2input input:focus, .w2textarea textare:focus, .w2selectbox select:focus, .w2selectbox_native select:focus, .w2inputCalendar_divInput input:focus{height:100%;outline:none;} .w2inputCalendar_divInput:focus{outline:none;border-color:#102694} .w2input:focus-within, .w2textarea:focus-within, .w2selectbox:focus-within, .w2selectbox_native:focus-within, .w2inputCalendar_divInput:focus-within{border-color:#102694} /* .w2inputCalendar_divInput:focus-within:not(input[readonly*=readonly]) */ .w2selectbox_native{padding:0 !important} .w2selectbox_native .w2selectbox_native_innerDiv{height:100%;box-sizing:border-box;} .w2selectbox_native .w2selectbox_native_select{height:100%;min-height:27px;margin-top:0 !important;padding-left:20px;padding-right:30px !important} select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:0;background:transparent url(/img/common/icon_line_16_select.png) top 50% right 10px no-repeat !important;background-size:16px !important;} select::-ms-expand{display:none} .w2calendar_header select{background-size:8px} /*checkbox&radio*/ input[type=checkbox]{position:relative;display:inline-block;width:13px;height:13px;padding:0;margin:0;border-radius:2px;border-width:1px !important;border-style:solid;border-color:#B9C1C9;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none} input[type=checkbox]:checked{border-color:#1D36B4;background-color:#1D36B4;} input[type=checkbox]:checked:after{content:'';position:absolute;/* top:1px;left:4px; */top:0;left:3px;width:3px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff;transform: rotate(-135deg);} input[type=checkbox][disabled]{border-color:#D6DBE1;background-color:#EBEFF5;} input[type=checkbox][disabled]:checked{border-color:#1D36B4;background-color:#1D36B4;opacity:0.6} input[type=radio]{position:relative;display:inline-block;width:13px;height:13px;padding:0;margin:0;border-radius:50%;border:1px solid #B9C1C9 !important;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none} input[type=radio]:checked{border-color:#1D36B4 !important;background-color:#fff;} input[type=radio]:checked:after{content:'';position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background-color:#1D36B4} input[type=radio][disabled]{border-color:#D6DBE1 !important;background-color:#D6DBE1;} input[type=radio][disabled]:checked{border-color:#707DBF !important;background-color:#D6DBE1;} input[type=radio][disabled]:checked:after{opacity:0.6} input[type=radio][disabled]:checked{border-color:#707DBF !important;background-color:#D6DBE1;opacity:0.6} /*checkbox*/ .w2checkbox_item{position:relative;min-width:18px;min-height:18px;} .w2checkbox_item input[type=checkbox]{overflow:hidden;position:absolute;top:0;left:0;width:0px;height:0;border:0;opacity:0 !important;} .w2checkbox_item label{position:relative;display:inline-block;padding-left:19px !important;font-size:12px;font-weight:300;line-height:18px;} .w2checkbox_item label:before{content:'';position:absolute;top:2.5px;left:0;width:11px;height:11px;border-radius:2px;border:1px solid #B9C1C9;background:#fff;color:#121619;font-size:12px;line-height:18px;font-weight:300} .w2checkbox_item input[type=checkbox]:checked ~ label:before{border-color:#1D36B4;background-color:#1D36B4;} .w2checkbox_item input[type=checkbox]:checked:after{display:none} .w2checkbox_item input[type=checkbox]:checked ~ label:after{content:'';position:absolute;top:3.5px;left:4px;width:3px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff;transform: rotate(-135deg);} .w2checkbox_item input[type=checkbox][disabled] ~ label:before{border-color:#D6DBE1;background-color:#EBEFF5;color:#B9C1C9} .w2checkbox_item input[type=checkbox][disabled]:checked ~ label:before{border-color:#1D36B4;background-color:#1D36B4;color:#B9C1C9;opacity:0.6} /*radio*/ .w2radio_item{position:relative;min-width:18px;min-height:18px;} .w2radio_item input[type=radio]{overflow:hidden;position:absolute;top:0;left:0;width:0px;height:0;border:0;opacity:0 !important;} .w2radio_item label{position:relative;display:inline-block;padding-left:19px !important;font-size:12px;font-weight:300;line-height:18px !important;} .w2radio_item label:before{content:'';position:absolute;top:2px;left:0;width:11px;height:11px;border-radius:50%;border:1px solid #B9C1C9;background:#fff;color:#121619;font-size:12px;line-height:18px;font-weight:300} .w2radio_item input[type=radio]:checked ~ label:before{border-color:#1D36B4;background-color:#FFFFFF;} .w2radio_item input[type=radio]:checked:after{display:none} .w2radio_item input[type=radio]:checked ~ label:after{content:'';position:absolute;top:6px;left:4px;width:5px;height:5px;border-radius:50%;background-color:#1D36B4} .w2radio_item input[type=radio][disabled] ~ label:before{border-color:#707DBF;background-color:#D6DBE1;color:#B9C1C9} .w2radio_item input[type=radio][disabled]:checked ~ label:before{border-color:#707DBF !important;background-color:#D6DBE1;opacity:0.6} .w2tb_th > .radio_ipt{width:calc(100% - 14px);padding-left:2px} .w2tb_th .w2radio_item label, .w2tb_th .w2checkbox_item label{font-weight:600} .txt_center{text-align:center;} .txt_blue {color:#2A46D3 !important;} .txt_red {color:#F02D2C !important;} .popWrap strong.txt_blue {color: #2A46D3 !important; font-weight:normal;} .popWrap strong.txt_red {color: #F02D2C !important; font-weight:normal;} .popWrap .w2tb_td strong.txt_red {color: #F02D2C !important; font-weight:700 !important;} .pm_info{ color:#2A46D3;} .w2tb.tbl_adp .pw_info{color:#2A46D3;line-height:150%;} .txt_info{color:#2A46D3;line-height:150%;} .result_msg_02 .msg_box > span{color:#343A3F;} .result_msg_02 .msg_box > span:first-child{color:#102694} .section_title{padding: 11px 60px 11px 0;} .section_title h3.title{color:#121619;font-size:16px;font-weight:700;line-height: 140%;} .pm_setPC .nick_box{vertical-align:middle;} .pm_setPC .nick_box .pm_info{margin-left:4px;line-height:150%;} .pm_setPC .radio .w2radio_label{font-size:13px;} .pm_setPC .delete_info{padding:8px 12px;border-radius:3px;background:#EBEFF5} .pm_setPC .delete_info p{padding:0 0 0 28px;font-size:12px;font-weight:300;line-height:150%} .pm_setPC .delete_info strong, .pm_setPC .delete_info a{position:relative;min-height:18px;padding:0 0 0 28px;background:none;font-size:12px;font-weight:600;line-height:150%} .pm_setPC .delete_info strong:before, .pm_setPC .delete_info a:before{content:'';position:absolute;top:-1px;left:0;width:20px;height:20px;background:url(/img/common/ico_info_tit.png) 50% 50% no-repeat;background-size:20px;color:#fff;} .p_errorCnt{border-radius:3px;background:#F3F6FB} .p_errorCnt > *{color:#000;font-size:12px;font-weight:300;line-height:150%} .result_msg_02{margin:32px 0} .msg_passMark_02 > strong{color:#121619;font-size:14px;font-weight:700;line-height:150%} .toggle_title, .searchbox .s_title{min-height:22px;padding: 11px 30px 11px 10px;background-color:#7B8CE4 !important;line-height:inherit;} .searchbox .s_title strong{display:inline-block;line-height:22px} .toggle_title h3.title{padding-left:0;line-height:22px} .toggle_title .rightArea_01 .btn, .searchbox .s_title .btn{background:transparent url(/img/common/icon_line_16_minus.png) top 50% right 12px no-repeat;background-size:20px auto;} .toggle_box.close .toggle_title .rightArea_01 .btn, .searchbox.show .s_title .btn{background:transparent url(/img/common/icon_line_16_plus.png) top 50% right 12px no-repeat;background-size:20px auto;} .agree_msg_02 .btn_area_01 > .centerArea_01 {margin-bottom:0} .agree_msg_03, .agree_msg_03 .infoBox{border-radius:3px;} .mail_info.chkSelect .w2group > span{margin-top:0;} .mail_info.chkSelect .w2group{display:inline-flex;min-height:30px;align-items: center;} div[style*=none] + .section_title, table[style*=none] + .section_title{margin-top:0 !important} /*table*/ .w2grid:before, .w2grid .grdNoresultMsg, .searchbox .s_box .hide_rowGroup .row:first-child, .s_box .row, .s_box .row.last, .s_box .th, .s_box .td, .w2tb .w2tb_th, .w2tb .w2tb_td{border-color:#EBEFF5;} .searchbox .s_box .hide_rowGroup .row:last-child, .w2tb.tbl_adp tr:last-child .w2tb_th, .w2tb.tbl_adp tr:last-child .w2tb_td{border-bottom-color:#B9C1C9 !important;} .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault{border-color:#EBEFF5;border-top-color:#B9C1C9;border-bottom-color:#B9C1C9;border-left:1px solid #EBEFF5;background:none;} .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault:first-child{border-left-color: transparent;} .w2grid .gridBodyDefault{border-color:#EBEFF5} .w2grid .gridHeaderTableDefault .grid_body_row:nth-child(1n){background:#fff !important} .s_box .th, .s_box .td{line-height:31px} .w2tb.tbl_adp.must .w2tb_th, .w2tb .w2tb_th, .s_box .th, .w2tb.tbl_adp tr .w2tb_th, .tbl_row.w2tb tr .w2tb_th{padding:5px 10px;background-color:#F3F6FB;} .s_box .th.must, .w2tb.tbl_adp tr .w2tb_th.must, .tbl_row.w2tb tr .w2tb_th.must{padding-left:10px;} .s_box .th.must:before, .w2tb.tbl_adp tr .w2tb_th.must:before, .tbl_row.w2tb tr .w2tb_th.must:before{display:inline;position:relative;top:1px;margin-left:0;margin-right:2px;color:#F94D49;background:none;font-size:12px;font-weight:300;line-height:150%;vertical-align:top} .s_box .row {position:relative;} .s_box .row > .th, .s_box .row.mLine > .th{position:absolute;top:0;bottom:0;height:auto} .s_box .row > .th > *{padding-left:0;} .s_box .td .ipt_intime{display:inline-flex;gap:10px;} .s_box .td .ipt_intime .w2inputCalendar_div {min-width:120px;} .s_box .td .ipt_intime > input{width:90px !important} .w2grid .gridBodyDefault .pc.priceNum.pricePlus, .w2grid .gridBodyDefault .pc.priceTxt.pricePlus{color:#2463DF} .w2grid .gridBodyDefault .pc.priceNum.priceMinus, .w2grid .gridBodyDefault .pc.priceTxt.priceMinus{color:#F02D2C} .agree_msg_03 .infoBox .row .tit, .total_box .col .th{background: url(/img/common/ico_ingrid_dot.png) left 4px top 50% no-repeat;background-size:4px;} .total_box .col .th{padding-left:14px} .tbl_adp + .grid_wrap{margin-top:10px !important;} .agree_msg_03 h3{color:#121619;font-size:16px;font-weight:700;line-height:140%;} .agree_msg_03 .infoBox{border-top:1px solid #D6DBE1;border-bottom:1px solid #D6DBE1;background-color:#F8F9FC} .agree_msg_03 h3 + .infoBox{margin-top:10px} .agree_msg_03 .infoBox .row > p{color:#6C747E;font-size:12px;font-weight:600;line-height:150%} .agree_msg_03 > div+div{margin-top:0;border-top:0 !important;} /* .agree_msg_03 .infoBox .row strong.tit, */ .total_box .col{width:calc(50% - 10px);height:30px;padding-top:3px;padding-bottom:3px} .total_box .col strong.th{background-position:top 50% left 4px;} .total_box .title{margin-bottom:10px} .total_box .title:not(a[style*=none]){height:auto !important;margin-bottom:14px;} .total_box .title > span{color:#6C747E;font-size:12px;font-weight:400;line-height:150%;} .total_box .area{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;border-bottom:0;border-top:1px solid #B9C1C9; border-bottom:1px solid #B9C1C9;/* border-color:#EBEFF5; */background-color:#F3F6FB !important;} .total_box .area:after{display:none;} .w2tb .w2tb_td > .txt_info{margin-left:0} .chr_01{display:inline-block;margin-left:0;border-radius:2px;border:1px solid #6C747E;color:#343A3F;font-size:11px;font-weight:300;line-height:150%;} .w2tb.tbl_adp .w2tb_th:has(> .chr_01) label:after{content:'\a';display:block} .detailBox_01 .hide_rowGroup span{margin-top:0;vertical-align: middle;} /*layer */ .popLay:before{content:'';position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4)}/*배경추가*/ .popLay > .w2floatingLayer_table{position:relative;} .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_topcenter {background:#102694;} .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_centerleft, .w2floatingLayer_centerright, .w2floatingLayer_bottomleft, .w2floatingLayer_bottomright {background:#102694;} .w2floatingLayer_bottomleft, .w2floatingLayer_bottomcenter, .w2floatingLayer_bottomright {background:#102694;} /* PopLayer */ .popWrap .p_contBox {color:#000;} .popWrap .p_errorInfo{color:#000;} .popWrap .service_base{padding:0;border:0;} .popWrap .service_base p{color:#000;font-size:12px;font-weight:300;line-height:150%} .popWrap .service_base dt h3.title{padding-bottom:5px;color:#000;font-weight:600;} .popWrap .service_base .service_txt01{padding-left:0} /* btn */ .btnLv1{position:relative; margin-left:5px; padding:9px 10px; min-width:102px; height:21px; font-size:14px !important; font-weight:600; color:#fff; line-height:150%; text-align:center; vertical-align:middle; background:#102694; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv1.w2anchor_disabled{color:rgba(255,255,255,0.2)} .agree_msg_03 .btnLv1{ font-size:14px !important;} .btnLv1:after{background:none;} .btnLv2{position:relative; margin-left:5px; padding:0 16px; min-width:60px; height:30px; font-size:12px; font-weight:600; color:#121619; line-height:30px; text-align:center; vertical-align:middle; background:#EBEFF5; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv2.w2anchor_disabled{background-color:#EBEFF5;color:#B9C1C9} .btnLv2:after{background:none;} .btnLv2.arrow{padding-right: 34px;} .btnLv2.arrow:after{width:30px;height:30px;transform: rotate(90deg);background:url(/img/main/ico_textmore_arrow.png) 50% 50% no-repeat;background-size:12px;} .btnLv2.pdfBtn2{padding-left:26px !important;background:#EBEFF5 url(/img/common/icon_gridBtn_01_new.png) left 12px top 50% no-repeat !important;background-size:12px !important;color:#121619;font-size:12px;font-weight:600;} .btn_keypad.btnLv2{display:none !important} .btnLv3{position:relative; margin-left:5px; padding:9px 10px; min-width:102px; height:21px; font-size:14px; font-weight:600; color:#fff; line-height:150%; text-align:center; vertical-align:middle; background:#102694; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btnLv3.w2anchor_disabled{color:rgba(255,255,255,0.2)} .btnLv3:after{background:none;} .btnLv3.pdfBtn3{height:30px;padding:6px 16px 6px 26px;border-radius:3px;border:0;background:#EBEFF5 url(/img/common/icon_gridBtn_01_new.png) left 12px top 50% no-repeat;background-size:12px;color:#121619;font-size:12px;font-weight:600;line-height:30px} .btnLv3.pdfBtn3.w2anchor_disabled{background-color:#EBEFF5;color:#B9C1C9;background-blend-mode: luminosity;} .btnLv4{width:auto;height:auto;min-height:18px;padding:6px 16px 6px 16px;border-radius:3px;border:0;background:#EBEFF5;color:#121619;font-size:12px;font-weight:600;line-height:18px} .btnLv4:after{background:none;} .btnLv4.w2anchor_disabled{background-color:#EBEFF5;color:#B9C1C9} .btnLv5.fileDown{width:auto;height:21px;padding:8px 15px 8px 35px;border-radius:3px;border:1px solid #2A46D3;background:#fff url(/img/common/icon_btnLv5_down.png) left 15px top 50% no-repeat;background-size:16px;color:#1D36B4;font-size:14px;font-weight:600;line-height:21px} .btnLv5.fileDown:after{display:none;} .btnLv5.w2anchor_disabled{border-color:#B9C1C9;color:#B9C1C9;background-blend-mode: luminosity;} div.btnLv5.fileDown{min-width:auto;height:21px;padding:6px 16px 6px 26px;border-radius:3px;border:0;background:#EBEFF5 url(/img/common/icon_gridBtn_01_new.png) left 12px top 50% no-repeat;background-size:12px;color:#121619;font-size:12px;font-weight:600;line-height:21px} div.btnLv5.fileDown > *{color:#121619;font-size:12px;font-weight:600;line-height:21px} div.btnLv5.fileDown.w2anchor_disabled{background-color:#EBEFF5;color:#B9C1C9} div.btnLv5.fileDown.w2anchor_disabled > *{color:#B9C1C9} .btnLv7{display:inline-block;width:auto;height:18px;padding:5px 11px 5px 11px;border-radius:3px;border:1px solid #2A46D3;background:#fff;color:#2A46D3;font-size:12px;font-weight:600;line-height:18px;text-align:center;} .btnLv7.w2anchor_disabled{border-color:#B9C1C9;color:#B9C1C9} .tbl_adp td .intoBtn_01 .btnLv7:first-child{margin-top:10px !important;} .gBtn_area_01 .leftArea_01 .btnLv5.fileDown, .gBtn_area_01 .leftArea_01 .btnLv5.fileUp{min-width:auto;height:21px;padding:6px 16px 6px 26px;border-radius:3px;border:0;background:#EBEFF5 url(/img/common/icon_gridBtn_01_new.png) left 12px top 50% no-repeat;background-size:12px;color:#121619;font-size:12px;font-weight:600;line-height:21px} .gBtn_area_01 .leftArea_01 .btnLv5.fileDown:after, .gBtn_area_01 .leftArea_01 .btnLv5.fileUp:after{display:none;} .w2inputCalendar_button{top:0 !important;width:24px;height:24px;margin-top:0;background:url(/img/common/ico_ipt_calendar.png) 50% 50% no-repeat !important;background-size:24px !important;} .gBtn_area_01{margin-bottom:0;padding:8px 0;} .total_box .title .btn_refresh, .grid_btn_00, .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_02, .grid_btn_03, .gBtn_area_01 .rightArea_01 .grid_btn_03, .grid_btn_04, .gBtn_area_01 .rightArea_01 .grid_btn_04{width:auto;height:18px;padding:6px 16px 6px 26px;border-radius:3px;border:0;color:#121619;font-size:12px;font-weight:600;line-height:150%} .total_box .title .btn_refresh{background:#EBEFF5 url(/img/common/btn_refresh_new.png) left 12px top 50% no-repeat;background-size:12px;} /*새로고침*/ .grid_btn_00{background:#EBEFF5 url(/img/common/icon_gridBtn_00_new.png) left 12px top 50% no-repeat !important;background-size:12px !important;color:#121619 !important} .grid_btn_00.checked{background:#D6DBE1 url(/img/common/icon_gridBtn_00_new.png) left 12px top 50% no-repeat !important;background-size:12px !important;color:#121619 !important} .grid_btn_02, .gBtn_area_01 .rightArea_01 .grid_btn_02{background:#EBEFF5 url(/img/common/icon_gridBtn_03_new.png) left 12px top 50% no-repeat;background-size:12px;} /*PDF인쇄*/ .grid_btn_03, .gBtn_area_01 .rightArea_01 .grid_btn_03{background:#EBEFF5 url(/img/common/icon_gridBtn_02_new.png) left 12px top 50% no-repeat;background-size:12px;} /*계좌상세조회*/ .grid_btn_04, .gBtn_area_01 .rightArea_01 .grid_btn_04{background:#EBEFF5 url(/img/common/icon_gridBtn_01_new.png) left 12px top 50% no-repeat;background-size:12px;} /*다운로드*/ .total_box .title .btn_refresh.w2anchor_disabled, .grid_btn_00.w2anchor_disabled, .grid_btn_02.w2anchor_disabled, .gBtn_area_01 .rightArea_01 .grid_btn_02.w2anchor_disabled, .grid_btn_03.w2anchor_disabled, .gBtn_area_01 .rightArea_01 .grid_btn_03.w2anchor_disabled, .grid_btn_04.w2anchor_disabled, .gBtn_area_01 .rightArea_01 .grid_btn_04.w2anchor_disabled{background-color:#EBEFF5 !important;color:#B9C1C9 !important;background-blend-mode: luminosity !important;} /*step box*/ .step_box ul{} .step_box ul li{width:33.3%} .step_box ul li.selected{background: url(/img/common/ico_step_select.png) center bottom no-repeat;background-size:10px auto} .step_box ul li .box{border-color:#D6DBE1;background:#fff;} .step_box ul li.selected .box{border-color:#102694;background:#102694;} .step_box ul li .box > *{color:#6C747E;font-size:14px;font-weight:600;line-height:150%} .step_box ul li.selected .box > *{color:#fff} .result_step{width:auto;margin:20px auto;padding:32px 20px;border-color:#D6DBE1 !important;background-color:#F8F9FC !important;} .result_step .msg_box {vertical-align:middle;display:inline-block;width: 100%;text-align: center;} .result_step .msg_box > span {display:block;color:#000000;font-size:14px;font-weight:400; margin-top:10px } .result_step .msg_box > span:first-child {color:#102694;font-weight:600; margin-top:0px } .result_step .msg_box > span.uq {color:#333;font-weight:600; text-align:left} .result_step .msg_box > span.uq ul {} .result_step .msg_box > span.uq ul li {position:relative; margin-top:8px; padding-left:10px; color:#555; font-size:11px;font-weight:300;line-height:150%;} .result_step .msg_box > span.uq ul li:before {content:'';top:8px;left:0;width:4px;height:4px;border-radius:50%;background-color:#666;position: absolute;} .result_step .msg_box {vertical-align:middle;display:inline-block;width: 100%;text-align: left;} .result_step .msg_box > span {display:block;color:#000000;font-size:14px;font-weight:400line-height:150%; margin-top:10px; text-align:center;} .result_step .msg_box > span:first-child {color:#102694;font-weight:600; text-align:center;margin-top:0px } .result_step .msg_box > span.uq {color:#333;font-weight:600; text-align:left} .result_step .msg_box > span.uq ul {} .result_step .msg_box > span.uq ul li {position:relative; margin-top:8px; padding-left:10px; color:#555; font-size:11px;font-weight:300;line-height:150%;} .result_step .msg_box > span.uq ul li:before {content:'';top:8px;left:0;width:4px;height:4px;border-radius:50%;background-color:#666;position: absolute;} /*info list*/ .info_list_result[style*=unset]{list-style:none !important} .info_list_result[style*=unset] > li{position:relative;margin-left:0 !important;padding-left:8px !important;} .info_list_result[style*=unset] > li:before{content:'';position:absolute;top:0;left:0;width:4px;height:4px;margin-top:calc(0.5em + 3px);border-radius:50%;background:#6C747E} /* .info_list_result[style*=unset] > li:only-of-type{padding-left:0 !important;} .info_list_result[style*=unset] > li:only-of-type:before{display:none} */ .info_list_02 {margin:10px 0 0;} .info_list_02 li {line-height:18px;} .info_list_02 li > .w2textbox, .info_list_02 li .w2span{position:relative;padding-left:12px !important;background:none;text-indent:0 !important;} .info_list_02 li:only-child > .w2textbox, .info_list_02 li:only-child .w2span{padding-left:0 !important;} .info_list_02 li > .w2textbox:before, .info_list_02 li .w2span:before{content:'';position:absolute;top:0;left:0;width:4px;height:4px;margin-top:0.5em;border-radius:50%;background:#6C747E} .info_list_02 li:only-child > .w2textbox:before, .info_list_02 li:only-child .w2span:before{display:none;} .info_list_02.dash li > .w2textbox, .info_list_02.dash li .w2span {margin-left:0 !important;padding-left:8px !important; text-indent:-8px;} .info_list_02.dash li > .w2textbox:before, .info_list_02.dash li .w2span:before{display:none;} .sbjForm_02 ul.smalldot{} .sbjForm_02 ul.smalldot li{position:relative;padding-left:8px !important;background:none;text-indent:0 !important;} .sbjForm_02 ul.smalldot li .w2span{position:relative;padding-left:12px !important;background:none;text-indent:0 !important;} .sbjForm_02 ul.smalldot li:only-child{padding-left:0 !important;} .sbjForm_02 ul.smalldot li:before{content:'';position:absolute;top:0;left:0;width:2px;height:2px;margin-top:calc(0.5em + 2px);border-radius:50%;background:#6C747E} .sbjForm_02 ul.smalldot li:only-child:before{display:none;} /*list-dot-none*/ .info_list_result[style*=unset] > li.dot_none:before, .info_list_02 li.dot_none > .w2textbox:before, .info_list_02 li.dot_none .w2span:before, .info_list_02.dash li.dot_none > .w2textbox:before, .info_list_02.dash li.dot_none .w2span:before{display:none} .sbjForm_02 ul.smalldot li.dot_none:before{display:none} /*dot text*/ .dot_txt{position:relative;padding-left:12px !important;} .dot_txt:before{content:'';position:absolute;top:0;left:0;width:4px;height:4px;margin-top:0.5em;border-radius:50%;background:#6C747E} .dash_txt{display:block;position:relative;margin:2px 0;padding-left:12px !important;} .dash_txt a{display:inline;color:#6C747E !important;text-decoration:underline;} .dash_txt:before{content:'';position:absolute;top:0;left:0;width:6px;height:1px;margin-top:0.6em;background:#6C747E} .page_info ~ .page_info_link{margin:-15px 0 15px;padding-left:12px} .page_info .dash_txt, .page_info ~ .page_info_link .dash_txt{color:#6C747E;font-size:11px;font-weight:300;line-height:150%;} .page_info .dash_txt >*, .page_info ~ .page_info_link .dash_txt >*{color:#6C747E;font-size:11px;font-weight:300;line-height:150%;} .page_info li{position:relative;padding-left:12px !important;background:none} .page_info li:before{content:'';position:absolute;top:0;left:0;width:4px;height:4px;margin-top:0.5em;border-radius:50%;background:#6C747E} .num_list_txt{counter-reset:list-number;color:#343A3F;font-size:12px;font-weight:300;line-height:150%;} .tbl_adp td .num_list_txt:last-child{margin-bottom:10px;} .num_list_txt li{counter-increment:list-number;position:relative;padding-left:12px !important;background:none;color:#343A3F;font-size:12px;font-weight:300;line-height:150%;text-indent:-12px;} /* .num_list_txt li:before{content:counter(list-number);position:absolute;top:2px;left:0;width:10px;height:10px;border-radius:50%;border:1px solid #343A3F;color:#343A3F;font-size:10px;font-weight:300;line-height:10px;text-align:center;} */ /*바로가기*/ .gMenu_layer{} .gMenu_layer .title{height:12px;padding:8px 30px 9px 9px;border:1px solid #EBEFF5;border-bottom:0;background:#D6DBE1;color:#343A3F;font-size:12px;font-weight:600;line-height:1;} .gMenu_layer .btn_close{right:9px;top:8px;width: 12px;height: 12px;background-image: url(/img/common/menuAll_close_01_new.png) !important;background-size:12px auto !important} .gMenu_layer .list_box{border-color:#EBEFF5} .gMenu_layer .list_box > li a{padding:5px 10px 5px 10px;color:#343A3F;font-weight:300;} .gMenu_layer .list_box > li a:hover{padding:5px 20px 5px 5px;background-image:url(/img/main/ico_textmore_arrow.png);background-color:transparent !important;background-position:top 50% right 5px;background-repeat:no-repeat;background-size:12px;font-weight:600;text-decoration:underline} /*help txt*/ .btn_help_txt{min-width:auto;margin-left:4px;font-size:12px;vertical-align: middle;} .btn_help_txt.intxt{height:auto;min-height:18px;font-size:12px;} /*otp wrap*/ .ipt_otp_wrap{width:100%;display:flex;align-items:center;} .ipt_otp_wrap .pw_intoBtn_01{position:relative;padding-right:0 !important} .co_secret_guide .box {margin-top:30px;} .co_secret_guide .img_cardBox {width:480px;} .co_secret_guide .cont_otpBox{width:480px;} .co_secret_guide .img_cardBox > img, .co_secret_guide .img_otpBox > img{max-width:100%;} .co_secret_guide .cont_otpBox .tit {background:#F3F6FB;color:#121619} .co_secret_guide .cont_otpBox .cont .smp {background:#102694;} .co_secret_guide .cont_otpBox .pw_num {border-color: #B9C1C9} .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{position:relative;padding-left:12px !important;background:none;} .co_secret_guide .cont_otpBox .cont li:before{content:'';position:absolute;top:3px;left:0;width:4px;height:4px;margin-top:0.5em;border-radius:50%;background:#6C747E} .co_secret_guide .cont_otpBox .cont li span {line-height:18px;} .co_secret_guide .cont_otpBox .cont li strong {color:#294e93;} /*tab*/ .w2tabcontrol.tab_01{position:relative;width:100%;height:50px;box-sizing:border-box;} .w2tabcontrol.tab_01 *{} .w2tabcontrol.tab_01 .w2tabcontrol_tabhost{display:flex;height:auto !important;} .w2tabcontrol.tab_01 .w2tabcontrol_li{flex-grow:1;height:auto !important;border:0 !important;background-color:transparent !important} .w2tabcontrol.tab_01 .w2tabcontrol_li:first-child{} .w2tabcontrol.tab_01 .w2tabcontrol_li.w2tabcontrol_active, .w2tabcontrol.tab_01 .w2tabcontrol_li.w2tabcontrol_over{} .w2tabcontrol.tab_01 .w2tabcontrol_li .w2tabcontrol_tab_center{display:table;table-layout:fixed;width:100%;height:50px;} .w2tabcontrol.tab_01 .w2tabcontrol_li a{display:table-cell;overflow:hidden;position:relative;top:auto;width:100%;height:100%;margin:0;padding:5px 5px;border-radius:3px 3px 0 0;border:1px solid #EBEFF5;border-bottom-color:#6C747E;background-color:#EBEFF5;color:#B9C1C9;font-size:15px;font-weight:600;line-height:150%;text-overflow:ellipsis;vertical-align:middle;;outline:none;box-sizing:border-box;} .w2tabcontrol.tab_01 .w2tabcontrol_li a:focus{outline:none} .w2tabcontrol.tab_01 .w2tabcontrol_li.w2tabcontrol_over a{color:#121619} .w2tabcontrol.tab_01 .w2tabcontrol_li.w2tabcontrol_active a{border-color:#6C747E;border-bottom-color:#fff;background-color:#fff;color:#121619} .w2tabcontrol.tab_01 .w2tabcontrol_contents .w2tabcontrol_contents_wrapper > *:last-child{margin-bottom:20px} /*ERROR page*/ .pageError .hdr_logo{background: url(/img/jp/logo6.png) left center no-repeat;background-size: auto 42px;} .pageError .errBody {border-top-color:#B9C1C9; border-bottom-color:#B9C1C9;} .pageError .errBody .title p{color:#102694} .pageError .btnLv1{position:relative; margin-left:5px; padding:9px 10px; min-width:102px;font-size:14px !important; font-weight:600; color:#fff; line-height:150%; text-align:center; vertical-align:middle; background:#102694; display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} /*calendar*/ .w2calendar{width:335px;height:auto !important;padding:16px 17px;border-radius:12px;border:1px solid #D6DBE1;} .w2calendar, .w2calendar *{box-sizing: border-box;} .w2calendar:focus{border-color:#D6DBE1;} .w2calendar_header{display:flex;align-items:center;justify-content:center;gap:16px;height:40px;margin-bottom:12px;padding:16px 20px 0;} .w2calendar_header > *{position:relative !important;top:inherit !important;left:inherit !important;display:inline-block;} .w2calendar_header > button{outline:none !important;overflow:hidden;width:16px !important;height:16px !important;font-size:0 !important} .w2calendar_header > select{outline:none !important;padding-right:20px;background: transparent url(/img/common/icon_line_16_select.png) top 50% right 0 no-repeat !important;background-size: 12px !important;color:#121619;font-size:17px !important;font-weight:800 !important;line-height:140% !important;min-width: fit-content;} .w2calendar_header > .w2calendar_header_last_year{background: transparent url(/img/common/icon_line_16_first.png) top 50% right 0 no-repeat !important;background-size: 16px !important;} .w2calendar_header > .w2calendar_header_last_month{background: transparent url(/img/common/icon_line_16_prev.png) top 50% right 0 no-repeat !important;background-size: 16px !important;} .w2calendar_header > .w2calendar_selectbox_year_native{margin-left:8px;} .w2calendar_header > .w2calendar_selectbox_month_native{margin-right:8px;} .w2calendar_header > .w2calendar_header_next_month{background: transparent url(/img/common/icon_line_16_next.png) top 50% right 0 no-repeat !important;background-size: 16px !important;} .w2calendar_header > .w2calendar_header_next_year{background: transparent url(/img/common/icon_line_16_last.png) top 50% right 0 no-repeat !important;background-size: 16px !important;} .w2calendar_content{border-top:0;border-bottom:0;background:#fff;} .w2calendar_class1 th, .w2calendar_class1 td{background-color:#fff !important} .w2calendar_content thead{border-bottom:1px solid #EBEFF5} .w2calendar_content .w2calendar_col_day{text-indent:0;font-size:0 !important;} .w2calendar_content .w2calendar_col_day:before{color:#121619;font-size:12px !important;font-weight:400;line-height:150%;} .w2calendar_content .w2calendar_col_day.w2calendar_day0:before{content:'SUN';color:#F94D49} .w2calendar_content .w2calendar_col_day.w2calendar_day1:before{content:'MON'} .w2calendar_content .w2calendar_col_day.w2calendar_day2:before{content:'TUE'} .w2calendar_content .w2calendar_col_day.w2calendar_day3:before{content:'WED'} .w2calendar_content .w2calendar_col_day.w2calendar_day4:before{content:'THU'} .w2calendar_content .w2calendar_col_day.w2calendar_day5:before{content:'FRI'} .w2calendar_content .w2calendar_col_day.w2calendar_day6:before{content:'SAT';color:#2A46D3} .w2calendar_class1 .w2calendar_col_day{height:30px;} .w2calendar_class1 .w2calendar_col_date{height:38px;padding:4px 6px} .w2calendar_class1 .w2calendar_col_day, .w2calendar_class1 .w2calendar_col_date, .w2calendar_class1 .w2calendar_col_date button{background-image:none;font-size:15px;font-weight:500} .w2calendar_class1 .w2calendar_col_date button{width:30px;height:30px;border-radius:50%;color:#121619;} .w2calendar_class1 .w2calendar_date_over, .w2calendar_class1 .w2calendar_date_over button{background-color:#EBEFF5;} .w2calendar_class1 .w2calendar_day_0, .w2calendar_class1 .w2calendar_day_0 button{color:#F94D49} .w2calendar_class1 .w2calendar_day_6, .w2calendar_class1 .w2calendar_day_6 button{color:#2A46D3} .w2calendar_class1 .w2calendar_selected, .w2calendar_class1 .w2calendar_selected button{background-color:#000C4D !important;color:#fff; border-radius: 100%;appearance: none;} .w2calendar .w2calendar_footer{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 0;} .w2calendar .w2calendar_footer .w2calendar_go_today{position:relative;width:auto;height:auto;margin-left:0 !important;padding:5px 10px;border-radius:4px;background:#ECF0FB;font-size:0;text-indent:0;} .w2calendar .w2calendar_footer .w2calendar_go_today:before{content:'Today';color:#2A46D3;font-size:12px;font-weight:590;line-height:14px;} .w2calendar .w2calendar_footer_date_div{float:none;display:inline-block;height:auto;color:#2A46D3;font-size:13px;font-weight:700;line-height:150%;} .w2calendar .w2calendar_footer a.w2calendar_date_cancel{width:24px !important;height:24px !important;margin-left:auto;background-image: url(/img/common/menuAll_close_01_new.png) !important;background-color: transparent !important;background-size: 24px !important;} /* 추가 요청분 */ .otpOverlay { position:absolute; inset:0; cursor:pointer; background:rgba(0,0,0,0); } /*** main(로그인 후) ***/ body.subBg01 .section{margin: 0 20px;} body.subBg01 .section:last-of-type{margin-bottom: 16px;} body.subBg01 .se{margin-top:24px !important;} .main_topdt_content + .container .section_title h3.title{color:#121619;font-size:16px !important;font-weight:700} .main_topdt_content + .container .w2grid th.gridHeaderTDDefault nobr{color:#121619 !important;;font-size:12px !important;font-weight:600;} .main_topdt_content + .container .mGridFoot .w2tb_th{background-color:#F3F6FB;color:#000;font-size:12px !important;} .container .goodsMent{margin:40px 0;padding:20px;border-radius:3px;border-bottom:0;background:#F8F9FC;color:#102694;font-size:16px;font-weight:600;line-height:150%} .w2tb .w2tb_td > input + span.txt_info{margin-left:10px !important;} /*Topdata*/ .main_topdt_content{width:100%;background:linear-gradient(273.94deg, #ECF0FB 0%, #CCD3F5 99.55%);} .main_topdt_content, .main_topdt_content *{box-sizing: border-box;} .main_topdt_content .main_cont_inbox{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:36px 0;} .main_topdt_content .section.profile_lay{margin-bottom:0;margin-top:0;} .main_topdt_content .section.profile_lay .l_area{width:100%} .main_topdt_content .section.profile_lay .l_area .user_info{border-radius:3px;background:linear-gradient(180deg, #1D36B5 0%, #102694 100%)} .main_topdt_content .section.profile_lay .l_area .infoTop{min-height:43px;padding:28px 20px;border:0 !important;background:transparent} .main_topdt_content .section.profile_lay .l_area .infoTop .infoBox{margin-top:0} .main_topdt_content .section.profile_lay .l_area .infoTop img{width:57px;height:43px;margin-right:8px;border-radius:3px;} .main_topdt_content .section.profile_lay .l_area .infoTop .cBox span.nm{color:#FEC42D;font-size:17px;font-weight:600;line-height:140%;word-break: break-all;} .main_topdt_content .section.profile_lay .l_area .infoTop .btn_01{top:50%;transform:translateY(-50%);width:auto;height:auto;padding:6px 12px;border-radius:3px;background:#fff;color:#121619;font-size:13px;font-weight:600;line-height:150%;} .main_topdt_content .section.profile_lay .l_area .infoBottom{padding:10px 20px 34px;border-radius:0 0 3px 3px;background:#0A1967} .main_topdt_content .section.profile_lay .l_area .infoBottom .row{display:table;table-layout:fixed;width:100%;font-size:0} .main_topdt_content .section.profile_lay .l_area .infoBottom .row.custom{display:none;} .main_topdt_content .section.profile_lay .l_area .infoBottom .row + .row{margin-top:10px;} .main_topdt_content .section.profile_lay .l_area .infoBottom .row *{box-sizing:border-box} .main_topdt_content .section.profile_lay .l_area .infoBottom .tit, .main_topdt_content .section.profile_lay .l_area .infoBottom .txt{float:none;display:table-cell;width:50%;height:35px;padding:0;border:0 !important;color:#f2f2f2;font-size:13px;font-weight:500;line-height:150%;vertical-align:middle} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt{text-align:right;} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt > *{float:none !important;display:inline-block;vertical-align:middle} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt .num{min-width:113px;} /*Banner*/ .container + .main_banner_content{margin-top:33px;border-top:1px solid #EBEFF5;} .main_banner_content{background:#fff;} .main_banner_content, .main_banner_content *{box-sizing: border-box;} .main_banner_content .main_cont_inbox{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:24px 0;} .main_banner_list{font-size:0;} .main_banner_item{position:relative;display:inline-block;width:25%;padding:12px 25px;vertical-align:top;} .main_banner_item, .main_banner_item *{box-sizing: border-box;} .main_banner_item + .main_banner_item:before{content:'';position:absolute;top:50%;left:0;width:1px;height:48px;margin-top:-24px;background-color:#EBEFF5} .main_banner_item .item_inbox{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;min-height:48px;padding:3px 0 3px 56px;} .main_banner_item .item_inbox:after{content:'';position:absolute;top:0;left:0;width:48px;height:48px;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:48px;} .main_banner_item.item01 .item_inbox:after{background-image:url(/img/main/img_main_banner01.png)} /* */ .main_banner_item.item02 .item_inbox:after{background-image:url(/img/main/img_main_banner02.png)} /* */ .main_banner_item.item03 .item_inbox:after{background-image:url(/img/main/img_main_banner03.png)} /* */ .main_banner_item.item04 .item_inbox:after{background-image:url(/img/main/img_main_banner04.png)} /* */ .main_banner_item .item_inbox > + *{margin-top:2px;} .main_banner_item .item_inbox .item_cate, .main_banner_item .item_inbox .item_tit{display:block;font-size:13px;line-height:20px;} .main_banner_item .item_inbox .item_cate{color:#6C747E;font-weight:500} .main_banner_item .item_inbox .item_tit{color:#102694;font-weight:600} .main_banner_item .item_link{position:absolute;top:0;bottom:0;left:0;right:0;font-size:0} /*Card*/ .main_card_content{background:#F3F6FB;} .main_card_content, .main_card_content *{box-sizing: border-box;} .main_card_content .main_cont_inbox{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:42px 0 59px;} .main_card_list{font-size:0;} .main_card_item{display:inline-block;position:relative;width:calc(33.33% - 8px);height:192px;padding:16px;border-radius:3px;border:1px solid #E1E6EC;background-color:#fff;vertical-align:top;} .main_card_item, .main_card_item *{box-sizing: border-box;} .main_card_item + .main_card_item{margin-left:12px;} .main_card_item .item_inbox{} .main_card_item .item_inbox:after{content:'';position:absolute;bottom:16px;right:16px;width:68px;height:60px;background-color:transparent;background-position:top 50% right 0;background-repeat:no-repeat;background-size:68px auto;} .main_card_item.item01 .item_inbox:after{background-image:url(/img/main/img_main_card01.png)} /* */ .main_card_item.item02 .item_inbox:after{background-image:url(/img/main/img_main_card02.png)} /* */ .main_card_item.item03 .item_inbox:after{background-image:url(/img/main/img_main_card03.png)} /* */ .main_card_item .item_inbox .item_cate, .main_card_item .item_inbox .item_tit{display:block;} .main_card_item .item_inbox .item_linktxt{display:inline-block;} .main_card_item .item_inbox .item_cate{color:#000000;font-size:11px;font-weight:300;line-height:150%;} .main_card_item .item_inbox .item_tit{min-height:46px;margin-top:4px;color:#121619;font-size:15px;font-weight:600;line-height:150%;} .main_card_item .item_inbox .item_linktxt{margin-top:8px;padding:3px 14px 3px 0;background-image:url(/img/main/ico_textmore_arrow.png);background-position:top 50% right 0;background-repeat:no-repeat;background-size:12px;color:#102694;font-size:12px;font-weight:600;line-height:150%;} .main_card_item .item_link{position:absolute;top:0;bottom:0;left:0;right:0;font-size:0} /*** login ***/ .pg_login {} .pg_login .content_head{display:none !important;} .pg_login #container, .pg_login .container{width:100%;height:auto;min-height: calc(100vh - 105px - 143px);} .login_content{width:100%;background:linear-gradient(273.94deg, #ECF0FB 0%, #CCD3F5 99.55%);} .login_content .cont_inbox{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:60px 0;} .login_wrap{position:relative;width:calc(100% - 306px - 76px);padding:21px 38px 20px;border-radius:3px;background:rgba(255,255,255,0.85);} .login_wrap:after{content:'';position:absolute;top:50%;left:calc(100% + 18px);transform: translateY(-50%);width:288px;height:248px;background:url(/img/common/bg_login_wrap.png);background-size: 100% auto} .login_wrap .login_tit{display:block;margin-bottom:16px;color:#121619;font-size:20px;font-weight:600;line-height:140%;} .login_wrap .w2tb{border-top:0} .login_wrap .w2tb colgroup, .login_wrap .w2tb .w2tb_th{display:none} .login_wrap .w2tb .w2tb_th, .login_wrap .w2tb .w2tb_td{height:auto;padding:10px 0;border:0 !important;background:transparent !important} .login_wrap .w2tb tr + tr .w2tb_td{padding-top:18px} .login_wrap .w2tb .w2tb_td input{width:100% !important;height:31px;padding:0 20px;border-radius:3px;border-color:#D6DBE1} .login_wrap .w2tb .w2tb_td .pwd{width:100% !important} .login_wrap input.text-placeholder{color:#B9C1C9;font-weight:600;opacity:1;} .login_wrap input::-webkit-input-placeholder{color:#B9C1C9;font-weight:600;opacity:1;} .login_wrap input:-moz-placeholder{color:#B9C1C9;font-weight:600;opacity:1;} .login_wrap .w2tb .pw_intoBtn_01{width:100%;} .login_wrap .btn_area_01{padding-top:12px;} .login_wrap .btnLv1{display:block;} .login_wrap .info_list_01{margin:32px 0 0} .login_wrap .info_list_01 li{position:relative;padding:0 0 0 12px;color:#343A3F;font-size:11px;font-weight:300;line-height:150%} .login_wrap .info_list_01 li:before{content:'';position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;background:#6C747E} /*** faq ***/ .faq_section .info{min-height:18px} .faq_section dt{min-height:18px;padding:11px 52px 11px 90px;border-color:#EBEFF5;color:#121619;font-size:12px;font-weight:300;line-height:150%} .faq_section dt:before{left:20px !important;top:8px !important;background: url(/img/common/icon_qna_q.png) 50% 50% no-repeat;background-size:24px} .faq_section dt .btn{right:20px !important;top:7px !important;background: url(/img/common/icon_line_16_plus_blk.png) 50% 50% no-repeat;background-size:16px} .faq_section .open dt .btn{background:url(/img/common/icon_line_16_minus_blk.png) 50% 50% no-repeat;background-size:16px} .faq_section dd{min-height:18px;padding: 8px 52px 8px 90px;background:#F3F6FB;color:#121619;font-size:12px;font-weight:300;line-height:150%} .faq_section dd:before{left:20px !important;top:5px !important;background: url(/img/common/icon_qna_a.png) 50% 50% no-repeat;background-size:24px} /*** 마이메뉴 ***/ .set_myMenu.first{border-top:1px solid #B9C1C9} .set_myMenu h4{height:auto;padding:11px 10px;background:#7B8CE4;font-size:16px;font-weight:700;line-height:140%} .set_myMenu .gMenu h5{height:auto;padding:11px 0;color:#102694; font-size:16px;font-weight:700;line-height:140%} .set_myMenu .gMenu .genChk{margin-bottom:25px;} .set_myMenu .gMenu .chk{} .set_myMenu .gMenu .chk.dep{margin-bottom:10px} .set_myMenu .gMenu .chk > div{margin-top:10px;padding:0 20px 0 20px} .set_myMenu .gMenu .chk.dep > div{margin-top:0} .set_myMenu .gMenu .chk .w2checkbox_label{color:#121619;font-size:12px;font-weight:300;line-height:145%;} .set_myMenu .gMenu .chk.dep .w2checkbox_label{padding-top:0;} /*** [Media] Tablet ***/ @media all and (min-width:767px) and (max-width:1000px){ /*Common*/ #header{height:64px !important;padding:0 !important} #header .top .logo{top:16px !important;left:20px !important;width:240px;height:32px} #header .top .logo.jp{background: url(/img/jp/logo6.png) left top no-repeat;background-size:auto 32px !important} #header .mBtnQuick {right:54px;top:10px;width:36px;height:44px;border-left:0;background:url(/img/common/mBtn_quick_new.png) center center no-repeat;background-size:24px;} #header.hideDep1 #gnb > ul > li.last, #gnb > ul > li.last{width:36px;min-width:36px;height:44px;background:transparent} #gnb{top:10px !important;right:12px !important;background:transparent;} #gnb > ul > li.last a{background:url(/img/common/more_gnb_02.png) center center no-repeat;background-size: 24px;} .menu_all .menuAll_top{height:64px;background:#fff;padding-left:20px;padding-right:45px} .menu_all .menuAll_close3, .menu_all .menuAll_close1{display:none !important} .menu_all .menuAll_close2{width:44px;height:44px;right:10px;top:10px;background-image:url(/img/common/menuAll_close_01_new.png) !important;background-color:transparent !important;background-size:24px !important;} .menu_all .l_info{display:inline-block;margin: 18px 0 0 0 !important;} .menu_all .lang_selectbox{position:relative;top:auto;left:auto;bottom:auto;display:inline-block;min-width:140px;margin:18px 10px !important;} .menu_all .area{display:block;top:64px;left:0;background:#0A1967} .menu_all .sideNav > div{padding: 16px 20px 15px 20px;line-height:53px;background:#0A1967;font-size:16px;font-weight:600;line-height: 150%;} /* 2025.12.26 - nav 기존 ui .menu_all .titleLv1{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .menu_all .titleLv2{padding:10px 46px 10px 20px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .titleLv2 > *{color:#fff !important;} .menu_all .titleLv3{position:relative;padding:10px 46px 10px 34px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .titleLv3:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .menu_all .titleLv3 > *{color:#fff !important;} .menu_all .selected > .sLv2 > ul > li{padding:0;background:#2A46D3 !important;border-color:rgba(255,255,255,0.1);} .menu_all .selected > .sLv3 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1);} .menu_all .selected > .sLv4 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1)} .menu_all .sLv4 a{display:block;position:relative;padding:10px 20px 10px 34px;background:none;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .sLv4 a:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .menu_all .btn_toggle{top:50%;right:10px;transform: translateY(-50%);width:36px;height:36px;background-size:16px auto;} .menu_all .titleLv1 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .menu_all .selected > .titleLv1 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .menu_all .titleLv2 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .menu_all .selected > .titleLv2 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .menu_all .titleLv3 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .menu_all .selected > .titleLv3 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} */ /* 2025.12.26 - nav 로그인 후 1dep이 hidden되며, 2dep이 강제로 보이게 되는 ui */ .wrapper:not(.main) .menu_all .titleLv1{display:none !important} .wrapper:not(.main) .menu_all .sLv2{display:block !important} .wrapper.main .menu_all .titleLv1, .wrapper.pg_login .menu_all .titleLv1{display:block !important} .wrapper .menu_all .titleLv1{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv2{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv3{padding:10px 46px 10px 20px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv3 > *{color:#fff !important;} .wrapper .menu_all .sLv4 a{display:block;position:relative;padding:10px 20px 10px 34px;background:none;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .wrapper .menu_all .sLv4 a:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .wrapper .menu_all .selected > .sLv3 > ul > li{padding:0;background:#2A46D3 !important;border-color:rgba(255,255,255,0.1);} .wrapper .menu_all .selected > .sLv4 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1);} .wrapper .menu_all .btn_toggle{top:50%;right:10px;transform: translateY(-50%);width:36px;height:36px;background-size:16px auto;} .wrapper .menu_all .titleLv1 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .wrapper .menu_all .selected > .titleLv1 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .wrapper .menu_all .titleLv2 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .wrapper .menu_all .selected > .titleLv2 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .wrapper .menu_all .titleLv3 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .wrapper .menu_all .selected > .titleLv3 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} /* //2025.12.26 - 로그인 후 1dep이 hidden되며, 2dep이 강제로 보이게 되는 ui */ #footer .fLink{padding:14px 20px 48px} #footer .fLink ul{line-height:150%} #footer .fLink1{padding:0;} #footer .fLink1 li{height:auto;margin:0;padding:0 !important;background: url(/img/common/bg_bar_04.gif) left 0 top 5px no-repeat;} #footer .fLink1 li:last-child{background: url(/img/common/bg_bar_04.gif) left 0 top 5px no-repeat;} #footer .fLink1 li a{background:none;} #footer .fLink1 li:last-child a{background: url(/img/common/bg_bar_04.gif) right 0 top 1px no-repeat;} #footer .fLink2, #footer .fLink{background:#D6DBE1} #footer .fLink2{display:block;width:auto;margin-top:10px;padding:0} #footer .fLink2 li{position:relative;padding:0;background:none;} #footer .fLink2 li:before{display:none} #footer .fLink2 li:last-child:before{display:none;} #footer .fLink2 li.btn_top{width:100%;height:auto;} #footer .fLink2 a{background:none;color:#6C747E} #footer .fLink2 li.btn_top a{width:100%;background-color:#F3F6FB !important;color:#6C747E;font-size:12px;font-weight:400;text-decoration:none} #footer .quick_menu{top:64px;padding:10px 0;background:#2D40A5} #footer .quick_menu > ul > li{padding:0;border:0 !important} #footer .quick_menu > ul > li > a{height:auto;padding:12px 0 11px 35px !important;background-position:top 50% left 6px !important;font-size:11px;font-weight:300;line-height:150%} #footer .quick_menu > ul > li #quick_my_menu{width:auto !important;margin:0;padding:10px;background:#4356BC} #footer .quick_menu > ul > li ul > li{height: auto;min-height:26px;margin-left: 0;word-break: break-all;} #footer .quick_menu > ul > li ul > li a{margin-left:0 !important} #footer .quick_menu .btnClose{width:34px;height:34px;padding-left: 0 !important;background:transparent url(/img/common/ico_quick_close_w.png) center center no-repeat;background-size: 24px;} /* Component */ .btnLv1{height:auto} .btnLv5.fileDown{background-image:none} /*table*/ .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{min-height:42px} .adpNew .w2grid.w2grid_adaptive_crosstab .priceNum.pricePlus, .adpNew .w2grid.w2grid_adaptive_crosstab .priceTxt.pricePlus{} .adpNew .w2grid.w2grid_adaptive_crosstab .priceSum{} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colNone, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colNone {display:none !important;} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colDiv, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colDiv {display:inline-block;width:calc(50% - 10px) !important;float:left;clear: none !important;} body .adpNew .w2grid.w2grid_adaptive_crosstab .moTit *{color:#000;font-size:15px;font-weight:bold;} body .adpNew .w2grid.w2grid_adaptive_crosstab .moUnit *{color:#6c747e !important;font-size:13px;} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{height:24px;} .total_box .col{height:auto;} .s_box .row{/* display:table;table-layout:fixed; */display:flex;flex-wrap:wrap;position:relative;padding-left:0;} .s_box .row.mLine .td .box .td:before, .s_box .row:after, .s_box .td:before{display:none !important} .s_box .row > .th, .s_box .row > .td{display:flex;flex-wrap:wrap;align-items:center;/* display:table-cell; */float:none !important;height:auto;min-height:41px;margin-left:0;} .s_box .row > .th{width:200px;min-width:200px} .s_box .row > .td{width:calc(100% - 201px) !important;margin-left:201px;line-height:150%} .s_box .row > .th, .s_box .row.mLine > .th{position:absolute;top:0;bottom:0;left:0;} .searchbox .s_box .row:first-child .th{line-height:150%} .searchbox .s_box .hide_rowGroup .row:first-child .th{line-height:150%} .searchbox .s_box .row > .td + .td{margin-left:201px;} .s_box .td .ipt_intime{} .s_box .td .ipt_intime > input{width:90px !important} /*checkbox*/ /* .detailBox_01 .chk_ipt.col.w2checkbox .w2checkbox_item label:before{top:7.5px;} .detailBox_01 .chk_ipt.col.w2checkbox .w2checkbox_item label:after{top:8.5px;} */ /*radio*/ .w2radio_item input[type=radio]:checked ~ label:after{top:7px;} /*calendar*/ .w2calendar{width:335px;} /*** main(로그인 후) ***/ body.subBg01 .section{margin: 0 20px;} body.subBg01 .section:last-of-type{margin-bottom: 16px;} body.subBg01 .se{margin-top:24px !important;} /*Topdata*/ .main_topdt_content{} .main_topdt_content .main_cont_inbox{max-width:100%;padding:20px;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop{padding:28px 20px;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBox{min-height:43px;padading:0 77px !important;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop img{left:0;top:0;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .btn_01{position:absolute;top:50%;right:0;margin:0} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .btn_02{display:none;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .cBox{display: table-cell;height:43px;padding-bottom:0;vertical-align:middle} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom{display:block;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom .tit{width:40%} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom .txt{width:60%} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt > *{display:inline-block;} .main_topdt_content .section.profile_lay .l_area .infoBottom .l2{width: 123px;} .main_topdt_content .section.profile_lay .l_area .infoBottom .l2 > *{display:block;} /*Banner*/ .main_banner_content .main_cont_inbox{min-width:100%;padding:24px 10px;} .main_banner_list{} .main_banner_item{padding:12px 0} .main_banner_item + .main_banner_item:before{display:none} /*Card*/ .main_card_content .main_cont_inbox{min-width:100%;padding:35px 20px 42px;} .main_card_list{} .main_card_item{height:210px} .main_card_item + .main_card_item{} /*** login ***/ .pg_login {} .pg_login .content_head{display:none !important;} .pg_login #container, .pg_login .container{width:100%;height:100%;min-height:100%;margin:0;padding-bottom:0} .login_content .cont_inbox{width:calc(100% - 40px);max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;padding:66px 20px !important;} .login_wrap{position:relative;width:calc(100% - 268px - 40px);padding:32px 20px 46px;border-radius:3px;background:rgba(255,255,255,0.85);} .login_wrap:after{width:250px;height:215px;} .login_wrap .login_tit{font-size:21px;font-weight:600;line-height:140%;} .login_wrap .w2tb{border-top:0} .login_wrap .w2tb colgroup, .login_wrap .w2tb .w2tb_th{display:none} .login_wrap .w2tb .w2tb_th, .login_wrap .w2tb .w2tb_td{height:auto;padding:10px 0;border:0 !important;background:transparent !important} .login_wrap .w2tb tr + tr .w2tb_td{padding-top:18px} .login_wrap .w2tb .w2tb_td input{height:31px;padding:0 20px;border-radius:3px;border-color:#D6DBE1} .login_wrap .w2tb .w2tb_td .pwd{width:100% !important} .login_wrap .w2tb .pw_intoBtn_01{width:100%;} .login_wrap .pw_intoBtn_01 .bt1{right:auto} .login_wrap .btn_area_01{padding-top:12px;} .login_wrap .btnLv1{display:block;} .login_wrap .info_list_01{margin:32px 0 0} } /*** [Media] Mobile ***/ @media all and (max-width:767px){ /*Common*/ #header{height:64px !important;padding:0 !important} #header .top .logo{top:16px !important;left:20px !important;width:240px;height:32px} #header .top .logo.jp{background: url(/img/jp/logo6.png) left top no-repeat;background-size:auto 32px !important} #header .mBtnQuick {right:54px;top:10px;width:36px;height:44px;border-left:0;background:url(/img/common/mBtn_quick_new.png) center center no-repeat;background-size:24px;} #header.hideDep1 #gnb > ul > li.last, #gnb > ul > li.last{width:36px;min-width:36px;height:44px;background:transparent} #gnb{top:10px !important;right:12px !important;background:transparent;} #gnb > ul > li.last a{background:url(/img/common/more_gnb_02.png) center center no-repeat;background-size: 24px;} .menu_all .menuAll_top{display:flex;align-items: center;height:64px;background:#fff;padding-left:20px;padding-right:45px} .menu_all .menuAll_close3, .menu_all .menuAll_close1{display:none !important} .menu_all .menuAll_close2{width:44px;height:44px;right:10px;top:10px;background-image:url(/img/common/menuAll_close_01_new.png) !important;background-color:transparent !important;background-size:24px !important;} .menu_all .l_info{display:inline-block;margin: - !important;} .menu_all .lang_selectbox{position:relative;top:auto;left:auto;bottom:auto;display:inline-block;min-width:140px;margin:18px 10px !important;} .menu_all .area{display:block;top:64px;left:0;background:#0A1967} .menu_all .sideNav > div{padding: 16px 20px 15px 20px;line-height:53px;background:#0A1967;font-size:16px;font-weight:600;line-height: 150%;} /* 2025.12.26 - nav 기존 ui .menu_all .titleLv1{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .menu_all .titleLv2{padding:10px 46px 10px 20px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .titleLv2 > *{color:#fff !important;} .menu_all .titleLv3{position:relative;padding:10px 46px 10px 34px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .titleLv3:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .menu_all .titleLv3 > *{color:#fff !important;} .menu_all .selected > .sLv2 > ul > li{padding:0;background:#2A46D3 !important;border-color:rgba(255,255,255,0.1);} .menu_all .selected > .sLv3 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1);} .menu_all .selected > .sLv4 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1)} .menu_all .sLv4 a{display:block;position:relative;padding:10px 20px 10px 34px;background:none;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .menu_all .sLv4 a:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .menu_all .btn_toggle{top:50%;right:10px;transform: translateY(-50%);width:36px;height:36px;background-size:16px auto;} .menu_all .titleLv1 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .menu_all .selected > .titleLv1 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .menu_all .titleLv2 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .menu_all .selected > .titleLv2 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .menu_all .titleLv3 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .menu_all .selected > .titleLv3 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} */ /* 2025.12.26 - nav 로그인 후 1dep이 hidden되며, 2dep이 강제로 보이게 되는 ui */ .wrapper:not(.main) .menu_all .titleLv1{display:none !important} .wrapper:not(.main) .menu_all .sLv2{display:block !important} .wrapper.main .menu_all .titleLv1, .wrapper.pg_login .menu_all .titleLv1{display:block !important} .wrapper .menu_all .titleLv1{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv2{padding:16px 46px 15px 20px;border-bottom:0 !important;background:#0A1967 !important;font-size:16px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv3{padding:10px 46px 10px 20px;background:transparent;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .wrapper .menu_all .titleLv3 > *{color:#fff !important;} .wrapper .menu_all .sLv4 a{display:block;position:relative;padding:10px 20px 10px 34px;background:none;color:#fff !important;font-size:13px;font-weight:600;line-height: 150%;} .wrapper .menu_all .sLv4 a:before{content:'';position:absolute;top:19px;left:21px;width:9px;height:1px;border-radius:1px;background-color:#fff;} .wrapper .menu_all .selected > .sLv3 > ul > li{padding:0;background:#2A46D3 !important;border-color:rgba(255,255,255,0.1);} .wrapper .menu_all .selected > .sLv4 > ul > li{padding:0;background:#102694 !important;border-color:rgba(255,255,255,0.1);} .wrapper .menu_all .btn_toggle{top:50%;right:10px;transform: translateY(-50%);width:36px;height:36px;background-size:16px auto;} .wrapper .menu_all .titleLv1 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .wrapper .menu_all .selected > .titleLv1 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .wrapper .menu_all .titleLv2 .btn_toggle{width:36px;height:36px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:16px auto;} .wrapper .menu_all .selected > .titleLv2 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} .wrapper .menu_all .titleLv3 .btn_toggle{width:32px;height:32px;background: url(/img/common/icon_line_16_plus.png) center center no-repeat;background-size:12px auto;} .wrapper .menu_all .selected > .titleLv3 .btn_toggle{background-image: url(/img/common/icon_line_16_minus.png);} /* //2025.12.26 - 로그인 후 1dep이 hidden되며, 2dep이 강제로 보이게 되는 ui */ #footer .fLink{padding:14px 20px 48px} #footer .fLink ul{line-height:150%} #footer .fLink1{padding:0;} #footer .fLink1 li{height:auto;margin:0;padding:0 !important;background: url(/img/common/bg_bar_04.gif) left 0 top 5px no-repeat;} #footer .fLink1 li:last-child{background: url(/img/common/bg_bar_04.gif) left 0 top 5px no-repeat;} #footer .fLink1 li a{background:none;} #footer .fLink1 li:last-child a{background: url(/img/common/bg_bar_04.gif) right 0 top 1px no-repeat;} #footer .fLink2, #footer .fLink{background:#D6DBE1} #footer .fLink2{display:block;width:auto;margin-top:10px;padding:0} #footer .fLink2 li{position:relative;padding:0;background:none;} #footer .fLink2 li:before{display:none} #footer .fLink2 li:last-child:before{display:none;} #footer .fLink2 li.btn_top{width:100%;height:auto;} #footer .fLink2 a{background:none;color:#6C747E;} #footer .fLink2 li.btn_top a{width:100%;background-color:#F3F6FB !important;color:#6C747E;font-size:12px;font-weight:400;text-decoration:none} #footer .quick_menu{top:64px;padding:10px 0;background:#2D40A5} #footer .quick_menu > ul > li{padding:0;border:0 !important} #footer .quick_menu > ul > li > a{height:auto;padding:12px 0 11px 35px !important;background-position:top 50% left 6px !important;font-size:11px;font-weight:300;line-height:150%} #footer .quick_menu > ul > li #quick_my_menu{width:auto !important;margin:0;padding:10px;background:#4356BC} #footer .quick_menu > ul > li ul > li{height: auto;min-height:26px;margin-left: 0;word-break: break-all;} #footer .quick_menu > ul > li ul > li a{margin-left:0 !important} #footer .quick_menu .btnClose{width:34px;height:34px;padding-left: 0 !important;background:transparent url(/img/common/ico_quick_close_w.png) center center no-repeat;background-size: 24px;} /* Component */ .btnLv1{height:auto} .btnLv5.fileDown{background-image:none} .btnLv7{height:auto;min-height:30px} /*calendar*/ .w2inputCalendar_div .w2inputCalendar_div_input{width:100% !important;} .w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput{width:100% !important;} .w2calendar{width:280px} .w2calendar_header{gap:8px;padding:0} .w2calendar_class1 .w2calendar_blank{display:none} /*table*/ .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{width:100%} .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{min-height:42px} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colNone, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colNone {display:none !important;} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.colDiv, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.colDiv {display:inline-block;width:calc(50% - 10px) !important;float:left;clear: none !important;} body .adpNew .w2grid.w2grid_adaptive_crosstab .moTit *{color:#000;font-size:15px;font-weight:bold;} body .adpNew .w2grid.w2grid_adaptive_crosstab .moUnit *{color:#6c747e !important;font-size:13px;} body .adpNew .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, body .adpNew .w2grid.w2grid_adaptive_crosstab .gridBodyDefault{height:24px;} .searchbox .s_box .row:first-child{padding-top:0} .searchbox .s_box .row .th, .searchbox .s_box .row:first-child .th{border-color:#EBEFF5;background:#F3F6FB;height:34px;line-height:150%} .searchbox .s_box .row:first-child .th> *{line-height:150%} .searchbox .s_box .hide_rowGroup .row:first-child .th{height:34px;line-height:150%} .total_box .area{gap:0} .agree_msg_03 .infoBox .row strong.tit, .total_box .col{display:flex;flex-wrap: wrap;width:100%;height:auto;} .total_box .col:first-child{width:100%;} .total_box .col > *{display:inline-block !important;vertical-align:middle} .total_box .col .td, .total_box .col.even .td{background-color:transparent !important} .w2tb.tbl_adp.must .w2tb_th.must{padding-left:10px} .s_box .th, .s_box .td{line-height:21px} .s_box .row {position:relative;} .s_box .row > .th, .s_box .row.mLine > .th{position:relative;padding: 5px 10px;background-color: #F3F6FB;border-color: #EBEFF5;} .s_box .td .ipt_intime{width:100%} .s_box .td .ipt_intime > input{width:100% !important;min-width:90px;} /*otp wrap*/ .ipt_otp_wrap .pw_intoBtn_01{width:100%} /*** main(로그인 후) ***/ body.subBg01 .section{margin: 0 20px;} body.subBg01 .section:last-of-type{margin-bottom: 0;} body.subBg01 .se{margin-top:24px !important;} .w2tb .w2tb_td > input + span.txt_info{margin-left:0 !important;} /*Topdata*/ .main_topdt_content{} .main_topdt_content .main_cont_inbox{max-width:100%;padding:20px;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop{padding:28px 20px;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBox{min-height:43px;padding:0 77px !important;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop img{left:0;top:0;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .btn_01{position:absolute;top:50%;right:0;margin:0} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .btn_02{display:none;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoTop .cBox{display: table-cell;height:43px;padding-bottom:0;vertical-align:middle} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom{display:block;} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom .tit{width:35%} body.subBg01 .main_topdt_content .section.profile_lay .l_area .infoBottom .txt{width:65%} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt{/* white-space:nowrap; */} .main_topdt_content .section.profile_lay .l_area .infoBottom .txt > *{display:inline;} .main_topdt_content .section.profile_lay .l_area .infoBottom .l2{width: 85%;} .main_topdt_content .section.profile_lay .l_area .infoBottom .l2 > *{display:block;float:none !important;width:100%;} .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault tbody tr{width:calc(100% - 20px)} /*Banner*/ .main_banner_content .main_cont_inbox{padding:24px 20px;} .main_banner_list{margin:-10px -8px;} .main_banner_item{width:calc(50% - 16px);margin:10px 8px;padding:0;vertical-align:top;} .main_banner_item + .main_banner_item:before{display:none} .main_banner_item .item_inbox{min-width:48px;min-height:94px;padding:52px 0 0 0;} .main_banner_item .item_inbox:after{left:50%;margin-left:-24px;} .main_banner_item .item_inbox .item_cate, .main_banner_item .item_inbox .item_tit{text-align:center;} /*Card*/ .main_card_content .main_cont_inbox{padding:35px 20px 42px;} .main_card_list{} .main_card_item{width:100%;height:184px} .main_card_item + .main_card_item{margin-left:0;margin-top:12px;} /*** login ***/ .pg_login {} .pg_login .content_head{display:none !important;} .pg_login #container, .pg_login .container{width:100%;height:100%;min-height:100%;margin:0;padding-bottom:0} .login_content .cont_inbox{width:calc(100% - 40px);max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;padding:20px 20px 90px;} .login_wrap{position:relative;width:calc(100% - 40px);padding:30px 20px 50px;border-radius:3px;background:rgba(255,255,255,0.85);} .login_wrap:after{top:auto;bottom:-90px;left:auto;right:-20px;transform: translateY(0);width:220px;height:190px;} .login_wrap .login_tit{font-size:21px;font-weight:600;line-height:140%;} .login_wrap .w2tb{border-top:0;border-bottom:0} .login_wrap .w2tb colgroup, .login_wrap .w2tb .w2tb_th{display:none} .login_wrap .w2tb .w2tb_th, .login_wrap .w2tb .w2tb_td{height:auto;padding:10px 0;border:0 !important;background:transparent !important} .login_wrap .w2tb tr + tr .w2tb_td{padding-top:18px} .login_wrap .w2tb .w2tb_td input{height:31px;padding:0 20px;border-radius:3px;border-color:#D6DBE1} .login_wrap .w2tb .w2tb_td .pwd{width:100% !important} .login_wrap .w2tb .pw_intoBtn_01{width:100%;} .login_wrap .pw_intoBtn_01 .bt1{right:auto} .login_wrap .btn_area_01{padding-top:12px;} .login_wrap .btnLv1{display:block;height:42px} .login_wrap .info_list_01{margin:25px 0 0} .result_step .msg_box {padding:10px 20px; width: auto !important} } /*** [Media] Grid 반응형 사이즈 ***/ @media all and (max-width:816px){ /*Mobile Grid*/ .hd_loss.adpNew .w2grid.w2grid_adaptive_crosstab .gridHeaderTableDefault > thead.gridHeaderTableDefault{display:none !important} }