@charset "utf-8"; /* 그래프 */ /* .c3-legend-item>text {font-size:16px;color:#fe695a;} */ .c3-legend-item-tile {display:none;} /* #chartGauge01 svg text { font: bold 35px Arial !important; } */ #chartGauge01 .c3-gauge-value {font-size:35px !important; fill: #6e7ffd !important;font-weight: 600;letter-spacing: -1px;} #chartGauge02 .c3-gauge-value {font-size:35px !important; fill: #fe695a !important;font-weight: 600;letter-spacing: -1px;} #chartdonut01 .c3-chart-arcs-title {font-size: 28px !important; fill: #fe695a !important;font-weight: 600;letter-spacing: -1px;} #chartdonut02 .c3-chart-arcs-title {font-size: 28px !important; fill: #20c7a1 !important;font-weight: 600;letter-spacing: -1px;} .chart_text {width:330px;margin-top: 50px;} .chart_text dl {display: table;vertical-align: middle;width: 220px;line-height: 50px;} .chart_text dl dt {display: table-cell;vertical-align: middle;} .chart_text dl dt img {display: inline-block;} .chart_text dl dt .w2textbox {display: inline-block;margin-left: 10px;vertical-align: middle;} .chart_text dl dd {width: 100px;text-align: right;display: table-cell;} .chart_text dl dd .big_text {font-size:30px;color:#111;font-weight: 600;} .chart_text dl dd .small_text {font-size:20px;color:#999;padding-left: 10px;} /* text - START */ .w2textbox{word-break:break-word;} .w2span.req, .w2textbox.req{position:relative;} .w2span.req:before, .w2textbox.req:before{content:"*";position:absolute;color:#e60012;font-size:12px;text-indent:-8px;} .req2 nobr{position:relative;} .req2 nobr:before{content:"*";position:absolute;color:#e60012;font-size:12px;text-indent:-8px;} .txdash, .txdot, .txacc{position:relative;padding-left:10px !important;} .txdash:before{content:"-";position:absolute;top:0px;left:0px;} .txdot:before{content:"⋅";position:absolute;top:0px;left:0px;} .txacc:before{content:"※";position:absolute;top:0px;left:0px;} .txacc{padding-left:15px !important;} /* title - title */ /* table - START */ .tbl{position:relative;width:100%;/* border-right:0 hidden #fff;border-left:0 hidden #fff; */background-color:#fff;} /*.tbl .w2tb_th{position:relative;width:110px;/* color:#000; *//*text-align:left;font-weight:normal;font-size:13px;letter-spacing:-0.2px;line-height:13px;color:#fff;word-break:break-word;background-color:#b9b9b9;} 2021.01.11.cyheo */ .tbl .w2tb_th {position:relative; width:110px; text-align:left; font-weight:normal; font-size:13px; letter-spacing:-0.2px; line-height:12px; color:#fff; word-break:break-word; background-color:#8088a3} .tbl .w2tb_th, .tbl .w2tb_td{height:22px;padding:2px 4px;border-color:#e6e6e6;} .tbl .w2tb_th > * {vertical-align:middle} .tbl .w2tb_th.req:before{content:"*";position:absolute;color:#e91020;font-size:12px;margin:-2px 0 0 -6px} .tbl .w2tb_td{white-space:normal;word-wrap:break-word;} .tbl .w2tb_td > :not(.division):not(.grp_multiupload):not(.tbl):not(.flx):not(.flexw):not(.titlearea):not(.btnarea):not(.grd) {display:inline-block} /*titlearea.3301, grd.9208T10*/ .tbl .w2tb_td > [class*="w2"] + [class*="w2"] {margin-left:4px;vertical-align:middle;} .tbl .w2tb_td > .w2inputCalendar_div + .w2span {margin-left:0} .tbl .w2tb_td .flexw[class*="w2"]{display:inline-flex;vertical-align:middle;width:100%;margin-left:0;} .tbl .w2tb_td .flexw[class*="w2"] + .flexw[class*="w2"] {margin-left:4px} /* table td에 UDC가 들어갈 경우 */ .tbl .w2tb_td > .flexw[id*="udc"], .tbl .w2tb_td > :not([id*="udc"]) > .flexw[id*="udc"] {width:auto} .tbl .w2tb_td > .flexw[id*="udc"] + .flexw[id*="udc"], .tbl .w2tb_td > :not([id*="udc"]) > .flexw[id*="udc"] + .flexw[id*="udc"] {margin-left:4px} .tbl .w2tb_td > .grp_multiupload:first-child > .titlearea:first-child {padding-top:0; padding-bottom:0} /* 그리드 들어갈 경우. 8205 */ .tbl .w2tb_td.grid {padding:0} .tbl .w2tb_td.grid > .grd {border:0} /* 그리드 들어갈 경우2. 9208T10 */ .tbl .w2tb_td > .flx.vert {height:100%} .tbl .w2tb_td .flexw > .flexw.fix {flex:none; width:auto} .tbl .w2tb_td.thbg{background-color:#f8f8f8;} .tbl thead .w2tb_th{text-align:center;width:auto;} .tbl tbody .w2tb_th{padding:1px 10px 1px 20px;} .tbl tbody .w2tb_th.top {vertical-align:top; padding-top:6px} .tbl tbody .w2tb_th.tac {padding-left:10px} .tbl.thpad tbody .w2tb_th{padding:1px 5px 1px 10px;} .tbl.thbig tbody .w2tb_th{padding:7px 15px 7px 26px;} .tbl tbody .w2tb_th .w2input{color:#555;} .tbl tfoot tr .w2tb_td{text-align:center;border-top-width:2px;background-color:#f7f7f7;} .tbl.noth .w2tb_th, .tbl .w2tb_th.noth{color:#111;background-color:#fff;} .tbl.noth .w2tb_th, .tbl.noth .w2tb_td{border:0;} /* 서브 헤더. 3302 */ .tbl:not(.tbbox) .w2tb_th.sub {background-color:#d0d3dd; color:#111} .tbl.tbbox{width:auto;background-color:transparent;} .tbl.tbbox .w2tb_th{width:auto;min-width:40px;padding:1px 12px 1px 23px;color:#111;} .tbl.tbbox .w2tb_th.tac {padding-left:0; padding-right:0} .tbl.tbbox .w2tb_th.top {padding-top:6px; vertical-align:top} .tbl.tbbox .w2tb_th.top.ty2 {padding-top:13px; padding-bottom:8px} /*3401T03*/ .tbl.tbbox .w2tb_th.bottom {padding-bottom:6px; vertical-align:bottom} .tbl.tbbox .w2tb_th, .tbl.tbbox .w2tb_td{height:26px;border:0;background-color:transparent;box-sizing:border-box} .tbl.tbbox .w2tb_td {text-align:left;min-width:80px;} .tbl.tbbox .w2tb_td.nomin {min-width:auto} /*5203*/ .tbl.tbbox .w2tb_td.top {vertical-align:top} /*5117P01*/ .tbl.tbbox .w2tb_td.bottom {vertical-align:bottom} /*5117P01*/ .tbl.tbbox .w2tb_td > * {vertical-align:middle;} .tbl.tbbox .w2tb_td > .udc.tit {display:inline-flex} .tbl.tbbox .w2tb_td > .udc.tit > * + *:not(:empty) {margin-left:4px} .tbl.tbbox .w2tb_td > span:not(.bgsample), .tbl.tbbox .w2tb_td > p:not(.bgsample) {line-height:12px} .tbl.tbbox.tbresize .w2tb_th{padding:1px 6px 1px 11px;min-width:30px} .tbl.tbbox.tbresize .w2tb_td{min-width:50px;} .tbl.tbbox .br2{position:relative;} .tbl.tbbox .br2:after{content:"";position:absolute;top:0;right:-1px;height:46px;border-right:1px solid #e5e5e5;box-sizing:border-box;} .tbl.tbbox .bl2{position:relative;} .tbl.tbbox .bl2:before{content:"";position:absolute;top:0;left:0;height:36px;border-right:1px solid #e5e5e5;box-sizing:border-box;} .tbl.tbbox.ty2 {display:block} /*너비 최소치만 갖도록 조정. 8301*/ .tbl.tbbox.ty2 .w2tb_th + .w2tb_th {padding-left:0} .tbl.tbbox.ty2:first-child .w2tb_th:first-child, .tbl.tbbox.fit:first-child .w2tb_th:first-child, .tbl.tbbox.fit:first-child + .tbl.tbbox .w2tb_th:first-child, /*3401T06*/ .tbl.tbbox.fit:first-child + .tbl.tbbox + .tbl.tbbox .w2tb_th:first-child, /*3401T06*/ .titlearea:first-child + .tbl.tbbox.fit .w2tb_th:first-child /*5117P01*/ {padding-left:10px} .tbl.tbbox.ty3 {display:block} /*th 첫 번째 셀 패딩 기본값으로 주게끔 조정하기 위함. 3301*/ .tbl.tbbox .w2tb_th.tit {color:#343434; font-weight:bold; padding-left:10px} /*테이블의 첫 th를 타이틀화. 3301*/ .tbl.tbbox .w2tb_th.h4 {font-size:14px} /*h4타이틀과 텍스트 사이즈 맞추기 위함. 3301*/ .tbl.tbbox.small .w2tb_th:not(.tit), .tbl.tbbox.small .w2tb_td {height:auto; padding-top:1px; padding-bottom:1px} .tbl.tbbox.total .w2tb_th:nth-of-type(n+3) {padding-left:30px} .tbl.tbbox.total .w2tb_td {min-width:initial} /*3712*/ /* table border */ .tbl.bb {border-color:#e5e5e5} /*5406P01*/ .tbl.bb > tbody > tr:last-child > .w2tb_th {padding-bottom:6px} .tbl.bb > tbody > tr:last-child > .w2tb_td {padding-bottom:7px} .tbl.bb + .tbl {margin-top:0 !important} .tbl.bb + .tbl > tbody > tr:first-child > .w2tb_th {padding-top:6px} .tbl.bb + .tbl > tbody > tr:first-child > .w2tb_td {padding-top:7px} /* 그룹 보더 */ .grp_bb {border-bottom:1px solid #b9b9b9; padding-bottom:5px} .grp_bb + * {padding-top:5px} .grp_bb.gray {border-bottom-color:#e5e5e5} /* th,td border */ .tbl .bl{border-left:1px solid #e5e5e5 !important} .tbl .br{border-right:1px solid #e5e5e5 !important} .tbl .w2tb_td.br {padding-right:23px} .tbl .bt{border-top:1px solid #e5e5e5 !important} .tbl .bb{border-bottom:1px solid #e5e5e5 !important} .tbl_scroll{position:relative;width:100%;box-sizing:border-box;} .tbl_scroll .tbl_header{z-index:1;position:absolute;top:0;left:0;right:16px;background-color:#b9b9b9;} .tbl_scroll .tbl_body{width:100%;height:100%;padding-top:27px;box-sizing:border-box;overflow-y:auto;} .tbl_scroll .tbl_body .tbl .w2tb_td{text-align:center;} /* Th 배경 하늘색. 04.26 현업 요구 사항. UICSSPRI3201 */ .tbl.ty2:not(.tbbox) .w2tb_th {background-color:#698FD3} /* table - END */ /* search - START */ /*.searcharea{position:relative;/* overflow:hidden; *//*flex:none;padding:3px 135px 3px 0;background-color:#e5e5e5;} 2021.01.11.cyheo */ .searcharea{position:relative;/* overflow:hidden; */flex:none;padding:3px 135px 3px 0;background-color:#d0d3dd;} .searcharea .tbl{width:auto;background-color:transparent;} .searcharea .tbl .w2tb_th {width:auto; min-width:50px; padding:1px 12px 1px 23px} .searcharea .tbl .w2tb_th, .searcharea .tbl .w2tb_td{height:26px;border:0;background-color:transparent;box-sizing:border-box} .searcharea .tbl .w2tb_td{text-align:left;min-width:80px;} .searcharea .tbl .w2tb_td.nomin {min-width:auto} .searcharea .tbl .w2tb_td > *{vertical-align:middle;} .searcharea .tbl .w2tb_td > .tbl {display:table; width:100%} .searcharea > .btn_search{position:absolute;right:20px;top:50%;transform:translateY(-50%)} .searcharea .btnarea{padding:2px 5px 0 0;text-align:right;} .searcharea .btnarea .btn_ico{width:28px;height:28px;} .searcharea + .grd{margin-top:10px;} .searcharea.scresize .tbl .w2tb_th{padding:1px 6px 1px 11px;min-width:30px} .searcharea.scresize .tbl .w2tb_td{min-width:50px;} /* 예외처리 */ .searcharea .tbl .w2tb_th > .w2checkbox .w2checkbox_item .w2checkbox_label {color:#111} .searcharea.left{padding-right:10px;} .searcharea.left .tbl .w2tb_th{} .searcharea > .btn_ico.toggle{position:absolute;bottom:-18px;left:50%;margin-left:-20px;border-top:0;padding:0 20px !important;} /** 테이블 안에 테이블, in_tb(inner_table). UICOMCOD1004P01 **/ /* 조회, 일반 테이블 공통 */ .tbl .w2tb_td.in_tb {padding:0 !important} /* 조회 테이블 */ .searcharea > .tbl .w2tb_td.in_tb > .w2tb {width:auto} /* 일반 테이블 */ :not(.searcharea) > .tbl .w2tb_td.in_tb:first-child {border-left-width:0} :not(.searcharea) > .tbl .w2tb_td.in_tb:not(:last-child) .w2tb_td:last-child {border-right-color:transparent} /* :not(.searcharea) > .tbl .w2tb_td.in_tb:first-child {border-width:1px 0} */ /*팝업에서 적용 시, 좌우 스크롤이 생김. 6205P02. 따라서 위와 같이 바꿈*/ /* :not(.searcharea) > .tbl .w2tb_td.in_tb:last-child {border-right-width:0} */ /*위와 같음*/ :not(.searcharea) > .tbl .w2tb_td.in_tb:first-child > .w2tb {left:-0.5px; width:calc(100% + 1px)} :not(.searcharea) > .tbl .w2tb_td.in_tb:not(first-child) > .w2tb {left:-1px; width:calc(100% + 2px)} :not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb .w2tb_th {width:auto; border-width:0 0 0 1px} :not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb .w2tb_td {border-width:0 1px} :not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb tr + tr .w2tb_th, :not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb tr + tr .w2tb_td {border-top-width:1px} /* 투명 테이블 (배경색 상속) */ :not(.searcharea) > .tbl.tbbox .w2tb_td.in_tb > .w2tb {background-color:inherit} .content > .searcharea{margin:10px -20px 0 -20px;} .fit {width:100% !important} /* 조회버튼 그룹, UICSSTSM3801 */ .searcharea .grp_btns {position:absolute; right:20px; top:50%; transform:translateY(-50%)} .searcharea .grp_btns > * {display:inline-block; vertical-align:middle} .searcharea .grp_btns * + * {margin-left:4px} .searcharea .grp_btns > .udc > * {background-color:#fff} /* UDC 배경색 기본값이 투명 */ /* 라인. UISYSCOMZ804W02 */ .searcharea .grp_btns .grp_div + .grp_div {border-left:1px dashed gray; padding-left:4px} /* 버튼영역 너비 자동으로 확보 */ .searcharea.flx {display:flex; display:flex; align-items:center; padding-right:0} .searcharea.flx > .grp_btns {flex:0 0 auto; position:initial; margin:0 16px 0 5px; transform:initial} /* search - END */ /* form START */ .w2input, .w2inputCalendar_divInput, .w2textarea, .w2autoComplete{width:100%;height: 42px;font-size: 14px;vertical-align:middle;padding: 0 8px;border-radius: 4px;border: 1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;} .w2input:focus {outline: 2px solid #0c1924;outline-offset: -2px;} .w2input.w2input_disabled{background:#eee !important;border:1px solid #ddd !important;color:rgba(0,0,0,0.4) !important} .w2input.w2input_readonly{background:#eee !important;border:1px solid #ddd !important;color:#111 !important} .w2input.input_error {border:1px solid #e60012} .error_box>.w2textbox {font-size:11px;padding: 10px 0 11px 5px;display: block;box-sizing: border-box;color: #e60012;} .error_box {height: auto;min-height: 62px;} .error_box .w2input.input_error {} .w2input[type=password]{font-family:verdana;text-indent:0px;letter-spacing:1px;color:#111 !important;} .w2input[type=password]::-webkit-input-placeholder{font-family:inherit;} .w2input:-ms-input-placeholder, .w2textarea:-ms-input-placeholder{color:#d1d1d1;} .w2input::-webkit-input-placeholder, .w2textarea::-webkit-input-placeholder{color:#d1d1d1;} .w2input::-moz-placeholder, .w2textarea::-moz-placeholder{color:#d1d1d1;} .w2input.time {width:45px} /*캘린더 뒤에 시분 표시할 경우. 3301*/ .w2input.time_sec {width:65px} /*캘린더 뒤에 시분초 표시할 경우*/ .w2input.whiteReadOnly{border:1px solid #ddd !important; color:#e91020 !important;} .w2textarea{height:42px;word-break:break-all;font-size:inherit;line-height:20px;font-family:inherit;background-color:#fff;border-color:#ccc;padding:10px} .w2textarea.line_2 {height:62px} .w2textarea.line_3 {height:82px} .w2textarea.line_4 {height:102px} .w2textarea.line_5 {height:122px} .w2textarea.line_6 {height:142px} .w2textarea.line_7 {height:162px} .w2textarea.line_8 {height:182px} .w2textarea.line_9 {height:202px} .w2textarea.line_10{height:222px} .w2textarea.ty2 {padding:4px 5px} /*padding 축소. UICSSBKG3320*/ .w2textarea.ty2.line_2 {height:50px} .w2textarea.ty2.line_3 {height:70px} .w2textarea.ty2.line_4 {height:90px} .w2textarea.ty2.line_5 {height:110px} .w2textarea.ty2.line_6 {height:130px} .w2textarea.ty2.line_7 {height:150px} .w2textarea.ty2.line_8 {height:170px} .w2textarea.ty2.line_9 {height:190px} .w2textarea.ty2.line_10{height:210px} .w2textarea.ty3 {padding:3px 5px} /*padding 한 번 더 축소. UIVMSOPR6205P02*/ .w2textarea.w2textarea_disabled{background:#eee !important;border:1px solid #ddd !important;color:rgba(0,0,0,0.4) !important} .w2textarea.w2textarea_readonly{background:#eee !important;border:1px solid #ddd !important;color:#111 !important} .w2textarea.whiteAreaReadOnly{border:1px solid #ddd !important; color:#e91020 !important;} .w2selectbox_native{width:100%;height:22px;border:0;} .w2selectbox_native option {text-align:inherit; padding:10px 0; line-height:22px} .w2selectbox_native .w2selectbox_native_select {height:22px; font-size:inherit; padding:0 20px 0 5px; border:1px solid #b9b9b9; box-sizing:border-box; -moz-box-sizing:border-box;background:url('/cm/img/ico_select.png') no-repeat right 6px center; background-size:12px 7px; appearace:none; -webkit-appearance:none; -moz-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .w2selectbox_native .w2selectbox_native_select::-ms-expand {display:none} /*.w2selectbox_disabled .w2selectbox_native_select{color:#afb3bc;} selectbox disabled color 진하게 cyheo 2021.02.23*/ .w2selectbox{width:100%;height:42px;border:1px solid #ddd;border-radius: 4px;box-sizing:border-box;font-size:15px;overflow:hidden;padding: 0 8px;} .w2selectbox .w2selectbox_table_main{table-layout:auto} .w2selectbox.ellip > .w2selectbox_table_main {table-layout:fixed} .w2selectbox .w2selectbox_label{font:inherit; padding-left:5px; text-align:left; line-height: 36px;font-family: 'Noto Sans KR';} .w2selectbox .w2selectbox_col_label {font:inherit; background-color:inherit} .w2selectbox .w2selectbox_col_button{width:30px; background:url('/cm/img/ico_select.png') no-repeat center right -10px; background-color:inherit} .w2selectbox_body_over, .w2selectbox_body_focus {border:2px solid #7391f6} .w2selectbox_over .w2selectbox_col_label, .w2selectbox_focus .w2selectbox_col_button {background-color:inherit} .w2table_sb.w2table{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);outline:none;z-index:10003;padding: 10px 0 5px;} .w2table_sb.w2table > .w2table_sb_main {top:10px} .w2table_sb_col {text-align:left; font-size:15px;color:#111; text-indent:5px; padding:0; border:0; box-sizing:border-box;line-height: 32px;} .w2selectbox.w2selectbox_open .w2selectbox_col_button {background:url('/cm/img/ico_down.png') no-repeat center right} .w2checkcombobox{width:100%;height:22px;border:0;border:1px solid #b9b9b9;box-sizing:border-box;} .w2checkcombobox .w2checkcombobox_label{font:inherit;padding-left:5px} .w2checkcombobox .w2checkcombobox_col_label {font:inherit} .w2checkcombobox .w2checkcombobox_col_button {width:20px; background:url('/cm/img/ico_select.png') no-repeat left 3px center / 12px 7px} .w2checkcombobox_over .w2checkcombobox_col_button, .w2checkcombobox_focus .w2checkcombobox_col_button {background-color:#edf3fb} .w2table_ccb{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);} .w2table_ccb > .w2table_ccb_main {top:0} .w2table_ccb_col{font:inherit;border:0} .w2table_ccb_col_checkbox{width:13px;height:13px;margin:3px;} .w2table_ccb_col_label{height:auto;font:inherit;line-height:19px} .w2table_ccb:focus{outline:none;} .calendar_text {height:36px;padding:0 10px;float: inherit;line-height: 36px;float:left;} .input_text {height:36px;padding:0 10px 0 0;float: left;vertical-align: middle;line-height: 36px;} .w2multiselect_td {font:inherit} .w2inputCalendar_div{width:auto;height:36px;/* border:1px solid #ddd; */border-radius: 4px;position:relative;float:left;} .w2inputCalendar_div.day{width:46px;} /*5118P03*/ .w2inputCalendar_div.year{width:60px;} .w2inputCalendar_div.month{width:80px;} .w2inputCalendar_div.time {width:140px} .w2inputCalendar_div.sec {width:160px} /* 캘린더+돋보기. 9114 */ .w2inputCalendar_div + .btn_ico.search.medium {border-color:#b9b9b9; margin-left:0} .w2inputCalendar_div_input{padding-right:0;width:100% !important;} .w2inputCalendar_divInput{width:100% !important;height:36px !important;padding-right:40px;font:inherit;box-sizing:border-box;-moz-box-sizing:border-box;} .w2inputCalendar_divInput:focus{border:1px solid #ddd;} .w2inputCalendar_readOnly:focus{border-color:#b9b9b9} /* .w2inputCalendar_readOnly:focus{border:1px solid #e5e8eb;} 보더 옅은 색으로 바뀌는 것 부자연스러움 */ .w2inputCalendar_div_img{width:22px;text-align:right;position: absolute;right: 0;} .w2inputCalendar_button{width:22px;height:22px;background:url(/cm/img/btn_calender.png) no-repeat center center !important;} .w2inputCalendar_divInput.w2inputCalendar_readOnly {outline:0; cursor:default} .w2inputCalendar_button.w2inputCalendar_img_readOnly{outline:0; cursor:default; opacity:0.5} .w2calendar.w2calendar_classYearMonth_dynamic{width: 257px;height:auto;border-radius:4px;overflow:hidden;border:1px solid #ddd;box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.2);} .w2calendar_classYearMonth_dynamic .w2calendar_picker_header{width:100%;border-bottom:1px solid #ddd;background-color:#fff;box-sizing:border-box} .w2calendar_picker_header_dynamic_entity{height:50px;font-size:19px} .w2calendar_picker_header_dynamic_entity .month{display: none} .w2calendar_picker_content_table{width:100%;box-sizing:border-box} .w2calendar_picker_content tbody tr td{padding:8px} .w2calendar_picker_content table td div, .w2calendar_picker_content table td div:hover{width: 33%;margin: 0;height:48px;padding:6px;box-sizing:border-box;background-color:#fff;text-shadow:none;color:#555} .w2calendar_picker_content table td div.active{background-color:#333;color:#fff;text-shadow:none;border-radius: 4px;} .w2calendar_picker_content table td div.active>span {color:#fff;} .w2calendar_picker_content table td div span{font-size: 18px;color: #111;} /*** UDC 기간 달력. 연월을 제외하고 나머지 연월일, 연월일시, 연월일시분 달력은 class명으로 잡는 것이 불가능하여 한꺼번에 조정. ***/ .udc.cal > .inner_cal {margin-top:5px} /** From (좌측) **/ .udc.cal > .inner_cal > div > .w2calendar_classYearMonth_class1, /*연월*/ .udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(odd) {border-top-right-radius:0; border-bottom-right-radius:0; border-right:0} /*연월일, 연원일시, 연월일시분*/ /** To (우측). **/ .udc.cal > .inner_cal > div > .w2calendar_classYearMonth_class1 + .w2calendar_classYearMonth_class1, /*연월*/ .udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(even) {border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; margin-left:1px} /*연월일, 연원일시, 연월일시분*/ .udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(even) > .w2calendar_wrap {border-left:1px solid #eee} /** 달력 통으로 사용. 9130P01 **/ .division.cal > div + div {margin-left:5px !important} .division.cal > div > .w2calendar {width:auto; height:auto; margin-top:0; border-radius:0} .division.cal > div > .w2calendar + .w2calendar {margin-top:5px} /* 크기 조정 등 */ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header {height:30px} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year, .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month {width:auto !important; height:26px; font-size:15px; outline:0} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox + .w2selectbox {margin-left:10px} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > [class*="w2calendar_selectbox"] .w2selectbox_label {text-align:center} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year .w2selectbox_label:after {content:'년'; display:inline-block} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month .w2selectbox_label:after {content:'월'; display:inline-block} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox > table > tbody > tr > .w2selectbox_col_button {display:none} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day {height:26px} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date {height:26px !important; line-height:26px} .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_green2, .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_red, .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_pureblue, .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_blk2 {color:#fff !important} /* 불필요한 부분 숨김 처리 */ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content {border-bottom:0} /*컨텐츠와 하단 사이의 경계선*/ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_year, /*이전 해*/ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_year, /*다음 해*/ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_month, /*이전 달*/ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_month, /*다음 달*/ .w2table_sb.w2table.no_list {display:none !important} /*연/월 셀렉트 박스 선택 시, 노출되는 리스트*/ .division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_footer /*달력 하단*/ {display:none} .w2checkbox .w2checkbox_item{position:relative;display:inline-block;margin:0 20px 0 0;line-height: 36px;} .w2checkbox + .w2checkbox {margin-left:20px} .w2checkbox.nomr .w2checkbox_item{margin-right:0;} .w2checkbox .w2checkbox_item:last-child {margin-right:0} .w2checkbox .w2checkbox_item .w2checkbox_input{position:absolute;top:6px;left:0;/* opacity:0;visibility:hidden; */width: 20px;height: 20px;font:inherit} .w2checkbox .w2checkbox_item .w2checkbox_input:focus + .w2checkbox .w2checkbox_item .w2checkbox_label{color:#ff000;} .w2checkbox .w2checkbox_item .w2checkbox_label {position:relative;display: inline-block;height: auto;min-height: 22px; font:inherit;line-height: 36px;margin-left: 20px;vertical-align: middle;font-family: 'Noto Sans KR';} /* .w2checkbox .w2checkbox_item .w2checkbox_label:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url('/cm/img/ico_checkbox.png') no-repeat;background-size:16px;} */ .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background-position:0 -16px;} .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label.w2checkbox_disabled:before{background-position:0 -32px;} .w2checkbox.nolabel .w2checkbox_item{margin:0;} .w2checkbox.nolabel .w2checkbox_item .w2checkbox_label{font-size:0;line-height:0;} .w2checkbox.col .w2checkbox_item{display:block;margin:0;padding:4px 0;} .w2checkbox.col.pad .w2checkbox_item{padding:2px 0;} .w2checkbox.fc_org .w2checkbox_label{color:#f4a460 !important;} .w2checkbox.fc_red .w2checkbox_label{color:#e91020 !important;} .w2checkbox.fc_blk .w2checkbox_label{color:#111 !important;} .w2checkbox.fc_blue .w2checkbox_label{color:#32447d !important;} .w2checkbox.fc_green .w2checkbox_label{color:#9acd32 !important;} .w2selectbox.fc_red .w2selectbox_label{color:#e91020 !important;} .check_notext {} .check_notext.w2checkbox .w2checkbox_item .w2checkbox_input {top: 8px; left:-8px;width: 18px;height: 18px;background: #fff;} .check_notext.w2checkbox .w2checkbox_item .w2checkbox_input :focus {width:0;height:0;} .check_notext.w2checkbox .w2checkbox_item input[type="checkbox"] {margin:0 !important;} .w2checkbox.check_btnty{} .w2checkbox.check_btnty .w2checkbox_item{position:relative;display:inline-block;margin:0 10px 0 0;} .w2checkbox.check_btnty .w2checkbox_item:last-child{margin-right:0;} .w2checkbox.check_btnty .w2checkbox_item .w2checkbox_input{display:none;} .w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label{height:22px;line-height:20px;padding:0 12px;text-align:center;font-size:inherit;border:1px solid #b9b9b9;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;} .w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label:before, .w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label:after{display:none;} .w2checkbox.check_btnty .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label{color:#fff;border-color:#6477b2;background-color:#6477b2;} .w2checkbox.array .w2checkbox_item {min-width:63px; padding-right:10px; box-sizing:border-box} /*5118P03*/ /* 체크박스 우측에 있는 경우. 9115 */ .w2checkbox.ty2 > .w2checkbox_item > .w2checkbox_input {left:inherit; right:0} .w2checkbox.ty2 > .w2checkbox_item > .w2checkbox_label {padding-left:0; padding-right:20px} /* 우측 + 테이블 th에 추가하는 경우. 9115 */ .w2checkbox.ty2.th > .w2checkbox_item > .w2checkbox_label {padding-right:33px} /* 너비 균등하게 분배. 9104T01 */ .w2checkbox.beet {display:inline-flex; justify-content:space-between} .w2tb_th .w2radio {line-height:16px} .w2radio .w2radio_item{position:relative;display:inline-block;margin:0 20px 0 0;} .w2radio .w2radio_item:last-child {margin-right:0} .w2radio .w2radio_item .w2radio_input{position:absolute;top:50%;left:0;transform:translateY(-50%);/* opacity:0;visibility:hidden; */width:16px;height:16px;margin:0} .w2radio .w2radio_item .w2radio_label {position: relative; display:block; height:initial; min-height:16px; font:inherit; line-height:16px; padding-left:27px;font-family: 'Noto Sans KR';} /* .w2radio .w2radio_item .w2radio_label:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url('/cm/img/ico_radio.png') no-repeat;background-size:16px;} */ .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label:before{background-position:0 -16px;} .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label.w2radio_disabled:before{background-position:0 -32px;} /* .w2radio.col .w2radio_item{display:block;margin:0;padding:4px 0;} 2021.01.12 cyheo */ .w2radio.col .w2radio_item{display:block;margin:4px;padding:0 0;} .w2radio.fc_org .w2radio_label{color:#f4a460 !important;} .w2radio.fc_red .w2radio_label{color:#e91020 !important;} .w2radio.fc_blk .w2radio_label{color:#111 !important;} /* 세로정렬. 5410P01 */ .w2radio.vert > .w2radio_item {display:block; margin:0} .w2radio.vert > .w2radio_item + .w2radio_item {margin-top:5px} .w2radio.radio_btnty{} .w2radio.radio_btnty .w2radio_item{/* width:100%; flex:1;*/margin:0 10px 0 0;} .w2radio.radio_btnty.mgtb .w2radio_item{margin:5px 10px 5px 0;} .w2radio.radio_btnty .w2radio_item:last-child{margin-right:0;} .w2radio.radio_btnty .w2radio_item .w2radio_input{height:22px;} .w2radio.radio_btnty .w2radio_item .w2radio_label{height:22px;line-height:20px;padding:0 12px;text-align:center;border:1px solid #b9b9b9;font-size:inherit;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;} .w2radio.radio_btnty .w2radio_item .w2radio_label:before, .w2radio.radio_btnty .w2radio_item .w2radio_label:after{display:none;} .w2radio.radio_btnty .w2radio_item input[type="radio"]:checked + .w2radio_label{color:#fff;border-color:#6477b2;background-color:#6477b2;} .w2radio.radio_btnty.round{} .w2radio.radio_btnty.round .w2radio_item .w2radio_label{border:0;line-height:22px;border-radius:22px;} .w2radio.radio_btnty.round .w2radio_item input[type="radio"]:checked + .w2radio_label{color:#fff;background-color:#0053c2;} .w2radio.array .w2radio_item {min-width:63px; padding-right:10px; box-sizing:border-box} /*5118P03*/ .w2pageList.pagelist, .w2group.pagelist{display:block;text-align:center;} .w2pageList_ul{display:block;} .w2pageList_ul li{display:inline;padding:0;vertical-align:middle;} .w2pageList_ul li a{display: inline-block;width: 22px;height: 22px;margin: 0 5px;vertical-align: middle;border:1px solid #b9b9b9;line-height: 22px;font-size:inherit;} .w2pageList_ul li a.w2pageList_label_selected{color:#fff;font-weight:normal;border-color:#6477b2;background-color: #6477b2} .w2pageList_ul li a.w2pageList_label_over{font-weight:normal;} .w2pageList_ul li .w2pageList_input{width: 18px;height: auto;margin-left: 6px;border:0;background-color:transparent;pointer-events: none;font-size:inherit;text-align:right;color:#8a9db4;vertical-align:bottom;} .w2pageList_ul li span{font-size:inherit;padding-right:10px;color:#8a9db4;vertical-align:bottom;} .w2pageList_ul li span:first-child{padding-right:0;padding-left:10px} .w2pageList_control_pagePrev.w2pageList_col_prevPage a img, .w2pageList_control_prev.w2pageList_col_prev a img, .w2pageList_control_next.w2pageList_col_next a img, .w2pageList_control_pageNext.w2pageList_col_nextPage a img{display:none;} .w2pageList_control_pagePrev.w2pageList_col_prevPage a, .w2pageList_ul li.w2pageList_col_prevPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/img/btn_pagelist_first.png) no-repeat;background-size:100% auto;} .w2pageList_control_prev.w2pageList_col_prev a, .w2pageList_ul li.w2pageList_col_prev a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/img/btn_pagelist_prev.png) no-repeat;background-size:100% auto;} .w2pageList_control_next.w2pageList_col_next a, .w2pageList_ul li.w2pageList_col_next a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/img/btn_pagelist_next.png) no-repeat;background-size:100% auto;} .w2pageList_control_pageNext.w2pageList_col_nextPage a, .w2pageList_ul li.w2pageList_col_nextPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/img/btn_pagelist_last.png) no-repeat;background-size:100% auto;} .w2autoComplete{width:100%;height:36px;border:1px solid #ddd;box-sizing:border-box;} .w2autoComplete .w2autoComplete_input{height:inherit; font:inherit; line-height:18px; padding-left:5px !important; box-sizing:border-box} .w2autoComplete .w2autoComplete_input:focus {outline:0} .w2autoComplete .w2autoComplete_col_label {font:inherit;background:#fff;} .w2autoComplete .w2autoComplete_label > .w2autoComplete_label{font:inherit; padding-left:5px; text-align:left;line-height: 34px;} .w2autoComplete .w2autoComplete_col_button {width:30px; background:#fff url('/cm/img/ico_select.png') no-repeat left 3px center} .w2autoComplete_selected .w2autoComplete_col_button {background-color:#fff} .w2input_table_sb.w2input_table{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);} .w2input_table_sb_col {height:22px; font:inherit; padding-left:5px; border:0; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:left; cursor:default} .w2input_table_sb_main {top:0} /*최하단 항목의 보더가 깔끔하게 보이지 않는 문제 때문에 조정. 메인상단의 검색*/ .w2autoComplete_label {height: 34px;} /* .w2autoComplete_selected .w2autoComplete_col_label {background-color:#fff;} */ .w2multiselect_disabled {outline:0} .w2multiselect_disabled .w2multiselect_td {background-color:inherit} /* 폼 그룹 인라인 */ .form_group {vertical-align: middle;display: inline-block;} .form_group:after {content:''; display:table; clear:bouth;} .form_group label {margin-right: 10px;line-height: 36px;float: left;} .form_group .w2input, .form_group .w2selectbox, .form_group .w2inputCalendar_div, .form_group .w2autoComplete {float:left;width: inherit;height:36px;display: inline-block;vertical-align: middle;line-height: 36px;margin-right:6px} .udc.form_group .w2input, .udc.form_group .w2selectbox, .udc.form_group .w2inputCalendar_div {float: initial;width: inherit;height:36px;display: inline-block;vertical-align: middle;line-height: 36px;margin-right:6px} .form_group .w2input:last-child, .form_group .w2selectbox:last-child, .form_group .w2inputCalendar_div:last-child {margin-right:0px} .form_group2 {vertical-align: middle;display: inline-block;margin-right:20px;} .form_group2:last-child {margin-right:20px;} .form_group2:after {content:''; display:table; clear:bouth;} .form_group2 label {margin-right: 10px;line-height: 36px;float: left;} .form_group2 .w2input, .form_group2 .w2selectbox, .form_group2 .w2inputCalendar_div, .form_group2 .w2autoComplete {width: inherit;height:36px;display: inline-block;vertical-align: middle;line-height: 36px;} .form_group2 .w2input:last-child, .form_group2 .w2selectbox:last-child, .form_group2 .w2inputCalendar_div:last-child {margin-right:0px} .form_group2>span {vertical-align: bottom;padding: 0 5px;box-sizing: border-box;} /* 인풋 돋보기 */ .magnifying_group {display: inline-block;position: relative;height: 36px;line-height: 36px;vertical-align: middle;width: auto;float: left;} .magnifying_button {background:url('/cm/img/ico_magnifying.png') no-repeat center center;width:35px; height:34px;text-indent: -9999px;position: absolute;right: 0;top:0;} .magnifying_button:hover {background:url('/cm/img/ico_magnifying_hover.png') no-repeat center center;} .magnifying_group .w2input {padding-right: 30px;margin-right: 0;height:36px;width:100%;} .magnifying_group.disabled .magnifying_button {opacity: 0.2;} .magnifying_group + .w2input {margin-left:6px;} /* 인풋 연필 */ .pencil_group {display: inline-block;position: relative;height: 36px;line-height: 36px;vertical-align: middle;width: auto;} .pencil_button {background:url('/cm/img/btn_pencil.png') no-repeat center center;width:35px; height:34px;text-indent: -9999px;position: absolute;right: 0;top:0;} .pencil_group .w2input {padding-right: 40px;margin-right: 0;height:36px;width:100%;} .pencil_group.disabled .pencil_button {opacity: 0.2;} .pencil_group + .w2input {margin-left:6px;} .btn_sch {background:url('/cm/img/ico_magnifying.png') no-repeat center center;width:35px; height:34px;text-indent: -9999px;position: absolute;top:0;right: 0;} .noflex {position:relative;} /* 인풋 달력 */ .calendar_group {display: inline-block;position: relative;height: 32px;line-height: 32px;vertical-align: middle;} .calendar_button {background:url('/cm/img/bg_btn_calendar_ico.png') no-repeat center center;width:35px; height:34px;text-indent: -9999px;position: absolute;right: 0;} /** 예외사항 **/ :not(.searcharea) > .w2tb.tbl .w2tb_th .w2checkbox[disabled="disabled"], :not(.searcharea) > .w2tb.tbl .w2tb_th .w2radio[disabled="disabled"] {color:#ccc !important} /*** 테이블 th에 위치할 경우, 예외사항 ***/ :not(.searcharea):not(.boxarea):not(.in_tb) > .w2tb.tbl .w2tb_th .w2checkbox, :not(.searcharea):not(.boxarea):not(.in_tb) > .w2tb.tbl .w2tb_th .w2radio {color:#fff} /* form - END */ /* button - START */ .w2anchor2[class*="btn_"], .w2trigger[class*="btn_"]{display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;} .w2anchor2[class*="btn_"].w2anchor_disabled, /* .w2trigger[class*="btn_"].w2trigger_disabled{color:#888888;border-color:#e0e0e0;background-color:#e0e0e0 !important;} 2021.01.13 cyheo */ .w2trigger[class*="btn_"].w2trigger_disabled{color:#111000;border-color:#e0e0e0;background-color:#e0e0e0 !important;} /*.w2trigger[class*="btn_"].w2trigger_disabled{color:#9e9e9e;border-color:#c9ccd0;background-color:#c9ccd0 !important;} 2021.01.11.cyheo */ .w2anchor2[class*="btn_"].big, .w2trigger[class*="btn_"].big{height:36px;line-height:36px;padding:0 20px;font-size:14px;} .w2anchor2[class*="btn_"].medium, .w2trigger[class*="btn_"].medium{height:22px;line-height:22px;padding:0 20px;font-size:13px;} .w2anchor2[class*="btn_"].small, .w2trigger[class*="btn_"].small{height:18px;line-height:17px;padding:0 15px;font-size:12px;} .w2anchor2[class*="btn_"].multi, .w2trigger[class*="btn_"].multi{height:auto;padding:5px 20px;line-height:15px;} /* .btn_cm{color:#3c3c3c;border:1px solid #3c3c3c;background-color:#fff;} 2021.01.11.cyheo */ .btn_cm{color:#fff;border:1px solid #3c3c3c;background-color:#32447d;} .btn_apply{color:#fff;border:1px solid #3c3c3c;background-color:#32447d} /* .btn_cancle, .btn_cancel{color:#3c3c3c;border:1px solid #3c3c3c;background-color:#e5e5e5;} 2021.01.11.cyheo */ .btn_cancle, .btn_cancel{color:#fff;border:1px solid #3c3c3c;background-color:#32447d} .btn_etc {color:#fff; background-color:#5e6c9d} .btn_etc2{color:#fff;background-color:#698fd3;} /* 2021.01.11.cyheo */ /* .btn_search{color:#fff;border:1px solid #3c3c3c;background-color:#e62231;} 2021.01.11.cyheo */ .btn_search{color:#fff;border:1px solid #3c3c3c;background-color:#32447d} .btn_link{color:#309fe2;text-decoration:underline;} .btn_status{color:#fff;background-color:#2c973e;} .btn_save{color: #fff;border: 1px solid #824901;box-sizing: border-box;font-family: 'D2CB';background-color: #ff9208;} .btn_danger{color: #fff;border: 1px solid #824901;box-sizing: border-box;font-family: 'D2CB';background-color: #ff4708;} .btn_cls{color:#fff;border:1px solid #717171;background-color:#717171;} .btn_ico{width:26px;height:26px;border:1px solid #3c3c3c;font-size:0;line-height:0;text-indent:-999px;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat;background-position:center center;} .btn_ico.medium{width:22px !important;height:22px;padding:0 !important;background-color:#fff;} .btn_ico.small{width:18px !important;height:18px;padding:0 !important;} .btn_ico.config{background-image:url(/cm/img/ico_config.png);} .btn_ico.configwhite{background-image:url(/cm/img/ico_config_white.png);} .btn_ico.up, .btn_ico.down.on{background-image:url(/cm/img/ico_up.png);} .btn_ico.down, .btn_ico.up.on{background-image:url(/cm/img/ico_down.png);} .btn_ico.excel{background-image:url(/cm/img/ico_excel.png);} .btn_ico.excelup{background-image:url(/cm/img/ico_excel_up.png);} .btn_ico.exceldown{background-image:url(/cm/img/ico_excel_down.png);} .btn_ico.excelall{background-image:url(/cm/img/ico_excel_all.png);} .btn_ico.file{background-image:url(/cm/img/ico_file.png);} .btn_ico.info{background-image:url(/cm/img/ico_info.png);} .btn_ico.go{background-image:url(/cm/img/ico_exit.png);} .btn_ico.kind{background-image:url(/cm/img/ico_kind.png);} .btn_ico.menu{background-image:url(/cm/img/ico_menu.png);} .btn_ico.min{background-image:url(/cm/img/ico_min.png);} .btn_ico.pdf{background-image:url(/cm/img/ico_pdf.png);} .btn_ico.plus{background-image:url(/cm/img/ico_plus.png);} .btn_ico.exit{background-image:url(/cm/img/ico_exit.png);} .btn_ico.search{background-image:url(/cm/img/ico_search.png);} .btn_ico.edit{background-image:url(/cm/img/ico_edit.png);} .btn_ico.refresh{background-image:url(/cm/img/ico_refresh.png);} .btn_ico.left{background-image:url(/cm/img/ico_left.png);} .btn_ico.right{background-image:url(/cm/img/ico_right.png);} .btn_ico.cinsert{background-image:url(/cm/img/ico_cell_insert.png);} .btn_ico.cdelete{background-image:url(/cm/img/ico_cell_delete.png);} .btn_ico.list{background-image:url(/cm/img/ico_list.png);} .btn_ico.mail {background-image:url(/cm/img/ico_mail.png); border-color:#b9b9b9; width:24px !important} .btn_ico.txt{width:auto;text-indent:0;padding:0 10px 0 35px;font-size:inherit;line-height:24px;background-position:left 10px center;} .btn_ico.ty2 {border-color:#b9b9b9} .btn_cm:hover{} .btn_apply:hover{} .btn_cancle:hover, .btn_cancel:hover{} .btn_etc:hover{} .btn_search:hover{} .btn_link:hover{} /* .btn_cm.on{color:#32447d;line-height:21px !important;border:3px solid #32447d;} background-color:#32447d; */ .btn_cm.on{color:#32447d;line-height:21px !important;border:3px solid #32447d;/* background-color:#32447d; */} /* .btnarea{overflow:hidden;} */ /*21.07.08. 버튼에 포커스가 가면 포커스 보더가 일부 잘려서 보이게 됨*/ .btnarea .w2anchor2[class*="btn_"] + [class*="btn_"], /* .btnarea .w2trigger[class*="btn_"] + [class*="btn_"]{margin-left:10px;} 2021.01.11 cyheo */ .btnarea .w2trigger[class*="btn_"] + [class*="btn_"]{margin-left:4px;} .btnarea.config {flex:none;margin-top:5px;} .btnarea.config:after {content:''; display:table; clear:both} .btnarea.config + .searcharea{margin-top:5px;} .btnarea.config .radio_btnty{margin-top:2px;} .btnarea.tac > .btn_ico.down, .btnarea.tac > .btn_ico.up{opacity:0.4;border-top:0;padding:0 20px !important;} .w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .btnarea.config:first-child {margin-top:0} /*2102P01*/ /* 위/아래 복사 버튼. 3401T03 */ .btnarea.copy {display:flex; justify-content:center; margin:5px 0} .btnarea.copy > * {flex:none} .btnarea.copy > * + * {margin-left:10px} .btnarea.copy > .btn_ico {padding:0 20px !important} .btnarea.copy > span {font-weight:bold} .btnarea.copy > .btn_ico[disabled="disabled"], .btnarea.copy > .btn_ico[disabled="disabled"] + span {opacity:0.4} /* 추가. 3301 */ body .tbl .w2tb_td > .btnarea.copy {display:flex !important; padding:0 !important} .btnarea > * {display:flex; align-items:center} .btnarea > * > * {flex:none} .btnfixarea .btnarea{text-align:center;} .btnfixarea .w2anchor2[class*="btn_"].big, .btnfixarea .btnarea .w2trigger[class*="btn_"].big{margin:0 5px !important;} .btnfixarea{padding:20px 0;} /* 도움말 버튼 */ .btn_help {width:20px; height:20px; background-color:#f4a460; border-radius:100%; font-size:0; border:1px solid #3c3c3c} .btn_help:before {content:'?'; color:#fff; font-size:16px; text-align:center; line-height:20px} /* 돋보기 버튼 단독 사용. 9114 */ .btn_ico.search.medium {background-position:4px center} /* button - END */ /* tab - START */ .tab{overflow:hidden;border:1px solid #e5e5e5;background-color:#e5e5e5;} .tab li{float:left;overflow:hidden;} .tab li a{position:relative;overflow:hidden;display:block;width:100%;min-width:140px;height:30px;line-height:30px;color:#3c3c3c;font-size:13px;font-family:inherit;font-weight:bold;text-align:center;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;background-color:#b9b9b9;} .tab li a.selected{color:#555;background-color:#fff;} .w2tabcontrol.tabc{position:relative; overflow:auto; box-sizing:border-box; border:1px solid #e5e5e5} /*3222P01T05 스크롤 생기지 않는 문제로 overflow:auto 추가*/ .w2tabcontrol.tabc .w2tabcontrol_contents_wrapper{padding:10px;box-sizing:border-box;overflow:hidden;} .w2tabcontrol.tabc .w2tabcontrol_tabhost{height:auto;min-height:30px;background-color:#e5e5e5;/* display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex; */} .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{display:none;} .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{height:30px;background-image:none;} .w2tabcontrol.tabc .w2tabcontrol_container {position:relative; border:0; overflow:auto} /*3222P01T05 스크롤 생기지 않는 문제로 overflow:auto 추가*/ .w2tabcontrol.tabc:not(.fix) .w2tabcontrol_container {height:auto !important} .w2tabcontrol.tabc .w2tabcontrol_tabhost li{overflow:hidden;flex:1;min-width:140px;min-height:30px;} .w2tabcontrol.tabc .w2tabcontrol_tabhost li a{display:block;position:static;height:30px;line-height:30px;padding:0 10px;margin:0;color:#3c3c3c;font-size:13px;background-color:#b9b9b9;} .w2tabcontrol.tabc .w2tabcontrol_tabhost li.w2tabcontrol_selected a{background-color:#fff;} .w2tabcontrol.tabc.minw .w2tabcontrol_tabhost li{min-width:auto;} .w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .titlearea:first-child, .w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .contarea:first-child, .w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .division:first-child > * > .titlearea:first-child {padding-top:0} .w2tabcontrol.tabc .w2tabcontrol_bridge{visibility:hidden;} /* .w2tabcontrol.tabc.flex, UICSSDOC3524 */ .w2tabcontrol.tabc.flex .w2tabcontrol_container {display:flex; flex-direction:column; flex:auto} .w2tabcontrol.tabc.flex .w2tabcontrol_container > .w2tabcontrol_contents[aria-hidden="false"] {display:flex !important; flex:1; flex-direction:column} .w2tabcontrol.tabc.flex .w2tabcontrol_contents_wrapper{display:flex;flex-direction:column;flex:1;overflow:auto;} .w2tabcontrol.tabc.flex .w2tabcontrol_contents_wrapper > .contentWrap > .contarea:first-child {padding-top:0} /* Design에서도 탭 안에서 flex 효과 나타나게 추가. 탭의 컨텐츠는 실제 띄웠을 때와 다르게 Design 상에서는 한 단계 적음. 따라서 별도로 추가. 6541. */ .w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) /*탭의 content 안에 나열되는 일반적인 경우*/ {display:flex !important; flex-direction:column; flex:1} .w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) > div:not(.titlearea):not(.tbl):not(.searcharea):not(.division):not(.boxarea):not(.btnarea), .w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) > div > .flex {display:flex; flex-direction:column; flex:1} /* 이 부분은 flex !important 하면 안 됨. fold 제대로 적용이 안 됨 */ /*** 탭 스크롤을 사용할 경우. 2204 ***/ .w2tabcontrol.tabc > .w2tabcontrol_control {display:flex} /** 탭 리스트 **/ .w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.mask {position:relative; left:initial; right:initial; margin:0; order:1} /** 탭 버튼 **/ .w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_scrollLeft {position:static; flex:none; order:2} .w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_scrollRight {position:static; flex:none; order:3} .w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_submenu {position:static; flex:none; order:4} .w2tabcontrol.tabc.left{position:relative;border:0;} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost{position:absolute;top:0;left:0;width:120px;height:100%;background-color:#65729a;overflow:auto} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost::-webkit-scrollbar {display:none} /*틀어짐 방지하기 위함.*/ .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li{min-width:auto;min-height:auto;width:110px;height:75px;float:none;margin:8px auto 0 auto;background:transparent;} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:last-child {margin-bottom:8px} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li .w2tabcontrol_tab_center{height:100%;} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li .w2tabcontrol_tab_center a {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:0; font-size:13px; line-height:13px; font-weight:normal; color:#fff; background-color:#7681a5; border-radius:4px} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li.w2tabcontrol_selected a{background-color:#495681;} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li.multi a{padding:7px 0; background-position: center top 7px;} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li > .w2tabcontrol_tab_center > a:before {content:''; margin-bottom:6px; background-repeat:no-repeat} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(1) > .w2tabcontrol_tab_center > a:before {width:27px; height:26px; background-image:url(/cm/img/ico_tab_left01.png)} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(2) > .w2tabcontrol_tab_center > a:before {width:26px; height:26px; background-image:url(/cm/img/ico_tab_left02.png)} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(3) > .w2tabcontrol_tab_center > a:before {width:29px; height:24px; background-image:url(/cm/img/ico_tab_left03.png)} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(4) > .w2tabcontrol_tab_center > a:before {width:28px; height:27px; background-image:url(/cm/img/ico_tab_left04.png); margin-left:4px} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(5) > .w2tabcontrol_tab_center > a:before {width:32px; height:27px; background-image:url(/cm/img/ico_tab_left05.png)} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(6) > .w2tabcontrol_tab_center > a:before {width:33px; height:26px; background-image:url(/cm/img/ico_tab_left06.png)} .w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(7) > .w2tabcontrol_tab_center > a:before {width:27px; height:24px; background-image:url(/cm/img/ico_tab_left07.png)} .w2tabcontrol.tabc.left .w2tabcontrol_container{position:absolute;top:0;left:130px;right:0;bottom:0;width:auto;border:1px solid #e5e5e5;box-sizing:border-box;} /* tab - END */ /* grid - START */ .grd{width:100%;height:100%;min-height:137px;box-sizing:border-box;} .grd .w2grid_disabled {opacity:inherit} /*disabled된 grid 투명화 삭제*/ .grd .gridHeaderTableDefault{/*dhcha colmerge 후 하단 선이 없어지는 현상 방지 추가 ->*/border-bottom: 1px solid #e6e6e6;} .grd th.gridHeaderTDDefault, .grd td.gridBodyDefault{height:36px !important;font-size:14px;border: 1px solid #bbb;border-left: none;} /*.grd th.gridHeaderTDDefault{font-size:13px;color:#fff;letter-spacing:-0.2px;font-weight:normal;background:none;background-color:#b9b9b9;} 2021.01.11.cyheo */ .grd th.gridHeaderTDDefault_rowNumber, .grd th.gridHeaderTDDefault_rowStatus {text-align:center} /*rowNum과 rowStatus의 텍스트 정렬*/ .grd th.gridHeaderTDDefault {font-size:14px;color:#111;letter-spacing:-0.2px;font-weight:normal;background:none;background-color:#e5e8ec;padding:0 4px;text-align:center} /*padding이 존재해야 text-align:left 또는 right 시에 바디와 동일하게 보여짐*/ .grd.multiheader th.gridHeaderTDDefault, .grd.smallheader th.gridHeaderTDDefault, .grd.small:not(.body) th.gridHeaderTDDefault, .grd.small:not(.head) td.gridBodyDefault, .grd.small td.gridFooterTDDefault, .grd.small td.gridSubtotalDefault {height:36px ;} /*그리드 small일 경우, 셀렉트 박스 높이 조정*/ .grd.small td.gridBodyDefault.gridBodyDefault_select nobr {height:20px; line-height:20px} .grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox {height:20px !important} .grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox_label {line-height:20px} .grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox_col_label {height:20px} .grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox .w2selectbox_col_button {background-position:left 3px top calc(50% - 1px)} .grd.v_small th.gridHeaderTDDefault, .grd.v_small td.gridBodyDefault, .grd.v_small td.gridFooterTDDefault, .grd.v_small td.gridSubtotalDefault {height:17px !important} .grd th.gridHeaderTDDefault.multiline nobr{display:inline-block;white-space:normal;word-break:break-all} .grd th.gridHeaderTDDefault > nobr {font:inherit; padding:0} /*padding 존재하면 텍스트 개행 시, 한쪽으로 치우쳐짐*/ .grd th.gridHeaderTDDefault nobr a{display:inline-block;vertical-align:top} .grd th.gridHeaderTDDefault.tac nobr{tex-align:center;padding:0;} .grd th.gridHeaderTDDefault.req > nobr:before{content:"*";position:absolute;font-size:12px;color:#e91020;text-indent:-6px;margin-top:-2px} .grd th.gridHeaderTDDefault.alltotal{background-color:#8c8c8c !important;} .grd th.gridHeaderTDDefault.bg_red {color:#fff} .grd th.gridHeaderTDDefault[inputtype="link"] {text-decoration:underline; text-underline-position:under; user-select:none; cursor:pointer} .grd td.gridBodyDefault > nobr {display:inline-block;} /*텍스트가 개행될 경우, 삐둘게 출력되어서 inline-block화. 5322*/ .grd th.gridHeaderTDDefault[style*="text-align:left"] > nobr, .grd th.gridHeaderTDDefault[style*="text-align:right"] > nobr, .grd th.gridHeaderTDDefault[style*="text-align: left"] > nobr, .grd th.gridHeaderTDDefault[style*="text-align: right"] > nobr, /*헤더*/ .grd td.gridBodyDefault[style*="text-align:left"] > nobr, .grd td.gridBodyDefault[style*="text-align:right"] > nobr, .grd td.gridBodyDefault[style*="text-align: left"] > nobr, .grd td.gridBodyDefault[style*="text-align: right"] > nobr, /*일반*/ .grd td.gridSubtotalDefault[style*="text-align:left"] > nobr, .grd td.gridSubtotalDefault[style*="text-align:right"] > nobr, .grd td.gridSubtotalDefault[style*="text-align: left"] > nobr, .grd td.gridSubtotalDefault[style*="text-align: right"] > nobr, /*서브토탈*/ .grd td.gridFooterTDDefault[style*="text-align:left"] > nobr, .grd td.gridFooterTDDefault[style*="text-align:right"] > nobr, .grd td.gridFooterTDDefault[style*="text-align: left"] > nobr, .grd td.gridFooterTDDefault[style*="text-align: right"] > nobr /*푸터*/ {padding:0 7px} .grd .gridBodyDefault_rowNumber {background:#e5e8ec !important;} .grd td.gridBodyDefault {padding: 5px !important;} .grd td.gridBodyDefault:last-child{border-right:0;} /* .grd td.gridBodyDefault:first-child {border-left:0} .grd td.gridBodyDefault:last-child {border-right:0} */ /* .grd td.gridBodyDefault:last-child {border-right:0} */ /* border 있어도, autofit 시에 겹쳐보이지 않음 */ .grd td.gridBodyDefault.tac nobr{display:inline-block;} .grd td.gridBodyDefault.th{background-color:#f5f5f5;} .grd td.gridBodyDefault.head{background-color:#8e5e8ec !important; color:#111} .grd td.gridBodyDefault.tdth{padding:1px 10px 1px 20px;text-align:left;color:#fff;background-color:#b9b9b9;} .grd .w2grid_head_sort_asc{width:20px !important;background: url(/cm/img/ico_asc_order.png) no-repeat;background-position:center center !important;} .grd .w2grid_head_sort_desc{width:20px !important;background: url(/cm/img/ico_desc_order.png) no-repeat;background-position:center center !important;} .w2grid_tooltip {font-size:13px !important; line-height:13px !important; padding:4px !important; transform:translateX(-50%)} /* .grd .gridBodyDefault.focusedTd, .grd .gridBodyDefault.focusedTr {background-color:#f6fdf8 !important;} 21.09.30 너무 옅다고 색상 진하게 요청 */ .grd .gridBodyDefault.focusedTd {background-color:#d1dbeb !important} .grd .gridBodyDefault.focusedTr:not(.gridBodyDefault_rowNumber) {} .grd th.gridHeaderTDDefault.nobg, .grd td.gridBodyDefault.nobg{color:inherit;background-color:#fff;} /* 데이터 없음 텍스트 */ .grd > .grd_noresult {width:auto !important; max-width:inherit !important; font-size:14px !important; color:#575757 !important; padding:0 !important; border:0 !important; background:none !important} .grd.line_2:not(.small):not(.smallheader) > .grd_noresult {top:calc(50% + 13px) !important} .grd.head_2 > .grd_noresult {top:calc(50% + 26px) !important} .grd.head_3 > .grd_noresult {top:calc(50% + 39px) !important} .grd.smallheader > .grd_noresult {top:calc(50% + 10px) !important} .grd.smallheader.head_2 > .grd_noresult {top:calc(50% + 20px) !important} .grd.smallheader.head_3 > .grd_noresult {top:calc(50% + 30px) !important} .grd .gridHeaderTableDefault .w2checkbox_input{position:absolute;top:0;left:0;opacity:0;width:20px;height:20px;} /* .grd .gridHeaderTableDefault .w2checkbox_label{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle;font-size:0;line-height:0;background:url(/cm/img/ico_checkbox.png) no-repeat;background-size:16px;} */ .grd .w2checkbox_label {padding-right: initial;padding-left: inherit;font-size: 0;} .grd .gridBodyDefault {padding: 0 !important;} /* .grd .gridHeaderTableDefault input[type="checkbox"]{visibility:hidden;width:0;height:0;} 체크박스 중앙 정렬 위해, 1px->0px로 변경. 문제 시, 원복 .grd .gridHeaderTableDefault input[type="checkbox"]:checked + .w2checkbox_label{background-position:0 -16px;} .grd .gridHeaderTableDefault input[type="checkbox"][disabled=true]:checked + .w2checkbox_label{background-position:0 -32px;} .grd .gridHeaderTableDefault .w2grid_default_readonly input[type="checkbox"][disabled=true]:checked + .w2checkbox_label{background-position:0 -16px;} */ .grd .w2checkbox .w2checkbox_item{position:relative;display:inline-block;margin:0 20px 0 0;line-height: 36px;} .grd .w2checkbox + .w2checkbox {margin-left:20px} .grd .w2checkbox.nomr .w2checkbox_item{margin-right:0;} .grd .w2checkbox .w2checkbox_item:last-child {margin-right:0} .grd .w2checkbox .w2checkbox_item .w2checkbox_input{position:absolute;top:6px;left:0;/* opacity:0;visibility:hidden; */width: 20px;height: 20px;font:inherit} .grd .w2checkbox .w2checkbox_item .w2checkbox_input:focus + .w2checkbox .w2checkbox_item .w2checkbox_label{color:#ff000;} .grd .w2checkbox .w2checkbox_item .w2checkbox_label {position:relative;display: inline-block;height: auto;min-height: 22px; font:inherit;line-height: 36px;margin-left: 30px;vertical-align: middle;} .grd .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background-position:0 -16px;} .grd .w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label.w2checkbox_disabled:before{background-position:0 -32px;} .grd .w2checkbox.nolabel .w2checkbox_item{margin:0;} .grd .w2checkbox.nolabel .w2checkbox_item .w2checkbox_label{font-size:0;line-height:0;} .grd .w2checkbox.col .w2checkbox_item{display:block;margin:0;padding:4px 0;} .grd .w2checkbox.col.pad .w2checkbox_item{padding:2px 0;} /* 체크박스와 텍스트를 함께 사용할 경우. 9113 (헤더), 5322 (바디) */ .grd .gridHeaderTableDefault .txt > .w2checkbox_label {width:auto; height:auto; font-size:13px; line-height:16px; background:none} .grd .gridHeaderTableDefault .txt > .w2checkbox_label:before {content:''; display:inline-block; width:20px; height:20px; background:url(/cm/img/ico_checkbox.png) no-repeat; background-size:16px; vertical-align:middle; margin-right:4px} .grd .gridHeaderTableDefault .txt > input[type="checkbox"]:checked + .w2checkbox_label:before {background-position:0 -16px} .grd .gridHeaderTableDefault .txt > input[type="checkbox"][disabled=true]:checked + .w2checkbox_label:before {background-position:0 -32px} .grd .gridHeaderTableDefault .txt > input[type="checkbox"][disabled=true]:checked + .w2checkbox_label:before {background-position:0 -16px} .grd .w2radio_label{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;font-size:0;line-height:0;background:url(/cm/img/ico_radio.png) no-repeat;background-size:16px;} .grd input[type="radio"]{visibility:hidden;width:1px;height:1px;} .grd input[type="radio"]:checked + .w2radio_label{background-position:0 -16px;} .grd input[type="radio"][disabled=true]:checked + .w2checkbox_label{background-position:0 -32px;} .grd > .w2input {padding:0 2px; box-sizing:content-box; background-color:#fff; margin:-1px; text-indent:4.5px} /*다시확인했는데, 있어야 정확하게 나옴. 6521참조*/ .grd > .w2input[style*="text-align: center"] {text-indent:0} .grd .gridBodyDefault .w2anchor2, .grd .gridBodyDefault a{text-decoration:underline;} .gridBodyDefault_calendar{background:url(/cm/img/bg_btn_calendar_ico.png) no-repeat right 3px center;} .gridBodyDefault_calendar nobr{padding-right:28px;} .gridBodyDefault_calendar.w2grid_default_disabled{background:url(/cm/img/btn_calender_disabled.png) no-repeat right 3px center;} .w2inputCalendar_div:not([style*="display: none"]) {display:flex !important} .w2inputCalendar_div {height:36px !important; border:0 !important; margin:0} .w2inputCalendar_div_input {flex:1; height:inherit !important} .w2inputCalendar_div_input .w2inputCalendar_divInput{height:inherit !important; padding:0 3px;box-sizing: border-box;} .w2inputCalendar_div_img {flex:none; width:16px; margin-left:2px} .w2inputCalendar_div_img .w2inputCalendar_button {width:inherit; height:22px; top:4 !important; vertical-align:middle} .grd th.gridHeaderTDDefault[inputtype="button"] {padding:4px; box-sizing:border-box; color:#888} .grd th.gridHeaderTDDefault[inputtype="button"] > nobr {display:block; height:100% !important; padding:0 5px; border:1px solid #b9b9b9; cursor:pointer; box-sizing:border-box; background-color:#fff;} .grd td.gridBodyDefault[inputtype="button"] {padding:0 3px; box-sizing:border-box} .grd td.gridBodyDefault button {height:22px !important; padding:0 5px; line-height:22px; font-size:inherit; /*color:#888;*/ border:1px solid #b9b9b9; cursor:pointer; box-sizing:border-box; background-color:#fff;} .grd td.gridBodyDefault.gray button{color: #999;border-color: #b1b1b1;} .grd td.gridBodyDefault.w2grid_default_disabled > button{cursor:default;border:0;background:none;} .grd td.gridBodyDefault.w2grid_default_disabled > nobr > button{color:inherit;font-size:inherit;cursor:default;border:none;} .grd th.gridHeaderTDDefault.button nobr, .grd td.gridBodyDefault.button nobr{display:block;width:100%;height:100%;font-size:inherit;font-size:0;line-height:0;cursor:pointer;box-sizing: border-box;background:#fff url(/cm/img/ico_plus.png) no-repeat center center;} .grd td.gridBodyDefault.schbtn button{padding:0;width:100% !important;height:100%;min-width:auto;border:0;font-size:0;line-height:0;background:url(/cm/img/ico_search.png) no-repeat center center;} .grd td.gridBodyDefault.multiline{white-space:normal;text-overflow:inherit;} .grd td.gridBodyDefault.multiline nobr{white-space:normal;word-break:break-all} .grd td.gridBodyDefault.gridBodyDefault_select{padding:0 2px;background:none;} .grd td.gridBodyDefault.gridBodyDefault_select nobr {width:100% !important; height:22px; margin:0 auto; padding:0 20px 0 5px; font:inherit; border:1px solid #b9b9b9; box-sizing:border-box; -moz-box-sizing:border-box; background:#fff url(/cm/img/ico_select.png) no-repeat right 5px center / 12px 7px; text-align:inherit; line-height:22px} .grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox{width:100% !important;height:22px !important;overflow:hidden;box-sizing:border-box;border:1px solid #b9b9b9 !important;} .grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox > table {table-layout:fixed} .grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox_label{/* line-height:28px;font-size:13px; */padding-left:0; text-align:inherit} .grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox_col_label{padding:0 0 0 5px !important;} .grd td.gridBodyDefault.w2grid_input_table.input nobr{display:block;width:90%;height:22px;line-height:20px;margin:0 auto;padding:0 10px;overflow:hidden;text-overflow:ellipsis;border:1px solid #b9b9b9;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff;} .grd td.gridBodyDefault[inputtype*="textImage"] table{height:100% !important;} /* .grd td.gridBodyDefault[inputtype*="textImage"] table .w2grid_textImage, */ /* .grd td.gridBodyDefault[inputtype*="textImage"] table td:first-child{text-align:left;} */ /*6521 그리드의 Vessel. 입력 전과 후의 텍스트 정렬이 달라, 일치시키기 위해 비활성화 처리 */ .grd td.gridBodyDefault[inputtype*="textImage"] table .w2grid_textImage_image, .grd td.gridBodyDefault[inputtype*="textImage"] table td + td{width:26px;border-left:1px solid #e3e3e3;box-sizing:border-box;} .grd td.gridBodyDefault[inputtype*="textImage"] table img{width:13px;height:13px;padding:5px 6px !important;cursor:pointer;} /* .grd td.gridBodyDefault[inputtype*="textImage"].pdf table img {background:url(/cm/img/ico_pdf.png) no-repeat center} */ /*** Search. 9121 ***/ .grd td.gridBodyDefault[inputtype*="textImage"].search {background:url(/cm/img/ico_search.png) no-repeat right 7px center / 13px} .grd td.gridBodyDefault[inputtype*="textImage"].search > button {background:url(/cm/img/ico_search.png) no-repeat center / 13px} /*** PDF. 9121 ***/ .grd td.gridBodyDefault[inputtype*="textImage"].pdf {background-image:url(/cm/img/ico_pdf.png); background-repeat:no-repeat; background-position:right 5px center; background-size:16px}/*클릭하지 않아도 노출되게 조정*/ .grd td.gridBodyDefault[inputtype*="button"].pdf > button {background:url(/cm/img/ico_pdf.png) no-repeat center / 16px} /*** Clip. 21.07.15 신원철님 요청 ***/ .grd td.gridBodyDefault[inputtype*="textImage"].clip {background-image:url(/cm/img/udc/ico_file_attachment.png); background-repeat:no-repeat; background-position:right 3px center; background-size:20px} /*** Delete. 5410P02 ***/ .grd td.gridBodyDefault[inputtype*="textImage"].delete {background-image:url(/cm/img/ico_min.png); background-repeat:no-repeat; background-position:right 5px center; background-size:15px} /* 그리드 폴더 이미지. H402 */ .grd td.gridBodyDefault[inputtype="image"].folder > img {width:16px; height:16px; background:url(/cm/img/contents/tvw_plus.png) no-repeat center} .grd td.gridBodyDefault[inputtype="image"].folder.on > img {background-image:url(/cm/img/contents/tvw_minus.png)} /** 그리드 폴더의 플로팅 레이어. H402 **/ .w2floatingLayer.folder {display:none; z-index:12; padding:2px; border:1px solid #9d9d9d} /*그리드가 z-index 11이기 때문에 그 이상으로 잡음*/ .w2floatingLayer.folder.on {display:block} /* flex화 **/ .w2floatingLayer.folder > .w2floatingLayer_table, .w2floatingLayer.folder > .w2floatingLayer_table > tbody, .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr, .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter, .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter > .w2floatingLayer_contents {display:flex; flex-direction:column; flex:1} /* 불필요한 부분 hide */ .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr.w2floatingLayer_dragArea, .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centerleft, .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centerright {display:none} /* 기타 */ .w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter > .w2floatingLayer_contents > .btnarea:last-child {margin:3px 0} /* H402 전용 */ .w2floatingLayer.folder.h402 {position:absolute; left:285px; top:calc(50% + 95px); right:22px; bottom:99px; background-color:#fff} .w2floatingLayer.folder.h402 + .folder.h402 {top:calc(50% + 125px); left:336px; bottom:70px; z-index:999} /* custom으로 호출 후, 버튼으로 사용하는 경우. UIVMSSCH6114. UISSBKG3302 */ .grd td.gridBodyDefault[inputtype="custom"]:not(.gridBodyDefault_select) > table td {height:26px} .grd td.gridBodyDefault[inputtype="custom"]:not(.gridBodyDefault_select) > table td + td {width:26px; border-left:1px solid #e3e3e3; cursor:pointer} .grd td.gridBodyDefault[inputtype="custom"].search {} .grd td.gridBodyDefault[class*="fc_"] > button {color:inherit} /* 서브토탈 라인 안 보여서 분간 어렵다고 현업(백승범 님)에서 요청해서 border-top 2px 추가. 21.04.26 */ .grd td.gridSubtotalDefault{height:26px !important; font:inherit; color:#111; background-color:#e3e3e3; border-color:#ccc; border-top-width:2px} .grd td.gridSubtotalDefault nobr {font:inherit; color:inherit} .grd .gridFooterTableDefault{border:0;border-left:0 hidden #fff;border-right:0 hidden #fff;} .grd .gridFooterTDDefault {height:26px !important; font:inherit; color:#fff; border-color:#e6e6e6; background-color:#888} /*background-color의 important 삭제. bg류 class가 안 먹혀서 삭제.*/ .grd .gridFooterTDDefault.alltotal {background-color:#8c8c8c} /*푸터에서 일부 색상의 가시성 보완*/ td.gridFooterTDDefault[style*="color: rgb(255, 0, 0)"], td.gridFooterTDDefault.fc_red {text-shadow: 0px 1px 1px #444} .grd.smallfooter .gridFooterTableDefault td.gridFooterTDDefault{height:20px !important;} /* .grd .grid_body_row.col, .grd .grid_body_row:hover{background-color:#f6fdf8 !important;} .grd .grid_body_row .gridBodyDefault[style*="background-color"]{background-color:#f6fdf8 !important;} */ .grd.head_gray .gridHeaderTDDefault {background-color:#6f6f6f} /* 헤더 숨길 경우. 6306 */ .grd .gridHeaderTableDefault[style*="display: none"] + tbody > tr:first-child > td {border-top:0} .grd .w2grid th.gridHeaderTDDefault {border-right:none;} .w2grid_customFilter_scrollView{} .w2grid_customFilter_scrollView .w2list_listRow{line-height:20px;} .w2grid_customFilter_list_listColumn_checkbox{vertical-align:middle;margin:0 5px;} .w2grid.space nobr{white-space: pre;} /* 그리드 개인화 핀 아이콘 클래스 */ .ico_fixed{background:url(/cm/img/grid/ico_fixed_off.png) no-repeat center center; width:18px; hegiht:18px;} .ico_fixed.on{background-image:url(/cm/img/grid/ico_fixed.png)} /* 그리드 flex */ .grd.flex {min-height:initial; flex:137px} .grd.flex.auto {flex:auto} .grd.flex.def {flex:1} .grd.minh {min-height:137px} /* 예외처리 */ .tabc.flex .grd.flex:not(.no_min) {min-height:137px} /*6101*/ /*** 바디영역 마우스 포인트 변경 ***/ .grd.pointer td.gridBodyDefault {cursor:pointer} /*** 헤더와 바디, 푸터 셀 높이 축소. 5430 ***/ .grd.mini th.gridHeaderTDDefault, .grd.mini td.gridBodyDefault, .grd.mini .gridFooterTDDefault {height:23px !important} /*** 캘린더형 그리드. 6122 ***/ /** 바디 셀의 높이 일괄 조정 **/ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault {height:50px !important} /** 바디 셀 중, 데이터 없는 셀의 보더 삭제 **/ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3):not([style*="background-color: rgb(200, 255, 255)"]):not([style*="background-color: rgb(255, 240, 245)"]) {border:0} /** 요일 구분선이 데이터 있는 바디 셀 아래로 지나가도록 조정 **/ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(200, 255, 255)"], .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(255, 240, 245)"] {position:relative} /** 요일별 배경색 **/ /* 요일 공통*/ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):before {content:''; position:absolute; top:-1px; width:216px; height:100%; margin-left:-98px; background-color:#c8c8c8; opacity:.1; z-index:-1} /* 다음 주 일요일 */ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:last-child:before {width:215px; margin-left:-82px} /** 요일 구분선 **/ .grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):not(:last-child):after {content:''; position:absolute; top:0; width:1px; height:100%; margin-left:99px; background-color:#e6e6e6} /*** 캘린더형 그리드. 6123 ***/ /** 바디 셀의 높이 일괄 조정 **/ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault {height:50px !important} /** 바디 셀 중, 데이터 없는 셀의 보더 삭제 **/ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3):not([style*="background-color: rgb(200, 255, 255)"]):not([style*="background-color: rgb(255, 240, 245)"]) {border:0} /** 요일 구분선이 데이터 있는 바디 셀 아래로 지나가도록 조정 **/ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(200, 255, 255)"], .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(255, 240, 245)"] {position:relative} /** 요일별 배경색 **/ /* 요일 공통*/ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):before {content:''; position:absolute; top:-1px; width:216px; height:100%; margin-left:-58px; background-color:#c8c8c8; opacity:.1; z-index:-1} /* 다음 주 일요일 */ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:last-child:before {width:215px; margin-left:-58px} /** 요일 구분선 **/ .grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):not(:last-child):after {content:''; position:absolute; top:0; width:1px; height:100%; margin-left:58px; background-color:#e6e6e6} /* grid - END */ /* popup - START */ .popwrap {display:flex; flex-direction:column; flex:1; width:100%; height:100%; padding:0 60px 60px 60px; box-sizing:border-box; overflow:auto} .popwrap .poptit{padding:32px 0;text-align:center;} .popwrap .poptit h3{font-size:21px;color:#111} .popwrap .popcont{/* flex:1;overflow:auto; *//* padding:20px;font-size:15px;line-height:20px;*/} /*이미 Wframe 최상단에 있는 팝업전용Class를 이용하여 padding 잡음 */ .popwrap .popcont .mtx{font-size:16px;} /* .popwrap .popcont.flex{justify-content:center;} */ /*가운데로 가는 건 불필요해 보임*/ .popwrap .popcont .subtx{font-size:16px;line-height:22px;} .popwrap > .searcharea + .popcont:empty {display:none} /*3801P06*/ .popwrap .btnfixarea{padding:32px 0} .popwrap .btnfixarea .btnarea{padding:0} .popwrap > .btnarea{position:relative;/* padding-bottom:20px; */text-align:center;} /*이미 Wframe 최상단에 있는 팝업전용Class를 이용하여 padding 잡음 */ .popwrap > .btnarea > * {vertical-align:middle} .popwrap > .btnarea > .txt_stat {color:#2da06d; font-weight:bold; position:absolute; top:calc(50% + 5px); left:calc(50% - 120px); transform:translate(-50%, -50%)} /* 5441P01. 하단 버튼 왼쪽에 상태 텍스트, Confirm 으로 사용 */ .popwrap > .btnarea.config:first-child {padding-top:0; margin-top:0} .popwrap .popcont .msgbox{position:relative;padding:10px;border:1px solid #fff;box-sizing:border-box;overflow:initial; font-size:14px;background-color:#fff;} .popwrap .popcont .w2input {display:none;} .popwrap.msgbox{position:relative;overflow:hidden;width:390px;margin:0 auto;border:1px solid #efefef;box-sizing:border-box;background:#fff;} .popwrap.msgbox h1, .popwrap.msgbox h2{font-size:17px;height:54px;line-height:54px;color:#fff;box-sizing:border-box;background-color:#182757;} .popwrap.msgbox h2.tit{padding:0 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .popwrap.msgbox .btn_close{position:absolute;top:0;right:0;width:54px;height:54px;font-size:0;line-height:0;background:url(/cm/img/btn_close_pop.png) no-repeat center center;} .dimmedWrap{position:fixed;left:0;top:0;z-index:9998;width:100%;height:100%;background:#111;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75} .popwrap .popcont.flx {display:flex; flex-direction:column} /* popup - END */ /*** 미리보기(Design)와 실제 화면 일치 시키기 위한 조정 ***/ /** 테이블 **/ body > .popwrap .tbl .w2tb_td > *, body > .content .tbl .w2tb_td > * {display:inline-block} /** 팝업 **/ body > .popwrap {padding:10px 10px 15px; box-sizing:border-box} body > .popwrap > .btnarea {padding-top:10px} /** 그리드 **/ /* req */ body > .content .grd th.gridHeaderTDDefault.req, body > .popwrap .grd th.gridHeaderTDDefault.req {position:relative} body > .content .grd th.gridHeaderTDDefault.req > *:before, body > .popwrap .grd th.gridHeaderTDDefault.req > *:before {content:"*"; position:absolute; font-size:12px; color:#e91020; margin:-2px 0 0 -2px} /** 메인 화면 베이스에 팝업도 사용되는 화면에서 하단 버튼 처리 **/ body > .content > .btnarea:last-child {text-align:center; margin-top:10px} .pop_intitle {padding-bottom: 12px;border-bottom: 2px solid #111;margin-bottom: 30px;} .pop_intitle2 {padding-bottom: 12px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .content_intitle {border-bottom: 2px solid #111;line-height: 44px;margin-bottom: 20px;} .content_intitle .fr {} .content_intitle .fl {position: relative; } .intitle_text {display: inline-block;font-size:20px; color:#111;vertical-align: middle;font-family: 'Noto Sans KR';} .pop_intitle .profile_button {margin-top: 12px;} .beforeIcon:after{content:'';width: 1px;height: 16px;background: #ddd;display: inline-block;margin: 0 20px 0;vertical-align: middle;} .btn_tooltip{display: inline-block !important;width: 16px !important;height:16px;background:url('/cm/img/btn_tooltip2.png') no-repeat center center;margin-left:5px;} .btn_tooltip3{display: inline-block !important;width: 16px !important;height:16px;background:url('/cm/img/btn_tooltip.png') no-repeat center center;margin-left:5px;} .btn_tooltip2{display: inline-block !important;width: 16px !important;height:16px;background:url('/cm/img/btn_tooltip2.png') no-repeat center center;margin-left:5px;} .btn_refresh{display: inline-block !important;width: 12px !important;height:12px;background:url('/cm/img/btn_refresh.png') no-repeat center center;} .content_intitle + .grp_multiupload {margin-top:10px;} /* division - END */ /* division - START */ .division {display:flex;flex-direction:row;flex:1;} .division > div {position:relative; display:flex; flex-direction:column; box-sizing:border-box} .division > div.fix {flex:none} /*변동없이 고정*/ .division > div.beet {justify-content:space-between} /*컨텐츠 사이의 간격 균등. 3401T02*/ .division > div.beet > .boxarea {flex:none} .division > div > .boxarea {flex:auto; display:flex; flex-direction:column} .division > div > .boxarea.fix {flex:none} /* .division div[class*="w1"], .division div[class*="w3"], .division div[class*="w4"], .division div[class*="w5"], */ /* .division div[class*="w6"], .division div[class*="w7"], .division div[class*="w8"], .division div[class*="w9"], */ /* .division div[class*="w20"], .division div[class*="w21"], .division div[class*="w22"], .division div[class*="w23"], */ /* .division div[class*="w24"], .division div[class*="w25"], .division div[class*="w26"], .division div[class*="w27"], */ /* .division div[class*="w28"], .division div[class*="w29"], .division div[class*="per"]{flex:none;} */ .division:not(.vert) > div + div{/* border-left:20px solid transparent */margin-left:20px} /*너비가 균등하게 나눠지지 않아서 margin으로 변경*/ .division:not(.vert) > .br {padding-right:10px} .division:not(.vert) > .br + div {margin-left:10px} .division > div.per100{border-left:0;} .division > div.flexh{display:flex} .division > div > .w2wframe.flexh{height:100%} :not(.popcont):not([class*="per"]) > .division:first-child > div[class*="per"] > .titlearea:first-child, :not([class*="per"]) > .division > div[class*="per"] > .grp_multiupload:first-child > .titlearea {padding-top:0} /* 6306P02 */ .division .content{top:0 !important;min-width:auto;} /* 한쪽이 hide 될 경우, 나머지쪽이 100%가 되도록 조정하기 위함 */ .division > [class*=v] {flex:auto} .division > .v1 {flex:10%} .division > .v2 {flex:20%} .division > .v25{flex:25%} .division > .v3 {flex:30%} .division > .v35{flex:35%} .division > .v4 {flex:40%} .division > .v5 {flex:50%} .division > .v6 {flex:60%} .division > .v65{flex:65%} .division > .v7 {flex:70%} .division > .v75{flex:75%} .division > .v8 {flex:80%} .division > .v9 {flex:90%} .division > .fix {flex:none} /*이 경우, 인라인 스타일에 width 입력*/ /* 세로분할형 */ .division.vert, .division.vert > div {flex-direction:column} .division.vert > div + div {margin-top:10px} .division.vert > [class*=per] {width:auto !important} .division.vert > .per5{flex:.05 !important;} .division.vert > .per10{flex:.1 !important;} .division.vert > .per15{flex:.15 !important;} .division.vert > .per20{flex:.2 !important;} .division.vert > .per25{flex:.25 !important;} .division.vert > .per30{flex:.30 !important;} .division.vert > .per33{flex:.333 !important;} .division.vert > .per35{flex:.35 !important;} .division.vert > .per40{flex:.40 !important;} .division.vert > .per45{flex:.45 !important;} .division.vert > .per50{flex:.50 !important;} .division.vert > .per55{flex:.55 !important;} .division.vert > .per60{flex:.60 !important;} .division.vert > .per65{flex:.65 !important;} .division.vert > .per70{flex:.70 !important;} .division.vert > .per75{flex:.75 !important;} .division.vert > .per80{flex:.80 !important;} .division.vert > .per85{flex:.85 !important;} .division.vert > .per90{flex:.90 !important;} .division.vert > .per95{flex:.95 !important;} /* .division.vert > .per100{flex:.1 !important;} (기본값) */ .division.fix {flex:none} /* 분할 사이에 버튼 (기본값은 세로로 1줄 정렬). 2103T01 */ .division > .grp_btns {display:flex; justify-content:center; flex:none} .division > .grp_btns > * + * {margin-top:5px} /* 간격 재조정 */ .division.ty2 {} /* 다른 그룹 상단에 타이틀이 있는 경우 */ .division:not(.vert) > div + .grp_btns, .division:not(.vert) > .grp_btns + div {margin-left:10px} /* division - END */ /* flex - START */ .flex{display:flex;flex-direction:column;flex:1;} .flex.auto {flex-basis:auto} .flex.end {justify-content:flex-end} .flex.grid {flex:137px !important} /*그리드 flex 값과 맞추기 위함. 3535T03*/ .flex.beet, .flexw.beet {justify-content:space-between} .flexw{margin-right: 10px;display: inline-block;} .flexw.onflex {width:100% !important} /*UDC 내에 있는 인풋의 noflex 작동 없애기 위함. 3301*/ .flexw.onflex > [id*="name"] {flex:1 !important} .flexw.in {display:inline-flex; width:auto !important} .flexw > [class*="w2"].noflex, .flexw > .w2anchor2[class*="btn_"]{width: auto ;flex:none} .flexw > [class*="w2"]{flex:1;display:inline-block;width:120px;flex-basis:auto;} .w2tb_td > .flexw + .flexw, .flexw > [class*="w2"] + [class*="w2"], .flexw > div + a, .flexw > div + input, .flexw > div + div{margin-left:4px;} .flexw > .w2textbox{width:auto;} .flexw .req:not(.w2inputCalendar_div):not(.w2selectbox):before {content:"*";position:absolute;color:#e91020;font-size:12px;text-indent:-8px;} .flexw.fd{display:flex !important;} .flexw.tal{justify-content: flex-start;} .flexw.tar{justify-content: flex-end;} .flexw.tac{justify-content:center;} .flexw.top{align-items:flex-start} /* 그룹 내, UDC가 있을 경우 사용 (UDC 자체에 접근이 안 되고, UDC의 자식인, input에만 접근이 가능하여 새로 만듦). UIVMSSPC6306 */ .flexw.udc > [id*="udc"] {width:auto !important; flex:none} .flexw.udc > :not([style*="display: none"]) + * {margin-left:4px !important} .flexw .rightbox[class*="w2"]{display:inline-block;float:right;margin-left:auto;flex:none;width:auto} .flexw .rightbox .btn_form + *, .flexw .rightbox * + .btn_form{margin-left:12px} .flexw .rightbox span{font-size:14px;} .flexw .rightbox span + span, .flexw .rightbox .btn_form + .btn_form{margin-left:5px;} .flexw [class*="w1"], .flexw [class*="w3"], .flexw [class*="w4"], .flexw [class*="w5"], .flexw [class*="w6"], .flexw [class*="w7"], .flexw [class*="w8"], .flexw [class*="w9"], .flexw [class*="w20"], .flexw [class*="w21"], .flexw [class*="w22"], .flexw [class*="w23"], .flexw [class*="w24"], .flexw [class*="w25"], .flexw [class*="w26"], .flexw [class*="w27"], .flexw [class*="w28"], .flexw [class*="w29"], .flexw .w2inputCalendar_div, .flexw .dash{flex:none;} .flexh{display:flex;flex-direction:column;flex:1;} .flexh.vam{justify-content:center;} /* flex - END */ .flex > .grp_multiupload {display:flex; flex-direction:column; flex:1} .flex > .grp_multiupload:not(.fix) > .grd, .grp_multiupload.flex > .grd {flex:1} .grp_multiupload {position:relative} .grp_multiupload.fix {flex:none !important} .grp_multiupload > .titlearea > .leftarea > .counter > span {margin-right:0} .grp_multiupload > .titlearea > .leftarea > .counter > span + .total {margin-left:5px} .grp_multiupload > .titlearea > * > .udc_btn > [class*="btn_"].big {height:36px; line-height:36px} .grp_multiupload > .ico_drop {position:absolute; top:calc(50% + 28px); left:50%; transform:translate(-50%, -50%);background: url(/cm/img/ico_grid_drop.png) no-repeat center left 10px; line-height:30px; padding-left:40px; z-index:1} .grp_multiupload.h_auto > .grd {height:auto !important} :not(.flex) > .grp_multiupload > .grd {min-height:auto; height:164px;background: #f4f4f4;} .grd {border-top:1px solid #bbb;} .titlearea {position:relative;} .grp_multiupload .titlearea .title {position: absolute;bottom: 16px;} .leftarea {display: inline-block;position: relative;} .leftarea .counter {position: absolute;display: inline-block;width: 150px;top: 5px;left: 0;} .leftarea .counter>span:first-child {} .leftarea .counter>span:first-child:after {content:':'} .graph{padding:10px;border:0;} /* common - END */ /* scheduleCalendar - START. UICOMCOD1201 */ .schcalarea{position:relative;margin-top:20px;} .schcalarea .btnarea{position:absolute;top:0;right:0;} .schcal {width:100%;height:100%;} .schcal > .fc-toolbar {height:28px; margin-bottom:5px} .schcal .fc-center h2 {font-size:18px; font-weight:bold; margin-top:4px} .schcal .fc-right {display:none} .schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-today-button {display:none} /*오늘 버튼*/ .schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-prev-button {position:absolute; left:calc(50% - 120px)} /*이전 달 버튼*/ .schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-next-button {position:absolute; right:calc(50% - 120px); border-top-right-radius:4px; border-bottom-right-radius:4px} /*다음 달 버튼*/ .schcal > .fc-view-container > .fc-view.fc-month-view > table {box-sizing:border-box} .schcal > .fc-view-container, .schcal > .fc-view-container > .fc-view.fc-month-view, .schcal > .fc-view-container > .fc-view.fc-month-view > table, .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody, .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr, .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content, .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container, .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container > .fc-day-grid {display:flex; flex:1; flex-direction:column} .schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container > .fc-day-grid > .fc-row {flex:auto; height:50px !Important;} .schcal .fc-day-header {height:28px; vertical-align:middle} .schcal .fc-day-header.fc-sun {color:#ed5f19} .schcal .fc-day-header.fc-sat {color:#5476d7} .schcal .fc-day[class*="bg_"]:not(.fc-other-month) {opacity:initial !important} .schcal .fc-day.fc-other-month.bg_lightsalmon {background-color:#d02121 !important} .schcal + .boxarea {border-top:0} .schcal .fc-day-grid-event {background-color:transparent; color:#111; text-align:center; border:0} .schcal .fc-day-grid-event:hover {color:initial} .schcal .fc-highlight {opacity:initial} .schcal .fc-day-number {color:#111} /* scheduleCalendar - END */ /* widget - START*/ .widgetarea{display:flex;flex-direction:column;flex:1;position:relative;margin-top:53px;} /* margin-top:20px -> 53px. searcharea 높이가 33px */ .widgetarea .widgetcontainer {flex:auto;width:100%;height:100%;/* border:1px solid #e5e5e5; */} .widgetcontainer .w2widgetContainer_content > .w2widget{border-color:#e5e5e5;} .widgetcontainer .w2widgetContainer_content > .w2widget > .w2widget_content .grd {min-height:auto; -ms-overflow-x:visible !important; -ms-overflow-y:visible !important} /*높이가 적은 위젯에서 그리드 최솟값이 너무 크게 자리함. overflow의 경우, IE에서 그리드가 보이지 않는 문제점 때문에 추가*/ .widgetcontainer .w2widget_title{padding:10px;background-color:#182757;} .widgetcontainer .w2widget_title .w2widget_icon{display:none;} .widgetcontainer .w2widget_title .w2widget_title_text{font-size:15px;line-height:15px;color:#fff;font-weight:normal;} .widgetcontainer .w2widget_title .w2widget_title_buttons{position:absolute;top:10px;right:10px;} .widgetcontainer .w2widget_title .w2widget_title_buttons > *{width:17px;height:17px;margin-left:3px;} .widgetcontainer .w2widget_title .w2widget_btnMinimize{background:url(/cm/img/btn_widget_minimize.png) center center no-repeat;} .widgetcontainer .w2widget_title .w2widget_btnMaximize{background:url(/cm/img/btn_widget_maximize.png) center center no-repeat;} .widgetcontainer .w2widget_title .w2widget_btnClose{background:url(/cm/img/btn_widget_close.png) center center no-repeat;} .widgetcontainer .w2widget_title .w2widget_btnFix{background:url(/cm/img/btn_widget_pin_off.png) center center no-repeat;} .widgetcontainer .w2widget_fixed .w2widget_title .w2widget_btnFix{background:url(/cm/img/btn_widget_pin_on.png) center center no-repeat;} .widgetcontainer .w2widget_content {top:35px;} .widgetcontainer .w2widget_content > .popwrap {padding:0} .widgetcontainer .w2widget_content > .popwrap > .popcont .titlearea {padding:3px 5px} .widgetcontainer .w2widget_content > .popwrap > .popcont .titlearea .leftarea > * {margin-right:10px} /*** 위젯 스타일 작업 ***/ .content.widget {background:url(/cm/img/bg_widget_main_namsung.jpg) no-repeat center / cover} /*남성해운 위젯 배경*/ .content.widget > .searcharea {position:fixed; left:0; width:100%; background-color:rgba(23,33,45,.65); padding-right:0; border-bottom:1px solid #fff; margin:0} .content.widget > .searcharea .w2tb.tbl .w2tb_th {color:#fff; padding-left:12px} .content.widget > .searcharea .w2tb.tbl .w2tb_td > a {border:1px solid #fff; line-height:20px} /*가시성 위한 조정*/ .widgetcontainer .w2widget:not(.w2widget_maximized) {background-color:rgba(23,33,45,.65); border:0} /** 타이틀과 컨텐츠 **/ .widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_title {background-color:transparent} .widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content {border-top:1px solid #fff} .widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content > .popcont {background-color:rgba(23,33,45,.65)} .widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content .titlearea span {color:#fff} /** 그리드 **/ .widgetcontainer .w2widget:not(.w2widget_maximized) .grd {background-color:transparent} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd th.gridHeaderTDDefault {background-color:rgba(23,33,45,.9)} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault {color:#fff; background-color:transparent !important} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault:hover, .widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault.gridBodyDefault.focusedTd {background-color:rgba(255,255,255,.1) !important} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd .gridFooterTableDefault {background-color:rgba(136,136,136,.65) !important} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd .gridFooterTDDefault {background-color:transparent !important} .widgetcontainer .w2widget:not(.w2widget_maximized) .grd .grd_noresult {color:#fff !important} /* 예외처리 */ .widgetcontainer .w2widget:not(.w2widget_maximized) .popcont > .grd:first-child {border-top:0} .widgetcontainer .w2widget:not(.w2widget_maximized) .popcont > .grd:last-child .gridFooterTDDefault {border-bottom:0} /** 차트 **/ .widgetcontainer .w2widget .division {overflow:hidden} /*차트가 들어가있는 경우, 최대창 후에 다시 창 크기 원복 시, 깨짐 방지*/ .widgetcontainer .w2widget .division > .chart {padding-left:5px; margin-left:0} .widgetcontainer .w2widget .division > .chart:last-child {padding-right:5px} .widgetcontainer .w2widget .division > .chart > * {height:100%} .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span, .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg, .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g, .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > rect {background-color:transparent !important; fill:transparent !important; stroke:none !important} .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > text, .widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > g > text {fill:#fff !important} /* widget - END */ /* 그리드 커스텀 필터 */ .w2grid_customFilter_selectbox{ width:120px; } .w2grid_customFilter_autocomplete{ width:150px; } /*** 강조 (req, mandatory) ***/ .w2input.req:not([class*="disabled"]):not([class*="readonly"]), .w2input_mandatory[class*="disabled"]:not([class*="readonly"]), .w2selectbox.req:not([class*="disabled"]), .w2selectbox_mandatory:not([class*="disabled"]), .w2selectbox_native.req:not([class*="disabled"]), .w2selectbox_native.w2selectbox_mandatory:not([class*="disabled"]), .w2multiselect_div.req:not([class*="disabled"]) .w2multiselect_td, .w2multiselect_mandatory:not([class*="disabled"]) .w2multiselect_td, .w2textarea.req:not([class*="disabled"]):not([class*="readonly"]), .w2textarea_mandatory:not([class*="disabled"]):not([class*="readonly"]), .w2autoComplete.req:not([class*="disabled"]), .w2autoComplete_mandatory:not([class*="disabled"]), .w2checkcombobox.req, .w2checkcombobox_mandatory, .w2inputCalendar_div.req .w2inputCalendar_divInput, .w2inputCalendar_mandatory .w2inputCalendar_divInput, .udc.req > .w2inputCalendar_div .w2inputCalendar_divInput, .grd .gridBodyDefault.req, .inputbtn.req .w2input, .w2upload.req > form > fieldset > .w2upload_input {background-color:#fff4ce} span.req, p.req {padding-left:10px} /*** 사파리 Safari 적용 ***/ @media not all and (min-resolution:.001dpcm) { @media { .w2input_table_sb_main {width:100%} /*우측 스크롤바 공간이 필요치 않아, 꽉 채우기 위함*/ .tbl_scroll .tbl_header {right:0} /*위와 동일한 사유. 3301*/ /*** 좌측 상단 메뉴. Safari만의 Overflow 버그로 인해 따로 추가. CSS-Shipping-Document의 리스트 기준. 만약 더 늘어나게 되면, 추가되는 갯수당 29px씩 height 값을 늘려주세요. ***/ .menuarea {height:735px} .menuarea .favoritearea, .menuarea .allmenuarea ul {height:696px} } } /*** UDC 조정 ***/ /** 달력 **/ .udc.cal > span {vertical-align:middle; margin:0 3px 0 0} /*** 업로드 ***/ .w2upload {display:inline-flex; height:22px} .w2upload > form, .w2upload > form > fieldset {display:flex; flex:1; height:100%} .w2upload > form > fieldset > .w2upload_input {flex:1; height:100%; padding:0 5px; border-color:#b9b9b9; box-sizing:border-box} .w2upload > form > fieldset > .w2upload_image {flex:none; position:relative; top:initial; width:auto; height:100%; background:none; cursor:pointer} .w2upload > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:81px !important; height:100% !important; opacity:1 !important; cursor:pointer} .w2upload > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {display:block; content:'Upload'; height:22px; color:#fff; text-align:center; line-height:22px; background-color:#32447d; border:1px solid #3c3c3c; box-sizing:border-box} /** 엑셀인 경우. 2207 **/ .w2upload.excel > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:107px !important} .w2upload.excel > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {content:'Find Excel'} /** 버튼을 왼쪽으로 이동. 5103 **/ .w2upload.left > form > fieldset > .w2upload_image {order:-1; margin:0 3px 0 0} /** 인풋을 사용하지 않을 경우. 5111 **/ .w2upload.no_input > form > fieldset > .w2upload_input {display:none} .w2upload.no_input > form > fieldset > .w2upload_image {margin-left:0} /** 버튼을 사용하지 않을 경우. 2102P01T02 **/ .w2upload.no_btn > form > fieldset > .w2upload_image {display:none} /** 파일찾기인 경우 **/ .w2upload.file > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:94px !important} .w2upload.file > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {content:'파일찾기'} /** disabled **/ .w2upload[disabled="disabled"] > form > fieldset > .w2upload_input {background-color:#e3e3e3} .w2upload[disabled="disabled"] > form > fieldset > .w2upload_image > .w2upload_fakeInput {cursor:default} .w2upload[disabled="disabled"] > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {color:#111; border-color:#e0e0e0; background-color:#e0e0e0} /*** 팝업 컨텐츠에 flex 적용 시, 그 자식에 속한 테이블의 높이를 정확히 인식하지 못하는 버그 픽스 ***/ .popwrap .popcont .tbl:after, .tabc.flex .tbl:after /*6101*/ {content:''; display:table; clear:both} .popwrap > .popcont.nosc {overflow:hidden} /*** 그리드 2개를 1개로 표현. 5106 ***/ .grd + .grd.nohead, .grd.nohead + .grd {margin-top:0 !important; border-top:0} .grd + .grd.nohead tr:first-child > .gridBodyDefault {border-top:0} /*** 그리드 그룹 flex ***/ .grid_wrap:not(.fix) {display:flex; flex-direction:column; flex:136px} /*.grd.flex의 flex값과 동일하게 적용*/ .grid_wrap > [style*="display: none"] + .grd {margin-top:0} /* Palette 그리드가 숨김처리되고, 뒤에 다이나믹 그리드가 그려질 경우 margin-top값 삭제. 6513*/ /*** Editor. UIVMSSCH6103P05 ***/ /* .w2editor {width:100%; height:100%} .w2editor > .cke {width:100% !important; height:100%; box-sizing:border-box} .w2editor > .cke > .cke_inner {display:flex; flex-direction:column; height:100%} .w2editor > .cke > .cke_inner > .cke_contents {flex:1} .w2editor > .cke > .cke_inner > .cke_contents > .cke_wysiwyg_frame {width:100%; height:100%} .w2editor > .cke > .cke_inner > .cke_contents > .cke_wysiwyg_frame > * > html {max-height:100%} */ /*** 캘린더 배경색 구분. 9130P01***/ .grp_bg_type {border:0 !important} .grp_bg_type > li {display:inline-block; width:calc(100% / 4); padding:0 5px 10px; box-sizing:border-box} .grp_bg_type > li > .bgsample {display:inline-block; line-height:24px} .grp_bg_type > li > .bgsample:before {width:26px; border:1px solid #111; margin-right:5px; box-sizing:border-box} /*** 텍스트 리스트. 3327 ***/ .boxarea > .grp_txt_list, .boxarea > .txt.acc {padding-left:5px} .grp_txt_list {display:inline-block} .grp_txt_list > li {display:block} .grp_txt_list > li + li {margin-top:5px} .grp_txt_list > li > span {display:inline-block} .grp_txt_list.acc > li > *:before, .grp_txt_list > li.acc > *:before, .grp_txt_list > li > *.acc:before, .txt.acc:before {content:'*'; display:inline-block; margin-right:4px} .grp_txt_list > li > * + * {margin-left:20px} /*** 컬러풀 텍스트. 3302 ***/ .txt_color {display:inline-block; line-height:22px; padding:0 5px; text-align:center; box-sizing:border-box} /*** 텍스트 너비 변동 없이 뒤쪽에 % 추가. 3535T01 ***/ .txt_per {position:relative} .txt_per:after {content:'%'; position:absolute; color:#555; font-weight:normal; margin-left:2px} /*** 크롬,IE에서 테이블 th 고정값을 텍스트가 개행 직전까지 너비를 바짝 맞춰 줬을 때, 360 브라우저 등에서 개행되는 문제 때문에 추가. 사파리가 자간이 원래가 넓던데, 360도 사파리 기반인지 알 수 있을지... ***/ .tbl.tbbox.per100 .w2tb_th, .tbl.tbbox.fit .w2tb_th {letter-spacing:-0.07em} /*** 내부에 스크롤 생기게 조정 ***/ .scr {overflow:auto} /*** 컴포넌트 포커스 관련 ***/ .w2anchor:focus, [class*="btn"]:focus,/*버튼*/ .w2input:focus, .w2selectbox:focus, .w2textarea:focus,/*인풋, 셀렉트, 멀티콤보, 텍스트에어리어*/ .w2upload > form > fieldset > .w2upload_input:focus, .w2upload > form > fieldset > .w2upload_image:focus > .w2upload_fakeInput:before,/*단일업로드*/ .w2inputCalendar_div > .w2inputCalendar_div_input:focus/*캘린더 인풋. 캘린더 버튼은 클릭 시, 깜빡 거리는 것처럼 보여서 제외함*/ {/* outline:-webkit-focus-ring-color auto 1px; outline-offset:1px */} .w2checkbox .w2checkbox_item .w2checkbox_input:focus, .w2radio .w2radio_item .w2radio_input:focus /*체크박스와 라디오*/ {outline:-webkit-ring-color auto 1px; outline-offset:0px; outline-width:1px; outline-style:dotted;} /*outline-color:#f00*/ /** 일부 버튼(푸른색 계통)은 포커스 붉은 색으로 **/ .btn_apply:focus, .btn_cancle:focus, .btn_cancel:focus, .btn_search:focus, .btn_cm:focus, .w2upload > form > fieldset > .w2upload_image:focus > .w2upload_fakeInput:before {outline-color:#f00} /*** drilldown(트리구조) ***/ /** 공통 **/ .grd td[inputtype="drilldown"] > nobr {display:flex; align-items:center} .grd td[inputtype="drilldown"] > nobr > * {width:16px; height:16px; margin-right:5px} /** + **/ .grd td[inputtype="drilldown"] > nobr > .w2grid_plus {background-image:url(/cm/img/contents/tvw_plus.png)} /** - **/ .grd td[inputtype="drilldown"] > nobr > .w2grid_minus {background-image:url(/cm/img/contents/tvw_minus.png)} /** . **/ .grd td[inputtype="drilldown"] > nobr > .w2grid_leaf {background-image:url(/cm/img/contents/tvw_middle.png)} /* 로그인 로그아웃 회원가입절차 */ .memberscont{position: relative;height: 100%;background-color: #fff;padding:30px 30px 0px 90px;box-sizing: border-box;flex: 1;overflow-y: auto;overflow-x: hidden;} .memberscont h2{color: #111;font-weight: 800;font-size: 16px;} .memberscont h3{color: #111;font-weight: 800;font-size: 14px;} .memberscont .gray{color: #777;} .memberscont .w2checkbox .w2checkbox_item {display:block;} .memberscont .bull{position: relative;margin-left: 8px;padding-left: 8px;} .memberscont .bull:before{display: block;position: absolute;top: 0.6em;left: 0;margin-top: -0.125em;width : 0.25em;height: 0.25em;background-color: #555;border-radius: 50%;content: "";} .memberscont .dash{position: relative;padding-left: 20px;} /* .memberscont p.dash:before{display: block;position: absolute;top : 10px;left: 26px;width: 4px;height: 1px;background-color: #555;content: "";} */ .memberscont .tit{margin-bottom: 54px;font-weight: 400;font-size: 36px;text-align: center;} .memberscont .tit_sub{margin-bottom: 24px;line-height: 2;font-size: 16px;border-bottom: 1px solid #111;} .memberscont .req:after{display: none;} .memberscont .check_col{padding: 0 10px;} .memberscont .check_col .w2checkbox .w2checkbox_item .w2checkbox_label {display: block;} .memberscont .check_col2{padding: 0 10px;} .memberscont .check_col2 .w2checkbox .w2checkbox_label {display: inline-block;letter-spacing: -1px;} .check_col2 .w2checkbox {margin-left:0px !important;} /* 리스트 */ .memberscont ul.list{margin-top: 30px;} .memberscont ul.list li{margin-bottom: 8px;} .memberscont ul.list li:last-child{margin-bottom: 0;} .memberscont ul.list li p span{margin-right: 4px;} .memberscont ul.list li span:last-child{margin-right: 0;} .memberscont ul.list li.numb{position: relative;padding-left: 0px;} /* .memberscont ul.list li.numb:before{display: block;position: absolute;left: 0;line-height: 1.4;} .memberscont ul.list li.numb:nth-child(1):before{content: "(1)";} .memberscont ul.list li.numb:nth-child(2):before{content: "(2)";} .memberscont ul.list li.numb:nth-child(3):before{content: "(3)";} .memberscont ul.list li.numb:nth-child(4):before{content: "(4)";} .memberscont ul.list li.numb:nth-child(5):before{content: "(5)";} */ ul.list > li > ul > li{padding-left: 10px;} /* 테이블 */ .memberscont .w2tb .w2tb_th, .memberscont .w2tb .w2tb_td{padding: 0 5px 0px 5px;;text-align: left;background-color: transparent;border: none;vertical-align: top;} .memberscont .w2tb tr .w2tb_td:first-child {padding-left: 0;} .memberscont .w2tb tr .w2tb_td:last-child {padding-right: 0px;} .memberscont .w2tb .w2tb_th span{color: #111;font-size: 15px;margin-top: 13px;} /* box */ .memberscont .box-bottom{position: absolute;left: 0;bottom: 30px;width: 100%;} .memberscont .box-bottom.box-btn {display: flex;position: absolute;bottom: 30px;left: 60px;width: calc(100% - 120px);} .memberscont .box-bottom.box-btn {justify-content: center;align-items: center;} .memberscont .box-bottom.box-btn .btn.link{margin-right: 0;padding: 0 14px;background-color: transparent !important;color: #222;outline: none;} .memberscont .box-bottom.box-btn .btn.link:hover{color: #7391f6;} .memberscont .box-bottom.box-btn .btn.link + span.bar {display: block;width: 1px;height: 14px;background-color: #ddd;content: " ";} .memberscont .box-info{overflow: auto;width:100%;height: calc(100% - 56px);padding-right: 60px;} /* 헤드 타이틀 */ .memberscont .head{margin-bottom: 20px;padding: 30px 45px 40px;border-bottom: 1px solid #555;} .memberscont .head h2{margin-bottom: 20px;font-size: 24px;} /* 탭 */ .memberscont .w2tabcontrol_tabhost {height: 60px;display: flex;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left {background-color: #fff;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {border: none;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right {background-color: #fff;} .memberscont .w2tabcontrol_tabhost {border:none;} .memberscont .w2tabcontrol_tabhost li {border:none;border-bottom: 1px solid #ddd !important;} .memberscont .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected {border:none;} .memberscont .w2tabcontrol_tabhost li{flex: 1;} .memberscont .w2tabcontrol_tabhost li div{background-image: none !important;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_active div{background-image: none !important;background-color: #e6e8e9 !important;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_tab_center{display: flex;justify-content: center;align-items: center;padding: 0 10px;} .memberscont .w2tabcontrol_tabhost li a{position: static;font-size: 20px;color: #777;line-height: 1.2;} .memberscont .w2tabcontrol_tabhost .w2tabcontrol_active a{color: #0c1924;} .memberscont .w2tabcontrol_container{border: none;} .multi-upload {display:block;margin-bottom: 10px;border: 1px dotted #0c1924;border-radius: 5px;background:#f4f4f4;} .multi-upload img {display:block; margin:20px auto 0} .multi-upload .file_link {display:block; margin:20px auto 0;text-align: center;} .file_list {} .file_list li {margin-bottom: 5px;} .file_list li a {display: block;padding: 10px 0 10px 20px;border-radius: 5px;color:#111;font-size:12px;box-sizing: border-box;background:#f4f4f4 url('/cm/img/file_delete.png') no-repeat center right 20px;} /* 조회 */ .search_box + .noline_boxSub {margin-top:20px; } .search_box {display:block; margin-top:20px; border:2px solid #091431;padding: 20px 22px;background:#fff;font-size:15px;border-radius: 5px;box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.2);position: relative;box-sizing: border-box;} .search_box .w2tb .w2tb_th, .search_box .w2tb .w2tb_td {border:none;position:relative;} .search_box .w2tb .w2tb_th {background:#fff;font-size: 15px;text-align:right;font-weight: 400;} .search_box .td_line {border-left: 1px solid #0e0e0e !important;text-align: right;} .search_box .td_line2 {border-top: 1px solid #0e0e0e !important;text-align: right;} .sech_close {position: absolute;right: -19px;top: -16px;background: #fff url('/cm/img/sech_close.png') no-repeat center center;width: 30px;height: 30px;border: 1px solid #dedede;border-radius: 100px;text-indent: -9999px;} .sech_close:hover {background: #eee url('/cm/img/sech_close.png') no-repeat center center;width: 30px;height: 30px;border: 1px solid #dedede;} /* noline box min-height: 240px; */ .noline_boxSub {display:block;background:#fff;font-size:15px;margin-top: 0;margin-bottom: 20px;padding:30px;border-radius: 5px;box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.2);box-sizing: border-box;} .noline_boxSub .clear>span {line-height: 36px;} .noline_boxSub .top_button_box {margin-top:30px;} .boxSub {display:block;background:#fff;font-size:15px;margin-top: 20px;margin-bottom: 30px;padding: 20px 30px;border-radius: 5px;box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.2);} .line_table.w2tb .w2tb_th, .boxSub .w2tb .w2tb_td {border:none;position:relative;background:#fff;} .line_table.w2tb .w2tb_th {background:#fff;font-size: 15px;text-align:right;} .line_table .td_line {border-left: 1px solid #0e0e0e !important;text-align: right;} .line_table_search {background: #f4f4f4;margin-left: -30px;margin-right: -30px;margin-bottom: -30px;height: 73px;padding: 10px 0 30px 20px;box-sizing: border-box;border-radius: 4px;} /* 스케줄 */ dl.sectionBox {display: table;margin-bottom: 5px;} dl.sectionBox dt {display: table-cell;width: 110px;font-weight: 600;} dl.sectionBox dd {display: table-cell;} .displ_box .sectionBox {display: inline-block;} .check_btn {} .check_btn input[type="checkbox"] + label {display: inline-block !important;width: auto;height: 32px !important;line-height: 32px !important;font-size: 13px !important;border: 1px solid #ddd;cursor: pointer;color: #111;border-radius: 100px;text-align: center;vertical-align: middle;padding: 0 20px;} .check_btn input[type="checkbox"]:checked + label {background-color: #333;border:1px solid #333;color:#fff} .check_btn input[type="checkbox"] {display: none;} .check_btn.w2checkbox .w2checkbox_item {margin: 0 10px 0 0;} .check_btn.w2checkbox .w2checkbox_item .w2checkbox_label {margin-left: 0px;} .radio_btn {} .radio_btn input[type="radio"] + label {display: inline-block !important;width: auto;height: 32px !important;line-height: 32px !important;font-size: 13px !important;border: 1px solid #ddd;cursor: pointer;color: #111;border-radius: 4px;text-align: center;vertical-align: middle;padding: 0 15px;padding-left: 20px !important;} .radio_btn input[type="radio"]:checked + label {background-color: #333;border:1px solid #333;color:#fff} .radio_btn input[type="radio"] {display: none;} .radio_btn.w2radio .w2radio_item {margin: 0 6px 0 0;} .radio_btn.w2radio .w2radio_item .w2checkbox_label {margin-left: 0px;} .color_list {display: block;} .color_list .bkRed {display: inline-block;margin-right: 20px;} .color_list .bkRed:before {content:'';display: inline-block;width: 12px;height: 12px;background: #e60012;border-radius: 100px;margin-right: 5px;} .color_list .bkBlue {display: inline-block;margin-right: 20px;} .color_list .bkBlue:before {content:'';display: inline-block;width: 12px;height: 12px;background: #115bca;border-radius: 100px;margin-right: 5px;} .color_list .bkGray {display: inline-block;margin-right: 20px;} .color_list .bkGray:before {content:'';display: inline-block;width: 12px;height: 12px;background: #999;border-radius: 100px;margin-right: 5px;} .color_list span {margin-right:10px;line-height: 36px;} .exDown {display:inline-block; background:url('/cm/img/ic_udc_excel.png') no-repeat;width:32px;height:32px;text-indent: -9999px;font-size:0;vertical-align: middle;margin-left: 20px;} .exEmail {display:inline-block; background:url('/cm/img/ic_udc_email.png') no-repeat;width:32px;height:32px;text-indent: -9999px;font-size:0;vertical-align: middle;margin-left: 20px;} .bankImg {display:inline-block; background:url('/cm/img/bank.PNG') no-repeat;width: 32px;height:32px;font-size:0;vertical-align: middle;margin-left: 20px;} .bankImg.bankImgText{display:inline-block;background: url('/cm/img/bank.PNG') no-repeat center left;width: auto;height:32px;font-size: 14px;color: #111;vertical-align: middle;padding-left: 40px;line-height: 32px;margin-left:20px;} .exPrint {display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 32px;height:32px;font-size:0;vertical-align: middle;margin-left: 20px;} .exPrint.exPrintText{display:inline-block;background: url('/cm/img/ic_udc_bkg.png') no-repeat center left;width: auto;height:32px;font-size: 14px;color: #111;vertical-align: middle;padding-left: 40px;line-height: 32px;margin-left:20px;} /* .exPrint.exPrintText::after{content:"BKG Sheet";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} */ .exPrint.exPrintText2{display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 110px;height:32px;font-size:0;vertical-align: middle;} .exPrint.exPrintText2::after{content:"B/L Copy";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} .exPrint.exPrintText3{display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 122px;height:32px;font-size:0;vertical-align: middle;} .exPrint.exPrintText3::after{content:"Invoice";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} .exPrint.exPrintText4{display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 132px;height:32px;font-size:0;vertical-align: middle;} .exPrint.exPrintText4::after{content:"Arrival Notice";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} .exPrint.exPrintText5{display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 132px;height:32px;font-size:0;vertical-align: middle;} .exPrint.exPrintText5::after{content:"지연공문";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} .exPrint.exPrintText6{display:inline-block; background:url('/cm/img/ic_udc_bkg.png') no-repeat;width: 132px;height:32px;font-size:0;vertical-align: middle;} .exPrint.exPrintText6::after{content:"부킹시트";display:inline-block;font-size:14px;color:#111;margin-left: 40px;line-height: 36px;} .E0830_line {border:1px solid #ddd;padding: 10px;border-radius: 4px;} .E0830_title {font-size:18px;color:#5971b1;padding-bottom:10px;font-weight:bold;} .E0830_text {font-size:15px;color:#111;} .dott_line {font-size:16px;color:#111;font-weight:bold;border-top: 2px dashed #4e7dfb;margin-top: 10px;display: inline-block;padding-top: 10px;} .bottom_text {margin-top:12px;} .bottom_text span {font-size:12px; color:#111; margin-right:10px;} .redText {font-size:12px; color:#e60012;} .blueText {font-size:12px; color:#54adf8;} .redLink {font-size:12px; color:#e60012;text-decoration: underline;} .grayText {font-size:12px; color:#777;} .grayText2 {font-size:14px; color:#777;} .redText2{font-size:14px; color:#e60012;} .blueText2 {font-size:14px; color:#54adf8;} .blackText{font-size:14px; color:#111;} .blackText16 {font-size:16px;color:#111;} .underline {text-decoration: underline;} .underlinegray {text-decoration: underline;color:#999;} /* 미마감 */ .underlinegreen {text-decoration: underline;color:#20c7a1;}/* 보완필요 */ .underlineend {color:#6e7ffd;}/* 마감 */ .myred {color:#fe695a;} .ico_closing {display:inline-block;width:66px;height:20px;background:url(/cm/img/ico_closing.png) no-repeat center center;text-indent: -9999px;vertical-align: middle;margin-right: 10px;} .btn_icosearch {display:inline-block;width:36px;height:20px;background:url(/cm/img/ico_magnifying.png) no-repeat center center;text-indent: -9999px;vertical-align: middle;} .w2scheduleCalendar .fc-day-header {height:40px;line-height: 40px; } .fc-day-header {font-size:13px; color:#000;background:#f2f4f7;} .fc-sun {color:#fe695a;} .fc-sat {color:#4d91f7;} .fc-day {background-color: transparent !important;} .btn_box {margin-top:10px;} .fc-ltr .fc-basic-view .fc-day-number {text-align: left !important;padding: 10px;} .fc-toolbar {display:none !important;} .fc-event-container {text-align: left ;} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float:left !important;color:#111;} .fc-event {font-size:13px !important;} .top_button_box {margin-bottom:8px;} .list-box {} .list-box li {position: relative;padding-left: 15px;font-size:12px; color:#111;} .list-box li.grayText {color:#777 !important;} .list-box li:before {content:'';display:block;width:4px;height:4px;background:url('/cm/img/ico_point.png') no-repeat;position:absolute;top: 7px;left: 0;} .list-box li.noIcon {padding: 0;} .list-box li.noIcon:before {display: none;content:''} .list-box_link {text-decoration-line:underline } .list-box2 {} .list-box2 li {position: relative;padding-left: 15px;font-size:14px; color:#111;} .list-box2 li:before {content:'';display:block;width:4px;height:4px;background:url('/cm/img/ico_point.png') no-repeat;position:absolute;top: 7px;left: 0;} .list-box2 li.noIcon {padding: 0;} .list-box2 li.noIcon:before {display: none;content:''} .button_line_box {border-top:2px solid #111;padding: 18px 0 0 0;margin-top: 20px;text-align: right;} .button_line_box:after {content:'';display:table;clear:both;} .calendarRed {color:#e60012 !important} .calendarBlue {color:#115bca !important } /* 계정관리하위 */ .button_box {text-align:right;margin-bottom:13px;} .button_box_top {text-align:right;margin-top:13px;} .line_top {border-top:2px solid #111;padding-top: 20px;margin-top: 20px;} .line_top2 {border-top:2px solid #111;padding-top: 20px;margin-top: 20px;text-align: inherit;} .accordion_box {} .accordion_box th {background: #e5e8ec !important;border: none !important;font-size:14px;color:#111;height: 36px !important;line-height: 36px !important;} .accordion_box td {font-size:14px;color:#111;min-height: 36px !important;line-height: 36px !important;border-left: none !important;border-right: none !important;} .btn_down {display:block; width:36px;height:36px;background:url('/cm/img/btn_accordion_down.png') no-repeat center center;} .btn_down.on {background:url('/cm/img/btn_accordion_up.png') no-repeat center center;} .bg_gray {background:#f8f8f8;} .accordion_box .show{display:table-row;} .accordion_box .hide{display:none;} .accordion_box .red {color:#e60012;} .accordion_cont {} .accordion_cont h2 {display: block;font-size:14px;color:#111;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding: 0 0 8px 0;font-family: NotoSansCJKkr;} .accod_col {display: block;width:100%;} .accod_col .accod_colbox{display: table;width:100%;} .accod_col .accod_colbox .input_acc_box {display:table-cell;vertical-align: middle;} .append_box {display:block;} .input_acc_box {} .input_acc_box dl {display: table;width: 100% !important;height: 36px;margin-bottom: 10px;box-sizing: border-box;} .input_acc_box dl dt{display: table-cell;width:100px;text-align:right;margin-right: 20px;padding-right: 20px;font-size: 14px;line-height: inherit;height: 36px;vertical-align: middle;} .input_acc_box dl dd{display: table-cell;vertical-align: middle;} .btn_plus ,.btn_minus {background: #e6e6e6 } .btn_plus:hover ,.btn_minus:hover {background:#c3c3c3 } .btn_plus {width: 32px;height: 36px;right: 70px;background: url('/cm/img/btn_plus.png') no-repeat center center;font-size:0;margin-right: 8px;} .btn_minus {width: 32px;height: 36px;right: 30px;background: url('/cm/img/btn_minus.png') no-repeat center center;font-size:0;} .btn_plus:hover {width: 32px;height: 36px;right: 70px;background: url('/cm/img/btn_plus_on.png') no-repeat center center;font-size:0;margin-right: 8px;} .btn_minus:hover {width: 32px;height: 36px;right: 30px;background: url('/cm/img/btn_minus_on.png') no-repeat center center;font-size:0;} .w2input + .w2trigger {margin-left:0px;} .accGray {background:#eee !important;} .accGrayTwo {background:#e5e8ec !important;} .accd_table .w2tb_td {padding:0 15px; border: 1px solid #bbb !important;} .accd_table th {border: 1px solid #bbb !important; border-top:none !important;height: 36px !important;box-sizing: border-box;padding: 0 !important;} .accd_table .w2tb_th:first-child {border-left: none !important;} .accd_table .w2tb_th:last-child {border-right:none !important;} .accd_table td {border: 1px solid #ddd !important;padding: 0 15px;box-sizing: border-box;} .accd_table .w2tb_td:first-child {border-right:none !important;} .accd_table .w2tb_td:last-child {border-right:none !important;} .accd_table td {background:#fff;} .accd_table .w2radio .w2radio_td_input {background: transparent;border: none !important;} .accd_table .w2radio .w2radio_td_label {background: transparent;border: none !important;} .radio_notext .w2radio_td_input {border:none !important;} .w2radio_td_label {border:none !important;padding-right: 15px;} .radio_notext td label {display: none;} .check_notext.w2checkbox .w2checkbox_item .w2checkbox_label {display: none;} .accd_table .w2radio .w2radio_item .w2radio_label {margin-left: 6px;} .accd_table td .radio_notext .w2radio .w2radio_item .w2radio_label {margin:0;} .accd_table .radio_notext.w2radio .w2radio_item .w2radio_label {padding:0;} .information_box {background:#f8f8f8;padding:30px;box-sizing: border-box;border:1px solid #ddd;border-radius: 3px;} /* 고객센터 */ .notice_links {} .notice_links .tac {} .notice_links a {font-size:15px; color:#777;position: relative;} .notice_links a:hover, .notice_links a.on {color:#111;} .notice_links a:after {content:"";width: 1px;height: 12px;background: #ddd;display: inline-block;margin-right: 30px;position: relative;left: 15px;} .notice_links a:last-child:after {display:none} .notice_search {background:#f4f4f4; padding:10px 0;margin: 17px -20px -19px -20px;height: 96px;box-sizing: border-box;} .notice_search .form_content {display:block;width: 910px;margin: 13px auto 0 auto;box-sizing: border-box;} .input_notext {display: inline-block;vertical-align: top;} .input_notext>.w2input {float:none;} .input_notext>div{font-size:11px; color:#111;padding: 0 0 0 15px;margin: 3px 0 0 0;display: block;line-height: 22px;} .btn_file .w2grid_image {background: url('/cm/img/ico_file.png') no-repeat center center; display:block; width:14px;height:18px;text-align: center;margin: 0 auto;} .btn_notice .w2grid_image {background: url('/cm/img/ico_notice.png') no-repeat center center; display:block; width:14px;height:18px;text-align: center;margin: 0 auto;} .btn_tel .w2grid_image {background: url('/cm/img/ico_tel.png') no-repeat center center; display:block; width:23px;height:17px;text-align: center;margin: 0 auto;} .btn_magnifier {background: #fff url('/cm/img/ico_magnifying.png') no-repeat center right -0px; padding-right: 30px !important; } .btn_magnifier nobr {line-height: 36px;} .btn_magnifier2 {background: #fff url('/cm/img/ico_magnifying.png') no-repeat center center; padding-right: 30px !important; } .btn_magnifier2 nobr {line-height: 36px;} .btn_icon_myLink2 {background: #e5e8ec url('/cm/img/icon_myLink2.png') no-repeat center right 10px !important; padding-right: 30px !important; cursor:pointer; background-size:20px 20px !important;} .btn_icon_myLink2 nobr {line-height: 20px;} .btn_question {background: #fff url('/cm/img/ico_question.png') no-repeat center right 5px; } .btn_question nobr {line-height: 36px;} .btn_red_link button {background:transparent;font-size:14px;color:#e60012;text-decoration: underline;border:none;cursor: pointer;} .btn_blue_link button {background:transparent;font-size:14px;color:#3076f6;text-decoration: underline;border:none;cursor: pointer;} .btn_blue_link2 a {background:transparent;font-size:14px;color:#3076f6;text-decoration: underline;border:none;cursor: pointer;} .btn_grd_blue button {display: block;font-size:14px; background:#54adf8; color:#fff;width: 160px !important;height: 36px !IMPORTANT;line-height: 5px;padding: 5px;text-align:center;border:1px solid #54adf8;box-sizing: border-box;margin: 3px 0;} .btn_grd_blue a {display: block;font-size:14px; background:#54adf8; color:#fff;height: 36px !IMPORTANT;line-height: 5px;padding: 5px;text-align:center;border:1px solid #54adf8;box-sizing: border-box;margin: 3px 0;} .btn_grd_purple button {display: block;font-size:14px; background:#6e7ffd; color:#fff;width: 57px !important;height: 36px !IMPORTANT;line-height: 5px;padding: 5px;text-align:center;border:1px solid #6e7ffd;box-sizing: border-box;margin: 3px 0;} .btn_grd_blue a {display: block;font-size:14px;background:#54adf8;color:#fff;line-height: 36px;padding: 0 5px;text-align:center;border:1px solid #54adf8;box-sizing: border-box;} .btn_grd_minus {background:url('/cm/img/btn_minus2.png') no-repeat center center; } .btn_grd_minus img {line-height: 36px;} .btn_clock {background: #fff url('/cm/img/ico_click.png') no-repeat center center; } .btn_clock nobr {line-height: 36px;} .btn_red_booking img {background: url('/cm/img/ico_booking_red.png') no-repeat center center; display:block; width:17px;height:17px;text-align: center;margin: 0 auto;} .btn_blue_booking img {background: url('/cm/img/ico_booking_blue.png') no-repeat center center; display:block; width:17px;height:17px;text-align: center;margin: 0 auto;} .btn_cancel {background: #fff url('/cm/img/ic_gr_cancel.png') no-repeat center center; } .btn_cancel nobr {line-height: 36px;} .btn_check {background: #fff url('/cm/img/ic_gr_check.png') no-repeat center center; } .btn_check nobr {line-height: 36px;} .btn_moveto {background: #fff url('/cm/img/ic_gr_moveto.png') no-repeat center center; } .btn_moveto nobr {line-height: 36px;} .page_control {text-align:center;margin-top:30px;} .w2pageList_label {font-size:14px; color:#777;} .w2pageList_col_label {width: 25px;} .w2pageList_col_prevPage {width:24px; height:24px;background: url(/cm/img/b_first.png) no-repeat center center;padding-left: 4px;} .w2pageList_col_prev {margin-right:5px;display:block;width:24px; height:24px; background: url(/cm/img/b_prev.png) no-repeat center center;} .w2pageList_col_next {margin-left: 5px;display: block;width:24px; height:24px; background: url(/cm/img/b_next.png) no-repeat center center;} .w2pageList_col_nextPage {width:24px; height:24px;background: url(/cm/img/b_end.png) no-repeat center center;padding-right: 4px;} .gridBodyDefault_rowNumber {background:#fff !important;} .notice_box {background:#fff;min-width: 1460px;} .notice_box .title {font-size:16px; color:#111;margin-bottom:15px;font-weight: bold;display: inline-block;} .notice_date {display:block;border-top:2px solid #111; border-bottom:1px solid #111;} .notice_date:after {content:''; display:table; clear:both;} .notice_date dl {float: left;display: inline-block;margin-right: 30px;height: 36px;line-height: 36px;} .notice_date dl dt {display: inline-block;} .notice_date dl dd {display: inline-block;padding-left:5px;} .notice_text {padding:30px 0} .file_box {margin-top: 40px;} .file_box .file_text {display: inline-block;padding-right: 10px;} .notice_listbox {border-top: 1px solid #111;} .notice_listbox dl {display:block;padding: 0px 14px;box-sizing: border-box;border-bottom: 1px solid #ddd;} .notice_listbox dl.evenbg {background:#f4f4f4;} .notice_listbox dl dt .list_prev {line-height: 36px;height: 36px;} .notice_listbox dl dt .list_prev:after {content:'';opacity: 0.4;width: 30px;height: 36px;background: url('/cm/img/icon_star_arr.png') no-repeat center center;display: inline-block;vertical-align: middle;} .notice_listbox dl dt .list_next {line-height: 36px;height: 36px;} .notice_listbox dl dt .list_next:after {content:'';opacity: 0.4;width: 30px;height: 36px;background: url('/cm/img/icon_star_arr.png') no-repeat center center;display: inline-block;vertical-align: middle;} .notice_listbox dl dt {float:left} .notice_listbox dl dd {float:left;height: 36px;line-height: 36px;padding-left: 20px;} .notice_write_box {border-top: 2px solid #111;border-bottom: 1px solid #111;padding: 20px 0 15px 0;} .notice_write_box dl{margin-top: 10px;} .notice_write_box dl:first-child {margin-top:0;} .notice_write_box dl dt {width:160px; height:36px;line-height: 36px;float:left;background: #f4f4f4;text-align: center;} .notice_write_box dl dd {float: left;margin-left: 20px;width: calc(100% - 180px);} .notice_write_box.noline {border:none !important} .textarea_box .w2textarea {border:none !important;} .notice2_write_box {padding: 0 0 15px 0;} .notice2_write_box dl{margin-top: 10px;} .notice2_write_box dl:first-child {margin-top:0;} .notice2_write_box dl dt {width:160px; height:36px;line-height: 36px;float:left;background: #f4f4f4;text-align: center;} .notice2_write_box dl dd {float: left;margin-left: 20px;width: calc(100% - 180px);} .textarea_text {font-size:12px; color:#111;opacity: 0.4;margin-top: 10px;} .notice2_write_box textarea {border:none;} .sub_text {display:block;font-size:14px; color:#111;margin-bottom:20px;} .sub_text2 {display:block;font-size:12px; color:#111;} .help_box {display: block;} .help_box>dl {display: block;width:229px;height:220px;border:1px solid #ddd;border-radius: 4px;margin-right:14px;float: left;} .help_box>dl:last-child {margin-right:0;} .help_box>dl dt {background:#f4f4f4;height:36px;line-height: 36px;text-align: center;font-weight: bold;} .help_box>dl dd {padding: 20px;} .help_list {} .help_list a {display:block;position:relative;height: 31px;padding-left: 10px;font-size:14px;color:#111;} .help_list a:hover {color:#fe695a;text-decoration: underline;} .help_list a:before {content:'';display:block;width:4px;height:4px;background:url('/cm/img/ico_point.png') no-repeat;position:absolute;top: 7px;left: 0;} .sub_title {font-size:20px; color:#111; border-bottom:2px solid #111;padding-bottom: 10px;margin-bottom:20px;} .accodian_qnabox {} .accodian_qnabox ul li {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;margin-bottom:10px;} .accodian_qnabox ul li a.hide {display: block;font-size:15px; color:#111;height: 60px;line-height: 60px;padding: 0 30px;box-sizing: border-box;margin-right: 20px;font-weight: bold;background:url('/cm/img/btn_accordion_down.png') no-repeat center right;} .accodian_qnabox ul li a:before {content:'Q'; font-size:16px;color:#fe695a;margin-right: 20px;} .accodian_qnabox ul li a.show {display: block;font-size:15px; color:#111;height: 60px;line-height: 60px;padding: 0 30px;box-sizing: border-box;margin-right: 20px;font-weight: bold;background:url('/cm/img/btn_accordion_up.png') no-repeat center right; } .accodian_qnabox ul li .qna_text {display:none;padding: 20px 30px 20px 60px;background: #f4f4f4;position: relative;} .accodian_qnabox ul li .qna_text:before {content:'A'; font-size:16px;color:#111;margin-right: 20px;position: absolute;top: 20px;left: 30px;} .faq_but_box {height:56px;background:#f8f8f8;line-height: 56px;border-radius: 4px;text-align: right;padding: 0 20px;} .faq_but_box .faq_text {display: inline-block;padding-right: 20px;font-size: 14px;color: #111;} .inquiry_qnabox {} .inquiry_qnabox ul li {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;margin-bottom:10px;} .inquiry_qnabox ul li .hide {display: block;font-size:15px; color:#111;padding: 0 30px;box-sizing: border-box;font-weight: bold;line-height: 50px;} .inquiry_qnabox ul li a {padding: 20px 0;} .inquiry_qnabox ul li a:before {content:'Q'; font-size:16px;color:#fe695a;margin-right: 20px;} .inquiry_qnabox ul li a.show {display: block;font-size:15px; color:#111;height: 60px;line-height: 60px;padding: 0 30px;box-sizing: border-box;margin-right: 20px;font-weight: bold;} .inquiry_qnabox ul li .qna_text {display:block;padding: 20px 30px 20px 60px;background: #f4f4f4;position: relative;} .inquiry_qnabox ul li .qna_text:before {content:'A'; font-size:16px;color:#111;margin-right: 20px;position: absolute;top: 20px;left: 30px;} .faq_but_box {height:56px;background:#f8f8f8;line-height: 56px;border-radius: 4px;text-align: right;padding: 0 20px;} .faq_but_box .faq_text {display: inline-block;padding-right: 20px;font-size: 14px;color: #111;} .inquiry_sm_text {font-size:12px; color:#777;} .inquiry_sm_text:last-child {margin-left:10px;} .scroll_box {height: 608px;overflow-y: auto;overflow-x: hidden;display: block;} .bg1 {background:#f4f4f4 !important;} .bg2 {background:#fff !important;} .bg3{background:#f8f8f8 !important;} .bg4 {background:#eee !important;} .bg5{background:#e5e8ec !important;} .bg6{background:#e7f2f8 !important;} .bg7{background:#e5e8ec !important;} .map {margin-bottom:60px;} .intitle_sub_text {font-size:14px;color:#777;} .newRed {width:36px;height: 16px !important;background: url('/cm/img/ico_newRed.png') no-repeat center left 20px;padding-left: 60px !important;} .sm_sub_text {font-size:12px; color:#777} .md_sub_text {font-size:14px; color:#777} .sub_text1 {font-size:14px; color:#111;vertical-align: middle;display: inline-block;line-height: 34px; font-family: 'Noto Sans KR' !important;} .sub_text3 {font-size:14px; color:#e60012;vertical-align: middle;display: inline-block;line-height: 34px; font-family: 'Noto Sans KR' !important;} .sub_text2 {font-size:12px; color:#111;vertical-align: middle;display: inline-block;line-height: 18px;} .jume_sub_text {font-size:14px; color:#111;vertical-align: middle;display: inline-block;line-height: 34px; cursor: pointer;} .jume_sub_text:before {display: inline-block;content:''; width:4px;height:4px;background:url('/cm/img/ico_jume.png') no-repeat center center;vertical-align: middle;margin-right: 5px;} .btn_search_text{font-size:14px; color:#111;margin-right: 20px;} .btn_search_text:after {content:''; width:13px;height:13px;background:url('/cm/img/sech_close.png') no-repeat;display: inline-block;line-height: 13px;margin-left: 10px;vertical-align: middle;} .down_text {font-size:14px; color:#555;line-height: 36px;} .down_text.w2anchor_disabled {color:#c6c6c6;} .textarea_box {border:1px solid #bbb;padding:10px;border-radius: 4px;box-sizing: border-box;} .person_middle {display: table-cell;height: 143px;vertical-align: middle;justify-content: center;} .person_text {font-size:14px; color:#111;margin-bottom:10px;} .person_text:last-child {margin-bottom:0;} .person_text > .gray_text {color:#777;} /* 스케줄 */ .weather {display:block;overflow: hidden;} .open_box {border:1px solid #ddd; display:block; background:#fff;padding:30px;border-radius: 4px;} .open_title {font-size:15px;color:#111;margin-bottom:12px;} .open_text {font-size:14px;color:#777;} .weather_table {} .weather_table th {background:#fff !important;border-left:none !important;border-right: none !important;text-align: left !important;} .weather_table td {border-left: none !important;border-right: none !important;text-align: center;} .weather_table th.noline-top {border-top:none !important} .weather_table th.noline-bottom {border-bottom:none !important} .weather_table td.noline-top {border-top:none !important} .weather_table td.noline-bottom {border-bottom:none !important} .weather_ul {display: flex;width: 1050px;overflow-x: auto;padding: 0 0 10px 0;} .weather_ul li {width: 180px;text-align: center;display: flex;flex-direction: column;margin-right: 20px;} .weather_ul li .weather_box {position:relative;background:#eee; width:152px;height:60px;margin-right: 28px;border-radius: 4px;box-sizing: border-box;padding: 13px 0;} .weather_ul li:last-child .weather_box {margin-right:0px;} .weather_ul li .weather_box:before {content:''; position:absolute;background:url('/cm/img/check_col.png') no-repeat center center; width:9px;height:14px;top: 22px;right: -16px;} .weather_ul li:last-child .weather_box:before {display:none;} .weather_line {width:152px; height:250px;border:1px solid #ddd;border-radius: 4px;} .weather_text {width:152px;} .weather_text img {margin-top:20px;margin-bottom:20px;} .weather_text p {height:38px;font-size:15px;color:#111;} /* 부킹 */ .search_link {font-size:14px; color:#111;} .search_link:after {content:'';display: inline-block;width: 8px;height: 13px;background: url('/cm/img/icon_star_arr.png');vertical-align: middle;margin-left: 6px;} .search_link:before{content:'';width: 1px;height: 16px;background: #ddd;display: inline-block;margin: 0 20px 0;vertical-align: middle;} .search_link.no_line:before {display:none;} .button_line_table { margin-top: -20px;} .button_line_table .w2tb_th, .button_line_table .w2tb_td {background:#fff;height: 77px;} .button_line_table tr:first-child .w2tb_th, .button_line_table tr:first-child .w2tb_td {border-bottom: 1px solid #ddd !important;} .button_line_table .w2tb_th {border-top: none;border-left: none;border-right: none;text-align: right;} .button_line_table .w2tb_td {border-top: none;border-left: none;border-right: none;} .button_line_table.type2 {} .button_line_table.type2 .w2tb_th, .button_line_table.type2 .w2tb_td {background:#fff;vertical-align: baseline;height: 36px;padding-top: 18px;} .line_table {margin: 20px 0;} .line_table .w2tb_th, .line_table .w2tb_td {background:#fff;} .line_table .w2tb_th {border-top: none;border-left: none;border-right: none;} .line_table .w2tb_td {border-top: none;border-left: none;border-right: none;} .sub_line {border-top:1px solid #ddd;padding:10px 0; font-size:12px; color:#777;margin-top:20px;} .sub_noline {padding:10px 0; font-size:12px; color:#777;margin-top:20px;} .booking_table {margin-top:20px;} .booking_table .w2tb_th, .booking_table .w2tb_td {background:#fff;height: 40px; color:#111; font-size:14px;} .booking_table .w2tb_th {border-top: none;border-left: none;border-right: none;} .booking_table .w2tb_td {border-top: none;border:1px solid #ddd; padding:20px !important;box-sizing: border-box;} .booking_table .w2tb_td:first-child {border-left:none;} .booking_type01 {width: 100%;padding: 20px;box-sizing: border-box;display: block;} .booking_type01 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type01 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type01 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type01 .book_sea_box {display: table-cell;width: 100%;} .booking_type01 .book_sea_box .book_text {display: block;} .booking_type01 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type01 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type01 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type01 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type01 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type02 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;display: block;} .booking_type02:last-child {padding-bottom:20px;} .booking_type02 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type02 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type02 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type02 .rail_box {font-size:12px; color:#fe695a;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type02 .rail_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_rail.png') no-repeat center center} .booking_type02 .truck_box {font-size:12px; color:#2ea775;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type02 .truck_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_truck.png') no-repeat center center} .booking_type02 .book_sea_box {display: table-cell;width: 100%;} .booking_type02 .book_sea_box .book_text {display: block;} .booking_type02 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type02 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type02 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type02 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type02 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_gray {color:#777 !important;} .booking_type03 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;display: block;} .booking_type03:last-child {padding-bottom:20px;background: #fff;margin-top: -20px;} .booking_type03 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type03 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type03 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type03 .book_sea_box {display: table-cell;width: 100%;position:relative;} .booking_type03 .book_sea_box .book_text {display: block;} .booking_type03 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type03 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type03 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type03 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type03 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type04 {width: 100%;padding: 20px;box-sizing: border-box;display: block;} .booking_type04 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type04 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type04 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type04 .book_sea_box {display: table-cell;width: 100%;} .booking_type04 .book_sea_box .book_text {display: block;} .booking_type04 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type04 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type04 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type04 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type04 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type05 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;display: block;} .booking_type05:last-child {padding-bottom:20px;background: #fff;margin-top: -20px;} .booking_type05 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type05 .rail_box {font-size:12px; color:#fe695a;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type05 .rail_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_rail.png') no-repeat center center} .booking_type05 .book_sea_box {display: table-cell;width: 100%;position:relative;} .booking_type05 .book_sea_box .book_text {display: block;} .booking_type05 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type05 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type05 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type05 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type05 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type05 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type05 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .open3.booking_type05 .book_sea_box.sea_line_box:before {content:'';display: block;width: 1px;height: 25px;background: url('/cm/img/booking_jumline.png') no-repeat center center;position: absolute;top: 30px;left: 51px;} .open3.booking_type05 .rail01, .open3.booking_type05 .rail02, .open3.booking_type05 .truck01{display:none} .open3.booking_type05 .truck_box:after{display:none;} .booking_type05.open3 .hide {display:none !important;} .booking_type06 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;display: block;} .booking_type06:last-child {padding-bottom:20px;} .booking_type06 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type06 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type06 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type06 .rail_box {font-size:12px; color:#fe695a;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type06 .rail_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_rail.png') no-repeat center center} .booking_type06 .truck_box {font-size:12px; color:#2ea775;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type06 .truck_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_truck.png') no-repeat center center} .booking_type06 .book_sea_box {display: table-cell;width: 100%;} .booking_type06 .book_sea_box .book_text {display: block;} .booking_type06 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type06 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type06 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type06 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type06 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_gray {color:#777 !important;} .open4.booking_type06 .sea_box:before {content:'';display: block;width: 1px;height: 28px;background: url('/cm/img/booking_jumline.png') no-repeat center center;position: absolute;top: 4px;left: 130px;} .booking_type06 .sea_box:before {display:none;} .open4.booking_type06 .hide {display:none !important;} .booking_type07 {width: 100%;padding: 20px;box-sizing: border-box;display: block;} .booking_type07 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type07 .sea_box {font-size:12px; color:#9565d6;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type07 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/img_barge_line.png') no-repeat center center} .booking_type07 .book_sea_box {display: table-cell;width: 100%;} .booking_type07 .book_sea_box .book_text {display: block;} .booking_type07 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type07 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type07 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type07 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type07 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type08 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;display: block;} .booking_type08:last-child {padding-bottom:20px;} .booking_type08 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type08 .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type08 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center} .booking_type08 .rail_box {font-size:12px; color:#9565d6;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type08 .rail_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/img_barge_line.png') no-repeat center center} .booking_type08 .truck_box {font-size:12px; color:#2ea775;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type08 .truck_box:after {content:'';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_truck.png') no-repeat center center} .booking_type08 .book_sea_box {display: table-cell;width: 100%;} .booking_type08 .book_sea_box .book_text {display: block;} .booking_type08 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type08 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type08 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type08 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type08 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .open.booking_type08 .sea_box:before {content:'';display: block;width: 1px;height: 56px;background: url('/cm/img/booking_jumline.png') no-repeat center center;position: absolute;top: -44px;left: 130px;} .booking_type08 .sea_box:before {display:none;} .open.booking_type08 .hide {display:none !important;} .booking_type09 {width: 100%;padding: 20px;box-sizing: border-box;display: block;} .booking_type09 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type09 .sea_box {font-size:12px; color:#fe695a;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type09 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_rail.png') no-repeat center center} .booking_type09 .book_sea_box {display: table-cell;width: 100%;} .booking_type09 .book_sea_box .book_text {display: block;} .booking_type09 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type09 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type09 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type09 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type09 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .booking_type10 {width: 100%;padding: 20px;box-sizing: border-box;display: block;} .booking_type10 .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;} .booking_type10 .sea_box {font-size:12px; color:#2ea775;margin: 4px 0 6px;text-align: center;position: relative;} .booking_type10 .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_truck.png') no-repeat center center} .booking_type10 .book_sea_box {display: table-cell;width: 100%;} .booking_type10 .book_sea_box .book_text {display: block;} .booking_type10 .book_sea_box .book_text {display: block;margin-bottom: 20px;} .booking_type10 .book_sea_box .book_text:last-child {margin-bottom:0 !important;} .booking_type10 .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111} .booking_type10 .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777} .booking_type10 .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;} .subBox {border:1px solid #ddd;padding:20px;background:#fafafa;border-radius: 4px;} .subBox dl{display:table;padding-bottom:10px;} .subBox dl dt{display: table-cell;font-size:14px;color:#111;width: 168px;text-align: right;padding-right: 10px;} .subBox dl dd{display: table-cell;} .subBox .content_intitle {padding-bottom: 0px; border-bottom:1px solid #ddd} .subBox .content_intitle .intitle_text {font-size:14px;margin-top: 0px;font-weight: 500;} .subBox2 {border:1px solid #ddd;padding:20px;background:#fafafa;border-radius: 4px;display: block;} .subBox2 dl{display: inline-block;float: left;padding-bottom:10px;} .subBox2 dl dt{display: inline-block;font-size:14px;color:#111;width: 168px;text-align: right;padding-right: 10px;} .subBox2 dl dd{display: inline-block;} .subBox2 .content_intitle {padding-bottom: 0px; border-bottom:1px solid #ddd} .subBox2 .content_intitle .intitle_text {font-size:14px;margin-top: 8px;font-weight: 500;} .lable_box {display: table;padding-bottom: 10px;} .lable_box dt {display: table-cell;font-size: 14px;color: #111;padding-right: 10px;vertical-align: middle;} .lable_box dd {display: table-cell;} .lable_box dd .w2selectbox {height:36px;} .lable_box_bg {display: block;padding: 20px 0;width:100%;} .lable_box_bg dt {display: inline-block;font-size: 14px;color: #111;padding-right: 10px; background:#f4f4f4;margin-right: 10px;line-height: 36px;} .lable_box_bg dd {display: inline-block;width: calc(100% - 250px);} .lable_box_bg dd .w2input {height:36px;} .lable_box_bg2 {display: block;padding: 20px 0;width:100%;} .lable_box_bg2 dt {display: inline-block;font-size: 14px;color: #111;padding-right: 10px; background:#f4f4f4;margin-right: 10px;line-height: 36px;} .lable_box_bg2 dd {display: inline-block;width: calc(100% - 320px);} .lable_box_bg2 dd .w2input {height:36px;} .text1 {font-size:16px;color:#777} .num_list {border:1px solid #ddd;background:#f4f8f9;padding:20px;margin-top:25px; border-radius: 4px;} .num_list ol {margin-left:20px;} .num_list ol li {list-style-type: auto;font-size:14px;color:#111;padding:5px 0} /* E0510p6 */ .pop_text01 {} .text01-1 {font-size:16px; color:#111;margin-bottom:5px;} .text01-3 {font-size:16px; color:#111;line-height: 36px;} .text01-2 {font-size:13px; color:#777;} .pop_img01 {border:1px solid #eee;margin-top:20px;background: #fafafa;text-align: center;border-radius: 4px;padding: 50px;overflow: hidden;box-sizing: border-box;} .img_text {font-size:12px; color:#777;margin-bottom:40px;margin-top:30px;} /* E0710 */ .detail_box {margin-top:20px;margin-bottom:0px;padding: 40px 30px 0px 30px;box-sizing: border-box;overflow-x: auto;} .detail_box .detail_list {display: table;} .detail_box .detail_list li {width: 233px;display: table-cell;position: relative;} .detail_box .detail_list li:after {content:'';background:url('/cm/img/ico_btns_right.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;top: 33px;right: -40px;} .detail_box .detail_list li:last-child:after {display:none;} .detail_box .detail_list li .detail_cont{} .detail_box .detail_list li .detail_cont dt {font-size:14px;color:#111;text-align: center;} .detail_box .detail_list li .detail_cont dt:before {content:'';display: block;background:url('/cm/img/ico_rail.png') no-repeat center center;width: 62px;height: 62px;margin: 0 auto;top: -22px;right: 82px;} .detail_box .detail_list li.img01 .detail_cont dt:before{content:'';background:url('/cm/img/img_pickup.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img02 .detail_cont dt:before {content:'';background:url('/cm/img/img_gatein.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img03 .detail_cont dt:before {content:'';background:url('/cm/img/img_loading.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img04 .detail_cont dt:before {content:'';background:url('/cm/img/img_discharging.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img05 .detail_cont dt:before {content:'';background:url('/cm/img/img_gateout.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img06 .detail_cont dt:before {content:'';background:url('/cm/img/img_return.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img07 .detail_cont dt:before {content:'';background:url('/cm/img/ico_truck.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .detail_box .detail_list li.img08 .detail_cont dt:before {content:'';background:url('/cm/img/ico_rail.png') no-repeat center center; width:62px;height:62px;display: inline-block;position: absolute;} .img_block {display:none;} .img_block.open {display:block;} .detail_box .detail_list li .detail_cont dd {} .detail_box .detail_list li .detail_cont dd:before {content:'';background:url('/cm/img/detail_line.png') no-repeat center center;display: block;width: 233px;height: 10px;margin: 17px 0 26px 0;} .detail_box .detail_list li.on .detail_cont dd:before {content:'';background:url('/cm/img/detail_line_on.png') no-repeat center center;display: block;width: 233px;height: 10px;margin: 17px 0 26px 0;} .detail_box .detail_list li .detail_cont dd .detail_title {font-size:14px;color:#111;text-align:center;} .detail_box .detail_list li .detail_cont dd .detail_time {font-size:14px;color:#777;text-align:center;margin-top:10px;} .dt_text {height:34px;margin-top: 50px;} /* E0630p2 */ .base_text {font-size:14px;color:#111;} .base_sm_text {font-size:14px;color:#777;margin: 10px 0;} .chech_block .w2checkbox_label {line-height: 19px !important;} .chech_block.w2checkbox .w2checkbox_item .w2checkbox_input {margin: -5px 0 0 3px !important;} /* E0630 */ .gray_box {border:1px solid #ddd;background:#fafafa;padding:20px;box-sizing: border-box;border-radius: 4px;} /* .gray_box{padding-right: 0 !important;} */ .box_gray_pr{padding-right: 20px;} .box_scroll {height:679px;overflow-y:auto;overflow-x: hidden;} .blue_box {border:1px solid #d1e0e9;background:#f5f8fa;padding:20px;box-sizing: border-box;border-radius: 4px;} .schedule_text_red {font-size:16px;color:#fe695a;line-height: 36px;} .schedule_text_blue {font-size:16px;color:#54adf8;line-height: 36px;} .schedule_text_black{font-size:16px;color:#111;line-height: 36px;} .schedule_text_black2{font-size:14px;color:#111;line-height: 30px;} .tb_line {border-top:1px solid #777; border-bottom:1px solid #777;padding:20px 0;margin-top:10px;box-sizing: border-box;} .tb_line2 {border-top:1px solid #777;margin-top:10px;box-sizing: border-box;} .tb_line3 {border-top:1px solid #777; border-bottom:1px solid #ddd;padding:20px 0;margin-top:10px;box-sizing: border-box;} .sm-boxline {font-size:14px;color:#111;padding:20px 0 10px 0;border-bottom:1px solid #ddd;} .text_green {font-size:14px;color:#52937b;} .text_red {font-size:14px;color:#e60012;} .text_blue{font-size:14px;color:#0170fa;} .font15 {font-size:15px;} .form_text {font-size:14px;color:#aaa;padding-left:10px;} .blue_box_text {border-top:1px dashed #ddd;margin-top: 33px;} .blue_position {} .blue_position .search_link {line-height: 36px;} .redBlock {display: inline-block;padding: 10px 0;} .redBlock>dt {font-size:14px;color:#fe695a;display: table-cell;vertical-align: middle;padding-right: 10px;line-height: 36px;} .redBlock>dd {font-size:16px;color:#111;display: table-cell;vertical-align: middle;line-height: 36px;} .plus_line {display: inline-block;margin-top:10px;} .plus_line:before { content: ''; width: 1px; height: 36px; background: #ddd; display: inline-block; margin: 0 20px 0; vertical-align: middle;} .right_line {display: inline-block;} .right_line:before { content: ''; width: 1px; height: 16px; background: #ddd; display: inline-block; margin: 0 20px 0; vertical-align: middle;} .content_intitle .redText {} /* E0925 */ .title_line_box {display: inline-block;vertical-align: middle;} .title_line_box:before{content:'';width: 1px;height: 16px;background: #ddd;display: inline-block;margin: 0 20px 0;vertical-align: middle;} .ico_prepaid {width:66px;height:20px;background:url(/cm/img/ico_prepaid.png) no-repeat center center} .ico_collect {width:66px;height:20px;background:url(/cm/img/ico_collect.png) no-repeat center center} /* #0520p1 */ .text-green {color:#52937b;} .head_line {border-top:1px solid #bbb;} /* E0610 */ .clear_dot {display: inline-block;position: relative;} /* .clear_dot:after {content:'';width: 1px;height: 196px;border-right: 1px dashed #ddd;display: inline-block;position: absolute;right: -25px;top: 3px;} */ .clear_dot2 {display: inline-block;position: relative;} /* .clear_dot2:after {content:'';width: 1px;height: 288px;border-right: 1px dashed #ddd;display: inline-block;position: absolute;right: -25px;top: 6px;} */ .copy_box {display: block;text-align: center;margin: 20px 0;} .copy_box .copy_button{width: 165px;display: inline-block;} .copy_box .copy_button .icon_bts {display: inline-block;} .copy_box .copy_button .copy_text {display: inline-block;width: 100px;text-align: center;font-size: 16px;color: #111;} .redText3 {background:#fa7c17;font-size:14px;color:#ffffff;padding: 6px 10px;border-radius: 4px;} /* E0525 */ .btn_toggle {padding:0 25px; background:#fe695a;line-height: 36px;border-radius: 100px;font-size: 14px;color: #fff;} .btn_toggle.on {background:#bbb;} .redTextLabel {display: inline-block;vertical-align: middle;padding-left: 20px;font-size: 12px;color: #e60012;} /* 나의메뉴 */ .my .noline_boxSub {margin-bottom:40px;border-radius: 20px;} .my_title01 {display: inline-block;vertical-align: middle;margin-bottom: 40px;} .my_title01 .my_text01 {font-size:20px;color:#111;display: inline-block;vertical-align: middle;line-height: 25px;letter-spacing: -0.3px;font-weight: 600;} .my_title01 .my_link01 {width:25px;height:25px;background:url(/cm/img/icon_myLink.png) no-repeat;text-indent: -9999px;display: inline-block;vertical-align: middle;margin-left: 10px;} .my_title01 .my_link02 {width:25px;height:25px;background:url(/cm/img/icon_myLink2.png) no-repeat;text-indent: -9999px;display: inline-block;vertical-align: middle;margin-left: 10px;} .my_link03 {margin-right:10px;width:25px;height:25px;background:url(/cm/img/icon_myLink3.png) no-repeat;text-indent: -9999px;display: inline-block;vertical-align: middle;margin-left: 10px;} .my_blue_link {font-size:15px;color:#54adf8;text-decoration: underline;} .my_box01 {background: #f2f2f2;border-radius: 20px;padding: 20px;height: 72px;box-sizing: border-box;margin-bottom:10px;} .my_box01:last-child {margin-bottom:0;} .my_box01 .text_box_01_t1 {font-size:15px;color:#111;} .my_box01 .text_box_01_t2{font-size:14px;color:#777;} .my_box01 .text_box_01_t3{font-size:12px;color:#bbb;} .my_box02 {background: #edf4f8;border-radius: 20px;padding: 4px 20px;height: 72px;box-sizing: border-box;margin-bottom:10px;overflow: hidden;} .my_box02:last-child {margin-bottom:0;} .my_box02 .text_box_02_t1 {background:url(/cm/img/icon_my_box02_01.png) no-repeat left center;font-size:14px;color:#111;padding-left: 15px;line-height: 28px;} .my_box02 .text_box_02_t2{background: url(/cm/img/icon_my_box02_02.png) no-repeat left center;font-size:14px;color:#111;z-index: 5;text-align: left;line-height: 41px;display: block;} .my_box02 .text_box_02_t2:after {content:'';display:block;background:#d9e9f3;width:400px;height: 42px;margin: -37px 0 0 -43px;z-index: 1;} .my_box02 .text_box_02_t2:before {content:'';display: inline-block;background: url(/cm/img/icon_my_box02_02.png) no-repeat left center;width:16px;height:16px;vertical-align: middle;padding-left: 8px;} .my_btnGroup {text-align:right;} .my_line_box {display: block;margin-bottom: 45px;} .my_line_box .my_line_group {display: inline-block;width: 112px;height: 120px;margin-right: 20px;vertical-align: middle;border-radius: 15px;text-align: center;padding-top: 20px;box-sizing: border-box;} .my_line_box .my_line_group:last-child {margin-right:0;} .my_line_box .my_line_group.purple {background:#f1f2f9;} .my_line_box .my_line_group.green {background:#e8f7f4;} .my_line_box .my_line_group.gray {background:#f4f4f4;} .my_line_box .my_line_group.purple .number {font-size:40px;color:#6e7ffd;display: inline-block;vertical-align: middle;} .my_line_box .my_line_group .rjs_text {font-size:20px;color:#999;display: inline-block;vertical-align: text-top;} .my_line_box .my_line_group.purple p {font-size:18px;color:#6e7ffd;} .my_line_box .my_line_group.green .number {font-size:40px;color:#20c7a1;display: inline-block;vertical-align: middle;} .my_line_box .my_line_group.green p {font-size:18px;color:#20c7a1;} .my_line_box .my_line_group.gray .number {font-size:40px;color:#999;display: inline-block;vertical-align: middle;} .my_line_box .my_line_group.gray p {font-size:18px;color:#999;} .my_line_box2 {display: block;margin-bottom: 45px;} .my_line_box2 .my_line_group.red {background:#fcf1e8;width: 178px;} .my_line_box2 .my_line_group.gray2 {background:#f4f4f4;width: 178px;margin-right:0;} .my_line_box2 .my_line_group {display: inline-block;width: 168px;height: 120px;margin-right: 20px;vertical-align: middle;border-radius: 15px;text-align: center;padding-top: 20px;box-sizing: border-box;} .my_line_box2 .my_line_group.red .number {font-size:40px;color:#fe695a;display: inline-block;vertical-align: middle;} .my_line_box2 .my_line_group .rjs_text {font-size:20px;color:#999;display: inline-block;vertical-align: text-top;} .my_line_box2 .my_line_group.red p {font-size:18px;color:#fe695a;} .my_line_box2 .my_line_group.gray2 .number {font-size:40px;color:#999;display: inline-block;vertical-align: middle;} .my_line_box2 .my_line_group .rjs_text {font-size:20px;color:#999;display: inline-block;vertical-align: text-top;} .my_line_box2 .my_line_group.gray2 p {font-size:18px;color:#999;} .amount_box {background:#f5f8fa;padding:20px 30px;border-radius: 10px;box-sizing: border-box;} .amount_box .w2tb .w2tb_th, .amount_box .w2tb .w2tb_td {border:none;position:relative;background: #f5f8fa;} .amount_box .w2tb .w2tb_th {background: #f5f8fa;font-size: 15px;text-align:right;font-weight: 400;} .amount_box2 {background:#fff;padding:20px 30px;border-radius: 10px;box-sizing: border-box;} .amount_box2 .w2tb .w2tb_th, .amount_box2 .w2tb .w2tb_td {border:none;position:relative;background: #fff;} .amount_box2 .w2tb .w2tb_th {background: #fff;font-size: 15px;text-align:right;font-weight: 400;} .btn_more {font-size:15px;color:#111;background: url(/cm/img/btn_more.png) no-repeat center right;padding-right: 20px;} .my_calendar {margin-top: 20px;} .my_calendar .w2calendar {width:100%;box-shadow: none;border: none;margin-top: 0;} .my_calendar .w2calendar .w2calendar_content .w2calendar_col_date {font-size:15px;} .my_calendar .w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:before {font-size:15px;} .my_calendar .w2calendar > .w2calendar_wrap > .w2calendar_header > [class*="w2calendar_selectbox"] .w2selectbox_label {font-size:16px;} .my_calendar .w2calendar_footer {margin-top:20px;} .my_calendar .w2calendar .w2calendar_content .w2calendar_col_date {height:60px !important;} .my_calendar .w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_selected {background: url(/cm/img/date_daselected3.png) no-repeat center center;} .my_blueJum {background: url(/cm/img/date_daselected3.png) no-repeat center center !important;} .my_blueJum:hover {background: url('/cm/img/date_over2.png') no-repeat center center !important;} .my_redJum {background: url(/cm/img/date_daselected5.png) no-repeat center center !important;} .my_blueJum2 {background: url(/cm/img/date_daselected6.png) no-repeat center center !important;} .my_redJum:hover {background: url('/cm/img/date_over2.png') no-repeat center center !important;} .my_blueJum2:hover {background: url('/cm/img/date_over2.png') no-repeat center center !important;} .my_calendar .w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_date_over {color:#999; background:url('/cm/img/date_over2.png') no-repeat center center;} .my_calendar .w2calendar .w2calendar_content .w2calendar_date_off:hover {background: url(/cm/img/date_daselected4.png) no-repeat center center; color:#fff;border-radius: 100px;} .radius_blue {width:6px;height:6px;background:#54adf8;border-radius:100px;display: block;margin: 0 auto;} .my_grid_box {background:#f4f4f4;position: relative;} .my_grid_box:after {content:'';display:inline-block;width: 749px;height:170px;position: absolute;left: -33px;right: 160px;top: -29px;border-top: 1px solid #ddd;} .mybox {width:578px;height: 100%;display: block;position: fixed;z-index: 110;background:#fff;top: 0;bottom: 0;left: 0;box-shadow: 0 0 15px -2px rgb(0 0 0 / 20%);} .btn_mydashboard {position: fixed; left:0;width:48px;height:303px;background:url(/cm/img/btn_my.png) no-repeat;text-indent: -9999px;top: 50%;transform: translateY(-50%);} .btn_mydashboard.on {background:url(/cm/img/btn_my_on.png) no-repeat;} .mydashobard_box {padding:35px;box-sizing: border-box;} .dashboard_text_box {padding:180px 0;box-sizing: border-box;} .dashboard_text_box .dashboard_title {font-size:24px;color:#111;} .dashboard_text_box .dashboard_text {font-size:16px;color:#111;} .blue_line {color:#111;font-size:16px;display:block;text-align:center;border-bottom:2px solid #54adf8;margin-bottom: 10px;} .red_line {color:#111;font-size:16px;display:block;text-align:center;border-bottom:2px solid #fe695a;margin-bottom: 10px;} .bottom_line {border-bottom:1px solid #ddd} .my_blue {height:auto;display: block;margin-bottom: 26px;} .my_blue.w2checkbox .w2checkbox_item {background:#edf4f8;display: block;width: 100%;padding: 0 20px;box-sizing: border-box;border-radius: 100px;margin-bottom: 4px;} .my_blue.w2checkbox .w2checkbox_item input[type="checkbox"] {left: 20px;} .my_red {height:auto;display: block;margin-bottom: 26px;} .my_red.w2checkbox .w2checkbox_item {background:#faefee;display: block;width: 100%;padding: 0 20px;box-sizing: border-box;border-radius: 100px;margin-bottom: 4px;} .my_red.w2checkbox .w2checkbox_item input[type="checkbox"] {left: 20px;} .my_link03_text {display: inline-block;vertical-align: middle;font-size: 14px;color: #777;} /* 메인대쉬보드 */ .mainDashboard {width:264px;position:fixed;right:0;top:196px;height: 450px;background:#fff;z-index: 999;padding: 20px 40px;box-sizing: border-box;box-shadow: 0 0 30px -2px rgb(0 0 0 / 20%);} .main_dash_cont {position: relative;} .myClose {position: absolute;display: block;width:18px;height:18px;background:url(/cm/img/my_dash_close.png) no-repeat center center;text-indent: -9999px;right: 0;top: -30px;} .dash_list {} .dash_list dl { margin-top: 40px;} .dash_list dl dt{margin-bottom: 10px;} .dash_list dl dd{margin-left: 23px;} .dash_list dl dd>ul{} .dash_list dl dd>ul>li{line-height: 36px;display: table;width: 100%;} .dash_list dl dd>ul>li>a{display: table-cell;line-height: 20px;padding: 8px 0 8px 10px;} .dash_list dl dd>ul>li:before{content:'';width:4px;height:4px;background:url(/cm/img/icon_dash_jum.png) no-repeat center center;display: inline-block;vertical-align: middle;padding-right: 0px;} .dash_list dl dt a {font-size:20px;color:#54adf8;padding-left: 25px;} .dash_list dl dt a.icon01 {background: url(/cm/img/main_dashboard01.png) no-repeat left center;} .dash_list dl dt a.icon02 {background: url(/cm/img/main_dashboard02.png) no-repeat left center;} .dash_list dl dt a.icon03 {background: url(/cm/img/main_dashboard03.png) no-repeat left center;} .pod_box {height: auto;margin-top:40px;border-bottom: 1px solid #ddd;display: block;} .pod_box .w2checkbox_item {border-top: 1px solid #ddd;display: block;width: 100%;line-height: 55px !important;} .pod_box .w2checkbox_item .w2checkbox_label {line-height: 55px !important;} .pod_box .w2checkbox_item .w2checkbox_input {top: 14px;} /* 아이콘 공통 */ .ico_btns { width: 16px; height: 16px; display: inline-block; background-size: contain; background-repeat: no-repeat; } /* 아래 화살표 */ .ico_btns_down { background-image: url('/cm/img/ico_btns_down.png'); /* 실제 경로 */ } /* 위 화살표 */ .ico_btns_up { background-image: url('/cm/img/ico_btns_up.png'); } /* 전체 컨테이너 */ .accordion { width: 100%; border: 1px solid #ddd; font-size: 14px; } /* 국가 헤더 */ .accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; cursor: pointer; /* background: #f5f6f8; */ border-bottom: 2px solid #156082; font-weight: 600; overflow-y: hidden; color:#000000; } /* 포트 리스트 영역 */ .accordion-body { display: none; } .accordion-body.open { display: block; } /* 포트 항목 */ .accordion-body li { padding: 6px 0; border-bottom: 1px dashed #e0e0e0; cursor: pointer; } .accordion-body li:hover, .accordion-body li.active { background: #eef2f7; } .accordion-body li:last-child { border-bottom: none; } .accordion-body-text { line-height: 1.2; font-weight:bold; font-size:14px; } .blink { animation: blink 1s infinite; } @keyframes blink { 0%, 100% { background-color: #ff6b6b; box-shadow: 0 0 0 0 rgba(255,107,107,0.6); } 50% { background-color: #ff9a9a; box-shadow: 0 0 6px 2px rgba(255,107,107,0.4); } } /* 개발자분 추가 요청 클래스 */ .fc_white{color:#fff !important;} .bg_white{background-color:#fff !important;} .fc_blk{color:#000 !important;} .bg_blk{background-color:#000 !important;} .fc_blk2{color:#333 !important;} .bg_blk2{background-color:#333 !important;} .fc_blue{color:#1f75c6!important;} .bg_blue{background-color:#1f75c6!important;} .bg_blue2 {background-color:#add8e6 !important} .bg_blue3 {background-color:#1f75c6}/*bg_blue와 같은 색상이지만, bgsample과 숫자를 맞추기 위해 추가함*/ .bg_pureblue {background-color:#0000ff !important} .fc_org{color:#f4a460 !important;} .bg_org, .bg_orange{background-color:#f4a460 !important;} .fc_red{color:#e91020 !important;} .bg_red{background-color:#e91020 !important;} .fc_green{color:#9acd32 !important;} .bg_green{background-color:#9acd32 !important;} .bg_green2 {background-color:#008000 !important} /* 2022.03.08 Add. cyheo */ .fc_green2{color:#05d005 !important;} .fc_ylw{color:#f4cf00 !important;} .bg_ylw, .bg_yellow{background-color:#f4cf00 !important;} .bg_lightyellow {background-color:#ffffe0 !important} /*As-Is 색상. 3535T01*/ .bg_ylw2{background-color:#f0e68c !important;} .bg_boldyellow {background-color:#ffff00 !important}/*ishwang 2022.03.02*/ .fc_gry{color:#3c4958 !important;} .bg_gry{background-color:#3c4958 !important;} .fc_pup{color:#6938bb !important;} .bg_pup{background-color:#6938bb !important;} .bg_purple{background-color:#da70d6}/*9206T02*/ .fc_brown{color:#885e04 !important} .bg_brown{background-color:#885e04 !important} .bg_lightsalmon{background-color:#fa8072 !important} .bg_bluegray{background-color:#c4cfe9 !important} /*As-Is 색상. 6541*/ .bg_pink{background-color:#ffb6c1 !important} /*As-Is 색상. 4302*/ .bg_gray{background-color:#c8c8c8 !important} /*As-Is 색상. 2103*/ .bg_header{background-color:#8088a3 !important} /* GridHeader 색상*/