/* @import "hts_message.css"; */ /* @import "hts_button.css"; */ /* @import "hts_portal.css"; */ @charset "utf-8"; /* ========== 상세보기 테이블 ==========*/ /* 서브 컨테이너 */ .awrap{max-width:110rem!important;margin:0 auto} /* 1100px 넓이 */ /* scrollbar */ .grp_scroll{overflow:auto} .grp_scroll::-webkit-scrollbar{width:1rem;height:1rem} .grp_scroll::-webkit-scrollbar-track{background-color:#fff} .grp_scroll::-webkit-scrollbar-thumb{border:.1rem solid #fff;background-color:#d2d2d2;border-radius:10px} .grp_scroll::-webkit-scrollbar-button{display:none} /* ========== css 완료 ==========*/ .container {/* max-width:1440px; */width:1440px;min-height:480px;margin:0 auto;position:relative} .container.ex_menu{width:1280px} .wrap_contarea{} .wrap_contarea .tbl_box + .wrap_search, .section_group .tbl_box + .txt_box, .section_group .txt_box + .wrap_search, .section_group+.section_group, .txt_box+.section_group, .txt_box+.wrap_contarea>.tab_style01, .tbl_bottom + .tbl_box, .wrap_paging + .tbl_box {margin-top:20px} .txt_box + .wrap_title_btn {margin-top:0.5rem} .txt_box +.inner_group.mt0>.wrap_title_btn, .tit_h3+.inner_group>.tit_h4, .section_group+.section_group>.wrap_title_btn *{margin-top:0} .tit_h3 >*+*, .tit_h4 >*+*, .tit_h5 >*+*, .tit_h6 >*+*, .tit_h7 >*+*{margin-left:.8rem} .pop_cont .txt_box + .wrap_contarea {margin-top:20px} .inner_group2+.tbl_box{margin-top:1rem} .txt_shortening {width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;} .wrap_box{margin-top:2rem} .flex{display:flex !important} .disb{display:block !important} .disi{display:inline-block} .flex >*{flex:1} .flex.fn, .flex .fn, .fn{flex:none !important} .flex.type2 > *+*{padding-left:1.5rem} td .flex >span{flex:none;margin:0 .8rem} .tbl_form td *+span{margin-left:0} /* title h2~h5 */ .wrap_title{display:flex;justify-content:space-between;padding-bottom:1.6rem;margin-bottom:2rem;border-bottom:.1rem solid #e4e7eb;align-items:center} .wrap_title.border{border-bottom:.1rem solid #e4e7eb} .wrap_title .tit_h2 h2{font-size:3rem;font-weight:500;color:#111;line-height:1.2} .wrap_title .tit_h2 p, .wrap_title .tit_h2 span, .wrap_title .tit_h2 p .txt_blue, .wrap_title .tit_h2 p .txt_red, .wrap_title .tit_h2 div{color:#555!important;font-weight:400} .tit_h3{display:flex;align-items:center!important;margin:2rem 0 6px;justify-content:flex-start} .tit_h3 h3{position:relative;font-size:2.2rem;font-weight:600;color:#111} .tit_h4{display:flex;align-items:center;margin:2rem 0 .5rem} .tit_h4 h4{display:flex;align-items:center;font-size:2rem;font-weight:600;color:#111;padding-left:1.9rem;position:relative} .tit_h4 h4::before{content:"";position:absolute;top:.9rem;left:0;display:inline-block;border-radius:.6rem;width:.6rem;height:.6rem;border:3px solid #5089ef;overflow:hidden} .tit_h4>span{color:#555555;padding:0 0.5rem;font-weight:400} .tit_h4 span.txt_underline{padding:0} .tit_h5{display:flex;align-items:center;margin:1.2rem 0 .5rem 0} .tit_h5 h5{display:flex;align-items:center;position:relative;padding-left:1.9rem;font-size:1.8rem;color:#333;font-weight:600} .tit_h5 h5::before{content:"";display:inline-block;position:absolute;left:.7rem;top:1.2rem;width:.5rem;height:.5rem;border-radius:.5rem;background:#246beb} .tit_h5 span{color:#333;padding:0 0.5rem;font-weight:400} .tit_h6{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .5rem} .tit_h6+span{padding-top:1.1rem} .tit_h6 h6{position:relative;display:flex;align-items:center;padding-left:1.9rem;font-size:1.6rem;color:#333;font-weight:600;} .tit_h6 h6::before{content:"";display:inline-block;position:absolute;left:.7rem;top:1rem;width:.4rem;height:.4rem;border:.1rem solid #3274ec;border-left:0;border-bottom:0;transform:rotate(-316deg)} .tit_h7{display:flex;align-items:center;justify-content:space-between;margin:1rem 2rem} .tit_h7 h7{position:relative;display:flex;align-items:center;padding-left:1.7rem;font-size:1.6rem;color:#333;font-weight:600;} .tit_h7 h7::before{content:"";display:inline-block;position:absolute;left:.7rem;top:1.1rem;width:4px;height:2px;background-color:#246beb} .tit_h2+.tit_h3, .tit_h3+.tit_h4, .tit_h4+.tit_h5, .wrap_contarea>.section_group>.inner_group:first-child .tit_h4:first-child, .wrap_contarea>.tit_h3:first-child{margin-top:0} .tit_h3 h3+*, .tit_h5 h4+*, .tit_h5 h5+*{margin-left:1rem} .tit_h3.line h3+*, .tit_h3.line h4+*, .tit_h3.line h5+*{margin-left:0} .tit_h3.line, .tit_h4.line, .tit_h5.line{display:block} .tit_h3 h3+span{margin-top:1.5rem;margin-top:1rem} .tit_h5+.txt_num, .tit_h5+.txt_num+.txt_style01{margin-left:1rem} .tit_h4+.tit_h4{margin-top:1.5rem} .wrap_title_btn>div.tit_h4{align-items:end} .wrap_title_btn>div.tit_h4>.tbl_result{margin-left:1rem} .tit_h3 h3+.btn, .tit_h4 h4+.btn, .tit_h4 h4+.btn, .tit_h4 h4+div{margin-left:1rem} .tit_h4+.txt_list{margin-left:.9rem} .tit_h4.line p, .tit_h5+p, .tit_h4+p{margin-left:1.9rem} .wrap_title.wrap_title_btn {margin-bottom:2rem;} .wrap_title_txt{display:flex;flex-flow:wrap;justify-content:space-between;margin-bottom:1rem} .wrap_title_btn{display:flex;flex-flow:wrap;justify-content:space-between;margin-bottom:1rem} .wrap_title_txt *, .wrap_title_btn *{margin-bottom:0 !important} .wrap_title_txt .tit_h3+div, .wrap_title_btn .tit_h3+div{margin-top:2rem} .wrap_title_txt .tit_h4+div, .wrap_title_btn .tit_h4+div{margin-top:2rem} .wrap_title_txt .tit_h5+div, .wrap_title_btn .tit_h5+div{margin-top:1rem} .wrap_title_txt .tit_h3+span, .wrap_title_btn .tit_h3+span{margin-top:2rem} .wrap_title_txt .tit_h4+span, .wrap_title_btn .tit_h4+span{margin-top:2.2rem} .wrap_title_txt .tit_h5+span, .wrap_title_btn .tit_h5+span{margin-top:2rem} .wrap_title_btn.border{border-bottom:.1rem solid #e4e7eb} .wrap_title_btn.border.right{margin-top:0;} .wrap_title_btn span, .wrap_title_txt span{color:#717171} .wrap_title_btn .line{display:inline-block} .wrap_title_btn .tit_h5{padding-top:.5rem} p + .wrap_title_btn, .tbl_box + .wrap_title_btn{margin-top:0.5rem} .mt0>div, .wrap_title_btn+.tit_h3, .wrap_title_btn+.tit_h4{margin-top:0} .wrap_title_btn.border+.tit_h3{margin-top:3rem} .wrap_title_btn .tbl_result:first-child span{color:#111} .wrap_title_btn .tbl_result:first-child{margin-bottom:1rem} .wrap_title_btn+.wrap_title_btn > *{margin-top:0!important} .wrap_title_btn .tbl_result{margin:0 1rem 0 0} .wrap_title_btn>p:first-child{margin-top:.7rem} .wrap_title_btn+.inner_group>.tit_h4:first-child{margin-top:0} /* .wrap_contarea>.wrap_title_btn{min-height:4rem} */ /* as-is */ table{width:100%;border-top:1px solid #b0d2d6;border-left:none;table-layout:fixed} table.w2group th{vertical-align:middle;background:#edf8f7;background-clip:padding-box} table.w2group th span, table.w2group th label{font-weight:500;color:#111} table thead th{font-weight:600;} table td,table th{font-size:1.6rem;text-align:left;border:1px solid #b0d2d6;word-break:break-all} table thead th{border-color:#b0d2d6} table th{height:4.5rem;padding:.6rem;padding-left:2rem;line-height:1.8rem;position:relative} table th.tac{padding-left:.6rem} table th.tac .btn input{margin-left:0} table td{height:4.5rem} table th span.imp{} table th span.imp:brfore{content:'*';width:;font-size:1.6rem;color:#eb003b} table th span.imp2{vertical-align:top;margin-top:3px} table.tbl_form th:first-child, table.tbl_form td:first-child, table.tbl_form2 th:first-child, table.tbl_form2 td:first-child{border-left:none!important} table thead th{border-bottom:.1rem solid #d8d8d8} table .wrap_radiocheck{padding-top:4px;padding-bottom:3px;display:inline-block} table .wrap_radiocheck.wrap_flex{display:flex} table td .wrap_radiocheck{padding:0} table *+.wrap_radiocheck{margin-left:1rem} table td span{word-break:break-all;font-size:1.6rem;display:inline-block} table td.border_left,table th.border_left{border-left:.1rem solid #d8d8d8!important} /* table .border_right, .tbl_list .border_right{border-right:.1rem solid #d8d8d8!important} */ table td.disable{background:rgba(0,0,0,0.05) !important} table td .txt{padding:5px 0} table > tbody > tr > td .grp_box{display:inline-block} table > tbody > tr > td .grp_box+ .grp_box{display:inline-block;margin-left:1.2rem} table > tbody > tr > td .grp_box >*+*{margin-left:.6rem} table > tbody > tr > td .grp_box+ .grp_box .tbl_label02{margin-left:0;margin-right:2px} table > tbody > tr > td .grp_box+ .btn_event.grp_box{margin-left:0} .txt_box table td span, .txt_box table th span {font-size: 1.5rem;} .tbl_box .txt_normal{font-size:1.4rem;font-weight:400} table tr th .btn_mark:first-child {margin-left:0 !important} /* 박스안에 테이블 */ .txt_box *+.tbl_box{margin-top:1rem} .txt_box table.tbl_list, .txt_box table.tbl_form, .txt_box .tbl_list table{border:none;background-color:#fff} .txt_box table.tbl_list th, .txt_box table.tbl_list td.tbl_list.w2grid th.gridHeaderTDDefault, .txt_box table td, .txt_box table.tbl_form th, .txt_box table.tbl_form td, .txt_box .tbl_list table th, .txt_box .tbl_list table td {border-color:#cddef0;/* border-top:none; */height:4rem;padding:.5rem 1rem;color:#333} .txt_box table.tbl_list th, .txt_box table.tbl_list th.gridHeaderTDDefault, .txt_box table.tbl_form th, .txt_box .tbl_list table th {color:#111;border-color:#cddef0;background-color:#f4f7fa} .txt_box table.tbl_list th.gridHeaderTDDefault {border:.1rem solid #cddef0} .txt_box table.tbl_list tbody tr:last-child>td, .txt_box table tbody tr:last-child>th, .txt_box .tbl_list tbody tr:last-child>td {border-bottom:1px solid #cddef0} .txt_box table.tbl_list tr th:first-child, .txt_box table.tbl_list tr td:first-child, .txt_box .tbl_list tr th:first-child, .txt_box .tbl_list tr td:first-child {border-left:none;} .txt_box table.tbl_list tr:first-child th, .txt_box table.tbl_list tr:first-child td, .txt_box table.tbl_form tr:first-child th, .txt_box table.tbl_form tr:first-child td{border-top:1px solid #4470b8;} .txt_box table.tbl_list tr td:last-child, .txt_box table.tbl_list tr th:last-child, .txt_box .tbl_list table tr td:last-child, .txt_box .tbl_list table tr th:last-child, .txt_box table.tbl_form tr td:last-child{border-right:none} .txt_box .tbl_list{border-top:1px solid #4470b8} .grp_box{display:inline-block} .grp_box+ .grp_box{display:inline-block;margin-left:1.2rem} .grp_box >*+*{margin-left:.6rem} .wrap_flex .grp_box>*{margin-left:.8rem!important} .grp_box2, .grp_box2 > * {display:inline-block;} .grp_box2 .wrap_radiocheck {margin:0px;padding:0;} .grp_box2 .tbl_label{padding:0 !important;margin:0;vertical-align:baseline} .tbl_form .tbl_help{vertical-align:middle} .tbl_form .tbl_help input{margin-top:-.1rem} .tbl_form, .tbl_form2{border:1px solid #b0d2d6} .tbl_form td,.tbl_form th{height:4.5rem;border-color:#b0d2d6} .tbl_form thead th{height:4.5rem;border:.1rem solid #b0d2d6} .tbl_form tbody tr:first-child th, .tbl_form tbody tr:first-child td, .tbl_form2 tbody tr:first-child th, .tbl_form2 tbody tr:first-child td{border-top:none} .tbl_form > tbody > tr > th {position:relative;height:45px;padding:.6rem;padding-left:2rem;background:#edf8f7;line-height:2rem;background-clip:padding-box} .tbl_form > tbody > tr > th > .btn .btn_mark:first-child{margin-left:0} .tbl_form > tbody > tr > th span, .tbl_form > tbody > tr > th label{font-weight:500;color:#111} .tbl_form > tbody > tr > th.tac {padding-left:1.2rem} .tbl_form > tbody > tr > th span.imp, .tbl_form > tbody > tr > td .w2tb.in .w2tb_th span.imp {margin-left:-1.1rem} .tbl_form > tbody > tr > th span.imp:before, .tbl_form > tbody > tr > td .w2tb.in .w2tb_th span.imp:before {content:"*";display:inline-block;width:1rem;height:2rem;color:#eb003b} /* .tbl_form > tbody > tr > th span.imp+.w2textbox, .tbl_form > tbody > tr > td .w2tb.in .w2tb_th span.imp+.w2textbox {word-break:keep-all} */ .tbl_form > tbody > tr > th.tac span.imp {position:relative;left:auto;top:auto;transform:none;padding-right:.5rem} .tbl_form > tbody > tr > th.tac span.imp:before {display:inline;height:auto} .tbl_form > tbody > tr > td{padding:0.6rem;height:4.5rem} .tbl_form > tbody > tr > td >*, .tbl_form > tbody > tr > td .clearfix *, .tbl_form td *, .tbl_form > tbody > tr > td > div >*, .tbl_form > tbody > tr > td > * > .tbl_label02, .tbl_form > tbody > tr > td > * > *, .tbl_form > tbody > tr > td .w2tb.in .w2tb_td> *{margin-right:8px} .tbl_form > tbody > tr > td .tbl_label + .tbl_label02{margin-left:-1rem} .tbl_form > tbody > tr > td >*:last-child, .tbl_form td * > *, .tbl_form > tbody > tr > td > div >span, .tbl_form > tbody > tr > td > .btn .w2trigger, .tbl_form > tbody > tr > td >* > *:last-child{margin-right:0} .tbl_form > tbody > tr > td .clearfix{display:flex} .tbl_form > tbody > tr > td .clearfix .w2input{flex:1} .tbl_form > tbody > tr > td .clearfix *+*{margin-right:.8rem} .tbl_form > tbody > tr > td .clearfix+.clearfix{margin-top:.8rem} .tbl_form > tbody > tr > td .clearfix:first-child{margin-top:0} .tbl_form > tbody > tr > td .secretbox{display:inline-block} .tbl_form > tbody > tr > th .wrap_radiocheck label{padding:.0rem .9rem 0rem 3.2rem !important;line-height:2} .tbl_form tbody label+.wrap_radiocheck{padding-bottom:0;margin-bottom:-5px} .tbl_form > tbody > tr > th .wrap_flex .wrap_radiocheck{margin-left:-.6rem} .tbl_form > tbody > tr > th .wrap_flex .wrap_radiocheck label{padding-top:.7rem !important} .tbl_form > tbody > tr > th>div{position:relative} .tbl_form .wrap_flex span.imp{margin-left:-1.5rem!important} /* 필수 table th span.imp{display:inline-block;width:12px;height:9px;margin-left:-12px;background:url(/img/comm/bg/sprite_bul.png) no-repeat left -223px;} */ .tbl_form .clearfix{margin-top:.6rem} .tbl_form .clearfix:first-child{margin-top:0} .tbl_form .pwwarp{display:inline-block} .tbl_form > tbody > tr > td div .btn+.btn{margin-left:.8rem} .tbl_form tbody td.dep_form{/* padding:0 0 0 12px */} .tbl_form tbody td.dep_form label{height:2.8rem;padding:0 2rem;margin:0.2rem 0.8rem 0 2.2rem;border:.1rem solid #cecece;font-size:1.5rem;border-radius:1.4rem;line-height:2.6rem;vertical-align:middle} .tbl_form tbody td.dep_form .btn{margin:3px 3px 0 5px;vertical-align:middle} .tbl_form tbody td.dep_form input[type=text]{margin-top:3px} /* .tbl_form .total td,.tbl_form .total th{background:#ececec;border-top:.1rem solid #ddd!important} */ .tbl_form .total td.tar{padding-right:10px;padding-left:10px} .tbl_form td .btn span{padding:.3rem 1rem} .tbl_form th .txt_bul_box{background-position:0 4px} .tbl_form tbody label{display:inline-block} .tbl_form tbody span.imp+label{display:inline} .tbl_form > tbody > tr > td .w2tb.in {width:100%;height:100%} .tbl_form > tbody > tr > td .w2tb.in .w2tb_th {position:relative;height:4.5rem;padding:0.6rem !important;padding-left:2rem !important;background:#edf5f4;text-align:left;line-height:2rem;border:.1rem solid #b0d2d6;border-width:0 .1rem 0 .1rem} .tbl_form > tbody > tr > td .w2tb.in .w2tb_td {padding:0.8rem 1.2rem;height:50px;border:.1rem solid #b0d2d6;border-width:0 0 0 .1rem} table .w2tb.in .w2tb_th:first-child{border-left:.1rem solid #b0d2d6 !important} table .w2tb.in tbody tr:last-child>td,table .w2tb.in tbody tr:last-child>th{border-bottom:0 !important} .tbl_list{} .tbl_list table, table.tbl_list{border:1px solid #b0d2d6} .tbl_list.w2grid table{border:none} .tbl_list thead th{padding:.6rem;height:4.5rem;text-align:center;border-color:#b0d2d6;border-bottom:.1rem solid #b0d2d6;background:#edf8f7;background-clip:padding-box} table.w2group thead th span, .tbl_list thead th span, .tbl_list thead th label{font-weight:600;color:#111} /* .tbl_list thead th[rowspan]{border-right:.1rem solid #d8d8d8 !important} */ .tbl_list thead th[rowspan]:last-child{border-right:none} .tbl_list .btn_flip2{float:right} .tbl_list .btn_flip2 .w2trigger{width:2.2rem;height:1.8rem;border:none;background:url(/css/comm/images/ico_toggle.svg) no-repeat center center;background-size:2rem} .tbl_list .btn_flip2 .w2trigger.flip{background:url(/css/comm/images/ico_toggle_on.svg) no-repeat center center;background-size:2rem} .tbl_box .tbl_list.scroll{position:relative;width:auto;overflow-x:scroll;overflow-y:auto} /* 필수입력 */ .tbl_list thead th span.imp, .tbl_list tbody th span.imp{content:"*";display:inline-block;margin-left:-1.1rem} .tbl_list thead th span.imp{margin-right:.5rem} .tbl_list thead th span.imp:before, .tbl_list tbody th span.imp:before{content:"*";display:inline-block;width:1rem;height:2rem;color:#eb003b} .tbl_list table thead th.pink{color:#ef1418;background-color:#ffdbde!important} .tbl_list table thead th.blue{color:#105dd6;background-color:#c6dbf7!important} .tbl_list table thead th.border_top{border-top-color:#d8d8d8} .tbl_list > table > tbody > tr > th{height:4.5rem;padding:.6rem;padding-left:2rem;text-align:left;background-clip:padding-box;} .tbl_list > table > thead > tr > th[rowspan]{border-right:.1rem solid #b0d2d6!important} .tbl_list > table > tbody > tr > th[rowspan], .tbl_list > table > tbody > tr > td[rowspan]{border-right:.1rem solid #b0d2d6} .tbl_list > table > tbody > tr > td[rowspan]:last-child{border-right:none} .tbl_list tbody tr:last-child>td, .tbl_list tbody tr:last-child>th{border-bottom:none} .tbl_list > table > tbody > tr > th.tac{padding-left:.6rem} /* .tbl_list > table > tbody > tr > th[rowspan], */ /* .tbl_list > table > tbody > tr > td[rowspan], */ /* .tbl_list tbody td[rowspan]{border-right:.1rem solid #d8d8d8} */ .tbl_list tbody td[rowspan]:last-child{border-right:0} .tbl_list tbody td{padding:0.6rem;background-color:#fff;background-clip:padding-box} .tbl_list > table > tbody > tr > td, .tbl_list > table > tfoot > tr > td{text-align:center;padding:0.6rem;height:4.5rem;color:#333} .tbl_list > table > tbody > tr > td > *, .tbl_list > table > tfoot > tr > td > *{margin-right:8px} .tbl_list > table > tbody > tr > td > *:last-child, .tbl_list > table > tfoot > tr > td > *:last-child{margin-right:0} .tbl_list tbody td.tac,.tbl_list tfoot td.tac,.tbl_list tfoot th.tac{} .tbl_list.border_bottom{border-bottom:.1rem solid #f8f8f8} .tbl_list td .cal_wrap2{float:none;width:108px} .tbl_list td.tac .w2inputCalendar{display:inline-block;float:none} .tbl_form tbody .total th,.tbl_form tbody .total td, .tbl_list tbody .total th,.tbl_list tbody .total td, .tbl_list td.total{text-align:center;background:#f3fbfb;padding:0.6rem;height:4.5rem;background-clip:padding-box} .tbl_form tbody .total th{padding-left:2rem} .tbl_form tbody .total td:last-child, .tbl_list tbody .total td:last-child{border-right:none} .tbl_list tbody .total *, .tbl_form tbody .total *{color:#028998} .tbl_form tfoot.total th,.tbl_form tfoot.total td, .tbl_list tfoot.total th,.tbl_list tfoot.total td{text-align:center;border:.1rem solid #fbd9c6;border-right:none;border-bottom:none;background:#fef2e6;background-clip:padding-box} .tbl_list tfoot.total th,.tbl_list tfoot.total td{border-bottom:.1rem solid #eed7c0} .tbl_list tfoot.total *, .tbl_form tfoot.total *, .tbl_list tbody .t_total *, .tbl_form tbody .t_total *{color:#f5580c;font-size:1.8rem} .tbl_list tbody .total th, .tbl_list tfoot.total th {/* padding-left:2.5rem; */border-left:none} .tbl_list tfoot.total th, .tbl_list tfoot.total td{border-bottom:none} .tbl_form tbody .t_total th, .tbl_form tbody .t_total td, .tbl_list tbody .t_total th, .tbl_list tbody .t_total td, .tbl_list td.t_total {background: #fef2e6;border: .1rem solid #fbd9c6;border-right: none;border-bottom: none;} .tbl_list tbody .noline{border-right:none !important} .tbl_list > table > tfoot > tr > th{padding:.8rem} .tbl_list td.bg{background:#f8f8f8} .tbl_list > table > tbody > tr > td .wrap_flex .fn1, .tbl_list > table > tbody > tr > td .wrap_flex input.w2input{width:100%;flex:1} .tbl_list > table > tbody > tr > td .wrap_flex input.w2input{margin-right:0!important} .tbl_list > table > tbody > tr > td .wrap_flex input.w2input+.tbl_label, .tbl_list > table > tbody > tr > td .wrap_flex input.w2input+.btn{margin-left:.8rem} .tbl_list > table > tbody > tr > td .wrap_flex *{margin-right:.8rem} .tbl_list > table > tbody > tr > td .wrap_flex *:last-child{margin-right:0} .tbl_list a.tbl_arr{color:#4f58b5;text-underline-offset:4px} .tbl_list a.tbl_arr::after{content:" >"} table.total{border: .1rem solid #e7dab9} table.total th:first-child{border-left: .1rem solid #e7dab9 !important;} .tbl_form .total td, .tbl_list .total td{padding:.6rem;height:4.5rem} .tbl_form .total td span, .tbl_list .total td span{font-weight:500} .tbl_form.tbl_txt table td, .tbl_list.tbl_txt table td{padding:9px 0 7px;height:16px} .tbl_list.w2grid{min-height:9rem;border:.1rem solid #b0d2d6;border-top:none} .bpr_gbox .tbl_list.w2grid{border-bottom:none} /* tbody 내에 합계로 쓰일 토탈 */ .tbl_form tbody .total2 th, .tbl_form tbody .total2 td, .tbl_list tbody .total2 th, .tbl_list tbody .total2 td{border: .1rem solid #fbd9c6;border-right: none;border-bottom: none;background: #fef2e6 !important;background-clip: padding-box;} .tbl_list tbody .total2 *, .tbl_form tbody .total2 *{color:#f5580c !important} /* 테이블 조회된 내역이 없습니다 */ tr.noresult > td > label{position: relative;color: #717171;} tr.noresult > td > label:before{content: '';position: relative;display: inline-block;margin-bottom: -3px;margin-right: 6px;width: 14px;height: 17px;background: url(/css/comm/images/ico_noresult.svg)} .tbl_list.w2grid th.gridHeaderTDDefault{height:4.5rem!important;padding:0.5rem 1rem;border-color:#b0d2d6;font-size:1.6rem;color:#1d1d1d;background:#edf8f7;background-clip:padding-box} .tbl_list.w2grid th.gridHeaderTDDefault:first-child{border-left-color:#edf8f7} .tbl_list.w2grid th.gridHeaderTDDefault_background{background:#edf8f7;background-clip:padding-box} .tbl_list.w2grid .gridHeaderTableDefault, .tbl_list.w2grid .gridBodyDefault{font-size:1.6rem;border-color:#b0d2d6;height:4.5rem!important;padding:.4rem .6rem} .tbl_list.w2grid .gridBodyDefault{border-color:#cae6e9} .tbl_list.w2grid .gridHeaderTableDefault .w2grid nobr{padding:0} .tbl_list.w2grid .gridBodyDefault button{height:3rem!important;width:auto!important;font-size:1.5rem;color:#111;padding:.2rem 1rem;border:.1rem solid #8e8e8e;border-radius:.4rem;background-color:#fafafa;font-family:'Pretendard GOV', '맑은 고딕', 'Malgun Gothic', sans-serif} .tbl_list.w2grid .w2grid_default_disabled button, .tbl_list.w2grid .gridBodyDefault button[disabled]{border-color:#c6c6c6;color:#8e8e8e;background-color:#e4e4e4} .tbl_list.w2grid nobr a{color:#028998;text-decoration:underline} .tbl_list.w2grid nobr span{display:initial} .tbl_list.w2grid .w2grid_default_disabled nobr a{color:#8e8e8e} .tbl_list.w2grid.tbl_list .gridSubtotalDefault{height:4.5rem;color:#028998;font-size:1.6rem;font-weight:500;background-color:#f3fbfb;border:.1rem solid #cae6e9} .tbl_list.w2grid.tbl_list .gridSubtotalDefault:first-child{border-left:0} .tbl_list.w2grid.tbl_list .gridSubtotalDefault nobr{color:#028998} .tbl_list.w2grid.tbl_list .gridFooterTDDefault{color:#f5580c;font-size:1.8rem;font-weight:500;background-color:#fef2e6} .tbl_list.w2grid.tbl_list .gridFooterTDDefault nobr{color:#f5580c;font-size:1.8rem} .tbl_list.w2grid.tbl_list .gridFooterTDDefault.total{background-color:#fdf7e9} .tbl_list.w2grid .gridFooterTableDefault{border-left-color:#d8d8d8;background-color:#fff4f0} .tbl_list.w2grid .gridFooterTDDefault{padding:0.5rem 1rem;height:4.5rem;background-color:#fef2e6;border-color:#fbd9c6;border-bottom:none;font-size:1.6rem} .tbl_list.w2grid .gridBodyDefault .w2inputCalendar_div_img button {font-size:0;border:0;background-color:transparent} .tbl_list.w2grid input.w2grid_input_disabled, .tbl_list.w2grid button.w2grid_input_disabled, .tbl_list.w2grid input.w2grid_input_readonly, .tbl_list.w2grid button.w2grid_input_readonly{width:100% !important;height:100% !important;border:.1rem solid #c6c6c6;border-radius:.5rem;background-color:#e4e4e4;color:#8e8e8e} .tbl_list.w2grid nobr{padding:0 !important;color:#333} .tbl_list.w2grid .txt_red nobr, .tbl_list.w2grid .txt_red nobr a{color:#f23b3b!important} .tbl_list.w2grid .txt_blue nobr, .tbl_list.w2grid .txt_blue nobr a{color:#246beb!important} .tbl_list.w2grid tr:hover .gridBodyDefault{background-color:#fcfbf2 !important} .tbl_list.w2grid .focusedTr{background-color:#fcfbf2 !important} .tbl_list.w2grid .gridBodyDefault_rowNumber{background-color:#fff !important} .tbl_list.w2grid th.gridHeaderTDDefault label{margin:-.1rem 0} .tbl_list.w2grid th.gridHeaderTDDefault nobr{font-weight:600;color:#111} .tbl_list.w2grid .gridBodyDefault.br0{border-right:0} .tbl_list.w2grid .gridBodyDefault.bl0{border-left:0} .tbl_list .txt_list li, .tbl_list .txt_num li, .tbl_form .txt_list li, .tbl_form .txt_num li {color: #333; font-size: 1.6rem;} .w2grid .w2grid_embedded_input { width: 100% !important; height: 30px !important; border: .1rem solid #c5c9d6; border-radius: 0.5rem; padding: 0 1rem; font-family: 'Pretendard GOV'; font-size: 1.6rem; text-align: left; background-color: #ffffff;} /* 테이블 가상라인 */ .tbl_list.w2grid{border:none;border-bottom:.1rem solid #b0d2d6;position:relative} .tbl_list.w2grid::after, .tbl_list.w2grid::before{content: "";display:inline-block;width:.1rem;height:100%;position:absolute;top:0;z-index:21;background-color:#b0d2d6} .tbl_list.w2grid::after{right:0} .tbl_list.w2grid::before{left:0} .posrlt{position:relative} /* As-is 그리드에 예외적용 클래스 */ /* 페이징 */ .wrap_paging{position:relative;margin-top:15px;text-align:center;width:100%;min-height:33px} .wrap_paging .page_align{display:inline-block;min-height:33px} .wrap_paging .paging{/*overflow:hidden;*/text-align:center;display:inline-block} .wrap_paging .paging li{position:relative;float:left;padding:2px 0;width:auto;min-width:33px;margin-left:9px} .wrap_paging .paging li img{display:none} .wrap_paging .paging li.w2pageList_col_next,.wrap_paging .paging li.w2pageList_col_nextPage,.wrap_paging .paging li.w2pageList_col_prev,.wrap_paging .paging li.w2pageList_col_prevPage{width:auto;height:auto;margin:0} .wrap_paging .paging li a{display:inline-block;padding:0 0px;width:auto;min-width:33px;height:33px;line-height:34px;text-decoration:none;color:#1d1d1d} /* 페이지넘버 */ .wrap_paging .paging li a.w2pageList_label_selected{font-weight:700;color:#ffffff;border-radius:5px;background:#8e8e8e;text-decoration:none} .wrap_paging .paging li a.w2pageList_label:hover{font-weight:700;color:#1d1d1d;border-radius:5px;background:#edf1f5;text-decoration:none} /* 페이지이동버튼 */ .wrap_paging .paging li.w2pageList_col_next a,.wrap_paging .paging li.w2pageList_col_nextPage a,.wrap_paging .paging li.w2pageList_col_prev a,.wrap_paging .paging li.w2pageList_col_prevPage a{width:100%;height:33px;padding:0;background-repeat:no-repeat;background-position:left top} /* 맨처음버튼 */ .wrap_paging .paging li.w2pageList_col_prevPage{width:75px;height:33px;text-align:left;margin-right:5px;background:none} .wrap_paging .paging li.w2pageList_col_prevPage:after{content:"";position:absolute;top:6px;left:24px;color:#555555;width:42px;height:22px;background:url(/css/comm/images/page_prevAll.png) no-repeat 0 3px;background-size:42px auto} .wrap_paging .paging li.w2pageList_col_prevPage a{position:relative;/* margin:0 4px 0 0;*/margin-right:10px;/* background-image:url(/img/comm/btn/btn_poppage_first.gif);*/} .wrap_paging .paging li.w2pageList_col_prevPage a:before{content:"";position:absolute;top:13px;left:7px;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(45deg)} .wrap_paging .paging li.w2pageList_col_prevPage a:after{content:"";position:absolute;top:13px;left:1.1rem;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(45deg)} .wrap_paging .paging li.w2pageList_col_prevPage:hover{font-weight:700;color:#1d1d1d;border-radius:5px;background:#edf1f5;text-decoration:none} /* 이전번튼 */ .wrap_paging .paging li.w2pageList_col_prev{width:50px;height:33px;text-align:left;margin-right:5px;background:none} .wrap_paging .paging li.w2pageList_col_prev:after{content:"";position:absolute;top:6px;left:17px;width:29px;height:22px;color:#555555;background:url(/css/comm/images/page_prev.png) no-repeat 0 3px;background-size:29px auto} .wrap_paging .paging li.w2pageList_col_prev a{margin:0 9px 0 0;/* background:#dddddd;*//*background-image:url(/img/comm/btn/btn_poppage_prev.gif)*/} .wrap_paging .paging li.w2pageList_col_prev a:before{content:"";position:absolute;top:13px;left:7px;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(45deg)} .wrap_paging .paging li.w2pageList_col_prev:hover{font-weight:700;color:#1d1d1d;border-radius:5px;background:#edf1f5;text-decoration:none} /* 다음버튼 */ .wrap_paging .paging li.w2pageList_col_next{width:50px;height:33px;text-align:left;margin-left:5px;background:none} .wrap_paging .paging li.w2pageList_col_next:after{content:"";position:absolute;top:6px;right:17px;color:#555555;width:29px;height:22px;color:#555555;background:url(/css/comm/images/page_next.png) no-repeat 0 3px;background-size:29px auto} .wrap_paging .paging li.w2pageList_col_next a{/* margin:0 0 0 9px;*//* background:#dddddd;*//*background-image:url(/img/comm/btn/btn_poppage_next.gif)*/} .wrap_paging .paging li.w2pageList_col_next a:before{content:"";position:absolute;top:13px;right:7px;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(222deg)} .wrap_paging .paging li.w2pageList_col_next:hover{font-weight:700;color:#1d1d1d;border-radius:5px;background:#edf1f5;text-decoration:none} /* 맨뒤로버는 */ .wrap_paging .paging li.w2pageList_col_nextPage{width:75px;height:33px;text-align:left;margin-left:5px;background:none} .wrap_paging .paging li.w2pageList_col_nextPage:after{content:"";position:absolute;top:6px;right:24px;width:4.1rem;height:22px;color:#555555;background:url(/css/comm/images/page_nextAll.png) no-repeat 0 3px;background-size:4.1rem auto} .wrap_paging .paging li.w2pageList_col_nextPage a{margin:0 0 0 9px;/* background:#dddddd;*//*background-image:url(/img/comm/btn/btn_poppage_end.gif)*/} .wrap_paging .paging li.w2pageList_col_nextPage a:before{content:"";position:absolute;top:13px;right:7px;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(222deg)} .wrap_paging .paging li.w2pageList_col_nextPage a:after{content:"";position:absolute;top:13px;right:1.1rem;width:8px;height:8px;border:.1rem solid #6a6a6a;border-top:none;border-right:none;transform:rotate(222deg)} .wrap_paging .paging li.w2pageList_col_nextPage:hover{font-weight:700;color:#1d1d1d;border-radius:5px;background:#edf1f5;text-decoration:none} .wrap_paging .paging li a span{visibility:hidden;overflow:hidden;position:absolute;left:0;top:0;width:0;height:0} /* 카운터 */ .wrap_paging .counter{font-size:1.6rem;color:#1d1d1d;display:inline-block;position:relative;} .wrap_paging .counter p{float:left;margin:0 5px 0 10px;line-height:33px} .wrap_paging .counter p span{} /* .tbl_label{width:30px;line-height:36px} */ .tbl_check{float:left;padding:2px 0 2px 15px} .border_bold td,.border_bold th{border-bottom:.1rem solid #d1d1d1!important} .tbl_help input{display:inline-block;margin:2px 0 0 5px;width:12px;height:12px;background:url(/img/comm/bg/ico_tbl_help.gif) no-repeat left top} .btn_wrap_th{padding:4px 10px;line-height:26px} /* as-is */ .both_section, .pop_wrap .pop_cont .both_section.scroll{overflow:auto;display:flex} .both_section>*, .pop_wrap .pop_cont .both_section.scroll>*{/* min-width:660px; */} .both_section>.fr{} .both_section .tbl_box{position:relative} .both_section .wrap_flex{display:flex;justify-content:flex-start} .both_section .wrap_flex .w2input, .both_section .wrap_flex .fn1{flex:1;width:100%} .both_section .wrap_flex *+*{margin-left:.8rem!important} .pop_wrap .pop_cont .both_section>*{min-width:auto} .both_section td, .both_section th{border:.1rem solid #b0d2d6} .both_section td{border-right:none} .both_section .fl .tbl_form > tbody > tr > th{color:#cd0404;background:#fef1f1} .both_section .fl .tbl_form > tbody > tr > th, .both_section .fl .tbl_form > tbody > tr > td{border-color:#f89999 !important} .both_section .fr .tbl_form > tbody > tr > th{color:#173eca;background:#f1f3ff} .both_section .fr .tbl_form > tbody > tr > th, .both_section .fr .tbl_form > tbody > tr > td{border-color:#a4b8fd !important} .both_section .fl .tbl_form > tbody > tr:last-child td, .both_section .fr .tbl_form > tbody > tr:last-child td{border-bottom:none} .both_section .tbl_form{border:none} .both_section .topno td, .both_section .topno th{border-top:none;height:5.7rem!important} .both_section .tbl_form > tbody > tr:first-child th,.both_section .tbl_form > tbody > tr:first-child td{border-top:none;height:5.7rem} .both_section .tbl_form > tbody > tr > td{padding:0.4rem 0.8rem 0.4rem 0.8rem} .both_section .tbl_form > tbody > tr > td >*{margin-right:0.4rem} .both_section .tbl_form > tbody > tr > td >*:last-child{margin-right:0} .both_section.type2{overflow:auto;/*border-bottom:.1rem solid #ebebeb*/} .both_section.type2>*{min-width:auto} .both_section.type2 table .last td,.both_section.type2 table .last th{border-bottom:0!important} .both_section.type2 table th.tac{padding-left:0;padding-right:0} .tax_flip + .tbl_box + .tbl_box{margin-top:0} .tbl_box.border{border-bottom:.1rem solid #d8d8d8;margin-bottom:0rem;padding-bottom:0rem} .tbl_box.noline{margin-top:0} .tbl_box.noline .tbl_form{border-top:none} .both_section_tit{position:absolute;left:0;right:0;bottom:0;width:50px;height:100%;text-align:center;color:#900000;font-weight:700;background:#fccccc} .both_section_tit span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} .fr .both_section_tit{color:#0b1f64;background:#d2dcff} .fr .both_section_tit span{transform:translate(-50%, -50%)} .pop_wrap .pop_cont .both_section.scroll .both_section_tbl{padding-left:50px;min-width:660px;} .both_section_tbl{padding-left:50px;} .both_section_tbl .tbl_form,.both_section_tbl table th{border-bottom:0} .both_section .wrap_title_btn {min-height:32px} .both_section .fl .tbl_box,.both_section .fn .tbl_box{border-top:2px solid #f77573;border-bottom:2px solid #f77573} .both_section .fr .tbl_box{border-top:2px solid #5b9adf;border-bottom:2px solid #5b9adf} .both_section .fn .tbl_box{border-top:2px solid #f77573;border-bottom:2px solid #f77573} .both_section .fl .tbl_form.pink > tbody > tr > th.tit{text-align:center;color:#900000;background:#fccccc;border-left:0} .both_section .fr .tbl_form.blue > tbody > tr > th.tit{text-align:center;color:#0b1f64;background:#d2dcff;border-left:0} .tbl_wrap .both_section,.tbl_wrap .tbl_box,.tbl_wrap .tbl_top{margin:0 10px} .tbl_form tbody td.double_height{height:90px!important;/*-moz-height:65px*/} .tbl_form.green{border:.1rem solid #BED6AA} .tbl_form.green th, .tbl_form.green td{border:.1rem solid #BED6AA} .tbl_form.green > tbody > tr > th{border-color:#BED6AA;background-color:#EFFEED} .tbl_form.green > tbody > tr > td{border-color:#BED6AA} .tbl_form.green > tbody > tr > td .wrap_flex .w2input{flex:1;width:100%} .tbl_form.green > tbody > tr > td .wrap_flex *+*{margin-left:.8rem !important} /* .tax_wrap.tax_wrap02 .tbl_box{margin-bottom:0} .tax_wrap.tax_wrap02 .tbl_form.green{border-bottom:0} .tax_wrap.tax_wrap02 .both_section{margin-top:20px} .tax_wrap .btn_wrap{margin-top:15px} .tax_wrap .btn_wrap p.bold{margin-bottom:10px} .tax_wrap02{position:relative;padding:17px 19px 40px;border:.1rem solid #c5c1ba;border-top:2px solid #513714;background:url(/img/comm/bg/bg_tax_wrap.gif) repeat left top} .tax_wrap02 .edge{position:absolute;right:-.1rem;bottom:-.1rem;width:122px;height:8.1rem;background:url(/img/comm/bg/bg_paper_flip.png) no-repeat right bottom} .tax_wrap02 .tbl_list tbody td{background:#fff} */ /* 검색영역 */ .wrap_search {margin-bottom:2rem;position:relative} .search_box {position:relative;border:.1rem solid #bed0ef;box-sizing:border-box;border-radius:8px} .search_row {display:flex;border-top:.1rem solid #e4ecfa;flex-direction:row;margin-right:10rem} .search_box .search_row:first-child {border-top:0} .search_row dl {flex:1;display:flex;flex-direction:row} .search_row dt {flex:none;min-width:23rem;display:flex;justify-content:flex-start;align-items:center;padding:.3rem 2.5rem;background-color:#f7f9ff} /*.search_row:first-child dl:first-child dt:first-child{border-top-left-radius:.8rem} .search_row:last-child dl:first-child dt:first-child{border-bottom-left-radius:.8rem} .search_box .search_row:first-child dl dt:first-child{border-top-left-radius:.8rem} search_box .search_row:last-child dl dt{border-radius: 0 0 0 8px}*/ .search_box .search_row dl:first-child dt:first-child{border-top-left-radius:.8rem; border-bottom-left-radius:.8rem} .search_row dt.ico_chk {position:relative} .search_row dt.ico_chk span{display:inline-block;position:relative} .search_row dt.ico_chk span:before {content:"*";position:absolute;top:50%;left:-1.2rem;transform:translateY(-50%);display:inline-block;width:1rem;color:#eb003b} .search_row dt label {line-height:1.5;font-weight:500;color:#111} .search_row dt label + .btn_mark {padding-left:.5rem} .search_row dd {flex:1;padding:.6rem 1rem;min-height:5rem;border-radius:8px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;background:#fff} .search_row:last-child dl:last-child dd:last-child{border-right:none;margin-right:10rem} .wrap_search.type2 .search_row:last-child dl:last-child dd:last-child{margin-right:0} .search_row dd >*, .search_row dd >*>*{display:inline-block;margin-right:8px} .search_row dd >*:last-child, .search_row dd >*>*:last-child, .search_row dd .cal_wrap >*:last-child{margin-right:0} .search_row dd .cal_wrap >*{margin-right:8px} .search_row dd .grp_box{display:inline-block} .search_row dd .grp_box+ .grp_box{display:inline-block;margin-left:1.2rem} .search_row dd .grp_box >*+*{margin-left:.6rem} .search_row .wrap_flex{display:flex;justify-content:flex-start;margin:0} .search_row .wrap_flex dd *+*{margin-left:.8rem} .search_btn{display:flex;justify-content:flex-end;margin:1rem 0} .search_btn .btn.btn_reset input{font-weight:600;color:#1c49a2;border:.1rem solid #1c49a2;background-color:#fff;padding:.2rem 1.2rem} .search_box .search_btn{position:absolute;top:0;right:0;width:10rem;height:100%;margin:0rem;display:flex;justify-content:center;align-items:center;flex-flow:column;border-left:.1rem solid #e4ecfa} .search_box .search_btn.line{width:auto;padding:0 1rem;flex-flow:row} .search_box .search_btn .btn{margin:.4rem 0} .search_btn .btn input{min-height:35px;font-size:1.6rem;color:#fff;padding:.2rem 2rem;border:none;border-radius:6px;background-color:#1c49a2;box-shadow:0 3px 7px rgba(75, 135, 244, 0.23)} .search_box .search_btn .btn+.btn{margin-left:0rem} .search_btn .btn+.btn, .search_box .search_btn.line .btn+.btn{margin-left:.8rem} .search_box + p{margin-top:0.5rem} .wrap_search.type2 .search_row{margin-right:0} .search_box input.w2input, .search_box .w2inputCalendar_div, .search_box .w2selectbox_select{height:3.4rem!important} .search_box .tooltip_wrap.top{bottom: 35px;} /* 폰트 포인트 컬러 */ .txt_blue, .txt_blue a, .txt_blue2{color:#246beb !important} .bold, .txt_bold{font-weight:700 !important} .txt_red, .num {color:#f23b3b !important} .txt_green{color:#046d7b !important} .txt_gray{color:#717171 !important} .num{display:inline-block;margin:0 .5rem} .txt_underline, .underline{text-decoration:underline;text-underline-offset:4px} .bg_y{background-color:#FFF4A1!important} .bg_b{background-color:#BFD6FF!important} .bg_r{background-color:#fff5f9!important} /* 테이블 안 공통 */ .bd_none_bottom,.bd_none_bottom td,.bd_none_bottom th {border-bottom:0!important} .bd_none_top {border-top:0!important} .gridBodyDefault {outline-style:none} .tbl_label {display:inline-block;vertical-align:top;padding:5px 8px 0 0} th .tbl_label02, td .tbl_label02 {vertical-align:top;width:14px;text-align:center;padding:5px 0 0 0;display:inline-block} .tbl_label02 {vertical-align:middle;width:14px;text-align:center;padding:5px 12px 0 12px} .search_row dd .tbl_label02, .search_row dd .cal_wrap .tbl_label02 {vertical-align:middle;width:14px;text-align:center;padding:5px 0 0 0} /* component */ /* tab 초기화 */ ul.w2tabcontrol_tabhost>li {float:none;background-color:transparent;margin-right:-.1rem} ul.w2tabcontrol_tabhost>li a {top:0;margin:0;font-weight:400;line-height:1.6rem} ul.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left {display:none} ul.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center, ul.w2tabcontrol_tabhost .w2tabcontrol_tab_center, ul.w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, ul.w2tabcontrol_tabhost .w2tabcontrol_tab_right, ul.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, ul.w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right {background-image:none} ul.w2tabcontrol_tabhost .w2tabcontrol_container {border:none;float:none} ul.w2tabcontrol_tabhost .w2tabcontrol_contents_bridge_selected {position:absolute;left:-10000px;font-size:.1rem;line-height:.1rem;text-indent:-9000px} ul.w2tabcontrol_tabhost .w2tabcontrol_contents_wrapper {overflow:visible} .w2tabcontrol_container {border:0;float:none;height:auto !important} .w2tabcontrol_contents_wrapper {height:auto !important;overflow:visible} .w2tabcontrol_contents_bridge_h3 {display:none} h3.w2tabcontrol_contents_bridge_selected{overflow:hidden} /* tab */ .tab_style01 {position:relative;display:flex;flex-direction:column} .tab_style01>ul {position:relative;display:flex;height:4.9rem;margin-bottom:2rem;background:url(/css/comm/bpr_images/bg_tab.png) repeat-x bottom;} /* .tab_style01>ul::after {content:"";display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:.1rem;background-color:#16408d} */ .tab_style01>ul>li, .tab_style01 .w2tabcontrol_tab_center {height:100%} .tab_style01>ul>li {position:relative;z-index:0;margin-right:-.1rem} .tab_style01 .w2tabcontrol_tab_left {display:none} .tab_style01 .w2tabcontrol_tab_center {display:flex;align-items:center;justify-content:center;/* min-width:12rem; */height:100%;border:.1rem solid #c6c6c6;border-bottom:.1rem solid #16408d;background-color:#f8f8f8} .tab_style01 .w2tabcontrol_tab_center a {display:-webkit-box;padding:0 2.8rem;color:#555;font-size:1.6rem;border-collapse:collapse;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .tab_style01 .w2tabcontrol_tab_center a span {color:#555;font-size:1.3rem;display:inline-block;margin-right:0.5rem;display:inline-block;padding:0.1rem 1rem;border:.1rem solid #c6c6c6;border-radius:2rem;background-color:#fff} /* Step형 */ .tab_style01 .w2tabcontrol_selected {z-index:1} .tab_style01 .w2tabcontrol_selected .w2tabcontrol_tab_center {border:.1rem solid #16408d;border-top:2px solid #16408d;border-bottom:.1rem solid #fff;background-color:#fff;box-sizing:border-box} .tab_style01 .w2tabcontrol_selected .w2tabcontrol_tab_center a {margin-top:-.1rem;padding:0 2.7rem;color:#16408d;font-weight:700} .tab_style01 .w2tabcontrol_selected .w2tabcontrol_tab_center a span {color:#fff;border:.1rem solid #2a5c96;background-color:#2a5c96} .tab_style01 .w2tabcontrol_tab_right {position:absolute;width:2rem;top:0;right:0.1rem;z-index:1} .tab_style01 .w2tabcontrol_tab_right .w2tabcontrol_tab_close {width:2.5rem;height:2rem;cursor:pointer;background:url(/css/comm/images/ico_close.svg) no-repeat right 10px center;background-size:12px 12px} /* sub tab */ .tab_sub {} .tab_sub>ul {position:relative;display:flex;height:3.5rem;margin-bottom:1rem} .tab_sub>ul>li {position:relative;z-index:0;margin-right:.3rem} .tab_sub .w2tabcontrol_tab_center {height:3rem;min-width:10rem;padding:0 1.3rem;background-color:#f1f1f9;border:0;border-radius:4px} .tab_sub .w2tabcontrol_tab_center a {padding:0 0.5rem !important;font-size:1.6rem} .tab_sub .w2tabcontrol_selected {z-index:1} .tab_sub .w2tabcontrol_selected:before {content:"";position:absolute;top:2.8rem;left:49%;width:0;height:0;border-style:solid;border-width:.8rem .6rem 0 .6rem;border-color:#16408d transparent transparent transparent;z-index:10} .tab_sub .w2tabcontrol_selected .w2tabcontrol_tab_center {background-color:#16408d;border:0} .tab_sub .w2tabcontrol_selected .w2tabcontrol_tab_center a {color:#fff;font-weight:400} .tab_sub .tab_container{} .tab_sub .tab_container .tit_h4 { display: flex; align-items: center; margin: 0rem 0 0.5rem;} /* sub tab - 세로형 */ .tab_vt {display:flex;flex-direction:row;align-items:flex-start} .tab_vt>ul {flex-direction:column;width:20rem;height:auto;margin-right:2.5rem;margin-bottom:0} .tab_vt>ul>li {margin:0;margin-bottom:1rem} .tab_vt .w2tabcontrol_tab_center {width:calc(100% - 5px);min-height:4rem} .tab_vt .w2tabcontrol_container {min-height:20rem} .tab_vt .w2tabcontrol_selected:before {content:"";position:absolute;top:34%;left:96%;width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem .8rem;border-color:transparent transparent transparent #16408d;z-index:10} .tab_vt .w2tabcontrol_tab_center a{padding:1rem !important} /* tab scroll */ .tab_scroll {position:relative;height:auto !important} .tab_scroll .w2tabcontrol_control {margin-bottom:4rem} .tab_scroll .w2tabcontrol_control, .tab_scroll .w2tabcontrol_tabscrolldiv .w2tabcontrol_control .mask {height:5rem} /* .tab_scroll .w2tabcontrol_control::after {content:"";display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:.1rem;background-color:#16408d} */ .tab_scroll .w2tabcontrol_control .btn_scrollLeft {right:4.4rem} /* 이전버튼 위치 */ .tab_scroll .w2tabcontrol_control .w2tabcontrol_control.mask {margin-left:0;left:0;right:7rem} .tab_scroll .w2tabcontrol_control.scroll {position:relative;height:5rem} .tab_scroll .w2tabcontrol_control.scroll ul {display:flex;flex-direction:row;height:5rem;font-size:1.6rem} /* tab 우측버튼 */ .btn_tab_wrap {position:relative} .btn_tab_wrap>.btn_wrap {position:absolute;margin-top:.8rem;top:0;left:auto;right:0;justify-content:flex-end;z-index:1} .btn_tab_wrap>.btn_wrap .btn input {min-height:3.2rem;font-size:1.5rem;color:#246beb;min-height:3.2rem;padding:0 1rem;margin:0 .4rem;border:.1rem solid #246beb;border-radius:4px;background-color:#fff} .btn_tab_wrap>.btn_wrap .btn input {min-width:.8rem} .btn_tab_wrap>.btn_wrap .btn.btn_confirm input, .btn_tab_wrap .btn_wrap .btn.btn_common input {color:#fff;background-color:#246beb} .btn_tab_wrap>.btn_wrap .btn:last-child input {margin-right:0} .btn_tab_wrap>.btn_wrap .btn.btn_move input{background:#fff url(/css/comm/images/icon_move_blue.svg) no-repeat right 10px center;background-size:14px 14px} .btn_tab_wrap>.btn_wrap .btn.btn_down input{background-image:url(/css/comm/images/icon_down2.svg)} /* selectbox */ .w2selectbox {height:3.4rem;border:.1rem solid #8d8d8d;border-radius:.4rem;background:#fff;color:#212B36;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none} .w2selectbox_label {padding:0 0 0 8px;font-size:1.4rem;box-sizing:border-box} .w2selectbox .w2selectbox_col_button {position:relative;width:2.4rem;background:url(/css/comm/images/ico_select.svg) center no-repeat} .w2selectbox:hover {outline:none;border-color:#A7B1BB} .w2selectbox:focus, .w2selectbox.w2selectbox_open {border-color:#99b0cb;box-shadow:inset 0 0 0 .1rem #99b0cb} .w2selectbox:hover .w2selectbox_col_label, .w2selectbox:focus .w2selectbox_col_label {background:transparent} .w2selectbox.w2selectbox_disabled {border-color:#8d8d8d;background:#EAEEF1} .w2selectbox.w2selectbox_disabled .w2selectbox_label {color:#A7B1BB} .w2selectbox.w2selectbox_disabled .w2selectbox_col_button {background:url(/css/comm/images/ico_select_dis.svg) left center no-repeat} .w2selectbox_table_main, .w2selectbox_table_main td {border:0} /* selectbox native */ .w2selectbox_native {position:relative;width:100%;height:3rem;border:0;border-radius:.4rem;background:#FFFFFF;vertical-align:middle;box-sizing:border-box} .w2selectbox_native .w2selectbox_native_innerDiv {height:100%} .w2selectbox_native .w2selectbox_native_select {height:100%;padding:0 2.4rem 0 .8rem;border:.1rem solid #b9b9b9;border-radius:.4rem;color:#212B36;font-size:1.6rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/css/comm/images/ico_select.svg) right 6px center no-repeat;background-size:1.6rem 1.7rem;font-family: 'Pretendard GOV' !important;} .w2selectbox_native .w2selectbox_native_select::-ms-expand {display:none} .w2selectbox_native .w2selectbox_native_select:hover {outline:none;border-color:#A7B1BB} .w2selectbox_native .w2selectbox_native_select:focus {border-color:#99b0cb;box-shadow:inset 0 0 0 .1rem #99b0cb} .w2selectbox_native .w2selectbox_native_select > option {background:#fff} .w2selectbox_native.w2selectbox_disabled {background:none} .w2selectbox_native[readonly="readonly"] .w2selectbox_native_select, .w2selectbox_native.w2selectbox_disabled .w2selectbox_native_select {border-color:#c6c6c6;color:#8e8e8e;opacity:1;background:#e4e4e4 url(/css/comm/images/ico_select_dis.svg) right 6px center no-repeat;background-size:1.6rem 1.7rem} /* selectbox select */ .w2selectbox_select {height:3rem;padding:0 2.2rem 0 1.1rem;border:.1rem solid #b9b9b9;border-radius:.4rem;color:#111;font-size:1.6rem;vertical-align:middle;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(/css/comm/images/ico_select.svg) no-repeat right 6px center;background-size:1.6rem 1.7rem;font-family: 'Pretendard GOV' } .w2selectbox_select::-ms-expand {display:none} .w2selectbox_select:hover{outline:none;border:.1rem solid #246beb} .w2selectbox_select:focus {outline:none;border:.1rem solid #246beb} .w2selectbox_select > option {background:#fff} .w2table_sb{padding:.6rem .8rem;margin-top:.5rem;border:solid .1rem #99b0cb;border-radius:.4rem;height:auto;box-sizing:content-box} .w2table_sb_ul_main{padding-top:.6rem;padding-bottom:.4rem;padding-left:.8rem} .w2table_sb_ul_col{padding:.9rem 1.2rem;border-top:0;border-radius:.4rem;height:3.2rem;line-height:1;font-size:1.6rem;text-align:left} .w2table_sb_ul_col_over2{background:#246beb !important;color:#fff} .w2table_sb_main .w2selectbox_item_disabled, .w2table_sb_main .w2selectbox_item_disabled .w2table_sb_col {background:transparent;color:#A7B1BB;opacity:1} /* autoComplete */ .w2autoComplete {width:100%;height:34px;padding-left:.1rem;border:.1rem solid #8d8d8d;border-radius:4px;background:#FFFFFF;color:#212B36;box-sizing:border-box} span.w2autoComplete_label {padding:0 0 0 8px;text-align:left;font-size:14px} .w2autoComplete_selected .w2autoComplete_col_label {background-color:transparent} .w2autoComplete:hover {outline:none;border-color:#A7B1BB} .w2autoComplete:focus, .w2autoComplete.w2autoComplete_open {border-color:#212B36;box-shadow:inset 0 0 0 .1rem #212B36} .w2autoComplete_disabled {border-color:#e0e2e7;background-color:#f4f4f4;color:#333} /* .w2autoComplete_disabled:hover {border-color:#8d8d8d} */ .w2autoComplete_disabled .w2autoComplete_label {color:#A7B1BB} .w2autoComplete_disabled .w2autoComplete_col_button {background:#EAEEF1 url(/css/comm/images/ico_select_dis.svg) left center no-repeat} .w2autoComplete_acc{border:.1rem solid #b9b9b9;border-radius:.4rem;height:3rem !important} .w2autoComplete_ul_col_label{display:table-cell !important;border-right:.1rem solid #fff;height:2.8rem !important} .w2autoComplete_input{padding:0 .8rem !important;border-radius:.4rem;width:100% !important;height:2.8rem !important;font-size:1.5rem;font-family:revert} .w2autoComplete_input:focus{outline:none} .w2autoComplete_acc.w2autoComplete_selected{border:.1rem solid #6a9bf4;background:#fff} .w2autoComplete_acc .w2autoComplete_ul_col_arrow{width:2.5rem;} .w2autoComplete_acc .w2autoComplete_col_button{width:2.4rem;background:transparent url(/css/comm/images/ico_select.svg) no-repeat center / 1.6rem 1.7rem} .w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_col_button{background:transparent url(/css/comm/images/ico_select.svg) no-repeat center / 1.6rem 1.7rem} .w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_ul_col_label{border-right:.1rem dashed #6a9bf4} .w2autoComplete_disabled{border:.1rem solid #e0e2e7;background:#f4f4f4} .w2autoComplete_disabled .w2autoComplete_input{color:#8e8e8e;background:#f4f4f4;} .tbl_list.w2grid .w2autoComplete_acc{width:100% !important} .tbl_list.w2grid .w2autoComplete_acc .w2autoComplete_col_button{height:2.6rem !important} .gridBodyDefault_autoComplete{background-position:right 1rem center} /* autoComplete accesibility */ /* .w2autoComplete_acc {display:inline-block;width:100%;height:30px;border:.1rem solid #8d8d8d;border-radius:4px;color:#212B36;box-sizing:border-box} .w2autoComplete_acc:hover {outline:none;border-color:#A7B1BB} .w2autoComplete_acc .w2autoComplete_ul_col_label .w2autoComplete_input {position:relative;top:-.1rem;height:28px !important;border-radius:4px} .w2autoComplete_acc .w2autoComplete_ul_col_arrow {width:24px} .w2autoComplete_acc .w2autoComplete_col_button {position:static;height:30px;background:url(/css/comm/images/ico_select.svg) left center no-repeat} .w2autoComplete_acc.w2autoComplete_selected {background:none} .w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_col_button {background:url(/css/comm/images/ico_select.svg) left center no-repeat} .w2input_table_sb {padding:4px;border:.1rem solid #8d8d8d;border-radius:4px;background:#FFFFFF;box-shadow:0 5px 5px rgb(33,43,54,0.1)} .w2input_table_sb_main, .w2table_sb_ul_main {position:relative;top:0;background:#FFFFFF} .w2input_table_sb_col, .w2table_sb_ul_col {height:28px;padding:0 4px;border-top:0;border-radius:4px;background:#FFFFFF;font-size:14px;line-height:28px} .w2input_table_sb_col_over {background-color:#F4F6F8} .w2table_sb_ul_col_over2 {background-color:#F4F6F8 !important} .w2input_table_sb_main .w2selectbox_item_disabled, .w2input_table_sb_main .w2selectbox_item_disabled .w2input_table_sb_col {background:transparent;color:#A7B1BB;opacity:1} */ /* checkCombobox */ /* .w2checkcombobox {width:100%;height:34px;border:.1rem solid #8d8d8d;border-radius:4px;background:#FFFFFF;color:#212B36;box-sizing:border-box} .w2checkcombobox_label {padding:0 0 0 8px;font-size:14px;text-align:left;box-sizing:border-box} .w2checkcombobox_focus .w2checkcombobox_col_label, .w2checkcombobox_over .w2checkcombobox_col_label {background-color:transparent} .w2checkcombobox .w2checkcombobox_col_button {position:relative;width:24px;background:url(/css/comm/images/ico_select.svg) center no-repeat} .w2checkcombobox:hover {outline:none;border-color:#A7B1BB} .w2checkcombobox:focus, .w2checkcombobox.w2checkcombobox_open {border:.1rem solid #212B36;box-shadow:inset 0 0 0 .1rem #212B36} .w2checkcombobox_disabled {border-color:#8d8d8d;background-color:#EAEEF1} .w2checkcombobox_disabled:hover {border-color:#8d8d8d} .w2checkcombobox_disabled .w2checkcombobox_label {color:#A7B1BB !important} .w2checkcombobox_disabled .w2checkcombobox_col_button {background:#EAEEF1 url(/css/comm/images/ico_select_dis.svg) left center no-repeat} */ /* checkcombobox - accesibility */ /* .w2checkcombobox_acc {width:100%;height:30px;border:.1rem solid #8d8d8d;border-radius:4px;vertical-align:middle} .w2checkcombobox_acc.w2checkcombobox_acc_selected {background-color:#FFFFFF} .w2checkcombobox_acc .w2checkcombobox_acc_custom_arrow {height:100%;background:none} .w2checkcombobox_acc .w2checkcombobox_acc_custom_arrow::after {content:'';display:block;position:absolute;top:50%;right:8px;width:4px;height:4px;margin-top:-3px;border-top:.1rem solid #20252A;border-right:.1rem solid #20252A;cursor:pointer;transform:translateY(-50%);transform:rotate(135deg)} .w2checkcombobox_acc.w2checkcombobox_acc_selected .w2checkcombobox_acc_col_button {background:none} .w2checkcombobox_disabled .w2checkcombobox_acc_custom_arrow::after {border-color:#8d8d8d} .w2table_ccb {padding:4px;border:.1rem solid #8d8d8d;border-radius:4px;background:#FFFFFF;box-shadow:0 5px 5px rgb(33,43,54,0.1)} .w2table_ccb_main {position:relative;top:0;background:#FFFFFF} .w2table_ccb_main .w2checkcombobox_item_disabled {background:transparent;color:#A7B1BB} .w2table_ccb_col {height:28px;padding:0 4px;border-top:0;border-radius:4px;background:#FFFFFF;font-size:14px} .w2table_ccb_col_over {background-color:#F4F6F8} .w2table_ccb_col_checkbox {display:inline-block;float:none;width:20px;height:20px;margin:0 3px;background:url(/css/comm/images/ico_check.svg) no-repeat;vertical-align:middle;appearance:none} .w2table_ccb_col_checkbox:checked {background:url(/css/comm/images/ico_check_on.svg) no-repeat} .w2table_ccb_col_checkbox:disabled {background:url(/css/comm/images/ico_check_dis.svg) no-repeat} .w2table_ccb_col_checkbox:checked:disabled {background:url(/css/comm/images/ico_check_on_dis.svg) no-repeat} .w2table_ccb_col_label {display:inline-block;float:none;vertical-align:middle} */ /* multiselect */ /* .w2multiselect_div {padding:4px;border:.1rem solid #8d8d8d;border-radius:4px;background:#FFFFFF;box-sizing:border-box} .w2multiselect_table {border:0;background:transparent} .w2multiselect_td {height:28px;padding:0 4px;border:0;border-radius:4px;font-size:14px;line-height:28px} .w2multiselect_tr_over {background-color:#F4F6F8} .w2multiselect_tr:first-child .w2multiselect_td {border-top:0} .w2multiselect_div:focus {outline:none} .w2multiselect_disabled {border-color:#8d8d8d;background:#EAEEF1} .w2multiselect_disabled .w2multiselect_td {border-color:#8d8d8d;background:#EAEEF1;color:#A7B1BB} */ /* multiselect accesibility */ /* .w2multiselect_acc {background-color:#FFFFFF} .w2multiselect_acc_ul {border:.1rem solid #8d8d8d;color:#212B36} .w2multiselect_acc_ul .w2multiselect_acc_li {height:30px;border-top:.1rem solid #8d8d8d} .w2multiselect_acc_ul .w2multiselect_acc_li_over {background:#dbf0f7} .w2multiselect_acc_ul .w2multiselect_acc_li .w2multiselect_acc_link {height:100%;color:#212B36;font-size:12px;line-height:30px} .w2multiselect_acc_ul .w2multiselect_acc_li_over .w2multiselect_acc_link {text-decoration:none} .w2multiselect_acc:focus {outline:none} .w2multiselect_acc:focus .w2multiselect_acc_ul {border:.1rem solid #8d8d8d} .w2multiselect_disabled .w2multiselect_acc_ul {border-color:#8d8d8d} .w2multiselect_disabled .w2multiselect_acc_li {border-color:#8d8d8d;background:#EAEEF1} .w2multiselect_disabled .w2multiselect_acc_li .w2multiselect_acc_link {color:#A7B1BB} */ /* 인풋 */ input.w2input {max-width:100%;height:3rem;border:.1rem solid #b9b9b9;border-radius:.4rem;color: #111;padding:0 1rem;font-family:'Pretendard GOV';font-size:1.6rem;text-align:left} input.w2input.w2input_disabled, input.w2input.w2input_disabled:focus, .w2selectbox_select.w2selectbox_disabled{opacity:1;border-color: #e0e2e7;color: #333;background:linear-gradient(45deg, #f4f4f4 25%, #eaebed 0, #eaebed 50%, #f4f4f4 0, #f4f4f4 75%, #eaebed 0);background-size:0.4rem 0.4rem} .w2selectbox_select.w2selectbox_disabled:before{content:"";} input.w2input.w2input_readonly, .w2input.w2input_readonly, input.w2input.w2input_readonly:focus, .w2input.w2input_readonly:focus {color: #333;background: #f4f4f4;border-color: #e0e2e7;} input.w2input.type1{background:#fffbf1} input.w2input:focus, .w2inputCalendar_focus, .w2textarea:focus, .bpr_inner .tax_list .detail_box .tax_item .txt input.w2input:focus{outline:1px solid #246beb;border-color:#246beb;background-color:transparent} .bpr_inner input.w2input.w2input_readonly:focus, .bpr_inner .w2selectbox_select:focus{outline:.1rem solid #246beb;border-color:#246beb;} .w2textarea{width:100%;min-height:5rem;border:.1rem solid #b9b9b9;border-radius:.4rem;padding:1rem;color: #111;font-family:'Pretendard GOV';font-size:1.6rem} .w2textarea_readonly {border-color: #e0e2e7;color: #333;background: #f4f4f4;} .w2textarea_disabled{border-color: #e0e2e7;color: #333;background: linear-gradient(45deg, #f4f4f4 25%, #eaebed 0, #eaebed 50%, #f4f4f4 0, #f4f4f4 75%, #eaebed 0);background-size: 0.4rem 0.4rem;} /* placeHolder 한번 더 공통적으로 쓰게끔 정리필요 */ input.w2input::placeholder{color:#8e8e8e;font-weight:400} .w2textarea::placeholder{color:#8e8e8e} input.w2input.w2input_readonly::placeholder, input.w2input.w2input_disabled::placeholder, .w2textarea.w2textarea_readonly::placeholder, .w2textarea.w2textarea_disabled::placeholder{color:#717171} .w2inputCalendar_div .w2inputCalendar_divInput::placeholder{color:#8e8e8e} .w2inputCalendar_div .w2inputCalendar_readOnly::placeholder{color:#717171;} .w2inputCalendar_div .w2inputCalendar_divInput.w2input_disabled::placeholder {color:#717171;} .w2selectbox_select::placeholder {color:#8e8e8e;} .w2selectbox_select.w2selectbox_disabled::placeholder {color:#717171;} .sch_input input[type="text"]::placeholder{color:#ccc;line-height:normal;} .sch_input input[type="text"]::-webkit-input-placeholder{color:#ccc;line-height:normal;} .sch_input input[type="text"]:-ms-input-placeholder{color:#ccc;line-height:normal;} .sch_input input[type="text"]::-moz-input-placeholder{color:#ccc;line-height:normal;} .sch_input input[type="text"]::-moz-placeholder{color:#ccc;line-height:normal;} .search_zone .sch_input input[type="text"]::placeholder{color:#717171;} .w2inputCalendar_divInput::placeholder{color:#8e8e8e;font-weight:400} /* ie 대응 */ input.w2input:-ms-input-placeholder{color:#8e8e8e !important; font-weight:normal !important} .w2textarea:-ms-input-placeholder{color:#8e8e8e !important; font-weight:normal} input.w2input.w2input_readonly:-ms-input-placeholder{color:#717171 !important} input.w2input.w2input_disabled:-ms-input-placeholder{color:#717171 !important} .w2textarea.w2textarea_readonly:-ms-input-placeholder{color:#717171 !important} .w2textarea.w2textarea_disabled:-ms-input-placeholder{color:#717171 !important} .w2inputCalendar_div .w2inputCalendar_divInput:-ms-input-placeholder {color:#8e8e8e;font-weight:normal !important} .w2inputCalendar_div .w2inputCalendar_readOnly:-ms-input-placeholder {color:#717171 !important;} .w2inputCalendar_div .w2inputCalendar_divInput.w2input_disabled:-ms-input-placeholder{color:#717171 !important;} .w2selectbox_select:-ms-input-placeholder {color:#8e8e8e !important;} .w2selectbox_select.w2selectbox_disabled:-ms-input-placeholder {color:#717171 !important;} /*패스워드타입 눈아이콘설정-수정해야됨*/ input[type=password]::-ms-clear, input[type=password]::-ms-reveal{display:none;width:0;height:0} .pwwrap{position:relative;display:inline-block;float:none;margin-right:0 !important} .pwwrap input{padding-right:20px;margin-right:0!important} .pwwrap input + i{position:absolute !important;right:6px;top:50%;margin-top:-7px;width:14px;height:14px} .pwwrap .eye_on{background:url(/img/comm/img/sprite_ico.png) no-repeat 0 -77px} .pwwrap .eye_off{background:url(/img/comm/img/sprite_ico.png) no-repeat 0 -100px} .pwwrap + .btn_event{margin-left:0.8rem !important} /* 라디오&체크박스 */ .wrap_radiocheck {position:relative;justify-content:left;text-align:left} .wrap_radiocheck>div{position:relative;display:flex;justify-content:left;overflow:hidden;flex-wrap:wrap} .wrap_radiocheck>div>div{position:relative;display:inline-block;min-height:3.4rem} .wrap_radiocheck input{position:absolute;left:-10000px} .wrap_radiocheck label{position:relative;display:inline-block;min-height:3.4rem;font-size:1.6rem;color:#1d1d1d;word-break:keep-all;padding:.4rem 0.3rem .2rem 3.2rem !important;cursor:pointer;border:.1rem solid transparent;vertical-align:middle;} .wrap_radiocheck input:focus+label{border:.1rem solid #246beb;border-radius:.5rem} .wrap_radiocheck label::after, .wrap_radiocheck label::before{position:absolute;content:"";display:inline-block} .wrap_radiocheck input[type="radio"]+label::after{top:.6rem;left:.7rem;width:1.8rem;height:1.8rem;border:.1rem solid #838383;border-radius:2rem;background-color:#fff} .wrap_radiocheck input[type="radio"]:checked+label::after{border-color:#286eeb} .wrap_radiocheck input[type="radio"]:checked+label::before{z-index:1;top:1.1rem;left:1.2rem;width:1rem;height:1rem;border-radius:1rem;background-color:#246beb} .wrap_radiocheck input[type="radio"]:disabled+label{color:#8e8e8e} .wrap_radiocheck input[type="radio"]:disabled+label::after{border-color:#e0e2e7;background-color:#f4f4f4} .wrap_radiocheck input[type="radio"]:disabled:checked+label::before{z-index:1;top:1.1rem;left:1.2rem;width:1rem;height:1rem;border-radius:1rem;background-color:#717171} .wrap_radiocheck input[type="checkbox"]+label::after{top:.6rem;left:.7rem;width:1.8rem;height:1.8rem;border:.1rem solid #838383;border-radius:.4rem;background-color:#fff} .wrap_radiocheck input[type="checkbox"]:checked+label::after{border-color:#246beb;background-color:#246beb} .wrap_radiocheck input[type="checkbox"]:checked+label::before{z-index:1;top:.9rem;left:1.4rem;width:.4rem;height:.9rem;border:2px solid #ffffff;border-top:none;border-left:none;transform:rotate(44deg)} .wrap_radiocheck input[type="checkbox"]:disabled+label{color:#8e8e8e} .wrap_radiocheck input[type="checkbox"]:disabled+label::after{border-color:#e0e2e7;background-color:#f4f4f4} .wrap_radiocheck input[type="checkbox"]:disabled+label::before{border-color:#b9b9b9} .wrap_radiocheck.dual>div, .wrap_radiocheck.quad>div, .wrap_radiocheck.triple>div{display:flex;flex-wrap:wrap} .wrap_radiocheck.dual>div>div{min-width:50%;text-align:left} .wrap_radiocheck.quad>div>div, .wrap_radiocheck.triple>div>div{min-width:33.333%;text-align:left} .wrap_radiocheck.line>div, .wrap_radiocheck.row_type>div{flex-flow:column;text-align:left} .wrap_radiocheck.only_check label {text-indent:-9999px;padding:.5rem .3rem .5rem 3.2rem !important} .wrap_radiocheck .w2radio_item +.w2radio_item, .wrap_radiocheck .w2checkbox_item +.w2checkbox_item {padding-left:0.5rem} .wrap_radiocheck.line .w2radio_item +.w2radio_item, .wrap_radiocheck.line .w2checkbox_item +.w2checkbox_item, .wrap_radiocheck.dual .w2radio_item +.w2radio_item, .wrap_radiocheck.dual .w2checkbox_item +.w2checkbox_item, .wrap_radiocheck.quad .w2radio_item +.w2radio_item, .wrap_radiocheck.quad .w2checkbox_item +.w2checkbox_item, .wrap_radiocheck.triple .w2radio_item +.w2radio_item, .wrap_radiocheck.triple .w2checkbox_item +.w2checkbox_item, .wrap_radiocheck.row_type .w2radio_item +.w2radio_item, .wrap_radiocheck.list .w2radio_item +.w2radio_item{padding-left:0} .wrap_radiocheck.list .w2radio_item{padding-right:0} /* 그리드 뷰 라디오&체크박스 */ .tbl_list.w2grid input[type="radio"], .tbl_list.w2grid input[type="checkbox"], .tbl_list.w2grid input[type="radio"], .tbl_list.w2grid input[type="checkbox"]{position:absolute;left:-10000px} .tbl_list.w2grid input[type="radio"]:focus+label, .tbl_list.w2grid input[type="checkbox"]:focus+label{border:.1rem solid #246beb;border-radius:5px;text-align:left} .tbl_list.w2grid input[type="radio"]+label, .tbl_list.w2grid input[type="checkbox"]+label{position:relative;display:inline-block;font-size:1.6rem;word-break:keep-all;line-height:1.5;word-break:keep-all;color:#555;padding:.5rem .2rem .4rem 3rem;cursor:pointer;border:.1rem solid transparent;text-indent:-9999px} .tbl_list.w2grid input[type="radio"]+label::after, .tbl_list.w2grid input[type="checkbox"]+label::after, .tbl_list.w2grid input[type="radio"]+label::before, .tbl_list.w2grid input[type="checkbox"]+label::before{position:absolute;content:"";display:inline-block} .tbl_list.w2grid input[type="radio"]+label::after{top:7px;left:7px;width:18px;height:18px;border:.1rem solid #838383;border-radius:20px;background-color:#fff} .tbl_list.w2grid input[type="radio"]:checked+label::after{border-color:#286eeb} .tbl_list.w2grid input[type="radio"]:checked+label::before{z-index:1;top:12px;left:12px;width:10px;height:10px;border-radius:10px;background-color:#246beb} .tbl_list.w2grid input[type="radio"]:disabled+label{color:#8e8e8e} .tbl_list.w2grid input[type="radio"]:disabled+label::after{border-color:#c7c7c7;background-color:#e4e4e4} .tbl_list.w2grid input[type="radio"]:disabled:checked+label::before{z-index:1;top:12px;left:12px;width:10px;height:10px;border-radius:10px;background-color:#717171} .tbl_list.w2grid input[type="checkbox"]+label::after{top:7px;left:7px;width:18px;height:18px;border:.1rem solid #838383;border-radius:4px;background-color:#fff} .tbl_list.w2grid input[type="checkbox"]:checked+label::after{border-color:#246beb;background-color:#246beb} .tbl_list.w2grid input[type="checkbox"]:checked+label::before{z-index:1;top:10px;left:14px;width:4px;height:9px;border:2px solid #ffffff;border-top:none;border-left:none;transform:rotate(44deg)} .tbl_list.w2grid input[type="checkbox"]:disabled+label{color:#8e8e8e} .tbl_list.w2grid input[type="checkbox"]:disabled+label::after{border-color:#c7c7c7;background-color:#e4e4e4} .tbl_list.w2grid input[type="checkbox"]:disabled+label::before{border-color:#717171} .tbl_list.w2grid input[type="checkbox"]:indeterminate+label::after{background-color:#838383} .tbl_list.w2grid input[type="checkbox"]:indeterminate+label::before{top:16px;left:12px;z-index:1;width:10px;height:2px;border:none;background-color:#fff} .tbl_list.w2grid .txt_label label{text-indent:inherit !important;padding-left:3.2rem !important} /* 테이블안테이블 * .qna_list table, .tbl_list table table{border-top:.1rem solid #028998} .qna_list table thead th, .tbl_list table table thead th{background:#edf5f4;border-color:#b0d2d6} .qna_list table thead th, .qna_list table td, .tbl_list table table thead th, .tbl_list table table td{height:2.8rem;padding:0.5rem 1rem;font-size:1.5rem} .qna_list table tbody th, .tbl_list table table tbody th{background:#f8f8f8} .qna_list table > tbody > tr > td, .qna_list table tbody td, .tbl_list table table > tbody > tr > td, .tbl_list table table tbody td{padding:0.2rem 1rem;height:2.8rem !important} .tbl_list table table.w2selectbox_table_main{border-top:none} .w2checkcombobox_table_main{border-top:none!important} */ table table{border-left:none!important;border-right:none!important} table table th, table table td{height:2.8rem!important;padding:.5rem!important;font-size:1.5rem;border-right:none!important} table table th *{color:#333} table table td *{color:#555} table table th>*, table table td>* {font-size:1.5rem} table table thead tr th:first-child{border-left:none !important} table table thead tr th:last-child{border-right:none !important} table table tbody tr th {border-right:.1rem solid #b0d2d6 !important;} table table tbody tr th, table table tbody td{border-color:#cae6e9} table table tbody tr:first-child th, table table tbody tr:first-child td{border-top-color:#b0d2d6} table table tr:last-child th{border-bottom:.1rem solid #b0d2d6!important} /* table table tbody tr:last-child>td, table table tbody tr:last-child>th{border-bottom:.1rem solid #e7eeed!important} */ table table tbody tr th:first-child, table table tbody tr td:first-child{border-left:none} table table tbody tr td[rowspan]{border-right:.1rem solid #cae6e9!important;} table table tbody tr td[rowspan]:last-child{border-right:none!important;} .tbl_list table table, table table {border:.1rem solid #cae6e9;} table table thead tr:first-child th, table table colgroup + tbody tr:first-child > * {border-top:.1rem solid #028998;} table table tbody tr td[rowspan]:last-child, table table tbody tr:last-child > * {border-bottom:0 !important;} table .txt_box.td table tbody tr:last-child > * {border-bottom: .1rem solid #cddef0!important;} /* inputCalendar */ .w2inputCalendar_div {position:relative;width:14rem;height:3rem!important;overflow:visible} .w2inputCalendar_div_input {width:100% !important;padding-right:0} .w2inputCalendar_divInput {width:100% !important;height:100% !important;padding-right:3.2rem;border:.1rem solid #b9b9b9;border-radius:.4rem;background:#fff;color:#111;font-family:'Pretendard GOV','맑은 고딕','Malgun Gothic',sans-serif;font-size:1.6rem;text-align:center;box-sizing:border-box} .w2inputCalendar_div_img {display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:3rem;margin-right:1px !important} .w2inputCalendar_div_img .w2inputCalendar_button {position:static;width:3rem;height:3rem;vertical-align:middle;background:url(/css/comm/bpr_images/ico_calendar.svg) no-repeat center;background-size:1.6rem} .w2inputCalendar_div_img .w2button_disabled, .w2inputCalendar_div_img .w2inputCalendar_img_readOnly{opacity:0.5} .w2inputCalendar_div .w2inputCalendar_divInput.w2input_disabled {border-color:#e0e2e7;color:#333;background:linear-gradient(45deg, #f4f4f4 25%, #eaebed 0, #eaebed 50%, #f4f4f4 0, #f4f4f4 75%, #eaebed 0);background-size:0.4rem 0.4rem} .w2inputCalendar_div .w2inputCalendar_divInput.w2inputCalendar_readOnly{border-color:#e0e2e7;color:#333;background-color:#f4f4f4} .w2table_sb[class*="w2calendar_"] .w2table_sb_col {height:3.4rem;font-size:1.6rem;line-height:3.4rem} .w2inputCalendar_divInput:focus, .w2inputCalendar_divInput:hover, .w2inputCalendar_div_img .w2inputCalendar_button:hover, .w2inputCalendar_div_img .w2inputCalendar_button:focus{outline:.1rem solid #246beb;border:.1rem solid #246beb} .w2inputCalendar_div .w2inputCalendar_divInput.w2inputCalendar_readOnly:focus, .w2selectbox_select:focus{outline:.1rem solid #246beb;border:.1rem solid #246beb} /* calendar */ .w2calendar {width:32rem;height:auto;border:.1rem solid #99b0cb;border-radius:.6rem;background:#fff;box-sizing:border-box;z-index:6020!important} .w2calendar_wrap {} .w2calendar .w2calendar_header {display:flex;align-items:center;justify-content:space-between;height:5.5rem;padding:1rem 2.4rem;border-radius:.6rem .6rem 0 0;background-color:#eff5ff;text-align:center} .w2calendar .w2calendar_header_last_year {position:static;width:2rem;height:2rem;background:url(/css/comm/images/ico_calendar_prevall.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_last_month {position:static;width:2rem;height:2rem;background:url(/css/comm/images/ico_calendar_prev.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_next_month {position:static;width:2rem;height:2rem;background:url(/css/comm/images/ico_calendar_next.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_next_year, .w2calendar .w2calendar_header_next_year_yearType {position:static;width:2rem;height:2rem;background:url(/css/comm/images/ico_calendar_nextall.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_last_year:hover, .w2calendar .w2calendar_header_last_month:hover, .w2calendar .w2calendar_header_next_month:hover, .w2calendar .w2calendar_header_next_year:hover, .w2calendar .w2calendar_header_next_year_yearType:hover {border:solid .1rem #a6c4f6;border-radius:.4rem;box-sizing:border-box} .w2calendar .w2calendar_header_last_year:hover {background:url(/css/comm/images/ico_calendar_prevall_on.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_last_month:hover {background:url(/css/comm/images/ico_calendar_prev_on.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_next_month:hover {background:url(/css/comm/images/ico_calendar_next_on.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_next_year:hover {background:url(/css/comm/images/ico_calendar_nextall_on.svg) center no-repeat;background-size:2rem} .w2calendar .w2calendar_header_last_year:focus, .w2calendar .w2calendar_header_last_month:focus, .w2calendar .w2calendar_header_next_month:focus, .w2calendar .w2calendar_header_next_year:focus, .w2calendar .w2calendar_header_next_year_yearType:focus {border:solid .1rem #a6c4f6;background-color:#d3e1fb;border-radius:.4rem;box-sizing:border-box} .w2calendar .w2calendar_selectbox_year, .w2calendar .w2calendar_selectbox_month {position:static;width:8rem;height:3.4rem;border-radius:.6rem;font:1.6rem 'Pretendard GOV','맑은 고딕','Malgun Gothic',sans-serif;border:.1rem solid #eff5ff;box-sizing:border-box} .w2calendar .w2calendar_selectbox_year:hover, .w2calendar .w2calendar_selectbox_month:hover {background-color:#eff5ff} .w2calendar .w2selectbox_label {padding:0 0 0 4px;font-size:1.6rem} .w2calendar .w2selectbox_col_button {width:2rem;background-size:1.2rem} .w2calendar_header_btn_ok, .w2calendar_header_btn_ok_yearType, .w2calendar_time_confirm {position:static;width:4rem;height:2.6rem;margin:0;border:.1rem solid #2a5c97;border-radius:4px;background:#2a5c97 url(/css/comm/images/ico_calendar_confirm.png) center no-repeat;box-sizing:border-box;background-size:2.5rem} .w2calendar_header_btn_close, .w2calendar_header_btn_close_yearType, .w2calendar_time_cancel {position:static;width:4rem;height:2.6rem;margin:0;border:.1rem solid #2a5c97;border-radius:4px;background:#fff url(/css/comm/images/ico_calendar_close.png) center no-repeat;box-sizing:border-box;background-size:2.3rem} .w2calendar_header_btn_ok:hover, .w2calendar_header_btn_ok_yearType:hover {background-color:#204e84} .w2calendar_header_btn_close:hover, .w2calendar_header_btn_close_yearType:hover, .w2calendar_time_confirm:hover, .w2calendar_time_cancel:hover {background-color:#eef5ff} .w2calendar_header_btn_ok:focus, .w2calendar_header_btn_ok_yearType:focus, .w2calendar_header_btn_close:focus, .w2calendar_header_btn_close_yearType:focus, .w2calendar_time_confirm:focus, .w2calendar_time_cancel:focus {} .w2calendar_content {margin-top:1.7rem;padding:0;border:0;background:none} .w2calendar_content .w2calendar_content_table {margin:0 auto;border-collapse:separate;border-spacing:.8rem .4rem;border-top:none} .w2calendar_content .w2calendar_col_day {height:2.6rem;padding:0;font-size:0;font-weight:normal} .w2calendar_content .w2calendar_col_date {height:3.6rem;background:none;color:#454F5B;font-size:1.6rem;font-weight:normal;line-height:3.6rem;border:none} .w2calendar_content .w2calendar_col_day_text {color:#454F5B;font-size:13px;font-weight:normal;line-height:3.6rem;border:none} .w2calendar_content .w2calendar_col_day, .w2calendar_content .w2calendar_day {position:relative;background-color:transparent;text-align:center;vertical-align:text-top;border:none} .w2calendar_content .w2calendar_day0,.w2calendar_content .w2calendar_day1,.w2calendar_content .w2calendar_day2,.w2calendar_content .w2calendar_day3, .w2calendar_content .w2calendar_day4,.w2calendar_content .w2calendar_day5,.w2calendar_content .w2calendar_day6 {background:none} .w2calendar_content .w2calendar_day0:before {content:'일';position:absolute;left:30%;color:#ee0000;font-size:1.6rem} .w2calendar_content .w2calendar_day1:before {content:'월';position:absolute;left:30%;color:#1d1d1d;font-size:1.6rem} .w2calendar_content .w2calendar_day2:before {content:'화';position:absolute;left:30%;color:#1d1d1d;font-size:1.6rem} .w2calendar_content .w2calendar_day3:before {content:'수';position:absolute;left:30%;color:#1d1d1d;font-size:1.6rem} .w2calendar_content .w2calendar_day4:before {content:'목';position:absolute;left:30%;color:#1d1d1d;font-size:1.6rem} .w2calendar_content .w2calendar_day5:before {content:'금';position:absolute;left:30%;color:#1d1d1d;font-size:1.6rem} .w2calendar_content .w2calendar_day6:before {content:'토';position:absolute;left:30%;color:#246beb;font-size:1.6rem} .w2calendar_content .w2calendar_day_0, .w2calendar_content .w2calendar_day_text_0, .w2calendar_content .w2calendar_holiday {color:#ee0000} .w2calendar_content .w2calendar_day_6, .w2calendar_content .w2calendar_day_text_6 {color:#246beb} .w2calendar_content .w2calendar_date_off {color:#cdcdcd} .w2calendar_content .w2calendar_date_over {border-radius:4px;border-radius:50%;background:#eff5ff;color:#1d1d1d} .w2calendar_content .w2calendar_selected {position:relative;border-radius:50%;background:#246beb center;background-size:2.6rem;color:#fff} .w2calendar_footer {display:block;width:calc(100% - 26px);margin:0 auto 1.4rem;padding:.9rem;text-align:center;background:#f0f0f0;border-radius:.6rem} .w2calendar_footer:empty {display:none} .w2calendar_footer > tbody {display:block;width:100%} .w2calendar_footer > tbody > tr {display:flex;align-items:center;justify-content:space-between} .w2calendar_footer > tbody > tr > td {text-align:center} .w2calendar_footer > tbody > tr > td:nth-child(2):last-child {margin-left:auto} .w2calendar_footer > tbody > tr > td:nth-child(5):last-child {margin-left:-8px} .w2calendar_footer > tbody > tr > td:nth-child(7):last-child {margin-left:-8px} .w2calendar_footer_date {padding:0 .7.rem;color:#1d1d1d;font-size:1.5rem} .w2calendar_footer_date_div {float:none} .w2calendar_footer_date_div:first-child {margin-right:auto;margin-left:0} .w2calendar_blank {display:none} .w2calendar_go_today {float:none;position:relative;width:auto;height:auto;margin:0;padding:0;background:transparent;background-image:none;font-size:0;text-indent:0;cursor:pointer} .w2calendar_go_today::before {content:'Today';height:2.4rem;padding:.3rem .5rem;color: #246beb;font-size:1.2rem;border:.1rem solid #246beb;border-radius:.4rem;background: #fff} .w2calendar_selectbox_hour, .w2calendar_selectbox_minute, .w2calendar_selectbox_second {width:4.2rem;height:2.4rem;margin:0 auto} .w2calendar_classYear_class1 {width:20rem;height:auto !important} .w2calendar_classYearMonth_class1 {width:27.2rem;height:auto !important} .w2calendar_classYear_class1 .w2calendar_header, .w2calendar_classYearMonth_class1 .w2calendar_header {padding:0 .5rem;border-radius:.6rem;height:8.7rem} a.w2calendar_date_cancel {display:none} .w2calendar_classYearMonth_class1 .w2calendar_header * {position:absolute;top:1.6rem} .w2calendar_classYearMonth_class1 .w2calendar_header select {top:1rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_last_month {left:3rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_selectbox_year_native {left:5.3rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_selectbox_month_native {left:14.8rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_next_month {left:auto;right:3.2rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_next_year {left:auto;right:.9rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_btn_ok, .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_btn_close {top:auto;bottom:.9rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_btn_ok {left:14.8rem} .w2calendar_classYearMonth_class1 .w2calendar_header .w2calendar_header_btn_close {left:10rem} .search_row dd .w2inputCalendar_div_img .w2inputCalendar_button{margin-top:2px} /* native */ .w2calendar_selectbox_year_native, .w2calendar_selectbox_month_native, .w2calendar_selectbox_hour_mobile, .w2calendar_selectbox_minute_mobile, .w2calendar_selectbox_second_mobile {position:static;height:3.6rem;margin:0;padding:0 16px 0 4px;border:.1rem solid #DCE0E4;border-radius:4px;background:#fff url(/css/comm/images/ico_select.svg) no-repeat right 3px center;background-size:12px;color:#212B36;font-size:13px;font-family:'Pretendard GOV','맑은 고딕','Malgun Gothic',sans-serif;line-height:22px;vertical-align:middle;appearance:none} .w2calendar_selectbox_year_native:focus, .w2calendar_selectbox_month_native:focus, .w2calendar_selectbox_hour_mobile:focus, .w2calendar_selectbox_minute_mobile:focus, .w2calendar_selectbox_second_mobile:focus {border-color:#212B36} .w2calendar_selectbox_year_native, .w2calendar_selectbox_month_native {width:8rem;min-width:9.1rem;height:3.4rem;font-size:1.6rem;color:#1d1d1d;text-align:center;background-size:1.2rem;border:0;border-radius:.6rem} .w2calendar_selectbox_month_native {width:6.5rem;min-width:7.3rem;} .w2calendar_selectbox_year_native:hover, .w2calendar_selectbox_month_native:hover {background-color:#ffffff;} .w2calendar_content .w2calendar_col_date button {color:#454F5B;font-weight:normal;font:1.6rem 'Pretendard GOV','맑은 고딕','Malgun Gothic',sans-serif} .w2calendar_content .w2calendar_day_0 button {color:#D32F2F} .w2calendar_content .w2calendar_day_6 button {color:#1976D2} .w2calendar_content .w2calendar_date_over button {background:none;color:#006FDF} .w2calendar_content .w2calendar_selected button {background:none;color:#FFFFFF} .w2calendar_footer_date_mobile {visibility:visible;position:static;width:auto;padding:0;font-size:12px;text-align:center} /* picker dynamic */ .w2calendar_picker_header {display:flex;align-items:center;justify-content:space-between;height:5.5rem;padding:1rem 2.4rem;border-radius:.6rem .6rem 0 0;background-color:#eff5ff;text-align:center} .w2calendar_picker_header_dynamic_entity {display:flex;flex:1;align-items:center;justify-content:center;width:auto;height:2.4rem;margin:0 .4rem;font-weight:normal} .w2calendar_picker_header_dynamic_entity:hover {background-color:#eff5ff} .w2calendar_picker_header_dynamic_entity span {margin:0 .3rem} .w2calendar_picker_header_last_entity {flex:none;width:2.4rem;height:2.4rem;border:.1rem solid #DCE0E4;border-radius:.4rem;background:url(/css/comm/images/ico_calendar_prev.svg) center no-repeat;box-sizing:border-box} .w2calendar_picker_header_last_entity:hover {border-color:#A7B1BB;background:url(/css/comm/images/ico_calendar_prev.svg) center no-repeat} .w2calendar_picker_header_next_entity {flex:none;width:2.4rem;height:2.4rem;border:.1rem solid #DCE0E4;border-radius:.4rem;background:url(/css/comm/images/ico_calendar_next.svg) center no-repeat;box-sizing:border-box} .w2calendar_picker_header_next_entity:hover {border-color:#A7B1BB;background:url(/css/comm/images/ico_calendar_next.svg) center no-repeat} .w2calendar_picker_content {margin:1.2rem 0;padding:0 1.6rem} .w2calendar_picker_content > table > tbody > tr > td {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px} .w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell {display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:0;border-radius:4px;background:#F4F6F8;color:#454F5B} .w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell:hover {background:#EBF4FD;color:#006FDF} .w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell.active {background:#006FDF;color:#FFFFFF} .w2calendar_picker_content_table {border:0} .daycal {position:relative;display:inline-block} .daycal .w2inputCalendar_div {width:122px;} .daycal .w2inputCalendar_div_input {width:90px !important;padding-right:0} .daycal .w2inputCalendar_divInput {padding-right:1rem;text-align:right} .daycal .w2inputCalendar_div_img {float:left;} /* step style */ .container_inner {display:flex;justify-content:space-between} .container_inner .left_cont {flex:1;max-width:29rem} .container_inner .left_cont+.w2pageFrame{flex:1} .container_inner .left_cont+.w2pageFrame .right_cont{margin-left:4rem} .container_inner .left_cont+.right_cont{margin-left:4rem} .right_cont {flex:1;max-width:111rem;margin:0 auto} .step_btn{display:flex;justify-content:left;margin-bottom:0.5rem} .step_btn span{position:relative;margin-right:0.5rem} .step_btn span input{display:block;cursor:pointer;font-size:1.5rem;color:#028998;padding:0.4rem 2.6rem 0.35rem 1.3rem;border:.1rem solid #028998;border-radius:100px} .step_btn span.step_btn_on::before, .step_btn span.step_btn_off::before{position:absolute;top:13px;right:12px;content:"";display:inline-block;width:5px;height:5px;border-top:2px solid #028998;border-left:2px solid #028998} .step_btn span.step_btn_on::before{top:1.1rem;transform:rotate(225deg)} .step_btn span.step_btn_off::before{transform:rotate(45deg)} .step_style02{margin:1rem 0} .step_style02 .btn{display:inline-block;position:relative;margin-right:0.5rem} .step_style02 .btn input{display:block;cursor:pointer;font-size:1.5rem;color:#028998;padding:0.4rem 2.6rem 0.35rem 1.3rem;border:.1rem solid #028998;border-radius:100px;background-color:#fff} .step_style02 .btn.btn_event input{padding-right:3rem;color:#028998;border:.1rem solid #028998;background-color:#fff} .step_style02 .btn::before, .step_style02 .btn.step_btn_off::before{position:absolute;top:13px;right:12px;content:"";display:inline-block;width:5px;height:5px;border-top:2px solid #028998;border-left:2px solid #028998} .step_style02 .btn:first-child::before{top:1.1rem;transform:rotate(225deg)} .step_style02 .btn:last-child::before{transform:rotate(45deg)} .step_style02 span, .step_style02 span strong{font-size:1.5rem;color:#555} .step_style02>ul{position:relative} .step_style02>ul>li{position:relative;margin-bottom:0.5rem;border:.1rem solid #c6c6c6;border-radius:.8rem;background-color:#e4e4e4} .step_style02 ul li ul{display:none;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;overflow:hidden} .step_style02 ul li.open ul{display:block} .step_style02 .step a{display:block;padding:0.9rem 1.5rem 0.85rem 1.5rem} .step_style02 .step a span{display:flex} .step_style02 .step a span strong{flex:none;width:auto;font-weight:400} .step_style02 .step a span span{flex:1;word-break:keep-all} .step_style02 li.ing{position:relative;border-color:#028998;margin-bottom:2rem;background-color:#028998} .step_style02 li.ing .step a span strong, .step_style02>ul>li.ing .step a span span{color:#fff;font-weight:700} .step_style02>ul>li.ing::after{position:absolute;left:50%;bottom:-1.5rem;content:"";display:inline-block;width:0;height:0;border-top:8px solid #028998;border-left:5px solid transparent;border-right:5px solid transparent} .step_style02>ul>li.ing:last-child::after{display:none} .step_style02 .ing ul li:first-child{border-top:none} .step_style02 .last{border-color:#028998;background-color:#fff} .step_style02 .last .step span strong, .step_style02 .last .step span span{color:#028998} .step_style02 .btn_more{position:absolute;top:1.1rem;right:12px;width:16px;height:16px;border-radius:2px;background-color:#fff} .step_style02 .btn_more::before{position:absolute;z-index:0;top:4px;right:5px;content:"";display:inline-block;width:5px;height:5px;border-top:.1rem solid #8e8e8e;border-left:.1rem solid #8e8e8e;transform:rotate(225deg)} .step_style02 .open .btn_more::before{top:6px;transform:rotate(45deg);border-color:#028998} .step_style02 .btn_more input{position:relative;z-index:1;cursor:pointer;width:100%;height:100%;text-indent:-9000px;border:none} .step_style02 .btn_more>div{display:none} .step_style02 .btn_more2{cursor:pointer;position:absolute;top:12px;left:17px;width:17px;height:17px;text-indent:-9000px;border-radius:20px;border:.1rem solid #cbcbcb;background-color:#fff} .step_style02 ul li ul li{position:relative;border-top:.1rem solid #c6c6c6;background-color:#f8f8f8} .step_style02 ul li.ing ul li, .step_style02 .ing .depth3{background-color:#f3fbfb} .step_style02 ul li.ing ul li{margin-bottom:0} .step_style02 ul li ul li a{display:block;padding:0.85rem 1rem 0.75rem 4rem} .step_style02 ul li ul li::before{position:absolute;z-index:1;top:10px;left:2.1rem;content:"-";display:inline-block;color:#5962b9;font-size:1.5rem} .step_style02 ul li ul li.sele::before{content:"+"} .step_style02 .depth3{background-color:#fff;border-top:.1rem solid #c6c6c6} .step_style02 ul li ul li ul{padding:.3rem 0} .step_style02 ul li ul li ul li{border-top:none;background-color:transparent} .step_style02 ul li ul li ul li::before{content:"";top:13px;left:42px;display:inline-block;width:2px;height:2px;background-color:#8e8e8e} .step_style02 ul li ul li ul li a{font-size:1.4rem;padding:0.25rem 1rem 0.2em 5rem} .step_style02 .depth3 li::before{content:"" !important} .step_style02 .depth3 li{padding-bottom:0;margin-bottom:0} .step_style02 .depth3 li ul{padding-bottom:.5rem!important} .step_style02 .depth3 li ul li{padding-left:1.5rem} .step_style02 .depth3 li ul li a{padding-bottom:0} .step_style02 .depth3 li ul li a span{color:#555;font-size:1.4rem} .step_style02 .depth3 li ul li::before{content:"→"!important;top:.5rem;left:5rem;font-size:1.1rem;color:#999;background-color:transparent!important} .step_style02 .depth3>li>.btn_open{position:absolute;display:none!important} .step_style02 .single .inner_list a{padding-left:15px;font-size:1.5rem} .step_style02 .single .inner_list li::before, .step_style02 .box_bottom{display:none} .w2modal {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0,0.5);z-index:6000} .w2modal_popup {background-color:#000 !important;opacity:0.5 !important} /* 모달 popup */ .w2popup_window {border:0;border-radius:2rem;box-shadow:8px 8px 10px 0 rgba(0,0,0,0.08);background:transparent;overflow:hidden} .w2popup_window .w2window_header {height:5.8rem;border-radius:5px 5px 0 0;background:#394991;opacity:0;z-index:9999;display:none}/*센스리더에서 불필요하게 타이틀 읽히는 현상, X버튼 영역을 덮는 문제로 으로 추가 display:none*/ .w2popup_window .w2window_header .w2window_header_icon {display:none} .w2popup_window .w2window_header .w2window_header_title, .w2popup_window .w2window_header_title_h2 {overflow:hidden;right:5rem;left:20px;width:auto;height:5.8rem;padding:0;color:#fff;font-size:2rem;font-weight:400;line-height:5.8rem;text-overflow:ellipsis;white-space:nowrap} .w2popup_window .w2window_header_control {display:none;display:flex;width:12rem;height:5.8rem;padding-right:1rem;align-items:center;justify-content:flex-end} .w2popup_window .w2window_close_acc, .w2popup_window .w2window_header .w2window_close {display:none;position:relative;top:auto;left:auto;width:4.4rem;height:3.9rem;background:url(/css/comm/images/ico_close_pop.svg) no-repeat 50% 50%} .w2popup_window .w2window_header .w2window_close_on {background-image:url(/cm/img/base/ico_close_pop.svg)} .w2popup_window .w2window_body {top:0px;border-radius:2rem;overflow:hidden;background:#fff;padding:0} .w2popup_window .w2window_body .w2window_content {right:0;bottom:0;left:0;border:0;border-radius:1rem 1rem 0 0;background:#fff} .w2popup_window .w2window_body .w2window_wframe {border-radius:0 0 5px 5px;border:0px solid #ffffff;border-top:0;box-sizing:border-box} .w2popup_window .w2window_resize {cursor:nwse-resize} .dimhide.w2popup_window::after{display:none !important} .w2popup_window .w2window_resize_left {cursor:ew-resize} .w2popup_window .w2window_resize_right {width:3px} /* .w2popup_window{position:absolute;left:50% !important;top:50% !important;max-height:90%!important;transform:translate(-50%, -50%)} */ .w2popup_window::after {content:"그림자";display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000;opacity:0.5;font-size:0} .pop_wrap {display:flex;/* padding:25px;*/flex-direction:column;height:100%} .pop_wrap .pop_cont {display:flex;flex:1;flex-direction:column;overflow:auto;padding:2.5rem;margin-top:5.8rem} /* 팝업 타이틀 */ .pop_wrap .wrap_title.border, .pop_wrap .wrap_title {justify-content:flex-start;padding:5px 4rem 1.3rem 2.6rem;margin:0;position:absolute;top:0;left:0;right:0;border-bottom:.1rem solid #e8eff8;border-radius:0;background:#e8eff8;align-items:baseline;flex-flow:wrap} .pop_wrap .wrap_title .tit_h2 {float:left;font-size:0.2rem;padding-top:1rem} .pop_wrap .wrap_title .tit_h2 h2 {font-size:2.2rem;font-weight:600;color:#000} .pop_wrap .wrap_title .tit_h2 h2 strong{font-size:2.1rem;font-weight:600;color:#000} .pop_wrap .wrap_title .tit_h2 h2 span, .pop_wrap .wrap_title .tit_h2+*{font-size:1.6rem;font-weight:400;color:#555;margin-left:1rem} .pop_wrap .wrap_title .tit_h2+.btn.btn_pop{position:relative;top:-3px} .pop_wrap .wrap_title_txt .tit_h3+div, .pop_wrap .wrap_title_btn .tit_h3+div, .pop_wrap .wrap_title_btn .tit_h3+p, .pop_wrap .wrap_title_btn .tit_h3+span {margin-top:2.2rem} /* .pop_wrap .wrap_title_txt .tit_h4+div, .pop_wrap .wrap_title_btn .tit_h4+div, .pop_wrap .wrap_title_btn .tit_h4+p, .pop_wrap .wrap_title_btn .tit_h4+span {margin-top:2.2rem} */ .pop_wrap .wrap_title+.tit_h3, .pop_cont>.wrap_title+.wrap_contarea>.section_group>.tit_h3:first-child{margin-top:0rem} .pop_wrap .wrap_title_btn .tit_h3+.btn_wrap{margin-top:1.7rem} /* .pop_wrap .tit_h3 h3{color:#000;font-size:1.8rem;font-weight:600} .pop_wrap .tit_h4 h4{display:flex;align-items:center;position:relative;padding-left:1rem;font-size:1.6rem;color:#111;font-weight:600} .pop_wrap .tit_h4 h4::before{content:"";display:inline-block;position:absolute;left:-2px;top:0.9rem;width:4px;height:4px;border-top:.1rem solid #555eb8;border-left:.1rem solid #246beb;transform:rotate(135deg)} .pop_wrap .tit_h5 h5{font-size:1.5rem;color:#111} */ .pop_wrap .tit_h3 h3{font-size:1.8rem; color: #000;} .pop_wrap .tit_h4 h4{font-size:1.7rem} .pop_wrap .tit_h4 h4:before{top:.6rem} .pop_wrap .tit_h5 h5{font-size:1.6rem} .pop_wrap .tit_h6 h6{font-size:1.5rem} .pop_wrap .tit_h4 h4 sup {vertical-align: super !important; font-size: smaller; margin-top: -4px;} .tit_h4 h4 > .font_noto {color: #111;} /* .pop_wrap .wrap_contarea{padding:2.5rem;height:100%;overflow:auto} */ /* 팝업 등록버튼 */ .pop_wrap .btn_wrap {margin-top:3rem} .pop_wrap .txt_box .btn_wrap, .pop_wrap .wrap_title_btn .btn_wrap{margin-top:0} .pop_wrap .btn_wrap .btn input {min-height:4rem} .pop_wrap .wrap_title_btn .btn input {min-height:3rem} .pop_wrap td .btn input, .pop_wrap .wrap_search .btn input, .pop_wrap .txt_box .btn_wrap .btn input{min-height:30px;height:30px !important} .pop_wrap .tbl_form tbody td.dep_form .btn{margin-left:0} /* 팝업 타이틀 닫기버튼 */ .pop_wrap .btn_pop_close {position:absolute;top:1rem;right:1rem;z-index:1000} .pop_wrap .btn_pop_close input {width:3.5rem;height:3.5rem;border:none;text-indent:-9999px;overflow:hidden;border-radius:.4rem;background:url(/css/comm/bpr_images/ico_close.svg) no-repeat center;background-size:1.7rem} /* 팝업하단버튼 */ .pop_wrap > .btn_wrap {min-height:4rem;margin:0;padding:1.6rem 2rem;position:relative;/*background:#f0f0f0*/border-top:.1rem solid #e8eff8;box-sizing:content-box} /* .pop_wrap > .btn_wrap .btn.btn_popup01, .pop_wrap > .btn_wrap .btn.btn_popup02, .pop_wrap > .btn_wrap .btn.btn_popup03, .pop_wrap > .btn_wrap .btn.btn_confirm02, .pop_wrap > .btn_wrap .btn.btn_popupPrint {margin:0;margin-right:.5rem} */ .pop_wrap > .btn_wrap .btn .w2trigger, .pop_wrap > .btn_wrap a.btn {color:#246beb;font-size:1.6rem;min-width:5.5rem;min-height:4rem;padding:0px 1.5rem;border:.1rem solid #246beb;border-radius:.6rem} .pop_wrap > .btn_wrap .btn.btn_confirm input{background-color:#246beb;color:#fff} .pop_wrap > .btn_wrap .btn.btn_popup01 .w2trigger {color:#fff;background:#246beb} .pop_wrap > .btn_wrap .btn.btn_popupPrint .w2trigger {color:#fff;background:#4f58b5} /* 팝업프린트버튼 */ .pop_wrap > .btn_wrap .wrap_radiocheck{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex} .pop_cont .wrap_title_btn .tit_h3+.btn_wrap a.btn{margin-top:0;text-align:center;display:flex;min-width:auto;align-items:center} .pop_wrap .wrap_title_btn .btn_wrap{align-items:center} .pop_wrap > .btn_wrap a.btn span{padding-top:0.8rem} .pop_wrap .btn_wrap a.btn{min-width:auto} /* 팝업버튼 마지막 마진값 삭제 */ .pop_wrap > .btn_wrap .btn:last-child {margin-right:0} .pop_wrap .wrap_search {margin-bottom:2rem} .pop_error{padding-top:79px;background:url(/css/comm/images/bg_pop_error.svg) no-repeat center 0;background-size:6rem 5.3rem} .pop_error .scroll_box{height:74px;background:#f4f8fd} /* 팝업 이미지만 존재하는 경우 */ .pop_wrap.img .pop_cont{padding:0;margin-top:0} .pop_wrap.img .pop_cont img{max-width:100%} /* loginPage.xml */ .wrap_error .error{padding:20rem 0 10rem;background:url(/css/comm/images/bg_error_visual.svg) no-repeat center 100px;text-align:center;background-size:6.5rem 6.8rem} .wrap_error .error .large{width:300px;margin:auto;font-weight:700;font-size:5rem;line-height:2.9rem;letter-spacing:-.09em;color:#f23b3b;border-bottom:3.2rem solid #fff2ef} .wrap_error .error p{padding:2rem 0;font-size:2.3rem;line-height:2.9rem} .wrap_error .error .point{color:#d62f34;text-decoration:underline} .wrap_error .error .btn_wrap{margin-top:20px} /* 바닥페이지 팝업 같이 사용시 */ .pop_new{/* display:flex;flex-direction:column; */height:100%;position:relative} .pop_new .btn_pop_close{display:block !important;position:absolute;top:1rem;right:1rem; z-index:9999} .pop_new .btn_pop_close input {width:3.5rem;height:3.5rem;border:none;text-indent:-9999px;overflow:hidden;border-radius:.4rem;background:url(/css/comm/bpr_images/ico_close.svg) no-repeat center;background-size:1.7rem;} .pop_new .wrap_title{height:5.5rem;margin-bottom:0;padding-bottom:0;padding-left:3rem;padding-top:0.5rem;line-height:14rem;background:#e8eff8} .pop_new .wrap_title .tit_h2 h2{font-size:2.1rem;font-weight:600;color:#000} .pop_new .wrap_contarea{display:flex;flex:1;flex-direction:column;overflow:auto;padding:2.5rem} .pop_new .btn_wrap {margin: 0; display: flex; padding: 2rem 0;} .pop_new .btn_wrap .btn input{min-width:70px;padding:0 1rem} .pop_new .btn_close2{line-height:auto} .pop_new .btn_close2 input{margin-right:2.3rem;width:3.5rem;height:3.5rem;background-color:transparent !important;border:0 !important;text-indent:-9999px;overflow:hidden;border-radius:.4rem;background:url(/css/comm/bpr_images/ico_close.svg) no-repeat center;background-size:1.7rem;} .pop_wrap .wrap_title .tit_h2+.btn_wrap {margin: 0;z-index: 9999;} .pop_wrap .wrap_title .tit_h2+.btn_wrap .btn input{min-height: 3.5rem; margin-top: -8px; margin-left: 10px;} .pop_wrap .container {width: 100%;} /* scrollbar .w2grid_main{bottom:1rem !important} .w2grid_scrollX, .w2grid_scrollX table, .w2grid_scrollX table td, .w2grid_scrollX table td div{height:1rem !important} ::-webkit-scrollbar{width:1rem} ::-webkit-scrollbar-track{background-color:#fff} ::-webkit-scrollbar-thumb{border:.1rem solid #fff;background-color:#999;border-radius:10px} ::-webkit-scrollbar-button{display:none} */ .w2grid_scrollX:after {content: "";border: .1rem solid #b0d2d6;width: 100%;height: .1rem;position: absolute;left: 0;right: 0;top: -.1rem;} @charset "utf-8"; /***** button *****/ .btn_wrap input, .btn input{border:none;cursor:pointer;font-family:'Pretendard GOV', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size:1.5rem} .btn input[disabled="disabled"]{cursor:default;color:#717171!important;border:.1rem solid #e0e2e7!important;background-color:#f4f4f4!important} /* 하단 컴펌 버튼 */ .btn_wrap{margin:2rem 0;display:flex;justify-content:center;flex-flow:wrap} .btn_wrap .btn{margin:0 .7rem} .pop_wrap .btn_wrap .btn{margin:0 .4rem} .pop_wrap .btn_wrap .right .btn{margin:0 .7rem} .btn_wrap .btn input, .btn_wrap a.btn{min-width:100px;min-height:4rem;font-size:1.7rem;font-family:'Pretendard GOV', '맑은 고딕', 'Malgun Gothic', sans-serif;color:#028998;padding:0 3rem;border:.1rem solid #028998;border-radius:8px;background-color:#fff} .btn_wrap a{text-align:center} .btn_wrap a.btn span{padding-top:.7rem;display:block} .btn_wrap a.btn input{border:none;min-width:auto} .btn_wrap .btn.btn_confirm03 input, .btn_wrap .btn.btn_confirm input, .btn_wrap .btn.btn_popup01 input{color:#fff;border:none;background-color:#028998} .pop_wrap .btn.btn_confirm03 input{color:#fff!important} .btn_tab_wrap .btn_wrap .btn{margin:0 0 0 .6rem} .btn_tab_wrap .btn_wrap .btn input{margin:0} .btn_wrap a.btn.btn_confirm{color:#fff;border:none;background-color:#4151e6} .btn_wrap a.btn.btn_confirm span{color:#fff} .btn_wrap .btn.btn_confirm03.off input{color:#0b9b9b;border:.1rem solid #0b9b9b;background:#eef8f9} .btn_wrap.type2 a.btn span{padding-bottom: .7rem;line-height:1.2} .btn_wrap.type2 a.btn.btn_confirm{background-color:#028998} /* 하단 버튼 스텝 */ .wrap_btn_step{display:flex;justify-content:center;align-items:center} .wrap_btn_step .next{display:inline-block;position:relative;width:2rem} .wrap_btn_step .next::after{position:absolute;top:-3px;left:0;transform:rotate(45deg);width:10px;height:10px;border-top:2px solid #888;border-right:2px solid #888;content:''} .wrap_btn_step .btn.off input {background-color:#888;} /* 하단 컴펌 버튼(신규) */ .btn_wrap.bot{margin:4rem 0 0;justify-content:space-between} .btn_wrap.bot>div{flex:1} .btn_wrap.bot .left{display:flex;justify-content:flex-start} .btn_wrap.bot .right{display:flex;justify-content:flex-end} .btn_wrap.bot .left .btn{min-height:5rem;margin:0 1.4rem 0 0} .btn_wrap.bot .right .btn{margin:0 0 0 1.4rem} .btn_wrap.bot .btn input, .btn_wrap.bot a.btn{min-height:5rem;color:#246beb;border-color:#246beb} .btn_wrap.bot .right .btn input, .btn_wrap.bot .right a.btn{min-height:5rem;color:#246beb;border-color:#246beb;background-color:#f7f9ff} .btn_wrap.bot .right .btn.btn_confirm input, .btn_wrap.bot .right a.btn.btn_confirm{min-height:5rem;color:#fff;border-color:#246beb;background-color:#246beb} .btn_wrap.bot a.btn span {padding-top:1.2rem} .btn_wrap.bot .right a.btn.btn_confirm[disabled], .btn_wrap.bot .right .btn.btn_confirm input[disabled]{cursor: default; color: #717171 !important; border: .1rem solid #e0e2e7 !important; background-color: #f4f4f4 !important} .btn_wrap.bot .right a.btn.btn_confirm[disabled] span {color: #717171 !important;} /* 중앙 링크성 버튼 */ .btn_wrap.con{margin-top:1.5rem} .btn_wrap.con .btn{position:relative} .btn_wrap.con .btn::after{content:"";display:inline-block;position:absolute;top:2.4rem;right:2.5rem;width:7px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(135deg)} .btn_wrap.con .btn input{min-height:58px;font-size:1.7rem;color:#fff;padding:0 5rem 0 2rem;border:none;background-color:#4151e6} /* 버튼 공통 컬러 */ .btn_wrap .btn_preview input, .info_box .btn_wrap .btn input, .btn button, .tit_h3 .btn_wrap .btn input, th .btn.btn_event input, .wrap_title_btn .btn input, .txt_box .btn input, .txt_box a.btn, .btn_span span, .wrap_title_btn .btn input, .btn.btn_help input, .btn.btn.btn_move input, .btn.btn_down input, .btn.btn_add input, .btn.btn_del input, .wrap_title_btn a.btn, .wrap_title .btn input, .btn.btn_pop input, .qna_list .btn input{min-height:3rem;font-family:'Pretendard GOV';font-size:1.5rem;color:#028998;padding:0 1rem;border:.1rem solid #028998;border-radius:4px;background-color:#fff} .wrap_title_btn .btn_wrap .btn, .btn_wrap .btn_preview, .info_box .btn_wrap .btn, .tit_h3 .btn_wrap .btn, th .btn, .wrap_title_btn .btn, .txt_box .btn_wrap .btn{margin:0 0 0 .6rem} .wrap_title .btn_wrap{margin:.5rem 0 0} .wrap_title_btn a.btn{display: flex;align-items: center} .wrap_title_btn a.btn span{color:#028998} th .btn input{margin-left:.8rem} th .btn input:first-child{margin-left:0rem} th .btn.btn_confirm input{color:#fff;border:none;background-color:#7b82c8} .wrap_title_btn .w2selectbox_select, .wrap_title_btn .w2input {margin-left:.6rem} .wrap_title_btn .right P *+*, .wrap_title_btn .tbl_search, .wrap_title_btn .w2selectbox_select+.w2selectbox_select{margin-left:6px} .w2trigger.w2trigger_disabled{cursor:default;color:#717171!important;border:.1rem solid #e0e2e7!important;background-color:#f4f4f4 !important;} .btn_preview .w2trigger_disabled{background-image:url(/css/comm/images/icon_preview_d.svg)} .btn.btn_move .w2trigger_disabled{background-image:url(/css/comm/images/icon_move_d.svg)} .btn.btn_down .w2trigger_disabled{background-image:url(/css/comm/images/icon_down_d.svg)} .btn.btn_add .w2trigger_disabled{background-image:url(/css/comm/images/icon_add_d.svg)} .btn.btn_del .w2trigger_disabled{background-image:url(/css/comm/images/icon_del_d.svg)} .btn.btn_help .w2trigger_disabled{background-image:url(/css/comm/images/icon_open_d.svg)} .btn.btn_help.off .w2trigger_disabled{background-image:url(/css/comm/images/icon_off_d.svg)} .btn.btn_pop .w2trigger_disabled{background-image:url(/css/comm/images/icon_pop_d.svg)} .wrap_title_btn.fr{justify-content:flex-end;float:none} .wrap_title_btn .btn_wrap{margin-top:0;align-items:center}/* 그리드로 사용되는 영역 버튼 */ .wrap_title_btn .btn_wrap+.btn_wrap{margin-left:4px} .wrap_title .btn_wrap .btn, .wrap_title_btn .btn_wrap .btn{margin:0 0 0 .6rem !important} .wrap_title_btn .btn_wrap .btn input{min-width:60px;height:3px} /* .wrap_title_btn .btn_wrap .btn.btn_confirm input, .wrap_title_btn .btn_wrap .btn.btn_common input, .wrap_title_btn .btn.btn_confirm input{color:#fff;background-color:#028998} 컬러 없애기 2024-08-19 표준기준 */ .btn.btn_com input{color:#fff;background-color:#028998;border: .1rem solid #028998;} .wrap_title_btn .btn_wrap .btn.btn_confirm input, .wrap_title_btn .btn_wrap .btn.btn_common input, .wrap_title_btn .btn.btn_confirm input{color:#028998;border:.1rem solid #028998;background-color:#fff} .wrap_title_btn .btn.btn_point1 input{color: #ffffff;border: 1px solid #f75c73;background:#f75c73} .wrap_title_btn .btn_wrap .btn_tax_more{color:#fff;background-color:#028998} .wrap_title_btn .btn_wrap .btn:last-child input{margin-right:0} .wrap_title_btn .btn_wrap .tbl_result{padding:0 1rem} .wrap_title_btn .btn_wrap .btn_pdf_txt input{padding-right:3.2rem;background:#fff url(/css/comm/images/icon_down.svg) no-repeat right 10px center;background-size:13px 14px} .wrap_title_btn.right{justify-content:flex-end;margin:1.2rem 0} .wrap_title_btn .btn_wrap a.btn{height:3rem;display:flex;justify-content:center;align-items:center} .wrap_title_btn .btn_wrap a.btn span{padding-top:0;color:#028998;display:flex;align-items:center} .wrap_title_btn .btn_wrap a.btn.btn_confirm{background-color:#4151e6} .wrap_title_btn .btn_wrap a.btn.btn_confirm span{color:#fff} .wrap_title_btn .tit_h3+.btn_wrap a.btn{height:3rem;margin-top:1.8rem} .wrap_title_btn .tit_h3+.btn_wrap a.btn span{padding-top:0} .btn_span span, .btn_a a{display:inline-block;padding-top:.5rem;cursor:pointer} .btn_span.btn_confirm span{color:#fff;background-color:#4151e6} .btn_span a{margin-bottom:-.1rem} .btn.btn_point1 input { color: #ffffff !important; border: 1px solid #f75c73 !important; background: #f75c73 !important;} .btn.btn_point1 input[disabled="disabled"] { cursor: default; color: #717171 !important; border: 0.1rem solid #e0e2e7 !important; background-color: #f4f4f4 !important;} .tit_h3 .btn_wrap{margin-top:0} .wrap_title_btn.right .btn{margin-bottom:0 !important} /* *+.btn 컬러 들어간 버튼 */ .wrap_title_btn .w2selectbox_select+.btn input, .wrap_title_btn .w2input+.btn input, .wrap_title_btn .w2inputCalendar_div+.btn input, .wrap_title_btn .w2selectbox_select+.w2trigger{color:#fff!important;border-color:#028998;background-color:#028998!important} /* 상단 쳇본 버튼 */ .btn.btn_chatbot input{min-height:3rem;color:#fff;border-radius:4px;border:none;padding:0 1.4rem 0 4.2rem;background:#0074e5 url(/css/comm/images/icon_chatbot.png) no-repeat 12px center} /* 미리보기 */ .btn_preview input, .btn_wrap a.btn_preview{padding:0 3.2rem 0 1rem !important;border-radius:4px;background:url(/css/comm/images/icon_preview.svg) no-repeat right 10px center;background-size:15px 18px} /* 도움말 토글버튼 */.btn.btn_help input{display:inline-block;padding-right:3rem!important;border-radius:50px!important;background:#fff url(/css/comm/images/icon_open.svg) no-repeat right 10px center;background-size:9px 6px} .btn.btn_help.off input{background-image:url(/css/comm/images/icon_off.svg)} /* 페이지 이동 */.btn.btn_move input{display:inline-block;padding-right:3rem !important;background:#fff url(/css/comm/images/icon_move.svg) no-repeat right 10px center;background-size:14px 14px} /* 도움말 아이콘 */ .btn_mark input{display:inline-block;border:none !important;width:2rem;height:2rem;font-size:0px;overflow: hidden;background: transparent url(/css/comm/bpr_images/ico_help4.svg) no-repeat center / 2rem !important} .tbl_box .btn_mark input, .qna_list dd .btn_mark input{display:inline-block;border:none;width:2rem;height:2rem;font-size:0px;overflow: hidden;background:url(/css/comm/bpr_images/ico_help4.svg) no-repeat center;background-size:2rem} /* .btn_mark.on input{color:#4151e6;background-image:url(/css/comm/images/icon_help_on.svg)} bpr디자인과 통일 20240820 */ th * +.btn_mark input{margin-left:.6rem} /* 다운로드&추가&삭제 */ .btn.btn_down input{min-width:auto;padding-right:3.2rem !important;background:#fff url(/css/comm/images/icon_down.svg) no-repeat right 10px center;background-size:13px 14px} .btn.btn_add input{min-width:auto;padding-right:3rem !important;background:#fff url(/css/comm/images/icon_add_g.svg) no-repeat right 10px center;background-size:10px 10px} .btn.btn_del input{min-width:auto;padding-right:3rem !important;background:#fff url(/css/comm/images/icon_del_g.svg) no-repeat right 10px center;background-size:10px 3px} /* 이동 아이콘 버튼 */ a.btn_etc, .btn_etc input, a.sp_btn, .sp_btn input{cursor:pointer;position:relative;display:inline-block;height:36px;padding:.8rem 1.3rem .8rem 1.3rem;color:#fff/* !important */;border:none;border-radius:6px;background-color:#1e56c5} /* a.btn_etc:hover, .btn_etc input:hover, a.sp_btn:hover, .sp_btn input:hover{background-color:#1c49a2} */ .btn_etc input, .sp_btn inpu{padding-right:4rem;background:#4151e6 url(/css/comm/images/icon_next2.svg) no-repeat right 10px center;background-size:20px 20px} a.btn_etc span{padding-right: 2rem;} a.btn_etc::after, a.sp_btn::after{display:inline-block;position:absolute;top:50%;right:10px;content:"";width:20px;height:20px;margin-top:-9px;background:url(/css/comm/images/icon_next2.svg) no-repeat center} a.sp_btn, .sp_btn input{height:auto;min-height:58px !important;padding:1.8rem 5.5rem 1.4rem 2rem;line-height:1.4} a.sp_btn::after{right:20px} .btn_etc+.btn_etc{margin-left:1rem} .btn.btn_event input{height:3rem;color:#fff;border:none;padding:.6rem 1rem;background-color:#028998} .sp_btn+.sp_btn{margin-left:1.5rem} .sp_btn input{font-family:'Pretendard GOV', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size:1.6rem;padding-right:4.5rem;background:#4151e6 url(/css/comm/images/icon_next2.svg) no-repeat right 10px center;background-size:20px 20px} /* 새창 */ .btn.btn_pop input, .txt_box .btn.btn_pop input{min-width:auto;padding-right:3.2rem;background:#fff url(/css/comm/images/icon_pop.svg) no-repeat right 10px center;background-size:14px 14px} .txt_box .btn.btn_pop input{min-height:26px} .txt_box .btn_wrap .btn{margin-left:.8rem} /*파일선택*/ input.w2input.input_file{height:3.4rem;cursor:pointer;padding-top:4px;font-family:'Pretendard GOV', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size:1.4rem;background-color:#fafafa} /* 안내박스 버튼 */ .txt_box.btn{display:flex;justify-content:space-between;align-items:baseline} .txt_box .btn_wrap{margin-top:0} .txt_box .btn input, .txt_box.btn .btn input, .txt_box.btn a.btn{height:3rem;text-decoration:none;border-color:#246beb;color:#246beb;min-width:auto;padding:0 1rem;text-align:left;line-height:1.4;background:#fff} .txt_box.btn a.btn{height:auto;min-height:3rem;} .txt_box.btn a.btn span{padding:.5rem 0;line-height:1.3} .txt_box .btn.btn_confirm input{height:3rem;padding-right:1rem;color:#fff;border-color:#246beb;background-color:#246beb} .txt_box .btn.btn_down input {background: #fff url(/css/comm/images/icon_down2.svg) no-repeat right 10px center;background-size: 13px 14px;} .txt_box .btn.btn_pop input {padding-right: 3.2rem; background: #fff url(/css/comm/images/icon_pop2.svg) no-repeat right 10px center; background-size: 14px 14px;} /* 테이블 버튼 */ td .btn input, td .btn button, .search_row dl .btn input, td a.btn, th .btn input, th .btn.btn_event input, th .btn.btn_confirm input, .tbl_list .btn input, td .btn.btn_down input{min-height:3rem;padding:0 1.2rem;border-radius:4px;border:.1rem solid #8e8e8e;color:#555;background-color:#fcfcfc} td .btn.btn_down input{background-image:none!important;padding:0 1.2rem!important} td a.btn>span{padding-top:.3rem;display:inline-block;font-size:1.5rem;color:#555} td .btn.btn_event input, td .btn.btn_confirm input, th .btn.btn_confirm input, .search_row .btn.btn_confirm input, td .w2input+.btn input, td .w2input+.btn.btn_confirm input, td .w2input+.btn.btn_lookup input, td .w2inputCalendar_div+.btn input, td .w2inputCalendar_div+.btn.btn_confirm input, td .w2inputCalendar_div+.btn.btn_lookup input, td .w2selectbox_select+.btn input, td .w2selectbox_select+.btn.btn_confirm input, td .w2selectbox_select+.btn.btn_lookup input{color:#fff;border:none;background-color:#028998} td a.btn{display:inline-block;height:3rem} .search_row dl .btn input{padding:0 .6rem;border-color:#2965df;color:#2965df;background-color:#fff} .search_row dl .btn.btn_common input, .search_row dl .btn.btn_confirm input, .search_row .w2selectbox_select+.btn input, .search_row .w2input+.btn input, .search_row .w2inputCalendar_div +.btn input{color:#fff;background-color:#2965df} /* 테이블 상단 검색 */ .tbl_select{display:flex;justify-content:flex-start} .tbl_select .btn.btn_common input, .tbl_select .btn.btn_confirm input{color:#fff;background-color:#4151e6} .tbl_select input.w2input{height:32px;margin:0 .3rem} .tbl_select .w2selectbox_select{height:32px;border:.1rem solid #8e8e8e;border-radius:5px;padding:0 12px;margin-right:.3rem;font-size:1.6rem;text-align:left} /* 조회 버튼 */ .wrap_search{position:relative} /* 상단 제출여부 영역 */ .wrap_title_btn.border{min-height:4rem} .wrap_title_btn>div{display:flex;/* align-items:baseline */} .process_bar>div{min-height:3rem;font-size:1.5rem;color:#028998;padding:.5rem 1.2rem 0 1.2rem;border:.1rem solid #028998;border-radius:4px;line-height:2rem} .process_bar .txt_red{font-weight:700;display:inline-flex;align-items:center;padding-right:.5rem;line-height: 1.4;} .process_bar .txt_red::before{content:"";display:inline-block;width:22px;height:9px;margin:0 1rem;background:url(/css/comm/images/icon_process.svg) no-repeat 0 0} .process_bar .txt_red::before .st0{fill:#4151e6} .process_bar+.btn_wrap{margin-left:1.2rem} .wrap_title_btn>div.tbl_search{align-items:center} /* 돋보기 검색이미지 버튼 */ td span.btn.btn_sch{width:auto;height:auto;background:none} .btn.btn_sch input{width:3rem;height:3rem;padding:0;border-radius:.4rem;border:none;background:#028998 url(/css/comm/images/ico_sch.svg) no-repeat 50% 50%;background-size:1.4rem;text-indent:-999px} /*센스리더에서 정상적으로 읽혀지도록 개선*/ .screen_hide_index{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)} /* 안내박스 AS-IS */ .txt_box{position:relative;color:#333;font-size:1.5rem;padding:1.5rem 2rem;border-radius:1rem;background-color:#f7f9ff} .txt_box.bot{margin-top:2rem;border:1px solid #d8d8d8;box-shadow:none;background:#f8f8f8} .txt_box a{color:#246beb;text-decoration:underline} .txt_box a.btn{color:#246beb!important;text-decoration:none!important;border-color:#246beb!important} .txt_box a.sp_btn{color:#fff} .txt_box+.txt_box{margin-top:1rem} .wrap_title_btn+.txt_box.bot, .tit_h4+.txt_box.bot{margin-top:0} .txt_box h4{position:relative;color:#111;font-size:1.6rem;font-weight:500;padding-left:1rem;margin:2rem 0 .3rem} .txt_box h4:first-child{margin-top:.3rem} .txt_box h4::before, .txt_box h4::after {content:'';position:absolute;width:3px;top:6px;left:0;border-radius:.5rem} .txt_box h4::after{height:5px;background:#4f58b5} .txt_box h4::before {height:11px;background:#a7abda} .txt_box h5{position:relative;color:#111;font-size:1.5rem;font-weight:500;padding-left:1.2rem;margin-left:1rem;margin:.3rem 0 .4rem .5rem} .txt_box h5::before, .txt_box .tit_h5 h5::before {position:absolute;top:.6rem;left:-.2rem;width:5px;height:5px; content:'';margin:0;border-top:1px solid #4f58b5;border-right:1px solid #4f58b5;border-radius: 0;transform:rotate(45deg);background-color:transparent} .txt_box .tit_h5{margin-left:0} .txt_box .tit_h5 h5{padding-left: 1.2rem;font-weight: 500;color: #111;font-size: 1.5rem} .txt_box h4+*{margin-left:1rem;line-height:1.3} .txt_box h5+*{margin-left:2.2rem;line-height:1.3} .txt_box h5+h5{margin-left:.5rem;line-height:1.5} .txt_box h5+.wrap_radiocheck{margin:-.5rem 0 1rem 1rem;line-height:1.5} .txt_box_line{position:relative;font-size:1.5rem;padding:1.5rem 2rem;border-radius:1rem;border:1px solid #d8d8d8} .txt_box_line .btn_wrap{margin:1rem 0 0 0 !important} .txt_box.td{padding:2rem;border:none;border-radius:0;background:#f8f8f8} .txt_box.td .select_type{margin:0} /* 파일찾기 */ .txt_box.file {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center} .txt_box.file input {width:100%} .txt_box.file * {margin:0 2px} .txt_box a{text-decoration:underline} .txt_box .agree{display:flex;justify-content:flex-end;margin-top:1.8rem;padding:1rem 2rem;border-radius:.8rem;background-color:#fff} .txt_box.bot .agree{background-color:#fff} .txt_box .agree.txt{justify-content:space-between;align-items:center} .txt_box.ico_check{position:relative;padding-left:4.7rem;border-color:#d8d8d8;background-color:#f8f8f8} .txt_box.ico_check p{margin:0!important} .txt_box.ico_check::after, .txt_box.ico_check::before{display:inline-block;position:absolute;content:""} .txt_box.ico_check::after{top:1.6rem;left:2rem;width:20px; height:20px;border-radius:20px;background-color:#008a1e} .txt_box.ico_check::before{top:2.2rem;left:2.5rem;z-index:1;width:.8rem;height:.4rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .txt_box.ico_check .agree{background-color:transparent} .txt_box.icon{position:relative;padding-left:6.5rem;min-height:6rem} .txt_box.icon::after{display:inline-block;position:absolute;top:1.2rem;left:1.5rem;content:"";width:40px;height:40px;background:url(/css/comm/images/icon_massage.svg) no-repeat 0 0} .txt_box+.wrap_search{margin-top:2rem} .border{border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem} .txt_box.ico_check>div:first-child{margin-top:0rem !important} .txt_box .agree .wrap_radiocheck label{line-height:1.5} .txt_box .txt_box{box-shadow:none;border-radius:4px;background-color:#fff;margin-top:.8rem} .txt_box.bot .txt_box{box-shadow:none;border:none;border-radius:4px;background-color:#fff} .tit_h3+.txt_box.bot{margin-top:0} .txt_box .select_type{margin:0 1rem} .txt_box .wrap_flex{margin-bottom:0} .txt_box table td, .txt_box table th{font-size:1.5rem} .txt_box .tax_office_info{box-shadow:none;border:1px solid #d8d8d8;border-radius:4px;background-color:#fff;margin-top:.8rem;padding:1.2rem 2rem} .txt_box .tax_office_info ul{display:flex; justify-content:space-between} .txt_box .tax_office_info ul li{flex:1} .txt_box.txt_box6 {background:url(/img/comm/bg/bg_box_img11.png) no-repeat 20px bottom #fffaf0;border:none} .txt_box.txt_box6 .txt_box_title01 {margin:0 2rem 0 7rem;font-size:1.6rem;position:relative;padding-right:1.2rem} .txt_box.txt_box6 .txt_box_title01:after {content:'';width:1px;height:13px;background:#b5b5b5;position:absolute;right:0;top:50%;transform:translateY(-50%)} .pop_cont .txt_box{margin-bottom:2rem} .pop_cont .txt_box.bot{margin-bottom:0} /* 리스트블릿 및 텍스트 모음 AS-IS */ .txt_list li{position:relative;padding-left:1rem;font-size:1.5rem;color:#333;margin:.4rem 0;word-break:keep-all;line-height:1.4} .txt_box .txt_list, .txt_box .txt_num, .txt_box .txt_ko {color:#333} .txt_list li::before {position:absolute;top:.7rem;left:0;content:'';width:3px;height:3px;background:#8e8e8e} .txt_list.bn li {padding-left:0} .txt_list.bn li::before, .txt_list li.bn::before{display:none} .txt_list.bn li li{padding-left:1.5rem} .txt_list li ul, .txt_num li ul, .txt_list li ol{margin:.3rem 0 .8rem} .txt_list li ul li{padding-left:.8rem;margin:.2rem 0 0} .txt_list li ul li::before{position:absolute;top:.9rem;left:0;content:'';width:4px;height:1px;background:#8e8e8e} .txt_list li p+p{margin-top:.5rem} .txt_list+h5{margin-top:1.5rem} .txt_list.line li{display:inline-block;margin-right:2rem} .txt_list.line li>div{display:inline-block} .txt_list.line li>div+div{margin-left:.8rem} .txt_list.bn.ck .wrap_radiocheck{display:flex;align-items: baseline} .txt_list.bn.ck .wrap_radiocheck .w2checkbox{display:inline-block!important;width:3.5rem} .txt_list.bn.ck .wrap_radiocheck span{word-break:break-all} .txt_list.bn.ck .wrap_radiocheck a{flex:1} /* 리스트 - 숫자 */ .txt_num {counter-reset:number} .txt_num li,.txt_ko li {position:relative;padding-left:2rem;font-size:1.5rem;line-height:1.3;color:#333;margin:.4rem 0;word-break:keep-all} .txt_num>li::before {counter-increment:number;content:counter(number);position:absolute;top:2px;left:0;width:13px;height:13px;text-align:center;font-size:1rem;line-height:1.2;border-radius:20px;border:1px solid #7a7a7a;background-color:#fff} .txt_num>li.txt_red::before {border-color:#f23b3b} .txt_num>li.txt_blue::before {border-color:#246beb} .txt_num li ul li,.txt_ko li ul li {padding-left:1.2rem} .txt_num li ul li::before,.txt_ko li ul li::before {position:absolute;top:.9rem;left:.2rem;content:'';width:3px;height:1px;background:#8e8e8e} .txt_list+.list_num, .txt_num+.list_dot {margin-top:1rem} .txt_btn li::before {top:1.1rem !important;margin-bottom:1rem} .txt_btn l i{margin:.5rem 0 !important} .txt_btn li .btn.btn_pop input {min-height:26px} .txt_num.txt_red>li, .txt_num>li.txt_red {color:#f23b3b} .txt_num.txt_red>li::before, .txt_num li.txt_red>li::before {border-color:#f23b3b;color:#f23b3b} .txt_num.txt_blue>li, .txt_num>li.txt_blue{color:#246beb} .txt_num.txt_blue>li::before, .txt_num li.txt_blue>li::before {border-color:#246beb;color:#246beb} .txt_list.triple a {text-decoration:underline;color:#555} .txt_list.triple ul {display:flex;padding-right:2rem} .txt_list.triple ul li {flex:1} *.next li{display:inline-block;padding-right:1.5rem;margin-right:1.6rem;position:relative} *.next li::after{position:absolute;top:7px;right:0;transform:rotate(45deg);width:4px;height:4px;border-top:1px solid #4e4e4e;border-right:1px solid #4e4e4e;content:''} *.next li:last-child::after{display:none} /* 리스트 - 가나다 */ .txt_ko>li::before {position:absolute;left:0;font-weight:700} .txt_ko>li:nth-child(1)::before {content:"가."} .txt_ko>li:nth-child(2)::before {content:"나."} .txt_ko>li:nth-child(3)::before {content:"다."} .txt_ko>li:nth-child(4)::before {content:"라."} .txt_ko>li:nth-child(5)::before {content:"마."} .txt_ko>li:nth-child(6)::before {content:"바."} .txt_ko>li:nth-child(7)::before {content:"사."} .txt_ko>li:nth-child(8)::before {content:"아."} .txt_ko>li:nth-child(9)::before {content:"자."} .txt_ko>li:nth-child(10)::before {content:"차."} .txt_ko>li:nth-child(11)::before {content:"카."} .txt_ko>li:nth-child(12)::before {content:"타."} .txt_ko>li:nth-child(13)::before {content:"파."} .txt_ko>li:nth-child(14)::before {content:"하."} /* 리스트간격등 */ .txt_list li .btn, .txt_num li .btn{margin-left:0.6rem} .txt_list li .btn input, .txt_num li .btn input{font-size:1.4rem;min-height:2.4rem;height:2.4rem} .txt_list li .tbl_box, .tbl_list+.txt_re, .tbl_list+.txt_style01.ico, .txt_re+.tbl_list{margin-top:1rem} .txt_list li .txt_box.bot{padding:1.2rem 1.5rem;margin:1rem 0} .txt_list li .txt_box.bot ol{margin-bottom:0} .txt_box .txt_list li .btn input, .txt_box .txt_num li .btn input{padding-top: 2px;} .txt_num li .txt_re{margin-top:.3rem} .txt_star{position:relative;padding-left:2rem;font-size:1.5rem;color:#555} .txt_star::before{position:absolute;top:7px;left:7px;content:"*";font-size:1.8rem;line-height:1rem} .tbl_list.w2grid .txt_star::before{color:#f23b3b;top:1rem;left:1rem;font-weight:bold} .tbl_list.w2grid .txt_star{padding-left:2.3rem!important} .txt_info{position:relative;font-size:1.4rem;color:#717171;padding-left:2rem;margin:.5rem 0} .txt_info::before{position:absolute;top:3px;left:0;content:"!";font-size:1.1rem;color:#fff;width:15px;height:15px;text-align:center;border-radius:10px;background-color:#717171} .txt_list .txt_style01.ico{margin:2px 0 0;padding-top:1px} .txt_list .txt_style01.ico::before{line-height:1.5} .txt_style01+.txt_style01{margin-top:.3rem} .small, .txt_normal{font-size:1.4rem;color:#717171} .tit_h5 h5+.txt_style01{margin:0 0 0 2rem} th .txt_style01.ico{margin:0 0 0 .8rem} th .txt_style01.ico:first-child{margin:0} td .txt_style01.ico, .tit_h4 .txt_style01.ico{margin-top:0} td .wrap_radiocheck+p.txt_style01.ico{margin-left:1rem} .tit_h4 h4+.txt_style01.ico{margin:.2rem 0 0 2rem} .txt_style01.ico+.tbl_form{margin-top:1rem} .tbl_box>.txt_style01.ico, .txt_num .txt_style01.ico{margin-top:0;line-height:1.5} .tbl_box>.txt_style01.ico+.tbl_list, .tbl_box+.txt_re{margin-top:10px} th span+.txt_style01.ico, td input+.txt_style01.ico, .txt_style01.ico+.btn{margin-left:1rem} th span+.txt_style01.ico::before{} .txt_style01.ico+.wrap_contarea{margin-top:1rem} .txt_style02, .list_style_normal{padding-left:1.5rem} .list_style_normal li{padding-bottom:.4rem} .txt_list .txt_list{margin-left:1.5rem} /* 20240813_가이드 변경으로 디자인 변경 !, ※ 안내 */ .txt_style01.ico, .txt_re{position:relative;font-size:1.5rem;color:#555;padding:0 0 0 2rem;margin-top:1rem;overflow:hidden;line-height:1.2} .txt_style01.ico.txt_red, .txt_style01.ico.txt_blue, .txt_re.txt_red, .txt_re.txt_blue{color:#555!important} .txt_style01.ico::before, .txt_re::before{content:"";position:absolute;left:.2rem;top:2px;display:inline-block;width:1.3rem;height:1.3rem;background:url(/css/comm/bpr_images/ico_reblt.png) no-repeat center;background-size:100%} table .txt_style01.ico::before, table .txt_re::before, .txt_box .txt_style01.ico::before, .search_box .txt_re::before, .search_box .txt_style01.ico::before{content:"!";top:1px;left:0;line-height:1.4;font-size:1.1rem;color:#fff;font-weight:700;font-family:"맑은 고딕";width:16px;height:16px;text-align:center;border-radius:10px;background-color:#8e8e8e;background-image:none} table span.txt_style01.ico, table span.txt_re{display:inline-flex} table .wrap_flex .txt_style01.ico, table .wrap_flex .txt_re{margin-left:.8rem!important} .txt_style01.ico a, .txt_re a{text-decoration:underline;text-underline-offset:2px} .txt_style01.ico a:focus, .txt_re a:focus{outline-offset:-1px;} .txt_box .txt_re.txt_blue, .txt_box .txt_style01.ico.txt_blue{color:#246beb !important} .txt_box .txt_style01.ico.txt_blue::before{background-color:#246beb} .txt_box .txt_re.txt_red, .txt_box .txt_style01.ico.txt_red{color:#f23b3b !important} .txt_box .txt_style01.ico.txt_red::before{background-color:#f23b3b} .txt_style01.ico+.txt_style01.ico, .txt_re+.txt_re{margin-top:.5rem} .tit_h3 .txt_style01.ico, .tit_h4 .txt_style01.ico, .tit_h5 .txt_style01.ico, .tit_h3 .txt_re, .tit_h4 .txt_re, .tit_h5 .txt_re, .search_row dd .txt_re, .search_row dd .txt_style01.ico, table .txt_style01.ico, table .txt_re, .txt_box .txt_style01.ico, .txt_box .txt_re, li .txt_style01.ico, li .txt_re, p+.txt_re, p+.txt_style01.ico{margin-top:0} .search_row dd .w2inputCalendar_div_img .w2inputCalendar_button{margin-top:2px} .tbl_form > tbody > tr > td .tbl_label>label.txt_re, .tbl_form > tbody > tr > td .txt_style01.ico{margin-top:.2rem} /* 간격 */ .txt_box+.tbl_box, .txt_box+.tbl_box, .tbl_box+.tbl_list, .tbl_box+.tbl_box, .txt_style01+.tbl_box, .qna_style dd .tbl_list {margin-top:1rem} .mt0m .tit_h3, .mt0m .tit_h3+div, .mt0m .tit_h4, .mt0m .tit_h4+div, .mt0m .tit_h5, .mt0m .tit_h5+div, .mt0m .tit_h3+p, .mt0m .tit_h4+p, .mt0m .tit_h5+p, .mt0m .tit_h3+span, .mt0m .tit_h4+span, .mt0m .tit_h5+span, .wrap_title_btn+.inner_group>.wrap_title_btn:first-child>*, .tit_h3+.inner_group>.wrap_title_btn:first-child>*, .tit_h3+.wrap_title_btn>*, .pop_cont .wrap_contarea .txt_re:first-child, .pop_cont .wrap_contarea .section_group:first-child .wrap_title_btn>.tit_h3, .pop_wrap .txt_box+.inner_group>.wrap_title_btn>.tit_h4, .tbl_box + .tbl_box.noline {margin-top:0 !important} .mb0m.tit_h3{margin-bottom:0 !important} .tbl_form+.tbl_form, .txt_list+.inner_group{margin-top:2rem} .wrap_tr{text-align:right;margin:1rem 0} .wrap_flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem} .wrap_flex.right{justify-content:flex-end} .wrap_flex.left{justify-content:flex-start} .wrap_flex .fno{flex:none} .wrap_flex .fn1{flex:1} .wrap_flex .fn2{flex:2} .wrap_flex .fn3{flex:3} .wrap_flex .tbl_label{flex:none} .wrap_flex.base{align-items:baseline;margin:0 -1rem} .wrap_flex.base>div{margin:0 1rem} .wrap_flex.top{align-items:flex-start} .tbl_form .wrap_flex *, .tbl_form > tbody > tr > td .wrap_flex{margin-right:0 !important;/* align-items: baseline */} .tbl_form .wrap_flex *, .tbl_form > tbody > tr > td .wrap_flex .tbl_label, .tbl_form .wrap_flex *, .tbl_form > tbody > tr > td .wrap_flex .fn1+.fn1, .tbl_form .wrap_flex .w2input+.w2input, .tbl_form .wrap_flex .w2input+*, .tbl_form .wrap_flex .w2input+.w2selectbox_select {margin-left:.8rem !important} .tbl_form .wrap_flex .w2input{flex:1;width:100%} .tbl_form .wrap_flex *, .tbl_form > tbody > tr > td .wrap_flex .tbl_label:first-child{margin-left:0 !important} /* .tbl_top_btn *{margin-left:.6rem} */ /* .tbl_top span+span{margin-left:.5rem} */ .txt_box+.wrap_title_btn.right{margin-top:2rem} td .wrap_flex, th .wrap_flex, .txt_box .btn_wrap, .wrap_flex .btn_wrap{margin-bottom:0} .wrap_title_btn.mt0m{align-items:center} .tbl_top+.wrap_title_btn{margin-top:-1rem} .cal_wrap *{margin-right:.8rem} .cal_wrap *:last-child{margin-right:0} /*입력*/ .ET input[id*="edtLsatRmrkCntn"],input[id*="edtRmrkCntn"], input[id*="lsatRmrkCntn"], input[id*="chrgRmrkCntn"], input[id*="txtLsatRmrkCntn"], input[id*="edtLsatNm"], input[id*="etxivSq1RmrkCntn"] {font-family:'NanumGothicRound' !important;font-size:1.5rem !important;padding-top: 0.1rem !important} /*출력*/ .ET td[id*="edtLsatNm"],td[id*="edtRmrkCntn"], td[id*="edtLsatRmrkCntn"], td[id*="etxivSq1RmrkCntn"], td[id*="txtLsatNm"] {font-family:'NanumGothicRound' !important;font-size:1.5rem !important;padding-top: 0.1rem !important} /* 20250204 웹접근성 */ .pop_wrap .pop_cont:focus {outline-offset: -2px;}