@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* global defaults */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,th,td,legend {margin:0;padding:0;} fieldset,img,abbr,acronym{border:none;} fieldset{display:block;} ol,ul {list-style:none outside;} h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var {font-size:100%;font-weight:300;} .accessibility,hr,legend,caption,hr{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; text-indent:-1000em;} .skip{position:absolute; top:-50px; left:0; z-index:9999; width:100%; height:35px; padding-top:15px; display:block; font-size:12px; line-height:20px; color:#333; background-color:#eee; text-align: center;} /* Skip Navigation */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;} #skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:400;font-size:12px;line-height:1;color:#202020;text-decoration:none !important;text-indent:10px;} /* s: All Style */ a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;} input[type=text]:disabled{background-color:rgba(236,236,236,1)} select::-ms-expand {display:none} input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none} img,video,audio,object,embed,iframe{max-width:100%;} /*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/ body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-family:'Inter', 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif !important;color:#494949;line-height:1.2;letter-spacing:-0.03em; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } /*'Trirong', */ table{width:100%;border-collapse:collapse;table-layout:fixed;} figure{margin:0;padding:0;font-size:0;line-height:0;} br{font-family:'Dotum', sans-serif !important;} html {font-size:13px;} body {font-size:1.0rem;} /* library */ .tal {text-align: left !important; } .tac {text-align: center !important} .tar {text-align: right !important; } .taj {text-align: justify !important; } .vam {vertical-align:middle !important;} .vat {vertical-align:top !important;} .vab {vertical-align:bottom !important;} .float_l {float: left; } .float_r {float: right; } .clear_b {clear: both; float: none; } .clear_r {clear: right; float: none;} .clear_l {clear: left; float: none;} .normal {font-weight: normal;} .block {display: block !important;} .block_i {display: inline-block !important;} .block_n {display: none !important;} .bold {font-weight: bold;} .deco_l{text-decoration:line-through;} .deco_u{text-decoration:underline !important;} .displaynone {display:none;} .displayflex {display:flex;align-items:center;} .displayflex-wrap {flex-wrap:wrap;} .displayflex-spw {display:flex;justify-content:space-between !important;align-items:center;} .displayflex-align-startw {align-items:flex-start !important;} .displayflex-align-end {align-items:flex-end !important;} .displayflex-flex-start {justify-content:flex-start !important;} .displayflex-flex-end {justify-content:flex-end !important;} .position-re {position:relative !important;} .left-dot {display:flex;align-items:center; } .left-dot:before {content:"";width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 14px;} .right-dot {display:flex;align-items:center;} .right-dot:after {content:"";width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 14px;} .cBlack {color:#494949 !important;} .cGray {color:#A6A6A6 !important;} .cBlue {color:#0069B9 !important;} .cRed {color:#CB0D0D !important;} .cGreen {color:#009688 !important;} .f11 {font-size:11px !important;} .f12 {font-size:12px !important;} .f13 {font-size:13px !important;} .f14 {font-size:14px !important;} .f15 {font-size:15px !important;} .f16 {font-size:16px !important;} .f17 {font-size:17px !important;} .f18 {font-size:18px !important;} .f19 {font-size:19px !important;} .f20 {font-size:20px !important;} .item-head > input[type=checkbox].checkBox-normal + label {display:block;min-width:auto;width:17px;height:17px;margin:0 auto;} .item-head > input[type=checkbox].checkBox-normal + label:before {margin:0;} .item > input[type=checkbox].checkBox-normal + label {display:block;min-width:auto;width:17px;height:17px;margin:0 auto;} .item > input[type=checkbox].checkBox-normal + label:before {margin:0;} a.icon-exclamation {display:flex;align-items:center;} a.icon-exclamation:before {content:"";display:inline-block;width:17px;height:17px;background:url('../images/common/svg/icon-exclamation.svg') no-repeat center center;margin-right:7px;} a.icon-exclamation-blue {display:flex;align-items:center;} a.icon-exclamation-blue:before {content:"";display:inline-block;width:17px;height:17px;background:url('../images/common/svg/icon-exclamation-blue.svg') no-repeat center center;margin-left:7px;} div.disabled, p.disabled, span.disabled, ul.disabled, li.disabled, input.disabled, textarea.disabled {border-color:#E3E6E8 !important;background-color:#F5F5F5 !important;opacity:0.45 !important;} .break-all{word-break:break-all !important;} *, :before, :after {box-sizing:border-box;word-break:keep-all;} /* :focus {outline-width:1px;border:0;outline-style:solid;outline-offset:0px;} */ /* clear style */ .c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} /* page style */ html, body{min-width:1200px;width:100%;min-height:100%;} body.layerPopScrFixed{overflow-y:hidden;} /* Link Style */ a:link, a:visited{text-decoration:none; color:#494949;} a:hover{text-decoration:none; color:#494949;} /* Margin Style */ .mt0 {margin-top:0px !important;} .mt1 {margin-top:1px !important;} .mt2 {margin-top:2px !important;} .mt3 {margin-top:3px !important;} .mt4 {margin-top:4px !important;} .mt5 {margin-top:5px !important;} .mt7 {margin-top:7px !important;} .mt8 {margin-top:8px !important;} .mt9 {margin-top:9px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt18 {margin-top:18px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt60 {margin-top:60px !important;} .mt65 {margin-top:65px !important;} .mt70 {margin-top:70px !important;} .mt75 {margin-top:75px !important;} .mt80 {margin-top:80px !important;} .mt90 {margin-top:90px !important;} .mt95 {margin-top:95px !important;} .mt100 {margin-top:100px !important;} .mt110 {margin-top:110px !important;} .mt120 {margin-top:120px !important;} .mt130 {margin-top:130px !important;} .mt140 {margin-top:140px !important;} .mt150 {margin-top:150px !important;} .mt160 {margin-top:160px !important;} .mt170 {margin-top:170px !important;} .mt180 {margin-top:180px !important;} .mt190 {margin-top:190px !important;} .mt200 {margin-top:200px !important;} .mb3{margin-bottom:3px !important;} .mb5{margin-bottom:5px !important;} .mb7{margin-bottom:7px !important;} .mb8{margin-bottom:8px !important;} .mb9{margin-bottom:9px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb25{margin-bottom:25px !important;} .mb30{margin-bottom:30px !important;} .mb35{margin-bottom:35px !important;} .mb40{margin-bottom:40px !important;} .mb45{margin-bottom:45px !important;} .mb50{margin-bottom:50px !important;} .mb55{margin-bottom:55px !important;} .mb65{margin-bottom:65px !important;} .mb70{margin-bottom:70px !important;} .mb75{margin-bottom:75px !important;} .mb80{margin-bottom:80px !important;} .mb85{margin-bottom:85px !important;} .mb90{margin-bottom:90px !important;} .mb95{margin-bottom:95px !important;} .mb100{margin-bottom:100px !important;} .mb110{margin-bottom:110px !important;} .mb120{margin-bottom:120px !important;} .mb130{margin-bottom:130px !important;} .mb140{margin-bottom:140px !important;} .mb150{margin-bottom:150px !important;} .mb160{margin-bottom:160px !important;} .mb170{margin-bottom:170px !important;} .mb180{margin-bottom:180px !important;} .mb190{margin-bottom:190px !important;} .mb200{margin-bottom:200px !important;} .mr0{margin-right:0px !important;} .mr1{margin-right:1px !important;} .mr2{margin-right:2px !important;} .mr3{margin-right:3px !important;} .mr4{margin-right:4px !important;} .mr5{margin-right:5px !important;} .mr6{margin-right:6px !important;} .mr7{margin-right:7px !important;} .mr8{margin-right:8px !important;} .mr9{margin-right:9px !important;} .mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;} .ml0{margin-left:0px !important;} .ml1{margin-left:1px !important;} .ml2{margin-left:2px !important;} .ml3{margin-left:3px !important;} .ml4{margin-left:4px !important;} .ml5{margin-left:5px !important;} .ml6{margin-left:6px !important;} .ml7{margin-left:7px !important;} .ml8{margin-left:8px !important;} .ml9{margin-left:9px !important;} .ml10{margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml17{margin-left:17px !important;} .ml20{margin-left:20px !important;} .ml25{margin-left:25px !important;} .ml30{margin-left:30px !important;} .ml35{margin-left:35px !important;} .ml40{margin-left:40px !important;} .ml45{margin-left:45px !important;} .ml50{margin-left:50px !important;} .ml60{margin-left:60px !important;} .ml70{margin-left:70px !important;} .ml80{margin-left:80px !important;} .ml90{margin-left:90px !important;} .ml100{margin-left:100px !important;} .ml110{margin-left:110px !important;} .ml120{margin-left:120px !important;} .ml130{margin-left:130px !important;} .ml140{margin-left:140px !important;} .ml150{margin-left:150px !important;} .ml160{margin-left:160px !important;} .ml170{margin-left:170px !important;} .ml180{margin-left:180px !important;} .ml190{margin-left:190px !important;} .ml200{margin-left:200px !important;} /* padding style */ .pdl0 {padding-left:0px !important;} .pdl20 {padding-left:20px !important;} .pdl25 {padding-left:25px !important;} .pdl35 {padding-left:35px !important;} .pd5 {padding:5px !important;} .pd10 {padding:10px !important;} .pd15 {padding:15px !important;} .pd20 {padding:20px !important;} .pd25 {padding:25px !important;} .pd30 {padding:30px !important;} .pd35 {padding:35px !important;} .pd40 {padding:40px !important;} .pd45 {padding:45px !important;} .pd50 {padding:50px !important;} .pdl-0 {padding-left:0 !important;} .pdr35 {padding-right:35px !important} .pdr10 {padding-right:10px !important} .pdr20 {padding-right:20px !important} /* width style */ .wd100p {width:100%;} .wd50p {width:50%;} .f-small {color:#A6A6A6;font-size:11px;} /* 공통 */ a.btn-st, div.select-box-default-st input.selectValue, input[type=text], input[type=radio] + label:before, input[type=radio] + label:after, input[type=checkbox], input[type=checkbox] + label, input[type=checkbox] + label:before, input[type=checkbox] + label:after, #left-menu-wrap > ul > li > a, #left-menu-wrap > ul > li > a:after, #left-menu-wrap > ul > li > ul.submenu li > a, #left-menu-wrap > a.new-category, #table-list-wrap table tbody tr, #table-list-wrap table tbody tr td, div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a, div.change-icon-wrap .conts .sel-color-box a, a.sort-arrow-st:after, .inputSearchWrap > .input-Search-box, div.change-icon-wrap .conts .sel-icon-box ul li a, #wabook-layerPopup-default, div.select-btn-st.primary, div.select-btn-st.primary > span.menu-btn, .memo-side-wrap, .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a, .memo-side-wrap .wrap .cont .list-table, .memo-side-wrap .wrap .cont .write-table, .memo-side-wrap .wrap .cont .list-table .list ul li .util .btn a, .memo-side-wrap .wrap .cont .list-table .btn-wrap a {-webkit-transition: .45s; transition: .45s;} .loadingBar_wrap{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.45);border-radius:8px;min-width:415px;min-height:78px;} .loadingBar_wrap .cont{padding:18px;} .loadingBar_wrap .cont{} .loadingBar_wrap .cont > p{color:#fff;font-size:12px;color:#fff;} .loadingBar_wrap .cont [data-progress] {height: 23px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25) inset; border-radius: 4px;margin-bottom:10px;overflow: hidden; background-color:#E6E6E6} [data-progress]::after {content: "";display: flex; justify-content: flex-end;align-items: center;background-image: linear-gradient(0deg, #B5CC18, #B5CC18);width: 0;height: 100%;box-sizing: border-box;font-size: 13px;color: #fff;padding: 0 10px;transition: 2s;font-weight:600;} [data-progress].animate-progress::after {content: attr(data-progress) "%";width: var(--animate-progress);} #left-menu-wrap > ul > li > div.edit-form-wrap, #left-menu-wrap > .new-category > div.edit-form-wrap, #table-list-wrap table thead tr th > a.sort:after, #table-form-wrap table thead tr th > a.sort:after, #view-setting-listbox > div, .sendmail-to-add a.select, #table-list-wrap table tbody tr td > a.sort::before, #table-form-wrap table tbody tr td > a.sort:before, #container.szon > .contents > .mobile-notification-wrap ul li, #container.rept > .contents > .business-reports-wrap ul li {-webkit-transition: .25s; transition: .25s;} .textEllipsis, a.btn-st, div.select-box-default-st input.selectValue {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* max-width를 벗어나면 ... 처리를 위해 */ /* 말줄임 2줄 */ .textEllipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} div.select-box-default-st.bgWhite input.selectValue {background-color:#fff;} /* 오른쪽 하단 플로팅 아이콘 */ /* #float-icon {position:fixed;right:1.25rem;bottom:1.25rem;z-index: 15;transition:.25s;} #float-icon .wrap {} #float-icon .wrap div + div {margin-top:0.625rem;} #float-icon .wrap .topnbottom {width:2.5rem;border-radius:1.875rem;overflow:hidden;background-color:#B08E6E;display:flex;flex-wrap:wrap;overflow:hidden;transition: .45s;} #float-icon .wrap .topnbottom.hide {height:0;transition: .25s;} #float-icon .wrap .topnbottom a {width:2.5rem;height:2.5rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;} #float-icon .wrap .topnbottom a.btn-top {background:url('../images/common/float-arrow-icon.svg') no-repeat center top/2.5rem 5rem;} #float-icon .wrap .topnbottom a.btn-bottom {background:url('../images/common/float-arrow-icon.svg') no-repeat center bottom/2.5rem 5rem;} #float-icon .wrap .topnbottom.top a.btn-top {height:0;transition: .25s;} #float-icon .wrap .topnbottom.bottom a.btn-bottom {height:0;transition: .25s;} #float-icon .wrap .topnbottom.middle a {height:2.5rem;transition: .25s;} #float-icon .wrap .topnbottom.middle a.btn-top {background-position:center top -0.1875rem;transition: .25s;} #float-icon .wrap .topnbottom.middle a.btn-bottom {background-position:center bottom -0.1875rem;transition: .25s;} */ #float-icon {position: fixed;bottom: 87px;right: 20px;z-index: 999;} #float-icon.hide { display: none;} #float-icon .btn-top {display: flex;align-items:center;justify-content:center;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;background-color: #fff;border-radius: 50%;transition:.35s;width:40px;height:40px;border:1px solid #79747E;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);} #float-icon .btn-top:hover{border:1px solid #000;} #float-icon .btn-top:before{content:'';background:url("../images/common/float-arrow.svg")no-repeat center top / 40px 120px;width:40px;height:40px;display:inline-block;} #float-icon .btn-top:hover:before{content:'';background:url("../images/common/float-arrow.svg")no-repeat center top -40px / 40px 120px;width:40px;height:40px;display:inline-block;} #float-icon .btn-top.active{background-color:#0060B9;border:1px solid #0060B9;} #float-icon .btn-top.active:before{content:'';background:url("../images/common/float-arrow.svg")no-repeat center top -80px / 40px 120px;width:40px;height:40px;display:inline-block;} /* Button :: Style */ /* Normal */ a.btn-st.normal {display:inline-block;min-width:50px;height:32px;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.normal:hover {background-color:#f5f8fa;border-color:#cdcfd1;} a.btn-st.normal:focus {background-color:#f5f8fa;border-color:#cdcfd1;} a.btn-st.normal:active {background-color:#f5f8fa;border-color:#cdcfd1;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.normal.disable {background-color:#f5f8fa;border-color:#cdcfd1;box-shadow:none;cursor:default;opacity:0.5;} a.reset:before {content: '';background: url(../images/settings/icon-reset.svg) no-repeat;display: inline-block;width: 16px;height: 14px;margin-right: 3px;}/*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/40282] */ a.btn-st.normal.edit {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.normal.edit:before {content:"";width:30px;height:30px;background:url('../images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;} a.btn-st.normal.email {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.normal.email:before {content:"";width:30px;height:30px;background:url('../images/common/svg/icon_email.svg') no-repeat center center/18px auto;} a.btn-st.normal.rerun {position:relative;height:32px;display:inline-flex;padding: 0 10px 0 0; align-items:center;border-color:#ECEFF1;border-radius:5px;} a.btn-st.normal.rerun:before {content:"";width:30px;height:30px;background:url('../images/common/svg/ico_refresh.svg') no-repeat center center/18px auto;} a.btn-st.normal.attach {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.normal.attach:before {content:"";width:30px;height:30px;background:url('../images/common/svg/icon_pin.svg') no-repeat center center/18px auto;} a.btn-st.normal.download {position:relative;height:32px;display:inline-flex;padding: 0 10px 0 0; align-items:center;border-color:#ECEFF1;border-radius:5px; font-size:13px} a.btn-st.normal.download:before {content:"";width:30px;height:30px;background:url('../images/common/svg/ico_download.svg') no-repeat center center/18px auto; } /* Primary */ a.btn-st.primary {display:inline-block;min-width:50px;height:32px;color:#FFF;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#0069B9;border:1px solid #0069B9;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.primary:hover {color:#FFF;background-color:#448DD0;border-color:#448DD0;} a.btn-st.primary:focus {color:#FFF;background-color:#448DD0;border-color:#005ba1;} a.btn-st.primary:active {color:#FFF;background-color:#0069B9;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.primary.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.primary.w340{min-width:340px;} /* Red */ a.btn-st.red {display:inline-block;min-width:50px;height:32px;color:#FFF;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#f76464;border:1px solid #f76464;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.red:hover {color:#FFF;background-color:#f78888;border-color:#f78888;} a.btn-st.red:focus {color:#FFF;background-color:#f78888;border-color:#de4343;outline:none;} a.btn-st.red:active {color:#FFF;background-color:#f76464;border-color:#f76464;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);outline:none;} a.btn-st.red.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} /* Common */ a.btn-st.common {display:inline-block;min-width:50px;height:32px;color:#55544F;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #BABABA;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.common:hover {color:#FFF;background-color:#448DD0;border-color:#448DD0;} a.btn-st.common:focus {color:#55544F;background-color:#FFF;border-color:#0069B9;} a.btn-st.common:active {color:#FFF;background-color:#0069B9;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.common.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.common.hRed {color:#CB0D0D;} a.btn-st.common.hRed:hover {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.hRed:focus {color:#55544F;background-color:#FFF;border-color:#CB0D0D;} a.btn-st.common.hRed:active {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.common.hRed.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.common.email {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.email:before {content:"";width:30px;height:30px;background:url('../images/common/svg/icon_email.svg') no-repeat center center/18px auto;} a.btn-st.common.email.disable {color:#C3C3C3;background-color:#FAFAFA;border-color:#ECEFF1;opacity:0.5;} a.btn-st.common.email.disable:before {opacity:0.5;} a.btn-st.common.delete {position:relative;height:32px;color:#CB0D0D;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.delete:before {content:"";width:30px;height:30px;background:url('../images/common/svg/icon-delete.svg') no-repeat center bottom/30px 90px;} a.btn-st.common.delete:hover {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.delete:focus {border-color:#CB0D0D;} a.btn-st.common.delete:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.delete:active:before {background-position:center center;} a.btn-st.common.delete:hover:before {background-position:center center;} a.btn-st.common.edit {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.edit:before {content:"";width:30px;height:30px;background:url('../images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;} /*a.btn-st.common.edit:hover {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.edit:focus {border-color:#CB0D0D;} a.btn-st.common.edit:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.edit:active:before {background-position:center center;} a.btn-st.common.edit:hover:before {background-position:center center;}*/ a.btn-st.common.back{display: flex; align-items: center ; padding: 0 8px;} a.btn-st.common.back::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/common/svg/ico_chevron_bk.svg') no-repeat center center; margin-right: 4px;} a.btn-st.common.inquire {position:relative;height:32px;color:#0069B9;display:flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.inquire:before {content:"";width:32px;height:32px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top -32px/32px 126px;} a.btn-st.common.inquire:hover {color:#fff;background-color:#0069B9;border-color:#0069B9;} a.btn-st.common.inquire:focus {border-color:#0069B9;} a.btn-st.common.inquire:active {color:#fff;background-color:#0069B9;border-color:#0069B9;} a.btn-st.common.inquire:active:before {background-position:center center;} a.btn-st.common.inquire:hover:before {background-position:center top -64px;} a.btn-st.common.search {position:relative;height:32px;color:#0069B9;display:flex;align-items:center;padding-left:0;border-color:transparent;border-radius:5px;} a.btn-st.common.search:before {content:"";width:32px;height:32px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top -32px/32px 126px;} a.btn-st.common.search:hover {color:#0069B9;background-color:#fff;border-color:transparent;} a.btn-st.common.search:active {color:#0069B9;background-color:#fff;border-color:transparent;box-shadow:none;} a.btn-st.secondary.inquire {position:relative;height:32px;color:#0069B9;display:flex;align-items:center;padding-left:0;border-radius:5px;} a.btn-st.secondary.inquire:before {content:"";width:32px;height:32px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top -32px/32px 126px;} a.btn-st.secondary.inquire:hover {color:#fff;background-color:#0069B9;border-color:#0069B9;} a.btn-st.secondary.inquire:focus {border-color:#0069B9;} a.btn-st.secondary.inquire:active {color:#fff;background-color:#0069B9;border-color:#0069B9;} a.btn-st.secondary.inquire:active:before {background-position:center center;} a.btn-st.secondary.inquire:hover:before {background-position:center top -64px;} a.btn-st.primary.search {position:relative;height:32px;color:#fff;display:flex;align-items:center;padding-left:0;border-color:#0069B9;border-radius:5px;} a.btn-st.primary.search:before {content:"";width:32px;height:32px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top -64px/32px 126px;} a.btn-st.primary.search:hover:before {background-position: center top -32px;} a.btn-st.primary.search:hover {color:#0069B9;background-color:#fff;border-color:#0069B9;} a.btn-st.primary.search:active {color:#0069B9;background-color:#fff;border-color:#0069B9;box-shadow:none;} a.btn-st.primary.disabled.search:before {content:"";width:32px;height:32px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top/32px 126px;} a.btn-st.primary.disabled.search {color: #A6A6A6;background-color: #D9D9D9; border-color: #BFBFBF;box-shadow: none;cursor: default;opacity: 0.5;} /* Secondary */ a.btn-st.secondary {display:inline-block;min-width:50px;height:32px;color:#0069B9;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #448DD0;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.secondary:hover {color:#0069B9;background-color:#DEEBF7;border-color:#448DD0;} a.btn-st.secondary:focus {color:#0069B9;background-color:#DEEBF7;border-color:#0069B9;} a.btn-st.secondary:active {color:#0069B9;background-color:#DEEBF7;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,71,125,0.65);} a.btn-st.secondary.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.secondary.h28 {font-size:1.0rem;height:28px;line-height:26px;padding:0 10px;} a.btn-st.secondary.edit-blue {display:flex;align-items:center;padding-left:0;} a.btn-st.secondary.edit-blue:before {content:"";width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit-blue.svg') no-repeat center center/18px auto;} a.btn-st.disabled{background-color:#a6a6a6;border:1px solid #a6a6a6;pointer-events: none;} /* Button Select :: Style */ div.select-btn-st {position:relative;display:flex;justify-content:flex-start;background-color:#0069B9;border:1px solid #0069B9;border-radius:5px;} div.select-btn-st > a {display:inline-block;min-width:50px;height:30px;color:#FFF;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;overflow:hidden;outline:none;} div.select-btn-st > span.menu-btn {width:30px;height:30px;border-left:1px solid #0069B9;cursor:pointer;} div.select-btn-st > span.menu-btn:before {content:"";display:block;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.39 5.95'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M1202.22,844.57a.75.75,0,0,0-1.06,0h0l-3.91,3.91-3.91-3.91a.75.75,0,0,0-1.06,0,.75.75,0,0,0,0,1.06l0,0,4.44,4.44a.75.75,0,0,0,1.06,0h0l4.45-4.44A.76.76,0,0,0,1202.22,844.57Z' transform='translate(-1192.05 -844.34)'/%3E%3C/svg%3E") no-repeat center center/12px 12px;} div.select-btn-st > ul.menu-select-wrap {display:none;position:absolute;border-radius:5px;overflow:hidden;min-width:100%;height:auto;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;} div.select-btn-st > ul.menu-select-wrap li {display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.select-btn-st > ul.menu-select-wrap li + li {} div.select-btn-st > ul.menu-select-wrap li:first-child {/*border-radius:5px 5px 0 0;*/} div.select-btn-st > ul.menu-select-wrap li:last-child {/*border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;*/} div.select-btn-st > ul.menu-select-wrap li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} div.select-btn-st > ul.menu-select-wrap a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.select-btn-st > ul.menu-select-wrap a:hover {color:#0069B9;background-color:#FAFAFA;} div.select-btn-st > ul.menu-select-wrap a:hover:before {background-color:#0069B9;} div.select-btn-st > ul.menu-select-wrap.blt {top:100%;left:0;margin:3px 0 0;} /* 아래 왼쪽 정렬 */ div.select-btn-st > ul.menu-select-wrap.brt {top:100%;right:0;margin:3px 0 0;} /* 아래 오른쪽 정렬 */ div.select-btn-st > ul.menu-select-wrap.tlt {bottom:100%;left:0;margin:0 0 3px;} /* 위 왼쪽 정렬 */ div.select-btn-st > ul.menu-select-wrap.trt {bottom:100%;right:0;margin:0 0 3px;} /* 위 오른쪽 정렬 */ div.select-btn-st:hover {color:#FFF;background-color:#448DD0;} /*div.select-btn-st:focus {color:#FFF;background-color:#448DD0;border-color:#ff0000;}*/ div.select-btn-st:active {color:#FFF;background-color:#0069B9;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} div.select-btn-st:active > span.menu-btn {border-color:#00457a;} div.select-btn-st.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} div.select-btn-st.disable > a {color:#A6A6A6;} div.select-btn-st.disable > span.menu-btn {width:30px;height:30px;border-left:1px solid #BFBFBF;cursor:pointer;} div.select-btn-st.disable > span.menu-btn:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.39 5.95'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23A6A6A6;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M1202.22,844.57a.75.75,0,0,0-1.06,0h0l-3.91,3.91-3.91-3.91a.75.75,0,0,0-1.06,0,.75.75,0,0,0,0,1.06l0,0,4.44,4.44a.75.75,0,0,0,1.06,0h0l4.45-4.44A.76.76,0,0,0,1202.22,844.57Z' transform='translate(-1192.05 -844.34)'/%3E%3C/svg%3E") no-repeat center center/12px 12px;} /* Icon :: Style (모든 아이콘은 SVG 작업요망. 비트맵이미지로 작업 할 경우 찌그러짐 현상이 있음.) */ .icon-svg {display:flex !important;align-items:center !important;} .icon-svg:before {content:"";width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:32px 32px;} /* 기타아이콘 :: 화이트배경, 블랙 */ .icon-svg.calendar:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M19.75,16H16v3.75h3.75ZM19,7.75v1.5H13V7.75H11.5v1.5h-.75a1.49,1.49,0,0,0-1.49,1.49h0v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5h0V10.75a1.5,1.5,0,0,0-1.5-1.5H20.5V7.75Zm2.25,13.5H10.75V13h10.5Z'/%3E%3C/svg%3E");background-size:38px auto;} .icon-svg.scraping:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M8.5,9.33a.83.83,0,0,1,.83-.83H11V6.83H9.33a2.5,2.5,0,0,0-2.5,2.5V11H8.5Z'/%3E%3Cpath class='b' d='M22.67,6.83H21V8.5h1.67a.83.83,0,0,1,.83.83V11h1.67V9.33A2.5,2.5,0,0,0,22.67,6.83Z'/%3E%3Cpath class='b' d='M8.5,22.67V21H6.83v1.67a2.5,2.5,0,0,0,2.5,2.5H11V23.5H9.33A.83.83,0,0,1,8.5,22.67Z'/%3E%3Cpath class='b' d='M23.5,22.67a.83.83,0,0,1-.83.83H21v1.67h1.67a2.5,2.5,0,0,0,2.5-2.5V21H23.5Z'/%3E%3Cpath class='b' d='M16,11.57A7,7,0,0,0,9.51,16a7,7,0,0,0,13,0A7,7,0,0,0,16,11.57ZM16,19A2.95,2.95,0,1,1,19,16,2.95,2.95,0,0,1,16,19Zm0-4.72A1.77,1.77,0,1,0,17.77,16h0A1.76,1.76,0,0,0,16,14.23Z'/%3E%3C/svg%3E");} .icon-svg.notification:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D.c%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.54,14.85a7.21,7.21,0,0,0-.26-1.94,4,4,0,0,1-.78.09,3.48,3.48,0,0,1-3.16-5,1.38,1.38,0,0,0-2.73.29V9c-2.64.63-4.15,3-4.15,5.84v4.61L8.61,21.31v.92H23.38v-.92l-1.84-1.85Z'/%3E%3Cpath class='b' d='M16,25h0a1.86,1.86,0,0,0,1.85-1.85h-3.7A1.85,1.85,0,0,0,16,25Z'/%3E%3Ccircle class='c' cx='20.5' cy='9.5' r='2.5'/%3E%3C/svg%3E");} .icon-svg.currency:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M13.14,6.43l3.73,3.73V7.7a8.35,8.35,0,0,1,7.46,7.46H26A10,10,0,0,0,13.14,6.43Z'/%3E%3Cpath class='b' d='M15.13,24.3a8.34,8.34,0,0,1-7.46-7.46H6A10,10,0,0,0,16.82,26a9.53,9.53,0,0,0,2-.38l-3.73-3.74Z'/%3E%3Cpath class='b' d='M16,11a5,5,0,1,0,5,5A5,5,0,0,0,16,11Zm.7,8.05V20H15.37V19a1.86,1.86,0,0,1-1.64-1.69h1c0,.52.41.93,1.33.93s1.2-.49,1.2-.8-.22-.8-1.34-1.07-2.09-.81-2.09-1.83A1.75,1.75,0,0,1,15.37,13V12H16.7v1a1.77,1.77,0,0,1,1.43,1.7h-1c0-.55-.32-.93-1.11-.93s-1.2.34-1.2.82.32.7,1.33.95,2.09.7,2.09,2c0,.91-.69,1.41-1.56,1.58Z'/%3E%3C/svg%3E");} .icon-svg.screenlock:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M22.67,7.67h-15A1.65,1.65,0,0,0,6,9.32H6v10A1.66,1.66,0,0,0,7.66,21H13.5v1.67H11.83v1.66H18.5V22.67H16.83V21H18.5V19.33H7.67v-10h15V15.5h1.66V9.33a1.66,1.66,0,0,0-1.66-1.66Z'/%3E%3Cpath class='b' d='M25.12,20V18.86a2.05,2.05,0,0,0-4.08,0V20a1,1,0,0,0-.88.88v2.55a1,1,0,0,0,.88.95h4a1,1,0,0,0,.95-.87V20.9A1,1,0,0,0,25.12,20Zm-.95,0H22V18.86a1,1,0,0,1,1-.95h0a1,1,0,0,1,1.09.9s0,0,0,.05Z'/%3E%3C/svg%3E");} .icon-svg.viewsetting:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M9.15,12.67H18.7V10.44H9.15Zm0,4.44H18.7V14.89H9.15Zm0,4.44H18.7V19.33H9.15Zm11.07,0h2.56V19.33H20.22Zm0-11.11v2.23h2.56V10.44Zm0,6.67h2.56V14.89H20.22Z'/%3E%3C/svg%3E");} .icon-svg.excel:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2321a365;%7D.c%7Bfill:%2317864c;%7D.d%7Bfill:%23fff;%7D%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M12,24.37a.82.82,0,0,1-.82-.81V16h0V11.81h0V8.44A.81.81,0,0,1,12,7.63H24.17a.83.83,0,0,1,.83.81V16h0v4.19h0v3.37a.82.82,0,0,1-.82.81Z'/%3E%3Cpath class='c' d='M15.36,20.57H7.9a.9.9,0,0,1-.9-.9V12.33a.9.9,0,0,1,.9-.9h7.46a.9.9,0,0,1,.9.9v7.34a.9.9,0,0,1-.9.9Z'/%3E%3Cpath class='d' d='M12.69,18.59l-.55-1c-.23-.4-.37-.66-.52-1h0c-.13.3-.25.56-.46,1l-.5,1H9.57L11.1,16l-1.48-2.5H10.7l.55,1a9.38,9.38,0,0,1,.42.84h0c.14-.31.24-.53.41-.84l.55-1h1.07L12.22,16l1.56,2.59Z'/%3E%3C/svg%3E");} .icon-svg.print:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E");} .icon-svg.search:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M18.92,17.67h-.66L18,17.44a5.47,5.47,0,1,0-.59.58l.23.24v.66l4.16,4.15,1.25-1.24Zm-5,0a3.75,3.75,0,1,1,3.75-3.75,3.75,3.75,0,0,1-3.75,3.75Z'/%3E%3C/svg%3E");} .icon-svg.taxid:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M20.17,15.17a5.81,5.81,0,0,1,.83.07v-4L14.75,8.5,8.5,11.22v4.1a8.52,8.52,0,0,0,6.25,8.18A7,7,0,0,0,16.08,23a5,5,0,0,1,4.09-7.87Z'/%3E%3Cpath class='b' d='M20.17,16.83a3.34,3.34,0,1,0,3.33,3.34,3.35,3.35,0,0,0-3.33-3.34Zm0,1.15a.94.94,0,1,1-.94.94h0A1,1,0,0,1,20.17,18Zm0,4.48a2.27,2.27,0,0,1-1.87-1c0-.6,1.26-.9,1.87-.9s1.82.3,1.86.9A2.27,2.27,0,0,1,20.17,22.46Z'/%3E%3C/svg%3E");} .icon-svg.wabooks:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069B9;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.75,20.23,16,7,10.24,20.23ZM14,17.75l2-4.55,2,4.55Z'/%3E%3Cpath class='b' d='M9.24,22.53,8.16,25H23.84l-1.08-2.47Z'/%3E%3C/svg%3E");} .icon-svg.icoTicker:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M16,9a7,7,0,1,0,7,7A7,7,0,0,0,16,9Zm.7,11.9H15.3V19.5h1.4Zm1.45-5.43-.63.65a2.37,2.37,0,0,0-.82,2H15.3v-.35a2.84,2.84,0,0,1,.82-2l.87-.88a1.4,1.4,0,1,0-2.39-1H13.2a2.8,2.8,0,1,1,5.6,0A2.19,2.19,0,0,1,18.15,15.47Z'/%3E%3C/svg%3E");} .icon-svg.back:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M22,15.25H12.87l4.2-4.19L16,10l-6,6,6,6,1.06-1.06-4.19-4.19H22Z'/%3E%3C/svg%3E");} .icon-svg.update:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67,18.5,16H21a5,5,0,0,1-7.33,4.42l-1.22,1.21A6.66,6.66,0,0,0,22.67,16h2.5ZM11,16a5,5,0,0,1,7.33-4.42l1.22-1.21A6.66,6.66,0,0,0,9.33,16H6.83l3.34,3.33L13.5,16Z'/%3E%3C/svg%3E");} .icon-svg.add:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.minus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.file:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M20.35,11.7v8.66a3.69,3.69,0,0,1-3.61,3.4c-2.39.18-4.39-1.34-4.39-3.26V10.39a2.3,2.3,0,0,1,2.24-2.15,2.36,2.36,0,0,1,2.74,1.9.51.51,0,0,0,0,.13v8.59a.92.92,0,0,1-1,.82.92.92,0,0,1-1-.82V11.7a.7.7,0,0,0-.75-.61.69.69,0,0,0-.75.61v7.05a2.3,2.3,0,0,0,2.24,2.15A2.36,2.36,0,0,0,18.83,19a.69.69,0,0,1,0-.13V10.41A3.69,3.69,0,0,0,15.24,7c-2.38-.18-4.39,1.35-4.39,3.26v10c0,2.35,2.1,4.45,5,4.67,3.29.25,6-1.84,6-4.48V11.7a.78.78,0,0,0-.9-.6A.76.76,0,0,0,20.35,11.7Z'/%3E%3C/svg%3E");} .icon-svg.file:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M20.35,11.7v8.66a3.69,3.69,0,0,1-3.61,3.4c-2.39.18-4.39-1.34-4.39-3.26V10.39a2.3,2.3,0,0,1,2.24-2.15,2.36,2.36,0,0,1,2.74,1.9.51.51,0,0,0,0,.13v8.59a.92.92,0,0,1-1,.82.92.92,0,0,1-1-.82V11.7a.7.7,0,0,0-.75-.61.69.69,0,0,0-.75.61v7.05a2.3,2.3,0,0,0,2.24,2.15A2.36,2.36,0,0,0,18.83,19a.69.69,0,0,1,0-.13V10.41A3.69,3.69,0,0,0,15.24,7c-2.38-.18-4.39,1.35-4.39,3.26v10c0,2.35,2.1,4.45,5,4.67,3.29.25,6-1.84,6-4.48V11.7a.78.78,0,0,0-.9-.6A.76.76,0,0,0,20.35,11.7Z'/%3E%3C/svg%3E");} .icon-svg.language:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23494949;stroke-miterlimit:10;stroke-width:1.5px;%7D.c%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M1204.51,842.56l0,0a8.5,8.5,0,0,0-6.37-3.13l-.22,0-.19,0a9,9,0,0,0-3,.56,8,8,0,0,0-4.74,4.74,8.56,8.56,0,0,0,1.29,8.48l0,.06a8.45,8.45,0,0,0,6.36,3.12l.22,0,.19,0a9.33,9.33,0,0,0,3-.56,8,8,0,0,0,4.74-4.74A8.6,8.6,0,0,0,1204.51,842.56Z' transform='translate(-1181.88 -831.86)'/%3E%3Cpath class='c' d='M1204.51,842.56l0,0a8.5,8.5,0,0,0-6.37-3.13l-.22,0-.19,0a9,9,0,0,0-3,.56,8,8,0,0,0-4.74,4.74,8.56,8.56,0,0,0,1.29,8.48l0,.06a8.45,8.45,0,0,0,6.36,3.12l.22,0,.19,0a9.33,9.33,0,0,0,3-.56,8,8,0,0,0,4.74-4.74A8.6,8.6,0,0,0,1204.51,842.56Zm1,4.88h-4a17.91,17.91,0,0,0-.3-3.05,10.47,10.47,0,0,0,2.88-1A7,7,0,0,1,1205,845,8.25,8.25,0,0,1,1205.52,847.44Zm-1.43,4.89a10.61,10.61,0,0,0-2.82-1,18.12,18.12,0,0,0,.3-3.05h4A7.67,7.67,0,0,1,1204.09,852.33ZM1198,855.5h-.28c-.84-.13-1.71-1.42-2.24-3.48a15.69,15.69,0,0,1,4.74,0C1199.73,854.06,1198.87,855.36,1198,855.5Zm-.15-4.51a16.17,16.17,0,0,0-2.55.2,16.94,16.94,0,0,1-.29-2.9h5.69a19.22,19.22,0,0,1-.29,2.9A16.29,16.29,0,0,0,1197.88,851Zm-7.63-3.55a7.57,7.57,0,0,1,1.42-4,10.68,10.68,0,0,0,2.83,1,17.88,17.88,0,0,0-.31,3.05Zm5.08-2.9a17.27,17.27,0,0,0,5.11,0,19.09,19.09,0,0,1,.29,2.9H1195A16.84,16.84,0,0,1,1195.33,844.54Zm2.4-4.31h.29c.84.13,1.71,1.43,2.23,3.49a16.61,16.61,0,0,1-4.74,0C1196,841.66,1196.9,840.37,1197.73,840.23Zm5.89,2.46a10.27,10.27,0,0,1-2.53.87,8.5,8.5,0,0,0-1.39-3.14,8.48,8.48,0,0,1,1.06.31A7.29,7.29,0,0,1,1203.62,842.69Zm-7.56-2.26a8.52,8.52,0,0,0-1.38,3.13,10.28,10.28,0,0,1-2.46-.83A7.7,7.7,0,0,1,1196.06,840.43Zm-5.82,7.86h4a18.09,18.09,0,0,0,.31,3.05,10.54,10.54,0,0,0-2.89,1,7.39,7.39,0,0,1-.86-1.62A8.13,8.13,0,0,1,1190.24,848.29Zm1.9,4.74a10,10,0,0,1,2.54-.86,8.61,8.61,0,0,0,1.38,3.13A9,9,0,0,1,1195,855,7.19,7.19,0,0,1,1192.14,853Zm7.56,2.27a8.52,8.52,0,0,0,1.39-3.13,9.92,9.92,0,0,1,2.45.82A7.6,7.6,0,0,1,1199.7,855.3Z' transform='translate(-1181.88 -831.86)'/%3E%3C/svg%3E");} .icon-svg.notification.on:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D.c%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.54,14.85a7.21,7.21,0,0,0-.26-1.94,4,4,0,0,1-.78.09,3.48,3.48,0,0,1-3.16-5,1.38,1.38,0,0,0-2.73.29V9c-2.64.63-4.15,3-4.15,5.84v4.61L8.61,21.31v.92H23.38v-.92l-1.84-1.85Z'/%3E%3Cpath class='b' d='M16,25h0a1.86,1.86,0,0,0,1.85-1.85h-3.7A1.85,1.85,0,0,0,16,25Z'/%3E%3Ccircle class='c' cx='20.5' cy='9.5' r='2.5'/%3E%3C/svg%3E");} .icon-svg.etc:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%23a6a6a6;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='32' height='32'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='c' d='M16,12.67A1.67,1.67,0,1,0,14.33,11h0A1.69,1.69,0,0,0,16,12.67Zm0,1.66A1.67,1.67,0,1,0,17.67,16h0A1.69,1.69,0,0,0,16,14.33Zm0,5A1.67,1.67,0,1,0,17.67,21h0A1.69,1.69,0,0,0,16,19.33Z'/%3E%3C/g%3E%3C/svg%3E");} .icon-svg.all_confirm_undo:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069b9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M20,11.72a.75.75,0,0,0-1.06,0h0L14.69,16,15.74,17,20,12.77A.78.78,0,0,0,20,11.72Zm3.17,0-7.41,7.41-2.6-2.6a.75.75,0,0,0-1.06,0,.73.73,0,0,0,0,1l3.13,3.14a.75.75,0,0,0,1.06,0h0l7.94-7.94a.73.73,0,0,0,0-1h0a.73.73,0,0,0-1,0v0ZM7.84,17.59,11,20.73a.74.74,0,0,0,1,0h0l.53-.53L8.89,16.52a.74.74,0,0,0-1.05,0h0a.75.75,0,0,0,0,1.07Z'/%3E%3C/svg%3E");} .icon-svg.setting:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M21.05,16.67a5,5,0,0,0,0-.67,3.78,3.78,0,0,0-.05-.67l1.44-1.13a.34.34,0,0,0,.08-.43L21.2,11.4a.34.34,0,0,0-.41-.15l-1.69.68A5.09,5.09,0,0,0,18,11.26L17.7,9.45a.34.34,0,0,0-.34-.29H14.64a.33.33,0,0,0-.33.29l-.25,1.81a5.09,5.09,0,0,0-1.15.67l-1.69-.68a.34.34,0,0,0-.42.15L9.45,13.77a.33.33,0,0,0,.09.44L11,15.33a4,4,0,0,0,0,1.34L9.52,17.79a.35.35,0,0,0-.08.44l1.35,2.37a.35.35,0,0,0,.42.15l1.69-.68a5.09,5.09,0,0,0,1.15.67l.25,1.81a.35.35,0,0,0,.34.29h2.72a.33.33,0,0,0,.33-.29L18,20.74a5,5,0,0,0,1.14-.67l1.69.68a.35.35,0,0,0,.42-.15l1.36-2.37a.33.33,0,0,0-.09-.43ZM16,18.57A2.57,2.57,0,1,1,18.55,16h0A2.57,2.57,0,0,1,16,18.56Z'/%3E%3C/svg%3E");} .icon-svg.pdf:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32'/%3E%3Cpath class='b' d='M15.46,13.36h0a2.92,2.92,0,0,0,.15-.7V12.5a1.16,1.16,0,0,0,0-.78v-.08l-.08-.07h0s0,.07-.07.07h0a3.14,3.14,0,0,0,0,1.72Zm-2.34,5.36a1.9,1.9,0,0,0-.39.23,4,4,0,0,0-1,1.25h0C12.19,20.12,12.65,19.66,13.12,18.72Zm7.16-1.16c-.08-.08-.39-.32-1.48-.32h-.16v.08a4.27,4.27,0,0,0,1.48.39h.23v-.08h0a.07.07,0,0,1-.07-.07ZM21.44,9H10.56A1.56,1.56,0,0,0,9,10.56V21.44A1.56,1.56,0,0,0,10.56,23H21.44A1.56,1.56,0,0,0,23,21.44V10.56A1.56,1.56,0,0,0,21.44,9Zm-.85,9.18a1.55,1.55,0,0,1-.7.15,5.49,5.49,0,0,1-2.33-.54,13.28,13.28,0,0,0-3.12.62c-.07,0-.07,0-.15.08-.93,1.63-1.71,2.41-2.33,2.41-.16,0-.24,0-.32-.08l-.38-.23v-.08a.66.66,0,0,1-.08-.39,3,3,0,0,1,1.48-1.63c.15-.08.39-.23.7-.39.23-.39.46-.86.77-1.4A16.19,16.19,0,0,0,15,14.44h0a3.59,3.59,0,0,1-.16-2.56c.08-.31.31-.62.63-.62h.15a1,1,0,0,1,.47.15c.54.55.31,1.79,0,2.8v.08a5.63,5.63,0,0,0,1.24,2,6.58,6.58,0,0,0,.7.47c.39,0,.7-.08,1-.08.94,0,1.56.16,1.79.54a1,1,0,0,1,.08.47,4.76,4.76,0,0,1-.31.47Zm-5.06-3A17.06,17.06,0,0,1,14.76,17c-.16.31-.32.54-.47.86h.15a11.51,11.51,0,0,1,2.57-.7,1,1,0,0,1-.31-.24A7.89,7.89,0,0,1,15.53,15.14Z'/%3E%3C/svg%3E");} .icon-svg.email:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M22,10H10a1.49,1.49,0,0,0-1.49,1.5v9A1.5,1.5,0,0,0,10,22H22a1.5,1.5,0,0,0,1.5-1.5h0v-9A1.5,1.5,0,0,0,22,10Zm0,3-6,3.75L10,13V11.5l6,3.75,6-3.75Z'/%3E%3C/svg%3E");} .icon-svg.upload:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M21.51,14.53A5.62,5.62,0,0,0,11,13a4.5,4.5,0,0,0,.49,9h9.75a3.74,3.74,0,0,0,.26-7.47Zm-4,2.22v3h-3v-3H12.25l3.49-3.49a.37.37,0,0,1,.52,0h0l3.48,3.49Z'/%3E%3C/svg%3E");} .icon-svg.listdown:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,32V0H32V32Z'/%3E%3Cpath class='b' d='M15.38,11v7.61l-3.5-3.5L11,16l5,5,5-5-.88-.88-3.49,3.49V11Z'/%3E%3C/svg%3E");} .icon-svg.listup:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M32,0V32H0V0Z'/%3E%3Cpath class='b' d='M16.63,21V13.39l3.49,3.5L21,16l-5-5-5,5,.88.88,3.5-3.49V21Z'/%3E%3C/svg%3E");} .icon-svg.alarm:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.b,.d%7Bstroke:%23494949;stroke-linecap:round;stroke-miterlimit:10;%7D.b%7Bstroke-width:1.7px;%7D.c%7Bfill:%23494949;%7D.e%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cline class='b' x1='12.11' y1='21.95' x2='10.91' y2='23.63'/%3E%3Cline class='b' x1='19.93' y1='21.95' x2='21.13' y2='23.63'/%3E%3Cpath class='c' d='M12.68,9.35c0-.06-.1-.13-.16-.19A2.7,2.7,0,0,0,8.71,13a1.39,1.39,0,0,0,.19.15A7.89,7.89,0,0,1,12.68,9.35Z'/%3E%3Cpolyline class='d' points='12.99 16.48 16.03 16.48 16.03 12.76'/%3E%3Cpath class='b' d='M17.55,10.6A5.87,5.87,0,0,0,16,10.39a6.1,6.1,0,1,0,6.1,6.1,6.28,6.28,0,0,0-.23-1.58'/%3E%3Ccircle class='e' cx='21.58' cy='10.87' r='2.5'/%3E%3C/svg%3E");} .icon-svg.icon-memo-y:before {background-image: url('../images/common/svg/icon-memo-y.svg');width:16px;height:16px;background-repeat:no-repeat;background-size:20px 20px;} /* 기타아이콘 :: 블루배경, 화이트 */ .icon-svg.white.calendar:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M19.75,16H16v3.75h3.75ZM19,7.75v1.5H13V7.75H11.5v1.5h-.75a1.49,1.49,0,0,0-1.49,1.49h0v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5h0V10.75a1.5,1.5,0,0,0-1.5-1.5H20.5V7.75Zm2.25,13.5H10.75V13h10.5Z'/%3E%3C/svg%3E");} .icon-svg.white.scraping:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M8.5,9.33a.83.83,0,0,1,.83-.83H11V6.83H9.33a2.5,2.5,0,0,0-2.5,2.5V11H8.5Z'/%3E%3Cpath class='b' d='M22.67,6.83H21V8.5h1.67a.83.83,0,0,1,.83.83V11h1.67V9.33A2.5,2.5,0,0,0,22.67,6.83Z'/%3E%3Cpath class='b' d='M8.5,22.67V21H6.83v1.67a2.5,2.5,0,0,0,2.5,2.5H11V23.5H9.33A.83.83,0,0,1,8.5,22.67Z'/%3E%3Cpath class='b' d='M23.5,22.67a.83.83,0,0,1-.83.83H21v1.67h1.67a2.5,2.5,0,0,0,2.5-2.5V21H23.5Z'/%3E%3Cpath class='b' d='M16,11.57A7,7,0,0,0,9.51,16a7,7,0,0,0,13,0A7,7,0,0,0,16,11.57ZM16,19A2.95,2.95,0,1,1,19,16,2.95,2.95,0,0,1,16,19Zm0-4.72A1.77,1.77,0,1,0,17.77,16h0A1.76,1.76,0,0,0,16,14.23Z'/%3E%3C/svg%3E");} .icon-svg.white.notification:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D.c%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.54,14.85a7.21,7.21,0,0,0-.26-1.94,4,4,0,0,1-.78.09,3.48,3.48,0,0,1-3.16-5,1.38,1.38,0,0,0-2.73.29V9c-2.64.63-4.15,3-4.15,5.84v4.61L8.61,21.31v.92H23.38v-.92l-1.84-1.85Z'/%3E%3Cpath class='b' d='M16,25h0a1.86,1.86,0,0,0,1.85-1.85h-3.7A1.85,1.85,0,0,0,16,25Z'/%3E%3Ccircle class='c' cx='20.5' cy='9.5' r='2.5'/%3E%3C/svg%3E");} .icon-svg.white.currency:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M13.14,6.43l3.73,3.73V7.7a8.35,8.35,0,0,1,7.46,7.46H26A10,10,0,0,0,13.14,6.43Z'/%3E%3Cpath class='b' d='M15.13,24.3a8.34,8.34,0,0,1-7.46-7.46H6A10,10,0,0,0,16.82,26a9.53,9.53,0,0,0,2-.38l-3.73-3.74Z'/%3E%3Cpath class='b' d='M16,11a5,5,0,1,0,5,5A5,5,0,0,0,16,11Zm.7,8.05V20H15.37V19a1.86,1.86,0,0,1-1.64-1.69h1c0,.52.41.93,1.33.93s1.2-.49,1.2-.8-.22-.8-1.34-1.07-2.09-.81-2.09-1.83A1.75,1.75,0,0,1,15.37,13V12H16.7v1a1.77,1.77,0,0,1,1.43,1.7h-1c0-.55-.32-.93-1.11-.93s-1.2.34-1.2.82.32.7,1.33.95,2.09.7,2.09,2c0,.91-.69,1.41-1.56,1.58Z'/%3E%3C/svg%3E");} .icon-svg.white.screenlock:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M22.67,7.67h-15A1.65,1.65,0,0,0,6,9.32H6v10A1.66,1.66,0,0,0,7.66,21H13.5v1.67H11.83v1.66H18.5V22.67H16.83V21H18.5V19.33H7.67v-10h15V15.5h1.66V9.33a1.66,1.66,0,0,0-1.66-1.66Z'/%3E%3Cpath class='b' d='M25.12,20V18.86a2.05,2.05,0,0,0-4.08,0V20a1,1,0,0,0-.88.88v2.55a1,1,0,0,0,.88.95h4a1,1,0,0,0,.95-.87V20.9A1,1,0,0,0,25.12,20Zm-.95,0H22V18.86a1,1,0,0,1,1-.95h0a1,1,0,0,1,1.09.9s0,0,0,.05Z'/%3E%3C/svg%3E");} .icon-svg.white.viewsetting:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M9.15,12.67H18.7V10.44H9.15Zm0,4.44H18.7V14.89H9.15Zm0,4.44H18.7V19.33H9.15Zm11.07,0h2.56V19.33H20.22Zm0-11.11v2.23h2.56V10.44Zm0,6.67h2.56V14.89H20.22Z'/%3E%3C/svg%3E");} .icon-svg.white.excel:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2321a365;%7D.c%7Bfill:%2317864c;%7D.d%7Bfill:%23fff;%7D%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M12,24.37a.82.82,0,0,1-.82-.81V16h0V11.81h0V8.44A.81.81,0,0,1,12,7.63H24.17a.83.83,0,0,1,.83.81V16h0v4.19h0v3.37a.82.82,0,0,1-.82.81Z'/%3E%3Cpath class='c' d='M15.36,20.57H7.9a.9.9,0,0,1-.9-.9V12.33a.9.9,0,0,1,.9-.9h7.46a.9.9,0,0,1,.9.9v7.34a.9.9,0,0,1-.9.9Z'/%3E%3Cpath class='d' d='M12.69,18.59l-.55-1c-.23-.4-.37-.66-.52-1h0c-.13.3-.25.56-.46,1l-.5,1H9.57L11.1,16l-1.48-2.5H10.7l.55,1a9.38,9.38,0,0,1,.42.84h0c.14-.31.24-.53.41-.84l.55-1h1.07L12.22,16l1.56,2.59Z'/%3E%3C/svg%3E");} .icon-svg.white.print:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E");} .icon-svg.white.search:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M18.92,17.67h-.66L18,17.44a5.47,5.47,0,1,0-.59.58l.23.24v.66l4.16,4.15,1.25-1.24Zm-5,0a3.75,3.75,0,1,1,3.75-3.75,3.75,3.75,0,0,1-3.75,3.75Z'/%3E%3C/svg%3E");} .icon-svg.white.taxid:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M20.17,15.17a5.81,5.81,0,0,1,.83.07v-4L14.75,8.5,8.5,11.22v4.1a8.52,8.52,0,0,0,6.25,8.18A7,7,0,0,0,16.08,23a5,5,0,0,1,4.09-7.87Z'/%3E%3Cpath class='b' d='M20.17,16.83a3.34,3.34,0,1,0,3.33,3.34,3.35,3.35,0,0,0-3.33-3.34Zm0,1.15a.94.94,0,1,1-.94.94h0A1,1,0,0,1,20.17,18Zm0,4.48a2.27,2.27,0,0,1-1.87-1c0-.6,1.26-.9,1.87-.9s1.82.3,1.86.9A2.27,2.27,0,0,1,20.17,22.46Z'/%3E%3C/svg%3E");} .icon-svg.white.wabooks:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.75,20.23,16,7,10.24,20.23ZM14,17.75l2-4.55,2,4.55Z'/%3E%3Cpath class='b' d='M9.24,22.53,8.16,25H23.84l-1.08-2.47Z'/%3E%3C/svg%3E");} .icon-svg.white.icoTicker:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M16,9a7,7,0,1,0,7,7A7,7,0,0,0,16,9Zm.7,11.9H15.3V19.5h1.4Zm1.45-5.43-.63.65a2.37,2.37,0,0,0-.82,2H15.3v-.35a2.84,2.84,0,0,1,.82-2l.87-.88a1.4,1.4,0,1,0-2.39-1H13.2a2.8,2.8,0,1,1,5.6,0A2.19,2.19,0,0,1,18.15,15.47Z'/%3E%3C/svg%3E");} .icon-svg.white.back:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M22,15.25H12.87l4.2-4.19L16,10l-6,6,6,6,1.06-1.06-4.19-4.19H22Z'/%3E%3C/svg%3E");} .icon-svg.white.update:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67,18.5,16H21a5,5,0,0,1-7.33,4.42l-1.22,1.21A6.66,6.66,0,0,0,22.67,16h2.5ZM11,16a5,5,0,0,1,7.33-4.42l1.22-1.21A6.66,6.66,0,0,0,9.33,16H6.83l3.34,3.33L13.5,16Z'/%3E%3C/svg%3E");} .icon-svg.white.add:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.white.minus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.white.language:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23FFF;stroke-miterlimit:10;stroke-width:1.5px;%7D.c%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M1204.51,842.56l0,0a8.5,8.5,0,0,0-6.37-3.13l-.22,0-.19,0a9,9,0,0,0-3,.56,8,8,0,0,0-4.74,4.74,8.56,8.56,0,0,0,1.29,8.48l0,.06a8.45,8.45,0,0,0,6.36,3.12l.22,0,.19,0a9.33,9.33,0,0,0,3-.56,8,8,0,0,0,4.74-4.74A8.6,8.6,0,0,0,1204.51,842.56Z' transform='translate(-1181.88 -831.86)'/%3E%3Cpath class='c' d='M1204.51,842.56l0,0a8.5,8.5,0,0,0-6.37-3.13l-.22,0-.19,0a9,9,0,0,0-3,.56,8,8,0,0,0-4.74,4.74,8.56,8.56,0,0,0,1.29,8.48l0,.06a8.45,8.45,0,0,0,6.36,3.12l.22,0,.19,0a9.33,9.33,0,0,0,3-.56,8,8,0,0,0,4.74-4.74A8.6,8.6,0,0,0,1204.51,842.56Zm1,4.88h-4a17.91,17.91,0,0,0-.3-3.05,10.47,10.47,0,0,0,2.88-1A7,7,0,0,1,1205,845,8.25,8.25,0,0,1,1205.52,847.44Zm-1.43,4.89a10.61,10.61,0,0,0-2.82-1,18.12,18.12,0,0,0,.3-3.05h4A7.67,7.67,0,0,1,1204.09,852.33ZM1198,855.5h-.28c-.84-.13-1.71-1.42-2.24-3.48a15.69,15.69,0,0,1,4.74,0C1199.73,854.06,1198.87,855.36,1198,855.5Zm-.15-4.51a16.17,16.17,0,0,0-2.55.2,16.94,16.94,0,0,1-.29-2.9h5.69a19.22,19.22,0,0,1-.29,2.9A16.29,16.29,0,0,0,1197.88,851Zm-7.63-3.55a7.57,7.57,0,0,1,1.42-4,10.68,10.68,0,0,0,2.83,1,17.88,17.88,0,0,0-.31,3.05Zm5.08-2.9a17.27,17.27,0,0,0,5.11,0,19.09,19.09,0,0,1,.29,2.9H1195A16.84,16.84,0,0,1,1195.33,844.54Zm2.4-4.31h.29c.84.13,1.71,1.43,2.23,3.49a16.61,16.61,0,0,1-4.74,0C1196,841.66,1196.9,840.37,1197.73,840.23Zm5.89,2.46a10.27,10.27,0,0,1-2.53.87,8.5,8.5,0,0,0-1.39-3.14,8.48,8.48,0,0,1,1.06.31A7.29,7.29,0,0,1,1203.62,842.69Zm-7.56-2.26a8.52,8.52,0,0,0-1.38,3.13,10.28,10.28,0,0,1-2.46-.83A7.7,7.7,0,0,1,1196.06,840.43Zm-5.82,7.86h4a18.09,18.09,0,0,0,.31,3.05,10.54,10.54,0,0,0-2.89,1,7.39,7.39,0,0,1-.86-1.62A8.13,8.13,0,0,1,1190.24,848.29Zm1.9,4.74a10,10,0,0,1,2.54-.86,8.61,8.61,0,0,0,1.38,3.13A9,9,0,0,1,1195,855,7.19,7.19,0,0,1,1192.14,853Zm7.56,2.27a8.52,8.52,0,0,0,1.39-3.13,9.92,9.92,0,0,1,2.45.82A7.6,7.6,0,0,1,1199.7,855.3Z' transform='translate(-1181.88 -831.86)'/%3E%3C/svg%3E");} .icon-svg.white.option:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.39 5.95'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M1202.22,844.57a.75.75,0,0,0-1.06,0h0l-3.91,3.91-3.91-3.91a.75.75,0,0,0-1.06,0,.75.75,0,0,0,0,1.06l0,0,4.44,4.44a.75.75,0,0,0,1.06,0h0l4.45-4.44A.76.76,0,0,0,1202.22,844.57Z' transform='translate(-1192.05 -844.34)'/%3E%3C/svg%3E");} .icon-svg.white.notification.on:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D.c%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.54,14.85a7.21,7.21,0,0,0-.26-1.94,4,4,0,0,1-.78.09,3.48,3.48,0,0,1-3.16-5,1.38,1.38,0,0,0-2.73.29V9c-2.64.63-4.15,3-4.15,5.84v4.61L8.61,21.31v.92H23.38v-.92l-1.84-1.85Z'/%3E%3Cpath class='b' d='M16,25h0a1.86,1.86,0,0,0,1.85-1.85h-3.7A1.85,1.85,0,0,0,16,25Z'/%3E%3Ccircle class='c' cx='20.5' cy='9.5' r='2.5'/%3E%3C/svg%3E");} .icon-svg.white.data:before{background-image:url("../images/common/svg/icon-data.svg");background-size:25px 20px;} .icon-svg.white.manual:before{background-image:url("../images/common/icon-manual.png");content:"";width:16px;height:18px;background-repeat:no-repeat;background-position:center center;background-size:16px 18px;margin-right:5px;} .icon-svg.notification span.num{position:absolute;right:0;top:0;background-color:#EC002A;border-radius:6px;min-width:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;text-align:center;overflow:hidden;padding:2px;} .icon-svg.approval:before{background-image:url("../images/boards/header_icon_approved.svg");content:"";width:22px;height:21px;background-repeat:no-repeat;background-position:center center;background-size:22px 21px;margin-right:5px;} .icon-svg.approval span.num{position:absolute;right:0;top:0;background-color:#EC002A;border-radius:6px;min-width:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;text-align:center;overflow:hidden;padding:2px;} a.icon-svg.dashboard{color:#000;} a.icon-svg.dashboard.on{color:#0069B9;} a.icon-svg.dashboard:before{display:none;} a.icon-svg.dashboard:after{background-image:url('../images/common/icon-dashboard.png');content:"";width:22px;height:14px;background-repeat:no-repeat;overflow:hidden;background-position:center top;background-size:22px;margin-left:5px;} a.icon-svg.dashboard.on:after{background-position:center bottom} a.icon-svg.confirm:before{background-image:url('../images/common/svg/icon-confirmation.svg');content:"";width:18px;height:18px;margin-right:5px;background-repeat:no-repeat;background-size:18px;} .icon-svg.setting.white:before{background:url("../images/common/svg/icon_setting_white.svg")no-repeat center center;} .filter-sort{position:relative;} a.icon-svg.filter:before{background-image:url('../images/common/svg/icon-filter.svg');content:"";width:18px;height:18px;margin-right:5px;background-repeat:no-repeat;background-size:18px;} a.icon-svg.unlink:before{background-image:url('../images/common/icon-unlink.png');content:"";width:14px;height:14px;margin-right:5px;background-repeat:no-repeat;background-size:14px;} a.icon-svg.post:before{background-image:url('../images/common/svg/icon-post.svg');content:"";width:28px;height:28px;margin-right:5px;background-repeat:no-repeat;background-size:28px;} .icon-svg.upload.ver2:before{background-image:url('../images/settings//icon-upload-ver2.svg');} /* 기타아이콘 :: 화이트배경, 레드 */ .icon-svg.red.minus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23ED243C;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} /* 기타아이콘 :: 화이트배경, 블루 */ .icon-svg.add.blue:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069b9;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.screenlock.blue:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069B9;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M22.67,7.67h-15A1.65,1.65,0,0,0,6,9.32H6v10A1.66,1.66,0,0,0,7.66,21H13.5v1.67H11.83v1.66H18.5V22.67H16.83V21H18.5V19.33H7.67v-10h15V15.5h1.66V9.33a1.66,1.66,0,0,0-1.66-1.66Z'/%3E%3Cpath class='b' d='M25.12,20V18.86a2.05,2.05,0,0,0-4.08,0V20a1,1,0,0,0-.88.88v2.55a1,1,0,0,0,.88.95h4a1,1,0,0,0,.95-.87V20.9A1,1,0,0,0,25.12,20Zm-.95,0H22V18.86a1,1,0,0,1,1-.95h0a1,1,0,0,1,1.09.9s0,0,0,.05Z'/%3E%3C/svg%3E");} .icon-svg.file.blue:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069B9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M20.35,11.7v8.66a3.69,3.69,0,0,1-3.61,3.4c-2.39.18-4.39-1.34-4.39-3.26V10.39a2.3,2.3,0,0,1,2.24-2.15,2.36,2.36,0,0,1,2.74,1.9.51.51,0,0,0,0,.13v8.59a.92.92,0,0,1-1,.82.92.92,0,0,1-1-.82V11.7a.7.7,0,0,0-.75-.61.69.69,0,0,0-.75.61v7.05a2.3,2.3,0,0,0,2.24,2.15A2.36,2.36,0,0,0,18.83,19a.69.69,0,0,1,0-.13V10.41A3.69,3.69,0,0,0,15.24,7c-2.38-.18-4.39,1.35-4.39,3.26v10c0,2.35,2.1,4.45,5,4.67,3.29.25,6-1.84,6-4.48V11.7a.78.78,0,0,0-.9-.6A.76.76,0,0,0,20.35,11.7Z'/%3E%3C/svg%3E");} .icon-svg.update.blue:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%230069B9;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67,18.5,16H21a5,5,0,0,1-7.33,4.42l-1.22,1.21A6.66,6.66,0,0,0,22.67,16h2.5ZM11,16a5,5,0,0,1,7.33-4.42l1.22-1.21A6.66,6.66,0,0,0,9.33,16H6.83l3.34,3.33L13.5,16Z'/%3E%3C/svg%3E");} /* 기타아이콘 "" 그레이2배경, 블랙 */ .icon-svg.add.gray:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} /* 기타아이콘 :: 블랙배경, 화이트 */ .icon-svg.minus.black:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.update.black:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23494949;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67,18.5,16H21a5,5,0,0,1-7.33,4.42l-1.22,1.21A6.66,6.66,0,0,0,22.67,16h2.5ZM11,16a5,5,0,0,1,7.33-4.42l1.22-1.21A6.66,6.66,0,0,0,9.33,16H6.83l3.34,3.33L13.5,16Z'/%3E%3C/svg%3E");} .icon-svg.cloud:before{background-image:url("../images/common/svg/menu-icon-cloud.svg");background-size:24px auto !important;} /* LEFT MENU */ a.icon-svg-menu {display:flex;align-items:center;font-weight:500;border-radius:5px;overflow:hidden;} a.icon-svg-menu:before {content:"";display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-size:16px auto;} /* LEFT MENU COLOR CHANGE :: DEFAULT */ a.icon-svg-menu.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment.svg');} a.icon-svg-menu.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories.svg');} a.icon-svg-menu.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark.svg');} a.icon-svg-menu.business:before {background-image:url('../images/common/svg/menu-icon-business.svg');} a.icon-svg-menu.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel.svg');} a.icon-svg-menu.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry.svg');} a.icon-svg-menu.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste.svg');} a.icon-svg-menu.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard.svg');} a.icon-svg-menu.delete:before {background-image:url('../images/common/svg/menu-icon-delete.svg');} a.icon-svg-menu.folder:before {background-image:url('../images/common/svg/menu-icon-folder.svg');} a.icon-svg-menu.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared.svg');} a.icon-svg-menu.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory.svg');} a.icon-svg-menu.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard.svg');} a.icon-svg-menu.mall:before {background-image:url('../images/common/svg/menu-icon-mall.svg');} a.icon-svg-menu.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization.svg');} a.icon-svg-menu.payments:before {background-image:url('../images/common/svg/menu-icon-payments.svg');} a.icon-svg-menu.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences.svg');} a.icon-svg-menu.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt.svg');} a.icon-svg-menu.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote.svg');} a.icon-svg-menu.sell:before {background-image:url('../images/common/svg/menu-icon-sell.svg');} a.icon-svg-menu.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo.svg');} a.icon-svg-menu.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor.svg');} a.icon-svg-menu.topic:before {background-image:url('../images/common/svg/menu-icon-topic.svg');} a.icon-svg-menu.work:before {background-image:url('../images/common/svg/menu-icon-work.svg');} a.icon-svg-menu.home:before {background-image:url('../images/common/svg/menu-icon-home.svg');background-size:32px;} a.icon-svg-menu.my_posts:before {background-image:url('../images/common/svg/menu-icon-myposts.svg');background-size:32px;} a.icon-svg-menu.approval:before {background-image:url('../images/common/svg/menu-icon-approval.svg');background-size:32px;} a.icon-svg-menu.reports:before {background-image:url('../images/common/svg/menu-icon-reports.svg');background-size:32px;} a.icon-svg-menu.training:before {content:'';background:url("../images/common/svg/left-icon-training.svg")no-repeat center;display:inline-block;width:32px;height:32px;background-size:18px auto;} /* LEFT MENU COLOR CHANGE :: GREEN */ a.icon-svg-menu.green.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment-green.svg');} a.icon-svg-menu.green.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories-green.svg');} a.icon-svg-menu.green.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark-green.svg');} a.icon-svg-menu.green.business:before {background-image:url('../images/common/svg/menu-icon-business-green.svg');} a.icon-svg-menu.green.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel-green.svg');} a.icon-svg-menu.green.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry-green.svg');} a.icon-svg-menu.green.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste-green.svg');} a.icon-svg-menu.green.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard-green.svg');} a.icon-svg-menu.green.delete:before {background-image:url('../images/common/svg/menu-icon-delete-green.svg');} a.icon-svg-menu.green.folder:before {background-image:url('../images/common/svg/menu-icon-folder-green.svg');} a.icon-svg-menu.green.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared-green.svg');} a.icon-svg-menu.green.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory-green.svg');} a.icon-svg-menu.green.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard-green.svg');} a.icon-svg-menu.green.mall:before {background-image:url('../images/common/svg/menu-icon-mall-green.svg');} a.icon-svg-menu.green.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization-green.svg');} a.icon-svg-menu.green.payments:before {background-image:url('../images/common/svg/menu-icon-payments-green.svg');} a.icon-svg-menu.green.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences-green.svg');} a.icon-svg-menu.green.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt-green.svg');} a.icon-svg-menu.green.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote-green.svg');} a.icon-svg-menu.green.sell:before {background-image:url('../images/common/svg/menu-icon-sell-green.svg');} a.icon-svg-menu.green.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo-green.svg');} a.icon-svg-menu.green.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor-green.svg');} a.icon-svg-menu.green.topic:before {background-image:url('../images/common/svg/menu-icon-topic-green.svg');} a.icon-svg-menu.green.work:before {background-image:url('../images/common/svg/menu-icon-work-green.svg');} /* LEFT MENU COLOR CHANGE :: YELLOW */ a.icon-svg-menu.yellow.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment-yellow.svg');} a.icon-svg-menu.yellow.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories-yellow.svg');} a.icon-svg-menu.yellow.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark-yellow.svg');} a.icon-svg-menu.yellow.business:before {background-image:url('../images/common/svg/menu-icon-business-yellow.svg');} a.icon-svg-menu.yellow.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel-yellow.svg');} a.icon-svg-menu.yellow.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry-yellow.svg');} a.icon-svg-menu.yellow.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste-yellow.svg');} a.icon-svg-menu.yellow.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard-yellow.svg');} a.icon-svg-menu.yellow.delete:before {background-image:url('../images/common/svg/menu-icon-delete-yellow.svg');} a.icon-svg-menu.yellow.folder:before {background-image:url('../images/common/svg/menu-icon-folder-yellow.svg');} a.icon-svg-menu.yellow.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared-yellow.svg');} a.icon-svg-menu.yellow.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory-yellow.svg');} a.icon-svg-menu.yellow.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard-yellow.svg');} a.icon-svg-menu.yellow.mall:before {background-image:url('../images/common/svg/menu-icon-mall-yellow.svg');} a.icon-svg-menu.yellow.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization-yellow.svg');} a.icon-svg-menu.yellow.payments:before {background-image:url('../images/common/svg/menu-icon-payments-yellow.svg');} a.icon-svg-menu.yellow.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences-yellow.svg');} a.icon-svg-menu.yellow.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt-yellow.svg');} a.icon-svg-menu.yellow.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote-yellow.svg');} a.icon-svg-menu.yellow.sell:before {background-image:url('../images/common/svg/menu-icon-sell-yellow.svg');} a.icon-svg-menu.yellow.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo-yellow.svg');} a.icon-svg-menu.yellow.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor-yellow.svg');} a.icon-svg-menu.yellow.topic:before {background-image:url('../images/common/svg/menu-icon-topic-yellow.svg');} a.icon-svg-menu.yellow.work:before {background-image:url('../images/common/svg/menu-icon-work-yellow.svg');} /* LEFT MENU COLOR CHANGE :: BLUE */ a.icon-svg-menu.blue.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment-blue.svg');} a.icon-svg-menu.blue.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories-blue.svg');} a.icon-svg-menu.blue.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark-blue.svg');} a.icon-svg-menu.blue.business:before {background-image:url('../images/common/svg/menu-icon-business-blue.svg');} a.icon-svg-menu.blue.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel-blue.svg');} a.icon-svg-menu.blue.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry-blue.svg');} a.icon-svg-menu.blue.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste-blue.svg');} a.icon-svg-menu.blue.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard-blue.svg');} a.icon-svg-menu.blue.delete:before {background-image:url('../images/common/svg/menu-icon-delete-blue.svg');} a.icon-svg-menu.blue.folder:before {background-image:url('../images/common/svg/menu-icon-folder-blue.svg');} a.icon-svg-menu.blue.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared-blue.svg');} a.icon-svg-menu.blue.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory-blue.svg');} a.icon-svg-menu.blue.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard-blue.svg');} a.icon-svg-menu.blue.mall:before {background-image:url('../images/common/svg/menu-icon-mall-blue.svg');} a.icon-svg-menu.blue.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization-blue.svg');} a.icon-svg-menu.blue.payments:before {background-image:url('../images/common/svg/menu-icon-payments-blue.svg');} a.icon-svg-menu.blue.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences-blue.svg');} a.icon-svg-menu.blue.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt-blue.svg');} a.icon-svg-menu.blue.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote-blue.svg');} a.icon-svg-menu.blue.sell:before {background-image:url('../images/common/svg/menu-icon-sell-blue.svg');} a.icon-svg-menu.blue.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo-blue.svg');} a.icon-svg-menu.blue.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor-blue.svg');} a.icon-svg-menu.blue.topic:before {background-image:url('../images/common/svg/menu-icon-topic-blue.svg');} a.icon-svg-menu.blue.work:before {background-image:url('../images/common/svg/menu-icon-work-blue.svg');} /* LEFT MENU COLOR CHANGE :: RED */ a.icon-svg-menu.red.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment-red.svg');} a.icon-svg-menu.red.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories-red.svg');} a.icon-svg-menu.red.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark-red.svg');} a.icon-svg-menu.red.business:before {background-image:url('../images/common/svg/menu-icon-business-red.svg');} a.icon-svg-menu.red.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel-red.svg');} a.icon-svg-menu.red.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry-red.svg');} a.icon-svg-menu.red.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste-red.svg');} a.icon-svg-menu.red.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard-red.svg');} a.icon-svg-menu.red.delete:before {background-image:url('../images/common/svg/menu-icon-delete-red.svg');} a.icon-svg-menu.red.folder:before {background-image:url('../images/common/svg/menu-icon-folder-red.svg');} a.icon-svg-menu.red.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared-red.svg');} a.icon-svg-menu.red.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory-red.svg');} a.icon-svg-menu.red.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard-red.svg');} a.icon-svg-menu.red.mall:before {background-image:url('../images/common/svg/menu-icon-mall-red.svg');} a.icon-svg-menu.red.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization-red.svg');} a.icon-svg-menu.red.payments:before {background-image:url('../images/common/svg/menu-icon-payments-red.svg');} a.icon-svg-menu.red.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences-red.svg');} a.icon-svg-menu.red.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt-red.svg');} a.icon-svg-menu.red.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote-red.svg');} a.icon-svg-menu.red.sell:before {background-image:url('../images/common/svg/menu-icon-sell-red.svg');} a.icon-svg-menu.red.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo-red.svg');} a.icon-svg-menu.red.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor-red.svg');} a.icon-svg-menu.red.topic:before {background-image:url('../images/common/svg/menu-icon-topic-red.svg');} a.icon-svg-menu.red.work:before {background-image:url('../images/common/svg/menu-icon-work-red.svg');} /* LEFT MENU COLOR CHANGE :: PURPLE */ a.icon-svg-menu.purple.assignment:before {background-image:url('../images/common/svg/menu-icon-assignment-purple.svg');} a.icon-svg-menu.purple.autostories:before {background-image:url('../images/common/svg/menu-icon-autostories-purple.svg');} a.icon-svg-menu.purple.bookmark:before {background-image:url('../images/common/svg/menu-icon-bookmark-purple.svg');} a.icon-svg-menu.purple.business:before {background-image:url('../images/common/svg/menu-icon-business-purple.svg');} a.icon-svg-menu.purple.cardtravel:before {background-image:url('../images/common/svg/menu-icon-cardtravel-purple.svg');} a.icon-svg-menu.purple.contactsinquiry:before {background-image:url('../images/common/svg/menu-icon-contactsinquiry-purple.svg');} a.icon-svg-menu.purple.contentpaste:before {background-image:url('../images/common/svg/menu-icon-contentpaste-purple.svg');} a.icon-svg-menu.purple.creditcard:before {background-image:url('../images/common/svg/menu-icon-creditcard-purple.svg');} a.icon-svg-menu.purple.delete:before {background-image:url('../images/common/svg/menu-icon-delete-purple.svg');} a.icon-svg-menu.purple.folder:before {background-image:url('../images/common/svg/menu-icon-folder-purple.svg');} a.icon-svg-menu.purple.foldershared:before {background-image:url('../images/common/svg/menu-icon-foldershared-purple.svg');} a.icon-svg-menu.purple.inventory:before {background-image:url('../images/common/svg/menu-icon-inventory-purple.svg');} a.icon-svg-menu.purple.leaderboard:before {background-image:url('../images/common/svg/menu-icon-leaderboard-purple.svg');} a.icon-svg-menu.purple.mall:before {background-image:url('../images/common/svg/menu-icon-mall-purple.svg');} a.icon-svg-menu.purple.monetization:before {background-image:url('../images/common/svg/menu-icon-monetization-purple.svg');} a.icon-svg-menu.purple.payments:before {background-image:url('../images/common/svg/menu-icon-payments-purple.svg');} a.icon-svg-menu.purple.preferences:before {background-image:url('../images/common/svg/menu-icon-preferences-purple.svg');} a.icon-svg-menu.purple.receipt:before {background-image:url('../images/common/svg/menu-icon-receipt-purple.svg');} a.icon-svg-menu.purple.requestquote:before {background-image:url('../images/common/svg/menu-icon-requestquote-purple.svg');} a.icon-svg-menu.purple.sell:before {background-image:url('../images/common/svg/menu-icon-sell-purple.svg');} a.icon-svg-menu.purple.sidepo:before {background-image:url('../images/common/svg/menu-icon-sidepo-purple.svg');} a.icon-svg-menu.purple.supervisor:before {background-image:url('../images/common/svg/menu-icon-supervisor-purple.svg');} a.icon-svg-menu.purple.topic:before {background-image:url('../images/common/svg/menu-icon-topic-purple.svg');} a.icon-svg-menu.purple.work:before {background-image:url('../images/common/svg/menu-icon-work-purple.svg');} a.icon-svg-menu.txt-delete:before {background-image:url('../images/common/svg/icon-text-delete.svg');} a.icon-svg-menu.txt-delete2:before {background-image:url('../images/common/svg/icon-delete2.svg');} a.icon-svg-menu.txt-delete3:before {background-image:url('../images/common/svg/icon-delete3.svg');} a.icon-svg-menu.check:before {background-image:url('../images/common/svg/icon_check.svg');} a.icon-svg-menu.check2:before {background-image:url('../images/common/svg/icon_check2.svg');} a.icon-svg-menu.delete-red:before {background-image:url('../images/common/svg/menu-icon-delete-red2.svg');} a.icon-svg-menu.edit:before {background-image:url('../images/common/svg/menu-icon-edit.svg')} a.icon-svg-menu.edit-blue:before {background-image:url('../images/common/svg/menu-icon-edit-blue.svg')} a.icon-svg-menu.etc:before {background-image:url('../images/common/svg/icon_etc.svg')} /* LEFT MENU - SETTING POPUP */ a.icon-svg-menu.preference:before{background-image:url('../images/settings/icon-preference.svg');} a.icon-svg-menu.purpose:before{background-image:url('../images/settings/icon-purpose.svg');} a.icon-svg-menu.project:before{background-image:url('../images/settings/icon-project.svg');} a.icon-svg-menu.items:before{background-image:url('../images/settings/icon-items.svg');} a.icon-svg-menu.payroll:before{background-image:url('../images/settings/icon-payroll.svg');} a.icon-svg-menu.company:before{background-image:url('../images/settings/icon-company.svg');} a.icon-svg-menu.billing:before{background-image:url('../images/settings/icon-billing.svg');} a.icon-svg-menu.interface:before{background-image:url('../images/settings/icon-interface.svg');} a.icon-svg-menu.management:before{background-image:url('../images/settings/icon-management.svg');} a.icon-svg-menu.admin-logs:before{background-image:url('../images/settings/icon-logs.svg');} a.icon-svg-menu.admin-activity:before{background-image:url('../images/settings/icon-activity.svg');} a.icon-svg-menu.line3:before{background-image:url('../images/settings/icon-line3.svg');} .icon-svg-menu.preference:before{background-image:url('../images/settings/icon-preference.svg');} .icon-svg-menu.purpose:before{background-image:url('../images/settings/icon-purpose.svg');} .icon-svg-menu.project:before{background-image:url('../images/settings/icon-project.svg');} .icon-svg-menu.items:before{background-image:url('../images/settings/icon-items.svg');} .icon-svg-menu.payroll:before{background-image:url('../images/settings/icon-payroll.svg');} .icon-svg-menu.company:before{background-image:url('../images/settings/icon-company.svg');} .icon-svg-menu.billing:before{background-image:url('../images/settings/icon-billing.svg');} .icon-svg-menu.interface:before{background-image:url('../images/settings/icon-interface.svg');} .icon-svg-menu.management:before{background-image:url('../images/settings/icon-management.svg');} .icon-svg-menu.admin-logs:before{background-image:url('../images/settings/icon-logs.svg');} .icon-svg-menu.line3:before{background-image:url('../images/settings/icon-line3.svg');} a.icon-svg-menu.apis:before{background-image:url('../images/settings/icon_apis.svg');} /* Select :: Style */ /* default */ div.select-box-default-st {position:relative;display:inline-block;color:#494949;padding:0px;margin:0px;white-space:normal;} div.select-box-default-st input.selectValue {position:relative;display:inline-block;font-size:14px;font-weight:600;min-width:80px;height:30px;border:1px solid #ECEFF1;padding:0px 28px 0px 8px;border-radius:5px;overflow:hidden;background:url('../images/common/svg/selectbox-arrow.svg') no-repeat right 3px bottom 3px/22px 44px;cursor:pointer;} div.select-box-default-st .btnInputClear {position:absolute;bottom:3px;right:25px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;cursor:pointer;} /*div.select-box-default-st input.selectValue:focus {border:1px solid #000;background-position:right 3px top 5px;outline:none;}*/ div.select-box-default-st.on input.selectValue {border:1px solid #000;background-position:right 3px top 3px;outline:none;} div.select-box-default-st input.selectValue.wd-min-100 {min-width:100px;} div.select-box-default-st > .select-wrap {display:none;position:absolute;top:100%;left:0px;padding-top:3px;min-width:100%;/*width:100%;*/z-index:2;} div.select-box-default-st > .select-wrap.up {top:auto;bottom:100%;padding-top:0;padding-bottom:3px;} div.select-box-default-st ul.select-box-option {border-radius:5px;overflow:hidden;width:100%;height:auto;background-color:#FFF;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.035);} div.select-box-default-st ul.select-box-option li {display:inline-block;font-size:14px;width:100%;height:auto;border-bottom:0;padding:8px 8px;cursor:pointer;white-space:nowrap;} div.select-box-default-st ul.select-box-option li:hover {background-color:#FAFAFA;} div.select-box-default-st ul.select-box-option li.optgroup {color:#A6A6A6;font-size:11px;} div.select-box-default-st ul.select-box-option li:hover.optgroup {background-color:#FFF;} div.select-box-default-st ul.select-box-option li.selected {color:#448DD0;font-weight:700;} div.select-box-default-st ul.select-box-option li.section-topline {border-top:1px solid #ECEFF1;} div.select-box-default-st.edit{} div.select-box-default-st.edit input.selectValue{cursor:default;background-image:none;} /* form */ div.select-form-default-st {position:relative;display:inline-block;color:#494949;padding:0px;margin:0px;} div.select-form-default-st a.selectForm {position:relative;display:flex;align-items:center;min-width:auto;font-size:14px;font-weight:600;border:1px solid #ECEFF1;padding:0 10px 0 0;border-radius:5px;overflow:hidden;cursor:pointer;} div.select-form-default-st a.selectForm:before {content:"";width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;} /*div.select-form-default-st a.selectForm:focus {border-color:#494949;outline:none;}*/ div.select-form-default-st.on a.selectForm {border-color:#494949;outline:none;} div.select-form-default-st > .select-wrap {display:none;position:absolute;top:100%;left:0px;padding-top:3px;z-index:2;} div.select-form-default-st ul.select-form-option {border-radius:5px;overflow:hidden;width:100%;height:auto;background-color:#FFF;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.035);} div.select-form-default-st ul.select-form-option li {display:inline-block;font-size:14px;font-weight:600;width:100%;height:auto;border-bottom:0;padding:8px 8px;cursor:pointer;} div.select-form-default-st ul.select-form-option li:hover {background-color:#FAFAFA;} div.select-form-default-st ul.select-form-option .btn-wrap {display:flex;justify-content:center;padding:10px 0;} div.select-form-default-st ul.select-form-option .btn-wrap a.save {color:#0069B9;font-weight:600;padding:5px;} /* SEARCH */ div.select-box-search-st {display:none;position:absolute;right:0;width:100%;z-index:1;} div.select-box-search-st ul.search-box-option {border-radius:5px;overflow:hidden;width:100%;height:auto;background-color:#FFF;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.035);margin-top:3px;} div.select-box-search-st ul.search-box-option li {display:flex;align-items:center;font-size:13px;width:100%;height:auto;border-bottom:0;padding:8px 8px;cursor:pointer;white-space:nowrap;} div.select-box-search-st ul.search-box-option li:hover {background-color:#FAFAFA;} div.select-box-search-st ul.search-box-option li.optgroup {color:#A6A6A6;font-size:11px;} div.select-box-search-st ul.search-box-option li:hover.optgroup {background-color:#FFF;} div.select-box-search-st ul.search-box-option li.selected {color:#448DD0;font-weight:700;} div.select-box-search-st ul.search-box-option li.section-topline {border-top:1px solid #ECEFF1;} div.select-box-search-st ul.search-box-option li > span:nth-child(1) {width:calc(100% - 55px);} div.select-box-search-st ul.search-box-option li > span:nth-child(2) {width:55px;} div.select-box-search-st ul.search-box-option li > span:nth-child(2) > a {display:block;color:#fff;font-size:13px;background-color:#0069B9;height:24px;line-height:22px;padding:0 10px;border-radius:3px;text-align:center;} /* 대쉬보드 */ div.dashboard-box{display:flex;align-items:center;margin-top:20px;} div.dashboard-box .item{width:274px;/* height:118px; */cursor:pointer;border-radius:6px;border:1px solid #e0e0e0;background-color:#fbfbfb;padding:16px;height:118px;} div.dashboard-box .item > .cont{} div.dashboard-box > div + div{margin-left:12px;} div.dashboard-box .item .tit{display:flex;align-items:center;margin-bottom:5px;} div.dashboard-box .item .tit > p{font-size:12px;font-weight:700;} div.dashboard-box .item .tit > span.num{margin-left:5px;font-size:10px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;line-height:0;border-radius:13px;min-width:18px;height:16px;padding:2px 6px;} div.dashboard-box .item.first-item .tit > p{color:#025FB5;} div.dashboard-box .item.first-item .tit > span.num{color:#025FB5;background-color:rgba(0, 96, 185, 0.15);} div.dashboard-box .item.first-item.on{border:1px solid #025FB5;;background-color:#EDF7FF;} div.dashboard-box .item.first-item:hover{border:1px solid #025FB5;;background-color:#EDF7FF;} div.dashboard-box .cols2-wrap{display:flex;align-items:center;width:531px;/* height:118px; */padding:5px;border-radius:6px;border:1px solid #e0e0e0;background-color:#fbfbfb;} div.dashboard-box .cols2-wrap .item{width:calc(100% / 2);padding:8px;border:none;height:auto;} div.dashboard-box .cols2-wrap .item.cols2-item01 .tit > p{color:#1B1B1B;} div.dashboard-box .cols2-wrap .item.cols2-item01 .tit > span.num{color:#1B1B1B;background-color:rgba(0, 0, 0, 0.10);} div.dashboard-box .cols2-wrap .item.cols2-item02 .tit > p{color:#CB0D0D;} div.dashboard-box .cols2-wrap .item.cols2-item02 .tit > span.num{color:#CB0D0D;background-color:rgba(203, 13, 13, 0.10);} div.dashboard-box .cols2-wrap .item.cols2-item01.on{background-color:#ECECEC;} div.dashboard-box .cols2-wrap .item.cols2-item01:hover{background-color:#ECECEC;} div.dashboard-box .cols2-wrap .item.cols2-item02.on{background-color:#FFECEC;} div.dashboard-box .cols2-wrap .item.cols2-item02:hover{background-color:#FFECEC;} div.dashboard-box .item.last-item .tit > p{color:#17864C;} div.dashboard-box .item.last-item .tit > span.num{color:#17864C;background-color:rgba(23, 134, 76, 0.10);} div.dashboard-box .item.last-item:hover{border:1px solid #17864C;;background-color:#FAFFFC;} div.dashboard-box .item.last-item.on{border:1px solid #17864C;;background-color:#FAFFFC;} div.dashboard-box .item .date{margin-bottom:10px;position:relative;} div.dashboard-box .item .date .date-select{z-index:1;min-width:162px;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);position:absolute;left:0;top:calc(100% + 3px);display:none;} div.dashboard-box .item .date .date-select ul li + li{border-top:1px solid #E0E0E0;} div.dashboard-box .item .date .date-select ul li{position:relative;} div.dashboard-box .item .date .date-select ul li > a{display:flex;align-items:center;font-size:13px;color:#1b1b1b;font-weight:500;padding:12px;} div.dashboard-box .item .date .date-select ul li .calendar-popup{display:none;position:absolute;right:calc(100% + 3px);top:0;border-radius: 5px;border: 1px solid #E0E0E0;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);min-width:328px;padding:12px;} div.dashboard-box .item .date .date-select ul li .calendar-popup .calendar-cont{display:flex;flex-direction:column;align-items:center;} div.dashboard-box .item .date .date-select ul li .calendar-popup .calendar-btn{margin-top:20px;} div.dashboard-box .item .date > a{display:inline-flex;align-items:center;font-size:11px;font-weight:500;color:#9e9e9e;position:relative;} div.dashboard-box .item .date > a:after{content:'';transition:0.25s;background:url("../images/common/svg/icon-down-arrow.svg")no-repeat;width:14px;height:14px;display:inline-block;background-size:14px 14px;margin-left:3px;transform: rotate(0);} div.dashboard-box .item .date > a.active:after{transform: rotate(180deg);transition:0.25s;} div.dashboard-box .item dl{display:flex;align-items:center;justify-content:space-between;} div.dashboard-box .item dl > dt{font-size:16px;color:#9e9e9e;font-weight:500;} div.dashboard-box .item dl > dd{text-align:right;color:#000;font-size:16px;font-weight:500;} div.dashboard-box .item dl + dl{margin-top:5px;} div.dashboard-box .item dl.single{margin-top:30px;} /* payroll 대쉬보드 */ div.dashboard-box.payroll .item{width:320px;} div.dashboard-box.payroll .item.last-item.on{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.payroll .item.last-item:hover{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.payroll .item.last-item .tit > p{color:#CB0D0D;} div.dashboard-box.payroll .item.last-item .tit > span.num{color:#CB0D0D;background-color:rgba(203, 13, 13, 0.10);} div.dashboard-box.payroll .item{width:320px;} div.dashboard-box.payroll .item.second-item.on{background-color:#ECECEC;;border:1px solid #000;} div.dashboard-box.payroll .item.second-item:hover{background-color:#ECECEC;;border:1px solid #000;} div.dashboard-box.payroll .item.second-item .tit > p{color:#1B1B1B;} div.dashboard-box.payroll .item.second-item .tit > span.num{color:#1B1B1B;background-color:rgba(0, 0, 0, 0.10);} div.dashboard-box.confirmation .item{width:320px;} div.dashboard-box.confirmation .item.second-item.on{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.confirmation .item.second-item:hover{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.confirmation .item.second-item .tit > p{color:#CB0D0D;} div.dashboard-box.confirmation .item.second-item .tit > span.num{color:#CB0D0D;background-color:rgba(203, 13, 13, 0.10);} div.dashboard-box.confirmation .item{width:320px;} div.dashboard-box.cols4 .item{width:267px;} div.dashboard-box.cols4 .item.second-item.on{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.cols4 .item.second-item:hover{background-color:#FFECEC;border:1px solid #cb0d0d;} div.dashboard-box.cols4 .item.second-item .tit > p{color:#CB0D0D;} div.dashboard-box.cols4 .item.second-item .tit > span.num{color:#CB0D0D;background-color:rgba(203, 13, 13, 0.10);} div.dashboard-box.cols4 .item.third-item.on{background-color:#ECECEC;;border:1px solid #000;} div.dashboard-box.cols4 .item.third-item:hover{background-color:#ECECEC;;border:1px solid #000;} div.dashboard-box.cols4 .item.third-item .tit > p{color:#1B1B1B;} div.dashboard-box.cols4 .item.third-item .tit > span.num{color:#1B1B1B;background-color:rgba(0, 0, 0, 0.10);} .password-container {position: relative;} .password-container input{width:100%;padding-right:28px;} .password-container input:read-only, .password-container input:disabled{background-color: rgba(212, 212, 212, 1);} .password-container .toggle-eye {position: absolute;right: 8px;top: 50%; width: 16px;height: 16px;transform: translateY(-50%); cursor: pointer; background:url("../images/common/svg/eye-icon.svg")no-repeat center top / 16px 32px;display: none;} .password-container .toggle-eye.show {background:url("../images/common/svg/eye-icon.svg")no-repeat center bottom / 16px 32px;} .password-container.password-icon:before{content:'';background:url("../images/common/svg/input-lock-icon.svg")no-repeat center;width:16px;height:16px;position:absolute;left:8px;top:50%;transform:translateY(-50%)} .password-container.password-icon input{padding:0 28px;} .password-container.search-icon:before{content:'';background:url("../images/common/svg/input-search-icon.svg")no-repeat center;width:16px;height:16px;position:absolute;left:8px;top:50%;transform:translateY(-50%)} .password-container.search-icon input{padding:0 28px;} .id-container {position: relative;} .id-container input{width:100%;padding-left:28px !important;} .id-container input:read-only, .id-container input:disabled{background-color: rgba(212, 212, 212, 1);} .id-container:before{content:'';background:url("../images/common/svg/input-id-icon.svg")no-repeat center;width:16px;height:16px;position:absolute;left:8px;top:50%;transform:translateY(-50%)} /* INPUT :: Style */ input::-webkit-input-placeholder {color:#ccc;font-weight:300;text-align:left !important;} input::-moz-placeholder {color:#ccc;font-weight:300;text-align:left !important;} input:-ms-input-placeholder {color:#ccc;font-weight:300;text-align:left !important;} input:-moz-placeholder {color:#ccc;font-weight:300;text-align:left !important;} input::placeholder {color:#ccc;font-weight:300;text-align:left !important;} input.tac::-webkit-input-placeholder {text-align:center !important;} input.tac::-moz-placeholder {text-align:center !important;} input.tac:-ms-input-placeholder {text-align:center !important;} input.tac:-moz-placeholder {text-align:center !important;} input.tac::placeholder {text-align:center !important;} input.tar::-webkit-input-placeholder {text-align:right !important;} input.tar::-moz-placeholder {text-align:right !important;} input.tar:-ms-input-placeholder {text-align:right !important;} input.tar:-moz-placeholder {text-align:right !important;} input.tar::placeholder {text-align:right !important;} textarea::-webkit-input-placeholder {color:#ccc;font-weight:300;} textarea::-moz-placeholder {color:#ccc;font-weight:300;} textarea:-ms-input-placeholder {color:#ccc;font-weight:300;} textarea:-moz-placeholder {color:#ccc;font-weight:300;} textarea::placeholder {color:#ccc;font-weight:300;} /* Disabled */ input.disabled::-webkit-input-placeholder {color:#444;} input.disabled::-moz-placeholder {color:#444;} input.disabled:-ms-input-placeholder {color:#444;} input.disabled:-moz-placeholder {color:#444;} input.disabled::placeholder {color:#444;} textarea.disabled::-webkit-input-placeholder {color:#444;} textarea.disabled::-moz-placeholder {color:#444;} textarea.disabled:-ms-input-placeholder {color:#444;} textarea.disabled:-moz-placeholder {color:#444;} textarea.disabled::placeholder {color:#444;} input[type=text] {border:1px solid #ECEFF1;font-size:14px;height:30px;padding:0px 8px 0px 10px;border-radius:5px;overflow:hidden;} input[type=text].wd-min-100 {min-width:100px;} input[type=text].wd-min-100p {min-width:100%;} input[type=text].wd-100p {width:100% !important;} input[type=text].wd-50p {width:50% !important;} input[type=text]:focus {border:1px solid #898B8C;outline:none;} input[type=textarea] {border:1px solid #ECEFF1;font-size:14px;height:30px;padding:0px 8px;border-radius:5px;overflow:hidden; } input[type=textarea]:focus {border:1px solid #898B8C;outline:none;} input[type=search] {border:1px solid #ECEFF1;font-size:14px;height:30px;padding:8px 8px 8px 10px;border-radius:5px;overflow:hidden;} input[type=search].wd-min-100 {min-width:100px;} input[type=search].wd-min-100p {min-width:100%;} input[type=search].wd-100p {width:100% !important;} input[type=search].wd-50p {width:50% !important;} input[type=search]:focus {border:1px solid #898B8C;outline:none;} input[type=password] {border:1px solid #ECEFF1;font-size:14px;height:30px;padding:8px 8px 8px 10px;border-radius:5px;overflow:hidden;} input[type=password].wd-min-100 {min-width:100px;} input[type=password].wd-min-100p {min-width:100%;} input[type=password].wd-100p {width:100% !important;} input[type=password].wd-50p {width:50% !important;} input[type=password]:focus {border:1px solid #898B8C;outline:none;} /* INPUT :: type=search -> 검색어 입력시 'X'박스 */ .inputSearchWrap {position:relative;overflow:hidden;} .inputSearchWrap a.edit {position:absolute;top:50%;left:100%;transform:translate(100%,-50%);} .inputSearchWrap a.edit:before {content:"";display:block;width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit-blue.svg') no-repeat center center/18px auto;} .inputSearchWrap:hover a.edit {transform:translate(-100%,-50%);} .inputSearchWrap .input-Search-box {position:absolute;top:50%;left:100%;transform:translate(100%,-50%);width:calc(100% - 5px);} .inputSearchWrap .input-Search-box input.clearInput {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .inputSearchWrap .input-Search-box .btnInputSearchClear {position:absolute;top:0;right:0;width:32px;height:32px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;outline:none;cursor:pointer;} .inputSearchWrap .input-Search-box.on {left:0;transform:translate(0,-50%);} .inputSearchWrap.selectbox {overflow:visible !important;} .inputSearchWrap a.edit-sel {position:absolute;top:50%;left:100%;width:0;height:0;transform:translate(100%,-50%);} .inputSearchWrap a.edit-sel:before {content:"";display:block;width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit-blue.svg') no-repeat center center/18px auto;} .inputSearchWrap:hover a.edit-sel {width:32px;height:32px;transform:translate(-100%,-50%);} .inputSearchWrap .select-box-default-st {position:absolute;top:calc(100% - 7px);left:100%;transform:translate(100%,0);width:0;-webkit-transition: .45s; transition: .45s;z-index:2;overflow:hidden;} .inputSearchWrap .select-box-default-st.active {width:calc(100% - 5px);left:0;transform:translate(0,0);overflow:initial;} .inputSearchWrap .select-box-default-st > input.selectValue {background-color:#fff;} .inputSearchWrap .input-Search-box.select-search {position:absolute;top:50%;left:100%;transform:translate(100%,-50%);width:calc(100% - 5px);} .inputSearchWrap .input-Search-box.select-search input.clearInput {padding-right:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff url("../images/common/svg/selectbox-arrow.svg") no-repeat right 3px bottom 3px/22px 44px;} .inputSearchWrap .input-Search-box.select-search .btnInputSearchClear {position:absolute;top:0;right:20px;width:32px;height:32px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;outline:none;cursor:pointer;} .inputSearchWrap .input-Search-box.select-search.on{left:0;transform:translate(0,-50%);} /* .inputSearchWrap .input-Search-box.select-search.on input.clearInput{background-position:right 3px top 3px} */ .inputSearchWrap .input-Search-box.select-search .select-list-box{display:none;position:absolute;left:0;top:calc(100% + 5px);box-shadow:3px 3px 7px rgba(0,0,0,0.05);border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;width:100%;} .inputSearchWrap .input-Search-box.select-search .select-list-box ul li a{display: flex;padding: 10px;} .inputSearchWrap .input-Search-box.select-search .select-list-box ul li a > span{color:#CB0D0D} .inputSearchWrap .input-Search-box.select-search .select-list-box ul li + li{border-top:1px solid #ECEFF1} .inputSearchWrap .input-Search-box.select-search .select-list-box ul li:hover a{background-color:#FAFAFA} .photo-card .inputSearchWrap {height:44px;display:flex;align-items:center;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .photo-card .inputSearchWrap .input-Search-box {width:calc(100% - 10px);} .photo-card .inputSearchWrap .input-Search-box.on {left:5px;transform:translate(0,-50%);} .inputSearchWrap.select-searchWrap {position:relative;overflow:hidden;} .inputSearchWrap.select-searchWrap a.edit {position:absolute;top:50%;left:100%;transform:translate(-100%,-50%);opacity:0;width:100%;height:100%;} .inputSearchWrap.select-searchWrap a.edit:before {content:"";display:block;width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit-blue.svg') no-repeat center center/18px auto;position:absolute;right:0;top:50%;transform:translateY(-50%)} .inputSearchWrap.select-searchWrap:hover a.edit {transform:translate(-100%,-50%);opacity:1} .inputSearchWrap.select-searchWrap .input-Search-box {position:absolute;top:50%;left:100%;transform:translate(0,-50%);width:calc(100% - 5px);display:none;z-index:-1;} .inputSearchWrap.select-searchWrap .input-Search-box.on {left:0;transform:translate(0,-50%);display:block;z-index:1;} textarea.wd-100p {width:100% !important;} textarea.wd-50p {width:50% !important;} div.input-rate {position:relative;} label.rate {position:absolute;top:50%;right:10px;transform:translate(0,-50%);} input[type=text].rate {padding-right:30px;} div.input-unit {position:relative;} label.unit {position:absolute;top:50%;right:10px;transform:translate(0,-50%);font-size:13px;font-weight:500;color:#0069b9;} input[type=text].unit {padding-right:40px;} /* ////////////////////////////////////////////////// /* /* INPUT :: 검색어 입력시 'X'박스 모두 적용을 위해 추가적용 */ .input-clear-box {display:inline-block;position:relative;overflow:hidden;} .input-clear-box.wd-100p {width:100%;} .input-clear-box.flex {display:flex;align-items:center;} /*.input-clear-box input[type=text], .input-clear-box input[type=password], .input-clear-box input[type=search], .input-clear-box input[type=number] {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/ .input-clear-box input:not([type=submit]) {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .input-clear-box .btnInputClear {position:absolute;bottom:3px;right:3px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;cursor:pointer;} .input-clear-box.on {left:0;transform:translate(0,-50%);} /* INPUT :: 검색어 입력시 '눈'박스 모두 적용을 위해 추가적용 */ .input-pass-box {display:inline-block;position:relative;overflow:hidden;} .input-pass-box.wd-100p {width:100%;} .input-pass-box.flex {display:flex;align-items:center;} /*.input-clear-box input[type=text], .input-clear-box input[type=password], .input-clear-box input[type=search], .input-clear-box input[type=number] {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/ .input-pass-box input:not([type=submit]) {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .input-pass-box .btnInputEye {position:absolute;bottom:3px;right:3px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url('../images/common/svg/icon-eye.svg') no-repeat center center/20px auto;border:none;/* cursor:pointer; */} .input-pass-box.on {left:0;transform:translate(0,-50%);} /* SEARCH */ .keyword-search {position:relative;display:flex;border:1px solid #ECEFF1;border-radius:5px;} .keyword-search .btnInputClear {position:absolute;bottom:3px;right:25px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;cursor:pointer;} .keyword-search > form {position:relative;display:flex;align-items:center;} .keyword-search input[type=text] {border:0;} .keyword-search input[type=text]:focus {border-color:#898B8C;outline:none;} .keyword-search input[type=submit] {font-size:14px;width:32px;height:32px;border:0;background:url('../images/common/svg/icon-search-btn.svg') no-repeat center top/32px 126px;cursor:pointer;} .keyword-search.boards{border:1px solid rgba(0, 0, 0, 0.15)} .keyword-search.boards:before{content:'';width:13px;height:18px;background:url("../images/boards/search_board_bg.svg")no-repeat center center;line-height:0;z-index:3;position:absolute;right:10px;top:50%;transform:translateY(-50%);} .keyword-search.boards input[type=submit]{opacity:0.5;} .keyword-search.boards input[type=text]{border-radius:7px;padding:0 26px 0 10px;} .keyword-search.default input[type=text] {padding-left:32px;} .keyword-search.default input[type=submit] {position:absolute;top:0;left:0;} .keyword-search.normal input[type=text] {padding-right:32px;} .keyword-search.normal input[type=submit] {position:absolute;top:0;right:0;background-position:center bottom;} .keyword-search.normal .btnInputClear {right:28px;} .keyword-search.button {border:0;} .keyword-search.button input[type=text] {padding-left:32px;border:1px solid #ECEFF1;border-radius:5px;background:url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px;} .keyword-search.button input[type=submit] {min-width:65px;height:30px;color:#0069B9;text-align:center;background:none;border:1px solid #ECEFF1;border-radius:5px;margin-left:7px;padding:0 10px;} .keyword-search.inquire input[type=text] {padding-left:32px;} .keyword-search.inquire input[type=submit] {color:#0069B9;font-weight:600;width:auto;background-position:left center;padding:0 10px 0 32px;} /* Checkbox & Radio :: Style */ /* Noraml */ input[type=checkbox].checkBox-normal + label {display:flex;align-items:center;min-width:60px;position:relative;color:#5b5d5d;font-weight:600;} input[type=checkbox].checkBox-normal + label:before {content:"";display:inline-block;width:17px !important;height:17px !important;border:2px solid #494949;border-radius:3px;overflow:hidden;margin-right:5px;} input[type=checkbox].checkBox-normal:checked + label:before {border-color:#0069B9;background:#0069B9 url('../images/common/svg/check_on.svg') no-repeat center center/17px auto;} input[type=checkbox].checkBox-normal.checkbox-not-all:checked + label:before{border-color:#0069B9;background:#0069B9 url('../images/common/svg/check_etc.svg') no-repeat center center/17px auto;} input[type=checkbox].checkBox-normal + label.disabled:before{background-color: #D4D4D4; border-color: #D4D4D4;} /* Switch */ input[type=checkbox].checkBox-switch + label {display:flex;align-items:center;position:relative;width:39px;height:20px;background-color:#FAFAFA;border:1px solid #ECEFF1;border-radius:20px;overflow:hidden;} input[type=checkbox].checkBox-switch + label:before {content:"";position:absolute;top:-2px;left:-2px;width:22px;height:22px;background-color:transparent;border-radius:18px;} input[type=checkbox].checkBox-switch + label:after {content:"";position:absolute;top:50%;left:4px;transform:translate(0,-50%);width:12px;height:12px;border:4px solid #494949;border-radius:50%;} input[type=checkbox].checkBox-switch:checked + label {border:0px solid #0069B9;} input[type=checkbox].checkBox-switch:checked + label:before {width:43px;background-color:#0069B9;} input[type=checkbox].checkBox-switch:checked + label:after {transform:translate(17px,-50%);border-color:#FFF;} /* Switch (Orange Ver)*/ input[type=checkbox].checkBox-switch-og + label {display:flex;align-items:center;position:relative;width:30px;height:20px;background-color:#EAEAEA;border:1px solid #ddd;border-radius:20px;overflow:hidden;} input[type=checkbox].checkBox-switch-og + label:before {content:"";position:absolute;top:-2px;left:-2px;width:22px;height:22px;background-color:transparent;border-radius:18px;} input[type=checkbox].checkBox-switch-og + label:after {content:"";position:absolute;top:50%;left:2px;transform:translate(0,-50%);width:16px;height:16px;border:1px solid #ddd;background-color:#fff;border-radius:50%;} input[type=checkbox].checkBox-switch-og:checked + label {border:0px solid #FF6700;} input[type=checkbox].checkBox-switch-og:checked + label:before {width:34px;background-color:#FF6700;border:1px solid #E95E00} input[type=checkbox].checkBox-switch-og:checked + label:after {transform:translate(10px,-50%);border-color:#E95E00;background-color:#fff;} input[type=radio].radioBtn-normal + label {display:flex;align-items:center;position:relative;color:#5b5d5d;font-weight:600;} input[type=radio].radioBtn-normal + label:before {content:"";display:inline-block;width:17px;height:17px;border:2px solid #494949;border-radius:50%;margin-right:5px;} /* input[type=radio].radioBtn-normal + label:after {content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;background-color:#FFF;border-radius:50%;opacity:0;} */ input[type=radio].radioBtn-normal + label:after {content:"";position:absolute;top:50%;left:5px;width:7px;height:7px;background-color:#FFF;border-radius:50%;opacity:0;transform:translateY(-50%)} input[type=radio].radioBtn-normal:checked + label:before {border-color:#0069B9;background-color:#0069B9;} input[type=radio].radioBtn-normal:checked + label:after {opacity:1;} input[type=radio].radioBtn-normal + label.disabled:before {opacity:0.5;} input[type=radio].radioBtn-normal + label.disabled:after {} input[type=radio].radioBtn-normal:checked + label.disabled:before {border-color:#494949;background-color:#494949;} input[type=radio].radioBtn-normal:checked + label.disabled:after {opacity:1;} input[type=radio].radioBtn-normal + label span.personal:before{content:"";display:inline-block;width:20px;height:14px;background:url('../images/common/svg/icon-personal.svg')no-repeat center center;margin-right:5px;} input[type=radio].radioBtn-normal + label span.corporate:before{content:"";display:inline-block;width:24px;height:24px;background:url('../images/common/svg/icon-corporate.svg')no-repeat;margin-right:5px;} /* Pagging :: Style */ /*DO NOT ALLOW TO OVERRIDE */ #pagging-wrap {position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:20px;z-index:11;} #pagging-wrap > .page-area {display:flex;align-items:center;} #pagging-wrap > .page-area > a.page-btn {font-size:0;line-height:0;width:32px;height:32px;border:1px solid #ECEFF1;border-radius:5px;background-repeat:no-repeat;background-position:center center;background-size:60px auto;overflow:hidden;margin:0 3px;} #pagging-wrap > .page-area > a.page-btn.first {background-image:url('../images/common/svg/icon-pagging-arrow.svg');background-position:left bottom;} #pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/common/svg/icon-pagging-arrow.svg');background-position:left top;} #pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/common/svg/icon-pagging-arrow.svg');background-position:right top;} #pagging-wrap > .page-area > a.page-btn.last {background-image:url('../images/common/svg/icon-pagging-arrow.svg');background-position:right bottom;} #pagging-wrap > .page-area > a.page-btn.disable {border-color:#B3B3B3;background-color:#E0E0E0;opacity:0.3;} #pagging-wrap > .page-area > ul.list {display:flex;justify-content:center;align-items:center;margin:0 3px;} #pagging-wrap > .page-area > ul.list li {display:flex;justify-content:center;align-items:center;} #pagging-wrap > .page-area > ul.list li + li {margin-left:5px;} #pagging-wrap > .page-area > ul.list li a {font-weight:700;width:32px;height:32px;border-radius:5px;display:flex;justify-content:center;align-items:center;overflow:hidden;} #pagging-wrap > .page-area > ul.list li.on a {border:1px solid #ECEFF1;cursor:default;} #pagging-wrap > .lf {position:absolute;top:0;left:0;} #pagging-wrap > .rh {position:absolute;top:0;right:0;} #pagging-wrap > .rh span {margin:0 3px;} /* BTN-WRAP-DEFAULT :: Style */ #btn-wrap-default {position:relative;display:flex;justify-content:center;align-items:center;margin-top:30px;} /* A tag 소트 :: style */ a.sort-arrow-st {display:flex;align-items:center;} a.sort-arrow-st:after {content:"";display:inline-block;width:18px;height:12px;background: url('../images/common/svg/table-sort-arrow.svg') no-repeat center center/18px 12px;} a.sort-arrow-st.down:after {background-position:center bottom;height:6px;} a.sort-arrow-st.up:after {background-position:center top;height:6px;} /*#layerPopup-contsBox a.sort-arrow-st {display:flex;align-items:center;}*/ #layerPopup-contsBox a.sort-arrow-st:after {height:18px;background: url('../images/common/svg/selectbox-arrow.svg') no-repeat center bottom -2px/22px 44px} #layerPopup-contsBox a.sort-arrow-st.on:after {background-position:center top -2px;} #layerPopup-contsBox > .sTit {position:relative;color:#000;font-size:14px;font-weight:600;padding-bottom:10px;margin-bottom:10px;} #layerPopup-contsBox > .sTit:after {content:"";position:absolute;bottom:0;left:-15px;width:calc(100% + 30px);height:1px;background-color:#ccc;} #layerPopup-contsBox > .sTit.circle {padding-left:20px;} #layerPopup-contsBox > .sTit.circle:before {content:"";position:absolute;top:1px;left:0;width:14px;height:14px;border-radius:50%;border:4px solid #448DD0;} /* Scroll Bar Custom */ .scroll-bar-custom::-webkit-scrollbar {width:5px;background-color:rgba(0,0,0,.05);border-radius:3px; /* 스크롤바의 너비 */} .scroll-bar-custom::-webkit-scrollbar-thumb { display:block; width:5px; /* 스크롤바의 길이 */ background-color:rgba(0,0,0,0.1); /* 스크롤바의 색상 */ border-radius:3px; border:1px solid rgba(0,0,0,0.05); cursor:default !important; } .scroll-bar-custom::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.65); border:1px solid rgba(0,0,0,0.88); cursor:default !important; } .scroll-bar-custom::-webkit-scrollbar-track { display:none; background: rgba(0, 0, 0, .05); /*스크롤바 뒷 배경 색상*/ } .scroll-bar-custom::-webkit-scrollbar-button:start:decrement, .scroll-bar-custom::-webkit-scrollbar-button:end:increment { /* 스크롤의 화살표가 포함된 영역 */ display:none; height:1.0rem; background-color: transparent; } .scroll-bar-textarea::-webkit-scrollbar {width:2px;background-color:transparent;border-radius:3px; /* 스크롤바의 너비 */} .scroll-bar-textarea::-webkit-scrollbar-thumb { display:block; width:2px; /* 스크롤바의 길이 */ background-color:rgba(0,0,0,0.1); /* 스크롤바의 색상 */ border-radius:3px; border:1px solid rgba(0,0,0,0.05); cursor:default !important; } .scroll-bar-textarea::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.65); border:1px solid rgba(0,0,0,0.88); cursor:default !important; } .scroll-bar-textarea::-webkit-scrollbar-track { display:none; background: rgba(0, 0, 0, .05); /*스크롤바 뒷 배경 색상*/ } .scroll-bar-textarea::-webkit-scrollbar-button:start:decrement, .scroll-bar-textarea::-webkit-scrollbar-button:end:increment { /* 스크롤의 화살표가 포함된 영역 */ display:none; height:1.0rem; background-color: transparent; } div.daily_title{background-color:#FAFAFA;padding:10px;display:flex;width:100%;} div.daily_title > span{font-weight:700;} .first span.price{font-weight:700} span.title_label{position:relative;font-weight:700;display:inline-flex;align-items:center;} span.title_label:before{content:'';background-color:#76C3FD;width:4px;height:17px;display:inline-block;border-radius:5px;margin-right:7px;} span.account_label{position:relative;font-weight:700;display:inline-flex;align-items:center;} span.account_label:before{content:'';background-color:#76C3FD;width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:7px;} /* TABLE :: LIST Style */ #table-list-wrap {position:relative;border:1px solid #e0e0e0;border-radius:5px;} #table-list-wrap.tableScroll {overflow:auto; } #table-list-wrap.tableScroll table {position:relative;} #table-list-wrap.tableScroll table thead {position:sticky;top:0;left:0;z-index:1;} #table-list-wrap.tableScroll table tfoot {position:sticky;bottom:0;left:0;/*z-index:1;*/} #table-list-wrap.row3 {max-height:138px;} #table-list-wrap.row4 {max-height:183px;} #table-list-wrap.row5 {max-height:228px;} #table-list-wrap.row6 {max-height:273px;} #table-list-wrap.row7 {max-height:318px;} #table-list-wrap.row8 {max-height:363px;} #table-list-wrap.row9 {max-height:408px;} #table-list-wrap.row10 {max-height:453px;} #table-list-wrap.height-3 {min-height:138px;} #table-list-wrap.height-4 {min-height:183px;} #table-list-wrap.height-5 {min-height:228px;} #table-list-wrap.height-6 {min-height:273px;} #table-list-wrap.height-7 {min-height:318px;} #table-list-wrap.height-8 {min-height:363px;} #table-list-wrap.height-9 {min-height:408px;} #table-list-wrap.height-10 {min-height:453px;} #table-list-wrap table {} #table-list-wrap table thead {background-color:#e8ebed;} #table-list-wrap table thead tr {border-bottom:1px solid #ECEFF1;} #table-list-wrap table thead tr th {color:#494949;font-weight:600;padding:12px 7px;text-align:left;} #table-list-wrap table thead tr th > a {color:#494949;font-weight:600;} /* #table-list-wrap table thead tr th > a.sort {display:flex;align-items:center;} */ #table-list-wrap table thead tr th > a.sort:after {content:"";display:inline-block;width:18px;height:12px;background: url('../images/common/svg/table-sort-arrow.svg') no-repeat center center/18px 12px;} #table-list-wrap table thead tr th > a.sort.down:after {background-position:center bottom;height:6px;} #table-list-wrap table thead tr th > a.sort.up:after {background-position:center top;height:6px;} #table-list-wrap table thead tr th > a.sort.tar {justify-content:flex-end;} #table-list-wrap table thead tr th.bg-white {background-color:#fafafa;} #table-list-wrap table thead tr th.left-line {border-left:1px solid #ECEFF1;} #table-list-wrap table tfoot {background-color:#FAFAFA;border-top:1px solid #ECEFF1;} #table-list-wrap table tfoot tr th {color:#494949;font-weight:600;padding:12px 7px;text-align:left;} #table-list-wrap table tfoot tr th.sort.tar {padding-right:15px;} #table-list-wrap table tbody tr {background-color:#FFF;} #table-list-wrap table tbody tr + tr {border-top:1px solid #ECEFF1;} #table-list-wrap table tbody tr:hover {background-color:#f5f5f5;} #table-list-wrap table tbody tr.gray-bg {background-color:#FAFAFA;} #table-list-wrap table tbody tr.yellow-bg {background-color:#FFFEDB;} #table-list-wrap table tbody tr.green-bg {background-color:#ECFCF2;} #table-list-wrap table tbody tr.red-bg {background-color:#FFE1E3;} #table-list-wrap table tbody tr.chk-active, #table-list-wrap table tbody tr.chk-active td {/* background-color:#EBF7FF !important; */} #table-list-wrap table tbody tr.highlight > td, #table-list-wrap table tbody tr.highlight > td > a {font-weight:700;} #table-list-wrap table tbody tr.cGreen td, #table-list-wrap table tbody tr.cGreen td a {color:#009688 !important;} #table-list-wrap table tbody tr.cRed td, #table-list-wrap table tbody tr.cRed td a {color:#CB0D0D !important;} #table-list-wrap table tbody tr th {background-color:#FAFAFA;} #table-list-wrap table tbody tr td {color:#494949;padding:5px 5px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap.sort table tbody tr td {color:#494949;padding:5px 5px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:14px;} #table-list-wrap table tbody tr td.find-not-result {height:100px;font-weight:700;text-align:center;} #table-list-wrap table tbody tr td.none {min-height:480px;height:480px !important;font-weight:700;text-align:center;} #table-list-wrap table tbody tr td span.sub_txt{display:block;font-size:11px;color:#999;font-weight:500;} #table-list-wrap table tbody tr th.left-line, #table-list-wrap table tbody tr td.left-line, #table-list-wrap table tfoot tr th.left-line{border-left:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.vat {padding-top:15px;} #table-list-wrap table tbody tr td.sort.tar {padding-right:15px;} #table-list-wrap table tbody tr td.select {overflow:visible;} #table-list-wrap table tbody tr td.operation{} #table-list-wrap table tbody tr td.operation > div.active{display:flex;align-items:center;color:rgba(4, 102, 46, 1);font-weight:500;} #table-list-wrap table tbody tr td.operation > div.active:before{content:'';background:url("../images/common/svg/icon_operation_chk.svg")no-repeat;display:inline-block;width:12px;height:13px;margin-right:5px;} #table-list-wrap table tbody tr td.operation > div.alert{display:flex;align-items:center;color:rgba(203, 13, 13, 1);font-weight:500;} #table-list-wrap table tbody tr td.operation > div.alert:before{content:'';background:url("../images/common/svg/icon_operation_alert.svg")no-repeat;display:inline-block;width:4px;height:13px;margin-right:5px;} #table-list-wrap.ptpb-5 table tbody tr td {/*padding-top:5px;padding-bottom:5px;*/} #table-list-wrap.ptpb-10 table tbody tr td {/*padding-top:10px;padding-bottom:10px;*/} #table-list-wrap table tbody tr td > a {color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td > a.user-img{display:flex;justify-content:center;align-items:center;} #table-list-wrap table tbody tr td.find-not-result > a {color:#fff;font-size:20px;width:300px;line-height:54px;height:54px;margin-top:20px;} #table-list-wrap table tbody tr td > p.bank-connect {color:#0069B9;font-size:18px;} #table-list-wrap table tbody tr td > p.e-invoice {color:#0069B9;font-size:18px;font-weight:400;} #table-list-wrap table tbody tr td div.progress > p{display:flex;align-items:center;color:rgba(15, 56, 238, 0.8);font-weight:500;} #table-list-wrap table tbody tr td div.progress > p:before{content: '';display: inline-block;background: url("../images/common/svg/icon_progress.svg") no-repeat;width: 18px;height: 18px;margin-right: 8px;} #table-list-wrap table thead tr th.update, #table-list-wrap table tbody tr td.update {position:relative;padding-left:35px;overflow:visible;z-index:1;} #table-list-wrap table tbody tr td.update div.icon {position:absolute;top:50%;left:7px;transform:translate(0,-50%);width:28px;height:28px;z-index:-1;} #table-list-wrap table tbody tr td.update div.icon > a {display:block;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.b,.d%7Bstroke:%23494949;stroke-linecap:round;stroke-miterlimit:10;%7D.b%7Bstroke-width:1.7px;%7D.c%7Bfill:%23494949;%7D.e%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cline class='b' x1='12.11' y1='21.95' x2='10.91' y2='23.63'/%3E%3Cline class='b' x1='19.93' y1='21.95' x2='21.13' y2='23.63'/%3E%3Cpath class='c' d='M12.68,9.35c0-.06-.1-.13-.16-.19A2.7,2.7,0,0,0,8.71,13a1.39,1.39,0,0,0,.19.15A7.89,7.89,0,0,1,12.68,9.35Z'/%3E%3Cpolyline class='d' points='12.99 16.48 16.03 16.48 16.03 12.76'/%3E%3Cpath class='b' d='M17.55,10.6A5.87,5.87,0,0,0,16,10.39a6.1,6.1,0,1,0,6.1,6.1,6.28,6.28,0,0,0-.23-1.58'/%3E%3Ccircle class='e' cx='21.58' cy='10.87' r='2.5'/%3E%3C/svg%3E") no-repeat center center/32px 32px;} #table-list-wrap table tbody tr td.update div.tooltip {display:inline-block;} #table-list-wrap table tbody tr td.update div.tooltip > .ticker-layer-infor {color:#494949;} #table-list-wrap table tbody tr td.tooltip {overflow:visible;} #table-list-wrap table tbody tr td.tooltip div.tooltip {display:inline-block;} #table-list-wrap table tbody tr td.tooltip div.tooltip > .ticker-layer-infor {color:#494949;} #table-list-wrap table tbody tr td.update:hover {z-index:99;} #table-list-wrap table tbody tr td.tooltip:hover {z-index:99;} #table-list-wrap table tbody tr td.pic-infor {overflow:visible;text-overflow:inherit;white-space:normal;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap {position:relative;display:inline-block;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > a {display:flex;align-items:center;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > a:after {content:"";width:26px;height:26px;background: url('../images/common/svg/selectbox-arrow.svg') no-repeat right 3px bottom 3px/22px 44px;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox {display:none;position:absolute;top:calc(100% + 5px);right:-6px;min-width:420px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox:after {content:"";position:absolute;top:-4px;right:14px;width:7px;height:7px;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;transform:rotate(45deg);} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox ul li {display:flex;padding:7px;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox ul li + li {border-top:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox ul li a.name {width:25%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox ul li p.tel {width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox ul li a.email {width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.pic-infor-normal {overflow:visible;text-overflow:inherit;white-space:normal;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap {position:relative;display:inline-block;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > a {display:flex;align-items:center;} #table-list-wrap table tbody tr td.pic-infor-normal.on > .pic-infor-wrap > a{color:#0069B9;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > a:after {content:"";width:26px;height:26px;background: url('../images/common/svg/pic-selectbox-arrow.png') no-repeat right 3px bottom 3px/22px 44px;} #table-list-wrap table tbody tr td.pic-infor-normal.on > .pic-infor-wrap > a:after {background-position: right 3px top;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox {display:none;position:absolute;top:calc(100% + 5px);left:0;min-width:267px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;z-index:2;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);} /* #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox:after {content:"";position:absolute;top:-4px;right:14px;width:7px;height:7px;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;transform:rotate(45deg);} */ #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li {display:flex;padding:7px;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li + li {border-top:1px solid #e0e0e0;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a.name {width:25%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a > div{display:flex;align-items:center;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a > div p{font-size:13px;color:#1b1b1b;font-weight:500;position:relative;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a > div p + p{margin-left:6px;padding-left:6px;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a > div p + p:before{content:'';width:1px;height:12px;background-color:#a8a8a8;position:absolute;left:0;top:2px;border-radius:3px;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a > div p.email{font-size:13px;font-weight:500;color:#999;margin-top:3px;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li p.tel {width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.pic-infor-normal > .pic-infor-wrap > .pic-infor-contBox ul li a.email {width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.payment{overflow:visible;} #table-list-wrap table tbody tr td.payment .edit-seclectBox{display:flex;align-items:center;} #table-list-wrap table tbody tr td.payment .edit-seclectBox .hide{display:none;font-size:13px;font-weight:500;color:#1b1b1b;padding-left:10px;} #table-list-wrap table tbody tr td.payment .edit-seclectBox.active .hide{display:flex;align-items:center;} #table-list-wrap table tbody tr td.payment .edit-seclectBox.active .hide a{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:5px;} #table-list-wrap table tbody tr td.payment .edit-seclectBox.active .hide a:before{content:'';background:url("../images/common/svg/icon-edit-active.svg")no-repeat;display:inline-block;width:16px;height:16px;} #table-list-wrap table tbody tr td.payment .edit-seclectBox div.select-box-default-st.edit input{color:#999;} #table-list-wrap table tbody tr td.table-tbody-list {padding:0;} #table-list-wrap table tbody tr td.table-tbody-list > div {padding:0;max-height:228px;vertical-align:top;overflow-y:auto;background-color:#fff;} #table-list-wrap table tbody tr td.table-tbody-list > div.row3 {max-height:138px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row4 {max-height:183px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row5 {max-height:228px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row6 {max-height:273px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row7 {max-height:318px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row8 {max-height:363px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row9 {max-height:408px;} #table-list-wrap table tbody tr td.table-tbody-list > div.row10 {max-height:453px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-3 {min-height:138px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-4 {min-height:183px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-5 {min-height:228px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-6 {min-height:273px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-7 {min-height:318px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-8 {min-height:363px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-9 {min-height:408px;} #table-list-wrap table tbody tr td.table-tbody-list > div.height-10 {min-height:453px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr {border-top:0;border-bottom:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td {background-color:#fff;padding:5px 5px;height:45px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.vat {padding-top:15px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr:hover td {background-color:#FAFAFA;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.green{color:#04662E;position:relative;font-weight:500;overflow:visible;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.green div.label{color:#04662E;position:relative;font-weight:500;display:inline-block;border-radius:6px;padding:5px 7px;font-size:13px;background-color:#E9F5EE;border: 1px solid #2196531A} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.blue{color:#0F1FEA;position:relative;font-weight:500;overflow:visible;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.blue div.label{color:#0F1FEA;position:relative;font-weight:500;display:inline-block;border-radius:6px;padding:5px 7px;font-size:13px;background-color:#E9EFFF;border: 1px solid #1E5CFE1A} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.red{color:#C50712;position:relative;font-weight:500;overflow:visible;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results.red div.label{color:#C50712;position:relative;font-weight:500;display:inline-block;border-radius:6px;padding:5px 7px;font-size:13px;background-color:#FCE9EB;border: 1px solid #F87D391A} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td > div .tooltip_message{display:none;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);text-align:left;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td > div .tooltip_message .cont{border:1px solid #d9d9d9;border-radius:5px;font-weight:400;color:#000;padding:7px 10px;position:relative;background-color:#fff;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td > div .tooltip_message .cont:after{content:"";position:absolute;top:10px;right:-4px;width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;transform:rotate(135deg);background-color:#fff;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results .reset{display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow: 0px 2px 3px 0px #00000014;width:22px;height:22px;border-radius:7px;border:1px solid #0000001F;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results .reset:before{content:'';background:url("../images/settings/icon-reset.svg")no-repeat;display:inline-block;width:16px;height:16px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results .reset.disabled{background-color:#F5F4F4;pointer-events: none;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.results .reset.disabled:before{opacity:.25;} #table-list-wrap.rollover-none table tbody tr:hover {background-color:#FFF;} #table-list-wrap.rollover-none table tbody tr td.table-tbody-list > div table tbody tr:hover td {background-color:#FFF;} #table-list-wrap.noneBg table tbody tr td {height:30px;} #table-list-wrap.noneBg table tbody tr:hover {background-color:#FFF;} #table-list-wrap.noneLine {border:0px;border-radius:0;} #table-list-wrap.noneLine table tbody tr + tr {border-top:0px;} #table-list-wrap table tbody tr td.last-update {display:flex;justify-content:space-between;align-items:center;overflow:visible !important;} #table-list-wrap table tbody tr td.last-update .update {display:flex;align-items:center;margin-right:5px;font-weight:normal;} #table-list-wrap table tbody tr td.last-update .update > div {position:relative;/*width:16px;height:16px;*/} #table-list-wrap table tbody tr td.last-update.info-update .update > div{width:auto;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.minus {width:18px;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.add {width:18px;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.etc_list {width:20px;height:20px;position:relative;} #table-list-wrap table tbody tr td.last-update .update > div.etc_list a.etc:before {width:12px;height:17px;} #table-list-wrap table tbody tr td.last-update .update > div.etc_list > .etc_popup{display:none;position:absolute;right:100%;top:100%;z-index:1;background-color: #fff;border-radius: 5px;border:1px solid #d9d9d9;padding:5px 0;} #table-list-wrap table tbody tr td.last-update .update > div.etc_list > .etc_popup ul li a{padding:5px 10px;} #table-list-wrap table tbody tr td.last-update .update > div.etc_list > .etc_popup ul li > a.cRed{font-weight:bold} #table-list-wrap table tbody tr td.last-update .update > div.etc_list > .etc_popup ul li > a:before{margin-right:5px;width:12px;height:17px;} #table-list-wrap table tbody tr td.last-update .update > div.ls-down {width:20px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div.ls-up {width:20px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div.switch {width:39px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div + div {margin-left:7px;} #table-list-wrap table tbody tr td.last-update .update > div.currency{width:21px;} #table-list-wrap table tbody tr td.last-update .update > div.currency.vnd > a{display:block;width:21px;height:17px;background:url('../images/common/icon-vnd.png') no-repeat center / 21px 17px;} #table-list-wrap table tbody tr td.last-update .update > div.currency.usd > a{display:block;width:21px;height:17px;background:url('../images/common/icon-usd.png') no-repeat center / 21px 17px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-sticker.svg') no-repeat center top -7px/32px 186px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.default > a {background-position:center top -7px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.green > a {background-position:center top -38px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.yellow > a {background-position:center top -69px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.blue > a {background-position:center top -100px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.red > a {background-position:center top -131px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.purple > a {background-position:center top -162px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2 > a{background:url('../images/common/svg/icon-sticker-ver2.svg') no-repeat center top /18px 108px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.default > a {background-position:center top;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.green > a {background-position:center top -18px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.yellow > a {background-position:center top -36px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.blue > a {background-position:center top -54px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.red > a {background-position:center top -72px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker.ver2.purple > a {background-position:center top -90px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write {display:none;position:absolute;top:0;right:100%;padding-right:20px;z-index:2;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write.bottom {top:auto;bottom:-10px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write.bottom:after {top:auto;bottom:8px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts {width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .sticker-memo {padding:10px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .sticker-memo textarea {width:100%;min-height:75px;border:0;outline:none;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view {display:none;position:absolute;top:0px;right:100%;padding-right:20px;z-index:2;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view.bottom {top:auto;bottom:-10px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view.bottom:after {top:auto;bottom:8px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view .conts {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);padding:10px;} #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view .conts > div {width:300px;min-height:150px;max-height:230px;overflow-y:auto;white-space:normal;line-height:1.4;} #table-list-wrap table tbody tr td.last-update .update > div.location > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-location.svg') no-repeat center top -8px/32px auto;} #table-list-wrap table tbody tr td.last-update .update > div.location.ver2 > a{display:block;width:100%;height:100%;background:url('../images/common/svg/icon-location2.svg') no-repeat;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor {display:none;position:absolute;top:100%;right:-11px;padding-top:12px;z-index:2;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:-1px -1px 0px #ECEFF1;transform:rotate(45deg);} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor .conts {width:450px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:15px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor .conts .memo {white-space:normal;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor .conts .etc {display:flex;justify-content:space-between;align-items:center;margin-top:10px;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor .conts .etc > span {color:#A6A6A6;font-weight:600;} #table-list-wrap table tbody tr td.last-update .update > div.location > div.location-infor .conts .etc > a {color:#0069B9;font-weight:600;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > a {display:block;width:100%;height:100%;background-color:#0069B9;border-radius:50%;overflow:hidden;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > a:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-size:20px auto;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu {display:none;position:absolute;top:100%;right:-11px;min-width:100px;padding-top:12px;z-index:2;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:-1px -1px 0px #ECEFF1;transform:rotate(45deg);} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li {} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li a {width:100%;white-space:nowrap;padding-right:10px;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li a:before {opacity:0.5;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li:hover a:before {opacity:0.5;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li:hover {background-color:#FAFAFA;} #table-list-wrap table tbody tr td.last-update .update > div.new-wrok > div.new-wrok-menu ul li:hover a:before {opacity:1.0;} #table-list-wrap table tbody tr td.last-update .update > div.file {width:20px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div.file a:before {width:20px;height:20px;background-position:center center;background-size:32px auto;} #table-list-wrap table tbody tr td.last-update .update > div.etc a:before{width:12px;height:17px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip {width:20px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-received.svg') no-repeat center top/22px 55px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip.blue > a {background-position:center bottom -2px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip .ticker-layer-infor:after {content:none;} #table-list-wrap table tbody tr td.last-update .update > div.check-tooltip {width:18px;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.check-tooltip a:before {width:18px;height:18px;background-position:center center;background-size:32px auto;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType {width:20px;height:20px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType.green > a {background-position:center bottom -2px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-received-green.png') no-repeat center top/22px 55px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType .ticker-layer-infor:after {content:none;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType {width:18px;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.click-tooltip-gType a:before {width:18px;height:18px;background-position:center center;background-size:32px auto;} #table-list-wrap table tbody tr td.last-update .update > div.etc .etc-select{display:none;position:absolute;right:10px;top:70%;width:175px;border:1px solid #E0E0E0;background-color:#fff;z-index:1;border-radius:5px;} #table-list-wrap table tbody tr td.last-update .update > div.etc .etc-select ul li > a{display:flex;align-items:center;justify-content:space-between;padding:7px 17px;} #table-list-wrap table tbody tr td.last-update .update > div.etc .etc-select ul li + li{border-top:1px solid #e0e0e0;} #table-list-wrap table tbody tr td.last-update .update > div.etc .etc-select ul li:hover{background-color: #FAFAFA;} #table-list-wrap table tbody tr td.last-update .update > div.reset{width:22px;height:22px;} #table-list-wrap table tbody tr td.last-update .update > div a.icon-reset{width:22px;height:22px;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.15);} #table-list-wrap table tbody tr td.last-update .update > div a.icon-reset:before{content:'';background:url('../images/common/svg/icon_table_reset.svg') no-repeat center;width:12px;height:16px;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm {position:relative;width:100%;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > a {display:block;font-size:12px;text-align:center;border:1px solid #ECEFF1;border-radius:5px;padding:6px 0;background-color:#fff;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap {display:none;position:absolute;top:0;right:calc(100% + 5px);border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.07);z-index:1;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li > a {display:block;padding:5px 10px 5px 15px;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li > a:hover {background-color:#FAFAFA;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li.optgroup {color:#A6A6A6;font-size:11px;padding:5px 10px;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li.section-topline {border-top:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li.tooltip{position:relative;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li.tooltip > a{display:inline-block;} #table-list-wrap table tbody tr td.last-update > div.btn-confirm > .confirm-select-wrap ul.select-box-option li.tooltip a:after{content: ">";display: inline-block;margin-left:3px;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td {/*position:relative;*/width:100%;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > a {display:block;font-size:12px;text-align:center;border:1px solid #ECEFF1;border-radius:5px;padding:6px 0;background-color:#fff;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td {display:none;position:absolute;/*top:0;right:calc(100% + 5px);*/border:1px solid #ECEFF1;border-radius:10px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.07);z-index:1;min-width:190px;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li > a {display:block;padding:5px 10px 5px 15px;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li{position:relative;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li + li{border-top:1px solid #ECEFF1;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup > a {transition:0.25s;color:#A6A6A6;font-size:13px;padding:10px 15px;background-color:#fff;font-weight:600;display:flex;align-items:center;justify-content:space-between;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup > a:hover{transition:0.25s;color:#000;background-color:#fafafa;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup > a:after{content: '';margin-left:10px;display:inline-block;width:10px;height: 6px;overflow:hidden;background: url("../images/common/tablePopup_arrow.png") no-repeat center bottom /10px 14px;transition: 0.45s;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup > a.active{transition:0.25s;background-color:#eceff1;color:#000} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup > a.active:after{background-position:center top;transition: 0.45s;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.optgroup.none > a:after{display:none} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li.section-topline {} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li > ul.dep2{display:none;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li > ul.dep2 > li > a{display:flex;align-items:center; padding:10px 25px;font-size:13px;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td ul.select-box-option > li > ul.dep2 > li > a:hover{background-color:#FAFAFA;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup{position:absolute;right:calc(100% + 10px);top:0;bottom:auto;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup.rt{position:absolute;right:calc(100% + 10px);top:0;left:auto;bottom:auto;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup.rb{position:absolute;right:calc(100% + 10px);bottom:0;left:auto;top:auto;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup.lt{position:absolute;left:calc(100% + 10px);top:0;right:auto;bottom:auto;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup.lb{position:absolute;left:calc(100% + 10px);bottom:0;right:auto;top:auto;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont{border:1px solid #e2e2e2;box-shadow:3px 3px 5px rgba(0,0,0,0.07)} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont .layerPopup-close{position: absolute;top: 11px;right: 5px;width: 36px;height: 36px; background: url("../images/common/svg/layerPopupClose.svg") no-repeat center center/16px 16px;cursor: pointer; z-index: 1;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;margin-top:0;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form label {border:none;display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} #table-list-wrap table tbody tr.confirm td.last-update > div.btn-confirm-td > .confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } #table-list-wrap table tbody tr td.last-update .update a.icon-svg.black.minus {width:18px;height:18px;border-radius:50%;background-color:#494949;border:1px solid #494949;} #table-list-wrap table tbody tr td.last-update .update a.icon-svg.black.minus:before {background-size:20px 20px;} #table-list-wrap table tbody tr td.last-update .update a.icon-svg.red.minus {width:18px;height:18px;border-radius:50%;background-color:#fff;border:1px solid #ED243C;background-size:24px auto;} #table-list-wrap table tbody tr td.last-update .update a.icon-svg.listdown {width:20px;height:20px;border-radius:5px;border:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.last-update .update a.icon-svg.listup {width:20px;height:20px;border-radius:5px;border:1px solid #ECEFF1;} #table-list-wrap table tbody tr td.personal:before{content: ""; display: inline-block;width: 20px; height: 14px;background: url(../images/common/svg/icon-personal.svg)no-repeat;margin-right: 5px;vertical-align:top;} #table-list-wrap table tbody tr td.corporate:before{content: ""; display: inline-block;width: 24px; height: 24px;background: url(../images/common/svg/icon-corporate.svg)no-repeat;margin-right: 5px;vertical-align:sub;} #table-list-wrap table tbody tr td.warning{position:relative} #table-list-wrap table tbody tr td.warning:after{content:'';background:url("../images/common/svg/icon-warning.svg")no-repeat;width:17px;height:17px;display:inline-block;margin-left:5px;vertical-align:bottom} /* table 검은 말풍선 */ #table-list-wrap table thead tr th .approval-wrap , #table-list-wrap table tbody tr td .approval-wrap {position:relative;} #table-list-wrap table thead tr th .approval-wrap .approval, #table-list-wrap table tbody tr td .approval-wrap .approval {display:none;position:absolute;left:50%;right:auto;transform:translateX(-50%);top:30px;background-color:#494949;border-radius:5px;padding:12px 14px;min-width:250px;max-width:250px;color:#fff;width:100%;font-weight:400;z-index:1} #table-list-wrap table thead tr th .approval-wrap .approval.menuLeft, #table-list-wrap table tbody tr td .approval-wrap .approval.menuLeft {position:absolute;left:0;right:auto;transform:translateX(0);top:30px;} #table-list-wrap table thead tr th .approval-wrap .approval.menuRight, #table-list-wrap table tbody tr td .approval-wrap .approval.menuRight {position:absolute;right:0;left:auto;transform:translateX(0);top:30px;} #table-list-wrap table thead tr th .approval-wrap .approval:before, #table-list-wrap table tbody tr td .approval-wrap .approval:before {content:'';background-color:#494949;width:10px;height:10px;position:absolute;transform:rotate(45deg)translateX(-50%);left:50%;right:auto;top:-1px;} #table-list-wrap table thead tr th .approval-wrap .approval.menuLeft:before, #table-list-wrap table tbody tr td .approval-wrap .approval.menuLeft:before {content:'';background-color:#494949;width:10px;height:10px;position:absolute;transform:rotate(45deg)translateX(0);left:16px;right:auto;top:-4px;} #table-list-wrap table thead tr th .approval-wrap .approval.menuRight:before, #table-list-wrap table tbody tr td .approval-wrap .approval.menuRight:before {content:'';background-color:#494949;width:10px;height:10px;position:absolute;transform:rotate(45deg)translateX(0);left:auto;right:16px;top:-4px;} #table-list-wrap table thead tr th .approval-wrap .approval .title, #table-list-wrap table tbody tr td .approval-wrap .approval .title {font-size:13px;border-bottom:1px solid #78baeb;padding-right:20px;display:inline-block;margin-bottom:10px;text-align:left;padding-bottom:2px;} #table-list-wrap table thead tr th .approval-wrap .approval p, #table-list-wrap table tbody tr td .approval-wrap .approval p {font-size:12px;line-height:1.6;text-align:left;} #table-list-wrap table tbody tr td a.no_link{color:#0069B9;font-weight:600;text-decoration:underline} #table-list-wrap table tbody tr td.contact{position:relative;overflow: visible !important;} #table-list-wrap table tbody tr td.contact:hover{text-decoration:underline;} #table-list-wrap table tbody tr td.contact .contact_popup{display:none;position:absolute;left:0;top:85%;padding:15px 17px;box-shadow:1px 1px 5px rgba(0,0,0,0.075); border:1px solid #ECEFF1;background-color:#fff;max-width:440px;min-width:440px;border-radius:5px;z-index:1;white-space:normal;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head{padding-bottom:15px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .head_list{display:flex;flex-flow:wrap;margin-left:15px;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head > div{display:flex;align-items:center;width:100%;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head > div + div{margin-top:5px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .company{font-size:18px;font-weight:700;color:#0069b9;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .company:before{content:'';display:inline-block;background:url('../images/common/svg/menu-icon-business.svg')no-repeat center center/30px 30px;width:30px;height:30px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .num{font-size:13px;color:#4949497C;padding-left:20px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .name{padding-left:30px;width:50%;font-size:13px;color:#4949497C;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .name:before{content: '';display: inline-block;background: url("../images/common/svg/user-icon.svg")no-repeat center center /20px 20px;width: 20px;height: 20px; margin-right: 8px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .call{width:50%;font-size:13px;color:#4949497C;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .call:before{content: '';display: inline-block;background: url("../images/common/svg/contact_call.svg")no-repeat center center/25px 20px;width:25px;height:20px;margin-right: 8px;} #table-list-wrap table tbody tr td.contact .contact_popup .list{padding-top:15px;border-top:1px solid #4949497C} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl{display:flex;} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl + dl{margin-top:15px;} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dt{font-size:13px;min-width:136px;color:#1B1B1B;font-weight:500} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd{padding-left:20px;font-size:11px;width:calc(100% - 132px);color:#1B1B1B} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd > div{display:flex;align-items:center;justify-content:space-between} #table-list-wrap table tbody tr td.contact .contact_popup > a.pop-btn{display:flex;justify-content:flex-end;font-size:11px;color:#0069B9;text-decoration:underline;margin-top:10px;} #table-list-wrap table tbody tr td > div a.icon-svg.black.minus{width: 18px;height: 18px;border-radius: 50%;background-color: #494949;border: 1px solid #494949;} #table-list-wrap table tbody tr td > div a.icon-svg.white.add{width: 18px;height: 18px;border-radius: 50%;background-color: #0069B9;} #table-list-wrap table tbody tr td > div a.icon-svg.white.add:before{background-size:24px !important;} #table-list-wrap table tbody tr td > div a.icon-svg.red.minus{width: 18px;height: 18px;border-radius: 50%;background-color: #fff;border: 1px solid #CB0D0D;} #table-list-wrap table tbody tr td > div a.icon-svg.red.minus:before{background-size:20px !important;} #table-list-wrap table tbody tr td.btn-cont{display:flex;align-items:center;justify-content:flex-end;} #table-list-wrap table tbody tr td.btn-cont > div.up-btn{} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;display:block;position:relative;} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a:before{content:'';background: url("../images/common/arrow-btn.png")no-repeat center top/16px 32px;width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} /* #table-list-wrap table tbody tr td.btn-cont > div.down-btn{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;} #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a{background: url("../images/common/arrow-btn.png")no-repeat center bottom/16px 32px;width:20px;height:20px;display:block;} */ #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;display:block;position:relative;} #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a:before{content:'';background: url("../images/common/arrow-btn.png")no-repeat center bottom/16px 32px;width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a{} #table-list-wrap table tbody tr.total-table{border-radius: 0 0 5px 5px;} #table-list-wrap table tbody tr.total-table td{background-color:#FAFAFA;font-weight:700} .table-total table tbody tr td {color:#494949;padding:5px 5px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700} #table-list-wrap table tbody tr td.reference > a{text-decoration:underline;} #table-list-wrap table tbody tr td.select-searchWrap{overflow:visible} #table-list-wrap table tbody tr td.select-searchWrap > p{overflow:hidden;width:calc(100% - 32px);text-overflow:ellipsis;white-space:nowrap;} /* TABLE :: FORM Style */ #table-form-wrap {border:1px solid #ECEFF1;border-radius:5px;} #table-form-wrap table {} #table-form-wrap table thead {background-color:#e8ebed;} #table-form-wrap table thead tr th {color:#494949;font-weight:600;padding:12px 7px;text-align:left;} #table-form-wrap table thead tr th > a {color:#494949;font-weight:600;} #table-form-wrap table thead tr th > a.sort {display:flex;align-items:center;} #table-form-wrap table thead tr th > a.sort:after {content:"";display:inline-block;width:18px;height:12px;background: url('../images/common/svg/table-sort-arrow.svg') no-repeat center center/18px 12px;} #table-form-wrap table thead tr th > a.sort.down:after {background-position:center bottom;height:6px;} #table-form-wrap table thead tr th > a.sort.up:after {background-position:center top;height:6px;} #table-form-wrap table tfoot {background-color:#FAFAFA;border-top:1px solid #ECEFF1;} #table-form-wrap table tfoot tr th {color:#A7A7A7;font-weight:600;padding:12px 7px;text-align:left;} #table-form-wrap table tbody tr {border-top:1px solid #ECEFF1;} #table-form-wrap table tbody tr.gray-active {background-color:#FAFAFA;} #table-form-wrap table tbody tr.chk-active {background-color:#EBF7FF;} #table-form-wrap table tbody tr.highlight > td, #table-form-wrap table tbody tr.highlight > td > a {font-weight:700;} #table-form-wrap table tbody tr td {position:relative;color:#494949;padding:5px;} #table-form-wrap table tbody tr td.name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-form-wrap table tbody tr td.stay {height:100px;text-align:center;} #table-form-wrap table tbody tr td.find-not-result {height:100px;font-weight:700;text-align:center;} #table-form-wrap table tbody tr td div.flex {display:flex;align-items:center;} #table-form-wrap table tbody tr td > a {color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-form-wrap table tbody tr td.pic-billing {display:flex;justify-content:flex-end;align-items:center;} #table-form-wrap table tbody tr td.pic-billing .update {display:flex;align-items:center;margin-right:5px;font-weight:normal;min-height:32px;} #table-form-wrap table tbody tr td.pic-billing .update > div {position:relative;} #table-form-wrap table tbody tr td.pic-billing .update > div + div {margin-left:7px;} #table-form-wrap table tbody tr td.pic-billing .update > div.chk-box {} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {display:flex;justify-content:flex-end;align-items:center;min-width:36px;height:100%;margin-left:30px;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a {position:relative;display:block;width:16px;height:16px;background-color:#0069B9;border:1px solid #0069B9;border-radius:50%;overflow:hidden;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a.add.gray {background-color:#C3C3C3;border:1px solid #C3C3C3;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a.minus.gray {background-color:#fff;border:1px solid #C3C3C3;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a.minus.red {background-color:#fff;border:1px solid #ED243C;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:24px auto;} #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list > a + a {margin-left:4px;} /*#table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu {display:none;position:absolute;top:100%;right:-11px;min-width:100px;padding-top:12px;z-index:2;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:-1px -1px 0px #ECEFF1;transform:rotate(45deg);} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li {} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li a {width:100%;white-space:nowrap;padding-right:10px;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li a:before {opacity:0.5;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li:hover a:before {opacity:0.5;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li:hover {background-color:#FAFAFA;} #table-form-wrap table tbody tr td.pic-billing .update > div.new-wrok > div.new-wrok-menu ul li:hover a:before {opacity:1.0;}*/ #table-form-wrap table tbody tr td.table-tbody-list {padding:0;} #table-form-wrap table tbody tr td.table-tbody-list > div {padding:0;max-height:228px;vertical-align:top;overflow-y:auto;background-color:#fff;} #table-form-wrap table tbody tr td.table-tbody-list > div.row3 {max-height:138px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row4 {max-height:183px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row5 {max-height:228px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row6 {max-height:273px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row7 {max-height:318px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row8 {max-height:363px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row9 {max-height:408px;} #table-form-wrap table tbody tr td.table-tbody-list > div.row10 {max-height:453px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-3 {min-height:138px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-4 {min-height:183px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-5 {min-height:228px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-6 {min-height:273px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-7 {min-height:318px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-8 {min-height:363px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-9 {min-height:408px;} #table-form-wrap table tbody tr td.table-tbody-list > div.height-10 {min-height:453px;} #table-form-wrap table tbody tr td.table-tbody-list > div table tbody tr {border-top:0;border-bottom:1px solid #ECEFF1;} #table-form-wrap table tbody tr td.table-tbody-list > div table tbody tr td {position:relative;background-color:#fff;padding:5px 5px;height:45px;} #table-form-wrap table tbody tr td.table-tbody-list > div table tbody tr:hover td {background-color:#FAFAFA;} #table-form-wrap.rollover-none table tbody tr:hover {background-color:#FFF;} #table-form-wrap.rollover-none table tbody tr td.table-tbody-list > div table tbody tr:hover td {background-color:#FFF;} /* CALENDAR :: Style */ .calendar-wrap {} .calendar-wrap input[type=text] {width:120px;padding:8px 30px 8px 8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M19.75,16H16v3.75h3.75ZM19,7.75v1.5H13V7.75H11.5v1.5h-.75a1.49,1.49,0,0,0-1.49,1.49h0v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5h0V10.75a1.5,1.5,0,0,0-1.5-1.5H20.5V7.75Zm2.25,13.5H10.75V13h10.5Z'/%3E%3C/svg%3E") no-repeat right center/30px 30px;} .ui-widget.ui-widget-content {border:1px solid #ECEFF1;} .ui-widget-header {border:0;background-color:#fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:28px;height:28px;display:flex;justify-content:center;align-items:center;} .ui-datepicker .ui-datepicker-prev {top:50% !important;left:0 !important;transform:translate(0, -50%);} .ui-datepicker .ui-datepicker-next {top:50% !important;right:0 !important;transform:translate(0, -50%);} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {position:relative;left:0;top:0;margin:0;width:18px;height:18px;} .ui-datepicker .ui-datepicker-prev span {background:url('../images/common/svg/calendar_prev.svg') no-repeat center center;} .ui-datepicker .ui-datepicker-next span {background:url('../images/common/svg/calendar_next.svg') no-repeat center center;} .ui-datepicker .ui-datepicker-title select {font-size:1.0rem;line-height:1.3;border:1px solid #ECEFF1;padding:5px;border-radius:3px;margin:0;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:calc((100% / 2) - 5px);background:url('../images/common/svg/calendar_arrow.svg') no-repeat right center/18px 18px;} .ui-datepicker select.ui-datepicker-year {margin-left:5px;} .ui-datepicker th {font-size:0.85rem;font-weight:normal} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:1px solid #ECEFF1;font-size:0.85rem;text-align:center;border-radius:3px;background-color:#fff;} /* 날짜 기본 */ .ui-datepicker td span, .ui-datepicker td a {padding:0.5em 0.2em;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#fff;border-color:#0069B9;background-color:#0069B9;} /* 오늘 */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {color:#0069B9;font-weight:600;border-color:#EBF7FF;background-color:#EBF7FF;} /* 선택한 날짜 */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image:inherit;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {color:#C3C3C3;border-color:#ECEFF1;background-color:#FAFAFA;} /* 이전달,다음달 날짜 */ /* CALENDAR 2개 동시에 띄우기 */ .calendar-st-en-box {display:flex;align-items:center;} .calendar-st-en-box > div.form_wrap_date {position:relative;margin:0;display:flex;align-items:center;} .calendar-st-en-box > div.form_wrap_date > input {width:100px;} /* Do not overide */ .hiddenDivTwoDate {position:absolute;top:calc(100% + 5px);background-color:#fff;border-radius:5px;border:1px solid #ECEFF1;box-shadow:3px 3px 7px rgba(0,0,0,0.05);z-index:99999;} .hiddenDivTwoDate > .yearSelect {display:flex;justify-content:space-between;align-items:center;background-color:#FAFAFA;padding:10px;margin:15px 15px 0;border-radius:5px;} .hiddenDivTwoDate > .yearSelect > .yyyy {display:flex;align-items:center;color:#A6A6A6;font-size:13px;font-weight:600;} .hiddenDivTwoDate > .yearSelect > .yyyy > span {display:flex;align-items:center;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;margin-left:5px;} .hiddenDivTwoDate > .yearSelect > .yyyy > span > a {width:30px;height:30px;} .hiddenDivTwoDate > .yearSelect > .yyyy > span > a.year_prev {background:url('../images/common/TwoDate_year_prev.png') no-repeat center center;} .hiddenDivTwoDate > .yearSelect > .yyyy > span > a.year_next {background:url('../images/common/TwoDate_year_next.png') no-repeat center center;} .hiddenDivTwoDate > .yearSelect > .yyyy > span > strong {color:#494949;text-align:center;width:40px;line-height:32px;} .hiddenDivTwoDate > .cal_btn_wrap {padding:15px 15px 0;} .hiddenDivTwoDate > .cal_btn_wrap > .btn {display:flex;justify-content:space-between;} .hiddenDivTwoDate > .cal_btn_wrap > .btn + .btn {margin-top:5px;} .hiddenDivTwoDate > .cal_btn_wrap > .btn.st1 > a {width:calc((100% / 7) - 3px);} .hiddenDivTwoDate > .cal_btn_wrap > .btn.st2 > a {width:calc((100% / 7) - 3px);} .hiddenDivTwoDate > .cal_btn_wrap > .btn.st3 > a {width:calc((100% / 12) - 3px);} .hiddenDivTwoDate > .cal_btn_wrap a {color:#494949;font-size:13px;font-weight:600;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:5px 2px;text-align:center;} .hiddenDivTwoDate > .cal_btn_wrap a:hover {background-color:#fafafa;border-color:#b3b3b3;} .hiddenDivTwoDate > .cal_btn_wrap a.on {color:#fff;background-color:#0069B9;border-color:#0069B9;} .hiddenDivTwoDate > .pop_cal_wrap {display:flex;align-items:stretch;padding:15px 15px 0;} .hiddenDivTwoDate > .pop_cal_wrap > figure {display:flex;justify-content:center;align-items:center;width:120px;} .hiddenDivTwoDate > .pop_cal_wrap > div {} .hiddenDivTwoDate > .pop_cal_button {display:flex;justify-content:center;align-items:center;margin-top:10px;padding:10px;border-top:1px solid #ECEFF1;} .hiddenDivTwoDate > .pop_cal_button > a {font-size:15px;font-weight:600;border-radius:5px;padding:7px 10px;margin:0 3px;min-width:100px;text-align:center;} .hiddenDivTwoDate > .pop_cal_button > a.dateCancel {border:1px solid #ECEFF1;} .hiddenDivTwoDate > .pop_cal_button > a.dateOK {color:#fff;border:1px solid #0069B9;background-color:#0069B9;} /* 엑셀 업로드 타입 및 상태 */ .excel-upload-type {display:flex;align-items:center;margin-top:20px;} .excel-upload-type > div + div {margin-left:30px;} .excel-upload-state {display:flex;align-items:center;margin-top:20px;} .excel-upload-state > div {display:flex;align-items:center;} .excel-upload-state > div + div:before {content:"";width:1px;height:12px;background-color:#ECEFF1;margin:0 15px;} .excel-upload-state > div.completed span {color:#009688;font-weight:600;margin-left:5px;} .excel-upload-state > div.error span {color:#CB0D0D;font-weight:600;margin-left:5px;} .excel-upload-state > div.all span {color:#0069B9;font-weight:600;} /* TICKER (말풍선) */ div.tooltip {position:relative;} .ticker-layer-infor {display:none;position:absolute;top:calc(100% + 5px);right:-1px;min-width:300px;max-width:760px;/* border:1px solid #ccc; */border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:7px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} .ticker-layer-infor:after {content:"";position:absolute;top:-4px;right:10px;width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#ECEFF1;transform:rotate(45deg);background-color:#fff;} .ticker-layer-infor.alRight {left:-1px;right:auto;} .ticker-layer-infor.alRight:after {left:10px;right:auto;} .ticker-layer-infor.alLeft{right:calc(100% + 5px);;left:auto;top:0;padding:0;} .ticker-layer-infor.alLeft:after {/* left:auto;right:-5px;top:10px;transform:rotate(135deg); */display:none} .ticker-layer-infor.top {top:auto;bottom:calc(100% + 5px);} .ticker-layer-infor.top:after {top:auto;bottom:-4px;border-width:0 1px 1px 0;} .ticker-layer-infor .conts .flex {display:flex;} .ticker-layer-infor .conts .flex-spw {display:flex;justify-content:space-between;align-items:center;} .ticker-layer-infor .conts .txt {white-space:nowrap;} .ticker-layer-infor .conts .result-box {padding:20px;color:#ccc;text-align:center;} .ticker-layer-infor .conts .goods{max-height:200px;} .click-tooltip > .ticker-layer-infor {top:0;right:calc(100% + 5px);} .ticker-layer-infor .conts p.tit{padding:5px 10px;font-size:11px;color:#a6a6a6;font-weight:300;} .ticker-layer-infor .conts ul.list{display:flex;justify-content:space-between;padding:5px 10px 5px 15px} .ticker-layer-infor .conts ul.list + ul{border-top:1px solid #ECEFF1} .ticker-layer-infor .conts ul.list:hover{background-color:#fafafa;} /* 레이어팝업 컨텐츠 */ .layerPopupOpen {cursor:pointer;} #layerPopup-contsBox .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} .layerCont {display:none;/*max-width:500px;width:100%;*/background-color:#fff;border-radius:10px;/*padding:15px;overflow:hidden;*/} .layerCont #layerPopup-contsBox {/*max-width:500px;*/width:500px;} .layerCont.max #layerPopup-contsBox {/*max-width:1100px;*/width:1100px;} .layerCont.max_lev2 #layerPopup-contsBox {/*max-width:860px;*/width:1000px;} .layerCont.middle #layerPopup-contsBox {/*max-width:860px;*/width:860px;} .layerCont.middle_lev3 #layerPopup-contsBox {/*max-width:860px;*/width:830px;} .layerCont.small #layerPopup-contsBox {/*max-width:860px;*/width:640px;} .layerCont.small_lev2 #layerPopup-contsBox {/*max-width:860px;*/width:330px;} .layerCont.small_lev3 #layerPopup-contsBox {/*max-width:860px;*/width:410px;} /*.layerCont.minimize {width:350px !important;height:200px !important;overflow:hidden;}*/ .layerCont .layerPopupWrap {position:relative;width:500px;-webkit-transition: .25s; transition: .25s;} .layerCont.max .layerPopupWrap {width:1100px;} .layerCont.max_lev2 .layerPopupWrap {width:1000px;} .layerCont.max_lev3 .layerPopupWrap {width:920px;} .layerCont.middle .layerPopupWrap {width:860px;} .layerCont.middle_lev3 .layerPopupWrap{width:830px;} .layerCont.middle_lev2 .layerPopupWrap {width:700px;} .layerCont.small .layerPopupWrap {width:640px;} .layerCont.small_lev2 .layerPopupWrap {width:330px;} .layerCont.small_lev3 .layerPopupWrap {width:410px;} .layerCont.small_lev4 .layerPopupWrap {width:430px;} .layerCont.minimize {overflow:hidden;} .layerCont.minimize .layerPopupWrap {width:calc(500px * 0.7);height:200px;} .layerCont.max.minimize .layerPopupWrap {width:calc(1100px * 0.7);height:200px;} .layerCont.middle.minimize .layerPopupWrap {width:calc(860px * 0.7);height:200px;} .layerCont h1 {font-size:14px;font-weight:700;line-height:2.0;padding:15px;cursor:move;padding-right:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont .whois-search {display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0;} .layerCont .whois-search .whois {display:flex;align-items:center;} .layerCont .whois-search .whois figure {margin-right:7px;} .layerCont .whois-search .whois p.name {font-size:14px;} .layerCont .whois-search .whois p.division {font-size:13px;font-weight:700;} .layerCont .whois-search .search {display:flex;align-items:center;} .layerCont .whois-search .search label {font-size:13px;font-weight:700;} .layerCont #layerPopup-contsBox {min-height:100px;padding:0 15px 15px;} .layerCont #layerPopup-contsBox.vcac {display:flex;justify-content:center;align-items:center;} /* 텍스트 한줄로 중앙에 표현하고자 할때 */ .layerCont.max #layerPopup-contsBox {min-height:450px;} .layerCont #btn-wrap-default {margin-top:0;padding:15px;border-top:1px solid #ECEFF1;justify-content:center;} .layerCont #btn-wrap-default.tar {justify-content:flex-end;} .layerCont #btn-wrap-default.tal{justify-content:flex-start;} .layerCont.scroll #layerPopup-contsBox {max-height:629px;} /* AR HISTORY or AP HISTORY */ .layerCont.ARAP-history {} .layerCont.ARAP-history .history {display:flex;justify-content:space-between;align-items:center;margin-top:20px;} .layerCont.ARAP-history .history .txt {font-size:14px;} .layerCont.ARAP-history .history .balance-forwarding {display:flex;align-items:flex-start;} .layerCont.ARAP-history .history .balance-forwarding a.btn-st.common {border-color:#ECEFF1;} .layerCont.ARAP-history .history .balance-forwarding a.icon-svg.icoTicker {border:1px solid #ECEFF1;border-radius:5px;margin-left:3px;width:32px;height:32px;} .layerCont.ARAP-history .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;} .layerCont.ARAP-history .serch-table:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 30px);height:1px;background-color:#ccc;} .layerCont.ARAP-history .serch-table div.left {display:flex;align-items:center;} .layerCont.ARAP-history .serch-table div.left span {display:inline-block;} .layerCont.ARAP-history .serch-table div.left span + span {margin-left:7px;} .layerCont.ARAP-history .serch-table div.left .txt {color:#999;} .layerCont.ARAP-history .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.ARAP-history .serch-table div.right {display:flex;align-items:center;} .layerCont.ARAP-history .serch-table div.right > div {margin:0 3px;} .layerCont.ARAP-history .serch-table div.right > a.btn-st.common.inquire {height:32px;} .layerCont.ARAP-history #table-list-wrap {margin-top:10px;} .layerCont.ARAP-history .balance-forwarding-layer {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);border-radius:10px;} .layerCont.ARAP-history .balance-forwarding-layer .wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} .layerCont.ARAP-history .balance-forwarding-layer .wrap .close-bg {position:absolute;top:0;left:0;right:0;bottom:0;} .layerCont.ARAP-history .balance-forwarding-layer .wrap .cont {position:relative;width:calc(100% - 60px);display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px;border-radius:5px;} .layerCont.ARAP-history .balance-forwarding-layer .wrap .cont > div {width:calc((100% / 2) - 30px);display:flex;justify-content:space-between;align-items:center;} .layerCont.ARAP-history .balance-forwarding-layer .wrap .cont > div.right a {margin-left:5px;} /* KEYWORD-SEARCH */ #layerPopup-contsBox div.keyword-search {position:relative;display:block;} #layerPopup-contsBox div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;z-index:2;} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;padding:10px;} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;} .combo_keywordAdd {display:none;position:absolute;top:calc(100% - 5px);left:5px;width:calc(100% - 10px);min-width:150px;z-index:2;} .combo_keywordAdd.normal {top:calc(100% + 5px);left:0px;width:100%;} .combo_keywordAdd .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .combo_keywordAdd .combo_postAdd_inner.maxH {max-height:160px;} .combo_keywordAdd .combo_postAdd_inner ul li {} .combo_keywordAdd .combo_postAdd_inner ul li > a {display:flex;padding:5px 10px;} .combo_keywordAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .combo_keywordAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .combo_keywordAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .combo_keywordAdd .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;} .combo_keywordAdd_cont {display:none;position:absolute;top:calc(100% - 5px);left:5px;width:calc(100% - 10px);z-index:2;} .combo_keywordAdd_cont .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .combo_keywordAdd_cont .combo_postAdd_inner ul li {} .combo_keywordAdd_cont .combo_postAdd_inner ul li > a {display:flex;padding:5px 10px;} .combo_keywordAdd_cont .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .combo_keywordAdd_cont .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .combo_keywordAdd_cont .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .combo_keywordAdd_cont .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;} .last-update > .update > .file > .combo_keywordAdd_cont {min-width:250px;top:0;left:auto;right:calc(100% + 5px);} #layerPopup-contsBox .combo_keywordAdd_cont {min-width:160px;top:calc(100% + 10px);left:0;} #layerPopup-contsBox .btn-etc .combo_keywordAdd_cont.right {top:calc(100% + 5px);left:auto;right:-5px;} #layerPopup-contsBox .btn-etc .combo_keywordAdd_cont > .combo_postAdd_inner a {font-size:13px;} /* DELETE TRANSACTION */ .layerCont.delete-transaction #layerPopup-contsBox {min-height:auto;} .layerCont.delete-transaction #layerPopup-contsBox .conts {padding:20px 0 30px 0;} /* NOTIFICATIONS */ .layerCont.notifications #layerPopup-contsBox {} .layerCont.notifications #layerPopup-contsBox .conts {padding:20px 0 30px 0;text-align:center;} /* ACCOUNTING SETTING */ .layerCont.accounting-setting #layerPopup-contsBox {} .layerCont.accounting-setting #layerPopup-contsBox .conts {display:flex;align-items:flex-start;} .layerCont.accounting-setting #layerPopup-contsBox .conts > figure {position:relative;width:120px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > figure > a.delete {display:none;position:absolute;bottom:0;right:0;} .layerCont.accounting-setting #layerPopup-contsBox .conts > figure:hover > a.delete {display:block;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload {position:relative;width:120px;border:1px dashed #ECEFF1;background-color:#fff;border-radius:5px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload input[type="file"] + label {display:flex;justify-content:center;align-items:center;position:relative;width:120px;height:120px;word-break:break-all;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload input[type="file"] {/* 파일 필드 숨기기 */position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload a.delete {display:none;position:absolute;bottom:5px;right:5px;width:24px;height:24px;border:1px solid #333;border-radius:3px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload p.cont-tit {position:relative;color:#0069B9;text-align:center;padding:0 20px;margin-top:-30px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload p.cont-tit.icon-add-file {} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload p.cont-tit.icon-add-file:before {content:"";display:block;width:26px;height:26px;background:url('../images/common/svg/icon-add-file.svg') no-repeat center center;margin:0 auto 10px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload p.division {position:absolute;bottom:15px;left:50%;transform:translate(-50%,0);width:calc(100% - 20px);color:#A6A6A6;font-size:0.85rem;font-weight:600;text-align:center;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload.file-chk p {display:none;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.add-upload.file-chk a.delete {display:flex;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor {width:calc(100% - 120Px);padding-left:20px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor ul li {} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor ul li + li {margin-top:10px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor ul li > span {display:block;font-weight:600;padding-bottom:5px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor ul.changePassword {display:none;margin-top:10px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor a {width:150px;display:block;color:#fff;background-color:#448DD0;text-align:center;border-radius:3px;padding:7px 20px;margin-top:10px;} .layerCont.accounting-setting #layerPopup-contsBox .conts > div.persoanl_infor a.saveChange {display:none;} /* ADD A CONTACT */ .layerCont.add-a-contact #layerPopup-contsBox ul.item-table {} .layerCont.add-a-contact #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.add-a-contact #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-a-contact #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-a-contact #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* NEW INVOICE */ .layerCont.new-invoice {} .layerCont.new-invoice #layerPopup-contsBox {min-height:629px;} .layerCont.new-invoice #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;align-items:center;border:1px solid #ECEFF1;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #ECEFF1;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 118px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.tooltip .ticker-layer-infor {min-width:270px;width:270px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#A6A6A6;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.new-invoice #layerPopup-contsBox .credit-add-wrap {display:flex;flex-wrap:wrap;margin:10px 0 20px;} .layerCont.new-invoice #layerPopup-contsBox .credit-add-wrap > div {display:flex;align-items:center;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:25px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right {} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #ECEFF1;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#A6A6A6;text-align:right;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#000;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#000;font-size:18px;margin-top:20px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.new-invoice #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.new-invoice #layerPopup-contsBox .file-choose-form {display:flex;align-items:center;} .layerCont.new-invoice #layerPopup-contsBox .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.new-invoice #layerPopup-contsBox .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.new-invoice #layerPopup-contsBox .file-choose-form label:before {transform:rotate(90deg);} .layerCont.new-invoice #layerPopup-contsBox .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .layerCont.new-invoice #btn-wrap-default > .btn-area {display:flex;justify-content:flex-start;} .layerCont.new-invoice #btn-wrap-default > .btn-area .up_menu_box a.option {width:32px;height:32px;border:1px solid #0069B9;background-color:#0069B9;border-radius:5px;} .layerCont.new-invoice #btn-wrap-default > .btn-area .up_menu_box a.option:before {width:32px;height:32px;background-size:18px 18px;} /* INVOICE DETAIL */ .layerCont.invoice-details {} .layerCont.invoice-details #layerPopup-contsBox {min-height:670px;} .layerCont.invoice-details #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} .layerCont.invoice-details #layerPopup-contsBox .title-function .title {font-size:18px;font-weight:500;} .layerCont.invoice-details #layerPopup-contsBox .title-function .btn-area {display:flex;align-items:center;} .layerCont.invoice-details #layerPopup-contsBox .title-function .btn-area > a {padding-left:0;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} /*.layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;}*/ .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #ECEFF1;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #ECEFF1;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#A6A6A6;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.invoice-details #layerPopup-contsBox .credit-add-wrap {display:flex;flex-wrap:wrap;margin:10px 0 20px;} .layerCont.invoice-details #layerPopup-contsBox .credit-add-wrap > div {display:flex;align-items:center;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:25px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right {} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #ECEFF1;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#A6A6A6;text-align:right;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#000;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#000;font-size:18px;margin-top:20px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.invoice-details #layerPopup-contsBox #table-form-wrap {margin-top:0px;} .layerCont.invoice-details #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.invoice-details #layerPopup-contsBox a.icon-svg-menu.delete:before {width:24px;height:24px;} /* NEW BILL */ .layerCont.new-bill {} .layerCont.new-bill #layerPopup-contsBox .bill-division-box {display:flex;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left {width:270px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div {margin-top:6px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search {position:relative;display:block;} /*.layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;}*/ .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #ECEFF1;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #ECEFF1;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#A6A6A6;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div input[type=text] {display:block;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div .select-box-default-st {display:block;} .layerCont.new-bill #layerPopup-contsBox .bill-foot {display:flex;justify-content:space-between;margin-top:25px;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.left textarea {width:280px;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right {} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary {width:340px;border:1px solid #ECEFF1;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#A6A6A6;text-align:right;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary p.subtotal {color:#000;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary p.total {color:#000;font-size:18px;margin-top:20px;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.new-bill #layerPopup-contsBox #table-form-wrap {margin-top:30px;} .layerCont.new-bill #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /* BILL DETAIL */ .layerCont.bill-details {} .layerCont.bill-details #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} .layerCont.bill-details #layerPopup-contsBox .title-function .title {font-size:18px;font-weight:500;} .layerCont.bill-details #layerPopup-contsBox .title-function .btn-area {display:flex;align-items:center;} .layerCont.bill-details #layerPopup-contsBox .title-function .btn-area > a {padding-left:0;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} /*.layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #ECEFF1;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #ECEFF1;}*/ .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #ECEFF1;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #ECEFF1;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#A6A6A6;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div {min-width:30%;margin-right:10px;margin-top:20px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div input[type=text] {display:block;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div .select-box-default-st {display:block;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:25px;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right {} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #ECEFF1;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#A6A6A6;text-align:right;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#000;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#000;font-size:18px;margin-top:20px;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.bill-details #layerPopup-contsBox #table-form-wrap {margin-top:0px;} .layerCont.bill-details #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.bill-details #layerPopup-contsBox a.icon-svg-menu.delete:before {width:24px;height:24px;} /* ADD AN ITEM */ .layerCont.add-an-item #layerPopup-contsBox ul.item-table {} .layerCont.add-an-item #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.add-an-item #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-an-item #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:120px;} .layerCont.add-an-item #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 120px);} /* NEW EXPENSE */ .layerCont.new-expense #layerPopup-contsBox ul.item-table {} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li.address {align-items:flex-start;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li.address > div:first-child {margin-top:7px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li.address > div:last-child > div + div {margin-top:3px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form {position:relative;display:flex;align-items:center;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .layerCont.new-expense #layerPopup-contsBox ul.item-table > li .file-choose-form .btnInputFileClear {/*position:absolute;top:0;right:0;*/width:32px;height:32px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;outline:none;cursor:pointer;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate {display:flex;align-items:center;border:1px solid #ECEFF1;border-radius:5px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #ECEFF1;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 118px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.new-expense #layerPopup-contsBox ul.item-table > li div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-expense #btn-wrap-default > .btn-area {display:flex;justify-content:flex-start;} .layerCont.new-expense #btn-wrap-default > .btn-area .up_menu_box a.option {width:32px;height:32px;border:1px solid #0069B9;background-color:#0069B9;border-radius:5px;} .layerCont.new-expense #btn-wrap-default > .btn-area .up_menu_box a.option:before {width:32px;height:32px;background-size:18px 18px;} /* NEW EXPENSE :: RESULT */ .layerCont.new-expense-result #layerPopup-contsBox .period {background-color:#fafafa;border-radius:5px;padding:10px;margin-bottom:10px;} .layerCont.new-expense-result #layerPopup-contsBox .period > p.tit {font-weight:600;padding-bottom:10px;} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table {} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table > li {border-bottom:1px solid #ECEFF1;padding-bottom:5px;} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table > li + li {margin-top:10px;} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table > li > div {width:100%;display:flex;justify-content:space-between;padding:5px 0;} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table > li > div >a.match {color:#fff;background-color:#0069B9;padding:5px 12px;border-radius:5px;} .layerCont.new-expense-result #layerPopup-contsBox ul.result-table > li.noResult {color:#0069B9;font-weight:600;text-align:center;padding:30px 0;} /* 23-03-28 CASH BOOK / USER MANAGEMENT */ .layerCont.UserManagement > h1 span{position:relative;margin-left:8px;padding-left:8px;} .layerCont.UserManagement > h1 span:before{content:"";width:1px;height:10px;background-color:#4949497C;position:absolute;left:0;top:50%;transform:translateY(-50%)} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search{position:relative;overflow:visible !important;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select{display:none;position:absolute;left:5px;top:90%;background-color:#fff;border: 1px solid #E0E0E0;border-radius:5px;z-index:1;min-width:340px;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl{padding:6px 10px;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl > a{display:flex;align-items:center;justify-content:space-between;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl:hover{background-color:#f5f5f5} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dt{font-size:13px;color:#1B1B1B;font-weight:500} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dt > span{color:#CB0D0D} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dd{font-size:13px;color:#1B1B1B;font-weight:500} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dd > span{color:#CB0D0D} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box{} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box .btnInputClear{right:20px;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box input:not([type=submit]){padding-right: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url("../images/common/svg/selectbox-arrow.svg") no-repeat right 3px bottom 3px/22px 44px} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box input[type=text]:focus{border:1px solid #0069B9;background-position:right 3px top 3px} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.table-btn > div{display:flex;align-items:center;justify-content:flex-end;} .layerCont.UserManagement .layerPopupWrap #table-list-wrap table tbody tr td.table-btn > div a + a{margin-left:5px;} /* 23-04-04 CASH ADVANCES / USER MANAGEMENT */ .layerCont.AdvancesUserManagement > h1 span{position:relative;margin-left:8px;padding-left:8px;} .layerCont.AdvancesUserManagement > h1 span:before{content:"";width:1px;height:10px;background-color:#4949497C;position:absolute;left:0;top:50%;transform:translateY(-50%)} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search{position:relative;overflow:visible !important;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select{display:none;position:absolute;left:5px;top:90%;background-color:#fff;border: 1px solid #E0E0E0;border-radius:5px;z-index:1;min-width:340px;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl{padding:6px 10px;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl > a{display:flex;align-items:center;justify-content:space-between;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl:hover{background-color:#f5f5f5} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dt{font-size:13px;color:#1B1B1B;font-weight:500} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dt > span{color:#CB0D0D} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dd{font-size:13px;color:#1B1B1B;font-weight:500} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .search-select > dl dd > span{color:#CB0D0D} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box{} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box .btnInputClear{right:20px;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box input:not([type=submit]){padding-right: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url("../images/common/svg/selectbox-arrow.svg") no-repeat right 3px bottom 3px/22px 44px} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.name-search .input-clear-box input[type=text]:focus{border:1px solid #0069B9;background-position:right 3px top 3px} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.table-btn > div{display:flex;align-items:center;justify-content:flex-end;} .layerCont.AdvancesUserManagement .layerPopupWrap #table-list-wrap table tbody tr td.table-btn > div a + a{margin-left:5px;} /* NEW EXPENSE APPROVAL (PAYROLL) */ .new-expense-approval-payroll #layerPopup-contsBox .payroll-state {display:flex;justify-content:space-between;margin-top:20px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state > .state {} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state > .state > figure {width:150px;height:150px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state > .state > figure > img {max-width:150px;max-height:150px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.print a {border:1px solid #ECEFF1;border-radius:5px;padding-right:10px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.confirm ul li {width:100px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .new-expense-approval-payroll #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;height:70px;} /*.new-expense-approval-payroll #layerPopup-contsBox #table-list-wrap table tbody tr td {padding-top:5px;padding-bottom:5px;}*/ .new-expense-approval-payroll #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {height:70px;border:1px solid #ECEFF1;border-radius:5px;padding:8px 8px 8px 12px;resize: none;} .new-expense-approval-payroll #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* NEW EXPENSE APPROVAL */ .new-expense-approval #layerPopup-contsBox .payroll-state {display:flex;justify-content:center;margin-top:20px;} .new-expense-approval #layerPopup-contsBox .payroll-state div.print a {border:1px solid #ECEFF1;border-radius:5px;padding-right:10px;} .new-expense-approval #layerPopup-contsBox .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .new-expense-approval #layerPopup-contsBox .payroll-state div.confirm ul li {width:100px;} .new-expense-approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .new-expense-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .new-expense-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;height:70px;} /*.new-expense-approval #layerPopup-contsBox #table-list-wrap table tbody tr td {padding-top:5px;padding-bottom:5px;}*/ .new-expense-approval #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {height:70px;border:1px solid #ECEFF1;border-radius:5px;padding:8px 8px 8px 12px;resize: none;} .new-expense-approval #btn-wrap-default .btn-area {display:flex;align-items:center;} .new-expense-approval #btn-wrap-default .btn-area .file-choose-form {display:flex;align-items:center;} .new-expense-approval #btn-wrap-default .btn-area .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .new-expense-approval #btn-wrap-default .btn-area .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;border:1px solid #0069B9;padding-right:10px;border-radius:5px;} .new-expense-approval #btn-wrap-default .btn-area .file-choose-form label:before {transform:rotate(90deg);} .new-expense-approval #btn-wrap-default .btn-area .file-choose-form .upload-name {display:inline-block;width:auto;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .new-expense-approval #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /*2023-06-01 REQUEST APPROVAL */ .request-approval #layerPopup-contsBox .payroll-state {display:flex;justify-content:flex-end;margin-top:20px;} .request-approval #layerPopup-contsBox .payroll-state div.print a {border:1px solid #ECEFF1;border-radius:5px;padding-right:10px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li {width:100px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;height:70px;} /*.request-approval #layerPopup-contsBox #table-list-wrap table tbody tr td {padding-top:5px;padding-bottom:5px;}*/ .request-approval #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {height:70px;border:1px solid #ECEFF1;border-radius:5px;padding:8px 8px 8px 12px;resize: none;} .request-approval #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.click-tooltip {width:20px;height:20px;} .request-approval #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.click-tooltip > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-received.svg') no-repeat center top/22px 55px;} .request-approval #btn-wrap-default .btn-area {display:flex;align-items:center;} .request-approval #btn-wrap-default .btn-area .file-choose-form {display:flex;align-items:center;} .request-approval #btn-wrap-default .btn-area .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .request-approval #btn-wrap-default .btn-area .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;border:1px solid #0069B9;padding-right:10px;border-radius:5px;} .request-approval #btn-wrap-default .btn-area .file-choose-form label:before {transform:rotate(90deg);} .request-approval #btn-wrap-default .btn-area .file-choose-form .upload-name {display:inline-block;width:auto;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .request-approval #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /* TRANSACTION DETAILS */ .transaction-details #layerPopup-contsBox .content-title {} .transaction-details #layerPopup-contsBox .content-title .btn-etc {position:absolute;top:50%;right:0;transform:translate(0,-50%);border:1px solid #ECEFF1;background-color:#FAFAFA;border-radius:5px;z-index:2;} /* MANUAL INPUT & EDIT */ .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table {} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.manual-input-edit #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* BULK CREDIT CONFIRMATION */ .layerCont.bulk-credit-confirmation #layerPopup-contsBox ul.item-table {} .layerCont.bulk-credit-confirmation #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* CASH DEPOSIT */ .layerCont.cash-deposit #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.cash-deposit #layerPopup-contsBox ul.item-table {} .layerCont.cash-deposit #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.cash-deposit #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.cash-deposit #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.cash-deposit #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* CREDIT CONFIRMATION OTHERS */ .layerCont.credit-confirmation-others #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.credit-confirmation-others #layerPopup-contsBox ul.item-table {} .layerCont.credit-confirmation-others #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.credit-confirmation-others #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.credit-confirmation-others #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.credit-confirmation-others #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* A/R RECEIVED */ .layerCont.ar-received #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.ar-received #layerPopup-contsBox ul.item-table {} .layerCont.ar-received #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.ar-received #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.ar-received #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.ar-received #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* ADVANCED RECEIVED */ .layerCont.advanced-received #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.advanced-received #layerPopup-contsBox ul.item-table {} .layerCont.advanced-received #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.advanced-received #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.advanced-received #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.advanced-received #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* ALL CONFIRM */ .layerCont.all-confirm #layerPopup-contsBox ul.item-table {} .layerCont.all-confirm #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.all-confirm #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.all-confirm #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.all-confirm #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* CASH WITHDRAWAL */ .layerCont.cash-withdrawal #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.cash-withdrawal #layerPopup-contsBox ul.item-table {} .layerCont.cash-withdrawal #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.cash-withdrawal #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.cash-withdrawal #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.cash-withdrawal #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* A/P PAID */ .layerCont.ap-paid #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.ap-paid #layerPopup-contsBox ul.item-table {} .layerCont.ap-paid #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.ap-paid #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.ap-paid #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.ap-paid #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* ADVANCED PAID */ .layerCont.advanced-paid #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.advanced-paid #layerPopup-contsBox ul.item-table {} .layerCont.advanced-paid #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.advanced-paid #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.advanced-paid #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.advanced-paid #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* EXPENSE PAID */ .layerCont.expense-paid #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.expense-paid #layerPopup-contsBox ul.item-table {} .layerCont.expense-paid #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.expense-paid #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.expense-paid #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.expense-paid #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* DEBIT CONFIRMATION OTHERS */ .layerCont.debit-confirmation-others #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table {} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.debit-confirmation-others #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* MANUAL INPUT */ .layerCont.manual-input #layerPopup-contsBox ul.item-table {} .layerCont.manual-input #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.manual-input #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.manual-input #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.manual-input #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* ADD ACCOUNT(S) VIA ONLINE */ .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list {display:flex;align-items:stretch;flex-wrap:wrap;border-right:1px solid #ECEFF1;border-bottom:1px solid #ECEFF1;border-radius:5px;margin-top:10px;overflow:hidden;} .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list > li {display:flex;justify-content:center;align-items:center;width:calc(100% / 3);padding:5px;border-left:1px solid #ECEFF1;border-top:1px solid #ECEFF1;} .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list > li:first-child {border-radius:5px 0 0 0;} .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list > li > a {display:flex;justify-content:center;align-items:center;width:100%;height:61px;border-radius:5px;background-color:#fff;border:1px solid #fff;overflow:hidden;-webkit-transition: .85s; transition: .85s;} .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list > li:first-child > a {background-color:#035B77;} .layerCont.add-account-via-online #layerPopup-contsBox ul.logo-list > li > a:hover {box-shadow:4px 4px 10px rgba(0,0,0,0.225);border-color:#494949;} /* ADD A CHEQUE */ .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table {} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.add-a-cheque #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* CHEQUE DETAILS */ .layerCont.cheque-details #layerPopup-contsBox ul.item-table {} .layerCont.cheque-details #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.cheque-details #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.cheque-details #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.cheque-details #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* ADD A CASH TRANSACTION (USD) + ADD A CASH TRANSACTION (KHR) */ .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table {} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.add-a-cash-transaction #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* CASH TRANSACTION (USD) DETAILS + CASH TRANSACTION (KHR) DETAILS */ .layerCont.cash-transaction-details #layerPopup-contsBox ul.item-table {} .layerCont.cash-transaction-details #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.cash-transaction-details #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.cash-transaction-details #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.cash-transaction-details #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* Add Advances Credit (USD) */ .layerCont.add-advances-credit #layerPopup-contsBox ul.item-table {} .layerCont.add-advances-credit #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-advances-credit #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-advances-credit #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-advances-credit #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* Add Advances Ledger */ .layerCont.add-advances-ledger #layerPopup-contsBox ul.item-table {} .layerCont.add-advances-ledger #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-advances-ledger #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-advances-ledger #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-advances-ledger #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* ADD ADVANCES DEBIT */ .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table {} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li > div:last-child textarea {width:100%;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.add-advances-debit #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* ADVANCES DEBIT INQUIRY */ .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table {} .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.advances-debit-inquiry #layerPopup-contsBox ul.item-table > li > div:last-child textarea {width:100%;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} /* ADVANCES CREDIT INQUIRY */ .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table {} .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.advances-credit-inquiry #layerPopup-contsBox ul.item-table > li > div:last-child textarea {width:100%;height:64px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} /* NOTIFICATIONS */ .layerCont.notifications figure.new-data-found {display:block;width:48px;height:48px;margin:0 auto;} /* SALES DETAILS */ .layerCont.sales-details #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} /* EXPENSES DETAILS */ .layerCont.expenses-details #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} /* EXPENSES DETAILS > POPUP */ .layerCont.expense-details-popup #layerPopup-contsBox ul.item-table {} .layerCont.expense-details-popup #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.expense-details-popup #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.expense-details-popup #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.expense-details-popup #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* EXPENSE REGISTER > POPUP */ .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table {} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form {position:relative;display:flex;align-items:center;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li .file-choose-form .btnInputFileClear {/*position:absolute;top:0;right:0;*/width:32px;height:32px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;outline:none;cursor:pointer;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li > div a.get{font-weight:600;} .layerCont.expense-register-popup #layerPopup-contsBox ul.item-table > li > div a.get:after{content:'>';display:inline-block;margin-left:5px;} /* EXPENSE REGISTER text > POPUP */ .layerCont.expense-register-detail01{width:calc(500px * 0.7);} .layerCont.expense-register-detail01 .layerPopupWrap{width:100%;} .layerCont.expense-register-detail01 #layerPopup-contsBox{width:100%;} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;font-weight:500;} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li > div a{text-decoration:underline;font-weight:600} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li > div a.get{font-weight:600;text-decoration:none;} .layerCont.expense-register-detail01 #layerPopup-contsBox ul.item-table > li > div a.get:after{content:'>';display:inline-block;margin-left:5px;} /* EXPENSE REGISTER text > POPUP */ .layerCont.expense-register-detail02{width:calc(500px * 0.7);} .layerCont.expense-register-detail02 .layerPopupWrap{width:100%;} .layerCont.expense-register-detail02 #layerPopup-contsBox{width:100%;} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;font-weight:500;} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li > div a{text-decoration:underline;font-weight:600} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li > div a.get{font-weight:600;text-decoration:none;} .layerCont.expense-register-detail02 #layerPopup-contsBox ul.item-table > li > div a.get:after{content:'>';display:inline-block;margin-left:5px;} /* TAX CALCULATION > POPUP */ .layerCont.tax-calculation-popup #layerPopup-contsBox .ip-box{display:flex;align-items:center;justify-content:space-between} .layerCont.tax-calculation-popup #layerPopup-contsBox table tbody tr td.price{font-weight:600} /* DETAILS BY PURPOSE */ .layerCont.details-by-purpose #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} /* ADD / EDIT ADMINISTRATOR */ .layerCont.add-edit-administrator #layerPopup-contsBox div.table-tbody-list {max-height:240px;overflow-y:auto;} .layerCont.add-edit-administrator #layerPopup-contsBox div.table-tbody-list tbody tr + tr {border-top:1px solid #ECEFF1;} .layerCont.add-edit-administrator #layerPopup-contsBox div.table-tbody-list tbody td:first-child {padding:12px 0;} .layerCont.add-edit-administrator #layerPopup-contsBox div.table-tbody-list tbody td:last-child {padding:12px 0;text-align:right;} .layerCont.add-edit-administrator #layerPopup-contsBox .keyword-search a.btn-st {height:30px;line-height:28px;padding:0;font-size:13px;width:65px;margin-left:3px;} /*.layerCont.add-edit-administrator #layerPopup-contsBox div.select-box-default-st input.selectValue {background:url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px;} .layerCont.add-edit-administrator #layerPopup-contsBox div.select-box-default-st .select-wrap ul li span:nth-child(1) {} .layerCont.add-edit-administrator #layerPopup-contsBox div.select-box-default-st .select-wrap ul li span:nth-child(2) > a {color:#fff;font-size:13px;background-color:#0069B9;height:26px;line-height:24px;}*/ /* EMPLOYEE ACCOUNT INFORMATION */ .layerCont.employee-account-information #layerPopup-contsBox h1 {color:#A6A6A6;font-weight:500;margin:30px 0 7px;border-bottom:2px solid #ECEFF1;} .layerCont.employee-account-information #layerPopup-contsBox h1.first {margin-top:0;} .layerCont.employee-account-information #layerPopup-contsBox ul.item-table {} .layerCont.employee-account-information #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.employee-account-information #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.employee-account-information #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.employee-account-information #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* INVENTORY */ .layerCont.inventory #layerPopup-contsBox ul.item-table {} .layerCont.inventory #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.inventory #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.inventory #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.inventory #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* INVENTORY */ .layerCont.ar-balance-forwarding .history {position:relative;display:flex;justify-content:space-between;align-items:center;} .layerCont.ar-balance-forwarding .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;} .layerCont.ar-balance-forwarding .serch-table:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 30px);height:1px;background-color:#ccc;} .layerCont.ar-balance-forwarding .serch-table div.left {display:flex;align-items:center;} .layerCont.ar-balance-forwarding .serch-table div.left span {display:inline-block;} .layerCont.ar-balance-forwarding .serch-table div.left span + span {margin-left:7px;} .layerCont.ar-balance-forwarding .serch-table div.left .txt {color:#999;} .layerCont.ar-balance-forwarding .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.ar-balance-forwarding .serch-table div.right {display:flex;align-items:center;} .layerCont.ar-balance-forwarding .serch-table div.right > div {margin:0 3px;} .layerCont.ar-balance-forwarding .serch-table div.right > a {border:1px solid #ECEFF1;border-radius:5px;padding-right:10px;height:32px;} .layerCont.ar-balance-forwarding #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:none;margin-left:0;} .layerCont.ar-balance-forwarding #layerPopup-contsBox #table-form-wrap table tbody tr td.table-tbody-list > div {height:228px;} /* ADD A PURPOSE */ .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr.check td {overflow:visible;white-space:normal;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add {display:flex;justify-content:flex-end;align-items:center;padding-right:12px;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a {position:relative;display:block;width:16px;height:16px;background-color:#0069B9;border:1px solid #0069B9;border-radius:50%;overflow:hidden;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a.add.gray {background-color:#C3C3C3;border:1px solid #C3C3C3;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a.minus.gray {background-color:#fff;border:1px solid #C3C3C3;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a.minus.red {background-color:#fff;border:1px solid #ED243C;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:24px auto;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.add > a + a {margin-left:10px;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.delete {display:flex;justify-content:flex-end;align-items:center;} .layerCont.add-a-purpose #layerPopup-contsBox #table-list-wrap table tbody tr td.delete > a.txt-delete2:before {background-size:20px auto;} /* MOBILE NOTIFICATION */ .layerCont.mobile-notification > h1 {font-size:18px;text-align:center;margin-top:20px;} .layerCont.mobile-notification #layerPopup-contsBox .desc {text-align:center;margin-top:5px;} .layerCont.mobile-notification .transactions-wrap {display:flex;justify-content:center;align-items:center;margin-top:30px;} .layerCont.mobile-notification .transactions-wrap > figure {margin:0 50px;border-radius:10px;overflow:hidden;} .layerCont.max.mobile-notification #layerPopup-contsBox {min-height:auto;} .layerCont.mobile-notification .tabCont .tab-wrap:after {content:"";display:block;width:24px;height:24px;margin:10px auto;background: url(../images/common/svg/tab-arrow.svg) no-repeat right top/24px 48px; -webkit-transition: .45s;transition: .45s;} .layerCont.mobile-notification .tabCont .tab-wrap.on:after {background-position:right bottom;} .layerCont.mobile-notification #layerPopup-contsBox #table-form-wrap table tbody tr.check td {overflow:visible;white-space:normal;} /* MESSAGE SEND */ .layerCont.message-send #layerPopup-contsBox ul.item-table {} .layerCont.message-send #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.message-send #layerPopup-contsBox ul.item-table > li > div.messageBox {width:100%;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li > div.messageBox > textarea {width:100%;border:1px solid #ECEFF1;border-radius:5px;padding:10px;line-height:2.0;min-height:300px;max-height:600px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list {position:relative;border:1px solid #ECEFF1;padding-right:10px;border-radius:5px;margin-left:5px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box {display:none;position:absolute;top:calc(100% + 5px);right:0;min-width:420px;border:1px solid #333;border-radius:5px;z-index:1;background-color:#fff;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-search {padding:10px} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list {height:220px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items {padding:10px;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items > label > span:nth-child(1) {width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.message-send #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items > label > span:nth-child(2) {width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* VIEW LOCAL COMPANY DETAILS */ .layerCont.view-local-company-details #layerPopup-contsBox .item-table-wrap {min-height:300px;max-height:600px;margin-top:10px;} .layerCont.view-local-company-details #layerPopup-contsBox ul.item-table {} .layerCont.view-local-company-details #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.view-local-company-details #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.view-local-company-details #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:220px;} .layerCont.view-local-company-details #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 220px);} /* SEND EMAIL */ .layerCont.ContSendEmail #layerPopup-contsBox {max-height:75vh;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table {} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:120px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 120px);} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add {position:relative;display:flex;align-items:center;padding:5px 0;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.add {position:relative;display:block;width:16px;height:16px;background-color:#0069B9;border:1px solid #0069B9;border-radius:50%;overflow:hidden;margin-right:10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.add:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:24px auto;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.minus {position:relative;display:block;width:16px;height:16px;background-color:#fff;border:1px solid #ED243C;border-radius:50%;overflow:hidden;margin-right:10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.minus:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:24px auto;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.select {position:relative;display:block;width:16px;height:16px;background: url('../images/common/svg/selectbox-arrow.svg') no-repeat center bottom -3px/22px 44px;margin-left:10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add a.select.on {background-position:center top -3px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch {display:none;position:absolute;top:calc(100% + 5px);left:23px;z-index:1;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul {border:1px solid #ECEFF1;border-radius:5px;min-width:350px;background-color:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.25);} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li {padding:7px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li a.add-item {color:#448DD0;font-weight:600;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li .add-item-box {display:none;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li .add-item-box.on {display:flex;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li .add-item-box input {font-size:12px;margin-right:3px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li .add-item-box input.email {width:calc(100% - 155px);} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child .sendmail-to-add .user_eml_ch > ul > li .add-item-box a.addition {color:#fff;font-size:12px;line-height:30px;height:30px;background-color:#448DD0;border-radius:3px;padding:0 20px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li.file-down-wrap {border-top:1px solid #ECEFF1;border-bottom:1px solid #ECEFF1;padding-top:5px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li.file-down-wrap a.btn-st {font-size:13px;padding:0 7px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul {display:flex;flex-wrap:wrap;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li {position:relative;background-color:#f0f0f0;border:1px solid #f0f0f0;padding:7px 35px 7px 12px;border-radius:30px;margin:0 5px 5px 0;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li a.down {color:#000;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li.on {background-color:#fff;border:1px solid #448DD0;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li.on a.down {color:#448DD0;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li.on a.file-del {position:absolute;top:50%;right:4px;transform:translate(0,-50%);width:22px;height:22px;border-radius:50%;border:1px solid #999;background: url('../images/common/svg/layerPopupClose.svg') no-repeat center center/10px 10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li.align-flex-top {align-items:flex-start;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li.align-flex-top > div:first-child {margin-top:7px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.messageBox {width:100%;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.messageBox > textarea {width:100%;border:1px solid #ECEFF1;border-radius:5px;padding:10px;line-height:2.0;height:150px;background-color:#f0f0f0;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.mail_imgbox {position:relative;width:100%;border:1px solid #ECEFF1;padding:10px;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.mail_imgbox iframe {overflow:hidden;} .layerCont.ContSendEmail #layerPopup-contsBox ul.item-table > li > div.mail_imgbox .iframe-dim {position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;} /* SEND EMAIL :: PREVIEW */ .layerCont.ContSendEmail-preview #layerPopup-contsBox {max-height:75vh;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table {} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:120px;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 120px);} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.file-down > ul {display:flex;flex-wrap:wrap;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li {position:relative;background-color:#f0f0f0;border:1px solid #f0f0f0;padding:7px 12px;border-radius:30px;margin:0 5px 5px 0;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.file-down > ul > li a.down {color:#000;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li.align-flex-top {align-items:flex-start;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li.align-flex-top > div:first-child {margin-top:7px;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.messageBox {width:100%;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.messageBox > textarea {width:100%;border:1px solid #ECEFF1;border-radius:5px;padding:10px;line-height:2.0;height:150px;background-color:#f0f0f0;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.mail_imgbox {position:relative;width:100%;border:1px solid #ECEFF1;padding:10px;} .layerCont.ContSendEmail-preview #layerPopup-contsBox ul.item-table > li > div.mail_imgbox iframe {overflow:hidden;} /* PAYROLL > DETAIL :: PREVIEW ATTACHMENTS */ .layerCont.preview-attachments #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table {} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;padding:7px 10px;} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li.total {font-weight:600;background-color:#FAFAFA;padding:10px;} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li.salary {color:#0069B9;font-size:14px;font-weight:600;padding:10px;} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li + li {} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.preview-attachments #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* PAYROLL > DETAIL :: SEND EMAIL */ .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table {} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li {position:relative;display:flex;align-items:center;min-height:34px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li > div.messageBox {width:100%;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li > div.messageBox > textarea {width:100%;border:1px solid #ECEFF1;border-radius:5px;padding:10px;line-height:2.0;min-height:300px;max-height:600px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .mail-to-list {display:flex;flex-wrap:wrap;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .mail-to-list > .input-Search-box {position:relative;border:1px solid #ECEFF1;border-radius:5px;padding:7px 32px 7px 10px;margin-right:5px;margin-bottom:5px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .mail-to-list > .input-Search-box .btnInputEmailClear {position:absolute;top:50%;right:0;transform:translate(0,-50%);width:32px;height:32px;padding:0;background:url('../images/common/svg/icon-text-delete.svg') no-repeat center center/20px auto;border:none;outline:none;cursor:pointer;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list {position:absolute;top:0;right:0;border:1px solid #ECEFF1;padding-right:10px;border-radius:5px;margin-left:5px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box {display:none;position:absolute;top:calc(100% + 5px);right:0;min-width:420px;border:1px solid #333;border-radius:5px;z-index:1;background-color:#fff;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-search {padding:10px} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list {height:220px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items {padding:10px;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items > label > span:nth-child(1) {width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li .add-list #add-list-box > .table-list div.items > label > span:nth-child(2) {width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* LOAN BORROWING */ .layerCont.loan-borrowing #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.loan-borrowing #layerPopup-contsBox ul.item-table {} .layerCont.loan-borrowing #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.loan-borrowing #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.loan-borrowing #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.loan-borrowing #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* INTEREST EARNINGS */ .layerCont.interest-earnings #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.interest-earnings #layerPopup-contsBox ul.item-table {} .layerCont.interest-earnings #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.interest-earnings #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.interest-earnings #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.interest-earnings #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* SPLIT :: CREDIT CONFIRMATION */ .layerCont.split-credit-confirmation {} .layerCont.split-credit-confirmation #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.split-credit-confirmation #layerPopup-contsBox #table-form-wrap {margin-top:10px;} .layerCont.split-credit-confirmation #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /* DEBIT TO ANOTHER ACCOUNT */ .layerCont.debit-to-another-account {} .layerCont.debit-to-another-account #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.debit-to-another-account #layerPopup-contsBox #table-form-wrap {margin-top:10px;} .layerCont.debit-to-another-account #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /* SPLIT :: DEBIT CONFIRMATION */ .layerCont.split-debit-confirmation {} .layerCont.split-debit-confirmation #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.split-debit-confirmation #layerPopup-contsBox #table-form-wrap {margin-top:10px;} .layerCont.split-debit-confirmation #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.split-debit-confirmation #layerPopup-contsBox .file-choose-form {display:flex;align-items:center;} .layerCont.split-debit-confirmation #layerPopup-contsBox .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.split-debit-confirmation #layerPopup-contsBox .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.split-debit-confirmation #layerPopup-contsBox .file-choose-form label:before {transform:rotate(90deg);} .layerCont.split-debit-confirmation #layerPopup-contsBox .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } .layerCont.split-debit-confirmation #layerPopup-contsBox .file-upload-table {border-top:1px solid #ECEFF1;} /* PAY BY CASH(KHR) */ /*.layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table {} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.pay-by-cash-khr #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; }*/ .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table {} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li {display:flex;align-items:center;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li + li {margin-top:10px;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerContSide.pay-by-cash-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* PAY BY CHEQUE(KHR) */ /*.layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table {} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerCont.pay-by-cheque-khr #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } */ .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table {} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li {display:flex;align-items:center;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li + li {margin-top:10px;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form label:before {transform:rotate(90deg);} .layerContSide.pay-by-cheque-khr #layerPopupSide-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* SEARCH BY DATE */ /*.layerCont.search-by-date {} .layerCont.search-by-date .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;} .layerCont.search-by-date .serch-table div.left {display:flex;align-items:center;} .layerCont.search-by-date .serch-table div.left span {display:inline-block;} .layerCont.search-by-date .serch-table div.left span + span {margin-left:7px;} .layerCont.search-by-date .serch-table div.left .txt {color:#999;} .layerCont.search-by-date .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.search-by-date .serch-table div.right {display:flex;align-items:center;} .layerCont.search-by-date .serch-table div.right > div {margin:0 3px;} .layerCont.search-by-date .serch-table div.right > a.btn-st.common.inquire {height:32px;} .layerCont.search-by-date #table-list-wrap {margin-top:10px;}*/ .layerContSide.search-by-date {} .layerContSide.search-by-date .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;} .layerContSide.search-by-date .serch-table div.left {display:flex;align-items:center;} .layerContSide.search-by-date .serch-table div.left span {display:inline-block;} .layerContSide.search-by-date .serch-table div.left span + span {margin-left:7px;} .layerContSide.search-by-date .serch-table div.left .txt {color:#999;} .layerContSide.search-by-date .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerContSide.search-by-date .serch-table div.right {display:flex;align-items:center;} .layerContSide.search-by-date .serch-table div.right > div {margin:0 3px;} .layerContSide.search-by-date .serch-table div.right > a.btn-st.common.inquire {height:32px;} .layerContSide.search-by-date #table-list-wrap {margin-top:10px;} /* SIMPLE CREDIT COMFIRMATION */ .layerCont.simple-credit-comfirmation {} .layerCont.simple-credit-comfirmation #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.simple-credit-comfirmation .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;} .layerCont.simple-credit-comfirmation .serch-table div.left {display:flex;align-items:center;} .layerCont.simple-credit-comfirmation .serch-table div.left span {display:inline-block;} .layerCont.simple-credit-comfirmation .serch-table div.left span + span {margin-left:7px;} .layerCont.simple-credit-comfirmation .serch-table div.left .txt {color:#999;} .layerCont.simple-credit-comfirmation .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.simple-credit-comfirmation .serch-table div.right {display:flex;align-items:center;} .layerCont.simple-credit-comfirmation .serch-table div.right > div {margin:0 3px;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap {position:relative;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup {display:none;position:absolute;top:100%;right:0;width:360px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:1;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts {padding:10px;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.tit {font-size:15px;font-weight:600;text-align:center;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.cont {font-weight:600;text-align:center;margin-top:10px;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts input[type=range] {width:100%;margin:10px 0;background:red} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts .range_val {display:flex;justify-content:space-between;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default {padding:7px 5px;} .layerCont.simple-credit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default > a {font-size:13px;} .layerCont.simple-credit-comfirmation #table-list-wrap {margin-top:10px;} .layerCont.simple-credit-comfirmation #table-list-wrap .table-tbody-list table tbody tr td a.confirm {color:#fff;font-weight:600;background-color:#0069B9;padding:5px 10px;border-radius:5px;} /* SIMPLE CREDIT COMFIRMATION :: CONFIRM */ .layerCont.simple-credit-comfirmation-confirm {} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li {display:flex;} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div {width:50%;padding:5px 10px;} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.left {display:flex;justify-content:flex-end;align-items:center;} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right {display:flex;align-items:center;border-left:1px solid #ECEFF1;} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(1) {width:80px;} .layerCont.simple-credit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(2) {width:calc(100% - 80px);} /* REGISTRATION RECEIPT CONFIRMATION */ .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table {} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li.full {display:block;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li.full > div {width:100%;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li.full > div.how-to {color:#999;font-size:15px;font-weight:600;margin-bottom:5px;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li.full > div.method {display:flex;flex-wrap:wrap;padding:10px;background-color:#f8f8f8;} .layerCont.regit-receipt-confirm #layerPopup-contsBox ul.item-table > li.full > div.method > .tooltip > a.tooltip {display:block;width:18px;height:18px;background:url('../images/common/svg/icon-exclamation-blue.svg')no-repeat center center/18px auto;margin-left:5px;} /* REAL-TIME ONLINE INQUIRY */ .layerCont.real-time-online-inquiry #layerPopup-contsBox {} .layerCont.real-time-online-inquiry #layerPopup-contsBox .top {position:relative;padding-bottom:10px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .top:after {content:"";position:absolute;bottom:0;left:-15px;width:calc(100% + 30px);height:1px;background-color:#ccc;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .top > .btn-wrap {display:flex;justify-content:flex-end;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .top > .btn-wrap > a {font-size:13px;padding-left:0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .top > .btn-wrap > a + a {margin-left:5px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .dates {display:flex;justify-content:center;align-items:center;margin-top:5px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .dates > .required {width:60px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .dates > .tooltip > a.tooltip {display:flex;justify-content:center;width:32px;height:32px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .dates > .tooltip > a.tooltip:before {margin:0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .dates > .tooltip > .ticker-layer-infor {color:#0069B9;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar {width:420px;margin:20px auto 0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .bar {width:100%;height:30px;background-color:#E6E6E6;border-radius:3px;overflow:hidden;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .bar > span {display:block;width:0;height:100%;background-color:#B5CC18;border-radius:3px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state {display:flex;justify-content:flex-end;padding:10px 0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state > .step {font-weight:600;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state > .account {min-width:150px;margin-left:20px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail {border:1px solid #ECEFF1;border-radius:5px;padding:10px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .tit {display:flex;justify-content:space-between;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .tit > .subj {font-weight:600;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .tit > .tooltip > .ticker-layer-infor {width:400px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .table-wrap {margin-top:10px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .table-wrap tbody tr td {padding:5px 0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .table-wrap tbody tr td.view {text-align:right;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .state-detail > .table-wrap tbody tr td.view > a {color:#0069B9;text-decoration:underline;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .btn-wrap {padding:20px 0;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .btn-wrap > a {display:block;width:360px;height:40px;color:#FFF;font-size:15px;line-height:40px;font-weight:600;padding:0 15px;text-align:center;background-color:#0069B9;border-radius:5px;overflow:hidden;outline:none;margin:0 auto;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .btn-wrap > a.none {visibility:hidden;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .bottom {position:relative;padding-top:15px;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .bottom:after {content:"";position:absolute;top:0;left:-15px;width:calc(100% + 30px);height:1px;background-color:#ccc;} /* LATEST TRANSACTION HISTORY */ .layerCont.latest-transaction-history #layerPopup-contsBox {} .layerCont.latest-transaction-history #layerPopup-contsBox .foot {display:flex;} .layerCont.latest-transaction-history #layerPopup-contsBox .foot > div {padding:10px 5px;font-weight:700;} .layerCont.latest-transaction-history #layerPopup-contsBox .foot > div:nth-child(1) {width:27%;} .layerCont.latest-transaction-history #layerPopup-contsBox .foot > div:nth-child(2) {width:35%;} .layerCont.latest-transaction-history #layerPopup-contsBox .foot > div:nth-child(3) {width:38%;} /* REAL-TIME ONLINE INQUIRY :: VIEW */ .layerCont.real-time-online-inquiry-view #layerPopup-contsBox ul.item-table {} .layerCont.real-time-online-inquiry-view #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.real-time-online-inquiry-view #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.real-time-online-inquiry-view #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.real-time-online-inquiry-view #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} /* ACCOUNT MANAGEMENT */ .layerCont.account-management #layerPopup-contsBox {} .layerCont.account-management #layerPopup-contsBox .top {position:relative;padding-bottom:10px;} .layerCont.account-management #layerPopup-contsBox .top > figure {text-align:center;padding:10px;} .layerCont.account-management #layerPopup-contsBox ul.item-table {} .layerCont.account-management #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.account-management #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.account-management #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.account-management #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.account-management #layerPopup-contsBox ul.item-table > li > div.btn-password > a {font-size:13px;} .layerCont.account-management #btn-wrap-default {justify-content:space-between;} /* CAPTCHA */ .layerCont.captcha #layerPopup-contsBox {} .layerCont.captcha #layerPopup-contsBox .top {} .layerCont.captcha #layerPopup-contsBox .captcha-code {display:flex;justify-content:center;padding:10px;margin-top:10px;background-color:#FAFAFA;} .layerCont.captcha #layerPopup-contsBox .captcha-code > figure {display:flex;justify-content:center;align-items:center;font-size:30px;width:200px;height:60px;border:1px solid #ECEFF1;background-color:#fff;} .layerCont.captcha #layerPopup-contsBox ul.item-table {padding-top:15px;} .layerCont.captcha #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.captcha #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.captcha #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.captcha #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* Enter CAPTCHA Code : GDT */ .layerCont.enter-captcha-code #layerPopup-contsBox {} .layerCont.enter-captcha-code #layerPopup-contsBox .top {} .layerCont.enter-captcha-code #layerPopup-contsBox .captcha-code {display:flex;justify-content:center;padding:10px;margin-top:10px;background-color:#FAFAFA;} .layerCont.enter-captcha-code #layerPopup-contsBox .captcha-code > figure {display:flex;justify-content:center;align-items:center;font-size:30px;padding:10px;border:1px solid #ECEFF1;background-color:#fff;} .layerCont.enter-captcha-code #layerPopup-contsBox ul.item-table {padding-top:15px;} .layerCont.enter-captcha-code #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.enter-captcha-code #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.enter-captcha-code #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:130px;} .layerCont.enter-captcha-code #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 130px);} /* OTP */ .layerCont.otp #layerPopup-contsBox {} .layerCont.otp #layerPopup-contsBox .top {} .layerCont.otp #layerPopup-contsBox .OTP-img {display:flex;justify-content:center;padding:10px;margin-top:10px;background-color:#FAFAFA;} .layerCont.otp #layerPopup-contsBox .OTP-img > figure {min-width:170px;display:flex;justify-content:center;align-items:center;border:1px solid #ECEFF1;background-color:#fff;} .layerCont.otp #layerPopup-contsBox ul.item-table {padding-top:15px;} .layerCont.otp #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.otp #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.otp #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.otp #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* SMS */ .layerCont.sms #layerPopup-contsBox {} .layerCont.sms #layerPopup-contsBox .top {} .layerCont.sms #layerPopup-contsBox .SMS-img {display:flex;justify-content:center;padding:10px;margin-top:10px;background-color:#FAFAFA;} .layerCont.sms #layerPopup-contsBox .SMS-img > figure {min-width:170px;display:flex;justify-content:center;align-items:center;border:1px solid #ECEFF1;background-color:#fff;} .layerCont.sms #layerPopup-contsBox ul.item-table {padding-top:15px;} .layerCont.sms #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.sms #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.sms #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.sms #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* SECURITY QUESTION */ .layerCont.security-question #layerPopup-contsBox {} .layerCont.security-question #layerPopup-contsBox .top {} .layerCont.security-question #layerPopup-contsBox ul.item-table {padding-top:15px;} .layerCont.security-question #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.security-question #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.security-question #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.security-question #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* ACCOUNT MANAGEMENT */ .layerCont.add-account-management #layerPopup-contsBox ul.logo-list {display:flex;align-items:stretch;flex-wrap:wrap;border-right:1px solid #ECEFF1;border-bottom:1px solid #ECEFF1;border-radius:5px;margin-top:10px;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li {position:relative;display:flex;justify-content:center;align-items:center;width:calc(100% / 3);border-left:1px solid #ECEFF1;border-top:1px solid #ECEFF1;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li:first-child {border-radius:5px 0 0 0;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > a {position:rleative;display:flex;justify-content:center;align-items:center;width:100%;height:61px;padding:5px 10px;background-color:#fff;overflow:hidden;-webkit-transition: .85s; transition: .85s;z-index:1;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li:hover > a {box-shadow:4px 4px 10px rgba(0,0,0,0.225);z-index:2;} /*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/40014] */ /* .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li:first-child > a {background-color:#035B77;} */ .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap {display:none;position:absolute;top:0px;right:0px;z-index:3;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li:hover > .combo-wrap {display:block;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap .combo_keywordAdd_cont {min-width:150px;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap .combo_keywordAdd_cont .combo_postAdd_inner ul li a {display:flex;align-items:center;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap .combo_keywordAdd_cont .combo_postAdd_inner ul li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap .combo_keywordAdd_cont .combo_postAdd_inner ul li a:hover {color:#0069B9;background-color:#FAFAFA;} .layerCont.add-account-management #layerPopup-contsBox ul.logo-list > li > .combo-wrap .combo_keywordAdd_cont .combo_postAdd_inner ul li a:hover:before {background-color:#0069B9;} .layerCont.add-account-management #btn-wrap-default {} .layerCont.add-account-management #btn-wrap-default a.connect, .layerCont.add-account-management #btn-wrap-default a.add {min-width:250px;height:54px;line-height:54px;} /* ADD AN ACCOUNT (MANUAL) */ .layerCont.add-an-account-manual #layerPopup-contsBox ul.item-table {} .layerCont.add-an-account-manual #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-an-account-manual #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-an-account-manual #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-an-account-manual #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* ACCOUNT MANAGEMENT :: SELECT */ .layerCont.select-account-management {} .layerCont.select-account-management #layerPopup-contsBox #table-form-wrap {margin-top:10px;} .layerCont.select-account-management #layerPopup-contsBox #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /* EMPLOYEE INFO :: INVOICE BY EMAIL */ .layerCont.invoice-by-email {} .layerCont.invoice-by-email #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.invoice-by-email #layerPopup-contsBox a.list-more {display:block;background-color:#F0F0F0;padding:10px 5px;border:5px;margin-top:3px;font-weight:600;text-align:center;border-radius:3px;} /* SCREEN LOCKED */ .layerCont.screen-locked #layerPopup-contsBox {width:100%;} .layerCont.screen-locked .layerPopupWrap {width:320px;} .layerCont.screen-locked #layerPopup-contsBox .inConts {padding:30px 0;} .layerCont.screen-locked #layerPopup-contsBox .inConts figure {display:block;width:48px;height:48px;margin:0 auto;} .layerCont.screen-locked #layerPopup-contsBox .inConts figure.icon-svg:before {width:100%;height:100%;background-size:150% auto;background-position:center center;} .layerCont.screen-locked #layerPopup-contsBox .inConts .infor-txt {margin-top:20px;text-align:center;} .layerCont.screen-locked #layerPopup-contsBox .inConts .infor-txt p.subj {font-size:14px;text-align:center;} .layerCont.screen-locked #layerPopup-contsBox .inConts .infor-txt p.person {line-height:1.4;text-align:center;margin-top:10px;} .layerCont.screen-locked #layerPopup-contsBox .inConts .locked-infor {margin-top:30px;} .layerCont.screen-locked #layerPopup-contsBox .inConts .locked-infor p.id {color:#A6A6A6;text-align:center;} .layerCont.screen-locked #layerPopup-contsBox .inConts .locked-infor .keyword-search {width:180px;margin:0 auto;margin-top:10px;overflow:hidden;} .layerCont.screen-locked #layerPopup-contsBox .inConts .locked-infor .keyword-search input[type=password] {width:calc(100% - 32px);border:none;border-radius:0;} .layerCont.screen-locked #layerPopup-contsBox .inConts .locked-infor .keyword-search input[type=submit] {background: url('../images/common/svg/icon_screen_locked.svg') no-repeat center center/18px auto;} /* ALERT :: SUCCESS, CONFIRMATION, WARNING, DELETE, INFORMATION, ERROR */ .layerCont.alert #layerPopup-contsBox {width:100%;} /* .layerCont.alert .layerPopupWrap {width:500px;} */ .layerCont.alert .layerPopupWrap #layerPopup-contsBox {min-height:200px;padding:65px 60px 20px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > figure {} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.title {color:#494949;font-size:15px;font-weight:600;margin-top:15px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc {color:#494949;font-size:15px;line-height:1.4;margin-top:10px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc span.tit {display:block;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc ul li.dot-line {position:relative;padding-left:10px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc ul li.dot-line:before {content:"";position:absolute;top:9px;left:3px;width:3px;height:3px;border-radius:50%;background-color:#494949;} .layerCont.alert.transfer_warning .layerPopupWrap #layerPopup-contsBox > .conts > div.desc{margin-top:30px;} /* 로그인시 회사선택 팝업 */ .layerCont > h1.cBlue{color:#0069B9;font-size:15px;} .layerCont > h1.cBlue span{font-size:11px;color:#666666;margin-left:18px;font-weight:400} .layerCont.company-sel .sel-wrap{padding:0 3px;} .layerCont.company-sel .sel-wrap ul li{display:flex;justify-content:space-between;align-items:center;background-color:#FAFAFA;border-radius:5px;padding:15px;} .layerCont.company-sel .sel-wrap ul li + li{margin-top:10px;} .layerCont.company-sel .sel-wrap ul li > div{width:80%;} .layerCont.company-sel .sel-wrap ul li > div h4{font-size:15px;font-weight:700;color:#666;} .layerCont.company-sel .sel-wrap ul li > div p{font-size:13px;font-weight:500;color:#A8A8A8;margin-top:5px;} /* 유료 전환하기 팝업 */ .layerCont.pay-change #layerPopup-contsBox > p{text-align:center;font-size:12px;font-weight:700;color:#666;margin-top:20px;} .layerCont.pay-change .list{padding:25px 15px;background-color:#fafafa;} .layerCont.pay-change .list > dl{display:flex;align-items:center;} .layerCont.pay-change .list > dl + dl{margin-top:25px;} .layerCont.pay-change .list > dl dt{font-size:15px;font-weight:700;color:#666;min-width:160px;} .layerCont.pay-change .list > dl dd{font-size:15px;font-weight:700;color:#494949;} .layerCont.pay-change #btn-wrap-default{border-top:none;} .layerCont.pay-register .list{padding:25px 15px;background-color:#fafafa;} .layerCont.pay-register .list > dl{display:flex;align-items:center;} .layerCont.pay-register .list > dl + dl{margin-top:25px;} .layerCont.pay-register .list > dl dt{font-size:15px;font-weight:700;color:#666;min-width:90px;} .layerCont.pay-register .list > dl dd{font-size:15px;font-weight:700;color:#494949;} .layerCont.pay-register #btn-wrap-default{border-top:none;} .layerCont.pay-register .list input{background-color:#fff;} .layerCont.com-pay-register .list{padding:25px 15px;background-color:#fafafa;} .layerCont.com-pay-register .list > dl{display:flex;align-items:center;} .layerCont.com-pay-register .list > dl + dl{margin-top:25px;} .layerCont.com-pay-register .list > dl dt{font-size:15px;font-weight:700;color:#666;min-width:90px;} .layerCont.com-pay-register .list > dl dd{font-size:15px;font-weight:700;color:#494949;} .layerCont.com-pay-register #btn-wrap-default{border-top:none;} .layerCont.com-pay-register .list input{background-color:#fff;} /* 상품군 변경하기 */ .layerCont.goods-change{} .layerCont.goods-change > h1.cBlue{color:#0069B9;font-size:21px;text-align:center;padding-right:15px;} .layerCont.goods-change #layerPopup-contsBox > h4{text-align:center;font-size:17px;font-weight:600;color:#666;margin-bottom:30px;} .layerCont.goods-change #layerPopup-contsBox > p{font-size:12px;margin-top:17px;color:#666;font-weight:700} .layerCont.goods-change .chk-wrap {display:flex;justify-content:space-between;} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal + label{display:flex;flex-direction:column;justify-content:center;align-items:center;} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal + label:before{margin:0;} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal + label:after{left:50%;transform:translateX(-50%);top:5px;} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal + label > div{} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal:checked + label > div{border:1px solid #0069b9;transition:.45s} .layerCont.goods-change .chk-wrap input[type=radio].radioBtn-normal + label > div{transition:.45s;border:1px solid #fafafa;cursor:pointer;display:flex;justify-content:center;height:290px;width:170px;border-radius:5px;background-color:#fafafa;font-size:15px;font-weight:700;color:#666;padding-top:25px;margin-top:10px; } .layerCont.goods-change #btn-wrap-default{border-top:none;} /* 첫 로그인 팝업 */ .layerCont.welcom-popup .conts figure{display:flex;justify-content:center;} .layerCont.welcom-popup .conts h2{text-align:center;font-size:23px;font-weight:600;color:#494949;margin-top:10px;} .layerCont.welcom-popup .conts p{text-align:center;margin-top:25px;font-size:15px;color:#494949;} .layerCont.welcom-popup .layerPopupWrap{height:auto;min-height:200px;} .layerCont.welcom-popup #btn-wrap-default{border-top:none;padding:30px 0 50px;} /* 회원가입 팝업 */ .layerCont.mem-join .conts figure{display:flex;justify-content:center;} .layerCont.mem-join .conts .title h1{text-align:center;color:#0069b9;font-size: 15px;font-weight: 600;text-align: center;padding: 0 0 5px;border-bottom:3px solid #0069b9;margin:0 30px;} .layerCont.mem-join .conts .login-form-table{padding:30px;} .layerCont.mem-join .conts .login-form-table div + div{margin-top:10px;} .layerCont.mem-join .conts .login-form-table .form.taxid{display:flex;align-items:center;justify-content:space-between;} .layerCont.mem-join .conts .login-form-table .form.taxid label{} .layerCont.mem-join .conts .login-form-table .form.taxid input{min-width:270px} .layerCont.mem-join .conts .login-form-table .guide ul{margin-top:10px;} .layerCont.mem-join .conts .login-form-table .guide ul li + li{margin-top:5px;} .layerCont.mem-join #btn-wrap-default{border-top:none;padding: 15px 30px;} .layerCont.mem-join #btn-wrap-default .btn-area{display:flex;justify-content:space-between;width:100%;align-items:center;} .layerCont.mem-join #btn-wrap-default .btn-area > a{width:50%;} .layerCont.mem-join #btn-wrap-default .btn-area > a + a{margin-left:5px;} /* 사용가능한 아이디 입니다 팝업 */ .layerCont.information01 #btn-wrap-default{border-top:none;} .layerCont.information01 #layerPopup-contsBox{text-align:center;font-size:15px;color:#494949;display:flex;justify-content:center;align-items:center;} /* 이미 사용중인 아이디 입니다 팝업 */ .layerCont.information02 #btn-wrap-default{border-top:none;padding-top:0;padding-bottom:18px;} .layerCont.information02 #btn-wrap-default .btn-area{display:flex;justify-content:center;} .layerCont.information02 #btn-wrap-default .btn-area > a{height:55px;line-height:1.3;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.1rem;min-width:200px;} .layerCont.information02 #btn-wrap-default .btn-area > a + a{margin-left:20px;} .layerCont.information02 #layerPopup-contsBox{text-align:center;font-size:15px;color:#494949;display:flex;justify-content:center;align-items:center;font-weight:600;} .layerCont.information02 #layerPopup-contsBox span{display:inline-block;font-weight:600;color:#0069b9;} /* 기존 사용자 등록 팝업 */ .layerCont.information03 > h1 span{font-size:11px;color:#494949;margin-left:15px;font-weight:300} .layerCont.information03 #btn-wrap-default{border-top:none;} .layerCont.information03 #layerPopup-contsBox{padding:0 25px 15px} .layerCont.information03 #layerPopup-contsBox .form-items{display:flex;align-items:center;} .layerCont.information03 #layerPopup-contsBox .form-items + .form-items{margin-top:10px;} .layerCont.information03 #layerPopup-contsBox .form-items label{width:6rem;font-weight:600;} .layerCont.information03 #layerPopup-contsBox .form-items input{min-width:285px} .layerCont.information03 #layerPopup-contsBox .form-items input:read-only{background-color:#f5f5f5;} /* Add Advances Credit01 (USD) */ .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table {} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=text].tar::-webkit-input-placeholder{text-align:right !important; } .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li .keyword-search input[type=submit]{display:none;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{color:#fff;font-size:12px;padding:0 11px;justify-content:flex-end;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{width:80px;background-color:#129688;height:24px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:before{content:'Manual';left:0;top:0;height:24px;padding-top:4px;padding-left:25px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label{border:1px solid #ECEFF1;justify-content:flex-start;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:before{padding-top:4px;padding-left:10px;content:'Contacts';background-color:#0069B9;width:80px;height:24px;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:after{transform:translate(58px,-50%)} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:after{background-color:#fff;border:none;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div.proof_file{display:flex;align-items:center;justify-content:space-between;} .layerCont.add-cash-debit01 #layerPopup-contsBox ul.item-table > li > div.proof_file > a{text-decoration:underline;} div.check_Btn input[type=checkbox].checkBox-switch + label{color:#A6A6A6;font-size:12px;padding:0 11px;justify-content:flex-end;} div.check_Btn input[type=checkbox].checkBox-switch + label{width:60px;background-color:#FAFAFA;height:24px;} div.check_Btn input[type=checkbox].checkBox-switch + label:before{content:'OFF';left:0;top:0;padding-top:4px;padding-left:29px;height:24px;} div.check_Btn input[type=checkbox].checkBox-switch:checked + label{border:1px solid #ECEFF1;justify-content:flex-start;} div.check_Btn input[type=checkbox].checkBox-switch:checked + label:before{padding-top:4px;padding-left:10px;content:'ON';color:#fff;background-color:#0069B9;width:60px;height:24px;} /* div.check_Btn input[type=checkbox].checkBox-switch:checked + label:after{transform:translate(28px,-50%)} */ div.check_Btn input[type=checkbox].checkBox-switch:checked + label:after{transform:translate(38px,-50%)} /* Add Advances Credit02 (USD) */ .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table {} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li.proof{align-items:flex-start} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=text].tar::-webkit-input-placeholder{text-align:right !important; } .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li .keyword-search input[type=submit]{background-position:center -32px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{color:#fff;font-size:12px;padding:0 11px;justify-content:flex-end;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{width:80px;background-color:#129688;height:24px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:before{content:'Manual';left:0;top:0;height:24px;padding-top:4px;padding-left:25px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label{border:1px solid #ECEFF1;justify-content:flex-start;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:before{padding-top:4px;padding-left:10px;content:'Contacts';background-color:#0069B9;width:80px;height:24px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:after{transform:translate(58px,-50%)} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:after{background-color:#fff;border:none;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file{} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file .proof-select{display:flex;align-items:flex-start;justify-content:space-between;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a.disabled{color:#4949497C;text-decoration:underline;cursor:default;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file .file-choose-form.disabled{border-color:transparent !important;opacity:1 !important;background-color:transparent !important;text-decoration:underline;color:#4949497C} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file .file-choose-form.disabled label{color:#4949497C} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a{color:#0069B9} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a.pdf{display:flex;align-items:center;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a.pdf:before{content:'';display:inline-block;background:url("../images/common/svg/file_pdf.svg")no-repeat center center;width:14px;height:15px;margin-right:3px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a.img{display:flex;align-items:center;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li > div.proof_file a.img:before{content:'';display:inline-block;background:url("../images/common/file_img.png")no-repeat center center;width:16px;height:16px;margin-right:3px;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;flex-direction:column;align-items:flex-start;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;/* height:32px;line-height:30px; */color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.add-cash-debit02 #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;/* width:calc(100% - 120px); height:32px;line-height:30px;*/font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* Add Advances Credit03 (USD) */ .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table {} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li.proof{align-items:flex-start} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=text].tar::-webkit-input-placeholder{text-align:right !important; } .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li .keyword-search input[type=submit]:disabled{background-position:center 0px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{color:#fff;font-size:12px;padding:0 11px;justify-content:flex-end;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label{width:80px;background-color:#129688;height:24px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:before{content:'Manual';left:0;top:0;height:24px;padding-top:4px;padding-left:25px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label{border:1px solid #ECEFF1;justify-content:flex-start;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:before{padding-top:4px;padding-left:10px;content:'Contacts';background-color:#0069B9;width:80px;height:24px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch:checked + label:after{transform:translate(58px,-50%)} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div input[type=checkbox].checkBox-switch + label:after{background-color:#fff;border:none;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file{} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file .proof-select{display:flex;align-items:flex-start;justify-content:space-between;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file .file-choose-form.disabled{border-color:transparent !important;opacity:1 !important;background-color:transparent !important;text-decoration:underline;color:#4949497C} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file .file-choose-form.disabled label{color:#4949497C;cursor:default;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file a{color:#0069B9;font-weight:600;position:relative;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file a.pdf{display:flex;align-items:center;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file a.pdf:before{content:'';display:inline-block;background:url("../images/common/svg/file_pdf.svg")no-repeat center center;width:14px;height:15px;margin-right:3px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file a.img{display:flex;align-items:center;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li > div.proof_file a.img:before{content:'';display:inline-block;background:url("../images/common/file_img.png")no-repeat center center;width:16px;height:16px;margin-right:3px;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li .file-choose-form {display:flex;align-items:center;flex-direction:column;align-items:flex-start;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li .file-choose-form label {display:flex;align-items:center;white-space:nowrap;/* height:32px;line-height:30px; */color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.add-cash-debit03 #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;/* width:calc(100% - 120px); height:32px;line-height:30px;*/font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* New Cash Advances */ .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table {} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:175px;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 175px);} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child .select-box-default-st.w120{width:120px;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child .select-box-default-st.w120 input{width:120px;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child a.install{display:flex;align-items:center;color:#448DD0;text-decoration:underline;position:relative;} .layerCont.new-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child a.install:before{content:'';display:inline-block;margin-right:7px;background:url("../images/common/svg/install-icon.svg")no-repeat;width:16px;height:18px;} /* Edit Cash Advances */ .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table {} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:175px;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 175px);} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child .select-box-default-st.w120{width:120px;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child .select-box-default-st.w120 input{width:120px;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child a.install{display:flex;align-items:center;color:#448DD0;text-decoration:underline;position:relative;} .layerCont.edit-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child a.install:before{content:'';display:inline-block;margin-right:7px;background:url("../images/common/svg/install-icon.svg")no-repeat;width:16px;height:18px;} /* Attach from Expenses */ .layerCont.attach-from-expenses{} .layerCont.attach-from-expenses #layerPopup-contsBox{min-height:auto} .layerCont.attach-from-expenses #layerPopup-contsBox .serch-table{display:flex;align-items:center;margin-bottom:10px;} /* Attach from Banking */ .layerCont.attach-from-banking{} .layerCont.attach-from-banking #layerPopup-contsBox{min-height:auto} .layerCont.attach-from-banking #layerPopup-contsBox .serch-table{display:flex;align-items:center;margin-bottom:10px;} /* Ledger History */ .layerCont.ledger-history > h1 span{position:relative;margin-left:8px;padding-left:8px;} .layerCont.ledger-history > h1 span:before{content:"";width:1px;height:10px;background-color:#4949497C;position:absolute;left:0;top:50%;transform:translateY(-50%)} /* New Cash Adavances Statement */ .layerCont.adavances-statement .sign{display:flex;justify-content:flex-end;} .layerCont.adavances-statement .sign > div{border:1px solid #e0e0e0;border-radius:5px;width:530px;overflow:hidden;} .layerCont.adavances-statement .sign > div table thead tr th{padding:7px;text-align:center;border-bottom:1px solid #e0e0e0} .layerCont.adavances-statement .sign > div table thead tr th + th{border-left:1px solid #e0e0e0;} .layerCont.adavances-statement .sign > div table tbody tr td{padding:7px;text-align:center;height:60px;} .layerCont.adavances-statement .sign > div table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.adavances-statement .statement{margin-top:27px;margin-bottom:23px;} .layerCont.adavances-statement .statement > h4{text-align:center;font-size:21px;font-weight:500;color:#000;} .layerCont.adavances-statement .statement .top{display:flex;align-items:center;justify-content:space-between;margin-top:30px;} .layerCont.adavances-statement .statement .top > div{display:flex;align-items:center;} .layerCont.adavances-statement .statement .top > div > div{display:flex;align-items:center;} .layerCont.adavances-statement .statement .top > div > div p.topic{color:#A6A6A6;font-size:13px;} .layerCont.adavances-statement .statement .top > div > div p.cont{font-size:13px;color:#000;font-weight:700;margin-left:8px;} .layerCont.adavances-statement .statement .top > div.last div + div{margin-left:20px;} .layerCont.adavances-statement .statement .table{width:100%;margin-top:10px;border-radius:5px;border:1px solid #ECEFF1} .layerCont.adavances-statement .statement .table > dl{display:flex;} .layerCont.adavances-statement .statement .table > dl + dl{border-top:1px solid #eceff1;} .layerCont.adavances-statement .statement .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} .layerCont.adavances-statement .statement .table > dl > dd{width:calc(100% - 90px);padding:6px;} .layerCont.adavances-statement .statement .table > dl > dd textarea{width:100%;min-width:100%;max-width:100%;border:1px solid #eceff1;border-radius:5px;padding:6px 12px;} .layerCont.adavances-statement .statement .table > dl > dd textarea.h65{min-height:65px;} .layerCont.adavances-statement p.table-tit{position:relative;color:#1B1B1B;font-weight:700;font-size:13px;display:flex;align-items:center;margin:30px 0 10px;} .layerCont.adavances-statement p.table-tit:before{content:'';width:9px;height:9px;border-radius:50%;background-color:#009688;display:inline-block;margin-right:10px;} /* New Cash Adavances Request */ .layerCont.adavances-request .sign{display:flex;justify-content:flex-end;} .layerCont.adavances-request .sign > div{border:1px solid #e0e0e0;border-radius:5px;width:530px;overflow:hidden;} .layerCont.adavances-request .sign > div table thead tr th{padding:7px;text-align:center;border-bottom:1px solid #e0e0e0} .layerCont.adavances-request .sign > div table thead tr th + th{border-left:1px solid #e0e0e0;} .layerCont.adavances-request .sign > div table tbody tr td{padding:7px;text-align:center;height:60px;} .layerCont.adavances-request .sign > div table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.adavances-request .request{margin-top:27px;margin-bottom:23px;} .layerCont.adavances-request .request > h4{text-align:center;font-size:21px;font-weight:500;color:#000;} .layerCont.adavances-request .request .top{display:flex;align-items:center;justify-content:space-between;margin-top:30px;} .layerCont.adavances-request .request .top > div{display:flex;align-items:center;} .layerCont.adavances-request .request .top > div > div{display:flex;align-items:center;} .layerCont.adavances-request .request .top > div > div p.topic{color:#A6A6A6;font-size:13px;} .layerCont.adavances-request .request .top > div > div p.cont{font-size:13px;color:#000;font-weight:700;margin-left:8px;} .layerCont.adavances-request .request .top > div.last div + div{margin-left:20px;} .layerCont.adavances-request .request .table{width:100%;margin-top:10px;border-radius:5px;border:1px solid #ECEFF1} .layerCont.adavances-request .request .table > dl{display:flex;} .layerCont.adavances-request .request .table > dl + dl{border-top:1px solid #eceff1;} .layerCont.adavances-request .request .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} .layerCont.adavances-request .request .table > dl > dd{width:calc(100% - 90px);padding:6px;} .layerCont.adavances-request .request .table > dl > dd textarea{width:100%;min-width:100%;max-width:100%;border:1px solid #eceff1;border-radius:5px;padding:6px 12px;} .layerCont.adavances-request .request .table > dl > dd textarea.h65{min-height:65px;} .layerCont.adavances-request .request .table > div.col2{display:flex;justify-content:space-between;border-top:1px solid #eceff1;} .layerCont.adavances-request .request .table > div.col2 > ul{display:flex;align-items:center;} .layerCont.adavances-request .request .table > div.col2 > ul:first-child{width:calc(100% - 260px)} .layerCont.adavances-request .request .table > div.col2 > ul:last-child{width:260px;} .layerCont.adavances-request .request .table > div.col2 > ul li:first-child{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} .layerCont.adavances-request .request .table > div.col2 > ul li:last-child{} /* .layerCont.adavances-request .request .table > div.col2 > ul:last-child li:first-child{width:120px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} */ .layerCont.adavances-request .request .table > div.col2 > ul li{padding:12px 9px;} .layerCont.adavances-request .request .table > div.col2 > dt{width:90px;} .layerCont.adavances-request .request .table-col2 {width:100%;border:1px solid #eceff1;margin-top:25px;} .layerCont.adavances-request .request .table-col2 > dl{display:flex;align-items:center;text-align:center;} .layerCont.adavances-request .request .table-col2 > dl > dt{padding:10px 6px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed;width:250px;} .layerCont.adavances-request .request .table-col2 > dl > dd{padding:10px 6px;color:#000;font-size:13px;width:calc(50% - 250px)} .layerCont.adavances-request p.table-tit{position:relative;color:#1B1B1B;font-weight:700;font-size:13px;display:flex;align-items:center;margin:30px 0 10px;} .layerCont.adavances-request p.table-tit:before{content:'';width:9px;height:9px;border-radius:50%;background-color:#009688;display:inline-block;margin-right:10px;} /* New Cash Adavances Request */ .layerCont.approval-details a.btn-st.common.print{padding-left:10px} .layerCont.approval-details .sign{display:flex;justify-content:flex-end;} .layerCont.approval-details .sign > div{border:1px solid #e0e0e0;border-radius:5px;width:530px;overflow:hidden;} .layerCont.approval-details .sign > div table thead tr th{padding:7px;text-align:center;border-bottom:1px solid #e0e0e0} .layerCont.approval-details .sign > div table thead tr th + th{border-left:1px solid #e0e0e0;} .layerCont.approval-details .sign > div table tbody tr td{padding:7px;text-align:center;height:60px;} .layerCont.approval-details .sign > div table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.approval-details .approval{margin-top:27px;margin-bottom:23px;} .layerCont.approval-details .approval > h4{text-align:center;font-size:21px;font-weight:500;color:#000;} .layerCont.approval-details .approval .top{display:flex;align-items:center;justify-content:space-between;margin-top:30px;} .layerCont.approval-details .approval .top > div{display:flex;align-items:center;} .layerCont.approval-details .approval .top > div > div{display:flex;align-items:center;} .layerCont.approval-details .approval .top > div > div p.topic{color:#A6A6A6;font-size:13px;} .layerCont.approval-details .approval .top > div > div p.cont{font-size:13px;color:#000;font-weight:700;margin-left:8px;} .layerCont.approval-details .approval .top > div.last div + div{margin-left:20px;} .layerCont.approval-details .approval .table{width:100%;margin-top:10px;border-radius:5px;border:1px solid #ECEFF1} .layerCont.approval-details .approval .table > dl{display:flex;align-items:center;} .layerCont.approval-details .approval .table > dl + dl{border-top:1px solid #eceff1;} .layerCont.approval-details .approval .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} .layerCont.approval-details .approval .table > dl > dd{width:calc(100% - 90px);padding:6px;} .layerCont.approval-details .approval .table > dl > dd textarea{width:100%;min-width:100%;max-width:100%;border:1px solid #eceff1;border-radius:5px;padding:6px 12px;} .layerCont.approval-details .approval .table > dl > dd textarea.h65{min-height:65px;} .layerCont.approval-details .approval .table > div.col2{display:flex;justify-content:space-between;border-top:1px solid #eceff1;} .layerCont.approval-details .approval .table > div.col2 > ul{display:flex;align-items:center;} .layerCont.approval-details .approval .table > div.col2 > ul:first-child{width:calc(100% - 260px)} .layerCont.approval-details .approval .table > div.col2 > ul:last-child{width:260px;} .layerCont.approval-details .approval .table > div.col2 > ul li:first-child{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} .layerCont.approval-details .approval .table > div.col2 > ul li:last-child{} /* .layerCont.approval-details .approval .table > div.col2 > ul:last-child li:first-child{width:120px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed} */ .layerCont.approval-details .approval .table > div.col2 > ul li{padding:12px 9px;} .layerCont.approval-details .approval .table > div.col2 > dt{width:90px;} .layerCont.approval-details .approval .table-col2 {width:100%;border:1px solid #eceff1;margin-top:25px;} .layerCont.approval-details .approval .table-col2 > dl{display:flex;align-items:center;text-align:center;} .layerCont.approval-details .approval .table-col2 > dl > dt{padding:10px 6px;color:#757575;font-size:13px;font-weight:700;background-color:#e8ebed;width:250px;} .layerCont.approval-details .approval .table-col2 > dl > dd{padding:10px 6px;color:#000;font-size:13px;width:calc(50% - 250px)} .layerCont.approval-details p.table-tit{position:relative;color:#1B1B1B;font-weight:700;font-size:13px;display:flex;align-items:center;margin:30px 0 10px;} .layerCont.approval-details p.table-tit:before{content:'';width:9px;height:9px;border-radius:50%;background-color:#009688;display:inline-block;margin-right:10px;} .layerCont.approval-details #btn-wrap-default{justify-content:space-between !important} .layerCont.approval-details #btn-wrap-default .file-choose-form {display:flex;align-items:center;} .layerCont.approval-details #btn-wrap-default .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.approval-details #btn-wrap-default .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .layerCont.approval-details #btn-wrap-default .file-choose-form label:before {transform:rotate(90deg);} .layerCont.approval-details #btn-wrap-default .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* View e-Invoice Details */ .layerCont.e-invoice .layerPopupWrap{margin:0 15px 15px;} .layerCont.e-invoice #layerPopup-contsBox{overflow-y:auto;height:450px;} .layerCont.e-invoice .invoice-btn{display:flex;align-items:center;justify-content:flex-end;} .layerCont.e-invoice .invoice-btn > a + a{margin-left:5px;} .layerCont.e-invoice #btn-wrap-default{position:absolute;right:7px;bottom:-4px;padding:0;border:none;} /*layerCont CHANGE PASSWORD */ .layerCont.change-password #btn-wrap-default{border:none;} .layerCont.change-password .layerPopupWrap .item-table li .required{font-size:14px;margin-bottom:10px;color:#000;font-weight:500} .layerCont.change-password .layerPopupWrap .item-table li + li{margin-top:15px;} /*layerCont CONTACT SUPPORT */ .layerCont.contact-support #btn-wrap-default{border:none;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .sup{text-align:center;padding-top:50px;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .sup .txt{margin-top:20px;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .sup .txt p.tit{color:#000;font-size:16px;font-weight:600;color:#000;margin-bottom:10px;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .sup .txt p{font-size:14px;font-weight:500;color:#828282} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .info{width:180px;margin:20px auto 0;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .info p{position:relative;display:flex;align-items:center;font-size:14px;font-weight:500;color:#000;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .info p + p{margin-top:5px;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .info p.call:before{content:'';display:inline-block;width:16px;height:17px;background:url("../images/common/svg/icon-call.svg")no-repeat center center;margin-right:7px;} .layerCont.contact-support .layerPopupWrap #layerPopup-contsBox .info p.mail:before{content:'';display:inline-block;width:18px;height:17px;background:url("../images/common/svg/icon-mail.svg")no-repeat center center;margin-right:7px;} /*layerCont SETTING PAGEPOPUP */ .layerCont.setting-pagepopup .layerPopupWrap {width:1400px;} .layerCont.setting-pagepopup > .layerPopup-resize{right:61px !important;} .layerCont.setting-pagepopup > .layerPopup-close{right:25px !important;} .layerCont.setting-pagepopup #layerPopup-contsBox {width:1400px;padding:0;} .layerCont.setting-pagepopup #layerPopup-contsBox .popupName{font-size:15px;padding:10px;font-weight:500;color:#1B1B1B} .layerCont.setting-pagepopup #layerPopup-contsBox #container{padding-top:0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap > ul > li > a.active{background-color:#eceff1} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents{height:748px;overflow-y:auto;padding-top:0;padding-bottom:20px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .title-area h1{padding:0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap {padding:20px;margin-top:20px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap h3 {position:relative;color:#494949;font-size:15px;font-weight:800;display:flex;align-items:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap h3:before {content:"";position:absolute;top:5px;left:-15px;width:7px;height:7px;border-radius:50%;background-color:#0069B9;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit {position:relative;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > span {position:relative;top:0;width:170px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > span.table-tit {top:13px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit a.edit {position:absolute;top:20px;right:50px;color:#0069B9;font-size:15px;font-weight:600;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .documents-wrap {padding-left:0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .documents-wrap > ul li {margin:15px 10px 0 0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li {display:flex;flex-wrap:wrap;align-items:center;padding-top:20px;padding-left:0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > div{display:flex;align-items:center;min-width:350px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > div > span{width:170px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab{border-bottom:1px solid #ECEFF1;display:flex;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a{position:relative;font-size:18px;padding:0 15px 10px 0;display:flex;border-bottom:1px solid rgba(255,255,255,0)} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a.on{color:#0069b9;border-bottom:1px solid #0069b9} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a + a:before{content:'';width:1px;height:23px;background-color:#4949497C;display:inline-block;margin-right:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap {display:flex;align-items:center;padding:5px 0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap.sp-btw {justify-content:space-between;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap.b-line {border-bottom:1px solid #ECEFF1;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div {display:flex;align-items:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first {padding:5px 0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > div {display:flex;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > div + div {margin-left:7px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .invoice_radio div{font-weight:600;color:#5b5d5d} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .invoice_radio div + div{margin-left:20px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st {display:flex;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a {position:relative;font-weight:700;padding:7px 0;min-width:80px;text-align:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.on {color:#0069B9;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.on:before {content:"";position:absolute;top:calc(100% + 9px);left:0;width:100%;height:3px;background-color:#0069B9;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a + a {margin-left:25px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses{} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses > div{background-color:#FAFAFA;padding:25px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses > div > ul > li + li{margin-top:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses > div > h2{margin-top:30px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap {max-width:800px;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;padding:15px;background-color:#fff;margin-top:10px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state {display:flex;justify-content:space-between;align-items:flex-start;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.state {} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.state > a {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color:#FAFAFA;display:flex;justify-content:center;align-items:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.state > figure {width:150px;height:150px;display:flex;justify-content:center;align-items:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.state > figure > img {max-width:150px;max-height:150px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul li {width:110px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul li > span:nth-child(2) {} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;display:flex;justify-content:center;align-items:center;height:60px;padding-left:5px;padding-right:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_expenses .payroll-state-wrap .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_banking{height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_banking > div{background-color:#FAFAFA;padding:25px;height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_banking > div > ul > li + li{margin-top:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_banking > div > h2{margin-top:30px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_contacts{height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_contacts > div{background-color:#FAFAFA;padding:25px;height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_contacts > div > ul > li + li{margin-top:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_contacts > div > h2{margin-top:30px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports{height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports > div{background-color:#FAFAFA;padding:25px;height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports > div > ul > li + li{margin-top:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports > div > h2{margin-top:30px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap {max-width:800px;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;padding:15px;background-color:#fff;margin-top:10px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report {display:flex;justify-content:flex-end;align-items:flex-start;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.state {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color:#FAFAFA;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul li {width:110px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul li + li {border-left:1px solid #ECEFF1;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul li > span:nth-child(2) {} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sales-report div.confirm ul li > span + span {border-top:1px solid #ECEFF1;display:flex;justify-content:center;align-items:center;height:60px;padding-left:5px;padding-right:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_reports .sales-report-wrap .sign-box {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color: #FAFAFA;margin-right:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced{height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced > div{background-color:#FAFAFA;padding:25px;height:100%;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced > div > ul > li{margin-top:15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced > div > h2{margin-top:30px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced .form-wrap.hide-form{display:none;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_advanced .form-wrap.hide-form div.select-box-default-st input.selectValue{background:#fff url('../images/common/svg/selectbox-arrow.svg') no-repeat right 3px bottom 3px/22px 44px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr td a.icon-svg-menu.check:before{background-size:32px auto !important;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.first{} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div {display:flex;align-items:center;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div + div:before {content:"";width:1px;height:12px;background-color:#ECEFF1;margin:0 15px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div.all {} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div.all:before {content:none;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div.all > span {color:#494949;font-weight:600;margin-left:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div.cnt-Blue > span {color:#009688;font-weight:600;margin-left:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project .search-etc-wrap > div.employees-state > div.cnt-Red > span {color:#CB0D0D;font-weight:600;margin-left:5px;} .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project #table-list-wrap table thead tr th, .layerCont.setting-pagepopup #layerPopup-contsBox #container > .contents #pageWrap_project #table-list-wrap table tbody tr td {text-align:center;} .layerCont.setting-pagepopup #btn-wrap-default{margin-top:30px;padding:0;border-top:none;} .layerCont.setting-pagepopup #pageWrap_project03 #table-list-wrap{width:100%;overflow-x:auto;} .layerCont.setting-pagepopup #pageWrap_project03 #table-list-wrap table{width:1700px;} .layerCont.setting-pagepopup #pageWrap_management02 .form-wrap{padding-left:50px;width:calc(100% - 150px);} .layerCont.setting-pagepopup #pageWrap_management03 .form-wrap{padding-left:50px;width:calc(100% - 150px);} .layerCont.setting-pagepopup .form-wrap .confirm-btn{display: inline-block;min-width: 50px;height: 32px;color: #0069B9;font-size: 1.15rem;line-height: 30px; padding: 0 15px; text-align: center; background-color: #FFF;background-color:#f5f8fa;border-radius: 5px;overflow: hidden;outline: none;} .layerCont.setting-pagepopup #pageWrap_management02 .upload-wrap .add-upload{margin-top:20px;} .layerCont.setting-pagepopup #pageWrap_management03 .upload-wrap .add-upload{margin-top:20px;} .layerCont.setting-pagepopup .title-area.sp-btw .required-point{display: inline-block;vertical-align: middle;width: 5px;height: 5px; background-color: #CB0D0D; border-radius: 50%;overflow: hidden;} /*layerCont SETTING PAGEPOPUP */ #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.setting-pagepopup-ver2{overflow:hidden;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table thead{background-color:#f5f5f5;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_save{padding:8px;color:#0069B9;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_cel{padding:8px;color:#000;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td.last-update .update > div{width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 .view-sort.ver2 .viewsetting:before{content:'';background:url("../images/settings/icon-viewsetting-ver2.svg")no-repeat;display:inline-block;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more{display:flex;justify-content:center;font-size:13px;color:#0F38EE;font-weight:500;align-items:center;position:relative;padding:8px 0;margin-top:10px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more:before{content:'';transition:.45s;background:url("../images/settings/icon-table-more.svg")no-repeat center center;display:inline-block;width:16px;height:16px;background-size:11px 7px;margin-right:4px;} .layerCont.setting-pagepopup-ver2 .layerPopupWrap {width:1300px;} .layerCont.setting-pagepopup-ver2 > .layerPopup-resize{right:61px !important;} .layerCont.setting-pagepopup-ver2 > .layerPopup-close{right:25px !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox {width:1300px;padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox .popupName{font-size:15px;padding:10px;font-weight:500;color:#1B1B1B} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container{padding-top:0;transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small{transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container:before{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-list{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:210px;height:100%;position:absolute;z-index:-1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:64px;height:100%;position:absolute;z-index:-1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title > h2{font-size:16px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title > a{font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap > ul > li > a.active{background-color:#eceff1} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents{height:748px;overflow-y:auto;/*padding:56px 40px 0;*/padding:0;transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small > .contents{transition:none !important;width:calc(100% - 64px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small > #left-menu-list{width:64px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area{border-bottom:0;flex-direction:column;align-items:flex-start;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area > div{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area h1{padding:0;font-size:18px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area p{display:block;color:#878787;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap {padding:20px;margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap h3 {position:relative;color:#494949;font-size:15px;font-weight:800;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap h3:before {content:"";position:absolute;top:5px;left:-15px;width:7px;height:7px;border-radius:50%;background-color:#0069B9;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit {position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > span {position:relative;top:0;width:170px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > span.table-tit {top:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit a.edit {position:absolute;top:20px;right:50px;color:#0069B9;font-size:15px;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .documents-wrap {padding-left:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .documents-wrap > ul li {margin:15px 10px 0 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li {display:flex;flex-wrap:wrap;align-items:center;padding-top:20px;padding-left:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > div{display:flex;align-items:center;min-width:350px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .box-wrap.edit ul.form-ul > li > div > span{width:170px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab{border-bottom:1px solid #ECEFF1;display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a{position:relative;font-size:18px;padding:0 15px 10px 0;display:flex;border-bottom:1px solid rgba(255,255,255,0)} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a.on{color:#0069b9;border-bottom:1px solid #0069b9} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents > .tabCont .purpose_tab > a + a:before{content:'';width:1px;height:23px;background-color:#4949497C;display:inline-block;margin-right:15px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap {display:flex;align-items:center;padding:5px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap.sp-btw {justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap.b-line {border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div {display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first {padding:5px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > div {display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > div + div {margin-left:7px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .invoice_radio div{font-weight:600;color:#5b5d5d} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .invoice_radio div + div{margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st {display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a {position:relative;font-weight:600;padding:7px 0;/* min-width:80px; */text-align:center;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.on {color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.on:before {content:"";position:absolute;top:calc(100% + 9px);left:0;width:100%;height:2px;background-color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a + a {margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.del-tab{margin-left:30px;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.del-tab span.icon{background:url("../images/settings/icon-del-tab.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .searchPopup-wrap > div.first > .select-tab-st a.del-tab:after{content:'';width:1px;height:20px;background-color:#D9D9D9;position:absolute;left:-10px;top:50%;transform:translateY(-50%);} .layerCont.setting-pagepopup-ver2 #btn-wrap-default{margin-top:30px;padding:0;border-top:none;} .layerCont.setting-pagepopup-ver2 #pageWrap_project03 #table-list-wrap{width:100%;overflow-x:auto;} .layerCont.setting-pagepopup-ver2 #pageWrap_project03 #table-list-wrap table{width:1700px;} .layerCont.setting-pagepopup-ver2 #pageWrap_management02 .form-wrap{padding-left:50px;width:calc(100% - 150px);} .layerCont.setting-pagepopup-ver2 #pageWrap_management03 .form-wrap{padding-left:50px;width:calc(100% - 150px);} .layerCont.setting-pagepopup-ver2 .form-wrap .confirm-btn{display: inline-block;min-width: 50px;height: 32px;color: #0069B9;font-size: 1.15rem;line-height: 30px; padding: 0 15px; text-align: center; background-color: #FFF;background-color:#f5f8fa;border-radius: 5px;overflow: hidden;outline: none;} .layerCont.setting-pagepopup-ver2 #pageWrap_management02 .upload-wrap .add-upload{margin-top:20px;} .layerCont.setting-pagepopup-ver2 #pageWrap_management03 .upload-wrap .add-upload{margin-top:20px;} .layerCont.setting-pagepopup-ver2 .title-area.sp-btw .required-point{display: inline-block;vertical-align: middle;width: 5px;height: 5px; background-color: #CB0D0D; border-radius: 50%;overflow: hidden;} .layerCont.setting-pagepopup-ver2 div.select-box-default-st input.selectValue, .layerCont.setting-pagepopup-ver2 input[type=text], .layerCont.setting-pagepopup-ver2 input[type=password]{border:1px solid rgba(0, 0, 0, 0.15) !important;} .layerCont.setting-pagepopup-ver2 div.disabled, .layerCont.setting-pagepopup-ver2 input[type=text]:disabled{background-color:#fafafa !important;opacity:1;} .layerCont.setting-pagepopup-ver2 input[type=text]:read-only{background-color:#fafafa !important;opacity:1;} .layerCont.setting-pagepopup-ver2 input[type=password]:read-only{background-color:#fafafa !important;opacity:1;} .layerCont.setting-pagepopup-ver2 input[type=text].w135{width:135px;} .layerCont.setting-pagepopup-ver2 div.select-box-default-st input[type=text]:read-only{background-color:#fff !important;opacity:1;} .layerCont.setting-pagepopup-ver2 .required:after{content:'*';border-radius:0;width:auto;height:auto;background:none;color:#F60404} .layerCont.setting-pagepopup-ver2 .keyword-search{border:none;} /* .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area {display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn {font-size:0;line-height:0;width:32px;height:32px;border:1px solid #ECEFF1;border-radius:5px;background-repeat:no-repeat;background-position:center center;background-size:60px auto;overflow:hidden;margin:0 3px;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn.first {background-image:url('../images/settings/icon-pagging-arrow.svg');background-position:left bottom;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/settings/icon-pagging-arrow.svg');background-position:left top;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/settings/icon-pagging-arrow.svg');background-position:right top;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn.last {background-image:url('../images/settings/icon-pagging-arrow.svg');background-position:right bottom;} .layerCont.setting-pagepopup-ver2 #pagging-wrap > .page-area > a.page-btn.disable {border-color:#B3B3B3;background-color:#E0E0E0;opacity:0.3;} */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st{font-size:13px !important;padding:0 8px;font-weight:500 !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.normal{border:1px solid #e0e0e0;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.tag-btn{height:32px;border-radius:6px;color:#0069B9;display:flex;align-items:center;justify-content:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.tag-btn.active{height:32px;border-radius:6px;background-color:#DDECF8;color:#0069B9;display:flex;align-items:center;justify-content:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.icon-svg:before, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.primary.icon-svg:before{width:16px;height:16px;background-size:cover;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.icon-svg.edit:before{background-image:url("../images/settings/icon-edit-b.svg");} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.icon-svg.white.edit:before{background-image:url("../images/settings/icon-edit.svg");} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .btn-st.icon-svg.save:before{background-image:url("../images/settings/icon-save.svg");} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap{border-radius:0;border-left:none;border-right:none;border-bottom:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr + tr{border-top:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr{border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > div.wrap{display:flex;justify-content:flex-end;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.btn-st.disabled{font-size:13px;font-weight:500;opacity:0.5;color:#000;background-color: #FAFAFA;border:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore{color:#0069B9;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:flex-end;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore:before{content:'';display:inline-block;background:url("../images/settings/icon-restore.svg")no-repeat;margin-right:4px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap #table-list-wrap tr td.last .remove{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap tr td.last .remove{display:block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap tr td.last .switch-box{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a{display:block;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a:before{content:'';width:19px;height:18px;background:url("../images/settings/icon-del.svg")no-repeat;background-size:cover;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.disable{background-color:#FAFAFA;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete:before{content:'';background:url("../images/settings/icon-trash.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete.cRed:before{content:'';background:url("../images/settings/icon-trash-red.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.down:before{content:'';background:url("../images/settings/icon-down.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.down.ver2:before{background:url("../images/settings/icon-down-ver2.svg")no-repeat;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.filter:before{content:'';background:url("../images/settings/icon-filter.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.primary{color:#fff;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference{padding:56px 40px 40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap.preference-wrap01{display:flex;width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont{width:calc(100% - 290px);padding-right:14px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .searchWrap > p{display:block;margin-bottom:10px;font-size:14px;color:#515151;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .due-wrap > p{display:block;margin-bottom:6px;font-size:14px;color:#515151;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .due-wrap > p.balance-due{display:block;margin-bottom:0;font-size:41px;color:#515151;font-weight:500;text-align:right;line-height:1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01{display:flex;align-items:flex-start;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .text-wrap{width:168px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .text-wrap > p{display:block;margin-bottom:10px;font-size:14px;color:#515151;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .text-wrap > .text-box{padding:8px 8px 8px 10px;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.15);min-height:110px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box{display:flex;flex-flow:wrap;width:calc(100% - 168px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item{padding-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item .input-clear-box, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item div.select-box-default-st{width:100%;font-size:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item input[type=text]{font-size:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 .item input[type=text]{font-size:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item.calc3{width:calc(100% / 3);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item.calc4{width:22.22%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item div.select-box-default-st input.selectValue, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item div.select-box-default-st ul.select-box-option li{font-size:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items01 .ip-box .item label{display:block;margin-bottom:10px;font-size:14px;color:#515151;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 {display:flex;align-items:flex-end;margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 .item {display:flex;flex-direction:column;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 .item + .item{margin-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 .item > p{display:block;margin-bottom:10px;font-size:14px;color:#515151;font-weight:500;letter-spacing:-0.05em;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .l-cont .ip-items02 .item label{display:block;margin-bottom:10px;font-size:14px;color:#515151;font-weight:500;letter-spacing:-0.05em;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont{padding:20px 5px 20px 15px;width:290px;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap.preference-wrap01 .r-cont:before{content:'';position:absolute;left:0;top:0;background-color:#e0e0e0;width:1px;height:100%;min-height:583px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont:before{content:'';position:absolute;left:0;top:0;background-color:#e0e0e0;width:1px;height:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .tit{margin-bottom:7px;padding:0 5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .tit > h4{font-size:14px;color:#1b1b1b;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .time-wrap{margin-top:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .wrap .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .switch-item{cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center;padding:7px 5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .switch-item:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .info-wrap{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .info-wrap p{position:relative;color:#1B1B1B;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .info-wrap p:after{content:'';width:18px;height:18px;display:inline-block;background:url("../images/settings/icon-info.svg")no-repeat;margin-left:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .switch-wrap .info-wrap .info-text{position:absolute;top:calc(100% + 6px);font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;width:max-content;left:50%;transform:translateX(-50%)} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .r-input{padding:0 5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .r-input > div{margin-top:20px;width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .r-input > div label{display:block;font-size:14px;color:#515151;font-weight:500;margin-bottom:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .r-input > div .select-box-default-st{width:100%;} .layerCont.setting-pagepopup-ver2 .drop_area{min-height:95px;padding:5px;width:132px;border-radius:5px;border:2px dashed #0F38EE;background: #F9F9FF;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;} .layerCont.setting-pagepopup-ver2 .drop_area .caption{position:relative;position:absolute;left:0;top:0;height:14px;} .layerCont.setting-pagepopup-ver2 .drop_area .caption span{background:url("../images/settings/icon-drop-info.svg")no-repeat;position:absolute;left:5px;top:5px;width:13px;height:14px;} .layerCont.setting-pagepopup-ver2 .drop_area .caption .text-box{position:relative;} .layerCont.setting-pagepopup-ver2 .drop_area .caption .info-text{position:absolute;top:calc(100% + 6px);font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;width:max-content;left:0;} .layerCont.setting-pagepopup-ver2 .drop_area.wp100{width:100%;} .layerCont.setting-pagepopup-ver2 .drop_area.middle{height:160px;} .layerCont.setting-pagepopup-ver2 .drop_area.large{width:200px;height:160px;} .layerCont.setting-pagepopup-ver2 .drop_area.profile{width:134px;height:134px;border-radius:50%;overflow:hidden;position:relative;} .layerCont.setting-pagepopup-ver2 .drop_area.profile > span{position:relative;width:100%;height:100%;} .layerCont.setting-pagepopup-ver2 .drop_area.profile > span:before{content:'';padding-top:100%;display:block;} .layerCont.setting-pagepopup-ver2 .drop_area.profile > span > img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;} .layerCont.setting-pagepopup-ver2 .drop_area.profile .del-area{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:100;display:none;} .layerCont.setting-pagepopup-ver2 .drop_area.profile .del-area .wrap{width:100%;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;} .layerCont.setting-pagepopup-ver2 .drop_area.profile .del-area .wrap a.del{display:flex;background:url("../images/settings/icon-drop-del.svg")no-repeat;display:inline-block;width:18px;height:20px;} .layerCont.setting-pagepopup-ver2 .drop_area .bg{background:url("../images/settings/icon-drop.svg")no-repeat;width:36px;height:31px;opacity:0.5;} .layerCont.setting-pagepopup-ver2 .drop_area .text{text-align:center;margin-top:5px;color:#000;font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 .drop_area .text span{color:#0F38EE;font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 .drop_area.btn-3 .btn-wrap{padding:0 10px;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:100%;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap{padding:0 10px;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:100%;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap.tar{display:flex;align-items:center;justify-content:flex-end;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap.tac{display:flex;align-items:center;justify-content:center;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap.between{display:flex;align-items:center;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a{background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a + a{margin-left:5px;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.del{} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.del:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_del.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.edit:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_edit.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.del-b:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_del_b.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.check:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_check.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.photo:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_photo.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 .drop_area .btn-wrap > a.close:before{content:'';width:29px;height:29px;background:#fff url("../images/settings/drop_close.svg")no-repeat center center;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .r-cont .r-input > div textarea{resize:none;height:90px;width:100%;border: 1px solid rgba(0, 0, 0, 0.15);border-radius:6px;padding:8px 12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont{padding-right:20px;padding-top:20px;padding-bottom:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > h2{text-align:center;font-size:21px;color:#1b1b1b;font-weight:700;margin-bottom:30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > h3{text-align:center;font-size:18px;color:#1b1b1b;font-weight:700;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > h4{text-align:center;font-size:13px;color:#000;font-weight:500;margin-bottom:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont .date{color:#a6a6a6;font-size:12px;margin-bottom:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont .sub{font-weight:500;color:#000;font-size:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont .sub strong{font-weight:700;margin-left:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table{margin-top:12px;border-top:1px solid #000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table tr{border-bottom:1px solid #000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table tr td + td{border-left:1px solid #000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table tr td{padding:12px 10px;font-size:12px;color:#000;font-weight:600;height:38px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table tr td:first-child{padding:12px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont.invoice-table table tr td:first-child{padding:12px 10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .l-table > .table-cont table tr td.none{opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap{margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap .cont{display:flex;justify-content:center;align-items:flex-end;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap > h4{font-size:12px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap .cont > div{width:210px;display:flex;flex-direction:column;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap .cont > div + div{margin-left:125px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap .cont .info{margin-top:20px;padding-top:10px;border-top:1px solid #000;width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .notes-wrap .cont .info > p{text-align:center;font-size:12px;font-weight:700;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap > .cont{display:flex;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap > .cont .left{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont{padding-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont > p{font-size:14px;font-weight:700;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont > p.small{font-size:12px;font-weight:700;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .box-cont ul{display:flex;margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .box-cont ul li{display:flex;align-items:center;width:20px;height:22px;border-radius:2px;border:1px solid #000;justify-content:center;font-size:12px;font-weight:700;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .box-cont ul li + li{margin-left:2px; } .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .addr{display:flex;margin-top:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .addr > div{width:62px;margin-right:10px;font-size:12px;color:#000;font-weight:500;opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .addr > div p{font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .drop-wrap .text-cont .addr > p{font-size:12px;font-weight:500;color:#000;font-weight:500;opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .sales-report{display:flex;justify-content:flex-end;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .copy{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .copy div p{font-size:12px;color:#000;margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .l-cont .wrap .copy > p{font-size:12px;color:#A6A6A6;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap + .toggle-wrap{border-top:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-cont{border-top:1px solid #e0e0e0;display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-cont > .wrap{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-tit > a{padding:10px 0;background-color:#fff;position:relative;z-index:1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-tit > a:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-tit > a p{font-size:16px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-tit > a p.arrow{display:flex;align-items:center;position:relative;font-weight:500;color:rgba(0,0,0,0.5);font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(180deg);display:inline-block;margin-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap.active .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(0);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul {display:flex;border:1px solid #000;justify-content:flex-end;max-width:540px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li {width:108px;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li a.del{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 10px);font-size:13px;font-weight:500;color:#EC002A;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li a.del:before{content:'';display:inline-block;width:18px;height:18px;background:url("../images/settings/icon-del.svg")no-repeat;margin-right:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li input{border:none !important;outline:none;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li input::placeholder{text-align:center !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li + li {border-left:1px solid #000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > span.last {height:36px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > span:nth-child(2) {} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > span + span {border-top:1px solid #000;display:flex;justify-content:center;align-items:center;height:70px;padding-left:5px;padding-right:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > a.add{height:100%;position:relative;color:#0069B9;font-size:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap02 .toggle-wrap div.confirm ul li > a.add:before{content:'';width:28px;height:28px;background:url("../images/settings/icon-confirm-add.svg")no-repeat;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03{padding-top:34px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .switch-list > div{padding:12px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .switch-list > div + div{border-top:1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .switch-list > div > p{position:relative;color:#1B1B1B;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .caption{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .caption p{position:relative;color:#1B1B1B;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .caption p:after{content:'';width:18px;height:18px;display:inline-block;background:url("../images/settings/icon-info.svg")no-repeat;margin-left:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .caption .info-text{position:absolute;top:calc(100% + 6px);font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;width:max-content;left:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .switch-box{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .switch-box > a{font-size:14px;font-weight:500;color:#0069B9;margin-right:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap.bordertop{border-top:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a{padding:12px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a p{font-size:13px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a p.arrow{display:flex;align-items:center;position:relative;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(180deg);display:inline-block;margin-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap.active .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(0);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-tit > a.arrow p{font-size:13px;color:#000;font-weight:500;opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr{cursor:pointer;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table td{padding:12px 0;font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table td a.save{font-size:13px;color:#1b1b1b;opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr + tr{border-top:1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr.disabled td{opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr.input-form:hover{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap03 .toggle-wrap .toggle-table tr.input-form td input{border:none !important;padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .text-area{margin-bottom:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .text-area > div > h3{font-size:16px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .text-area .btn-wrap{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .time-wrap{margin-top:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04{padding-top:34px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .caption{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .caption p{position:relative;color:#1B1B1B;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div{padding:12px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div div.select-box-default-st input[type=text]{width:210px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div.caption-box{cursor:pointer;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div.caption-box:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div + div{border-top:1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-list > div > p{position:relative;color:#1B1B1B;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .caption p:after{content:'';width:18px;height:18px;display:inline-block;background:url("../images/settings/icon-info.svg")no-repeat;margin-left:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .caption .info-text{position:absolute;top:calc(100% + 6px);font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;width:max-content;left:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-box{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .switch-box > a{font-size:14px;font-weight:500;color:#0069B9;margin-right:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap{border-radius:7px;border:1px solid rgba(0, 0, 0, 0.15);overflow:hidden;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .input-list{background-color:#FEFDF9;padding:20px 25px 28px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .input-list > div{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .input-list > div + div{margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .input-list > div label{width:70px;display:flex;align-items:center;font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .form-textarea{padding:20px 6px 14px 20px;background-color:#fff;position:relative;border-top:1px solid rgba(0, 0, 0, 0.15);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .form-textarea textarea{resize:none;width:100%;height:175px;color:#000;font-size:14px;font-weight:500;opacity:0.4;border:none;outline:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap04 .form-wrap .form-textarea > p{position:absolute;right:6px;bottom:14px;font-size:13px;opacity:0.5;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap05{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch{cursor:pointer;width:100%;padding:12px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch + .setup-switch{border-top: 1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch .text{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch .text > h4{font-size:14px;font-weight:500;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch .text > p{font-size:13px;font-weight:500;color:#878787;margin-top:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch .switch-box{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_preference .preference-wrap .setup-switch .switch-box > a{font-size:14px;font-weight:500;color:#0069B9;margin-right:20px;} /*DO NOT ALLOW TO OVERRIDE */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose {padding:56px 40px 40px 0 !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .title-area{padding-left:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .searchPopup-wrap{margin-left:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap{padding-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap .top-btn-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-left:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap .top-btn-wrap > div{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap a.table-more{margin-left:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap a.reset{display:flex;align-items:center;font-size:000;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap a.reset:before{content:'';background:url("../images/settings/icon-reset.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap {border-top:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table thead{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table thead tr{border:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table thead tr th{border:1px solid #ECEFF1;background-color:#f5f5f5;border-top:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table thead tr th.drag-handle{border:none;background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr{border-bottom:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr.dragging-cursor td{border-top:4px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td{border-bottom:1px solid #e0e0e0;cursor:pointer;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.drag-handle{border:none;cursor:move;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.drag-handle figure{display:flex;justify-content:center;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr.margin{margin-bottom:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.drag-handle{position:relative;visibility: hidden;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap table tbody tr td.drag-handle{position:relative;visibility: visible;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap #table-list-wrap table tbody tr td.drag-handle figure{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap table tbody tr:hover td.drag-handle figure{display:flex;} /* .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap table tbody tr:hover td.drag-handle{position:relative;visibility: visible;} */ /* .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .purpose-wrap.active #table-list-wrap table tbody tr:hover td:first-child:before{content:'';cursor:move;position:absolute;left:-22px;top:50%;transform:translateY(-50%); background: url("") no-repeat; width: 18px;height: 18px; display: inline-block;} */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr:hover{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr:hover td:not(.drag-handle){background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr:hover td.drag-handle{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr.input-form td{cursor:default;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr.input-form:hover td{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr.input-form:hover td.drag-handle{cursor:move;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.description{color:#878787} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry{overflow:visible;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box > input{padding-left:0 !important;font-size:13px;font-weight:500;color:#1b1b1b;border:none !important;outline:none;background-color:transparent !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box .entry-list{display:none;overflow:hidden;width:100%;position:absolute;left:0;top:calc(100% + 3px);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);border-radius: 6px;background-color:#fff;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box .entry-list ul li a{display:block;padding:10px;font-size:13px;font-weight:500;color:#1b1b1b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box .entry-list ul li a:hover{background-color:#EDF7FF;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.entry .entry-box .entry-list ul li + li{border-top:1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose #table-list-wrap table tbody tr td.description > input{padding-left:0 !important;font-size:13px;font-weight:500;color:#1b1b1b;border:none !important;outline:none;background-color:transparent !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap + .toggle-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-cont{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-cont > .wrap{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit{margin-left:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit > a{padding:10px 0;background-color:#fff;position:relative;z-index:1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit > a:hover{background-color:#f3f3f3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit > a p{font-size:16px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit > a p.arrow{display:flex;align-items:center;position:relative;font-weight:500;color:rgba(0,0,0,0.5);font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(180deg);display:inline-block;margin-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap.active .toggle-tit > a p.arrow:after{content:'';width:22px;height:22px;background:url("../images/settings/icon-list-arrow.svg")no-repeat;transition:.45s;transform:rotate(0);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_purpose .toggle-wrap.active .toggle-tit {border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project{padding:56px 40px 40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option{border:1px solid #E0E0E0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li.selected{font-weight:400;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li.cBlue{color:#0069B9;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li.cRed{color:#EC002A;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li:hover{background-color:#EDF7FF;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap div.select-box-default-st ul.select-box-option li + li{/* border-top:1px solid #E0E0E0; */} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap a.add:before{background-size:32px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap .view-sort{position:relative;/* border-radius:6px;border:1px solid rgba(0, 0, 0, 0.15); */} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .search-etc-wrap .view-sort #view-sort-box{top:calc(100% + 3px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap .table-contBox{margin-top:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:550px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap #table-list-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .project-wrap #table-list-wrap table tr td span.sub{display:block;font-size:12px;font-weight:500;color:#999;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation > div{padding-right:8px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation > div p{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation > div + div{margin-left:4px;padding-left:12px;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation > div + div:before{content:'';width:1px;height:18px;background-color:#E0E0E0;position:absolute;left:0;top:50%;transform:translateY(-50%);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation .complete{color:#17864C;font-weight:500;font-size:13px;letter-spacing: -0.13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation .complete p:before{content:'';background:url("../images/settings/icon-complete.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation .error{color:#EC002A;font-weight:500;font-size:13px;letter-spacing: -0.13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .first .situation .error p:before{content:'';background:url("../images/settings/icon-alert.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .search-etc-wrap .last form{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .title-area h1{line-height:22px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .title-area p{line-height:22px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .title-area a{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .title-area a:before{content:'';display:inline-block;background:url("../images/settings/icon-title-arrow.svg")no-repeat;width:22px;height:22px;margin-right:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap{border-radius: 7px;background-color: #F5F5F5;width:100%;padding:20px 0;height:607px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap .wrap .text{text-align:center;margin-top:30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap .wrap .text > h4{font-size:18px;color:#1b1b1b;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap.dragover .wrap .text > h4{opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap.dragover .wrap .text > p{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap .wrap .text > p{margin-top:10px;font-weight:500;color:#828282;font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap .wrap .text > p strong{color:#0F38EE;font-weight:500;font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_project .upload-Box .upload-wrap.dragover { border-radius: 7px;border: 1px solid var(--WeBill, #0F1FEA); background: #F9F9FF; box-shadow: 0px 0px 0px 3px rgba(15, 31, 234, 0.20);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items{padding:56px 40px 40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .search-etc-wrap .view-sort{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .search-etc-wrap .excel-down{position:relative;padding-left:7px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .search-etc-wrap .excel-down:after{content: "";position: absolute; top: 50%;left: 0;transform: translate(0,-50%);width: 1px; height: 12px; background-color: rgba(0,0,0,0.25);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .search-etc-wrap .view-sort #view-sort-box{top:calc(100% + 3px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .search-etc-wrap a.add:before{background-size:32px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap .table-contBox{margin-top:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:550px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap #table-list-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items .items-wrap #table-list-wrap table tr td span.sub{display:block;font-size:12px;font-weight:500;color:#999;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll{padding:56px 40px 40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .view-sort{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .view-sort{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down a{min-width:auto;padding:0 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down a:before{margin:0;background-size:30px auto;width:30px;height:30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down .caption-popup{display:none;padding:8px;background-color:#000;border-radius:6px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);position:absolute;left:0;top:calc(-100% - 3px);width:max-content;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down .caption-popup p{color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down .caption-popup p:before{content:'';background:url("../images/settings/icon-caption-area2.svg")no-repeat;display:inline-block;margin-right:6px;width:16px;height:16px;} /* .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .excel-down:after{content: "";position: absolute; top: 50%;left: 0;transform: translate(0,-50%);width: 1px; height: 12px; background-color: rgba(0,0,0,0.25);} */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap .view-sort #view-sort-box{top:calc(100% + 3px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .search-etc-wrap a.add:before{background-size:32px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap #table-list-wrap{display:flex;flex-direction:column;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap #table-list-wrap table tr td span.sub{display:block;font-size:12px;font-weight:500;color:#999;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .total{display:flex;align-items:center;padding:20px 12px;border-top: 1px solid #E0E0E0;background: #F5F5F5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .total > div{font-size:13px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .payroll-wrap .total > div:first-child{width:200px;} layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation > div{padding-right:8px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation > div p{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation > div + div{margin-left:4px;padding-left:12px;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation > div + div:before{content:'';width:1px;height:18px;background-color:#E0E0E0;position:absolute;left:0;top:50%;transform:translateY(-50%);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation .complete{color:#17864C;font-weight:500;font-size:13px;letter-spacing: -0.13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation .complete p:before{content:'';background:url("../images/settings/icon-complete.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation .error{color:#EC002A;font-weight:500;font-size:13px;letter-spacing: -0.13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .first .situation .error p:before{content:'';background:url("../images/settings/icon-alert.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .search-etc-wrap .last form{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .title-area h1{line-height:22px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .title-area p{line-height:22px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .title-area a{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .title-area a:before{content:'';display:inline-block;background:url("../images/settings/icon-title-arrow.svg")no-repeat;width:22px;height:22px;margin-right:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap{border-radius: 7px;background-color: #F5F5F5;width:100%;padding:20px 0;height:607px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap .wrap .text{text-align:center;margin-top:30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap .wrap .text > h4{font-size:18px;color:#1b1b1b;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap.dragover .wrap .text > h4{opacity:0.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap.dragover .wrap .text > p{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap .wrap .text > p{margin-top:10px;font-weight:500;color:#828282;font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap .wrap .text > p strong{color:#0F38EE;font-weight:500;font-size:13px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_payroll .upload-Box .upload-wrap.dragover { border-radius: 7px;border: 1px solid var(--WeBill, #0F1FEA); background: #F9F9FF; box-shadow: 0px 0px 0px 3px rgba(15, 31, 234, 0.20);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company {padding:56px 40px 50px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap{margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap > div:nth-child(1){width:420px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap > div:nth-child(2){width:270px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap > div:nth-child(3){width:117px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap > div + div{margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap .drop_area{height:117px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .topDrop-wrap > div > p{font-size:14px;color:#515151;font-weight:500;margin-bottom:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list{margin-top:20px;display:flex;flex-flow:wrap;margin-left:-28px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item{margin-top:20px;margin-left:28px;width:calc((100% / 2) - 28px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item.wp100{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item > div > p{font-size:14px;font-weight:500;color:#515151;margin-bottom:10px;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item > div.caption > p:after{content: '';width: 18px;height: 18px;display: inline-block;background: url("../images/settings/icon-info.svg")no-repeat;margin-left: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item > div.cols2{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item > div.cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item > div.cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item div.select-cols2{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item div.select-cols2 > div{width:calc((100% / 2));} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .ip-list .input-item div.select-cols2 > div + div{margin-left:28px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap{margin-top:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap > .title{margin-bottom:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap > .title > h4{color:#1B1B1B;font-size:18px;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap > .title > p{color:#878787;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap .drag-area{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap .drag-area > .item{width:150px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap .drag-area > .item .drop_area {height:200px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap .drag-area > .item + .item{margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .btDrop-wrap .drag-area > .item .text input{text-align:center;border:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing {padding:56px 40px 50px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap{margin-top:30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox{overflow:hidden;border:1px solid #E0E0E0;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);border-radius:6px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div{padding:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses{display:flex;align-items:center;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > .tit{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > .tit > h3{font-size:18px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > .tit > span.free{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:6px;color:#04662E;height:22px;font-weight:500;font-size:13px;border:1px solid rgba(33, 150, 83, 0.10);background-color:#E9F5EE;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > p{margin-top:10px;font-size:14px;color:#1b1b1b;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > p.sub{font-weight:500;font-size:14px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .l-cont > p.sub strong{font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont{width:420px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div{display:flex;align-items:center;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div .user-cont{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div .user-cont > p{color:#1b1b1b;font-weight:600;font-size:14px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div .user-cont > span{margin-left:5px;color:#828282;font-weight:500;font-size:14px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div > a.add{color:#0069B9;font-weight:500;font-size:14px;position:relative;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div > a.add:before{content:'';background:url("../images/settings/icon-confirm-add.svg")no-repeat;background-size:18px 18px;display:inline-block;width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div.gauge{margin-top:15px;position:relative;overflow:hidden;background-color:#D9D9D9;border-radius:10px;width:100%;height:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div.gauge.gauge-1:before{content:'';background-color:#0F38EE;position:absolute;left:0;top:0;height:12px;width:calc((100% / 3) * 1);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div.gauge.gauge-2:before{content:'';background-color:#0F38EE;position:absolute;left:0;top:0;height:12px;width:calc((100% / 3) * 2);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.expenses .r-cont > div.gauge.gauge-3:before{content:'';background-color:#0F38EE;position:absolute;left:0;top:0;height:12px;width:calc((100% / 3) * 3);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox > div.btn-wrap{border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:flex-end;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap{display:flex;justify-content:space-between;padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont{padding:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .payment{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .payment > h4{font-size:14px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .payment > div.price{font-size:34px;font-weight:500;color:#000;margin:3px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .payment > p{font-size:14px;font-weight:500;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .desc{margin-top:15px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .desc > p{color:#000;font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .l-cont .desc > p.tit{font-size:14px;font-weight:500;color:#828282;margin-bottom:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont{padding:20px;background-color:#F9F9F9;display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .info{padding-right:20px;width:calc(100% - 140px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .info > h4{font-size:14px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .info > .desc{margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .info > .desc > p{color:#000;font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .info > .desc > p.tit{font-size:14px;font-weight:500;color:#828282;margin-bottom:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox{border: 1px solid rgba(0, 0, 0, 0.15);border-radius:8px;background-color:#fff;overflow:hidden;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox .qr-tit{background:url("../images/settings/qr_title.svg")no-repeat;width:100%;height:39px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox .qr-cont{padding:0 16px 16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox .qr-cont .text{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox .qr-cont .text > p{font-size:13px;font-weight:500;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .item-contBox .qr-wrap .r-cont .qrcodeBox .qr-cont .text > p.price{font-size:16px;font-weight:600;color:#000;margin-top:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table{margin-top:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .sub-title > h4{font-size:18px;font-weight:600;color:#1b1b1b;line-height:2.0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .sub-title > p{color:#878787;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap{margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr td .btnWrap{display:flex;align-items:center;justify-content:flex-end;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr td .btnWrap > div + div{margin-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr td .btnWrap > div a{display:flex;align-items:center;color:#0F38EE;font-size:13px;font-weight:500;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr td .btnWrap > div a.print-b:before{content:'';background:url("../images/settings/icon-print-b.svg")no-repeat;margin-right:4px;width:18px;height:18px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr td .btnWrap > div a.down-b:before{content:'';background:url("../images/settings/icon-down-b.svg")no-repeat;margin-right:4px;width:18px;height:18px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr.show{cursor:pointer;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr.show:hover{background-color:transparent;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr.show td{text-align:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .billing-table #table-list-wrap tbody tr.show td > a.more{color:#0069B9;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap{margin-top:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box{display:flex;justify-content:space-between;margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item{padding:20px;width:calc(50% - 10px);border-radius:10px;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);overflow:hidden;border:1px solid #E0E0E0;display:flex;flex-direction:column;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .tit{display:flex;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .tit .text{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .tit .text > h4{color:#1b1b1b;font-size:18px;font-weight:600;line-height:2.0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .tit .text > p{font-size:16px;font-weight:500;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .cont > p{font-size:14px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .btn-area{display:flex;align-items:center;justify-content:flex-end;margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .btn-area > a{color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_billing .billing-wrap .plan-wrap .plan-box .item .btn-area > a + a{margin-left:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs{padding:56px 40px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap{padding-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts{margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > h4{font-size:16px;font-weight:500;color: rgba(83, 83, 83, 1);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > .code{display:flex;align-items:center;margin:10px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > .code > p{font-size:16px;color:#000;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > .code > .copy-btn{display:inline-block;width:18px;height:18px;margin-left:7px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > .code > .copy-btn:before{content:'';background:url("../images/common/svg/icon_copy.svg")no-repeat;display:inline-block;width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .copy-conts > .code > .copy-btn.active:before{background:url("../images/common/svg/icon_copy_active.svg")no-repeat center/12px auto;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap a.key{display:inline-flex;margin-top:20px;align-items:center;justify-content:center;color:rgba(15, 31, 234, 1);background-color:rgba(233, 239, 255, 1);border:1px solid rgba(15, 31, 234, 1);border-radius:10px;padding:12px;font-size:18px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox{margin-top:20px;background: rgba(245, 245, 245, 1);border:1px solid rgba(224,224,224,1);border-radius:10px;padding:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox > h4{font-size:18px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox > p{margin-top:10px;font-weight:500;color:#000;font-size:16px;line-height:1.5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox > p span{font-weight:500;color:rgba(15, 56, 238, 1);font-size:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox > p.alert{margin-top:20px;color:rgba(255, 103, 0, 1);font-weight:500;font-size:16px;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .textBox > p.alert:before{content:'';display:inline-block;background:url("../images/common/svg/alert_orange.svg")no-repeat;width:24px;height:24px;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .clipboard{position:absolute;right:40px;bottom:40px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;font-size:13px;font-weight:500;border-radius:6px;height:34px;padding:0 8px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_APIs .apis-wrap .clipboard:before{content:'';background:url("../images/common/svg/icon_clipboard.svg")no-repeat center;display:inline-block;margin-right:6px;width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management{padding:56px 40px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap{display:flex;border-top:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont{width:360px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .search-wrap{padding:10px 20px 10px 0;border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .search-wrap input{height:32px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .search-wrap .keyword-search .btnInputClear{right:3px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list{padding-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a{display:flex;padding:10px 20px 10px 0;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a:hover, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a.on{background-color:#F3F3F3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-img{width:42px;height:42px;border-radius:50%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-img figure{width:100%;height:100%;border-radius:50%;overflow:hidden;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info{width:calc(100% - 42px);padding-left:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info > p{font-size:13px;font-weight:500;color:#878787;margin-top:2px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info .name{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info .name > p{font-size:14px;color:#1b1b1b;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info .name > span{margin-left:4px;display:block;border-radius:6px;padding:2px 5px;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info .name > span.admin{color:#04662E;border:1px solid rgba(33, 150, 83, 0.10);background-color:#E9F5EE;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li a .user-info .name > span.user{color:#566400;border:1px solid rgba(86, 100, 0, 0.10);background-color:#FDFEE6;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user > a{padding:10px 20px 10px 0;display:flex;justify-content:space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user > a:after{content:'';background:url("../images/settings/user-arrow.svg")no-repeat;width:18px;height:18px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user > a .user-img{display:flex;align-items:center;justify-content:center;border:1px dashed #0F38EE;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user > a .user-img:before{content:'';background:url("../images/settings/icon-confirm-add.svg")no-repeat center center/18px;width:18px;height:18px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-cont .user-list ul li.add-user a .user-info > p{color:#0F38EE;font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail{width:calc(100% - 360px);position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail:before{content:'';width:1px;height:100%;background-color:#e0e0e0;position:absolute;left:0;top:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .btn-area{padding:10px 0 10px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between; } .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .btn-area > div{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .btn-area > div > h2{font-size:14px;font-weight:500;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts{min-height:576px;padding:20px 0 20px 20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts.none{display:flex;align-items:center;justify-content:center;flex-direction:column;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts.none .text{margin-top:35px;text-align:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts.none .text > h4{font-size:22px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts.none .text > p{margin-top:10px;font-size:13px;font-weight:500;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div > p{font-size:14px;font-weight:500;color:#515151;margin-bottom:10px;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.caption > p:after{content: '';width: 18px;height: 18px;display: inline-block;background: url("../images/settings/icon-info.svg")no-repeat;margin-left: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.caption{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.caption .info-text{position:absolute;top:calc(100% + 6px);font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;width:max-content;left:0;max-width:380px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.cols2{display:flex;align-items:center;width:calc(100% - 80px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .input-item > div.cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item .alert{margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item .alert > p{margin-bottom:0;display:flex;align-items:center;position:relative;font-size:12px;color:#ec002a;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item .alert > p:before{content:'';background:url("../images/settings/icon-alert.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item + .item{margin-top:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item > .input-item > div > input[type=text], .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item > .input-item > div > input[type=password]{width:calc(100% - 125px) !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item.column div.input{width:calc(100% - 125px) !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item.column{flex-direction:column;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item > .tit{display:flex;margin-bottom:7px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item > .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item > .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap > .item.column .cols2{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .inputForm-wrap{width:calc(100% - 134px);padding-right:64px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .img-area{width:134px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .user-detail .time-wrap > a{display:flex;align-items:center;font-size:12px;color:#878787;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .user-detail .time-wrap > a span{font-size:12px;color:#0F38EE;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .user-detail .time-wrap > a p{font-size:12px;color:#878787;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap div.select-box-default-st.readonly{background-color:#fafafa !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap div.select-box-default-st.readonly input[type=text]:read-only{background-color:#fafafa !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .title{border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:10px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .title:hover{background-color:#fafafa;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .title h2{font-size:14px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts + .check-conts{margin-top:40px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap input[type=checkbox].checkBox-normal + label{min-width:auto;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .all-check{border-bottom:1px solid #e0e0e0;padding:10px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .all-check:hover{background-color:#fafafa;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .all-check .time-wrap{margin-top:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .all-check > div{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .all-check h3{font-size:14px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item{display:flex;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item:hover{background-color:#F3F3F3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item + .check-item{border-top:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item.bordernone{border-top:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item .sub-tit{width:160px;font-size:13px;font-weight:500;color:#1b1b1b;padding:6px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-item .check-box{width:calc(100% - 160px);padding-left:20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-list{display:flex;justify-content:space-between;align-items:center;padding:6px 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-list div.caption{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-list div.caption .info-text{word-break:break-all;width:100%;position:absolute;top:5px;font-size:13px;font-weight:500;color:#fff;background-color:rgba(0, 0, 0, 0.82);backdrop-filter: blur(7.5px);padding:10px 12px;border-radius:6px;z-index:1;display:none;left:calc(100% + 6px);max-width:250px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-list div.caption > p{font-size:13px;font-weight:500;color:#1b1b1b;display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management .management-wrap .user-detail .d-cont .conts > .profile .check-wrap > .check-conts .check-list div.caption > p:after{content: '';width: 18px;height: 18px;display: inline-block;background: url("../images/settings/icon-info.svg")no-repeat;margin-left: 4px;} /*layerCont confirm_delete */ .layerCont.confirm_delete #layerPopup-contsBox > p{font-size:15px;font-weight:500;color:#000;} .layerCont.confirm_delete a.btn-st{padding:0 8px;height:32px;font-size:13px;font-weight:500;} .layerCont.confirm_delete a.btn-st.disabled{background-color:#fafafa;color:#000;font-size:13px;font-weight:500;opacity:0.5;} /*layerCont admin_logs */ .layerCont.admin_logs > h1{white-space:normal;font-size:18px;font-weight:600;line-height:1.3;} .layerCont.admin_logs > h1 span{font-size:13px;font-weight:500;color:#878787;display:block;} .layerCont #layerPopup-contsBox.none-p{padding:0;width:100%;} .layerCont.admin_logs table{border-top: 1px solid #E0E0E0;} .layerCont.admin_logs table tr th{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:12px 20px;font-size:13px;font-weight:600;color:#1b1b1b;} .layerCont.admin_logs table tbody tr + tr{border-top:1px solid #e0e0e0} .layerCont.admin_logs table tr td{padding:12px 10px;font-size:13px;font-weight:600;color:#1b1b1b;height:56px;padding:12px 20px;} .layerCont.admin_logs table tr td p.time{color:rgba(27, 27, 27, 0.50);} /*layerCont admin_activity */ .layerCont.admin_activity > h1{white-space:normal;font-size:18px;font-weight:600;line-height:1.3;} .layerCont.admin_activity > h1 span{font-size:13px;font-weight:500;color:#878787;display:block;} .layerCont #layerPopup-contsBox.none-p{padding:0;width:100%;} .layerCont.admin_activity table{border-top: 1px solid #E0E0E0;} .layerCont.admin_activity table tr th:first-child{padding-left:20px;} .layerCont.admin_activity table tr th{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:12px 10px;font-size:13px;font-weight:600;color:#1b1b1b;} .layerCont.admin_activity table tbody tr + tr{border-top:1px solid #e0e0e0} .layerCont.admin_activity table tbody tr td:first-child{padding-left:20px;} .layerCont.admin_activity table tr td{padding:12px 10px;font-size:13px;font-weight:600;color:#1b1b1b;height:56px;padding:12px 10px;} .layerCont.admin_activity table tr td p.time{color:rgba(27, 27, 27, 0.50);} /*layerCont admin_activity */ .layerCont.setup_forwarding > h1{white-space:normal;font-size:18px;font-weight:600;line-height:1.3;} .layerCont #layerPopup-contsBox.none-p{padding:0;width:100%;} .layerCont.setup_forwarding .contsBox-select-wrap{padding:15px 20px 10px;border-top:1px solid #e0e0e0;} .layerCont.setup_forwarding .contsBox-select-wrap div.select-box-default-st input.selectValue{width:120px;} .layerCont.setup_forwarding .contsBox-select-wrap > div{display:flex;align-items:center;} .layerCont.setup_forwarding .contsBox-select-wrap > div.excel-btn{} .layerCont.setup_forwarding .contsBox-select-wrap > div.excel-btn > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;padding:0 8px;} .layerCont.setup_forwarding .contsBox-select-wrap > div.excel-btn > a + a{margin-left:5px;} .layerCont.setup_forwarding .contsBox-select-wrap > div.excel-btn > a.u-excel:before{content:'';background:url("../images/settings/icon-upload.svg")no-repeat;display:inline-block;margin-right:3px;width:16px;height:16px;} .layerCont.setup_forwarding .contsBox-select-wrap > div.excel-btn > a.e-excel:before{content:'';background:url("../images/settings/icon-excel.svg")no-repeat;display:inline-block;margin-right:3px;width:16px;height:16px;} .layerCont.setup_forwarding table{border-top: 1px solid #E0E0E0;} .layerCont.setup_forwarding table tr th{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:12px 10px;font-size:13px;font-weight:600;color:#1b1b1b;} .layerCont.setup_forwarding table tbody tr + tr{border-top:1px solid #e0e0e0} .layerCont.setup_forwarding table tr th:first-child{padding-left:20px;} .layerCont.setup_forwarding table tr td{padding:12px 10px;font-size:13px;font-weight:600;color:#1b1b1b;height:56px;} .layerCont.setup_forwarding table tr td p.time{color:rgba(27, 27, 27, 0.50);} .layerCont.setup_forwarding table tbody tr td:first-child{padding-left:20px;} .layerCont.setup_forwarding table tfoot tr td{height:40px;background-color:#F5F5F5;font-size:13px;font-weight:600;} .layerCont.setup_forwarding .layerCont #btn-wrap-default.tar{border-top:none;} /*layerCont account_code_management */ .layerCont.account_code_management .search-etc-wrap{padding:15px 0 0;border-top:1px solid #ECEFF1} .layerCont.account_code_management #layerPopup-contsBox #table-list-wrap{max-height:500px;overflow-y:auto;} .layerCont.account_code_management #layerPopup-contsBox #table-list-wrap table thead tr th{text-align:center;} /*layerCont erp_code_setting */ .layerCont.erp_code_setting .search-etc-wrap{padding:15px 15px 0;border-top:1px solid #ECEFF1} .layerCont.erp_code_setting .search-etc-wrap p{font-weight:bold;} .layerCont.erp_code_setting .top-btn-area{padding:0 15px;} .layerCont.erp_code_setting #layerPopup-contsBox #table-list-wrap table tbody tr td{overflow:visible;} /*layerCont addPurposePop01 */ .layerCont.addPurposePop01 #layerPopup-contsBox #table-list-wrap{max-height:500px;overflow-y:auto;} .layerCont.addPurposePop01 #layerPopup-contsBox #table-list-wrap table tbody tr td div.input-clear-box{width:100%;} .layerCont.addPurposePop01 #layerPopup-contsBox #table-list-wrap table tbody tr td.add div a.icon-svg.white.add{} .layerCont.addPurposePop01 #layerPopup-contsBox #table-list-wrap table tbody tr td.add div a.icon-svg.white.add:before{content: "";width: 28px;height: 28px;background-repeat: no-repeat; background-position: center center;background-size: 28px 28px;} /*layerCont addPurposePop02 */ .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td div.input-clear-box{width:100%;display:table} .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td.select{overflow:visible} .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td.select div.select-box-default-st{width:100%;} .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td.select div.select-box-default-st input{width:100%;} .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td.add div a.icon-svg.white.add{} .layerCont.addPurposePop02 #layerPopup-contsBox #table-list-wrap table tbody tr td.add div a.icon-svg.white.add:before{content: "";width: 28px;height: 28px;background-repeat: no-repeat; background-position: center center;background-size: 28px 28px;} /*layerCont addPurposePop02 */ .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap{margin-top:15px;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .input-clear-box{width:100%;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont input.w100p{width:100%;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .title{font-size:13px;color:#000;font-weight:500;margin-bottom:8px;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont{position:relative;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .search-list{position:absolute;left:0;top:calc(100% + 5px); border-radius: 5px;border: 1px solid #ECEFF1;z-index:1;width:100%;/* display:none; */} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li{font-size: 14px;height: 30px;padding: 0px 8px 0px 10px;overflow: hidden;background-color:#fff;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li > a{display:flex;align-items:center;width:100%;height:100%;} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li > a span{color:#0069B9} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .keyword-search{overflow:visible} .layerCont.change_recipient_bank #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li + li{border-top:1px solid #eceff1;} /*layerCont transfer-cotacts */ .layerCont.transfer-cotacts #layerPopup-contsBox #table-list-wrap table tbody tr td > a.cBlue{position:relative;transition:0.45s;} .layerCont.transfer-cotacts #layerPopup-contsBox #table-list-wrap table tbody tr td > a.cBlue:hover:before{content:'';position:absolute;left:0;bottom:0;background-color:#0069B9;width:100%;height:1px;transition:0.45s;} /*layerCont addPurposePop02 */ .layerCont.add_account_info #layerPopup-contsBox .input-wrap{margin-top:15px;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .input-clear-box{width:100%;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont input.w100p{width:100%;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .title{font-size:13px;color:#000;font-weight:500;margin-bottom:8px;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont{position:relative;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .search-list{position:absolute;left:0;top:calc(100% + 5px); border-radius: 5px;border: 1px solid #ECEFF1;z-index:1;width:100%;/* display:none; */} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li{font-size: 14px;height: 30px;padding: 0px 8px 0px 10px;overflow: hidden;background-color:#fff;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li > a{display:flex;align-items:center;width:100%;height:100%;} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li > a span{color:#0069B9} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .keyword-search{overflow:visible} .layerCont.add_account_info #layerPopup-contsBox .input-wrap .input-cont .search-list > ul li + li{border-top:1px solid #eceff1;} .layerCont.confirmation_management .layerPopupWrap #layerPopup-contsBox {min-height:200px;padding:65px 30px 20px;} .layerCont.confirmation_management .layerPopupWrap #layerPopup-contsBox > .conts > div.desc{font-size:14px;} .layerCont.confirmation_management .layerPopupWrap #layerPopup-contsBox > .conts > div.desc > span{font-size:12px;display:block;margin-top:20px;} .layerCont.confirmation_management .layerPopupWrap #layerPopup-contsBox > .conts > div.chk{margin-top:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox{overflow-y:auto;height:800px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .formList-wrap{border-radius: 9px;background: rgba(0, 105, 185, 0.03);padding:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .formList-wrap + .formList-wrap{margin-top:15px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont{} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont + .form-cont{margin-top:12px;border-top:1px solid #e6e6e6;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title{padding:22px 0 13px;display:flex;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic{display:flex;align-items:center;color:#828282;font-size:14px;font-weight:500;position:relative;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic:before{content: '';width: 4px;height: 4px;background-color: #0069b9;border-radius: 50%;display: inline-block; margin-right: 7px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic a.icon-exclamation:before{margin-right:0;margin-left:7px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap{position:relative;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup{position:absolute;display:none;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup{z-index:1;position:absolute;left:calc(100% + 10px);top:0;background-color:#fff;border-radius:5px;border:1px solid #d9d9d9;padding:15px ;min-width:310px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup:before{content:'';position:absolute;left:-8px;top:6px;background:url("../images/common/transfer_popup.png")no-repeat; background-size: 8px 11px;width:17px;height:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont{font-size:14px;color:#494949} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div{margin:10px 0;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p{position:relative;padding-left:10px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p:before{content:'';width:4px;height:4px;border-radius:50%;background-color:#000;position:absolute;left:0;top:5px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p + p{margin-top:3px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup .cont > a{text-decoration:underline;color:#0069b9} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup > h4.title{font-size:12px;color:#494949;font-weight:500;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .title .topic .exclamationWrap .titlePopup{} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont{/* border-bottom:1px solid #e6e6e6; */padding:10px 20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont > div + div{margin-top:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .name{width:190px;font-size:13px;color:#000;font-weight:500;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont{max-width:calc(100% - 190px);display:flex;align-items:center;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont > p.val{font-size:13px;font-weight:500;color:#000} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont div.select-box-default-st input.selectValue{background-color:#fff;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont .textarea-wrap{display:flex;align-items:flex-end;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont .textarea-wrap textarea{width:563px;height:100px;border-radius:5px;border:1px solid #d9d9d9;min-width:563px;max-width:563px;min-height:100px;max-height:100px;color:#000;font-size:13px;padding:10px 13px;outline:none;font-weight:500} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont .textarea-wrap .count{font-size:11px;font-weight:500;color:#A6A6A6;margin-left:13px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .inputCont .exclamation-iconWrap{position:relative;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap{display:flex;align-items:center;min-width:294px;min-height:103px;border-radius:8px;background-color:#f9f9f9;padding:12px 25px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap .code{margin-right:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap .code .qr-tit{font-size:11px;font-weight:500;color:#000;margin-bottom:3px;text-align:center;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap .code .code-num{font-size:15px;font-weight:600;color:#F60404;text-align:center;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap .code .ex{font-size:11px;font-weight:500;color:#000;margin-top:20px;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap .qr{} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .otp-wrap.codeImg_none{justify-content:center;text-align:center;padding:10px 24px;border-radius:8px;min-width:auto;min-height:auto;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox .form-cont > .ip-cont .id_label{margin-top:10px;margin-left:10px;font-size:14px;color:#828282;font-weight:500} .layerCont.transfer_confirmation #btn-wrap-default{border-top:none;} .layerCont.edit_account_password .layerPopupWrap #layerPopup-contsBox{} .layerCont.edit_account_password .layerPopupWrap #layerPopup-contsBox > div > p{font-size:14px;font-weight:600;margin-bottom:7px;} .layerCont.edit_account_password .layerPopupWrap #layerPopup-contsBox > div + div{margin-top:18px;} .layerCont.edit_transfer_password .layerPopupWrap #layerPopup-contsBox{} .layerCont.edit_transfer_password .layerPopupWrap #layerPopup-contsBox > div > p{font-size:14px;font-weight:600;margin-bottom:7px;} .layerCont.edit_transfer_password .layerPopupWrap #layerPopup-contsBox > div + div{margin-top:18px;} .layerCont.add_account_password .layerPopupWrap #layerPopup-contsBox{} .layerCont.add_account_password .layerPopupWrap #layerPopup-contsBox > div > p{font-size:14px;font-weight:600;margin-bottom:7px;} .layerCont.add_account_password .layerPopupWrap #layerPopup-contsBox > div + div{margin-top:18px;} /* 2023-12-26 Project/Site Management */ .layerCont.project_management> h1{font-size:18px;padding-top:10px;border-bottom:1px solid #d9d9d9;} .layerCont.project_management> h1{} .layerCont.project_management #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.project_management #layerPopup-contsBox{padding:15px;} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.project_management .layerPopup-close{top:14px;} /* .layerCont.project_management .layerPopupWrap #layerPopup-contsBox{overflow-y:auto;max-height:700px;} */ .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item{} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap{position:relative;display:inline-block;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area{position:absolute;left:calc(100% + 3px);top:0;padding:8px;border-radius:6px;background-color:#000;min-width:max-content;display:none;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p{font-size:13px;font-weight:500;color:#fff;position:relative;display:flex;align-items:center;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p:before{content:'';display:inline-block;background:url("../images/settings/icon-caption-area.svg")no-repeat;width:16px;height:16px;margin-right:6px;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item input{border:1px solid #e0e0e0;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item input:read-only{background-color:#FAFAFA;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .select-box-default-st input:read-only{background-color:#fff;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit{display:flex;margin-bottom:7px;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required{position:relative;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:0;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2{display:flex;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st{width:100%;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st input{width:100%;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2{display:flex;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div{width:calc(100% / 2);} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item.w30{width:30%;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item .radio-cont{display:flex;align-items:center;height:32px;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item.w70{width:calc(70% - 10px);} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div + div{margin-left:10px;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2{display:flex;align-items:center;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.project_management .layerPopupWrap #layerPopup-contsBox .inputBox .item textarea{resize:none;width:100%;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;height:70px;outline:none;padding:8px;} .layerCont.project_management #layerPopup-contsBox .inputBox .item div.select-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.project_management #layerPopup-contsBox .inputBox .item div.select-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.project_management #layerPopup-contsBox .inputBox .item div.select-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.project_management #layerPopup-contsBox .inputBox .item div.select-btn.ver2 > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.project_management #layerPopup-contsBox .inputBox .item div.select-btn > a + a{border-left:1px solid #e0e0e0;} .layerCont.edit_project_site > h1{font-size:18px;padding-top:10px;border-bottom:1px solid #d9d9d9;} .layerCont.edit_project_site #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.edit_project_site #layerPopup-contsBox{padding:15px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item{} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap{position:relative;display:inline-block;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area{position:absolute;left:calc(100% + 3px);top:0;padding:8px;border-radius:6px;background-color:#000;min-width:max-content;display:none;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p{font-size:13px;font-weight:500;color:#fff;position:relative;display:flex;align-items:center;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p:before{content:'';display:inline-block;background:url("../images/settings/icon-caption-area.svg")no-repeat;width:16px;height:16px;margin-right:6px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item input{border:1px solid #e0e0e0;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item input:read-only{background-color:#FAFAFA;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .select-box-default-st input:read-only{background-color:#fff;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit{display:flex;margin-bottom:7px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required{position:relative;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:0;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2{display:flex;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st{width:100%;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st input{width:100%;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2{display:flex;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div{width:calc(100% / 2);} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item.w30{width:30%;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item .radio-cont{display:flex;align-items:center;height:32px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div.item.w70{width:calc(70% - 10px);} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox > .cols2 > div + div{margin-left:10px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2{display:flex;align-items:center;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.edit_project_site .layerPopupWrap #layerPopup-contsBox .inputBox .item textarea{resize:none;width:100%;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;height:70px;outline:none;padding:8px;} .layerCont.edit_project_site #layerPopup-contsBox .inputBox .item div.select-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.edit_project_site #layerPopup-contsBox .inputBox .item div.select-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.edit_project_site #layerPopup-contsBox .inputBox .item div.select-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.edit_project_site #layerPopup-contsBox .inputBox .item div.select-btn.ver2 > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.edit_project_site #layerPopup-contsBox .inputBox .item div.select-btn > a + a{border-left:1px solid #e0e0e0;} .layerCont.add_a_payroll > h1{font-size:18px;padding-top:10px;border-bottom:1px solid #d9d9d9;} .layerCont.add_a_payroll #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.add_a_payroll #layerPopup-contsBox{padding:15px 0;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox{max-height:700px;min-height:700px;overflow-y:auto;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox{display:flex;flex-direction:column;justify-content:space-between;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p{display:flex;align-items:center;justify-content:center;color:#0069B9;font-size:13px;font-weight:500;padding:8px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p:before{content:'';background:url("../images/settings/icon-add-user.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title{} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title:hover{background-color:#F5F5F5;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:#000;padding:10px 15px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span{background:url("../images/settings/icon-list-complete.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span.complete{background:url("../images/settings/icon-list-complete-on.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc{display:flex;align-items:center;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow{margin-left:4px;display:flex;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow:after{content:'';background:url("../images/settings/icon-input-arrow.svg")no-repeat;display:inline-block;width:24px;height:24px;transition:.45s;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item{padding:0 15px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap{position:relative;display:inline-block;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area{position:absolute;left:calc(100% + 3px);top:0;padding:8px;border-radius:6px;background-color:#000;min-width:max-content;display:none;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p{font-size:13px;font-weight:500;color:#fff;position:relative;display:flex;align-items:center;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p:before{content:'';display:inline-block;background:url("../images/settings/icon-caption-area.svg")no-repeat;width:16px;height:16px;margin-right:6px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item input{border:1px solid #e0e0e0;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item input:read-only{background-color:#FAFAFA;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search{border:none;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input:read-only{background-color:transparent;border:none;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input[type=text]{padding-right:25px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input[type=submit]{width:30px;height:30px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .select-box-default-st input:read-only{background-color:#fff;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit{display:flex;margin-bottom:7px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required{position:relative;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:0;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2{display:flex;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st input{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.active a div.etc .arrow:after{content:'';background:url("../images/settings/icon-input-arrow.svg")no-repeat;display:inline-block;width:24px;height:24px;transform:rotate(180deg);transition:.45s;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont{padding:15px 0;display:none;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.active > .cont{display:block;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .item .wd-100p{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .item .wd-100p div.select-box-default-st{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 div.select-box-default-st{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2{display:flex;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div{width:calc(100% / 2);} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item.w30{width:30%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item .radio-cont{display:flex;align-items:center;height:32px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item.w70{width:calc(70% - 10px);} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div + div{margin-left:10px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2{display:flex;align-items:center;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item textarea{resize:none;width:100%;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;height:70px;outline:none;padding:8px;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.ver2 > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a + a{border-left:1px solid #e0e0e0;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a:first-child:before{content:'';background:url("../images/settings/icon-gender.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a.active:first-child:before{content:'';background:url("../images/settings/icon-gender-on.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a:last-child:before{content:'';background:url("../images/settings/icon-gender2.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.add_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a.active:last-child:before{content:'';background:url("../images/settings/icon-gender2-on.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title{padding:20px 15px 10px;border-top:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > h2{font-size:16px;color:#000;font-weight:600;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > a.del{display:flex;align-items:center;font-size:13px;font-weight:500;color:#EC002A;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > a.del:before{content:'';background:url("../images/settings/icon_del_box.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;background-size:16px auto;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-pass-box{width:100%;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area{position:relative;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup{display:none;position:absolute;bottom:calc(100% + 4px);z-index:2;border-radius: 6px;padding:10px;background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li{display:flex;align-items:center;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li:before{content:'';display:inline-block;width:18px;height:18px;background:url("../images/settings/icon-no-checked.svg")no-repeat;background-size:18px auto;margin-right:10px;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li.chk:before{content:'';display:inline-block;width:18px;height:18px;background:url("../images/settings/icon-checked.svg")no-repeat;background-size:18px auto;border-radius:0;border:none;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li.line p{text-decoration:line-through;opacity: 0.5;} .layerCont.add_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li + li{margin-top:10px;} .layerCont.payroll_details > h1{font-size:18px;padding-top:10px;border-bottom:1px solid #d9d9d9;} .layerCont.payroll_details #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.payroll_details #layerPopup-contsBox{padding:15px 0;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox{max-height:700px;min-height:700px;overflow-y:auto;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox{display:flex;flex-direction:column;justify-content:space-between;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p{display:flex;align-items:center;justify-content:center;color:#0069B9;font-size:13px;font-weight:500;padding:8px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p:before{content:'';background:url("../images/settings/icon-add-user.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title{} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > p{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:#000;padding:20px 15px 10px;border-top:1px solid #d9d9d9;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:#000;padding:10px 15px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span{background:url("../images/settings/icon-list-complete.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span.complete{background:url("../images/settings/icon-list-complete-on.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc{display:flex;align-items:center;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow{margin-left:4px;display:flex;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow:after{content:'';background:url("../images/settings/icon-input-arrow.svg")no-repeat;display:inline-block;width:24px;height:24px;transition:.45s;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.uesrWrap > .cont{padding:15px;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section:not(.uesrWrap) > .cont{padding:15px;display:none;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.active > .cont{display:block;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont > dl{display:flex;padding:12px 0;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont > dl + dl{border-top:1px solid #d9d9d9;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont > dl dt{width:175px;font-size:14px;font-weight:500;color:#515151;} .layerCont.payroll_details .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont > dl dd{width:calc(100% - 175px);font-size:14px;font-weight:500;color:#000;} .layerCont.edit_a_payroll > h1{font-size:18px;padding-top:10px;border-bottom:1px solid #d9d9d9;} .layerCont.edit_a_payroll #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.edit_a_payroll #layerPopup-contsBox{padding:15px 0;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox{max-height:700px;min-height:700px;overflow-y:auto;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox{display:flex;flex-direction:column;justify-content:space-between;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p{display:flex;align-items:center;justify-content:center;color:#0069B9;font-size:13px;font-weight:500;padding:8px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .add-user p:before{content:'';background:url("../images/settings/icon-add-user.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title{} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title:hover{background-color:#F5F5F5;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:#000;padding:10px 15px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span{background:url("../images/settings/icon-list-complete.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a span.complete{background:url("../images/settings/icon-list-complete-on.svg")no-repeat;display:inline-block;width:24px;height:24px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc{display:flex;align-items:center;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow{margin-left:4px;display:flex;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-title > a div.etc .arrow:after{content:'';background:url("../images/settings/icon-input-arrow.svg")no-repeat;display:inline-block;width:24px;height:24px;transition:.45s;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item{padding:0 15px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap{position:relative;display:inline-block;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area{position:absolute;left:calc(100% + 3px);top:0;padding:8px;border-radius:6px;background-color:#000;min-width:max-content;display:none;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p{font-size:13px;font-weight:500;color:#fff;position:relative;display:flex;align-items:center;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .caption-wrap .caption-area > p:before{content:'';display:inline-block;background:url("../images/settings/icon-caption-area.svg")no-repeat;width:16px;height:16px;margin-right:6px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item input{border:1px solid #e0e0e0;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item input:read-only{background-color:#FAFAFA;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search{border:none;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input:read-only{background-color:transparent;border:none;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input[type=text]{padding-right:25px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .keyword-search input[type=submit]{width:30px;height:30px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .select-box-default-st input:read-only{background-color:#fff;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit{display:flex;margin-bottom:7px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required{position:relative;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .tit span.required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:0;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2{display:flex;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .select-cols2 div.select-box-default-st input{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.active a div.etc .arrow:after{content:'';background:url("../images/settings/icon-input-arrow.svg")no-repeat;display:inline-block;width:24px;height:24px;transform:rotate(180deg);transition:.45s;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section > .cont{padding:15px 0;display:none;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section.active > .cont{display:block;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .item .wd-100p{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .item .wd-100p div.select-box-default-st{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 div.select-box-default-st{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2{display:flex;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div{width:calc(100% / 2);} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item.w30{width:30%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item .radio-cont{display:flex;align-items:center;height:32px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div.item.w70{width:calc(70% - 10px);} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item-section .cols2 > div + div{margin-left:10px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2{display:flex;align-items:center;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item .input-cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .item textarea{resize:none;width:100%;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;height:70px;outline:none;padding:8px;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.ver2 > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn > a + a{border-left:1px solid #e0e0e0;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a:first-child:before{content:'';background:url("../images/settings/icon-gender.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a.active:first-child:before{content:'';background:url("../images/settings/icon-gender-on.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a:last-child:before{content:'';background:url("../images/settings/icon-gender2.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_a_payroll #layerPopup-contsBox .inputBox .item div.select-btn.gender > a.active:last-child:before{content:'';background:url("../images/settings/icon-gender2-on.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title{padding:20px 15px 10px;border-top:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > h2{font-size:16px;color:#000;font-weight:600;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > a.del{display:flex;align-items:center;font-size:13px;font-weight:500;color:#EC002A;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .user-title > a.del:before{content:'';background:url("../images/settings/icon_del_box.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;background-size:16px auto;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-pass-box{width:100%;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area{position:relative;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup{display:none;position:absolute;bottom:calc(100% + 4px);z-index:2;border-radius: 6px;padding:10px;background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li{display:flex;align-items:center;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li:before{content:'';display:inline-block;width:18px;height:18px;background:url("../images/settings/icon-no-checked.svg")no-repeat;background-size:18px auto;margin-right:10px;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li.chk:before{content:'';display:inline-block;width:18px;height:18px;background:url("../images/settings/icon-checked.svg")no-repeat;background-size:18px auto;border-radius:0;border:none;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li.line p{text-decoration:line-through;opacity: 0.5;} .layerCont.edit_a_payroll .layerPopupWrap #layerPopup-contsBox .inputBox .input-area .chk-popup ul li + li{margin-top:10px;} /* 2023-11-06 */ .layerCont.new_board #layerPopup-contsBox ul.item-table > li {min-height:34px;} .layerCont.new_board #layerPopup-contsBox ul.item-table > li + li {margin-top:18px;} .layerCont.new_board #layerPopup-contsBox ul.item-table > li > div:first-child{color:#828282;font-size:14px;font-weight:500;margin-bottom:10px;} .layerCont.new_board #layerPopup-contsBox ul.item-table > li > div:last-child textarea {width:100%;height:92px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.new_board #layerPopup-contsBox ul.item-table > li > div:last-child .num{font-size:14px;color:#000;opacity:0.4;font-weight:500;} .layerCont.edit_board #layerPopup-contsBox ul.item-table > li {min-height:34px;} .layerCont.edit_board #layerPopup-contsBox ul.item-table > li + li {margin-top:18px;} .layerCont.edit_board #layerPopup-contsBox ul.item-table > li > div:first-child{color:#828282;font-size:14px;font-weight:500;margin-bottom:10px;} .layerCont.edit_board #layerPopup-contsBox ul.item-table > li > div:last-child textarea {width:100%;height:92px;border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.edit_board #layerPopup-contsBox ul.item-table > li > div:last-child .num{font-size:14px;color:#000;opacity:0.4;font-weight:500;} .layerCont.delete-board{} .layerCont.delete-board #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-board .conts {display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-board .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-board .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-board #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-board #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.delete-post{} .layerCont.delete-post #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-post .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-post .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-post .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-post #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-post #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.delete-comments{} .layerCont.delete-comments #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-comments .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-comments .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-comments .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-comments #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-comments #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.delete-attachment{} .layerCont.delete-attachment #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-attachment .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-attachment .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-attachment .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-attachment #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-attachment #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.delete-expense{} .layerCont.delete-expense #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-expense .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-expense .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-expense .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;text-align:center;} .layerCont.delete-expense #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-expense #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.warning-expense{} .layerCont.warning-expense #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.warning-expense .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.warning-expense .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.warning-expense .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;text-align:center;} .layerCont.warning-expense #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.warning-expense #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.delete-empty{} .layerCont.delete-empty #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-empty .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-empty .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-empty .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-empty #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-empty #btn-wrap-default a.btn-st.common.delete:before{display:none;} .layerCont.post_board .boards_list{margin-top:18px;} .layerCont.post_board .boards_list > p{font-size:13px;color:#1B1B1B;font-weight:500;opacity:0.5;margin-bottom:8px;} .layerCont.post_board .boards_list ul li + li{margin-top:10px;} .layerCont.news_members .members_list{margin-top:20px;} .layerCont.news_members .members_list ul li{width:100%;display:flex;justify-content:space-between;} .layerCont.news_members .members_list ul li + li{margin-top:10px;} .layerCont.news_members .members_list ul li > div{display:flex;width:calc(100% - 26px);} .layerCont.news_members .members_list ul li > div .members_img figure{border-radius:50%;overflow:hidden;width:26px;height:26px;} .layerCont.news_members .members_list ul li > div .text{display:flex;align-items:center;padding-left:10px;} .layerCont.news_members .members_list ul li > div .text p{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.news_members .members_list ul li > div .text span{display:flex;padding:2px 4px;border-radius:4px;background-color:#eaeaea;font-size:13px;font-weight:500;color:#1b1b1b;margin-left:4px;} .layerCont.news_members .members_list ul li a.etc{width:26px;height:26px;position:relative;display:flex;z-index:1;} .layerCont.news_members .members_list ul li a.etc:before{content:'';background:url("../images/boards/members_etc.svg")no-repeat;width:26px;height:26px;background-size:26px;} .layerCont.news_members .members_list ul li div.etc-wrap{position:relative;width:26px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup{position:absolute;left:0;top:100%;background-color:#fff;border-radius:6px;z-index:2;display:none;min-width:160px;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li{width:100%;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li + li{margin-top:0;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a{width:100%;padding:5px 10px;display:flex;align-items:center;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.leave{color:#FF3737;font-weight:500;font-size:13px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.leave:before{content:'';background:url("../images/boards/icon-leave.svg")no-repeat;width:18px;height:18px;margin-right:10px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.remove_member{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.remove_member:before{content:'';background:url("../images/boards/icon_remove.svg")no-repeat;width:18px;height:18px;margin-right:10px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.add_admin{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.news_members .members_list ul li div.etc-wrap .etc-popup ul li > a.add_admin:before{content:'';background:url("../images/boards/add_admin.svg")no-repeat;width:18px;height:18px;margin-right:10px;} .layerCont.news_members .members_list{} .layerCont.invite_member .members_list{margin-top:20px;} .layerCont.invite_member .members_list ul li{width:100%;display:flex;justify-content:space-between;} .layerCont.invite_member .members_list ul li + li{margin-top:10px;} .layerCont.invite_member .members_list ul li > div{display:flex;width:calc(100% - 75px);} .layerCont.invite_member .members_list ul li > div .members_img figure{border-radius:50%;overflow:hidden;width:26px;height:26px;} .layerCont.invite_member .members_list ul li > div .text{display:flex;align-items:center;padding-left:10px;} .layerCont.invite_member .members_list ul li > div .text p{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.invite_member .members_list ul li > div .text span{display:flex;padding:2px 4px;border-radius:4px;background-color:#eaeaea;font-size:13px;font-weight:500;color:#1b1b1b;margin-left:4px;} /* .layerCont.invite_member .members_list ul li a.etc{width:26px;height:26px;position:relative;display:flex;} */ .layerCont.invite_member .members_list{} .layerCont.leave_group #layerPopup-contsBox{min-height:320px;} .layerCont.leave_group #layerPopup-contsBox > p{font-size:13px;color:#757575;font-weight:500;} .layerCont.leave_group .members_list{margin-top:20px;} .layerCont.leave_group .members_list ul li{width:100%;display:flex;justify-content:space-between;} .layerCont.leave_group .members_list ul li + li{margin-top:10px;} .layerCont.leave_group .members_list ul li > div{display:flex;width:calc(100% - 75px);} .layerCont.leave_group .members_list ul li > div .members_img figure{border-radius:50%;overflow:hidden;width:26px;height:26px;} .layerCont.leave_group .members_list ul li > div .text{display:flex;align-items:center;padding-left:10px;} .layerCont.leave_group .members_list ul li > div .text p{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.leave_group .members_list ul li > div .text span{display:flex;padding:2px 4px;border-radius:4px;background-color:#eaeaea;font-size:13px;font-weight:500;color:#1b1b1b;margin-left:4px;} /* .layerCont.invite_member .members_list ul li a.etc{width:26px;height:26px;position:relative;display:flex;} */ .layerCont.leave_group .members_list{} /* .layerCont.leave_group #btn-wrap-default{border-top:none;} */ .layerCont.article_approval{height:auto !important;} .layerCont.article_approval #layerPopup-contsBox {/*max-width:1100px;*/width:680px;} .layerCont.article_approval .layerPopupWrap {width:680px;} .layerCont.article_approval .title-tag{height:58px;display:flex;align-items:center;padding:10px 10px 0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .title-tag ul{display:flex;height:100%;} .layerCont.article_approval .title-tag ul li{height:100%;} .layerCont.article_approval .title-tag ul li + li{margin-left:8px;} .layerCont.article_approval .title-tag ul li a{display:flex;align-items:center;font-size:13px;font-weight:500;color:#000;position:relative;padding:0 8px 8px;height:100%;} .layerCont.article_approval .title-tag ul li a.active{color:#0069B9;} .layerCont.article_approval .title-tag ul li:last-child a:before{content:'';background:url("../images/boards/icon-approval.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:first-child a:before{content:'';background:url("../images/boards/icon-article.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:last-child a.active:before{content:'';background:url("../images/boards/icon-approval-active.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:first-child a.active:before{content:'';background:url("../images/boards/icon-article-active.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.article_approval .title-tag ul li a.active:after{content:'';position:absolute;left:50%;bottom:0;background-color:#0069b9;width:100%;height:2px;transform:translateX(-50%);} .layerCont.article_approval .title-input{padding:20px 0;} .layerCont.article_approval .title-input input{width:100%;background-color:transparent;width:100%;border:none;font-size:27px;font-weight:700;color:#1b1b1b;border-radius:0;padding:0;} .layerCont.article_approval .title-input input::placeholder{font-weight:700;color:#1b1b1b;opacity:0.5;} .layerCont.article_approval .more-wrap{padding:20px 0 10px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .more-wrap .more-area > a{font-size:13px;color:#1b1b1b;font-weight:500;display:inline-flex;align-items:center;} .layerCont.article_approval .more-wrap .more-area > a:after{content:'';background:url("../images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap .more-area > a.active:after{content:'';background:url("../images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transform:rotate(180deg);transition:.45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn.active:after{transform:rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox{padding-bottom:20px;display:none;margin-left:-20px;margin-top:-20px;} .layerCont.article_approval .more-wrap .more-chkBox > div{display:inline-flex;margin-left:20px;margin-top:20px;} .layerCont.article_approval .more-wrap .more-chkBox > div + div{} .layerCont.article_approval .more-wrap .more-chkBox > div > div{display:inline-flex;align-items:center;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.hide-btn{display:none;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.hide-btn.active a.more:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more{display: inline-flex; align-items: center;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more.active:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap input[type=text]{cursor:pointer;padding:0;border:none;height:auto;background:transparent;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;width:110px;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap > dl{display:flex;padding:10px 0;} .layerCont.article_approval .more-wrap > dl.pd4{padding:4px 0;} .layerCont.article_approval .more-wrap > dl + dl{} .layerCont.article_approval .more-wrap > dl > dt:not(.total_amount){width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dt.required:after{content:'*';width:auto;height:auto;background:none;color:#F60404;border-radius:0;} .layerCont.article_approval .more-wrap > dl > dt.total_amount{width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:1;display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dt.total_amount a{color:#b5b5b5} .layerCont.article_approval .more-wrap > dl > dt.total_amount:before{opacity:0.5;} .layerCont.article_approval .more-wrap > dl > dd{width:calc(100% - 160px);font-weight:500;color:#000;position:relative;} .layerCont.article_approval .more-wrap > dl > dd > a{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.article_approval .more-wrap > dl > dd > a:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap > dl > dd > a.active:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap > dl > dt:before{content:'';width:18px;height:18px;display:inline-block;margin-right:6px;} .layerCont.article_approval .more-wrap > dl > dt.doc_num:before{background:url("../images/boards/icon_doc_num.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.requestor:before{background:url("../images/boards/detail_user.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.request_ty:before{background:url("../images/boards/icon_approved01.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.request_dt:before{background:url("../images/boards/icon_approved02.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.scheduled_dt:before{background:url("../images/boards/icon_approved02.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.total_amount:before{background:url("../images/boards/icon_approved03.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.approver:before{background:url("../images/boards/icon-approver.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.total_amount{position:relative;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup{z-index:3;display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:calc(100% + 2px);} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup{} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a:hover{background-color:#EBF2FF} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.article_approval .textarea-wrap > p{font-size:14px;color:#000;font-weight:500;} .layerCont.article_approval .textarea-wrap .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("../images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr + tr{} .layerCont.article_approval .textarea-wrap .textarea-table table tbody{border-top:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr:not(.total) td:first-child{border-bottom:none;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.total td{font-weight:600;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.salary td{border-bottom:none;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.salary td + td{border-left:none;} .layerCont.article_approval .more-wrap > dl > dd .sub-popup{display:none;z-index:2;position:absolute;left:0;top:calc(100% + 5px);border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:150px;} .layerCont.article_approval .more-wrap > dl > dd .sub-popup ul li a{padding:10px;font-size:13px;color:#1b1b1b;font-weight:500;display:flex;} .layerCont.article_approval .more-wrap > dl > dd .currency{display:flex;align-items:center;background-color:#EAEAEA;border-radius:6px;padding:6px 8px;} /* .layerCont.article_approval .more-wrap > dl > dd .currency .unit{margin-right:10px;font-size:13px;font-weight:500;color:#7D7D7D;} .layerCont.article_approval .more-wrap > dl > dd .currency .val{font-size:13px;font-weight:500;color:#1b1b1b;} */ .layerCont.article_approval .more-wrap > dl > dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} .layerCont.article_approval .more-wrap > dl > dd .tag-box{position:relative;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup{position:absolute;display:none;left:0;top:calc(100% + 10px);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);border-radius:6px;padding:10px;z-index:2;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile{width:34px;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile figure{width:34px;height:34px;border-radius:50%;overflow:hidden;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .text{padding-left:10px;width:calc(100% - 34px);} .layerCont.article_approval .more-wrap > dl > dd .name-tag{display:flex;background-color:#eaeaea;border-radius:6px;padding:6px 8px;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .name-tag .name{display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .name-tag .name figure{width:18px;border-radius:50%;height:18px;overflow:hidden;margin-right:5px;} .layerCont.article_approval .more-wrap > dl > dd .name-tag > a.close{display:flex;background:url("../images/boards/side_close.svg")no-repeat;width:18px;height:18px;background-size:18px;margin-left:5px;} .layerCont.article_approval .more-wrap > dl > dd .name-input input[type=text]{border:none;padding:6px 0;border-radius:0;color:rgba(27,27,27,0.5);font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dd .name-input input[type=text]::placeholder{color:#1b1b1b;opacity:0.5;font-weight:500;} .layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap{display:flex;flex-flow:wrap;margin-left:-10px;margin-top:-10px;} .layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap > div{margin-left:10px;margin-top:10px;} .layerCont.article_approval #layerPopup-contsBox{max-height:620px;overflow-y:auto;overflow-x:hidden;} .layerCont.article_approval .layerPopupWrap{} .layerCont.article_approval .textarea-wrap{position:relative;} .layerCont.article_approval .textarea-wrap .tag-popup{display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:0;} .layerCont.article_approval .textarea-wrap .tag-popup{} .layerCont.article_approval .textarea-wrap .tag-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a:hover{background-color:#EBF2FF} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.article_approval .textarea-wrap > p.placeholder{font-size:14px;color:#000;font-weight:500;} .layerCont.article_approval .textarea-wrap > p{font-size:13px;font-weight:500;color:#000;line-height:20px;} .layerCont.article_approval .del-box{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} .layerCont.article_approval .del-box .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} .layerCont.article_approval .del-box .file-img.pdf{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(179, 11, 0, 0.08);border-right:1px solid #d9d9d9;} .layerCont.article_approval .del-box .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} .layerCont.article_approval .del-box .cont .text p.name{font-size:13px;color:#000;font-weight:500;} .layerCont.article_approval .del-box .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} .layerCont.article_approval .del-box .cont a{display:flex;background:url("../images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;} .layerCont.article_approval .del-box.img-section{height:auto;position:relative;} .layerCont.article_approval .del-box.img-section figure{border-radius:5px;overflow:hidden;padding:8px;} .layerCont.article_approval .del-box.img-section .del-btn{position:absolute;right:10px;top:10px;background-color:#fff;border-radius:6px;border:1px solid rgba(0,0,0,0.20);width:30px;height:30px;display:flex;align-items:center;justify-content:center;} .layerCont.article_approval .del-box.img-section .del-btn:before{content:'';background:url("../images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;display:inline-block;} .layerCont.article_approval .textarea-wrap .listBox {display:flex;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a:before{content: '';background: url("../images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("../images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;max-height:150px;height:150px;resize: none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay{color:#000;position:absolute;left:15px;top:0;opacity:0.4;font-size: 13px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #fff;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts{position:relative;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup .keyword-search{border:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup{z-index:2;display:none;position:absolute;left:0;top:calc(100% + 5px);background-color:#fff;overflow:hidden;min-width:250px;border:1px solid #e0e0e0;border-radius:6px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup.search ul li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a:hover{background-color:#EDF7FF;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:before{display:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more.active:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save{font-weight:600;color:#000;opacity:0.6;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save:before{display:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .textarea-wrap .textarea{opacity:0.4;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("../images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price p:last-child{opacity:0.4;} .layerCont.article_approval .check-conts .check-top{padding:10px 20px;} .layerCont.article_approval .check-conts .check-top > .head > h2{font-size:16px;color:#1B1B1B;font-weight:700;} .layerCont.article_approval .check-conts .check-top input[type=checkbox].checkBox-normal + label{font-size:16px;font-weight:700;} .layerCont.article_approval .check-conts .check-top .add-wrap{position:relative;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup{display:none;background-color:#fff;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li{padding:10px;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .check-conts .date-wrap > a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .check-conts .date-wrap > a:after{content:'';background:url("../images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(180deg);} .layerCont.article_approval .check-conts .date-wrap > a.active:after{content:'';background:url("../images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(0);} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap .list{display:none;} .layerCont.article_approval .check-conts .date-wrap .list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.article_approval .check-conts .date-wrap .list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.article_approval .check-conts .date-wrap .list > dl > dt{width:17px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dt .head{margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd{padding-left:15px;width:calc(100% - 17px);} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap + .date-wrap .date{border-top:none;} .layerCont.article_approval .check-conts .date-wrap .radio-list{border-top:1px solid #e0e0e0;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.article_approval .check-conts .date-wrap .radio-list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dt{width:17px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dt .head{margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd{padding-left:15px;width:calc(100% - 17px);min-width:calc(100% - 17px);} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker {width:16px;height:16px;position:relative;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > a {display:block;width:100%;height:100%;background:url('../images/common/svg/icon-sticker.svg') no-repeat center top -7px/32px 186px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.default > a {background-position:center top -7px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.green > a {background-position:center top -38px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.yellow > a {background-position:center top -69px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.blue > a {background-position:center top -100px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.red > a {background-position:center top -131px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.purple > a {background-position:center top -162px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write {display:none;position:absolute;top:0;right:100%;padding-right:20px;z-index:2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom {top:auto;bottom:-10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom:after {top:auto;bottom:8px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts {width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo {padding:10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo textarea {width:100%;min-height:75px;border:0;outline:none;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view {display:none;position:absolute;top:0px;right:100%;padding-right:20px;z-index:2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom {top:auto;bottom:-10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom:after {top:auto;bottom:8px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);padding:10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts > div {width:300px;min-height:150px;max-height:230px;overflow-y:auto;white-space:normal;line-height:1.4;} .layerCont.article_approval .side-input-wrap .filter-wrap{position:relative;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup{display:none;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);background-color:#fff;min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li{padding:10px;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .textarea-wrap textarea{border:none;padding:20px 0;font-size:14px;font-weight:500;outline:none;width:100%;min-height:310px;min-width:100%;position:relative;resize:none;} .layerCont.article_approval #layerPopup-contsBox{position:relative;padding-bottom:0;} .layerCont.article_approval #layerPopup-contsBox .main-contsBox{width:calc(100% - 63px);padding-bottom:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox{/* height:750px; */min-height:725px;position:absolute;right:-362px;top:0;background-color:#fff;border-left:1px solid #E0E0E0;width:425px;padding-bottom:15px;/* padding:20px; */transition:.45s;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox.active{width:425px;transition:.45s;right:0;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .sideWrap{display:none;} /* .layerCont.article_approval #layerPopup-contsBox .side-contsBox.active .sideWrap{display:block;} */ .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title {padding:20px 20px 0;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn{width:23px;height:23px;display:flex;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn:before{content:'';background:url("../images/boards/popup_slide_btn.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn.active:before{content:'';background:url("../images/boards/popup_slide_btn_on.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap{padding:0 20px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox{margin-left:-10px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div{width:calc((100% / 2) - 10px);margin-left:10px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div.select-box-default-st input.selectValue{width:100%;} .layerCont.article_approval .layerPopupWrap#approval-conts #btn-wrap-default{border-top: 1px solid #E0E0E0;} .layerCont.article_approval #btn-wrap-default{} .layerCont.article_approval #btn-wrap-default{border:none;} .layerCont.article_approval #btn-wrap-default .etc-btn a.tag{font-size:14px;color:#757575;font-weight:700;} .layerCont.article_approval #btn-wrap-default .etc-btn a.tag.active{color:#0069B9} .layerCont.article_approval #btn-wrap-default .etc-btn a.file:before{transform:rotate(45deg);} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box{position:relative;width:17px;height:17px;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box{} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box label:before {background:url("../images/boards/article_approval_file.svg")no-repeat;width:17px;height:17px;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box .upload-name {display:none;outline:none;/* display:inline-block; */width:100%;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.15);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px; } .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st{background-color:#fff;border:1px solid #BABABA;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > a{padding:0 8px;min-width:auto;color:#000;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn{border-left:none;display:flex;align-items:center;justify-content:center;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn:before{content:'';background:url("../images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap.tlt{bottom:auto;top:calc(100% + 5px);border-radius: 6px;border: 1px solid rgba(51, 51, 51, 0.15);background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a:hover{} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a{display:flex;align-items:center;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.public:before{content:'';background:url("../images/boards/icon_public.svg")no-repeat;display:inline-block;margin-right:6px;width:12px;height:12px;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.private:before{content:'';background:url("../images/boards/icon_private.svg")no-repeat;display:inline-block;margin-right:6px;width:13px;height:14px;} /* 2024-01-16 REQUIRED */ .layerCont.approval_required01 #layerPopup-contsBox{padding:20px;} .layerCont.approval_required01 #layerPopup-contsBox .title{margin:10px 0;font-size:16px;color:#000;font-weight:600;} .layerCont.approval_required01 #layerPopup-contsBox .desc{font-size:13px;color:#757575;font-weight:500;} .layerCont.approval_required02 #layerPopup-contsBox{padding:20px;} .layerCont.approval_required02 #layerPopup-contsBox .title{margin:10px 0;font-size:16px;color:#000;font-weight:600;} .layerCont.approval_required02 #layerPopup-contsBox .desc{font-size:13px;color:#757575;font-weight:500;} /* 2024-06-20 company not found */ .layerCont.alert_company_found #layerPopup-contsBox{padding:20px;} .layerCont.alert_company_found #layerPopup-contsBox .title{margin:10px 0;font-size:16px;color:#000;font-weight:600;} .layerCont.alert_company_found #layerPopup-contsBox .desc{font-size:13px;color:#757575;font-weight:500;} .layerCont.alert_company_found #btn-wrap-default{border-top:none;} .layerCont.alert_company_found #btn-wrap-default .btn-area{width:100%;} .layerCont.alert_company_found #btn-wrap-default a{width:100%;display:inline-block;min-width:50px;height:32px;color:#fff;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#CB0D0D;border:1px solid #CB0D0D;border-radius:5px;overflow:hidden;outline:none;} /* 2024-06-20 company not found */ .layerCont.select_a_company{} .layerCont.select_a_company h1{padding-bottom:0;} .layerCont.select_a_company #table-list-wrap{margin-top:50px;} .layerCont.select_a_company #table-list-wrap tbody tr{cursor:pointer;} .layerCont.select_a_company #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr.active td{background-color:#f5f5f5;} .layerCont.select_a_company #table-list-wrap tbody tr td p.status-active{color:#17864C;font-weight:500;} .layerCont.select_a_company #table-list-wrap tbody tr > td .wrap table tbody tr td{white-space:normal;text-overflow:inherit;padding:5px 7px;} .layerCont.select_a_company #table-list-wrap thead tr th:first-child{padding-left:20px;} .layerCont.select_a_company #table-list-wrap tbody tr > td .wrap table tbody tr td:first-child{padding-left:20px;} /* 2024-01-17 printed_approval_form01 */ .layerCont.printed_approval_form01{} .layerCont.printed_approval_form01 .layerPopupWrap {width:950px;} .layerCont.printed_approval_form01 #layerPopup-contsBox {/*max-width:860px;*/width:950px;padding:60px 40px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap{display:flex;align-items:center;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .logo{width:calc(100% - 536px);display:flex;align-items:center;justify-content:center;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm{width:536px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul{display:flex;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li{width:calc(100% / 4);border:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li + li{border-left:none;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li div + div{border-top:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li div.name{height:35px;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;font-weight:600;color:#000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li div.date{height:35px;display:flex;align-items:center;justify-content:center;width:100%;font-size:13px;font-weight:500;color:#000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li div.sign{height:70px;display:flex;align-items:center;justify-content:center;width:100%;} .layerCont.printed_approval_form01 #layerPopup-contsBox .sign-wrap .confirm ul li div.sign input{border:none;text-align:center;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox{margin-top:60px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox .text{} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox .text > div{display:flex;align-items:center;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox .text p{color:#000;font-size:12px;font-weight:500;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox .text strong{color:#000;font-size:12px;font-weight:700;margin-left:4px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table{margin-top:10px;border-top:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table tr{border-bottom:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table td{padding:12px;font-size:12px;font-weight:600;color:#000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table td.first{padding-left:0;} .layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table td + td{border-left:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox{margin-top:50px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox .text{margin-bottom:10px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox .text p{color:#1B1B1B;font-weight:700;font-size:13px;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table{border:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table thead tr td{font-size:13px;font-weight:600;padding:10px;color:#000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table thead tr td + td{border-left:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr{} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr td{padding:10px;font-size:13px;color:#1B1B1B;font-weight:500;border-top:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr td.blank{border-top:none;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr td.total{border-left:none;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr td + td{border-left:1px solid #000;} .layerCont.printed_approval_form01 #layerPopup-contsBox .total-tableBox table tbody tr.salary td + td{border-left:none;} /* 2024-01-17 printed_approval_form02 */ .layerCont.printed_approval_form02{} .layerCont.printed_approval_form02 .layerPopupWrap {width:950px;} .layerCont.printed_approval_form02 #layerPopup-contsBox {/*max-width:860px;*/width:950px;padding:60px 40px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap{display:flex;align-items:center;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .logo{width:calc(100% - 536px);display:flex;align-items:center;justify-content:center;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm{width:536px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul{display:flex;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li{width:calc(100% / 4);border:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li + li{border-left:none;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li div + div{border-top:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li div.name{height:35px;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;font-weight:600;color:#000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li div.date{height:35px;display:flex;align-items:center;justify-content:center;width:100%;font-size:13px;font-weight:500;color:#000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li div.sign{height:70px;display:flex;align-items:center;justify-content:center;width:100%;} .layerCont.printed_approval_form02 #layerPopup-contsBox .sign-wrap .confirm ul li div.sign input{border:none;text-align:center;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox{margin-top:60px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox .text{} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox .text > div{display:flex;align-items:center;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox .text p{color:#000;font-size:12px;font-weight:500;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox .text strong{color:#000;font-size:12px;font-weight:700;margin-left:4px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox table{margin-top:10px;border-top:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox table tr{border-bottom:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox table td{padding:12px;font-size:12px;font-weight:600;color:#000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox table td.first{padding-left:0;} .layerCont.printed_approval_form02 #layerPopup-contsBox .tableBox table td + td{border-left:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox{margin-top:50px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox .text{margin-bottom:10px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox .text p{color:#1B1B1B;font-weight:700;font-size:13px;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table{border:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table thead tr td{font-size:13px;font-weight:600;padding:10px;color:#000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table thead tr td + td{border-left:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr{} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr td{padding:10px;font-size:13px;color:#1B1B1B;font-weight:500;border-top:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr td.blank{border-top:none;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr td.total{border-left:none;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr td + td{border-left:1px solid #000;} .layerCont.printed_approval_form02 #layerPopup-contsBox .total-tableBox table tbody tr.salary td + td{border-left:none;} .layerCont.invoice-print{} .layerCont.invoice-print .layerPopupWrap {width:630px;} .layerCont.invoice-print #layerPopup-contsBox {/*max-width:860px;*/width:630px;padding:60px 40px;} .layerCont.invoice-print #layerPopup-contsBox img {width:100%;} /* 2024-02-02 delete-item*/ .layerCont.delete-item{} .layerCont.delete-item #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.delete-item .conts{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;} .layerCont.delete-item .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.delete-item .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.delete-item #btn-wrap-default a.btn-st.common.delete{padding:0 15px;border:1px solid #BABABA} .layerCont.delete-item #btn-wrap-default a.btn-st.common.delete:before{display:none;} /* ADD AN ITEM */ .layerCont.add_an_item #layerPopup-contsBox{padding:20px 15px;border-top:1px solid #D9D9D9;} .layerCont.add_an_item #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table {} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li {display:flex;flex-direction:column;min-height:34px;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li + li {margin-top:20px;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100%;font-size:14px;font-weight:500;color:#515151;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div:last-child {width:100%;margin-top:10px;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div textarea{resize:none;height:69px;outline:none;width:100%;padding:8px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div input[type=text]{border:1px solid rgba(0, 0, 0, 0.15);} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div input[type=text]:read-only{background-color:#FAFAFA;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.select-box-default-st input[type=text]:read-only{background-color:#fff;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.required:after{background-color:transparent;width:auto;height:auto;content:'*';color:#F60404;border-radius:0;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.currency-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.add_an_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a + a{border-left:1px solid #e0e0e0;} /* EDIT ITEM */ .layerCont.edit_item #layerPopup-contsBox{padding:20px 15px;border-top:1px solid #D9D9D9;} .layerCont.edit_item #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.edit_item #layerPopup-contsBox ul.item-table {} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li {display:flex;flex-direction:column;min-height:34px;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li + li {margin-top:20px;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100%;font-size:14px;font-weight:500;color:#515151;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div:last-child {width:100%;margin-top:10px;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div textarea{resize:none;height:69px;outline:none;width:100%;padding:8px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div input[type=text]{border:1px solid rgba(0, 0, 0, 0.15);} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div input[type=text]:read-only{background-color:#FAFAFA;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.select-box-default-st input[type=text]:read-only{background-color:#fff;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.required:after{background-color:transparent;width:auto;height:auto;content:'*';color:#F60404;border-radius:0;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.currency-btn{display:flex;align-items:center;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a{width:50%;padding:7px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#000;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a.active{color:#0F38EE;background-color:#F3F5FE;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a.active:before{content:'';background:url("../images/settings/icon-currency-btn.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:10px;} .layerCont.edit_item #layerPopup-contsBox ul.item-table > li > div.currency-btn > a + a{border-left:1px solid #e0e0e0;} /* Items Details */ .layerCont.items_details h1{} .layerCont.items_details #layerPopup-contsBox{padding:0 20px 15px;border-top:1px solid #D9D9D9;} .layerCont.items_details #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.items_details #layerPopup-contsBox ul.item-table > li {display:flex;align-items:flex-start;min-height:41px;padding:12px 0;} .layerCont.items_details #layerPopup-contsBox ul.item-table > li + li{border-top:1px solid #d9d9d9;} .layerCont.items_details #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:175px;font-size:14px;font-weight:500;color:#515151;} .layerCont.items_details #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 175px);color:#000;font-weight:500;font-size:14px;} /* PROJECT/SITE detail */ .layerCont.project_site_detail h1{font-size:18px;padding-top:10px;} .layerCont.project_site_detail #layerPopup-contsBox{padding:0 20px 15px;border-top:1px solid #D9D9D9;} .layerCont.project_site_detail #btn-wrap-default{border-top:1px solid #d9d9d9;} .layerCont.project_site_detail #layerPopup-contsBox ul.item-table > li {display:flex;align-items:flex-start;min-height:41px;padding:12px 0;} .layerCont.project_site_detail #layerPopup-contsBox ul.item-table > li + li{border-top:1px solid #d9d9d9;} .layerCont.project_site_detail #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:175px;font-size:14px;font-weight:500;color:#515151;} .layerCont.project_site_detail #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 175px);color:#000;font-weight:500;font-size:14px;} .layerCont.project_site_detail #layerPopup-contsBox ul.item-table > li > div.active:last-child {color:#17864C;} .layerCont.data_collection_center01{width:580px;} .layerCont.data_collection_center01 .layerPopupWrap{width:580px;} .layerCont.data_collection_center01 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center01 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center01 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center01 #layerPopup-contsBox{width:580px;padding:0 20px 20px;} .layerCont.data_collection_center01 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;} .layerCont.data_collection_center01 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center01 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center01 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list{margin-top:20px;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul{display:flex;justify-content:space-between;align-items:center;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li{width:100%;position:relative;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li a{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:6px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li.active a:before{content:'';border:2px solid #0F1FEA;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li + li{margin-left:10px;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li a .desc{margin-top:20px;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li a .desc > h4{font-size:14px;color:#000;font-weight:600;} .layerCont.data_collection_center01 #layerPopup-contsBox .select-list ul li a .desc > p{font-size:14px;color:#878787;font-weight:500;margin-top:10px;line-height:1.3;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap{margin-top:20px;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap{} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul{display:flex;flex-flow:wrap;margin-left:-10px;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li{position:relative;width:calc((100% / 4) - 10px);margin-left:10px;margin-top:10px;height:54px;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li a{display:flex;align-items:center;justify-content:center;border-radius:6px;padding:10px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);width:100%;height:100%;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li.active a:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #0F38EE;border-radius:6px;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow{display:flex;align-items:center;margin-top:20px;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a{position:relative;width:18px;height:18px;display:flex;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.disable{opacity:0.5;pointer-events: none;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.next:before{content:'';background:url("../images/boards/icon-bank-next.svg")no-repeat;width:18px;height:18px;transform:rotate(0);display:inline-block;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.prev:before{content:'';background:url("../images/boards/icon-bank-next.svg")no-repeat;width:18px;height:18px;transform:rotate(180deg);display:inline-block;} .layerCont.data_collection_center01 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow p{min-width:50px;font-size:14px;font-weight:500;opacity:0.7;text-align:center;} .layerCont.data_collection_center01 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center01 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center01 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center02{width:408px;} .layerCont.data_collection_center02 .layerPopupWrap{width:408px;} .layerCont.data_collection_center02 #layerPopup-contsBox{width:408px;padding:20px;min-height:560px;} .layerCont.data_collection_center02 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center02 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center02 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center02 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;} .layerCont.data_collection_center02 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center02 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center02 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list{margin-top:20px;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul{display:flex;justify-content:space-between;align-items:center;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li{width:100%;position:relative;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li a{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:6px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li.active a:before{content:'';border:2px solid #0F1FEA;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li + li{margin-left:10px;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li a .desc{margin-top:20px;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li a .desc > h4{font-size:14px;color:#000;font-weight:600;} .layerCont.data_collection_center02 #layerPopup-contsBox .select-list ul li a .desc > p{font-size:14px;color:#878787;font-weight:500;margin-top:10px;line-height:1.3;} .layerCont.data_collection_center02 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center02 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center02 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap{padding:60px 0;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap .item .tit{display:flex;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap .item .tit p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#515151;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap .item .tit p.caption:after{content:'';margin-left:4px;border-radius: 0; width: 18px;height: 18px;background:url("../images/settings/icon-info.svg")no-repeat;color: #F60404;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap .item .tit span.required{position:relative;} .layerCont.data_collection_center02 #layerPopup-contsBox .input-wrap .item .tit span.required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:0;} .layerCont.data_collection_center03{width:580px;} .layerCont.data_collection_center03 .layerPopupWrap{width:580px;} .layerCont.data_collection_center03 #layerPopup-contsBox{width:580px;padding:20px;min-height:560px;} .layerCont.data_collection_center03 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center03 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center03 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center03 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;} .layerCont.data_collection_center03 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center03 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center03 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list{margin-top:20px;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li{display:flex;position:relative;justify-content:space-between;border-radius: 6px;border: 1px solid rgba(0, 0, 0, 0.05);background-color: #F5F5F5;padding:10px;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li + li{margin-top:10px;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div{display:flex;align-items:center;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div input[type=checkbox].checkBox-normal + label{font-size:14px;font-weight:500;color:#1b1b1b;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li.active{background-color:#fff;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li.active:before{content:'';width:100%;height:100%;border-radius:6px;position:absolute;left:0;top:0;border:2px solid #0F38EE;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc{} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc p{} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc p.deposit{color:#1b1b1b;opacity:0.5;font-size:14px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc p.num{color:#1b1b1b;font-size:14px;font-weight:500;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc p.currency{margin-left:10px;display:flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:6px;background-color:#f6f6f6;border: 1px solid rgba(0, 0, 0, 0.10);color:#000;font-size:13px;font-weight:500;} .layerCont.data_collection_center03 #layerPopup-contsBox .cheked-list ul li > div.desc p.deposit:after{content:'';width:5px;height:5px;display:inline-block;background-color:#1b1b1b;opacity:0.5;border-radius:50%;margin:0 10px;} .layerCont.data_collection_center03 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center03 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center03 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center04{width:580px;} .layerCont.data_collection_center04 .layerPopupWrap{width:580px;} .layerCont.data_collection_center04 #layerPopup-contsBox{width:580px;padding:20px;min-height:560px;} .layerCont.data_collection_center04 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center04 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center04 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center04 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center04 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center04 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list{margin-top:20px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li{display:flex;position:relative;justify-content:space-between;border-radius: 6px;border: 1px solid rgba(0, 0, 0, 0.05);background-color: #F5F5F5;padding:10px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li + li{margin-top:10px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div{} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last{display:flex;flex-direction:column;align-items:flex-end;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state{position:relative;margin-left:10px;min-width:75px;display:flex;justify-content:flex-end;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state .state-popup{display:none;position:absolute;right:0;z-index:2;top:calc(100% + 3px);background-color:#000;padding:8px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);border-radius:6px;width:max-content;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state .state-popup p{color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.chk .state-popup p:before{content:'';background:url("../images/boards/icon-checked2-popup.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.warning .state-popup p:before{content:'';background:url("../images/boards/icon-warning-popup.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.chk{} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.chk > p{color:#21A365;font-size:14px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.chk > p:after{content:'';background:url("../images/boards/icon-checked2.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:4px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.warning > p{color:#F5BB1E;font-size:14px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li > div.last .state.warning > p:after{content:'';background:url("../images/boards/icon-warning.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:4px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li.active{background-color:#fff;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li.active:before{content:'';width:100%;height:100%;border-radius:6px;position:absolute;left:0;top:0;border:2px solid #0F38EE;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.title{font-size:14px;font-weight:500;color:#1b1b1b;line-height:25px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.last > div + div{margin-top:6px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc{display:flex;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc a.remove{display:flex;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc a.remove:before{content:'';background:url("../images/boards/icon_minus.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-left:10px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc p{} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc p.deposit{color:#1b1b1b;opacity:0.5;font-size:14px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc p.num{color:#1b1b1b;font-size:14px;font-weight:500;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc p.currency{margin-left:10px;display:flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:6px;background-color:#f6f6f6;border: 1px solid rgba(0, 0, 0, 0.10);color:#000;font-size:13px;font-weight:500;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li div.desc p.deposit:after{content:'';width:5px;height:5px;display:inline-block;background-color:#1b1b1b;opacity:0.5;border-radius:50%;margin:0 10px;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li.add{background-color:#F0F1FF;cursor:pointer;border:none;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li.add a{color:#0F1FEA;font-size:13px;font-weight:500;display:flex;align-items:center;width:100%;} .layerCont.data_collection_center04 #layerPopup-contsBox .cheked-list ul li.add a:before{content:'';background:url("../images/boards/icon-add.svg")no-repeat;margin-right:10px;display:inline-block;width:18px;height:18px;} .layerCont.data_collection_center04 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center04 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center04 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center05{width:580px;} .layerCont.data_collection_center05 .layerPopupWrap{width:580px;} .layerCont.data_collection_center05 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center05 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center05 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center05 #layerPopup-contsBox{width:580px;padding:0 20px 20px;} .layerCont.data_collection_center05 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;} .layerCont.data_collection_center05 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center05 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center05 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list{margin-top:20px;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul{display:flex;justify-content:space-between;align-items:center;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li{width:100%;position:relative;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li.disabled{background-color:#F5F5F5 !important;pointer-events: none;opacity:1 !important;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li.disabled a .desc{opacity:0.5 !important;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li a{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:6px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li.active a:before{content:'';border:2px solid #0F1FEA;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li + li{margin-left:10px;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li a .desc{margin-top:20px;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li a .desc > h4{font-size:14px;color:#000;font-weight:600;} .layerCont.data_collection_center05 #layerPopup-contsBox .select-list ul li a .desc > p{font-size:14px;color:#878787;font-weight:500;margin-top:10px;line-height:1.3;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap{margin-top:20px;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap{} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul{display:flex;flex-flow:wrap;margin-left:-10px;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li{position:relative;width:calc((100% / 4) - 10px);margin-left:10px;margin-top:10px;height:54px;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li a{display:flex;align-items:center;justify-content:center;border-radius:6px;padding:10px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);width:100%;height:100%;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list ul li.active a:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #0F38EE;border-radius:6px;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow{display:flex;align-items:center;margin-top:20px;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a{position:relative;width:18px;height:18px;display:flex;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.disable{opacity:0.5;pointer-events: none;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.next:before{content:'';background:url("../images/boards/icon-bank-next.svg")no-repeat;width:18px;height:18px;transform:rotate(0);display:inline-block;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow a.prev:before{content:'';background:url("../images/boards/icon-bank-next.svg")no-repeat;width:18px;height:18px;transform:rotate(180deg);display:inline-block;} .layerCont.data_collection_center05 #layerPopup-contsBox .bank-wrap .wrap .bank-list .list-arrow p{min-width:50px;font-size:14px;font-weight:500;opacity:0.7;text-align:center;} .layerCont.data_collection_center05 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center05 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center05 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center06{width:580px;} .layerCont.data_collection_center06 .layerPopupWrap{width:580px;} .layerCont.data_collection_center06 #layerPopup-contsBox{width:580px;padding:0 0 20px;min-height:560px;} .layerCont.data_collection_center06 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center06 .layerCont_back > a.back{background:url("../images/boards/icon-layerPopup-back.svg")no-repeat;width:24px;height:24px;display:block;} .layerCont.data_collection_center06 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar{width:100%;height:6px;position:relative;background-color:rgba(15,31,234,0.2);} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar.load-1:before{content:'';width:20%;height:100%;position:absolute;left:0;top:0;background-color:rgba(15,31,234,1);} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar.load-2:before{content:'';width:40%;height:100%;position:absolute;left:0;top:0;background-color:rgba(15,31,234,1);} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar.load-3:before{content:'';width:60%;height:100%;position:absolute;left:0;top:0;background-color:rgba(15,31,234,1);} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar.load-4:before{content:'';width:80%;height:100%;position:absolute;left:0;top:0;background-color:rgba(15,31,234,1);} .layerCont.data_collection_center06 #layerPopup-contsBox .loading-bar.load-5:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(15,31,234,1);} .layerCont.data_collection_center06 #layerPopup-contsBox .infoBox{display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;} .layerCont.data_collection_center06 #layerPopup-contsBox .infoBox .text{text-align:center;margin:20px 0;} .layerCont.data_collection_center06 #layerPopup-contsBox .infoBox .text > h3{font-size:18px;color:#000;font-weight:600;} .layerCont.data_collection_center06 #layerPopup-contsBox .infoBox .text > p{color:#878787;font-weight:500;font-size:14px;margin-top:7px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list{margin-top:20px;padding:0 20px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li{display:flex;position:relative;justify-content:space-between;border-radius: 6px;border: 1px solid rgba(0, 0, 0, 0.05);background-color: #F5F5F5;padding:10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li + li{margin-top:10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li > div{} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li > div.last{display:flex;flex-direction:column;align-items:flex-end;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li.active{background-color:#fff;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li.active:before{content:'';width:100%;height:100%;border-radius:6px;position:absolute;left:0;top:0;border:2px solid #0F38EE;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.title{font-size:14px;font-weight:500;color:#1b1b1b;line-height:25px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.last > div + div{margin-top:6px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc{display:flex;align-items:center;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc a.remove{display:flex;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc a.remove:before{content:'';background:url("../images/boards/icon_minus.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-left:10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc span.loading{display:flex;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc span.loading:before{content:'';background:url("../images/boards/icon_loading.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc span.wait{display:flex;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc span.wait:before{content:'';background:url("../images/boards/icon_waiting.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc p{} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc p.deposit{color:#1b1b1b;opacity:0.5;font-size:14px;font-weight:500;display:flex;align-items:center;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc p.num{color:#1b1b1b;font-size:14px;font-weight:500;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc p.currency{margin-left:10px;display:flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:6px;background-color:#f6f6f6;border: 1px solid rgba(0, 0, 0, 0.10);color:#000;font-size:13px;font-weight:500;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li div.desc p.deposit:after{content:'';width:5px;height:5px;display:inline-block;background-color:#1b1b1b;opacity:0.5;border-radius:50%;margin:0 10px;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li.add{background-color:#F0F1FF;cursor:pointer;border:none;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li.add a{color:#0F1FEA;font-size:13px;font-weight:500;display:flex;align-items:center;width:100%;} .layerCont.data_collection_center06 #layerPopup-contsBox .cheked-list ul li.add a:before{content:'';background:url("../images/boards/icon-add.svg")no-repeat;margin-right:10px;display:inline-block;width:18px;height:18px;} .layerCont.data_collection_center06 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center06 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center06 #btn-wrap-default .btn-area .run{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center06 #btn-wrap-default .btn-area .save{color:#EC002A} .layerCont.data_collection_center07 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center07 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center07 #layerPopup-contsBox{padding:20px;} .layerCont.data_collection_center07 #layerPopup-contsBox .text{} .layerCont.data_collection_center07 #layerPopup-contsBox .text > h4{font-size:18px;font-weight:600;color:#000;} .layerCont.data_collection_center07 #layerPopup-contsBox .text > p{margin-top:10px;color:#1b1b1b;font-size:14px;font-weight:500;} .layerCont.data_collection_center07 #btn-wrap-default .btn-area{display:flex;align-items:center;} .layerCont.data_collection_center07 #btn-wrap-default .btn-area a{padding:8px;min-width:auto;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;} .layerCont.data_collection_center07 #btn-wrap-default .btn-area .close{color:#0069B9;font-weight:500;padding:8px;} .layerCont.data_collection_center07 #btn-wrap-default .btn-area .save{color:#EC002A} .layerCont.data_collection_center08 .layerCont_back{padding:20px;display:flex;height:64px;} .layerCont.data_collection_center08 .layerPopup-close{background:url("../images/common/svg/layerPopupClose_ver2.svg")no-repeat !important;width:24px !important;height:24px !important;right:20px !important;top:20px !important;} .layerCont.data_collection_center08 #layerPopup-contsBox{padding:0 20px 20px;} .layerCont.data_collection_center08 #layerPopup-contsBox .cont{display:flex;align-items:center;flex-direction:column;} .layerCont.data_collection_center08 #layerPopup-contsBox .cont .text{text-align:center;margin-top:20px;} .layerCont.data_collection_center08 #layerPopup-contsBox .cont .text > h4{font-size:18px;font-weight:600;color:#000;} .layerCont.data_collection_center08 #layerPopup-contsBox .cont .text > p{margin-top:10px;font-size:14px;color:#1b1b1b;font-weight:500;line-height:1.4;} .layerCont.data_collection_center08 #layerPopup-contsBox .cont .text > p span.icon{background:url("../images/common/svg/icon-update.svg")no-repeat;display:inline-block;width:15px;height:14px;vertical-align:sub;} .layerCont.data_collection_center08 #layerPopup-contsBox > a{display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:#0069B9;color:#fff;height:32px;font-size:13px;font-weight:500;margin-top:40px;} /* 2024-04-08 */ .layerCont.inquiry_business{} .layerCont.inquiry_business #layerPopup-contsBox .txt{margin-top:15px;} .layerCont.inquiry_business #layerPopup-contsBox .txt h4{font-size:25px;font-weight:700;color:#000;} .layerCont.inquiry_business #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;margin-top:10px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area{margin-top:35px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box{display:flex;align-items:center;justify-content:space-between;border-radius:13px;border:2px solid #D9D9D9;padding:20px 25px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box.align-start{align-items:flex-start;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box + .box{margin-top:22px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box > p{font-size:20px;font-weight:700;color:#000;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts{width:240px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts input{width:100%;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts > div + div{margin-top:13px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .proof-select{display:flex;align-items:flex-start;justify-content:space-between;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .excel > a {box-shadow: 0px 4px 4px 0px #00000040;display:flex;align-items:center;align-items:center;border:1px solid #d9d9d9;border-radius:11px;height:34px;width:100%;padding:0 22px;color:#7F7F7F;font-size:14px;font-weight:500;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .excel > a:before{content:'';display:inline-block;background:url("../images/common/svg/import_excel_icon.svg")no-repeat;width:15px;height:15px;margin-right:14px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-val > div{justify-content:flex-end;margin-top:5px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-val > div .file-name{color:#7F7F7F;font-size:15px;text-decoration:underline;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-choose-form {cursor:pointer;box-shadow: 0px 4px 4px 0px #00000040;display:flex;align-items:center;align-items:center;border:1px solid #d9d9d9;border-radius:11px;height:34px;width:100%;padding:0 22px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-choose-form:before{content:'';display:inline-block;background:url("../images/common/svg/ip_file_icon.svg")no-repeat;width:15px;height:15px;margin-right:14px;min-width:15px;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-choose-form label {width:100%;display:flex;align-items:center;white-space:nowrap;/* height:32px;line-height:30px; */color:#7F7F7F;font-size:14px;font-weight:500;cursor:pointer;padding:0;} .layerCont.inquiry_business #layerPopup-contsBox .box-area .box .conts .file-choose-form .upload-name {/* width:calc(100% - 120px); height:32px;line-height:30px;*/font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none; } .layerCont.inquiry_business02 h1{padding-bottom:0;font-size:25px;font-weight:700;color:#000;} .layerCont.inquiry_business02 #btn-wrap-default{border:none;} .layerCont.inquiry_business02 #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;} .layerCont.inquiry_business02 #layerPopup-contsBox .code-conts{margin:40px auto 0;} .layerCont.inquiry_business02 #layerPopup-contsBox .code-conts > p{font-size:15px;color:#0069B9;margin-top:15px;} .layerCont.inquiry_business03 h1{padding-bottom:0;font-size:25px;font-weight:700;color:#000;} .layerCont.inquiry_business03 #btn-wrap-default{border:none;} .layerCont.inquiry_business03 #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts{display:flex;flex-direction:column;align-items:center;padding:80px 0;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts > p{font-size:20px;color:rgba(15, 56, 238, 0.8);display:flex;align-items:center;font-weight:500;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_progress.svg")no-repeat;width:18px;height:18px;margin-right:8px;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts.completed > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_check3.svg")no-repeat center/40px auto;width:20px;height:20px;margin-right:8px;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts .loading-bar{width:355px;border:1px solid rgba(10, 5, 251, 1);height:18px;border-radius:3px;position:relative;margin-top:13px;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts .loading-bar.bar1:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:25%;position:absolute;left:0;top:0;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts .loading-bar.bar2:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:50%;position:absolute;left:0;top:0;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts .loading-bar.bar3:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:75%;position:absolute;left:0;top:0;} .layerCont.inquiry_business03 #layerPopup-contsBox .loading-conts .loading-bar.bar4:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:100%;position:absolute;left:0;top:0;} /*DO NOT ALLOW TO OVERRIDE */ .layerCont.inquiry_business04 h1{padding-bottom:0;font-size:25px;font-weight:700;color:#000;} .layerCont.inquiry_business04 #btn-wrap-default{border:none;} .layerCont.inquiry_business04 #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts{display:flex;flex-direction:column;align-items:center;padding:80px 0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts > p{font-size:20px;color:rgba(15, 56, 238, 0.8);display:flex;align-items:center;font-weight:500;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_progress.svg")no-repeat;width:18px;height:18px;margin-right:8px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts.completed > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_check3.svg")no-repeat center/40px auto;width:20px;height:20px;margin-right:8px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar{width:355px;border:1px solid rgba(10, 5, 251, 1);height:18px;border-radius:3px;position:relative;margin-top:13px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar1:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:25%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar2:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:50%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar3:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:75%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar4:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:100%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 h1{padding-bottom:0;font-size:25px;font-weight:700;color:#000;} .layerCont.inquiry_business04 #btn-wrap-default{border:none;} .layerCont.inquiry_business04 #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts{display:flex;flex-direction:column;align-items:center;padding:80px 0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts > p{font-size:20px;color:rgba(15, 56, 238, 0.8);display:flex;align-items:center;font-weight:500;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_progress.svg")no-repeat;width:18px;height:18px;margin-right:8px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts.completed > p:before{content:'';display:inline-block;background:url("../images/common/svg/icon_check3.svg")no-repeat center/40px auto;width:20px;height:20px;margin-right:8px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar{width:355px;border:1px solid rgba(10, 5, 251, 1);height:18px;border-radius:3px;position:relative;margin-top:13px;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar1:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:25%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar2:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:50%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar3:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:75%;position:absolute;left:0;top:0;} .layerCont.inquiry_business04 #layerPopup-contsBox .loading-conts .loading-bar.bar4:before{content:'';background: linear-gradient(90deg, #0994FF 0%, #002F53 100%);border-radius:2px;height:100%;width:100%;position:absolute;left:0;top:0;} .layerCont.inquiry_business05 #layerPopup-contsBox{padding:80px 15px;} .layerCont.inquiry_business05 #layerPopup-contsBox .txt{} .layerCont.inquiry_business05 #layerPopup-contsBox .txt p{text-align:center;font-size:25px;color:#000;font-weight:700;} .layerCont.inquiry_business05 #btn-wrap-default{border:none;} .layerCont.operation_status h1{padding-bottom:0;font-size:25px;font-weight:700;color:#000;} .layerCont.operation_status #btn-wrap-default{border:none;} .layerCont.operation_status #layerPopup-contsBox{min-height:auto;} .layerCont.operation_status #layerPopup-contsBox .txt p{font-size:15px;color:#0069B9;} .layerCont.operation_status .table-sub{display:flex;justify-content:flex-end;margin:20px 0 10px;} .layerCont.operation_status .table-sub > a{color:rgba(0, 127, 20, 1);text-decoration:underline;display:flex;align-items:center;} .layerCont.operation_status .table-sub > a:before{content: '';display: inline-block;background: url("../images/common/svg/import_excel_icon.svg") no-repeat;width: 15px;height: 15px;margin-right: 5px;} .layerCont.operation_status .total{font-size:13px;margin-top:10px;} /* 2024-05-20 online_intro_pop */ .layerCont.online_intro_pop{} .layerCont.online_intro_pop .conts{display:flex;flex-direction:column;align-items:center;padding:20px;} .layerCont.online_intro_pop .conts .text{text-align:center;margin-top:20px;} .layerCont.online_intro_pop .conts .text > h4{font-size:18px;font-weight:600;color:#000;} .layerCont.online_intro_pop .conts .text > p{margin-top:10px;font-size:14px;font-weight:500;color:rgba(135, 135, 135, 1);} .layerCont.online_intro_pop .conts .conts-box{background: rgba(233, 239, 255, 1);height:190px;width:100%;border-radius:6px;margin-top:20px;} .layerCont.online_intro_pop .conts .conts-box{} .layerCont.online_intro_pop #btn-wrap-default{border-top:none;padding-top:0;} .layerCont.online_intro_pop #btn-wrap-default > .btn-area{display:flex;flex-direction:column;align-items:center;width:100%;} .layerCont.online_intro_pop #btn-wrap-default > .btn-area > a{width:100%;font-weight:500;font-size:14px;} .layerCont.online_intro_pop #btn-wrap-default > .btn-area > a.later{background:none;color: rgba(0, 96, 185, 1);height:32px;line-height:30px;text-align:center;font-size:14px;} .layerCont.online_intro_pop #btn-wrap-default > .btn-area > a + a{margin-top:10px;} /* 2024-05-20 date_time_select */ .layerCont.date_time_select{} .layerCont.date_time_select .conts{min-height:440px;} .layerCont.date_time_select #btn-wrap-default{padding:20px;} .layerCont.date_time_select #btn-wrap-default > .btn-area{display:flex;justify-content:space-between;align-items:center;width:100%;} .layerCont.date_time_select #btn-wrap-default > .btn-area > a{font-size:14px;font-weight:500;} .layerCont.date_time_select #btn-wrap-default > .btn-area > a.later{background:none;color: rgba(0, 96, 185, 1);height:32px;line-height:30px;text-align:center;font-size:14px;} /* 2024-05-20 enter_detail */ .layerCont.enter_detail{} .layerCont.enter_detail .conts{min-height:440px;} .layerCont.enter_detail #btn-wrap-default{padding:20px;} .layerCont.enter_detail #btn-wrap-default > .btn-area{display:flex;justify-content:space-between;align-items:center;width:100%;} .layerCont.enter_detail #btn-wrap-default > .btn-area > a{font-size:14px;font-weight:500;} .layerCont.enter_detail #btn-wrap-default > .btn-area > a.later{background:none;color: rgba(0, 96, 185, 1);height:32px;line-height:30px;text-align:center;font-size:14px;} /* 2024-05-20 enter_detail */ .layerCont.enter_detail{} .layerCont.enter_detail .conts{min-height:440px;} .layerCont.enter_detail #btn-wrap-default{padding:20px;} .layerCont.enter_detail #btn-wrap-default > .btn-area{display:flex;justify-content:space-between;align-items:center;width:100%;} .layerCont.enter_detail #btn-wrap-default > .btn-area > a{font-size:14px;font-weight:500;} .layerCont.enter_detail #btn-wrap-default > .btn-area > a.later{background:none;color: rgba(0, 96, 185, 1);height:32px;line-height:30px;text-align:center;font-size:14px;} /* 2024-05-20 reserve_confirm */ .layerCont.reserve_confirm{} .layerCont.reserve_confirm .conts{min-height:440px;} .layerCont.reserve_confirm #btn-wrap-default{padding:20px;} .layerCont.reserve_confirm #btn-wrap-default > .btn-area{display:flex;justify-content:flex-end;align-items:center;width:100%;} .layerCont.reserve_confirm #btn-wrap-default > .btn-area > a{font-size:14px;font-weight:500;} .layerCont.reserve_confirm #btn-wrap-default > .btn-area > a.later{background:none;color: rgba(0, 96, 185, 1);height:32px;line-height:30px;text-align:center;font-size:14px;} /* 2024-05-20 request_received */ .layerCont.request_received{} .layerCont.request_received .conts{display:flex;flex-direction:column;align-items:center;padding:20px 20px 30px;} .layerCont.request_received .conts .text{text-align:center;margin-top:20px;} .layerCont.request_received .conts .text > h4{font-size:18px;font-weight:600;color:#000;} .layerCont.request_received .conts .text > p{margin-top:10px;font-size:14px;font-weight:500;color:rgba(135, 135, 135, 1);} .layerCont.request_received .conts .conts-box{background: rgba(233, 239, 255, 1);height:190px;width:100%;border-radius:6px;margin-top:20px;} .layerCont.request_received .conts .conts-box{} .layerCont.request_received #btn-wrap-default{border-top:none;padding-top:0;} .layerCont.request_received #btn-wrap-default > .btn-area{width:100%;} .layerCont.request_received #btn-wrap-default > .btn-area > a{width:100%;font-weight:500;font-size:14px;} /* 2024-09-04 Expense Approval */ .layerCont.expense_approval .post-detail .top-cont{display:flex;justify-content:space-between;align-items:flex-start;} .layerCont.expense_approval .post-detail .top-cont .profile{display:flex;} .layerCont.expense_approval .post-detail .top-cont .profile.new:after{content:'';background:url("../images/common/svg/list-new.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-left:5px;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div{display:flex;align-items:center;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div p.name{font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div p.date{font-size:13px;color:#7A7A7A;font-weight:500;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div.info2{margin-top:5px;line-height:16px;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div.info2 p{font-size:11px;color:#7A7A7A;font-weight:500;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div.info2 p.post_privacy{position:relative;display:flex;align-items:center;} .layerCont.expense_approval .post-detail .top-cont .profile .info-wrap > div.info2 p.post_privacy:before{content:'';width:16px;height:16px;background:url("../images/common/svg/list-globe.svg")no-repeat center center;display:inline-block;} .layerCont.expense_approval .post-detail .top-cont .profile .profile-img{margin-right:10px;} .layerCont.expense_approval .post-detail .top-cont .profile .profile-img figure{width:36px;height:36px;overflow:hidden;border-radius:16px;/* border:1px solid #000; */} .layerCont.expense_approval .post-detail .top-cont .etc-wrap{display:flex;align-items:center;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .pin{position:relative;color:#CB0D0D;font-size:13px;font-weight:500;display:flex;align-items:center;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .pin:before{content:'';background:url("../images/common/svg/list-pin.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc{position:relative;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc a.etc-btn{width:18px;height:18px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc a.etc-btn:before{content:'';background:url("../images/common/svg/list-more.svg")no-repeat center center;width:18px;height:4px;display:inline-block;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup{display:none;position:absolute;right: 100%;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul{padding:5px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.expense_approval .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.del{color:#CB0D0D;} .layerCont.expense_approval .post-detail .post-content{padding:20px 0;border-bottom:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > h1{color:#1b1b1b;font-size:27px;font-weight:700; padding: 0; line-height: 1;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div{margin-top:20px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div > div p + p{margin-left:30px} .layerCont.expense_approval .post-detail .post-content .text-wrap > div > div p.approver{display:flex;align-items:center;color:#1b1b1b;opacity:0.5;font-weight:500;font-size:13px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div > div p.approver:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:6px;opacity:0.5;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div > div p.name{color:#1B1B1B;font-size:13px;font-weight:500;} .layerCont.expense_approval .post-detail .post-content .text-wrap > p{margin-top:20px;font-size:13px;color:#1b1b1b;font-weight:500;line-height:20px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap {padding-bottom:20px;border-bottom:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap.paid{position:relative;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap.paid:before{content:'';background:url("../images/boards/approved-paid.png")no-repeat;width:123px;height:123px;position:absolute;right:50px;top:0;z-index:-1;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl{display:flex;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl + dl{margin-top:20px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt{display:flex;align-items:center;width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.doc_num:before{content:'';background:url("../images/boards/icon_doc_num.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_ty:before{content:'';background:url("../images/boards/icon_approved01.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_dt:before{content:'';background:url("../images/boards/icon_approved02.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.total_at:before{content:'';background:url("../images/boards/icon_approved03.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.purpose:before{content:'';background:url("../images/boards/icon_approved04.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.requestor:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.approver:before{content:'';background:url("../images/boards/icon-approver.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd{width:calc(100% - 160px);display:flex;flex-flow:wrap;font-size:13px;color:#1b1b1b;font-weight:500;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency{display:flex;align-items:center;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;border:1px solid #E9E9E9;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} /* #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk{margin-left:-16px;margin-top:-16px;} */ .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a{display:flex;align-items:center;margin-left:16px;margin-top:16px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a:before{content:'';background:url("../images/boards/icon_no_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.chk:before{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.minus:before{content:'';background:url("../images/boards/icon_minus.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box{display:flex;align-items:center;border:1px solid #E9E9E9;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box + .tag-box{margin-top:10px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box figure{width:18px;height:18px;border-radius:50%;overflow:hidden;margin-right:5px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div{display:flex;align-items:center;position:relative;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > div{margin-left:3px;font-size:13px;font-weight:500;line-height:1;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > p{color:#1B1B1B;font-size:13px;font-weight:500;;line-height:1;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk:after{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk > div{color:#04662E;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel:after{content:'';background:url("../images/boards/icon_nosign.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel > div{color:#C50712;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait:after{content:'';background:url("../images/boards/icon_wait.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait > div{color:#F5BB1E;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text{font-weight:500;color:#1b1b1b;line-height:20px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea{width:270px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .title{padding:10px 15px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a:before{content: '';background: url("../images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap{} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("../images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr + tr{} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody{border-top:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr:not(.total) td:first-child{border-bottom:none;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.total td{} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td{border-bottom:none;} .layerCont.expense_approval .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td + td{border-left:none;} .layerCont.expense_approval .post-detail .post-content .down{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} .layerCont.expense_approval .post-detail .post-content .down .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} .layerCont.expense_approval .post-detail .post-content .down .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} .layerCont.expense_approval .post-detail .post-content .down .cont .text p.name{font-size:13px;color:#000;font-weight:500;} .layerCont.expense_approval .post-detail .post-content .down .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} .layerCont.expense_approval .post-detail .post-content .down .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} .layerCont.expense_approval .post-detail .post-content .img-box{margin-top:20px;border-radius:10px;overflow:hidden;} .layerCont.expense_approval .post-detail .post-content .img-box figure{width:100%;} .layerCont.expense_approval .post-detail .post-content .img-box figure img{width:100%;} .layerCont.expense_approval .post-detail .approver-btn-area{padding:10px 0;border-bottom:1px solid #e0e0e0;} .layerCont.expense_approval .post-detail .bottom-cont{display:flex;align-items:center;justify-content:space-between;padding:10px 0;} .layerCont.expense_approval .post-detail .bottom-cont a{display:flex;padding:8px;} .layerCont.expense_approval .post-detail .bottom-cont a.comments{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.expense_approval .post-detail .bottom-cont a.comments:before{content:'';background:url("../images/common/svg/list-comments.svg")no-repeat;display:inline-block;margin-right:4px;width:18px;height:16px;} .layerCont.expense_approval .post-detail .bottom-cont a.comments_num{padding-left:0;color:rgba(0,0,0,0.5);font-size:13px;font-weight:500;} .layerCont.expense_approval .post-detail span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;} .layerCont.expense_approval .post-detail span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} .layerCont.expense_approval .post-detail span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} .layerCont.expense_approval .post-detail span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} .layerCont.expense_approval .post-detail span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} .layerCont.expense_approval .post-detail span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} .layerCont.inquire_operation #layerPopup-contsBox{width: 100% !important;} .layerCont.inquire_operation #layerPopup-contsBox .input-clear-box.wd-100p input{width: 100% !important;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li + li{margin-top: 16px;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.keyword-search{overflow:visible;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div + div{margin-top: 8px;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.notice{display: flex; align-items: center; justify-content: space-between;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.notice p{ display: flex; align-items: center;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.notice p::before{content: ""; display: block; width: 16px; height: 16px; background-image: url('../images/common/svg/ico_ex.svg'); background-repeat: no-repeat; margin-right: 2px;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.cYellow p{color: #CA8A04;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.cYellow p::before{background-position: left center;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg{ border-radius: 6px; padding: 8px 12px;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg .info{display: flex; flex-direction: column; align-items: flex-end;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg .info .state{color: #404040; font-weight: 500;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg .info .date{margin-top: 4px; color: #737373;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cGreen{background-color: #F0FDF4;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cGreen p{color: #21A365;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cGreen p::before{background-position: center center;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cRed{background-color: #FEF2F3;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cRed p{color: #BD1822;} .layerCont.inquire_operation #layerPopup-contsBox .item-table li div.bg.cRed p::before{background-position: right center;} .layerCont.inquire_operation .required{position:relative;} .layerCont.inquire_operation .required:after{content: '*';border-radius: 0;width: auto;height: auto; background: none;color: #F60404;margin-left:4px;} .layerCont.inquire_operation .keyword-search{display: flex !important; align-items: center; } .layerCont.inquire_operation .keyword-search.button input[type=text]{background: none; padding: 0 8px;min-width:245px; } .layerCont.inquire_operation .keyword-search.button input[type=text]:focus{ border: 1px solid #898B8C; outline: none;transition: .45s; } .layerCont.inquire_operation .keyword-search .btnInputClear{right: 0;} /* .layerCont.inquire_operation .addr-textarea{padding:8px; border: 1px solid #ECEFF1;border-radius: 5px;} */ .layerCont.inquire_operation .addr-textarea textarea{ width: 100% !important; font-size: 14px;height: 52px;outline: none;resize: none;padding:8px; border: 1px solid #ECEFF1;border-radius: 5px; transition: .45s;} .layerCont.inquire_operation .addr-textarea textarea:focus{ border: 1px solid #898B8C; outline: none; } .layerCont.inquire_operation a.info-btn{position:relative;display: inline-flex; align-items: center; color: #404040; font-weight: 500;width: calc(100% - 255px); height: 30px;outline: 1px solid #E1E1E1; transition: .45s;border-radius: 5px; margin-left: 8px; box-shadow:0px 0px 1px 1px rgba(107, 114, 128, 0.16); } .layerCont.inquire_operation a.info-btn::before{content: ""; display: block; width: 32px; height: 32px; background: url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px; } .layerCont.inquire_operation a.info-btn:after{content:'';position:absolute;border-radius:5px;left:0;top:0;width:100%;height:100%;outline: 4px solid #E1E1E1; /*box-shadow: 0px 0px 0px 4px #D1D5DB;*/transition:.45s;opacity:0;} .layerCont.inquire_operation a.info-btn:hover{background-color: #F3F4F6; /*box-shadow: 0px 0px 0px 4px #D1D5DB;*/} .layerCont.inquire_operation a.info-btn:hover:after{opacity:1;} .layerCont.inquire_operation #btn-wrap-default{border-top: none;} /* ######################################################################################################################################################################################################## */ /* ######################################################################################################################################################################################################## */ /* HEADER */ #header {position:fixed;top:0;left:0;width:100%;height:48px;background-color:#0069B9;display:flex;justify-content:space-between;align-items:center;z-index:9;} #header .gnb-wrap {display:flex;align-items:center;} #header .gnb-wrap a.bi {width:210px;height:48px;display:flex;justify-content:center;align-items:center;} #header .gnb-wrap a.bi:focus {border:1px solid #494949;outline:none;} #header .gnb-wrap ul.menu-area {display:flex;} #header .gnb-wrap ul.menu-area li {position:relative;z-index:1;} #header .gnb-wrap ul.menu-area li + li:before {content:"";position:absolute;top:18px;left:-1px;width:1px;height:12px;background-color:rgba(255,255,255,0.25);z-index:-1;} #header .gnb-wrap ul.menu-area li a {position:relative;height:48px;color:#FFF;display:flex;align-items:center;padding:0 25px 0 10px;z-index:1;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb:before {content:"";width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:28px auto;margin-right:5px;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.contacts:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M19,5.5a.5.5,0,0,1,.5.5V24a.5.5,0,0,1-.5.5H16.5V22A2.5,2.5,0,0,0,14,19.5H10A2.5,2.5,0,0,0,7.5,22v2.5H5a.5.5,0,0,1-.5-.5V6A.5.5,0,0,1,5,5.5H19m0-2H5A2.5,2.5,0,0,0,2.5,6V24A2.5,2.5,0,0,0,5,26.5H9a.5.5,0,0,0,.5-.5V22a.5.5,0,0,1,.5-.5h4a.5.5,0,0,1,.5.5v4a.5.5,0,0,0,.5.5h4A2.5,2.5,0,0,0,21.5,24V6A2.5,2.5,0,0,0,19,3.5Z'/%3E%3Cpath class='b' d='M25,13.5a.5.5,0,0,1,.5.5V24a.5.5,0,0,1-.5.5H22a.5.5,0,0,1-.5-.5V14a.5.5,0,0,1,.5-.5h3m0-2H22A2.5,2.5,0,0,0,19.5,14V24A2.5,2.5,0,0,0,22,26.5h3A2.5,2.5,0,0,0,27.5,24V14A2.5,2.5,0,0,0,25,11.5Z'/%3E%3Crect class='c' x='7.5' y='8.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='13.5' y='8.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='13.5' y='13.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='7.5' y='13.5' width='3' height='3' rx='1.5'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.salesexp:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M25,23.5H4v-7h8a1,1,0,0,0,0-2H4v-8H27a2,2,0,0,0-2-2H4a2,2,0,0,0-2,2v17a2,2,0,0,0,2,2H25a2,2,0,0,0,2-2v-3H25Z'/%3E%3Crect class='b' x='6.97' y='8.5' width='4' height='4' rx='1'/%3E%3Cpath class='c' d='M19.37,15.36l-2.78,2.79a.51.51,0,0,0,0,.71l2.78,2.79a.5.5,0,0,0,.71,0,.48.48,0,0,0,.14-.34V19.5H27a1,1,0,0,0,0-2H20.22V15.71a.49.49,0,0,0-.5-.49A.52.52,0,0,0,19.37,15.36Zm8.51-4.21L25.1,8.36a.49.49,0,0,0-.7,0,.53.53,0,0,0-.15.34V10.5H17a1,1,0,1,0,0,2h7.27v1.79a.5.5,0,0,0,.51.49.48.48,0,0,0,.34-.14l2.78-2.79a.49.49,0,0,0,0-.7Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.saleIcon:before{background-image: url("")} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M4,21.52v-10H24v4h2v-9a2,2,0,0,0-2-2H4a2,2,0,0,0-2,2v15a2,2,0,0,0,2,2h9v-2Zm0-15H24v3H4Z'/%3E%3Crect class='c' x='15.98' y='17.52' width='12.02' height='1.97'/%3E%3Crect class='c' x='15.98' y='20.52' width='12.02' height='1.97'/%3E%3Crect class='c' x='15.98' y='23.52' width='12.02' height='1.97'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.reports:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b,.c%7Bfill:%23fff;%7D.b%7Bfill-rule:evenodd;%7D.d%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='30' height='30'/%3E%3Cpath class='b' d='M3.5,23.5h23a1,1,0,0,1,0,2H3.5a1,1,0,0,1,0-2Z'/%3E%3Cpath class='c' d='M7.5,11.5h0v8h-3v-8h3m0-2h-3a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2v-8a2,2,0,0,0-2-2Z'/%3E%3Cpath class='d' d='M16.5,6.5v13h-3V6.5h3m0-2h-3a2,2,0,0,0-2,2v13a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V6.5a2,2,0,0,0-2-2Z'/%3E%3Cpath class='c' d='M25.5,13.5v6h-3v-6h3m0-2h-3a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2v-6a2,2,0,0,0-2-2Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.settings:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='30' height='30'/%3E%3Cpath class='b' d='M16.63,4.66l.27,2.19L17,7.94l1,.47a7.19,7.19,0,0,1,1.14.66l.91.64,1-.43,2-.86,1.63,2.82L23,12.57l-.88.66.1,1.1c0,.24,0,.45,0,.68a3.69,3.69,0,0,1,0,.58l-.14,1.15.92.69,1.75,1.33-1.63,2.82-2-.86-1-.43-.91.64a7.1,7.1,0,0,1-1.13.66l-1,.47-.14,1.09-.27,2.19H13.37l-.27-2.19L13,22.06l-1-.47a7.19,7.19,0,0,1-1.14-.66l-.91-.64-1,.43-2,.86L5.23,18.76,7,17.43l.88-.66-.1-1.1c0-.24,0-.45,0-.67s0-.43,0-.65l.1-1.1L7,12.58,5.23,11.25,6.86,8.42l2,.86,1,.43.91-.64A7.19,7.19,0,0,1,12,8.41l1-.47.14-1.09.27-2.19h3.26m-3.93-2a1.24,1.24,0,0,0-1.23,1.09L11.11,6.6a8.32,8.32,0,0,0-1.44.84L7,6.31a1.19,1.19,0,0,0-.49-.1,1.24,1.24,0,0,0-1.06.62l-2.3,4a1.23,1.23,0,0,0,.32,1.6l2.29,1.74c0,.27,0,.55,0,.83s0,.56,0,.84L3.49,17.58a1.23,1.23,0,0,0-.32,1.6l2.3,4a1.24,1.24,0,0,0,1.06.62,1.19,1.19,0,0,0,.49-.1l2.65-1.13a8.32,8.32,0,0,0,1.44.84l.36,2.85a1.24,1.24,0,0,0,1.22,1.09H17.3a1.24,1.24,0,0,0,1.22-1.09l.35-2.85a8.41,8.41,0,0,0,1.45-.84L23,23.69a1.18,1.18,0,0,0,.48.1,1.22,1.22,0,0,0,1.06-.62l2.31-4a1.24,1.24,0,0,0-.32-1.6l-2.29-1.74a7.89,7.89,0,0,0,.05-.84c0-.28,0-.56,0-.84l2.29-1.74a1.23,1.23,0,0,0,.32-1.6l-2.3-4a1.24,1.24,0,0,0-1.06-.62,1.19,1.19,0,0,0-.49.1L20.33,7.44a8.32,8.32,0,0,0-1.44-.84l-.36-2.85a1.24,1.24,0,0,0-1.22-1.09Z'/%3E%3Cpath class='c' d='M15,12.5a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,15,12.5m0-2a4.5,4.5,0,1,0,4.5,4.5A4.49,4.49,0,0,0,15,10.5Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb {color:#0069B9;font-weight:700;background-color:#FFF;} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.contacts:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23187cc8;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M19,5.5a.5.5,0,0,1,.5.5V24a.5.5,0,0,1-.5.5H16.5V22A2.5,2.5,0,0,0,14,19.5H10A2.5,2.5,0,0,0,7.5,22v2.5H5a.5.5,0,0,1-.5-.5V6A.5.5,0,0,1,5,5.5H19m0-2H5A2.5,2.5,0,0,0,2.5,6V24A2.5,2.5,0,0,0,5,26.5H9a.5.5,0,0,0,.5-.5V22a.5.5,0,0,1,.5-.5h4a.5.5,0,0,1,.5.5v4a.5.5,0,0,0,.5.5h4A2.5,2.5,0,0,0,21.5,24V6A2.5,2.5,0,0,0,19,3.5Z'/%3E%3Cpath class='b' d='M25,13.5a.5.5,0,0,1,.5.5V24a.5.5,0,0,1-.5.5H22a.5.5,0,0,1-.5-.5V14a.5.5,0,0,1,.5-.5h3m0-2H22A2.5,2.5,0,0,0,19.5,14V24A2.5,2.5,0,0,0,22,26.5h3A2.5,2.5,0,0,0,27.5,24V14A2.5,2.5,0,0,0,25,11.5Z'/%3E%3Crect class='c' x='7.5' y='8.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='13.5' y='8.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='13.5' y='13.5' width='3' height='3' rx='1.5'/%3E%3Crect class='c' x='7.5' y='13.5' width='3' height='3' rx='1.5'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.salesexp:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23187cc8;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M25,23.5H4v-7h8a1,1,0,0,0,0-2H4v-8H27a2,2,0,0,0-2-2H4a2,2,0,0,0-2,2v17a2,2,0,0,0,2,2H25a2,2,0,0,0,2-2v-3H25Z'/%3E%3Crect class='b' x='6.97' y='8.5' width='4' height='4' rx='1'/%3E%3Cpath class='c' d='M19.37,15.36l-2.78,2.79a.51.51,0,0,0,0,.71l2.78,2.79a.5.5,0,0,0,.71,0,.48.48,0,0,0,.14-.34V19.5H27a1,1,0,0,0,0-2H20.22V15.71a.49.49,0,0,0-.5-.49A.52.52,0,0,0,19.37,15.36Zm8.51-4.21L25.1,8.36a.49.49,0,0,0-.7,0,.53.53,0,0,0-.15.34V10.5H17a1,1,0,1,0,0,2h7.27v1.79a.5.5,0,0,0,.51.49.48.48,0,0,0,.34-.14l2.78-2.79a.49.49,0,0,0,0-.7Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.banking:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23187cc8;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H30V30H0Z'/%3E%3Cpath class='b' d='M4,21.52v-10H24v4h2v-9a2,2,0,0,0-2-2H4a2,2,0,0,0-2,2v15a2,2,0,0,0,2,2h9v-2Zm0-15H24v3H4Z'/%3E%3Crect class='c' x='15.98' y='17.52' width='12.02' height='1.97'/%3E%3Crect class='c' x='15.98' y='20.52' width='12.02' height='1.97'/%3E%3Crect class='c' x='15.98' y='23.52' width='12.02' height='1.97'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.reports:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b,.c%7Bfill:%23187cc8;%7D.b%7Bfill-rule:evenodd;%7D.d%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='30' height='30'/%3E%3Cpath class='b' d='M3.5,23.5h23a1,1,0,0,1,0,2H3.5a1,1,0,0,1,0-2Z'/%3E%3Cpath class='c' d='M7.5,11.5h0v8h-3v-8h3m0-2h-3a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2v-8a2,2,0,0,0-2-2Z'/%3E%3Cpath class='d' d='M16.5,6.5v13h-3V6.5h3m0-2h-3a2,2,0,0,0-2,2v13a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V6.5a2,2,0,0,0-2-2Z'/%3E%3Cpath class='c' d='M25.5,13.5v6h-3v-6h3m0-2h-3a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2v-6a2,2,0,0,0-2-2Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.settings:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23187cc8;%7D.c%7Bfill:%23ffde00;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='30' height='30'/%3E%3Cpath class='b' d='M16.63,4.66l.27,2.19L17,7.94l1,.47a7.19,7.19,0,0,1,1.14.66l.91.64,1-.43,2-.86,1.63,2.82L23,12.57l-.88.66.1,1.1c0,.24,0,.45,0,.68a3.69,3.69,0,0,1,0,.58l-.14,1.15.92.69,1.75,1.33-1.63,2.82-2-.86-1-.43-.91.64a7.1,7.1,0,0,1-1.13.66l-1,.47-.14,1.09-.27,2.19H13.37l-.27-2.19L13,22.06l-1-.47a7.19,7.19,0,0,1-1.14-.66l-.91-.64-1,.43-2,.86L5.23,18.76,7,17.43l.88-.66-.1-1.1c0-.24,0-.45,0-.67s0-.43,0-.65l.1-1.1L7,12.58,5.23,11.25,6.86,8.42l2,.86,1,.43.91-.64A7.19,7.19,0,0,1,12,8.41l1-.47.14-1.09.27-2.19h3.26m-3.93-2a1.24,1.24,0,0,0-1.23,1.09L11.11,6.6a8.32,8.32,0,0,0-1.44.84L7,6.31a1.19,1.19,0,0,0-.49-.1,1.24,1.24,0,0,0-1.06.62l-2.3,4a1.23,1.23,0,0,0,.32,1.6l2.29,1.74c0,.27,0,.55,0,.83s0,.56,0,.84L3.49,17.58a1.23,1.23,0,0,0-.32,1.6l2.3,4a1.24,1.24,0,0,0,1.06.62,1.19,1.19,0,0,0,.49-.1l2.65-1.13a8.32,8.32,0,0,0,1.44.84l.36,2.85a1.24,1.24,0,0,0,1.22,1.09H17.3a1.24,1.24,0,0,0,1.22-1.09l.35-2.85a8.41,8.41,0,0,0,1.45-.84L23,23.69a1.18,1.18,0,0,0,.48.1,1.22,1.22,0,0,0,1.06-.62l2.31-4a1.24,1.24,0,0,0-.32-1.6l-2.29-1.74a7.89,7.89,0,0,0,.05-.84c0-.28,0-.56,0-.84l2.29-1.74a1.23,1.23,0,0,0,.32-1.6l-2.3-4a1.24,1.24,0,0,0-1.06-.62,1.19,1.19,0,0,0-.49.1L20.33,7.44a8.32,8.32,0,0,0-1.44-.84l-.36-2.85a1.24,1.24,0,0,0-1.22-1.09Z'/%3E%3Cpath class='c' d='M15,12.5a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,15,12.5m0-2a4.5,4.5,0,1,0,4.5,4.5A4.49,4.49,0,0,0,15,10.5Z'/%3E%3C/svg%3E");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.boards:before{background-image:url("../images/common/svg/header_boards.svg");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.boards:before{background-image:url("../images/common/svg/header_boards_on.svg");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before{background-image:url("../images/common/svg/header_payroll.svg");background-size:22px auto;} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payroll:before{background-image:url("../images/common/svg/header_payroll_on.svg");background-size:22px auto;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-size:26px auto;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-size:26px auto;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-image:url("../images/common/haeder_sale.png");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.sale:before{background-image:url("../images/common/haeder_sale_on.png");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-image:url("../images/common/haeder_expenses.png");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.expenses:before{background-image:url("../images/common/haeder_expenses_on.png");} /*DO NOT ALLOW TO OVERRIDE */ #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.payment:before{background-image:url("../images/common/svg/header_wecms_payment_on.svg"); background-size: 24px auto; width: 24px; height: 24px;} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payment:before{background-image:url("../images/common/svg/header_wecms_payment_on.svg");} #header .util-wrap {display:flex;align-items:center;padding-right:20px;} #header .util-wrap .infor-area {position:relative;display:flex;align-items:center;} #header .util-wrap .infor-area > a {position:relative;width:32px;height:32px;background-repeat:no-repeat;background-position:center bottom;background-size:32px auto;} #header .util-wrap .infor-area > a.manual{width:auto;color:#fff;margin-right:5px;} #header .util-wrap .infor-area > a.setting{width:auto;color:#fff;margin-right:5px;font-size:13px;font-weight:700;display:flex;align-items:center;} #header .util-wrap .infor-area > a + a {margin-left:5px;} /*#header .util-wrap .infor-area a.scraping {background-image:url('../images/common/icon-scraping.png');} #header .util-wrap .infor-area a.notification {background-image:url('../images/common/icon-notification.png');background-position:right top;background-size:64px auto;} #header .util-wrap .infor-area a.currency {background-image:url('../images/common/icon-currency.png');} #header .util-wrap .infor-area a.screen-lock {background-image:url('../images/common/icon-screen-lock.png');}*/ #header .util-wrap .infor-area .language-wrap {display:none;position:absolute;top:calc(100% - 7px);right:0;width:100px;padding-top:12px;z-index:2;} #header .util-wrap .infor-area .language-wrap:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:0px 0px 0px #ECEFF1;transform:rotate(45deg);} #header .util-wrap .infor-area .language-wrap .conts {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #header .util-wrap .infor-area .language-wrap .conts a {font-weight:500;display:block;padding:7px 10px;width:100px;text-align:center;} #header .util-wrap .infor-area .language-wrap .conts > a.on {color:#0069B9;background-color:#fafafa;} #header .util-wrap .infor-area .notifications-wrap {display:none;position:absolute;top:calc(100% - 7px);right:110px;padding-top:12px;z-index:2;} #header .util-wrap .infor-area .notifications-wrap:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:0px 0px 0px #ECEFF1;transform:rotate(45deg);} #header .util-wrap .infor-area .notifications-wrap .conts {width:450px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #header .util-wrap .infor-area .notifications-wrap .conts .tit {font-weight:600;padding:15px;border-bottom:1px solid #ECEFF1;} #header .util-wrap .infor-area .notifications-wrap .conts .contBox {padding:15px;min-height:230px;} /* 23-03-08 헤더 무료 기간 추가 */ #header .util-wrap .infor-area > a.free-date{line-height:0;margin-right:5px;width:auto;background-color:#FFD54F;font-size:13px;font-weight:600;color:#0069b9;padding:0 13px 0 20px;border-radius:20px;display:flex;justify-content:center;align-items:center;min-width:86px;height:27px;} #header .util-wrap .infor-area > a.free-date:after{content:'';background:url("../images/common/svg/free_date_arrow.svg")no-repeat center center/6px 4px;width:6px;height:4px;margin-left:10px;transition:0.25s} #header .util-wrap .infor-area > a.free-date.active:after{transform:rotate(180deg);transition:0.25s} #header .util-wrap .infor-area .date-wrap {display:none;position:absolute;top:calc(100% - 7px);left:-50px;padding-top:12px;z-index:2;} #header .util-wrap .infor-area .date-wrap:after {content:"";position:absolute;top:12px;left:50%;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:0px 0px 0px #ECEFF1;transform:rotate(45deg)translateX(-50%);} #header .util-wrap .infor-area .date-wrap .conts {min-width:194px;padding:27px 18px 11px;border:1px solid #a8a8a8;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #header .util-wrap .infor-area .date-wrap .conts .text{text-align:center;line-height:1.6;} #header .util-wrap .infor-area .date-wrap .conts .text p{font-size:13px;color:#494949;font-weight:400;} #header .util-wrap .infor-area .date-wrap .conts .text p span{font-size:13px;color:#CB0D0D;font-weight:600;} #header .util-wrap .infor-area .date-wrap .conts .text h4{font-size:13px;color:#494949;font-weight:600;} #header .util-wrap .infor-area .date-wrap .conts a.change-btn{margin-top:25px;font-size:13px;color:#fff;font-weight:400;width:100%;height:30px;background-color:#0069b9;display:flex;justify-content:center;align-items:center;line-height:0;} #header .util-wrap .infor-area .date-wrap .conts .contBox {padding:15px;min-height:230px;} #header .util-wrap .myinfor-area {position:relative;display:flex;align-items:center;padding-left:13px;margin-left:10px;} #header .util-wrap .myinfor-area:before {content:"";position:absolute;top:50%;left:0;transform:translate(0,-50%);width:1px;height:12px;background-color:rgba(255,255,255,0.25);} #header .util-wrap .myinfor-area > span.username {cursor:pointer;color:#FFF;font-weight:700;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-width: 9rem;max-width:19rem;text-overflow: ellipsis;overflow: hidden;word-break: break-word;} #header .util-wrap .myinfor-area > a.mypage {font-size:12px;font-weight:700;border:2px solid #fff;position:relative;width:30px;border-radius:50%;overflow:hidden;height:30px;background-color:#F5D9D9;color:#e97777;margin-left:10px;display:flex;align-items:center;justify-content:center;} /* #header .util-wrap .myinfor-area > a.mypage:after {content:"";position:absolute;top:0;right:0;width:15px;height:30px;background:url('../images/common/svg/icon-menu-myinfor-arrow.svg') no-repeat center center/20px auto;} */ #header .util-wrap .myinfor-area > a.mypage.active:after{display:none;} #header .util-wrap .myinfor-area > .mypageLayPop{display:none;position:absolute;right:0;top:calc(100% + 15px);background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:282px;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile{padding:10px;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual{position:relative;width:84px;height:84px;display:flex;justify-content:center;margin:0 auto;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .img{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;width:100%;height:100%;border-radius:50%;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);border: 3px solid #FFFFFF;overflow:hidden;background-color:#F5D9D9;color:#e97777} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .modify{position:absolute;right:0;bottom:0;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .modify > a{display:flex;justify-content:center;align-items:center;background: #fff;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);width:27px;height:27px;border-radius:50%;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .modify > a:before{content: "";width: 18px;height: 18px;display:block;background: url("../images/common/svg/menu-icon-edit.svg") no-repeat center center/18px auto;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile p.name{color:#2C281F;font-size:16px;font-weight:500;margin-top:8px;text-align:center;} #header .util-wrap .myinfor-area > .mypageLayPop .my-profile p.mail{color:#808080;font-size:13px;font-weight:500;text-align:center;} #header .util-wrap .myinfor-area > .mypageLayPop .items{border-top:1px solid #e1e1e1;padding:10px 0;position:relative;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a{display:flex;width:100%;padding:10px 15px;position:relative;align-items:center;justify-content:space-between} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.lang .lang-list{position:relative;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.lang .lang-list{} #header .util-wrap .myinfor-area > .mypageLayPop .items > a div.lang-list.active:after{transform: rotate(180deg);transition:0.45s} #header .util-wrap .myinfor-area > .mypageLayPop .items .langPop{position:absolute;z-index:1;right:15px;display:none;} #header .util-wrap .myinfor-area > .mypageLayPop .items .langPop{border: 1px solid #ECEFF1;background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 5px rgba(0,0,0,0.075);overflow: hidden;} #header .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a.on{color: #0069B9;background-color: #fafafa;} #header .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a{font-weight: 500;display: block;padding: 7px 10px; width: 100px; text-align: center;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a > p{display:flex;align-items:center;font-size:14px;font-weight:500;color:#000;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a > p:before{content:'';width:18px;height:18px;display:inline-block;margin-right:10px;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.set > p:before{background:url("../images/common/svg/icon-setting.svg")no-repeat;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.lang > p:before{background:url("../images/common/svg/icon-lang.svg")no-repeat;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.changePw > p:before{background:url("../images/common/svg/icon-changepw.svg")no-repeat;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.cs > p:before{background:url("../images/common/svg/icon-cs.svg")no-repeat;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a.logOut > p:before{background:url("../images/common/svg/icon-logoutPop.svg")no-repeat;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a div.lang-list{position:relative;display:flex;align-items:center;} #header .util-wrap .myinfor-area > .mypageLayPop .items > a div.lang-list:after{transition:0.45s;content:'';display:inline-block;background:url("../images/common/svg/icon-sort-btn-down.svg")no-repeat center center/24px 24px;width:24px;height:24px;margin-left:6px;} /* header expense */ #header{} #header.header_e .gnb-wrap a.bi{justify-content:flex-end;} #header.header_e .gnb-wrap ul.menu-area li a{padding:15px 16px;font-size:15px;} #header.header_e .gnb-wrap ul.menu-area li a:hover{background-color:#0078D4;transition:.35s;} #header.header_e .gnb-wrap ul.menu-area li.on a:hover{background-color:#fff;} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb{font-weight:500;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.reports:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.boards:before{background-size:24px auto;} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-image:url("../images/common/header_e_sale.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.sale:before{background-image:url("../images/common/header_e_sale_on.svg");} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-image:url("../images/common/header_e_sale.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.expenses:before{background-image:url("../images/common/header_e_sale_on.svg");} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before{background-image:url("../images/common/header_e_payroll.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payroll:before{background-image:url("../images/common/header_e_payroll_on.svg");} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before{background-image:url("../images/common/header_e_banking.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.banking:before{background-image:url("../images/common/header_e_banking_on.svg");} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.reports:before{background-image:url("../images/common/header_e_reports.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.reports:before{background-image:url("../images/common/header_e_reports_on.svg");} #header.header_e .gnb-wrap ul.menu-area li a.icon-svg-gnb.boards:before{background-image:url("../images/common/header_e_boards.svg");} #header.header_e .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.boards:before{background-image:url("../images/common/header_e_boards_on.svg");} #header.header_e .util-wrap .myinfor-area{margin-left:0;padding-left:0;} #header.header_e .util-wrap .myinfor-area:before{display:none;} #header.header_e .util-wrap .myinfor-area a.mypage{width:32px;height:32px;border:none;} #header.header_e .util-wrap .infor-area a.manual{width:32px;margin:0;} #header.header_e .util-wrap .infor-area a{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;} #header.header_e .util-wrap .infor-area a:hover{background-color:#0078D4;transition:.35s;} #header.header_e .gnb-wrap ul.menu-area li + li:before{display:none;} #header.header_e .util-wrap .infor-area > div{position:relative;} #header.header_e .util-wrap .infor-area > div .infor-popup{display:none;position:absolute;top:calc(100% + 4px);width:max-content;color:#fff;box-shadow: 0px 2px 10px 0px #00000026;font-weight:500;font-size:13px;padding:8px;border-radius:6px;background-color:#000;left:50%;transform:translateX(-50%);} #header.header_e .util-wrap .infor-area > div + div{margin-left:10px;} #header.header_e .icon-svg.white.manual:before{background-image:url("../images/common/header_e-icon-manual.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e .icon-svg.white.notification:before{background-image:url("../images/common/header_e-icon-bell.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e .icon-svg.white.currency:before{background-image:url("../images/common/header_e-icon-currency.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop{display:none;position:absolute;right:0;top:calc(100% + 15px);background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:234px;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .modify > a:before{content: "";width: 18px;height: 18px;display:block;background: url("../images/settings/icon-edit-b.svg") no-repeat center center/18px auto;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .my-profile p.name{color:#000;font-size:13px;font-weight:500;margin-top:8px;text-align:center;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .my-profile p.mail{color:#808080;font-size:11px;font-weight:500;text-align:center;margin-top:4px;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items{border-top:1px solid #e1e1e1;padding:5px;position:relative;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a{display:flex;width:100%;border-radius:5px;padding:6px;position:relative;align-items:center;justify-content:space-between} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a:hover{background-color:#F4F5F0;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a > p{display:flex;align-items:center;font-size:13px;font-weight:500;color:#000;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a > p:before{content:'';width:18px;height:18px;display:inline-block;margin-right:10px;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a.set > p:before{background:url("../images/common/svg/header_e-icon-setting.svg")no-repeat;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a.lang > p:before{background:url("../images/common/svg/header_e-icon-lang.svg")no-repeat;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a.changePw > p:before{background:url("../images/common/svg/header_e-icon-changepw.svg")no-repeat;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items > a.logOut > p:before{background:url("../images/common/svg/header_e-icon-logoutPop.svg")no-repeat;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items .langPop{padding:5px;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a{font-weight: 500;display: flex;justify-content:space-between;align-items:center;padding: 7px 6px; width: 205px; text-align: left;color:#1b1b1b;font-size:13px;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a.on{color: #0069B9;background-color:transparent;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a.on:after{content:'';background:url("../images/common/svg/langPop_list_on.svg")no-repeat;width:16px;height:16px;display:inline-block;} #header.header_e .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a:hover{background-color:#F4F5F0;} #header.header_e_p .gnb-wrap a.bi{justify-content:flex-end;} #header.header_e_p .gnb-wrap ul.menu-area li + li:before{display:none;} #header.header_e_p .gnb-wrap ul.menu-area li a{padding:15px 16px;font-size:15px;} #header.header_e_p .gnb-wrap ul.menu-area li a:hover{background-color:#0078D4;transition:.35s;} #header.header_e_p .gnb-wrap ul.menu-area li.on a:hover{background-color:#fff;} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb{font-weight:500;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.reports:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.boards:before{background-size:24px auto;} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-image:url("../images/common/header_e_sale.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.sale:before{background-image:url("../images/common/header_e_sale_on.svg");} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-image:url("../images/common/header_e_sale.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.expenses:before{background-image:url("../images/common/header_e_sale_on.svg");} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before{background-image:url("../images/common/header_e_payroll.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payroll:before{background-image:url("../images/common/header_e_payroll_on.svg");} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before{background-image:url("../images/common/header_e_banking.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.banking:before{background-image:url("../images/common/header_e_banking_on.svg");} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.reports:before{background-image:url("../images/common/header_e_reports.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.reports:before{background-image:url("../images/common/header_e_reports_on.svg");} #header.header_e_p .gnb-wrap ul.menu-area li a.icon-svg-gnb.boards:before{background-image:url("../images/common/header_e_boards.svg");} #header.header_e_p .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.boards:before{background-image:url("../images/common/header_e_boards_on.svg");} #header.header_e_p .util-wrap .myinfor-area{margin-left:0;padding-left:0;} #header.header_e_p .util-wrap .myinfor-area:before{display:none;} #header.header_e_p .util-wrap .myinfor-area a.mypage{width:32px;height:32px;border:none;} #header.header_e_p .util-wrap .infor-area a.manual{width:32px;margin:0;} #header.header_e_p .util-wrap .infor-area a{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;} #header.header_e_p .util-wrap .infor-area a:hover{background-color:#0078D4;transition:.35s;} #header.header_e_p .util-wrap .infor-area > div{position:relative;} #header.header_e_p .util-wrap .infor-area > div .infor-popup{display:none;position:absolute;top:calc(100% + 4px);width:max-content;color:#fff;box-shadow: 0px 2px 10px 0px #00000026;font-weight:500;font-size:13px;padding:8px;border-radius:6px;background-color:#000;left:50%;transform:translateX(-50%);} #header.header_e_p .util-wrap .infor-area > div + div{margin-left:10px;} #header.header_e_p .icon-svg.white.manual:before{background-image:url("../images/common/header_e-icon-manual.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e_p .icon-svg.white.notification:before{background-image:url("../images/common/header_e-icon-bell.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e_p .icon-svg.white.currency:before{background-image:url("../images/common/header_e-icon-currency.svg");width:24px;height:24px;background-size:24px auto;margin:0;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop{display:none;position:absolute;right:0;top:calc(100% + 15px);background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:234px;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .my-profile .visual .modify > a:before{content: "";width: 18px;height: 18px;display:block;background: url("../images/settings/icon-edit-b.svg") no-repeat center center/18px auto;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .my-profile p.name{color:#000;font-size:13px;font-weight:500;margin-top:8px;text-align:center;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .my-profile p.mail{color:#808080;font-size:11px;font-weight:500;text-align:center;margin-top:4px;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items{border-top:1px solid #e1e1e1;padding:5px;position:relative;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a{display:flex;width:100%;border-radius:5px;padding:6px;position:relative;align-items:center;justify-content:space-between} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a:hover{background-color:#F4F5F0;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a > p{display:flex;align-items:center;font-size:13px;font-weight:500;color:#000;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a > p:before{content:'';width:18px;height:18px;display:inline-block;margin-right:10px;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a.set > p:before{background:url("../images/common/svg/header_e-icon-setting.svg")no-repeat;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a.lang > p:before{background:url("../images/common/svg/header_e-icon-lang.svg")no-repeat;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a.changePw > p:before{background:url("../images/common/svg/header_e-icon-changepw.svg")no-repeat;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items > a.logOut > p:before{background:url("../images/common/svg/header_e-icon-logoutPop.svg")no-repeat;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items .langPop{padding:5px;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a{font-weight: 500;display: flex;justify-content:space-between;align-items:center;padding: 7px 6px; width: 205px; text-align: left;color:#1b1b1b;font-size:13px;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a.on{color: #0069B9;background-color:transparent;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a.on:after{content:'';background:url("../images/common/svg/langPop_list_on.svg")no-repeat;width:16px;height:16px;display:inline-block;} #header.header_e_p .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a:hover{background-color:#F4F5F0;} .notifications-wrap{transition:.45s;padding-top:48px;position:fixed;right:-100%;top:0;height:100%;width:403px;background-color:#fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);border-left: 1px solid #E0E0E0;z-index:2;} .notifications-wrap.active{right:0;transition:.45s;} .notifications-wrap .notification-top{padding:20px 20px 0;border-bottom: 1px solid #E0E0E0;} .notifications-wrap .notification-top .title > h1{color:#1b1b1b;font-size:18px;font-weight:700;} .notifications-wrap .notification-top .title > a.close{width:24px;height:24px;display:flex;} .notifications-wrap .notification-top .title > a.close:before{content:'';background:url("../images/boards/side_close.svg")no-repeat;display:inline-block;width:24px;height:24px;} .notifications-wrap .notification-top .tag-wrap{margin-top:24px;height:52px;} .notifications-wrap .notification-top .tag-wrap .tag{height:100%;} .notifications-wrap .notification-top .tag-wrap .tag ul{} .notifications-wrap .notification-top .tag-wrap .tag ul{display:flex;height:100%;} .notifications-wrap .notification-top .tag-wrap .tag ul li {height:100%;} .notifications-wrap .notification-top .tag-wrap .tag ul li + li{margin-left:25px;} .notifications-wrap .notification-top .tag-wrap .tag ul li a{font-size:13px;font-weight:500;position:relative;color:#1b1b1b;height:100%;display:flex;align-items:center;} .notifications-wrap .notification-top .tag-wrap .tag ul li a.active{font-weight:700;} .notifications-wrap .notification-top .tag-wrap .tag ul li a.active:before{content:'';background:#000;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;height:2px;} .notifications-wrap .notification-cont{display:flex;flex-direction:column;height:100%;} .notifications-wrap .notification-cont .search-wrap{padding:15px 20px 10px;height:57px;} .notifications-wrap .notification-cont .list{height:100%;max-height:calc(100% - 57px);overflow-y:auto;padding-bottom:121px;} .notifications-wrap .notification-cont .list ul li{border-bottom: 1px solid #E0E0E0;} .notifications-wrap .notification-cont .list ul li.active{background-color:#EDF7FF} .notifications-wrap .notification-cont .list ul li a{padding:15px 20px;width:100%;} .notifications-wrap .notification-cont .list ul li a .figure{width:36px;height:36px;border-radius:50%;overflow:hidden;} .notifications-wrap .notification-cont .list ul li a .figure img{width:100%;} .notifications-wrap .notification-cont .list ul li a .text{padding-left:15px;width:calc(100% - 36px);} .notifications-wrap .notification-cont .list ul li a .text p.name{font-weight:500;color:#000;font-size:13px;} .notifications-wrap .notification-cont .list ul li a .text p.date{font-weight:500;color:#8D8D8D;font-size:13px;} .notifications-wrap .notification-cont .list ul li a .text p.conts{font-weight:500;color:#000;font-size:13px;opacity:0.5;} /* FOOTER */ #footer {position:relative;display:flex;align-items:center;border-top:1px solid #ccc;position:fixed;left:0;bottom:0;width:100%;background-color:#fff;height:30px;padding:0 15px;font-size:0.77rem;z-index:3} /* LEFT-MENU */ #left-menu-wrap {width:210px;min-height:100%;padding:15px 10px 150px;position:fixed;left:0;background-color:#fafafa;border-right:1px solid #ECEFF1} #left-menu-wrap > h1 {color:#A6A6A6;font-size:0.77rem;font-weight:600;margin-top:25px;padding-left:10px;} #left-menu-wrap > div.division-line {position:relative;margin-top:10px;padding-top:10px;} #left-menu-wrap > div.division-line:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 20px);height:1px;background-color:#ECEFF1;} #left-menu-wrap > div > div.link-box {border:1px solid #ECEFF1;background-color:#fff;margin-top:5px;border-radius:5px;} #left-menu-wrap > div > div.link-box .subj {color:#A6A6A6;border-bottom:1px solid #ECEFF1;padding:10px;} #left-menu-wrap > div > div.link-box > div {margin:5px 0;} #left-menu-wrap > div > div.link-box > div > a.link {display:block;color:#494949;padding:7px 10px;} #left-menu-wrap > div > div.link-box > div > a.link:hover {color:#0069B9;} #left-menu-wrap > ul {position:relative;margin-top:5px;} #left-menu-wrap > ul.division-line {margin-top:10px;padding-top:10px;} #left-menu-wrap > ul.division-line.lineTop{position:relative;margin-top:10px;padding-top:16px;} #left-menu-wrap > ul.division-line:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 20px);height:1px;background-color:#ECEFF1;} #left-menu-wrap > ul > li {position:relative;} #left-menu-wrap > ul > li > a {font-weight:700;} #left-menu-wrap > ul > li + li {margin-top:2px;} #left-menu-wrap > ul > li > ul.submenu {} #left-menu-wrap > ul > li > ul.submenu li {margin-top:3px;} #left-menu-wrap > ul > li > ul.submenu li a {display:block;padding:8px 8px 8px 32px;border-radius:3px;} #left-menu-wrap > ul.kosign{margin-top:0;padding-bottom:5px;} #left-menu-wrap > ul.kosign li{font-size:13px;font-weight:700;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* LEFT MENU => SUB MENU :: OPEN/CLOSE */ #left-menu-wrap > ul > li.leftmenu-open-close {} #left-menu-wrap > ul > li.leftmenu-open-close > a {position:relative;} #left-menu-wrap > ul > li.leftmenu-open-close > a:after {content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:url('../images/common/left-menu-arrow.png') no-repeat center center/contain;transform:rotate(0deg);} #left-menu-wrap > ul > li.leftmenu-open-close.hide > a:after {transform:rotate(180deg);} #left-menu-wrap > ul > li > span {position:absolute;top:0;right:0;min-width:32px;height:32px;color:#A6A6A6;display:flex;justify-content:center;align-items:center;} #left-menu-wrap > ul > li > div.edit-area {display:none;position:absolute;top:0;right:0;width:32px;height:32px;background:url('../images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;} #left-menu-wrap > ul > li > div.edit-area > a {position:relative;display:block;width:100%;height:100%;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu {display:none;position:absolute;top:100%;right:0px;border-radius:5px;overflow:hidden;width:110px;height:auto;padding:3px 0 0;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:2;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li {display:inline-block;width:100%;height:auto;border:1px solid #ECEFF1;border-bottom:0;background-color:#FFF;cursor:pointer;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li + li {border-top:0;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li:first-child {border-radius:5px 5px 0 0;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li a {font-weight:600;display:block;padding:8px 12px;} #left-menu-wrap > ul > li > div.edit-area > ul.edit-menu li a:hover {/*color:#0069B9;font-weight:600;letter-spacing:-0.04em;*/background-color:#FAFAFA;} #left-menu-wrap > ul > li > div.edit-form-wrap {position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(-150%,0);background-color:#0069B9;display:flex;align-items:center;padding:4px;border-radius:3px;overflow:hidden;} #left-menu-wrap > ul > li > div.edit-form-wrap.active {transform:translate(0,0);} #left-menu-wrap > ul > li > div.edit-form-wrap > input {padding:4px 4px 4px 8px;border-radius:2px;border:0;width:calc(100% - 32px);height:26px;} #left-menu-wrap > ul > li > div.edit-form-wrap > a {width:16px;height:16px;margin-left:5px;background-repeat:no-repeat;background-position:center center;background-size:;font-size:0;} #left-menu-wrap > ul > li > div.edit-form-wrap > a.check {background-image:url('../images/common/svg/menu-btnicon-check.svg');} #left-menu-wrap > ul > li > div.edit-form-wrap > a.close {background-image:url('../images/common/svg/menu-btnicon-close.svg');} #left-menu-wrap > ul > li > div.change-icon-wrap {display:none;position:absolute;top:0;left:calc(100% - 50px);padding-left:20px;z-index:2;} #left-menu-wrap > ul > li > div.change-icon-wrap:after {content:"";position:absolute;top:8px;left:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover; transform:rotate(90deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } #left-menu-wrap > ul > li > div.change-icon-wrap .conts {width:470px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sticker-memo {padding:10px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sticker-memo textarea {width:100%;height:75px;border:0;outline:none;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box {display:flex;align-items:center;padding:10px;height:44px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box h1 {font-weight:600;width:90px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a + a {margin-left:7px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.black {border:1px solid #000;background-color:#464646;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-color-box a.active {width:24px;height:24px;border-width:3px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box {display:flex;align-items:flex-start;padding:10px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box h1 {font-weight:600;width:90px;margin-top:10px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul {display:flex;flex-wrap:wrap;width:calc(100% - 90px);margin-left:-5px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li {margin-left:5px;margin-top:5px;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a {font-size:0;border:1px solid #ccc;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.on {box-shadow:3px 3px 6px rgba(0,0,0,0.20);} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.green {border-color:#C1D2CD;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.yellow {border-color:#E3D8C2;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.blue {border-color:#BFCFE2;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.red {border-color:#EAC0C0;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.purple {border-color:#CCC0E3;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:center;align-items:center;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .btn-wrap a.save {font-size:1.0rem;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .btn-wrap a + a {margin-left:5px;} #left-menu-wrap > .new-category {position:relative;} #left-menu-wrap > .new-category > a {display:flex;align-items:center;color:#0069B9;line-height:30px;font-weight:700;border:1px solid transparent;border-radius:5px;margin-top:10px;overflow:hidden;} #left-menu-wrap > .new-category > a:hover {border:1px solid #f5f5f5;background-color:#fff;} #left-menu-wrap > .new-category > div.edit-form-wrap {position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(-150%,0);background-color:#0069B9;display:flex;align-items:center;padding:4px;border-radius:3px;overflow:hidden;} #left-menu-wrap > .new-category > div.edit-form-wrap.active {transform:translate(0,0);} #left-menu-wrap > .new-category > div.edit-form-wrap > input {padding:4px 4px 4px 8px;border-radius:2px;border:0;width:calc(100% - 32px);height:26px;} #left-menu-wrap > .new-category > div.edit-form-wrap > a {width:16px;height:16px;margin-left:5px;background-repeat:no-repeat;background-position:center center;background-size:;font-size:0;} #left-menu-wrap > .new-category > div.edit-form-wrap > a.check {background-image:url('../images/common/svg/menu-btnicon-check.svg');} #left-menu-wrap > .new-category > div.edit-form-wrap > a.close {background-image:url('../images/common/svg/menu-btnicon-close.svg');} #left-menu-wrap > ul > li > a:hover, #left-menu-wrap > ul > li > ul.submenu li > a:hover, /*#left-menu-wrap > ul > li.on > a,*/ #left-menu-wrap > ul > li.active > a, #left-menu-wrap > ul > li > ul.submenu li.active > a {background-color:#ECEFF1;} /*#left-menu-wrap .fixed-bottom{border-radius:6px;overflow:hidden;position:absolute;bottom:88px;width:calc(100% - 20px);left:10px;} #left-menu-wrap .fixed-bottom > a{display:flex;align-items:center;background: rgba(234, 234, 234, 1);padding:8px 10px;font-size:13px;font-weight:500;color: rgba(5, 17, 29, 1);} #left-menu-wrap .fixed-bottom > a.training:before{} #left-menu-wrap .fixed-bottom > a.support:before{content:'';background:url("../images/common/svg/left-icon-support.svg");display:inline-block;width:18px;height:18px;margin-right:8px;} #left-menu-wrap .fixed-bottom > a + a{margin-top:1px;}*/ #left-menu-wrap .fixed-bottom{position:absolute;bottom:135px;width:calc(100% - 20px);left:10px;} #left-menu-wrap .fixed-bottom ul li a{font-weight:700;border-radius:3px;transition:.45s;} #left-menu-wrap .fixed-bottom ul li a:hover{background-color:#ECEFF1;} /* 2023-10-31 */ #left-menu-wrap.boards{transition:.45s;padding:0;padding-bottom:150px;position:relative;position:fixed;left:0;z-index:2;} #left-menu-wrap.boards a.left-menu-arrow{position:absolute;right:-9px;top:17px;border-radius:50%;border: 1px solid #ECEFF1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background: #FFF;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} #left-menu-wrap.boards a.left-menu-arrow:before{content:'';width:12px;height:12px;background:url("../images/common/svg/left-menu-arrow.svg")no-repeat center center;display:inline-block;transition:.45s;} #left-menu-wrap.boards.small a.left-menu-arrow:before{content:'';width:12px;height:12px;background:url("../images/common/svg/left-menu-arrow.svg")no-repeat center center;display:inline-block;transform: rotate(180deg);transition:.45s;} #left-menu-wrap.boards .left-title{position:relative;padding:17px 15px;} #left-menu-wrap.boards .left-title h1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#1b1b1b;font-size:13px;font-weight:700;} #left-menu-wrap.boards .left-title:before{content:'';width:100%;height:1px;background-color:#ECEFF1;position:absolute;left:0;bottom:0;} #left-menu-wrap.boards > ul{padding:0 15px;} #left-menu-wrap.boards .bookmark-content{padding: 0 15px;margin-top:25px;} #left-menu-wrap.boards .bookmark-content .cont > h4{color:rgba(0, 0, 0, 0.50);font-size:11px;font-weight:600;opacity:1;visibility:visible;white-space:nowrap;} #left-menu-wrap.boards .bookmark-content .cont .box{display:flex;justify-content:space-between;/* background-color:#E3E3E3; */border-radius:6px;height:32px;padding-left:8px;margin-top:9px;} #left-menu-wrap.boards .bookmark-content .cont .box:hover{background-color:#eceff1;} #left-menu-wrap.boards .bookmark-content .cont .box > div.title-wrap{} #left-menu-wrap.boards .bookmark-content .cont .box > div.title-wrap > a{display:flex;align-items:center;height:100%;} #left-menu-wrap.boards .bookmark-content .cont .box > div.title-wrap > a:before{content:'';background:url("../images/common/svg/icon-file.svg")no-repeat;display:inline-block;width:16px;height:13px;margin-right:8px;} #left-menu-wrap.boards .bookmark-content .cont .box > div.title-wrap > a p{font-size:13px;font-weight:500;color:#000;} #left-menu-wrap.boards .bookmark-content .cont .box > div.title-wrap > a span.num{letter-spacing:0;margin-left:10px;color:#fff;display:inline-flex;justify-content:center;font-size:10px;font-weight:600;padding:2px;background-color:#EC002A;border-radius:6px;min-width: 16px;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap{display:flex;align-items:center;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap{position:relative;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup{z-index:2;display:none;min-width:150px;padding:5px;position:absolute;left:0;top:calc(100% - 2px);border-radius: 6px;border: 1px solid rgba(51, 51, 51, 0.15);background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup ul li a{display:flex;align-items:center;padding:6px;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup ul li a.edit{font-size:13px;font-weight:500;color:#1b1b1b;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup ul li a.edit:before{content:'';background:url("../images/boards/icon_left_edit.svg")no-repeat center center;width:16px;height:16px;display:inline-block;margin-right:6px;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup ul li a.del{font-size:13px;font-weight:500;color:#CB0D0D;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap .setting-wrap .left-setting-popup ul li a.del:before{content:'';background:url("../images/boards/icon_left_del.svg")no-repeat center center;width:16px;height:16px;display:inline-block;margin-right:6px;background-size:10px 12px;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap a.setting{width:30px;position:relative;display:flex;justify-content:center;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap a.setting:before{content:'';background:url("../images/common/svg/icon-left-setting.svg")no-repeat;display:inline-block;width:30px;height:32px;background-position:center top;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap a.bookmark{width:32px;position:relative;display:flex;justify-content:center;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap a.bookmark:before{content:'';background:url("../images/common/svg/icon-bookmark.svg")no-repeat;display:inline-block;width:32px;height:32px;background-position:center top;} #left-menu-wrap.boards .bookmark-content .cont .box > div.btn-wrap a.bookmark.active:before{background-position:center bottom;} #left-menu-wrap.boards .add-board{padding:0 15px;position:relative;display:flex;align-items:center;color:#0169B9;font-size:13px;font-weight:500;margin-top:10px;line-height:0;} #left-menu-wrap.boards .add-board:before{content:'';background:url("../images/common/svg/add-board.svg")no-repeat center center;display:inline-block;width:32px;height:32px;background-size:16px 16px;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.title-wrap > a:before{margin-right:0;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.title-wrap > a span.num{margin-left:0;position:absolute;right:-5px;top:-8px;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.title-wrap > a{position:relative;transition:1s;} #left-menu-wrap.boards.small .add-board{font-size:9px;text-align:center;} #left-menu-wrap.boards.small .bookmark-content .cont .box{padding:6px 0;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.title-wrap > a p{font-size:9px;margin-top:4px;} #left-menu-wrap.boards.small{width:64px;transition:.45s;} #left-menu-wrap.boards.small .bookmark-content .cont > h4{opacity:0;visibility:hidden} #left-menu-wrap.boards.small > ul{padding:0 5px;} #left-menu-wrap.boards.small > ul > li > a{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:9px;} #left-menu-wrap.boards.small .add-board{flex-direction:column;} #left-menu-wrap.boards.small .bookmark-content .cont > h4{} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.btn-wrap a.setting:before{display:none;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.btn-wrap a.bookmark.active:before{display:none;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.btn-wrap a.bookmark:before{display:none;} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.title-wrap > a{flex-direction:column;} #left-menu-wrap.boards.small .bookmark-content{padding:0 5px;} #left-menu-wrap.boards.small .bookmark-content .cont .box{height:auto;padding-left:0;justify-content:center;align-items:center} #left-menu-wrap.boards.small .bookmark-content .cont .box > div.btn-wrap{} #left-menu-wrap.boards.small .left-title h1{background-color:#fff;font-size: 0;padding:8px;text-align:center;border-radius: 6px;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} #left-menu-wrap.boards.small .left-title h1::first-letter {font-size: initial;line-height: 1; } #left-menu-wrap.setting {width:210px;min-height:100%;padding:15px 10px;height:748px;display:flex;flex-direction:column;justify-content:space-between;position:relative;} #left-menu-wrap.setting > h1 {color:#A6A6A6;font-size:0.77rem;font-weight:600;margin-top:25px;padding-left:10px;} #left-menu-wrap.setting > div.division-line {position:relative;margin-top:10px;padding-top:10px;} #left-menu-wrap.setting > div.division-line:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 20px);height:1px;background-color:#ECEFF1;} #left-menu-wrap.setting > div > div.link-box {border:1px solid #ECEFF1;background-color:#fff;margin-top:5px;border-radius:5px;} #left-menu-wrap.setting > div > div.link-box .subj {color:#A6A6A6;border-bottom:1px solid #ECEFF1;padding:10px;} #left-menu-wrap.setting > div > div.link-box > div {margin:5px 0;} #left-menu-wrap.setting > div > div.link-box > div > a.link {display:block;color:#494949;padding:7px 10px;} #left-menu-wrap.setting > div > div.link-box > div > a.link:hover {color:#0069B9;} #left-menu-wrap.setting > .left-menu-top ul {position:relative;margin-top:5px;} #left-menu-wrap.setting > .left-menu-top ul.division-line {margin-top:10px;padding-top:10px;} #left-menu-wrap.setting > .left-menu-top ul.division-line.lineTop{position:relative;margin-top:10px;padding-top:16px;} #left-menu-wrap.setting > .left-menu-top ul.division-line:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:calc(100% + 20px);height:1px;background-color:#ECEFF1;} #left-menu-wrap.setting > .left-menu-top ul > li {position:relative;} #left-menu-wrap.setting > .left-menu-top ul > li > a {font-weight:700;} #left-menu-wrap.setting > .left-menu-top ul > li > a.disabled{opacity:0.5;pointer-events: none;} #left-menu-wrap.setting > .left-menu-top ul > li + li {margin-top:2px;} #left-menu-wrap.setting > .left-menu-top ul > li > ul.submenu {} #left-menu-wrap.setting > .left-menu-top ul > li > ul.submenu li {margin-top:3px;} #left-menu-wrap.setting > .left-menu-top ul > li > ul.submenu li a {display:block;padding:8px 8px 8px 32px;border-radius:3px;} #left-menu-wrap.setting > .left-menu-top ul.kosign{margin-top:0;padding-bottom:5px;} #left-menu-wrap.setting > .left-menu-top ul.kosign li{font-size:13px;font-weight:700;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #left-menu-wrap.setting > .left-menu-top ul > li > a:hover, #left-menu-wrap.setting > .left-menu-top ul > li > ul.submenu li > a:hover, /*#left-menu-wrap > ul > li.on > a,*/ #left-menu-wrap.setting > .left-menu-top ul > li.active > a, #left-menu-wrap.setting > .left-menu-top ul > li > ul.submenu li.active > a {background-color:#ECEFF1;} #left-menu-wrap.setting > .left-menu-bottom.admin{padding-top:20px;position:relative;} #left-menu-wrap.setting > .left-menu-bottom.admin:before{content: ""; position: absolute; top: 0;left: 50%;transform: translate(-50%,0);width: calc(100% + 20px); height: 1px;background-color: #ECEFF1;} #left-menu-wrap.setting > .left-menu-bottom > a{opacity:0.5;} #left-menu-wrap.setting > .left-menu-bottom > a.list-none{line-height:0;} #left-menu-wrap.setting > .left-menu-top ul > li.minus{position:relative;} #left-menu-wrap.setting > .left-menu-top ul > li.minus:after{content:'';cursor:pointer;;background:url("../images/settings/icon-left-minus-b.svg")no-repeat center center;width:18px;height:18px;background-size:18px ;display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);} #left-menu-wrap.setting > .left-menu-bottom > a.list-none:before{content:'';background:url("../images/settings/icon-left-none.svg")no-repeat center center;background-size:18px ;display:inline-block;} #left-menu-wrap.setting > .left-menu-bottom > h4{margin-bottom:10px;font-size:11px;font-weight:600;color:rgba(0, 0, 0, 0.50);padding-left:8px;} #left-menu-wrap.setting > .left-menu-bottom a.add{opacity:1;position:absolute;right:0;top:50%;transform:translateY(-50%);} #left-menu-wrap.setting > .left-menu-bottom ul li{font-weight:700;display:flex;align-items:center;border-radius:5px;position:relative;} #left-menu-wrap.setting > .left-menu-bottom ul li.icon-svg-menu:before{content: "";display: inline-block;width: 32px;height: 32px; background-repeat: no-repeat;background-position: center center;background-size: 16px auto;} #left-menu-wrap.setting > .left-menu-bottom a.add:after{content:'';background:url("../images/settings/icon-left-add-b.svg")no-repeat;width:18px;height:18px;display:inline-block;} #left-menu-list a.left-menu-arrow{position:absolute;right:-9px;top:17px;border-radius:50%;border: 1px solid #ECEFF1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background: #FFF;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} #left-menu-list a.left-menu-arrow:before{content:'';width:12px;height:12px;background:url("../images/common/svg/left-menu-arrow.svg")no-repeat center center;display:inline-block;transition:.45s;} #layerPopup-contsBox #container.small #left-menu-list a.left-menu-arrow:before{content:'';width:12px;height:12px;background:url("../images/common/svg/left-menu-arrow.svg")no-repeat center center;display:inline-block;transform: rotate(180deg);transition:.45s;} .left-menu-small{width:64px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:6px;} .left-menu-small .left-menu-top .left-title{display:flex;justify-content:center;padding:5px 0;} .left-menu-small .left-menu-top > ul li a{flex-direction:column;font-size:9px;text-align:center;padding:6px 0;border-radius:6px;} .left-menu-small .left-menu-top > ul li.minus{position:relative;} .left-menu-small .left-menu-top > ul li.minus:after{content:'';background:url("../images/settings/icon-left-minus.svg")no-repeat;width:20px;height:21px;position:absolute;right:0;top:5px; cursor:pointer;} .left-menu-small .left-menu-bottom > ul li{display:flex;flex-direction:column;font-size:9px;text-align:center;padding:6px 0;border-radius:6px;align-items:center;position:relative;} .left-menu-small .left-menu-bottom > ul li > a.add{box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;position:absolute;right:0;} .left-menu-small .left-menu-bottom > ul li > a.add:before{content:'';background:url("../images/settings/icon-left-add.svg")no-repeat;width:10px;height:10px;display:inline-block;} .left-menu-small .left-menu-bottom > ul li:before{content: ""; display: inline-block; width: 32px;height: 32px;background-repeat: no-repeat;background-position: center center; background-size: 16px auto;} .left-menu-small ul.division-line{position:relative;padding-top:6px;margin-top:6px;} .left-menu-small ul.division-line:before {content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:100%;height:1px;background-color:#ECEFF1;} .left-menu-small .left-menu-bottom > a{flex-direction:column;font-size:9px;opacity:0.5;padding:6px 0;} .left-menu-small .left-menu-bottom > h4{display:none; } .left-menu-small .left-menu-top > ul li > a:hover, .left-menu-small .left-menu-top > ul li.active > a{background-color:#ECEFF1;} .left-menu-small .left-menu-top > ul li a.disabled{opacity:0.5;pointer-events: none;} .left-menu-small .left-menu-top > ul li a.edit{color:#0069B9;} .left-menu-small .left-menu-top > ul li a.edit:before{content:'';background:url("../images/settings/icon-left-edit.svg")no-repeat center center;display:inline-block;width:32px;height:32px;background-size:16px auto;} .left-menu-small .left-menu-top > ul li a.done{color:#0069B9;} .left-menu-small .left-menu-top > ul li a.done:before{content:'';background:url("../images/settings/icon-left-done.svg")no-repeat center center;display:inline-block;width:32px;height:32px;background-size:16px auto;} #small-left-menu{display:none;height:748px;} #side-images-wrap{display:none;z-index:20;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;} #side-images-wrap:before{content:'';background-color:rgba(0,0,0,0.5);width:100%;height:100%;z-index:-1;position:absolute;left:0;top:0;} #side-images-wrap .images-box{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative;} #side-images-wrap .btn-wrap{margin: 20px 0;display:flex;justify-content:center;} #side-images-wrap .btn-wrap > a{display:flex;font-size:16px;color:#fff;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#0d1620;} #side-images-wrap .btn-wrap > a + a{margin-left:20px;} #side-images-wrap .btn-wrap > a.play:before{content:'';background:url("../images/boards/icon_play.svg")no-repeat;display:inline-block;width:13px;height:15px;} #side-images-wrap .btn-wrap > a.down:before{content:'';background:url("../images/boards/icon_btn_down.svg")no-repeat;display:inline-block;width:17px;height:17px;} #side-images-wrap >.images-box a.close{display:flex;font-size:16px;color:#fff;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#0d1620;position:absolute;right:20px;top:70px;} #side-images-wrap >.images-box a.close:before{content:'';background:url("../images/boards/popup-close.svg")no-repeat;display:inline-block;width:24px;height:24px;} #side-images-wrap .detail{width:100%;height:115px;background-color:#292929;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;bottom:0;} #side-images-wrap .detail > p{color:#fff;font-size:16px;font-weight:600;} #side-images-wrap .detail .detail-imgWrap{margin-top:10px;} #side-images-wrap .detail .detail-imgWrap > a{display:flex;height:54px;width:54px;} #container.small > .contents{width:calc(100% - 64px);transition:.45s;} #container > .contents{transition:.45s;} #container > .contents > .post{padding:30px 0;} #container > .contents > .post .inner{width:600px;margin:0 auto;padding:0 10px;position:relative;} #container > .contents > .post .inner.left{margin-right:auto;margin-left:15%;} #container > .contents > .post .inner .ip-box{width:100%;position:relative;} #container > .contents > .post .inner .ip-box form{display:flex;position:relative;align-items:center;} #container > .contents > .post .inner .ip-box input[type=text]{width:100%;height:46px;padding:0 35px 0 15px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:7px;} #container > .contents > .post .inner .ip-box input[type=text]::placeholder{color:rgba(0, 0, 0, 0.4);} #container > .contents > .post .inner .ip-box input[type=submit]{position:absolute;right:15px;cursor:pointer;background:url("../images/common/svg/post-input-submit.svg")no-repeat center center;width:18px;height:19px;border:none;outline:none;} #container > .contents > .post .inner .tag-wrap{display:flex;justify-content:space-between;margin-top:30px;position:relative;} #container > .contents > .post .inner .tag-wrap .tag{} #container > .contents > .post .inner .tag-wrap .tag a + a{margin-left:20px;} #container > .contents > .post .inner .tag-wrap .tag a{color:#757575;font-size:13px;font-weight:700;} #container > .contents > .post .inner .tag-wrap .tag a span{height:16px;margin-left:5px;display:inline-flex;align-items:center;justify-content:center;color:#1b1b1b;font-size:10px;font-weight:600;background-color:#D9D9D9;border-radius:6px;min-width:16px;letter-spacing:0;} #container > .contents > .post .inner .tag-wrap .tag a.active{color:#000;} #container > .contents > .post .inner .tag-wrap .tag a.active span{color:#fff;background-color:#000;} #container > .contents > .post .inner .tag-wrap .keyword-search{width:32px;border:1px solid transparent;position:absolute;left:calc(100% - 32px);} #container > .contents > .post .inner .tag-wrap .keyword-search.boards:before{display:none;} #container > .contents > .post .inner .tag-wrap .keyword-search > form{position:relative;} #container > .contents > .post .inner .tag-wrap .keyword-search input[type=text]{width:0;padding:0;transition:none;-webkit-transition:none;} #container > .contents > .post .inner .tag-wrap .keyword-search a.submit{position:absolute;left:0;font-size: 14px;width: 32px; height: 32px; border: 0; background: url("../images/common/svg/icon-search-btn.svg") no-repeat center top/32px 126px;cursor: pointer;opacity:0.5;} #container > .contents > .post .inner .tag-wrap .keyword-search.active{width:100%;border:1px solid rgba(0, 0, 0, 0.15);left:0;} #container > .contents > .post .inner .tag-wrap .keyword-search.active > form{width:100%;position:relative;} #container > .contents > .post .inner .tag-wrap .keyword-search.active input[type=text]{padding-left:32px;padding-right:26px;width:100%;transition:none;-webkit-transition:none;} #container > .contents > .post .inner .tag-wrap .keyword-search.active.boards:before{content: '';display:inline-block;width: 13px;height: 18px; background: url("../images/boards/search_board_bg.svg")no-repeat center center;line-height: 0;z-index: 3; position: absolute; right: 10px;top: 50%; transform: translateY(-50%);} #container > .contents > .post .inner .post-selectWrap{margin-top:20px;} #container > .contents > .post .inner .post-selectWrap div.select-box-default-st input.selectValue{border:1px solid rgba(0, 0, 0, 0.15);width:160px;} #container > .contents > .post .inner .post-selectWrap .calendar-st-en-box{opacity:0;color:#000;font-size:14px;font-weight:500;visibility:hidden;} #container > .contents > .post .inner .post-selectWrap .calendar-st-en-box.active{opacity:1;visibility:visible;} #container > .contents > .post .inner .post-selectWrap .calendar-st-en-box > div.form_wrap_date > input{width:123px;border:1px solid rgba(0, 0, 0, 0.15);padding:8px 31px 8px 10px;position:relative;font-size:14px;font-weight:500;color:#000;background:url("../images/boards/icon_approved02.svg")no-repeat;background-position:calc(100% - 8px) center;} #container > .contents > .post .inner .post-selectWrap .calendar-st-en-box > div.form_wrap_date > input:after{content:'';background:url("../images/boards/icon_approved02.svg")no-repeat;width:18px;height:18px;position:absolute;right:0;top:50%;transform:translateY(-50%);} #container > .contents > .post .inner .list-wrap{margin-top:20px;} #container > .contents > .post .inner .list-wrap .none{padding:145px 0 250px;display:flex;align-items:center;justify-content:center;flex-direction:column;} #container > .contents > .post .inner .list-wrap .none .text{margin-top:-35px;text-align:center;display:flex;align-items:flex-end;} #container > .contents > .post .inner .list-wrap .none .text h4{font-size:16px;color:rgba(27,27,27,0.4);font-weight:700;} #container > .contents > .post .inner .list-wrap .none .text p{margin-top:8px;color:#757575;font-weight:500;font-size:14px;line-height:1.3;} #container > .contents > .post .inner .list-wrap .none .text p span{color:#000;} #container > .contents > .post .inner .list-wrap .none.post_none .text{position:relative;} #container > .contents > .post .inner .list-wrap .none.post_none .text .wrap:before{content:'';background:url("../images/boards/no_post_arrow.png")no-repeat;width:48px;height:50px;position:absolute;right:-60px;bottom:0;} #container > .contents > .post .inner .list-wrap .list{width:100%;padding:20px;border-radius:10px;background-color:#fff;position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);} #container > .contents > .post .inner .list-wrap .list:hover{background-color:#fafafa;} #container > .contents > .post .inner .list-wrap .list + .list{margin-top:10px;} #container > .contents > .post .inner .list-wrap .list.paid:after{content:'';width:94px;height:94px;background:url("../images/common/svg/paid_bg.svg")no-repeat;position:absolute;right:0;bottom:0;} #container > .contents > .post .inner .list-wrap .list .top-cont{display:flex;justify-content:space-between;align-items:flex-start;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile{display:flex;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile.new:after{content:'';background:url("../images/common/svg/list-new.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-left:5px;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div{display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div p.name{font-size:13px;color:#1B1B1B;font-weight:500;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div p.date{font-size:13px;color:#7A7A7A;font-weight:500;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2{margin-top:5px;line-height:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p{font-size:11px;color:#7A7A7A;font-weight:500;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_privacy{position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_privacy:before{content:'';width:16px;height:16px;background:url("../images/common/svg/list-globe.svg")no-repeat center center;display:inline-block;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .profile-img{margin-right:10px;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .profile-img figure{width:36px;height:36px;overflow:hidden;border-radius:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap{display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .pin{position:relative;color:#CB0D0D;font-size:13px;font-weight:500;display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .pin:before{content:'';background:url("../images/common/svg/list-pin.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc{position:relative;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc a.etc-btn{width:18px;height:18px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc a.etc-btn:before{content:'';background:url("../images/common/svg/list-more.svg")no-repeat center center;width:18px;height:4px;display:inline-block;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup{display:none;position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul{padding:5px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .list-wrap .list .top-cont .etc-wrap .etc .etc-popup ul li a.del{color:#CB0D0D;} #container > .contents > .post .inner .list-wrap .list .cont{} #container > .contents > .post .inner .list-wrap .list .cont .title{display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .cont .title span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;margin-right:10px;} #container > .contents > .post .inner .list-wrap .list .cont .title span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} #container > .contents > .post .inner .list-wrap .list .cont .title span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} #container > .contents > .post .inner .list-wrap .list .cont .title span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} #container > .contents > .post .inner .list-wrap .list .cont .title span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} #container > .contents > .post .inner .list-wrap .list .cont .title span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} #container > .contents > .post .inner .list-wrap .list .cont .title h4{font-weight:700;font-size:16px;color:#1b1b1b;} #container > .contents > .post .inner .list-wrap .list .cont a > p{margin-top:6px;font-weight:500;font-size:13px;line-height:20px;} #container > .contents > .post .inner .list-wrap .list .comments{font-size:13px;fill:rgba(0,0,0,0.5);color:rgba(0,0,0,0.5);font-weight:500;display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .comments:before{content:'';background:url("../images/common/svg/list-comments.svg")no-repeat;display:inline-block;margin-right:4px;width:18px;height:16px;opacity:0.5;} #container > .contents > .post .inner .post-detail{padding:0 20px;} #container > .contents > .post .inner .post-detail .top-cont{display:flex;justify-content:space-between;align-items:flex-start;} #container > .contents > .post .inner .post-detail .top-cont .profile{display:flex;} #container > .contents > .post .inner .post-detail .top-cont .profile.new:after{content:'';background:url("../images/common/svg/list-new.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-left:5px;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div{display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div p.name{font-size:13px;color:#1B1B1B;font-weight:500;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div p.date{font-size:13px;color:#7A7A7A;font-weight:500;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2{margin-top:5px;line-height:16px;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2 p{font-size:11px;color:#7A7A7A;font-weight:500;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2 p.post_privacy{position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2 p.post_privacy:before{content:'';width:16px;height:16px;background:url("../images/common/svg/list-globe.svg")no-repeat center center;display:inline-block;} #container > .contents > .post .inner .post-detail .top-cont .profile .profile-img{margin-right:10px;} #container > .contents > .post .inner .post-detail .top-cont .profile .profile-img figure{width:36px;height:36px;overflow:hidden;border-radius:16px;/* border:1px solid #000; */} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap{display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .pin{position:relative;color:#CB0D0D;font-size:13px;font-weight:500;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .pin:before{content:'';background:url("../images/common/svg/list-pin.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc{position:relative;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc a.etc-btn{width:18px;height:18px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc a.etc-btn:before{content:'';background:url("../images/common/svg/list-more.svg")no-repeat center center;width:18px;height:4px;display:inline-block;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup{display:none;position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul{padding:5px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container > .contents > .post .inner .post-detail .top-cont .etc-wrap .etc .etc-popup ul li a.del{color:#CB0D0D;} #container > .contents > .post .inner .post-detail .post-content{padding:20px 0;border-bottom:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > h1{color:#1b1b1b;font-size:27px;font-weight:700;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div{margin-top:20px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div > div p + p{margin-left:30px} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div > div p.approver{display:flex;align-items:center;color:#1b1b1b;opacity:0.5;font-weight:500;font-size:13px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div > div p.approver:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:6px;opacity:0.5;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div > div p.name{color:#1B1B1B;font-size:13px;font-weight:500;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > p{margin-top:20px;font-size:13px;color:#1b1b1b;font-weight:500;line-height:20px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap {padding-bottom:20px;border-bottom:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap.paid{position:relative;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap.paid:before{content:'';background:url("../images/boards/approved-paid.png")no-repeat;width:123px;height:123px;position:absolute;right:50px;top:0;z-index:-1;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl{display:flex;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl + dl{margin-top:20px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt{display:flex;align-items:center;width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.doc_num:before{content:'';background:url("../images/boards/icon_doc_num.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_ty:before{content:'';background:url("../images/boards/icon_approved01.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_dt:before{content:'';background:url("../images/boards/icon_approved02.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.total_at:before{content:'';background:url("../images/boards/icon_approved03.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.purpose:before{content:'';background:url("../images/boards/icon_approved04.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.requestor:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.approver:before{content:'';background:url("../images/boards/icon-approver.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd{width:calc(100% - 160px);display:flex;flex-flow:wrap;font-size:13px;color:#1b1b1b;font-weight:500;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency{display:flex;align-items:center;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;border:1px solid #E9E9E9;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency > div{color:#000;font-weight:500;font-size:13px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} /* #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk{margin-left:-16px;margin-top:-16px;} */ #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a{display:flex;align-items:center;margin-left:16px;margin-top:16px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a:before{content:'';background:url("../images/boards/icon_no_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.chk:before{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.minus:before{content:'';background:url("../images/boards/icon_minus.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box{display:flex;align-items:center;border:1px solid #E9E9E9;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box + .tag-box{margin-top:10px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box figure{width:18px;height:18px;border-radius:50%;overflow:hidden;margin-right:5px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div{display:flex;align-items:center;position:relative;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > div{margin-left:3px;font-size:13px;font-weight:500;line-height:1;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > p{color:#1B1B1B;font-size:13px;font-weight:500;;line-height:1;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk:after{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk > div{color:#04662E;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel:after{content:'';background:url("../images/boards/icon_nosign.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel > div{color:#C50712;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait:after{content:'';background:url("../images/boards/icon_wait.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait > div{color:#F5BB1E;} /*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/40523] */ #container > .contents > .post .inner .post-detail #back_btn{color: #0169B9;position:relative;display:flex;font-size:16px;font-weight:500;} #container > .contents > .post .inner .post-detail #back_btn:before{content: '';background:url("../images/boards/icon_arrow_back_blue.svg")no-repeat;display:inline-block;width: 20px; height: 38px} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text{font-weight:500;color:#1b1b1b;line-height:20px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea{width:270px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .title{padding:10px 15px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a:before{content: '';background: url("../images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap{} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("../images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr + tr{} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody{border-top:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td + td{border-left:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr:not(.total) td:first-child{border-bottom:none;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.total td{} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td{border-bottom:none;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td + td{border-left:none;} #container > .contents > .post .inner .post-detail .post-content .down{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} #container > .contents > .post .inner .post-detail .post-content .down .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} #container > .contents > .post .inner .post-detail .post-content .down .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} #container > .contents > .post .inner .post-detail .post-content .down .cont .text p.name{font-size:13px;color:#000;font-weight:500;} #container > .contents > .post .inner .post-detail .post-content .down .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} #container > .contents > .post .inner .post-detail .post-content .down .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} #container > .contents > .post .inner .post-detail .post-content .img-box{margin-top:20px;border-radius:10px;overflow:hidden;} #container > .contents > .post .inner .post-detail .post-content .img-box figure{width:100%;} #container > .contents > .post .inner .post-detail .post-content .img-box figure img{width:100%;} #container > .contents > .post .inner .post-detail .approver-btn-area{padding:10px 0;border-bottom:1px solid #e0e0e0;} #container > .contents > .post .inner .post-detail .bottom-cont{display:flex;align-items:center;justify-content:space-between;padding:10px 0;} #container > .contents > .post .inner .post-detail .bottom-cont a{display:flex;padding:8px;} #container > .contents > .post .inner .post-detail .bottom-cont a.comments{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .bottom-cont a.comments:before{content:'';background:url("../images/common/svg/list-comments.svg")no-repeat;display:inline-block;margin-right:4px;width:18px;height:16px;} #container > .contents > .post .inner .post-detail .bottom-cont a.comments_num{padding-left:0;color:rgba(0,0,0,0.5);font-size:13px;font-weight:500;} #container > .contents > .post .inner .post-detail span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;} #container > .contents > .post .inner .post-detail span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} #container > .contents > .post .inner .post-detail span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} #container > .contents > .post .inner .post-detail span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} #container > .contents > .post .inner .post-detail span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} #container > .contents > .post .inner .post-detail span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} #container > .contents .title-area > .tit > h1{font-size: 1.38rem;font-weight: 700; line-height: 32px;} #container > .contents .title-area > .tit.detail > h1{font-size: 18px;font-weight: 700;opacity:0.5;} #container > .contents .title-area > .tit.detail > h4{color:#1b1b1b;font-weight:700;font-size:18px;} #container > .contents .title-area > .tit.detail > h4:before{content:'>';margin:0 5px;} #container > .contents .title-area > .tit > p{font-size:11px;color:#999;font-weight:500;line-height: 32px;} #container > .contents .title-area > .page-func-wrap.user-area > p{color:#1b1b1b;opacity:0.5;font-size:13px;font-weight:500;} #container > .contents .title-area > .page-func-wrap.user-area .user-wrap{display:flex;align-items:center;} #container > .contents .title-area > .page-func-wrap.user-area .user-wrap > a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;overflow:hidden;border-radius:50%;border:1px solid #fff;} #container > .contents .title-area > .page-func-wrap.user-area .user-wrap > a.more{position:relative;background-color:#EBEBEB;border:1px solid #fff;} #container > .contents .title-area > .page-func-wrap.user-area .user-wrap > a.more:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/common/svg/user-more.svg")no-repeat;width:18px;height:18px;} #container > .contents .title-area > .page-func-wrap.user-area .user-wrap > a + a{margin-left:5px;} /* 2023-02-13 배너 추가 */ #leftbanner{position:absolute;left:4px;bottom:5px;} /*DO NOT ALLOW TO OVERRIDE*/ #leftbanner > a{display:flex;background-color:#2e3192;width:200px;height:40px;border-radius:3px;color:#fff;font-size:14px;align-items:center;position:relative;padding:0 15px;} #leftbanner > a:before{content: ""; width: 23px;height: 23px;background-repeat: no-repeat;background-position: center center;background-size: 23px 23px;background-image:url('../images/common/leftbanner_icon.png');margin-right:10px;} /* CONTAINER */ .required {display:flex;align-items:center;} .required:after {content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;background-color:#CB0D0D;border-radius:50%;overflow:hidden;margin-left:5px;} #container > .contents .detail-title-area > .summary > .search-wrap a.btn-st.common.search {min-width:34px;padding:0;} #container > .contents .general-info {} #container > .contents .tab-wrap {position:relative;margin-top:10px;padding:10px 0;border-bottom:1px solid #ECEFF1;} #container > .contents .tab-wrap:after {content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:24px;height:24px;background:url('../images/common/svg/tab-arrow.svg') no-repeat right top/24px 48px;-webkit-transition: .45s; transition: .45s;} #container > .contents .tab-wrap.on:after {background-position:right bottom;} #container > .contents .spacebetween {display:flex;justify-content:space-between;margin-top:20px;} #container > .contents .spacebetween > div {display:flex;} #container > .contents .general-info-wrap {padding:25px;background-color:#FAFAFA;border-bottom:1px solid #ECEFF1;} #container > .contents .general-info-wrap.bgWhite {background-color:#FFF;} #container > .contents .general-info-wrap > ul > li {display:flex;align-items:flex-start;} #container > .contents .general-info-wrap > ul > li > span {color:#A6A6A6;width:170px;} #container > .contents .general-info-wrap.wide > ul > li > span {width:230px;} #container > .contents .general-info-wrap > ul > li > div.logo-file-wrap {display:flex;align-items:center;} #container > .contents .general-info-wrap > ul > li > div.logo-file-wrap .logo-box {border:1px solid #ECEFF1;border-radius:5px;margin-right:7px;background-color:#FAFAFA;width:193px;height:50px;} #container > .contents .general-info-wrap > ul > li + li {margin-top:15px;} #container > .contents .general-info-wrap > ul > li.top-line {border-top:1px solid #ECEFF1;padding-top:15px;} #container > .contents .general-info-wrap > ul > li > ul.table-list {width:calc(100% - 170px);} #container > .contents .general-info-wrap > ul > li > ul.table-list > li {display:flex;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li + li {margin-top:15px;padding-top:15px;border-top:1px solid #ECEFF1;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.name {width:150px;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tel {width:170px;display:flex;align-items:center;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tel:before {content:"";width:20px;height:20px;background:url('../images/common/svg/icon_tel.svg') no-repeat center center;margin-right:5px;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tax {width:170px;display:flex;align-items:center;margin-left:40px;} /* 2022-11-22 추가 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tax:before {content:"";width:40px;height:20px;background:url('../images/common/icon_tax.png') no-repeat center center;margin-right:5px;} /* 2022-11-22 추가 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail {position:relative;display:flex;align-items:center;margin-left:25px;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail:before {content:"";position:absolute;left:-25px;width:20px;height:20px;background:url('../images/common/svg/icon_mail.svg') no-repeat center center;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap {display:none;position:absolute;border-radius:5px;overflow:hidden;min-width:100%;height:auto;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap li {display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap li + li {} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap li:first-child {/*border-radius:5px 5px 0 0;*/} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap li:last-child {/*border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;*/} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap a:hover {color:#0069B9;background-color:#FAFAFA;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap a:hover:before {background-color:#0069B9;} #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap.blt {top:100%;left:0;margin:3px 0 0;} /* 아래 왼쪽 정렬 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap.brt {top:100%;right:0;margin:3px 0 0;} /* 아래 오른쪽 정렬 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap.tlt {bottom:100%;left:0;margin:0 0 3px;} /* 위 왼쪽 정렬 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > div.mail > ul.mail-select-wrap.trt {bottom:100%;right:0;margin:0 0 3px;} /* 위 오른쪽 정렬 */ #container > .contents .general-info.tabCont > .tabCont-wrap {padding:25px;background-color:#FAFAFA;border-bottom:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > h1 {font-weight:700;border-bottom:1px solid #ECEFF1;padding-bottom:10px;margin-top:30px;} #container > .contents .general-info.tabCont > .tabCont-wrap > h1.first {margin-top:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > h2 {max-width:800px;font-weight:700;margin-top:30px;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul {max-width:800px;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul > li {margin-top:15px;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul > li.first {margin-top:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul > li > div textarea {border:1px solid #ECEFF1;border-radius:5px;padding:7px; margin-top:6px;resize:none;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table {border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;margin-top:20px;background-color:#fff;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li {display:flex;margin:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li + li {border-top:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div {padding:15px 10px;display:flex;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li.add-new > div {color:#A6A6A6;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div + div {border-left:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div:nth-child(1) {width:25%;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div:nth-child(2) {width:calc(65% - 100px);} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div:nth-child(3) {width:10%;justify-content:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div:nth-child(4) {width:200px;display:flex;justify-content:space-between;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div:nth-child(4) > div {width:50%;display:flex;justify-content:center;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div > div > a.edit {min-width:32px;width:32px;height:32px;padding:0;border:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div > div > a.delete {min-width:32px;width:32px;height:32px;padding:0;border:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div > div > a.cancel {min-width:32px;width:32px;height:32px;padding:0;border:0;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div > div > a.confirm {min-width:32px;width:32px;height:32px;padding:0;border:0;background:#000 url('../images/common/svg/check_on.svg') no-repeat center center/cover;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div > div > span.line {width:1px;height:20px;background-color:#ECEFF1;margin:0 5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div.add-new {display:flex;justify-content:center;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li > div.add-new > a.add-new {color:#0069B9;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li.title {background-color:#FAFAFA;} #container > .contents .general-info.tabCont > .tabCont-wrap > ul.table li.title > div {text-align:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap {max-width:800px;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;padding:15px;background-color:#fff;margin-top:10px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap #table-list-wrap {} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap #table-list-wrap table thead th {text-align:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap #table-list-wrap table thead th + th {border-left:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap #table-list-wrap table tbody td + td {border-left:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap ul.signature {display:flex;justify-content:space-around;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap ul.signature > li {display:flex;justify-content:center;flex-wrap:wrap;width:200px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap ul.signature > li > figure {width:150px;height:150px;display:flex;justify-content:center;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap ul.signature > li > figure > img {max-width:150px;max-height:150px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap ul.signature > li > p {width:100%;border-top:2px solid #494949;padding-top:10px;text-align:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap {max-width:800px;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;padding:15px;background-color:#fff;margin-top:10px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state {display:flex;justify-content:space-between;align-items:flex-start;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.state {} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.state > a {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color:#FAFAFA;display:flex;justify-content:center;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.state > figure {width:150px;height:150px;display:flex;justify-content:center;align-items:center;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.state > figure > img {max-width:150px;max-height:150px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul li {width:110px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul li > span:nth-child(2) {} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;display:flex;justify-content:center;align-items:center;height:60px;padding-left:5px;padding-right:5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .payroll-state-wrap .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} #container > .contents .general-info.tabCont > .tabCont-wrap.payments ul li a.plus-add {color:#fff;height:28px;line-height:28px;background-color:#0069B9;margin-left:3px;padding:0 10px;border-radius:5px;width:55px;text-align:center;} #container > .contents .general-info.tabCont > .tabCont-wrap.payments ul li a.minus {position:relative;width:16px;height:16px;border-radius:50%;overflow:hidden;border:1px solid #ED243C;margin-left:3px;} #container > .contents .general-info.tabCont > .tabCont-wrap.payments ul li a.minus:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:24px auto; } #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap {max-width:800px;border:1px solid #ECEFF1;border-radius:5px;overflow:hidden;padding:15px;background-color:#fff;margin-top:10px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report {display:flex;justify-content:center;align-items:flex-start;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.state {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color:#FAFAFA;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul li {width:110px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul li + li {border-left:1px solid #ECEFF1;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul li > span:nth-child(2) {} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sales-report div.confirm ul li > span + span {border-top:1px solid #ECEFF1;display:flex;justify-content:center;align-items:center;height:60px;padding-left:5px;padding-right:5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} #container > .contents .general-info.tabCont > .tabCont-wrap > .sales-report-wrap .sign-box {width:190px;height:50px;border:1px solid #ECEFF1;border-radius:5px;background-color: #FAFAFA;margin-right:5px;} #container > .contents .general-photo-wrap {padding:0 20px 25px;background-color:#FAFAFA;border-bottom:1px solid #ECEFF1;} #container > .contents .general-photo-wrap.bgWhite {background-color:#FFF;} #container > .contents .general-photo-wrap > ul {display:flex;flex-wrap:wrap;} #container > .contents .general-photo-wrap > ul > li {width:80px;text-align:center;margin-right:50px;margin-top:20px;} #container > .contents .general-photo-wrap > ul > li figure {display:block;margin:0 auto 10px;width:64px;height:64px;border:1px solid #ECEFF1;background-color:#FAFAFA;border-radius:5px;overflow:hidden;} #container > .contents .general-photo-wrap > ul > li p.name {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #container {position:relative;min-height:calc(100% - 30px);display:flex;align-items:flex-start;padding-top:48px;z-index:1;overflow:hidden;justify-content:flex-end;} /* #container:before {content:"";position:absolute;width:210px;height:100%;border-right:1px solid #ECEFF1;background-color:#FAFAFA;z-index:-1;} */ #container.boards{overflow:auto;height:auto;z-index:auto;justify-content:flex-end;} #container.boards:before{display:none;} #left-menu-wrap.boards{border-right:1px solid #ECEFF1;background-color:#FAFAFA;} /*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/39410] */ .layerPopScrFixed #container.boards{overflow-y:hidden;} #container.boards > .contents .title-area{border:none;position:relative;} #container.boards > .contents .title-area:before{content:'';width:100vw;height:1px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background-color:#ECEFF1;z-index:-1;} #container.boards .notifications-wrap{transition:.45s;padding-top:48px;position:fixed;right:-100%;top:0;height:100%;width:403px;background-color:#fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);border-left: 1px solid #E0E0E0;z-index:2;} #container.boards .notifications-wrap.active{right:0;transition:.45s;} #container.boards .notifications-wrap .notification-top{padding:20px 20px 0;border-bottom: 1px solid #E0E0E0;} #container.boards .notifications-wrap .notification-top .title > h1{color:#1b1b1b;font-size:18px;font-weight:700;} #container.boards .notifications-wrap .notification-top .title > a.close{width:24px;height:24px;display:flex;} #container.boards .notifications-wrap .notification-top .title > a.close:before{content:'';background:url("../images/boards/side_close.svg")no-repeat;display:inline-block;width:24px;height:24px;} #container.boards .notifications-wrap .notification-top .tag-wrap{margin-top:24px;height:52px;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag{height:100%;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul{} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul{display:flex;height:100%;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul li {height:100%;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul li + li{margin-left:25px;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul li a{font-size:13px;font-weight:500;position:relative;color:#1b1b1b;height:100%;display:flex;align-items:center;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul li a.active{font-weight:700;} #container.boards .notifications-wrap .notification-top .tag-wrap .tag ul li a.active:before{content:'';background:#000;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;height:2px;} #container.boards .notifications-wrap .notification-cont{display:flex;flex-direction:column;height:100%;} #container.boards .notifications-wrap .notification-cont .search-wrap{padding:15px 20px 10px;height:57px;} #container.boards .notifications-wrap .notification-cont .list{height:100%;max-height:calc(100% - 57px);overflow-y:auto;padding-bottom:121px;} #container.boards .notifications-wrap .notification-cont .list ul li{border-bottom: 1px solid #E0E0E0;} #container.boards .notifications-wrap .notification-cont .list ul li.active{background-color:#EDF7FF} #container.boards .notifications-wrap .notification-cont .list ul li a{padding:15px 20px;width:100%;} #container.boards .notifications-wrap .notification-cont .list ul li a .figure{width:36px;height:36px;border-radius:50%;overflow:hidden;} #container.boards .notifications-wrap .notification-cont .list ul li a .text{padding-left:15px;width:calc(100% - 36px);} #container.boards .notifications-wrap .notification-cont .list ul li a .text p.name{font-weight:500;color:#000;font-size:13px;} #container.boards .notifications-wrap .notification-cont .list ul li a .text p.date{font-weight:500;color:#8D8D8D;font-size:13px;} #container.boards .notifications-wrap .notification-cont .list ul li a .text p.conts{font-weight:500;color:#000;font-size:13px;opacity:0.5;} #container.boards .approval-wrap{transition:.45s;padding-top:48px;position:fixed;right:-100%;top:0;height:100%;width:403px;background-color:#fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);border-left: 1px solid #E0E0E0;} #container.boards .approval-wrap.active{right:0;transition:.45s;} #container.boards .approval-wrap .approval-top{padding:20px 20px 0;border-bottom: 1px solid #E0E0E0;} #container.boards .approval-wrap .approval-top .title > h1{color:#1b1b1b;font-size:18px;font-weight:700;} #container.boards .approval-wrap .approval-top .title > a.close{width:24px;height:24px;display:flex;} #container.boards .approval-wrap .approval-top .title > a.close:before{content:'';background:url("../images/boards/side_close.svg")no-repeat;display:inline-block;width:24px;height:24px;} #container.boards .approval-wrap .approval-top .tag-wrap{margin-top:24px;height:52px;} #container.boards .approval-wrap .approval-top .tag-wrap .tag{height:100%;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul{} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul{display:flex;height:100%;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul li {height:100%;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul li + li{margin-left:25px;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul li a{font-size:13px;font-weight:500;position:relative;color:#1b1b1b;height:100%;display:flex;align-items:center;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul li a.active{font-weight:700;} #container.boards .approval-wrap .approval-top .tag-wrap .tag ul li a.active:before{content:'';background:#000;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;height:2px;} #container.boards .approval-wrap .approval-cont .search-wrap{padding:15px 20px 10px;} #container.boards .approval-wrap .approval-cont .list ul li{border-bottom: 1px solid #E0E0E0;display:flex;} #container.boards .approval-wrap .approval-cont .list ul li.active{background-color:#EDF7FF} #container.boards .approval-wrap .approval-cont .list ul li {padding:15px 20px;width:100%;} #container.boards .approval-wrap .approval-cont .list ul li .figure{width:36px;height:36px;border-radius:50%;overflow:hidden;} #container.boards .approval-wrap .approval-cont .list ul li .text{padding-left:15px;width:calc(100% - 36px);} #container.boards .approval-wrap .approval-cont .list ul li .text p.name{font-weight:500;color:#000;font-size:13px;} #container.boards .approval-wrap .approval-cont .list ul li .text p.date{font-weight:500;color:#8D8D8D;font-size:13px;} #container.boards .approval-wrap .approval-cont .list ul li .text p.conts{font-weight:500;color:#000;font-size:13px;opacity:0.5;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #container.boards .approval-wrap .approval-cont .list ul li .text .btn-wrap{margin-top:10px;} #container.boards .approval-wrap .approval-cont .list ul li .text .btn-wrap a + a{margin-left:10px;} #container.boards .side-comments-wrap{transition:.45s;position:fixed;right:0;top:0;height:100%;/*width:100%;*/z-index:1;display:flex;justify-content:flex-end;padding-top:98px;padding-bottom:30px;} /*#container.boards .side-comments-wrap:before{content:'';background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;opacity:0;transition:0.45s;transition-delay: 0.45s;}*/ /*#container.boards .side-comments-wrap.active:before{content:'';background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;opacity:1;transition:0.45s;transition-delay: 0.45s;}*/ /*#container.boards .side-comments-wrap.active{right:0;transition:.45s;}*/ #container.boards .side-comments-wrap .side-comments-cont{position:relative;width:295px;padding:20px;background-color:#fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);border-left: 1px solid #E0E0E0;height:100%;display:flex;flex-direction:column;justify-content:space-between;} #container.boards .side-comments-wrap .comments-top{} #container.boards .side-comments-wrap .comments-top .title > h1{color:#1b1b1b;font-size:18px;font-weight:700;} #container.boards .side-comments-wrap .comments-top .title > a.close{width:24px;height:24px;display:flex;} #container.boards .side-comments-wrap .comments-top .title > a.close:before{content:'';background:url("../images/boards/side_close.svg")no-repeat;display:inline-block;width:24px;height:24px;} #container.boards .side-comments-wrap .comments-cont{padding:30px 0;/*max-height:calc(100vh - 96px);*/} #container.boards .side-comments-wrap .comments-cont .list{overflow:auto;height:100%;/*max-height:calc(100vh - 156px);*/padding-right:5px;max-height:calc(100vh - 280px)} #container.boards .side-comments-wrap .comments-cont .list ul li{} #container.boards .side-comments-wrap .comments-cont .list ul li.active{background-color:#EDF7FF} #container.boards .side-comments-wrap .comments-cont .list ul li {width:100%;} #container.boards .side-comments-wrap .comments-cont .list > ul > li + li{margin-top:20px;} #container.boards .side-comments-wrap .comments-cont .list ul li .profile{display:flex;align-items:center;} #container.boards .side-comments-wrap .comments-cont .list ul li .profile .info-wrap{width:100%;display:flex;} #container.boards .side-comments-wrap .comments-cont .list ul li .figure{width:26px;height:26px;border-radius:50%;overflow:hidden;/* border:1px solid #000; */} #container.boards .side-comments-wrap .comments-cont .list ul li .info{padding-left:10px;width:calc(100% - 26px);} #container.boards .side-comments-wrap .comments-cont .list ul li .info p.name{font-weight:600;color:#1b1b1b;font-size:13px;} #container.boards .side-comments-wrap .comments-cont .list ul li .info p.date{font-weight:500;color:#1b1b1b;opacity:0.5;font-size:13px;margin-left:5px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc{position:relative;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc a.etc-btn{width:18px;height:26px;display:flex;align-items:center;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc a.etc-btn:before{content:'';background:url("../images/common/svg/list-more.svg")no-repeat center center;width:18px;height:4px;display:inline-block;opacity:0.5;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup{display:none;right:0;position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul{padding:5px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.boards .side-comments-wrap .comments-cont .list ul li .etc .etc-popup ul li a.del{color:#CB0D0D;} #container.boards .side-comments-wrap .comments-cont .list ul li > .cont{font-weight:500;color:#1B1B1B;font-size:13px;margin-top:5px;} #container.boards .side-comments-wrap .comments-cont .list ul li > .cont .img-box{margin-top:20px;border-radius:10px;overflow:hidden;} #container.boards .side-comments-wrap .comments-cont .list ul li > .cont .img-box figure{width:100%;} #container.boards .side-comments-wrap .comments-cont .list ul li > .cont .img-box figure img{width:100%;} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down{margin-top:5px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;width:48px;} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .cont .text{width:calc(100% - 24px);} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .cont .text p.name{font-size:13px;color:#000;font-weight:500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} #container.boards .side-comments-wrap .comments-cont .list ul li .cont .down .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} #container.boards .side-comments-wrap .input-file-wrap {display:flex;align-items:center;width:100%;position:relative;} #container.boards .side-comments-wrap .input-file-wrap .input-box{display:flex;align-items:center;width:100%;position:relative;} #container.boards .side-comments-wrap .input-file-wrap .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container.boards .side-comments-wrap .input-file-wrap .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} #container.boards .side-comments-wrap .input-file-wrap .input-box label:before {transform:rotate(45deg);} #container.boards .side-comments-wrap .input-file-wrap .input-box input.upload-name {outline:none;display:inline-block;width:100%;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.15);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px; padding-right:28px;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup{display:none;position:absolute;width:100%;left:0;bottom:calc(100% + 5px);background-color:#fff;padding:10px;border-radius:6px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a{display:flex;padding:5px 10px;border-radius:6px;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a:hover{background-color:#EBF2FF;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a .figure{width:26px;height:26px;overflow:hidden;border-radius:50%;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a .text{padding-left:10px;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a .text p.name{font-size:13px;color:#1b1b1b;font-weight:500;} #container.boards .side-comments-wrap .input-file-wrap .comments-popup ul li a .text p.email{font-size:13px;color:#1b1b1b;font-weight:500;opacity:0.5;} #container.boards .side-comments-wrap .side-bottom{display:flex;align-items:center;} #container.boards .side-comments-wrap .send{margin-left:3px;} #container.boards .side-comments-wrap .send > a{display:flex;position:relative;width:24px;height:24px;} #container.boards .side-comments-wrap .send > a:before{content:'';background:url("../images/common/icon-send.png")no-repeat;display:inline-block;width:24px;height:24px;} #container.boards{overflow-x:hidden;} #container.boards .side-comments-wrap .side-editWrap{opacity:0;transform:translateY(100%);transition:.25s;background-color:#fff;position:absolute;right:0;bottom:0;width:100%;box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.25);border-top: 1px solid rgba(0, 0, 0, 0.20);padding:20px;} #container.boards .side-comments-wrap .side-editWrap.active{opacity:1;transform:translateY(0);transition:.25s;} #container.boards .side-comments-wrap .side-editWrap .del-box{display:flex;align-items:center;width:227px;height:48px;border-radius:6px;border:1px solid #d9d9d9;} #container.boards .side-comments-wrap .side-editWrap .del-box + .del-box{margin-top:6px;} #container.boards .side-comments-wrap .side-editWrap .del-box .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} #container.boards .side-comments-wrap .side-editWrap .del-box .file-img.pdf{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(179, 11, 0, 0.08);border-right:1px solid #d9d9d9;} #container.boards .side-comments-wrap .side-editWrap .del-box .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);} #container.boards .side-comments-wrap .side-editWrap .del-box .cont .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 24px)} #container.boards .side-comments-wrap .side-editWrap .del-box .cont .text p.name{font-size:13px;color:#000;font-weight:500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #container.boards .side-comments-wrap .side-editWrap .del-box .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #container.boards .side-comments-wrap .side-editWrap .del-box .cont a{display:flex;background:url("../images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;} #container.boards .side-comments-wrap .side-editWrap .del-box.img-section{height:auto;position:relative;} #container.boards .side-comments-wrap .side-editWrap .del-box.img-section figure{border-radius:5px;overflow:hidden;} #container.boards .side-comments-wrap .side-editWrap .del-box.img-section .del-btn{position:absolute;right:10px;top:10px;background-color:#fff;border-radius:6px;border:1px solid rgba(0,0,0,0.20);width:30px;height:30px;display:flex;align-items:center;justify-content:center;} #container.boards .side-comments-wrap .side-editWrap .del-box.img-section .del-btn:before{content:'';background:url("../images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;display:inline-block;} #container.boards .side-comments-wrap .side-editWrap .edit-input-wrap{display:flex;align-items:flex-end;margin-top:6px;} #container.boards .side-comments-wrap .editInput-file-wrap {height:32px;overflow:hidden;max-height:96px;} #container.boards .side-comments-wrap .side-editWrap .edit-input-wrap .send > a:before{position:absolute;bottom:4px;} #container.boards .side-comments-wrap .editInput-file-wrap .input-box textarea.upload-name{resize:none;width:calc(100% - 25px);overflow-y:auto;border:none;outline:none;padding:6px 8px;max-height:96px;} #container.boards .side-comments-wrap .editInput-file-wrap{position:relative;width:100%;border-radius:6px;border:1px solid #d9d9d9;} #container.boards .side-comments-wrap .editInput-file-wrap .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container.boards .side-comments-wrap .editInput-file-wrap .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;bottom:0;} #container.boards .side-comments-wrap .editInput-file-wrap .input-box label:before {transform:rotate(45deg);} #container.boards > .contents{padding:0;} #container.boards > .contents .title-area{height:50px;padding:0 25px;position:fixed;width:calc(100% - 210px);background-color:#fff;z-index:2;} #container.boards.small > .contents .title-area{padding:17px 25px;height:auto;width:calc(100% - 64px);} #container.boards > .contents > .post{padding:80px 25px 130px;} #container.boards.small > .contents > .post{padding-top:96px;} /* 2023-03-15 :: S 무료체험 종료안내 */ #container.experience{height:calc(100% - 30px)} #container.experience .contents{padding:0;width:100%;height:100%;} #container.experience .contents .experience-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:100%;} #container.experience .contents .experience-wrap .text{margin-bottom:40px;} #container.experience .contents .experience-wrap .text > h2{font-size:30px;color:#0069B9;font-weight:600;margin-bottom:20px;} #container.experience .contents .experience-wrap .text > p{font-size:20px;color:#494949;} #container.experience .contents .experience-wrap .goods > p{font-size:17px;color:#a8a8a8;margin-top:35px;} #container.experience .contents .experience-wrap .btn-wrap{margin-top:35px;display:flex;} #container.experience .contents .experience-wrap .btn-wrap > a{width:240px;height:55px;font-size:20px;color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;line-height:0;} #container.experience .contents .experience-wrap .btn-wrap > a + a{margin-left:20px;} /* 2023-03-15 :: E 무료체험 종료안내 */ #container > .contents {width:calc(100% - 210px);padding:20px 25px;padding-bottom:100px;}/*DO NOT ALLOW TO OVERRIDE https://www.kosign.com.kh/redmine/issues/40528*/ #container > .contents .title-area {display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #ECEFF1;} #container > .contents .title-area.sp-btw {justify-content:space-between;} #container > .contents .title-area > h1 {font-size:1.38rem;font-weight:700;line-height:32px;} #container > .contents .title-area > h1 > span.sub-title{font-size:13px;font-weight:500;color:#4949497c;margin-left:60px;} #container > .contents .title-area > h1 > div.sticker{margin-left:20px;width: 16px;height: 16px;position:relative;} #container > .contents .title-area > h1 > div.sticker > a{display:flex;align-items:center;width: 16px;height: 16px;background:url('../images/common/svg/icon-sticker.svg') no-repeat center top -7px/32px 186px;background-position:center top -7px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write {display:none;position:absolute;top:0;left:100%;padding-left:20px;z-index:2;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write:after {content:"";position:absolute;top:8px;left:6px;width:15px;height:11px;background:url('../images/common/svg/sticker_arrow.svg') no-repeat center center/cover;transform: rotateY(180deg);} #container > .contents .title-area > h1 > div.sticker > div.sticker-write.bottom {top:auto;bottom:-10px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write.bottom:after {top:auto;bottom:8px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts {width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .sticker-memo {padding:10px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .sticker-memo textarea {width:100%;min-height:75px;border:0;outline:none;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} #container > .contents .title-area > h1 > div.sticker > div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} #container > .contents .title-area > h1 > div.exclamationWrap{position:relative;} #container > .contents .title-area > h1 > div.exclamationWrap .title_info{position:absolute;left:calc(100% + 10px);top:-4px;display:none;} #container > .contents .title-area > h1 > div.exclamationWrap .title_info .conts{min-width:615px;font-size:13px;font-weight:500;color:#0069B9;line-height:1.3;padding:8px 14px;border:1px solid #d9d9d9;border-radius:5px;background-color:#fff;} #container > .contents .title-area > h1 > div.exclamationWrap .title_info .conts:before{content:"";position:absolute;top:10px;left:-4px;width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;transform:rotate(-45deg);background-color:#fff;} #container > .contents .title-area .title_sub{display:flex;align-items:center;} #container > .contents .title-area .title_sub > h1 {font-size:1.38rem;font-weight:700;line-height:32px;} #container > .contents .title-area .title_sub .section-title.icon-exclamation{font-weight:400;} #container > .contents .title-area.sp-btw .title{display:flex;align-items:center;} #container > .contents .title-area.sp-btw .title > h1{font-size:1.38rem;font-weight:700;line-height:32px;margin-right:27px;} #container > .contents .title-area > .page-func-wrap {display:flex;align-items:center;/*font-size:0;line-height:0;*/} #container > .contents .title-area > .page-func-wrap > div.function {display:flex;align-items:center;} #container > .contents .title-area > .page-func-wrap > div.function > div {position:relative;} #container > .contents .title-area > .page-func-wrap > div.function > div + div {padding-left:10px;margin-left:10px;} #container > .contents .title-area > .page-func-wrap > div.function > div + div:before {content:"";position:absolute;top:50%;left:0;transform:translate(0,-50%);width:1px;height:12px;background-color:rgba(0,0,0,0.25);} /* */ #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg{padding: 0 5px; height: 32px; background-color: #f5f5f5; border-radius: 6px;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg::after{content: "";display: block; width: 18px;transition: .45s; height: 18px; background-image: url(../images/common/svg/ico_chevdown.svg);background-repeat: no-repeat; transform: rotate(180deg);} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg.on::after{transform: rotate(0deg);transition: .45s;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg > div {display: none; position: absolute; top: calc(100% + 3px);width: 231px; right: 0; background-color: #fff; border-radius: 6px;padding: 5px; box-shadow: 0px 1px 2px 0px #0000000F, 0px 4px 20px 0px #00000026, 0px 0px 1px 0px #00000038;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg > div > p{ position: relative; width:100%;padding: 8px;font-weight: 500;display: flex; align-items: center;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down > a.excel_bg > div > p::after{ position: absolute; top: 8px; right: 8px; content: "";display: block; width: 16px; height: 16px; background-image: url(../images/common/svg/ico_arrow.svg);background-repeat: no-repeat;} /* */ #container > .contents .title-area > .page-func-wrap > div.page-btn {display:flex;align-items:center;margin-left:20px;} #container > .contents .detail-title-area {padding:15px 0;border-bottom:1px solid #ECEFF1;} #container > .contents .detail-title-area > .title {font-size:1.385rem;font-weight:700;} #container > .contents .detail-title-area > .summary {display:flex;align-items:center;margin-top:5px;} #container > .contents .detail-title-area > .summary > .infor {display:flex;align-items:center;} #container > .contents .detail-title-area > .summary > .infor span {display:flex;align-items:center;} #container > .contents .detail-title-area > .summary > .infor span + span:before {content:"";width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 14px;} #container > .contents .detail-title-area > .summary > .search-wrap {display:flex;align-items:center;} #container > .contents .detail-title-area > .summary > .search-wrap:before {content:"";width:1px;height:14px;background-color:#ccc;margin:0 20px;} #container > .contents .detail-title-area > .summary > .search-wrap > div {display:flex;align-items:center;} #container > .contents .detail-title-area > .summary > .search-wrap > div.ap {margin-left:20px;} #container > .contents .detail-title-area > .summary > .search-wrap > div > .tit {color:#A6A6A6;} #container > .contents .detail-title-area > .summary > .search-wrap > div > .cBlue {color:#0069B9;margin-left:10px;} #container > .contents .detail-title-area > .summary > .search-wrap > div > a {margin-left:10px;} #view-sort-box {display:none;position:absolute;top:calc(100% + 3px) ;right:0;min-width:320px;border:1px solid #333;border-radius:5px;z-index:2;background-color:#fff;} #view-sort-box > .sort-btn {display:flex;justify-content:space-between;align-items:center;padding:10px;} #view-sort-box > .sort-btn .tit {color:#000;font-weight:600;} #view-sort-box > .sort-btn .sort-btn {display:flex;} #view-sort-box > .sort-btn .sort-btn > a {width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:130%;border:1px solid #ccc;border-radius:3px;} #view-sort-box > .sort-btn .sort-btn > a + a {margin-left:3px;} #view-sort-box > .sort-btn .sort-btn > a.top {background-image:url('../images/common/svg/icon-sort-btn-bottom.svg');} #view-sort-box > .sort-btn .sort-btn > a.up {background-image:url('../images/common/svg/icon-sort-btn-down.svg');} #view-sort-box > .sort-btn .sort-btn > a.down {background-image:url('../images/common/svg/icon-sort-btn-up.svg');} #view-sort-box > .sort-btn .sort-btn > a.bottom {background-image:url('../images/common/svg/icon-sort-btn-top.svg');} #view-sort-box > .table-list {padding:0 10px;} #view-sort-box > .table-list .view-setting-listbox {border:1px solid #999;max-height:300px;overflow-y:scroll;} #view-sort-box > .table-list .view-setting-listbox > div {padding:5px 10px;} #view-sort-box > .table-list .view-setting-listbox > div:hover {background-color:#f5f5f5;} #view-sort-box > .table-list .view-setting-listbox > div.on {background-color:#ededed;} #view-sort-box > .table-list .view-setting-listbox > div > input[type=checkbox] + label {display:inline-block;line-height:17px;} #view-sort-box > .table-list .view-setting-listbox > div > input[type=checkbox] + label:before {vertical-align:middle;;} #view-sort-box > .table-list .view-setting-listbox > div.on > input[type=checkbox] + label {color:#000;font-weight:600;} #view-sort-box > .btn-wrap {display:flex;justify-content:space-between;align-items:center;padding:10px;} #view-sort-box > .btn-wrap a {font-size:1.0rem;} .view-sort.ver2 #view-sort-box{min-width:300px;} .view-sort.ver2 #view-sort-box > .sort-btn{padding:15px;} .view-sort.ver2 #view-sort-box{border:none;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);} .view-sort.ver2 #view-sort-box > .table-list{padding:0;} .view-sort.ver2 #view-sort-box > .table-list .view-setting-listbox{padding:0;border:none;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} .view-sort.ver2 #view-sort-box > .table-list .view-setting-listbox > div.on{background-color:transparent;} .view-sort.ver2 #view-sort-box > .btn-wrap a{padding:8px;font-weight:500;} .view-sort.ver2 #view-sort-box > .btn-wrap a.cancel{color:#0069B9;} .view-sort.ver2 #view-sort-box > .btn-wrap a.reset{display:flex;align-items:center;color:#000;font-weight:500;font-size:13px;} .view-sort.ver2 #view-sort-box > .btn-wrap a.reset:before{content: ''; background: url("../images/settings/icon-reset.svg") no-repeat; display: inline-block;width: 16px;height: 16px;margin-right: 3px;} #view-sort-box > .table-list .view-setting-listbox > div.chk{display:flex;align-items:center;} #view-sort-box > .table-list .view-setting-listbox > div.chk:before{content:'';background:url("../images/settings/icon-viewsetting-list.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:10px;} #view-sort-box > .table-list .view-setting-listbox > div.all-chk.checkbox-not-all > input[type=checkbox] + label:before{border-color:#0069B9;background:#0069B9 url('../images/common/svg/check_etc.svg') no-repeat center center/17px auto;} #filter-sort-box{display:none;position:absolute;top:calc(100% + 3px);left:0;min-width:265px;border-radius: 6px;z-index:1;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);} #filter-sort-box .view-setting-listbox > div{padding:10px;} #filter-sort-box .view-setting-listbox > div + div{border-top:1px solid #e0e0e0;} #container > .contents .advabces-wrap{} #container > .contents .advabces-wrap .list{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;border: 1px solid #C3C3C3;position:relative;border-radius:5px;} #container > .contents .advabces-wrap .list + .list{margin-top:20px;} #container > .contents .advabces-wrap .list > div{display:flex;align-items:center;} #container > .contents .advabces-wrap .list > div .etc > a{position:relative;} #container > .contents .advabces-wrap .list > div .etc .etc-select{display:none;position:absolute;right:10px;top:70%;width:175px;border:1px solid #E0E0E0;background-color:#fff;z-index:1;border-radius:5px;} #container > .contents .advabces-wrap .list > div .etc .etc-select ul li > a{display:flex;align-items:center;justify-content:space-between;padding:7px 17px;} #container > .contents .advabces-wrap .list > div .etc .etc-select ul li + li{border-top:1px solid #e0e0e0;} #container > .contents .advabces-wrap .list > div .etc .etc-select ul li:hover{background-color: #FAFAFA;} #container > .contents .advabces-wrap .list:before{content:'';border-radius:3px;width:9px;height:60px;position:absolute;left:0;top:0;background-color:#0069B9} #container > .contents .advabces-wrap .list.pink:before{content:'';border-radius:3px;width:9px;height:60px;position:absolute;left:0;top:0;background-color:#FE00FE} #container > .contents .advabces-wrap .list.disabled:before{content:'';border-radius:3px;width:9px;height:60px;position:absolute;left:0;top:0;background-color:#494949} #container > .contents .advabces-wrap .list .title{padding-left:25px;font-size:16px;font-weight:700;width:210px;position:relative;display:flex;} #container > .contents .advabces-wrap .list .title:before{content:'';background: url("../images/common/svg/cash_tel.svg") no-repeat;width:13px;height:17px;margin-right:3px;display:inline-block;} #container > .contents .advabces-wrap .list .title.on:before{content:'';background: url("../images/common/svg/cash_tel_on.svg") no-repeat;width:13px;height:17px;margin-right:3px;display:inline-block;} #container > .contents .advabces-wrap .list .unit{width:230px;text-align:right;font-size:16px;font-weight:700} #container > .contents .advabces-wrap .list .conversion{padding-left:18px;font-size:13px;color:#4949497C;font-weight:500;width:255px;} #container > .contents .advabces-wrap .list .project{font-size:13px;color:#4949497C;font-weight:500;padding-right:13px;position:relative;} #container > .contents .advabces-wrap .list .project:after{content:'';width:1px;height:24px;background-color:#c3c3c3;position:absolute;right:0;top:50%;transform:translateY(-50%);} #container > .contents .advabces-wrap .list .name{font-size:13px;font-weight:500;padding-left:30px;position:relative;overflow:visible;} #container > .contents .advabces-wrap .list .name a{position:relative;} #container > .contents .advabces-wrap .list .name a.sort-arrow-st:after {height: 18px;background: url("../images/common/svg/selectbox-arrow.svg") no-repeat center bottom -2px/22px 44px;transition: 0.25s;} #container > .contents .advabces-wrap .list .name a.sort-arrow-st.active:after{transform: rotate(180deg);transition: 0.25s;} #container > .contents .advabces-wrap .list .name .name-select{display:none;position:absolute;right:0;top:100%;width:375px;border:1px solid #E0E0E0;background-color:#fff;z-index:1;border-radius:5px;} #container > .contents .advabces-wrap .list .name .name-select > dl > a{display:flex;align-items:center;justify-content:space-between;padding:7px 17px;} #container > .contents .advabces-wrap .list .name .name-select > dl + dl{border-top:1px solid #e0e0e0;} #container > .contents .advabces-wrap .list .name .name-select > dl:hover{background-color: #FAFAFA;} #container > .contents .advabces-wrap .list .name .name-select > dl a > dt{font-size:13px;color:#1B1B1B} #container > .contents .advabces-wrap .list .name .name-select > dl a > dd{font-size:13px;color:#4949497C} #container > .contents .advabces-wrap .list.disabled{/* cursor:default;pointer-events: none; */opacity:1 !important;} #container > .contents .advabces-wrap .list.disabled:before{opacity:0.45 !important;} #container > .contents .advabces-wrap .list.disabled > div.first{opacity:0.45 !important} #container > .contents .advabces-wrap .list.disabled > div .etc{opacity:1 !important} #container > .contents .advabces-wrap .list.disabled .name a{pointer-events: none;} #container > .contents .search-etc-wrap {display:flex;align-items:center;padding:5px 0;} #container > .contents .search-etc-wrap.sp-btw {justify-content:space-between;} #container > .contents .search-etc-wrap.b-line {border-bottom:1px solid #ECEFF1;} #container > .contents .search-etc-wrap > div {display:flex;align-items:center;} #container > .contents .search-etc-wrap > div.first {padding:5px 0;} #container > .contents .search-etc-wrap > div.first > div {display:flex;} #container > .contents .search-etc-wrap > div.first > div + div {margin-left:7px;} #container > .contents .search-etc-wrap > div.first > .invoice_radio div{font-weight:600;color:#5b5d5d} #container > .contents .search-etc-wrap > div.first > .invoice_radio div + div{margin-left:20px;} #container > .contents .search-etc-wrap > div.first > .select-tab-st {display:flex;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a {position:relative;font-weight:700;padding:7px 0;min-width:80px;text-align:center;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a.on {color:#0069B9;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a.on:before {content:"";position:absolute;top:calc(100% + 9px);left:0;width:100%;height:3px;background-color:#0069B9;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a + a {margin-left:25px;} #container > .contents .search-etc-wrap > div.first.displayflex-spw{width:100%;} #container > .contents .search-etc-wrap > div.first > .user-wrap{position:relative;} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select{display:none;position:absolute;right:0;top:100%;width:375px;border:1px solid #E0E0E0;background-color:#fff;z-index:1;border-radius:5px;} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select > dl > a{display:flex;align-items:center;justify-content:space-between;padding:7px 17px;} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select > dl + dl{border-top:1px solid #e0e0e0;} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select > dl:hover{background-color: #FAFAFA;} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select > dl a > dt{font-size:13px;color:#1B1B1B} #container > .contents .search-etc-wrap > div.first > .user-wrap .uesr-select > dl a > dd{font-size:13px;color:#4949497C} #container > .contents .search-etc-wrap > div.first > .user-wrap > a{position:relative;color:#0169B9;font-size:13px;text-decoration:underline;display:flex;align-items:center;} #container > .contents .search-etc-wrap > div.first > .user-wrap > a:before{content:'';display:inline-block;background: url("../images/common/svg/user-icon.svg")no-repeat center center /20px 20px;width:20px;height:20px;margin-right:8px;} #container > .contents .search-etc-wrap > div.first > .user-wrap > a:after{content:'';display:inline-block;background: url("../images/common/svg/free_date_arrow.svg")no-repeat center center/6px 4px;width: 6px;height: 4px;margin-left: 10px;transition: 0.25s;} #container > .contents .search-etc-wrap > div.first > .user-wrap > a.active:after{transform: rotate(180deg);transition: 0.25s;} #container > .contents .search-etc-wrap > div.first > .name,#container > .contents .search-etc-wrap > div.first > .user-name,#container > .contents .search-etc-wrap > div.first > .bank,#container > .contents .search-etc-wrap > div.first > .state{font-weight:700;} #container > .contents .search-etc-wrap > div.first > .user-name{margin-left:140px;position:relative;} #container > .contents .search-etc-wrap > div.first > .bank{margin-left:40px;} #container > .contents .search-etc-wrap > div.first > .state{margin-left:60px;} #container > .contents .search-etc-wrap > div.first > .user-name > a{display:flex;align-items:center;} #container > .contents .search-etc-wrap > div.first > .user-name > a:before{content:'';display:inline-block;background: url("../images/common/svg/user-icon.svg")no-repeat center center /20px 20px;width:20px;height:20px;margin-right:8px;} #container > .contents .search-etc-wrap > div.first > .user-name > a:after{content:'';height: 18px;background: url("../images/common/svg/selectbox-arrow.svg") no-repeat center bottom -2px/22px 44px;transition: 0.25s;} #container > .contents .search-etc-wrap > div.first > .user-name > a.active:after{transform: rotate(180deg);transition: 0.25s;} #container > .contents .search-etc-wrap > div.first .name-select{display:none;position:absolute;left:28px;top:110%;width:375px;border:1px solid #E0E0E0;background-color:#fff;z-index:1;border-radius:5px;} #container > .contents .search-etc-wrap > div.first .name-select > dl > a{display:flex;align-items:center;justify-content:space-between;padding:7px 17px;} #container > .contents .search-etc-wrap > div.first .name-select > dl + dl{border-top:1px solid #e0e0e0;} #container > .contents .search-etc-wrap > div.first .name-select > dl:hover{background-color: #FAFAFA;} #container > .contents .search-etc-wrap > div.first .name-select > dl a > dt{font-size:13px;color:#1B1B1B} #container > .contents .search-etc-wrap > div.first .name-select > dl a > dd{font-size:13px;color:#4949497C} #container > .contents .search-etc-wrap > div.last {padding:5px 0;} #container > .contents .search-etc-wrap > div.last > a + a {margin-left:5px;} #container > .contents .search-etc-wrap > div.last > a.icon-setting{position:relative;display:flex;align-items:center;min-width:32px !important;padding:0;justify-content:center;} #container > .contents .search-etc-wrap > div.last > a.icon-setting:before{content:'';background:url("../images/common/svg/icon-setting.svg")no-repeat;width:18px;height:18px;display:inline-block;} #container > .contents .search-etc-wrap > div.last > div + div {margin-left:7px;} #container > .contents .search-etc-wrap > div.last > .generate-wrap {position:relative;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table {display:none;position:absolute;top:100%;right:0;z-index:1;background-color:#fff;padding:10px;border:1px solid #ECEFF1;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > h1 {font-weight:600;text-align:center;padding-bottom:10px;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > ul > li {display:flex;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > ul > li > span {width:85px;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > ul > li + li {margin-top:5px;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > .btn-wrap {padding-top:10px;text-align:center;} #container > .contents .search-etc-wrap > div.last > .generate-wrap > .generate-table > .btn-wrap > a {font-size:13px;} #container > .contents .search-etc-wrap div.exchange-rate {display:flex;border:1px solid #ECEFF1;border-radius:5px;} #container > .contents .search-etc-wrap div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:0 8px;border-right:1px solid #ECEFF1;} #container > .contents .search-etc-wrap div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} #container > .contents .search-etc-wrap div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} #container > .contents .search-etc-wrap div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} #container > .contents .search-etc-wrap div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} #container > .contents .form-wrap {} #container > .contents .form-wrap ul.form-ul {padding-top:10px;} #container > .contents .form-wrap ul.form-ul.borderBtm {border-bottom:1px solid #ECEFF1;padding-bottom:20px;} #container > .contents .form-wrap ul.form-ul > li {position:relative;padding:10px 0 0 130px;} #container > .contents .form-wrap ul.form-ul > li .operation > div.alert{display:flex;align-items:center;color:rgba(203, 13, 13, 1);font-weight:500;} #container > .contents .form-wrap ul.form-ul > li .operation > div.alert:before{content:'';background:url("../images/common/svg/icon_operation_alert.svg")no-repeat;display:inline-block;width:4px;height:13px;margin-right:5px;} #container > .contents .form-wrap ul.form-ul.project > li {position:relative;padding:10px 0 0 180px;} #container > .contents .form-wrap ul.form-ul.project > li > div > textarea {width:500px;height:150px;} #container > .contents .form-wrap ul.form-ul.project > li .calendar-wrap input[type=text]{width:280px;} #container > .contents .form-wrap ul.form-ul > li.add-line {margin-top:10px;border-top:1px solid #ECEFF1;} #container > .contents .form-wrap ul.form-ul.subjWide > li {padding-left:200px;} #container > .contents .form-wrap ul.form-ul > li > span {position:absolute;top:20px;left:0;font-weight:600;display:flex;align-items:center;} #container > .contents .form-wrap ul.form-ul > li > div.check-radio-wrap {display:flex;} #container > .contents .form-wrap ul.form-ul > li > div.check-radio-wrap > div {padding:9px 0;} #container > .contents .form-wrap ul.form-ul > li > div.check-radio-wrap > div + div {margin-left:30px;} #container > .contents .form-wrap ul.form-ul > li > div.check-radio-wrap.cols3 {width:570px;flex-wrap:wrap;} #container > .contents .form-wrap ul.form-ul > li > div.check-radio-wrap.cols3 > div {width:calc(100% / 3);margin-left:0;} #container > .contents .form-wrap ul.form-ul > li > div.flex {display:flex;align-items:center;} #container > .contents .form-wrap ul.form-ul > li > div .icon-svg.icoTicker {/*border:1px solid #ECEFF1;*/border-radius:5px;margin-left:3px;} #container > .contents .form-wrap ul.form-ul > li > div.logo-file-wrap {display:flex;align-items:center;} #container > .contents .form-wrap ul.form-ul > li > div.logo-file-wrap .logo-box {border:1px solid #ECEFF1;border-radius:5px;margin-right:7px;background-color:#FAFAFA;width:193px;height:50px;} #container > .contents .form-wrap ul.form-ul > li > div > a.add-a-wabooks-account {display:inline-block;color:#0069B9;} #container > .contents .form-wrap ul.form-ul > li > div > a.id-confirm {font-size:13px;height:30px;line-height:28px;margin-left:3px;} #container > .contents .form-wrap ul.form-ul > li > div > a.resetpassword {font-size:13px;height:30px;line-height:28px;} #container > .contents .form-wrap ul.form-ul > li > div > textarea {border:1px solid #ECEFF1;border-radius:5px;padding:7px;margin-top:6px;resize:none;} #container > .contents .form-wrap ul.form-ul > li > div > p.active{color: #17864C;font-weight: 500;font-size: 13px;letter-spacing: -0.13px;display:flex;align-items:center;} #container > .contents .form-wrap ul.form-ul > li > div > p.active:before{content:'';background:url("../images/settings/icon-complete.svg")no-repeat;width:16px;height:16px;display:inline-block;margin-right:4px;} #container > .contents .form-wrap ul.form-ul > li > div > p.status-alert{color: #CB0D0D;font-weight: 500;font-size: 13px;letter-spacing: -0.13px;display:flex;align-items:center;} #container > .contents .form-wrap ul.form-ul > li > div > p.status-alert:before{content:'!';display:inline-block;margin-right:4px;} #container > .contents .form-wrap ul.form-ul > li > div > span.last_update{font-weight:bold;font-size:12px;} #container > .contents .form-wrap ul.form-ul > li .position-relative{position:relative;} #container > .contents .form-wrap ul.form-ul > li .ticker-tooltip{display:none;position: absolute;top: calc(-100% - 35px);left: 50%; transform: translateX(-50%);background: #fff; border-radius: 8px;padding: 10px 15px;color: #000;font-size: 14px;max-width: 400px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);width:max-content;} #container > .contents .form-wrap ul.form-ul > li .ticker-tooltip:after{content: "";position: absolute;bottom: -0.5rem; left: 50%; translate: -50% 0;width: 1rem; height: 1rem;rotate: 45deg;z-index: -1;background-color: inherit;} #container > .contents .form-wrap ul.form-ul > li .alert-text{} #container > .contents .form-wrap ul.form-ul > li .alert-text{} /*DO NOT ALLOW TO OVERRIDE https://www.kosign.com.kh/redmine/issues/40368*/ #container > .contents .general-info-wrap ul > li .ticker-tooltip {display: none;position: absolute;top: calc(-100% - 35px);left: 50%;transform: translateX(-50%);background: #fff;border-radius: 8px;padding: 10px 15px;color: #000;font-size: 14px;max-width: 400px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);width: max-content;} #container > .contents .general-info-wrap ul > li .ticker-tooltip:after {content: "";position: absolute;bottom: -0.5rem;left: 50%;translate: -50% 0;width: 1rem;height: 1rem;rotate: 45deg;z-index: -1;background-color: inherit;} #container > .contents .general-info-wrap ul > li > div > p.active {color: #17864C;font-weight: 500;font-size: 13px;letter-spacing: -0.13px;display: flex;align-items: center;} #container > .contents .general-info-wrap ul > li > div > p.active:before {content: '';background:url("../images/settings/icon-complete.svg")no-repeat;width: 16px;height: 16px;display: inline-block;margin-right: 4px;} #container > .contents .general-info-wrap ul > li > div > p.status-alert {color: #CB0D0D;font-weight: 500;font-size: 13px;letter-spacing: -0.13px;display: flex;align-items: center;} #container > .contents .general-info-wrap ul > li > div > p.status-alert:before {content: '!';display: inline-block;margin-right: 4px;} #container > .contents .general-info-wrap ul > li > div > p.active:before {content: '';background:url("../images/settings/icon-complete.svg")no-repeat;width: 16px;height: 16px;display: inline-block;margin-right: 4px;} /* 2023-05-24 */ #container > .contents .formList-wrap{} #container > .contents .formList-wrap .graph-wrap{display:flex;margin:20px 10px 25px;} #container > .contents .formList-wrap .graph-wrap > div + div{margin-left:400px;} #container > .contents .formList-wrap .graph-wrap > .state.active .num{background-color:#0069B9;} #container > .contents .formList-wrap .graph-wrap > .state.active .num:before{background-color:#0069B9;} #container > .contents .formList-wrap .graph-wrap > .state.active p{color:#0069B9;} #container > .contents .formList-wrap .graph-wrap > .state:first-child .num:before{display:none;} #container > .contents .formList-wrap .graph-wrap .state{display:flex;flex-direction:column;align-items:center;} #container > .contents .formList-wrap .graph-wrap .state .num{display:flex;justify-content:center;align-items:center;background-color:#80858F;border-radius:50%;width:21px;height:21px;color:#fff;font-size:13px;font-weight:500;position:relative;} #container > .contents .formList-wrap .graph-wrap .state .num:before{content:'';width:428px;height:1px;background-color:#80858f;display:inline-block;position:absolute;right:21px;} #container > .contents .formList-wrap .graph-wrap .state p{margin-top:7px;font-size:12px;font-weight:600;color:#80858f} #container > .contents .formList-wrap .btn-area a.primary{width:337px;} #container > .contents .formList-wrap .btn-area a + a{margin-left:12px;} #container > .contents .formList-wrap .form-cont + .form-cont{margin-top:12px;} #container > .contents .formList-wrap .form-cont > .title{padding:10px 0 13px;display:flex;} #container > .contents .formList-wrap .form-cont > .title .topic{display:flex;align-items:center;color:#828282;font-size:14px;font-weight:500;position:relative;} #container > .contents .formList-wrap .form-cont > .title .topic a.icon-exclamation:before{margin-right:0;margin-left:7px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap{position:relative;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup{position:absolute;display:none;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup{z-index:1;position:absolute;left:calc(100% + 10px);top:0;background-color:#fff;border-radius:5px;border:1px solid #d9d9d9;padding:15px ;min-width:310px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup:before{content:'';position:absolute;left:-8px;top:6px;background:url("../images/common/transfer_popup.png")no-repeat; background-size: 8px 11px;width:17px;height:20px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont{font-size:14px;color:#494949} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div{margin:10px 0;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p{position:relative;padding-left:10px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p:before{content:'';width:4px;height:4px;border-radius:50%;background-color:#000;position:absolute;left:0;top:5px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont > div > p + p{margin-top:3px;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup .cont > a{text-decoration:underline;color:#0069b9} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup > h4.title{font-size:12px;color:#494949;font-weight:500;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup{} #container > .contents .formList-wrap .form-cont > .title .topic:before{content:'';width:4px;height:4px;background-color:#0069b9;border-radius:50%;display:inline-block;margin-right:7px;} #container > .contents .formList-wrap .form-cont > .title .title-list > a{text-decoration:underline;color:#000;font-size:14px;font-weight:500;} #container > .contents .formList-wrap .form-cont > .title .title-list > a:hover{color:#0069B9} #container > .contents .formList-wrap .form-cont > .title .title-list > a{margin-left:18px;} #container > .contents .formList-wrap .form-cont > .ip-box{background-color:#F4F4F4;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:15px 25px;} #container > .contents .formList-wrap .form-cont > .ip-box > div + div{margin-top:6px;} #container > .contents .formList-wrap .form-cont > .ip-box .name{width:190px;font-size:13px;color:#000;font-weight:500;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont{max-width:calc(100% - 190px);display:flex;align-items:center;position:relative;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont a.update{background-color:#fff;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:5px;width:155px;height:33px;display:flex;align-items:center;justify-content:center;color:#494949;font-size:13px;font-weight:500;position:relative;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont a.update:before{content:'';background:url("../images/common/svg/icon-update.svg")no-repeat;display:inline-block;width:15px;height:14px;margin-right:3px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont div.select-box-default-st input.selectValue{background-color:#fff;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .textarea-wrap{display:flex;align-items:flex-end;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .textarea-wrap textarea{width:563px;height:100px;border-radius:5px;border:1px solid #d9d9d9;min-width:563px;max-width:563px;min-height:100px;max-height:100px;color:#000;font-size:13px;padding:10px 13px;outline:none;font-weight:500} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .count{font-size:11px;font-weight:500;color:#A6A6A6;margin-left:13px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap{position:relative;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup{display:none;z-index:1;position:absolute;left:calc(100% + 10px);top:0;background-color:#fff;border-radius:5px;border:1px solid #d9d9d9;padding:11px 13px;min-width:310px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup:before{content:'';position:absolute;left:-8px;top:6px;background:url("../images/common/transfer_popup.png")no-repeat; background-size: 8px 11px;width:17px;height:20px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont .cont-topic{font-size:14px;color:#828282;font-weight:500;position:relative;display:flex;align-items:center;margin-bottom:6px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont .cont-topic:before{content:'';width:4px;height:4px;border-radius:50%;background-color:#0069b9;display:inline-block;margin-right:6px;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div dl{display:flex;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div dl dt, #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div dl > dd{font-size:14px;font-weight:500;color:#000;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div dl dt{background-color:#eceff1;padding:4px 10px;width:250px;display:flex;align-items:center;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup .cont > div dl dd{width:calc(100% - 250px);border-left:1px solid #d9d9d9;padding:4px 10px;text-align:right;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup > h4.title{font-size:14px;color:#494949;font-weight:500;} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup{} #container > .contents .formList-wrap .form-cont > .ip-box .inputCont .exclamation-iconWrap .limitPopup > div{margin-top:9px;} #container > .contents .formList-wrap .form-cont > .ip-cont{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:15px 25px;} #container > .contents .formList-wrap .form-cont > .ip-cont > div + div{margin-top:20px;} #container > .contents .formList-wrap .form-cont > .ip-cont .name{width:190px;font-size:13px;color:#000;font-weight:500;} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont{max-width:calc(100% - 190px);display:flex;align-items:center;} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont > p.val{font-size:13px;font-weight:500;color:#000} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont div.select-box-default-st input.selectValue{background-color:#fff;} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont .textarea-wrap{display:flex;align-items:flex-end;} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont .textarea-wrap textarea{width:563px;height:100px;border-radius:5px;border:1px solid #d9d9d9;min-width:563px;max-width:563px;min-height:100px;max-height:100px;color:#000;font-size:13px;padding:10px 13px;outline:none;font-weight:500} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont .textarea-wrap .count{font-size:11px;font-weight:500;color:#A6A6A6;margin-left:13px;} #container > .contents .formList-wrap .form-cont > .ip-cont .inputCont .exclamation-iconWrap{position:relative;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap{display:flex;align-items:center;min-width:294px;min-height:103px;border-radius:8px;background-color:#f9f9f9;padding:12px 25px;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap .code{margin-right:20px;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap .code .qr-tit{font-size:10px;font-weight:500;color:#000;margin-bottom:3px;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap .code .code-num{font-size:14px;font-weight:600;color:#F60404;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap .code .ex{font-size:10px;font-weight:500;color:#000;margin-top:20px;} #container > .contents .formList-wrap .form-cont > .ip-cont .otp-wrap .qr{} #container > .contents .form-wrap.credit-table{padding:25px;background-color:#fafafa;} #container > .contents .form-wrap.credit-table .purpose-btn{display:flex;justify-content:flex-end;} #container > .contents .form-wrap.credit-table .purpose-btn > a{font-weight:600;} /* 23-03-30 */ #container > .contents .form-wrap .advances_cont{padding:75px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;} #container > .contents .form-wrap .advances_cont div.bg{background:url('../images/common/advances_bg.png') no-repeat center center;width:98px;height:106px;} #container > .contents .form-wrap .advances_cont > p{margin-top:18px;font-size:20px;font-weight:700;color:#0069B9;text-shadow: 1px 1px 1px #00000029;} #container > .contents .form-wrap .advances_cont > a{width:290px;height:60px;display:flex;align-items:center;justify-content:center;border: 1px solid #ECEFF1;border-radius: 5px;background-color:#0069B9;box-shadow: inset -12px -12px 12px #00000029;color:#fff;font-size:20px;font-weight:700;margin-top:18px;} #container > .contents .document {margin-top:25px;} #container > .contents .section-title {font-weight:700;} #container > .contents .section-title.icon-exclamation {display:flex;align-items:center;} #container > .contents .section-title.icon-exclamation:before {content:"";display:inline-block;width:17px;height:17px;background:url('../images/common/svg/icon-exclamation.svg') no-repeat center center;margin-right:7px;} #container > .contents .section-title.icon-lightning {display:flex;align-items:center;} #container > .contents .section-title.icon-lightning:before {content:"";display:inline-block;width:17px;height:17px;background:url('../images/common/svg/icon-lightning.svg') no-repeat center center;margin-right:7px;} #container > .contents .section-title.icon-http {display:flex;align-items:center;} #container > .contents .section-title.icon-http:before {content:"";display:inline-block;width:17px;height:17px;background:url('../images/common/svg/icon-http.svg') no-repeat center center;margin-right:7px;} #container > .contents .section-title.icon-http > a {color:#0069B9;} #container > .contents .section-title.icon-http > a:hover {text-decoration:underline;} #container > .contents .documents-wrap {padding:5px 15px 20px;background-color:#FAFAFA;border-bottom:1px solid #ECEFF1;} #container > .contents .documents-wrap.bgWhite {background-color:#FFF;} #container > .contents .documents-wrap.bt-line-none {border-bottom:0;} #container > .contents .documents-wrap > ul {padding-left:-15px;display:flex;flex-wrap:wrap;} #container > .contents .documents-wrap > ul li {margin:15px 0 0 10px;} #container > .contents .documents-wrap > ul li div.add-upload {position:relative;height:100%;border:1px dashed #ECEFF1;background-color:#fff;border-radius:5px;} #container > .contents .documents-wrap > ul li div.add-upload input[type="file"] + label {display:flex;justify-content:center;align-items:center;position:relative;width:150px;height:180px;word-break:break-all;} #container > .contents .documents-wrap > ul li div.add-upload input[type="file"] {/* 파일 필드 숨기기 */position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container > .contents .documents-wrap > ul li div.add-upload a.delete {display:none;position:absolute;bottom:5px;right:5px;width:24px;height:24px;border:1px solid #333;border-radius:3px;} #container > .contents .documents-wrap > ul li div.add-upload p.cont-tit {position:relative;color:#0069B9;text-align:center;padding:0 20px;} #container > .contents .documents-wrap > ul li div.add-upload p.cont-tit.icon-add-file {} #container > .contents .documents-wrap > ul li div.add-upload p.cont-tit.icon-add-file:before {content:"";display:block;width:26px;height:26px;background:url('../images/common/svg/icon-add-file.svg') no-repeat center center;margin:0 auto 10px;} #container > .contents .documents-wrap > ul li div.add-upload p.division {position:absolute;bottom:15px;left:50%;transform:translate(-50%,0);width:calc(100% - 20px);color:#A6A6A6;font-size:0.85rem;font-weight:600;text-align:center;} #container > .contents .documents-wrap > ul li div.add-upload.file-chk p {display:none;} #container > .contents .documents-wrap > ul li div.add-upload.file-chk a.delete {display:flex;} .setting-pagepopup div.add-upload {position:relative;height:100%;border:1px dashed #ECEFF1;background-color:#fff;border-radius:5px;} .setting-pagepopup div.add-upload input[type="file"] + label {display:flex;justify-content:center;align-items:center;position:relative;width:150px;height:180px;word-break:break-all;} .setting-pagepopup div.add-upload input[type="file"] {/* 파일 필드 숨기기 */position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .setting-pagepopup div.add-upload a.delete {display:none;position:absolute;bottom:5px;right:5px;width:24px;height:24px;border:1px solid #333;border-radius:3px;} .setting-pagepopup div.add-upload p.cont-tit {position:relative;color:#0069B9;text-align:center;padding:0 20px;} .setting-pagepopup div.add-upload p.cont-tit.icon-add-file {} .setting-pagepopup div.add-upload p.cont-tit.icon-add-file:before {content:"";display:block;width:26px;height:26px;background:url('../images/common/svg/icon-add-file.svg') no-repeat center center;margin:0 auto 10px;} .setting-pagepopup div.add-upload p.division {position:absolute;bottom:15px;left:50%;transform:translate(-50%,0);width:calc(100% - 20px);color:#A6A6A6;font-size:0.85rem;font-weight:600;text-align:center;} .setting-pagepopup div.add-upload.file-chk p {display:none;} .setting-pagepopup div.add-upload.file-chk a.delete {display:flex;} #container > .contents .documents-wrap > ul li div.photo-card {position:relative;height:100%;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;} #container > .contents .documents-wrap > ul li div.photo-card > figure {position:relative;background-color:#FAFAFA;} #container > .contents .documents-wrap > ul li div.photo-card > figure > a.delete {position:absolute;bottom:5px;right:5px;width:24px;height:24px;border-radius:3px;} #container > .contents .documents-wrap > ul li div.photo-card > figure > a.delete:before {width:24px;height:24px;background-image:url('../images/common/svg/menu-icon-delete-red2.svg');} #container > .contents .file-upload-info {position:relative;display:flex;align-items:center;background-color:#FAFAFA;border-radius:5px;overflow:hidden;padding:25px;border-radius:5px;margin-top:20px;} #container > .contents .file-upload-info figure.cloud {width:58px;height:58px;margin-right:20px;} #container > .contents .file-upload-info .info-txt p {position:relative;padding-left:10px;} #container > .contents .file-upload-info .info-txt p:before {content:"*";position:absolute;top:2px;left:0;} #container > .contents .file-upload-info .info-txt p + p {margin-top:5px;} #container > .contents .file-upload-info a.btn-st.excel {position:absolute;top:25px;right:25px;padding-left:0;font-size:1.0rem;} #container > .contents .file-upload-info a.btn-st.excel #container > .contents .file-choose-form {margin-top:20px;display:flex;align-items:center;} #container > .contents .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container > .contents .file-choose-form label {display:inline-block;height:32px;line-height:30px;color:#999;font-size:1.0rem;font-weight:600;background-color:#fdfdfd;cursor:pointer;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;border-radius:3px;padding:0 10px;margin-left:5px;} #container > .contents .file-choose-form .upload-name {display:inline-block;width:280px;height:32px;line-height:30px;font-size:1.0rem;background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none; } #container > .contents .file-choose-form a.import {font-size:1.0rem;margin-left:15px;display:flex;align-items:center;padding-left:5px;} #container > .contents .file-choose-form a.import:before {content:"";width:18px;height:18px;background:url('../images/common/svg/icon-file-import.svg') no-repeat center center;margin-right:5px;} #container > .contents .logo-choose-form {position:relative;display:flex;align-items:center;} #container > .contents .logo-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container > .contents .logo-choose-form label {position:absolute;top:0;left:0;right:0;bottom:0;} #container > .contents .logo-choose-form .upload-name {display:inline-block;border:1px solid #ECEFF1;border-radius:5px;margin-right:7px;background-color:#FAFAFA;padding:0 5px;width:193px;height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #container > .contents .logo-choose-form a.delete {position:absolute;top:50%;right:5px;transform:translate(0,-50%);} #container > .contents .logo-choose-form a.delete:before {background-image:url('../images/common/svg/menu-icon-delete-red2.svg');} #container > .contents .seal-file-wrap {display:flex;align-items:center;} #container > .contents .seal-choose-form {position:relative;display:flex;align-items:center;} #container > .contents .seal-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container > .contents .seal-choose-form label {position:absolute;top:0;left:0;right:0;bottom:0;} #container > .contents .seal-choose-form .upload-name {display:inline-block;border:1px solid #ECEFF1;border-radius:5px;margin-right:7px;background-color:#FAFAFA;padding:0 5px;width:300px;height:300px;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #container > .contents .seal-choose-form a.delete {position:absolute;bottom:5px;right:5px;} #container > .contents .seal-choose-form a.delete:before {background-image:url('../images/common/svg/menu-icon-delete-red2.svg');} #container > .contents .memo-side-wrap {position:fixed;top:48px;right:0;width:330px;height:calc(100% - 48px);padding-bottom:30px;background-color:#fafafa;border-left:1px solid #eceff1;transform:translate(100%,0);opacity:0;} #container > .contents .memo-side-wrap.active {transform:translate(0,0);opacity:1;} #container > .contents .memo-side-wrap .wrap {height:100%;} #container > .contents .memo-side-wrap .wrap .head {display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .head h5 {color:#494949;font-size:1.25rem;font-weight:700;padding:15px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap {background-color:#FAFAFA;padding:0 15px;display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box {display:flex;align-items:center;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a + a {margin-left:7px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap a.close {width:24px;height:24px;background:url('../images/common/btn_close.png') no-repeat center center;margin-left:10px;} #container > .contents .memo-side-wrap .wrap .cont {position:relative;height:calc(100% - 50px);} #container > .contents .memo-side-wrap .wrap .cont .list-table {position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 5px 15px 15px;overflow:hidden;/*transform:translate(100%,0);*/} /*#container > .contents .memo-side-wrap .wrap .cont .list-table.active {transform:translate(0,0);}*/ #container > .contents .memo-side-wrap .wrap .cont .list-table form {width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list {width:100%;max-height:100%;overflow-y:auto;padding-right:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table.active .list {max-height:calc(100% - 70px);} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li + li {margin-top:20px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li h6 {} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap {margin-top:4px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .cont {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;line-height:1.4;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util {display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util p.date {color:#a6a6a6;font-weight:300;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn {display:flex;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a {width:30px;height:30px;opacity:0.4;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a:hover {opacity:1;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a.write {background:url('../images/common/svg/menu-icon-edit.svg') no-repeat center center;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a.delete {background: url('../images/common/svg/icon-delete.svg') no-repeat center top/30px 90px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap {display:none;margin-top:4px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .form .sticker-side-memo {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .form .sticker-side-memo textarea {width:100%;min-height:85px;resize:none;border:0;outline:none;line-height:1.4;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap {margin-top:10px;display:flex;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap a {font-size:13px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap a + a {margin-left:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .btn-wrap {width:calc(100% - 15px);display:none;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .list-table .btn-wrap a.write {min-width:40px;width:44px;height:44px;border-radius:50%;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;background-image:url('../images/common/btn_memo_write.png');background-repeat:no-repeat;background-position:center center;} #container > .contents .memo-side-wrap .wrap .cont .list-table.active .btn-wrap {display:flex;} #container > .contents .memo-side-wrap .wrap .cont .write-table {position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:15px 20px 15px 15px;overflow:hidden;transform:translate(100%,0);background-color:#fafafa;} #container > .contents .memo-side-wrap .wrap .cont .write-table.active {transform:translate(0,0);} #container > .contents .memo-side-wrap .wrap .cont .write-table form {} #container > .contents .memo-side-wrap .wrap .cont .write-table .form .sticker-side-memo {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;} #container > .contents .memo-side-wrap .wrap .cont .write-table .form .sticker-side-memo textarea {width:100%;min-height:150px;resize:none;border:0;outline:none;line-height:1.4;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap {margin-top:10px;display:flex;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap a {font-size:13px;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap a + a {margin-left:10px;} #container > .contents #btn-wrap-default .btn-area a {min-width:100px;} #container > .contents.purpose-wrap #table-list-wrap table tbody tr td > a.icon-svg-menu.check:before{background-size:32px auto !important;} #container > .contents.purpose-wrap > .tabCont .box-wrap {padding:20px;margin-top:20px;} #container > .contents.purpose-wrap > .tabCont .box-wrap h3 {position:relative;color:#494949;font-size:15px;font-weight:800;display:flex;align-items:center;} #container > .contents.purpose-wrap > .tabCont .box-wrap h3:before {content:"";position:absolute;top:5px;left:-15px;width:7px;height:7px;border-radius:50%;background-color:#0069B9;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit {position:relative;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit ul.form-ul > li > span {position:relative;top:0;width:170px;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit ul.form-ul > li > span.table-tit {top:13px;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit a.edit {position:absolute;top:20px;right:50px;color:#0069B9;font-size:15px;font-weight:600;} #container > .contents.purpose-wrap .documents-wrap {padding-left:0;} #container > .contents.purpose-wrap .documents-wrap > ul li {margin:15px 10px 0 0;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit ul.form-ul > li {display:flex;flex-wrap:wrap;align-items:center;padding-top:20px;padding-left:0;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit ul.form-ul > li > div{display:flex;align-items:center;min-width:350px;} #container > .contents.purpose-wrap > .tabCont .box-wrap.edit ul.form-ul > li > div > span{width:170px;} #container > .contents.purpose-wrap > .tabCont .purpose_tab{border-bottom:1px solid #ECEFF1;display:flex;padding:20px 0;} #container > .contents.purpose-wrap > .tabCont .purpose_tab > a{position:relative;font-size:18px;padding:0 15px 10px 0;display:flex;border-bottom:1px solid rgba(255,255,255,0)} #container > .contents.purpose-wrap > .tabCont .purpose_tab > a.on{color:#0069b9;border-bottom:1px solid #0069b9} #container > .contents.purpose-wrap > .tabCont .purpose_tab > a + a:before{content:'';width:1px;height:23px;background-color:#4949497C;display:inline-block;margin-right:15px;} #container > .contents.purpose-wrap .searchPopup-wrap > div.first > .select-tab-st {display:flex;} #container > .contents.purpose-wrap .searchPopup-wrap > div.first > .select-tab-st a {position:relative;font-weight:700;padding:7px 0;min-width:80px;text-align:center;} #container > .contents.purpose-wrap .searchPopup-wrap > div.first > .select-tab-st a.on {color:#0069B9;} #container > .contents.purpose-wrap .searchPopup-wrap > div.first > .select-tab-st a.on:before {content:"";position:absolute;top:calc(100% + 9px);left:0;width:100%;height:3px;background-color:#0069B9;} #container > .contents.purpose-wrap .searchPopup-wrap > div.first > .select-tab-st a + a {margin-left:25px;} /* LAYERPOPUP :: Default */ #wabook-layerPopup-default {position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;} /*DO NOT ALLOW TO OVERRIDE*/ #wabook-layerPopup-default.active {opacity:1;z-index:9;} /*DO NOT ALLOW TO OVERRIDE*/ #wabook-layerPopup-default > .layerPopup-wrap {display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(73,73,73,0.49);/*-webkit-backdrop-filter: blur(1.5px);backdrop-filter: blur(1.5px);*/} #wabook-layerPopup-default > .layerPopup-wrap.backdrop {-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont {position:relative;display:block;box-shadow:0px 0px 50px rgba(0,0,0,0.25);} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont .layerPopup-resize {position:absolute;top:11px;right:41px;width:36px;height:36px;background:url('../images/common/svg/layerPopupResize.svg') no-repeat center center/16px 16px;cursor:zoom-out;} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont .layerPopup-resize.on {background:url('../images/common/svg/layerPopupResize_on.svg') no-repeat center center/16px 16px;cursor:zoom-in;} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont .layerPopup-close {position:absolute;top:11px;right:5px;width:36px;height:36px;background:url('../images/common/svg/layerPopupClose.svg') no-repeat center center/16px 16px;cursor:pointer;z-index:1;} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.boards-popup .layerPopup-close{background:url('../images/common/svg/boardsLayerPopupClose.svg') no-repeat center center;width:59px;height:24px;z-index:10;} #wabook-layerPopup-default #table-form-wrap table tbody tr td {height:45px;} #wabook-layerPopup-default #table-form-wrap table tbody tr.on td, #wabook-layerPopup-default #table-form-wrap table tbody tr.on td label {color:#0069B9;} /* LAYERPOPUP :: Side */ #wabook-layerPopup-side {position:absolute;border:1px solid #ECEFF1;border-radius:10px;box-shadow:1px 1px 5px rgb(0 0 0 / 8%);} #wabook-layerPopup-side > .layerCont {display:block;} #wabook-layerPopup-side > .layerCont > h1 {cursor:default;} /* 풀다운 Menu */ /*#container > .contents > .title-area > .page-func-wrap > div.down_menu_box {position:relative;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select {display:none;position:absolute;top:100%;right:0px;border-radius:5px;overflow:hidden;min-width:100%;height:auto;padding:3px 0 0;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:2;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li {display:inline-block;width:100%;height:auto;border:1px solid #ECEFF1;border-bottom:0;background-color:#FFF;cursor:pointer;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li + li {border-top:0;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li:first-child {border-radius:5px 5px 0 0;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li a {display:flex;align-items:center;font-weight:500;padding:8px 12px;white-space:nowrap;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li a:hover {color:#0069B9;background-color:#FAFAFA;} #container > .contents > .title-area > .page-func-wrap > div.down_menu_box > ul.down_menu_select li a:hover:before {background-color:#0069B9;}*/ div.down_menu_box {position:relative;display:inline-block;} div.down_menu_box > ul.down_menu_select {display:none;position:absolute;top:100%;right:0px;border-radius:5px;overflow:hidden;min-width:100%;height:auto;margin:3px 0 0;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;} div.down_menu_box > ul.down_menu_select li {display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.down_menu_box > ul.down_menu_select li + li {} div.down_menu_box > ul.down_menu_select li:first-child {border-radius:5px 5px 0 0;} div.down_menu_box > ul.down_menu_select li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} div.down_menu_box > ul.down_menu_select li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} div.down_menu_box > ul.down_menu_select li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.down_menu_box > ul.down_menu_select li a:hover {color:#0069B9;background-color:#FAFAFA;} div.down_menu_box > ul.down_menu_select li a:hover:before {background-color:#0069B9;} div.down_menu_box_simple {position:relative;display:inline-block;} div.down_menu_box_simple > ul.down_menu_select {display:none;position:absolute;top:100%;right:0px;border-radius:5px;min-width:100%;height:auto;margin:3px 0 0;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:2;} div.down_menu_box_simple > ul.down_menu_select > li {position:relative;display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.down_menu_box_simple > ul.down_menu_select > li + li {} div.down_menu_box_simple > ul.down_menu_select > li:first-child {border-radius:5px 5px 0 0;} div.down_menu_box_simple > ul.down_menu_select > li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} div.down_menu_box_simple > ul.down_menu_select > li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} div.down_menu_box_simple > ul.down_menu_select > li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.down_menu_box_simple > ul.down_menu_select > li a:hover {color:#0069B9;background-color:#FAFAFA;} div.down_menu_box_simple > ul.down_menu_select > li a:hover:before {background-color:#0069B9;} .layerPopupWrap > .layerContSide {display:none;position:absolute;width:360px;border:1px solid #ECEFF1;background-color:#fff;border-radius:10px;box-shadow:1px 1px 5px rgb(0 0 0 / 8%);z-index:200;} .layerPopupWrap > .layerContSide > h1 {cursor:pointer;} /*.layerPopupWrap > .layerContSide.rt {top:-30px;left:calc(100% - 20px);} .layerPopupWrap > .layerContSide.lt {top:-30px;right:calc(100% - 20px);}*/ .layerPopupWrap > .layerContSide .layerSidePopupWrap {width:100%;} .layerPopupWrap > .layerContSide.middle {width:860px;} .layerPopupWrap > .layerContSide #layerPopupSide-contsBox {padding:0 20px 20px;} .layerPopupWrap > .layerContSide #btn-wrap-side {position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px 10px;} .layerPopupWrap > .layerContSide #btn-wrap-side a {width:auto !important;} .layerPopupWrap > .layerContSide #btn-wrap-side a:before {content:none;} .layerPopupWrap > .layerContSide #btn-wrap-side a + a {margin-left:5px !important;} div.up_menu_box {position:relative;display:inline-block;} div.up_menu_box > ul.up_menu_select {display:none;position:absolute;bottom:100%;right:0px;border-radius:5px;overflow:hidden;min-width:100%;height:auto;margin:0 0 3px;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;} div.up_menu_box > ul.up_menu_select.pos-btm {bottom:auto;top:100%;margin:3px 0 0;} div.up_menu_box > ul.up_menu_select li {display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.up_menu_box > ul.up_menu_select li + li {} div.up_menu_box > ul.up_menu_select li:first-child {/*border-radius:5px 5px 0 0;*/} div.up_menu_box > ul.up_menu_select li:last-child {/*border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;*/} div.up_menu_box > ul.up_menu_select li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} div.up_menu_box > ul.up_menu_select li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.up_menu_box > ul.up_menu_select li a:hover {color:#0069B9;background-color:#FAFAFA;} div.up_menu_box > ul.up_menu_select li a:hover:before {background-color:#0069B9;} .dragging-cursor{cursor: url("../images/settings/icon-cursor.png") , auto;} /*2024-09-06*/ /* Expense approval status report */ /* 가로스크롤 */ #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll{position: relative;} #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll::-webkit-scrollbar {width: 50px;height: 6px;} #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll::-webkit-scrollbar-track {background-color: transparent;} #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll::-webkit-scrollbar-thumb { background-color: #000; background-color: rgba(0,0,0,0.2);margin: 20px 0;} #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll::-webkit-scrollbar-thumb:active { background-color: #000; background-color: rgba(0,0,0,0.5);} /* 테이블 */ #container.rept > .contents > .approval-wrap #table-list-wrap.tableScroll table thead{z-index: 0;} #container.rept > .contents > .approval-wrap #table-list-wrap > table > tbody > tr > td{padding:0;} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td{white-space: wrap;} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td.yellow-bg{background-color:#FFFEDB} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;margin-right:10px;} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td.tar{padding-right: 12px;} /* #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.yellow-bg{background-color:#FFFEDB} */ #container.rept > .contents > .approval-wrap #table-list-wrap table tbody tr td.table-tbody-list > div{max-height: none;} /* 상단 탭 */ #container.rept > .contents .search-etc-wrap > div.upload-state > div {display:flex;align-items:center;} #container.rept > .contents .search-etc-wrap > div.upload-state > div + div{margin-left: 24px;} #container.rept > .contents .search-etc-wrap > div.upload-state > div a {display: flex ;align-items: center; color: rgba(0, 0, 0, 0.5); font-weight: 500;} #container.rept > .contents .search-etc-wrap > div.upload-state > div a span{display: flex; align-items: center; justify-content: center; background-color: #E7E9FD; padding: 0 5px; line-height: 23px; border-radius: 5px; margin-left: 6px; color: #000; font-weight: 600;} #container.rept > .contents .search-etc-wrap > div.upload-state > div a.on{color: rgba(0, 0, 0, 1);} #container.rept > .contents .search-etc-wrap > div.upload-state > div a.on span{color: rgba(15, 31, 234, 1);} /* 상단 선택 박스 */ #container.rept > .contents .select-wrap{display: flex; align-items: center; gap: 0 10px;} #container.rept > .contents .select-wrap .select-box-left{display: flex;} #container.rept > .contents .select-wrap div.select-box-default-st.sbl-1 input.selectValue{width: 150px; border-radius: 5px 0 0 5px;} #container.rept > .contents .select-wrap div.select-box-default-st.sbl-2 input.selectValue{width:230px; border-radius: 0 5px 5px 0;} #container.rept > .contents .select-wrap .select-box-center{display:flex;align-items:center;} #container.rept > .contents .select-wrap .select-box-center .hiddenDivTwoDate{top:calc(100% + 10px)} /* 페이징 */ #container.rept > .contents #pagging-wrap.approval-pagging {position: relative;width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;} #container.rept > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf{display: flex; align-items: center; position: static;} #container.rept > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf > p{font-size: 14px; font-weight:500; margin-right: 15px;} #container.rept > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf div.select-box-default-st input.selectValue{ box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12); background: url('../../images/common/svg/approval-selectbox-arrow.svg') no-repeat right top 2px/25px 50px} #container.rept > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf div.select-box-default-st.on input.selectValue{background-position: right bottom 2px;} #container.rept > .contents #pagging-wrap.approval-pagging .total-page{margin: 0 35px; font-size: 14px; font-weight: 500;} #container.rept > .contents #pagging-wrap.approval-pagging .page-area > a.page-btn{border: none;background-color: transparent;background-image: url('../../images/common/svg/approval-icon-pagging-arrow.svg');width: 25px;height: 25px;background-size: 50px auto;} /* wecms :: s */ /* header_wecms menu-icon-approval.svg*/ #header.header_wecms .gnb-wrap a.bi{justify-content: flex-start; padding-left: 15px;} #header.header_wecms .gnb-wrap ul.menu-area li a.icon-svg-gnb:before{ background-size:24px auto;} #header.header_wecms .gnb-wrap ul.menu-area li a.icon-svg-gnb.banking:before{background-image:url('../images/common/svg/header_wecms_bank.svg');} #header.header_wecms .gnb-wrap ul.menu-area li a.icon-svg-gnb.service:before{background-image:url('../images/common/svg/header_service.svg');} #header.header_wecms .gnb-wrap ul.menu-area li a.icon-svg-gnb.settings:before{background-image:url('../images/common/svg/header_wecms_settings.svg');} #header.header_wecms .gnb-wrap ul.menu-area li a.icon-svg-gnb.payment:before{background-image:url('../images/common/svg/header_wecms_payment.svg');} #header.header_wecms .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.banking:before{background-image:url('../images/common/svg/header_wecms_bank_on.svg');} #header.header_wecms .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.service:before{background-image:url('../images/common/svg/header_service_on.svg');} #header.header_wecms .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.settings:before{background-image:url('../images/common/svg/header_wecms_settings_on.svg');} #header.header_wecms .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payment:before{background-image:url('../images/common/svg/header_wecms_payment_on.svg');} #header.header_wecms .util-wrap .infor-area > a + a{margin-left: 10px;} #header.header_wecms .icon-svg.white:before{content: "";display: block; width:32px;height:32px; background: no-repeat center center;} #header.header_wecms .icon-svg.white.manual:before{background-image:url("../images/common/we-cms-icon-manual.png") ;margin: 0;} #header.header_wecms .icon-svg.white.data:before{background-image:url("../images/common/we-cms-icon-data.png") ;} #header.header_wecms .icon-svg.white.notification:before{background-image:url("../images/common/we-cms-icon-noti.png") ;} #header.header_wecms .util-wrap .myinfor-area{ padding-left: 0px;margin-left: 0px;} #header.header_wecms .util-wrap .myinfor-area:before{display: none;} #header.header_wecms .util-wrap .myinfor-area > a.mypage{margin-left: 10px;} /* _wecms_left_menu */ #left-menu-wrap.left-menu-wecms{ padding: 10px 5px 150px;} #left-menu-wrap.left-menu-wecms div.name_tit{display: flex; align-items: center; padding: 8px; margin-bottom: 10px;} #left-menu-wrap.left-menu-wecms div.name_tit > div{width: 18px; height: 18px; border-radius: 6px; background-color: #E3E3E3; margin-right: 8px; overflow: hidden; } #left-menu-wrap.left-menu-wecms div.name_tit p{font-size: 13px; font-weight: 600;} #left-menu-wrap.left-menu-wecms a.icon-svg-menu:before{display: none;} #left-menu-wrap.left-menu-wecms > ul + ul{margin-top: 16px;} #left-menu-wrap.left-menu-wecms > ul > li > a{font-size: 11px; font-weight: 500;padding-left: 10px;} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a{padding-left: 10px;display: flex; align-items: center; font-weight: 500;} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a::before{content: ""; display: block; width: 18px; height: 18px; background: no-repeat center center; margin-right: 8px;} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.appro::before{background-image: url('../images/common/svg/menu-icon-approval.svg');} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.doc::before{background-image: url('../images/common/svg/ico_doc.svg');} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.dollar::before{background-image: url('../images/common/svg/ico_dollar.svg');} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.list::before{background-image: url('../images/common/svg/ico_list.svg');} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.arr::before{background-image: url('../images/common/svg/ico_arr.svg');} #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.menu_list::before{background-image: url('../images/common/svg/ico_menu_list.svg');} /* 테이블 */ #container.cms #table-list-wrap table tbody tr + tr{border-top: none;} #container.cms #table-list-wrap table tbody tr .wrap tr{border-bottom:1px solid #ECEFF1;} #container.cms #table-list-wrap table tbody tr td{padding: 0;} #container.cms #table-list-wrap table tbody tr .wrap td{ padding: 12px 7px;} #container.cms #table-list-wrap table tbody tr td div.cGreen{display: flex; align-items: center; margin-right: 4px;} #container.cms #table-list-wrap table tbody tr td div.cGreen::before{content: "";display: block; width: 18px; height: 18px; background: url('../images/common/svg/ico_check_green.svg'); position: relative ; top:-2px} #container.cms #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > a:after {content:"";width:18px;height:18px;background: url('../images/common/svg/cms-selectbox-arrow.svg') no-repeat center center;} /* 콘텐츠 */ #container.cms > .contents.weCms .title-area h1{display: flex;align-items: center;} #container.cms > .contents.weCms .title-area h1 span{display: flex;align-items: center; color: #171717;} #container.cms > .contents.weCms .title-area h1 span::before{content: ""; display: flex; width: 24px; height: 24px; background: url('../images/common/svg/tit_arrow.svg') no-repeat center center ; margin: 0 4px;} #container.cms > .contents.weCms .select-wrap{display: flex; align-items: center; justify-content: space-between;} /* #container.cms > .contents.weCms .select-wrap > div{display: flex; align-items: center;} */ #container.cms > .contents.weCms .select-wrap div.select-box-default-st.sbl-1 input.selectValue{border-radius: 5px; width: 100%;} .appr_Status_btn { position: relative; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; min-width: 80px; height: 30px; border: 1px solid #ECEFF1; padding: 0px 28px 0px 8px; border-radius: 5px; overflow: hidden; background: url('../images/common/svg/selectbox-arrow.svg') no-repeat right 3px bottom 3px/22px 44px; cursor: pointer; transition: .45s;} .appr_Status_btn.on{ border: 1px solid #000; background-position: right 3px top 3px; outline: none;} #container.cms > .contents.weCms .select-wrap .appr_Status_wrap #view-sort-box{ min-width: 210px; border-radius: 5px;overflow: hidden;height: auto;background-color: #FFF;border: 1px solid #ECEFF1;box-shadow: 1px 1px 5px rgba(0,0,0,0.035); } #container.cms > .contents.weCms .select-wrap .appr_Status_wrap #view-sort-box > .btn-wrap{justify-content: flex-end; padding-top: 0;} #container.cms > .contents.weCms .select-wrap .appr_Status_wrap .status-list .view-setting-listbox{padding: 8px; } #container.cms > .contents.weCms .select-wrap .appr_Status_wrap .status-list .view-setting-listbox > div{padding: 5px 0;} /* payment_result_vender */ #container.cms > .contents.weCms .payment_info_wrap{display: flex;align-items: center; margin-top: 25px;} #container.cms > .contents.weCms .payment_info_wrap > div{display: flex;align-items: center; } #container.cms > .contents.weCms .payment_info_wrap > div dl + dl{margin-left: 30px; } #container.cms > .contents.weCms .payment_info_wrap > div dl dt{color: #515151;font-weight: 500;} #container.cms > .contents.weCms .payment_info_wrap > div dl dd{margin-top: 10px;font-weight: 700;} #container.cms > .contents.weCms .payment_info_wrap .info_left{} #container.cms > .contents.weCms .payment_info_wrap .info_right{display: flex; margin-left: 40px; padding-left: 20px; position: relative;} #container.cms > .contents.weCms .payment_info_wrap .info_right::before{content: "";display: block; width: 1px; height: 40px; background-color: #E0E0E0; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #container.cms > .contents.weCms .download-wrap{margin-top:20px;display:flex;align-items:center;width:100%;max-width: 330px; height:48px;border-radius:6px;border:1px solid #d9d9d9; overflow: hidden;} #container.cms > .contents.weCms .download-wrap .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(33, 163, 101, 0.08);border-right:1px solid #d9d9d9; height: 48px; overflow: hidden;} #container.cms > .contents.weCms .download-wrap .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} #container.cms > .contents.weCms .download-wrap .cont .text p.name{font-size:13px;color:#000;font-weight:500;} #container.cms > .contents.weCms .download-wrap .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} #container.cms > .contents.weCms .download-wrap .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} #container.cms > .contents.weCms a.border-icon{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); background-color: #fff; border-radius: 6px; margin-right: 10px;} /* 페이징 */ /* #container.cms > .contents #pagging-wrap.approval-pagging {position: relative;width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;} #container.cms > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf{display: flex; align-items: center; position: static;} #container.cms > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf > p{font-size: 14px; font-weight:500; margin-right: 15px;} #container.cms > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf div.select-box-default-st input.selectValue{ box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12); background: url('../images/common/svg/approval-selectbox-arrow.svg') no-repeat right top 2px/25px 50px} #container.cms > .contents #pagging-wrap.approval-pagging .sortlistCnt.lf div.select-box-default-st.on input.selectValue{background-position: right bottom 2px;} #container.cms > .contents #pagging-wrap.approval-pagging .total-page{margin: 0 35px; font-size: 14px; font-weight: 500;} #container.cms > .contents #pagging-wrap.approval-pagging .page-area > a.page-btn{border: none;background-color: transparent;background-image: url('../images/common/svg/approval-icon-pagging-arrow.svg');width: 25px;height: 25px;background-size: 50px auto;} */ /* 상단 탭 */ #container.cms > .contents .search-etc-wrap{padding: 0;} #container.cms > .contents .search-etc-wrap > div.first{padding: 0;} #container.cms > .contents .search-etc-wrap > div.upload-state > div {display:flex;align-items:center;} #container.cms > .contents .search-etc-wrap > div.upload-state > div + div{margin-left: 16px;} #container.cms > .contents .search-etc-wrap > div.upload-state > div a {display: flex ;align-items: center; color: #333; font-weight: 600; position: relative; line-height: 32px;} #container.cms > .contents .search-etc-wrap > div.upload-state > div a span{margin-left: 4px; color: #737373;} #container.cms > .contents .search-etc-wrap > div.upload-state > div a.on::before{content: "";display: block; width: 100%; height: 2px; background-color: #0069B9; position: absolute; left: 0; top: 100%;} #container.cms > .contents .search-etc-wrap > div.upload-state div.success a span{color: #0060B9;} #container.cms > .contents .search-etc-wrap > div.upload-state div.failed a span{color: #BF310F;} /* 테이블 */ #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td{white-space: wrap;font-weight: 500; overflow: visible;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.pic-infor > .pic-infor-wrap > .pic-infor-contBox{max-width: 340px;min-width: 340px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver span{font-size: 10px; display:inline-flex; background-color: #E5E5E5; border: 1px solid #D4D4D4; line-height: 16px; padding: 0 4px; border-radius: 4px; margin: 0 4px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont{display:flex;justify-content:space-between;align-items:center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile{display:flex;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div{display:flex;align-items:center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div p.name{font-size:13px;color:#1B1B1B;font-weight:500;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div p.date{font-size:13px;color:#7A7A7A;font-weight:500;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div.info2{margin-top:5px;line-height:16px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div.info2 p{font-size:11px;color:#7A7A7A;font-weight:500;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div.info2 p.post_privacy{position:relative;display:flex;align-items:center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .info-wrap > div.info2 p.post_privacy:before{content:'';width:16px;height:16px;background:url("../images/common/svg/list-globe.svg")no-repeat center center;display:inline-block;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .profile-img{margin-right:10px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .profile .profile-img figure{width:36px;height:36px;overflow:hidden;border-radius:16px;/* border:1px solid #000; */} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap{display:flex;align-items:center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p{font-size: 13px; font-weight: 500; display: flex; align-items: center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p::after{content: "";display: block; width: 18px; height: 18px; background: no-repeat center center; margin-left: 4px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.approved{color: #21A365;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.rejected{color: #C50712;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.pending{color: #CA8A04;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.unable{color: #CA8A04;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.approved::after{background-image: url("../images/common/svg/icon-approved.svg");} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.rejected::after{background-image: url("../images/common/svg/icon-rejected.svg");} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.pending::after{background-image: url("../images/common/svg/icon-pending.svg");} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.approver .top-cont .etc-wrap p.unable::after{background-image: url("../images/common/svg/icon-unable.svg");} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;margin-right:10px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td > div.appro-state span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.tar{padding-right: 12px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bank-icon{display: flex; align-items: center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td span.bank-icon::after{content: ""; display: block; width: 18px; height: 18px; background: url('../images/boards/icon_approved05.svg') no-repeat center center; margin: 0 4px; position: relative; top: -2px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr.yellow-bg td{background-color:#FFFEDB} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td.table-tbody-list > div{max-height: 450px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.displayflex{flex-direction: column; align-items: flex-start;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.displayflex > span{margin: 0; padding: 0; color: #828282; font-size: 13px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap{display: flex; align-items: center; justify-content: flex-end;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap > a{min-width: 24px; margin-left: 6px; display: flex; align-items: center; justify-content: center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap .complet-icon{cursor: pointer; position: relative; top: 2px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap .complet-icon span{display: flex; color: #fff; font-size: 13px;position:absolute; left: -115px;top: -31px; z-index: 2; text-wrap: nowrap; display: none;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap .complet-icon span.text::before {content:"";width:162px; height: 36px; border-radius: 8px; background: #000;position: absolute; left: 50%; bottom: -10px; transform: translate(-50%, 00%); display: block;z-index: -1;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap .complet-icon span.text:after {content:"";position:absolute; bottom: -13px; right: -3px;width:7px;height:7px;;background-color:#000;transform:rotate(45deg);} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.dw-wrap .complet-icon:hover span{display: block;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed{color: #052E16;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span{display: inline-flex; align-items: center; margin: 0; padding: 0;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span.comBlue{color: #0060B9; margin-left: 12px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span.comRed{color: #BD1822; margin-left: 8px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span::after{content: ""; display: block; width: 16px; height: 16px; margin-left: 2px;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span.comBlue::after{background: url('../images/common/svg/completed-icon.svg') no-repeat left center;} #container.cms > .contents > .approval-wrap #table-list-wrap table tbody tr td div.completed span.comRed::after{background: url('../images/common/svg/completed-icon.svg') no-repeat right center;} .layerCont.wecms-setting-pagepopup #left-menu-wrap.setting{height: 770px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container{min-height: 770px; max-height: 770px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-list{position:relative;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:210px;height:100%;position:absolute;z-index:-1;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap .left-title{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:28px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap .left-title > h2{font-size:16px;font-weight:600;color:#000;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap .left-title > a{font-size:14px;font-weight:500;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap > ul > li > a.active{background-color:#eceff1} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li{} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a{padding:6px 10px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a:before{width:18px;height:18px;background-image: url('../images/common/wecms-left-icon.svg');background-size: 18px 180px;margin-right:8px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.purpose:before{background-position: center top;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.account:before{background-position: center top -18px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.contacts:before{background-position: center top -36px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.credentials:before{background-position: center top -54px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.bank:before{background-position: center top -72px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.preference:before{background-position: center top -90px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-top ul > li > a.users:before{background-position: center top -108px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom{padding-top:10px;position:relative;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom:before{content:'';background-color:rgba(224, 224, 224, 1);height:1px;width:calc(100% + 20px);position:absolute;top:0;left:50%;transform:translateX(-50%);} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom h4{margin-bottom:0;opacity:1;padding:6px 10px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom h4 + h4{} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom a{padding:6px 10px;opacity:1;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom a:before{width:18px;height:18px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom a.transaction_history:before{background-image: url('../images/common/svg/icon_transfer.svg');margin-right:8px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom a.wecms_settings:before{background-image: url('../images/common/svg/icon_building.svg');margin-right:8px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container #left-menu-wrap.setting > .left-menu-bottom a.wecms_banking_history:before{background-image: url('../images/common/svg/icon_arrow.svg');margin-right:8px;} /* 왼쪽 카테고리 - small */ .layerCont.wecms-setting-pagepopup #small-left-menu{height: 770px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:64px;height:100%;position:absolute;z-index:-1;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small > .contents{transition:none !important;width:calc(100% - 64px);} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small > #left-menu-list{width:64px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a:before{width:18px;height:18px;background-image: url('../images/common/wecms-left-icon.svg');background-size: 18px 180px;margin-bottom:5px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.purpose:before{background-position: center top;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.account:before{background-position: center top -18px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.contacts:before{background-position: center top -36px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.credentials:before{background-position: center top -54px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.bank:before{background-position: center top -72px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.preference:before{background-position: center top -90px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-top > ul > li > a.users:before{background-position: center top -108px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom{padding-top:10px;position:relative;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom:before{content:'';background-color:rgba(224, 224, 224, 1);height:1px;width:calc(100% + 12px);position:absolute;top:0;left:50%;transform:translateX(-50%);} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom h4{margin-bottom:0;opacity:1;padding:6px 0;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom h4 + h4{} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom a{padding:6px 0;opacity:1;text-align:center;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom a:before{width:18px;height:18px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom a.transaction_history:before{background-image: url('../images/common/svg/icon_transfer.svg');margin-right:0;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom a.wecms_settings:before{background-image: url('../images/common/svg/icon_building.svg');margin-right:0;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small > .left-menu-bottom a.wecms_banking_history:before{background-image: url('../images/common/svg/icon_arrow.svg');margin-right:0;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-bottom a:hover, .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small .left-menu-small .left-menu-bottom > a.active{border-radius:6px;background-color:#ECEFF1;} /* 테이블 공통 */ .layerCont.wecms-setting-pagepopup #table-list-wrap table thead{background-color:#f5f5f5;} .layerCont.wecms-setting-pagepopup #table-list-wrap table thead tr th{color: #000;} .layerCont.wecms-setting-pagepopup #table-list-wrap table tbody tr td{padding: 10px;} .layerCont.wecms-setting-pagepopup #table-list-wrap table tbody tr td.etc-td{overflow:visible;} /* .layerCont.wecms-setting-pagepopup #table-list-wrap table tbody tr td{padding: 10px; overflow: visible;} */ .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_save{padding:8px;color:#0069B9;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_cel{padding:8px;color:#000;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td.last-update .update > div{width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more{display:flex;justify-content:center;font-size:13px;color:#0F38EE;font-weight:500;align-items:center;position:relative;padding:8px 0;margin-top:10px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more:before{content:'';transition:.45s;background:url("../images/settings/icon-table-more.svg")no-repeat center center;display:inline-block;width:16px;height:16px;background-size:11px 7px;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap{border-radius:0;border-left:none;border-right:none;border-bottom:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr + tr{border-top:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr{border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > div.wrap{display:flex;justify-content:flex-end;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.btn-st.disabled{font-size:13px;font-weight:500;opacity:0.5;color:#000;background-color: #FAFAFA;border:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore{color:#0069B9;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:flex-end;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore:before{content:'';display:inline-block;background:url("../images/settings/icon-restore.svg")no-repeat;margin-right:4px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a{display:block;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a:before{content:'';width:19px;height:18px;background:url("../images/settings/icon-del.svg")no-repeat;background-size:cover;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.whiteSpaceWrap{white-space:wrap} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc a.etc-btn{width:24px;height:24px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);display:flex;align-items:center; justify-content: center; border-radius: 4px; background-color: #fff;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc a.etc-btn:before{content:'';background:url("../images/settings/list-more.png")no-repeat center center/cover;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup{display:none;right:0;top: calc(100% + 2px); position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul{padding:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li:hover{background-color: #E5E5E5; border-radius: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.del{color:#CB0D0D;} .layerCont.setting-pagepopup-ver2 .view-sort.ver2 #view-sort-box > .btn-wrap a.reset{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); border-radius: 6px; } /* 버튼 스타일 */ .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.disable{background-color:#FAFAFA;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.delete{display:flex;align-items:center;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.delete:before{content:'';background:url("../images/settings/icon-trash.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.delete.cRed:before{content:'';background:url("../images/settings/icon-trash-red.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.down:before{content:'';background:url("../images/settings/icon-down.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.down.ver2:before{background:url("../images/settings/icon-down-ver2.svg")no-repeat;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.normal.filter:before{content:'';background:url("../images/settings/icon-filter.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.primary{color:#fff;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.setting{border:1px solid rgba(211, 211, 211, 1);border-radius: 6px;width: 32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;} .layerCont.wemcs-setting #layerPopup-contsBox #container > .contents a.btn-st.setting:before{content:'';background: url("../images/common/svg/btn-setting-icon.svg")no-repeat center;width:32px;height:32px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st{font-size: 14px; font-weight: 500; padding: 8px;display: flex;align-items: center;justify-content: center;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.excel{background-color: #15803D; box-shadow: 0px 2px 3px 0px rgba(21, 128, 61, 0.1), 0px 1px 1px 0px rgba(21, 128, 61, 0.5), 0px 0px 0px 1px rgba(22, 101, 52, 1); color: #fff; border-radius: 5px;height: 30px;overflow: hidden;outline: none;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents a.btn-st.excel::before{width: 16px; height: 16px; background-image: url('../images/settings/setting/excel-icon-w.svg'); background-size: 16px auto; margin-right: 4px;} /* 팝업 레이아웃 */ .layerCont.wecms-setting-pagepopup .layerPopupWrap {width:1300px;} .layerCont.wecms-setting-pagepopup > .layerPopup-resize{right:61px !important;} .layerCont.wecms-setting-pagepopup > .layerPopup-close{right:25px !important;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox {width:1300px;padding:0;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox .popupName{font-size:15px;padding:10px;font-weight:500;color:#1B1B1B} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container{padding-top:0;transition:none !important;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container.small{transition:none !important;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container:before{display:none;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents{height:817px;min-height: 0; overflow-y:auto;/*padding:56px 40px 0;*/padding:0;transition:none !important;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .search-etc-wrap > div.last .view-sort{margin-right: 10px; position: relative;} .layerCont.wecms-setting-pagepopup .title-area.sp-btw .required-point{display: inline-block;vertical-align: middle;width: 5px;height: 5px; background-color: #CB0D0D; border-radius: 50%;overflow: hidden;} .layerCont.wecms-setting-pagepopup .required:after{content:'*';border-radius:0;width:auto;height:auto;background:none;color:#F60404} /* 콘텐츠 공통 레이아웃 */ .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .tabCont{padding:56px 24px 50px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .title-area{border-bottom:0;flex-direction:column;align-items:flex-start; padding-bottom: 20px;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .title-area > div{width:100%;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .title-area h1{padding:0;font-size:18px;font-weight:600;color:#1b1b1b;} .layerCont.wecms-setting-pagepopup #layerPopup-contsBox #container > .contents .title-area p{display:block;color:#878787;font-size:13px;font-weight:500;} /* Login Credentials */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .search-etc-wrap > div.last{padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap {} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap .search-etc-wrap{padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.institution{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.institution a{color:#0060B9;text-decoration: underline;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.audit a{color:#0060B9;text-decoration: underline;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw{overflow:visible;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .text-a{display: flex;align-items: center;cursor:pointer;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .items-num{ display: inline-flex;align-items: center;justify-content: center;font-size: 12.5px;font-weight: 500;color: #454545;border: 1px solid #D4D4D4;border-radius: 6px; background-color: #E5E5E5; line-height: 20px; padding: 0 5px;margin-left: 10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor{min-width:235px;position:absolute;left:50%;top:calc(100% + 10px);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;padding:4px;background-color:#fff;transform:translateX(-50%);display:none;z-index: 1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > h4{padding:6px 10px;font-size:12px;color:rgba(51, 51, 51, 1);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div{display:flex;align-items:center;padding:8px 10px;justify-content: space-between;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div > p{color:rgba(27, 27, 27, 1);font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div .text{display: flex;align-items: center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div .text p{color:rgba(27, 27, 27, 1);font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div .text span{margin-left:16px;font-size:13px;font-weight:500;color:rgba(115, 115, 115, 1);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div .more{width:16px;height:16px;display:flex;align-items:center;justify-content:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_credentials .credentials-wrap #table-list-wrap table tbody tr td.id-pw > div .login-infor > div > div .more:before{content:'';background: url("../images/common/svg/eye-icon.svg")no-repeat center bottom/16px 32px;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap {} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.account a, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.view-p a, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p a, .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.audit a{color:#0060B9;text-decoration: underline;font-weight:500;line-height:1.3;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap .table-add{margin-top:10px;display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 6px;line-height: 32px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17);color:rgba(23, 23, 23, 1);font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap .table-add:before{content:'';background: url("../images/common/svg/icon-add.svg")no-repeat;width: 16px;height: 16px;display:inline-block;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p{overflow: visible;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p .account-info{position:absolute;top:calc(100% - 15px);background-color:#fff;border-radius: 8px;padding:10px;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);min-width:240px;display:none;z-index:2;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p .account-info > div + div{margin-top:10px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p .account-info > div p.t1{color:rgba(27, 27, 27, 1);font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p .account-info > div p.t2{font-weight:500;color:rgba(27, 27, 27, 0.5);font-size:11px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_bank .bank-wrap #table-list-wrap table tbody tr td.withdrawal-p .account-info > div p.t3{font-size:11px;color:rgba(0, 96, 185, 1);font-weight:500;} /* 계정과목 삭제 */ .layerCont.credentials-del{} .layerCont.credentials-del #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.credentials-del .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.credentials-del .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.credentials-del .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.credentials-del #btn-wrap-default{border: none;} .layerCont.credentials-del #btn-wrap-default a.btn-st.red{background: #E1232E; border-color: #E1232E;} .layerCont.credentials-disconnect{} .layerCont.credentials-disconnect #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.credentials-disconnect .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.credentials-disconnect .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.credentials-disconnect .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.credentials-disconnect #btn-wrap-default{border: none;} .layerCont.credentials-disconnect #btn-wrap-default a.btn-st.red{background: #E1232E; border-color: #E1232E;} /* setting 거래처 수정 */ .layerCont.setting-credentials-edit #layerPopup-contsBox{width: 100%;} .layerCont.setting-credentials-edit #btn-wrap-default{border: none;} .layerCont.setting-credentials-edit .btn-area {display:flex;} .layerCont.setting-credentials-edit .required{position: relative; display: inline-block;} .layerCont.setting-credentials-edit .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-credentials-edit .item-table{} .layerCont.setting-credentials-edit .item-table li + li{margin-top: 16px;} .layerCont.setting-credentials-edit .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-credentials-edit .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-credentials-edit .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-credentials-edit .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-credentials-edit .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-credentials-edit .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-credentials-edit .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-credentials-edit .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-credentials-edit .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-credentials-edit .add-btn{display: none;} .layerCont.setting-credentials-edit .item-table li.change-addr{display: none;} .layerCont.setting-credentials-edit .item-table li.change-addr.active{display: block;} .layerCont.setting-credentials-edit .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.setting-credentials-edit .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-credentials-edit .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.setting-credentials-edit .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-credentials-add #layerPopup-contsBox{width: 100%;} .layerCont.setting-credentials-add #btn-wrap-default{border: none;} .layerCont.setting-credentials-add .btn-area {display:flex;} .layerCont.setting-credentials-add .required{position: relative; display: inline-block;} .layerCont.setting-credentials-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-credentials-add .item-table{} .layerCont.setting-credentials-add .item-table li + li{margin-top: 16px;} .layerCont.setting-credentials-add .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-credentials-add .item-table li .input-clear-box{width:100%;} .layerCont.setting-credentials-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-credentials-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-credentials-add .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-credentials-add .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-credentials-add .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-credentials-add .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-credentials-add .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-credentials-add .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-credentials-add .add-btn{display: none;} .layerCont.setting-credentials-add .item-table li.change-addr{display: none;} .layerCont.setting-credentials-add .item-table li.change-addr.active{display: block;} .layerCont.setting-credentials-add .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.setting-credentials-add .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-credentials-add .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.setting-credentials-add .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} /* Registered Login Credentials */ .layerCont.registered_credentials #layerPopup-contsBox{width: 100%;} .layerCont.registered_credentials #btn-wrap-default{border: none;} .layerCont.registered_credentials #table-list-wrap{} .layerCont.registered_credentials #table-list-wrap table tbody tr td.password{overflow:visible;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.password > div{display:flex;align-items:flex-end;line-height: 1;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.password > div > a.more{} .layerCont.registered_credentials #table-list-wrap table tbody tr td.password > div > a.more{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:10px;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.password > div > a.more:before{content:'';background: url("../images/common/svg/eye-icon.svg")no-repeat center bottom/16px 32px;width:16px;height:16px;display:inline-block;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account{overflow:visible;position:relative;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account .bubble{position:absolute;bottom:100%;color:#fff;font-weight:500;display:none;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account .wrap{position:relative;background-color: rgba(0, 0, 0, 1);padding:8px;border-radius: 8px;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account .bubble .wrap::before {content: "";position: absolute;bottom: -9px;left: 10px; border-width: 5px;border-style: solid;border-color: #000 transparent transparent transparent;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account .text-a{cursor: pointer;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.bank_account .items-num{ display: inline-flex;align-items: center;justify-content: center;font-size: 12.5px;font-weight: 500;color: #454545;border: 1px solid #D4D4D4;border-radius: 6px; background-color: #E5E5E5; line-height: 20px; padding: 0 5px;margin-left: 5px;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc{} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div{display: flex;align-items: center;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a{width: 24px;height: 24px;display:flex;align-items:center;justify-content:center;border-radius:4px;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a + a{margin-left:10px;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a.del{border:1px solid rgba(254, 163, 168, 1);box-shadow: 0px 1px 1px 0px rgba(236, 0, 42, 0.15);} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a.edit{border:1px solid rgba(0, 0, 0, 0.08);box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17);} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a.del:before{content:'';background: url("../images/settings/icon-del.svg")no-repeat center;display:inline-block;width:18px;height:18px;background-size:18px auto;} .layerCont.registered_credentials #table-list-wrap table tbody tr td.etc > div > a.edit:before{content:'';background: url("../images/settings/icon-edit-b.svg")no-repeat;display:inline-block;width:16px;height:16px;background-size:16px auto;} /* 업로드 팝업3 - true */ .layerCont.credentials-p-successfully{} .layerCont.credentials-p-successfully .conts h4::before{content: ""; display: block; width: 52px; height: 52px; background: url('../images/common/svg/popup-successfully.svg') no-repeat left center; margin-top: 16px;} .layerCont.credentials-p-successfully .conts > p{margin-top: 20px; font-size: 16px; font-weight: 500; color: #000;} .layerCont.credentials-p-successfully #btn-wrap-default{border-top: none;} .layerCont.registration-completed-popup{} .layerCont.registration-completed-popup .conts h4::before{content: ""; display: block; width: 52px; height: 52px; background: url('../images/common/svg/popup-successfully.svg') no-repeat left center; margin-top: 16px;} .layerCont.registration-completed-popup .conts > p{margin-top: 20px; font-size: 16px; font-weight: 500; color: #000;} .layerCont.registration-completed-popup #btn-wrap-default{border-top: none;} .layerCont.login-confirmation-popup #layerPopup-contsBox{width: 100%;} .layerCont.login-confirmation-popup #btn-wrap-default{border: none;} .layerCont.login-confirmation-popup .btn-area {display:flex;} .layerCont.login-confirmation-popup .required{position: relative; display: inline-block;} .layerCont.login-confirmation-popup .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.login-confirmation-popup .item-table{} .layerCont.login-confirmation-popup .item-table li + li{margin-top: 16px;} .layerCont.login-confirmation-popup .item-table li p{color:rgba(115, 115, 115, 1);font-size:13px;font-weight:500;} .layerCont.login-confirmation-popup .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.login-confirmation-popup .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.login-confirmation-popup .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.login-confirmation-popup .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.login-confirmation-popup .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.login-confirmation-popup .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.login-confirmation-popup .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.login-confirmation-popup .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.login-confirmation-popup .add-btn{display: none;} .layerCont.login-confirmation-popup2 #layerPopup-contsBox{width: 100%;} .layerCont.login-confirmation-popup2 #btn-wrap-default{border: none;} .layerCont.login-confirmation-popup2 .btn-area {display:flex;} .layerCont.login-confirmation-popup2 .required{position: relative; display: inline-block;} .layerCont.login-confirmation-popup2 .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.login-confirmation-popup2 .item-table{} .layerCont.login-confirmation-popup2 .item-table li + li{margin-top: 16px;} .layerCont.login-confirmation-popup2 .item-table li p{color:rgba(115, 115, 115, 1);font-size:13px;font-weight:500;} .layerCont.login-confirmation-popup2 .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.login-confirmation-popup2 .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.login-confirmation-popup2 .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.login-confirmation-popup2 .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.login-confirmation-popup2 .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.login-confirmation-popup2 .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.login-confirmation-popup2 .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.login-confirmation-popup2 .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.login-confirmation-popup2 .add-btn{display: none;} /* setting 거래처 수정 */ .layerCont.login_institution #layerPopup-contsBox{width: 100%;} .layerCont.login_institution #btn-wrap-default{border: none;} .layerCont.login_institution .btn-area {display:flex;} .layerCont.login_institution .required{position: relative; display: inline-block;} .layerCont.login_institution .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.login_institution .item-table{} .layerCont.login_institution .item-table > li{display:flex;flex-direction:column;align-items:flex-start;} .layerCont.login_institution .item-table > li div.select-box-default-st, .layerCont.login_institution .item-table > li div.select-box-default-st input.selectValue{width:100%;} .layerCont.login_institution .item-table > li + li{margin-top: 16px;} /* setting 거래처 수정 */ .layerCont.select_bank #layerPopup-contsBox{width: 100%;} .layerCont.select_bank #btn-wrap-default{border: none;} .layerCont.select_bank .btn-area {display:flex;} .layerCont.select_bank .required{position: relative; display: inline-block;} .layerCont.select_bank .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.select_bank .item-table{} .layerCont.select_bank .item-table > li{display:flex;flex-direction:column;align-items:flex-start;width:100%;} .layerCont.select_bank .search-list{position:relative;width:100%;} .layerCont.select_bank .search-list .keyword-search.normal input[type=text]{padding-right:56px;width:100%;} .layerCont.select_bank .bank-list{width:100%;position:absolute;top:calc(100% + 5px);z-index:1;display:none;} .layerCont.select_bank .bank-list > ul{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;padding:4px;background-color:#fff;} .layerCont.select_bank .bank-list > ul > li{} .layerCont.select_bank .bank-list > ul > li > a{display:flex;align-items:center;width:100%;padding:8px;border-radius:4px;font-size:14px;color:rgba(64, 64, 64, 1);} .layerCont.select_bank .bank-list > ul > li > a figure{margin-right:8px;} .layerCont.select_bank .bank-list > ul > li > a:hover{background-color: rgba(245, 245, 245, 1);} .layerCont.audit_logs_popup #layerPopup-contsBox{width: 100%;} .layerCont.audit_logs_popup #btn-wrap-default{border: none;padding-top:0;} .layerCont.audit_logs_popup h1{line-height:1.5;} .layerCont.audit_logs_popup h1 p{display:block;font-size:13px;color:rgba(64, 64, 64, 1);font-weight:400;} .layerCont.audit_logs_popup #table-list-wrap table tbody tr td.td-date{} .layerCont.audit_logs_popup #table-list-wrap table tbody tr td.td-date p.time{margin-top:4px;color:rgba(115, 115, 115, 1);} .layerCont.view_permission_popup #layerPopup-contsBox{width: 100%;} .layerCont.view_permission_popup #btn-wrap-default{border: none;padding-top:0;} .layerCont.withdrawal_permission_popup #layerPopup-contsBox{width: 100%;} .layerCont.withdrawal_permission_popup #btn-wrap-default{border: none;padding-top:0;} .layerCont.registered_account_popup #layerPopup-contsBox{width: 100%;} .layerCont.registered_account_popup #btn-wrap-default{border: none;padding-top:0;} .layerCont.registered_account_popup h1{line-height:1.5;} .layerCont.registered_account_popup h1 p{display:block;font-size:13px;color:rgba(64, 64, 64, 1);font-weight:400;} .layerCont.registered_account_popup #table-list-wrap table tbody tr td.vas_account{overflow:visible;} .layerCont.registered_account_popup #table-list-wrap table tbody tr td.description input{width: 100%;} .layerCont.registered_account_popup .search-list{position:relative;width:100%;} .layerCont.registered_account_popup .search-list .keyword-search.normal input[type=text]{padding-right:56px;width:100%;} .layerCont.registered_account_popup .bank-list{width:100%;position:absolute;top:calc(100% + 5px);z-index:1;display:none;} .layerCont.registered_account_popup .bank-list > ul{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;padding:4px;background-color:#fff;} .layerCont.registered_account_popup .bank-list > ul > li{} .layerCont.registered_account_popup .bank-list > ul > li > a{display:flex;align-items:center;width:100%;padding:8px;border-radius:4px;font-size:14px;color:rgba(64, 64, 64, 1);} .layerCont.registered_account_popup .bank-list > ul > li > a figure{margin-right:8px;} .layerCont.registered_account_popup .bank-list > ul > li > a:hover{background-color: rgba(245, 245, 245, 1);} .layerCont.select_bank_accounts #layerPopup-contsBox{width: 100%;} .layerCont.select_bank_accounts #btn-wrap-default{border: none;padding-top:0;} .layerCont.select_bank_accounts h1{line-height:1.5;} .layerCont.select_bank_accounts h1 p{display:block;font-size:13px;color:rgba(64, 64, 64, 1);font-weight:400;} .layerCont.select_bank_accounts #table-list-wrap table tbody tr td.vas_account{overflow:visible;} .layerCont.select_bank_accounts #table-list-wrap table tbody tr td input{width:100%;} .layerCont.select_bank_accounts #table-list-wrap table tbody tr td .select-box-default-st{width:100%;background-color: #fff;} .layerCont.enter-login-popup #layerPopup-contsBox{width: 100%;} .layerCont.enter-login-popup #btn-wrap-default{border: none;} .layerCont.enter-login-popup #btn-wrap-default .btn-area{width:100%;} .layerCont.enter-login-popup h1{line-height:1.5;} .layerCont.enter-login-popup h1 p{display:block;font-size:13px;color:rgba(64, 64, 64, 1);font-weight:400;} .layerCont.enter-login-popup .percent-wrap{position:absolute;left:0;top:0;background-color:rgba(231, 233, 253, 1);width:100%;height:6px;} .layerCont.enter-login-popup .percent-wrap span {width: 100%; position: absolute; left: 0; top: 0; height: 6px; background: linear-gradient(to right, rgba(15, 31, 234, 1) 0%, rgb(116 202 241 / 80%) 50%, rgba(15, 31, 234, 1) 100%); background-size: 200% 100%; animation: sweepLight 2s infinite linear;} /*.layerCont.enter-login-popup .percent-wrap span{width:60%;position:absolute;left:0;top:0;height:6px;background-color: rgba(15, 31, 234, 1);}*/ .layerCont.enter-login-popup .logo{display:flex;justify-content:center;padding:2.75rem 0;} .layerCont.enter-login-popup #layerPopup-contsBox{position:relative;} .layerCont.enter-login-popup .required{position: relative; display: inline-block;} .layerCont.enter-login-popup .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.enter-login-popup .item-table li + li{margin-top: 16px;} .layerCont.enter-login-popup .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.enter-login-popup .item-table li .input-clear-box{width:100%;} .layerCont.enter-login-popup .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.enter-login-popup .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} @keyframes sweepLight { 0% { background-position: 200% 0; } 100% { background-position: 0% 0; } } /* 2024-12-09 approval_details */ .layerCont.approval_details .post-detail .post-content{border-bottom:1px solid #e0e0e0; padding-bottom: 20px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1{color:#1b1b1b;font-size:27px;font-weight:700; padding: 0; line-height: 1; display: flex; align-items: center; justify-content: space-between; overflow: visible;} /* .layerCont.approval_details .post-detail .post-content .text-wrap > h1 div{margin-left:8px;} */ .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .tit{display: flex; align-items: center;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap{display:flex;align-items:center;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc{position:relative;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc a.etc-btn{width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc a.etc-btn:before{content:'';background:url("../images/common/svg/list-more.svg")no-repeat center center;width:18px;height:4px;display:inline-block;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup{display:none;position:absolute;right: 100%; z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul{padding:5px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.approval_details .post-detail .post-content .text-wrap > h1 .etc-wrap .etc .etc-popup ul li a.del{color:#CB0D0D;} .layerCont.approval_details .post-detail .post-content .text-wrap > div > div p + p{margin-left:30px} .layerCont.approval_details .post-detail .post-content .text-wrap > div > div p.approver{display:flex;align-items:center;color:#1b1b1b;opacity:0.5;font-weight:500;font-size:13px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div > div p.approver:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:6px;opacity:0.5;} .layerCont.approval_details .post-detail .post-content .text-wrap > div > div p.name{color:#1B1B1B;font-size:13px;font-weight:500;} .layerCont.approval_details .post-detail .post-content .text-wrap > p{margin-top:20px;font-size:13px;color:#1b1b1b;font-weight:500;line-height:20px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap {padding-bottom:20px;border-bottom:1px solid #e0e0e0; margin-top: 20px; z-index: 1; position: relative;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap.paid{position:relative;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap.paid:before{content:'';background:url("../images/boards/approved-paid.png")no-repeat;width:123px;height:123px;position:absolute;right:50px;top:0;z-index:-1;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl{display:flex; } .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl + dl{margin-top:20px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt{display:flex;align-items:center;width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.doc_num:before{content:'';background:url("../images/boards/icon_doc_num.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_ty:before{content:'';background:url("../images/boards/icon_approved01.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.request_dt:before{content:'';background:url("../images/boards/icon_approved02.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.total_at:before{content:'';background:url("../images/boards/icon_approved03.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.purpose:before{content:'';background:url("../images/boards/icon_approved04.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.requestor:before{content:'';background:url("../images/boards/detail_user.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.approver:before{content:'';background:url("../images/boards/icon-approver.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dt.bank:before{content:'';background:url("../images/boards/icon_approved05.svg")no-repeat;display:inline-block;margin-right:6px;min-width:18px;height:18px; opacity: 1;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd{width:calc(100% - 160px);display:flex;flex-flow:wrap;font-size:13px;color:#1b1b1b;font-weight:500;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency{display:flex;align-items:center;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;border:1px solid #E9E9E9;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk{margin-left:-10px;margin-top:-10px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a{display:flex;align-items:center;margin-left:16px;margin-top:16px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a:before{content:'';background:url("../images/boards/icon_no_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.chk:before{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk a.minus:before{content:'';background:url("../images/boards/icon_minus.svg")no-repeat;width:18px;height:18px;display:inline-block;margin-right:4px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk > div{width: 100%;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box{display:inline-flex;align-items:center;border:1px solid #E9E9E9;border-radius:6px;background-color:#EAEAEA;padding:6px 8px; margin-top:10px; margin-left: 10px;} /* .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box + .tag-box{margin-top:10px;} */ .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box figure{width:18px;height:18px;border-radius:50%;overflow:hidden;margin-right:5px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div{display:flex;align-items:center;position:relative;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > div{margin-left:3px;font-size:13px;font-weight:500;line-height:1;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div > p{color:#1B1B1B;font-size:13px;font-weight:500;;line-height:1;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk:after{content:'';background:url("../images/boards/icon_chk.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.chk > div{color:#04662E;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel:after{content:'';background:url("../images/boards/icon_nosign.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.cel > div{color:#C50712;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait:after{content:'';background:url("../images/boards/icon_wait.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} .layerCont.approval_details .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.wait > div{color:#F5BB1E;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text{font-weight:500;color:#1b1b1b;line-height:20px;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea{width:270px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .title{padding:10px 15px;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .title > a:before{content: '';background: url("../images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap{} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("../images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr + tr{} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody{border-top:1px solid #e0e0e0;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr:not(.total) td:first-child{border-bottom:none;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.total td{} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td{border-bottom:none;} .layerCont.approval_details .post-detail .post-content .text-wrap > .management-text .textarea-table table tbody tr.salary td + td{border-left:none;} .layerCont.approval_details .post-detail .post-content .down{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} .layerCont.approval_details .post-detail .post-content .down .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(33, 163, 101, 0.08);border-right:1px solid #d9d9d9;} .layerCont.approval_details .post-detail .post-content .down .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} .layerCont.approval_details .post-detail .post-content .down .cont .text p.name{font-size:13px;color:#000;font-weight:500;} .layerCont.approval_details .post-detail .post-content .down .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} .layerCont.approval_details .post-detail .post-content .down .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} .layerCont.approval_details .post-detail .post-content .img-box{margin-top:20px;border-radius:10px;overflow:hidden;} .layerCont.approval_details .post-detail .post-content .img-box figure{width:100%;} .layerCont.approval_details .post-detail .post-content .img-box figure img{width:100%;} .layerCont.approval_details .post-detail .approver-btn-area{padding:10px 0;border-bottom:1px solid #e0e0e0;} .layerCont.approval_details .post-detail .bottom-cont{display:flex;align-items:center;justify-content:space-between;padding:10px 0; margin-top: 20px;} .layerCont.approval_details .post-detail .bottom-cont a{display:flex;padding:8px;} .layerCont.approval_details .post-detail .bottom-cont a.comments{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.approval_details .post-detail .bottom-cont a.comments:before{content:'';background:url("../images/common/svg/list-comments.svg")no-repeat;display:inline-block;margin-right:4px;width:18px;height:16px;} .layerCont.approval_details .post-detail .bottom-cont a.comments_num{padding-left:0;color:rgba(0,0,0,0.5);font-size:13px;font-weight:500;} .layerCont.approval_details .post-detail span{border-radius:6px;padding:0 7px;line-height:28px;font-size:14px;font-weight:500;display:inline-block;} .layerCont.approval_details .post-detail span.bBlue{color:#0F1FEA;background-color:#E9EFFF;border: 1px solid rgba(30, 92, 254, 0.10);} .layerCont.approval_details .post-detail span.bRed{color:#CB0D0D;background-color:#FCE9EB;border: 1px solid rgba(248, 125, 57, 0.10);} .layerCont.approval_details .post-detail span.bGreen{color:#04662E;background-color:#E9F5EE;border:1px solid rgba(33, 150, 83, 0.10);} .layerCont.approval_details .post-detail span.bGray{color:#7D7D7D;background-color:#FAFAFA;border: 1px solid #C7C7C7;} .layerCont.approval_details .post-detail span.bYellow{color:#566400;background-color:#FDFEE6;border:1px solid rgba(86, 100, 0, 0.10);} .layerCont.approval_details #table-list-wrap{margin-top:20px;} .layerCont.approval_details #table-list-wrap tbody tr{cursor:pointer;} .layerCont.approval_details #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr.active td{background-color:#f5f5f5;} .layerCont.approval_details #table-list-wrap tbody tr td p.status-active{color:#0060B9;font-weight:500;display:flex;align-items:center;} .layerCont.approval_details #table-list-wrap tbody tr td p.status-active.spinner::after{content: "";display: block; width: 14px; height: 14px; background: url('../images/common/svg/spinner.svg') no-repeat center center; margin-left: 4px; animation: spinnerAny 1.5s linear 0s infinite;} .layerCont.approval_details #table-list-wrap tbody tr > td .wrap table tbody tr td{white-space:normal;text-overflow:inherit;padding:5px 7px;} .layerCont.approval_details #table-list-wrap thead tr th:first-child{padding-left:20px;} .layerCont.approval_details #table-list-wrap tbody tr > td .wrap table tbody tr td:first-child{padding-left:20px;} .layerCont.approval_details .post-detail .btn-area {display:flex;align-items:center; justify-content: flex-end; width: 100%; } .layerCont.approval_details .post-detail .btn-area > a {padding-left:0;} @keyframes spinnerAny{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } /* 2024-12-10 re_run */ .layerCont.re_run .post-detail .post-content{padding-bottom: 20px;} .layerCont.re_run .post-detail .post-content .text-wrap{ padding-bottom: 24px;border-bottom: 1px solid #E8E8E8;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info1{border: 1px solid #E0E0E0; background: #FAFAFA; border-radius: 8px; padding: 16px; display: flex; flex-wrap: wrap;justify-content: space-between;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info1 dl{display: flex; align-items: center; justify-content: space-between; font-size: 14px; width: 355px; line-height: 28px;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info1 dl dd{font-weight: 500; color: #000;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info2{border: 1px solid #E0E0E0; border-radius: 8px; margin-top: 10px;display: flex; flex-wrap: wrap; overflow: hidden;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info2 dl{font-size: 14px; display: flex; align-items: center;width: 50%; line-height: 48px;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info2 dl dt{background: #FAFAFA;font-weight: 500; color: #000;width: 50%; padding-left: 10px;} .layerCont.re_run .post-detail .post-content .text-wrap .run_info2 dl dd{font-weight: 500; color: #000;width: 50%;padding-left: 10px;} .layerCont.re_run .post-detail .post-content .text-wrap .sel-wrap{display: flex; align-items: center; justify-content: flex-start;} .layerCont.re_run .post-detail .post-content .text-wrap .sel-wrap > div{display: flex; align-items: center; margin-top: 20px;} .layerCont.re_run .post-detail .post-content .text-wrap .sel-wrap > div + div{margin-left: 30px;} .layerCont.re_run .post-detail .post-content .text-wrap .sel-wrap > div p{color: #574A4A; font-weight: 500; margin-right: 10px;} .layerCont.re_run .post-detail .post-content .chk-wrap input[type=checkbox].checkBox-normal + label{font-size: 14px; font-weight: 700;} /* 2024-12-10 request_approval */ .layerCont.request_approval{height:auto !important;} .layerCont.request_approval #layerPopup-contsBox{ max-height: 620px;overflow-y: auto;overflow-x: hidden;} .layerCont.request_approval .title-input{padding:20px 0;} .layerCont.request_approval .title-input input{width:100%;background-color:transparent;width:100%;border:none;font-size:27px;font-weight:700;color:#1b1b1b;border-radius:0;padding:0;} .layerCont.request_approval .title-input input::placeholder{font-weight:700;color:#1b1b1b;opacity:0.5;} .layerCont.request_approval .more-wrap{padding:20px 0 10px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.request_approval .more-wrap .more-area > a{font-size:13px;color:#1b1b1b;font-weight:500;display:inline-flex;align-items:center;} .layerCont.request_approval .more-wrap .more-area > a:after{content:'';background:url("../images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.request_approval .more-wrap .more-area > a.active:after{content:'';background:url("../images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transform:rotate(180deg);transition:.45s;} .layerCont.request_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn.active:after{transform:rotate(180deg);} .layerCont.request_approval .more-wrap .more-chkBox{padding-bottom:20px;display:none;margin-left:-20px;margin-top:-20px;} .layerCont.request_approval .more-wrap .more-chkBox > div{display:inline-flex;margin-left:20px;margin-top:20px;} .layerCont.request_approval .more-wrap .more-chkBox > div + div{} .layerCont.request_approval .more-wrap .more-chkBox > div > div{display:inline-flex;align-items:center;} .layerCont.request_approval .more-wrap .more-chkBox > div > div.hide-btn{display:none;} .layerCont.request_approval .more-wrap .more-chkBox > div > div.hide-btn.active a.more:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.request_approval .more-wrap .more-chkBox > div > div a.more{display: inline-flex; align-items: center;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;} .layerCont.request_approval .more-wrap .more-chkBox > div > div a.more:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.request_approval .more-wrap .more-chkBox > div > div a.more.active:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.request_approval .more-wrap .more-chkBox > div > div.calendar-wrap input[type=text]{cursor:pointer;padding:0;border:none;height:auto;background:transparent;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;width:110px;} .layerCont.request_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn:after{content:'';background:url("../images/boards/icon_more_blue.svg")no-repeat;display:inline-block;width:18px;height:18px;transition:.45s;} .layerCont.request_approval .more-wrap > dl{display:flex;padding:10px 0;} .layerCont.request_approval .more-wrap > dl.pd4{padding:4px 0;} .layerCont.request_approval .more-wrap > dl + dl{} .layerCont.request_approval .more-wrap > dl > dt:not(.total_amount){width:225px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;display:flex;align-items:center;} .layerCont.request_approval .more-wrap > dl > dt.required:after{content:'*';width:auto;height:auto;background:none;color:#F60404;border-radius:0;} .layerCont.request_approval .more-wrap > dl > dt.total_amount{width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:1;display:flex;align-items:center;} .layerCont.request_approval .more-wrap > dl > dt.total_amount a{color:#b5b5b5} .layerCont.request_approval .more-wrap > dl > dt.total_amount:before{opacity:0.5;} .layerCont.request_approval .more-wrap > dl > dd{width:calc(100% - 225px);font-weight:500;color:#000;position:relative;} .layerCont.request_approval .more-wrap > dl > dt:before{content:'';width:18px;height:18px;display:inline-block;margin-right:6px;} .layerCont.request_approval .more-wrap > dl > dt.doc_num:before{background:url("../images/boards/icon_doc_num.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.requestor:before{background:url("../images/boards/detail_user.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.request_ty:before{background:url("../images/boards/icon_approved01.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.request_dt:before{background:url("../images/boards/icon_approved02.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.scheduled_dt:before{background:url("../images/boards/icon_approved02.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.total_amount:before{background:url("../images/boards/icon_approved03.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.approver:before{background:url("../images/boards/icon-approver.svg")no-repeat;} .layerCont.request_approval .more-wrap > dl > dt.bank:before{content:'';background:url("../images/boards/icon_approved05.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px; opacity: 1;} .layerCont.request_approval .more-wrap > dl > dt.total_at:before{content:'';background:url("../images/boards/icon_approved03.svg")no-repeat;display:inline-block;margin-right:6px;opacity:0.5;width:18px;height:18px;} .layerCont.request_approval .more-wrap > dl > dt.total_amount{position:relative;} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup{z-index:3;display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:calc(100% + 2px);} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup{} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a:hover{background-color:#EBF2FF} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.request_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.request_approval .more-wrap > dl > dd .sub-popup{display:none;z-index:2;position:absolute;left:0;top:calc(100% + 5px);border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:150px;} .layerCont.request_approval .more-wrap > dl > dd .sub-popup ul li a{padding:10px;font-size:13px;color:#1b1b1b;font-weight:500;display:flex;} .layerCont.request_approval .more-wrap > dl > dd .currency{display:inline-flex;align-items:center;border-radius:6px;background-color:#EAEAEA;padding:6px 8px;border:1px solid #E9E9E9;} .layerCont.request_approval .more-wrap > dl > dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.request_approval .more-wrap > dl > dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} .layerCont.request_approval .more-wrap > dl > dd .tag-box{position:relative;} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup{position:absolute;display:none;left:0;top:calc(100% + 10px);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);border-radius:6px;padding:10px;z-index:2;} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{display:flex;align-items:center;} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile{width:34px;} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile figure{width:34px;height:34px;border-radius:50%;overflow:hidden;} .layerCont.request_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .text{padding-left:10px;width:calc(100% - 34px);} .layerCont.request_approval .more-wrap > dl > dd .name-tag{display:flex;background-color:#eaeaea;border-radius:6px;padding:6px 8px;align-items:center;} .layerCont.request_approval .more-wrap > dl > dd .name-tag .name{display:flex;align-items:center;} .layerCont.request_approval .more-wrap > dl > dd .name-tag .name figure{width:18px;border-radius:50%;height:18px;overflow:hidden;margin-right:5px;} .layerCont.request_approval .more-wrap > dl > dd .name-tag > a.close{display:flex;background:url("../images/boards/side_close.svg")no-repeat;width:18px;height:18px;background-size:18px;margin-left:5px;} .layerCont.request_approval .more-wrap > dl > dd.name-tag-wrap{display:flex;flex-flow:wrap;margin-left:-10px;margin-top:-10px;} .layerCont.request_approval .more-wrap > dl > dd.name-tag-wrap > div{margin-left:10px;margin-top:10px;} .layerCont.request_approval .more-wrap > dl > dd .name-input input[type=text]{border:none;padding:6px 0;border-radius:0;color:rgba(27,27,27,0.5);font-weight:500;font-size:13px;} .layerCont.request_approval .more-wrap > dl > dd .name-input input[type=text]::placeholder{color:#1b1b1b;opacity:0.5;font-weight:500;} .layerCont.request_approval .textarea-wrap textarea{width: 100%; min-height: 85px; margin: 20px 0; outline: none;resize: none; border: none;} .layerCont.request_approval .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.request_approval #table-list-wrap table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center; padding: 12px 7px;} .layerCont.request_approval #table-list-wrap table thead tr td > div.table-profile:before{content:'';background:url("../images/boards/icon-num-trans.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.request_approval #btn-wrap-default{} .layerCont.request_approval #btn-wrap-default .pic-infor{position: relative;} .layerCont.request_approval #btn-wrap-default .pic-infor .pic-infor-wrap{} .layerCont.request_approval #btn-wrap-default .pic-infor .pic-infor-wrap .pic-infor-contBox{position: absolute; left: 0; top: 100%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22); padding: 10px; background: #fff; border-radius: 6px;} .layerCont.request_approval #btn-wrap-default .pic-infor .pic-infor-wrap .pic-infor-contBox a{display: flex; align-items: center; font-size: 13px; font-weight: 500;} .layerCont.request_approval #btn-wrap-default .pic-infor .pic-infor-wrap .pic-infor-contBox a::before{content: ""; display: block; width: 17px; height: 17px; background: url('../images/boards/icon_excel.svg') no-repeat center center; margin-right: 10px;} .layerCont.request_approval #btn-wrap-default .pic-infor .pic-infor-wrap .pic-infor-contBox a::after{ content: ""; display: block; width: 30px; height: 30px; background: url('../images/common/svg/icon-delete.svg') no-repeat center bottom/30px auto; margin-left:10px ;} /* upload_confirmation */ .layerCont.upload_confirmation #layerPopup-contsBox {min-height:auto;} .layerCont.upload_confirmation #layerPopup-contsBox .conts {padding:20px 0 30px 0;} /* upload_upload_vendor */ .layerCont.upload_vendor{} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap{display: flex; align-items: flex-start; } .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left{display: flex; flex-direction: column;width: 300px;/* border-right: 1px solid #E0E0E0;*/} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left > div{border-bottom: 1px solid #E0E0E0; padding: 20px 0;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4{font-weight: 600;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #E9E6E6; border-radius: 5px; margin-right: 10px;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left > div > p{color: #828282; margin-top: 10px;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st{margin-top: 20px;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-right{width: calc(100% - 300px);} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-right .table-info{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p{font-weight: 500;} .layerCont.upload_vendor #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p + p{margin-left: 20px;} /* wecms x 아이콘 */ #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.wecms_layerCont .layerPopup-close{background:url('../images/common/svg/wecms_layerPopupClose.svg') no-repeat center center;width:24px;height:24px;z-index:10;} /* wecms :: e */ /* wabooksTa :: s */ /* 로그인페이지 :: s */ #container.wata-login {min-height: inherit;padding-top: 0;} #container.wata-login > .contents.login-wrap {width: 100%; padding: 0; height: 100vh; display: flex; } #container.wata-login > .contents.login-wrap > div{width: 50%; } #container.wata-login > .contents.login-wrap > div .inner{width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;} /* 로그인페이지 왼쪽 콘텐츠 */ #container.wata-login > .contents.login-wrap > div.left{background: #F0F7FF;display: flex; align-items: center; justify-content: center; } #container.wata-login > .contents.login-wrap > div.left .inner{max-width: 623px;} #container.wata-login > .contents.login-wrap > div.left .inner .tit-wrap{font-size: 18px; color: #171717;} #container.wata-login > .contents.login-wrap > div.left .inner .tit-wrap .tit{font-size: 34px; font-weight: 700; margin-bottom: 8px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap{width: 360px; height: 360px; background: url('../images/settings/login-simbal-wrap.svg') no-repeat center center/cover; margin: 40px 0 72px; position: relative;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li{width: 70px; display: flex; flex-direction: column; align-items: center; position: absolute;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(1){left: 88px; top: 40px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(2){right: 88px; top: 40px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(3){right: 22px; top: 143px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(4){right: 88px; top: 238px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(5){left: 88px; top: 238px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li:nth-of-type(6){left: 22px; top: 143px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li figure{margin-bottom: 7px;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li .text span{font-size: 11px; font-weight: 700;} #container.wata-login > .contents.login-wrap > div.left .inner .simbalImg-wrap ul li .text p{font-size: 9px; margin-top: 3px; font-weight: 500;} #container.wata-login > .contents.login-wrap > div.left .inner > ul{display: flex; flex-wrap: wrap; justify-content: center; margin: -24px 0 0 -20px;} #container.wata-login > .contents.login-wrap > div.left .inner > ul li{width: calc(50% - 20px); font-weight: 500;position: relative; padding-left: 24px; font-size: 16px; margin: 24px 0 0 20px; text-align: left;} #container.wata-login > .contents.login-wrap > div.left .inner > ul li::before{content: ""; width: 16px; height: 16px; background: url('../images/settings/text-arrow.png') no-repeat center center/cover; position: absolute; top: 0px; left: 0;} /* 로그인페이지 오른쪽 콘텐츠 */ #container.wata-login > .contents.login-wrap > div.right .inner{max-width:465px;} #container.wata-login > .contents.login-wrap > div.right .inner .logo-wrap p{margin-top: 8px; font-size: 24px; font-weight: 500;} #container.wata-login > .contents.login-wrap > div.right .inner form{width: 100%; margin-top: 32px;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form {position:relative;border:1px solid #D4D4D4;border-radius:5px;height:48px;-webkit-transition: .55s; transition: .55s;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.password{margin-top: 16px;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form::before{content: ""; width:24px ; height: 24px; background: url('../images/settings/login-icon.svg') no-repeat; position: absolute; left: 12px; top: calc(50% - 1px); transform: translateY(-50%);} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.userid::before{background-position: left center;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.password::before{background-position:right center;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.password::after{content: ""; display: block;width:24px ; height: 24px; background: url('../images/settings/ico_eye.svg') no-repeat center center; position: absolute;right: 12px; top: calc(50% - 1px); transform: translateY(-50%);} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form > input {width:100%;height:100%;border:0;padding:0 40px; } #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form > label {position:absolute;top:50%;left:30px;transform:translate(0,-50%);color:#A3A3A3;font-size:18px;font-weight: 500; padding:0px 8px;background-color:transparent;-webkit-transition: .55s; transition: .55s;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.on {border:2px solid #0069b9;} #container.wata-login > .contents.login-wrap > div.right .login-form-table > div.form.on > label {position:absolute;top:0;color:#0069b9;font-size:13px;font-weight:600;background-color:#fff;} #container.wata-login > .contents.login-wrap > div.right .find-wrap{margin-top:16px ; display: flex; align-items: center; justify-content: space-between;} #container.wata-login > .contents.login-wrap > div.right .find-wrap label{color: #404040; font-size: 14px ; font-weight: 500;} #container.wata-login > .contents.login-wrap > div.right .find-wrap .find a{font-size: 14px; font-weight: 500; color:#0152A3; padding: 8px; display: inline-flex; align-items: center; justify-content: center;} #container.wata-login > .contents.login-wrap > div.right .find-wrap .find a + a{margin-left: 4px;} #container.wata-login > .contents.login-wrap > div.right .btn-wrap {margin-top:32px; } #container.wata-login > .contents.login-wrap > div.right .btn-wrap > a {height:48px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500;} #container.wata-login > .contents.login-wrap > div.right .goJoin{margin-top: 20px;} #container.wata-login > .contents.login-wrap > div.right .goJoin p{font-size: 14px; font-weight: 500;} #container.wata-login > .contents.login-wrap > div.right .goJoin p span a{color: #0152A3; padding-left: 16px;} /* 로그인페이지 :: s */ /* wabooksTa header :: s */ #header.header_wata .gnb-wrap a.bi{justify-content: flex-start; padding-left: 15px;} #header.header_wata .util-wrap .infor-area > a {width:auto; font-weight: 500; font-size: 15px;color: #fff;} #header.header_wata .util-wrap .infor-area > a + a{margin-left: 10px;} #header.header_wata .util-wrap .myinfor-area{padding-left: 0px;margin-left: 0px;} #header.header_wata .util-wrap .myinfor-area:before{display: none;} #header.header_wata .util-wrap .myinfor-area > a.mypage{margin-left: 16px;} /* wabooksTa header :: e */ /* wabooksTa _left_menu_wata :: s */ #left-menu-wrap.left-menu-wata{ padding: 10px 6px 150px;} #left-menu-wrap.left-menu-wata div.name_tit{display: flex; align-items: center; padding: 8px; margin-bottom: 10px;} #left-menu-wrap.left-menu-wata div.name_tit > div{width: 18px; height: 18px; border-radius: 6px; background-color: #E3E3E3; margin-right: 8px; overflow: hidden; } #left-menu-wrap.left-menu-wata div.name_tit p{font-size: 13px; font-weight: 600;} #left-menu-wrap.left-menu-wata > ul > li > span{position: absolute;top: 8px;right: 10px;min-width: 16px;height: 15px;color: #404040;background: #D4D4D4;border-radius: 4px;display: flex;justify-content: center; } /* span - 숫자 */ #left-menu-wrap.left-menu-wata ul.submenu > li{position: relative;} #left-menu-wrap.left-menu-wata ul.submenu > li > span{position: absolute;top: 8px;right: 10px;min-width: 16px;height: 15px;color: #404040;background: #D4D4D4;border-radius: 4px;display: flex;justify-content: center; } #left-menu-wrap.left-menu-wata ul.submenu > li > a p{max-width: 135px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* span - 화살표 */ #left-menu-wrap.left-menu-wata ul > li.arrow > span{background: none; right: 8px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu:before {background-size: 18px auto;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.search:before {background-image: url('../images/settings/menu-icon-search.svg');} #left-menu-wrap.left-menu-wata a.icon-svg-menu.manager:before {background-image: url('../images/settings/menu-icon-manager.svg');} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group:before {background-image: url('../images/settings/menu-icon-group.svg');} #left-menu-wrap.left-menu-wata a.icon-svg-menu.commu:before {background-image: url('../images/settings/menu-icon-commu.svg');} #left-menu-wrap.left-menu-wata > ul.division-line:before{width: calc(100% + 12px);} /* #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li{display: flex; align-items: center; justify-content: space-between;} */ #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > a{display: flex; align-items: center;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > a::before{content: "";display: block; width: 18px; height: 18px; background: url('../images/settings/ico_suitcase.svg') no-repeat center center; margin-right: 8px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox{position:absolute;top: 8px;right: 10px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox a.etc-btn{display:flex;align-items:center; justify-content: center;padding: 0;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox a.etc-btn:before{content:'';background:url("../images/common/svg/menu-icon-edit.svg")no-repeat center center/cover;width:18px;height:18px;display:inline-block;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup{display:none;right:0;top: calc(100% + 2px); position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul{padding:5px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li:hover{background-color: #E5E5E5; border-radius: 4px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #left-menu-wrap.left-menu-wata a.icon-svg-menu.group + ul.submenu li > .etcBox .etc-popup ul li a.del{color:#CB0D0D;} #left-menu-wrap.left-menu-wata a.group-add-btn{display: flex;align-items: center;color: #0069B9;line-height: 30px;font-weight: 600;border: 1px solid transparent;border-radius: 5px;margin-top: 10px;overflow: hidden;} /* wabooksTa _left_menu_wata :: e */ /* wata - 공통 :: s */ #container.wata > .contents .title-area{border: none;} #container.wata > .contents .title-area > h1 {display: flex; flex-direction: column; align-items: flex-start; line-height: inherit;} #container.wata > .contents .title-area > h1 > span.sub-title{margin-left: 0; margin-top: 9px; color: #737373;} #container.wata .required{position: relative;} #container.wata .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} /* wata - 공통 :: e */ /* 거래처 추가 :: s */ #container.wata > .contents.wata.maxW{max-width: 830px; margin: 0 auto;} #container.wata > .contents.wata .form-wrap{margin-top: 48px;} #container.wata > .contents.wata .form-wrap ul li {display: flex;align-items: flex-start;justify-content: space-between;margin-left: -24px;} #container.wata > .contents.wata .form-wrap ul li + li{margin-top: 16px;} #container.wata > .contents.wata .form-wrap ul li > div {width: 50%;margin-left: 24px;} #container.wata > .contents.wata .form-wrap ul li > div.w-100{width: 100%;} #container.wata > .contents.wata .form-wrap ul li > div > span {margin-bottom: 8px; font-size: 14px;font-weight: 500; display: inline-flex;} #container.wata > .contents.wata .form-wrap ul li > div > div{ display: flex; align-items: center;} #container.wata > .contents.wata .form-wrap ul li > div > div > div{width: 100%;} #container.wata > .contents.wata .form-wrap ul li > div > div input{width: 100%; } /* #container.wata > .contents.wata .form-wrap ul li > div > div input:valid{color: ; font-weight: normal;} */ #container.wata > .contents.wata .form-wrap ul li > div > div input::placeholder{ color: #A3A3A3; font-weight: 500;} #container.wata > .contents.wata .form-wrap ul li > div .input-wrap a.btn-st.tax{min-width: 150px; display: flex; align-items: center; } #container.wata > .contents.wata .form-wrap ul li > div .input-wrap a.btn-st.tax::before{content: "";display: block; width: 16px; height: 16px; background: url('../images/settings/tax-icon.svg') no-repeat center center; margin-right: 4px;} #container.wata > .contents.wata .form-wrap ul li > div .input-wrap div.select-box-default-st input.selectValue{font-weight: 500;} #container.wata > .contents.wata .form-wrap ul li > div .input-wrap div.select-box-default-st.on input.selectValue{border-color: #898B8C;} #container.wata > .contents.wata .form-wrap ul li > div .input-wrap .select-box-default-st .select-wrap ul li{margin: 0;} #container.wata > .contents.wata .form-wrap .add-wrap{} #container.wata > .contents.wata .form-wrap .add-wrap .add + .add{margin-top: 16px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .add-tit{font-size: 16px; font-weight: 600; color: #404040;display: flex; align-items: center;} #container.wata > .contents.wata .form-wrap .add-wrap .add .add-tit a{font-size: 14px; font-weight: 500; color: #0152A3; display: flex; align-items: center; margin-left: 12px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .add-tit a::before{content: "";display: block; width: 16px; height: 16px; background: url('../images/settings/plus-icon.svg'); margin-right: 4px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box {position: relative; margin-top: 12px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box .name-tag {display: inline-flex;background-color: #F5F5F5;border:1px solid #D4D4D4; border-radius: 6px;padding: 6px 8px;align-items: center;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box .name-tag + .name-tag{margin-left: 8px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box .name-tag .name {display: flex;align-items: center;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box .name-tag .name figure {width: 18px;border-radius: 50%;height: 18px;overflow: hidden;margin-right: 5px;} #container.wata > .contents.wata .form-wrap .add-wrap .add .tag-box .name-tag > a.close {display: flex;background: url("../images/boards/side_close.svg")no-repeat;width: 18px;height: 18px;background-size: 18px;margin-left: 5px;} #container.wata > .contents.wata .form-wrap .etc-wrap{display: flex; align-items: flex-start; justify-content: space-between; margin-left: -32px;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc{width: calc((100% / 3) - 32px); margin-left: 32px;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc p{font-size: 16px; font-weight: 600; margin-bottom: 24px;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc .etc-radio div + div{margin-top: 16px;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc .etc-radio input[type=radio].radioBtn-normal + label{color: #404040; font-size: 14px; font-weight: 500;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc .etc-radio div.text-radio{display: flex; align-items: center;} #container.wata > .contents.wata .form-wrap .etc-wrap .etc .etc-radio div.text-radio input::placeholder{ color: #A3A3A3; font-weight: 500;} /* 거래처 추가 :: e */ /* 거래처일괄등록 :: s */ #container.wata > .contents.wata-batch a.btn-st.icon-btn{display: inline-flex; align-items: center;} #container.wata > .contents.wata-batch a.btn-st.icon-btn::before{content: ""; width: 16px; height: 16px; background: no-repeat center center; margin-right: 4px;} #container.wata > .contents.wata-batch a.btn-st.icon-btn.excel::before{background-image: url('../images/settings/excel-icon.svg');} #container.wata > .contents.wata-batch a.btn-st.icon-btn.file::before{background-image: url('../images/settings/file-icon.svg');} #container.wata > .contents.wata-batch .add-how-wrap{background-color: #F5F5F5; border: 1px solid #D4D4D4; border-radius: 6px; padding: 8px 16px; } #container.wata > .contents.wata-batch .add-how-wrap .add-how{display: flex; align-items: center; justify-content: space-between;} #container.wata > .contents.wata-batch .add-how-wrap .add-how p{font-size: 16px; font-weight: 600; line-height: 18px;} #container.wata > .contents.wata-batch .add-how-wrap .add-how a{font-size: 14px; font-weight: 500; color: #0152A3; display: flex; align-items: center;} #container.wata > .contents.wata-batch .add-how-wrap .add-how a::after{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/arrow-blue.svg') no-repeat center top;margin-left: 4px; transition: .45s;} #container.wata > .contents.wata-batch .add-how-wrap .add-how a.active::after{background-position: center bottom;} #container.wata > .contents.wata-batch .add-how-wrap > ul{margin-top: 10px;} #container.wata > .contents.wata-batch .add-how-wrap > ul li{display: flex; align-items: center; line-height: 28px;} #container.wata > .contents.wata-batch .add-how-wrap > ul li span{display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: #737373; border-radius: 50%; color: #FFFFFF; font-size: 11px; font-weight: 500; margin-right: 8px;} #container.wata > .contents.wata-batch .add-how-wrap > ul li > div{display: flex; align-items: center;} #container.wata > .contents.wata-batch .add-how-wrap > ul li > div a{font-size: 12px; padding: 4px; height: 24px; cursor: default;} #container.wata > .contents.wata-batch .add-how-wrap > ul li > div a:hover{background: #fff; color: #55544F; border: 1px solid #BABABA} #container.wata > .contents.wata-batch .add-how-wrap > ul li > div a:active{background: #fff; color: #55544F; border: 1px solid #BABABA} #container.wata > .contents.wata-batch #table-list-wrap{margin-top: 16px;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td {padding: 0; overflow: visible; font-size: 14px; color: #333333;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap td {padding: 12px 7px;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap td.red-bg{ background-color: #FFE1E3;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td.space{white-space:wrap;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td .table-modify{display: flex;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td .table-modify a{display: block;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td .table-modify.active a{display: none;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td .table-modify .input-clear-box{display: none;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr td .table-modify.active .input-clear-box{display: inline-block;} #container.wata > .contents.wata-batch #table-list-wrap div.select-btn-st{background-color: #fff; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); border-color: #fff; display: inline-flex;} #container.wata > .contents.wata-batch #table-list-wrap div.select-btn-st > a{color: #000000; font-size: 14px; padding: 0 8px;} #container.wata > .contents.wata-batch #table-list-wrap div.select-btn-st > span.menu-btn{ border-left: 1px solid #CBCBCB;padding: 8px;} #container.wata > .contents.wata-batch #table-list-wrap div.select-btn-st > span.menu-btn:before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/table-sel-arrow.svg') no-repeat center bottom;transition: .45s;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap div.file-data-wrap{height: 400px; max-width: 1640px;display: flex; align-items: center; justify-content: center;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap div.file-data-wrap .file-data{ display: flex; align-items: center; justify-content: center; width: 560px; border: 1px dashed #737373; border-radius: 8px; padding: 26px;/* background: #fff;*/} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap div.file-data-wrap .file-data .text-wrap{ margin-left: 25px;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap div.file-data-wrap .file-data .text-wrap p{font-size: 15px; font-weight: 600; color: #737373; margin-bottom: 5px;} #container.wata > .contents.wata-batch #table-list-wrap table tbody tr .wrap div.file-data-wrap .file-data .text-wrap span{font-size: 13px; font-weight: 400; color: #737373;} /* 거래처일괄등록 -저장성공 */ .saveLabel {position: absolute; top: 15%; left: 50%; transform: translate(-50%, 0); width: 320px; padding: 12px 16px; background-color: #fff; border-radius: 16px;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12); z-index: -10; opacity: 0; transition: .45s;} .saveLabel p{font-size: 14px; font-weight: 500; display: flex; align-items: center;} .saveLabel p::before{content: ""; display: block; width: 24px; height: 24px; background: url('../images/settings/save-pop-icon.svg') no-repeat; margin-right: 12px;} .saveLabel.save-suc p::before{background-position: left center ;} /* 저장실패 */ .saveLabel.save-fail{background-color: #E1232E;box-shadow: 0px 2px 3px 0px rgba(225, 35, 46, 0.08), 0px 1px 1px 0px rgba(225, 35, 46, 0.15), 0px 0px 0px 1px rgba(189, 24, 34, 1);color: #fff;} .saveLabel.save-fail p::before{background-position: right center ;} .saveLabel.active{z-index: 2; opacity: 1;} /* 거래처일괄등록 :: e */ /* 거래처조회 :: s */ #container.wata > .contents.wata-view{} #container.wata > .contents.wata-view .title-area > .page-func-wrap > div.function > div + div{ padding-left:0px; margin-left:8px; } #container.wata > .contents.wata-view .title-area > .page-func-wrap > div.function > div + div:before {display: none;} #container.wata > .contents.wata-view .sub-title span{display: inline-block; background: #0060B9; border: 1px solid #0060B9; font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 16px; color: #fff;} #container.wata > .contents.wata-view .select-wrap{display: flex; justify-content: flex-end;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr td {padding: 0; overflow: visible; } #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td {padding: 12px 7px; white-space:wrap; color: #0060B9;font-size: 14px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td a.cBlue{color: #0060B9;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .partner-name span{color: #737373;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap{position: relative;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul{position: absolute; left: 0; top: calc(100% + 6px); min-width: 512px; padding: 12px; background: #fff; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);; border-radius: 6px; display: none; z-index: 1;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li{display: flex; flex-direction: column; align-items: flex-start;font-size: 14px;font-weight: 500;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li + li{margin-top: 16px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li .name{color: #171717; font-weight: 600; } #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li .contact{margin-top: 6px; display: flex; align-items: center; } #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li .contact p{color: #0060B9; } #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li .contact p + p{margin-left: 10px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .contact-wrap ul li .text-wrap{margin-top: 4px; color: #525252;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .search-wrap{display: flex;align-items: center; } #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .search-wrap a.search {display: inline-flex; width: 16px; height: 16px; background: url('../images/settings/search-blue.svg') no-repeat center center ; margin-left: 4px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .search-wrap.search-disabled{color: #A3A3A3;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td .search-wrap.search-disabled a.search{background-image: url('../images/settings/search-gray.svg');} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td a.wabook{display: inline-block; background: #0060B9; border: 1px solid #0060B9; font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 16px; color: #fff;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td a.wabook.join{ background: #F3F4F6; border: 1px solid #E5E7EB; color: #0060B9;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap td a.file{display: inline-flex; width: 24px; height: 24px; background: url('../images/settings/view-icon.svg') no-repeat center center; margin-left: 8px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap div.none-data{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 400px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap div.none-data .text-wrap{text-align: center;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap div.none-data .text-wrap p{font-size: 14px; font-weight: 500; color: #000000; margin-top: 25px; margin-bottom: 5px;} #container.wata > .contents.wata-view #table-list-wrap table tbody tr .wrap div.none-data .text-wrap span{font-size: 13px; font-weight: 400; color: #737373;} #container.wata > .contents.wata-view .div-l{display: flex; align-items: center;} #container.wata > .contents.wata-view .div-l .assign-wrap{display: flex; align-items: center;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap{position: relative;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > a.assign-btn{font-size: 14px;font-weight: 500;color: #404040; padding: 8px; border-radius: 6px;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); display: flex ;align-items: center; } #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > a.assign-btn::before{content: ""; display: block; width: 16px; height: 16px;background-repeat: no-repeat;background-position: center center;background-size: 18px auto; margin-right: 4px;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > a.assign-btn.manager::before{background-image: url('../images/settings/menu-icon-manager.svg');} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > a.assign-btn.group::before{background-image: url('../images/settings/menu-icon-group.svg');} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap{position: absolute; left: 0; top: calc(100% + 3px); z-index: 2; background: #fff; width: 240px; border-radius: 10px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22); display: none;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-top{padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D3D3D3;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-top > p{font-size: 14px;font-weight: 500;color: #000000;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-top .btn-wrap{} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-top .btn-wrap a{font-size: 14px;font-weight: 500;padding: 8px;display: inline-flex; align-items: center; justify-content: center; min-width:0; border: none;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-cont{padding-bottom: 16px;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-cont > div{height: 34px;display: flex; align-items: center;padding: 4px; padding-left: 12px;} #container.wata > .contents.wata-view .div-l .assign-wrap .assign-btn-wrap > .assign-chk-wrap .assign-chk-cont .all{border-bottom: 1px solid #D3D3D3;} #container.wata > .contents.wata-view .div-l .del-wrap{position: relative;margin-left: 8px; padding-left: 8px;} #container.wata > .contents.wata-view .div-l .del-wrap::before{content: ""; width: 1px; height: 16px; background: #D9D9D9; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);} #container.wata > .contents.wata-view .div-l .del-wrap .del{font-size: 14px;font-weight: 500;color: #E1232E; padding: 8px; border-radius: 6px;box-shadow: 0px 0px 0px 1px #FEA3A8,0px 2px 3px 0px #EC002A1A,0px 1px 1px 0px #EC002A26; display: flex ;align-items: center;} #container.wata > .contents.wata-view .div-l .del-wrap .del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/ico_trash.png') no-repeat center center/cover; margin-right: 4px;} #container.wata > .side-content-wrap{position: fixed;top: 0;left: 0;right: 0;bottom: 0;transform: translate(0,100%);opacity: 0;z-index: -1; transition: 0.45s;} #container.wata > .side-content-wrap.active {transform: translate(0,0);opacity: 1;z-index:11; } #container.wata > .side-content-wrap .side-content{ display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(73,73,73,0.49);} #container.wata > .side-content-wrap .side-content .side-inner{background: #fff; width: 420px; min-height: 100vh;padding: 24px; position: absolute; right: 0;} #container.wata > .side-content-wrap .side-content .side-inner .side-top{display: flex; align-items: center; justify-content: space-between} #container.wata > .side-content-wrap .side-content .side-inner .side-top h4{font-size: 18px; font-weight: 600;} #container.wata > .side-content-wrap .side-content .side-inner .side-top a{display: flex; align-items: center; justify-content: center; width: 32px;height: 32px; border-radius: 50%; background:#E5E5E5 url('../images/wabooksTa/side-close.svg') no-repeat center center;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont{margin-top: 32px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div + div{margin-top: 48px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div h5{font-weight: 600; font-size: 16px; margin-bottom: 16px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div dl{display: flex; align-items: flex-start; font-size: 14px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div dl + dl{margin-top: 8px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div dl dt{font-weight: 500; width: 80px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div dl dd{width: calc(100% - 80px);} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div + div{ margin-top: 16px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div .input-wrap .cols2{display:flex;align-items:center;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div .input-wrap .cols2 div.select-box-default-st input[type=text]{border-radius:5px 0 0 5px; font-weight: 500;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div .input-wrap .cols2 > input[type=text]{border-radius:0 5px 5px 0;border-left:none !important;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div .cols2{} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div span{font-size: 14px; font-weight: 500; margin-bottom: 8px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div .required{position: relative; display: inline-block;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info > div input{width: 100%;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div div.account-info .chk{margin-top: 12px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div.join-btn{ text-align: center; } #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div.join-btn a{width: 100%;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div.join-btn p{font-weight: 700;line-height: 16px; margin-top: 16px; padding-bottom: 4px;} #container.wata > .side-content-wrap .side-content .side-inner .side-cont > div.join-btn span{font-weight: 500;} /* 사이드 메모 */ #container.wata .side-memo-wrap{position: fixed;right: 0;top: 0;transform: translate(100%,0);opacity: 0;z-index: -1;z-index: -1;transition: .45s; margin-bottom: 30px; } #container.wata .side-memo-wrap.active{transform: translate(0,0);opacity: 1;z-index:50; } #container.wata .side-memo-wrap::before{content: ""; display: block; width: 100vw; height: 100vh; background-color: rgba(73,73,73,0.49);} #container.wata .side-memo-wrap .side-memo-cont{display: flex; flex-direction: column; justify-content: space-between; position: relative;max-width: 437px; min-width: 437px; height: 100vh; position: absolute; top: 0; right: 0; background: #fff; border-radius: 16px 0 0 16px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap{padding: 24px 8px 0;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top{display: flex; align-items: center; justify-content: space-between; padding: 12px 8px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .title{display: flex; align-items: center; } #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top > div{display: flex; align-items: center;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top > div a.close{display: flex; align-items: center; justify-content: center; width: 24px;height: 24px; background: url('../images/wabooksTa/side-close.svg') no-repeat center center; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; margin-left: 8px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .title h1{ font-size: 16px; font-weight: 600; color: #1B1B1B;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap{display: flex; align-items: center;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a{display: flex; align-items: center;justify-content: center; width: 24px; height: 24px; background: no-repeat center center/cover; transition: .45s;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileG{background-image: url('../images/wabooksTa/fileG.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileB{background-image: url('../images/wabooksTa/fileB.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileY{background-image: url('../images/wabooksTa/fileY.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileW{background-image: url('../images/wabooksTa/fileW.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileR{background-image: url('../images/wabooksTa/fileR.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.fileP{background-image: url('../images/wabooksTa/fileP.png');} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a + a{margin-left: 6px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a:hover{border-radius: 4px; background-color: #F0F7FF; box-shadow: 0px 0px 0px 4px #B9DCFE; } #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-top .memo-icon-wrap a.active{border-radius: 4px; background-color: #F0F7FF; box-shadow: 0px 0px 0px 4px #B9DCFE; } #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont{margin-top: 32px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list{ /*max-height: calc(100vh - 196px); overflow-y: auto;*/} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul{} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul > li{padding: 8px; display: flex; align-items: center; justify-content: space-between; transition: .45s;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul > li:hover{background-color: #F5F5F5; border-radius: 6px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul > li + li{margin-top: 4px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info{max-width: 357px;width: 100%; font-size: 14px;font-weight: 500; color: #171717;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info > div + div{margin-top: 4px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .name{ font-weight: 600;line-height: 20px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .cont{} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .time{color: #525252;margin-top: 4px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down{display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;width:48px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .cont .text{width:calc(100% - 24px);} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .cont .text p.name{font-size:13px;color:#000;font-weight:500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .info .down .cont a{display:flex;background:url("../images/boards/detail_down.png")no-repeat;width:24px;height:24px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc{position:relative; margin-left: 24px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc a.etc-btn{width:24px;height:24px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);display:flex;align-items:center; justify-content: center; border-radius: 4px; background-color: #fff;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc a.etc-btn:before{content:'';background:url("../images/settings/list-more.png")no-repeat center center/cover;width:16px;height:16px;display:inline-block;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup{display:none;right:0;top: calc(100% + 2px); position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul{padding:5px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li:hover{background-color: #E5E5E5; border-radius: 4px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li .etc .etc-popup ul li a.del{color:#CB0D0D;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom{padding: 24px 8px 64px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-wrap{display:flex;align-items:center; } #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap {display:flex;align-items:center;width:100%;position:relative;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-box{display:flex;align-items:center;width:100%;position:relative;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-box label:before {transform:rotate(45deg);} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-box input.upload-name {outline:none;display:inline-block;width:100%;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.15);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px; padding-right:28px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .input-file-wrap .input-clear-box .btnInputClear{right:25px ;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .send{margin-left:3px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .send > a{display:flex;position:relative;width:32px;height:32px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .send > a:before{content:'';background:#0060B9 url("../images/wabooksTa/icon-send.svg")no-repeat center center/16px auto;display:inline-block;width:32px;height:32px;border-radius: 6px; box-shadow: 0px 2px 3px 0px rgba(0, 96, 185, 0.1), 0px 1px 1px 0px rgba(0, 96, 185, 0.5), 0px 0px 0px 1px rgba(1, 82, 163, 1)} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .send > a.disable{background-color: rgba(212, 212, 212, 1); box-shadow: 0px 0px 0px 1px rgba(212, 212, 212, 1); } #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap{margin-bottom: 16px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap > div{display: flex; align-items: center;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap > div + div{margin-top: 4px;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap > div p{font-weight: 500; color: #0060B9} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap > div p span{color: #737373;} #container.wata .side-memo-wrap .side-memo-cont .side-bottom .file-text-wrap > div a.file-close{display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: url("../images/settings/file-close.png") no-repeat center center/cover; margin-left: 6px;} #container.wata .side-memo-wrap .memo-edit{display: none; width: 100%;} #container.wata .side-memo-wrap .memo-edit textarea{border: 1px solid #ECEFF1;font-size: 14px;width: 100%;min-height: 45px;max-height: 45px;padding: 8px;border-radius: 5px;overflow: auto;resize: none;transition: .45s;} #container.wata .side-memo-wrap .memo-edit textarea:focus {outline: none; border: 1px solid #898B8C;} #container.wata .side-memo-wrap .memo-edit .file-text-wrap{margin-top: 4px;} #container.wata .side-memo-wrap .memo-edit .file-text-wrap > div{display: flex; align-items: center;} #container.wata .side-memo-wrap .memo-edit .file-text-wrap > div + div{margin-top: 4px;} #container.wata .side-memo-wrap .memo-edit .file-text-wrap > div p{font-weight: 500; color: #0060B9} #container.wata .side-memo-wrap .memo-edit .file-text-wrap > div p span{color: #737373;} #container.wata .side-memo-wrap .memo-edit .file-text-wrap > div a.file-close{display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: url("../images/settings/file-close.png") no-repeat center center/cover; margin-left: 6px;} #container.wata .side-memo-wrap .memo-edit .time{color: #525252; font-weight: 500;} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm {display:flex;align-items:center;justify-content: space-between; width:100%;position:relative;} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .input-box{display:flex;align-items:center;width:24px;height: 24px; position:relative;} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .input-box label:before {content: ""; display: block; width: 24px; height: 24px;background: url("../images/settings/clip-icon-b.png") no-repeat center center/cover; } #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .btn-wrap{margin-top: 8px;} #container.wata .side-memo-wrap .memo-edit .memo-edit-btm .btn-wrap a{font-size: 12px; padding: 4px; height: 24px;line-height:24px; display: inline-flex; align-items: center; justify-content: center;} /* */ #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .info{max-width: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .info .cont > p{ display: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .info .time{ display: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .info .down{ display: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .info .img-box{ display: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .etc{ display: none;} #container.wata .side-memo-wrap .side-memo-cont .memo-listWrap .memo-cont .list > ul li.active .memo-edit{display: block;} /* 거래처조회 :: e */ /* wabooksTa 팝업 :: s */ /* 담당자 추가 */ .layerCont.add-manager #layerPopup-contsBox{width: 100%;} .layerCont.add-manager #table-list-wrap table > tbody tr td{padding: 0;} .layerCont.add-manager #btn-wrap-default{border: none; padding-right: 0;} .layerCont.add-manager .btn-area {display:flex;} /* 담당자 추가 - 없을때*/ .layerCont.add-manager-none #layerPopup-contsBox{width: 100%;} .layerCont.add-manager-none #table-list-wrap table tbody tr:hover{background: transparent;} .layerCont.add-manager-none #table-list-wrap table > tbody tr td{padding: 0;} .layerCont.add-manager-none #btn-wrap-default{border: none; padding-right: 0;} .layerCont.add-manager-none .add-none{display: flex; flex-direction: column; align-items: center; margin-top: 40px; margin-bottom: 16px;} .layerCont.add-manager-none .add-none p{margin-top: 16px;} .layerCont.add-manager-none .btn-area {display:flex;} /* 연락처 추가 */ .layerCont.contact-add #layerPopup-contsBox{width: 100%;} .layerCont.contact-add #btn-wrap-default{border: none;} .layerCont.contact-add .btn-area {display:flex;} .layerCont.contact-add .required{position: relative; display: inline-block;} .layerCont.contact-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.contact-add .item-table{} .layerCont.contact-add .item-table li + li{margin-top: 16px;} .layerCont.contact-add .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.contact-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.contact-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.contact-add .item-table li div + div textarea{ width: 100%; min-height: 80px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.contact-add .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} /* 그룹 수정 */ .layerCont.group-edit #layerPopup-contsBox{width: 100%;} .layerCont.group-edit .btn-area {display:flex;} .layerCont.group-edit .required{position: relative; display: inline-block;} .layerCont.group-edit .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.group-edit .item-table{} .layerCont.group-edit .item-table li + li{margin-top: 16px;} .layerCont.group-edit .item-table li div.sub-tit{margin-bottom: 8px;font-size: 14px; font-weight: 500; color: #404040;} .layerCont.group-edit .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.group-edit .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.group-edit .item-table li div + div textarea{ width: 100%; min-height: 80px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.group-edit .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.group-edit .item-table li div + div .textNum{color: #999; font-size: 14px; font-weight: 500; display: inline-block; margin-top: 10px;} /* 그룹 추가 */ .layerCont.group-add #layerPopup-contsBox{width: 100%;} .layerCont.group-add .btn-area {display:flex;} .layerCont.group-add .required{position: relative; display: inline-block;} .layerCont.group-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.group-add .item-table{} .layerCont.group-add .item-table li + li{margin-top: 16px;} .layerCont.group-add .item-table li div.sub-tit{margin-bottom: 8px;font-size: 14px; font-weight: 500; color: #404040;} .layerCont.group-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.group-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.group-add .item-table li div + div textarea{ width: 100%; min-height: 80px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.group-add .item-table li div + div textarea::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.group-add .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.group-add .item-table li div + div .textNum{color: #999; font-size: 14px; font-weight: 500; display: inline-block; margin-top: 10px;} /* 국세청 -오류 */ .layerCont.tax-error #btn-wrap-default{border: none;} .layerCont.tax-error .btn-area {display:flex;} .layerCont.tax-error #layerPopup-contsBox{min-height: 0;} .layerCont.tax-error #layerPopup-contsBox .conts{font-size: 14px;} /* 와북 id 추가 */ .layerCont.id-add .id-add-wrap{display: flex; flex-direction: column; align-items: center;} .layerCont.id-add .id-add-wrap .text{margin-top: 8px; text-align: center;} .layerCont.id-add .id-add-wrap .text p{font-size: 16px; font-weight: 600 ; margin-bottom: 8px;} .layerCont.id-add .id-add-wrap .text span{font-weight: 500; color: #737373;} .layerCont.id-add .id-add-wrap .form-wrap{margin-top: 16px;width: 100%;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form{display: flex; flex-direction: column; align-items: flex-start; width: 100%;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form + .form{margin-top: 16px;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form span{} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form span.required{position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #404040;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form span.required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form input{margin-top: 8px; width: 100%; border-color: #D4D4D4;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form.password{position: relative;} .layerCont.id-add .id-add-wrap .form-wrap .login-form-table .form.password::after{content: ""; display: block;width:24px ; height: 24px; background: url('../images/settings/ico_eye.svg') no-repeat center center; position: absolute;right: 12px; bottom: 4px;} .layerCont.id-add #btn-wrap-default{border: none; } /* 와북 id 추가 */ .layerCont.id-add-wabook .id-add-wrap{display: flex; flex-direction: column; align-items: center;} .layerCont.id-add-wabook .id-add-wrap .text{margin-top: 24px; text-align: center;} .layerCont.id-add-wabook .id-add-wrap .text p{font-size: 16px; font-weight: 600 ; margin-bottom: 8px;} .layerCont.id-add-wabook .id-add-wrap .text span{font-weight: 500; color: #737373;} .layerCont.id-add-wabook .id-add-wrap .form-wrap{margin-top: 16px;width: 100%;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table{margin-top: 16px;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form{display: flex; flex-direction: column; align-items: flex-start; width: 100%;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form + .form{margin-top: 16px;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form span{} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form span.required{position: relative; display: inline-block;font-size: 14px; font-weight: 500; color: #404040;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form span.required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form input{margin-top: 8px; width: 100%;border-color: #D4D4D4;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form.password{position: relative;} .layerCont.id-add-wabook .id-add-wrap .form-wrap .login-form-table .form.password::after{content: ""; display: block;width:24px ; height: 24px; background: url('../images/settings/ico_eye.svg') no-repeat center center; position: absolute;right: 12px; bottom: 4px;} .layerCont.id-add-wabook #btn-wrap-default{border: none; } .layerCont.chk-login #layerPopup-contsBox{min-height: 0;} .layerCont.chk-login #btn-wrap-default{border: none; } /* 가입 팝업 */ .layerCont.wataJoin h1{border-bottom: 1px solid #E0E0E0;} .layerCont.wataJoin #layerPopup-contsBox{width: inherit; display: flex; align-items: flex-start; padding: 0; min-height: 0;} .layerCont.wataJoin #layerPopup-contsBox > div{width: 50%;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info{padding: 20px; border-right: 1px solid #D4D4D4;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div + div{margin-top: 16px;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div{display: flex; align-items: flex-start; justify-content: space-between;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div label{font-size: 14px; font-weight: 500; color: #525252; width: 98px;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div input{width: calc(100% - 122px); margin-left: 24px; border-color: #D4D4D4;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div textarea{width: calc(100% - 122px); border: 1px solid #D4D4D4;font-size: 14px;min-height: 393px;padding: 8px;border-radius: 5px;overflow: auto;margin-left: 24px; resize: none; transition: .45s;} .layerCont.wataJoin #layerPopup-contsBox > div.wataJoin-info > div textarea:focus{outline: none;border: 1px solid #898B8C;} .layerCont.wataJoin #layerPopup-contsBox > div.preview{background: #F5F9FE; padding: 20px 24px; min-height: 571px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont{border: 1px solid #D4D4D4; border-radius: 16px; padding: 24px; background: #fff; min-height: 467px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-top{min-height: 293px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont h5{font-size: 16px; font-weight: 600; margin-bottom: 24px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .logo-wrap{display: flex; flex-direction: column; align-items: center;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .logo-wrap .logo{width: 140px; margin-bottom: 16px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .logo-wrap p{font-size: 14px; font-weight: 500;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .logo-wrap p span{ font-weight:700;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .text-wrap{margin-top: 16px; text-align: center;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .text-wrap p{font-size: 14px; font-weight: 500;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .text-wrap p span{ font-weight:700;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom{border: 1px solid #D4D4D4; background: #FAFAFA; border-radius: 8px; padding: 16px; text-align: center;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom h6{font-size: 14px;font-weight: 600;line-height: 22px; margin-bottom: 16px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom dl{display: flex; align-items: center;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom dl dt{font-size: 14px;font-weight: 600; display: flex; align-items: center; justify-content: space-between; width: 54px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom dl dt::before{content: "";display: block; width: 16px; height: 16px;;background: url('../images/settings/login-info-icon.svg') no-repeat center center;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom dl dd{font-size: 14px;font-weight:500; margin-left: 8px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .preview-cont .cont-bottom dl + dl{margin-top: 8px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .link-wrap{display: flex; align-items: center; justify-content: center; margin-top: 8px;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .link-wrap a{font-weight: 600;text-decoration: underline;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .link-wrap a + a{padding-left: 10px; margin-left: 10px; display: flex;align-items: center; justify-content: center; position: relative;} .layerCont.wataJoin #layerPopup-contsBox > div.preview .link-wrap a + a::before{content: ""; width: 1px; height: 16px; background-color: #A3A3A3; position: absolute; left: 0; top :50%; transform: translateY(-50%);} /* 가입 팝업 - 비어있음 */ .layerCont.wataJoinEmpty h1{border-bottom: 1px solid #E0E0E0;} .layerCont.wataJoinEmpty #layerPopup-contsBox{width: inherit; display: flex; align-items: flex-start; padding: 0; min-height: 0;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div{width: 50%;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info{padding: 20px; border-right: 1px solid #D4D4D4;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div + div{margin-top: 16px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div{display: flex; align-items: flex-start; justify-content: space-between;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div label{font-size: 14px; font-weight: 500; color: #525252; width: 98px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div input{width: calc(100% - 122px); margin-left: 24px; border-color: #D4D4D4;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div textarea{width: calc(100% - 122px); border: 1px solid #D4D4D4;font-size: 14px;min-height: 393px;padding: 8px;border-radius: 5px;overflow: auto;margin-left: 24px; resize: none; transition: .45s;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.wataJoin-info > div textarea:focus{outline: none;border: 1px solid #898B8C;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview{background: #F5F9FE; padding: 20px 24px; min-height: 571px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont{border: 1px solid #D4D4D4; border-radius: 16px; padding: 24px;background: #fff; min-height: 467px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .cont-top{min-height: 293px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont h5{font-size: 16px; font-weight: 600; margin-bottom: 24px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .logo-wrap{display: flex; flex-direction: column; align-items: center;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .logo-wrap .logo{width: 140px; margin-bottom: 48px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .logo-wrap p{font-size: 14px; font-weight: 500;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .logo-wrap p span{ font-weight:700;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .img-wrap{ display: flex; flex-direction: column; align-items: center; margin-bottom: 16px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .img-wrap p{font-size: 14px; font-weight: 600; margin-bottom: 8px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .preview-cont .img-wrap span{color: #A1A1AA;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .link-wrap{display: flex; align-items: center; justify-content: center; margin-top: 8px;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .link-wrap a{font-weight: 600;text-decoration: underline;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .link-wrap a + a{padding-left: 10px; margin-left: 10px; display: flex;align-items: center; justify-content: center; position: relative;} .layerCont.wataJoinEmpty #layerPopup-contsBox > div.preview .link-wrap a + a::before{content: ""; width: 1px; height: 16px; background-color: #A3A3A3; position: absolute; left: 0; top :50%; transform: translateY(-50%);} /* 메모 삭제 */ .layerCont.memo-del{} .layerCont.memo-del #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.memo-del .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.memo-del .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.memo-del .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.memo-del #btn-wrap-default{border: none;} .layerCont.memo-del #btn-wrap-default a.red{background: #E1232E; border-color: #E1232E;} /* 그룹 삭제 */ .layerCont.group-del{} .layerCont.group-del #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.group-del .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.group-del .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.group-del .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.group-del #btn-wrap-default{border: none;} .layerCont.group-del #btn-wrap-default a.btn-st.common{border: none;} .layerCont.group-del #btn-wrap-default a.btn-st.common.delete{padding:0 15px;} .layerCont.group-del #btn-wrap-default a.btn-st.common.delete:before{display:none;} /* 거래처 등록 */ .layerCont.partner-add #layerPopup-contsBox{width: auto;} .layerCont.partner-add .conts a.add-link-warp{border: 1px solid #D9D9D9; border-radius: 6px; padding: 4px 8px 4px 4px; display: flex; align-items: center; justify-content: space-between;} .layerCont.partner-add .conts a.add-link-warp::after{content: ""; display: block; width: 24px; height: 24px; background: url('../images/settings/link-arrow-blue.svg') no-repeat center center;} .layerCont.partner-add .conts a.add-link-warp > div{display: flex; align-items: center; } .layerCont.partner-add .conts a.add-link-warp > div .img-wrap{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 4px;margin-right: 10px; } .layerCont.partner-add .conts a.add-link-warp > div .img-wrap.excel{background: #DCFCE7 url('../images/settings/excel-icon.svg') no-repeat center center/20px auto; } .layerCont.partner-add .conts a.add-link-warp > div .img-wrap.self{background: #D8E9FF url('../images/settings/ico_pen.svg') no-repeat center center/20px auto;} .layerCont.partner-add .conts a.add-link-warp > div .text-wrap p{font-weight:500; color: #000;} .layerCont.partner-add .conts a.add-link-warp > div .text-wrap span{font-size: 11px; font-weight:500; color: #757575;} .layerCont.partner-add .conts a.add-link-warp + a.add-link-warp{margin-top: 8px;} /* 휴지통 */ .layerCont.trash-add{} .layerCont.trash-add #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.trash-add .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.trash-add .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.trash-add .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.trash-add #btn-wrap-default{border: none;} /* 휴지통 - 이동 */ .layerCont.trash-move{} .layerCont.trash-move #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.trash-move .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.trash-move .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.trash-move .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.trash-move #btn-wrap-default{border: none;} .layerCont.trash-move #btn-wrap-default a.close{color: #0152A3; border: none;} .layerCont.trash-move #btn-wrap-default a.close:hover{color: #fff;} /* wata 팝업 백그라운드 x / 위치조정 */ #wabook-layerPopup-default.active.bg-none{transform: translate(0,-38%);} #wabook-layerPopup-default.bg-none > .layerPopup-wrap{background-color: transparent;} /* wata setting popup*/ #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.setting-pagepopup-ver2{overflow:hidden;} /* 왼쪽 카테고리 */ .layerCont.setting-pagepopup-ver2 #left-menu-wrap.setting{height: 770px;} /* .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container{min-height: 770px; max-height: 770px;} */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-list{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:210px;height:100%;position:absolute;z-index:-1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title > h2{font-size:16px;font-weight:600;color:#000;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap .left-title > a{font-size:14px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container #left-menu-wrap > ul > li > a.active{background-color:#eceff1} a.icon-svg-menu.partner:before{background-image:url('../images/settings/setting/icon-partner.svg');} a.icon-svg-menu.item:before{background-image:url('../images/settings/setting/icon-item.svg');} a.icon-svg-menu.at:before{background-image:url('../images/settings/setting/icon-at.svg');} a.icon-svg-menu.pur:before{background-image:url('../images/settings/setting/icon-purpose.svg');} a.icon-svg-menu.am:before{background-image:url('../images/settings/setting/icon-am.svg');} a.icon-svg-menu.com:before{background-image:url('../images/settings/setting/icon-company.svg');} /* 왼쪽 카테고리 - small */ .layerCont.setting-pagepopup-ver2 #small-left-menu{height: 817px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small #left-menu-list:before{content:'';border-right:1px solid #ECEFF1;background-color:#FAFAFA;width:64px;height:100%;position:absolute;z-index:-1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small > .contents{transition:none !important;width:calc(100% - 64px);} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small > #left-menu-list{width:64px;} /* 테이블 공통 */ .layerCont.setting-pagepopup-ver2 #table-list-wrap table thead{background-color:#f5f5f5;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table thead tr th{color: #000;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td{padding: 10px;} /* .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td{padding: 10px; overflow: visible;} */ .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_save{padding:8px;color:#0069B9;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td > div a.input_cel{padding:8px;color:#000;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #table-list-wrap table tbody tr td.last-update .update > div{width:18px;height:18px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more{display:flex;justify-content:center;font-size:13px;color:#0F38EE;font-weight:500;align-items:center;position:relative;padding:8px 0;margin-top:10px;} .layerCont.setting-pagepopup-ver2 #table-list-wrap a.table-more:before{content:'';transition:.45s;background:url("../images/settings/icon-table-more.svg")no-repeat center center;display:inline-block;width:16px;height:16px;background-size:11px 7px;margin-right:4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap{border-radius:0;border-left:none;border-right:none;border-bottom:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr + tr{border-top:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap table tbody tr{border-bottom:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > div.wrap{display:flex;justify-content:flex-end;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.btn-st.disabled{font-size:13px;font-weight:500;opacity:0.5;color:#000;background-color: #FAFAFA;border:1px solid #e0e0e0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore{color:#0069B9;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:flex-end;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last > a.restore:before{content:'';display:inline-block;background:url("../images/settings/icon-restore.svg")no-repeat;margin-right:4px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a{display:block;position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.last .remove > a:before{content:'';width:19px;height:18px;background:url("../images/settings/icon-del.svg")no-repeat;background-size:cover;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #table-list-wrap tr td.whiteSpaceWrap{white-space:wrap} /* 버튼 스타일 */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.disable{background-color:#FAFAFA;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete{display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete:before{content:'';background:url("../images/settings/icon-trash.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.delete.cRed:before{content:'';background:url("../images/settings/icon-trash-red.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.down:before{content:'';background:url("../images/settings/icon-down.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.down.ver2:before{background:url("../images/settings/icon-down-ver2.svg")no-repeat;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.normal.filter:before{content:'';background:url("../images/settings/icon-filter.svg")no-repeat;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.primary{color:#fff;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st{font-size: 14px; font-weight: 500; padding: 8px;display: flex;align-items: center;justify-content: center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.excel{background-color: #15803D; box-shadow: 0px 2px 3px 0px rgba(21, 128, 61, 0.1), 0px 1px 1px 0px rgba(21, 128, 61, 0.5), 0px 0px 0px 1px rgba(22, 101, 52, 1); color: #fff; border-radius: 5px;height: 30px;overflow: hidden;outline: none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents a.btn-st.excel::before{width: 16px; height: 16px; background-image: url('../images/settings/setting/excel-icon-w.svg'); background-size: 16px auto; margin-right: 4px;} /* 팝업 레이아웃 */ .layerCont.setting-pagepopup-ver2 .layerPopupWrap {width:1300px;} .layerCont.setting-pagepopup-ver2 > .layerPopup-resize{right:61px !important;} .layerCont.setting-pagepopup-ver2 > .layerPopup-close{right:25px !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox {width:1300px;padding:0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox .popupName{font-size:15px;padding:10px;font-weight:500;color:#1B1B1B} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container{padding-top:0;transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container.small{transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container:before{display:none;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents{height:817px;min-height: 0; overflow-y:auto;/*padding:56px 40px 0;*/padding:0;transition:none !important;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .search-etc-wrap > div.last .view-sort{margin-right: 10px; position: relative;} .layerCont.setting-pagepopup-ver2 .title-area.sp-btw .required-point{display: inline-block;vertical-align: middle;width: 5px;height: 5px; background-color: #CB0D0D; border-radius: 50%;overflow: hidden;} .layerCont.setting-pagepopup-ver2 .required:after{content:'*';border-radius:0;width:auto;height:auto;background:none;color:#F60404} /* 콘텐츠 공통 레이아웃 */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .tabCont{padding:56px 40px 50px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area{border-bottom:0;flex-direction:column;align-items:flex-start; padding-bottom: 20px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area > div{width:100%;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area h1{padding:0;font-size:18px;font-weight:600;color:#1b1b1b;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents .title-area p{display:block;color:#878787;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc{position:relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc a.etc-btn{width:24px;height:24px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);display:flex;align-items:center; justify-content: center; border-radius: 4px; background-color: #fff;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc a.etc-btn:before{content:'';background:url("../images/settings/list-more.png")no-repeat center center/cover;width:16px;height:16px;display:inline-block;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup{display:none;right:0;top: calc(100% + 2px); position:absolute;z-index:2;border: 1px solid rgba(51, 51, 51, 0.15);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);border-radius:6px;min-width:150px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul{padding:5px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li:hover{background-color: #E5E5E5; border-radius: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a{padding:6px;display:flex;align-items:center;border-radius:5px;color:#1b1b1b;font-size:13px;font-weight:500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.print:before{content:'';background:url("../images/common/svg/list-print.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.post:before{content:'';background:url("../images/common/svg/list-post.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.edit:before{content:'';background:url("../images/common/svg/list-edit.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.del:before{content:'';background:url("../images/common/svg/list-del.svg")no-repeat center;display:inline-block;margin-right:6px;width:16px;height:16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents div.etc .etc-popup ul li a.del{color:#CB0D0D;} .layerCont.setting-pagepopup-ver2 .view-sort.ver2 #view-sort-box > .btn-wrap a.reset{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); border-radius: 6px;} /* 거래처 :: s */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .search-etc-wrap{padding: 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .search-etc-wrap > div{padding: 0;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner #table-list-wrap table tbody tr td{overflow: visible;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td > div{display: flex; align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap{position: relative;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr{align-items: flex-start;line-height: 22px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr span{display: inline-flex; align-items: center; justify-content: center; border: 1px solid #D4D4D4; background: #E5E5E5; line-height: 20px; padding: 0 5px; color: #454545; font-size: 12.5px; font-weight: 500; border-radius: 6px; margin-left: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info{position: absolute; top: calc(100% - 7px); left: 0; padding: 12px; width: 320px; background: #fff; border-radius: 8px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08); display: none; z-index: 1;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul li + li{margin-top: 16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul li .addr-tit{font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul li .addr-tit span{display: inline-block; font-size: 10px; border-radius: 4px; background-color: #E5E5E5; border: 1px solid #D4D4D4; line-height: 16px; padding: 0 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul li .addr-cont{font-size: 12px; line-height: 20px;font-weight: 500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.addr-wrap > div.addr-info ul li .addr-cont span{display: flex; color: #737373;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_partner .table-contBox tbody tr td.whiteSpaceWrap{white-space:wrap} /* 거래처 :: e */ /* 품목 :: s */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_items #table-list-wrap table tbody tr td{overflow: visible;} /* 품목 :: e */ /* 계정과목 :: s */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account .search-etc-wrap > div.last .chk-wrap{display: flex; align-items: center; margin-right: 16px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account a.btn-st.primary.icon-svg:before{width: 16px; height: 16px; margin-right: 4px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td{overflow: visible;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td span.status-active{display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 28px; padding: 0 7px; border: 1px solid #7CC1FD; background: #B9DCFE; color: #0152A3; border-radius: 6px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td{color: #737373;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td.code{padding-left: 30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td > a {color:#494949;font-weight:600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td > a.sort {display:flex;align-items:center;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td > a.sort::before {content:"";display:inline-block;width:18px;height:12px;background: url('../images/common/svg/table-sort-arrow.svg') no-repeat center center/18px 12px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td > a.sort.down:before {background-position:center bottom;height:6px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr td > a.sort.up:before {background-position:center top;height:6px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_account #table-list-wrap table tbody tr.main-tr td{color: #333333; font-size: 14px; font-weight: 500;} /* 계정과목 :: e */ /* 계좌 관리 :: s */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management{ } .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management #table-list-wrap table tbody tr td > div{font-size: 14px; font-weight: 500; color: #333;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management #table-list-wrap table tbody tr td div.displayflex{display: flex; flex-direction: column; align-items: flex-start;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_management #table-list-wrap table tbody tr td div.displayflex > a{color: #0060B9; text-decoration: underline; margin-bottom: 8px;} /* 계좌 관리 :: e */ /* 회사 :: s */ .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .company-info-wrap dl{display: flex; align-items: flex-start; font-size: 14px; font-weight: 500; padding: 12px 0;border-bottom: 1px solid #E5E5E5;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .company-info-wrap dl dt{width: 190px; color: #404040;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .company-info-wrap dl dt span{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .company-info-wrap dl dd{width: calc(100% - 190px); color: #171717;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .company-info-wrap dl dd div span{color: #A3A3A3; display: inline-block; padding-top: 8px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap{margin-top: 30px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap h2{font-size: 15px; font-weight: 600;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap .erp-cont{margin-top: 24px;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap .erp-cont dl{font-size: 14px; font-weight: 500;} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap .erp-cont dl dt{} .layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents #settingWrap_company .company-wrap .erp-wrap .erp-cont dl dd{} /* 회사 :: e */ /* setting 거래처 수정 */ .layerCont.setting-contact-edit #layerPopup-contsBox{width: 100%;} .layerCont.setting-contact-edit #btn-wrap-default{border: none;} .layerCont.setting-contact-edit .btn-area {display:flex;} .layerCont.setting-contact-edit .required{position: relative; display: inline-block;} .layerCont.setting-contact-edit .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-contact-edit .item-table{} .layerCont.setting-contact-edit .item-table li + li{margin-top: 16px;} .layerCont.setting-contact-edit .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-contact-edit .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-contact-edit .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-contact-edit .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-contact-edit .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-contact-edit .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-contact-edit .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-contact-edit .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-contact-edit .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-contact-edit .add-btn{display: none;} .layerCont.setting-contact-edit .item-table li.change-addr{display: none;} .layerCont.setting-contact-edit .item-table li.change-addr.active{display: block;} .layerCont.setting-contact-edit .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.setting-contact-edit .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-contact-edit .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.setting-contact-edit .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} /* setting 거래처 추가 */ .layerCont.setting-contact-add #layerPopup-contsBox{width: 100%;} .layerCont.setting-contact-add #btn-wrap-default{border: none;} .layerCont.setting-contact-add .btn-area {display:flex;} .layerCont.setting-contact-add .required{position: relative; display: inline-block;} .layerCont.setting-contact-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-contact-add .item-table{} .layerCont.setting-contact-add .item-table li + li{margin-top: 16px;} .layerCont.setting-contact-add .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-contact-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-contact-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-contact-add .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-contact-add .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-contact-add .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-contact-add .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-contact-add .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-contact-add .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-contact-add .add-btn{display: none;} .layerCont.setting-contact-add .item-table li.change-addr{display: none;} .layerCont.setting-contact-add .item-table li.change-addr.active{display: block;} .layerCont.setting-contact-add .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.setting-contact-add .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-contact-add .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.setting-contact-add .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} /* 엑셀 업로드 */ .layerCont.upload-contact-excel{overflow: hidden;} .layerCont.upload-contact-excel h1{border-bottom: 1px solid #E0E0E0;} .layerCont.upload-contact-excel #layerPopup-contsBox{padding: 0;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap{display: flex; align-items: flex-start; } .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left{display: flex; flex-direction: column;width: 300px;/* border-right: 1px solid #E0E0E0;*/} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div{padding: 20px} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div + div{border-top: 1px solid #E0E0E0; } .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4{font-weight: 600;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #E9E6E6; border-radius: 5px; margin-right: 10px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > p{color: #828282; margin-top: 10px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st{margin-top: 20px; width: 100%; display: flex;align-items: center;justify-content: center;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st.excel::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/excel-icon.svg') no-repeat center center; margin-right: 4px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap input{width: calc(100% - 70px);} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap a{margin-left: 8px; min-width: 66px; padding: 8px; line-height: 32px; height: 32px; font-size: 14px; font-weight: 500;display: flex; align-items: center; justify-content: center;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap{} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap h5{font-size: 14px; font-weight: 500; color: #404040; margin-bottom: 16px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap span{font-size: 12px; color: #737373; display: inline-block; margin: 6px 0 0 26px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap > div+ div{margin-top: 16px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right{width: calc(100% - 300px); position: relative;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right::before{content: ""; width: 1px; height: 600px; background: #E0E0E0; position: absolute; left: 0; top: 0;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info{display: flex; align-items: center; justify-content: flex-end; margin: 16px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p{font-weight: 500;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p + p{margin-left: 20px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap{} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td{line-height: 22px;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify{display: flex; width: 100%;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify a{display: block;width: 100%;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active a{display: none;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box{display: none;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box input{width: 100%;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active .input-clear-box{display: inline-block;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.whiteSpaceWrap{white-space: wrap;} .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.red-bg{ background-color: #FFE1E3;} /* .layerCont.upload-contact-excel #layerPopup-contsBox .formList-wrap .form-cont-right a.close{border: none; color: #0152A3;} */ /* 아이템 추가 */ /* setting 거래처 추가 */ .layerCont.setting-items-add #layerPopup-contsBox{width: 100%;} .layerCont.setting-items-add #btn-wrap-default{border: none;} .layerCont.setting-items-add .btn-area {display:flex;} .layerCont.setting-items-add .required{position: relative; display: inline-block;} .layerCont.setting-items-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-items-add .item-table{} .layerCont.setting-items-add .item-table li + li{margin-top: 16px;} .layerCont.setting-items-add .item-table li div.tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-items-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-items-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-items-add .item-table li div + div textarea{ width: 100%; min-height: 40px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-items-add .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-items-add .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-items-add .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-items-add .item-table li .select-box-default-st li{margin-top: 0;} .layerCont.setting-items-add .item-table li.radio-list{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-items-add .item-table li.radio-list .radio-wrap{display: flex; align-items: center;} .layerCont.setting-items-add .item-table li.radio-list .radio-wrap > div+ div{margin-left: 24px;} .layerCont.setting-items-add .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-items-add .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-items-add .add-btn{display: none;} /* .layerCont.setting-items-add a.close{border: none; color: #0152A3;} */ /* 아이템 디테일 */ .layerCont.setting-items-detail #layerPopup-contsBox{width: 100%;} .layerCont.setting-items-detail #btn-wrap-default{border: none;} .layerCont.setting-items-detail .btn-area {display:flex;} .layerCont.setting-items-detail .required{position: relative; display: inline-block;} .layerCont.setting-items-detail .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-items-detail .item-table{} .layerCont.setting-items-detail .item-table li + li{margin-top: 16px;} .layerCont.setting-items-detail .item-table li div.tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-items-detail .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-items-detail .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-items-detail .item-table li div + div textarea{ width: 100%; min-height: 40px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.setting-items-detail .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.setting-items-detail .item-table li .select-box-default-st li{margin-top: 0;} .layerCont.setting-items-detail .item-table li.radio-list{display: flex; align-items: center; justify-content: space-between;} .layerCont.setting-items-detail .item-table li.radio-list .radio-wrap{display: flex; align-items: center;} .layerCont.setting-items-detail .item-table li.radio-list .radio-wrap > div+ div{margin-left: 24px;} .layerCont.setting-items-detail .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.setting-items-detail .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-items-detail .add-btn{display: none;} .layerCont.setting-items-detail a.close{border: none; color: #0152A3;} /* 품목 엑셀 업로드 */ .layerCont.upload-items-excel{overflow: hidden;} .layerCont.upload-items-excel h1{border-bottom: 1px solid #E0E0E0;} .layerCont.upload-items-excel #layerPopup-contsBox{padding: 0;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap{display: flex; align-items: flex-start; } .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left{display: flex; flex-direction: column;width: 300px;/* border-right: 1px solid #E0E0E0;*/} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div{padding: 20px} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div + div{border-top: 1px solid #E0E0E0; } .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4{font-weight: 600;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #E9E6E6; border-radius: 5px; margin-right: 10px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > p{color: #828282; margin-top: 10px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st{margin-top: 20px; width: 100%; display: flex;align-items: center;justify-content: center;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st.excel::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/excel-icon.svg') no-repeat center center; margin-right: 4px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap input{width: calc(100% - 70px);} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap a{margin-left: 8px; min-width: 66px; padding: 8px; line-height: 32px; height: 32px; font-size: 14px; font-weight: 500;display: flex; align-items: center; justify-content: center;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap{} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap h5{font-size: 14px; font-weight: 500; color: #404040; margin-bottom: 16px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap span{font-size: 12px; color: #737373; display: inline-block; margin: 6px 0 0 26px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap > div+ div{margin-top: 16px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right{width: calc(100% - 300px); position: relative;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right::before{content: ""; width: 1px; height: 600px; background: #E0E0E0; position: absolute; left: 0; top: 0;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info{display: flex; align-items: center; justify-content: flex-end; margin: 16px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p{font-weight: 500;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p + p{margin-left: 20px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap{} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td{line-height: 22px;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify{display: flex;width: 100%;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify a{display: block;width: 100%;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active a{display: none;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box{display: none; width: 100%;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box input{width: 100%;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active .input-clear-box{display: inline-block;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.whiteSpaceWrap{white-space: wrap;} .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.red-bg{ background-color: #FFE1E3;} /* .layerCont.upload-items-excel #layerPopup-contsBox .formList-wrap .form-cont-right a.close{border: none; color: #0152A3;} */ /* 계정과목 엑셀 업로드 */ .layerCont.upload-account-excel{overflow: hidden;} .layerCont.upload-account-excel h1{border-bottom: 1px solid #E0E0E0;} .layerCont.upload-account-excel #layerPopup-contsBox{padding: 0;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap{display: flex; align-items: flex-start; } .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left{display: flex; flex-direction: column;width: 300px;/* border-right: 1px solid #E0E0E0;*/} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div{padding: 20px} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div + div{border-top: 1px solid #E0E0E0; } .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4{font-weight: 600;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > h4 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #E9E6E6; border-radius: 5px; margin-right: 10px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > p{color: #828282; margin-top: 10px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st{margin-top: 20px; width: 100%; display: flex;align-items: center;justify-content: center;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div > a.btn-st.excel::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/excel-icon.svg') no-repeat center center; margin-right: 4px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap input{width: calc(100% - 70px);} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div .file-wrap a{margin-left: 8px; min-width: 66px; padding: 8px; line-height: 32px; height: 32px; font-size: 14px; font-weight: 500;display: flex; align-items: center; justify-content: center;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap{} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap h5{font-size: 14px; font-weight: 500; color: #404040; margin-bottom: 16px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap span{font-size: 12px; color: #737373; display: inline-block; margin: 6px 0 0 20px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-left > div.chk-wrap > div+ div{margin-top: 16px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right{width: calc(100% - 300px); position: relative;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right::before{content: ""; width: 1px; height: 600px; background: #E0E0E0; position: absolute; left: 0; top: 0;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info{display: flex; align-items: center; justify-content: flex-end; margin: 16px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p{font-weight: 500;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right .table-info p + p{margin-left: 20px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap{} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td{line-height: 22px;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify{display: flex;width: 100%;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify a{display: block;width: 100%;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active a{display: none;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box{display: none; width: 100%;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify .input-clear-box input{width: 100%;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td .table-modify.active .input-clear-box{display: inline-block;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.whiteSpaceWrap{white-space: wrap;} .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right #table-list-wrap table tbody tr td.red-bg{ background-color: #FFE1E3;} /* .layerCont.upload-account-excel #layerPopup-contsBox .formList-wrap .form-cont-right a.close{border: none; color: #0152A3;} */ .layerCont.upload-account-excel #btn-wrap-default{justify-content: flex-end;} /* 업로드 팝업 1 */ .layerCont.upload-pop-addnew{} .layerCont.upload-pop-addnew #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.upload-pop-addnew .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.upload-pop-addnew .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.upload-pop-addnew .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.upload-pop-addnew #btn-wrap-default{border: none;} /* .layerCont.upload-pop-addnew #btn-wrap-default a.btn-st.common{border: none; color: #0152A3;} .layerCont.upload-pop-addnew #btn-wrap-default a.btn-st.common.delete{padding:0 15px;} .layerCont.upload-pop-addnew #btn-wrap-default a.btn-st.common.delete:before{display:none;} */ /* 업로드 팝업 2 */ .layerCont.upload-pop-addnew2{} .layerCont.upload-pop-addnew2 #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.upload-pop-addnew2 .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.upload-pop-addnew2 .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.upload-pop-addnew2 .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.upload-pop-addnew2 #btn-wrap-default{border: none;} /* .layerCont.upload-pop-addnew2 #btn-wrap-default a.btn-st.common{border: none; color: #0152A3;} .layerCont.upload-pop-addnew2 #btn-wrap-default a.btn-st.common.delete{padding:0 15px;} .layerCont.upload-pop-addnew2 #btn-wrap-default a.btn-st.common.delete:before{display:none;} */ /* 업로드 팝업3 - true */ .layerCont.confirm-true{} .layerCont.confirm-true .conts h4::before{content: ""; display: block; width: 32px; height: 32px; background: url('../images/settings/setting/confirm-icon.svg') no-repeat left center; margin-top: 16px;} .layerCont.confirm-true .conts > p{margin-top: 20px; font-size: 16px; font-weight: 500; color: #000;} .layerCont.confirm-true #btn-wrap-default{border-top: none;} /* 업로드 팝업4 - fail */ .layerCont.confirm-fail{} .layerCont.confirm-fail .conts h4::before{content: ""; display: block; width: 32px; height: 32px; background: url('../images/settings/setting/confirm-icon.svg') no-repeat right center; margin-top: 16px;} .layerCont.confirm-fail .conts > p{margin-top: 20px; font-size: 16px; font-weight: 500; color: #000;} .layerCont.confirm-fail #btn-wrap-default{border-top: none;} .layerCont.confirm-fail #btn-wrap-default a.btn-st.red{background: #E1232E; border-color: #E1232E;} /* 계정과목 추가 */ .layerCont.setting-account-add #layerPopup-contsBox{width: 100%;} .layerCont.setting-account-add #btn-wrap-default{border: none;} /* .layerCont.setting-account-add #btn-wrap-default a.close{border: none; color: #0152A3;} */ .layerCont.setting-account-add .btn-area {display:flex;} .layerCont.setting-account-add .required{position: relative; display: inline-block;} .layerCont.setting-account-add .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-account-add .item-table{} .layerCont.setting-account-add .item-table li + li{margin-top: 16px;} .layerCont.setting-account-add .item-table li .tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-account-add .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-account-add .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-account-add .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.setting-account-add .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/settings/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.setting-account-add .item-table li .radio-wrap{display: flex; align-items: center; justify-content: flex-start;} .layerCont.setting-account-add .item-table li .radio-wrap > div + div{margin-left: 24px;} .layerCont.setting-account-add .item-table li .displayflex-spw > span{font-size: 14px; font-weight: 500;} /* 계정과목 수정 */ .layerCont.setting-account-edit #layerPopup-contsBox{width: 100%;} .layerCont.setting-account-edit #btn-wrap-default{border: none;} .layerCont.setting-account-edit .btn-area {display:flex;} .layerCont.setting-account-edit .required{position: relative; display: inline-block;} .layerCont.setting-account-edit .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.setting-account-edit .item-table{} .layerCont.setting-account-edit .item-table li + li{margin-top: 16px;} .layerCont.setting-account-edit .item-table li .tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.setting-account-edit .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.setting-account-edit .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.setting-account-edit .item-table li .radio-wrap{display: flex; align-items: center; justify-content: flex-start;} .layerCont.setting-account-edit .item-table li .radio-wrap > div + div{margin-left: 24px;} /* 계정과목 삭제 */ .layerCont.account-del{} .layerCont.account-del #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.account-del .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.account-del .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.account-del .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.account-del #btn-wrap-default{border: none;} .layerCont.account-del #btn-wrap-default a.btn-st.red{background: #E1232E; border-color: #E1232E;} /* 금융기관 별 수집 리스트 */ .layerCont.account-description #layerPopup-contsBox{min-height: 0;} .layerCont.account-description h1{display: flex; flex-direction: column; align-items: flex-start;} .layerCont.account-description h1 span{font-size: 13px; font-weight: 500; color: #707070; margin-top: 6px;} .layerCont.account-description #table-list-wrap{margin-top: 16px;} .layerCont.account-description #table-list-wrap table tbody tr td{overflow: visible;} .layerCont.account-description #table-list-wrap table tbody tr td .select-box-default-st{width: 100%;} .layerCont.account-description #table-list-wrap table tbody tr td input{width: 100%; background-color: #fff;} .layerCont.account-description #table-list-wrap table tbody tr td div.select-box-default-st input.selectValue{ background:#fff url('../images/settings/ico_search.png') no-repeat right 3px center/16px auto;} .layerCont.account-description #btn-wrap-default{border: none;justify-content: flex-end;} /* .layerCont.account-description #btn-wrap-default a.close{border: none; color: #0152A3;} */ /* wabooksTa 팝업 :: e */ /* 은행 조회 :: s */ #container.wata > .contents.transaction .title-area > .page-func-wrap > div.function > a{padding: 8px; display: flex; align-items: center; justify-content: center;} #container.wata > .contents.transaction .title-area > .page-func-wrap > div.function > a.icon-svg:before{width: 16px; height: 16px; margin-right: 4px;} #container.wata > .contents.transaction .title-area > .page-func-wrap > div.function > a.smart-or::before{background-image: url('../images/wabooksTa/ico_wand.svg') ; background-size: 16px auto;} #container.wata > .contents.transaction .displayflex-spw > div{display: flex; align-items: center;} #container.wata > .contents.transaction .div-l .radio-wrap{margin-left: 30px;display: flex; align-items: center;} #container.wata > .contents.transaction .div-l .radio-wrap > div + div{margin-left: 16px;} #container.wata > .contents.transaction .div-r .confirmed-wrap{display: flex; align-items: center;} #container.wata > .contents.transaction .div-r .confirmed-wrap > div{font-weight: 500;} #container.wata > .contents.transaction .div-r .confirmed-wrap > div + div{padding-left: 12px; margin-left: 12px; position: relative;} #container.wata > .contents.transaction .div-r .confirmed-wrap > div + div::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background: #D9D9D9; } #container.wata > .contents.transaction .div-r .confirmed-wrap > div.all{font-weight: 700; color: #333; } #container.wata > .contents.transaction .div-r .confirmed-wrap > div.confirmed{color: #0060B9;} #container.wata > .contents.transaction .div-r .confirmed-wrap > div.unconfirmed{color: #BD1822;} #container.wata > .contents.transaction .div-r .keyword-search{margin-left: 16px;} #container.wata > .contents.transaction .div-r .search-form{position:relative;} #container.wata > .contents.transaction .div-r .search-form .search-popup{display:none;position:absolute;top:calc(100% + 5px);right:0;background-color:rgba(0, 0, 0, 1);z-index:11;padding:8px;color:#fff;font-size:14px;font-weight:500;border-radius: 8px;width: max-content;} #container.wata > .contents.transaction #table-list-wrap table tbody tr td{padding: 0; overflow: visible;} #container.wata > .contents.transaction #table-list-wrap table tbody .wrap tr td{padding: 5px; font-size: 14px;} #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td.whiteSpaceWrap{white-space: wrap;} #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td div.displayflex{display: flex; flex-direction: column; align-items: flex-start; line-height: 18px;} #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td div.displayflex span{font-size: 11px; } #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td.yellow-bg{background-color:#FFFEDB} #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td.gray-bg{background-color:#F5F5F5} .table-search-select {position:relative;overflow:visible} .table-search-select a.edit {position:absolute;top:50%;left:100%;transform:translate(-100%,-50%);opacity:0;width:100%;height:100%;} .table-search-select a.edit:before {content:"";display:block;width:32px;height:32px;background: url('../images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;;position:absolute;right:0;top:50%;transform:translateY(-50%)} .table-search-select:hover a.edit {transform:translate(-100%,-50%);opacity:1} .table-search-select > p{overflow:hidden;width:calc(100% - 32px);text-overflow:ellipsis;white-space:nowrap;} .table-search-select .table-search-wrap {position:absolute;top:50%;left:100%;transform:translate(0,-50%);width: 100%; display:none;z-index:-1; padding: 0 5px;} .table-search-select .table-search-wrap.on {left:0;transform:translate(0,-50%);display:block;z-index:11;} .table-search-select .table-search-wrap .table-input{border: 1px solid #ECEFF1; font-size: 14px;height: 30px;line-height: 30px; padding: 0px 25px 0px 10px;border-radius: 5px;overflow: hidden; background: #fff url("../images/common/svg/selectbox-arrow.svg") no-repeat right 3px bottom 3px/22px 44px; cursor: pointer; transition: .45s; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .table-search-select .table-search-wrap .table-input.on{background-position: right 3px top 3px;} .table-search-select .table-search-wrap .table-search-box{display: none; position: absolute; top:calc(100% + 3px); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; background: #fff;} .table-search-select .table-search-wrap .table-search-box .keyword-search{border: none;} .table-search-select .table-search-wrap .table-search-box .table-search-cont{} .table-search-select .table-search-wrap .table-search-box .table-search-cont .cate + .cate{margin-top: 16px;} .table-search-select .table-search-wrap .table-search-box .table-search-cont .tit{color: #A3A3A3; font-size: 12px; font-weight: 500; padding: 8px 8px 4px;} .table-search-select .table-search-wrap .table-search-box .table-search-cont ul li a{display: flex; align-items: center; justify-content: flex-start;font-size: 12px; font-weight: 500; color: #404040; padding: 8px;} .table-search-select .table-search-wrap .table-search-box .table-search-cont ul li a:hover{background: #FAFAFA;} .table-search-select .table-search-wrap .table-search-box .table-search-cont.keyword-wrap{display: none;} .table-search-select .table-search-wrap .keyword-search > form{width: 100%;} .table-search-select .table-search-wrap .keyword-search > form input[type=text]{width: 100%;} .table-search-select .table-search-wrap .keyword-search input[type=submit] {background: url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px;} .table-search-select .table-search-wrap .input-clear-box{width: 100%;} .table-search-select .table-search-wrap .input-clear-box input[type=text]{width: 100%;} #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td.status .status-wrap{display: flex;align-items: center; justify-content: flex-end; } #container.wata > .contents.transaction #table-list-wrap tbody .wrap tr td.status div a.status-btn{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); display: inline-flex; align-items: center; justify-content: center; padding: 8px; font-size: 14px; font-weight: 500; border-radius: 6px; background-color: #fff; } /* 메모아이콘 */ #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap {display: flex;align-items: center; justify-content: flex-end;} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: no-repeat center center/cover;transition: .45s; margin-right: 15px;} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileG {background-image: url('../images/wabooksTa/fileG.png');} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileB {background-image: url('../images/wabooksTa/fileB.png');} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileY {background-image: url('../images/wabooksTa/fileY.png');} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileW {background-image: url('../images/wabooksTa/fileW.png');} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileR {background-image: url('../images/wabooksTa/fileR.png');} #container.wata > .contents.transaction #table-list-wrap .wrap tbody tr td .memo-icon-wrap a.fileP {background-image: url('../images/wabooksTa/fileP.png');} /* 테이블 수정 */ #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify{display: flex; width: 100%;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify a{display: block;width: 100%;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify.active a{display: none;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify > div{display: none;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify > div input{width: 100%;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify.active > div{display: inline-block;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify .select-box-default-st{background: #fff;} #container.wata > .contents.transaction #table-list-wrap tbody tr td .table-modify .keyword-search input[type=submit] {font-size: 14px;width: 32px;height: 32px;border: 0;background: url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px;cursor: pointer;} /* 팝업 */ .layerCont.auto-registration #layerPopup-contsBox{width: 100%;} .layerCont.auto-registration .btn-area {display:flex;} .layerCont.auto-registration .required{position: relative; display: inline-block;} .layerCont.auto-registration .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.auto-registration .item-table{} .layerCont.auto-registration .item-table li + li{margin-top: 16px;} .layerCont.auto-registration .item-table li .tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.auto-registration .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.auto-registration .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.auto-registration .select-box-default-st{width: 100%;} .layerCont.auto-registration #btn-wrap-default{border: none; padding: 0 15px 15px;} .layerCont.auto-registration-btn-pop #layerPopup-contsBox{width: 100%;} .layerCont.auto-registration-btn-pop .btn-area {display:flex;} .layerCont.auto-registration-btn-pop .required{position: relative; display: inline-block;} .layerCont.auto-registration-btn-pop .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.auto-registration-btn-pop .item-table{} .layerCont.auto-registration-btn-pop .item-table li + li{margin-top: 16px;} .layerCont.auto-registration-btn-pop .item-table li .tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.auto-registration-btn-pop .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.auto-registration-btn-pop .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.auto-registration-btn-pop .select-box-default-st{width: 100%;} .layerCont.auto-registration-btn-pop #btn-wrap-default{border: none; padding: 0 15px 15px; justify-content: flex-end;} /* 은행 조회 :: e */ /* 팝업 */ .layerCont.undo-pop{} .layerCont.undo-pop #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.undo-pop .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;} .layerCont.undo-pop .conts > h4{font-weight:600;color:#000;font-size:16px;} .layerCont.undo-pop .conts > p{font-size:13px;font-weight:500;color:#757575;margin-top:10px;} .layerCont.undo-pop #btn-wrap-default{border: none;} .layerCont.undo-pop #btn-wrap-default a.btn-st.red{background: #E1232E; border-color: #E1232E;} .layerCont.buyer-company-name{} .layerCont.buyer-company-name #layerPopup-contsBox{display:flex;align-items:center;} .layerCont.buyer-company-name .conts{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%; padding-top: 8px;} .layerCont.buyer-company-name .conts dl{font-weight: 500;} .layerCont.buyer-company-name .conts dl + dl{margin-top: 16px;} .layerCont.buyer-company-name .conts dl dt{font-size: 14px; color: #171717;} .layerCont.buyer-company-name .conts dl dd{font-size: 12px; margin-top: 8px;} .layerCont.buyer-company-name #btn-wrap-default{border: none;} /* 매출 Invoice :: s */ #container.wata > .contents.invoice .title-area > .page-func-wrap > div.function > a{padding: 8px; display: flex; align-items: center; justify-content: center;} #container.wata > .contents.invoice .title-area > .page-func-wrap > div.function > a.icon-svg:before{width: 16px; height: 16px; margin-right: 4px;} #container.wata > .contents.invoice #view-sort-box > .btn-wrap a.reset{display: inline-flex; align-items: center; padding: 0 8px;} #container.wata > .contents.invoice #view-sort-box > .btn-wrap a.reset:before {content: '';background: url("../images/settings/icon-reset.svg") no-repeat;display: inline-block;width: 16px;height: 16px;margin-right: 3px;} #container.wata > .contents.invoice .num-tab-wrap{border-bottom: 1px solid #E0E0E0;} #container.wata > .contents.invoice .num-tab-wrap ul{display: flex; align-items: center; } #container.wata > .contents.invoice .num-tab-wrap ul li{position: relative;} #container.wata > .contents.invoice .num-tab-wrap ul li + li{margin-left: 16px;} #container.wata > .contents.invoice .num-tab-wrap ul li a{display: inline-flex; align-items: center; justify-content: center; color: #333; font-size: 13px; font-weight: 600; padding: 8px 0; line-height: 20px;} #container.wata > .contents.invoice .num-tab-wrap ul li a span{color: #737373; padding-left: 4px;} #container.wata > .contents.invoice .num-tab-wrap ul li.on::before{content: ""; display: inline-block; width: 100%; height: 4px; background-color: #0060B9; position: absolute; bottom: -1px; left: 0;} #container.wata > .contents.invoice .num-tab-wrap ul li.on a{color: #0060B9;} #container.wata > .contents.invoice .displayflex-spw > div{display: flex; align-items: center; } #container.wata > .contents.invoice .displayflex-spw > div input[type=text]{border: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);} #container.wata > .contents.invoice .displayflex-spw .keyword-search{border: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);} #container.wata > .contents.invoice .displayflex-spw a.btn-st{font-size: 14px; font-weight: 500;display: flex;align-items: center;border: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);} #container.wata > .contents.invoice .div-l .invoice-btn-wrap{display: flex; margin-left: 8px;} #container.wata > .contents.invoice .div-l .invoice-btn-wrap .select-form-default-st + .select-form-default-st{margin-left: 8px;} #container.wata > .contents.invoice .div-l .invoice-btn-wrap a.invoice{padding: 8px;} #container.wata > .contents.invoice .div-l .invoice-btn-wrap a.invoice::before{content: "";display: inline-block; width: 16px; height: 16px; background: url('../images/wabooksTa/ico_filterline3.svg') no-repeat center center; margin-right: 4px;} #container.wata > .contents.invoice .div-r a{margin-left: 8px;} #container.wata > .contents.invoice .div-r a.logo::before{content: "";display: inline-block; width: 16px; height: 16px; background: url('../images/wabooksTa/logo3.svg') no-repeat center center; margin-right: 4px;} #container.wata > .contents.invoice #table-list-wrap table tbody tr td{overflow: visible; padding: 0;} #container.wata > .contents.invoice #table-list-wrap table tbody tr .wrap td{white-space: wrap; overflow: visible; padding: 5px;} #container.wata > .contents.invoice table .wrap tbody tr td .blue{color: #0F1FEA;} #container.wata > .contents.invoice table .wrap tbody tr td .status{font-size: 14px; font-weight: 500; color: #171717;margin-top: 10px; display: inline-block;} #container.wata > .contents.invoice table .wrap tbody tr td .tcGreen{color: #15803D;} #container.wata > .contents.invoice table .wrap tbody tr td .tcRed{color: #BD1822;} #container.wata > .contents.invoice table .wrap tbody tr td .tcGray{color:#A3A3A3;} #container.wata > .contents.invoice table .wrap tbody tr td .caution{font-size: 14px; display: flex; align-items: center;} #container.wata > .contents.invoice table .wrap tbody tr td .caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/caution-icons.svg') no-repeat; margin-right: 4px;} #container.wata > .contents.invoice table .wrap tbody tr td .caution.active::before{background-position: left center;} #container.wata > .contents.invoice table .wrap tbody tr td .caution.nosign::before{background-position: right center;} #container.wata > .contents.invoice table .wrap tbody tr td .caution.warning::before{background-position: center center;} #container.wata > .contents.invoice table .wrap tbody tr td .status-wrap{display: flex; flex-direction: column; align-items: flex-start;} #container.wata > .contents.invoice table .wrap tbody tr td .items-num{display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 500; color: #454545; border: 1px solid #D4D4D4; border-radius: 6px; background-color: #E5E5E5; line-height: 20px; padding: 0 5px; margin-left: 5px;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap{position: relative;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list{position: absolute; top: 100%; left: 0; background-color: #fff; z-index: 5;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);border-radius: 8px; max-width: 318px; display: none;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list ul{ padding: 12px;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list ul li + li{margin-top: 16px;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list ul li .tit{font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list ul li .tit span{color: #4D4D4D; font-size: 12px;} #container.wata > .contents.invoice table .wrap tbody tr td.item-list-wrap .item-list ul li .cont{margin-top: 8px; color: #737373;font-size: 12px;font-weight: 500; } #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap {display: flex;align-items: center; justify-content: flex-end;} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: no-repeat center center/cover;transition: .45s;} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileG {background-image: url('../images/wabooksTa/fileG.png');} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileB {background-image: url('../images/wabooksTa/fileB.png');} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileY {background-image: url('../images/wabooksTa/fileY.png');} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileW {background-image: url('../images/wabooksTa/fileW.png');} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileR {background-image: url('../images/wabooksTa/fileR.png');} #container.wata > .contents.invoice table .wrap tbody tr td .memo-icon-wrap a.fileP {background-image: url('../images/wabooksTa/fileP.png');} #container.wata > .contents.invoice .select-wrap{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow: hidden;z-index:13;top:calc(100% + 2px)} #container.wata > .contents.invoice .select-wrap .select-wrap-tit{color: #000000; font-weight: 600; font-size: 18px; background: #fff;padding: 16px;} #container.wata > .contents.invoice .select-wrap #table-list-wrap{background: #fff;} #container.wata > .contents.invoice .select-wrap #table-list-wrap td div{color: #737373; font-size: 14px;} #container.wata > .contents.invoice .select-wrap #table-list-wrap td div.fw500{color: #333333; font-weight: 500;} #container.wata > .contents.invoice .select-wrap .btn-wrap{background: #fff; padding: 16px;display: flex;justify-content: flex-end;} #container.wata > .contents.invoice .select-wrap .btn-wrap a.btn-st{display: inline-flex;} /* 매출 Invoice :: e */ .layerCont.invoice-filter{} .layerCont.invoice-filter #layerPopup-contsBox{min-height: 0;} .layerCont.invoice-filter #table-list-wrap table thead tr th.yellow-bg{background: #FEF9C3;} .layerCont.invoice-filter #table-list-wrap table tbody tr td{white-space: wrap; line-height: 18px;} .layerCont.invoice-filter #btn-wrap-default{justify-content: flex-end;} .layerCont.activity-history #layerPopup-contsBox{width: 100%; max-height:453px; overflow: auto;} .layerCont.activity-history .layerPopupWrap{} .layerCont.activity-history .layerPopupWrap .conts{display: flex;justify-content: space-between;} /* .layerCont.activity-history .layerPopupWrap .conts::before{content: ""; display: block; width: 40px; height:inherit; border: 1px solid ;} */ /* .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap{width: calc(100% - 40px);} */ .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap{padding-left: 40px; padding-top: 10px; width: 100%;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list + .history-list{margin-top: 25px;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list{position: relative;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .name{color: #525252; font-size: 14px; font-weight: 500;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .name span{color: #171717; font-weight: 600;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .date{margin-top: 4px;font-size: 12px; font-weight: 500;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list::before{content: ""; position: absolute; right: calc(100% + 15px); top: -3px; width:24px ; height: 24px; background: url('../images/wabooksTa/history-icon.svg') no-repeat ; border-radius: 50%; border: 2px solid #fff; z-index: 2;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list.add::before{background-position: left 2px center; background-color: #BBF7D0;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list.change::before{background-position: center center; background-color:#E0EEFE;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list.del::before{background-position: right 2px center; background-color: #FDCFAB;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list + .history-list::after{content: ""; display: block; width: 1px; height: 85px; background-color: #D9D9D9; position: absolute; right: calc(100% + 27px);bottom: 100%;z-index: 1; } .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .history-cont{margin-top: 8px;background: #F5F5F5; border-radius: 8px; padding: 8px 12px; font-size: 14px; font-weight: 500; } .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .history-cont .tag{color: #171717; display: inline-flex; align-items: center; justify-content: center; padding: 4px; border: 1px solid #D4D4D4; background: #fff; border-radius: 4px;} .layerCont.activity-history .layerPopupWrap .conts .history-list-wrap .history-list .history-cont .tag.before{color: #737373; text-decoration: line-through;} .layerCont.activity-history #btn-wrap-default{justify-content: flex-end; border: none;} /* 인보이스 팝업 */ .layerCont.wata-invoice-pop{overflow: hidden;} .layerCont.wata-invoice-pop > h1{border-bottom: 1px solid #E5E5E5; margin-bottom: 0;} .layerCont.wata-invoice-pop .layerPopupWrap {width:1400px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox{display: flex; align-items: flex-start;min-height: 770px;max-height: 770px;overflow-y: auto;padding: 0; width: 100%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox .invoice-img-wrap{max-width:30%; background: #A3A3A3; padding: 24px;border-right: 1px solid #E5E5E5;height:100vh;display:flex;align-items:center;justify-content:center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox .invoice-img-wrap figure{border-radius: 12px; overflow: hidden;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox .pop-menu-btn-wrap{ padding: 12px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox .pop-menu-btn-wrap .pop-menu-btn{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: url('../images/wabooksTa/menu-btn.svg') no-repeat left center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox .pop-menu-btn-wrap .pop-menu-btn.active{background-position: right center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container{padding: 16px 24px 24px; /*width: calc(70% - 50px);*/ width: 100%; min-height: 862px; flex-direction:column;justify-content: flex-start; border-left: 1px solid #E5E5E5;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn{border-bottom: 1px solid #E5E5E5; width: 100%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn ul{display: flex; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn ul li + li{margin-left: 8px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn ul li a{display: flex; align-items: center; justify-content: center; font-weight: 600; padding: 12px 16px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn ul li.active{border-bottom: 2px solid #0069B9;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont-btn ul li.active a{color: #0069B9;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont{width: 100%;} /* info */ .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo{position: relative;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap{margin-top: 24px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .company-name{font-size: 16px; font-weight: 700; color: #000000; display: flex; align-items: center; justify-content: space-between;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .company-name > div{display:flex;align-items:center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .company-name > div a + a{margin-left:5px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .company-name a.edit{color: #0152A3; font-size: 14px; font-weight: 500; display: flex; align-items: center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .company-name a.edit::before{content: ""; display: inline-block; min-width: 18px; height:18px ; background: url('../images/common/svg/menu-icon-edit-blue.svg') no-repeat center center/16px auto;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap .sub-name{color: #171717; font-size: 14px; font-weight: 500;margin-top: 8px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap > dl{display: flex; align-items:center; font-size: 14px; margin-top: 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap > dl dt{color: #737373; margin-right: 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap > dl dd{color: #171717;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap #table-list-wrap{margin-top: 23px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap #table-list-wrap thead th.yellow-bg{background: #FEF9C3;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap #table-list-wrap thead th{white-space:nowrap} .layerCont.wata-invoice-pop #table-list-wrap table tbody tr td{overflow: visible;} .layerCont.wata-invoice-pop #table-list-wrap table tbody tr td div.displayflex{} .layerCont.wata-invoice-pop #table-list-wrap table tbody tr td div.displayflex span.tag{color: #16A34A; font-size: 10px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; background: #DCFCE7; border-radius: 5px; margin-right: 10px; padding: 2px 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap #table-list-wrap table tbody tr td div > div{width: 100%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .company-info-wrap #table-list-wrap table tbody tr td div > div input{width: 100%; background-color: #fff;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap{position: absolute; top: 25px; right: 0; border: 1px solid #EAB308; border-radius: 8px; overflow: hidden;width: 228px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-t{color: #A16207; font-size: 16px; font-weight: 700; padding: 8px 0; line-height: 35px; display: flex; align-items: center; justify-content: center; background: #FEF08A; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-bt{padding: 16px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-bt dl{display: flex; align-items: center; justify-content: space-between; font-size: 14px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-bt dl + dl{margin-top: 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-bt dl dt{color: #737373;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .waiting-wrap .wait-bt dl dd{color:#171717; font-weight: 500;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap{margin-top: 16px;border-radius: 8px 8px 0 0;width: 100%;padding: 24px; background: #FAFAFA; border-bottom: 1px solid #D4D4D4; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .tit{color: #000000; font-size: 16px; font-weight: 700;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .cont{margin-top: 24px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .cont dl{display: flex; align-items: center; color: #171717; font-size: 14px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .cont dl + dl{margin-top: 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .cont dl dt{width: 50%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .payment-wrap .cont dl dd{width: 50%; font-weight: 500;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap{ display: flex; align-items: flex-start;padding: 24px; background: #F3F4F6; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap > div{width: 50%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .tit{color: #000000; font-size: 16px; font-weight: 700; margin-bottom: 24px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div{font-size: 14px; color:#171717 ; display: flex; align-items: center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div + div{margin-top: 8px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div.caution::before{content: ""; display: block; width: 18px; height: 18px; background:url('../images/wabooksTa/result-icon.svg') no-repeat;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div.chk::before{background-position: left center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div.warning:before{background-position: right center;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div.chk{color: #15803D;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont#contWrap-invoiceInfo .result-wrap .cont > div.warning a{color: #E1232E; text-decoration: underline;} /* activity */ .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .tabCont-tit{font-size: 16px; font-weight: 600; margin-top: 23px; margin-bottom: 15px; color: #000000;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap{} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap{padding-left: 40px; width: 100%;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list + .history-list{margin-top: 25px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list{position: relative;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .name{color: #525252; font-size: 14px; font-weight: 500;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .name span{color: #171717; font-weight: 600;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .date{margin-top: 4px;font-size: 12px; font-weight: 500;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list::before{content: ""; position: absolute; right: calc(100% + 15px); top: -3px; width:24px ; height: 24px; background: url('../images/wabooksTa/history-icon.svg') no-repeat ; border-radius: 50%; border: 2px solid #fff; z-index: 2;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list.add::before{background-position: left 2px center; background-color: #BBF7D0;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list.change::before{background-position: center center; background-color:#E0EEFE;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list.del::before{background-position: right 2px center; background-color: #FDCFAB;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list + .history-list::after{content: ""; display: block; width: 1px; height: 85px; background-color: #D9D9D9; position: absolute; right: calc(100% + 27px);bottom: 100%;z-index: 1; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .history-cont{margin-top: 8px;background: #F5F5F5; border-radius: 8px; padding: 8px 12px; font-size: 14px; font-weight: 500; } .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .history-cont .tag{color: #171717; display: inline-flex; align-items: center; justify-content: center; padding: 4px; border: 1px solid #D4D4D4; background: #fff; border-radius: 4px;} .layerCont.wata-invoice-pop .layerPopupWrap #layerPopup-contsBox #container .tabCont .history-list-wrap .history-list .history-cont .tag.before{color: #737373; text-decoration: line-through;} /* setting 거래처 추가 */ .layerCont.buyer-company-address #layerPopup-contsBox{width: 100%;} .layerCont.buyer-company-address #btn-wrap-default{border: none;} .layerCont.buyer-company-address .btn-area {display:flex;} .layerCont.buyer-company-address .required{position: relative; display: inline-block;} .layerCont.buyer-company-address .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.buyer-company-address .item-table{} .layerCont.buyer-company-address .item-table li + li{margin-top: 16px;} .layerCont.buyer-company-address .item-table li div:nth-of-type(1){font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} .layerCont.buyer-company-address .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.buyer-company-address .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.buyer-company-address .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.buyer-company-address .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.buyer-company-address .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.buyer-company-address .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.buyer-company-address .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.buyer-company-address .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.buyer-company-address .add-btn{display: none;} .layerCont.buyer-company-address .item-table li.change-addr{display: none;} .layerCont.buyer-company-address .item-table li.change-addr.active{display: block;} .layerCont.buyer-company-address .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.buyer-company-address .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.buyer-company-address .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.buyer-company-address .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.buyer-company-change #layerPopup-contsBox{width: 100%;} .layerCont.buyer-company-change #btn-wrap-default{border: none;} .layerCont.buyer-company-change .btn-area {display:flex;} .layerCont.buyer-company-change .required{position: relative; display: inline-block;} .layerCont.buyer-company-change .required:after {content: "*";display: inline-block;color: red;vertical-align: inherit;width: 0;height: 0;background-color: transparent;border-radius: 0;overflow: visible;margin-left: 0; position: absolute; top: -4px; right: -2px;} .layerCont.buyer-company-change .item-table{} .layerCont.buyer-company-change .item-table li + li{margin-top: 16px;} .layerCont.buyer-company-change .item-table li div.tit{font-size: 14px; margin-bottom: 8px; font-weight: 500; color: #404040;} /* .layerCont.buyer-company-change .item-table li div:nth-of-type(1){} */ .layerCont.buyer-company-change .item-table li div + div input{width: 100%; border-color: #D4D4D4;} .layerCont.buyer-company-change .item-table li div + div input::placeholder{color: #A3A3A3; font-size: 14px; font-weight: 500;} .layerCont.buyer-company-change .item-table li div + div textarea{ width: 100%; min-height: 60px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.buyer-company-change .item-table li div + div textarea:focus{ border: 1px solid #898B8C;outline: none;} .layerCont.buyer-company-change .item-table li span.caution{display: flex; align-items: center; margin-top: 8px; color: #713F12; font-size: 12px; font-weight: 500;} .layerCont.buyer-company-change .item-table li span.caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_ex.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.buyer-company-change .add-btn.active{display: flex; align-items: center; color: #0152A3; font-size: 14px; font-weight: 500; margin-top: 16px; } .layerCont.buyer-company-change .add-btn::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_add.png') no-repeat center center/ 16px auto; margin-right: 4px;} .layerCont.buyer-company-change .add-btn{display: none;} .layerCont.buyer-company-change .item-table li .sub-tit{font-size: 14px; font-weight: 600; color: #1B1B1B;} /* .layerCont.buyer-company-change .item-table li.change-addr{display: none;} .layerCont.buyer-company-change .item-table li.change-addr.active{display: block;} */ .layerCont.buyer-company-change .item-table li.change-addr div + div textarea{ min-height: 85px; } .layerCont.buyer-company-change .item-table li.change-addr .addr-del-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.buyer-company-change .item-table li.change-addr .addr-del-wrap a.del{display: flex; align-items: center; color: #E1232E; font-size: 14px; font-weight: 500;} .layerCont.buyer-company-change .item-table li.change-addr .addr-del-wrap a.del::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/setting/ico_trash.png') no-repeat center center/ 16px auto; margin-right: 4px;} /* wabooksTa :: e */ /*export-data::s */ .layerCont.export-data #layerPopup-contsBox .tit{display: flex; flex-direction: column; align-items: flex-start; font-weight: 500; font-size: 16px;} .layerCont.export-data #layerPopup-contsBox .tit span{font-size: 14px; display: inline-block; margin-top: 4px;} .layerCont.export-data #layerPopup-contsBox .cont{margin-top: 16px; padding-top: 16px; border-top: 1px solid #D4D4D4;} .layerCont.export-data #layerPopup-contsBox .cont .sub-tit{color: #404040; font-size: 14px; font-weight: 500; margin-bottom: 8px;} .layerCont.export-data #layerPopup-contsBox .cont .radio-wrap div + div{margin-top: 16px;} .layerCont.export-data #btn-wrap-default{border: none;} .layerCont.export-data #btn-wrap-default .btn-area{display: flex; align-items: center; justify-content: flex-end;} /*export-data::e */ /*org-setting::s */ .layerCont.org-setting #layerPopup-contsBox{} .layerCont.org-setting #layerPopup-contsBox .tit-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.org-setting #layerPopup-contsBox .tit-wrap .tit{font-size: 14px; font-weight: 500;} .layerCont.org-setting #layerPopup-contsBox .tit-wrap .tit-left{display: flex; align-items: center;} .layerCont.org-setting #table-list-wrap table tbody tr td{white-space: wrap;} .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap{display: none; width: 100%;} .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap input{width: 100%;} .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap textarea{ width: 100%; min-height: 35px; border: 1px solid #D4D4D4;font-size: 14px;height: 30px;padding: 8px 8px 0px 10px;border-radius: 5px;overflow-y: auto; resize: none; -webkit-transition: .45s;transition: .45s; } .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap textarea:focus{ border: 1px solid #898B8C;outline: none;} /* .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap .keyword-search input[type=submit]{background-position: left center;} */ .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap div.select-box-default-st{background: #fff;} .layerCont.org-setting #table-list-wrap table tbody tr td div.input-wrap .keyword-search input[type=submit] { font-size: 14px; width: 32px; height: 32px; border: 0; background: url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px; cursor: pointer; } .layerCont.org-setting .noneEdit-btn-wrap{display: none;} .layerCont.org-setting .add-btn a{display: flex; align-items: center; justify-content: center;} .layerCont.org-setting .add-btn a.none{opacity: 0.7;} .layerCont.exchange-rate #layerPopup-contsBox{width: 100%; padding: 15px;} .layerCont.exchange-rate h1{display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #E0E0E0;} .layerCont.exchange-rate h1 span{font-size: 13px; font-weight: 500; color: #404040;} .layerCont.exchange-rate .date-wrap{display: flex; align-items: center; justify-content: space-between;} .layerCont.exchange-rate .date-wrap dl{display: flex; align-items: center; font-size: 14px} .layerCont.exchange-rate .date-wrap dl dt{ font-weight: 600; color: #000000; margin-right: 8px;} .layerCont.exchange-rate .date-wrap dl dd{color: #404040;font-weight: 500;display: flex; align-items: center; } .layerCont.exchange-rate #table-list-wrap{margin-top: 15px;} .layerCont.exchange-rate #table-list-wrap tbody tr td a{color: #0060B9; text-decoration: underline;} .layerCont.exchange-rate #table-list-wrap tbody tr td div.exchange{display: flex; align-items: center;} .layerCont.exchange-rate #table-list-wrap tbody tr td div.exchange::before{content: ""; display: block; width: 32px; height: 32px; background: url('../images/wabooksTa/usd-icon.svg') no-repeat center center;} .layerCont.exchange-rate .caution-wrap{margin-top: 16px; background: #F3F4F6; border-radius: 8px; padding: 8px 12px;} .layerCont.exchange-rate .caution-wrap .caution + .caution{margin-top: 8px;} .layerCont.exchange-rate .caution-wrap .caution{color: #404040; font-size: 14px;display: flex; align-items: center; position: relative; padding-left: 20px;} .layerCont.exchange-rate .caution-wrap .caution::before{content: ""; display: block; width: 16px; height: 16px; background: url('../images/wabooksTa/caution-bk.svg') no-repeat center center; margin-right: 4px;position: absolute; left: 0; top: 0;} /*org-setting::e */ /* 다운로드 이력 */ .layerCont.down-active h1{display: flex; flex-direction: column; align-items: flex-start;} .layerCont.down-active h1 span{font-size: 14px; font-weight: 500 ; display: inline-block; margin-bottom: 4px;} .layerCont.down-active #layerPopup-contsBox{width: 100%;} .layerCont.down-active table .d-flex-col{display: flex; align-items: flex-start; flex-direction: column;} .layerCont.down-active table .clip{display: block; width: 32px; height: 32px; background: url('../images/wabooksTa/clip-icon-b.png') no-repeat center center/32px auto;} #container.wata > .contents.chkBank .div-r{display: flex; align-items: center; justify-content: flex-end;} #container.wata > .contents.chkBank .div-r > div{display: inline-flex;} #container.wata > .contents.chkBank .gear{padding: 0 8px;} #container.wata > .contents.chkBank .gear::before{background-image: url('../images/wabooksTa/ico_gear.svg'); background-size: 16px auto;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td div.displayflex{flex-direction: column; align-items: flex-start;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td div.displayflex span{font-size: 11px;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td.gray-bg{background-color: #E1E1E1;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td.yellow-bg{background-color: #FEF9C3;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td{overflow: visible;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td.textEllipsis{overflow: hidden;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td .table-modify{display: flex; width: 100%;} #container.wata > .contents.chkBank #table-list-wrap table tbody tr td .table-modify a{display: block;width: 100%;} #container.wata > .contents.chkBank #table-list-wrap table tbody tr td .table-modify.active a{display: none;} #container.wata > .contents.chkBank #table-list-wrap table tbody tr td .table-modify > div{display: none;} #container.wata > .contents.chkBank #table-list-wrap table tbody tr td .table-modify > div input{width: 100%;} #container.wata > .contents.chkBank #table-list-wrap table tbody tr td .table-modify.active > div{display: inline-block;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td .table-modify .select-box-default-st{background: #fff;} #container.wata > .contents.chkBank #table-list-wrap tbody tr td .table-modify .keyword-search input[type=submit] { font-size: 14px; width: 32px; height: 32px; border: 0; background: url('../images/common/svg/icon-search-btn.svg') no-repeat left top/32px 126px; cursor: pointer; } #container.wata > .contents.chkBank table tr td .memo-icon-wrap {display: flex;align-items: center; justify-content: flex-end;} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: no-repeat center center/cover;transition: .45s; margin-right: 15px;} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileG {background-image: url('../images/wabooksTa/fileG.png');} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileB {background-image: url('../images/wabooksTa/fileB.png');} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileY {background-image: url('../images/wabooksTa/fileY.png');} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileW {background-image: url('../images/wabooksTa/fileW.png');} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileR {background-image: url('../images/wabooksTa/fileR.png');} #container.wata > .contents.chkBank table tr td .memo-icon-wrap a.fileP {background-image: url('../images/wabooksTa/fileP.png');} #container.wata > .contents.chkBank table tr td.status {display: flex; align-items: center; justify-content: flex-end; height: 54px;} #container.wata > .contents.chkBank table tr td.status a.status-btn{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17); display: inline-flex; align-items: center; justify-content: center; padding: 8px; font-size: 14px; font-weight: 500; border-radius: 6px; background-color: #fff; } #container.wata > .contents.chkBank .title-area{padding-bottom: 24px;} #container.wata > .contents.chkBank .title-area .close{display: inline-flex; width: 32px; height: 32px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);background:url('../images/common/btn_close.png') no-repeat center center/16px auto; border-radius: 6px;} /* 왼쪽 정렬 페이징 */ #container > .contents #pagging-wrap.pageing-leftVer {position: relative;width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;} #container > .contents #pagging-wrap.pageing-leftVer .sortlistCnt.lf{display: flex; align-items: center; position: static;} #container > .contents #pagging-wrap.pageing-leftVer .sortlistCnt.lf > p{font-size: 14px; font-weight:500; margin-right: 15px;} #container > .contents #pagging-wrap.pageing-leftVer .sortlistCnt.lf div.select-box-default-st input.selectValue{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.12);background: url('../images/common/svg/approval-selectbox-arrow.svg') no-repeat right top 2px/25px 50px} #container > .contents #pagging-wrap.pageing-leftVer .sortlistCnt.lf div.select-box-default-st.on input.selectValue{background-position: right bottom 2px;} #container > .contents #pagging-wrap.pageing-leftVer .total-page{margin: 0 35px; font-size: 14px; font-weight: 500;} #container > .contents #pagging-wrap.pageing-leftVer .page-area > a.page-btn{border: none;background-color: transparent;background-image: url('../images/common/svg/approval-icon-pagging-arrow.svg');width: 25px;height: 25px;background-size: 50px auto; } /* 왼쪽 메뉴 */ #left-menu-wrap.left-menu-wata2 > ul > li > ul.submenu li a {} #left-menu-wrap.left-menu-wata2 > ul > li > ul.submenu li a{padding: 8px;} #left-menu-wrap.left-menu-wata2 a.icon-svg-menu:before{width: 6px;} #left-menu-wrap.left-menu-wata2 ul.submenu > li > a p{display: flex; flex-direction: column; align-items: flex-start;} #left-menu-wrap.left-menu-wata2 ul.submenu > li > a p span{display: inline-block; margin-top: 4px; color: #A3A3A3;} #left-menu-wrap.left-menu-wata2 .fixed-bottom{bottom: 110px;} #left-menu-wrap.left-menu-wata2 .fixed-bottom .sub-tit{font-size: 11px; font-weight: 600; color: #828282; margin-bottom: 16px;} #left-menu-wrap.left-menu-wata2 .fixed-bottom a{font-size: 13px; font-weight: 700; color: #322F2F;} /* IE 전용 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { input[type=text]::-ms-clear{display:none;} /* INPUT :: type=search -> 검색어 입력시 'X'박스 */ .inputSearchWrap a.edit {transform:translate(100%,-5px);} .inputSearchWrap:hover a.edit {transform:translate(-100%,-5px);} .inputSearchWrap .input-Search-box {transform:translate(100%,-5px);} .inputSearchWrap .input-Search-box.on {left:0;transform:translate(0,-5px);} .photo-card .inputSearchWrap a.edit {transform:translate(100%,-50%);} .photo-card .inputSearchWrap:hover a.edit {transform:translate(-100%,-50%);} .photo-card .inputSearchWrap .input-Search-box {transform:translate(0,-50%);} .photo-card .inputSearchWrap .input-Search-box.on {transform:translate(0,-50%);} #table-form-wrap table tbody tr td.pic-billing .update {min-height:inherit;} } /*DEV TEAM CAN BE ALLOWED TO MODIFY HERE! Copyrighted BY @chindapao*/ /*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/39227] */ #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg{padding: 0 5px; height: 32px; background-color: #f5f5f5; border-radius: 6px;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg::after{content: "";display: block; width: 18px;transition: .45s; height: 18px; background-image: url(../images/common/svg/ico_chevdown.svg);background-repeat: no-repeat; transform: rotate(180deg);} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg.on::after{transform: rotate(0deg);transition: .45s;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg > div {display: none; z-index: 1; position: absolute; top: calc(100% + 3px);width: 231px; right: 0; background-color: #fff; border-radius: 6px;padding: 5px; box-shadow: 0px 1px 2px 0px #0000000F, 0px 4px 20px 0px #00000026, 0px 0px 1px 0px #00000038;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg > div > div > p{ position: relative; width:100%;padding: 8px;font-weight: 500;display: flex; align-items: center;} #container > .contents .title-area > .page-func-wrap > div.function > div.excel-down-einv > a.excel_bg > div > div > p::after{ position: absolute; top: 8px; right: 8px; content: "";display: block; width: 16px; height: 16px; background-image: url(../images/common/svg/ico_arrow.svg);background-repeat: no-repeat;} a.icon-svg-menu.transfer:before {background-image:url('../images/common/menu-icon-update.png'); } /*DO NOT ALLOW TO OVERRIDE [https://www.kosign.com.kh/redmine/issues/39456] */ .icon-svg.settings.white:before{background:url("../images/common/svg/icon_setting_white.svg")no-repeat center center;} .icon-svg.settings:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H32V32H0Z'/%3E%3Cpath class='b' d='M21.05,16.67a5,5,0,0,0,0-.67,3.78,3.78,0,0,0-.05-.67l1.44-1.13a.34.34,0,0,0,.08-.43L21.2,11.4a.34.34,0,0,0-.41-.15l-1.69.68A5.09,5.09,0,0,0,18,11.26L17.7,9.45a.34.34,0,0,0-.34-.29H14.64a.33.33,0,0,0-.33.29l-.25,1.81a5.09,5.09,0,0,0-1.15.67l-1.69-.68a.34.34,0,0,0-.42.15L9.45,13.77a.33.33,0,0,0,.09.44L11,15.33a4,4,0,0,0,0,1.34L9.52,17.79a.35.35,0,0,0-.08.44l1.35,2.37a.35.35,0,0,0,.42.15l1.69-.68a5.09,5.09,0,0,0,1.15.67l.25,1.81a.35.35,0,0,0,.34.29h2.72a.33.33,0,0,0,.33-.29L18,20.74a5,5,0,0,0,1.14-.67l1.69.68a.35.35,0,0,0,.42-.15l1.36-2.37a.33.33,0,0,0-.09-.43ZM16,18.57A2.57,2.57,0,1,1,18.55,16h0A2.57,2.57,0,0,1,16,18.56Z'/%3E%3C/svg%3E");} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont .layerPopup-close-creditConfirm {position:absolute;top:11px;right:5px;width:36px;height:36px;background:url('../images/common/svg/layerPopupClose.svg') no-repeat center center/16px 16px;cursor:pointer;z-index:1;} #wabook-layerPopup-default > .layerPopup-wrap > .layerCont.boards-popup .layerPopup-close-item{position: absolute;top: 11px;right: 5px;width: 59px;height: 24px;background: url('../images/common/svg/boardsLayerPopupClose.svg') no-repeat center center;cursor: pointer;z-index: 1} .layerCont.article_approval .more-wrap > dl > dt.request_doc:before{background:url("../images/boards/icon_doc_num.svg")no-repeat;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.select_pur_acc:before{content: '';background: url("../images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.article_approval .more-wrap > dl > dt.request_doc:before{background:url("../images/boards/icon_doc_num.svg")no-repeat;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_draft{position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_draft:before{content:'';width:16px;height:16px;background:url("../images/common/svg/list-edit.svg")no-repeat center center;display:inline-block;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_private{position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .list-wrap .list .top-cont .profile .info-wrap > div.info2 p.post_private:before{content:'';width:16px;height:16px;background:url("../images/boards/icon_private.svg")no-repeat center center;display:inline-block;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2 p.post_private{position:relative;display:flex;align-items:center;} #container > .contents > .post .inner .post-detail .top-cont .profile .info-wrap > div.info2 p.post_private:before{content:'';width:16px;height:16px;background:url("../images/boards/icon_private.svg")no-repeat center center;display:inline-block;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.unable:after{content:'';background:url("../images/boards/ico_unable.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;} #container > .contents > .post .inner .post-detail .post-content .text-wrap > div.approved-wrap > dl dd.approver-chk .tag-box > div.unable > div{color:#C50712;} /* CUSTOM STYLE */ #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.receipt::before { background-image: url('../images/common/svg/menu-icon-receipt.svg'); } #left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.transfer::before { background-image: url('../images/common/menu-icon-update.png'); background-size: 16px auto; }