@charset "UTF-8"; /* skip navigation */ #skipNavi { position: fixed; top: -1px; left: 0; width: 100%; height: auto; text-align: center; z-index: 9999; } #skipNavi a { display: block; position: absolute; top: -30px; width: 100%; height: 1px; line-height: 1px; background: #000; color: #fff; text-align: center; } #skipNavi a:focus { top: 0px; height: 30px; line-height: 30px; z-index: 9999; } .not_scroll{ overflow: hidden;} .tts { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .text_l { text-align: left; } .text_c { text-align: center; } .text_r { text-align: right; } .input { border: 1px solid #d1d1d1; font-size: 16px; font-family: "Noto Sans", "MalgunGothic", sans-serif; color: #555; } .input[type=text], .input[type=number], .input[type=password] { height: 40px; padding: 0 10px; } .input:disabled { border: 1px solid #d1d1d1; color: #555; } .input.wide { width: 100%; } textarea.input { padding: 15px; width: 100%; outline: 0; } .l_popup textarea{resize: none } .select { cursor: pointer ; border: 1px solid #d1d1d1; font-size: 16px; font-family: "Noto Sans", "MalgunGothic", sans-serif; height: 40px; padding: 0 10px; color: #555; } .select:disabled { cursor: auto; border: 1px solid #d1d1d1; color: #555; } .select.wide { width: 100%; } button:disabled{ opacity: 0.3!important ;color: #555; cursor: default!important;pointer-events : none!important;} dl[class^='dl_'].dl_type1 { display: -webkit-box; line-height:1.3; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:10px } dl[class^='dl_'].dl_type1 dt { width: 140px; color: #333; font-weight: 500; } dl[class^='dl_'].dl_type1 dt:nth-of-type(n+2) { margin-top: 20px; } dl[class^='dl_'].dl_type1 dd { width: calc(100% - 140px); color: #666;word-break: break-all; } dl[class^='dl_'].dl_type1 dd:nth-of-type(n+2) { margin-top: 20px; } .gray_box { background: #707070; color: #fff; font-size: 14px; padding: 10px 15px; line-height: 1.4; } ul[class^='ul_'].ul_type1 li { padding-left: 20px; position: relative; color: #222; } ul[class^='ul_'].ul_type1 li::before { content: ""; display: block; width: 5px; height: 5px; background: #666666; border-radius: 50%; position: absolute; left: 5px; top: 7px; } ul[class^='ul_'].ul_type1 li + li { margin-top: 20px; } ul[class^='ul_'].ul_type1 li .right { float: right; color: #666; font-weight: 300; } /* 버튼 */ .btn_wrap { text-align: center; padding: 15px 0; } .btn_wrap button { min-width: 90px; padding: 5px 10px; border-radius: 50px; background: #747474; color: #fff; } .btn_wrap button + button { margin-left: 10px; } .btn_wrap button.submit, .btn_wrap button[type="submit"] { background-color: #4a559f; } .btn_wrap.type2 button { border-radius: 0; background-color: #4a559f; position: relative; padding: 7px 20px 7px 40px; } .btn_wrap.type2 button::before { content: ""; width: 20px; height: 24px; background: url(../img/btn_icon.png) -360px -30px no-repeat; display: block; position: absolute; left: 12px; top: 10px; } .btn_wrap.type2 button.uplode::before { background-position: -380px -30px; } .close { width: 50px; height: 50px; background: url(../img/icon_close.png) 0 0 no-repeat; position: absolute; top: 10px; right: 10px; } .contsHis .close {display:none} .reason { width: 20px; height: 20px; background: url(../img/reason.png); margin-left: 5px; } .web_ie { width: 24px; height: 24px; background: url(../img/icon_ie_24.png); } .pdf { width: 20px; height: 24px; background: url(../img/btn_icon.png) -100px -52px; } .int { width: 20px; height: 24px; background: url(../img/btn_icon.png) -220px -52px; width: 24px; } .edi { width: 20px; height: 24px; background: url(../img/btn_icon.png) -280px -52px; margin-left: 5px; width: 24px; } .data_st { position: relative; display: inline-block; } .data_st input { padding-right: 30px !important; } .data_st::before { content: ""; width: 30px; height: 30px; position: absolute; top: 5px; right: 5px; display: block; background: url(../img/icon_list.png) -40px -270px no-repeat; pointer-events: none; } .data_st .type1 { min-width: 230px; } .data_st .type2 { width: 150px; } .pop_L20 { display: block; padding: 5px 10px; margin-bottom: 10px; margin-right: 5px; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); position: relative; padding-left: 40px; } .pop_L20::before { content: ""; width: 20px; height: 24px; background: url(../img/btn_icon.png) -200px -52px; display: inline-block; position: absolute; left: 5px; top: 5px; margin: 0 5px; } .pop_L20.icongif::before { background-position: 0px -52px; } .pop_L20.iconpng::before { background-position: -20px -52px; } .pop_L20.iconjpg::before { background-position: -40px -52px; } .pop_L20.iconai::before { background-position: -60px -52px; } .pop_L20.iconpsd::before { background-position: -80px -52px; } .pop_L20.iconpdf::before { background-position: -100px -52px; } .pop_L20.iconppt::before { background-position: -120px -52px; } .pop_L20.icondocx::before,.pop_L20.icondoc::before { background-position: -140px -52px; } .pop_L20.iconxls::before, .pop_L20.iconxlsx::before { background-position: -160px -52px; } .pop_L20.iconhwp::before { background-position: -180px -52px; } .pop_L20 p { display: inline-block; margin-right: 20px; font-size: 14px; width: 540px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: top; } .pop_L20 button { width: 18px; height: 18px; background: url(../img/btn_icon.png) -44px -30px; background-color: #494949; border-radius: 3px; vertical-align: top; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;} .pop_L20 button.down { right:30px; background-position: -151px -31px; } *::-webkit-scrollbar { width: 16px; height: 16px; } *::-webkit-scrollbar-thumb { background-color: grey; } *::-webkit-scrollbar-track { background-color: #d1d1d1; } #content *::-webkit-scrollbar, .full_layer *::-webkit-scrollbar { width: 10px; height: 10px; } #login { display: table; line-height: 1; width: 100%; } #login > div { display: table-cell; height: 100vh; vertical-align: top; } #login .left { width: 800px; background: #2f3d7b; padding: 40px; } #login .left.bg { background: url(../img/login_bg.jpg); padding: 60px; } #login .left.bg p { color: #fff; font-size: 40px; line-height: 1.4; font-weight: 100; } #login .left.bg p strong { display: block; } #login .left .notice { color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100vh - 80px); overflow: auto; } #login .left .notice > div { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: table; } #login .left .notice > div:first-child div::before { content: ""; width: 71px; height: 71px; background: url(../img/login_icon.png) no-repeat; margin: 0 auto 50px; display: block; } #login .left .notice > div > div { display: table-cell; vertical-align: middle; } #login .left .notice > div + div { border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top: 70px; padding-top: 70px; } #login .left .notice > div .tit { font-size: 32px; font-weight: 600; width: 90%; margin: 0 auto; line-height: 1.3; } #login .left .notice > div .data { font-size: 20px; font-weight: 300; margin: 25px auto 40px; } #login .left .notice > div .text { line-height: 1.6; font-weight: 300; text-align: left; } #login .right { padding: 0 30px; } #login .right > div { width: 450px; margin: 190px auto 0; } #login .right.oauth-level2 > div { width: 100%; } #login .right > div > .header-logo { background: url(../img/logo_01.png) no-repeat center; width: 100%; height: 150px; } #login .right > div > .header-logo_02 { background: url(../img/logo_01.png) no-repeat center; width: 100%; height: 60px; margin-bottom: 25px; background-size:contain; } #login .right > div h1 { height: 80px; color: #4a559f; border-bottom: 1px solid #cdcdcd; font-size: 56px; font-weight: 900; text-align: center; } #login .right p.tit { color: #444; font-size: 24px; font-weight: 500; margin: 18px 0 15px; } #login .right p.tit-error { color: #F00; } #login .right p.tit2 { color: #888; font-size: 16px; margin: 18px 0 15px; } #login .right div.oauth-info { border: 1px solid #ddd; padding: 20px; border-radius: 7px; line-height: 1.5; } #login .right input { width: 100%; margin-bottom: 12px; } #login .right button { width: 100%; background: #2c479e; color: #fff; font-weight: bold; padding: 15px; } #login .right button.btn-cancel { color: #555; background: #fff; border: 1px solid #ddd; } #login .right button:hover { background: #1f326e; } #login .right p.tel { color: #888; margin-top: 15px; border-bottom: 1px solid #cdcdcd; padding-bottom: 15px; line-height: 1.4; font-weight: 300; } #login .right p.tel span { font-weight: 400; } #login .right p.copy { text-align: center; color: #666; margin-top: 120px; } /* s20230613 */ #login .right p.login_link { color: #000; margin-top: 15px; border-bottom: 1px solid #cdcdcd; padding-bottom: 15px; line-height: 1.4; font-weight: 600; } #login .right p.login_link::before { width: 24px; height: 24px; content: ""; display: block; background: url(../img/m/ic_etc_09.png); background-size: contain; position: absolute; } #login .right p.login_link a { margin-left: 30px; } /* e20230613 */ #wrap { display: table; width: 100%; min-width: 1600px; } #wrap > section { display: table-cell; position: relative; height: 100vh; vertical-align: top; } #wrap #left_wrap { width: 180px; -webkit-transform-origin: top left; transform-origin: top left; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 1000; } #wrap #left_wrap.set_sm { width: 60px; } #wrap #left_wrap.set_up { width: 60px; height: 80px; display: block; position: absolute; top: 0; left: 0; z-index: 100000; } #wrap #right_wrap { width: 100%; height: 100vh; padding-left: 180px; } .easeout #left_wrap, .easeout #right_wrap, .easeout #left_wrap .btn button { -webkit-transition: all 0.4s 0s ease-out; transition: all 0.4s 0s ease-out;} #wrap #right_wrap.set_sm { padding-left: 60px; } #wrap #right_wrap.set_up { padding-left: 0; } #left_wrap { background: #4a559f; } #left_wrap .btn { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); height: 80px; overflow: hidden; position: relative; z-index: 2; } #left_wrap .btn::after { content: ""; display: block; clear: both; } #left_wrap .btn button { width: 90px; height: 80px; float: left; } #left_wrap .btn button + button { border-left: 1px solid rgba(255, 255, 255, 0.2); } #left_wrap .btn button::before { content: ""; width: 30px; height: 30px; background: url(../img/icon_list.png) no-repeat -30px -150px; display: block; margin: 0 auto; } #left_wrap .btn button.up.on::before { background-position: -30px -60px; } #left_wrap .btn button.sm::before { background-position: -30px -120px; } #left_wrap .btn button.sm.on::before { background-position: -30px -90px; } #left_wrap .btn button:hover { background-color: rgba(0, 0, 0, 0.3); } #left_wrap.set_sm .btn .up { display: none; } #left_wrap.set_sm .btn .sm { width: 60px; } #left_wrap.set_sm .menu_list { width: 60px; } #left_wrap.set_sm .menu_list li button { padding-left: 15px; } #left_wrap.set_sm .menu_list li button::before { left: 15px; } #left_wrap.set_sm .menu_list li button span { display: none; } #left_wrap.set_sm .menu_list li button strong { right: 30%; top: 26px; -webkit-transform: translateX(50%); transform: translateX(50%); } #left_wrap.set_up .btn { z-index: 10000; } #left_wrap.set_up .btn .sm { display: none; } #left_wrap.set_up .btn .up { width: 60px; } #left_wrap.set_up .btn .up::before { width: 35px; position: relative; top: 3px; } #left_wrap .menu_list { width: 100%; display: -webkit-box; display: -ms-flexbox; /* display: flex; */ height: calc(100% - 80px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; position: relative; z-index: 1; max-height: 840px; overflow-y: auto; } #left_wrap .menu_list li button { color: #fff; height: 56px; width: 100%; text-align: left; display: block; position: relative; padding-left: 60px; -webkit-transition: all 0.1s 0s ease-out; transition: all 0.1s 0s ease-out; font-size: 18px; } #left_wrap .menu_list li button strong { position: absolute; right: 16px; top: 18px; background: #fefa81; color: #333; display: inline-block; min-width: 22px; text-align: center; padding: 3px 5px; border-radius: 50px; font-size: 12px; } #left_wrap .menu_list li button::before { content: ""; width: 30px; height: 25px; background: url(../img/icon_list.png) 0px 0 no-repeat; display: inline-block; position: absolute; left: 16px; top: 16px; } #left_wrap .menu_list li button:hover, #left_wrap .menu_list li button.on { background-color: rgba(0, 0, 0, 0.3); font-weight: 600; } #left_wrap .menu_list li button.icon102000::before { background-position: 0 -25px; } #left_wrap .menu_list li button.icon103000::before { background-position: 0 -50px; } #left_wrap .menu_list li button.icon104000::before { background-position: 0 -75px; } #left_wrap .menu_list li button.icon105000::before { background-position: 0 -100px; } #left_wrap .menu_list li button.icon106000::before { background-position: 0 -125px; } #left_wrap .menu_list li button.icon107000::before { background-position: 0 -200px; } #left_wrap .menu_list li button.icon108000::before { background-position: 0 -175px; } #left_wrap .menu_list li button.icon110000::before { background-position: 0 -225px; } #left_wrap .menu_list li button.icon120000::before { background-position: 0 -250px; } #left_wrap .menu_list li button.icon130000::before { background-position: 0 -150px; } #left_wrap .menu_list li button.icon140000::before { background: url(../img/icon_dashboard.png) no-repeat center; } #left_wrap .menu_list li button.icon150000::before { background: url(../img/icon_top.png) no-repeat center; } #left_wrap .menu_list li button.icon160000::before { background: url(../img/icon_kit.png) no-repeat center; } #right_wrap header { background: #efefef; width: 100%; padding: 25px 60px 0; height: 80px; } #right_wrap header > div h1 { font-size: 32px; color: #4a559f; font-weight: 900; display: inline-block; } #right_wrap header > div > .header-logo { content:""; width: 104px; height: 35px; display: inline-block; margin-top: -16px; vertical-align: middle; } #right_wrap header > div > .logo_skin_01 { background: url(../img/logo_skin_01.png) no-repeat center; background-size: contain; } #right_wrap header > div > .logo_skin_02 { background: url(../img/logo_skin_02.png) no-repeat center; background-size: contain; } #right_wrap header > div > .logo_skin_03 { background: url(../img/logo_skin_03.png) no-repeat center; background-size: contain; } #right_wrap header > div > .logo_skin_04 { background: url(../img/logo_skin_04.png) no-repeat center; background-size: contain; } #right_wrap header > div h2 { font-size: 32px; color: #222222; font-weight: 800; display: inline-block; } #right_wrap header > div h2::before { content: ""; display: inline-block; width: 1px; height: 25px; background: #afafaf; margin: 0 20px; position: relative; top: 2px; } #right_wrap header > div.info { position: absolute; right: 20px; top: 0; height: 80px; display: table; } #right_wrap header > div.info > div { display: table-cell; padding-top: 20px; } #right_wrap header > div.info > div p { display: inline-block; font-size: 17px; color: #333; vertical-align: middle; font-weight: 400; } #right_wrap header > div.info > div p.photo { width: 33px; height: 33px; background-size: cover; border-radius: 50%; margin: 0 10px; } #right_wrap header > div.info > div p.id { margin-right: 10px; } #right_wrap header > div.info > div p.id::before { content: "|"; display: inline-block; margin: 0 10px; position: relative; top: -1px; } #right_wrap header > div.info > div button { width: 30px; height: 30px; margin: 0 5px; vertical-align: middle; background: url(../img/icon_header.png) 0 0 no-repeat; } #right_wrap header > div.info > div button.set { background-position: -30px 0; } #right_wrap header > div.info > div button.noti { background-position: -60px 0; position: relative; } #right_wrap header > div.info > div button.noti span { min-width: 20px; width: auto; padding: 0 4px; height: 20px; background: #ff4c34; color: #fff; text-align: center; display: inline-block; border-radius: 20px; font-size: 14px; line-height: 20px; position: absolute; top: 0px; left: -7px; } #right_wrap.set_up header { padding-left: 100px; } footer { text-align: center; color: #666666; font-size: 14px; position: absolute; bottom: 25px; left: 0; display: block; width: 100%; } #calendar {margin-top:18px} #list_wrap { padding: 20px 60px 30px; } #list_wrap .list_top button { height: 45px; border-radius: 45px; width: 136px; border: 1px solid #ddd; font-size: 18px; } #list_wrap .list_top button + button { margin-left: 10px; } #list_wrap .list_top button.on, #list_wrap .list_top button:hover { background: #4a559f; border-color: #4a559f; color: #fff; font-weight: 600; } #list_wrap .list_top button.btn_write { float: right; background-color: #222222; width: 66px; } #list_wrap .list_top button.btn_write::before { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../img/icon_list.png) -40px -180px; } #list_wrap .list_top button.btn_write:hover { background: #4a559f; border-color: #4a559f; } #list_wrap .list_search { margin-top: 20px; border: 2px solid #4a559f; border-radius: 5px; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); padding: 15px 20px; position: relative; z-index: 10; } #list_wrap .list_search::after { content: ""; display: block; clear: both; } #list_wrap .list_search .left_w { position: relative; z-index: 10; width: calc(100% - 180px); } #pop_T02_H01 #list_wrap .list_search .left_w { width: 100%; } #pop_T02_H01 #list_wrap .list_search .right_w { position: relative; right: 0; top: 0; transform: none; float: right; } #list_wrap .list_search .left_w .submit { height: 40px; background: #4a559f; color: #fff; width: 80px; } #list_wrap .list_search .left_w .data_st + .input { width: 240px; margin: 4px 0px; } #list_wrap .list_search .left_w #schPage { width: 120px; } #list_wrap .list_search .left_w #schPage button { width: 120px; } #list_wrap .list_search .right_w { position: absolute; right: 15px; top: 50%;transform: translateY(-50%); } #list_wrap .list_search .right_w .box { border: 1px solid #e1e1e1; height: 40px; display: inline-block; vertical-align: top; } #list_wrap .list_search .right_w .box input { border: 0; height: 38px; background: transparent; padding: 0 10px; } #list_wrap .list_search .right_w .box button { height: 40px; width: 40px; padding: 0; } #list_wrap .list_search .right_w .box button::before { content: ""; width: 30px; height: 30px; margin: 0 auto; display: block; background: url(../img/icon_list.png) -40px -210px no-repeat; } #list_wrap .list_search .right_w .sear button::before { background-position: -40px -240px; } #list_wrap .list_search .right_w .cla button { width: 30px; height: 30px; margin: 5px 0; background: url(../img/btn_icon.png) -120px 0 no-repeat; vertical-align: top; } #list_wrap .list_search .right_w .cla button.next { background-position: -150px 0; } #list_wrap .list_search .right_w .cla span.data { font-size: 24px; font-weight: 500; color: #222; line-height: 40px; vertical-align: top; margin: 0 15px; display: inline-block; } #list_wrap .list_search .right_w #search_more { background: #4a559f; width: 50px; height: 40px; } #list_wrap .list_search .right_w #search_more::before { content: ""; width: 30px; height: 30px; margin: 0 auto; display: block; background: url(../img/icon_list.png) -40px -210px no-repeat; } #list_wrap .list_search .right_w #list_sum { background: #898989; width: 50px; height: 40px; } #list_wrap .list_search .right_w #list_sum::before { content: ""; width: 40px; height: 30px; margin: 0 auto; display: block; background: url(../img/icon_list.png) 0px -300px no-repeat; } #list_wrap .list_search .right_w #list_sum.on { background: #4a559f; } #list_wrap .list_search .right_w #list_list { background: #898989; width: 50px; height: 40px; } #list_wrap .list_search .right_w #list_list::before { content: ""; width: 40px; height: 30px; margin: 0 auto; display: block; background: url(../img/icon_list.png) -40px -300px no-repeat; } #list_wrap .list_search .right_w #list_list.on { background: #4a559f; } #list_wrap .list_search .search_more { display: none; position: absolute; top: 70px; left: -2px; width: calc( 100% + 4px); border: 2px solid #4a559f; border-radius: 5px; background: #fff; padding: 20px 20px; } #list_wrap .list_search .search_more > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 5px 20px; } #list_wrap .list_search .search_more > div > div { width: 25%; } #list_wrap .list_search .search_more > div > div label { display: -webkit-box; display: -ms-flexbox; display: flex; } #list_wrap .list_search .search_more > div > div label span { width: 80px; color: #333; line-height: 40px; } #list_wrap .list_search .search_more > div > div label .input, #list_wrap .list_search .search_more > div > div label .select, #list_wrap .list_search .search_more > div > div label { width: calc(100% - 140px); } #list_wrap .list_search .search_more > div > div:nth-child(3) { width: 50%; } #list_wrap .list_search .search_more > div > div:nth-child(3) label span { width: 120px; } #list_wrap .list_search .search_more > div > div:nth-child(3) .input, #list_wrap .list_search .search_more > div > div:nth-child(3) .select, #list_wrap .list_search .search_more > div > div:nth-child(3) .m_select { width: calc(100% - 200px); } #list_wrap .list_search .search_more .btn_wrap { display: block; margin-top: 10px; } #search_layer .m_select{min-width: 211px;} .m_select { display: inline-block; position: relative; width: 140px;} .m_select button {overflow:hidden; width: 140px; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #e1e1e1; height: 40px; text-align: left; padding: 0 15px 0 10px; position: relative; z-index: 1; } .m_select button::before { content: ""; display: block; width: 10px; height: 10px; background: url(../img/arrow_down.svg); position: absolute; top: 15px; right: 4px; fill: #2aa9e0; opacity: 0.4; } .m_select button:disabled{opacity: 1!important; color: #aaa;} .m_select ul { display: none; position: absolute; z-index: 10; background: #fff; width: 360px; border: 1px solid #e1e1e1; top: 39px; max-height:300px ;overflow-y:auto; } .m_select ul.on{display: flex!important; flex-wrap: wrap;} .m_select ul li{ width:50%; } .m_select ul li.wide{width:100%;} .m_select ul li.wide label{display: inline-block;} .m_select ul li label .input{position: relative; top:0px; left: 0px; margin:-5px 5px -5px -30px ; height:25px} .m_select ul li label { padding: 10px; padding-left: 40px; position: relative; word-break: break-all; cursor: pointer; display: block; } .m_select ul li label input { display: inline-block; position: absolute; top: 9px; left: 10px; } .m_select ul li label:hover { background-color: #4a559f; color: #fff; } .m_select ul li { border-bottom: 1px dotted #ddd; } .m_select.ul_list1 ul li label { padding-left: 10px; } .m_select.on { z-index: 100; } .m_select.on ul { -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); } #list_wrap .list_content { border-radius: 7px; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); margin-top: 18px; border: 1px solid #ddd; overflow: hidden; width: 100%; text-align: left; } #list_wrap .list_content table { width: 100%; } #list_wrap .list_content table thead { margin: 0; padding: 0; border-bottom: 1px solid #eaeaea; } #list_wrap .list_content table thead th { background: url(../img/list_bg.png); height: 50px; color: #222222; font-weight: 600; text-align: center; vertical-align: middle; min-width: 50px; cursor: default; position: relative; } /* s20240603 */ #list_wrap .list_content table thead th.sort-asc::after, #list_wrap .list_content table thead th.sort-desc::after { content: ""; display: inline-block; width: 0px; height: 0px; margin-left: 5px; margin-top: 1px; position: absolute; z-index: 2; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #bbb transparent; } #list_wrap .list_content table thead th.sort-asc::after { transform: rotate(0deg); } #list_wrap .list_content table thead th.sort-desc::after { transform: rotate(180deg); } /* e20240603 */ #list_wrap .list_content table tbody tr.webNews { background-color: #FFFFDB; } #list_wrap .list_content table tbody tr.webServiceNews { background-color: #FFFF9F; } #list_wrap .list_content table tbody tr + tr { border-top: 1px solid #eaeaea; } #list_wrap .list_content table tbody tr td { height: 50px; padding: 15px 15px; text-align: center; vertical-align: middle; } /* 제작화상 리스트형 */ #list_wrap #imagePaperListText table tbody tr td { padding: 5px; } #list_wrap .list_content table tbody tr td.title, #list_wrap .list_content table tbody tr td.title2, #list_wrap .list_content table tbody tr td.title3 { padding-left: 30px; max-width: 540px; min-width: 400px; color: #4a559f; font-weight: 600; text-align: left; padding-right: 100px; } #list_wrap .list_content table tbody tr td.upd-date-txt { min-width: 150px; } #list_wrap .list_content table tbody tr td button.list_menu { display: block; } #list_wrap .list_content table tbody tr td a { overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 40px); min-height: 20px; } #list_wrap .list_content table tbody tr td.lock { position: relative; } #list_wrap .list_content table tbody tr td.lock > span { color: #333; display: none; margin-left: 15px; line-height: 0; position: absolute; top: 31px; width:200px; margin-top: -4px; } /* 20220602-No.114 첨부 표시 */ #list_wrap .list_content table tbody tr td.attach-exist::before { content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/m/eid_42_Text.png) no-repeat center; } #list_wrap .list_content table tbody tr td.lock::before { content: ""; width: 24px; height: 24px; display: inline-block; border-radius: 50%; background: url(../img/icon_list.png) -59px 0px #4a559f; } #list_wrap .list_content table tbody tr td.retouch::before { content: ""; width: 24px; height: 24px; display: inline-block; border-radius: 50%; background: url(../img/icon_R_24.png); } #list_wrap .list_content table tbody tr td.lock:hover span { display: inline-block; } #list_wrap .list_content table tbody tr:hover { background: #f6f6f6; cursor: pointer; } #list_wrap .list_content.type2 button + button { margin-left: 10px; } #list_wrap .list_content.type2 table tbody tr td { text-align: center; vertical-align: middle; } #list_wrap .list_content.type2 table tbody tr td.title, #list_wrap .list_content.type2 table tbody tr td.title2, #list_wrap .list_content.type2 table tbody tr td.title3 { text-align: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #list_wrap .list_content.type2 table tbody tr td.img_thumbs { padding: 5px; } /* #list_wrap .list_content.type2 table tbody tr td:nth-of-type(1) { padding-left: 10px; width: auto; } #list_wrap .list_content.type2 table tbody tr td:nth-of-type(1)::before { display: none !important; } */ #list_wrap .list_content.type2 table tbody tr td a { max-width: 690px; } #list_wrap .list_content.type2 table tbody tr td .img { width: 40px; height: 40px; background-size: cover; display: inline-block; position: relative;} #list_wrap .list_content.type2 table tbody tr td .img img { object-fit: scale-down; width: 40px; height: 40px; padding: 2px; } #list_wrap .list_content.type2 table tbody tr:hover .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position:absolute; top:0; left:0} #list_wrap .list_content.type2 table tbody tr.on .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block;position:absolute; top:0; left:0 } #list_wrap .list_content.type2 table tbody tr.on .img::after { content: ""; display: block; width: 30px; height: 30px; background: url(../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #list_wrap .list_content.photo { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 20px; border: 0; overflow: hidden; width: 100%; } #list_wrap .list_content.photo::after { content: ""; display: block; clear: both; } #list_wrap .list_content.photo table { display: block; } #list_wrap .list_content.photo table thead { display: none; } #list_wrap .list_content.photo table tbody { display: block; margin-right: -30px; } #list_wrap .list_content.photo table tbody tr { display: block; position:relative; width: 150px; margin-bottom: 30px; cursor: pointer; margin-right: 30px; float: left; } #list_wrap .list_content.photo table tbody tr:hover{background: none; } #list_wrap .list_content.photo table tbody tr + tr { border-top: 0; } #list_wrap .list_content.photo table tbody tr td { display: inline-block; height: auto; padding: 0 !important; } #list_wrap .list_content.photo table tbody tr td:nth-child(n+3) { display: none; } #list_wrap .list_content.photo table tbody tr td.title, #list_wrap .list_content.photo table tbody tr td.title2, #list_wrap .list_content.photo table tbody tr td.title3 { margin-top:5px; height:40px;white-space: normal; width: 100%;max-width: none;min-width: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; word-wrap: break-word; } #list_wrap .list_content.photo_gallery table tbody tr td.title { text-align: center; } #list_wrap .list_content.photo table tbody tr td.title button { display: none; } #list_wrap .list_content.photo table tbody tr td.title a { width: 150px; color: #555; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; font-size: 14px; vertical-align: top; line-height: 1.4; } /* ++ 20220817 썸네일 200px 변경 */ #list_wrap .list_content.photo table tbody tr td .img { width: 150px; height: 150px; position: relative; background: #eee; } #pop_T02_H01 .list_content.photo table tbody tr td .img { width: 200px; height: 200px; position: relative; background: #eee; } #pop_T02_H01 .list_content.photo_dl table tbody tr td .img { width: 150px; height: 150px; } #pop_T02_H01 .list_content.photo_gallery table tbody tr td .img { width: 400px; height: 252px; } /* ++ 20220817 썸네일 200px 변경 */ #list_wrap .list_content.photo table tbody tr td .img img{ object-fit: scale-down; width: 150px; height: 150px; padding: 5px; } #pop_T02_H01 .list_content.photo table tbody tr td .img img{ object-fit: scale-down; width: 200px; height: 200px; padding: 5px; } #pop_T02_H01 .list_content.photo_dl table tbody tr td .img img { width: 150px; height: 150px; } #pop_T02_H01 .list_content.photo_gallery table tbody tr td .img img { width: 400px; height: 252px; } #list_wrap .list_content.photo table tbody tr td:hover .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position:absolute; top:0; left:0} #list_wrap .list_content.photo table tbody tr td:hover .title { color: #000; } /* ++ 20220817 썸네일 200px 변경 */ #list_wrap .list_content.photo table tbody tr { display: block; width: 150px; margin-bottom: 20px; cursor: pointer; margin-right: 25px; float: left; } #pop_T02_H01 .list_content.photo table tbody tr { display: block; width: 200px; margin-bottom: 20px; cursor: pointer; margin-right: 25px; float: left; } #pop_T02_H01 .list_content.photo_dl table tbody tr { width: 150px; margin-right: 20px; } #pop_T02_H01 .list_content.photo_gallery table tbody tr { width: 400px; height: 252px; margin-right: 10px; margin-bottom: 46px; } #list_wrap .list_content.photo table tbody tr:hover{background: none; } #list_wrap .list_content.photo table tbody tr td[class^='icon_cls_']{display: none;} .noResult{ padding:15px; width:100% !important; text-align:center; } #list_wrap .list_popup { width: 180px; background: #494949; -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.25); height: auto; position: fixed; top: 356px; left: 714px; border-radius: 15px; display: none; z-index: 1000; } #list_wrap .list_popup li button { font-size: 15px; color: #fff; padding: 10px 18px; font-weight: 600; position: relative; display: block; width: 100%; text-align: left; } #list_wrap .list_popup li button:disabled{color:#888} #list_wrap .list_popup li button:hover { color: #2af7ff; } #list_wrap .list_popup li button:disabled:hover {color:#888} #list_wrap .list_popup li button:disabled:hover::before {display:none} #list_wrap .list_popup li button:hover::before { content: ""; width: 9px; height: 12px; background: url(../img/icon_list.png) no-repeat -30px -200px; display: block; float: right; position: relative; top: 8px; } #list_wrap .list_popup li + li { border-top: 1px solid #616161; } #list_wrap .list_popup.on { display: block; } #list_wrap button.more { background: #898989; color: #fff; width: 80px; height: 40px; margin: 25px auto 20px; display: block; } #list_wrap.win_pop { padding: 0; background-color:#fff;} #pop_T02_H01{position: fixed; left: 0; top: 0;z-index: 1000; display: none; width:725px; max-height: calc(90vh - 80px); overflow: auto; border:1px solid #ddd; background: #fff;} #pop_T02_H01 #list_wrap.win_pop {top:0px; left:0px; transform: translate(0, 0);position:relative; width: 100%;height:100%; } #list_wrap.win_pop h1 { background: #4a559f; color: #fff; line-height: 1; width: 100%; font-size: 24px; padding: 20px; cursor: pointer;} #list_wrap.win_pop .close { background-position: -50px 0; } #list_wrap.win_pop .list_search { -webkit-box-shadow: none; box-shadow: none; margin: 20px; padding: 10px 20px; } #list_wrap.win_pop#list_wrap .list_content { margin: 0 20px; width: auto; min-height:200px } #list_wrap.win_pop#list_wrap .list_content table tbody tr td a { max-width: 500px; } #list_wrap.win_pop#list_wrap .list_content table tbody tr td:nth-of-type(1) { width: auto; padding-left: 15px; text-align: center; } #list_wrap.win_pop#list_wrap .list_content table tbody tr td:nth-of-type(1)::before { display: none; } #list_wrap.win_pop#list_wrap .list_content table tbody tr td:nth-of-type(2) { width: auto; } #list_wrap.win_pop#list_wrap .list_con { padding-left: 20px; } #list_wrap div[class^='cla_'] { -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); width: 100%; margin-top: 20px; border-radius: 7px; border: 1px solid #ddd; overflow: hidden; } #list_wrap div[class^='cla_'] table { width: 100%; height: 100%; table-layout: fixed; } #list_wrap div[class^='cla_'] table td, #list_wrap div[class^='cla_'] table th { border: 1px solid #ddd; font-size: 14px; vertical-align: middle; padding: 5px; line-height: 1.4; } #list_wrap div[class^='cla_'] table td:first-child, #list_wrap div[class^='cla_'] table th:first-child { border-left: 0; } #list_wrap div[class^='cla_'] table thead th { border-top: 0; } .fc-col-header-cell-cushion span { font-size: 22px; color: #333; display: block; margin-top: 5px; line-height: 1; border-radius: 50%; width: 34px; height: 34px; text-align: center; padding-top: 5px; margin: 0 auto; } .fc-day-today span { background: #333; color: #fff; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 2.5em !important; } #list_wrap div[class^='cla_'] table thead th span { font-size: 22px; color: #333; display: block; margin-top: 5px; line-height: 1; } #list_wrap div[class^='cla_'] table tbody th { font-weight: 400; width: 120px; } #list_wrap div[class^='cla_'] table th { text-align: center; } #list_wrap div[class^='cla_'] table tbody tr:nth-child(6) th, #list_wrap div[class^='cla_'] table tbody tr:nth-child(6) td { border-bottom-width: 2px; } #list_wrap div[class^='cla_'] table .data { text-align: center; margin: 5px 0; color: #333; } #list_wrap div[class^='cla_'] table a { display: block; padding: 7px 10px; background-color: #f3f9c7; } #list_wrap div[class^='cla_'] table a.color2 { background-color: #f9e4c7; } #list_wrap div[class^='cla_'] table a.color3 { background-color: #c7e1f6; } #list_wrap div[class^='cla_'] table a.color4 { background-color: #bff5f2; } #list_wrap div[class^='cla_'] table a.color5 { background-color: #f9d6e7; } #list_wrap div[class^='cla_'] table a.color6 { background-color: #baf1d5; } #list_wrap div[class^='cla_'] table a.color7 { background-color: #e6d7f9; } #list_wrap div[class^='cla_'] table a.color8 { background-color: #fbcdbf; } #list_wrap div[class^='cla_'] table a.color9 { background-color: #ccefbd; } #list_wrap div[class^='cla_'].cla_type1 tbody td { height: 100%; } #list_wrap div[class^='cla_'].cla_type1 a { height: calc(100% + 10px); margin: -5px; } #list_wrap div[class^='cla_'].cla_type2 thead th { height: 45px; } #list_wrap div[class^='cla_'].cla_type2 tbody td { height: 100px; vertical-align: top; } #list_wrap div[class^='cla_'].cla_type2 a { margin: 0 -5px; } #list_wrap div[class^='cla_'].cla_type3 tbody td { height: 40px; } #list_wrap div[class^='cla_'].cla_type3 a { margin: -5px; padding: 10px; } .list_con { margin-top: 20px; margin-right: -30px; } .list_con::after { content: ""; display: block; clear: both; } .list_con li { display: block; width: 150px; margin-bottom: 30px; cursor: pointer; margin-right: 30px; float: left; } .list_con li .img { width: 150px; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #Fff; position: relative; } .list_con li .title { height:37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; font-size: 14px; vertical-align: top; line-height: 1.4; } .list_con li .info { margin-top: 10px; } .list_con li .info .del { width: 18px; height: 18px; background: url(../img/btn_icon.png) -44px -30px no-repeat; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .list_con li:hover .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position:absolute; top:0; left:0} .list_con li:hover .title { color: #000; } .list_con li.on .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block;position:absolute; top:0; left:0 } .list_con li.on .img::after { content: ""; display: block; width: 30px; height: 30px; background: url(../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list_con li.DONE .img{ opacity:0.15;} .list_con li.DONE, .list_con li.DONE:hover .title { color: #aaa; } .l_popup { display: none; position: fixed; -webkit-font-smoothing: subpixel-antialiased; left: 50%; top: 50%;padding-top:65px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); background: #fff; border: 1px solid #aaaaaa; z-index: 1000; min-width: 400px;overflow-y: hidden; max-width: 90%; max-height: 90vh; } .l_popup::before{content:""; display:block; width:100%; height:100vh; position:fixed; background-color:rgba(0,0,0,0.7); top:0; left:0; z-index:-2;} .l_popup::after{content:""; display:block; width:100%;height:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:-1 } .l_popup h1 { font-size: 24px; font-weight: 800; color: #333; padding: 22px; position: relative; padding-right: 80px; border-bottom: 1px solid #d8d9d9; height: 65px;position: absolute; width: 100%; top: 0; left: 0; } .l_popup h1 .close { top: 7px; right: 7px; } .l_popup h1 .scaleU, .l_popup h1 .scaleD, .l_popup h1 .scaleF, .l_popup h1 .scaleO, .l_popup h1 .printImage, .l_popup h1 .printImageDL { width: 30px; height: 30px; position: absolute; transform: scale(0.85); top: 17px; } .l_popup h1 .scaleU { background: url(../img/icon_scale.png) 0 0 no-repeat ; right: 95px; } .l_popup h1 .scaleD { background: url(../img/icon_scale.png) -40px 0 no-repeat; right: 55px; } .l_popup h1 .scaleF { background: url(../img/icon_scale2.png) 0 0 no-repeat ; right: 175px; } .l_popup h1 .scaleO { background: url(../img/icon_scale2.png) -40px 0 no-repeat ; right: 135px; } .l_popup h1 .printImage, .l_popup h1 .printImageDL { background: url(../img/icon_print.png) 0 0 no-repeat ; right: 215px; } .l_popup h1 .plus { width: 30px; height: 30px; background: url(../img/btn_icon.png) 0 0 no-repeat #333333; border-radius: 3px; position: absolute; top: 17px; right: 55px; } .l_popup h1 .subt { width: 30px; height: 30px; background: url(../img/btn_icon.png) -30px 0 no-repeat #333333; border-radius: 3px; position: absolute; top: 17px; right: 95px; } .l_popup h1 .select { position: relative; top: -10px; width: 100%; } .l_popup > div, .l_popup > form > div { padding: 10px 20px; position: relative; overflow-y: auto; max-height: calc(90vh - 65px); } .l_popup > div.fit.dragscroll { text-align: center; } .l_popup div.bg { background: #f6f6f6; } .l_popup div.bg + .save_wrap { border-top: 1px solid #d8d9d9; } .l_popup div .subtit { color: #333; font-size: 16px; font-weight: 600; margin-bottom: 10px; margin-top: 15px;} .l_popup div .text { background: #f6f6f6; border: 1px solid #d8d9d9; padding: 20px; margin-bottom: 10px; } .l_popup > form > div > label, .l_popup > div > form > label, .l_popup > div > label, .l_popup div .delInfo label { display: block; margin: 7px 0; } .l_popup > form > div > label input[type=checkbox], .l_popup > div > form > label input[type=checkbox], .l_popup > div > label input[type=checkbox], .l_popup div .delInfo label input[type=checkbox] { position: relative; top: -1px; margin-right: 5px; } .l_popup div label.type1 { position: relative; padding-left: 80px; } .l_popup div label.type1 span { position: absolute; left: 0; top: 0; line-height: 40px; color: #222; font-weight: 600; } .l_popup div label.type1 input { width: 100%; } .l_popup div label.type1 p { height: 40px; line-height: 40px; } .l_popup div > label.checkbox { padding-left: 27px; position: relative; margin-bottom: 10px; line-height: 1.4; } .l_popup div > label.checkbox .input { position: absolute; left: 0; top: 2px; } .l_popup > div + div, .l_popup > form > div + div { border-top: 1px solid #d8d9d9; } .l_popup > div .caution { position: relative; padding-left: 50px; color: #e61b00; line-height: 1.4; } .l_popup > div .caution::before { content: ""; width: 33px; height: 30px; display: block; background: url(../img/btn_icon.png) -230px 0 no-repeat; position: absolute; left: 5px; top: 7px; } .l_popup > div .caution button { display: block; background: #494949; color: #ffffff; font-size: 14px; padding: 3px 5px; margin-top: 5px; border-radius: 3px; } .l_popup > div .caution button::before { content: ""; width: 13px; height: 13px; display: inline-block; background: url(../img/btn_icon.png) -300px -30px no-repeat; margin-right: 5px; position: relative; top: 1px; } .l_popup > table tr th { background: #f6f6f6; text-align: center; padding: 15px 10px; border-bottom: 1px solid #d8d9d9; } .l_popup > table tr th + th { border-left: 1px solid #d8d9d9; } .l_popup > table tr + tr td { border-top: 1px solid #d8d9d9; } .l_popup > table tr td { padding: 15px; } .l_popup > table tr td + td { border-left: 1px solid #d8d9d9; } .l_popup > table tr td.l_img { position: relative; padding: 30px 15px 30px 80px; max-width: 600px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .l_popup > table tr td.l_img .img { width: 60px; height: 60px; position: absolute; left: 8px; top: 5px; } .l_popup > table tr td.l_img .img img {object-fit: contain; width: 60px; height: 60px; } /* 20220412 */ .l_popup > div > table tr th { background: #f6f6f6; text-align: center; padding: 15px 0; border-bottom: 1px solid #d8d9d9; } .l_popup > div > table tr th + th { border-left: 1px solid #d8d9d9; } .l_popup > div > table tr + tr td { border-top: 1px solid #d8d9d9; } .l_popup > div > table tr td { padding: 15px; } .l_popup > div > table tr td + td { border-left: 1px solid #d8d9d9; } .l_popup > div > table tr td.l_img { position: relative; padding: 30px 15px 30px 80px; max-width: 600px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .l_popup > div > table tr td.l_img .img { width: 60px; height: 60px; position: absolute; left: 8px; top: 5px; } .l_popup > div > table tr td.l_img .img img {object-fit: contain; width: 60px; height: 60px; } /* -------- */ /* 20220308-No.22 */ .l_popup > table ul { padding: 10px; } .l_popup.on { display: block; } .l_popup#pop_L01, .l_popup#pop_L26 { width: 500px; } .l_popup#pop_L05, .l_popup#pop_L04, .l_popup#pop_L09 { width: 600px; } .l_popup#pop_L29 { width: 810px; } .l_popup#pop_L29 h1 + div{padding:0} .l_popup#pop_L29 .save_wrap{ height:765px; } .l_popup#pop_L05_table > div > table tr td { min-width: 100px; } .l_popup div.bg{padding:10px 20px} #pop_L29 .tab .close {display:none} #pop_L34.l_popup { max-width: 90%; max-height: 90%; overflow: hidden; } #pop_L34 > div { overflow: auto; cursor: grab; cursor: -o-grab; cursor: -moz-grab; cursor: -webkit-grab; width: 90vw; height: calc(90vh - 65px); padding: 0; } #pop_L34 > .image_wrap > img { position: relative; } #pop_L34 > .scale_txt { position: absolute; top: 65px; right: 8px; font-size: 28px; padding: 15px 10px; color: #000; background: rgba(192, 192, 192, 0.3); border-radius: 4px; } /* 20220602-No.116 차트보기 */ #pop_L37 > div { overflow: auto; cursor: grab; cursor: -o-grab; cursor: -moz-grab; cursor: -webkit-grab; } #pop_L37 .fit img { object-fit: contain; max-width:85vh; max-height:calc(90vh - 80px);} #pop_L37 .full { width:100%; height: 100%; } #pop_L37 .full img { object-fit: none; } #pop_L37 > div > #dachart-view-001 { width: 640px; } .l_popup .save_wrap { display: block; padding: 0; border: 0; } .l_popup .save_wrap .tab > div button { height: 50px; } .l_popup .save_wrap .input_wrap { padding: 0; } #write_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: calc(100vh - 80px); } #write_wrap .left_w { width: 1000px; padding: 30px 50px 10px 120px; } #write_wrap .left_w .title { position: relative; line-height: 1.4; } #write_wrap .left_w .title span { font-size: 18px; color: #444; font-weight: 600; position: absolute; left: -80px; top: 5px; } #write_wrap .left_w .title #title { width: 100%; border: 1px solid #d1d1d1; font-size: 16px; font-family: "Noto Sans", "MalgunGothic", sans-serif, "DongAY"; color: #555; height: 40px; padding: 10px; line-height:1.4} #write_wrap .left_w .msg { background: #f3f2f2; color: #e84c00; padding: 15px 20px; margin-top: 15px; } #write_wrap .left_w .msg span { display: inline-block; border-bottom: 1px solid #e84c00; } #write_wrap .left_w .edit_wrpa { border: 1px solid #d1d1d1; margin-top: 15px; font-family: "Noto Sans", "MalgunGothic", sans-serif, "DongAY"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; /*min-height:700px; height:calc(100% - 150px);*/ } #write_wrap .left_w .edit_wrpa .edit { color: #666666; line-height: 1.5; padding: 30px 35px 20px; width: 730px; letter-spacing: -0.5px; overflow: hidden; border-right: 1px solid #d1d1d1;} #write_wrap .left_w .edit_wrpa .edit .tit { border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 30px; } #write_wrap .left_w .edit_wrpa .edit .tit .tit, #write_wrap .left_w .edit_wrpa .edit .tit #newsTitle { border: none; font-size: 32px; font-weight: bold; width: 100%; margin-bottom: 15px; padding: 0; font-family: "Noto Sans", "MalgunGothic", sans-serif, "DongAY"; color: #333; height: auto; } #write_wrap .left_w .edit_wrpa .edit .tit .tit:disabled, #write_wrap .left_w .edit_wrpa .edit .tit input:disabled { background: #fff; color: #333; } #write_wrap .left_w .edit_wrpa .edit .tit p { font-size: 14px; } #write_wrap .left_w .edit_wrpa .edit .tit + .content { /*height: calc(100% - 150px);*/ } #write_wrap .left_w .edit_wrpa .edit #diffIframe{width: 660px;min-height: 600px; font-family: "MalgunGothic"; font-size: 18px; color: #1b1b1b; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 10px; margin-bottom: 10px; } #write_wrap .left_w .edit_wrpa .edit .content { border: 0; width: 660px; /*height: 100%; */ min-height: 600px; font-family: "MalgunGothic"; font-size: 18px; color: #1b1b1b; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 10px; margin-bottom: 10px; } #write_wrap .left_w .edit_wrpa .edit .content:disabled { background: #fff; color: #333; } #write_wrap .left_w .edit_wrpa .edit .content.small { min-height: 300px; } #write_wrap .left_w .edit_wrpa .edit .edit_info { margin-top: -20px; margin-bottom: 20px; } #write_wrap .left_w .edit_wrpa .edit .edit_info label { display: block; width: 100%; position: relative; padding-left: 130px; border-bottom: 1px solid #ddd; } #write_wrap .left_w .edit_wrpa .edit .edit_info label span { color: #000000; font-weight: bold; width: 120px; display: inline-block; position: absolute; left: 0; top: 14px; } #write_wrap .left_w .edit_wrpa .edit .edit_info label input { margin: 5px 0; width: 100%; } #write_wrap .left_w .edit_wrpa .edit .edit_info label input:disabled { border: 0; background: #fff; } #write_wrap .left_w .edit_wrpa .edit_mu { top:0; width: 98px; /* border-left: 1px solid #d1d1d1; */ position: sticky; left:1031px; height: 650px; transition: all 0.4s 0s ease-out; background: #fff; } /* #write_wrap .left_w .edit_wrpa .edit_mu.fixed { position: absolute; left:728px; height: 650px; transition: all 0.4s 0s ease-out; } */ /* #write_wrap .left_w .edit_wrpa .edit_mu.fixed .undoredo{position:fixed;top:0px;left:1030px;width:100px; transition: all 0.4s 0s ease-out;} #write_wrap .left_w .edit_wrpa .edit_mu.fixed .edit_icon{position:fixed;top:50px;left:1030px;width:100px; transition: all 0.4s 0s ease-out;} #wrap #right_wrap.set_sm #write_wrap .left_w .edit_wrpa .edit_mu.fixed .undoredo{left:910px;} #wrap #right_wrap.set_sm #write_wrap .left_w .edit_wrpa .edit_mu.fixed .edit_icon{left:910px;} #wrap #right_wrap.set_up #write_wrap .left_w .edit_wrpa .edit_mu.fixed .undoredo{left:850px;} #wrap #right_wrap.set_up #write_wrap .left_w .edit_wrpa .edit_mu.fixed .edit_icon{left:850px;} */ #write_wrap .left_w .edit_wrpa .edit_mu .undoredo { border-bottom: 1px solid #d1d1d1; } #write_wrap .left_w .edit_wrpa .edit_mu .undoredo::after { content: ""; display: block; clear: both; } #write_wrap .left_w .edit_wrpa .edit_mu .undoredo button { width: 50%; height: 55px; display: block; float: left; background: url(../img/undoredo.png) no-repeat; } #write_wrap .left_w .edit_wrpa .edit_mu .undoredo button + button { border-left: 1px solid #d1d1d1; background-position: -50px 0; } #write_wrap .left_w .edit_wrpa .edit_mu .font_size { border-bottom: 1px solid #d1d1d1; } #write_wrap .left_w .edit_wrpa .edit_mu .font_size::after { content: ""; display: block; clear: both; } #write_wrap .left_w .edit_wrpa .edit_mu .font_size button { width: 50%; height: 55px; font-size: 18px; font-weight: bold; color: #666; display: block; float: left; } #write_wrap .left_w .edit_wrpa .edit_mu .font_size button + button { border-left: 1px solid #d1d1d1; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon { padding-top: 22px; position: relative; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon.none::after { content: ""; width: calc(100% - 10px); height: 375px; background: #fff; opacity: 0.8; position: absolute; top:80px; left: 6px; display: block; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button { width: 43px; height: 42px; background: url(../img/icon_edit.png) no-repeat; display: block; margin: 12px auto 0; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_2 { background-position: 0 -54px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_3 { background-position: 0 -111px; height: 37px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_4 { background-position: 0 -165px; height: 37px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_5 { background-position: 0 -216px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_6 { background-position: 0 -272px; height: 40px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_7 { background-position: 0 -325px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_8 { background-position: 0 -379px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_9 { background-position: 0 -433px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_12 { background-position: 0 -433px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_10 { background-position: 0 -487px; height: 43px; } /* 20240730 */ #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.e_icon_11 { background-position: 0 -541px; height: 43px; } #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button:hover, #write_wrap .left_w .edit_wrpa .edit_mu .edit_icon button.on { background-position-x: -43px; } #write_wrap .left_w .edit_wrpa .pop_L13 { font-family: "MalgunGothic"; color: #555; font-size: 14px; text-align: left; min-height: 18px; } #write_wrap .left_w.type2 { padding: 30px 60px 10px 60px; } #write_wrap .left_w .top_btn button { background: #7d7d7d; color: #fff; padding: 10px 20px; } #write_wrap .left_w .top_btn button::before { content: ""; display: inline-block; width: 22px; height: 18px; background: url(../img/btn_icon.png) -270px 0 no-repeat; margin-right: 5px; position: relative; top: 3px; } #write_wrap .left_w .top_btn button:hover { background: #333333; } #write_wrap .left_w .top_btn button.no1::before { background-position: -270px 0; } #write_wrap .left_w .top_btn button.no2::before { background-position: -292px 0; } #write_wrap .left_w .top_btn button.no3::before { background-position: -314px 0; } #write_wrap .left_w .top_btn button.no4::before { background-position: -336px 0; margin-right: 10px; } #write_wrap .left_w .top_btn button.no5::before { background-position: -358px 0; } #write_wrap .right_w { width: calc(100% - 800px); background: #f6f6f6; padding: 30px 40px 0; /* 기본 */ /*내용이력*/ /* 댓글 */ /*특수기호*/ /* 이미지 첨부 */ /* 테이블 */ /* 영상 첨부 */ /* 맞춤법 */ } #write_wrap .right_w .top_menu { margin-bottom: 20px; } #write_wrap .right_w .top_menu::after { content: ""; display: block; clear: both; } #write_wrap .right_w .top_menu button { width: 60px; height: 60px; background: url(../img/icon_edit_menu.png) no-repeat #555555; display: block; float: left; color: #fff; font-weight: bold; line-height: 1.2; } #write_wrap .right_w .top_menu button + button { margin-left: 10px; } #write_wrap .right_w .top_menu button span { display: none; } #write_wrap .right_w .top_menu button.on { background-color: #4a559f; } #write_wrap .right_w .top_menu button.menu2 { background-position: -60px 0; } #write_wrap .right_w .top_menu button.menu3 { background-position: -120px 0; } #write_wrap .right_w .top_menu button.menu4 { background-position: -180px 0; } #write_wrap .right_w .top_menu button.menu5 { background-position: -240px 0; } #write_wrap .right_w .top_menu button:hover { background: #4a559f; } #write_wrap .right_w .top_menu button:hover span { display: block; } #write_wrap .right_w .top_menu.no { display: none; } #write_wrap .right_w .right_pop { width: 100%; background: #fff; position: relative; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; display: none; } #write_wrap .right_w #pop_L21, #write_wrap .right_w #pop_L15, #write_wrap .right_w #pop_L14, #write_wrap .right_w #pop_L38, #write_wrap .right_w #pop_L39, #write_wrap .right_w #pop_L40 { width: calc(100% - 1230px); position: fixed; right:10px; min-width: 420px; max-height: 80vh; overflow-y: auto; } #write_wrap .right_w #pop_L21, #write_wrap .right_w #pop_L15, #write_wrap .right_w #pop_L38, #write_wrap .right_w #pop_L39, #write_wrap .right_w #pop_L40 { position: sticky; top: 0; width: 100%; } #write_wrap .right_w #pop_L38 { max-height: calc(80vh - 80px); } #write_wrap .right_w #pop_L14.fixed { top: 80px; } #write_wrap .right_w #pop_L11{ display: none; } #write_wrap .right_w .reply_btn{ width: 100%; background: #fff; position: relative; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); text-align:left; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; padding:10px 30px; margin-bottom:20px} #write_wrap .right_w .reply_btn::after { content: ""; display: block; width: 30px; height: 30px; background: url("../img/btn_icon.png") -200px 0; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);} #write_wrap .right_w .right_pop.on, #write_wrap .right_w #pop_L11.on { display: block; } #write_wrap .right_w .right_pop .tit { font-size: 24px; color: #333333; height: 75px; line-height: 75px; padding: 0px 30px; font-weight: 500; border-bottom: 1px solid #d8d9d9; } #write_wrap .right_w .right_pop > div { padding: 15px 30px; max-height: calc(100% - 300px); min-height: 70px; } #write_wrap .right_w #pop_L03 .list { border-top: 0; padding: 0px; height: auto; } #write_wrap .right_w #pop_L03 .list button { border-top: 1px solid #d8d9d9; padding: 15px 30px; display: block; width: 100%; text-align: left; } #write_wrap .right_w #pop_L03 .list button:first-child { border-top: 0; } #write_wrap .right_w #pop_L03 .list button span { display: block; position: relative; } #write_wrap .right_w #pop_L03 .list button span + span { margin-top: 10px; } #write_wrap .right_w #pop_L03 .list button span.name::before { content: ""; width: 16px; height: 16px; background: #4aa500; border-radius: 50%; display: inline-block; margin-right: 5px; position: relative; top: 2px; } #write_wrap .right_w #pop_L03 .list button span.name.c2::before { background-color: #0c6aab; } #write_wrap .right_w #pop_L03 .list button span.name.c3::before { background-color: #ba3cad; } #write_wrap .right_w #pop_L03 .list button span.name.c4::before { background-color: #e84c00; } #write_wrap .right_w #pop_L03 .list button span.name.c5::before { background-color: #15c1bf; } #write_wrap .right_w #pop_L03 .list button.on { background-color: #f0f0f0; } #write_wrap .right_w #pop_L03 .list button:hover { background-color: #f6f6f6; } #write_wrap .right_w #pop_L03 .list button.new { position: relative; } #write_wrap .right_w #pop_L03 .list button.new::after { /*content: "현재버전";*/ display: block; color: #333333; font-weight: 600; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #write_wrap .right_w #pop_L03 .list button.on { position: relative; } #write_wrap .right_w #pop_L03 .list button.on::after { content: "비교버전"; display: block; color: #333333; font-weight: 600; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #write_wrap .right_w #pop_L03 .list button.origin::after { content: "원본버전"; } #write_wrap .right_w #pop_L03 *[class^='icon_cls_']{display:inline-block; padding-left:0!important; height:auto;width:auto; margin-right:5px} #write_wrap .right_w #pop_L03 *[class^='icon_cls_']::before{top:8px; left:0; position:relative; transform: translateY(0);} /* s-20220225-No.3 */ #write_wrap .right_w .reply_wrap { display: none; min-height: 735px; height: calc(100vh - 230px); /* overflow-y: auto; */ } /* e-20220225-No.3 */ #write_wrap .right_w .reply_wrap.on { display: block; } #write_wrap .right_w .reply_wrap > div { border: 1px solid #ddd; background: #fff; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); position: relative; } #write_wrap .right_w .reply_wrap > div + div { margin-top: 20px; } #write_wrap .right_w .reply_wrap > div.reply_write { padding: 20px 30px; } #write_wrap .right_w .reply_wrap > div.reply_write.on { display: block; } #write_wrap .right_w .reply_wrap > div.reply_list { position: relative; } #write_wrap .right_w .reply_wrap > div.reply_list.on { display: block; } #write_wrap .right_w .reply_wrap > div.reply_list.on{ border:3px solid #4a559f} #write_wrap .right_w .reply_wrap > div.reply_list.open .first .chose, #write_wrap .right_w .reply_wrap > div.reply_list.open .msg, #write_wrap .right_w .reply_wrap > div.reply_list.open .re_re { display: block !important; } #write_wrap .right_w .reply_wrap > div.reply_list.open .reply { display: block !important; } #write_wrap .right_w .reply_wrap > div.reply_list.open .btn.open { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #write_wrap .right_w .reply_wrap > div.reply_list.open .re_write { display: inline-block !important; } #write_wrap .right_w .reply_wrap > div .name { color: #333333; font-weight: 500; position: relative; } #write_wrap .right_w .reply_wrap > div .name + textarea, #write_wrap .right_w .reply_wrap > div .name + .mentions { margin-top: 10px; width: 100%; } #write_wrap .right_w .reply_wrap > div .data { color: #666; font-size: 14px; font-weight: 300; } #write_wrap .right_w .reply_wrap > div .chose { margin-top: 15px; position: relative; padding-left: 20px; cursor: pointer;} #write_wrap .right_w .reply_wrap > div .chose::before { content: ""; display: inline-block; width: 20px; height: 22px; background: url(../img/btn_icon.png) 0px -30px no-repeat; position: absolute; left: 2px; top: 4px; } #write_wrap .right_w .reply_wrap > div .chose input, #write_wrap .right_w .reply_wrap > div .chose span { display: inline-block; background: #b7f0ff; padding: 5px 10px; margin-left: 10px; line-height: 1.2; font-size: 15px; border:0} #write_wrap .right_w .reply_wrap > div .msg { font-size: 15px; margin-top: 10px; } [data-mention]{padding:0 5px; border-radius:3px; background-color: #eee!important; } [contenteditable='true']:empty:before{content: attr(placeholder);display: block; color: #aaa; } #write_wrap .right_w .reply_wrap div[contenteditable='true']{margin-top:10px; height: 65px; padding: 10px 15px; overflow-y: auto; height: 100px; border: 1px solid #aaa; font-family: "MalgunGothic", sans-serif; font-size: 16px; width: 100%; } #write_wrap .right_w .reply_wrap div[contenteditable='true']::-webkit-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable='true']:-ms-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable='true']::-ms-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable='true']::placeholder { color: #888; } /* s-20220225-No.3 */ #write_wrap .right_w .reply_wrap div[contenteditable]{ line-height:1.6; background:#fff; margin-top:10px; /* height: 65px; */ padding: 10px 15px; overflow-y: auto; /* height: 100px; */ border: 1px solid #aaa; font-family: "MalgunGothic", sans-serif; font-size: 16px; width: 100%; min-height: 50px; max-height: 150px; height: auto; word-break: break-all; } /* e-20220225-No.3 */ #write_wrap .right_w .reply_wrap div[contenteditable]::-webkit-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable]:-ms-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable]::-ms-input-placeholder { color: #888; } #write_wrap .right_w .reply_wrap div[contenteditable]::placeholder { color: #888; } #write_wrap .right_w .reply_wrap > div .reply { border-top: 1px solid #ddd; padding: 20px 30px; display: none; } #write_wrap .right_w .reply_wrap > div .reply .btn_wrap { padding-bottom: 0; } #write_wrap .right_w .reply_wrap > div .first { border-top: 0; padding: 20px 30px; position: relative; } #write_wrap .right_w .reply_wrap > div .first .chose, #write_wrap .right_w .reply_wrap > div .first .msg, #write_wrap .right_w .reply_wrap > div .first .re_re { display: none; } #write_wrap .right_w .reply_wrap > div .re_re_write { display: none; padding: 20px 30px; padding-bottom: 0; border-top: 1px solid #ddd; } #write_wrap .right_w .reply_wrap > div .re_re_write.on { display: block; } #write_wrap .right_w .reply_wrap > div .btn { background: url(../img/btn_icon.png) 0 0 no-repeat; width: 30px; height: 30px; } #write_wrap .right_w .reply_wrap > div .btn.open { background-position: -60px 0; position: absolute; top: 22px; right: 15px; z-index: 10; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } #write_wrap .right_w .reply_wrap > div .btn.re_del { width: 18px; height: 18px; background-position: -44px -30px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; margin-left: 5px; } #write_wrap .right_w .reply_wrap > div .btn.re_write { width: 18px; height: 18px; background-position: -22px -30px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; display: none; } #write_wrap .right_w .reply_wrap > div .btn.re_re { position: absolute; top: 60px; right: 15px; background-position: -90px 0px; } /* ++ 20220817 max-height 수정 */ #write_wrap .right_w #pop_L15 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 20px; margin-bottom: 20px; border: 1px solid #ddd; max-height: calc(100vh - 530px); overflow-x: hidden; overflow-y: auto; } #write_wrap .right_w #pop_L15 .list button { width: 10%; height: 50px; font-size: 26px; color: #666; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } #write_wrap .right_w #pop_L15 .list button:hover, #write_wrap .right_w #pop_L15 .list button.on { background: #dddddd; } #write_wrap .right_w #pop_L15 .list button, #write_wrap .right_w #pop_L15 #sel_text { font-family: 'DongAY'; } #write_wrap .right_w #pop_L16 { transition: all 0.4s 0s ease-out; border: 1px solid #bbbbbb; background: #fff; overflow: hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); position: absolute; display: none; top: 361px; left: 1105px; width: 140px; border-radius: 15px; } #write_wrap .right_w #pop_L16.on { display: block; } /* #write_wrap .right_w #pop_L16.fixed{position:fixed;top:180px;left:1100px;} */ #wrap #right_wrap.set_sm #write_wrap .right_w #pop_L16{left:980px;} #wrap #right_wrap.set_up #write_wrap .right_w #pop_L16{left:920px;} #write_wrap .right_w #pop_L16 button { display: block; width: 100%; padding: 15px; text-align: left; font-size: 15px; color: #666; } #write_wrap .right_w #pop_L16 button + button { border-top: 1px solid #ddd; } #write_wrap .right_w #pop_L16 button:hover { background: #f2f2f2; color: #4a559f; font-weight: 600; } #write_wrap .right_w #pop_L16 button:hover::before { content: ""; width: 9px; height: 12px; background: url(../img/icon_list.png) no-repeat -30px -220px; display: block; float: right; position: relative; top: 6px; } /* s20221207 텍스트만 인쇄 추가 */ #write_wrap .right_w #pop_L23 { transition: all 0.4s 0s ease-out; border: 1px solid #bbbbbb; background: #fff; overflow: hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); position: absolute; display: none; top: 734px; left: 1105px; width: 140px; border-radius: 15px; } #write_wrap .right_w #pop_L23.on { display: block; } #wrap #right_wrap.set_sm #write_wrap .right_w #pop_L23 { left: 980px; } #wrap #right_wrap.set_up #write_wrap .right_w #pop_L23 { left: 920px; } #write_wrap .right_w #pop_L23 button { display: block; width: 100%; padding: 15px; text-align: left; font-size: 15px; color: #666; } #write_wrap .right_w #pop_L23 button + button { border-top: 1px solid #ddd; } #write_wrap .right_w #pop_L23 button:hover { background: #f2f2f2; color: #4a559f; font-weight: 600; } #write_wrap .right_w #pop_L23 button:hover::before { content: ""; width: 9px; height: 12px; background: url(../img/icon_list.png) no-repeat -30px -220px; display: block; float: right; position: relative; top: 6px; } /* e20221207 */ #write_wrap .right_w #pop_L17 { transition: all 0.4s 0s ease-out; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); display: none; border: 1px solid #bbbbbb; background: #fff; overflow: hidden; position: absolute; display: none; top: 409px; left: 1105px; width: 140px; border-radius: 15px; padding: 20px; width: auto; } #write_wrap .right_w #pop_L17.on { display: block; } #write_wrap .right_w #pop_L17 table { border-spacing: 5px; border-collapse: separate; } #write_wrap .right_w #pop_L17 table td { border: 1px solid #aaa; min-width: 26px; height: 26px; /* background: #f3f2f2; */ } #write_wrap .right_w #pop_L17 p { text-align: center; margin-top: 10px; } /* #write_wrap .right_w #pop_L17.fixed{position:fixed;top:250px;left:1100px;} */ #wrap #right_wrap.set_sm #write_wrap .right_w #pop_L17{left:980px;} #wrap #right_wrap.set_up #write_wrap .right_w #pop_L17{left:920px;} #write_wrap .right_w #pop_L19 { transition: all 0.4s 0s ease-out; border: 1px solid #bbbbbb; background: #fff; overflow: hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); position: absolute; display: none; top: 514px; left: 1105px; width: 140px; border-radius: 15px; } #write_wrap .right_w #pop_L19.on { display: block; } #write_wrap .right_w #pop_L19 button { display: block; width: 100%; padding: 15px; text-align: left; font-size: 15px; color: #666; } #write_wrap .right_w #pop_L19 button + button { border-top: 1px solid #ddd; } #write_wrap .right_w #pop_L19 button:hover { background: #f2f2f2; color: #4a559f; font-weight: 600; } #write_wrap .right_w #pop_L19 button:hover::before { content: ""; width: 9px; height: 12px; background: url(../img/icon_list.png) no-repeat -30px -220px; display: block; float: right; position: relative; top: 6px; } /* #write_wrap .right_w #pop_L19.fixed{position:fixed;top:360px;left:1100px;} */ #wrap #right_wrap.set_sm #write_wrap .right_w #pop_L19{left:980px;} #wrap #right_wrap.set_up #write_wrap .right_w #pop_L19{left:920px;} #write_wrap .right_w #pop_L21 .msg { padding-top: 10px; color: #333; } /* ++ 20220817 */ #write_wrap .right_w #pop_L21 #help_text { margin-top: 30px; border: 1px solid #ddd; padding: 15px; background: #f7f7f7;line-height: 1.4; height: calc(100vh - 550px); overflow-y: auto; } #write_wrap .right_w #pop_L21 .err_text { color: #ff0303; margin: 30px 0 20px; } #write_wrap .right_w #pop_L21 .err_text span { font-size: 22px; font-weight: 600; display: inline-block; margin-right: 10px; } #write_wrap .right_w #pop_L21 .num { margin-top: 10px; position: relative; padding-left: 20px; color: #666; } #write_wrap .right_w #pop_L21 .num::before { content: ""; display: block; width: 16px; height: 16px; background: url(../img/btn_icon.png) -130px -30px no-repeat; border-radius: 3px; position: absolute; top: 1px; left: 0px; } #write_wrap .right_w #pop_L21 input + select{ margin-top: 5px;} #write_wrap .right_w #pop_L51 { transition: all 0.4s 0s ease-out; border: 1px solid #bbbbbb; background: #fff; overflow: hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); position: absolute; display: none; top: 740px; left: 1105px; width: 140px; border-radius: 15px; } #write_wrap .right_w #pop_L51.on { display: block; } #wrap #right_wrap.set_sm #write_wrap .right_w #pop_L51{left:980px;} #wrap #right_wrap.set_up #write_wrap .right_w #pop_L51{left:920px;} #write_wrap .right_w #pop_L51 button { display: block; width: 100%; padding: 15px; text-align: left; font-size: 15px; color: #666; } #write_wrap .right_w #pop_L51 button + button { border-top: 1px solid #ddd; } #write_wrap .right_w #pop_L51 button:hover { background: #f2f2f2; color: #4a559f; font-weight: 600; } #write_wrap .right_w #pop_L51 button:hover::before { content: ""; width: 9px; height: 12px; background: url(../img/icon_list.png) no-repeat -30px -220px; display: block; float: right; position: relative; top: 6px; } /* 등록 */ .save_wrap { border: 1px solid #ddd; background: #fff; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); display: none; } .save_wrap.on { display: block; } .save_wrap .tab { background: #dfdfdf; position: relative; } .save_wrap .tab > div { width: calc(100% - 65px); display: -webkit-box; display: -ms-flexbox; display: flex; } .save_wrap .tab > div button { width: 25%; display: block; height: 60px; } .save_wrap .tab > div button.on { background: #fff; color: #4a559f; font-size: 17px; font-weight: 600; } .save_wrap .close { top: 7px; right: 7px; } .save_wrap .input_wrap { display: none; } .save_wrap .input_wrap.on { display: block; } .save_wrap .input_wrap div[contenteditable="true"]{ width:100%; min-height:40px; border: 1px solid #d1d1d1; line-height:1.6; padding:10px; word-break: break-all; } .save_wrap .input_wrap > form > label, .save_wrap .input_wrap > label, .save_wrap .input_wrap > form > .label, .save_wrap .input_wrap > .label { display: block; min-height: 60px; padding: 7px 10px 7px 130px; border-bottom: 1px solid #ddd; position: relative; } .save_wrap .input_wrap > form > label:first-child , .save_wrap .input_wrap > label:first-child, .save_wrap .input_wrap > form > .label:first-child , .save_wrap .input_wrap > .label:first-child { margin-top: 10px; } #pop_L38.save_wrap .input_wrap > .label:first-child { margin: 0; } .save_wrap .input_wrap > form > label > span, .save_wrap .input_wrap > label > span, .save_wrap .input_wrap > form > .label > span, .save_wrap .input_wrap > .label > span { color: #333333; font-weight: 500; width: 130px; display: inline-block; padding: 13px 0 13px 20px; position: absolute; top: 7px; left: 0; } .save_wrap .input_wrap > form > label > span span, .save_wrap .input_wrap > label > span span, .save_wrap .input_wrap > form > .label > span span, .save_wrap .input_wrap > .label > span span { font-size: 14px; } .save_wrap .input_wrap > form > label p, .save_wrap .input_wrap > label p, .save_wrap .input_wrap > form > .label p, .save_wrap .input_wrap > .label p { display: inline-block; padding: 14px 0px 14px; } .save_wrap .input_wrap > form > label p p, .save_wrap .input_wrap > label p p, .save_wrap .input_wrap > form > .label p p, .save_wrap .input_wrap > .label p p{padding:0} .save_wrap .input_wrap > form > label p.tip, .save_wrap .input_wrap > label p.tip, .save_wrap .input_wrap > form > .label p.tip, .save_wrap .input_wrap > .label p.tip { display: block; font-size: 14px; padding: 3px 0; } /* s-2022.11.27 업무 프로세스 변경 */ .save_wrap .btn_wrap > p.tip { font-size: 14px; display: block; padding: 0px 20px 10px; font-weight: 500; } /* e-2022.11.27 */ .save_wrap .input_wrap > form > label input, .save_wrap .input_wrap > label input, .save_wrap .input_wrap > label select, .save_wrap .input_wrap > form > .label input, .save_wrap .input_wrap > .label input, .save_wrap .input_wrap > .label select { margin: 3px 0; } /* 20220602-No.113 면수 표시 */ .save_wrap .input_wrap > .label input#page, .save_wrap .input_wrap > .label input#morePaperPage { width: 70px; text-align: center; } /* s20240517 출판 */ .save_wrap .input_wrap > .label select#region { max-width: 150px; } .save_wrap .input_wrap > .label select#edition { margin-right: 10px; } .save_wrap .input_wrap > .label input#page { margin-left: 5px; } .save_wrap .input_wrap > .label input#magazineIssue, .save_wrap .input_wrap > .label input#magazinePageStart { width: 100px; text-align: center; margin-left: 5px; margin-right: 5px; } .save_wrap .input_wrap > .label.hide { display: none; } /* e20240517 */ .save_wrap .input_wrap > form > label.type1 > span, .save_wrap .input_wrap > label.type1 > span, .save_wrap .input_wrap > form > .label.type1 > span, .save_wrap .input_wrap > .label.type1 > span { padding: 0px 0 13px 20px; width: 150px; } .save_wrap .input_wrap > form > label.type1 input, .save_wrap .input_wrap > label.type1 input, .save_wrap .input_wrap > form > .label.type1 input, .save_wrap .input_wrap > .label.type1 input { width: 80%; } /* ++ 2022.09.29 캡션 여러줄 입력 */ .save_wrap .input_wrap > form > label.type1 textarea { width: 80%; } .save_wrap .input_wrap > form > label.type1 textarea + button { vertical-align: top; } /* -- 2022.09.29 */ .save_wrap .input_wrap > form > label.type1 button, .save_wrap .input_wrap > label.type1 button, .save_wrap .input_wrap > form > .label.type1 button, .save_wrap .input_wrap > .label.type1 button { width: 18%; border: 1px solid #aaaaaa; border-radius: 3px; height: 40px; } .save_wrap .input_wrap > form > label.type1 button:hover, .save_wrap .input_wrap > label.type1 button:hover, .save_wrap .input_wrap > form > .label.type1 button:hover, .save_wrap .input_wrap > .label.type1 button:hover { background: #333; color: #fff; } /* 20220615 등록정보-출고타켓 간격 조정 margin: 10px 10px 10px 0;*/ .save_wrap .input_wrap input[type=checkbox] { width: 20px; height: 20px; background: #d1d1d1; border: 1px solid #d1d1d1; margin: 10px 5px 10px 0; } /* 20220615 등록정보-출고타켓 간격 조정*/ .save_wrap .input_wrap div.label > label { margin-right: 10px; } .save_wrap .input_wrap .data_st::before { top: 8px; } .save_wrap .input_wrap div > p { color: #333333; position: relative; font-weight: 500; padding: 13px 20px 13px; } .save_wrap .input_wrap div > p span { display: inline-block; float: right; } .save_wrap .input_wrap div.type1 { padding-bottom: 20px; } .save_wrap .input_wrap div.type1 > div { border: 1px solid #dddddd; background: #f6f6f6; margin: 0 20px; padding: 10px 20px; } /* 20220602-No.106 관련기사 Drop 영역 높이 수정 */ .save_wrap .input_wrap div.type1 > div.drop-relate-list { min-height: 40px; } /* 20220602-No.106 관련기사 텍스트 너비 수정 */ .save_wrap .input_wrap div.type1 > div.drop-relate-list > label > input[type=text] { width: calc(100% - 200px); } .save_wrap .input_wrap div.type1 > div.drop-relate-list > input[type=text] { width: calc(100% - 50px); } .save_wrap .input_wrap div.type1 > div label { display: block; } .save_wrap .input_wrap div.type1 > div label input[type=checkbox] { position: relative; top: -2px; margin: 7px 7px 7px 0; } .save_wrap .input_wrap div.type2 { border-bottom: 1px solid #d1d1d1; } .save_wrap .input_wrap div.type2 > div { margin-bottom: 20px; } /* s-20220228-No.7 */ .save_wrap .input_wrap div.type2 > div .label { display: block; padding: 5px 20px; } .save_wrap .input_wrap div.type2 > div .label span { display: inline-block; width: 80px; } .save_wrap .input_wrap div.type2 > div .label input[type=checkbox] { position: relative; top: -2px; margin: 7px 7px 7px 0; } /* e-20220228-No.7 */ .save_wrap .input_wrap div.gray_box { position: relative; line-height: 1.6; font-size: 16px; padding: 20px 20px 20px 80px; margin: 15px 30px; } .save_wrap .input_wrap div.gray_box::before { content: ""; width: 41px; height: 37px; background: url(../img/btn_icon.png) -310px -50px no-repeat; display: block; position: absolute; left: 20px; top: 25px; } .save_wrap .input_wrap .btn { background: url(../img/btn_icon.png) 0 0 no-repeat; margin-left: 2px; } .save_wrap .input_wrap .btn.re_sear { background: #494949; border-radius: 3px; color: #fff; width: 55px; height: 22px; padding: 0; font-size: 14px; position: relative; padding-left: 20px; } .save_wrap .input_wrap .btn.re_sear::before { content: ""; background: url(../img/btn_icon.png) -108px -28px no-repeat; display: block; width: 18px; height: 22px; position: absolute; left: 3px; top: 0; } .save_wrap .input_wrap .btn.re_write { width: 22px; height: 22px; background-position: -20px -28px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.down { width: 22px; height: 22px; background-position: -222px -30px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.up { width: 22px; height: 22px; background-position: -200px -30px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.re_add { width: 22px; height: 22px; background-position: -64px -28px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.re_del { width: 22px; height: 22px; background-position: -42px -28px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.add { width: 22px; height: 22px; background-position: -64px -28px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap .btn.remove { width: 22px; height: 22px; background-position: -86px -28px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; } .save_wrap .input_wrap textarea { resize:none; padding: 10px; } .save_wrap .input_wrap textarea[name=newsSummary] { height: 180px; word-break: break-word; } /* s20240906 */ .save_wrap .input_wrap textarea[name=newsSubtitle] { height: 100px; word-break: break-word; } /* e20240906 */ .save_wrap .input_wrap textarea.srccode { height: calc(25vh - 60px); min-height: 80px; max-height: 180px; word-break: break-all; } .save_wrap .input_wrap div.label label.paperInfoUseWeb { padding-left: 20px; } .save_wrap .input_wrap div.label label.paperInfoUseWeb input + span { display: inline-block; border: 1px solid #acacac; min-width: 92px; border-radius: 3px; font-size: 15px; height: 33px; margin:1px 0; padding: 7px 10px; text-align: center; color: #333333; cursor: pointer; } .save_wrap .input_wrap div.label label.paperInfoUseWeb input:checked + span { background-color: #333; color: #fff; } /* ++ 2022.09.29 캡션 여러줄 입력 */ .save_wrap .input_wrap textarea[name=caption] { height: 85px; padding: 5px 10px; word-break: break-word; } #pop_L16_T.save_wrap div label.type1 span { height:40px; line-height: 40px; } /* -- 2022.09.29 */ .full_layer { position: fixed; width: 100%; height: 100vh; z-index: 1000; display: none; top: 0; left: 0; } .full_layer .bg { background: rgba(0, 0, 0, 0.7); width: 200%; height: 200vh; z-index: 1; } .full_layer.on ,#pop_T02_H01.on { display: block; } .full_layer .layer {padding-top: 65px; max-height: 95vh; overflow-y: hidden; width: auto; min-width:280px; height: auto; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); z-index: 2; } .full_layer .layer h1 { height: 65px;border-bottom: 1px solid #ddd; color: #333; font-size: 24px; padding: 20px; margin-bottom: 20px; font-weight: 600;position: absolute; width: 100%; top: 0; left: 0; } .full_layer .layer .close { top: 5px; right: 7px; } .full_layer .layer > div{max-height: calc(95vh - 65px); overflow-y: auto;} .full_layer .layer > div > label, .full_layer .layer > div > .label { display: block; padding-left: 80px; position: relative; margin: 10px 20px; } .full_layer .layer > div > label > span, .full_layer .layer > div > .label > span { width: 80px; position: absolute; left: 0; top: 0; color: #333; padding: 13px 20px 13px; } .full_layer#pop_T02_H02 .input { width: 700px; } .full_layer.type2 .layer { padding: 30px 30px 10px; } .full_layer.type2 .layer .text { background: #f7f7f7; border: 1px solid #ddd; padding: 20px; line-height: 1.2; } .full_layer#search_layer .layer { min-width: 700px; } .full_layer#search_layer .layer h1 { margin-bottom: 0; } .full_layer#search_layer .layer > div > label, .full_layer#search_layer .layer > div > .label { padding-left: 150px; border-bottom: 1px solid #dededd; padding-bottom: 10px; margin: 10px 30px; } .full_layer#search_layer .layer > div > label > span, .full_layer#search_layer .layer > div > .label > span { width: 140px; padding: 10px 0px; font-weight: 600; } .full_layer#search_layer .layer > div > label .select, .full_layer#search_layer .layer > div > .label .select { min-width: 211px; min-height: 35px; } .full_layer#search_layer .layer > div > label .input, .full_layer#search_layer .layer > div > .label .input { min-height: 35px; } .full_layer#search_layer .layer > div > label > div, .full_layer#search_layer .layer > div > .label > div { min-height: 35px; } .full_layer#search_layer .layer > div > label > div.radio label input + span, .full_layer#search_layer .layer > div > .label > div.radio label input + span { display: inline-block; border: 1px solid #acacac; min-width: 92px; border-radius: 3px; font-size: 15px; height: 33px; margin:1px 0; padding: 7px 10px; text-align: center; color: #333333; cursor: pointer; } .full_layer#search_layer .layer > div > label > div.radio label input:checked + span, .full_layer#search_layer .layer > div > .label > div.radio label input:checked + span { background-color: #333; color: #fff; } .full_layer#search_layer .layer > div > label > div.radio + .input, .full_layer#search_layer .layer > div > .label > div.radio + .input { margin-top: 10px; width: 473px; } /* 20220308-No.19 */ .full_layer#search_layer .layer > div > .label > div.radio label input:disabled + span { opacity: 1!important; color: #aaa; } .full_layer#F01_view .layer { display: -webkit-box; display: -ms-flexbox; display: flex;padding-top: 0px; } .full_layer#F01_view .layer .left { padding: 25px 30px;min-width: 800px; } .full_layer#F01_view .layer .left p { line-height: 1.4; } .full_layer#F01_view .layer .left p.tit { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 5px; word-break: break-all; } .full_layer#F01_view .layer .left p.caption { word-break: break-all; } /* 20220617 background-size:600px; 추가 */ .full_layer#F01_view .layer .left .img { width: 700px; height: 550px; /* background-size: contain; background-repeat: no-repeat; background-position: center center; */ margin: 10px auto; } .full_layer#F01_view .layer .left img { max-width: 700px; max-height: 550px; margin: 0 auto; display: block; position: relative; top: 50%; transform: translateY(-50%); } .full_layer#F01_view .layer .left #dachart-view-002 { width: 640px; height: auto; margin: 40px auto; } .full_layer#F01_view .layer .left video { width: 700px; height: 550px; margin: 10px auto; display: block; } .full_layer#F01_view .layer .right { background: #f6f6f6; padding: 25px 30px; min-width: 480px; } .full_layer#F01_view .layer .right div button { background: #7d7d7d; color: #fff; padding: 10px 10px; } .full_layer#F01_view .layer .right div button::before { content: ""; display: inline-block; width: 20px; height: 18px; background: url(../img/btn_icon.png) -320px -30px no-repeat; margin-right: 5px; } .full_layer#F01_view .layer .right div button.add::before { background-position: -340px -30px; position: relative; top: 3px; } .full_layer#F01_view .layer .right div button.release::before { background-position: -380px -30px; position: relative; top: 3px; } /* 20240531 */ .full_layer#F01_view .layer .right div button.printImage::before { background-position: -360px -30px; position: relative; top: 3px; } .full_layer#F01_view .layer .right div button:hover { background-color: #333333; } .full_layer#F01_view .layer .right div p { position: relative; padding-left: 100px; margin-top: 30px; min-height: 16px; word-break: break-all; line-height: 1.2; } .full_layer#F01_view .layer .right div p span { width: 80px; position: absolute; left: 0; top: 0; color: #333; font-weight: 500; } /* s20230508 */ .full_layer#F01_view .layer .right div.copyright-warning { color: #ff0000; margin-top: 15px; border: 2px solid #ff0000; padding: 10px 15px; line-height: 1.4; word-break: break-word; } /* e20230508 */ /*s20230613*/ .full_layer#popup-notice > .layer > div { padding: 25px; line-height: 1.4; max-height: calc(90vh - 160px); } .full_layer#popup-notice > .layer { max-height: calc(90vh - 65px); max-width: 800px; } .full_layer#popup-notice > .layer > p { padding: 5px 20px; border-top: 1px solid #ddd; } /*e20230613*/ .full_layer#popup-notice > .layer > .notice-body > div> p > a { color: #1a73e8; text-decoration: underline; } .full_layer#popup-notice > .layer > .notice-body > div { margin-bottom: 15px; } .full_layer#popup-notice > .layer > .notice-body > div > p.data { font-weight: bold; color: #000; } .full_layer#popup-notice > .layer > .notice-body > div > p.tit { padding: 10px 0px; font-weight: bold; color: #000; } .full_layer .m_select button{min-width:211px} .img_view { max-width: 900px; max-height:calc(95vh - 65px);; overflow: auto; position: relative; margin: -10px -20px;} .img_view img { width: 100%; } .mo_view { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; } .mo_view .left { width: 70px; } .mo_view .left button { display: block; font-size: 15px; font-weight: 600; padding: 25px 0; color: #666666; width: 100%; border-bottom: 1px solid #ddd; } .mo_view .left button::after { content: ""; display: block; width: 40px; height: 40px; background: url(../img/mo_view.png) 0 0 no-repeat; margin: 0 auto; } .mo_view .left button.size1::after { background-position: 0 0; } .mo_view .left button.size2::after { background-position: 0 -40px; } .mo_view .left button.size3::after { background-position: 0 -80px; } .mo_view .left button.size4::after { background-position: 0 -120px; } .mo_view .left button.on, .mo_view .left button:hover { background-color: #4a559f; color: #fff; } .mo_view .left button.on.size1::after, .mo_view .left button:hover.size1::after { background-position: -40px 0; } .mo_view .left button.on.size2::after, .mo_view .left button:hover.size2::after { background-position: -40px -40px; } .mo_view .left button.on.size3::after, .mo_view .left button:hover.size3::after { background-position: -40px -80px; } .mo_view .left button.on.size4::after, .mo_view .left button:hover.size4::after { background-position: -40px -120px; } .mo_view .right { width: calc(100% - 70px); border-left: 1px solid #ddd; /* padding: 13px; */ } .mo_view .right .top { position: relative; height: 56px; } .mo_view .right .top::after { content: ""; display: block; width: 40px; height: 40px; background: url(../img/mo_view.png) 0 -160px no-repeat; float: left; } .mo_view .right .top::before { content: ""; display: block; width: 40px; height: 40px; background: url(../img/mo_view.png) -40px -160px no-repeat; float: right; } .mo_view .right .view { font-family: 'MalgunGothic', sans-serif; } .mo_view .right .view .title { font-size: 24px; color: #000000; line-height: 33px; font-weight: bold; } .mo_view .right .view .name { font-size: 13px; color: #959595; margin: 15px 0; } .mo_view .right .view .con { color: #252525; line-height: 23px; } .mo_view .right #mobile-view { width: 100%; height: 100%; } .setting { padding: 40px 60px; } .setting > div { -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .setting > div + div { margin-top: 30px; } .setting .set_left { width: 15%; padding: 25px; } .setting .set_left h3 { color: #333; line-height: 1; font-weight: bold; font-size: 24px; } .setting .set_right { width: 85%; } .setting .set_right .btn_wrap { text-align: left; padding-left: 30px; } .setting .set_right .btn_wrap button { min-width: 70px; } .setting .set_right > form > label { display: block; border-bottom: 1px solid #dededd; padding: 5px 0 5px 155px; position: relative; } .setting .set_right > form > label > span { width: 150px; display: block; position: absolute; top: 5px; left: 30px; line-height: 40px; color: #333; } .setting .set_right > form > label > p { display: inline-block; line-height: 40px; } .setting .set_right > form > label > p.com { font-size: 15px; padding-left: 20px; } .setting .set_right > form > label > p.war { font-size: 15px; padding-left: 20px; color: #ff3434; } .setting .set_right > form > label > p.war::before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(../img/btn_icon.png) -380px 0; margin-right: 5px; position: relative; top: 2px; } .setting .set_right > form > label input.wide { width: 660px; } .setting .set_right .label { display: block; border-bottom: 1px solid #dededd; padding: 14px 0 14px 30px; position: relative; } .setting .set_right .label label { padding-right: 30px; cursor: pointer; min-width: 170px; display: inline-block; } .setting .set_right .label label input[type='checkbox'] { height: 20px; width: 20px; } .setting .set_right .skin { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 25px; } .setting .set_right .skin label { width: 50%; margin-bottom: 20px; cursor: pointer; } .setting .set_right .skin label p { display: inline-block; vertical-align: top; position: relative; top: 30px; width: 80px; } .setting .set_right .skin label p input { position: relative; top: -3px; } .setting .set_right .skin label p span { display: inline-block; margin-left: 5px; } .setting .set_right .skin label img { max-width: 520px; width: 85%; } .setting .set_right .skin + .btn_wrap { padding-top: 0; } .setting .set_right h4{display:inline-block;margin-right:5px} .setting .set_right .radio { display:inline-block; margin-right:20px} .setting .set_right .radio label span { border: 1px solid #959595; color: #959595; display: inline-block; padding: 5px 5px; font-weight: bold; min-width: 41px; text-align: center; cursor: pointer; } .setting .set_right .radio label input:checked + span { background-color: #959595; color: #fff; } .setting .set_right .radio label + label { margin-left: -3px; } .setting .set_right .label2 { display: block; border-bottom: 1px solid #dededd; padding: 14px 0 14px 30px; position: relative; } #pop_L13 { background: #fff; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); width: auto; border: 1px solid #cecece; min-height: 60px; padding: 15px; font-size: 14px; position: absolute; top: 140px; left: 35px; display: none; /* z-index: 1001; */ } #pop_L13.on { display: block; } #pop_L13 > div { display: none; } #pop_L13 > div.on { display: block; } #pop_L13 .edt { width: 30px; height: 30px; background: url(../img/btn_icon.png) -200px 0; position: absolute; top: 12px; right: 15px; } #pop_L13 .name_list p { min-height: 16px;cursor: pointer; } #pop_L13 .name_list p + p { margin-top: 10px; } #pop_L13 .name_list span { float: right; display: inline-block; } #pop_L13 .name_list button { width: 18px; height: 18px; background: url(../img/btn_icon.png) -44px -30px; background-color: #494949; border-radius: 3px; position: relative; top: -1px; margin-left: 2px; } #pop_L13 .name_list button.up { background-position: -202px -30px; } #pop_L13 .name_list button.down { background-position: -224px -30px; } #pop_L13 .name_list button.re_write { background-position: -22px -30px; } #pop_L13 .name_list button:hover { background-color: #4a559f; } #pop_L13 .view .name_list p span { display:none } #pop_L13 .label { width: 100%; text-align: right; margin-top: 12px; } #pop_L13 .label:first-child { margin-top: 20px; } #pop_L13 .label label { width: calc(100% - 80px); background: #f6f6f6; border: 1px solid #dddddd; display: inline-block; position: relative; height: 38px; vertical-align: top; float: left; } #pop_L13 .label label::before { content: ""; width: 20px; height: 20px; background: url(../img/btn_icon.png) -245px -30px; display: block; position: absolute; top: 10px; left: 10px; } #pop_L13 .label label.self::before { background-position: -265px -30px; } #pop_L13 .label label input { height: 38px; width: 100%; padding-left: 40px; border: 0; background: transparent; margin: 0; vertical-align: top; display: block; } #pop_L13 .label label + button { border: 1px solid #ddd; font-size: 14px; color: #666666; height: 38px; vertical-align: top; padding: 0 10px 0 30px; position: relative; } #pop_L13 .label label + button::before { content: ""; width: 12px; height: 20px; background: url(../img/btn_icon.png) -285px -30px; display: block; position: absolute; top: 13px; left: 10px; } .ui-front { z-index: 1010 !important; } .ui-front .ui-menu-item { font-family: "Noto Sans", "MalgunGothic", sans-serif; font-size: 15px; padding: 5px 15px; } .ui-front .ui-menu-item + .ui-menu-item { border-top: 1px solid #dededd; } .pop_L13 { width: 660px; } .loading_img { display: block; margin: 0 auto; width: 100px; height: 100px; } .loading_img.s { width: 150px; height: 150px; } .loading_img.m { width: 200px; height: 200px; } .loading_img.l { width: 250px; height: 250px; } .loading_box { background: url(../img/loading.gif) center center no-repeat; background-size: 15%; } .loading_full { background-color: rgba(255, 255, 255, 0.95); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index:99999} .loading_full::before { content: ""; display: block; width: 100%; height: 100vh; background: url(../img/loading.gif) center center no-repeat; background-size: 10%; } *[class^='icon_cls_'] { position: relative; padding-left: 60px !important; text-align: left !important; width: 220px; height: 50px; vertical-align: middle; } *[class^='icon_cls_']::before { content: ""; width: 30px; height: 30px; background: url(../img/icon_class.png) -60px -180px no-repeat; display: inline-block; position: absolute; left: 18px;top: 50%; transform: translateY(-50%);} *[class^='icon_cls_o']::before { background-position:-30px -270px } *[class^='icon'].icon_cls_1::before { background-position: 0px -0px; } *[class^='icon'].icon_cls_2::before { background-position: 0px -30px; } *[class^='icon'].icon_cls_3::before { background-position: 0px -60px; } *[class^='icon'].icon_cls_4::before { background-position: 0px -90px; } *[class^='icon'].icon_cls_5::before { background-position: 0px -120px; } *[class^='icon'].icon_cls_6::before { background-position: 0px -150px; } *[class^='icon'].icon_cls_7::before { background-position: 0px -180px; } *[class^='icon'].icon_cls_8::before { background-position: 0px -210px; } *[class^='icon'].icon_cls_9::before { background-position: 0px -240px; } *[class^='icon'].icon_cls_10::before { background-position: 0px -270px; } *[class^='icon'].icon_cls_11::before { background-position: -30px 0px; } *[class^='icon'].icon_cls_12::before { background-position: -90px 0px; } *[class^='icon'].icon_cls_13::before { background-position: -30px -30px; } *[class^='icon'].icon_cls_14::before { background-position: -30px -60px; } *[class^='icon'].icon_cls_14.moreRelease::after { content: ""; width: 24px; height: 24px; display: inline-block; border-radius: 50%; background: url(../img/icon_moreRelease_24.png); margin-left:5px;} *[class^='icon'].icon_cls_15::before { background-position: -30px -90px; } *[class^='icon'].icon_cls_16::before { background-position: -30px -120px; } *[class^='icon'].icon_cls_17::before { background-position: -30px -150px; } *[class^='icon'].icon_cls_18::before { background-position: -30px -180px; } *[class^='icon'].icon_cls_19::before { background-position: -30px -210px; } *[class^='icon'].icon_cls_20::before { background-position: -30px -240px; } *[class^='icon'].icon_cls_21::before { background-position: -30px -270px; } *[class^='icon'].icon_cls_c21::before { background-position: -60px 0px; } *[class^='icon'].icon_cls_c22::before { background-position: -60px -60px; } *[class^='icon'].icon_cls_c23::before { background-position: -60px -30px; } *[class^='icon'].icon_cls_c24::before { background-position: -60px -90px; } *[class^='icon'].icon_cls_c61::before { background-position: -60px -120px; } *[class^='icon'].icon_cls_c161::before { background-position: -60px -120px; } *[class^='icon'].icon_cls_c162::before { background-position: -60px -120px; } *[class^='icon'].icon_cls_c163::before { background-position: -60px -120px; } *[class^='icon'].icon_cls_27::before { background-position: -60px -150px; } *[class^='icon'].icon_cls_c62::before { background-position: -60px -180px; } *[class^='icon'].icon_cls_c71::before { background-position: -60px -240px; } *[class^='icon'].icon_cls_c72::before { background-position: -60px -210px; } *[class^='icon'].icon_cls_c81::before { background-position: -30px -270px; } *[class^='icon'].icon_cls_c82::before { background-position: -60px -270px; } *[class^='icon'].icon_cls_31::before { background-position: -60px -270px; } *[class^='icon'].icon_cls_c91::before { background-position: -60px -60px; } *[class^='icon'].icon_cls_c92::before { background-position: -60px -150px; } *[class^='icon'].icon_cls_c191::before { background-position: -60px -60px; } *[class^='icon'].icon_cls_c192::before { background-position: -60px -150px; } *[class^='icon'].icon_cls_wa0::before { background-position: 0px -30px; } *[class^='icon'].icon_cls_wa2::before { background-position: 0px -240px; } *[class^='icon'].icon_cls_wa3::before { background-position: 0px -270px; } #noti_wrap { top: 70px; left: auto; right: 60px; -webkit-transform: translate(0, 0); transform: translate(0, 0); /* max-height: 85%; */ } #noti_wrap h1 { padding-right: 60px; border-bottom: 0; } #noti_wrap h1 .btn { border: 1px solid #ddd; border-radius: 3px; float: right; padding: 5px 10px; position: relative; top: -7px; margin-left: 5px; } #noti_wrap h1 .btn:hover { background: #555; color: #fff; border-color: #555; } #noti_wrap > div { padding: 0 25px 25px 50px; position: relative; text-align: center; } #noti_wrap .no_data { display: none; padding: 50px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-left: -25px; margin-bottom: 10px; } #noti_wrap .no_data.on { display: block; } #noti_wrap .no_data + .more { display: none; } #noti_wrap .list { border-bottom: 1px solid #ddd; padding: 18px 0; position: relative; z-index: 2; text-align: left; width: 550px; } #noti_wrap .list::after { content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 30px; left: -30px; z-index: 1; } #noti_wrap .list .state { width: 11px; height: 11px; z-index: 2; border-radius: 50%; background: #ff4c34; position: absolute; left: -35px; top: 21px; } #noti_wrap .list.chek .state { background: #dddddd; } #noti_wrap .list:last-of-type { margin-bottom: 15px; } #noti_wrap .list:last-of-type::after { height: 150%; } #noti_wrap .list p span + span { margin-left: 20px; } #noti_wrap .list p span.b { font-weight: 600; } #noti_wrap .list p span.title { width: 300px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #noti_wrap .list p span.user_name { width: 110px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #noti_wrap .list p + p { margin-top: 13px; } #noti_wrap .list p:first-of-type span:nth-child(1) { font-weight: 600; } #noti_wrap .list p:first-of-type span:nth-child(2) { color: #3a60ad; } #noti_wrap .list .del { width: 18px; height: 18px; background: url(../img/btn_icon.png) -44px -30px no-repeat; background-color: #494949; border-radius: 3px; position: relative; top: -1px; /* margin-left: 10px; */ float: right; } #noti_wrap .more { background: #898989; color: #fff; width: 60px; height: 30px; display: inline-block; } #noti_wrap .set { float: right; line-height: 30px; height: 30px; margin-bottom: 20px; } #noti_wrap .set::after { width: 30px; height: 30px; content: ""; background: url(../img/btn_icon.png) -155px 0 no-repeat; display: inline-block; vertical-align: top; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: center center; transform-origin: center center; position: relative; top: 2px; } @media (max-width: 1400px) { #list_wrap .list_content table tbody tr td.title { position: relative; padding-left: 40px; } .list_content .list_menu { position: absolute; left: 0px; width: 26px; height: 26px; background: #eee; border-radius: 50%; display: block; top: 50%; transform: translateY(-50%); } .list_content .list_menu::before { content: ""; margin:0 auto; display: block; width: 16px; height: 16px; background: url(../img/icon_list.png) -27px -218px no-repeat; transform: rotate(270deg); } } .chart_wrap { display: flex; justify-content: space-between; border-radius: 7px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); margin-top: 18px; border: 1px solid #ddd; overflow: hidden; } .chart_wrap ul { background: #f6f6f6; padding: 0 10px; width: 250px; display: flex; flex-direction: column; justify-content: space-between; } .chart_wrap ul li { padding: 20px; height: 25%; display: table; } .chart_wrap ul li + li { border-top: 1px solid #ddd; } .chart_wrap ul li > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .chart_wrap ul p { color: #333333; font-weight: 600; } .chart_wrap ul span { color: #5e6ab6; font-weight: 600; font-size: 20px; margin-top: 10px; display: block; } .chart_img { width: calc(100% - 230px); } .chart_img2 { width: 100%; max-width: 1400px; } .chart_list { display: flex; } /* .chart_list > div { width: 14% !important; } */ /* .chart_list > div:nth-child(2) { width: 70% !important; } */ .chart_list > div:nth-child(n+2) { margin-left: 20px; } /* s20230530 */ .chart_list > div.list_content.type3 { width: 250px !important; height: 460px; } .chart_list > div.list_content.type4 { width: 70% !important; height: 460px; } /* e20230530 */ #list_wrap .chart_list .list_content.type2 table tbody tr td { height: 45px; } #list_wrap .chart_list .list_content.type2 table tbody tr td a { width: auto !important; color: #555; } #list_wrap .chart_list .list_content table tbody tr + tr { border-top: 0; } #list_wrap .chart_list_page { margin-top: 12px; display: flex; justify-content: center; } #list_wrap .chart_list_page>span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #000 !important; opacity: 0.2; margin: 0 6px; cursor: pointer; } #list_wrap .chart_list_page>span.active { background: #2c479e !important; opacity: 0.7; } #list_wrap .list_content.type2 table tbody tr td.text_l { text-align: left; } #list_wrap .list_content.type2 table tbody tr td[class^='icon_cls_']{width:auto} .layer_pop { position: fixed; width: 1450px; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1000; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); border: 1px solid #aaa; display: none; } .layer_pop.on { display: block; } .layer_pop h1 { height: auto; padding: 20px 20px; border-bottom: 1px solid #ddd; color: #000; } .layer_pop h1 > div { float: right; display: inline-block; } .layer_pop h1 button { width: 20px; height: 20px; background: url(../img/L01_icon.jpg) no-repeat; display: inline-block; } .layer_pop h1 button + button { margin-left: 5px; } .layer_pop h1 button:nth-child(3) { background-position: -40px 0; } .layer_pop h1 button:nth-child(2) { background-position: -20px 0; } .layer_pop > div { padding: 30px; } #pop_error .btn_style1 {display:none} .icon_export{ width:24px; height:24px; background:url(../img/export.png) no-repeat; display:inline-block; } /*에디터 소스 추가*/ .ui-image-edit-top button.button-cancel, .ui-image-edit-top button.button-ok{width:70px !important;} .ui-image-edit-top button.button-cancel:hover::before, .ui-image-edit-top button.button-ok:hover::before{content: attr(title) " "; } /*검색 해더 고정*/ .top_fixed{display:none} #pop_T02_H01 {overflow-y:hidden;height: 100%;min-width:500px; min-height:300px} #pop_T02_H01 .top_fixed{display:block; height: 65px; position: absolute; width: 100%; top: 0; left: 0; z-index:10} #pop_T02_H01 .top_fixed + div{position: relative;overflow-y: auto; max-height: 100%;min-height:400px; z-index:1; padding-top:65px;} /*ui 임의 수정 */ .ui-resizable-e, .ui-resizable-ne{right: 0px!important;} /* 20220704-No.138 메모쓰기 auto-complete 위치 고정 */ .ui-autocomplete.ui-fixed { position: fixed !important; } /* 20220927 작업목록-전체목록 auto refresh */ /* .list_search .right_w .auto_refresh { display: inline-block; position: relative; margin-left: 15px; } */ /* .list_search .right_w .auto_refresh .icon { position: absolute; top: -20px; } */ /* .list_search .right_w .auto_refresh .text { position: absolute; top: -24px; left: 40px; } */ /* .list_search .right_w .auto_refresh .text input { width: 80px; } */ .list_search .right_w .auto_refresh { display: inline-block; vertical-align: middle; padding: 0px 4px; } .full_layer.type3 .layer { padding: 30px 30px 10px; } .full_layer.type3 .layer .text { background: #f7f7f7; border: 1px solid #ddd; padding: 20px; overflow: auto; max-height: 550px; line-height: 1.3;} /* s20221025 선택화상 */ #list_wrap .list_content.photo_2, #list_wrap .list_content.photo_3 { border-radius: initial; box-shadow: initial; border: initial; } #list_wrap .list_content.photo_2 ul { display: flex; flex-wrap: wrap; margin: 0 6px; } #list_wrap .list_content.photo_2 ul li { margin: 5px; padding: 5px; text-align: center; min-height: 200px; cursor: pointer; position: relative; width: 180px; } #list_wrap .list_content.photo_2 ul li .img { width: 170px; height: 150px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; position: relative; } #list_wrap .list_content.photo_2 ul li .img img { width: 150px; height: 150px; -o-object-fit: contain; object-fit: contain; } #list_wrap .list_content.photo_2 ul li:hover .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position:absolute; top:0; left:0 } #list_wrap .list_content.photo_2 ul li.on .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position:absolute; top:0; left:0 } #list_wrap .list_content.photo_2 ul li.on .img::after { content: ""; display: block; width: 30px; height: 30px; background: url(../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #list_wrap .list_content.photo_2 ul li .cate, #list_wrap .list_content.photo_2 ul li strong, #list_wrap .list_content.photo_2 ul li .title { margin-top: 5px; } #list_wrap .list_content.photo_2 ul li strong { display: inline-block; } #list_wrap .list_content.photo_2 ul li.editPaper { background: #F4F6F6; } #list_wrap .list_content.photo_2 ul li.workPaperReady { background: #AED6F1; color: #fff; } #list_wrap .list_content.photo_2 ul li.workPaperOk { background: #6399FE; color: #fff; } #list_wrap .list_content.photo_2 ul li.exportPaper { background: #4b549f; color: #fff; } #list_wrap .list_content.photo_2 ul li.lock .img::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; left: 0; } #list_wrap .list_content.photo_2 ul li.lock .img::after { content: ""; display: block; width: 49px; height: 49px; background: url(../img/icon_lock.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #list_wrap .list_content.photo_2 ul li.retouch .imgBoxArea::after { content: ""; display: block; width: 34px; height: 34px; background: url(../img/icon_R.png) no-repeat 0 0; position: absolute; top: 10%; left: 15%; transform: translate(-50%, -50%); } #list_wrap .list_content.photo_2 ul li .icn { position: absolute; z-index: 10; left: 15px; top: 15px; } #list_wrap .list_content.photo_2 ul li p.imgtitle { height:40px; white-space: normal; width: 100%; max-width: none; min-width: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.2; } #list_wrap .list_content.photo_2 ul li.moreRelease .imagePaperTitleInfo::after { content: ""; display: block; width: 34px; height: 34px; background: url(../img/icon_moreRelease.png) no-repeat 0 0; position: absolute; top: 10%; left: 85%; transform: translate(-50%, -50%); } #list_wrap .list_content.photo_3 ul { display: flex; flex-wrap: wrap; /* margin: 0 20px; */ } #list_wrap .list_content.photo_3 ul li { margin: 5px 15px 50px; padding: 35px 15px 15px; text-align: center; min-height: 260px; cursor: pointer; background-color: #6b6b6b; color: #fff; position: relative; max-width: 180px; margin-left: 0; } #list_wrap .list_content.photo_3 ul li.drag-left { border-left: 4px solid #ff0000; box-sizing: border-box; } #list_wrap .list_content.photo_3 ul li.drag-right { border-right: 4px solid #ff0000; box-sizing: border-box; } #list_wrap .list_content.photo_3 ul li .cate { position: relative; } #list_wrap .list_content.photo_3 ul li .cate:before { z-index: 9; display: block; content: ""; width: calc(100% + 30px); height: 20px; background-color: #fff; position: absolute; left: -15px; top: -35px; } #list_wrap .list_content.photo_3 ul li .cate.ex_c10:before { background-color: #abc47c; } #list_wrap .list_content.photo_3 ul li .cate.ex_c11:before { background-color: #aadeeb; } #list_wrap .list_content.photo_3 ul li .cate.ex_c20:before { background-color: #e7b9d4; } #list_wrap .list_content.photo_3 ul li .cate.ex_c30:before, #list_wrap .list_content.photo_3 ul li .cate.ex_c40:before, #list_wrap .list_content.photo_3 ul li .cate.ex_c50:before, #list_wrap .list_content.photo_3 ul li .cate.ex_c90:before, #list_wrap .list_content.photo_3 ul li .cate.ex_c60:before { background-color: #f7c756; } #list_wrap .list_content.photo_3 ul li.on:before { content: ""; width: 100%; height: calc(100% - 65px); background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; left: 0; z-index: 10; } #list_wrap .list_content.photo_3 ul li.on:after { content: ""; display: block; width: 30px; height: 30px; background: url(./../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: calc(50% - 35px); left: 50%; transform: translate(-50%, -50%); z-index: 10; } #list_wrap .list_content.photo_3 ul li .img { width: 150px; height: 150px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 15px 0; position: relative; } #list_wrap .list_content.photo_3 ul li .img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #list_wrap .list_content.photo_3 ul li .txt { text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; height: 50px; word-break: break-word; padding: 10px 0px; } #list_wrap .list_content.photo_3 ul li .cate span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; height: 40px; word-break: break-word; } .input_wrap_new { background-color: #e1e1e1; } .input_wrap_new .input_row { display: flex; align-items: center; } .input_wrap_new .input_row label:first-of-type { flex: 0 20%; font-weight: bold; text-align: left; } .input_wrap_new .input_row label:first-of-type + select, .input_wrap_new .input_row label:first-of-type + input { flex: auto; } .input_wrap_new .input_row input[type=checkbox] { width: auto; } .input_wrap_new .input_row:not(:first-child) { margin-top: 10px; } .input_wrap_new .input_row .select + .select { margin-left: 10px; } .input_wrap_new .input_row textarea { font-family: "Noto Sans", "MalgunGothic", sans-serif; color: #555; flex: auto; border: 1px solid #d1d1d1; font-size: 16px; padding: 0 5px; } .input_wrap_new .input_row textarea[name=workMemo] { height: 85px; margin-left: 20px; word-break: break-word; } .input_wrap_new .input_row.memo { align-items: flex-start; flex-direction: column; } .input_wrap_new .input_row.memo textarea { width: 100%; margin-top: 10px; padding: 0 5px; } .input_wrap_new .btn_wrap { margin-top: 10px; } .winlayer { /* max-height: 95vh; */ overflow-y: auto; width: auto; min-width: 280px; height: auto; background: #fff; } .winlayer h1 { height: 65px; color: #fff; font-size: 24px; padding: 0 20px; margin-bottom: 20px; font-weight: 600; width: 100%; background-color: #5e6ab6; line-height: 60px; } .winlayer .close { top: 5px; right: 7px; background-position: -50px 0; } .winlayer .pop_photo { padding: 0 20px; margin: 0 5px; /* overflow-y: auto; */ /* height: 85vh; */ } .winlayer .pop_photo ul { display: flex; flex-wrap: wrap; } .winlayer .pop_photo ul li { max-width: 260px; margin: 0 5px 15px; text-align: left; cursor: pointer; min-height: 230px; position: relative; background-color: #6b6b6b; color: #fff; padding: 10px; } .winlayer .pop_photo ul li.drag-left { border-left: 4px solid #ff0000; box-sizing: border-box; } .winlayer .pop_photo ul li.drag-right { border-right: 4px solid #ff0000; box-sizing: border-box; } .winlayer .pop_photo ul li .icon { position: absolute; width: 100%; } .winlayer .pop_photo ul li.on .img:before { content: ""; width: 100%; height: calc(100% - 80px);/*20230203*/ background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; left: 0; z-index: 10; } .winlayer .pop_photo ul li.on .img:after { content: ""; display: block; width: 30px; height: 30px; background: url(./../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: calc(50% - 40px);/*20230203*/ left: 50%; transform: translate(-50%, -50%); z-index: 10; } .winlayer .pop_photo ul li .img { width: 240px; height: 240px; overflow: hidden; display: flex; align-items: center; justify-content: center; /* position: relative; */ } .winlayer .pop_photo ul li .img img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .winlayer .pop_photo ul li .title { text-align: left; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.2; height: 70px; word-break: break-word; } .winlayer .pop_photo ul li .icn { width: 100%; z-index: 10; position: absolute; left: 2px; top: 5px; display: flex; justify-content: flex-start; } .winlayer .pop_photo ul li .icn img { margin: 0 3px; } .winlayer .pop_photo ul li .icn img[src*=icon_E] { margin-left: auto; margin-right: 5px; } .new_list01 { border-radius: 7px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); margin-top: 18px; border: 1px solid #ddd; overflow: hidden; } .new_list01 table { width: 100%; } .new_list01 table thead th { background: linear-gradient(0deg, rgb(231, 231, 231) 0%, rgb(255, 255, 255) 100%); height: 50px; color: #222222; font-weight: 600; text-align: center; border-bottom: 1px solid #d2d2d2; vertical-align: middle; } .new_list01 table tbody tr td { padding: 9px 10px; vertical-align: middle; text-align: center; } .new_list01 table tbody tr td[class^=icon_cls_] { width: initial !important; } .new_list01 table tbody tr td.text_l, .new_list01 table tbody tr td.title { text-align: left; } .new_list01 table tbody tr td.title a { color: #4b549f; font-weight: bold; display: flex; align-items: center; } .new_list01 table tbody tr td.title a::before { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 10px; border-radius: 15px; } .new_list01 table tbody tr td.title a.lock::before { background: #4b549f url(./../img/icon_list.png) -56px 3px no-repeat; } .new_list01 table tbody tr td .img { position: relative; } .new_list01 table tbody tr td .img img { width: 40px; height: 40px; } .new_list01 table tbody tr td .img.on:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; left: 0; } .new_list01 table tbody tr td .img.on:after { content: ""; display: block; width: 30px; height: 30px; background: url(./../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new_list01 table tbody tr:not(:first-child) td { border-top: 1px solid #eaeaea; } .new_list01 table tbody tr:hover { background: #f6f6f6; cursor: pointer; } .news_view { vertical-align: top; margin-top: 20px; } .news_view ul { margin-top: -20px; display: flex; flex-wrap: wrap; /* display: grid; */ /* grid-template-columns: 1fr 1fr; */ } .news_view ul li { padding-top: 30px; margin-right: 10px; /* overflow: hidden; */ /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ } .news_view dl { position: relative; cursor: pointer; } .news_view dl.on:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position: absolute; top: 0; left: 0; z-index: 10; } .news_view dl.on:after { content: ""; display: block; width: 30px; height: 30px; background: url(./../img/btn_icon.png) no-repeat -250px -52px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .news_view p.upd-date-txt { text-align: right; font-size: 14px; padding: 0px 2px; } .news_view dl dt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; font-size: 16px; letter-spacing: -0.6px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.5); /* z-index: 9; */ font-weight: 500; } /* 20230119 전체 추가 */ .news_view li[paper-making="2"] dl dt { color: #0000FF; background-color: transparent; } .news_view dl dd { width: 208px; height: 252px; overflow: hidden; border: solid 2px #727272; padding: 2px; background: #eee; } .news_view dl dd img { /* max-width: 100%; */ width: 200px; height: 200px; object-fit: contain; } #content .news_edit + .input_wrap_new { padding-top: 0; border-top: none; } #list_wrap.win_pop div.news_edit { margin: 15px auto 10px; width: 820px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 10px; line-height: 1.2; } #list_wrap.win_pop div.news_edit::after { display: none; } #list_wrap.win_pop div.news_edit span { margin: 0 20px; display: flex; position: relative; align-items: center; justify-content: center; } #list_wrap.win_pop div.news_edit span button { margin: 0 8px; text-align: center; } #list_wrap.win_pop div.news_edit span button img { vertical-align: middle; } #list_wrap.win_pop div.news_edit span:after { position: absolute; right: -21px; content: ""; display: block; background: #e1e1e1; width: 1px; height: 40px; } #list_wrap.win_pop div.news_edit span:last-child:after { display: none; } #list_wrap.win_pop div.news_edit span:first-child:after { right: -19px; } #list_wrap.win_pop button.view-scaleD { width: 30px; height: 30px; background: url(../img/vr_01.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-scaleU { width: 30px; height: 30px; background: url(../img/vr_02.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-layout-100 { width: 30px; height: 30px; background: url(../img/vr_03.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-layout-w { width: 30px; height: 30px; background: url(../img/vr_04.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-layout-h { width: 30px; height: 30px; background: url(../img/vr_05.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-prev-p { width: 30px; height: 30px; background: url(../img/vr_06.png) 0 0 no-repeat; } #list_wrap.win_pop button.view-next-p { width: 30px; height: 30px; background: url(../img/vr_07.png) 0 0 no-repeat; } #list_wrap.win_pop button.pdf-delete { width: 30px; height: 30px; background: url(../img/vr_08.png) 0 0 no-repeat; } #list_wrap.win_pop > .list_search > #info-txt { width: 180px; } #list_wrap.win_pop .view-body { padding: 4px; background: #eee; margin: auto; width: 100%; height: calc(100vh - 89px); overflow: auto; box-sizing: border-box; border-top: 4px solid #eee; cursor: grab; cursor: -o-grab; cursor: -moz-grab; cursor: -webkit-grab; } #list_wrap.win_pop .view-body #view-img { /* position: absolute; */ position: relative; } #list_wrap.win_pop div.news_edit span #view-scale-r.input { width: 50px; } .input_wrap_new { text-align: center; } .ui-spinner { border-radius: 0; flex: auto; text-align: left; } .ui-spinner-input { height: 32px; padding-left: 10px !important; } .ui-spinner-input:focus-visible { outline: none; } .ui-button .ui-icon { background-image: url("../img/ui-icons_777777_256x240.png") !important; } #content button.btn_write.ico_tp01:before { width: 35px; height: 31px; background: url(../img/icon_cate.png) 50% 50% no-repeat; } #content button.btn_write.ico_tp02:before { background: url(../img/icon_cate_w.png) 50% 50% no-repeat; } .w600 { width: 1150px; max-width: 100%; } .w520 { width: 520px; } .lpy01 { display: flex; } .lpy01 .col:first-child { flex: 0 0 600px; } .lpy01 .col:first-child .img { width: 100%; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-top: 20px; } .lpy01 .col:last-child { flex: auto; padding-left: 20px; } .inner { margin: 0 5px; } .input.w60 { width: 60px; flex-grow: 0 !important; } .input.w80 { width: 85px; flex-grow: 0 !important; } .input.h120 { height: 120px; } .input.h80 { height: 80px; width: 340px;' } .l_popup h1 .btn_wrap { padding: 0; text-align: left; margin-top: -7px; } #list_wrap .list_top button.btn_create { float: right; background-color: #222222; width: 66px; } #list_wrap .list_top button.btn_create::before { content: ""; display: inline-block; width: 30px; height: 30px; background: url("../img/icon_cate_w.png") 50% 50% no-repeat; } #pop_L41.l_popup { width: 420px; } #pop_L41.l_popup .select[name=groupcd], #pop_L41.l_popup .select[name=selcd] { max-width: calc(100% - 190px) !important; } #pop_k001.l_popup { max-width: 500px; } .select[name=groupcd], .select[name=selcd] { max-width: calc(100% - 82px); } input#chk001:checkbox { margin-left: 10px; } .pop_photo > ul > li > .icon img { display: none; position: absolute; } .pop_photo > ul > li > .icon.sel_p img.icon_sel_p { display: inline-block; left: 0px; } .pop_photo > ul > li > .icon.sel_1 img.icon_sel_1 { display: inline-block; left: 45px; } .pop_photo > ul > li > .icon.sel_e img.icon_sel_e { display: inline-block; right: 20px; } /* s20240510 */ #list_wrap .list_content.photo table tbody tr td .img .release_medias { display: inline-block; } .img .release_medias { position: absolute; right: 4px; top: 4px; display: none; } .media_icon { border-radius: 50%; width: 20px; height: 20px; display: inline-block; } .media1_icon { background: url(../img/icon_donga.png) center #4a559f; background-size: contain; } .media4_icon { background: url(../img/icon_sports.png) center #4a559f; background-size: contain; } #list_wrap .list_content.photo table tbody tr td .img.release_col, #list_wrap .list_content.type2 table tbody tr td .img.release_col { background: #fa98a2 !important; } /* s20240510 */ #list_wrap .list_content.photo table tbody tr td .img.release_s, #list_wrap .list_content.type2 table tbody tr td .img.release_s { background: #f0e68c !important; } #list_wrap .list_content.photo table tbody tr td .img.release_e, #list_wrap .list_content.type2 table tbody tr td .img.release_e { background: #8dcff5 !important; } .winlayer h1 .scaleU { background: url(../img/icon_scale_w.png) 0 0 no-repeat; } .winlayer h1 .scaleD { background: url(../img/icon_scale_w.png) -40px 0 no-repeat; } .winlayer h1 .scaleF { background: url(../img/icon_scale2_w.png) 0 0 no-repeat; } .winlayer h1 .scaleO { background: url(../img/icon_scale2_w.png) -40px 0 no-repeat; } /* e20221025 선택화상 */ /* 선택화상 업로드영역 */ #uploadImagePaperFileName { text-align: left; line-height: 1.3; padding: 0 5px 0 10px; overflow: hidden; text-overflow: ellipsis; } .winlayer h1 .printImage { background: url(../img/icon_print_w.png) 0 0 no-repeat ; } /* s20230221 Top */ .scroll_top { position: fixed; right: 25px; bottom: 25px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); } .scroll_top .btn_scroll_top::before { background: url(../img/m/icon_btn.png); width: 45px; height: 45px; content: ""; background-size: cover; display: block; } /* e20230221 Top */ /* s20230530 */ .chart_list > .list_content { max-height: 520px; min-height: 370px; overflow: auto !important; } .chart_list > .list_content > table > thead { position: sticky; top: 0; } .chart_list > .list_content > table > thead > tr > th { min-width: 100px !important; } .chart_list > .list_content > table > thead > tr > th.list_no { min-width: 50px !important; } #list_wrap .list_content table tbody tr td.title3 { padding-right: 30px; min-width: 320px; max-width: 380px; padding: 15px; } #list_wrap .list_content table tbody tr td.author_name, #list_wrap .list_content table tbody tr td.author_dept { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .chart_wrap > #ga-monthly { width: calc(100% - 230px); min-height: 380px; } .list_content.type4 > table > tbody > tr > td { padding:0 !important; } .list_content.type4 > table > tbody > tr > td > #ga-user-age-bracket, .list_content.type4 > table > tbody > tr > td > #ga-user-gender { width: 520px; } /* e20230530 */ .wrap_view_pop .chart_list > .list_content.type2 { min-height: auto; } #write_wrap .right_w #pop_L16_T { position: sticky; top: 0px; min-width: 500px; } p span.text-info { background: url(../img/m/info_3.png) no-repeat center; width: 24px; height: 24px; background-size: 16px; display: inline-block; margin-top: -3px; margin-left: 3px; vertical-align: top; } /* s20230823 */ #list_wrap .list_content.type_dashboard { display: flex; overflow: visible; } #list_wrap .list_content.type_dashboard table { table-layout: fixed; } #list_wrap .list_content.type_dashboard table thead tr.head-fixed { position: sticky; top: 0; z-index: 1; } #list_wrap .list_content.type_dashboard table thead tr th + th { border-left: 1px solid #c1c1c1; } #list_wrap .list_content.type_dashboard table tbody tr:hover { background: none; cursor: default; } #list_wrap .list_content.type_dashboard table tbody tr td { width: calc(15% - 20px); text-align: left; vertical-align: top; padding: 10px 15px; font-size: 14px; } #list_wrap .list_content.type_dashboard table tbody tr td div { padding-bottom: 5px; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_item::before { content: ''; width: 4px; height: 4px; border-radius: 2px; background: #000; position: absolute; margin-top: 12px; margin-left: -6px; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_item:hover { background: #f6f6f6; cursor: pointer; } #list_wrap .list_content.type_dashboard table tbody tr td div p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 20px; line-height: 1.2; } #list_wrap .list_content.type_dashboard table tbody tr td div p span[class^='icon_cls_'] { width: 30px; height: 30px; display: inline-block; padding-left: 30px !important; text-align: center !important; } #list_wrap .list_content.type_dashboard table tbody tr td div p span[class^='icon_cls_'] span { margin-top: 30px; display: inline-block; font-size: 14px; } #list_wrap .list_content.type_dashboard table tbody tr td div p span[class^='icon_cls_']::before { left: 2px; top: 14px; } #list_wrap .list_content.type_dashboard table tbody tr td div p span.title4 { padding-left: 5px; font-weight: 600; } #list_wrap .list_content.type_dashboard table tbody tr td div p span.subitem_line { width: 12px; height: 12px; margin: 0 4px 0 14px; display: inline-block; border: 1px dashed #000; border-right: 0; border-top: 0; box-sizing: border-box; } #list_wrap .list_content.type_dashboard table tbody tr td div p span.lock_name { color: #000; font-weight: 600; } #list_wrap .list_content.type_dashboard table tbody tr td div p span.lock_name::before { content: ""; width: 22px; height: 22px; display: inline-block; border-radius: 50%; background: url(../img/icon_lock_32.png) center #4a559f; background-size: 22px; vertical-align: middle; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_img { text-align: center; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_img:hover { cursor: pointer; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_txt { text-align: center; font-weight: 600; } #list_wrap .list_content.type_dashboard table tbody tr td div.list_content_txt[paper-making='2'] { color: #0000ff; } #list_wrap .list_content.type_dashboard table tbody tr td .list_content_img img { max-width: 170px; max-height: 200px; border: 1px solid #ddd; } #list_wrap .list_content.type_dashboard table tbody tr td + td { border-left: 1px dashed #c1c1c1; } #list_wrap .list_search_dash .left_w #schPage { width: 200px; } #list_wrap .list_search_dash .left_w #schPage button { width: 200px; } #list_wrap .list_search_dash .right_w label .monitoring-status::before { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../img/auto_refresh_off.png); vertical-align: middle; margin-right: 5px; } #list_wrap .list_search_dash .right_w label .monitoring-status.on::before { background: url(../img/auto_refresh_on.png); } #list_wrap .list_search_dash .left_w { width: calc(100% - 400px); } /* e20230823 */ #pop_L01.l_popup #dsearch_index, #pop_L29.l_popup #dsearch_index { margin-left: 15px; border: 1px solid #acacac; padding: 4px 8px; border-radius: 6px; } #pop_L01.l_popup #dsearch_index:hover, #pop_L29.l_popup #dsearch_index:hover { background-color: #efefef; color:#000; } div#dsearch_index_view > .view-item { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } div#dsearch_index_view > .view-item > div { margin: 10px; } div#dsearch_index_view > .view-item > div > span { font-weight: 500; } div#dsearch_index_view > .view-item > div > p { border: 1px solid #ddd; padding: 8px; margin: 0; margin-top: 5px; line-height: 1.4; } /* s20240530 */ .save_wrap .input_wrap > .label_cate > div::before { content: ''; width: 6px; height: 6px; border-radius: 3px; background: #555; position: absolute; margin-top: 20px; margin-left: -15px; } .save_wrap .input_wrap > .label_cate > div > select { width: 120px; } .save_wrap .input_wrap > .label_cate > div > select.cate03, .save_wrap .input_wrap > .label_cate > div > select.cate04, .save_wrap .input_wrap > .label_cate > div > select.cate05 { width: 140px; } /* e20240530 */ /* s20240730 */ .pop_L39 { width: 32px; height: 32px; background: url(../img/m/icon_ai.png) no-repeat; position: absolute; top: 5px; left: 5px; } #write_wrap .right_w #pop_L40 { max-height: calc(80vh - 80px); overflow: inherit; } #write_wrap .right_w #pop_L39 .tip, #write_wrap .right_w #pop_L40 .tip { line-height: 1.5; padding: 20px 50px; font-weight: 500; border-bottom: 1px solid #d8d9d9; word-break: break-all; } #write_wrap .right_w #pop_L39 .tip::before , #write_wrap .right_w #pop_L40 .tip::before { content: ""; display: block; width: 17px; height: 16px; background: url(../img/m/icon_speech.png) no-repeat center; border-radius: 3px; position: absolute; margin-left: -22px; margin-top: 5px; } #write_wrap .right_w #pop_L39 .input_wrap, #write_wrap .right_w #pop_L40 .input_wrap { line-height: 1.5; word-break: break-all; max-height: calc(100vh - 380px); overflow-y: auto; } #write_wrap .right_w #pop_L39 .input_wrap p { padding-bottom: 15px; cursor: pointer; } #write_wrap .right_w #pop_L39 .input_wrap p:hover { color: #000; font-weight: 700; } #write_wrap .right_w #pop_L39 .input_wrap p span { border-bottom: 1px solid #555; } /* e20240730 */ td.webServiceDate { min-width: 180px; } /* 20240827 */ .icon_ok::before { content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon_ok.png) no-repeat center; } /* s20240906 */ .pop_L48, .pop_L49 { width: 32px; height: 32px; background: url(../img/m/icon_ai.png) no-repeat; position: absolute; top: 5px; left: 90px; } .save_wrap .input_wrap .label #pop_L48 { padding: 8px 0; display: none; } .save_wrap .input_wrap .label #pop_L48.on { display: block; } .save_wrap .input_wrap .label #pop_L48 span { border: 1px solid #d1d1d1; border-radius: 5px; float: none; padding: 7px; margin: 0 5px 5px 0; cursor:pointer; } .save_wrap .input_wrap .label #pop_L48 span:hover { color: #000; font-weight: 700; border-color: #000; } .save_wrap .input_wrap .label #pop_L48 span.used { border-color: #000; } /* e20240906 */ /* s20241030 */ #open_auto_pop { display: none; vertical-align: middle; padding: 0px 4px; cursor: pointer; } #open_auto_pop .icon { width: 30px; height: 30px; background: url(../img/icon_auto_off.png) no-repeat; display: inline-block; } #list_wrap.auto_pop { padding: 10px; min-height: 100vh; } #list_wrap.auto_pop form[name='schForm'] { position: sticky; top: 0; z-index: 1; background: #fff; } #list_wrap.auto_pop .list_search { margin-top: 0; padding: 10px; } #list_wrap.auto_pop .list_search .left_w { width: calc(100% - 60px); } #list_wrap.auto_pop .list_search .left_w > * { margin: 2px 0px; } #list_wrap.auto_pop .list_search .right_w label .monitoring-status::before { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../img/auto_refresh_off.png); vertical-align: middle; margin-right: 5px; } #list_wrap.auto_pop .list_search .right_w label .monitoring-status.on::before { background: url(../img/auto_refresh_on.png); } #list_wrap.auto_pop .list_menu2 { margin-top: 5px; text-align: right; } #list_wrap.auto_pop .list_menu2 button { border: 1px solid #acacac; padding: 4px 8px; border-radius: 6px; font-size: 14px; } #list_wrap.auto_pop .list_menu2 button:hover { background-color: #efefef; color: #000; } #list_wrap.auto_pop .list_content { font-size: 14px; margin-top: 5px; } #list_wrap.auto_pop .list_content table tbody tr td { padding: 4px 8px; height: 44px; } #list_wrap.auto_pop .list_content table tbody tr td.title { min-width: 200px; max-width: 300px; } #list_wrap.auto_pop .list_content table tbody tr td.title a { max-width: calc(100% - 10px); } #list_wrap.auto_pop .list_content table tbody tr td.title.lock { padding-right: 120px; } #list_wrap.auto_pop .list_content table tbody tr td.title.lock a { max-width: calc(100% - 40px); } #list_wrap.auto_pop .list_content table tbody tr td.title.lock > span { margin-top: -12px; display: inline-block; } #list_wrap.auto_pop .list_content table tbody tr td.upd-date-txt { min-width: 90px; } #list_wrap.auto_pop .list_content table tbody tr td[class^='icon_cls_'] { padding-left: 45px !important; } #list_wrap.auto_pop .list_content table tbody tr td[class^='icon_cls_']::before { left: 8px; } #list_wrap.auto_pop .list_content table tbody tr.user-confirm td[class^='icon_cls_']::after { content: ""; border: 2px solid #2c479e; position: absolute; left: 0; top: 0; height: 100%; } #list_wrap.auto_pop .list_content table thead th.sort-asc::after, #list_wrap.auto_pop .list_content table thead th.sort-desc::after { border-width: 0 6px 10px 6px; margin-left: 2px; margin-top: 4px; } /* e20241030 */ /* 20241203 */ #F01_view .layer button.next { width: 50px; height: 50px; border-radius: 50%; background-size: contain; background: url(../img/m/ic_header_07.png) no-repeat center rgba(0, 0, 0, 0.3); right: 495px; top: 50%; position: absolute; transform: translateY(-50%); } #F01_view .layer button.prev { width: 50px; height: 50px; border-radius: 50%; background-size: contain; background: url(../img/m/ic_header_07.png) no-repeat center rgba(0, 0, 0, 0.3); left: 15px; top: 50%; position: absolute; transform: rotate(180deg) translateY(50%); } #F01_view .layer button.prev:hover, #F01_view .layer button.next:hover { background-color: rgba(0, 0, 0, 0.5); }